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

Template Name: Roof Builder, Renovation & Repair Services HTML Template 
Template URL: http://radiustheme.com/demo/html/roofit
Description: Roof Builder, Renovation & Repair Services HTML Template
Author: RadiusTheme
Author URL: http://www.radiustheme.com 
Version: 1.0 

===================   
CSS INDEX
===================
1. Typography
2. Bootstrap Overwrite
    2.1 Grid
    2.2 Media Object
3. Vendor Custom Style 
    3.1 Nivo Slider
    3.2 Owl Carousel Nav Style
    3.3 Select 2 Style
    3.4 Slick Slider Style
4. Template Layout Style
    4.1 Content
    4.2 Footer
    4.3 Global
    4.4 Header Menu
    4.5 Section Heading
    4.6 Pagination
    4.7 Widget
5. Template Page Style
    5.1 About Us
    5.2 Blog
    5.3 Brand
    5.4 Call To Action
    5.5 Coming Soon
    5.6 Contact
    5.7 Error Page
    5.8 Faq Page
    5.9 Progress
    5.10 Project
    5.11 Service
    5.12 Shop
    5.13 Team
    5.14 Testimonial
    5.15 Why Choose
6. Helper Classes
    6.1 Background
    6.2 Border
    6.3 Margin
    6.4 Misc
    6.5 Padding
    6.6 Position 
    6.7 Text 

