html {padding:0;margin:0;font-size:10px; font-size:62.5%;}
body {padding:0;margin:0; font-size:14px; background-color:#fff; font-family:"Microsoft YaHei", "Hiragino Sans GB",Tahoma,SimSun , sans-serif;color:#444;}
h1,h2,h3,h4,h5,h6 { font-weight:normal; line-height:1.2;}
ul {margin:0;padding:0;}
.btn {border-radius:0;letter-spacing: 1px;}
.btn:focus {box-shadow:none;outline:none;}
.form-control:focus { box-shadow:none;outline:none;}
.no-padding {
    padding: 0 !important;
    margin: 0 !important;
}
img {
    max-width: 100%;
}
.suoluetu { display:none}
.btn-primary {
    color: #fff;
    background-color: #AE3246;
    border-color:#AE3246;
}
.btn-primary:focus,.btn-primary:active,.btn-primary:hover {
	color: #fff;
    background-color: #AE3246;
    border-color:#AE3246;
	outline:none;
	}
.map-address {
	background-image:url(../images/map.jpg);
background-position:center center;  
background-repeat:no-repeat;
background-size:cover;
width:100%;
	height:100%;
	}

 /* ie678 error
==================================== */
.error-backdrop {width:100%;position:absolute;left:0;right:0;top:0;height:16000px; overflow:hidden;z-index:10000;background:#157EB9;
-moz-opacity:1;
opacity:1;
filter:Alpha(opacity=100);

 }
.error-modal { position:absolute;width:700px;height:400px;left:50%;margin-left:-350px;top:50%;margin-top:-200px;
color:#444; z-index:10001; background-color:#fff; }
.error-modal .error-text { padding-top:60px;}
.error-modal .error-text h2 { font-size:18px; line-height:1.6;color:#444; font-weight:normal; text-align:center;}
.error-modal .error-text .error-show {width:550px;margin:0 auto;height:120px;margin-top:30px; background-image:url(../images/errorimg.jpg);
background-position:center center;  background-repeat:no-repeat;}



/*-------flaticon------*/ 
@font-face {  
  font-family: "Flaticon";
  src: url("../fonts/Flaticon.eot");
  src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Flaticon.woff") format("woff"),
       url("../fonts/Flaticon.ttf") format("truetype"),
       url("../fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
  }
}
.flaticon {
	 position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
	}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
        font-size: inherit;
font-style: normal;
color: inherit;
}

.flaticon-close:before { content: "\f100"; }
.flaticon-map:before { content: "\f101"; }
.flaticon-share-1:before { content: "\f102"; }
.flaticon-cup:before { content: "\f103"; }
.flaticon-briefcase2:before { content: "\f104"; }
.flaticon-menu:before { content: "\f105"; }
.flaticon-email:before { content: "\f106"; }
.flaticon-check:before { content: "\f107"; }
.flaticon-ungroup:before { content: "\f108"; }
.flaticon-bulb:before { content: "\f109"; }
.flaticon-chart:before { content: "\f10a"; }
.flaticon-charttwo-1:before { content: "\f10b"; }
.flaticon-download:before { content: "\f10c"; }
.flaticon-share:before { content: "\f10d"; }
.flaticon-long-arrow:before { content: "\f10e"; }
.flaticon-chacktwo:before { content: "\f10f"; }
.flaticon-cart:before { content: "\f110"; }
.flaticon-search:before { content: "\f111"; }
.flaticon-clock:before { content: "\f112"; }
.flaticon-globe:before { content: "\f113"; }
.flaticon-call:before { content: "\f114"; }
.flaticon-bell:before { content: "\f115"; }
.flaticon-archer:before { content: "\f116"; }
.flaticon-dollar:before { content: "\f117"; }
.flaticon-charttwo:before { content: "\f118"; }
.flaticon-brifecase:before { content: "\f119"; }
.flaticon-badge:before { content: "\f11a"; }
.flaticon-play:before { content: "\f11b"; }
.flaticon-user:before { content: "\f11c"; }
.flaticon-rocket:before { content: "\f11d"; }
.flaticon-fingerprint:before { content: "\f11e"; }
.flaticon-trophy:before { content: "\f11f"; }
 


/*-------common------*/
.footer {  background: #000000;color:#999; font-size:12px; } 
.footer .address {text-align:left; padding:30px 0;  } 
.footer .copyright { text-align:right; padding:30px 0; } 

@media (max-width: 767px) { 
.footer .address {padding:0;  padding-top:25px;   text-align:center;}
.footer .copyright {padding:0; padding-bottom:15px; text-align:center;}
}

.head_title { margin-bottom:70px;}
.head_title h2 { line-height:1.2; font-size: 32px;  text-transform: uppercase; font-weight:800; }
.head_title .subtitle { margin-top:30px; font-size:14px;}
@media (max-width: 767px) {
.head_title {margin-bottom:40px;}
.head_title h2 {font-size:24px; font-weight:normal ; }
.head_title .subtitle { margin-top:20px; }
}

.separator {
    width: 10px;
    height: 10px;
    margin: 20px auto;
    background: #AE3246;
    position: relative;
    display: inline-block;
    border-radius: 50%;
}
.separator:after {
    position: absolute;
    left:5%;
    bottom:4px;
    height: 1px;
    width: 80px;
    background: #ddd;
    content:"";
    display: inline-block;
    margin-left: 20px;
}
.separator:before {
    position: absolute;
    right: 5%;
    bottom:4px;
    height: 1px;
    width: 80px;
    background: #ddd;
    content:"";
    display: inline-block;
    margin-right: 20px;
}
.separator3 {
    height: 2px;
    width: 40px;
    margin: 20px auto;
    background: #888888;
}
@media (max-width: 767px) {
.separator3 {margin:14px auto;}
}
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fefefe;
    z-index: 99999;
    height: 100%;
    width: 100%;
    overflow: hidden !important;
}
.loaded {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    background-size: cover;
    margin: -20px 0 0 -20px;
} 
 
.scrollup {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    opacity: .3;
    position: fixed;
    bottom: 20px;
    right: 25px;
    color: #fff;
    cursor: pointer;
    background-color: #000;
    z-index: 1000;
    transition: opacity .5s, background-color .5s;
    -moz-transition: opacity .5s, background-color .5s;
    -webkit-transition: opacity .5s, background-color .5s;
}
.scrollup:hover {
    background: #FFF100;
    opacity: 1;
}
.scrollup span {
    font-size: 13px;
    position: absolute;
    opacity: 1;
    color: #fff;
    left: 50%;
    top: 50%;
    margin-top: -7px;
    margin-left: -6px;
    text-decoration: none;
}
 a.btn:hover,a.btn:focus {color:#fff;}


/*-------header------*/
.header { position: absolute;z-index:10;  top: 0; left: 0; right: 0;background: transparent;}
.header .navbar { z-index:999; background:none; background: #fff; margin-bottom:0; border:0;border-radius:0;padding-top:1px;}
.navbar-brand { width:160px;height:auto;    padding: 5px 15px;}
.navbar-brand .logo {width:100%;height:auto;}
.header .navbar.menu-scroll {
    padding-top: 0px;
    padding-bottom: 0px;
    position: fixed;
    top: 0; 
    left: 0; 
    right: 0; 
	/*background: #282828;*/
    box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.15);
    background-color:#fff;
    /*-webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s;*/
	animation: menu_sticky 0.7s ease-in-out;

}
.header ~ .index {padding-top:54px;}
.navbar-nav > li > a {padding-top:4px;padding-bottom:4px;margin-top:25px;margin-bottom:25px; border-left:10px solid transparent; font-size:18px;}
.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {color:#fff;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color:#fff; background-color:transparent;border-left:10px solid #fff;}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { border:0; margin-top:11px;background-color:transparent; border-radius:0;}
.navbar-default.menu-scroll .navbar-toggle, .navbar-default.menu-scroll .navbar-toggle:hover,.navbar-default.menu-scroll .navbar-toggle:focus { background-color:transparent;}
.navbar-default .navbar-toggle .icon-bar {background-color:#AE3246; width: 25px; }
.navbar-collapse {background-color:#AE3246; border: 0;} 
.menu-scroll .navbar-collapse {background-color:#AE3246; border: 0;} 

@-webkit-keyframes menu_sticky {
  0%  {margin-top:-120px;opacity: 0;}
  50%  {margin-top: -64px;opacity: 0;}
  100% {margin-top: 0;opacity: 1;}
}
@keyframes menu_sticky {
  0%  {margin-top:-120px;opacity: 0;}
  50%  {margin-top: -64px;opacity: 0;}
  100% {margin-top: 0;opacity: 1;}
} 

@media (min-width: 768px) and (max-width: 991px) {
	.header .container {width:auto;padding:0;}
	.header .container .navbar-header {padding-left:25px;padding-right:15px;}

	.navbar-brand { width:220px;height:auto;}
     
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 0px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        /*margin: 7.5px -15px;*/
        margin: 15px 50px 15px -15px
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
		margin-top:10px;margin-bottom:10px; border-left:10px solid transparent; font-size:18px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
	.navbar-brand { width: 220px; height: auto;}
.navbar-default .navbar-toggle .icon-bar {height:3px;width:30px;}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {margin-top:22px;}
 
}

@media (min-width: 992px) {
	.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {color:#333}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color:#333; background-color:transparent;border-left:10px solid #333;}
.navbar-collapse {background-color:#fff; border: 0;} 
	.menu-scroll .navbar-collapse {background-color:#fff;}
.header ~ .index {padding-top:90px;}
.navbar-collapse { background-color:transparent;}
.navbar-nav > li > a {margin:0;border:0;padding-top:33px;padding-bottom:25px;padding-left:5px;padding-right:5px;margin-left:10px;margin-right:10px; font-size:15px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {border:0;border-bottom:2px solid #333;}
.navbar-brand { width:220px;height:auto;}

}
 


/*-----focus------*/

.focus { position:relative;width:100%;height:0;padding-bottom:60%; overflow: hidden;}
.focus-wrap {position:absolute;left:0;top:0;width:100%;height:100%;display: block; }
.focus-wrap-c { position:absolute;width:100%;height:100%;left:0;top:0;}
.focus .swiper-container { height:100%; position:relative;}
.focus .swiper-container img {width:100%;height:100%;}
.focus .swiper-pagination-bullet-active {background: #fff;}
.focus .swiper-slide { background-position:center bottom; background-repeat:no-repeat; background-size:cover;height:100%;}
.focus .swiper-slide-a { background-image:url(../images/20180228154823_465.jpg);}
.focus .swiper-slide-b { background-image:url(../images/20180228154945_210.jpg);}
.focus .swiper-text { position:relative;width:100%; text-align:center; display:none;}
.focus .swiper-text h3 { padding-left:10px;padding-right:10px;color:#FFF; font-size:24px; line-height:1.2; } 
.focus .swiper-text p { padding-left:10px;padding-right:10px;color:#FFF; font-size:18px;line-height:1.2;}
.swiper-button-next, .swiper-button-prev { display:none}
 
 
@media (min-width: 992px) {
.focus { padding-bottom:50%;}
}

@media (min-width: 1200px) {
.focus {padding-bottom:50%;}
.swiper-button-next, .swiper-button-prev { display:block;} 
}

@media (min-width: 1400px) {
.focus {padding-bottom:45%;}
 
}
/*-----about------*/

.mod-about {    padding-top:125px;  padding-bottom: 105px;}
.mod-about .single_history_content .head_title h2 { border-left: 6px solid #AE3246; padding-left: 30px;}
.mod-about .single_history_content p { font-size :15px; line-height:2.2;padding:0 10px;}
.mod-about .btn {margin-top:20px;}
.mod-about .single_history_img { text-align:center; }

@media (max-width: 767px) {
.mod-about { padding-top:60px;  padding-bottom:70px;}
.mod-about .single_history_content p { font-size :14px;}
.mod-about .single_history_content .head_title h2 { margin-left:10px; margin-top:50px;}
}
@media (max-width: 1199px) {
.mod-about .single_history_img img {width:80%; }
}

/*-----news------*/

.mod-news { background: #f4f5f9; padding-top:80px;}

.news_content { color:#dadada;background:#505050; overflow:auto;}
.news_content .text {
   padding:55px 30px 0 40px;
    position: relative;
}
.news_content .text h3 { font-size:24px;margin-top:4vw;}
.news_content .text p { line-height:1.8;}
.news_content .san_left:after{
    position: absolute;
    left:-20px;
    top:45%;
    content:"";
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 20px solid #505050;
    border-bottom: 20px solid transparent;
}
.news_content .san_right:after{
    position: absolute;
    right: -20px;
    top:45%;
    content:"";
    z-index: 9;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 20px solid #505050;
    border-bottom: 20px solid transparent;
}
.news_content a.read_more{
    color:#fff;
}
.news_content .img{
    width:100%; overflow:hidden;
    height:auto;vertical-align: middle;
    display: inline-block;
}
.news_content .img img{
    width:100%;
    height: 100%;
}
@media (max-width: 767px) {
.mod-news { padding-top:50px;}
.news_content .text h3 { font-size:18px; margin-top:10px;}
.news_content .san_left:after, .news_content .san_right:after{ display:none}
.news_content .text {padding: 40px 30px 40px 40px;}
}

@media (min-width: 992px) { 
.news_content .img {height:415px;}
.news_content .img img{max-width:none;width:auto; }
.news_content .text { height:390px; }
}
 
@media (min-width: 1400px) {
.news_content .text {padding:60px 60px 0 50px;}
}
@media (min-width: 1600px) {
.news_content .img img{ width:100%; }
    .news_content .text {padding:60px 90px 0 50px;}
}

/*-----counter------*/

.mod-counter { padding-top:100px;padding-bottom:80px;    border-bottom: 1px solid #eee;}
.mod-counter .single_counter_item { padding:40px 20px;}
.mod-counter .single_counter_item:hover .flaticon, 
.mod-counter .single_counter_item:hover .glyphicon {border:1px solid #050500; background-color:#050500;color:#fff100; transition: all 0.6s;} 
.mod-counter .single_counter_item h2 {    margin-top: 30px;font-weight:normal;font-size:26px;}
.mod-counter .flaticon,.mod-counter .glyphicon {width:90px;height:90px; color:#fff;line-height:90px; text-align:center;
border:1px solid #AE3246; background-color:#AE3246;font-size:34px; border-radius:30%;}
.mod-counter .single_counter_item h4 {  font-size: 16px;line-height:1.6; margin:0 auto;}

.mod-counterbg {border:0; padding-top:60px;padding-bottom:60px;background:#202125 url(../images/counterbg.jpg) no-repeat top right; background-size: cover;}
.mod-counterbg .single_counter_item { padding:40px 0;}
.mod-counterbg .single_counter_item h2 { margin-top:20px;color:#fff; font-weight:800;font-size:40px; font-family:Arial, serif;}
.mod-counterbg .single_counter_item h4 {color:#fff;  }
.mod-counterbg .flaticon ,.mod-counterbg .single_counter_item:hover .flaticon, .mod-counterbg .glyphicon,.mod-counterbg .single_counter_item:hover .glyphicon {color:#fff;border:1px solid #fff; background-color:transparent;}
@media (max-width: 767px) {
.mod-counter {padding-top:30px;padding-bottom:30px;  }
.mod-counter .single_counter_item { padding:40px 0;}
.mod-counterbg .single_counter_item { padding:40px 0;}
.mod-counter .single_counter_item h2 { font-size:24px;}
.mod-counterbg .single_counter_item h2 { font-size:32px;} 
.mod-counterbg .flaticon ,.mod-counterbg .single_counter_item:hover .flaticon, .mod-counterbg .glyphicon,.mod-counterbg .single_counter_item:hover .glyphicon {font-size:28px; line-height:74px; width:74px;height:74px;}

}
@media (max-width: 991px) {
.mod-counter .single_counter_item h4 { width:80%;}	
.mod-counterbg .single_counter_item h4 { width:auto;}
.mod-counter .single_counter_item h4 { font-size:14px; width:60%;}
.mod-counterbg .single_counter_item h4 {width:auto;}
}
@media (min-width: 992px) { 
.mod-counter .single_counter_item h4 { width:90%;}
.mod-counterbg .single_counter_item h4 { width:auto;}
}
/*--------team--------*/

.mod-team { padding-top:80px;padding-bottom:110px;  border-top: 1px solid #eee;}
.single_team {
    text-align: center;
    margin-top: 20px;
    transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}
.team_head{
    padding: 30px 0px;
    background:#444;
    position: relative;
    height: 200px;  
}
.single_team:hover { box-shadow: 0px 1px 10px 1px #ccc;}
.single_team:hover .team_head {background:#AE3246; }
.team_a .team_head {  background:#444444;}
.team_b .team_head {  background:#444444;}
.team_c .team_head {  background:#444444; } 
.team_head h3 {color:#fff;  font-size:24px;}
.team_head .team_img {
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: -75px;
    width: 150px;
    height: 150px;
    margin:0 auto;
	margin-left:-80px;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 10px rgba(244,245,249,0.3);overflow:hidden;
}
.team_head .team_img img {width:100%;height:auto; } 
.team_body{ background: #f4f5f9;  padding: 80px 0px 40px 0px;}
.single_team ul li { line-height:1.4; padding-top: 12px; font-size:14px;list-style:none;}

@media (max-width: 767px) {
.mod-team  {padding-top:50px;padding-bottom:80px;  }
.team_head{ height:150px;}
.team_head h3 {margin-top:5px; font-size:22px;}
}
@media (max-width: 991px) {
.team_head{ height:170px;}
.team_head .team_img {width: 120px;bottom: -60px;height: 120px;margin-left:-60px;}	
}

/*-----service------*/

.mod-service { padding-right: 15px;background: #202020;  
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;}
.mod-service .col-md-6:nth-child(1) { z-index: 5; position: relative;}
.mod-service .col-md-6:nth-child(2) { z-index: 2; position: relative;}
.mod-service .head_title {  padding: 40px 0px 30px 0px; margin-bottom: 0px;}
.mod-service .head_title h2 { margin-right:40px; border-right: 6px solid #4badf5; color:#fff;  padding-right:30px;}
.mod-service .single_service_text {background: #202020; }
.mod-service .single_service_img {position: relative; height:auto;}
.mod-service .single_service_img img {  width:100%;height: 100%;}
.single_service { position: relative;padding-bottom:30px;}
.single_service .single_service_icon { position:absolute;right:30px;top:-5px;}
.single_service .single_service_icon span {
    background: #f4f5f9;
    width:50px;
    height: 50px;
    line-height:50px;
    text-align: center;
    color:#444;
    position: relative;
    z-index: 9;
    border-radius: 50%;
    font-size:24px;
}

.single_service .single_service_right_text {padding-left:30px;margin-right:100px;}
.single_service .single_service_right_text h4 { color:#4badf5;}
.single_service .single_service_right_text p { color:#999999; line-height:1.8;}

@media (min-width: 768px) { 
.mod-service .head_title{ padding: 100px 0px 40px 0px;}
.mod-service .head_title h2 {margin-right:80px;}
.single_service .single_service_right_text {padding-left:60px;margin-right:190px;}
.single_service {  padding-bottom:50px;}
.single_service .single_service_icon {right:70px;}
.single_service .single_service_icon span { font-size:30px; width:70px; height: 70px; line-height:70px; }
}

@media (min-width: 992px) { 
.mod-service .head_title h2 {margin-right:100px;}
.mod-service .single_service_img {height:1050px; overflow: hidden; } 
.mod-service .single_service_img img {    max-width: none;  width: auto; }
.single_service .single_service_icon { position:absolute;right:-35px;top:-8px;}
.single_service .single_service_right_text {padding-left:90px; margin-right:100px;}
.single_service .single_service_icon span {border:4px solid rgba(0, 0, 0, 0.2); line-height:64px; }
} 
@media (min-width: 1200px) { 
.mod-service .single_service_img {height:950px; }
}

/*----case-----*/

.mod-case {padding-top:80px;}
button.btn-md {text-align: center;letter-spacing: 1px;color: #444; margin: 0;border:0; outline:none; background: none; text-decoration: none;
font-size:16px;padding:10px 20px; border-radius:0; background-color: transparent; transition: .5s;}
button.btn-md:hover, button.btn-md:focus, button.btn-md.active, button.btn-md.active:focus, button.btn-md.active:hover {color:#AE3246;}
button.btn-md:after {content:"/";padding-left:40px;color: #444; }
button.btn-md:last-child:after {content:" ";padding-left:0;}
.mod-case .toolbar{ margin-bottom:50px;}
#portfoliowork {  background:#f4f5f9; overflow:auto; margin:0;}
.tile {  display: none;}
.scale-anm { margin: 0px;  width: 100%;}
.tile img { height: auto; display: inline-block;  width: 100%;}
.single_portfolio { position: relative; float:left;width:25%; overflow: hidden;}
.single_portfolio:hover .grid_item_overlay{  opacity: 1;}
.grid_item_overlay {
    position: absolute;
    left:10%;
    top:10%;
    width:80%;
    height: 80%;
    background: rgba(0,0,0,0.6);
    color:#fff;
    padding: 20px;
    opacity: 0;
    transition: 0.6s;
    padding-top:35%;
    z-index:2;
}
.grid_item_overlay h3 { font-size:22px;}
.g_overlay_1{
    padding-top:16%;
}
.g_overlay_2{
    padding-top: 85%;
}

.grid_item_overlay a i{
    width:30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border:1px solid #fff;
    color:#fff;
    display: inline-block;
    background: transparent;
}
.grid_item_overlay a:hover i{
    color:#AE3246;
    background: #fff;
}

@media (max-width: 991px) {
#portfoliowork {  background:#fff;}
#portfoliowork .single_portfolio {  
    width:50%;
    }	
}
@media  (max-width: 767px) {
#portfoliowork .single_portfolio {  
     width:100%;
    }
.mod-case {padding-top:50px;}
.mod-case .toolbar {  margin-bottom:50px;width:100%; display:table;}
button.btn-md {font-size:14px;padding:5px 10px; display:table-cell;}
button.btn-md:after {content:"";padding-left:0;}
button.btn-md.active, button.btn-md.active:focus, button.btn-md.active:hover {color:#fff; background-color:#AE3246; }
.mod-case .head_title {margin-bottom:10px;}
.grid_item_overlay h3 { font-size:18px;}
}


/*-----contact------*/
.mod-contact {
    background:#f4f5f9;
	padding:80px 0;

}
.contact_info_content {
    padding:80px 50px;
	background: #fff;
    overflow: hidden;
    height:500px;
    box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.01);
}
.single_contact_info h3 {
    color:#AE3246; font-weight:800;
	line-height:1.6; font-size:22px;
}
.single_contact_info h4{
    margin:0;line-height:1.6;
    padding: 0; font-size:16px;
}
.contant_form {
    background: #fff;
    padding:70px 50px 80px 50px;
    overflow: hidden;
    height:500px;
    box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.01);
}
.single_contact_info {
    margin-bottom:85px;
    overflow: hidden;
	
}
.contant_form .form-control {
    display: inline-block;
    height: 38px; 
    padding: 10px 2px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 0px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.00);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.00);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border-bottom: 2px solid #ddd;
}
.contant_form textarea.form-control {
    height: auto;
}
@media (max-width: 767px) {
.mod-contact { padding-top:50px;}
.single_contact_info h3 {font-size:18px;}
.single_contact_info h4 { font-size:14px;} 
.contact_info_content, .contant_form {height:auto; }
}
@media (max-width: 991px) {
.single_contact_info {margin-bottom:25px;} 
}



/*-----go------*/
.mod-go {}
.main_go_bg {
    background: url(../images/trailbg.jpg) no-repeat top center;
    overflow: hidden;
    background-size: cover;
    color:#fff;
	padding:85px 0;
} 
.main_go_bg h2 { margin-bottom:20px; font-size:32px; font-weight:800;}
.main_go_bg h4{  font-size:18px; line-height:1.6;} 
@media (max-width: 767px) {
.main_go_bg h2 {font-size:24px; font-weight:normal;} 
.main_go_bg h4{ font-size:16px;}
	}

@media (min-width: 1400px) {
.container { width: 1370px;} 
.col-xlg-1, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9, .col-xlg-10, .col-xlg-11, .col-xlg-12 { float: left;}
  .col-xlg-12 {
    width: 100%;
  }
  .col-xlg-11 {
    width: 91.66666667%;
  }
  .col-xlg-10 {
    width: 83.33333333%;
  }
  .col-xlg-9 {
    width: 75%;
  }
  .col-xlg-8 {
    width: 66.66666667%;
  }
  .col-xlg-7 {
    width: 58.33333333%;
  }
  .col-xlg-6 {
    width: 50%;
  }
  .col-xlg-5 {
    width: 41.66666667%;
  }
  .col-xlg-4 {
    width: 33.33333333%;
  }
  .col-xlg-3 {
    width: 25%;
  }
  .col-xlg-2 {
    width: 16.66666667%;
  }
  .col-xlg-1 {
    width: 8.33333333%;
  }
    
}
 








