.onepage-left{background-color:#2c3e50; width:25%; float:left; height:100%; position:fixed;}
.left-main{width:270px; float:right;}
.logo{background-color:#2e4a66; padding:60px 0px 50px 0px;}
.logo img{margin:0 auto; display:block;}
.onepage-right{width:75%;float:right;  }

.nav li a [class^="icon-"]:before,.nav li a  [class*=" icon-"]:before , .icon-home, .icon-user, .icon-briefcase, .icon-camera, .icon-group, .icon-eye-open, .icon-envelope{font-family: FontAwesome!important;}
.icon-home, .icon-user, .icon-briefcase, .icon-camera, .icon-group, .icon-eye-open, .icon-envelope{padding-right:25px; padding-left:10px;}
.nav li a{border-bottom-color:transparent;}
.current{background-color: #1c2936;}
.navbar-collapse{padding-left:0px!important; padding-right:0px!important;}
.navbar-collapse .nav li{width:100%!important; float:left;}
.navbar-default{border-color:transparent!important;}

.onepage-social{clear:both; width:100%;}
.onepage-social-1, .onepage-social-2, .onepage-social-3{color:#ffffff; text-align:center; width:33.3%; float:left; list-style:none; border:1px solid #384a5b;}
.social-amount{color:#ffffff; padding:8px 0px 8px 0px; width:100%!important; clear:both; background-color:#122436; line-height:18px; font-size:16px;}


.onepage-home, .onepage-service, .onepage-time-capabilities{height:auto; position:relative; width:100%;}
.onepage-home-slide, .onepage-home-service, .onepage-timeline, .simple_about_us_layout, .edu_section-top{max-width:900px; padding-left:30px;}
.onepage-home-slide #myCarouselres06 .left{background-image:none;}
.onepage-home-slide #myCarouselres06 .right{background-image:none;}
.onepage-home-slide #myCarouselres06 .carousel-control{background:transparent;}
.portf-my-projects, .portf-recent-blog{max-width:900px; padding-left:30px;}
.onepage-meet-the-team{background-color:#fff;}
#myCarouselres05{max-width:900px;}
.onepage-customer{background:url(../images/onepage-mid-slider-bg.png);}

.blog-one img{width:100%;}


/* service */
.onepage-home-service{margin-top:100px;}
.onepage-home-service .services img{ margin:0 auto; display:block;}
.onepage-home-service .services h3{ text-align:center; color:#2c3e50; font-weight:bold;}
.onepage-home-service .services p{ border-bottom:10px solid #666666; text-align:center; font-size:16px; color:#666666; padding-bottom:30px;}
.onepage-home-service .services:hover h3{color:#fa4248;}
.onepage-home-service .services:hover{cursor:pointer;}
.onepage-home-service .services:hover p{border-bottom-color:#fa4248;}

/* timeline */
#about{padding:100px 0px 100px 0px;}
.portf-my-projects .page-header h2{ text-align:center;}
.portf-my-projects .page-header{ border-bottom:2px solid #a5b3b8;}
.portf-my-projects .page-header h2 .feature-title{ border-bottom:4px solid #fa4248; text-align:center; font-size:30px; line-height:22px; padding-bottom: 12px;}

.year_line .page-header h2{ text-align:left;}
.year_line .page-header{ border-bottom:2px solid #a5b3b8;}
.year_line .page-header h2 .feature-title{ border-bottom:4px solid #fa4248; text-align:left; font-size:30px; line-height:22px; padding-bottom: 12px;}

.prog-main .page-header h2{ text-align:left;}
.prog-main .page-header{ border-bottom:2px solid #a5b3b8;}
.prog-main .page-header h2 .feature-title{ border-bottom:4px solid #fa4248; text-align:left; font-size:30px; line-height:22px; padding-bottom: 12px;}
.timeline-main-body{border-radius:4px; margin-left: 80px; position: absolute; background-color: #fff; padding: 15px; width: 73.5%;

}
.timeline-title{font-size:18px; font-weight:bold; margin-bottom:20px; line-height:22px; color#2c3e50;}
.timeline-intro{font-size:14px; line-height:18px; font-style:italic;}
.timeline-details{font-size:14px; line-height:18px; clear:left;}

.right-caret1:after {
border-right: 10px solid #fff;
}
.right-caret1:after{
content: "";
border-bottom: 10px solid transparent;
border-top: 10px solid transparent;
display: inline-block;
height: 0;
vertical-align: middle;
width: 0;
margin-left: -25px;
margin-top: -190%;
}

.onepage-prog-main .progress{height:30px!important;}
.onepage-prog-main .progress .percent {font-size:14px!important; line-height:30px!important; float:right!important; padding-left:6px; padding-right:6px; background-color:#a5b3b8; }
.onepage-prog-main .progress .progress-bar {font-size:14px!important; line-height:30px!important; text-align:left!important; padding-left:20px;}


#portfolio{padding-bottom:90px;}
#meettheteam{padding-top:90px;}


.res-test-content img{height:100%!important; width:105px!important; float:left;margin-left: -20px;
margin-right: 20px; margin-top:10px!important;}



/* slider */
.res-content-slider h2.res-con-h2-red {
text-align: center;
color: white;
text-transform: uppercase;
background: url(../images/onepage-mid-slider.png)no-repeat center bottom;
padding-bottom: 25px;
font-weight: 700;
font-size: 20px;
}

.res-content-slider h2.res-con-h2-red {
text-align: center;
color: #2c3e50;
text-transform: uppercase;
background: url(../images/onepage-mid-slider.png)no-repeat center bottom;
padding-bottom: 25px;
font-weight: 700;
font-size: 24px;
line-height:16px;
padding-top:50px; }

.res-content-slider h2.res-con-h2-red1 {
text-align: center;
color: #2c3e50;
text-transform: uppercase;
background: url(../images/onepage-mid-slider.png)no-repeat center bottom;
padding-bottom: 25px;
font-weight: 700;
font-size: 24px;
line-height:16px;
margin-bottom:50px; }

.res-test-content{color:#ffbec0; font-size:18px; line-height:23px; text-align:center;}

.res-test-content h3{text-align:left!important; font-size:18px; line-height:16px; color:#000;}
.res-test-content .res-text-intro{text-align:left!important;}
#meettheteam{padding-bottom:130px;}
.team_member_social ul{padding:0px; margin:0px;}
.team_member_social ul li{float:left;}
.team-name{font-size:20px;line-height:20px; font-weight:bold; padding-left:20%;}
.team-job{font-size:16px!important;line-height:20px; font-weight:normal!important;}
.team-name-job{border-bottom:1px solid #e2e2e2; padding:20px 0px 20px 0px; margin-bottom:20px;}
.team_member_short_description{margin-bottom:20px;}
.team_member_social{padding:10px 0px 10px 0px;}
.fb, .tw, .gp{height:42px; text-decoration:none; font-size:16px; color:#fff;}
.fb a, .tw a, .gp a{ text-decoration:none; font-size:16px; color:#fff;}
.fb a{background-color:#1a749d; padding:7px 35px 7px 35px;}
.tw a{background-color:#00c6ff; padding:7px 35px 7px 35px;}
.gp a{background-color:#d95333; padding:7px 35px 7px 35px;}
#meettheteam .simple_about_us_layout .page-header h2 .feature-title{
border-bottom: 4px solid #fa4248;
text-align: center;
font-size: 30px;
line-height: 22px;
padding-bottom: 12px;}
.res-test-content{font-style:italic;}
.res-custom-so-spa{background-color:#2c3e50; font-size:14px; color:#fff; padding:2px 7px 2px 7px; float:left; margin-right:1px;}
.res-con-h2-red1{padding-bottom:50px;}

/* blog post */
#blog{padding-top:100px; background-color:#fff;}
#blog .portf-recent-blog div .page-header h2{ text-align:left;}
#blog .portf-recent-blog div .page-header h2 .feature-title{ text-align:left;}
#blog .portf-recent-blog .page-header h2 .feature-title{
border-bottom: 4px solid #fa4248;
text-align: center;
font-size: 30px;
line-height: 22px;
padding-bottom: 12px;}
.res-test-content{font-style:italic;}
.blog-main-details h4, .blog-main-details .glyphicon-time, .blog-main-details  .glyphicon-user{padding: 0px 0px 0px 10px;}
.blog-main-details{height:auto; color:#666666; background-color:#d7dadb; padding:0px 0px 20px 0px;}
.blog-main-details .glyphicon-cloud, .blog-main-details .glyphicon-eye-open{margin-left:20px; line-height:30px;}


.onepage-meet-the-team .simple_about_us_layout #myCarouselres07 .carousel-control{background-image:none; background-color:transparent;}
.res-content-slider .slider #myCarouselres05 .carousel-control{background-image:none; background-color:transparent;}

#blog .portf-recent-blog div #myCarousel5 .carousel-control{background-image:none; background-color:transparent;}

.edu_left_col_title{
border-bottom: 4px solid #fa4248;
text-align: center;
font-size: 30px;
line-height: 22px;
font-weight:bold; text-transform: uppercase;
border-bottom: 4px solid #ff3333;
padding-bottom: 3px!important;}

.section-footer-metro  {
background-color: #000000;
padding: 15px 0px 15px 0px;
font-size: 15px;
color: #666666;
width: 100%;
}


/* responsive css */

@media (max-width:1024px){
.onepage-left{z-index:999; clear:both; }
#home{padding-top:200px; }
#service{padding-top:70px;}
#about{padding-top:140px;}
#portfolio{padding-top:140px;}
#meettheteam{padding-top:140px;}
#blog{padding-top:140px;}
#contact{padding-top:140px;}

.onepage-left, .onepage-right{width:100%; height:auto;}
.left-main, .onepage-home{width:100%;}
.navbar{position:fixed!important; width:100%;}
.logo {padding: 10px 0px 10px 0px;}
.navbar-collapse .nav li {width: auto!important;}
.nav [class^="icon-"], .nav [class*=" icon-"]{padding-right:10px;}
.onepage-home-slide, .onepage-home-service, .onepage-timeline, .simple_about_us_layout, .edu_section-top, .portf-my-projects, .portf-recent-blog  {
max-width: 100%; padding-left: 0px;}
.carousel .item > img {margin:0 auto;}
.onepage-right > .container{max-width:100%!important;}
.navbar-collapse  ul{padding-bottom:0px!important;}
.onepage-social {display:none;}
}

@media (max-width:767px){
.container{max-width:100%!important;}
.navbar-default .navbar-collapse{background-color:#2c3e50!important;}
.team_member_img img{margin:0 auto;}
.team-name{padding-left:0%;}
.team_member_name_job_role, .team_member_short_description{text-align:center;}
.team_member_social ul{margin-left:30%;}
.right-caret1:after {border-right: 0px solid #fff;}
}