body{font-family:"Open Sans",sans-serif;color:#444; font-size: 14px;}
a{color:#11497c;font-size: 14px;}
a:hover{color:#9eccf4;text-decoration:none}
.transitioncss{transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);-webkit-transform: translateX(0);transition: .25s ease-out;-moz-transition: .25s ease-out;-ms-transition: .25s ease-out;-o-transition: .25s ease-out;-webkit-transition: .25s ease-out;}
.font-primary,h1,h2,h3,h4,h5,h6{font-family:Raleway,sans-serif}
.back-to-top{position:fixed;display:none;width:40px;height:40px;border-radius:3px;right:15px;bottom:15px;background:#11497c;color:#fff;transition:display .5s ease-in-out;z-index:99999}
.back-to-top i{font-size:24px;position:absolute;top:8px;left:8px}
.back-to-top:hover{color:#fff;background:#629fd3;transition:background .2s ease-in-out}
#topbar{background:#11497c;padding:10px 0;border-bottom:1px solid #3c6891;font-size:14px;color:#fff;}
#topbar .welcome a{line-height:1;color:#fff;transition:.3s}
#topbar .welcome a:hover{color:#fff}
#topbar .welcome i{color:#fff;padding:4px}
#topbar .welcome .icofont-phone{padding-left:20px;margin-left:10px}
#topbar .social-links a{color:#fff;padding:4px 12px;display:inline-block;line-height:1px;transition:.3s}
#topbar .social-links a:hover{color:#fff}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden}
#header{transition:all .5s;transition:all .5s;background:#11497c;z-index:997}
#header.header-scrolled{box-shadow:0 0 20px 0 rgba(0,0,0,.1)}
#header .headertop{ min-height: 80px; padding: 10px 0;}
@media (max-width:1024px){#header .contact-info{ display: none;}}
#header .contact-info{ color: #fff; margin-top: 15px;}
#header .contact-info ul{ list-style: none; margin: 0; padding: 0;}
#header .contact-info ul li{ padding: 5px 0 5px 5px; float: left;font-size: 18px; }
#header .contact-info a{line-height:1; font-size: 18px; color:#fff;transition:.3s}
#header .contact-info a:hover{color:#fff}
#header .contact-info i{color:#fff;padding:5px; font-size: 14px; border: 1px #fff solid; border-radius: 100%; margin: 0 5px;}
#header .logo{}
#header .logo img{padding:0;margin:0;max-height:70px;}
.searchbox .searchboxnr{overflow:hidden;padding:15px 15px 0 0; }
.searchbox .searchboxnr form{ position:relative;border:1px #fff solid; border-radius: 5px; overflow: hidden;}
.searchbox .searchboxnr input[type="text"]{line-height:30px; height:30px; border:0; text-indent:10px; color:#fff; background:none; float:left; display:block; min-width:200px; width: calc(100% - 50px);}
.searchbox .searchboxnr input::-webkit-input-placeholder{color:#fff;}
.searchbox .searchboxnr input::-moz-placeholder{color:#fff;}
.searchbox .searchboxnr input::-ms-input-placeholder{color:#fff;}
.searchbox .searchboxnr button[type="submit"]{height: 30px; line-height:30px;background:none;border: 0; padding:0 15px; font-size:18px; color:#fff;cursor:pointer; float: right;}

.menubg{background: #dcdcdc; display: block;}
.menubg:before,.menubg:after,.headertop:before,.headertop:after{ content: ""; display: table; clear: both;}
.nav-menu,.nav-menu *{margin:0;padding:0;list-style:none}
.nav-menu>ul>li{position:relative;white-space:nowrap;float:left}
.nav-menu a{display:block;position:relative;color:#333;padding:12px 15px;transition:.3s;font-size:14px;font-family:"Open Sans",sans-serif}
.nav-menu .active>a,.nav-menu a:hover,.nav-menu li:hover>a{color:#11497c;text-decoration:none}
.nav-menu li:after{ content: ""; display: block; height: 2px; width: 0; background:#11497c ;transition: .25s ease-out;-moz-transition: .25s ease-out;-ms-transition: .25s ease-out;-o-transition: .25s ease-out;-webkit-transition: .25s ease-out;}
.nav-menu li:hover:after{width: 100%;}
.nav-menu .drop-down ul{display:block;position:absolute;left:0;top:100%;z-index:99;opacity:0;visibility:hidden;padding:0;background:#dcdcdc;box-shadow:0 0 30px rgba(127,137,161,.25);transition:ease all .3s}
.nav-menu .drop-down:hover>ul{opacity:1;top:100%;visibility:visible}
.nav-menu .drop-down li{min-width:180px;position:relative}
.nav-menu .drop-down ul a{padding:10px 20px;font-size:14px;font-weight:500;text-transform:none;color:#333}
.nav-menu .drop-down ul .active>a,.nav-menu .drop-down ul a:hover,.nav-menu .drop-down ul li:hover>a{color:#11497c}
.nav-menu .drop-down>a:after{content:"\ea99";font-family:IcoFont;padding-left:5px}
.nav-menu .drop-down .drop-down ul{top:0;left:100%}
.nav-menu .drop-down .drop-down:hover>ul{opacity:1;top:0}
.nav-menu .drop-down .drop-down>a{padding-right:35px}
.nav-menu .drop-down .drop-down>a:after{content:"\eaa0";font-family:IcoFont;position:absolute;right:15px}
@media (max-width:1366px){.nav-menu .drop-down .drop-down ul{left:-90%}
.nav-menu .drop-down .drop-down:hover>ul{left:-100%}
.nav-menu .drop-down .drop-down>a:after{content:"\ea9d"}
}
.mobile-nav{position:fixed;top:0;bottom:0;z-index:9999;overflow-y:auto;left:-260px;width:260px;padding-top:18px;background:#1f3548;transition:.4s}
.mobile-nav *{margin:0;padding:0;list-style:none}
.mobile-nav a{display:block;position:relative;color:#e3f0fc;padding:10px 10px;font-weight:500}
.mobile-nav .active>a,.mobile-nav a:hover,.mobile-nav li:hover>a{color:#9eccf4;text-decoration:none}
.mobile-nav .drop-down>a:after{content:"\ea99";font-family:IcoFont;padding-left:10px;position:absolute;right:15px}
.mobile-nav .active.drop-down>a:after{content:"\eaa0"}
.mobile-nav .drop-down>a{padding-right:35px}
.mobile-nav .drop-down ul{display:none;overflow:hidden}
.mobile-nav .drop-down li{padding-left:10px}
.mobile-nav-toggle{position:fixed;right:15px;top:30px;z-index:9998;border:0;background:0 0;font-size:24px;transition:all .4s;outline:0!important;line-height:1;cursor:pointer;text-align:right}
.mobile-nav-toggle i{color:#fff}
.mobile-nav-overly{width:100%;height:100%;z-index:9997;top:0;left:0;position:fixed;background:rgba(31,53,72,.7);overflow:hidden;display:none}
.mobile-nav-active{overflow:hidden}
.mobile-nav-active .mobile-nav{left:0}
.mobile-nav-active .mobile-nav-toggle i{color:#fff}
#hero{width:100%;height:auto /*calc(100vh - 114px)*/;padding:0;overflow:hidden}
#hero .carousel-item{width:100%;height:auto /*calc(100vh - 114px)*/;background-size:cover;background-position:top right;background-repeat:no-repeat;overflow:hidden}
#hero .carousel-indicators{ margin: 0; padding: 0;}
/*#hero .carousel-item::before{content:'';background-color:rgba(13,30,45,.6);position:absolute;height:100%;width:100%;top:0;right:0;left:0;bottom:0;overflow:hidden}*/
#hero .carousel-container{display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;top:0;left:0;right:0;overflow:hidden}
#hero .carousel-content{text-align:left}
/*@media (max-width:992px){#hero,#hero .carousel-item{height:calc(100vh - 70px)}
#hero .carousel-content.container{padding:0 50px}
}*/
#hero h2{color:#fff;margin-bottom:30px;font-size:48px;font-weight:900}
#hero p{width:80%;-webkit-animation-delay:.4s;animation-delay:.4s;color:#fff}
#hero .carousel-inner .carousel-item{transition-property:opacity;background-position:center top}
#hero .carousel-inner .carousel-item a{ display: block;}
#hero .carousel-inner .carousel-item a img{ max-width: 100%;}
#hero .carousel-inner .active.carousel-item-left,#hero .carousel-inner .active.carousel-item-right,#hero .carousel-inner .carousel-item{opacity:0}
#hero .carousel-inner .active,#hero .carousel-inner .carousel-item-next.carousel-item-left,#hero .carousel-inner .carousel-item-prev.carousel-item-right{opacity:1;transition:.5s}
#hero .carousel-inner .active.carousel-item-left,#hero .carousel-inner .active.carousel-item-right,#hero .carousel-inner .carousel-item-next,#hero .carousel-inner .carousel-item-prev{left:0;transform:translate3d(0,0,0)}
#hero .carousel-control-next,#hero .carousel-control-prev{width:10%}
#hero .carousel-control-next-icon,#hero .carousel-control-prev-icon{background:0 0;font-size:48px;line-height:1;width:auto;height:auto}
#hero .carousel-indicators li{cursor:pointer}
#hero .btn-get-started{font-family:Raleway,sans-serif;font-weight:500;font-size:14px;letter-spacing:1px;display:inline-block;padding:12px 32px;border-radius:5px;transition:.5s;line-height:1;margin:10px;color:#fff;-webkit-animation-delay:.8s;animation-delay:.8s;border:0;background:#11497c}
#hero .btn-get-started:hover{background:#1c5c93}
@media (max-width:768px){#hero h2{font-size:28px}
}
@media (min-width:1024px){#hero p{width:60%}
#hero .carousel-control-next,#hero .carousel-control-prev{width:5%}
}
section{padding:60px 0}
.section-bg{background-color:#f5f9fc}
.section-title{text-align:center;padding-bottom:30px}
.section-title h2{font-size:32px;font-weight:600;margin-bottom:20px;padding-bottom:0;color:#11497c}
.section-title p{margin-bottom:0}
.about{padding-bottom:30px}
.about .container{box-shadow:0 5px 25px 0 rgba(214,215,216,.6)}
.about .video-box img{padding:15px 0}
.about .section-title p{text-align:left;font-style:italic;color:#666}
.about .about-content{padding:40px}
.about .icon-box+.icon-box{margin-top:40px}
.about .icon-box .icon{float:left;display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:#f1f7fb;border-radius:6px;transition:.5s}
.about .icon-box .icon i{color:#11497c;font-size:32px}
.about .icon-box:hover .icon{background:#11497c}
.about .icon-box:hover .icon i{color:#fff}
.about .icon-box .title{margin-left:95px;font-weight:700;margin-bottom:10px;font-size:18px;text-transform:uppercase}
.about .icon-box .title a{color:#343a40;transition:.3s}
.about .icon-box .title a:hover{color:#11497c}
.about .icon-box .description{margin-left:95px;line-height:24px;font-size:14px}
.about .video-box{position:relative}
.about .play-btn{width:94px;height:94px;background:radial-gradient(#11497c 50%,rgba(66,139,202,.4) 52%);border-radius:50%;display:block;position:absolute;left:calc(50% - 47px);top:calc(50% - 47px);overflow:hidden}
.about .play-btn::after{content:'';position:absolute;left:50%;top:50%;transform:translateX(-40%) translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff;z-index:100;transition:all .4s cubic-bezier(.55,.055,.675,.19)}
.about .play-btn::before{content:'';position:absolute;width:120px;height:120px;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation:pulsate-btn 2s;animation:pulsate-btn 2s;-webkit-animation-direction:forwards;animation-direction:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:steps;animation-timing-function:steps;opacity:1;border-radius:50%;border:5px solid rgba(66,139,202,.7);top:-15%;left:-15%;background:rgba(198,16,0,0)}
.about .play-btn:hover::after{border-left:15px solid #11497c;transform:scale(20)}
.about .play-btn:hover::before{content:'';position:absolute;left:50%;top:50%;transform:translateX(-40%) translateY(-50%);width:0;height:0;border:none;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff;z-index:200;-webkit-animation:none;animation:none;border-radius:0}
@-webkit-keyframes pulsate-btn{0%{transform:scale(.6,.6);opacity:1}
100%{transform:scale(1,1);opacity:0}
}
@keyframes pulsate-btn{0%{transform:scale(.6,.6);opacity:1}
100%{transform:scale(1,1);opacity:0}
}
.about-lists{padding:40px}
.about-lists .row{overflow:hidden}
.about-lists .content-item{padding:40px;border-left:1px solid #d9e8f4;border-bottom:1px solid #d9e8f4;margin:-1px}
.about-lists .content-item span{display:block;font-size:24px;font-weight:400;color:#9eccf4}
.about-lists .content-item h4{font-size:28px;font-weight:400;padding:0;margin:20px 0}
.about-lists .content-item p{color:#aaa;font-size:15px;margin:0;padding:0}
@media (max-width:768px){.about-lists .content-item{padding:40px 0}
}
.culture{}
.culture ul{ list-style: none;}
.culture ul li{margin: 0 0 30px;}
.culturebox{ background: #f9f9f9; padding: 15px 0; border-radius: 15px; }
.culturebox .pic{ position: relative;}
.culturebox .pic::after{ content: ""; display: block; left: 50%; margin-left: -1px; top: -50%; height: 100%; width: 2px; background: #11497c; position: absolute; z-index: 1;}
.culture ul li:first-child .culturebox .pic::after{ display: none;}
.culturebox .pic picture{ height: 120px; width: 120px;  background: #11497c; border-radius: 100%; display: block; padding: 30px; text-align: center;  margin: 0 auto; position: relative; z-index: 2;}
.culturebox .pic picture img{-webkit-transition: -webkit-transform 2s ease-out;-moz-transition: -moz-transform 2s ease-out; -o-transition: -o-transform 2s ease-out; -ms-transition: -ms-transform 2s ease-out;}
.culturebox:hover .pic picture img{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}
.culturebox .txt{ text-align: center;}
.culturebox .txt h3{color: #11497c; font-size: 1.5rem; font-weight: 600; padding: 15px 0 5px; text-transform: uppercase;}
.culturebox:hover .txt h3{ padding-left: 10px;}
.culturebox .txt p{ color: #666; line-height: 2rem; margin: 0; padding: 0;}
.serviceone{}
.serviceone ul{ list-style: none;}
.serviceone ul li{margin: 0 0 30px;}
.servicebox{ background: #f7f7f7; padding: 15px 0; border-radius: 15px; }
.servicebox .pic{ position: relative;}
.servicebox .pic::after{ content: ""; display: block; left: 50%; margin-left: -1px; top: -50%; height: 100%; width: 2px; background: #11497c; position: absolute; z-index: 1;}
.serviceone ul li:first-child .servicebox .pic::after{ display: none;}
.servicebox .pic picture{ height: 120px; width: 120px;  background: #11497c; border-radius: 100%; display: block; padding: 35px; text-align: center;  margin: 0 auto; position: relative; z-index: 2;}
.servicebox .pic picture img{-webkit-transition: -webkit-transform 2s ease-out;-moz-transition: -moz-transform 2s ease-out; -o-transition: -o-transform 2s ease-out; -ms-transition: -ms-transform 2s ease-out;}
.servicebox:hover .pic picture img{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}
.servicebox .txt{}
.servicebox .txt h3{color: #11497c; font-size: 1.5rem; font-weight: 600;}
.servicebox:hover .txt h3{ padding-left: 10px;}
.servicebox .txt p{ color: #666; line-height: 2rem; margin: 0; padding: 0;}

.servicetwo{}
.servicetwo .txt{ margin-top: 30px;}
.servicetwo .pic{}


.counts{padding-bottom:30px}
.counts .count-box{box-shadow:0 0 16px rgba(0,0,0,.1);padding:30px;background:#fff;margin-bottom:30px}
.counts .count-box i{display:block;font-size:64px;margin-bottom:15px}
.counts .count-box span{font-size:42px;display:block;font-weight:700;color:#1c5c93}
.counts .count-box p{padding:0;margin:0;font-family:Raleway,sans-serif;font-size:14px}
.services{padding-bottom:30px}
.services .icon-box{margin-bottom:20px;text-align:center}
.services .icon{display:flex;justify-content:center}
.services .icon i{width:100px;height:100px;margin-bottom:20px;background:#fff;border-radius:50%;transition:.5s;color:#11497c;font-size:60px;overflow:hidden;padding-top:20px;box-shadow:0 0 25px rgba(0,0,0,.15)}
.services .icon-box:hover .icon i{box-shadow:0 0 30px rgba(66,139,202,.5)}
.services .title{font-weight:600;margin-bottom:15px;font-size:18px;position:relative;padding-bottom:15px}
.services .title a{color:#444;transition:.3s}
.services .title a:hover{color:#11497c}
.services .title::after{content:'';position:absolute;display:block;width:50px;height:2px;background:#11497c;bottom:0;left:calc(50% - 25px)}
.services .description{line-height:24px;font-size:14px; min-height: 30px;}
.portfolio .portfolio-item{margin-bottom:30px}
.portfolio #portfolio-flters{padding:0;margin:0 0 35px 0;list-style:none;text-align:center}
.portfolio #portfolio-flters li{cursor:pointer;margin:0 8px 15px 15px;display:inline-block;padding:10px 20px;font-size:12px;line-height:20px;color:#444;border-radius:4px;text-transform:uppercase;background:#fff;margin-bottom:5px;transition:all .3s ease-in-out; border: 1px #dfdfdf solid;}
.portfolio #portfolio-flters li.filter-active,.portfolio #portfolio-flters li:hover{background:#11497c;color:#fff;border-color: #11497c;}
.portfolio .portfolio-wrap{box-shadow:0 2px 12px rgba(0,0,0,.08);transition:.3s;position:relative;overflow:hidden; border: 1px rgba(0,0,0,.08)solid;}
.portfolio #portfolio-flters li.filter-active a,.portfolio #portfolio-flters li:hover a{ color: #fff;}
.portfolio .portfolio-wrap img{transition:.3s}
.portfolio .portfolio-wrap .portfolio-info{display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;position:absolute;bottom:0;top:0;left:0;right:0;transition:.3s;text-align:center;background:rgba(31,53,72,.6);padding-bottom:30px}
.portfolio .portfolio-wrap .portfolio-info h4{font-size:20px;color:#fff;font-weight:600; padding:0 10px;}
.portfolio .portfolio-wrap .portfolio-info p{color:#fff;font-size:14px;text-transform:uppercase}
.portfolio .portfolio-wrap .portfolio-info a{color:#11497c;margin:0 4px;font-size:18px;line-height:1;background-color:#fff;padding-top:7px;border-radius:50px;text-align:center;width:36px;height:35px;display:inline-block;transition:.3s}
.portfolio .portfolio-wrap .portfolio-info a:hover{background:#11497c;color:#fff}
.portfolio .portfolio-wrap:hover{box-shadow:0 4px 14px rgba(0,0,0,.16)}
.portfolio .portfolio-wrap:hover .portfolio-info{opacity:1;padding-bottom:0}
.portfolio .portfolio-wrap:hover img{transform:scale(1.1)}
.team{background:#fff;padding:60px 0 30px 0}
.team .member{text-align:center;margin-bottom:80px;position:relative}
.team .member .pic{border-radius:4px;overflow:hidden}
.team .member img{transition:all ease-in-out .4s}
.team .member:hover img{transform:scale(1.1)}
.team .member .member-info{/*position:absolute;bottom:-48px;left:20px;right:20px;*/background:linear-gradient(360deg,#11497c 0,rgba(92,118,141,.9) 35%,rgba(140,167,191,.8) 100%);padding:15px 0;border-radius:4px}
.team .member h4{font-weight:700;margin-bottom:10px;font-size:16px;color:#fff;position:relative;padding-bottom:10px; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.team .member h4::after{content:'';position:absolute;display:block;width:50px;height:1px;background:#fff;bottom:0;left:calc(50% - 25px)}
.team .member span{font-style:italic;display:block;font-size:13px;color:#fff}
.team .member .social{margin-top:15px}
.team .member .social a{transition:color .3s;color:#fff}
.team .member .social a:hover{color:#9eccf4}
.team .member .social i{font-size:16px;margin:0 2px}
@media (max-width:992px){.team .member{margin-bottom:100px}
}

.contact-btn-section{display:block;padding:50px 0;background:#11497c}
.headline-title>h1{margin:0;padding:0;color:#fff;text-transform:uppercase;font-weight:700;font-size:32px}
.contact-btn>a{position:relative;z-index:99;display:inline-block;padding:15px 25px;border:1px solid #fff;color:#fff;text-transform:uppercase;font-weight:700;font-size:14px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.contact-btn>a:hover{color:#11497c}
.contact-btn>a:before{position:absolute;top:0;left:-1px;z-index:-1;display:block;width:5px;height:100%;background:#fff;content:"";-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.contact-btn>a:hover:before{position:absolute;top:0;left:0;z-index:-1;display:block;width:100%;height:100%;background:#fff;content:"";-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}

.contact .info-box{color:#444;text-align:center;box-shadow:0 0 30px rgba(214,215,216,.6);padding:20px 0 30px 0;margin-bottom:30px;width:100%}
.contact .info-box i{font-size:32px;color:#11497c;border-radius:50%;padding:8px;border:2px dotted #9eccf4}
.contact .info-box h3{font-size:20px;color:#666;font-weight:700;margin:10px 0}
.contact .info-box p{padding:0;line-height:24px;font-size:14px;margin-bottom:0}
.contact .php-email-form{box-shadow:0 0 30px rgba(214,215,216,.6);padding:30px}
.contact .php-email-form .validate{display:none;color:red;margin:0 0 15px 0;font-weight:400;font-size:13px}
.contact .php-email-form .error-message{display:none;color:#fff;background:#ed3c0d;text-align:center;padding:15px;font-weight:600}
.contact .php-email-form .sent-message{display:none;color:#fff;background:#18d26e;text-align:center;padding:15px;font-weight:600}
.contact .php-email-form .loading{display:none;background:#fff;text-align:center;padding:15px}
.contact .php-email-form .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid #18d26e;border-top-color:#eee;-webkit-animation:animate-loading 1s linear infinite;animation:animate-loading 1s linear infinite}
.contact .php-email-form input,.contact .php-email-form textarea{border-radius:0;box-shadow:none;font-size:14px}
.contact .php-email-form input::focus,.contact .php-email-form textarea::focus{background-color:#11497c}
.contact .php-email-form input{padding:20px 15px}
.contact .php-email-form textarea{padding:12px 15px}
.contact .php-email-form button[type=submit]{background:#11497c;border:0;padding:10px 24px;color:#fff;transition:.4s}
.contact .php-email-form button[type=submit]:hover{background:#6aa3d5}
@-webkit-keyframes animate-loading{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes animate-loading{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}

.breadcrumbs{padding:60px 0;background-color: #11497c; position: relative; }
.breadcrumbs:before{ content: ""; display: block; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%;background:url(../images/3px-tile.png) repeat;}
.breadcrumbs h2{font-size:26px;font-weight:600;color: #fff;}}
.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0 0 10px 0;margin:0;font-size:14px; display: none;}
.breadcrumbs ol li+li{padding-left:10px;color: #fff;}}
.breadcrumbs ol li+li::before{display:inline-block;padding-right:10px;color:#655356;content:"/"}
.breadcrumbs a{ color: #fff;}

.leibies{padding:0;margin:35px 0;list-style:none;text-align:center;display: none;}
.leibies ul{ margin: 0; padding: 0;}
.leibies li{cursor:pointer;margin:0 8px 15px 8px;display:inline-block;padding:10px 20px;font-size:12px;line-height:20px;color:#444;border-radius:4px;text-transform:uppercase;background:#fff;margin-bottom:5px;transition:all .3s ease-in-out; border: 1px #11497c solid;}
.leibies li.filter-active,.leibies li:hover{background:#11497c;color:#fff}

#footer{background:#11497c;padding:0 0 30px 0;color:#fff;font-size:14px}
#footer .footer-top{border-bottom:1px solid #67839c;padding:60px 0 30px 0}
#footer .footer-top .footer-info{margin-bottom:30px}
#footer .footer-top .footer-info h3{font-size:24px;margin:0 0 20px 0;padding:2px 0 2px 0;line-height:1;font-weight:700}
#footer .footer-top .footer-info p{font-size:14px;line-height:24px;margin-bottom:0;font-family:Raleway,sans-serif;color:#fff}
#footer .footer-top .footer-info .txt ul{ list-style: none; margin: 0; padding: 0;}
#footer .footer-top .footer-info .txt ul li{ position: relative; padding-left: 10px; line-height: 28px;}
/*#footer .footer-top .footer-info .txt ul li:before{ content:"."; display: block; font-size: 24px; line-height: 28px; position: absolute; left: 0; top: 0;}*/
#footer .footer-top .footer-info .txt a { color: #fff;}
#footer .footer-top .social-links a{font-size:18px;display:inline-block;background:#768fa6;color:#fff;line-height:1;padding:8px 0;margin-right:4px;border-radius:50%;text-align:center;width:36px;height:36px;transition:.3s}
#footer .footer-top .social-links a:hover{background:#11497c;color:#fff;text-decoration:none}
#footer .footer-top h4{font-size:16px;font-weight:600;color:#fff;position:relative;padding-bottom:12px}
#footer .footer-top h4 a{ color: #fff;}
#footer .footer-top .footer-newsletter form{margin-top:30px;background:#fff;padding:6px 10px;position:relative;border-radius:4}
#footer .footer-top .footer-newsletter form input[type=email]{border:0;padding:4px;width:calc(100% - 110px)}
#footer .footer-top .footer-newsletter form input[type=submit]{position:absolute;top:0;right:0;bottom:0;border:0;background:0 0;font-size:16px;padding:0 20px;background:#5295ce;color:#fff;transition:.3s;border-radius:4}
#footer .footer-top .footer-newsletter form input[type=submit]:hover{background:#5295ce}
#footer .copyright{text-align:center;padding-top:30px}
#footer .footer-links{margin-bottom:30px}
#footer .footer-links ul{list-style:none;padding:0;margin:0}
#footer .footer-links ul i{padding-right:2px;color:#9eccf4;font-size:18px;line-height:1}
#footer .footer-links ul li{padding:10px 0;display:flex;align-items:center}
#footer .footer-links ul li:first-child{padding-top:0}
#footer .footer-links ul a{color:#fff;transition:.3s;display:inline-block;line-height:1}
#footer .footer-links ul a:hover{color:#9eccf4}

.recent-product-box{-webkit-box-shadow:-4px 0px 8px 1px #f0f0f0,0px -4px 8px 1px #f0f0f0,4px 0px 8px 1px #f0f0f0,0px 4px 8px 1px #f0f0f0;box-shadow: -3px 0px 6px 1px #f0f0f0,0px -4px 8px 1px #f0f0f0,4px 0px 8px 1px #f0f0f0,0px 4px 8px 1px #f0f0f0; background:#f7f7f7;  margin-bottom:30px;}
.recent-work-wrap{position:relative; overflow:hidden;}
.recent-work-wrap .overlaytu{ }
#photo .recent-work-wrap .overlaytu{ border:none;}
.recent-work-wrap picture img:not(.noscale){transition: all 2s ease 0s;}
.recent-work-wrap:hover picture img:not(.noscale){transform: scale(1.2);}
.recent-work-wrap .recent-work-inner{top:0;background:0 0;opacity:1;width:100%;border-radius:0;margin-bottom:0;text-align:center}
.recent-work-wrap .recent-work-inner h3{margin:10px 0;font-size:24px;color:#fff}
.recent-work-wrap .recent-work-inner h3 a{font-size:24px;color:#fff}
.recent-work-wrap .overlaytxt{position:absolute;top:-500px;left:0;width:100%; overflow:hidden; z-index:100000;height:100%;border-radius:0;/*opacity:0;background:#76171b;*/color:#fff;vertical-align:middle;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;-o-transition:opacity 500ms;transition:opacity 500ms;transition: .25s ease-out;-moz-transition: .25s ease-out;-ms-transition: .25s ease-out;-o-transition: .25s ease-out;-webkit-transition: .25s ease-out;}
.recent-work-wrap:hover .overlaytxt{top:0;}
.recent-work-wrap .recent-work-inner{display: table;position:relative;background:0 0;opacity:1; width:100%; height:100%;border-radius:0;margin-bottom:0;text-align:center;}
.recent-work-wrap .recent-work-inner.active{}

.recent-work-wrap .recent-work-inner-wz{display: table-cell;padding:12px; text-align: center;vertical-align: middle;position:relative; z-index:10000;}
.recent-work-wrap .recent-work-inner-wz.active{ text-align:left; }
.recent-work-wrap .recent-work-inner-wz h3{margin:5px 0;font-size:18px;color:#fff; display:none;}
.recent-work-wrap .recent-work-inner-wz h3 a{font-size:24px;color:#fff}
.recent-work-wrap .recent-work-inner-wz h4{ padding:0; margin:0; font-weight:300;}
.recent-work-wrap .recent-work-inner-wz p{display:block;}
.recent-work-wrap .recent-work-inner-wz i{ background-color:#11497c; color:#fff; font-size:16px; text-align:center; font-style:normal; width:50px; line-height:50px; display:inline-block;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.recent-work-wrap .recent-work-inner-wz i a{ color:#fff;}
.recent-work-wrap .recent-work-inner-wz i a:hover{color: #00a7f8;}
.recent-product-box .recent-work-wrapwz{ text-align: center;font-size: 1em;line-height: 30px;color:#11497c;}
/*.recent-product-box:hover .recent-work-wrapwz{ background: #fd8609;}*/
.recent-product-box .recent-work-wrapwz h3{ margin:0 5px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.recent-product-box .recent-work-wrapwz h3 a{line-height: 30px;color:#11497c; display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:5px 0; }
.recent-product-box .recent-work-wrapwz h3 a:hover{ text-decoration: underline;}
.recent-product-box .more{ text-align:center; padding-bottom:10px;}
.recent-product-box .more a{ width:35%; display:inline-block; background:#11497c; color:#fff; margin:0 1%; line-height:32px;border-radius:5px;}

.product-items{}
.product-items .product-items-bg{ margin: 30px 0 0;}
.product-items .product-items-bg:nth-child(even){ background: #f7f7f7; }
.product-items .product-items-bg .overlaytu{}
.product-items .product-items-bg .overlaytu:before,#wrap:before{ position: absolute;content: ""; display: block; top: 0; left: 10px; width: 48px; height: 48px; background: url(../images/logo.png) no-repeat center; z-index: 10; background-size: 100% auto;}
.product-items .row{}
.product-work-inner{ padding: 5px;}
.product-work-inner .title{}
.product-work-inner .title a{ font-size: 1.5rem; line-height: 2rem; margin: 0; white-space: nowrap; text-overflow: ellipsis;overflow: hidden; word-break: break-all;}
.product-work-inner .title:hover a{ color: #11497c; text-decoration: underline; padding-left: 10px;}
.product-work-inner .info{}
.product-work-inner .info span{ margin-right: 10px;}
.product-work-inner .info span i{ margin-right: 3px;}
.product-work-inner .description{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.product-work-inner .more{ text-align: right; overflow: hidden; }
.product-work-inner .more a{ display: block; float: right; margin-left: 30px;}
.product-work-inner .more a.online{ display: none!important;}

.news-items{}
.news-items .news-items-bg{ margin: 30px 0 0;}
.news-items .news-items-bg:nth-child(even){ background: #f7f7f7; }
.news-items .row{}
.news-work-inner{ padding: 5px;}
.news-work-inner .title{}
.news-work-inner .title a{ line-height: 2rem; margin: 0; white-space: nowrap; text-overflow: ellipsis;overflow: hidden; word-break: break-all;}
.news-work-inner .title:hover a{ color: #11497c; text-decoration: underline; padding-left: 10px;}
.news-work-inner .info{}
.news-work-inner .info span{ margin-right: 10px;}
.news-work-inner .info span i{ margin-right: 3px;}
.news-work-inner .description{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.news-work-inner .more{ text-align: right; overflow: hidden;display: none!important;}
.news-work-inner .more a{ display: block; float: right; margin-left: 30px;}
.news-work-inner .more a.online{ display: none!important;}
.recruittitle{color:#11497c ;font-size: 1rem;}
.recruittitle i{ color:#11497c ; padding-right: 5px;}
.recruittitle span{ font-size: 1.4rem;}
.recruitbox table{ margin-bottom: 0;}
.recruitbox table tr:first-child td{ border-top: none;}
.apply{ padding: 10px;}

.urlview{ margin-bottom: 15px;}
.pages{ text-align: center;}

div.info-top {position: relative;background: none repeat scroll 0 0 #F9F9F9;border-bottom: 1px solid #CCC;border-radius: 5px 5px 0 0;}
div.info-top div {display: inline-block;color: #333333;font-size: 14px;font-weight: bold;line-height: 31px;padding: 0 10px;}
div.info-top img {position: absolute;top: 10px;right: 10px;transition-duration: 0.25s;}
div.info-top img:hover {box-shadow: 0px 0px 5px #000;}
div.info-middle {font-size: 12px;padding: 10px 6px;line-height: 20px;}
div.info-bottom {height: 0px;width: 100%; clear: both; text-align: center;}
div.info-bottom img { position: relative; z-index: 104;}
.info-middle img {float: left; margin-right: 6px;}

.blog{padding:40px 0 20px 0}
.blog .entry{padding:20px;margin-bottom:60px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.1)}
.blog .entry .entry-img{max-height:400px;margin:-20px -20px 20px -20px;overflow:hidden}
.blog .entry .entry-title{font-size:20px;line-height:26px;font-weight:700;padding:0;margin:0 0 20px 0}
.blog .entry .entry-title a{color:#493c3e;transition:.3s; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; word-break: break-all; display: block;}
.blog .entry .entry-title a:hover{color:#11497c}
.blog .entry .entry-meta{color:#9a8487}
.blog .entry .entry-meta ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.blog .entry .entry-meta ul li{margin-bottom:15px}
.blog .entry .entry-meta ul li+li{padding-left:15px}
.blog .entry .entry-meta i{font-size:14px;padding-right:4px}
.blog .entry .entry-meta a{color:#9a8487;font-size:14px;display:inline-block;line-height:1}
.blog .entry .entry-content p{line-height:24px; text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
.blog .entry .entry-content .read-more{-moz-text-align-last:right;text-align-last:right}
.blog .entry .entry-content .read-more a{display:inline-block;background:#11497c;color:#fff;padding:5px 20px 7px 20px;transition:.3s;font-size:14px;border-radius:50px}
.blog .entry .entry-content .read-more a:hover{background:#d01d3f}
.blog .entry .entry-content h3{font-size:22px;margin-top:30px;font-weight:700}
.blog .entry .entry-content blockquote{overflow:hidden;background-color:#fafafa;padding:60px;position:relative;text-align:center;margin:20px 0}
.blog .entry .entry-content blockquote p{color:#444;line-height:1.6;margin-bottom:0;font-style:italic;font-weight:500;font-size:22px}
.blog .entry .entry-content blockquote .quote-left{position:absolute;left:20px;top:20px;font-size:36px;color:#e7e7e7}
.blog .entry .entry-content blockquote .quote-right{position:absolute;right:20px;bottom:20px;font-size:36px;color:#e7e7e7}
.blog .entry .entry-content blockquote::after{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#493c3e;margin-top:20px;margin-bottom:20px}
.blog .entry .entry-footer{padding-top:10px;border-top:1px solid #e6e6e6}
.blog .entry .entry-footer i{color:#9a8487;display:inline}
.blog .entry .entry-footer a{color:#c3b6b8;transition:.3s}
.blog .entry .entry-footer a:hover{color:#11497c}
.blog .entry .entry-footer .cats{list-style:none;display:inline;padding:0 20px 0 0;font-size:14px}
.blog .entry .entry-footer .cats li{display:inline-block}
.blog .entry .entry-footer .tags{list-style:none;display:inline;padding:0;font-size:14px}
.blog .entry .entry-footer .tags li{display:inline-block}
.blog .entry .entry-footer .tags li+li::before{padding-right:6px;color:#6c757d;content:","}
.blog .entry .entry-footer .share{font-size:16px}
.blog .entry .entry-footer .share i{padding-left:5px}
.blog .entry-single{margin-bottom:30px}
.blog .entry-single .entry-title{font-size:36px;line-height:42px}

.blog .blog-comments{margin-bottom:30px}
.blog .blog-comments .comments-count{font-weight:700}
.blog .blog-comments .comment{margin-top:30px;position:relative}
.blog .blog-comments .comment .comment-img{}
.blog .blog-comments .comment h5{font-size:16px;margin-bottom:2px}
.blog .blog-comments .comment h5 a{font-weight:700;color:#444;transition:.3s}
.blog .blog-comments .comment h5 a:hover{color:#11497c}
.blog .blog-comments .comment h5 .reply{padding-left:10px;color:#493c3e}
.blog .blog-comments .comment time{display:block;font-size:14px;color:#b1a0a3;margin-bottom:5px}
.blog .blog-comments .comment p{}
.blog .blog-comments .comment.comment-reply{padding-left:40px}

.blog .blog-pagination{color:#816a6e}
.blog .blog-pagination ul{display:flex;padding-left:0;list-style:none}
.blog .blog-pagination li{border:1px solid #fff;margin:0 5px;transition:.3s}
.blog .blog-pagination li.active{background:#fff}
.blog .blog-pagination li a{color:#aaa;padding:7px 16px;display:inline-block}
.blog .blog-pagination li.active,.blog .blog-pagination li:hover{background:#11497c;border:1px solid #11497c}
.blog .blog-pagination li.active a,.blog .blog-pagination li:hover a{color:#fff}
.blog .blog-pagination li.disabled{background:#fff;border:1px solid #fff}
.blog .blog-pagination li.disabled i{color:#f1f1f1;padding:10px 16px;display:inline-block}
.blog .sidebar{padding:30px;margin:0 0 60px 20px;box-shadow:0 4px 16px rgba(0,0,0,.1)}
.blog .sidebar .sidebar-title{font-size:20px;font-weight:700;padding:0;margin:0 0 15px 0;color:#493c3e;position:relative}
.blog .sidebar .sidebar-item{margin-bottom:30px}
.blog .sidebar .sidebar-item a{ display: block; margin-top: 15px;}
.blog .sidebar .search-form form{background:#fff;border:1px solid #d3cacb;padding:3px 10px;position:relative;border-radius:50px}
.blog .sidebar .search-form form input[type=text]{border:0;padding:4px;width:calc(100% - 42px)}
.blog .sidebar .search-form form button{position:absolute;border-radius:50px;top:0;right:-2px;bottom:0;border:0;background:0 0;font-size:16px;padding:0 20px;margin:-1px;background:#11497c;color:#fff;transition:.3s}
.blog .sidebar .search-form form button:hover{background:#d01d3f}
.blog .sidebar .categories ul{list-style:none;padding:0}
.blog .sidebar .categories ul li+li{padding-top:10px}
.blog .sidebar .categories ul a{color:#655356}
.blog .sidebar .categories ul a:hover{color:#11497c}
.blog .sidebar .categories ul a span{padding-left:5px;color:#b1a0a3;font-size:14px}
.blog .sidebar .recent-posts .post-item+.post-item{margin-top:15px}
.blog .sidebar .recent-posts img{width:80px;float:left}
.blog .sidebar .recent-posts h4{font-size:15px;margin-left:95px;font-weight:700}
.blog .sidebar .recent-posts h4 a{color:#110e0e;transition:.3s}
.blog .sidebar .recent-posts h4 a:hover{color:#11497c}
.blog .sidebar .recent-posts p{margin-left:95px;}
.blog .sidebar .recent-posts time{display:block;margin-left:95px;font-style:italic;font-size:14px;color:#b1a0a3}
.blog .sidebar .tags{margin-bottom:-10px}
.blog .sidebar .tags ul{list-style:none;padding:0}
.blog .sidebar .tags ul li{display:inline-block}
.blog .sidebar .tags ul a{color:#8e767a;font-size:14px;padding:6px 14px;margin:0 6px 8px 0;border:1px solid #ede9e9;display:inline-block;border-radius:50px;transition:.3s}
.blog .sidebar .tags ul a:hover{color:#fff;border:1px solid #11497c;background:#11497c}
.blog .sidebar .tags ul a span{padding-left:5px;color:#dfd8d9;font-size:14px}

.product-container .carousel-indicators li{ width: 12px; height: 12px; background: #11497c; border: none; display: inline-block; border-radius: 100%;}
.product-container .carousel-control-next, .product-container .carousel-control-prev,.product-container .carousel-control-next:focus, .product-container  .carousel-control-next:hover, .product-container  .carousel-control-prev:focus, .product-container  .carousel-control-prev:hover{ color: #11497c;}


.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.grabbing {cursor:url(grabbing.png) 8 8, move;}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls{text-align:center}
.owl-theme .owl-controls .owl-pagination{position:absolute;width:100%;bottom:0; left:0;}
.owl-theme .owl-controls .owl-buttons{position:absolute;width:100%;top:50%; margin-top:-50px;}
.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;width:40px;height:40px;text-indent:-9999px;margin:0;padding:0}
.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/pager-left.png);background-size: cover;opacity:1;filter:alpha(opacity=100);position:absolute;left:-50px}
.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{opacity:.7;filter:alpha(opacity=70)}
.owl-theme .owl-controls .owl-buttons div.owl-next{background:url(../images/pager-right.png); background-size: cover; opacity:1;filter:alpha(opacity=100);position:absolute;right:-50px}
.owl-theme .owl-controls .owl-buttons div.owl-next:hover{opacity:.7;filter:alpha(opacity=70)}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}
.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:0 4px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#fff; border:2px #11497c solid;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{background:#11497c; border-color: #999;}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-item.loading{min-height:150px;background:url(../images/AjaxLoader.gif) no-repeat center center}

.card-blog .card-body { position: relative;}
.card-blog .card-category-box { position: absolute; text-align: center; top: -16px; left: 15px; right: 15px; line-height: 25px; overflow: hidden;}
.card-blog .card-category { display: inline-block; color: #fff; padding: 0 15px 5px; overflow: hidden; background-color: #0078ff; border-radius: 4px;}
.card-blog .card-category .category { color: #fff; display: inline-block; text-transform: uppercase; font-size: .7rem; letter-spacing: .1px; margin-bottom: 0;}
.card-blog .card-title { font-size: 1.3rem; margin-top: .6rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.card-blog .card-description { color: #4e4e4e;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.card-blog .post-author { display: inline-block;}
.card-blog .post-date { color: #4e4e4e; display: inline-block;  float: right;}