/*Title:   Custom Css File
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
I WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.default_divider {
    width: 70px;
    margin: 10px auto;
}
.default_divider_green {
    border-top-color: #72d46f !important;
}

#status{	background:url("../images/logo-nav-green.png") no-repeat; }
#header { border-bottom: solid 0px #eeeeee; bottom: 0; z-index: 111; width: 100%; height: 60px; background: transparent; position: relative;}
#header.headerfixed{border-bottom: 0;background: transparent;}


#main-menu ul li a{color: #fff;}
.tp-leftarrow.default:hover, .tp-rightarrow.default:hover{background: #7cd779;} 

#header.header-fixed.header-bg{background: rgba(51,51,51,1);}

#featured{background-image: url("../images/featured-bg.jpg"); min-height: 650px; background-attachment: fixed; 
background-position: center;  background-repeat: no-repeat; background-size: cover; color: #fff
}
#featured h2.title{color: #fff;}
#featured h2.subtitle {color: #7cd779}
#featured p{color: #fff}


.field .submit{background: #7cd779}
.caption3 h2{font-weight: 100;text-transform: uppercase; letter-spacing: 2px; text-align: center;}
.caption3 h2 span{color:#7cd779;  font-weight: bold; }
.caption3 h2 span.sub-caption{font-size: 20px; font-weight: 100;color:#fff;border-top: 1px solid #eee;letter-spacing: 2px;}

.our-strategy, .our-goal{padding: 50px 120px;min-height: 610px;}
.our-strategy{background: url("../images/our-strategy.jpg") no-repeat; background-size: cover;}
.our-goal{background: url("../images/our-goal.jpg") no-repeat; background-size: cover;}
.our-strategy h3, .our-goal h3,.our-strategy p,.our-goal p{color: #fff;}
.our-strategy p,.our-goal p{font-size: 16px; line-height: 28px;font-weight: 300}
.nopad{padding: 0}
#accordion p{color: #333;}

.process{min-height: 500px; background-attachment: fixed; background-position: center;  background-repeat: no-repeat; background-size: cover; }

#technology{background-image: url("../images/technology-bg.jpg"); min-height: 500px; background-attachment: fixed; 
background-position: center;  background-repeat: no-repeat; background-size: cover; color: #fff }
#technology .section-title{color: #fff}
#technology p{font-size: 16px; line-height: 32px;}

.info_box.style_3 {
    overflow: hidden;
}
.info_box.style_3:hover .info_box_text {
    padding-top: 0px;
    top: 0;
}
.info_box.style_3 .info_box_image {  position: relative; margin: 0px; }
.info_box_image img {    max-width: 100%;    height: auto; }
.info_box.style_3 .info_box_text {
    position: absolute;
    left: 0;
    top: 153px;
    right: 0;
    bottom: 0;
    background: rgba(51,51,51,.9);
    padding: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    overflow: hidden;
    margin-left: 15px;margin-right: 15px;
}
.info_box_text .title {
    margin-bottom: 8px;
    text-transform: uppercase;
}
.info_box_text .title .icon {
    color: #6cbaae;
    font-size: 40px;
    min-width: 54px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 12px 0 0;
}
.info_box_text .title .icon .services-icons{background: transparent; border: 0; outline: 0;}
.info_box_text .title h3 {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    padding-top: 0;
    margin: 0;
    font-weight: 700;
    line-height: 22px;
}
.info_box_text p {
    margin: 0 0 20px;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    line-height: 24px;
}
.info_box_text .read_more {
    text-transform: lowercase;
    -webkit-transition: color .2s linear;
    transition: color .2s linear;
    color: #6cbaae;
    padding-left: 55px;
}
.info_box_text .read_more:hover {
    color: #fff;
    text-decoration: none;
}

.skill-bars .progress-bar{height: 100%; top: 0px;}

@media only screen and (max-width: 767px){
	.mbottom50 { margin-bottom: 10px; }
	.navbar-toggle{border-radius: 0;background-color: #7cd779;}
	#main-menu ul li{background: rgba(51,51,51,1);}
	.caption3 h2 span.sub-caption{font-size: 14px;}
	.our-strategy, .our-goal{padding: 50px}
}

@media only screen and (min-device-width: 1024px) and (orientation: landscape){}

@media only screen and (min-width: 768px){
	.mbottom50 { margin-bottom: 50px; }
	p.company-intro, p.our-mission-txt{font-size: 18px; line-height: 32px;}
	.featured-service-img { margin: 25px 10px 25px 185px;  width: 400px; }

}