@font-face{

    font-family: "DIN Condensed Web";

    src: url("../fonts/DIN Condensed Web.eot");

    src: url("../fonts/DIN Condensed Web.eot?#iefix")format("embedded-opentype");

    src: url("../fonts/DIN Condensed Web.woff")format("woff");

    font-weight:normal;

    font-style:normal;

    font-display:swap;

}

@font-face {

    font-family: "DIN Condensed Web";

    src: url("../fonts/DIN Condensed Web.eot");

    src: url("../fonts/DIN Condensed Web.eot?#iefix")format("embedded-opentype"),

    url("../fonts/DIN Condensed Web.woff2")format("woff2"),

    url("../fonts/DIN Condensed Web.woff")format("woff"),

    url("../fonts/DIN Condensed Web.ttf")format("truetype");

}



:placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

            color: red;

            opacity: 1; /* Firefox */

}

:-webkit-input-placeholder {

        color: red;

}



:-moz-placeholder {

        color: red;

}



body{font-family:'Poppins', sans-serif; color:#262626; line-height:28px;}



img{max-width:100%;}



ul,li{margin:0; padding:0; list-style:none;}



h1,h2,h3,h4,h5,h6{font-family: 'Montserrat', sans-serif; font-weight:600; margin-bottom:.8em;}



b{display:block;}



h2{font-size:28px; margin-bottom:15px;}

h3{font-size:28px; margin-bottom:15px;}



.logo{margin-right:auto; width:12%;}




a{color:#00A4E5; transition:.5s ease all;}



a, a:hover{text-decoration:none;}



.mb-3{margin-top:3em; margin-bottom:0!important;}

.mb-4{margin-top:4em;}

.mb-5{margin-top:5em;}

.mb-6{margin-top:6em;}

.mb-10{margin-top:10px;}

.mb-20{margin-top:20px;}

.mb_10{margin-bottom:10px;}

.mb_30{margin-bottom:30px;}

.mb_50{margin-bottom:50px;}

.pd-4{padding-bottom:4em!important;}



::-webkit-input-placeholder { color:#f00; }



.header{padding:10px 0;}

.header .tel{position:relative; padding-left:20px; float:left; margin:10px 0;}

.header .tel:before{border:1px solid #ddd; height:20px; content:''; position:absolute; left:0; top:2px;}

.header .tel i{font-size:20px; color:#2572AE; vertical-align:middle;}



.sticky {background:#fff; position: fixed; top: 0; width: 100%; z-index:99; box-shadow:0 0 14px #ddd;}



.sticky + .content {padding-top: 102px;}

.navbar {padding: 0; display:inline-block;}



.navbar ul {margin:0; padding:0; display:flex; list-style:none; align-items:center; float:left;}

.navbar li {position:relative;}

.navbar>ul>li {white-space: nowrap; padding:10px 15px;}



.navbar a,.navbar a:focus {display:flex; text-transform:uppercase; align-items:center; justify-content:space-between; padding:0 3px; font-family:'Montserrat', sans-serif; font-size:16px; font-weight:700;

 color:#003B5C; white-space:nowrap; transition:0.3s; position:relative;}

 

 .navbar a.active,.navbar a:focus{color:#FF7A00; position:relative;}

  .navbar a.active:after{content:''; height:2px; background:#FF7A00; position:absolute; left:0; bottom:0;}



.navbar a i, .navbar a:focus i {font-size:20px; line-height: 0;  margin-left: 5px;}



.navbar>ul>li>a:before {content:"";  position:absolute; width:100%; height:2px; bottom:-6px; left:0; background-color: var(--color-primary); visibility:hidden; width:0px; transition:all 0.3s ease-in-out 0s;}

.navbar a:hover:before, .navbar li:hover>a:before, .navbar .active:before {visibility:visible; width:100%;}



.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a {color: #000;}



.navbar .dropdown ul {display:block; position:absolute; left:28px; top:calc(100% + 30px); margin:0; padding:10px 0;  z-index:99; opacity:0;  visibility:hidden; background:#fff; box-shadow:0px 0px 30px rgba(127, 137, 161, 0.25); transition: 0.3s;

    border-radius:4px;}



.navbar .dropdown ul li {min-width:200px;}



.navbar .dropdown ul a {padding:6px 20px;  font-size:15px; text-transform:none; font-weight:600;}

.navbar .dropdown ul a:hover{background:#FF6E30; color:#fff!important;}



.navbar .dropdown ul a i {font-size:12px;}



.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover>a {color:var(--color-primary);}



.navbar .dropdown:hover>ul {opacity:1; top:100%; visibility:visible;}



.navbar .dropdown .dropdown ul {top:0; left:calc(100% - 30px); visibility:hidden;}



.navbar .dropdown .dropdown:hover>ul {opacity:1; top:0; left:100%;  visibility: visible;}



.mobile-nav-show {color:#37373f; font-size:28px; cursor:pointer; line-height:0; transition:0.5s; z-index:9999; margin:0 10px 0 20px;}

.mobile-nav-hide {color:#37373f; font-style:normal; font-size: 32px; cursor: pointer; line-height: 0; transition: 0.5s; position: fixed; right: 20px; top: 20px; z-index: 9999;}

    

.mobile-nav-show::before {display:none; content:"\f0c9"; font-family: FontAwesome!important;  font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none;

    line-height: 1; vertical-align: -0.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}



.header .btn-book-a-table, .header .btn-book-a-table:focus {font-size:15px; font-family: 'Montserrat', sans-serif; float:right; color: #fff; border:1px solid #FF7A00; 

font-weight:500; height:44px; background:#FF7A00; padding:13px 32px; margin-left: 30px; border-radius: 50px; transition: 0.3s;}

.header .btn-book-a-table:hover{background:#fff; color:#FF7A00; border-color:#FF7A00; text-decoration:none;}



.main-banner{position:relative; }

.main-banner .carousel-item{background-size:cover!important; position:relative; padding:9.5em 0; }

.main-banner .carousel-caption{ width:90%; color:#fff; position:relative; top:0; left:0; text-align:left;}



.main-banner .icon{width:124px; height:124px; text-align:center; line-height:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; background:#6462ACF0; float:left;

 margin:.5em 2em 0 0; font-family:'Montserrat', sans-serif; letter-spacing:1px;}

 .main-banner .icon img{position:inherit; width:auto; margin-bottom:10px;}



.main-banner .carousel-indicators li{width:14px; height:14px; border-radius:50%;}

.main-banner .carousel-indicators .active{background:#FF6E30;}



.banner{background:url(../images/home-main-banner.jpg) center right no-repeat; background-size:cover!important; position:relative; padding:10em 0;}

.banner.home{padding:10em 0 7em;}

.banner img{position:absolute; top:0; left:0; width:100%;}

.banner .content-area, .banner .carousel-caption{ width:90%; color:#fff; position:relative; top:0; left:0; text-align:left;}

.banner .icon{width:124px; height:124px; text-align:center; line-height:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; background:#6462ACF0; float:left;

 margin:1em 2em 0 0; font-family:'Montserrat', sans-serif; letter-spacing:1px;}

 .banner .icon img{position:inherit; width:auto; margin-bottom:10px;}

.banner.about{background:url(../images/about-banner.jpg) center center no-repeat;}

.banner.artwork{background:url(../images/artwork-banner.jpg) center center no-repeat;}





/* Since positioning the image, we need to help out the caption */

.carousel-caption {top:5rem; z-index: 10;}

.inner-banner{position:relative;}

.inner-banner.blog{overflow:hidden; background-size:cover!important;}

.inner-banner .share{position:absolute; right:20px; bottom:20px; width:25px; height:25px; background:#fff; border-radius:50%; text-align:center;}

.inner-banner .share a{color:#333;}



.carousel-item > img {position: absolute; top: 0; left: 0; min-width: 100%; height: 32rem;}

.carousel-indicators{bottom:20px;}



.inner-banner .iso, .banner .iso, .main-banner .iso{position:absolute; right:40px; bottom:40px; width:82px; height:218px; z-index:3;}



.bl-banner{background:#022145 url(../images/bl-banner.png) center center no-repeat; padding:6em 0; color:#fff; height:380px; box-sizing:border-box;}

.bl-banner.case{background:#2c002b url(../images/bl-banner.png) center center no-repeat;}

.bl-banner.faq{background:#192130 url(../images/bl-banner.png) center center no-repeat;}

.banner .line, .bl-banner .line, .main-banner .line{background:#FF6E30; width:165px; height:12px; display:block; margin-bottom:30px; position:relative;}

.banner .line:before, .bl-banner .line:before, .main-banner .line:before{position:absolute; content:''; width:83px; height:12px; background:#FF6E30; left:170px; opacity:.6;}

.banner .line:after, .bl-banner .line:after, .main-banner .line:after{position:absolute; content:''; width:40px; height:12px; background:#FF6E304D; left:260px; opacity:.5;}





.slideshow {overflow:hidden; position: relative; width: 100%; height: 600px;}

.slideshow .slideshow-inner {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.slideshow .slides {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}

.slideshow .slide {display:none; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; opacity:0; transition:opacity 0.3s ease;}

.slideshow .slide.is-active {display:block;}

.slideshow .slide.is-loaded {opacity:1;}

.slideshow .slide-content .caption {padding:0 100px; width:100%;}

.slideshow .slide .image-container {position:absolute; top:0; left:0; width:100%; height:100%; background-position:center center!important; z-index:1; background-size:cover!important; }



.slideshow .slide .image-container .image {width: 100%; width: 100%; object-fit: cover; height: 100%;}

.slideshow .slide-content {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; color: #fff; display: flex; align-items: center;}

.slideshow .slide-content .title {margin: 0 auto 35px; float:left; font:700 45px/72px "Oswald", sans-serif; text-transform: uppercase; width:87%;}

.slideshow.home .slide-content .title{margin:0 0 15px;}

.slideshow .slide .text {margin: 0 auto; max-width: 1000px; font-size: 18px; line-height: 1.4;}

.slideshow .slide .btn {margin:0; background:transparent; border-color:#fff; padding:12px 50px; display:block; width:220px; clear:both;}

.slideshow .slide .btn:hover{background:#fff; color:#000;}

.slideshow .slide .btn::before {background: #fff;}

.slideshow .pagination {position:absolute;  bottom:35px; left:0; width:100%; height:12px; cursor:default; z-index:2; text-align:center; display:block;}

.slideshow .pagination .item {display:inline-block; position:relative; width:20px; height:32px; cursor:pointer; text-indent:-999em; z-index:1;}

.slideshow .pagination .item + .page {margin-left:-2px;}



.slideshow .pagination .item::before {content:""; display:block; position:absolute; top:15px; left:5px; width:15px; border-radius:50%; height:15px; background: 

rgba(255, 255, 255, 0.5); transition:background 0.2s ease;}

.slideshow .pagination .item::after {width:0; background:#fff; z-index:2; transition:width 0.2s ease;}

.slideshow .pagination .item:hover::before, .slideshow .pagination .item.is-active::before {background-color: #fff;}

.slideshow .line{background:#6EBD02; width:165px; height:12px; display:block; margin-bottom:20px; position:relative;}

.slideshow .line:before{position:absolute; content:''; width:83px; height:12px; background:#6EBD02; left:170px; opacity:.6;}

.slideshow .line:after{position:absolute; content:''; width:40px; height:12px; background:#6EBD02; left:260px; opacity:.5;}

.slideshow .icon{width:124px; height:124px; text-align:center; line-height:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; 

color:#fff; background:#6462ACF0; float:left; margin:1em 2em 0 0; font-family:'Montserrat', sans-serif; letter-spacing:1px;}

 .slideshow .icon img{position:inherit; width:auto; margin-bottom:10px;}

 .slideshow.artwork .icon{background:rgba(22,99,151,.6);}

.slideshow .select, .modal .select{position:relative;}
.slideshow select, .modal select {padding:14px 25px; border-radius:30px; display:block; width:100%; background-color: transparent; border:1px solid #99BDD9; font-size:14px; color:#999; appearance:none;}
.slideshow .select svg, .modal .select svg {position: absolute; right: 12px; top:17px;}



.slideshow.schedule .icon{background:rgba(111,21,76,.6);}



.slideshow.training .icon{background:rgba(19,91,57,.6);}

.slideshow.qms .icon{background:rgba(187,55,71,.6);}

.slideshow.document .icon{background:rgba(35,49,63,.6);}



.slideshow.pharma{background:url(../images/pharma-banner.jpg) center center no-repeat; }

.slideshow.spread .icon{background:#6462ACF0;}

 

 .slideshow .iso{position:absolute; right:40px; bottom:40px; width:82px; height:218px; z-index:3;}


 .floating-label {position:relative;  margin-bottom:20px;}
.floating-input , .floating-select {padding:7px 4px; display:block; width:100%; background-color: transparent; border:none; border-bottom:1px solid #C5CBD4;}

label {color:#56627A;  font-weight:normal; position:absolute; pointer-events:none; left:5px; top:5px; transition:0.2s ease all;  -moz-transition:0.2s ease all;  
-webkit-transition:0.2s ease all;}

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {top:-18px; font-size:14px; color:#5264AE;}

.floating-select:focus-visible{outline:none;}

.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {top:-14px; font-size:12px;}

/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {width:50%;}

 

 .modal-dialog{max-width:60%; top:4em;}

 .modal-content{background:#163750; color:#fff;}

  .modal-header{border:none; padding:2em}

 .modal-header .close{color:#fff; opacity:1;}

  .modal-header .close:focus{outline:none;}

 .modal-body{border:none; padding:0 2em 2em;}

.slideshow .form-control, .slideshow .form-control:focus, .demo .form-control, .demo .form-control:focus{border-radius:30px; margin-bottom:25px; background:#163750; color:#fff; font-size:14px; padding:14px 25px; border-color:#99BDD9;}

.slideshow .form-control.md-textarea, .demo .form-control.md-textarea{height:130px; border-radius:15px;}



.info{margin:.8em 0;}

.info li{width:50%; float:left;}

.info li a{color:#fff;}

.info li span{color:#00A4E5;}



#demo-form .btn{position:relative; right:20px; padding:12px 60px;}

#demo-form .btn:hover{background:#163750; color:#fff; border-color:#99BDD9;}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */

    color:    #fff;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

   color:    #fff;

   opacity:  1;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

   color:    #fff;

   opacity:  1;

}

:-ms-input-placeholder { /* Internet Explorer 10-11 */

   color:    #fff;

}

::-ms-input-placeholder { /* Microsoft Edge */

   color:    #fff;

}



::placeholder { /* Most modern browsers support this now. */

   color:    #fff;

}

/* MARKETING CONTENT

-------------------------------------------------- */



/* Center align the text within the three columns below the carousel */

.marketing .col-lg-4 {margin-bottom: 1.5rem; text-align: center;}

.marketing h2 {font-weight: 400;}

.marketing .col-lg-4 p {margin-right: .75rem; margin-left: .75rem;}

/* Featurettes

------------------------- */



.featurette-divider {margin:5rem 0; /* Space out the Bootstrap <hr> more */}



/* Thin out the marketing headings */

.featurette-heading {font-weight: 300; line-height: 1; letter-spacing: -.05rem;}



.client-section{padding:1em 0; overflow:hidden; margin-bottom:5em;}

.client-section .owl-item{float:left;}

.client-section .owl-nav, .client-section .owl-dots{display:none;}

.client-section .item{text-align:center; margin:0 7px; height:128px; line-height:128px;}



.about-section{text-align:center; background:#022145; padding:3em 0; overflow:hidden; color:#fff; font-size:18px; line-height:36px; font-weight:300;}

.about-section h2{font-weight:500; line-height:38px; font-size:24px!important; width:65%; margin:0 auto 15px;}

.about-section p{margin-bottom:0; width:100%; margin:auto;}}

.about-section.dark-green{background:#58a3ab;}

.about-section.green{background:#58a3ab;}

.about-section.dark-pink{background:#58a3ab;}

.about-section.spread{background:#58a3ab;}

.about-section.document{background:#58a3ab;}

.about-section.management{background:#58a3ab;}

.about-section.qms{background:#58a3ab;}

.about-section.artwork{background:#58a3ab;}

.about-section.pharma{background:#58a3ab;}

.about-section .btn{background:transparent!important; border-color:#fff; color:#fff; margin-top:2em;}

.about-section .btn:hover{background:#fff!important; color:#135B39!important;}

.th-block { display: flex;  background: #F9F9F9;
    height: 100%;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5em 0;}

.twin-section{overflow:hidden; padding:4em 15px 2em;}

.twin-section figure{position:relative;}

.twin-section figure .head-txt{border-radius:20px; color:#fff; padding:5px 15px; font-size:18px; font-family:'Montserrat', sans-serif; position:absolute; bottom:20px; left:20px;}

.twin-section figure .head-txt.qms{background:#EF4961;}

.twin-section figure .head-txt.training{background:#1E746D;}

.twin-section figure .head-txt.schedule{background:#B03E70;}

.twin-section figure .head-txt.document{background:#2C3E50;}

.twin-section figure .head-txt.spreadsheets{background:#6462AC;}

.twin-section figure .head-txt.art{background:#2572AE;}

.twin-section .col-m -6{margin-bottom:30px;}

.twin-section .item{padding:1em 1em 2em; box-shadow:0 0 10px rgba(198,211,219,.35); border-radius:5px; display:flex; flex-direction:column; height:100%;}

.twin-section .item figure{width:100%; background:#ddd; margin-bottom: 30px;}



.twin-section .col-md-6{margin:15px 0;}



.pharma-section{padding:3em 0;}

.pharma-section .content-block{padding:2em 0 0 0; font-size:20px; line-height:33px;}

.pharma-section .content-block p{margin-bottom:20px;}



.ph-solution{padding:2em 0 3em 0;}

.heading{text-align:center; position:relative; margin-bottom:20px;}

.heading:before{width:100%; height:1px; background:#b3b3b3; position:absolute; content:''; left:0; top:37%; }

.ph-solution h2, .benefit-section h2, .heading h2{display:inline-block; background:#fff;  position:relative; padding:0 10px; z-index:2; font-size:28px!important;}



.ph-solution .col-lg-4, .ph-solution .col-md-6{margin:0 0 30px 0;}

.ph-solution .item, .benefit-section .card{padding:2em 2em .5em 2em; box-shadow:0 0 20px #f5f5f5; margin:15px 0; line-height:28px; display:flex; flex-direction:column; height:100%;}

.ph-solution .item figure{width:56px; height:56px; border-radius:12px; text-align:center; border:1px solid #F1F4FA; display:flex; align-items:center; font-size:24px; justify-content:center;}

.ph-solution .item figure img{width:50%;}

.ph-solution .btn{margin:1.5em auto 0;}

.ph-solution .item figure.icon, .benefit-section .card figure.icon{border:none; border-radius:0; width:90px; height:auto; justify-content:left;} 



.ph-solution.solution .item{padding-bottom:2em;}



.ph-solution .item .more, .twin-section .item .more{position:absolute; right:40px; bottom:10px; color:#00A4E5; text-align:right; display:block; font-size:30px; margin-top:.5em; transition:.5s ease all;}

.ph-solution .item .more:before, .twin-section .item .more:before{position:absolute; background:#DDF5FF; width:36px; height:16px; border-radius:30px; content:''; right:12px; top:7px; z-index:0; transition:.5s ease all;}

.ph-solution .item .more i, .twin-section .item .more i{position:relative; z-index:1; transition:.5s ease all;}

.ph-solution .item a:hover .more i, .twin-section .item a:hover .more i{left:10px;}

.ph-solution .item a:hover .more:before, .twin-section .item a:hover .more:before{width:25px; right:7px;}

.ph-solution .item a, .twin-section .item a{color:#262626;}



.twin-section .item .more{bottom:20px;}



.benefit-section.case{padding-top:6em;}

.benefit-section.case .card{padding:15px;}

.benefit-section.case .card-body{padding:0;}

.benefit-section.case figure{background:#ddd;}

.benefit-section.case a{display:block; text-decoration:underline; margin-top:1em;}



.btn{background:#FF7A00; border:1px solid #FF7A00; color:#fff; border-radius:30px; padding:14px 40px; text-transform:uppercase;}

.btn:hover{background:#fff; color:#FF7A00;}



.btn.inner{background:transparent; border:1px solid #fff; color:#fff; border-radius:30px; padding:14px 40px; text-transform:uppercase;}

.btn.inner:hover{background:#fff; color:#000;}



.com-section{background:#1E2128; padding:70px 0px 20px 0px; color:#fff; margin-top:1em;}

.com-section .txt-block{margin:-20px 0 0 0; display:flex; flex-direction:column; justify-content:center; height:100%;}

.com-section .txt-block p{font-family: 'Montserrat', sans-serif; font-size:26px; font-weight:500; line-height:40px;}

.com-section .txt-block a{background:transparent; color:#fff; border-color:#fff; margin-top:1em; width:240px;}

.com-section .txt-block a:hover{background:#fff; color:#1E2128;}

.com-section figure{width:80%; height:80%; border:6px solid #fff; float:right;}

.com-section figure img{width:100%; height:100%;}



.testimonial-section{background:#F0F3F9; padding:4em 0;}

.testimonial-section .carousel-caption { position:initial; z-index:10;   padding:1rem 8rem;   color:#3C4350; text-align:center; font-weight:400;} 

.testimonial-section .carousel{background:#fff; height:600px; box-shadow:0 0 24px #ddd; padding:4em 3em; text-align:center;}

.testimonial-section figure{width:96px; height:96px; display:inline-block; border-radius:50%;}

.testimonial-section .carousel-item{background:#fff;} 

.testimonial-section p {  display: inline-block;   padding:1em;  color:#3C4350;  }  

.testimonial-section .carousel-control-prev, .testimonial-section .carousel-control-next{top:0; width:40px; height:40px; opacity:.4!important; margin-top:2.5em;}

.testimonial-section .carousel-control-prev{left:40%;}

.testimonial-section .carousel-control-next{right:40%;}

.testimonial-section .carousel-control-prev:hover, .testimonial-section .carousel-control-next:hover{opacity:1!important;}



.testimonial-section .image-caption {font-size:20px; font-weight:600; margin-top:0.5rem;}

.testimonial-section i {color:#3C42E0; font-size:30px; padding: 1.4rem;} 



.testimonial-section .carousel-control-prev {justify-content:flex-start;}  

.testimonial-section .carousel-control-next {justify-content:flex-end;}  

.testimonial-section .carousel-control-prev{transition:none; opacity: unset;}  

.testimonial-section .carousel-control-next {transition:none; opacity:unset;}  

.testimonial-section .rating{text-align:center; margin:2em 0 0 0;}

.testimonial-section .rating li{display:inline-block; padding:10px; border-radius:50%; }

.testimonial-section .rating li i{padding:0; color:#FF881B;}





.st-section{overflow:hidden; position:relative; padding-bottom:4em;}

.st-section .header{margin-bottom:2em;}

.st-section .item{padding:1em 1em 2em 1em; box-shadow:0 0 20px #f5f5f5; margin:5px;}

.st-section .item figure{background:#ddd;}

.st-section .item a{color:#00A4E5; text-decoration:underline; transition:.5s ease all;}

.st-section .item a:hover{text-decoration:none; padding-left:5px;}

.st-section .owl-nav{position:absolute; top:-5em; right:0;}

.st-section .owl-carousel .owl-nav button.owl-next, .st-section .owl-carousel .owl-nav button.owl-prev{width:50px; height:50px; transition:.5s ease all; background:#00A4E5; color:#fff; line-height:50px; margin:0 5px; font-size:20px; opacity:.5;}

.st-section .owl-carousel .owl-nav button.owl-next:hover, .st-section .owl-carousel .owl-nav button.owl-prev:hover{opacity:1;}

.st-section .owl-carousel .owl-nav button.owl-next:focus, .st-section .owl-carousel .owl-nav button.owl-prev:focus{border:none; outline:none;}



.counter{padding-bottom:5em;}

.counter .item{border-radius:30px; padding:1.5em 1em; color:#fff; font-size:31px; text-transform:uppercase; display:flex; flex-direction:column; height:100%; font-family: "DIN Condensed Web";}

.counter .item b{display:block; font-size:135px; line-height:130px; font-weight:500; position:relative; margin-bottom:15px;}

.counter .item b:after{content:"+"; position:absolute; top:0; line-height:40px; font-size:40px;}

.counter .item.one{background:#343754;}

.counter .item.two{background:#6745B5;}

.counter .item.three{background:#26688E;}

.counter .item.four{background:#188464;}



.expert-area{padding-bottom:4em;}

.expert-area form{margin-top:3em;}

.expert-area input, .expert-area textarea{border:none; border-bottom:1px solid #C5CBD4; font-size:16px; color:#56627A; border-radius:0;}



.expert-area .btn{color:#fff!important; padding:10px 40px; margin:0em 0 0em; border-radius: 190px;}

.expert-area .btn:hover{color:#FF6E30!important;}

.expert-area .address{margin:5em 0 0 2em; font-size:18px;}

.expert-area .address figure{display:block;}

.expert-area .address ul{margin:1em 0 0 0;}

.expert-area .address li{margin-bottom:8px; font-size:18px;}

.expert-area .address li img{width:20px;}

.expert-area .address li a{color:#4B5569;}



.back{margin-bottom:1em;}

.back a{color:#00A4E5;}



.has-float-label {position: relative;  font-size: 70%; margin-bottom:3em;}



.has-float-label label {position:absolute;  opacity:1; transition:all .2s; top:-.5em; left:.75rem; z-index:3; line-height:1; padding:0 1px}



.has-float-label label::after {content:" "; display:block; position:absolute; background:#fff; height:2px; top:50%; left:-.2em; right:-.2em; z-index:-1}





.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {opacity:0;}



.has-float-label .form-control:placeholder-shown:not(:focus)+label {font-size:16px; color:#56627A; opacity: .5; top: .3em}



.form-control:focus{box-shadow:none;}





.site-footer{background:#171818; padding:4em 0 0; color:#fff;}

.site-footer .logo{margin-bottom:1.5em; padding-bottom:1.3em; border-bottom:1px solid #393939; width:50%;}

.site-footer b{text-transform:uppercase; letter-spacing:1px; display:block; border-bottom:1px solid #393939; margin:1.5em 0; font-weight:500; padding-bottom:1em;}

.site-footer li{margin-bottom:10px; display:block; color:#fff;}

.site-footer li a{color:#fff;}

.site-footer .btn{background:transparent!important; color:#FF7A00; padding:15px 40px; margin-top:1em;}

.site-footer .btn:hover{background:#FF7A00!important; color:#fff;}

.site-footer .copy{border-top:1px solid #393939; padding:15px 0; font-size:15px; color:#747474; margin-top:2em;}



.site-footer .social{margin-top:3em; overflow:hidden;}

.site-footer .social li{margin-bottom:10px; overflow:hidden;}

.site-footer .social li img{float:left; width:19px; margin:4px 10px 0 0;}

.site-footer .social li span{width:80%; float:left;}



.site-footer .social-icon{margin-top:5em; overflow:hidden;}

.site-footer .social-icon li{float:left; margin:0 10px;}

.site-footer .social-icon li img{width:22px; height:22px;}



.vision-section{padding:50px 0px 0px 0px;}

.vision-section .item, .add-section .item{box-shadow:0 0 20px #f5f5f5; padding:2em; margin-bottom:2em; line-height:24px;}

.vision-section .item{color:#4B5569;}

.vision-section .item.one{padding:4.3em 3em;}



.vision-section .item li{background:url(../images/wh-arrow.png) left 3px no-repeat; padding:0 0 8px 30px;}



.shadow{box-shadow:0 0px 29px #f5f5f5;}



.new{padding:3em 3em 0 0; font-size:24px; line-height:40px;}

.new h2{font-size:38px;}



.team-section{padding:4em 0; text-align:center; margin-bottom:3em; position:relative; color: #000;}

.team-section:before{background:#D9E3E93D; height:500px; content:''; position:absolute; top: 20px; width:100%; left:0;}

.team-section p{margin-bottom:3em; font-size:20px; color:#4B5569;}

.team-section .cn-block{position:relative; margin-top:2em;}

.team-section .cn-block:before{position: absolute; content: ''; background: #00284E; width: 110%; border-radius: 15px; bottom: -30px; left: -5%; height: 240px;}

.team-section .cn-block .item{color:#fff;}

.team-section .cn-block .item h4{margin-bottom:8px;}

.team-section .cn-block .item b{display:block;}

.team-section .cn-block .item figure{border:4px solid #fff; height:300px; background:#ddd;}

.team-section .cn-block .item figure img{width:100%;}

.team-section .cn-block span{color:#90D7F4; font-size:20px;}



.add-section{margin:3em 0;}

.add-section .item{font-size:17px; overflow:hidden; min-height:182px;}

.add-section .item .txt-block{float:left; width:79%;}

.add-section .item b{font-size:20px; margin-bottom:10px;}

.add-section .item figure{width:48px; height:48px; float:left; border-radius:16px; margin-right:20px; display:inline-block; line-height:48px; color:#fff; font-size:26px; text-align:center;}

.add-section .item .map{background:#88C542;}

.add-section .item .mail{background:#FF6D1B;}

.add-section .item .phone{background:#17AFEB;}

.add-section .item a{color:#000;}



.sub-text{font-size:20px;}

.benefit-section{padding-bottom:8em;}

.benefit-section .carousel-inner{padding-bottom:1em; margin-bottom:2em;}

.benefit-section .carousel-item{height:auto; background:transparent; padding:0!important;}

.benefit-section figure{display:block; }

.benefit-section .col-sm-6{margin:15px 0;}

.benefit-section .card{border:none; margin:15px 5px;}

.benefit-section .card-body{padding:0;}

.benefit-section .carousel-control{width:9%; margin:2em auto; position:relative;}

.benefit-section .carousel-control-next, .benefit-section .carousel-control-prev{width:50px; height:50px; line-height:50px; background:#00A4E5; color:#fff!important; 

font-size:20px;}

a.text-dark:focus, a.text-dark:hover{color:#fff!important; }



.benefit-section.blog{margin-top:5em;}

.benefit-section.blog .col-lg-4, .benefit-section.blog .col-md-6{margin:20px 0;}

.benefit-section.blog .card{padding:0; position:relative;}

.benefit-section.blog .card-body{padding:0; border-radius:20px;}

.benefit-section.blog .card .heading{width:90%; margin:auto; position:absolute; font-family:'Montserrat', sans-serif; font-size:14px; font-weight: 500; top:93%; border-radius:20px; padding:5px 10px; color:#000; background:#f7f7f7; left:5%;}

.benefit-section.blog .card .heading:before{content:none;}

.benefit-section.blog .card .heading.green{background:#38B34A;}

.benefit-section.blog .card .heading.pink{background:#EF4164;}

.benefit-section.blog .card .heading.dark-pink{background:#B03E70;}

.benefit-section.blog .card .heading.orange{background:#F15B25;}

.benefit-section.blog .card .heading.blue{background:#299AD2;}

.benefit-section.blog .card .heading.dark-blue{background:#2572AE;}

.benefit-section.blog .card figure{border-radius:30px 30px 0 0; position:relative; margin-bottom:1em;}

.benefit-section.blog .card figure img{border-radius:30px 30px 0 0;}

.benefit-section.blog .card .txt-block{padding:2em 1em;}

.benefit-section.blog a{color:#262626;}

.benefit-section.blog .col-sm-4{margin:15px 0;}

.benefit-section.blog h5{font-size:22px; margin-bottom:30px;}

.benefit-section.blog .footer{position:absolute; width:100%; bottom:25px;}

.benefit-section.blog .footer span{width:28px; height:28px; border-radius:50%; background:#fff; float:left; margin-right:10px; }

.benefit-section.blog .footer ul{float:left;}

.benefit-section.blog .footer li{width:auto; float:left; border-radius:20px; padding:4px 10px; box-shadow:0 0 1px #ddd; font-size:13px; font-family:'Montserrat', sans-serif; margin-right:8px;}

.benefit-section.blog .footer li b{font-weight:500; display:inline-block;}



.inner-banner .carousel-control-next, .inner-banner .carousel-control-next{display:none;}

.inner-banner .carousel-caption{top:8em;}

.banner .btn, .inner-banner .carousel-caption .btn{background:transparent; border-color:#fff; color:#fff; padding:12px 40px; font-size:16px;}

.inner-banner .carousel-caption .btn:hover, .banner .btn:hover{background:#fff; color:#333;}

.banner h1, .inner-banner h1, .bl-banner h1, .main-banner h1{font-family: 'Oswald', sans-serif; text-transform:uppercase; font-size:45px; line-height:65px;}



.bl-detail{padding:2em 0;}

.bl-detail .header{margin-bottom:2em; overflow:hidden;}

.bl-detail .header span{width:28px; height:28px; border-radius:50%; background:#fff; float:left; margin-right:10px; }

.bl-detail .header ul{float:left;}

.bl-detail .header li{width:auto; float:left; border-radius:20px; padding:4px 10px; box-shadow:0 0 1px #ddd; font-size:13px; font-family:'Montserrat', sans-serif; margin-right:15px;}

.bl-detail .header li b{display:inline-block; font-weight:500;}

.bl-detail .header strong{font-weight:500; float:right; padding:5px 10px; background:#F0F1F2;}



.bl-img{text-align:center; margin:0 0 2em 0;}

.bl-img img{max-width:70%;}



.main{padding:4em 0; position:relative;}

.accordion-title:before {

    float: right !important;

    font-family: FontAwesome;

    content:"\f068"; color:#FF6E30;

    padding-right: 5px;

}

.accordion-title.collapsed:before {

    float: right !important;

    content:"\f067"; color:#56627A;

}

.card-header{background:#fff; border:none; font-size:20px; font-family:'Montserrat', sans-serif; font-weight:600; padding:20px 25px;}

.card-header a{color:#262626;}

#accordion .card{border:none; background:#fff; box-shadow:0 0 20px #f5f5f5; margin-bottom:15px; }

#accordion .card-body{padding:0 25px 20px 25px;}



.sub-txt{width:70%; margin:1em auto; font-size:20px; line-height:35px; text-align:center;}



.sub-header{overflow:hidden; margin:3em 0 2em 0;}

.sub-header b{background:#56627A; color:#fff; font-size:20px; display:inline-block; font-weight:500; padding:5px 15px;}



.client-list{margin-bottom:2em; overflow:hidden;}

.client-list li{width:20%; float:left; text-align:center; margin-bottom:2em;}

.client-list.none, .client-list.none li{margin-bottom:0;}



.sales-section{background:rgba(198,211,219,.6); padding:3em 0; margin-bottom:6em;}

.sales-section .btn{background:#4B5569; border-color:#4B5569; color:#fff; margin-top:1em;}

.sales-section .btn:hover{background:transparent; color:#4B5569;}