/*=======================================================================
1. Typography 
=========================================================================*/
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700,900);
html { height: 100%; font-size: 62.5%; }
@media only screen and (max-width:1199px) {
  html { font-size: 60%; }
}
@media only screen and (max-width:991px) {
  html { font-size: 55%; }
}
@media only screen and (max-width:767px) {
  html { font-size: 50%; }
}
@media only screen and (max-width:479px) {
  html { font-size: 45%; }
}
@media only screen and (max-width:320px) {
  html { font-size: 40%; }
}
body { font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 400; height: 100%; line-height: 30px; vertical-align: baseline; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; color: #646464; background-color: #ffffff; }
p { margin: 0 0 20px 0; color: #646464; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; font-family: 'Roboto', sans-serif; margin: 0 0 20px 0; color: #0078b7; }
h1, h2 { line-height: 48px; }
h3, h4, h5 { line-height: 30px; }
h1 { font-size: 46px; }
@media only screen and (max-width:1199px) {
  h1 { font-size: 40px; }
}
@media only screen and (max-width:991px) {
  h1 { font-size: 38px; }
}
@media only screen and (max-width:767px) {
  h1 { font-size: 34px; }
}
@media only screen and (max-width:575px) {
  h1 { font-size: 32px; }
}
@media only screen and (max-width:479px) {
  h1 { font-size: 30px; }
}
h2 { font-size: 36px; }
@media only screen and (max-width:1199px) {
  h2 { font-size: 32px; }
}
@media only screen and (max-width:991px) {
  h2 { font-size: 30px; }
}
@media only screen and (max-width:767px) {
  h2 { font-size: 28px; }
}
@media only screen and (max-width:575px) {
  h2 { font-size: 26px; line-height: 31px; }
}
h3 { font-size: 22px; }
@media only screen and (max-width:767px) {
  h3 { font-size: 20px; }
}
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

/*=======================================================================
2. Bootstrap Overwrite
=========================================================================*/

/*------------------- 2.1 Grid -------------------*/
@media only screen and (min-width:1230px) {
  .container { max-width: 1200px; }
}
.row.no-gutters { margin-right: 0; margin-left: 0; }
.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; }
.row.gutters-1 { padding-left: 14.5px; padding-right: 14.5px; }
.row.gutters-1 > [class^="col-"] { padding-left: 0.5px; padding-right: 0.5px; }
.row.gutters-2 { padding-left: 14px; padding-right: 14px; }
.row.gutters-2 > [class^="col-"] { padding-left: 1px; padding-right: 1px; }
.row.gutters-3 { padding-left: 13.5px; padding-right: 13.5px; }
.row.gutters-3 > [class^="col-"] { padding-left: 1.5px; padding-right: 1.5px; }
.row.gutters-4 { padding-left: 13px; padding-right: 13px; }
.row.gutters-4 > [class^="col-"] { padding-left: 2px; padding-right: 2px; }
.row.gutters-5 { padding-left: 12.5px; padding-right: 12.5px; }
.row.gutters-5 > [class^="col-"] { padding-left: 2.5px; padding-right: 2.5px; }
.row.gutters-6 { padding-left: 12px; padding-right: 12px; }
.row.gutters-6 > [class^="col-"] { padding-left: 3px; padding-right: 3px; }
.row.gutters-7 { padding-left: 11.5px; padding-right: 11.5px; }
.row.gutters-7 > [class^="col-"] { padding-left: 3.5px; padding-right: 3.5px; }
.row.gutters-8 { padding-left: 11px; padding-right: 11px; }
.row.gutters-8 > [class^="col-"] { padding-left: 4px; padding-right: 4px; }
.row.gutters-9 { padding-left: 10.5px; padding-right: 10.5px; }
.row.gutters-9 > [class^="col-"] { padding-left: 4.5px; padding-right: 4.5px; }
.row.gutters-10 { padding-left: 10px; padding-right: 10px; }
.row.gutters-10 > [class^="col-"] { padding-left: 5px; padding-right: 5px; }
.row.gutters-11 { padding-left: 9.5px; padding-right: 9.5px; }
.row.gutters-11 > [class^="col-"] { padding-left: 5.5px; padding-right: 5.5px; }
.row.gutters-12 { padding-left: 9px; padding-right: 9px; }
.row.gutters-12 > [class^="col-"] { padding-left: 6px; padding-right: 6px; }
.row.gutters-13 { padding-left: 8.5px; padding-right: 8.5px; }
.row.gutters-13 > [class^="col-"] { padding-left: 6.5px; padding-right: 6.5px; }
.row.gutters-14 { padding-left: 8px; padding-right: 8px; }
.row.gutters-14 > [class^="col-"] { padding-left: 7px; padding-right: 7px; }
.row.gutters-15 { padding-left: 7.5px; padding-right: 7.5px; }
.row.gutters-15 > [class^="col-"] { padding-left: 7.5px; padding-right: 7.5px; }
.row.gutters-20 { padding-left: 5px; padding-right: 5px; }
.row.gutters-20 > [class^="col-"] { padding-left: 10px; padding-right: 10px; }
.row.gutters-40 { margin-left: -20px; margin-right: -20px; }
.row.gutters-40 > [class^="col-"] { padding-left: 20px; padding-right: 20px; }
@media only screen and (max-width:575px) {
  .row.gutters-40 { margin-left: 0; margin-right: 0; }
  .row.gutters-40 > [class^="col-"] { padding-left: 15px; padding-right: 15px; }
}
.row.gutters-50 { margin-left: -25px; margin-right: -25px; }
.row.gutters-50 > [class^="col-"] { padding-left: 25px; padding-right: 25px; }
@media only screen and (max-width:575px) {
  .row.gutters-50 { margin-left: 0; margin-right: 0; }
  .row.gutters-50 > [class^="col-"] { padding-left: 15px; padding-right: 15px; }
}

/*------------------- 2.2 Media Object -------------------*/
.media-body { margin-left: 3rem; }
.media-body.mg-right { margin-left: 0; margin-right: 3rem; }
.media-body.space-xl { margin-left: 50px; }
.media-body.space-lg { margin-left: 40px; }
.media-body.space-md { margin-left: 20px; }
.media-body.space-sm { margin-left: 15px; }
.media-body.space-xs { margin-left: 10px; }
.media-body.media-body-box { padding: 20px 20px 20px 3rem; margin-left: 0; }
.media-body.media-body-box p { margin-bottom: 0; }
@media only screen and (max-width:1199px) {
  .media-none--lg { display: block; }
  .media-none--lg > div { width: 100%; }
  .media-none--lg img { width: 100%; }
  .media-none--lg img.media-img-auto { width: auto; }
  .media-none--lg .media-body, .media-none--lg .media-body.space-xl, .media-none--lg .media-body.space-lg, .media-none--lg .media-body.space-md, .media-none--lg .media-body.space-sm, .media-none--lg .media-body.space-xs { margin-top: 20px; margin-left: 0; }
  .media-none--lg .media-body.media-body-box { margin-top: 0; margin-left: 0; padding: 3rem; }
}
@media only screen and (max-width:991px) {
  .media-none--md { display: block; }
  .media-none--md > div { width: 100%; }
  .media-none--md img { width: 100%; }
  .media-none--md img.media-img-auto { width: auto; }
  .media-none--md .media-body, .media-none--md .media-body.space-xl, .media-none--md .media-body.space-lg, .media-none--md .media-body.space-md, .media-none--md .media-body.space-sm, .media-none--md .media-body.space-xs { margin-top: 20px; margin-left: 0; }
  .media-none--md .media-body.media-body-box { margin-top: 0; margin-left: 0; padding: 3rem; }
}
@media only screen and (max-width:767px) {
  .media-none--sm { display: block; }
  .media-none--sm > div { width: 100%; }
  .media-none--sm img { width: 100%; }
  .media-none--sm img.media-img-auto { width: auto; }
  .media-none--sm .media-body, .media-none--sm .media-body.space-xl, .media-none--sm .media-body.space-lg, .media-none--sm .media-body.space-md, .media-none--sm .media-body.space-sm, .media-none--sm .media-body.space-xs { margin-top: 20px; margin-left: 0; }
  .media-none--sm .media-body.media-body-box { margin-top: 0; margin-left: 0; padding: 3rem; }
}
@media only screen and (max-width:575px) {
  .media-none--xs { display: block; }
  .media-none--xs > div { width: 100%; }
  .media-none--xs img { width: 100%; }
  .media-none--xs img.media-img-auto { width: auto; }
  .media-none--xs .media-body, .media-none--xs .media-body.space-xl, .media-none--xs .media-body.space-lg, .media-none--xs .media-body.space-md, .media-none--xs .media-body.space-sm, .media-none--xs .media-body.space-xs { margin-top: 20px; margin-left: 0; }
  .media-none--xs .media-body.media-body-box { margin-top: 0; margin-left: 0; padding: 3rem; }
}
@media only screen and (max-width:479px) {
  .media-none-mb { display: block; }
  .media-none-mb > div { width: 100%; }
  .media-none-mb img { width: 100%; }
  .media-none-mb img.media-img-auto { width: auto; }
  .media-none-mb .media-body, .media-none-mb .media-body.space-xl, .media-none-mb .media-body.space-lg, .media-none-mb .media-body.space-md, .media-none-mb .media-body.space-sm, .media-none-mb .media-body.space-xs { margin-top: 20px; margin-left: 0; }
  .media-none-mb .media-body.media-body-box { margin-top: 0; margin-left: 0; padding: 3rem; }
}
@media (min-width:992px) and (max-width:1199px) {
  .media-none-lg { display: block; }
  .media-none-lg > div { width: 100%; }
  .media-none-lg img { width: 100%; }
  .media-none-lg img.media-img-auto { width: auto; }
  .media-none-lg .media-body, .media-none-lg .media-body.space-xl, .media-none-lg .media-body.space-lg, .media-none-lg .media-body.space-md, .media-none-lg .media-body.space-sm, .media-none-lg .media-body.space-xs { margin-top: 20px; margin-left: 0; }
  .media-none-lg .media-body.media-body-box { margin-top: 0; margin-left: 0; padding: 3rem; }
}
@media (min-width:768px) and (max-width:991px) {
  .media-none-md { display: block; }
  .media-none-md > div { width: 100%; }
  .media-none-md img { width: 100%; }
  .media-none-md img.media-img-auto { width: auto; }
  .media-none-md .media-body, .media-none-md .media-body.space-xl, .media-none-md .media-body.space-lg, .media-none-md .media-body.space-md, .media-none-md .media-body.space-sm, .media-none-md .media-body.space-xs { margin-top: 20px; margin-left: 0; }
  .media-none-md .media-body.media-body-box { margin-top: 0; margin-left: 0; padding: 3rem; }
}
@media (min-width:576px) and (max-width:767px) {
  .media-none-sm { display: block; }
  .media-none-sm > div { width: 100%; }
  .media-none-sm img { width: 100%; }
  .media-none-sm img.media-img-auto { width: auto; }
  .media-none-sm .media-body, .media-none-sm .media-body.space-xl, .media-none-sm .media-body.space-lg, .media-none-sm .media-body.space-md, .media-none-sm .media-body.space-sm, .media-none-sm .media-body.space-xs { margin-top: 20px; margin-left: 0; }
  .media-none-sm .media-body.media-body-box { margin-top: 0; margin-left: 0; padding: 3rem; }
}
@media (min-width:480px) and (max-width:575px) {
  .media-none-xs { display: block; }
  .media-none-xs > div { width: 100%; }
  .media-none-xs img { width: 100%; }
  .media-none-xs img.media-img-auto { width: auto; }
  .media-none-xs .media-body, .media-none-xs .media-body.space-xl, .media-none-xs .media-body.space-lg, .media-none-xs .media-body.space-md, .media-none-xs .media-body.space-sm, .media-none-xs .media-body.space-xs { margin-top: 20px; margin-left: 0; }
  .media-none-xs .media-body.media-body-box { margin-top: 0; margin-left: 0; padding: 3rem; }
}

/*=======================================================================
3. Vendor Custom Style
=========================================================================*/

.hidden{display: none!important;}
.slick-slider-wrap-layout1{max-height: 660px; overflow-y: hidden;}

/*------------------- 3.4 Slick Slider Style -------------------*/
.slick-slider-layout1 .slick-content .slick-slider .item-img { position: relative; text-align: center; margin-bottom: -10px; }
.slick-slider-layout1 .slick-content .slick-slider .item-img .item-content { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); }
.slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .big-text { font-size: 70px; font-weight: 700; color: #ffffff; line-height: 1; background-color: rgba(0,120,183,0.6); display: inline-block; padding: 40px 150px 50px; -webkit-clip-path: polygon(8% 0, 100% 0%, 92% 100%, 0% 100%); clip-path: polygon(8% 0, 100% 0%, 92% 100%, 0% 100%); }
@media only screen and (max-width:1199px) {
  .slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .big-text { font-size: 60px; }
}
@media only screen and (max-width:991px) {
  .slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .big-text { font-size: 50px; padding: 40px 100px; }
}
@media only screen and (max-width:767px) {
  .slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .big-text { font-size: 36px; padding: 35px 100px; }
}
@media only screen and (max-width:575px) {
  .slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .big-text { font-size: 30px; padding: 30px 80px; }
}
@media only screen and (max-width:479px) {
  .slick-slider-layout1 .slick-content .slick-slider .item-img .item-content .big-text { font-size: 20px; padding: 20px 40px; }
}
.slick-slider-layout1 .slick-nav-wrap { background-color: #0078b7; }
.slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item { position: relative; text-align: center; background-color: #0078b7; margin-right: 1px; padding: 50px 5px 22px; cursor: pointer; }
.slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item .item-icon { margin-bottom: 20px; line-height: 1; }
.slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item .item-icon img { max-height: 52px; width: auto; max-width: 100%; margin: 0 auto; }
.slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item .item-icon i { display: block; }
.slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item .item-icon i:before { font-size: 52px; color: #ffffff; }
.slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item .item-title { font-weight: 500; color: #ffffff; font-size: 18px }
@media only screen and (max-width:991px) {
  .slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item .item-title { font-size: 18px; }
}
@media only screen and (max-width:767px) {
  .slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item .item-title { font-size: 16px; }
}
.slick-slider-layout1 .slick-nav-wrap .slick-nav .slick-current .nav-item { background-color: #056394; }

/*=======================================================================
4. Template Layout Style
=========================================================================*/
section .container a{color: #0078b7}
/*------------------- 4.1 Content -------------------*/
.inner-page-banner { display: block; padding: 5.4rem 0; position: relative; min-height:360px; }
.inner-page-banner:after { content: ""; height: 100%; width: 100%; background-color: rgba(143, 160, 235, 0.7); position: absolute; top: 0; left: 0; right: 0; }
.inner-page-banner .breadcrumbs-area { position: relative; z-index: 1;  border-radius: 4px; padding: 14px; width: 100%; }
.inner-page-banner .breadcrumbs-area { position: relative; z-index: 1;  padding: 14px; width: 100%; }
.inner-page-banner .breadcrumbs-area ul li a,
.inner-page-banner .breadcrumbs-area ul li,
.inner-page-banner .breadcrumbs-area li a, .breadcrumbs-area li{ color: #0078b7!important;}
@media only screen and (max-width:991px) {
  .inner-page-banner .breadcrumbs-area h1 { font-size: 30px; }
}
@media only screen and (max-width:767px) {
  .inner-page-banner .breadcrumbs-area h1 { font-size: 28px; }
}
.inner-page-banner .breadcrumbs-area ul li { display: inline-block; color: #ffffff; font-size: 16px; position: relative; margin-right: 12px; padding-right: 10px; margin-bottom: 10px; }
.inner-page-banner .breadcrumbs-area ul li:before { content: "."; font-size: 16px; font-weight: 700; position: absolute; right: -3px; top: 52%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; color: #cccccc; }
.inner-page-banner .breadcrumbs-area ul li a { color: #dcdcdc; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.inner-page-banner .breadcrumbs-area ul li a:hover { color: #ffffff; }
.inner-page-banner .breadcrumbs-area ul li:last-child { margin-right: 0; padding-right: 0; }
.inner-page-banner .breadcrumbs-area ul li:last-child:before { display: none; }
.fw-btn-fill { display: flex; align-items: center; justify-content: center; width: 100%; border: none; border-radius: 4px; font-size: 15px; font-weight: 700; padding: 14px 20px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.fw-btn-fill i { font-size: 12px; margin-left: 10px; }
.fw-btn-fill:hover { background-color: #082c4b; }
.btn-fill-xl.box-shadow { -webkit-box-shadow: 0px 9px 27px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 9px 27px 0px rgba(0, 0, 0, 0.3); }
.btn-fill-xl { display: inline-block; font-weight: 700; font-size: 15px; padding: 14px 40px; border-radius: 4px; z-index: 1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.btn-fill-xl i { margin-left: 10px; }
.btn-fill-xl:hover { color: #ffffff; background-color: #082c4b !important; }
@media only screen and (max-width:991px) {
  .btn-fill-xl { padding: 12px 30px; }
}
@media only screen and (max-width:767px) {
  .btn-fill-xl { padding: 10px 30px; }
}
@media only screen and (max-width:575px) {
  .btn-fill-xl { padding: 10px 20px; font-size: 14px; }
}
.btn-fill-lg { display: inline-block; font-weight: 500; font-size: 15px; padding: 11px 30px; border-radius: 4px; z-index: 1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.btn-fill-lg i { margin-left: 10px; font-size: 16px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.btn-fill-lg:hover { color: #ffffff; background-color: #0078b7 !important; }
.btn-fill-lg:hover i { color: #ffffff; }
@media only screen and (max-width:767px) {
  .btn-fill-lg { padding: 10px 25px; font-size: 14px; }
}
.btn-fill-md { display: inline-block; font-weight: 500; font-size: 15px; padding: 8px 30px; border-radius: 4px; z-index: 1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.btn-fill-md i { margin-left: 10px; font-size: 16px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.btn-fill-md:hover { color: #ffffff; background-color: #0078b7 !important; }
.btn-fill-md:hover i { color: #ffffff; }
.hover-accent:hover { background-color: #082c4b !important; }
.ghost-btn-xl { display: inline-block; padding: 12px 40px; font-size: 15px; font-weight: 700; border-radius: 4px; letter-spacing: 0.5px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.ghost-btn-xl i { margin-left: 10px; }
.ghost-btn-xl:hover { background-color: #0078b7; color: #ffffff !important; }
@media only screen and (max-width:1199px) {
  .ghost-btn-xl { padding: 12px 35px; }
}
@media only screen and (max-width:991px) {
  .ghost-btn-xl { padding: 10px 30px; }
}
@media only screen and (max-width:767px) {
  .ghost-btn-xl { padding: 10px 20px; font-size: 14px; }
}
.ghost-btn-lg { display: inline-block; padding: 14px 35px; font-size: 15px; font-weight: 700; border-radius: 4px; letter-spacing: 0.5px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.ghost-btn-lg i { margin-left: 10px; }
.ghost-btn-lg:hover { background-color: #0078b7; color: #ffffff !important; }
@media only screen and (max-width:1199px) {
  .ghost-btn-lg { padding: 12px 30px; }
}
@media only screen and (max-width:991px) {
  .ghost-btn-lg { padding: 10px 25px; }
}
@media only screen and (max-width:767px) {
  .ghost-btn-lg { padding: 10px 20px; font-size: 14px; }
}
.ghost-btn-md { display: inline-block; padding: 10px 26px; font-size: 15px; font-weight: 500; border-radius: 4px; letter-spacing: 0.5px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.ghost-btn-md i { margin-left: 10px; }
.ghost-btn-md:hover { background-color: #0078b7; color: #ffffff !important; }
@media only screen and (max-width:767px) {
  .ghost-btn-md { padding: 8px 20px; font-size: 14px; }
}
.isotop-btn-1 { margin-bottom: 30px; }
.isotop-btn-1 .nav-item { display: inline-block; color: #0078b7 !important; background-color: #ffffff; padding: 9px 30px; border: 1px solid #d6dde3; border-radius: 4px; margin-bottom: 10px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.isotop-btn-1 .nav-item:hover { background-color: #0078b7; border-color: #0078b7; color: #ffffff !important; }
.isotop-btn-1 .current.nav-item { background-color: #0078b7; border-color: #0078b7; color: #ffffff !important; -webkit-box-shadow: 0px 5px 21px 0px rgba(238, 27, 37, 0.6); box-shadow: 0px 5px 21px 0px rgba(238, 27, 37, 0.6); }
#preloader { background: #ffffff url('img/preloader.gif') no-repeat scroll center center; height: 100%; left: 0; overflow: visible; position: fixed; top: 0; width: 100%; z-index: 9999999; }
.scrollup { overflow: hidden; position: fixed; height: 40px; width: 40px; line-height: 40px; border-radius: 45px; bottom: -50px; right: 20px; text-align: center; z-index: 9999; background-color: rgba(17, 17, 17, 0.8); display: block; font-size: 16px; color: #ffffff; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); -moz-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); -ms-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); -o-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); }
.scrollup i { display: inline-block; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.scrollup:hover, .scrollup:focus { color: #ffffff; }
.scrollup:hover i, .scrollup:focus i { -webkit-animation: toBottomFromTop20 0.5s forwards; animation: toBottomFromTop20 0.5s forwards; }
.scrollup.back-top { bottom: 20px; }
@-webkit-keyframes pulse {
  0% { -webkit-box-shadow: 0 0 0 0 #0078b7; box-shadow: 0 0 0 0 #0078b7; }
  40% { -webkit-box-shadow: 0 0 0 50px rgba(255, 194, 17, 0); box-shadow: 0 0 0 50px rgba(255, 194, 17, 0); }
  70% { -webkit-box-shadow: 0 0 0 50px rgba(255, 194, 17, 0); box-shadow: 0 0 0 50px rgba(255, 194, 17, 0); }
  100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 194, 17, 0); box-shadow: 0 0 0 0 rgba(255, 194, 17, 0); }
}
@keyframes pulse {
  0% { -webkit-box-shadow: 0 0 0 0 #0078b7; box-shadow: 0 0 0 0 #0078b7; }
  40% { -webkit-box-shadow: 0 0 0 50px rgba(255, 194, 17, 0); box-shadow: 0 0 0 50px rgba(255, 194, 17, 0); }
  70% { -webkit-box-shadow: 0 0 0 50px rgba(255, 194, 17, 0); box-shadow: 0 0 0 50px rgba(255, 194, 17, 0); }
  100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 194, 17, 0); box-shadow: 0 0 0 0 rgba(255, 194, 17, 0); }
}

/*------------------- 4.2 Footer -------------------*/
.call-banner { padding: 75px 0; text-align: center; background-image: url(img/bottom-banner-background-full@2x.png); color: #FFF; background-size: cover; background-repeat: no-repeat; background-position: center }
.call-banner h3 { color: #fff; margin-bottom: 60px; }
.call-banner h2 { font-size: 6.944444444vw; font-weight: 700; margin-bottom: 0; color: #fff; }
.footer-main { padding: 20px; color: #fff }
.footer-main * { color: #fff }
.footer-wrap-layout1 { background-color: #000; background-repeat: no-repeat; background-position: right bottom; background-size: contain; }
.footer-top-wrap-layout1 { padding: 5rem 0 7rem; }
.footer-bottom-wrap-layout1 { padding: 2.5rem 1rem; border-top: 0px solid #1f3d56; text-align: center; }
.footer-bottom-wrap-layout1 .copyright { color: #fff; font-size: 80%; }
.footer-bottom-wrap-layout1 .copyright a { color: #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.footer-bottom-wrap-layout1 .copyright a:hover { color: #0078b7; }
.footer-box-layout1 { margin-bottom: 30px; }
.footer-box-layout1 .footer-logo { margin-bottom: 26px; }
.footer-box-layout1 .footer-logo a { display: inline-block; }
.footer-box-layout1 p { color: #c5d1dc; margin-bottom: 45px; }
@media only screen and (min-width:1199px) {
  .footer-box-layout1 p { width: 90%; }
}
.footer-box-layout1 .footer-social li { display: inline-block; margin-right: 2px; }
.footer-box-layout1 .footer-social li:last-child { margin-right: 0; }
.footer-box-layout1 .footer-social li a { display: block; text-align: center; height: 42px; width: 47px; line-height: 42px; background-color: #1b466a; border-radius: 4px; color: #ffffff; font-size: 16px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.footer-box-layout1 .footer-social li a:hover { background-color: #0078b7; }
@media only screen and (max-width:767px) {
  .footer-box-layout1 .footer-social li a { height: 40px; width: 40px; line-height: 40px; font-size: 16px; }
}
.footer-box-layout1 .footer-title { margin-bottom: 28px; padding-bottom: 22px; position: relative; }
.footer-box-layout1 .footer-title:after { content: ""; height: 4px; width: 49px; background-color: #0078b7; position: absolute; bottom: 0; left: 0; }
.footer-box-layout1 .footer-title h3 { font-size: 24px; color: #ffffff; font-weight: 500; margin-bottom: 0; }
.footer-box-layout1 .footer-menu-box { display: flex; justify-content: space-between; padding-right: 5rem; }
@media only screen and (max-width:1199px) {
  .footer-box-layout1 .footer-menu-box { padding-right: 2rem; }
}
@media only screen and (max-width:479px) {
  .footer-box-layout1 .footer-menu-box { padding-right: 0; }
}
.footer-box-layout1 .footer-menu-box .footer-menu-list li { margin-bottom: 12px; }
.footer-box-layout1 .footer-menu-box .footer-menu-list li:last-child { margin-bottom: 0; }
.footer-box-layout1 .footer-menu-box .footer-menu-list li a { color: #ceced0; padding: 5px 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.footer-box-layout1 .footer-menu-box .footer-menu-list li a:hover { color: #ffffff; }
.footer-box-layout1 .footer-form-box p { margin-bottom: 15px; }
.footer-box-layout1 .footer-form-box .contact-form-box .form-group { margin-bottom: 5px; }
.footer-box-layout1 .footer-form-box .contact-form-box .form-group:last-child { margin-bottom: 0; }
.footer-box-layout1 .footer-form-box .contact-form-box .form-group input.form-control::-webkit-input-placeholder, .footer-box-layout1 .footer-form-box .contact-form-box .form-group textarea.form-control::-webkit-input-placeholder { color: #cccccc; }
.footer-box-layout1 .footer-form-box .contact-form-box .form-group .form-control { font-size: 16px; padding: 10px 30px; border: none; color: #ffffff; border-radius: 4px; background-color: #184266; }
@media only screen and (max-width:991px) {
  .footer-box-layout1 .footer-form-box .contact-form-box .form-group .form-control { font-size: 14px; }
}
.footer-box-layout1 .footer-form-box .contact-form-box .form-group .form-control:focus { outline: none; box-shadow: none; }
.footer-box-layout1 .footer-form-box .contact-form-box .form-group input { height: 50px; }
.footer-box-layout1 .footer-form-box .contact-form-box .form-group .item-btn { background-color: #0078b7; color: #ffffff; border: none; border-radius: 4px; padding: 10px 20px; font-weight: 500; display: block; width: 100%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.footer-box-layout1 .footer-form-box .contact-form-box .form-group .item-btn:hover { background-color: #ffffff; color: #111111; }

/*------------------- 4.3 Global -------------------*/
a { text-decoration: none; cursor: pointer; }
a:active, a:hover, a:focus { text-decoration: none; }
a:active, a:hover, a:focus { outline: 0 none; }
img { max-width: 100%; height: auto; }
ul { list-style: outside none none; margin: 0; padding: 0; }
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { margin-left: 0; }
.form-response .alert-danger, .form-response .alert.alert-info, .form-response .alert.alert-success { margin-top: 10px; margin-bottom: 0; }
.form-response .alert-danger p, .form-response .alert.alert-info p, .form-response .alert.alert-success p { margin-bottom: 0; }

/*------------------- 4.4 Header Menu -------------------*/
header.header { position: relative; z-index: 15; }
@media only screen and (max-width:991px) {
  header.header { display: none; }
}
.logo-area a { display: block; }
.header-menu { position: relative; top: 0; left: 0; right: 0; margin: auto; z-index: 100; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.header-menu:after { clear: both; content: ""; display: block; }
.header-menu nav.template-main-menu > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.header-menu nav.template-main-menu > ul > li > a { transition: all 0.3s ease-out; }
.header-menu nav.template-main-menu > ul > li > a:hover { color: #0078b7; }
nav.template-main-menu > ul > li { position: relative; }
nav.template-main-menu > ul > li > a { text-transform: uppercase; font-size: 15px; font-weight: 500; letter-spacing: 0.5px; line-height: 1; display: block; color: #111111; }
nav.template-main-menu > ul > li ul.dropdown-menu-col-1 { border-top: 1px solid #0078b7; background-color: #ffffff; width: 250px; visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 0; border-radius: 0 0 4px 4px; -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
nav.template-main-menu > ul > li ul.dropdown-menu-col-1 li { position: relative; }
nav.template-main-menu > ul > li ul.dropdown-menu-col-1 li a { position: relative; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #222222; line-height: 26px; padding: 2px 20px; display: block; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
nav.template-main-menu > ul > li ul.dropdown-menu-col-1 li a:before { content: "\f30b"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 15px; color: #0078b7; position: absolute; top: 5px; left: 20px; transform: scale(0); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
nav.template-main-menu > ul > li ul.dropdown-menu-col-1 li a:hover { color: #0078b7; padding-left: 40px; }
nav.template-main-menu > ul > li ul.dropdown-menu-col-1 li a:hover:before { transform: scale(1); }
@media only screen and (max-width:1199px) {
  nav.template-main-menu > ul > li ul.dropdown-menu-col-1 li a { padding: 10px 15px; }
}
nav.template-main-menu > ul > li ul.dropdown-menu-col-1 li:after { content: ""; position: absolute; top: 0; left: 20px; right: 20px; height: 100%; border-bottom: 1px solid #e9e9e9; z-index: -1; }
@media only screen and (max-width:1199px) {
  nav.template-main-menu > ul > li ul.dropdown-menu-col-1 li:after { left: 15px; right: 15px; }
}
nav.template-main-menu > ul > li ul.dropdown-menu-col-1 li:last-child:after { border-bottom: none; }
nav.template-main-menu > ul > li ul.dropdown-menu-col-2 { display: flex; align-items: center; border-top: 1px solid #0078b7; background-color: #ffffff; opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 0; -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
nav.template-main-menu > ul > li ul.dropdown-menu-col-2 li { min-width: 200px; }
nav.template-main-menu > ul > li ul.dropdown-menu-col-2 li a { font-size: 15px; text-transform: capitalize; color: #111111; padding: 8px 15px; display: block; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
nav.template-main-menu > ul > li ul.dropdown-menu-col-2 li a:hover { color: #ffffff; background-color: #0078b7; }
nav.template-main-menu > ul > li ul.dropdown-menu-col-2 li a:last-child { padding-bottom: 15px; }
nav.template-main-menu > ul > li .template-mega-menu { background-color: #ffffff; border-top: 1px solid #0078b7; position: absolute; width: 100%; left: 0; right: 0; z-index: 10; opacity: 0; visibility: hidden; top: 100%; padding: 20px 0 0; transform: translateY(15px); -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
nav.template-main-menu > ul > li .template-mega-menu .menu-ctg-title { font-size: 16px; font-weight: 500; color: #111111; margin-bottom: 15px; }
nav.template-main-menu > ul > li .template-mega-menu ul.sub-menu { margin-bottom: 20px; }
nav.template-main-menu > ul > li .template-mega-menu ul.sub-menu li { margin-bottom: 5px; padding-bottom: 7px; border-bottom: 1px solid #ebebeb; }
nav.template-main-menu > ul > li .template-mega-menu ul.sub-menu li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
nav.template-main-menu > ul > li .template-mega-menu ul.sub-menu li a { font-size: 15px; text-transform: capitalize; color: #111111; padding: 5px 15px 5px 30px; display: block; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); -moz-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); -ms-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); -o-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); position: relative; }
nav.template-main-menu > ul > li .template-mega-menu ul.sub-menu li a i { color: #444444; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
nav.template-main-menu > ul > li .template-mega-menu ul.sub-menu li a:hover { color: #0078b7; padding: 5px 15px 5px 35px; }
nav.template-main-menu > ul > li .template-mega-menu ul.sub-menu li a:hover i { color: #0078b7; animation: toRightFromLeft10 0.5s; }
nav.template-main-menu > ul > li:hover ul.dropdown-menu-col-1 { opacity: 1; visibility: visible; transform: translatey(0); }
nav.template-main-menu > ul > li:hover ul.dropdown-menu-col-2 { opacity: 1; visibility: visible; transform: translatey(0); }
nav.template-main-menu > ul > li:hover .template-mega-menu { opacity: 1; visibility: visible; transform: translatey(0); }
.header-menu.menu-layout1 { background-color: #ffffff; }
.header-menu.menu-layout1 nav.template-main-menu > ul > li > a { padding: 20px 20px; }
@media only screen and (max-width:1199px) {
  .header-menu.menu-layout1 nav.template-main-menu > ul > li > a { padding: 40px 15px; }
}
.header-menu.menu-layout2 { padding-top: 30px; padding-bottom: 30px; }
.header-menu.menu-layout3 nav.template-main-menu > ul > li > a { padding: 24px 20px; color: #ffffff; }
@media only screen and (max-width:1199px) {
  .header-menu.menu-layout3 nav.template-main-menu > ul > li > a { padding: 24px 20px; }
}
.header-menu.menu-layout4 { padding-top: 12px; }
.header-menu.menu-layout4 nav.template-main-menu > ul > li > a { padding: 40px 20px; color: #ffffff; }
@media only screen and (max-width:1199px) {
  .header-menu.menu-layout4 nav.template-main-menu > ul > li > a { padding: 40px 15px; }
}
.rt-sticky { position: fixed; top: 0; width: 100%; z-index: 100; left: 0; right: 0; background-color: #ffffff; }
.rt-sticky nav.template-main-menu > ul > li > a { padding: 28px 18px; }
@media only screen and (max-width:1199px) {
  .rt-sticky nav.template-main-menu > ul > li > a { padding: 28px 15px; }
}
.header-menu.menu-layout1.rt-sticky { -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); }
.header-menu.menu-layout1.rt-sticky nav.template-main-menu > ul > li > a { padding: 28px 18px; }
@media only screen and (max-width:1199px) {
  .header-menu.menu-layout1.rt-sticky nav.template-main-menu > ul > li > a { padding: 28px 10px; }
}
.header-menu.menu-layout2.rt-sticky { background-color: #082c4b; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); padding-top: 10px; padding-bottom: 10px; }
.header-menu.menu-layout3.rt-sticky { -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); }
.header-menu.menu-layout3.rt-sticky nav.template-main-menu > ul > li > a { padding: 28px 18px; }
@media only screen and (max-width:1199px) {
  .header-menu.menu-layout3.rt-sticky nav.template-main-menu > ul > li > a { padding: 28px 15px; }
}
.header-menu.menu-layout4.rt-sticky { -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); background-color: #093052; padding-top: 0; }
.header-menu.menu-layout4.rt-sticky nav.template-main-menu > ul > li > a { padding: 28px 20px; }
@media only screen and (max-width:1199px) {
  .header-menu.menu-layout4.rt-sticky nav.template-main-menu > ul > li > a { padding: 28px 15px; }
}
@media only screen and (min-width:992px) {
  .hide-on-desktop-menu { display: none !important; }
}
@media only screen and (max-width:991px) {
  .hide-on-mobile-menu { display: none; }
}
.header-action-layout1 ul { display: flex; align-items: center; }
.header-action-layout1 ul li { display: inline-block; margin-right: 20px; }
.header-action-layout1 ul li:last-child { margin-right: 0; }
.header-action-layout1 ul .header-action-btn .item-btn { display: block; border: 1px solid #e13d33; background-color: #e13d33; border-radius: 4px; color: #fff; font-weight: 700; font-size: 14px; padding: 10px 25px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.header-action-layout1 ul .header-action-btn .item-btn:hover { background-color: #e13d33; color: #ffffff; }
.header-action-layout1 ul .header-action-btn .item-btn-fill { display: block; border-radius: 4px; background-color: #0078b7; color: #ffffff; font-weight: 700; font-size: 15px; padding: 10px 30px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.header-action-layout1 ul .header-action-btn .item-btn-fill:hover { background-color: #ffffff; color: #0078b7; }
@media only screen and (max-width:1199px) {
  .header-action-layout1 ul .header-action-btn .item-btn-fill { padding: 10px 24px; }
}
.header-action-layout1 ul .header-action-number { font-size: 32px; font-weight: 700; color: #ffffff; margin-right: 30px; }
.header-action-layout1 ul .header-action-number i:before { font-size: 26px; color: #0078b7; margin-right: 5px; }
.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn { border: none; border-radius: 4px; cursor: pointer; background-color: #ffffff; padding: 13px 10px; text-align: center; }
.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn:focus { outline: none; }
.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn .btn-icon-wrap { width: 28px; height: 18px; display: block; position: relative; }
.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn .btn-icon-wrap span { position: absolute; left: 0; right: 0; height: 2px; width: 100%; background-color: #0078b7; display: block; opacity: 1; transform: rotate(0deg); margin: auto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn .btn-icon-wrap span:nth-child(1n) { top: 0; }
.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn .btn-icon-wrap span:nth-child(2n) { width: 80%; top: 8px; }
.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn .btn-icon-wrap span:nth-child(3n) { width: 65%; top: 16px; }
.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-btn-light { background-color: transparent; box-shadow: none; padding: 15px 0; }
.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-btn-light .btn-icon-wrap span { background-color: #ffffff; }
.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn.menu-status-close .btn-icon-wrap span:nth-child(1n) { top: 7px; transform: rotate(135deg); }
.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn.menu-status-close .btn-icon-wrap span:nth-child(2n) { left: 40px; opacity: 0; visibility: hidden; }
.header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn.menu-status-close .btn-icon-wrap span:nth-child(3n) { width: 100%; top: 7px; transform: rotate(-135deg); }
.header-topbar-layout1 ul li { padding: 5px 0; display: inline-block; color: #fff; margin-right: 35px; font-size: 14px; }
.header-topbar-layout1 ul li:last-child { padding-right: 0; margin-right: 0; }
.header-topbar-layout1 ul li i { font-size: 14px; color: #ffffff; margin-right: 12px; }
.header-topbar-layout1 .header-top-right li { margin-right: 25px; }
.header-topbar-layout1 .header-top-right .social-icon a { padding-right: 8px; margin-right: 5px; }
.header-topbar-layout1 .header-top-right .social-icon a i { margin-right: 0; font-size: 14px; color: #fff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.header-topbar-layout1 .header-top-right .social-icon a:last-child { padding-right: 0; margin-right: 0; }
.header-topbar-layout1 .header-top-right .social-icon a:hover i { color: #ffffff; }
.header-topbar-layout2 .phone-number { font-size: 30px; font-weight: 700; color: #082c4b; }
.header-topbar-layout2 .phone-number i:before { font-size: 24px; color: #0078b7; }
.header-topbar-layout2 span { font-size: 14px; padding-left: 32px; display: block; }
.offcanvas-menu-wrap { width: 300px; position: fixed; transform: translateX(-100%); top: 0; left: 0; background-color: #fff; -webkit-box-shadow: 0px 5px 16px 0px rgba(202, 202, 202, 0.75); box-shadow: 0px 5px 16px 0px rgba(202, 202, 202, 0.75); z-index: 200; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.offcanvas-menu-wrap[data-position='right'] { left: auto; right: 0; transform: translateX(105%); }
.offcanvas-menu-wrap .close-btn { cursor: pointer; position: absolute; top: 3px; left: 30px; font-size: 24px; font-weight: 500; color: #111111; padding: 10px; }
.offcanvas-menu-wrap .offcanvas-content { height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 6rem 0 5.5rem; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.offcanvas-menu-wrap .offcanvas-content .offcanvas-logo a { display: block; }
.offcanvas-menu-wrap .offcanvas-content .offcanvas-menu { text-align: center; }
.offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .nav-item { margin-bottom: 20px; }
.offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .nav-item a { font-size: 15px; font-weight: 500; color: #111111; padding: 10px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .nav-item a:hover { color: #0078b7; }
.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer { text-align: center; }
.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer .item-title { font-size: 15px; color: #acacac; margin-bottom: 14px; }
.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer .offcanvas-social li { display: inline-block; margin-right: 6px; }
.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer .offcanvas-social li:last-child { margin-right: 0; }
.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer .offcanvas-social li a { color: #444444; padding: 5px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer .offcanvas-social li a:hover { color: #0078b7; }
div#wrapper.open > .offcanvas-mask { content: ""; position: fixed; width: 100%; height: 100%; top: 0; right: 0; background: rgba(0, 0, 0, 0.5); z-index: 150; animation: slideInRight 500ms ease-in-out; transition: all 0.5s ease-in-out; }
.mean-container .mean-bar { background: #ffffff !important; float: none; padding: 0 !important; position: fixed !important; top: 0; z-index: 20; }
.mean-container .mean-bar:after { content: ""; clear: both; display: block; }
.mean-container .mean-bar a.logo-mobile-menu { width: 100%; background-color: rgba(222, 222, 222, 0.95); box-sizing: border-box; }
.logo-mobile { max-width: 230px; margin: 10px auto }
.mean-container .mean-bar .mobile-menu-nav-back { padding-left: 15px; border-bottom: 0; position: relative; text-align: center; height: auto; display: flex; align-items: center; }
.mean-container .mean-bar .mobile-menu-nav-back:before { position: absolute; content: ""; height: 100%; width: 100%; background-color: rgba(248, 248, 248, 0.95); z-index: -1; top: 0; left: 0; right: 0; }
.mean-bar .addons { background: #0078b7 }
.mean-bar .tagline, .mean-bar a.item-btn { text-align: center; display: block; }
.mean-bar .tagline { font-weight: 700; color: #0078b7; margin-bottom: 0; line-height: 21px }
.mean-bar a.item-btn { color: #fff; }
.mean-container .mean-nav { float: none !important; background: transparent !important; }
.mean-container .mean-nav > ul { overflow-y: scroll; height: 100vh; }
.mean-container .mean-nav > ul:after { content: ''; display: block; clear: both; }
.mean-container .mean-nav > ul > li > a { font-size: 14px; color: #111111; font-weight: 700; background-color: #ebebeb; transition: all 0.5s ease-out; }
.mean-container .mean-nav > ul > li > a:hover { color: #0078b7; }
.mean-container .mean-nav > ul > li:hover > a { color: #0078b7; background-color: #ffffff; }
.mean-container .mean-nav > ul > li li a { color: #111111; opacity: 1; font-weight: 500; padding: 0.5em 10%; font-size: 14px; }
.mean-container .mean-nav > ul > li li a:hover { background-color: #ffffff; }
.mean-container .mean-nav > ul > li a.mean-expand { background-color: transparent; margin-top: 0; height: 20px; line-height: 27px; width: 100%; text-align: right; font-size: 14px; padding: 12px 20px 12px 12px !important; }
.mean-container .mean-nav > ul > li a.mean-expand:hover { background-color: transparent; }
.mean-container a.meanmenu-reveal { float: none !important; position: absolute; top: 0; transition: unset; padding: 16px 14px 12px; }
.mean-container #wrapper { padding-top: 140px; }
.ul-services a{font-size: 13px;}
.ul-services li{width: 50%; float: left;}

/*------------------- 4.5 Section Heading -------------------*/
.heading-layout1.heading-light h2, .heading-layout1.heading-light h3 { color: #ffffff; }
.heading-layout1.heading-light .item-subtitle { color: #0078b7; }
.heading-layout1 { text-align: center; margin-bottom: 40px; }
.heading-layout1 h2 { font-weight: 700; color: #0078b7; }
.heading-layout1 h2 span { display: block; }
.heading-layout1 .item-subtitle { font-size: 18px; color: #0078b7; font-weight: 500; margin-bottom: 10px; }
.heading-layout2 { text-align: center; margin-bottom: 65px; }
.heading-layout2 h2 { color: #ffffff; width: 60%; margin: 0 auto; }
@media only screen and (max-width:767px) {
  .heading-layout2 h2 { width: 100%; }
}
.heading-layout2 h2 span { font-weight: 700; }
.heading-layout3 { margin-bottom: 25px; }
.heading-layout3 h2, .heading-layout3 h3 { color: #0078b7; font-weight: 700; }
.heading-layout3 h2 span, .heading-layout3 h3 span { font-weight: 400; }
.heading-layout3 ul, .heading-layout2 ul, .heading-layout1 ul { padding-left: 20px; }
.heading-layout3 ul li, .heading-layout2 ul li, .heading-layout1 ul li { list-style: disc; }

/*------------------- 4.6 Pagination -------------------*/
.pagination-layout1 ul li { display: inline-block; margin-right: 8px; }
.pagination-layout1 ul li:last-child { margin-right: 0; }
.pagination-layout1 ul li .nav-item { display: inline-block; border: 1px solid #c2c2c2; font-size: 22px; font-weight: 500; color: #082c4b; padding: 7px 16px; border-radius: 4px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.pagination-layout1 ul li .nav-item:hover { background-color: #082c4b; border-color: #082c4b; color: #ffffff; }
.pagination-layout1 ul li .nav-item.active { background-color: #082c4b; color: #ffffff; border-color: #082c4b; }
.pagination-layout2 { margin-bottom: 45px; }
.pagination-layout2 .prev-btn .media .item-img { margin-top: 6px; }
.pagination-layout2 .prev-btn .media .item-img img { border-radius: 4px; }
.pagination-layout2 .prev-btn .media .media-body .item-title { font-weight: 500; color: #111111; margin-bottom: 6px; line-height: 25px; }
@media only screen and (max-width:1199px) {
  .pagination-layout2 .prev-btn .media .media-body .item-title { display: none; }
}
.pagination-layout2 .prev-btn .media .media-body .item-date { margin-bottom: 15px; }
.pagination-layout2 .prev-btn .media .media-body .item-date i { font-size: 16px; color: #082c4b; font-weight: 500; margin-right: 10px; }
@media only screen and (max-width:1199px) {
  .pagination-layout2 .prev-btn .media .media-body .item-date { display: none; }
}
.pagination-layout2 .prev-btn .media .media-body a { font-size: 16px; color: #646464; }
.pagination-layout2 .prev-btn .media .media-body a i { font-size: 14px; color: #0078b7; margin-right: 10px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.pagination-layout2 .prev-btn .media .media-body a:hover { color: #111111; }
.pagination-layout2 .next-btn .media { flex-direction: row-reverse; }
.pagination-layout2 .next-btn .media .item-img { margin-top: 6px; }
.pagination-layout2 .next-btn .media .item-img img { border-radius: 4px; }
@media only screen and (max-width:1199px) {
  .pagination-layout2 .next-btn .media .item-img { text-align: right; }
}
.pagination-layout2 .next-btn .media .media-body .item-title { font-weight: 500; color: #111111; margin-bottom: 6px; line-height: 25px; }
@media only screen and (max-width:1199px) {
  .pagination-layout2 .next-btn .media .media-body .item-title { display: none; }
}
.pagination-layout2 .next-btn .media .media-body .item-date { margin-bottom: 15px; }
.pagination-layout2 .next-btn .media .media-body .item-date i { font-size: 16px; color: #082c4b; font-weight: 500; margin-right: 10px; }
@media only screen and (max-width:1199px) {
  .pagination-layout2 .next-btn .media .media-body .item-date { display: none; }
}
.pagination-layout2 .next-btn .media .media-body a { font-size: 16px; color: #646464; }
.pagination-layout2 .next-btn .media .media-body a i { font-size: 14px; color: #0078b7; margin-left: 10px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.pagination-layout2 .next-btn .media .media-body a:hover { color: #111111; }

/*------------------- 4.7 Widget -------------------*/
@media only screen and (max-width:991px) {
  .sidebar-break-md { margin-top: 5rem; }
}
.sidebar-widget-area .widget { margin-bottom: 4rem; }
.sidebar-widget-area .widget:last-child { margin-bottom: 0 !important; }
.widget-service { border: 1px solid #dddddd; border-radius: 4px; padding: 35px 40px 20px; }
.widget-service .service-list ul li { border-bottom: 1px solid #dddddd; }
.widget-service .service-list ul li:last-child { border-bottom: none; }
.widget-service .service-list ul li a { position: relative; display: block; color: #111111; padding: 13px 0 13px 26px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.widget-service .service-list ul li a i { position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.widget-service .service-list ul li a:hover { color: #082c4b; padding-left: 35px; }
.widget-service .service-list ul li a:hover i { color: #0078b7; }
.widget-download { border: 1px solid #dddddd; border-radius: 4px; padding: 35px 40px 40px; }
.widget-download .item-list li { margin-bottom: 10px; }
.widget-download .item-list li:last-child { margin-bottom: 0; }
.widget-download .item-list li a { display: flex; align-items: center; background-color: #082c4b; padding: 15px 25px; border-radius: 4px; color: #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.widget-download .item-list li a i { font-size: 24px; margin-right: 15px; }
.widget-download .item-list li a:hover { background-color: #0078b7; }
.widget-form { border: 1px solid #dddddd; border-radius: 4px; padding: 35px 40px 40px; }
@media only screen and (max-width:1199px) {
  .widget-form { padding: 25px 30px 30px; }
}
.widget-form .contact-form-box .form-group:last-child { margin-bottom: 0; }
.widget-form .contact-form-box .form-group .form-control { border: none; background-color: #f6f6f6; font-size: 16px; color: #646464; padding: 10px 15px; }
.widget-form .contact-form-box .form-group .form-control:focus { outline: none; border: none; box-shadow: none; }
.widget-form .contact-form-box .form-group input { height: 50px; }
.widget-form .contact-form-box .form-group .item-btn { width: 100%; background-color: #ed1c25; color: #ffffff; font-size: 16px; font-weight: 500; border: none; padding: 10px; border-radius: 4px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.widget-form .contact-form-box .form-group .item-btn:hover { background-color: #082c4b; }
.widget-banner .banner-img { position: relative; }
.widget-banner .banner-img img { border-radius: 4px; min-width: 100%; }
.widget-banner .banner-img .item-content { background-color: #082c4b; padding: 13rem 5rem 5rem; text-align: center; position: absolute; bottom: 0; left: 0; right: 0; border-radius: 0 0 4px 4px; -webkit-clip-path: polygon(0 38%, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 38%, 100% 0, 100% 100%, 0 100%); }
.widget-banner .banner-img .item-content .big-text { font-size: 30px; font-weight: 700; color: #ffffff; margin-bottom: 10px; }
.widget-banner .banner-img .item-content .sub-text { font-size: 18px; color: #9cabb8; margin-bottom: 30px; }
.widget-banner .banner-img .item-content .item-btn { display: block; background-color: #0078b7; border-radius: 4px; font-size: 18px; font-weight: 500; color: #ffffff; padding: 10px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.widget-banner .banner-img .item-content .item-btn:hover { background-color: #ffffff; color: #082c4b; }
.widget-search-box .stylish-input-group { height: 55px; border-radius: 4px; padding: 0; }
.widget-search-box .stylish-input-group .form-control { border: 1px solid #dddddd; box-shadow: none; border-radius: 4px; background: transparent; color: #111111; font-size: 16px; height: 55px; margin-right: 8px; padding: 10px 20px; }
.widget-search-box .stylish-input-group .input-group-addon { display: flex; padding: 0; border: none; border-radius: 4px; background: #082c4b !important; }
.widget-search-box .stylish-input-group .input-group-addon button { cursor: pointer; background: transparent; border: 0; padding: 0 20px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.widget-search-box .stylish-input-group .input-group-addon button span { color: #ffffff; font-size: 20px; font-weight: 700; margin-left: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.widget-search-box .stylish-input-group .input-group-addon button:focus { outline: none; }
.widget-search-box .stylish-input-group .input-group-addon:hover { background-color: #0078b7 !important; }
.widget-search-box .stylish-input-group .input-group-addon:hover button span { color: #ffffff; }
.widget-search-box .stylish-input-group input { font-size: 16px; color: #0078b7; }
.widget-search-box .stylish-input-group input.form-control::-webkit-input-placeholder, .widget-search-box .stylish-input-group textarea.form-control::-webkit-input-placeholder { color: #646464; font-size: 16px; }
.widget-search-box .stylish-input-group input.form-control::-moz-placeholder, .widget-search-box .stylish-input-group textarea.form-control::-moz-placeholder { color: #646464; font-size: 16px; }
.widget-search-box .stylish-input-group input.form-control:-moz-placeholder, .widget-search-box .stylish-input-group textarea.form-control:-moz-placeholder { color: #646464; font-size: 16px; }
.widget-search-box .stylish-input-group input.form-control:-ms-input-placeholder, .widget-search-box .stylish-input-group textarea.form-control:-ms-input-placeholder { color: #646464; font-size: 16px; }
.widget-post { border: 1px solid #dddddd; border-radius: 4px; padding: 35px 40px 40px; }
@media only screen and (max-width:575px) {
  .widget-post { padding: 35px 20px 40px; }
}
.widget-post .media { margin-bottom: 30px; }
.widget-post .media:last-child { margin-bottom: 0; }
.widget-post .media .item-img { overflow: hidden; margin-top: 4px; border-radius: 4px; }
.widget-post .media .item-img a { display: inline-block; }
.widget-post .media .item-img a img { border-radius: 4px; transform: scale(1); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.widget-post .media .media-body .post-title { margin-bottom: 8px; line-height: 1.4; }
.widget-post .media .media-body .post-title a { color: #444444; font-weight: 500; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.widget-post .media .media-body .post-title a:hover { color: #000000; }
.widget-post .media .media-body .post-date { font-size: 14px; color: #0078b7; }
.widget-post .media .media-body .item-price { font-size: 14px; color: #0078b7; font-weight: 500; }
.widget-post .media .media-body .item-rating li { display: inline-block; color: #ff6f00; font-size: 12px; }
.widget-post .media:hover a img { transform: scale(1.1); }
.widget-tag { border: 1px solid #dddddd; border-radius: 4px; padding: 35px 40px 34px; }
.widget-tag .tag-list li { display: inline-block; margin: 0 5px 8px 0; }
.widget-tag .tag-list li a { display: block; background-color: #f2f2f2; color: #444444; padding: 7px 15px; border-radius: 4px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.widget-tag .tag-list li a:hover { background-color: #0078b7; color: #ffffff; }
.widget-project-info { border: 1px solid #dddddd; border-radius: 4px; padding: 30px 40px 32px; }
@media only screen and (max-width:1199px) {
  .widget-project-info { padding: 30px 20px 32px; }
}
.widget-project-info .project-details > ul > li { display: flex; margin-bottom: 18px; color: #444444; }
.widget-project-info .project-details > ul > li:last-child { margin-bottom: 0; }
.widget-project-info .project-details > ul > li span { font-size: 18px; font-weight: 500; color: #444444; min-width: 100px; display: inline-block; margin-right: 18px; position: relative; }
.widget-project-info .project-details > ul > li span:after { content: ":"; font-size: 18px; color: #444444; font-weight: 500; position: absolute; top: -1px; right: 0; }
.widget-project-info .project-details > ul > li .item-rating li { display: inline-block; color: #ff6f00; }
.widget-contact-info { border: 1px solid #dddddd; border-radius: 4px; padding: 35px 40px 40px; }
.widget-contact-info .media { border-bottom: 1px solid #dddddd; padding-bottom: 26px; margin-bottom: 30px; }
.widget-contact-info .media:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.widget-contact-info .media .item-icon i:before { font-size: 26px; font-weight: 700; color: #082c4b; }
.widget-contact-info .media .media-body h4 { font-weight: 700; margin-bottom: 6px; }
.widget-product { border: 1px solid #dddddd; border-radius: 4px; padding: 35px 40px 40px; }
.widget-product .media { margin-bottom: 20px; }
.widget-product .media:last-child { margin-bottom: 0; }
.widget-product .media .item-img { overflow: hidden; border-radius: 4px; }
.widget-product .media .item-img a { display: inline-block; }
.widget-product .media .item-img a img { border-radius: 4px; transform: scale(1); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.widget-product .media .media-body .post-title { margin-bottom: 0; line-height: 1; }
.widget-product .media .media-body .post-title a { color: #444444; font-weight: 500; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.widget-product .media .media-body .post-title a:hover { color: #000000; }
.widget-product .media .media-body .post-date { font-size: 14px; color: #0078b7; }
.widget-product .media .media-body .item-price { font-size: 14px; color: #0078b7; font-weight: 500; }
.widget-product .media .media-body .item-rating li { display: inline-block; color: #ff6f00; font-size: 12px; }
.widget-product .media:hover a img { transform: scale(1.1); }
.widget-price-range { border: 1px solid #dddddd; border-radius: 4px; padding: 35px 40px 40px; }
.widget-price-range .price-range-wrapper { text-align: left; padding-top: 20px; }
.widget-price-range .price-range-wrapper:after { clear: both; display: block; content: ""; }
.widget-price-range .price-range-wrapper .price-filter-wrap { margin-top: 15px; }
.widget-price-range .price-range-wrapper .price-filter-wrap .price-range-select { margin: 20px 0 0; }
.widget-price-range .price-range-wrapper .price-filter-wrap .price-range-select:after { clear: both; display: block; content: ""; }
.widget-price-range .price-range-wrapper .price-filter-wrap .price-range-select .price-range { display: inline-block; margin: 0; color: #646464; font-size: 15px; }
.widget-price-range .price-range-wrapper .price-filter-wrap .price-range-select .item-btn { cursor: pointer; font-size: 16px; color: #ffffff; background-color: #0078b7; border: none; padding: 6px 30px; border-radius: 4px; margin-right: 50px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.widget-price-range .price-range-wrapper .price-filter-wrap .price-range-select .item-btn:hover { background-color: #082c4b; }
.widget-price-range .price-range-wrapper .price-filter-wrap .price-range-select .item-btn:focus { outline: none; }
.widget-price-range .price-range-wrapper .price-filter-wrap .price-range-select .range-title { color: #646464; }
.widget-price-range .price-range-wrapper .noUi-connect { background: #cecece; box-shadow: none; }
.widget-price-range .price-range-wrapper .noUi-horizontal { height: 11px; }
.widget-price-range .price-range-wrapper .noUi-target { border-radius: 4px; box-shadow: none; background-color: #e9e9e9; border: 0; }
.widget-price-range .price-range-wrapper .noUi-horizontal .noUi-handle { top: -5px; background: #082c4b; border: none; box-shadow: none; border-radius: 4px; width: 27px; height: 20px; -webkit-box-shadow: 0px 5px 5px 0px rgba(191, 191, 191, 0.75); -moz-box-shadow: 0px 5px 5px 0px rgba(191, 191, 191, 0.75); box-shadow: 0px 5px 5px 0px rgba(191, 191, 191, 0.75); }
.widget-price-range .price-range-wrapper .noUi-handle::before { height: 1.25px; width: 10px; background-color: #cccccc; border-radius: 0; left: 0; right: 0; margin: 0 auto; top: 61%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.widget-price-range .price-range-wrapper .noUi-handle::after { height: 1.25px; width: 13px; background-color: #cccccc; border-radius: 0; left: 0; right: 0; margin: 0 auto; top: 33%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

/*=======================================================================
5. Template Page Style
=========================================================================*/

/*------------------- 5.1 About Us -------------------*/
.about-wrap-layout1 { background-color: #6ac5f2; background-image: url('img/about/about-bg.png'); background-repeat: no-repeat; background-position: right bottom; }
.about-wrap-layout2 { padding: 5rem 0; background-color: #f8f8f8; overflow: hidden; }
.about-wrap-layout3 { padding: 5rem 0 3rem; overflow: hidden; }
.about-wrap-layout4 { padding: 5.4rem 0 10rem; }
.about-wrap-layout5 { padding: 5rem 0; background-image: url('img/figure/clip10.png'); background-repeat: no-repeat; background-position-y: bottom; }
.about-wrap-layout6 { padding: 5.4rem 0 5.5rem; }
.about-wrap-layout7 { background-color: #f8f8f8; }
@media only screen and (max-width:1199px) {
  .about-wrap-layout7 { padding: 5rem 0; }
}
.about-box-layout1 { width: 55%; background-color: rgba(255, 0, 0, 0.8); -webkit-clip-path: polygon(0 0, 100% 0%, 80% 100%, 0 100%); clip-path: polygon(0 0, 100% 0%, 80% 100%, 0 100%); padding-left: calc((100% - 1170px) / 2); }
@media only screen and (max-width:1229px) {
  .about-box-layout1 { padding-left: calc((100% - 1110px) / 2); }
}
@media only screen and (max-width:1199px) {
  .about-box-layout1 { padding-left: calc((100% - 930px) / 2); }
}
@media only screen and (max-width:991px) {
  .about-box-layout1 { width: 100%; padding-left: calc((100% - 690px) / 2); clip-path: none; }
}
@media only screen and (max-width:767px) {
  .about-box-layout1 { padding-left: calc((100% - 510px) / 2); }
}
.about-box-layout1 .about-box-content { padding: 12rem 20rem 12rem 0; }
@media only screen and (max-width:1199px) {
  .about-box-layout1 .about-box-content { padding: 12rem 10rem 12rem 0; }
}
@media only screen and (max-width:575px) {
  .about-box-layout1 .about-box-content { padding: 12rem 0; }
}
.about-box-layout1 .about-box-content .item-header { border-bottom: 1px solid rgba(255, 255, 255, 0.3); display: flex; color: #ffffff; padding-bottom: 27px; margin-bottom: 22px; }
.about-box-layout1 .about-box-content .item-header .experience-year { font-size: 100px; font-weight: 700; line-height: 76px; margin-right: 15px; margin-top: 5px; }
@media only screen and (max-width:767px) {
  .about-box-layout1 .about-box-content .item-header .experience-year { font-size: 70px; line-height: 66px; margin-top: 0; }
}
.about-box-layout1 .about-box-content .item-header .item-title li { font-size: 34px; margin-bottom: 10px; line-height: 1.2; }
@media only screen and (max-width:767px) {
  .about-box-layout1 .about-box-content .item-header .item-title li { font-size: 28px; }
}
.about-box-layout1 .about-box-content .item-header .item-title li span { font-weight: 700; }
.about-box-layout1 .about-box-content .item-header .item-title li:last-child { margin-bottom: 0; }
.about-box-layout1 .about-box-content p { color: #ececec; margin-bottom: 35px; }
.about-box-layout2 { padding-right: 10rem; }
@media only screen and (max-width:991px) {
  .about-box-layout2 { padding: 0; }
}
.about-box-layout2 .item-subtitle { font-size: 18px; font-weight: 500; color: #0078b7; margin-bottom: 20px; }
.about-box-layout2 .item-title { font-weight: 700; color: #111111; }
.about-box-layout2 .item-award { margin-top: 5rem; }
@media only screen and (max-width:991px) {
  .about-box-layout2 .item-award { margin-bottom: 20px; }
  .about-box-layout2 .item-award .item-img { margin-bottom: 30px; }
}
.about-box-layout3 { background-color: #ffffff; -webkit-box-shadow: 0px 5px 24px 0px rgba(217, 217, 217, 0.75); box-shadow: 0px 5px 24px 0px rgba(217, 217, 217, 0.75); padding:20px; border-radius: 4px; }
@media only screen and (max-width:1199px) {
  .about-box-layout3 { padding: 10px; }
}
.about-box-layout3 .item-heading { text-align: center; margin-bottom: 0; }
.about-box-layout3 .item-heading .item-title { font-size: 22px; font-weight: 700; margin-bottom: 5px; }
.about-box-layout3 p{margin-bottom: 0}
@media only screen and (max-width:1199px) {
  .about-box-layout3 .item-heading .item-title { font-size: 26px; }
}
@media only screen and (max-width:767px) {
  .about-box-layout3 .item-heading .item-title { font-size: 24px; }
}
@media only screen and (max-width:575px) {
  .about-box-layout3 .item-heading .item-title { font-size: 22px; }
}
.about-box-layout3 .contact-form-box .form-group:last-child { margin-bottom: 0; }
.about-box-layout3 .contact-form-box .form-group .form-control { border: none; background-color: #f4f4f4; font-size: 16px; color: #444444; padding: 10px 15px; }
.about-box-layout3 .contact-form-box .form-group .form-control:focus { outline: none; border: none; box-shadow: none; }
.about-box-layout3 .contact-form-box .form-group input { height: 50px; }
.about-box-layout3 .contact-form-box .form-group input.form-control::-webkit-input-placeholder, .about-box-layout3 .contact-form-box .form-group textarea.form-control::-webkit-input-placeholder { color: #646464; }
.about-box-layout4 { margin-bottom: 7rem; }
@media only screen and (max-width:991px) {
  .about-box-layout4 { margin-bottom: 4rem; }
}
.about-box-layout4 .about-box-img { position: relative; }
.about-box-layout4 .about-box-img .item-img { -webkit-box-shadow: 0px 11px 29px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 11px 29px 0px rgba(0, 0, 0, 0.3); }
.about-box-layout4 .about-box-img .item-img img { border-radius: 4px; }
.about-box-layout4 .about-box-img .sl-number { font-size: 15rem; color: #f1f1f1; font-weight: 700; position: absolute; top: -15px; left: -53px; z-index: -1; }
.about-box-layout4 .about-box-content { padding: 0 30px; }
@media only screen and (max-width:991px) {
  .about-box-layout4 .about-box-content { padding: 0; }
}
.about-box-layout4 .about-box-content .item-title { font-weight: 700; }
.about-box-layout4 .about-box-content .item-subtitle { font-size: 20px; color: #444444; margin-bottom: 16px; }
@media only screen and (max-width:767px) {
  .about-box-layout4 .about-box-content .item-subtitle { font-size: 18px; }
}
.about-box-layout5 { margin-bottom: 7rem; }
@media only screen and (max-width:991px) {
  .about-box-layout5 { margin-bottom: 4rem; }
}
.about-box-layout5 .about-box-img { position: relative; }
.about-box-layout5 .about-box-img .item-img { text-align: center; -webkit-box-shadow: 0px 11px 29px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 11px 29px 0px rgba(0, 0, 0, 0.3); }
.about-box-layout5 .about-box-img .item-img img { border-radius: 4px; }
.about-box-layout5 .about-box-img .item-img .item-icon { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); }
.about-box-layout5 .about-box-img .item-img .item-icon .play-btn { display: inline-block; height: 80px; width: 80px; line-height: 77px; border-radius: 50%; border: 2px solid #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.about-box-layout5 .about-box-img .item-img .item-icon .play-btn i:before { font-size: 30px; color: #ffffff; margin-left: 8px; }
.about-box-layout5 .about-box-img .item-img .item-icon .play-btn:hover { background-color: #ffffff; }
.about-box-layout5 .about-box-img .item-img .item-icon .play-btn:hover i:before { color: #0078b7; }
.about-box-layout5 .about-box-img .sl-number { font-size: 15rem; color: #f1f1f1; font-weight: 700; position: absolute; top: -15px; right: -53px; z-index: -1; }
.about-box-layout5 .about-box-content { padding-right: 5rem; }
.about-box-layout5 .about-box-content .item-title { font-weight: 700; }
.about-box-layout5 .about-box-content .item-subtitle { font-size: 20px; color: #444444; margin-bottom: 16px; }
@media only screen and (max-width:767px) {
  .about-box-layout5 .about-box-content .item-subtitle { font-size: 18px; }
}
.about-box-layout6 { text-align: center; }
.about-box-layout6 .item-content { padding: 0 6rem; }
@media only screen and (max-width:991px) {
  .about-box-layout6 .item-content { padding: 0; }
}
.about-box-layout6 .item-content .item-award { margin-top: 7rem; padding: 0 5rem; }
.about-box-layout7 { position: relative; }
@media only screen and (max-width:1199px) {
  .about-box-layout7 { margin-top: -6rem; }
}
@media only screen and (max-width:991px) {
  .about-box-layout7 { margin-top: -10rem; }
}
.about-box-layout7 .item-img { position: absolute; bottom: -12rem; left: 0; right: 0; }
@media only screen and (max-width:1199px) {
  .about-box-layout7 .item-img { position: relative; text-align: center; }
}
.about-box-layout8 { display: flex; align-items: center; }
@media only screen and (max-width:991px) {
  .about-box-layout8 { display: block; }
}
.about-box-layout8 .item-content { position: relative; width: 55%; background-color: #f8f8f8; border-radius: 4px 0 0 4px; padding: 8rem; }
@media only screen and (max-width:991px) {
  .about-box-layout8 .item-content { width: 100%; margin-bottom: 30px; }
}
@media only screen and (max-width:575px) {
  .about-box-layout8 .item-content { padding: 4rem; }
}
.about-box-layout8 .item-content .item-title { font-weight: 700; margin-bottom: 25px; }
.about-box-layout8 .item-content .list-item { margin-top: 40px; }
.about-box-layout8 .item-content .list-item li { position: relative; font-size: 18px; color: #444444; font-style: italic; margin-bottom: 20px; padding-left: 30px; }
.about-box-layout8 .item-content .list-item li:last-child { margin-bottom: 0; }
.about-box-layout8 .item-content .list-item li i { position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: #0078b7; font-weight: 600; }
.about-box-layout8 .item-content:after { content: ""; height: 100%; width: 130px; background-color: #f8f8f8; border-radius: 0px 4px 4px 0; position: absolute; top: 0; right: -13rem; }
@media only screen and (max-width:991px) {
  .about-box-layout8 .item-content:after { display: none; }
}
.about-box-layout8 .item-img { width: 45%; position: relative; text-align: center; box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.46); }
@media only screen and (max-width:991px) {
  .about-box-layout8 .item-img { width: 100%; }
  .about-box-layout8 .item-img img { width: 100%; }
}
.about-box-layout8 .item-img:after { content: ""; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); border-radius: 4px; position: absolute; top: 0; left: 0; right: 0; }
.about-box-layout8 .item-img .item-icon { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); z-index: 2; }
.about-box-layout8 .item-img .item-icon .play-btn { text-align: center; height: 80px; width: 80px; line-height: 80px; border-radius: 50%; background-color: #0078b7; display: inline-block; animation: pulse infinite 1500ms; }
.about-box-layout8 .item-img .item-icon .play-btn i:before { margin-left: 10px; font-size: 28px; color: #ffffff; }
@media only screen and (max-width:767px) {
  .about-box-layout8 .item-img .item-icon .play-btn { width: 70px; height: 70px; line-height: 70px; }
  .about-box-layout8 .item-img .item-icon .play-btn i:before { font-size: 26px; margin-left: 8px; }
}
.about-box-layout9 { display: flex; align-items: center; }
@media only screen and (max-width:1199px) {
  .about-box-layout9 { display: block; }
}
.about-box-layout9 .single-item { width: 50%; }
@media only screen and (max-width:1199px) {
  .about-box-layout9 .single-item { width: 100%; text-align: center; padding: 0 15px; }
}
.about-box-layout9 .single-item .item-content .item-title { position: relative; font-weight: 700; padding-bottom: 15px; }
.about-box-layout9 .single-item .item-content .item-title:after { content: ""; height: 4px; width: 50px; background-color: #0078b7; position: absolute; bottom: 0; left: 0; right: 0; }
@media only screen and (max-width:1199px) {
  .about-box-layout9 .single-item .item-content .item-title:after { margin: auto; }
}
.about-box-layout9 .left-item { padding-left: calc((100% - 1170px) / 2); padding-right: 10rem; padding-top: 3rem; padding-bottom: 3rem; }
@media only screen and (max-width:1229px) {
  .about-box-layout9 .left-item { padding-left: calc((100% - 1110px) / 2); }
}
@media only screen and (max-width:1199px) {
  .about-box-layout9 .left-item { margin-bottom: 5rem; padding: 0 15px; }
}

/*------------------- 5.2 Blog -------------------*/
.blog-wrap-layout1 { padding: 9.4rem 0 7rem; }
.blog-wrap-layout2 { padding: 9.4rem 0 7rem; background-color: #f8f8f8; }
.blog-wrap-layout3 { padding: 9.4rem 0 7rem; }
.blog-wrap-layout4 { padding: 10rem 0; }
.single-blog-wrap-layout1 { padding: 10rem 0; }
.blog-box-layout1 { margin-bottom: 30px; }
.blog-box-layout1 .item-img { position: relative; overflow: hidden; border-radius: 4px 4px 0 0; }
.blog-box-layout1 .item-img img { border-radius: 4px 4px 0 0; transform: scale(1); transition: transform 3s cubic-bezier(0.2, 0.96, 0.34, 1); }
.blog-box-layout1 .item-img .top-item { position: absolute; top: 32px; left: 35px; line-height: 1.2; text-align: center; background-color: #ff0000; border-radius: 4px; padding: 14px 18px 10px; }
.blog-box-layout1 .item-img .top-item .item-date { position: relative; }
.blog-box-layout1 .item-img .top-item .item-date:after { content: ""; height: 8px; width: 8px; background-color: #ffffff; -webkit-box-shadow: 0px 5px 5px 0px rgba(143, 11, 11, 0.75); box-shadow: 0px 5px 5px 0px rgba(143, 11, 11, 0.75); border-radius: 50%; position: absolute; top: -8px; left: -11px; }
.blog-box-layout1 .item-img .top-item .item-date:before { content: ""; height: 8px; width: 8px; background-color: #ffffff; -webkit-box-shadow: 0px 5px 5px 0px rgba(143, 11, 11, 0.75); box-shadow: 0px 5px 5px 0px rgba(143, 11, 11, 0.75); border-radius: 50%; position: absolute; top: -8px; right: -11px; }
.blog-box-layout1 .item-img .top-item .item-date .days { font-size: 24px; color: #ffffff; font-weight: 700; }
@media only screen and (max-width:767px) {
  .blog-box-layout1 .item-img .top-item .item-date .days { font-size: 20px; }
}
.blog-box-layout1 .item-img .top-item .item-date .month { font-size: 16px; font-weight: 400; color: #ffffff; display: block; }
@media only screen and (max-width:767px) {
  .blog-box-layout1 .item-img .top-item .item-date .month { font-size: 14px; }
}
.blog-box-layout1 .item-content { background-color: #f8f8f8; border-radius: 0 0 4px 4px; padding: 30px 35px 25px; -webkit-box-shadow: 0px 1px 0px 0px rgba(233, 233, 233, 0.75); box-shadow: 0px 1px 0px 0px rgba(233, 233, 233, 0.75); }
.blog-box-layout1 .item-content .item-tag { font-size: 12px; font-weight: 500; color: #ffffff; background-color: #082c4b; border-radius: 4px; padding: 0 18px; display: inline-block; margin-bottom: 22px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.blog-box-layout1 .item-content .item-tag:hover { background-color: #0078b7; }
.blog-box-layout1 .item-content .item-title { font-weight: 500; margin-bottom: 22px; font-size: 24px; line-height: 1.5; }
@media only screen and (max-width:991px) {
  .blog-box-layout1 .item-content .item-title { font-size: 22px; }
}
@media only screen and (max-width:767px) {
  .blog-box-layout1 .item-content .item-title { font-size: 20px; }
}
.blog-box-layout1 .item-content .item-title a { color: #111111; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.blog-box-layout1 .item-content .item-title a:hover { color: #0078b7; }
.blog-box-layout1 .item-content .entry-meta { border-top: 1px solid #e5e5e5; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding-top: 15px; }
.blog-box-layout1 .item-content .entry-meta li { font-size: 15px; }
.blog-box-layout1 .item-content .entry-meta li a { color: #082c4b; font-weight: 500; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.blog-box-layout1 .item-content .entry-meta li a:hover { color: #0078b7; }
.blog-box-layout1 .item-content .entry-meta li .author-img { display: inline-block; margin-right: 8px; padding: 10px 0; }
.blog-box-layout1 .item-content .entry-meta li .author-img img { border-radius: 50%; }
.blog-box-layout1 .item-content .entry-meta li .item-icon { text-align: center; display: inline-block; height: 50px; width: 50px; line-height: 50px; background-color: #ffffff; border-radius: 50%; margin-right: 10px; }
.blog-box-layout1 .item-content .entry-meta li .item-icon i { font-size: 18px; color: #082c4b; }
.blog-box-layout1:hover .item-img img { transform: scale(1.1); }
.blog-box-layout2 { position: relative; margin-bottom: 30px; }
.blog-box-layout2 .item-img { border-radius: 4px; overflow: hidden; }
.blog-box-layout2 .item-img img { border-radius: 4px; transform: scale(1); transition: transform 3s cubic-bezier(0.2, 0.96, 0.34, 1); }
.blog-box-layout2 .item-img .top-item { position: absolute; top: 30px; left: 30px; line-height: 1.2; text-align: center; background-color: #ff0000; border-radius: 4px; padding: 14px 18px 10px; z-index: 2; }
.blog-box-layout2 .item-img .top-item .item-date { position: relative; }
.blog-box-layout2 .item-img .top-item .item-date:after { content: ""; height: 8px; width: 8px; background-color: #ffffff; -webkit-box-shadow: 0px 5px 5px 0px rgba(143, 11, 11, 0.75); box-shadow: 0px 5px 5px 0px rgba(143, 11, 11, 0.75); border-radius: 50%; position: absolute; top: -8px; left: -11px; }
.blog-box-layout2 .item-img .top-item .item-date:before { content: ""; height: 8px; width: 8px; background-color: #ffffff; -webkit-box-shadow: 0px 5px 5px 0px rgba(143, 11, 11, 0.75); box-shadow: 0px 5px 5px 0px rgba(143, 11, 11, 0.75); border-radius: 50%; position: absolute; top: -8px; right: -11px; }
.blog-box-layout2 .item-img .top-item .item-date .days { font-size: 24px; color: #ffffff; font-weight: 700; }
.blog-box-layout2 .item-img .top-item .item-date .month { font-size: 16px; font-weight: 400; color: #ffffff; display: block; }
.blog-box-layout2 .item-img:after { content: ""; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 4px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.blog-box-layout2 .item-content { position: absolute; bottom: 5px; left: 30px; }
.blog-box-layout2 .item-content .item-tag { font-size: 12px; font-weight: 500; color: #082c4b; background-color: #ffffff; border-radius: 4px; padding: 0 18px; display: inline-block; margin-bottom: 20px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.blog-box-layout2 .item-content .item-tag:hover { background-color: #0078b7; color: #ffffff; }
.blog-box-layout2 .item-content .item-title { font-weight: 500; margin-bottom: 22px; }
.blog-box-layout2 .item-content .item-title a { color: #ffffff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.blog-box-layout2 .item-content .item-title a:hover { color: #0078b7; }
.blog-box-layout2:hover .item-img:after { background-color: rgba(0, 0, 0, 0.8); }
.blog-box-layout2:hover .item-img img { transform: scale(1.1); }
.blog-box-layout3 { margin-bottom: 30px; }
.blog-box-layout3 .item-img { position: relative; overflow: hidden; }
.blog-box-layout3 .item-img img { border-radius: 4px 4px 0 0; transform: scale(1); transition: transform 3s cubic-bezier(0.2, 0.96, 0.34, 1); }
.blog-box-layout3 .item-img .top-item { position: absolute; top: 32px; left: 35px; line-height: 1.2; text-align: center; background-color: #ff0000; border-radius: 4px; padding: 14px 18px 10px; }
.blog-box-layout3 .item-img .top-item .item-date { position: relative; }
.blog-box-layout3 .item-img .top-item .item-date:after { content: ""; height: 8px; width: 8px; background-color: #ffffff; -webkit-box-shadow: 0px 5px 5px 0px rgba(143, 11, 11, 0.75); box-shadow: 0px 5px 5px 0px rgba(143, 11, 11, 0.75); border-radius: 50%; position: absolute; top: -8px; left: -11px; }
.blog-box-layout3 .item-img .top-item .item-date:before { content: ""; height: 8px; width: 8px; background-color: #ffffff; -webkit-box-shadow: 0px 5px 5px 0px rgba(143, 11, 11, 0.75); box-shadow: 0px 5px 5px 0px rgba(143, 11, 11, 0.75); border-radius: 50%; position: absolute; top: -8px; right: -11px; }
.blog-box-layout3 .item-img .top-item .item-date .days { font-size: 24px; color: #ffffff; font-weight: 700; }
.blog-box-layout3 .item-img .top-item .item-date .month { font-size: 16px; font-weight: 400; color: #ffffff; display: block; }
.blog-box-layout3 .item-content { background-color: #f8f8f8; border-radius: 0 0 4px 4px; padding: 30px 35px 10px; -webkit-box-shadow: 0px 1px 0px 0px rgba(233, 233, 233, 0.75); box-shadow: 0px 1px 0px 0px rgba(233, 233, 233, 0.75); }
.blog-box-layout3 .item-content .item-title { font-weight: 500; margin-bottom: 10px; line-height: 1.5; }
.blog-box-layout3 .item-content .item-title a { color: #111111; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.blog-box-layout3 .item-content .item-title a:hover { color: #0078b7; }
.blog-box-layout3 .item-content .entry-meta { border-bottom: 1px solid #e5e5e5; display: flex; justify-content: space-between; padding-bottom: 16px; margin-bottom: 18px; }
.blog-box-layout3 .item-content .entry-meta li { font-size: 15px; }
.blog-box-layout3 .item-content .entry-meta li a { color: #082c4b; font-weight: 500; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.blog-box-layout3 .item-content .entry-meta li a:hover { color: #0078b7; }
.blog-box-layout3:hover .item-img img { transform: scale(1.1); }
.blog-box-layout4 { margin-bottom: 40px; padding: 30px 30px 10px; border: 1px solid #dddddd; border-radius: 4px; }
.blog-box-layout4 .item-img { position: relative; overflow: hidden; margin-bottom: 20px; }
.blog-box-layout4 .item-img img { transform: scale(1); transition: transform 3s cubic-bezier(0.2, 0.96, 0.34, 1); }
.blog-box-layout4 .item-img .top-item { position: absolute; top: 32px; left: 35px; line-height: 1.2; text-align: center; background-color: #ff0000; border-radius: 4px; padding: 14px 18px 10px; }
.blog-box-layout4 .item-img .top-item .item-date { position: relative; }
.blog-box-layout4 .item-img .top-item .item-date:after { content: ""; height: 8px; width: 8px; background-color: #ffffff; -webkit-box-shadow: 0px 5px 5px 0px rgba(143, 11, 11, 0.75); box-shadow: 0px 5px 5px 0px rgba(143, 11, 11, 0.75); border-radius: 50%; position: absolute; top: -8px; left: -11px; }
.blog-box-layout4 .item-img .top-item .item-date:before { content: ""; height: 8px; width: 8px; background-color: #ffffff; -webkit-box-shadow: 0px 5px 5px 0px rgba(143, 11, 11, 0.75); box-shadow: 0px 5px 5px 0px rgba(143, 11, 11, 0.75); border-radius: 50%; position: absolute; top: -8px; right: -11px; }
.blog-box-layout4 .item-img .top-item .item-date .days { font-size: 24px; color: #ffffff; font-weight: 700; }
@media only screen and (max-width:767px) {
  .blog-box-layout4 .item-img .top-item .item-date .days { font-size: 20px; }
}
.blog-box-layout4 .item-img .top-item .item-date .month { font-size: 16px; font-weight: 400; color: #ffffff; display: block; }
@media only screen and (max-width:767px) {
  .blog-box-layout4 .item-img .top-item .item-date .month { font-size: 14px; }
}
.blog-box-layout4 .item-content .entry-meta { margin-bottom: 8px; }
.blog-box-layout4 .item-content .entry-meta li { display: inline-block; margin-right: 30px; position: relative; margin-bottom: 10px; }
.blog-box-layout4 .item-content .entry-meta li:last-child { margin-right: 0; }
.blog-box-layout4 .item-content .entry-meta li:last-child:after { display: none; }
.blog-box-layout4 .item-content .entry-meta li i { font-size: 15px; color: #082c4b; margin-right: 10px; }
.blog-box-layout4 .item-content .entry-meta li a { color: #646464; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.blog-box-layout4 .item-content .entry-meta li a:hover { color: #0078b7; }
.blog-box-layout4 .item-content .entry-meta li .author { color: #082c4b; }
.blog-box-layout4 .item-content .item-title { font-size: 30px; font-weight: 700; }
@media only screen and (max-width:1199px) {
  .blog-box-layout4 .item-content .item-title { font-size: 28px; }
}
@media only screen and (max-width:991px) {
  .blog-box-layout4 .item-content .item-title { font-size: 26px; }
}
@media only screen and (max-width:767px) {
  .blog-box-layout4 .item-content .item-title { font-size: 24px; }
}
@media only screen and (max-width:575px) {
  .blog-box-layout4 .item-content .item-title { font-size: 22px; }
}
.blog-box-layout4 .item-content .item-title a { color: #111111; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.blog-box-layout4 .item-content .item-title a:hover { color: #0078b7; }
.blog-box-layout4 .item-content .btn-area { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 25px; }
.blog-box-layout4 .item-content .btn-area li { margin-bottom: 20px; }
.blog-box-layout4 .item-content .btn-area li .item-btn { display: flex; align-items: center; background-color: #f2f2f2; border-radius: 4px; padding: 10px 25px; color: #111111; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.blog-box-layout4 .item-content .btn-area li .item-btn i { color: #0078b7; margin-left: 10px; margin-right: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.blog-box-layout4 .item-content .btn-area li .item-btn:hover { background-color: #0078b7; color: #ffffff; }
.blog-box-layout4 .item-content .btn-area li .item-btn:hover i { color: #ffffff; }
.blog-box-layout4 .item-content .btn-area li i { margin-right: 10px; }
.blog-box-layout4:hover .item-img img { transform: scale(1.1); }
.single-blog-box-layout1 .post-img { margin-bottom: 25px; }
.single-blog-box-layout1 .post-img img { border-radius: 4px; }
.single-blog-box-layout1 .item-content { position: relative; margin-bottom: 35px; }
.single-blog-box-layout1 .item-content .entry-meta { margin-bottom: 10px; }
.single-blog-box-layout1 .item-content .entry-meta li { display: inline-block; margin-right: 30px; position: relative; margin-bottom: 10px; }
.single-blog-box-layout1 .item-content .entry-meta li:last-child { margin-right: 0; }
.single-blog-box-layout1 .item-content .entry-meta li i { font-size: 15px; color: #082c4b; margin-right: 10px; }
.single-blog-box-layout1 .item-content .entry-meta li a { color: #646464; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.single-blog-box-layout1 .item-content .entry-meta li a:hover { color: #0078b7; }
.single-blog-box-layout1 .item-content .entry-meta li .author { color: #082c4b; }
.single-blog-box-layout1 .item-content blockquote { font-size: 22px; font-weight: 500; color: #082c4b; background-color: #f6f6f6; font-style: italic; padding: 50px 65px; line-height: 38px; position: relative; margin: 35px 0; }
@media only screen and (max-width:575px) {
  .single-blog-box-layout1 .item-content blockquote { padding: 30px; }
}
.single-blog-box-layout1 .item-content blockquote .quote-author { font-size: 18px; font-weight: 500; color: #0078b7; padding-left: 35px; font-style: normal; position: relative; }
.single-blog-box-layout1 .item-content blockquote .quote-author:after { content: ""; height: 2px; width: 23px; background-color: #0078b7; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.single-blog-box-layout1 .item-content .others-info { margin-top: 3rem; }
.single-blog-box-layout1 .item-content .others-info .info-content .other-title { font-size: 24px; font-weight: 500; color: #111111; margin-bottom: 14px; }
@media only screen and (max-width:991px) {
  .single-blog-box-layout1 .item-content .others-info .info-content .other-title { font-size: 22px; }
}
@media only screen and (max-width:767px) {
  .single-blog-box-layout1 .item-content .others-info .info-content .other-title { font-size: 20px; }
}
.single-blog-box-layout1 .item-content .others-info .item-img { margin-bottom: 30px; margin-top: 4px; }
@media only screen and (max-width:1199px) {
  .single-blog-box-layout1 .item-content .others-info .item-img { text-align: center; }
}
.single-blog-box-layout1 .item-content .others-info .item-img img { border-radius: 4px; }
.single-blog-box-layout1 .item-tag-area { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-top: 1px solid #dcdcdc; padding: 35px 0 25px; }
@media only screen and (max-width:767px) {
  .single-blog-box-layout1 .item-tag-area { justify-content: center; }
}
@media only screen and (max-width:767px) {
  .single-blog-box-layout1 .item-tag-area .item-tag { margin-bottom: 10px; }
}
.single-blog-box-layout1 .item-tag-area .item-tag ul li { display: inline-block; margin-bottom: 10px; }
.single-blog-box-layout1 .item-tag-area .item-tag ul li i { font-size: 18px; color: #0078b7; margin-right: 8px; }
.single-blog-box-layout1 .item-tag-area .item-tag ul li a { padding: 5px; color: #444444; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.single-blog-box-layout1 .item-tag-area .item-tag ul li a:hover { color: #111111; }
.single-blog-box-layout1 .item-tag-area .item-social ul li { display: inline-block; margin-right: 2px; margin-bottom: 10px; }
.single-blog-box-layout1 .item-tag-area .item-social ul li:last-child { margin-right: 0; }
.single-blog-box-layout1 .item-tag-area .item-social ul li a { text-align: center; width: 40px; display: block; font-size: 14px; border-radius: 4px; padding: 5px 10px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.single-blog-box-layout1 .item-tag-area .item-social ul li a:hover { background-color: #082c4b; color: #ffffff; }
.single-blog-box-layout1 .blog-author { border: 1px solid #dddddd; padding: 60px 40px 30px 65px; border-radius: 4px; margin-bottom: 40px; }
@media only screen and (max-width:767px) {
  .single-blog-box-layout1 .blog-author { padding: 50px 20px; }
}
.single-blog-box-layout1 .blog-author .media { position: relative; }
@media only screen and (max-width:767px) {
  .single-blog-box-layout1 .blog-author .media { text-align: center; }
}
.single-blog-box-layout1 .blog-author .media .item-img img { border-radius: 50%; }
.single-blog-box-layout1 .blog-author .media .media-body .item-title { font-weight: 600; margin-bottom: 0; }
.single-blog-box-layout1 .blog-author .media .media-body .item-subtitle { color: #444444; margin-bottom: 15px; }
.single-blog-box-layout1 .blog-comment { border: 1px solid #dddddd; border-radius: 4px; padding: 40px; margin-bottom: 50px; }
.single-blog-box-layout1 .blog-comment .media { position: relative; margin-bottom: 10px; }
.single-blog-box-layout1 .blog-comment .media:last-child { margin-bottom: 0; }
.single-blog-box-layout1 .blog-comment .media:nth-child(odd) { padding-left: 30px; }
.single-blog-box-layout1 .blog-comment .media .item-img { margin-top: 6px; }
.single-blog-box-layout1 .blog-comment .media .item-img img { border-radius: 50%; }
.single-blog-box-layout1 .blog-comment .media .media-body .item-title { margin-bottom: 0; font-weight: 600; }
.single-blog-box-layout1 .blog-comment .media .media-body .item-date { font-size: 15px; color: #444444; margin-bottom: 8px; }
.single-blog-box-layout1 .blog-comment .media .media-body .item-btn { position: absolute; top: 0; right: 0; font-size: 14px; font-weight: 600; color: #0078b7; padding: 5px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.single-blog-box-layout1 .blog-comment .media .media-body .item-btn:hover { color: #111111; }
@media only screen and (max-width:575px) {
  .single-blog-box-layout1 .blog-comment .media { text-align: center; margin-bottom: 30px; }
  .single-blog-box-layout1 .blog-comment .media:nth-child(odd) { padding-left: 0; }
  .single-blog-box-layout1 .blog-comment .media .media-body .item-btn { position: relative; }
}
.single-blog-box-layout1 .blog-form { border: 1px solid #dddddd; border-radius: 4px; padding: 35px 40px 40px; }
.single-blog-box-layout1 .blog-form .contact-form-box .form-group { margin-bottom: 20px; }
.single-blog-box-layout1 .blog-form .contact-form-box .form-group:last-child { margin-bottom: 0; }
.single-blog-box-layout1 .blog-form .contact-form-box .form-group .form-control { border: none; background-color: #f1f1f1; padding: 10px 22px; font-size: 16px; color: #111111; }
.single-blog-box-layout1 .blog-form .contact-form-box .form-group .form-control:focus { box-shadow: none; border: none; outline: none; }
.single-blog-box-layout1 .blog-form .contact-form-box .form-group input { height: 50px; }

/*------------------- 5.3 Brand -------------------*/
.brand-wrap-layout1 { padding: 10rem 0; }
.brand-wrap-layout2 { padding: 1rem 0; background-color: #f8f8f8; }
.brand-wrap-layout3 { padding-top: 10rem; }
.brand-box-layout1 { text-align: center; border: 1px solid #d7d7d7; border-radius: 4px; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.brand-box-layout1 .item-img { padding: 3.5rem; }
.brand-box-layout1 .item-img img { width: auto; display: inline-block; }
.brand-box-layout1:hover { filter: grayscale(100%); }
.brand-box-layout2 { background-color: #ffffff; border-radius: 4px; margin: 50px 0; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.brand-box-layout2 .item-img { padding: 3.5rem; text-align: center; }
.brand-box-layout2 .item-img img { filter: grayscale(100%); display: inline-block; width: auto; }
.brand-box-layout2:hover { box-shadow: 0px 30px 30px 0px rgba(210, 210, 210, 0.75); }
.brand-box-layout2:hover img { filter: grayscale(0%); }

/*------------------- 5.4 Call To Action -------------------*/
.action-wrap-layout1 { padding: 7rem 0; background-color: #0078b7; }
@media only screen and (max-width:991px) {
  .action-box-layout1 { text-align: center; margin-bottom: 30px; }
}
.action-box-layout1 .item-title { font-size: 40px; font-weight: 700; color: #ffffff; margin-bottom: 0; }
@media only screen and (max-width:991px) {
  .action-box-layout1 .item-title { font-size: 38px; }
}
@media only screen and (max-width:767px) {
  .action-box-layout1 .item-title { font-size: 34px; }
}
@media only screen and (max-width:575px) {
  .action-box-layout1 .item-title { font-size: 32px; }
}

/*------------------- 5.5 Coming Soon -------------------*/
.comingsoon-page { text-align: center; width: 100%; height: 100%; position: fixed; }
@media only screen and (max-width:991px) {
  .comingsoon-page { overflow-y: scroll; }
}
.comingsoon-page .comingsoon-bg { position: fixed; top: 0; left: 0; right: 0; height: 100%; width: 100%; z-index: -100; }
.comingsoon-page .comingsoon-back-img img { animation: fadeinout 100s infinite; }
.comingsoon-page .comingsoon-back-img:after { content: ""; height: 100%; width: 100%; background-color: rgba(9, 45, 76, 0.85); position: absolute; top: 0; left: 0; right: 0; z-index: 10; }
.comingsoon-page .comingsoon-back-img img { background-repeat: no-repeat; background-size: cover; background-position: center; position: fixed; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; }
.comingsoon-page .comingsoon-content-wrap { height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; margin: 25px 0; }
@media only screen and (max-width:991px) {
  .comingsoon-page .comingsoon-content-wrap { margin: 50px 0 100px; }
}
.comingsoon-page .comingsoon-content { position: relative; z-index: 1; padding: 0 15px; width: 100%; }
.comingsoon-page .comingsoon-content .comingsoon-logo { margin-bottom: 9rem; }
.comingsoon-page .comingsoon-content .comingsoon-logo a { display: inline-block; }
.comingsoon-page .comingsoon-content h1 { margin-bottom: 6rem; font-weight: 700; font-size: 6rem; text-transform: capitalize; color: #ffffff; }
@media only screen and (max-width:767px) {
  .comingsoon-page .comingsoon-content h1 { margin-bottom: 3rem; font-size: 5rem; }
}
@media only screen and (max-width:575px) {
  .comingsoon-page .comingsoon-content h1 { font-size: 4rem; }
}
.comingsoon-page .comingsoon-content .comingsoon-bottom { margin-bottom: 10px; }
.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social { text-align: left; }
@media only screen and (max-width:991px) {
  .comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social { text-align: center; margin-bottom: 15px; }
}
.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social ul li { display: inline-block; margin-right: 5px; }
.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social ul li:last-child { margin-right: 0; }
.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social ul li a { color: #ffffff; padding: 5px; display: inline-block; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social ul li a:hover { color: #cccccc; }
.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-copy-right { text-align: right; }
@media only screen and (max-width:991px) {
  .comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-copy-right { text-align: center; }
}
.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-copy-right p { color: #ffffff; font-size: 16px; font-weight: 300; }
.countdown-layout1 { text-align: center; margin-bottom: 5rem; }
.countdown-layout1 .countdown-section { text-align: center; height: 150px; width: 150px; background: #0078b7; border-radius: 4px; display: inline-flex; justify-content: center; position: relative; margin-bottom: 30px; margin-right: 2px; }
.countdown-layout1 .countdown-section:after { content: ""; height: 18px; width: 18px; background-color: #ffffff; border-radius: 50%; position: absolute; top: 28px; right: -10px; z-index: 50; }
.countdown-layout1 .countdown-section:before { content: ""; height: 18px; width: 18px; background-color: #ffffff; border-radius: 50%; position: absolute; bottom: 28px; right: -10px; z-index: 50; }
@media only screen and (max-width:767px) {
  .countdown-layout1 .countdown-section { padding: 10px 0; }
}
@media only screen and (max-width:575px) {
  .countdown-layout1 .countdown-section { padding: 15px 0; }
}
@media only screen and (max-width:479px) {
  .countdown-layout1 .countdown-section { width: 11rem; height: 100px; }
}
.countdown-layout1 .countdown-section .countdown-number { padding: 25px 0; font-size: 6rem; line-height: 1.1; font-weight: 700; color: #ffffff; }
@media only screen and (max-width:767px) {
  .countdown-layout1 .countdown-section .countdown-number { font-size: 5rem; }
}
@media only screen and (max-width:575px) {
  .countdown-layout1 .countdown-section .countdown-number { font-size: 4rem; }
}
@media only screen and (max-width:479px) {
  .countdown-layout1 .countdown-section .countdown-number { font-size: 3rem; }
}
.countdown-layout1 .countdown-section .countdown-unit { position: absolute; bottom: 30px; left: 0; right: 0; color: #ffffff; text-transform: capitalize; font-size: 18px; }
.countdown-layout1 .countdown-section:last-child:after { display: none; }
.countdown-layout1 .countdown-section:last-child:before { display: none; }
@-webkit-keyframes fadeinout {
  1% { -webkit-transform: scale(1); transform: scale(1); }
  49% { -webkit-transform: scale(2); transform: scale(2); }
  99% { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes fadeinout {
  1% { -webkit-transform: scale(1); transform: scale(1); }
  49% { -webkit-transform: scale(2); transform: scale(2); }
  99% { -webkit-transform: scale(1); transform: scale(1); }
}

/*------------------- 5.6 Contact -------------------*/
.contact-wrap-layout1 { position: relative; }
.contact-wrap-layout1 .google-map { filter: grayscale(100%); }
.contact-wrap-layout1 .contact-box-layout1 { position: absolute; top: 50%; left: calc((100% - 1170px) / 2); transform: translateY(-50%); min-width: 400px; background-color: #ffffff; border-radius: 4px; padding: 40px 40px 50px; }
@media only screen and (max-width:1229px) {
  .contact-wrap-layout1 .contact-box-layout1 { left: calc((100% - 1110px) / 2); }
}
@media only screen and (max-width:1199px) {
  .contact-wrap-layout1 .contact-box-layout1 { left: calc((100% - 930px) / 2); }
}
@media only screen and (max-width:991px) {
  .contact-wrap-layout1 .contact-box-layout1 { left: calc((100% - 690px) / 2); }
}
@media only screen and (max-width:767px) {
  .contact-wrap-layout1 .contact-box-layout1 { left: calc((100% - 510px) / 2); }
}
@media only screen and (max-width:575px) {
  .contact-wrap-layout1 .contact-box-layout1 { left: 15px; min-width: 270px; margin-right: 15px; }
}
.contact-wrap-layout1 .contact-box-layout1 .item-title { font-weight: 700; color: #082c4b; margin-bottom: 30px; }
.contact-wrap-layout1 .contact-box-layout1 .media { margin-bottom: 30px; }
.contact-wrap-layout1 .contact-box-layout1 .media:last-child { margin-bottom: 0; }
.contact-wrap-layout1 .contact-box-layout1 .media .item-icon { text-align: center; background-color: #0078b7; font-size: 20px; color: #ffffff; border-radius: 4px; padding: 10px; height: 50px; width: 55px; }
.contact-wrap-layout1 .contact-box-layout1 .media .media-body ul li { line-height: 1.5; color: #444444; }
.contact-wrap-layout2 { padding: 10rem 0; }
.contact-box-layout2 .google-map { margin-bottom: 40px; }
.contact-box-layout2 .contact-form { border: 1px solid #dddddd; border-radius: 4px; padding: 35px 40px 40px; }
@media only screen and (max-width:575px) {
  .contact-box-layout2 .contact-form { padding: 25px 30px 30px; }
}
.contact-box-layout2 .contact-form .contact-form-box .form-group { margin-bottom: 20px; }
.contact-box-layout2 .contact-form .contact-form-box .form-group:last-child { margin-bottom: 0; }
.contact-box-layout2 .contact-form .contact-form-box .form-group .form-control { border: none; background-color: #f1f1f1; padding: 10px 22px; font-size: 16px; color: #111111; }
.contact-box-layout2 .contact-form .contact-form-box .form-group .form-control:focus { box-shadow: none; border: none; outline: none; }
.contact-box-layout2 .contact-form .contact-form-box .form-group input { height: 50px; }

/*------------------- 5.7 Error Page -------------------*/
.error-page-wrap-layout1 { padding: 18rem 0 15rem; position: relative; z-index: 10; }
.error-page-box-layout1 { text-align: center; }
.error-page-box-layout1 .error-img { margin-bottom: 45px; }
@media only screen and (max-width:767px) {
  .error-page-box-layout1 .error-img { margin-bottom: 40px; }
}
.error-page-box-layout1 .title-text { font-size: 48px; font-weight: 500; margin-bottom: 30px; line-height: 1; letter-spacing: 4px; color: #111111; }
@media only screen and (max-width:991px) {
  .error-page-box-layout1 .title-text { font-size: 40px; }
}
@media only screen and (max-width:767px) {
  .error-page-box-layout1 .title-text { font-size: 36px; }
}
@media only screen and (max-width:575px) {
  .error-page-box-layout1 .title-text { font-size: 28px; }
}
.error-page-box-layout1 .item-subtitle { font-size: 18px; width: 60%; margin: 0 auto 60px; }
@media only screen and (max-width:767px) {
  .error-page-box-layout1 .item-subtitle { width: 100%; margin-bottom: 40px; }
}
.error-page-box-layout1 .item-btn { display: inline-block; font-size: 17px; font-weight: 600; color: #ffffff; background-color: #0078b7; border-radius: 4px; padding: 14px 50px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.error-page-box-layout1 .item-btn:hover { background-color: #082c4b; color: #ffffff; }
@media only screen and (max-width:767px) {
  .error-page-box-layout1 .item-btn { padding: 10px 20px; font-size: 14px; }
}
#Clouds { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 100%; overflow: hidden; animation: FadeIn 3s ease-out; user-select: none; z-index: -1; }
@keyframes FadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.Cloud { position: absolute; width: 100%; background-repeat: no-repeat; background-size: auto 100%; height: 70px; animation-duration: 80s; animation-iteration-count: infinite; animation-fill-mode: forwards; animation-timing-function: linear; animation-name: Float, FadeFloat; z-index: 1; }
.Cloud.Foreground { height: 100%; min-height: 20px; z-index: 3; }
.Cloud.Background { background-repeat: no-repeat; height: 90.90909091%; min-height: 8px; animation-duration: 140s; }
@keyframes Float {
  from { transform: translateX(100%) translateZ(0); }
  to { transform: translateX(-15%) translateZ(0); }
}
@keyframes FadeFloat {
  0%, 100% { opacity: 0; }
  5%, 90% { opacity: 1; }
}
.Cloud:nth-child(10n) { animation-delay: -123.07692308s; top: 60px; }
.Cloud.Foreground:nth-child(10n) { animation-duration: 40s; height: 125%; }
.Cloud.Background:nth-child(10n) { animation-duration: 60s; animation-duration: 120s; height: 78.40909091%; }
.Cloud:nth-child(9n) { animation-delay: -110.76923077s; top: 54px; }
.Cloud.Foreground:nth-child(9n) { animation-duration: 44s; height: 122.5%; }
.Cloud.Background:nth-child(9n) { animation-duration: 64s; animation-duration: 122s; height: 79.65909091%; }
.Cloud:nth-child(8n) { animation-delay: -98.46153846s; top: 48px; }
.Cloud.Foreground:nth-child(8n) { animation-duration: 48s; height: 120%; }
.Cloud.Background:nth-child(8n) { animation-duration: 68s; animation-duration: 124s; height: 80.90909091%; }
.Cloud:nth-child(7n) { animation-delay: -86.15384615s; top: 42px; }
.Cloud.Foreground:nth-child(7n) { animation-duration: 52s; height: 117.5%; }
.Cloud.Background:nth-child(7n) { animation-duration: 72s; animation-duration: 126s; height: 82.15909091%; }
.Cloud:nth-child(6n) { animation-delay: -73.84615385s; top: 36px; }
.Cloud.Foreground:nth-child(6n) { animation-duration: 56s; height: 115%; }
.Cloud.Background:nth-child(6n) { animation-duration: 76s; animation-duration: 128s; height: 83.40909091%; }
.Cloud:nth-child(5n) { animation-delay: -61.53846154s; top: 30px; }
.Cloud.Foreground:nth-child(5n) { animation-duration: 60s; height: 112.5%; }
.Cloud.Background:nth-child(5n) { animation-duration: 80s; animation-duration: 130s; height: 84.65909091%; }
.Cloud:nth-child(4n) { animation-delay: -49.23076923s; top: 24px; }
.Cloud.Foreground:nth-child(4n) { animation-duration: 64s; height: 110%; }
.Cloud.Background:nth-child(4n) { animation-duration: 84s; animation-duration: 132s; height: 85.90909091%; }
.Cloud:nth-child(3n) { animation-delay: -36.92307692s; top: 18px; }
.Cloud.Foreground:nth-child(3n) { animation-duration: 68s; height: 107.5%; }
.Cloud.Background:nth-child(3n) { animation-duration: 88s; animation-duration: 134s; height: 87.15909091%; }
.Cloud:nth-child(2n) { animation-delay: -24.61538462s; top: 12px; }
.Cloud.Foreground:nth-child(2n) { animation-duration: 72s; height: 105%; }
.Cloud.Background:nth-child(2n) { animation-duration: 92s; animation-duration: 136s; height: 88.40909091%; }
.Cloud:nth-child(1n) { animation-delay: -12.30769231s; top: 6px; }
.Cloud.Foreground:nth-child(1n) { animation-duration: 76s; height: 102.5%; }
.Cloud.Background:nth-child(1n) { animation-duration: 96s; animation-duration: 138s; height: 89.65909091%; }
.Cloud.Foreground { background: url(img/figure/cloud2.png); background-repeat: no-repeat; }
.Cloud.Background { background: url(img/figure/cloud2.png); background-repeat: no-repeat; }

/*------------------- 5.8 Faq Page -------------------*/
.faq-page-wrap-layout1 { padding: 10rem 0; }
.faq-box-layout1 .faq-search-box { margin-bottom: 30px; }
.faq-box-layout1 .faq-search-box .stylish-input-group { height: 55px; border-radius: 4px; padding: 0; border: 1px solid #dddddd; }
.faq-box-layout1 .faq-search-box .stylish-input-group .form-control { border: none; box-shadow: none; border-radius: 4px; background: transparent; color: #111111; font-size: 16px; height: 55px; margin-right: 8px; padding: 10px 20px; }
.faq-box-layout1 .faq-search-box .stylish-input-group .input-group-addon { display: flex; padding: 0; border: none; border-radius: 4px; background: none; }
.faq-box-layout1 .faq-search-box .stylish-input-group .input-group-addon button { cursor: pointer; background: transparent; border: 0; padding: 0 20px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.faq-box-layout1 .faq-search-box .stylish-input-group .input-group-addon button span { color: #bdbdbd; font-size: 22px; font-weight: 700; margin-left: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.faq-box-layout1 .faq-search-box .stylish-input-group .input-group-addon button:focus { outline: none; }
.faq-box-layout1 .faq-search-box .stylish-input-group .input-group-addon:hover button span { color: #082c4b; }
.faq-box-layout1 .faq-search-box .stylish-input-group input { font-size: 16px; color: #0078b7; }
.faq-box-layout1 .faq-search-box .stylish-input-group input.form-control::-webkit-input-placeholder, .faq-box-layout1 .faq-search-box .stylish-input-group textarea.form-control::-webkit-input-placeholder { color: #646464; font-size: 16px; }
.faq-box-layout1 .faq-search-box .stylish-input-group input.form-control::-moz-placeholder, .faq-box-layout1 .faq-search-box .stylish-input-group textarea.form-control::-moz-placeholder { color: #646464; font-size: 16px; }
.faq-box-layout1 .faq-search-box .stylish-input-group input.form-control:-moz-placeholder, .faq-box-layout1 .faq-search-box .stylish-input-group textarea.form-control:-moz-placeholder { color: #646464; font-size: 16px; }
.faq-box-layout1 .faq-search-box .stylish-input-group input.form-control:-ms-input-placeholder, .faq-box-layout1 .faq-search-box .stylish-input-group textarea.form-control:-ms-input-placeholder { color: #646464; font-size: 16px; }
.faq-box-layout1 .faq-page-accordion .panel-default { margin-top: 0 !important; border-radius: 4px; border: none; box-shadow: none; margin-bottom: 2px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.faq-box-layout1 .faq-page-accordion .panel-default:last-child { border-bottom: 0; margin-bottom: 0; }
.faq-box-layout1 .faq-page-accordion .panel-default .panel-heading { border-radius: 4px; background-color: #f2f2f2; padding: 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.faq-box-layout1 .faq-page-accordion .panel-default .panel-heading .panel-title { border-radius: 4px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.faq-box-layout1 .faq-page-accordion .panel-default .panel-heading .panel-title a { border-radius: 4px; color: #111111; font-size: 20px; font-weight: 500; padding: 15px 60px 15px 30px; display: block; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
@media only screen and (max-width:767px) {
  .faq-box-layout1 .faq-page-accordion .panel-default .panel-heading .panel-title a { font-size: 18px; }
}
@media only screen and (max-width:575px) {
  .faq-box-layout1 .faq-page-accordion .panel-default .panel-heading .panel-title a { font-size: 16px; }
}
.faq-box-layout1 .faq-page-accordion .panel-default .panel-heading .accordion-toggle { position: relative; }
.faq-box-layout1 .faq-page-accordion .panel-default .panel-heading .accordion-toggle:after { font-family: "Font Awesome 5 Free"; content: "\f106"; font-size: 18px; font-weight: 600; right: 18px; top: 11px; color: #ffffff; border: 1px solid #c3c3c3; height: 40px; width: 40px; border-radius: 50%; text-align: center; line-height: 40px; z-index: 1; position: absolute; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.faq-box-layout1 .faq-page-accordion .panel-default .panel-heading .accordion-toggle.collapsed:after { content: "\f107"; color: #555555; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.faq-box-layout1 .faq-page-accordion .panel-default .panel-collapse { background: transparent; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.faq-box-layout1 .faq-page-accordion .panel-default .panel-body { background-color: #f2f2f2; padding: 25px 30px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 0 0 4px 4px; overflow-y: auto; }
.faq-box-layout1 .faq-page-accordion .panel-default .active:after { background-color: #0078b7; }
.faq-box-layout1 .faq-page-accordion .panel-default .active .panel-title a { color: #ffffff; background-color: #0078b7; }
.faq-box-layout1 .faq-page-accordion .panel-default .active .accordion-toggle:after { color: #ffffff !important; border: 1px solid #ffffff; }

/*------------------- 5.9 Progress -------------------*/
.progress-wrap-layout1 { padding: 12.5rem 0 7rem; background-color: #082c4b; }
.progress-wrap-layout2 { padding: 15.5rem 0 10rem; position: relative; z-index: 1; }
.progress-wrap-layout3 { padding: 11.2rem 0 7rem; position: relative; z-index: 1; }
.progress-box-layout1 { margin-bottom: 50px; }
.progress-box-layout1 .progress-content { display: flex; align-items: center; }
@media only screen and (max-width:767px) {
  .progress-box-layout1 .progress-content { justify-content: center; }
}
.progress-box-layout1 .progress-content .item-icon { margin-right: 30px; line-height: 1; }
.progress-box-layout1 .progress-content .item-icon i { display: block; color: #0078b7; }
.progress-box-layout1 .progress-content .item-icon i:before { font-size: 80px; }
@media only screen and (max-width:991px) {
  .progress-box-layout1 .progress-content .item-icon i:before { font-size: 70px; }
}
@media only screen and (max-width:575px) {
  .progress-box-layout1 .progress-content .item-icon i:before { font-size: 60px; }
}
.progress-box-layout1 .progress-content .item-content .count-number { font-size: 50px; font-weight: 700; color: #ffffff; margin-bottom: 20px; }
@media only screen and (max-width:1199px) {
  .progress-box-layout1 .progress-content .item-content .count-number { font-size: 46px; }
}
@media only screen and (max-width:991px) {
  .progress-box-layout1 .progress-content .item-content .count-number { font-size: 40px; }
}
@media only screen and (max-width:575px) {
  .progress-box-layout1 .progress-content .item-content .count-number { font-size: 30px; }
}
.progress-box-layout1 .progress-content .item-content .count-title { font-size: 18px; color: #ffffff; line-height: 22px; }
@media only screen and (max-width:991px) {
  .progress-box-layout1 .progress-content .item-content .count-title { font-size: 16px; }
}

/*------------------- 5.10 Project -------------------*/
.project-wrap-layout1 { padding: 9.4rem 0 8.5rem; }
.project-wrap-layout2 { padding: 9.4rem 0 7rem; }
.project-wrap-layout3 { padding: 9.4rem 0 10rem; background-image: url('img/figure/sky-bg.png'); background-repeat: no-repeat; background-position: left top; }
.project-wrap-layout4 { padding: 9.5rem 0 5rem; overflow: hidden; }
.project-wrap-layout5 { padding: 9rem 0 6rem; }
.single-project-wrap-layout1 { padding: 10rem 0 5rem; }
.project-box-layout1 { position: relative; text-align: center; overflow: hidden; margin-bottom: 15px; border-radius: 4px; }
.project-box-layout1 .item-img { position: relative; }
.project-box-layout1 .item-img img { border-radius: 4px; transform: scale(1); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.project-box-layout1 .item-img:after { content: ""; height: 86%; width: 86%; background-color: rgba(8, 44, 75, 0.8); position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%) scale(1.2); margin: 0 auto; z-index: 1; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.project-box-layout1 .item-content { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%) scale(0.5); z-index: 2; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.project-box-layout1 .item-content .item-title { font-weight: 500; margin-bottom: 26px; }
.project-box-layout1 .item-content .item-title a { color: #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.project-box-layout1 .item-content .item-title a:hover { color: #cccccc; }
.project-box-layout1 .item-content .item-btn { display: inline-block; color: #f8f8f8; font-weight: 500; border: 1px solid #0078b7; border-radius: 4px; padding: 7px 30px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.project-box-layout1 .item-content .item-btn:hover { border-color: #ffffff; background-color: #ffffff; color: #082c4b; }
.project-box-layout1:hover .item-img img { transform: scale(1.1); }
.project-box-layout1:hover .item-img:after { visibility: visible; opacity: 1; transform: translateY(-50%) scale(1); }
.project-box-layout1:hover .item-content { visibility: visible; opacity: 1; transform: translateY(-50%) scale(1); }
.project-box-layout2 { position: relative; overflow: hidden; margin-bottom: 30px; border-radius: 4px; }
.project-box-layout2 .item-img img { border-radius: 4px; transform: scale(1) rotate(0deg); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.project-box-layout2 .item-content { position: absolute; bottom: -80px; left: 0; right: 0; background-color: rgba(8, 44, 75, 0.9); border-radius: 0 0 4px 4px; display: flex; align-items: center; justify-content: space-between; padding: 30px 30px 20px; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.project-box-layout2 .item-content .item-heading .item-title { font-weight: 500; margin-bottom: 8px; }
.project-box-layout2 .item-content .item-heading .item-title a { color: #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.project-box-layout2 .item-content .item-heading .item-title a:hover { color: #0078b7; }
.project-box-layout2 .item-content .item-heading .item-subtitle { color: #cfcfcf; }
.project-box-layout2 .item-content .item-btn-wrap .item-btn { display: block; background-color: #0078b7; border-radius: 4px; padding: 7px 16px; font-size: 18px; color: #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.project-box-layout2 .item-content .item-btn-wrap .item-btn:hover { background-color: #ffffff; color: #0078b7; }
@media only screen and (max-width:767px) {
  .project-box-layout2 .item-content .item-btn-wrap .item-btn { padding: 5px 12px; font-size: 16px; }
}
.project-box-layout2:hover .item-img img { transform: scale(1.1) rotate(-3deg); }
.project-box-layout2:hover .item-content { visibility: visible; opacity: 1; bottom: 0; }
.project-box-layout3 .project-single-content { position: relative; }
.project-box-layout3 .project-single-content .item-img { position: relative; }
.project-box-layout3 .project-single-content .item-img img { border-radius: 4px; }
.project-box-layout3 .project-single-content .item-img:before { content: ""; height: 80%; width: 100%; background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(transparent)); background: -webkit-linear-gradient(bottom, #000000, transparent); background: -o-linear-gradient(bottom, #000000, transparent); background: linear-gradient(to top, #000000, transparent); border-radius: 0 0 4px 4px; position: absolute; bottom: 0; left: 0; right: 0; }
.project-box-layout3 .project-single-content .item-img:after { content: ""; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(#092d4c), to(transparent)); background: -webkit-linear-gradient(bottom, #092d4c, transparent); background: -o-linear-gradient(bottom, #092d4c, transparent); background: linear-gradient(to top, #092d4c, transparent); border-radius: 0 0 4px 4px; position: absolute; bottom: 0; left: 0; right: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; visibility: hidden; opacity: 0; }
.project-box-layout3 .project-single-content .item-content { position: absolute; bottom: -26px; left: 50px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.project-box-layout3 .project-single-content .item-content .item-heading { position: relative; padding-bottom: 16px; margin-bottom: 28px; }
.project-box-layout3 .project-single-content .item-content .item-heading:after { content: ""; height: 3px; width: 50px; background-color: #0078b7; position: absolute; bottom: 0; left: 0; }
.project-box-layout3 .project-single-content .item-content .item-heading .item-title { font-weight: 500; margin-bottom: 2px; font-size: 24px; }
@media only screen and (max-width:991px) {
  .project-box-layout3 .project-single-content .item-content .item-heading .item-title { font-size: 22px; }
}
@media only screen and (max-width:767px) {
  .project-box-layout3 .project-single-content .item-content .item-heading .item-title { font-size: 20px; }
}
.project-box-layout3 .project-single-content .item-content .item-heading .item-title a { color: #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.project-box-layout3 .project-single-content .item-content .item-heading .item-title a:hover { color: #0078b7; }
.project-box-layout3 .project-single-content .item-content .item-heading .item-tag a { color: #e0e0e0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.project-box-layout3 .project-single-content .item-content .item-heading .item-tag a:hover { color: #0078b7; }
.project-box-layout3 .project-single-content .item-content .btn-fill-md { visibility: hidden; opacity: 0; }
.project-box-layout3 .project-single-content:hover .item-img:after { visibility: visible; opacity: 1; }
.project-box-layout3 .project-single-content:hover .item-content { bottom: 50px; }
.project-box-layout3 .project-single-content:hover .item-content .btn-fill-md { visibility: visible; opacity: 1; }
.project-box-layout4 { position: relative; overflow: hidden; margin-bottom: 50px; }
.project-box-layout4 .item-img { position: relative; }
.project-box-layout4 .item-img img { border-radius: 4px; }
.project-box-layout4 .item-img:before { content: ""; height: 80%; width: 100%; background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(transparent)); background: -webkit-linear-gradient(bottom, #000000, transparent); background: -o-linear-gradient(bottom, #000000, transparent); background: linear-gradient(to top, #000000, transparent); opacity: 0.9; border-radius: 0 0 4px 4px; position: absolute; bottom: 0; left: 0; right: 0; }
.project-box-layout4 .item-img:after { content: ""; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(#0078b7), to(transparent)); background: -webkit-linear-gradient(bottom, #0078b7, transparent); background: -o-linear-gradient(bottom, #0078b7, transparent); background: linear-gradient(to top, #0078b7, transparent); border-radius: 0 0 4px 4px; position: absolute; bottom: 0; left: 0; right: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; visibility: hidden; opacity: 0; }
.project-box-layout4 .item-content { position: absolute; bottom: -26px; left: 50px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.project-box-layout4 .item-content .item-heading { position: relative; padding-bottom: 16px; margin-bottom: 28px; }
.project-box-layout4 .item-content .item-heading:after { content: ""; height: 3px; width: 50px; background-color: #0078b7; position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.project-box-layout4 .item-content .item-heading .item-title { font-weight: 500; margin-bottom: 2px; font-size: 24px; }
@media only screen and (max-width:991px) {
  .project-box-layout4 .item-content .item-heading .item-title { font-size: 22px; }
}
@media only screen and (max-width:767px) {
  .project-box-layout4 .item-content .item-heading .item-title { font-size: 20px; }
}
.project-box-layout4 .item-content .item-heading .item-title a { color: #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.project-box-layout4 .item-content .item-heading .item-title a:hover { color: #e0e0e0; }
.project-box-layout4 .item-content .item-heading .item-tag a { color: #e0e0e0; }
.project-box-layout4 .item-content .btn-fill-md { visibility: hidden; opacity: 0; }
.project-box-layout4 .item-content .btn-fill-md:hover { background-color: #082c4b !important; }
.project-box-layout4:hover .item-img:after { visibility: visible; opacity: 1; }
.project-box-layout4:hover .item-content { bottom: 50px; }
@media only screen and (max-width:991px) {
  .project-box-layout4:hover .item-content { bottom: 30px; }
}
.project-box-layout4:hover .item-content .item-heading:after { background-color: #ffffff; opacity: 0.7; }
.project-box-layout4:hover .item-content .btn-fill-md { visibility: visible; opacity: 1; }
.project-box-layout5 { position: relative; overflow: hidden; margin-bottom: 25px; }
.project-box-layout5 .item-img { overflow: hidden; border-radius: 4px; margin-bottom: 20px; }
.project-box-layout5 .item-img img { border-radius: 4px; transform: scale(1) rotate(0deg); transition: transform 3s cubic-bezier(0.2, 0.96, 0.34, 1); }
.project-box-layout5 .item-content { display: flex; justify-content: space-between; align-items: center; }
.project-box-layout5 .item-content .item-heading .item-title { font-weight: 700; margin-bottom: 8px; }
.project-box-layout5 .item-content .item-heading .item-title a { color: #111111; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.project-box-layout5 .item-content .item-heading .item-title a:hover { color: #0078b7; }
.project-box-layout5 .item-content .item-heading .item-subtitle { margin-bottom: 8px; }
.project-box-layout5 .item-content .item-btn-wrap .item-btn { display: block; background-color: #f4f4f4; border-radius: 4px; padding: 7px 16px; font-size: 18px; color: #0078b7; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.project-box-layout5 .item-content .item-btn-wrap .item-btn:hover { background-color: #0078b7; color: #ffffff; }
.project-box-layout5:hover .item-img img { transform: scale(1.1) rotate(-3deg); }
.project-box-layout5:hover .item-content { visibility: visible; opacity: 1; bottom: 0; }
.single-project-box-layout1 .single-project-slider { margin-bottom: 45px; }
.single-project-box-layout1 .single-project-slider .slide-item img { border-radius: 4px; }
.single-project-box-layout1 .single-project-info .item-content { margin-bottom: 45px; }
.single-project-box-layout1 .single-project-info .item-content .item-title { font-size: 30px; font-weight: 700; }
@media only screen and (max-width:991px) {
  .single-project-box-layout1 .single-project-info .item-content .item-title { font-size: 28px; }
}
@media only screen and (max-width:767px) {
  .single-project-box-layout1 .single-project-info .item-content .item-title { font-size: 26px; }
}
@media only screen and (max-width:575px) {
  .single-project-box-layout1 .single-project-info .item-content .item-title { font-size: 24px; }
}
.single-project-box-layout1 .single-project-info .item-content .list-item { padding-left: 30px; margin-bottom: 20px; }
@media only screen and (max-width:767px) {
  .single-project-box-layout1 .single-project-info .item-content .list-item { padding-left: 0; }
}
.single-project-box-layout1 .single-project-info .item-content .list-item li { position: relative; font-size: 18px; color: #082c4b; font-weight: 500; margin-bottom: 8px; padding-left: 30px; }
.single-project-box-layout1 .single-project-info .item-content .list-item li i { color: #0078b7; position: absolute; top: 5px; left: 0; }
.single-project-box-layout1 .single-project-info .info-img { text-align: right; margin-bottom: 40px; }
@media only screen and (max-width:991px) {
  .single-project-box-layout1 .single-project-info .info-img { text-align: center; }
}

/*------------------- 5.11 Service -------------------*/
p.lead { font-size: 21px; font-weight: 700; color: #0078b7 }
.service-wrap-layout1 { padding: 9.5rem 0 6.5rem; position: relative; overflow: hidden; z-index: 2; }
.service-wrap-layout1:after { content: url('img/figure/line-shape.png'); position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: -1; }
@media only screen and (max-width:991px) {
  .service-wrap-layout1:after { display: none; }
}
.service-wrap-layout2 { padding: 14rem 0 5.2rem; position: relative; background-image: url('img/about/about3.png'); background-repeat: no-repeat; background-position-y: bottom; background-position-x: 115px; }
@media only screen and (max-width:991px) {
  .service-wrap-layout2 { background-image: none; }
}
.service-wrap-layout3 { padding-bottom: 3rem; background-color: #082c4b; }
@media only screen and (max-width:991px) {
  .service-wrap-layout3 { padding: 12rem 0 9rem; }
}
.service-wrap-layout4 { padding: 9.4rem 0 7rem; background-color: #082c4b; }
.service-wrap-layout5 { padding: 9.5rem 0 7rem; }
.service-wrap-layout6 { padding: 10rem 0 6.5rem; }
.service-wrap-layout7 { padding: 10rem 0 7rem; }
.single-service-wrap-layout1 { padding: 10rem 0 7rem; }
.single-service-wrap-layout2 { padding: 10rem 0 4.5rem; }
.service-box-layout1 { text-align: center; padding: 0 2rem; margin-bottom: 30px; }
@media only screen and (max-width:1199px) {
  .service-box-layout1 { padding: 0; }
}
.service-box-layout1 .item-img { position: relative; border-radius: 50%; margin-bottom: 22px; display: inline-block; border: 10px solid #ffffff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.service-box-layout1 .item-img img { border-radius: 50%; }
.service-box-layout1 .item-img .sl-number { position: absolute; top: -15px; right: 4px; font-size: 20px; font-weight: 500; color: #ffffff; height: 55px; width: 55px; line-height: 55px; border-radius: 50%; background-color: #0078b7; }
.service-box-layout1 .item-content .item-title { margin-bottom: 10px; }
.service-box-layout1 .item-content .item-title a { color: #ffffff; font-weight: 500; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.service-box-layout1 .item-content .item-title a:hover { color: #cccccc; }
.service-box-layout1 .item-content p { color: #cccccc; }
.service-box-layout1:hover .item-img { border-color: #0078b7; animation: pulse 3000ms infinite; }
.service-box-layout2 .media { margin-bottom: 20px; }
.service-box-layout2 .media .item-icon { text-align: center; height: 70px; width: 70px; line-height: 70px; background-color: #082c4b; border-radius: 50%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.service-box-layout2 .media .item-icon i { display: block; }
.service-box-layout2 .media .item-icon i:before { color: #ffffff; font-size: 35px; }
.service-box-layout2 .media .media-body .item-title { font-weight: 500; color: #111111; margin-bottom: 10px; }
.service-box-layout2 .media:hover .item-icon { background-color: #0078b7; }
.service-box-layout3 { transform: translateY(-60px); position: relative; margin-bottom: 30px; z-index: 9; }
@media only screen and (max-width:991px) {
  .service-box-layout3 { transform: translateY(0); }
}
.service-box-layout3 .item-img { border: 10px solid #ffffff; border-radius: 4px; margin-bottom: 24px; overflow: hidden; }
.service-box-layout3 .item-img img { transform: scale(1); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.service-box-layout3 .item-content { text-align: center; }
.service-box-layout3 .item-content .item-title { font-weight: 700; position: relative; padding-bottom: 20px; }
.service-box-layout3 .item-content .item-title a { color: #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.service-box-layout3 .item-content .item-title a:hover { color: #ccc; }
.service-box-layout3 .item-content .item-title:after { content: ""; width: 50px; height: 4px; background-color: #0078b7; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; }
.service-box-layout3 .item-content p { color: #cccccc; }
.service-box-layout3:hover .item-img img { transform: scale(1.1); }
.service-box-layout4 { position: relative; overflow: hidden; border-radius: 4px; margin-bottom: 30px; -webkit-box-shadow: 0px 4px 21px 0px rgba(9, 36, 60, 0.75); box-shadow: 0px 4px 21px 0px rgba(9, 36, 60, 0.75); }
.service-box-layout4 .item-img img { border-radius: 4px; transform: scale(1); transition: transform 3s cubic-bezier(0.2, 0.96, 0.34, 1); }
.service-box-layout4 .item-content { position: absolute; bottom: -77px; left: 0; right: 0; background-color: rgba(238, 33, 43, 0.8); border-radius: 0 0 4px 4px; padding: 25px 25px 5px; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
@media only screen and (max-width:767px) {
  .service-box-layout4 .item-content { bottom: -48px; }
}
@media only screen and (max-width:479px) {
  .service-box-layout4 .item-content { bottom: -77px; }
}
.service-box-layout4 .item-content .item-title { font-weight: 700; margin-bottom: 12px; }
.service-box-layout4 .item-content .item-title a { color: #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.service-box-layout4 .item-content .item-title a:hover { color: #c9c9c9; }
.service-box-layout4 .item-content p { color: #ffffff; }
.service-box-layout4:hover .item-img img { transform: scale(1.1); }
.service-box-layout4:hover .item-content { bottom: 0; }
.service-box-layout5 { position: relative; background-color: #f8f8f8; border-radius: 4px; padding: 35px 45px 45px; margin-bottom: 30px; overflow: hidden; z-index: 1; }
.service-box-layout5:after { content: url('img/figure/shape.png'); position: absolute; top: 0; left: 0; z-index: -1; }
.service-box-layout5 .item-heading { margin-bottom: 8rem; }
@media only screen and (max-width:767px) {
  .service-box-layout5 .item-heading { margin-bottom: 9rem; }
}
.service-box-layout5 .item-heading .item-title { color: #ffffff; font-weight: 700; padding-left: 20px; }
.service-box-layout5 .item-heading .item-title span { font-weight: 400; display: block; }
.service-box-layout5 .service-list li { font-size: 17px; font-weight: 500; color: #082c4b; margin-bottom: 12px; padding-left: 30px; position: relative; }
.service-box-layout5 .service-list li:last-child { margin-bottom: 0; }
.service-box-layout5 .service-list li i { position: absolute; top: 7px; left: 0; color: #0078b7; }
.service-box-layout6 { margin-bottom: 35px; }
.service-box-layout6 .item-img { position: relative; margin-bottom: 18px; border-radius: 4px; overflow: hidden; }
.service-box-layout6 .item-img img { border-radius: 4px; transform: scale(1); transition: transform 5s cubic-bezier(0.2, 0.96, 0.34, 1); }
.service-box-layout6 .item-img .item-icon { text-align: center; height: 70px; width: 70px; line-height: 70px; border-radius: 50%; background-color: #ffffff; position: absolute; top: 20px; left: 25px; z-index: 2; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.service-box-layout6 .item-img .item-icon i:before { font-size: 36px; color: #082c4b; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.service-box-layout6 .item-img:after { content: ""; height: 100%; width: 100%; background-color: rgba(9, 45, 76, 0.8); border-radius: 4px; position: absolute; top: 0; left: 0; right: 0; z-index: 1; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.service-box-layout6 .item-content .item-title { font-weight: 700; margin-bottom: 12px; }
.service-box-layout6 .item-content .item-title a { color: #111111; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.service-box-layout6 .item-content .item-title a:hover { color: #0078b7; }
.service-box-layout6 .item-content p { margin-bottom: 25px; }
.service-box-layout6:hover .item-img img { transform: scale(1.2); }
.service-box-layout6:hover .item-img:after { visibility: visible; opacity: 1; }
.service-box-layout6:hover .item-img .item-icon { background-color: #0078b7; animation: pulse 1500ms infinite; }
.service-box-layout6:hover .item-img .item-icon i:before { color: #ffffff; }
.service-box-layout7 { text-align: center; padding: 55px 30px 60px; box-shadow: 0px 1px 21px 0px rgba(186, 186, 186, 0.4); border-radius: 4px; margin-bottom: 30px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.service-box-layout7 .item-icon { line-height: 1; margin-bottom: 20px; }
.service-box-layout7 .item-icon i:before { font-size: 80px; color: #082c4b; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.service-box-layout7 .item-content .item-title { position: relative; font-weight: 500; padding-bottom: 25px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.service-box-layout7 .item-content .item-title:after { content: ""; height: 4px; width: 54px; background-color: #0078b7; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; }
.service-box-layout7 .item-content p { margin-bottom: 25px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.service-box-layout7:hover { background-color: #082c4b; }
.service-box-layout7:hover .item-icon i:before { color: #ffffff; }
.service-box-layout7:hover .item-content .item-title { color: #ffffff; }
.service-box-layout7:hover .item-content p { color: #ffffff; }
.service-box-layout7:hover .item-content .ghost-btn-md { color: #ffffff; }
.single-service-box-layout1 .main-img { margin-bottom: 30px; }
.single-service-box-layout1 .main-img img { border-radius: 4px; }
.single-service-box-layout1 .item-content .item-info { margin-bottom: 7rem; }
.single-service-box-layout1 .item-content .item-info .item-subtitle { font-size: 24px; font-weight: 500; color: #111111; margin-bottom: 14px; line-height: 1.5; }
@media only screen and (max-width:991px) {
  .single-service-box-layout1 .item-content .item-info .item-subtitle { font-size: 22px; }
}
@media only screen and (max-width:767px) {
  .single-service-box-layout1 .item-content .item-info .item-subtitle { font-size: 20px; }
}
@media only screen and (max-width:575px) {
  .single-service-box-layout1 .item-content .item-info .item-subtitle { font-size: 18px; }
}
.single-service-box-layout1 .item-content .item-info p { margin-bottom: 35px; }
.single-service-box-layout1 .item-content .more-info { margin-bottom: 30px; }
.single-service-box-layout1 .item-content .more-info .more-info-box { margin-bottom: 4rem; }
.single-service-box-layout1 .item-content .more-info .more-info-box .item-img { position: relative; padding-left: 32px; z-index: 2; }
.single-service-box-layout1 .item-content .more-info .more-info-box .item-img img { border-radius: 4px; }
.single-service-box-layout1 .item-content .more-info .more-info-box .item-img:after { content: url('img/service/pattern.png'); position: absolute; top: -32px; left: 0; z-index: -1; }
.single-service-box-layout1 .item-content .more-info .more-info-box .item-img-2 { position: relative; padding-right: 32px; z-index: 2; }
.single-service-box-layout1 .item-content .more-info .more-info-box .item-img-2 img { border-radius: 4px; }
.single-service-box-layout1 .item-content .more-info .more-info-box .item-img-2:after { content: url('img/service/pattern.png'); position: absolute; top: -32px; right: 0; z-index: -1; }
.single-service-box-layout1 .item-content .more-info .more-info-box .item-content ul li { padding-left: 7rem; position: relative; }
@media only screen and (max-width:575px) {
  .single-service-box-layout1 .item-content .more-info .more-info-box .item-content ul li { padding-left: 10rem; }
}
.single-service-box-layout1 .item-content .more-info .more-info-box .item-content ul li .sl-number { text-align: center; position: absolute; top: 0; left: 0; height: 50px; width: 50px; line-height: 50px; border-radius: 50%; background-color: #ebebeb; font-size: 24px; color: #0078b7; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
@media only screen and (max-width:575px) {
  .single-service-box-layout1 .item-content .more-info .more-info-box .item-content ul li .sl-number { height: 45px; width: 45px; line-height: 45px; font-size: 20px; }
}
.single-service-box-layout1 .item-content .more-info .more-info-box .item-content ul li h4 { font-weight: 500; margin-bottom: 10px; }
.single-service-box-layout1 .item-content .more-info .more-info-box .item-content ul li:hover .sl-number { background-color: #0078b7; color: #ffffff; }
.single-service-box-layout1 .item-content .item-gallery .item-title { font-size: 24px; font-weight: 500; }
.single-service-box-layout1 .item-content .item-gallery .gallery-img { margin: 30px 0 55px; }
.single-service-box-layout1 .item-content .item-gallery .gallery-img .item-img { position: relative; text-align: center; }
.single-service-box-layout1 .item-content .item-gallery .gallery-img .item-img img { border-radius: 4px; -webkit-box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.3); }
.single-service-box-layout1 .item-content .item-gallery .gallery-img .item-img .item-icon { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); z-index: 2; }
.single-service-box-layout1 .item-content .item-gallery .gallery-img .item-img .item-icon .play-btn { display: inline-block; height: 55px; width: 55px; line-height: 55px; border-radius: 50%; background-color: #0078b7; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
@media only screen and (max-width:767px) {
  .single-service-box-layout1 .item-content .item-gallery .gallery-img .item-img .item-icon .play-btn { height: 50px; width: 50px; line-height: 50px; }
}
.single-service-box-layout1 .item-content .item-gallery .gallery-img .item-img .item-icon .play-btn i:before { font-size: 24px; color: #ffffff; margin-left: 8px; }
@media only screen and (max-width:767px) {
  .single-service-box-layout1 .item-content .item-gallery .gallery-img .item-img .item-icon .play-btn i:before { font-size: 20px; }
}
.single-service-box-layout1 .item-content .item-gallery .gallery-img .item-img .item-icon .play-btn:hover { background-color: #ffffff; }
.single-service-box-layout1 .item-content .item-gallery .gallery-img .item-img .item-icon .play-btn:hover i:before { color: #0078b7; }
.single-service-box-layout1 .item-content .item-gallery .gallery-img .popup-overlay:after { content: ""; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); border-radius: 4px; position: absolute; top: 0; left: 0; right: 0; z-index: 1; }
.single-service-box-layout1 .item-content .item-services { background-color: #f8f8f8; padding: 40px 50px 30px; border-radius: 4px; margin-bottom: 30px; }
@media only screen and (max-width:767px) {
  .single-service-box-layout1 .item-content .item-services { padding: 40px 30px 30px; }
}
.single-service-box-layout1 .item-content .item-services .item-title { font-size: 24px; font-weight: 500; }
.single-service-box-layout1 .item-content .item-services .service-list { display: flex; margin-top: 30px; }
@media only screen and (max-width:767px) {
  .single-service-box-layout1 .item-content .item-services .service-list { display: block; }
}
.single-service-box-layout1 .item-content .item-services .service-list ul { margin-right: 30px; }
.single-service-box-layout1 .item-content .item-services .service-list ul:last-child { margin-right: 0; }
.single-service-box-layout1 .item-content .item-services .service-list ul li { color: #444444; margin-bottom: 15px; position: relative; padding-left: 30px; }
.single-service-box-layout1 .item-content .item-services .service-list ul li i { position: absolute; top: 5px; left: 0; color: #0078b7; }
.zoom-gallery-box { margin-bottom: 5rem; display: -webkit-box; display: -ms-flexbox; display: flex; }
@media only screen and (max-width:991px) {
  .zoom-gallery-box { display: block; }
}
.zoom-gallery-box .tab-content { padding-right: 10px; }
@media only screen and (max-width:991px) {
  .zoom-gallery-box .tab-content { padding-right: 0; }
}
.zoom-gallery-box .tab-nav-list { display: -ms-grid; display: grid; border-bottom: none; }
@media only screen and (max-width:991px) {
  .zoom-gallery-box .tab-nav-list { display: flex; flex-wrap: nowrap; }
}
@media only screen and (max-width:991px) {
  .zoom-gallery-box .tab-nav-list .nav-item { margin-right: 10px; }
  .zoom-gallery-box .tab-nav-list .nav-item:last-child { margin-right: 0; }
}
.zoom-gallery-box .tab-nav-list .nav-item .nav-link { border-radius: 0; border: none; padding: 0 0 10px; }
@media only screen and (max-width:991px) {
  .zoom-gallery-box .tab-nav-list .nav-item .nav-link { padding: 10px 0 0; }
}
.zoom-gallery-box .tab-nav-list .nav-item .nav-link.active img { opacity: 0.5; }
.zoom-gallery-box .tab-nav-list .nav-item:last-child .nav-link { padding-bottom: 0; }

/*------------------- 5.12 Shop -------------------*/
.shop-wrap-layout1 { padding: 10rem 0; }
.single-product-wrap-layout1 { padding: 10rem 0 7rem; }
.shop-box-layout1 .shop-page-heading .item-showing { margin-bottom: 40px; }
.shop-box-layout1 .shop-page-heading .item-sorting { margin-bottom: 40px; }
.shop-box-layout1 .shop-page-heading .item-sorting .select2-container--classic .select2-selection--single { background: none; border-color: #ccc; }
.shop-box-layout1 .shop-page-heading .item-sorting .select2-container--classic .select2-selection--single .select2-selection__rendered { padding: 0 25px; }
.shop-box-layout1 .product-box { margin-bottom: 25px; }
.shop-box-layout1 .product-box .item-img { background-color: #eeeeee; border-radius: 4px; text-align: center; margin-bottom: 16px; position: relative; overflow: hidden; }
.shop-box-layout1 .product-box .item-img .btn-area .cart-btn { visibility: hidden; opacity: 0; position: absolute; bottom: 15px; left: -100px; font-size: 18px; font-weight: 500; color: #0078b7; background-color: #ffffff; padding: 10px 25px; border-radius: 4px; display: inline-block; margin-right: 2px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.shop-box-layout1 .product-box .item-img .btn-area .cart-btn:hover { background-color: #082c4b; color: #ffffff; }
.shop-box-layout1 .product-box .item-img .btn-area .favorite-btn { visibility: hidden; opacity: 0; position: absolute; bottom: 15px; right: -30px; display: inline-block; background-color: #ffffff; border-radius: 4px; padding: 10px 18px; font-size: 20px; color: #0078b7; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.shop-box-layout1 .product-box .item-img .btn-area .favorite-btn:hover { background-color: #082c4b; color: #ffffff; }
.shop-box-layout1 .product-box .item-content { text-align: center; }
.shop-box-layout1 .product-box .item-content .item-title { font-weight: 500; margin-bottom: 4px; }
.shop-box-layout1 .product-box .item-content .item-title a { color: #111111; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.shop-box-layout1 .product-box .item-content .item-title a:hover { color: #082c4b; }
.shop-box-layout1 .product-box .item-content .item-rating { margin-bottom: 4px; }
.shop-box-layout1 .product-box .item-content .item-rating li { display: inline-block; color: #ff6f00; }
.shop-box-layout1 .product-box .item-content .item-price { font-size: 18px; color: #444444; font-weight: 500; }
.shop-box-layout1 .product-box:hover .item-img .btn-area .cart-btn { visibility: visible; opacity: 1; left: 18px; }
.shop-box-layout1 .product-box:hover .item-img .btn-area .favorite-btn { visibility: visible; opacity: 1; right: 18px; transition-delay: 0.3s; }
.single-product-gallery-layout1 .tab-content { position: relative; border: none; overflow: hidden; }
.single-product-gallery-layout1 .tab-content a { cursor: move; display: block; background-color: #eeeeee; border-radius: 4px; text-align: center; margin-bottom: 10px; }
.single-product-gallery-layout1 .tab-content a img { border-radius: 4px; }
.single-product-gallery-layout1 .nav-tabs { display: flex; margin-left: -5px; margin-right: -5px; border-bottom: none; }
@media only screen and (max-width:1199px) {
  .single-product-gallery-layout1 .nav-tabs { margin-bottom: 35px; }
}
.single-product-gallery-layout1 .nav-tabs .nav-item { width: 25%; padding-left: 5px; padding-right: 5px; }
.single-product-gallery-layout1 .nav-tabs .nav-item:last-child { margin-right: 0; }
.single-product-gallery-layout1 .nav-tabs .nav-item a { display: block; }
.single-product-gallery-layout1 .nav-tabs .nav-item a img { width: 100%; border-radius: 4px; }
.single-product-gallery-layout1 .nav-tabs .nav-item .active { border-radius: 4px; box-shadow: 0px 9px 10px 0px #d5d5d5; }
.single-product-content-layout1 .item-title { font-size: 30px; font-weight: 500; margin-bottom: 8px; }
@media only screen and (max-width:991px) {
  .single-product-content-layout1 .item-title { font-size: 28px; }
}
@media only screen and (max-width:767px) {
  .single-product-content-layout1 .item-title { font-size: 26px; }
}
@media only screen and (max-width:575px) {
  .single-product-content-layout1 .item-title { font-size: 24px; }
}
.single-product-content-layout1 .item-rating { margin-bottom: 12px; }
.single-product-content-layout1 .item-rating li { display: inline-block; color: #ff6f00; }
.single-product-content-layout1 .item-rating .item-review { font-size: 18px; color: #646464; }
.single-product-content-layout1 .item-rating .item-review span { color: #111111; }
.single-product-content-layout1 .item-price { font-size: 24px; font-weight: 500; color: #444444; margin-bottom: 12px; }
@media only screen and (max-width:991px) {
  .single-product-content-layout1 .item-price { font-size: 28px; }
}
@media only screen and (max-width:767px) {
  .single-product-content-layout1 .item-price { font-size: 24px; }
}
.single-product-content-layout1 .entry-meta { border-bottom: 1px solid #d2d2d2; padding-bottom: 20px; margin-bottom: 20px; }
.single-product-content-layout1 .entry-meta li { display: inline-block; color: #444444; font-weight: 700; margin-bottom: 5px; margin-right: 40px; }
.single-product-content-layout1 .entry-meta li:last-child { margin-right: 0; display: block; margin-bottom: 0; }
.single-product-content-layout1 .entry-meta li span { color: #646464; font-weight: 400; }
.single-product-content-layout1 .entry-meta li a { color: #646464; font-weight: 400; transition: 0.3s ease-in-out; }
.single-product-content-layout1 .entry-meta li a:hover { color: #082c4b; }
.single-product-content-layout1 .action-area { display: flex; }
@media only screen and (max-width:479px) {
  .single-product-content-layout1 .action-area { display: block; text-align: center; }
}
.single-product-content-layout1 .action-area li { display: inline-block; margin-right: 15px; }
@media only screen and (max-width:479px) {
  .single-product-content-layout1 .action-area li { display: block; margin-right: 0; margin-bottom: 10px; }
}
.single-product-content-layout1 .action-area li:last-child { margin-right: 0; }
.single-product-content-layout1 .action-area li .input-group { width: auto; }
.single-product-content-layout1 .action-area li .input-group .form-control { text-align: center; height: 58px; width: 60px; display: block; outline: none; font-size: 24px; color: #111111; background-color: #ededed; border: none; margin-right: 4px; border-radius: 4px; }
.single-product-content-layout1 .action-area li .input-group .form-control:focus { box-shadow: none; }
.single-product-content-layout1 .action-area li .input-group .input-group-btn { display: inline-grid; }
.single-product-content-layout1 .action-area li .input-group .input-group-btn .quantity-btn { padding: 6px 12px; margin-bottom: 4px; font-size: 14px; line-height: 1; color: #000000; background-color: #dddddd; background-image: none; border-radius: 4px; outline: none; border: none; cursor: pointer; }
.single-product-content-layout1 .action-area li .cart-btn { border: 2px solid #0078b7; background-color: #0078b7; border-radius: 4px; padding: 12px 4.5rem; display: block; color: #ffffff; font-size: 18px; font-weight: 500; transition: 0.3s ease-in-out; }
.single-product-content-layout1 .action-area li .cart-btn:hover { background-color: transparent; border: 2px solid #d3d3d3; color: #0078b7; }
.single-product-other-info { margin-top: 6rem; margin-bottom: 6rem; overflow: hidden; }
.single-product-other-info .tab-nav-list { border-bottom: 2px solid #dfdfdf; }
@media only screen and (max-width:575px) {
  .single-product-other-info .tab-nav-list { display: block; text-align: center; }
}
.single-product-other-info .tab-nav-list li { position: relative; margin-right: 8rem; padding-bottom: 15px; }
@media only screen and (max-width:767px) {
  .single-product-other-info .tab-nav-list li { margin-right: 5rem; }
}
@media only screen and (max-width:575px) {
  .single-product-other-info .tab-nav-list li { margin-right: 0; display: block; }
}
.single-product-other-info .tab-nav-list li:last-child { margin-right: 0; }
.single-product-other-info .tab-nav-list li a { display: inline-block; font-size: 20px; font-weight: 600; color: #646464; transition: 0.3s ease-in-out; }
.single-product-other-info .tab-nav-list li a:after { content: ""; height: 2px; width: 100%; background-color: #0078b7; bottom: -1px; left: 200px; position: absolute; z-index: 1; transition: 0.3s ease-in-out; visibility: hidden; opacity: 0; }
@media only screen and (max-width:575px) {
  .single-product-other-info .tab-nav-list li a:after { display: none; }
}
.single-product-other-info .tab-nav-list li a.active { color: #444444; }
.single-product-other-info .tab-nav-list li a.active:after { visibility: visible; opacity: 1; left: 0; }
.single-product-other-info .tab-content { padding-top: 25px; }

/*------------------- 5.13 Team -------------------*/
.team-wrap-layout1 { padding: 9.4rem 0 7rem; }
.team-wrap-layout2 { padding: 9.4rem 0 7rem; background-color: #f8f8f8; }
.team-wrap-layout3 { padding: 9.4rem 0 5.4rem; }
.team-wrap-layout4 { padding: 9.4rem 0 5.4rem; }
.single-team-wrap-layout1 { padding: 10rem 0; }
.team-box-layout1 { position: relative; overflow: hidden; border-radius: 4px; margin-bottom: 30px; -webkit-box-shadow: 0px 16px 35px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 16px 35px 0px rgba(0, 0, 0, 0.2); background-color: #c6d2e2; }
.team-box-layout1 .item-img { text-align: center; }
.team-box-layout1 .item-img img { border-radius: 4px; }
.team-box-layout1 .item-content { position: absolute; bottom: -88px; left: 0; right: 0; background-color: rgba(9, 44, 74, 0.8); border-radius: 0 0 4px 4px; padding: 25px; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.team-box-layout1 .item-content .item-title { font-weight: 700; margin-bottom: 8px; }
.team-box-layout1 .item-content .item-title a { color: #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.team-box-layout1 .item-content .item-title a:hover { color: #c9c9c9; }
.team-box-layout1 .item-content .item-subtitle { color: #ffffff; margin-bottom: 10px; }
.team-box-layout1 .item-content .item-social li { display: inline-block; }
.team-box-layout1 .item-content .item-social li a { color: #ffffff; font-size: 18px; padding: 10px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.team-box-layout1 .item-content .item-social li a:hover { color: #111111; }
.team-box-layout1:hover .item-content { bottom: 0; background-color: rgba(255, 0, 0, 0.8); }
.team-box-layout2 { margin-bottom: 30px; }
.team-box-layout2 .item-img { text-align: center; background-color: #c6d2e2; position: relative; overflow: hidden; }
.team-box-layout2 .item-img:after { content: ""; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; right: 0; transform: scale(0.8); visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.team-box-layout2 .item-content { margin: 0 12px; background-color: #ffffff; padding: 35px 20px; text-align: center; transform: translateY(-50px); margin-bottom: -50px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.team-box-layout2 .item-content .item-heading { position: relative; padding-bottom: 12px; margin-bottom: 15px; }
.team-box-layout2 .item-content .item-heading .item-title { font-weight: 700; margin-bottom: 5px; }
.team-box-layout2 .item-content .item-heading .item-title a { color: #111111; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.team-box-layout2 .item-content .item-heading .item-title a:hover { color: #444444; }
.team-box-layout2 .item-content .item-heading:after { content: ""; height: 4px; width: 43px; background-color: #0078b7; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; }
.team-box-layout2 .item-content .item-social li { display: inline-block; }
.team-box-layout2 .item-content .item-social li a { color: #a5a5a5; font-size: 18px; padding: 10px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.team-box-layout2 .item-content .item-social li a:hover { color: #111111; }
.team-box-layout2:hover .item-img:after { visibility: visible; opacity: 1; transform: scale(1); }
.team-box-layout2:hover .item-content { transform: translateY(-60px); }
.team-box-layout3 { margin-bottom: 20px; text-align: center; }
.team-box-layout3 .item-img { border-radius: 4px; position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.team-box-layout3 .item-img img { border-radius: 4px; transform: scale(1); background-color: #c6d2e2; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.team-box-layout3 .item-img:after { content: ""; height: 90%; width: 85%; background-color: rgba(198, 210, 226, 0.4); border-radius: 4px; transform: scale(0.8); position: absolute; top: 1px; left: -1px; right: 0; z-index: -1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
@media only screen and (max-width:575px) {
  .team-box-layout3 .item-img:after { display: none; }
}
.team-box-layout3 .item-content { padding: 20px; }
.team-box-layout3 .item-content .item-heading { position: relative; padding-bottom: 14px; margin-bottom: 20px; }
.team-box-layout3 .item-content .item-heading .item-title { font-weight: 700; margin-bottom: 5px; }
.team-box-layout3 .item-content .item-heading .item-title a { color: #111111; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.team-box-layout3 .item-content .item-heading .item-title a:hover { color: #444444; }
.team-box-layout3 .item-content .item-heading:before { content: ""; height: 4px; width: 0; background-color: #082c4b; border-radius: 4px; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; visibility: hidden; opacity: 0; z-index: 2; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.team-box-layout3 .item-content .item-heading:after { content: ""; height: 4px; width: 95px; background-color: #0078b7; border-radius: 4px; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; }
.team-box-layout3 .item-content .item-social li { display: inline-block; }
.team-box-layout3 .item-content .item-social li a { color: #646464; font-size: 18px; padding: 10px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.team-box-layout3 .item-content .item-social li a:hover { color: #000000; }
.team-box-layout3:hover .item-img img { transform: scale(0.9); }
.team-box-layout3:hover .item-img:after { transform: scale(1); }
.team-box-layout3:hover .item-content .item-heading:before { visibility: visible; opacity: 1; width: 95px; }
.team-box-layout4 { margin-bottom: 20px; }
.team-box-layout4 .item-img { text-align: center; border-radius: 50%; }
.team-box-layout4 .item-img img { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; transform: scale(1); border: 10px solid #ffffff; border-radius: 50%; }
.team-box-layout4 .item-content { padding: 20px; text-align: center; }
.team-box-layout4 .item-content .item-heading { position: relative; padding-bottom: 14px; margin-bottom: 20px; }
.team-box-layout4 .item-content .item-heading .item-title { font-weight: 700; margin-bottom: 5px; }
.team-box-layout4 .item-content .item-heading .item-title a { color: #111111; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.team-box-layout4 .item-content .item-heading .item-title a:hover { color: #444444; }
.team-box-layout4 .item-content .item-heading:after { content: ""; height: 4px; width: 95px; background-color: #0078b7; border-radius: 4px; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; }
.team-box-layout4 .item-content .item-social li { display: inline-block; }
.team-box-layout4 .item-content .item-social li a { color: #646464; font-size: 18px; padding: 10px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.team-box-layout4 .item-content .item-social li a:hover { color: #000000; }
.team-box-layout4:hover .item-img img { transform: scale(0.9); animation: pulse 3000ms infinite; border-color: #0078b7; }
.single-team-box-layout1 { margin-bottom: 6rem; }
.single-team-box-layout1 .item-img { background-color: #c6d2e2; border-radius: 4px; text-align: center; }
.single-team-box-layout1 .item-content { padding-left: 2rem; }
.single-team-box-layout1 .item-content .item-title { font-weight: 700; margin-bottom: 4px; }
.single-team-box-layout1 .item-content .item-subtitle { font-size: 18px; margin-bottom: 30px; }
.single-team-box-layout1 .item-content .item-social { margin-bottom: 14px; }
.single-team-box-layout1 .item-content .item-social li { display: inline-block; font-size: 18px; color: #0078b7; }
.single-team-box-layout1 .item-content .item-social li:first-child { margin-right: 8px; }
.single-team-box-layout1 .item-content .item-social li a { font-size: 16px; color: #787878; padding: 8px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.single-team-box-layout1 .item-content .item-social li a:hover { color: #111111; }
.single-team-box-layout1 .item-content .item-mail { border-bottom: 1px solid #d8d8d8; padding-bottom: 20px; margin-bottom: 20px; font-size: 18px; }
.single-team-box-layout1 .item-content .item-mail i { font-size: 20px; color: #0078b7; margin-right: 16px; }

/*------------------- 5.14 Testimonial -------------------*/
.testimonial-wrap-layout1 { padding: 9.4rem 0; }
.testimonial-box-layout1 { background-color: #f8f8f8; padding: 40px 50px 20px; }
@media only screen and (max-width:575px) {
  .testimonial-box-layout1 { text-align: center; padding: 40px 30px 20px; }
}
.testimonial-box-layout1 .media { margin-bottom: 18px; }
.testimonial-box-layout1 .media .item-img img { border-radius: 50%; display: inline-block; }
.testimonial-box-layout1 .media .media-body .item-title { font-weight: 500; margin-bottom: 4px; color: #000000; }
.testimonial-box-layout1 .media .media-body .item-rating li { display: inline-block; color: #ff9800; }
.testimonial-box-layout1 p { font-style: italic; }
.testimonial-box-layout2 { text-align: center; }
.testimonial-box-layout2 .item-img { margin-bottom: 18px; }
.testimonial-box-layout2 .item-img img { border: 4px solid #ffffff; border-radius: 50%; display: inline-block; width: auto; }
.testimonial-box-layout2 .item-content p { width: 50%; color: #444444; margin: 0 auto 16px; }
@media only screen and (max-width:991px) {
  .testimonial-box-layout2 .item-content p { width: 100%; }
}
.testimonial-box-layout2 .item-content .item-rating { margin-bottom: 10px; }
.testimonial-box-layout2 .item-content .item-rating li { display: inline-block; color: #ff9800; }
.testimonial-box-layout2 .item-content .item-title { font-weight: 500; margin-bottom: 0; }

/*------------------- 5.15 Why Choose -------------------*/
.why-choose-wrap-layout1 { padding: 9.4rem 0 6.4rem; }
.why-choose-box-layout1 { margin-bottom: 30px; }
.why-choose-box-layout1 .item-img { margin-bottom: 24px; overflow: hidden; border-radius: 4px; position: relative; }
.why-choose-box-layout1 .item-img img { border-radius: 4px; transform: scale(1); transition: transform 3s cubic-bezier(0.2, 0.96, 0.34, 1); }
.why-choose-box-layout1 .item-img:after { content: ""; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; right: 0; visibility: hidden; opacity: 0; transform: scale(0.8); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.why-choose-box-layout1 .item-content .item-title { position: relative; font-weight: 700; padding-bottom: 18px; }
.why-choose-box-layout1 .item-content .item-title a { color: #111111; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.why-choose-box-layout1 .item-content .item-title a:hover { color: #0078b7; }
.why-choose-box-layout1 .item-content .item-title:after { content: ""; height: 4px; width: 50px; background-color: #0078b7; position: absolute; bottom: 0; left: 0; }
.why-choose-box-layout1:hover .item-img img { transform: scale(1.1); }
.why-choose-box-layout1:hover .item-img:after { visibility: visible; opacity: 1; transform: scale(1); }

/*=======================================================================
6. Helper Classes
=========================================================================*/

/*------------------- 6.1 Background -------------------*/
.bg-aash { background-color: #f8f8f8; }
.bg-accent { background-color: #0078b7; }
.bg-textprimary { background-color: #ffffff !important; }
.bg-primarytext { background-color: #111111; }
.bg-Primary { background-color: #0078b7; }
.pseudo-textprimary:after { background-color: #ffffff !important; }
.bg-fb { background-color: #3a59a6; }
.bg-twitter { background-color: #4fc3f7; }
.bg-gplus { background-color: #d74d38; }
.bg-pin { background-color: #e52626; }
.bg-linked { background-color: #0d47a1; }
.bg-blank { background-color: #e7e7e7; }

/*------------------- 6.2 Border -------------------*/
.border-none { border: none; }
.primary-border { border: 1px solid #0078b7; }
.border-radius50 { border-radius: 50% !important; }

/*------------------- 6.3 Margin -------------------*/
.mg-b-0 { margin-bottom: 0 !important; }
.mg-t--100 { margin-top: -114px; }
@media only screen and (max-width:991px) {
  .mg-t--100 { margin-top: 0; }
}
.mg-t--108 { margin-top: -108px; }
@media only screen and (max-width:991px) {
  .mg-t--108 { margin-top: 0; }
}
.mg-t--95 { margin-top: -95px; }
@media only screen and (max-width:991px) {
  .mg-t--95 { margin-top: 0; }
}
.mg-t--127 { margin-top: -127px; }
@media only screen and (max-width:991px) {
  .mg-t--127 { margin-top: 0; }
}
.mg-t-5 { margin-top: 5px; }
.mg-t-10 { margin-top: 10px; }
.mg-t-30 { margin-top: 30px; }
.mg-t-20 { margin-top: 20px; }
.mg-t-15 { margin-top: 15px; }
.mg-b-8 { margin-bottom: 8px; }
.mg-b-10 { margin-bottom: 10px; }
.mg-b-15 { margin-bottom: 15px; }
.mg-b-30 { margin-bottom: 30px; }
.mg-b-50 { margin-bottom: 50px; }

/*------------------- 6.4 Misc -------------------*/
.bg-shape-1 { position: relative; overflow: hidden; z-index: 1; }
.bg-shape-1:after { content: url('img/figure/clip1.png'); position: absolute; left: 0; top: 50%; transform: translateY(-50%); line-height: 0; z-index: -1; }
.bg-shape-1:before { content: url('img/figure/clip2.png'); position: absolute; right: 110px; bottom: 0; line-height: 0; z-index: -1; }
.bg-shape-2 { position: relative; z-index: 1; }
.bg-shape-2:after { content: url('img/figure/clip4.png'); position: absolute; left: 130px; bottom: 0; line-height: 0; z-index: -1; }
@media only screen and (min-width:1200px) {
  .slick-slide img{width: 100%}
}
@media only screen and (max-width:991px) {
  .bg-shape-2:after { display: none; }
}
.bg-shape-2:before { content: url('img/figure/clip3.png'); position: absolute; right: 190px; bottom: 0; line-height: 0; z-index: -1; }
@media only screen and (max-width:991px) {
  .bg-shape-2:before { display: none; }
}
.bg-shape-3 { position: relative; overflow: hidden; z-index: 1; }
.bg-shape-3:after { content: url('img/figure/clip5.png'); position: absolute; left: 250px; top: 50%; transform: translateY(-50%); line-height: 0; z-index: -1; }
@media only screen and (max-width:991px) {
  .bg-shape-3:after { display: none; }
}
.bg-shape-3:before { content: url('img/figure/clip3.png'); position: absolute; right: 190px; bottom: 0; line-height: 0; z-index: -1; }
@media only screen and (max-width:991px) {
  .bg-shape-3:before { display: none; }
}
.bg-shape-4 { position: relative; overflow: hidden; }
.bg-shape-4:after { content: url('img/figure/clip1.png'); position: absolute; left: 0; top: 50%; transform: translateY(-50%); line-height: 0; z-index: -1; }
@media only screen and (max-width:991px) {
  .bg-shape-4:after { display: none; }
}
.bg-shape-4:before { content: url('img/figure/clip6.png'); position: absolute; right: 110px; bottom: 75px; line-height: 0; z-index: -1; }
@media only screen and (max-width:991px) {
  .bg-shape-4:before { display: none; }
}
.bg-shape-5 { position: relative; z-index: 1; overflow: hidden; }
.bg-shape-5:after { content: url('img/figure/clip7.png'); position: absolute; left: 0; top: 50%; transform: translateY(-50%); line-height: 0; z-index: -1; }
.bg-shape-5:before { content: url('img/figure/clip8.png'); position: absolute; right: 0; bottom: 0; line-height: 0; z-index: -1; }
.bg-shape-6 { position: relative; z-index: 1; }
.bg-shape-6:after { content: url('img/figure/clip4.png'); position: absolute; left: 130px; bottom: 0; line-height: 0; z-index: -1; }
@media only screen and (max-width:1199px) {
  .bg-shape-6:after { display: none; }
}
.bg-shape-6:before { content: url('img/figure/clip9.png'); position: absolute; right: 270px; top: 50%; transform: translateY(-50%); line-height: 0; z-index: -1; }
@media only screen and (max-width:1199px) {
  .bg-shape-6:before { display: none; }
}
.bg-common { background-position: center; background-size: cover; background-repeat: no-repeat; }

/*------------------- 6.5 Padding -------------------*/
.pd-x-85 { padding-right: 85px; padding-left: 85px; }
@media only screen and (max-width:1199px) {
  .pd-x-85 { padding: 0; }
}
@media only screen and (min-width:992px) {
  .pd-x-lg-85 { padding-right: 85px; padding-left: 85px; }
}
.pd-y-35 { padding-top: 35px; padding-bottom: 35px; }
.pd-b-25 { padding-bottom: 25px; }
.pd-t-35 { padding-top: 35px; }
.pd-l-0 { padding-left: 0 !important; }

/*------------------- 6.6 Position -------------------*/
.possition-static { position: static !important; }

/*------------------- 6.7 Text -------------------*/
.text-primarytext { color: #111111; }
.text-darklight { color: #cccccc !important; }
.text-textprimary { color: #ffffff !important; }
.text-Primary { color: #0078b7 !important; }
.text-accent { color: #082c4b; }
.site-color{color: #0078b7}

/*RL updates*/
.wendy-cole{width: 270px;}
.desktop-tagline h3 { color: #0078b7; font-weight: 700; font-size: 32px; margin-bottom: 0; }
.desktop-tagline h4{margin-bottom: 0; font-weight: 700}
.slick-slider-layout1 .banner-coupon { display: none; }
.mean-bar .addons a { font-weight: 700; padding: 10px 0 }
.header-menu { padding-top: 10px; }
#header-topbar a { color: #fff }
.header-topbar-layout1 ul li { line-height: 16px; }
.about-box-layout4 .about-box-img .sl-number { left: -90px; top: -60px }
.about-box-layout5 .about-box-img .sl-number { right: -90px; top: -60px }
.coupon-item { padding: 20px; border-radius: 0px; margin: 0 10px; margin: 0 auto 20px; background-color: #f3cc42; border: 1px dashed #f0f0f0; text-align: center; }
.coupon-item h4 { color: #000; font-weight: 700; font-size: 42px; line-height: 38px }
.coupon-item h3 { font-size: 45px; line-height: 48px; font-weight: 900; color: #0078b7; text-shadow: 2px 2px 2px #fff }
.coupon-item h3.free{font-size: 69px; line-height: 69px}
.coupon-item a { background: black; color: #fff!important; border-radius: 20px; font-size: 24px; line-height: 32px; padding: 8px 16px; margin: 10px auto; }
.home-coupon { width: 300px; max-width: 100% }
.banner-coupon { width: 230px; opacity: 0.8; }



.coupon-item { padding: 20px; border-radius: 0px; margin: 0 10px; margin: 0 auto 20px; background-color: #f3cc42; border: 1px dashed #f0f0f0; text-align: left; }
.coupon-item h4 { color: #000; font-weight: 700; font-size: 33px; line-height: 38px;margin-bottom: 5px;  }
.banner-coupon h3{font-size: 32px;margin:0;text-shadow: none; line-height: 54px;margin-bottom: 5px;}
.banner-coupon h3 span{font-size: 52px;}
.coupon-item a { background: black; color: #fff!important; border-radius: 20px; font-size: 24px; line-height: 32px; padding: 8px 16px; margin: 10px auto; }
.banner-coupon p.disclaimer{margin-bottom: 0; font-size: 10px; color: #000}
.home-coupon { width: 300px; max-width: 100% }
.banner-coupon { width: 360px; max-width: 100%; margin: 0 0; opacity: 0.9; border-radius: 5px; z-index: 2}
.inner-page-banner:after { background-color: transparent; }
.header-top-left{text-align: center;}
.header-top-left li.schedule{float: left;}
.footer-links a{font-size: 12px;line-height: 14px}
.no-bullets li,
.no-bullet li{list-style: none!important;}
.services{padding: 0}
.covid-notice{color: #fff;}


.inner-page-banner:after { background-color: transparent; }
.header-top-left{text-align: center;}
.header-top-left li.schedule{float: left;}
.footer-links a{font-size: 12px;line-height: 14px}
.no-bullets li,
.no-bullet li{list-style: none!important;}

.inner-page-banner{padding: 2.4rem 0}
.inner-page-banner .breadcrumbs-area h1{display: inline-block; margin-top: 20px; padding: 20px; margin:0;background: rgba(0,120,183,0.6); color: #fff; border-radius: 4px;}
.inner-page-banner .breadcrumbs-area ul{display: none;}


.coupon-item p.disclaimer{line-height: 12px;margin-top:8px;}
.coupon-item p span em{font-size: 12px; line-height: 12px;}

.waltham-video{display: none!important;}

@media only screen and (min-width:1441px) {
  .home-coupon {margin-left: 10px;}
  /*.temp-logo { width: 260px; }*/
  .inner-page-banner .breadcrumbs-area{padding: 20px 0;}
  .inner-page-banner .breadcrumbs-area h1{margin-top: 100px;}
}
@media only screen and (max-width:1440px)  and (min-width:1024px) {
  .header-menu.menu-layout1.rt-sticky nav.template-main-menu > ul > li > a { font-size: 14px; padding: 28px 8px; }
}
@media only screen and (max-width:1200px) {
  .header-action-layout1 ul .header-action-btn .item-btn { padding: 5px; }
  .slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item .item-title { font-size: 14px; line-height: 16px }
  .slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item .item-icon { margin-bottom: 0 }
  .header-menu.menu-layout1 nav.template-main-menu > ul > li > a{padding: 20px 8px}
}

/*MOBILE UPDATES ADD HERE!!! RL*/
@media only screen and (max-width:575px) {
  .home-coupon{margin: 0 auto 20px!important}
  .mean-container a.meanmenu-reveal{color: #0078b7}
  .mean-container a.meanmenu-reveal span{background: #0078b7}
  .mb-offer a{color: #fff;}
  .mb-offer{display: block; background-color: #e15c09;}
  .about-box-content .list-icon li{display: inline-block; max-width: 49%; padding-left: 0; font-size: 1.8rem}
  .slick-slider-layout1 .slick-content .slick-slider .item-img .item-content{top: 40%}
  .slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item .item-title { margin-bottom: 0 }
  .about-box-layout1 { padding: 0 15px; }
  .slick-list{background-color: #0078b7}
  .slick-slide img { max-width: 3600px; height: 340px; margin: 0 auto; }
  .slick-slide img.mb-flip-x { transform: scaleX(-1); }
  .slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item { padding: 10px 5px; }
  .slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item .item-icon { margin-bottom: 0 }
  .slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item .item-icon img { max-height: 30px; margin-bottom: 5px; }
  .heading-layout1 h2 { line-height: 21px; margin-top:20px; }
  .about-wrap-layout6 { padding-top: 20px; }
  .footer-top-wrap-layout1 { padding: 10px 0; background-size: cover }
  .call-banner h3 { margin-bottom: 14px }
  .inner-page-banner{background-position:-70px 0;padding: 35px 0;}
  .inner-page-banner .breadcrumbs-area h1{text-align: center; margin: 3px auto 16px; display: block; padding:12px}
  .inner-page-banner .breadcrumbs-area ul li a,
  .inner-page-banner .breadcrumbs-area ul li,.inner-page-banner .breadcrumbs-area li a,
  .breadcrumbs-area li{color: #0078b7;margin-bottom: 0}
  .inner-page-banner{min-height: 300px}
  .bg-common{background: url(img/slider/mobile.png) no-repeat top center!important; background-size: 100% auto!important;}
  .bg-insects{background: url(img/slider/insects-mb.png) no-repeat top center!important; background-size: 100% auto!important;}
  .bg-avian{background: url(img/slider/insects-mb.png) no-repeat top center!important;background-size:100% auto!important;}
  .bg-bb{background: url(img/slider/bb-mb.png) no-repeat top center!important;background-size:100% auto!important;}
}
@media only screen and (max-width:320px) {
  .inner-page-banner .breadcrumbs-area h1{font-size: 3rem}
  .coupon-item h3{font-size: 36px; line-height: 38px}
  .coupon-item a{ font-size: 18px;}
  .disclaimer,.coupon-item p span em{font-size: 12px;}
}