* { -moz-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; margin:0; padding:0 }
html {overflow-x:hidden; }
body {padding: 0; overflow-x:hidden; margin: 0;line-height:1.3 !important;font-size:16px; font-weight: 400;font-family: 'IBM Plex Sans', Arial, sans-serif;color:#4d4f4f}
img { border:0; vertical-align: top; max-width: 100%; height: auto}
.banner .owl-carousel button.owl-dot{ color:#4d4f4f;text-decoration: none}
.banner .owl-carousel button.owl-dot.active{ -moz-transition: background .55s cubic-bezier(.45,1,.32,1),color .55s cubic-bezier(.45,1,.32,1);
    -webkit-transition: background .55s cubic-bezier(.45,1,.32,1),color .55s cubic-bezier(.45,1,.32,1);
    -o-transition: background .55s cubic-bezier(.45,1,.32,1),color .55s cubic-bezier(.45,1,.32,1);
    -ms-transition: background .55s cubic-bezier(.45,1,.32,1),color .55s cubic-bezier(.45,1,.32,1);
    transition: background .55s cubic-bezier(.45,1,.32,1),color .55s cubic-bezier(.45,1,.32,1);
	
}
p { margin-bottom:15px }
.clr { clear:both;}
a, .banner-button a, .slick-arrow, .btn, .btn .btn__text, .footer .fl li, ul.fl.footer-collapse li, .footer-form input[type="submit"], .footer .social-icon a i, 
.subsplan-sec li .col, .subsplan-sec .col > div{
-moz-transition: all .4s ease-in;-o-transition: all .4s ease-in; -ms-transition: all .4s ease-in; -webkit-transition: all .4s ease-in;transition: all .4s ease-in;   
}
a:hover, .banner-button a:hover, .slick-arrow:hover, .btn:hover, .btn .btn__text:hover, .footer .fl li:hover, ul.fl.footer-collapse li:hover .footer-form input[type="submit"]:hover, 
.footer .social-icon a:hover i, .subsplan-sec li:hover .col, .subsplan-sec .col:hover > div{
-moz-transition: all .4s ease-out;-o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -webkit-transition: all .4s ease-out;transition: all .4s ease-out;    
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'IBM Plex Sans', Arial, sans-serif;}
.container:after, .topbar:after, .category-row li p:after, .slick-slide > div:after {content:''; display: table; clear: both}
.container { max-width:1330px; width:100%; margin:0 auto; padding:0 15px; }
.df-row {-moz-display: flex;-o-display: flex; -ms-display: flex; -webkit-display: flex; display: flex; -moz-flex-direction: row;-o-flex-direction: row;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}
.df-row-reverse {-moz-display: flex;-o-display: flex; -ms-display: flex; -webkit-display: flex; display: flex; -moz-flex-direction:  row-reverse;-o-flex-direction:  row-reverse;-ms-flex-direction:  row-reverse;-webkit-flex-direction:  row-reverse;flex-direction: row-reverse;}
.df-column {-moz-display: flex;-o-display: flex; -ms-display: flex; -webkit-display: flex; display: flex; -moz-flex-direction: column;-o-flex-direction: column;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
.df-column-center {-moz-display: flex;-o-display: flex; -ms-display: flex; -webkit-display: flex; display: flex; -moz-flex-direction: column;-o-flex-direction: column;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column; -moz-align-items: center;-o-align-items: center;-ms-align-items: center;-webkit-align-items: center;align-items: center }
.df-column-justify-center {-moz-display: flex;-o-display: flex; -ms-display: flex; -webkit-display: flex; display: flex; -moz-flex-direction: column;-o-flex-direction: column;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column; -moz-justify-content: center;-o-justify-content: center;-ms-justify-content: center;-webkit-justify-content: center;justify-content: center;}
.df-row-center {-moz-display: flex;-o-display: flex; -ms-display: flex; -webkit-display: flex; display: flex; -moz-flex-direction: row;-o-flex-direction: row;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row; -moz-align-items: center;-o-align-items: center;-ms-align-items: center;-webkit-align-items: center;align-items: center}
.fg-equal-width>* {-moz-flex: 1 1 0;-o-flex: 1 1 0;-ms-flex: 1 1 0;-webkit-flex: 1 1 0;flex: 1 1 0;}
.img-fit {width:100%;-moz-object-fit:cover;-o-object-fit:cover; -ms-object-fit:cover; -webkit-object-fit:cover; object-fit:cover; }
.text-center { text-align: center}
section {padding:70px 0}
.main { padding-top: 0}
/*topbar section*/
.topbar { background: #4e504f; color: #fff;  width:100%;font-size: 14px; margin-left:0; padding: 14px 0 !important  }
.topbar .container, .category-row   {-moz-display: flex;-o-display: flex; -ms-display: flex; -webkit-display: flex; display: flex; -moz-flex-direction: row;-o-flex-direction: row;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}
.topbar .left, .topbar .middle, .topbar .right, .category-row li{ -moz-flex-grow: 1;-o-flex-grow: 1;-ms-flex-grow: 1;-webkit-flex-grow: 1;flex-grow: 1;-o-flex-basis: 0;-ms-flex-basis: 0;-webkit-flex-basis: 0;flex-basis: 0;flex-basis: 0;}
.topbar p{ display: inline-block; font-size:14px; color:#fff}
.topbar .left p { display:inline-block; margin:0px 0 0; padding-right: 15px; color:#fff}
.topbar .left p img { margin:0 9px 0 0;}
.topbar .right{ position: relative}
.topbar .middle { text-align:center}
.topbar .middle p:first-child { margin-left: 0}
.topbar .middle p:last-child { margin-right: 0}
.topbar .middle p span { position: relative; margin-left: 20px}
.topbar .right ul{ float: right; margin:0; height:auto;}
.topbar .social-icon a { margin:0 7px; color: #444}
.social-icon{ position: relative; padding-left: 10px; margin-top: 7px}
.social-icon:before{content: ''; position: absolute;left:0; top:5px; width: 1px; height: 10px;  background: #333333}
.topbar .right li.user-name:before  {/*content:"\f107";  display: inline-block;font: normal normal normal 14px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position: absolute; right:14px; top:8px; color: #000; font-size: 16px; line-height:1; font-weight: 500*/}
.topbar .right li.user-name ul { width:120px; z-index:999999; background: #fff; padding:5px 10px 10px 10px; float: left; position: absolute; left:0; opacity: 0; visibility: hidden; -moz-transition:0.2s ease-out; -o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; top:54px;
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);-o-box-shadow: 0 0 5px rgba(0,0,0,0.1);-ms-box-shadow: 0 0 5px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.topbar .right li.user-name.active { background:transparent}
.topbar .right li.user-name.active ul  { opacity: 1; visibility: visible;-moz-transition:0.4s ease-in; -o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; top:32px}
.topbar .right li { display: inline-block; margin: 0 10px; position: relative}
.topbar .right li:after{ content: ''; position: absolute; right:-12px; top:0; background: #fff; height: 18px; width: 1px}
.topbar .middle p span:after{ content: ''; position: absolute; left:-12px; top:-2px; background: #fff; height: 18px; width: 1px}
.topbar .middle p { position:relative; margin: 0 10px; color:#fff;font-size:14px; }
.topbar .right li:last-child:after, .topbar .middle p:last-child:after, .topbar .right li:nth-child(5):after { display: none}
.topbar .right li a{ color:#fff; font-weight:300; padding-left:0; padding-right:0;text-transform:none;font-family: 'IBM Plex Sans', Arial, sans-serif;; font-size:14px;}
.topbar .right li.user-name.active + li.social-icon:before {display: none}
.user-name ul { width:120px; z-index:1; background: #fff; padding:5px 10px 10px 10px; float: left; position: absolute; left:0; opacity: 0; visibility: hidden; -moz-transition:0.2s ease-out; -o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; top:108px}
.topbar .right li.user-name{ padding:0px; position: relative}
.topbar .right li.user-name a i{ margin-right: 5px; font-size: 15px}
.topbar .right li.user-name:hover a, .topbar .right li.user-name:hover a, .topbar .right li a:hover {color:#00adec}
.topbar .right li.user-name.active a {color:#00adec}
.topbar .right li.user-name:hover:before, .topbar .right li.user-name:hover:before{color:#333}
.topbar .right li.user-name.active:before, .topbar .right li.user-name.active:before {color:#fff;-moz-transform: rotate(-180deg);-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);transform: rotate(-180deg); }
/*.topbar .right li.user-name.active a, .topbar .right li.user-name.active a{ color: #fff}*/
.topbar .right li.user-name ul li, .topbar .right li.user-name ul li { margin-bottom:8px; padding: 0; display: block; line-height: 1.1}
.topbar .right li.user-name ul li { display: block; float: none}
.topbar .right li.user-name ul li:after { display:none}
.topbar .right li.user-name ul li a { font-weight: 400; color: #333; font-size: 14px}
.topbar .right li.user-name ul li:last-child{ margin-bottom: 0} 
.topbar .right li.user-name.active ul a, .topbar .right li.user-name ul a, .topbar .right li.user-name ul a, .topbar .right li.user-name.active ul a  { color: #1f1f1f; font-size: 14px; }
.topbar .right li.user-name.active ul a:hover, .topbar .right li.user-name.active ul a:hover {color:#2962ff} 
.topbar .right li + .cart-count{display:none;} 
/*header section*/
.header {width: 100%; padding:0 0 15px; background:#fff; -moz-display: flex;-o-display: flex; -ms-display: flex; -webkit-display: flex; display: flex; -moz-align-items: center;-o-align-items: center;-ms-align-items: center;
-webkit-align-items: center;align-items: center; position: relative;}
.header .container { position: relative}
.header.header-fixed { position:fixed; top:0; left:0; width: 100%; background:#fff;  -moz-box-shadow:1px 0 10px rgba(0,0,0,0.2); -o-box-shadow: 1px 0 10px rgba(0,0,0,0.2); -ms-box-shadow:1px 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 0 10px rgba(0,0,0,0.2); box-shadow: 1px 0 10px rgba(0,0,0,0.2)}
.topbar.active {top: -32px}
.custom-logo-link{float:left; margin-top: 25px}
.custom-logo-link .logo.logo-light {display:none !important;}
.nav-left { margin-right: auto;-moz-display: flex;-o-display: flex; -ms-display: flex; -webkit-display: flex; display: flex;-moz-align-content: flex-start;-o-align-content: flex-start;-ms-align-content: -webkit-flex-start;align-content: flex-start;}
.nav-right { margin-left: auto; -moz-display: flex;-o-display: flex; -ms-display: flex; -webkit-display: flex; display: flex;-moz-align-content: flex-end;-o-align-content: flex-end;-ms-align-content: -webkit-flex-end;align-content: flex-end;}
.nav-right ul {}
.nav-right ul li { display: inline-block; margin: 0 12px}
.nav-right a img { height: 17px}
/*navigation section*/
.navMenu { display:none}
.nav { float:none; /*-moz-display: flex; -o-display: flex; -ms-display: flex; -webkit-display: flex; display: flex; -moz-align-items: center;-o-align-items: center;-ms-align-items: center;-webkit-align-items: center;align-items: center;*/}
.nav-middle { padding-top: 28px; padding-left: 135px; margin-left: auto; -moz-display: flex;-o-display: flex; -ms-display: flex; -webkit-display: flex; display: flex;-moz-align-content: flex-end;-o-align-content: flex-end;
-ms-align-content: -webkit-flex-end;align-content: flex-end; -moz-flex-direction: column;-o-flex-direction: column;-ms-flex-direction: column;
-webkit-flex-direction: column;flex-direction: column;}
.search-bar { width:calc(100% - 193px); background: #f4f4f4; margin-top: 5px; display: inline-block}
.search-bar .form-control, .search-bar .search-btn { border-radius: 0!important; border: 0 !important; height: 100%}
.search-bar .form-control { font-size:15px; padding: 0 10px; background:transparent; }
.search-bar .form-control {width:100%; }
.search-bar .search-box { height: 36px; overflow: hidden; position: relative; border: 2px solid #00aeeb}
.search-bar .search-btn {background: #f4f4f4; padding: 0; width:36px; height: 36px; position:absolute; right: 0; top:-2px; cursor: pointer}
.search-bar .search-btn:hover {background: #00aeeb;} 
.search-bar .search-btn:hover i { color: #fff}
.search-bar .search-btn i { color:#00aeeb; font-size: 18px; font-weight: 500}
.nm-inner { margin-bottom:5px}
.nmi-right { display:inline-block; vertical-align: top; padding-left: 20px; color: #4d4f4f; font-weight: 500}
.nmi-right a { margin-bottom:4px; color: #4d4f4f; display:inline-block}
.nmi-right p { margin-bottom: 0; padding:0 !important;}
/*banner section*/
.banner-slider  {/* height: 510px; */overflow: hidden; position: relative}
.slick-arrow { position: absolute; background:rgba(0,174,235,0.7); width:55px; height: 55px; line-height: 55px; outline: 0; border: 0;cursor: pointer;font-size: 50px; top:42%; bottom:48%; color: #fff; text-align: center;z-index: 15;-moz-border-radius: 99%;-o-border-radius: 99%;-ms-border-radius: 99%;-webkit-border-radius: 99%;border-radius: 99%;}
.slick-arrow:hover{background:rgba(0,0,0,0.7);}
.slick-arrow:after, .tparrows:after {content:"\f105"; text-indent: 0 !important; text-align:center;display: inline-block;font: normal normal normal 14px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position: absolute; right:0; left:0; top:1px; color: #fff; font-size: 45px; line-height:52px; font-weight: 500; border:0 !important}
.slick-prev { left:115px}
.slick-prev:after, .tp-leftarrow:after {content:"\f104"; left:-6px;} 
.slick-next:after, .tp-rightarrow:after {content:"\f105"; right: -6px}
.slick-next{ right:115px} 
.banner-row { position: relative}
.banner-row figure { overflow: hidden}
.banner-row figure img {width:100%; height: 510px; -moz-object-fit:cover;-o-object-fit:cover; -ms-object-fit:cover; -webkit-object-fit:cover; object-fit:cover; -moz-object-position: top;-o-object-position: top;-ms-object-position: top;-webkit-object-position: top;object-position: top;}
.banner-row figure img {height:510px !important;}
.banner-row aside { width:100%; height: 100%; position: absolute; left:0; top:0}
.banner-row aside .container { height:100%}
.banner-slider .slick-slide.slick-active .banner-button {padding-bottom:5px;}
.banner-row aside .col{ 
  max-width:400px !important;
    height: 100% !important;
    padding: 35px !important;
    background-color: rgba(0,0,0, 0.9)!important;
    color: #fff;
    padding-top: 50px !important;
    -moz-display: flex;
    -o-display: flex;
    -ms-display: flex;
    -webkit-display: flex;
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -moz-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 1 !important;
    z-index: 99999 !important;
    visibility: visible !important;
    
}
.banner-row aside h5, .banner-row .banner-heading { font-size: 28px !important; color:#fff !important; line-height: 1.2 !important;font-weight: 400 !important}
.banner-row aside p, .banner-row .banner-text, .banner-row.banner-sub-row .aside-column p{ margin: 20px 0 30px !important; line-height: 1.5 !important; padding:0 !important;}
.banner-row.banner-sub-row .aside-column p {color:#fff;margin:  0 0 15px !important;}
.banner-button { -moz-display: flex;-o-display: flex; -ms-display: flex; -webkit-display: flex; display: flex; -moz-flex-direction: column;-o-flex-direction: column;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
.banner-button a {padding:8px 0; text-align: center; margin-bottom: 10px; width: 145px; font-size: 14px; color:#fff; -moz-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; background: rgb(0,125,170);
background: -moz-linear-gradient(0deg, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%);background: -o-linear-gradient(0deg, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%);background: -ms-linear-gradient(0deg, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%);background: -webkit-linear-gradient(0deg, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%);background: linear-gradient(0deg, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%); }
.banner-button a:hover {background:#222}
.banner-slider .slick-slide.slick-active h5{-webkit-animation:fadeInUp 1s both 1s;animation:fadeInUp 1s both 1s}
.banner-slider .slick-slide.slick-active p{-webkit-animation:fadeInUp 1s both 1.5s;animation:fadeInUp 1s both 1.5s}
.banner-slider .slick-slide.slick-active .banner-button{-webkit-animation:fadeInUp 1s both 2s;animation:fadeInUp 1s both 2s}
@-webkit-keyframes fadeInUp {
0% {opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
100% {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
0% {opacity:0;-webkit-transform:translate3d(0, 100%, 0);-ms-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
100% {opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp}
.btn .btn__text {font-family: 'IBM Plex Sans', Arial, sans-serif; text-transform:none;padding:12px 30px !important; font-size:14px!important;display: inline-block;text-align: center; color:#fff;margin-right:0; border:0 !important; line-height:1.3 !important; margin:0 !important; -moz-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; background: rgb(0,125,170);background: -moz-linear-gradient(0deg, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%);background: -o-linear-gradient(0deg, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%);background: -ms-linear-gradient(0deg, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%);background: -webkit-linear-gradient(0deg, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%);background: linear-gradient(0deg, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%); }
.btn .btn__text:hover {background:#222}
.btn .btn__text span {display: inline-block;font-size: 14px !important; margin-bottom:0 !important;font-weight: 400; margin: 0; text-align:center;}
.btn {border:0 !important; display:inline-block; padding:0;}
.btn-outline, .post-sec .wppsac-readmorebtn {padding:7px 30px !important; display: inline-block;text-align: center; font-size: 15px; color:#00adec; border: 1px solid #00adec}
.btn-outline:hover, .post-sec .wppsac-readmorebtn:hover {background:#00adec; color: #fff}
.wppsac-post-carousel.design-1 .wppsac-carousel-slides:focus { border: 0;outline: none}
.sevices-sec{ background:#f4f4f4}
ul:not(.menu):not(.slides):not(.accordion):not(.tabs):not(.tabs-content), ol:not(.menu):not(.slides):not(.accordion):not(.tabs):not(.tabs-content) {line-height:1.3;}
.sevices-sec {  } 
.sevices-sec li  {  padding:0 15px}
.sevices-sec li .col { padding:40px 20px 30px; height: 100%; background: #fff; text-align: center;position: relative}
.sevices-sec li .col img { margin-bottom:0;}
.sevices-sec li strong { display: block; font-size:26px; font-weight: 500; margin:25px 0 35px }
.sevices-sec li span, .sevices-sec li span p{ display:block; text-align: left; font-size: 20px; font-weight: 500; margin-bottom: 20px}
.sevices-sec li p, .video-sec .col p, .video-sec p{ font-size: 18px;text-align: left; margin: 0 0 20px !important;}
.video-sec ul{-moz-display: flex;-o-display: flex; -ms-display: flex; -webkit-display: flex; display: flex; -moz-flex-direction: row;-o-flex-direction: row;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;  -moz-align-items: center;-o-align-items: center;-ms-align-items: center;-webkit-align-items: center;align-items: center; }
.video-sec ul li { text-align: center; }
.video-sec ul li:first-child{width:70%; }
.video-sec ul li:last-child{width:30%; display: flex; align-items: center; height: 100%}
.video-sec .col { padding: 0 35px;}
.video-sec .col strong, .video-section h2 { margin: 30px 0 30px; font-size: 30px; font-weight: 500}
.video-sec .vc_empty_space { display:none;}
section.two-column-sec, section.testimonial-sec{ padding-top: 0}
.two-column-sec li {width:50%;}
.two-column-sec .col { height: 456px; background: #f4f4f4}
.two-column-sec figure{ width:47%; float: left}
.two-column-sec .desc-column { width:53%; float: left}
.two-column-sec h2 {margin-bottom:0}
.two-column-sec figure img { height: 456px; width:100%; -moz-object-fit:cover;-o-object-fit:cover; -ms-object-fit:cover; -webkit-object-fit:cover; object-fit:cover}
.two-column-sec .desc-column { padding:15px 18px 15px}
.two-column-sec span { font-size: 30px; font-weight: 500; display: block}
.two-column-sec strong { font-size: 20px; font-weight: 400; margin: 10px 0 30px !important}
.two-column-sec p { font-size: 18px}
.two-column-img .vc_column-inner{ height:100%}
.two-column-sec .row {-moz-display: flex;-o-display: flex; -ms-display: flex; -webkit-display: flex; display: flex; -moz-flex-direction: row;-o-flex-direction: row;
-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}
.two-column-sec .giving-back-text .vc_column-inner{ height:100%;}
.two-column-sec .desc-column .btn { margin-top: 10px}
h2 { font-size: 36px; font-weight: 600; margin-bottom: 30px}
.ts-row { max-width:660px; width:100%; margin: 0 auto; display: block !important; text-align: center}
.ts-row p{ font-size:24px; font-weight: 400;width: 90%; margin: 0 auto 20px auto}
.ts-row strong{ font-size:20px; text-align: right; font-weight: 700;  margin:0 0px 30px 0}
.slick-dots { text-align: center; width: 100%;}
.slick-dots a { width:10px; height: 10px; display: inline-block; vertical-align: middle;margin: 0 6px; background: #06abed; text-indent: -10000px; -moz-border-radius: 99%;-o-border-radius: 99%;-ms-border-radius: 99%;-webkit-border-radius: 99%;border-radius: 99%}
.slick-dots li { vertical-align: middle;}
.slick-dots li.slick-active a { width: 15px; height: 15px;background:#4e504f;}
.post-sec { background: #f4f4f4} 
.post-col{ width:33.33333333333333%; float: left; padding: 0 15px; height: 100%; }
.post-sec .slick-slide > div {padding: 0 0px}
.post-row { padding: 0 15px}
.post-slider { margin-top:20px}
.post-link, .post-link a { color:#00adec; display: inline-block;text-decoration:none; font-size: 18px}
.post-sec .col { background: #fff; font-size: 18px; padding:20px; height: 100%; text-align: center;/*-o-display: flex; -ms-display: flex; -webkit-display: flex; display: flex; -moz-flex-direction: column;-o-flex-direction: column;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;*/}
.post-sec figure img{ height:275px}
.post-sec .col i {font-style:normal;color:#00adec; display: block; margin-top: 15px; height: 50px;}
.post-sec .col i, .post-sec .col p { text-align:left}
.post-sec .col p { margin: 13px 0 45px}
.post-sec .desc-column p, .wppsac-sub-content { font-size:16px;min-height:50px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -o-box;display: -ms-box;display: -webkit-box;
-moz-line-clamp: 3;-o-line-clamp: 3;-ms-line-clamp: 3;-webkit-line-clamp: 3;line-clamp: 3;-moz-box-orient: vertical;-o-box-orient: vertical;
-ms-box-orient: vertical;-webkit-box-orient: vertical;box-orient: vertical;}
.wppsac-post-carousel.design-1 .wppsac-post-title a {min-height:inherit}
.wppsac-post{ margin:20px -15px 0}
.post-sec .col span { text-align: left; font-size: 16px; display: block;border-top:2px solid #efefef; margin: 20px 0 5px; padding-top: 10px}
.post-sec .col span strong { display:inline-block; .wppsac-post-carousel.design-1 .wppsac-carousel-slides{ position:relative;}font-weight: 400}
.post-sec .post-row { }
.wppsac-post-carousel.design-1 .wppsac-carousel-slides{ position:relative; margin:0 8px;}
.post-sec .wppsac-post-carousel button.slick-prev {background: rgba(0,174,235,0.7) url(arrow-left.png) center center no-repeat !important;}
.post-sec .wppsac-post-carousel button.slick-next {background: rgba(0,174,235,0.7) url(arrow-right.png) center center no-repeat !important;}
.testimonial-sec .vc_empty_space {display:none;}
.wppsac-post-slider-init {}
.wpcf7 textarea {
    background: #ffffff;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 100%;
    background: #fff;
    padding: 0 10px; 
    font-size: 15px;
    color: #4a4a4a;
    border: 1px solid #ccc;
    padding: 0 10px !important;
}
section.post-sec {padding:70px 0 !important}
.post-slider .draggable { height: 100%; }
.post-slider .slick-track .slick-list .draggable > div { height:100%}
.post-sec .col { display:block !important}
.post-slider .slick-prev { left:-13px}
.post-slider .slick-next { right:-13px}
.post-sec .slick-slide > div:focus { outline: none}
.post-slider-parent, .wppsac-post-slider-init { margin:0 -15px}
.wppsac-post-slider-init {margin-top:11px}
.post-sec .wppsac-post-carousel.design-1 .wppsac-post-image-bg {margin-bottom:0!important}
/*footer section*/
.footer { background:#3a3c3b; padding:35px 0 10px; margin-top: 0}
.footer .footer-col { width:33.3333333333333%; color: #a3a3a2; padding: 0 20px; float: left}
.footer .footer-col h5{ font-size:30px;font-weight: 400; color:#fff; margin-bottom: 10px; position: relative}
.footer .footer-col p{ margin-bottom: 15px}
.footer .footer-col.two-column .col{ width: 50%; float: left}
.writeus { margin-top:30px}
.footer .fl li, ul.fl.footer-collapse li{ margin-bottom: 15px; position: relative; display: block}
.footer .fl li:after, ul.fl.footer-collapse li:after{content:"\f105";  display: inline-block;font: normal normal normal 14px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
position:absolute; left:-15px; opacity: 0; top:3px; font-size: 18px}
.footer .fl li a, ul.fl.footer-collapse li a {padding-left:0; font-size: 18px; color: #00adec}
.footer .fl li a:hover, .footer a:hover, ul.fl.footer-collapse li a:hover{ color: #fff}
.footer .fl li:hover:after, ul.fl.footer-collapse li:hover:after {left:0; opacity: 1; color: #fff }
.footer .fl li:hover, ul.fl.footer-collapse li:hover{ padding-left:15px} 
.f-logo { width:200px;  display: inline-block;margin:3px 0 40px} 
.f-logo + .textwidget, .footer-para-col-1 { font-size: 18px !important; color: #fff}
.footer .und { text-decoration: underline}
.footer .footer-col h5.footer-heading { display:none}
.footer .social-icon { padding-left: 0; text-align: center; margin-top: 0}
.footer .social-icon br {display:none}
.footer .social-icon a {display: inline-block;text-align: center;position: relative;color: #fff;margin:0 15px 55px; -webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.footer .social-icon a:hover i{ color: #00adec}
.footer .social-icon a i{ position: relative; font-size:38px; margin:0 auto;}
.footer .footer-text { position:relative; color: #fff; }
.footer-text i { position: absolute; left:0; top:-1px}
.footer-bottom { margin-top: 40px; float: left; width: 100%}
.footer-bottom p{  margin-bottom: 0; color: #fff; font-size: 12px; width: 100%; float: left;margin-top: 6px;}
.footer-text.pl-0 { padding-left: 0}
.footer-top-heading .col{ width:49.5%; display: inline-block;vertical-align: middle}
.footer-top-heading { margin-bottom: 16px}
.footer-top-heading .col:last-child { text-align: right; font-size: 16px; color: #fff}
.footer-top-heading .col:last-child p {margin:4px 0 0; width:100%; text-align:right;}
.footer-top-heading .col:last-child a { color:#fff; text-decoration: none}
.footer-form input[type="text"], .footer-form input[type="email"], .footer-form textarea, 
.calculation-sec .middle .one-half-column span.wpcf7-form-control-wrap .wpcf7-form-control,
.calculation-sec .middle .pp-calculator input[type="text"], .calculation-sec .middle .pp-calculator input[type="email"],
.calculation-sec .middle .pp-calculator textarea{ 
    height: 36px; width: 100%; background: #fff; padding: 0 10px; font-size: 15px; color:#4a4a4a; border: 1px solid #ccc; -moz-border-radius: 3px;-o-border-radius: 3px;
    -ms-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;border-radius: 3px;-moz-box-shadow: inset 1px 2px 5px rgba(0,0,0, 0.2);
    -o-box-shadow: inset 1px 2px 5px rgba(0,0,0, 0.2);-ms-box-shadow: inset 1px 2px 5px rgba(0,0,0, 0.2);-webkit-box-shadow: inset 1px 2px 5px rgba(0,0,0, 0.2);
    box-shadow: inset 1px 2px 5px rgba(0,0,0, 0.2);
    
}
.footer-form textarea  { height: 75px}
.footer-form .wpcf7-form-control-wrap {display:block; margin-bottom:10px;}
.footer-form .wpcf7-form-control-wrap + br {display:none}
.footer-form input[type="submit"], .pp-calculator .wpcf7-submit {padding:11px 50px; height:auto !important; cursor: pointer;border: 0; text-align: center; font-size: 14px; color:#fff; -moz-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; background: rgb(0,125,170);background: -moz-linear-gradient(0deg, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%);background: -o-linear-gradient(0deg, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%);background: -ms-linear-gradient(0deg, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%);background: -webkit-linear-gradient(0deg, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%);background: linear-gradient(0deg, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%); }
.footer-form input[type="submit"].wpcf7-submit:hover, input[type='submit'].wpcf7-form-control.wpcf7-submit:hover{ background: #fff; color: #d4d4d4 !important}
.pp-calculator .wpcf7-submit:hover {color:#fff !important;}
.footer .widget .col {width:50%; float:left}
.footer .textwidget > p { display:none;}
input[type='submit'].wpcf7-form-control.wpcf7-submit {
    line-height:1.3 !important;
    padding: 11px 50px !important;
    height: auto !important;
    cursor: pointer;
    border: 0;
    text-align: center;
    width:100%;
    font-size: 14px !important;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    color: #fff;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgb(0,125,170);
    background: -moz-linear-gradient(0deg, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%);
    background: -o-linear-gradient(0deg, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%);
    background: -ms-linear-gradient(0deg, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%);
    background: -webkit-linear-gradient(
0deg
, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%);
    background: linear-gradient(
0deg
, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%);
}
.footer-form input[type="text"]::-moz-placeholder {color: #4a4a4a; font-size: 15px; }
.footer-form input[type="text"]:-ms-input-placeholder { color: #4a4a4a; font-size: 15px; }
.footer-form input[type="text"]:-moz-placeholder{ color: #4a4a4a; font-size: 15px; }
.footer-form input[type="text"]::-webkit-input-placeholder { color:#4a4a4a;font-size: 15px; }
.footer-form input[type="text"]:placeholder { color: #4a4a4a;font-size: 15px; }
.footer-form .form-group { margin-bottom: 10px}
.pp-link { float:left; margin: 0 -10px 0}
.pp-link li { margin: 0 10px; display: inline-block;position: relative}
.pp-link li a{ color:#00adec; font-size: 12px}
.pp-link li:after {content: '';position: absolute;left: -11px;top: 6px;background: #fff;width: 1px;height: 12px;}
.pp-link li:first-child:after { display: none}
.scroll_To_Top { width:50px; height: 50px; line-height:50px; font-size:24px; z-index: 999999; text-align: center;border-radius: 90px; background:rgba(0,0,0, 0.75); color: #fff; position: fixed; bottom:15px; right:15px}
.search-menu-icon{width: 30px;height: 30px;background: #00adec; text-align: center;line-height: 30px;border-radius: 50%;color: #fff;position: absolute; right: 63px; top:17px; display: none}
.search-menu-icon i { color:#fff}
.banner-sec-sub figure {height:510px; }
.banner-sec-sub figure img { height: 510px; width:100%; -moz-object-fit:cover;-o-object-fit:cover; -ms-object-fit:cover; -webkit-object-fit:cover; object-fit:cover}
.banner-row.banner-sub-row .col{ /*width:calc(100% - 1190px); width:31%;*/  padding:30px 60px; height: 100%; max-width:400px;background: #4d4f4e;border-top:36px solid #ffb612}
.banner-row.banner-sub-row  aside .col { max-width: 590px}
.banner-row.banner-sub-row .col-sub {padding-left:0 !important;padding-right:0 !important; width:calc(100% - 400px); height:510px;}
.banner-row.banner-sub-row .col.col-sub { padding: 30px 30px !important;  width:400px !important;}
.banner-row banner-sub-row {}
.banner-row.banner-sub-row .container{padding:0 !important; max-width:100% !important;}
.banner-row.banner-sub-row .container > .row {margin:0 !important;}
.banner-row.banner-sub-row figure { padding-left:0 !important}
.banner-row.banner-sub-row aside .container { padding: 0; max-width: 100%}
.banner-button-sub, .subpage-banner-button a {margin-top:0 !important; text-decoration:none !important;line-height: normal !important; display: inline-block !important;padding:9px 30px !important; text-align: center !important; margin-bottom: 10px !important; 
font-size: 14px !important; color:#4a4a4a !important; -moz-border-radius: 5px !important;-o-border-radius: 5px !important;-ms-border-radius: 5px !important;
-webkit-border-radius: 5px !important;border-radius: 5px !important; background: rgb(254,198,43) !important;
background: -moz-linear-gradient(0deg, rgba(254,198,43,1) 0%, rgba(255,183,19,1) 100%) !important;
background: -o-linear-gradient(0deg, rgba(254,198,43,1) 0%, rgba(255,183,19,1) 100%) !important;
background: -ms-linear-gradient(0deg, rgba(254,198,43,1) 0%, rgba(255,183,19,1) 100%) !important;
background: -webkit-linear-gradient(0deg, rgba(254,198,43,1) 0%, rgba(255,183,19,1) 100%) !important;
background: linear-gradient(0deg, rgba(254,198,43,1) 0%, rgba(255,183,19,1) 100%); !important}
.banner-button-sub:hover {background:#fff  !important}

.st-button.subpage-banner-button a { 
    color:#fff !important;
    background: rgb(0,125,170);
    background: -moz-linear-gradient(0deg, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%) !important;
    background: -o-linear-gradient(0deg, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%) !important;
    background: -ms-linear-gradient(0deg, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%) !important;
    background: -webkit-linear-gradient(
0deg
, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%)!important;
    background: linear-gradient(
0deg
, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%)!important;
    width:135px;
}
.banner-sec-sub .content-left p { color: #fff; font-size: 18px}
.banner-sec-sub .banner-logo { margin-bottom: 25px}
h4 { font-size: 40px; font-weight: 500; color:#4d4f4f}
h4 + .top-lbl { font-size:27px; font-weight:300; margin: 10px 0 40px}
.optimize-sec ul { max-width: 750px; width: 100%; margin: 0 auto}
.optimize-sec li { margin-bottom: 30px; -moz-display: flex;-o-display: flex; -ms-display: flex; -webkit-display: flex; display: flex; -moz-flex-direction: row;-o-flex-direction: row;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row; align-items: center}
.optimize-sec li .col {vertical-align: middle; display: inline-block;-moz-display: flex;-o-display: flex; -ms-display: flex; -webkit-display: flex; display: flex; -moz-justify-content: center;-o-justify-content: center;-ms-justify-content: center;-webkit-justify-content: center;justify-content: center; -moz-align-items: center;-o-align-items: center;-ms-align-items: center;-webkit-align-items: center;align-items: center;}
.optimize-sec li >* {-moz-flex: 1 1 0;-o-flex: 1 1 0;-ms-flex: 1 1 0;-webkit-flex: 1 1 0;flex: 1 1 0;}
.optimize-sec li .col { background:#fff}
.optimize-sec li .col span { width: calc(100% - 55px); padding-left: 20px; font-size: 18px; text-align: left !important}
.subsplan-sec { padding: 112px 0}
.subsplan-sec .col {position:relative}
.subsplan-sec .col > div{ /*position:absolute;*/ background: #fff; border: 3px solid #fff;height: 100%; padding: 40px 20px 10px; text-align: center; transform: scale(1)}
.subsplan-sec .col span{ font-size: 20px; display: block; margin-bottom: 20px}
.subsplan-sec .col p, .subsplan-sec .col h3  { font-size: 18px; font-weight:500;}
.subsplan-sec .col h3 {margin-bottom:20px}
.subsplan-sec .col h5, .subsplan-sec .col h2  { font-size: 30px; margin-bottom: 60px; font-weight: 600}
.subsplan-sec .plan-lbl { margin-bottom: 40px}
.subsplan-sec .plan-lbl-bottom { margin-bottom:20px !important} 
.subsplan-sec li { padding: 0 15px}
.subsplan-sec li:hover .col, .subsplan-sec .col:hover > div{border: 3px solid #ffb612; border-top:60px solid #ffb612; transform: scale(1.1)}
.subsplan-sec .col .btn {  position: absolute; width: 115px; bottom:30px; left:0; right:0; margin: 0 auto}
.subsbenefits-sec { padding-top: 0}
.subsbenefits-sec .inner-content{padding:20px 40px 40px;border: 3px solid #ffb612; border-top:60px solid #ffb612;}
.subsbenefits-sec h4 { margin-bottom: 40px}
.subsbenefits-sec .col { padding-right: 30px}
.subsbenefits-sec .row {margin:0}
.subsbenefits-sec li:last-child .col {padding-right: 0}
.subsbenefits-sec .col p { font-size: 18px; font-weight: 600; padding-left: 45px; position: relative}
.subsbenefits-sec .col span { padding-left:30px; margin-bottom: 15px; font-weight: 500; font-size:16px; display: block}
.subsbenefits-sec .col span:last-child { margin-bottom: 25px} 
.subsbenefits-sec .col p:before {content: ''; position: absolute; left:0; top:0; width: 25px; height: 25px; background: url(../images/checkmark.svg) no-repeat} 
.tc-text { margin-top: 20px; font-weight: 500}
.gray-bg{ background:#f4f4f4}
.calculation-sec .left { width: 24%; float: left}
.calculation-sec .left.middle { width: 24%; float: left; padding: 0}
.calculation-sec .left figure { margin-bottom: 30px}
.calculation-sec h6, .calculation-sec h3 { font-size: 34px; font-weight: 500; line-height:1; margin-bottom: 30px}
.calculation-sec p { font-size: 22px}
.calculation-sec .col2 h2, .calculation-sec .col3 h2 {font-weight:400 !important}
.calculation-sec .middle .vc_column-inner, .calculation-sec .right .vc_column-inner{background: #f4f4f4; }
.calculation-sec .middle { width: 52%; float: left;  padding: 0 30px; background:transparent !important;}
.calculation-sec .right { padding:0; background:transparent !important;}
.calculation-sec .middle .vc_column-inner .wpb_wrapper h2, .calculation-sec .middle .vc_column-inner .wpb_wrapper h3,
.calculation-sec .right .vc_column-inner .wpb_wrapper h2, .calculation-sec .right .vc_column-inner .wpb_wrapper h3
{
    padding:0 20px
    
}
.calculation-sec .middle .inner-content{background: #f4f4f4}
.calculation-sec .middle figure { margin-bottom:15px}
.calculation-sec .middle figure img { }
.middle .note p { text-align:center !important}
.middle .note p small{ margin-bottom:30px; float:left; width:100%;}
span.half-col { margin:30px 0 30px !important;}
.calculation-sec .col { padding: 20px}
.calculation-sec .col h6 + p, .calculation-sec .left.middle h6 + p { margin-bottom: 20px; font-size: 24px}
.calculation-sec .col h6 { margin-bottom: 20px}
.calculation-sec .middle .one-half-column li figure { width: 150px; height: 150px; margin: 0 auto 15px auto;}
.calculation-sec .middle .one-half-column li figure img{ width: 150px; height: 150px;}
.calculation-sec .middle .one-half-column li:last-child { text-align: center; padding: 0 10px} 
.calculation-sec .middle .one-half-column span { color:#00adec; font-size: 24px; line-height: 1.1;  width: 100%; float: left; padding: 0 50px 30px}
.calculation-sec .middle .one-half-column small{  font-size: 15px}
.calculation-sec .middle .pp-calculator p { margin-bottom: 35px}
.calculation-sec .middle .pp-calculator label { line-height:normal; display: block; font-size:16px; font-weight:400; margin-bottom: 5px}
.calculation-sec .left.middle p{ font-size: 18px; margin-bottom: 30px}
.calculation-sec .pp-calculator input[type="submit"]:hover { background: #222; color: #fff !important}
.calculation-sec .middle .one-half-column span.wpcf7-form-control-wrap {padding:0; margin-bottom:35px;}

.banner-wrapper .banner-row figure img{ height: auto} 
.banner-wrapper .banner-row aside .col, .banner-row aside .col { padding-top: 50px;-moz-display: flex;-o-display: flex;-ms-display: flex;-webkit-display: flex;display: flex;-moz-flex-direction: column;-o-flex-direction: column;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;-moz-justify-content: center;-o-justify-content: center;-ms-justify-content: center;-webkit-justify-content: center;justify-content: center;}
.plant-img { background: #fff}
.plant-img figure { width: 41%; height: 580px}
.plant-img figure img{ width:100%; height: 580px}
.plant-img .plan-description { width:59%}
.plant-row li { margin-bottom: 0; padding: 0 25px; -moz-flex-direction: column;-o-flex-direction: column;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;-moz-flex: 1 1 0;-o-flex: 1 1 0;-ms-flex: 1 1 0;-webkit-flex: 1 1 0;flex: 1 1 0;}
.plant-row li .col, .plan-description .aside-column .vc_column-inner { height:100%; position: relative;background: #efefef; text-align: center;-moz-display: flex;-o-display: flex; -ms-display: flex; -webkit-display: flex; display: flex; -moz-flex-direction: column;-o-flex-direction: column;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;-moz-align-items: unset;-o-align-items: unset;-ms-align-items: unset;-webkit-align-items: unset;align-items: unset; -moz-justify-content: unset;-o-justify-content: unset;-ms-justify-content: unset;-webkit-justify-content: unset;justify-content: unset; }
.plant-row .col strong, .aside-column h6 { background: #00aeed; margin-bottom:15px; line-height:normal; font-size: 18px; font-weight: 500; text-transform: uppercase; width:100%; color: #fff; padding: 10px 15px }
.plant-row .col h6, .aside-column h6 + p, .ocean-aside-column h4{ font-size:24px; font-weight: 600; margin-bottom:15px}
.plant-row .col aside, .plan-description .aside-column { padding: 15px 15px; min-height: 360px}
.ocean-aside-column { padding: 15px 15px; min-height: 500px}
.plan-description .aside-column .span-text strong {margin:15px 0;}
.ocean-aside-column .span-text strong {margin:0 0 15px !important;}
.plant-col .col-sm-6 p small { font-size:100%;}
.ocean-column-row p { margin-bottom:15px;}
.plant-row li .col span, .plant-row .col .aside-column .span-text {padding-left: 0; width: calc(100% - 0px); font-size: 18px; display: block; margin: 0 0 15px; font-weight:500; text-align: center !important}
.plant-row .col aside .btn, .plan-description .vc_btn3-container  { position: absolute; bottom:25px; left:0; right:0; margin: 0 auto !important; display: inline-block ;width: 140px}
.plant-img .plan-description h4, .plant-img .plan-description h4 + p { padding: 0 20px; line-height: 1}
.no-padding{ padding: 0}
.bg-pic-sec { position: relative}
.optimize-sec {}
.optimize-sec .container > .row{background: #fff; -moz-display: flex;-o-display: flex; -ms-display: flex; -webkit-display: flex; display: flex; -moz-flex-direction: row;
-o-flex-direction: row;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row; -moz-align-items: center;-o-align-items: center;
-ms-align-items: center;-webkit-align-items: center;align-items: center}
.plan-description > .vc_column-inner{ height:100%;}
.bg-pic-sec  figure, .bg-pic-sec figure img  { width:100%; height: 505px }
.bg-pic-sec {padding:70px 0!important;}
.bg-pic-sec h4 {font-weight:600;}
.bps-content { position: absolute;left:0; text-align: center;top:0; width: 100%; height: 100%} 
.bps-content .container, .bg-pic-sec > .container { max-width:750px}
.bps-content p, .pg-text { font-size: 26px; margin: 30px 0 35px !important}
.white-text, .white-text h4{ color: #fff}
.black-text, .black-text h4{ color: #4d4f4f}
.optimize-sec.ocean-sec ul { max-width: 100%}
.ocean-column-row { margin-bottom: 15px}
.ocean-column-row p { margin-bottom: 0}
.plant-row li .col .ocean-column-row span { margin-bottom: 0}
.ocean-wrapper { background: #fff; padding: 60px 15px 50px}
.ocean-row li { margin-bottom: 0; padding: 0 15px; -moz-flex-direction: column;-o-flex-direction: column;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;-moz-flex: 1 1 0;-o-flex: 1 1 0;-ms-flex: 1 1 0;-webkit-flex: 1 1 0;flex: 1 1 0;}
.ocean-row li .col { position: relative;background: #efefef; text-align: center; height: 100%}
.ocean-row .col strong { font-size: 18px; font-weight: 500; background: #00aeed; text-transform: uppercase; width:100%; color: #fff; padding: 10px 15px }
.ocean-row .col h6 { font-size:24px; font-weight: 500; margin-bottom:15px}
.ocean-row .col aside { padding: 15px 15px; min-height: 400px}
.ocean-row li .col span {padding-left: 0; width: calc(100% - 0px); font-size: 18px; display: block; margin: 0 0 15px; font-weight:500; text-align: center !important}
.ocean-row .col aside .btn { position: absolute; bottom:25px; left:0; right:0; margin: 0 auto; display: inline-block ;width: 140px}
.ocean-row .plan-description h4, .plant-img .plan-description h4 + p { padding: 0 20px; line-height: 1}
.topbar .right li:last-child .cart-count{ display: none}

/*navigation section start*/
.navMenu { display:none}
.nav { float:none; margin: 12px 0 5px; /*-moz-display: flex; -o-display: flex; -ms-display: flex; -webkit-display: flex; display: flex; -moz-align-items: center;-o-align-items: center;-ms-align-items: center;-webkit-align-items: center;align-items: center;*/}
.nav-middle {}
.nav ul { margin:0px -15px 0 auto; float: right; position: relative; left:0;padding: 0; text-align: center; z-index:9999999; /*-moz-display: flex;-o-display: flex;-ms-display: flex;-webkit-display: flex;display: flex;
  -moz-flex-wrap: nowrap;-o-flex-wrap: nowrap;-ms-flex-wrap: nowrap;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;*/}
.nav li { position: relative; top:0; display: inline-block; vertical-align: middle ;}
.nav > ul > li.menu-item-has-children > a:after{  content:"\f107"; float:right;font: normal normal normal 14px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position: relative; right:-5px; top:2px; color: #00aeeb; font-size: 21px; line-height:1; font-weight: 500; border:0 !important}
.nav > ul > li.menu-item-has-children:hover a:after { color:#fff}
.nav ul ul li.menu-item-has-children > a:after {
	content:"\f105"; float:right;font: normal normal normal 14px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position: relative; right:-5px; top:2px; color: #000 !important; font-size: 21px; line-height:1; font-weight: 500; border:0 !important
}
.nav ul ul li.menu-item-has-children a:hover:after {color:#fff!important}
.nav a {display: block;padding: 10px 20px;
    position: relative;
    text-decoration: none;
    color: #00adec;
    font-weight: 500;
    font-size: 17px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;}
.nav a:hover{ background: #00adec; color:#fff}
.nav ul ul { margin: 0;text-align: left; width: 200px; background:#f4f4f4; position: absolute; left: 100%; top:100%; min-height: 210px; opacity: 0; visibility: hidden; -moz-transition:0.2s ease-out; -o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; /*-moz-transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px);-webkit-transform: translateY(100px); transform: translateY(100px);*/ /*-moz-display: flex;-o-display: flex;-ms-display: flex;-webkit-display: flex;display: flex;-moz-flex-wrap: wrap;-o-flex-wrap: wrap;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;*/}
.nav ul ul li { margin: 0; height: auto;width:100%;}
.nav ul ul ul ul ul a, .nav ul ul ul ul a, .nav ul ul ul a, .nav ul ul a{ color: #000 !important; background: transparent !important; text-transform: none; margin:0; font-size: 14px;padding:8px 15px}
.nav ul ul ul ul ul a:after, .nav ul ul ul ul a:after, .nav ul ul ul a:after, .nav ul ul a:after{display: none}
.nav ul ul ul ul ul li a:after, .nav ul ul ul ul li a:after, .nav ul ul ul li a:after, .nav ul ul li a:after{display: block}
.nav > a:hover { color:#fff}
.nav li:hover a {background: #00adec; color:#fff }
.nav ul ul ul ul ul a:hover, .nav ul ul ul ul a:hover, .nav ul ul ul a:hover, .nav ul ul a:hover {background: #00adec !important; color:#fff!important}
/*.nav ul ul ul ul ul a:hover:after, .nav ul ul ul ul a:hover:after, .nav ul ul ul a:hover:after, .nav ul ul a:hover:after, .nav a:hover:after { color:#fff!important}*/
/*.nav li:hover ul li a:hover {color:#000 !important }
.nav ul < li:hover a, .nav a:hover{color:#fff}
.nav li:hover { background: #00adec}
.nav li:hover ul li a { color: #000; text-transform: none}
.nav li:hover ul li:hover a { color: #fff} 
.nav li:hover ul li a:hover {color:#000 }*/
.nav ul ul li.dropdown a:before {display:none}
.nav li.dropdown:hover a:before { color:#fff;}
.nav li:hover > ul {  opacity: 1; visibility: visible;-moz-transition:0.4s ease-in; -o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; top:100%; /*-moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0);-webkit-transform: translateY(0); transform: translateY(0);*/ }
.nav ul > li > ul {left:0}
.nav ul ul ul, .nav ul ul ul ul, .nav ul ul ul ul ul { left:100%; top:0 !important; height: 100%}
.nav a.main-btn{ border: 2px solid #ff0000; margin: 0; display: inline-block; color:#ff0000; font-weight: 600; padding: 11px 20px;position: absolute; right:35px; top:30px;-moz-border-radius:50px;-o-border-radius:50px; -ms-border-radius:50px; -webkit-border-radius:50px; border-radius:50px;  }
.nav a.main-btn .arrow { position: relative; top:-2px; margin-left: 0; opacity: 0}
.nav a.main-btn:hover .arrow { margin-left:25px; opacity: 1}
.nav a.main-btn .arrow:after {content:"\f105";  display: inline-block;font: normal normal normal 14px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position: absolute; right:0; top:0; color: #fff; font-size: 22px; font-weight: 500 }
.nav a.main-btn .arrow:before {content:""; position: absolute; top:11px; right:1px; width: 15px; height: 2px; background:#fff;}
.nav a.main-btn:hover{ background: #ff0000; color: #fff;}
.nav a.main-btn:hover .arrow:after { }
.menu > li a {letter-spacing:0 !important}
.nav a.main-btn:hover .arrow:before {}
h2 span div{ color: #ff0000; display: inline}
.nav .social-icon { margin-right:15px}
.nav .social-icon a { color: #000}
.nav .social-icon a:hover { background: #FF0004; color:#fff}
.nav .social-icon a:hover i { color:#fff}
.icon-Arrow-Down2:before, .dropdown a:before {
    content: "\f107";
    float: right; 
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    right: -5px;
    top: 0px;
    color: #00aeeb;
    font-size: 21px;
    line-height: 1;
    font-weight: 500;
    border: 0 !important;
}
.nav li:hover a .icon-Arrow-Down2:before {
    color: #fff;
}
/*navigation section close*/
.closemenu-btn {display:none}
.sevices-sec,  .video-sec {padding-top:70px !important}
.testimonial-sec {padding-top:70px !important}
.banner-sec .container, .banner-sec .column_container { width:100%; max-width:100%; padding:0}
.banner-sec .row {margin:0}
.footer-4 form {overflow:inherit; float:left; width:100%}
.testimonial-slider ul.slick-dots { display:block !important}
.sp-two-column {margin:0; width:50%; float:left}
.sp-two-column .column_container { /*height:100%*/}
.subsplan-sec .col { /*min-height:410px*/}
.optimize-sec, .subsplan-sec, .calculation-sec, .ocean-sec {padding-top:70px!important;}
.optimize-sec + .optimize-sec, .subsplan-sec, .calculation-sec, .ocean-sec{padding-bottom:70px!important}
.plan-three-columns .col-sm-2{ padding-right:0; width:10%}
.plan-three-columns .col-sm-4 { width:15%}
.plan-three-columns .col-sm-8 { width:85%}
.side-border .container {border-bottom: 3px solid #ffb612;border-left: 3px solid #ffb612;border-right: 3px solid #ffb612; padding-top: 0px !important;padding: 30px}
.pp-calculator .wpcf7-form-control-wrap { margin-bottom:35px; float:left; width:100%}
.footer .wpcf7-form-control-wrap { margin-bottom:10px; float:left; width:100%;}
.footer textarea {margin-bottom:0;}
.two-column-features .wpb_column:first-child{ width:40px; height:40px; padding:0 !important; margin-bottom:10px;}
.two-column-features .wpb_column:last-child{ width:calc(100% - 60px); padding:8px 0 0 30px;}
.optimize-sec-icon .container{ max-width:800px;}
.banner-row .banner-img figure img { height:510px !important;}
.banner-row.banner-sub-row .col .banner-logo img{ width:200px; height:inherit !important;}
.subpage-banner-button p, .subpage-banner-button p, .subpage-banner-button {margin:0 !important;}
.banner-row.banner-sub-row {padding:0 !important;}
.banner-row.banner-sub-row .noborder.col { border-top:0 !important;-moz-display: flex;-o-display: flex; -ms-display: flex; -webkit-display: flex; display: flex; 
-moz-flex-direction: column;-o-flex-direction: column;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;
-moz-justify-content: center;-o-justify-content: center;-ms-justify-content: center;-webkit-justify-content: center;justify-content: center;}  
.banner-row.banner-sub-row .col.col-sub h3{ font-size:30px; line-height:1; margin-bottom:15px;} 
.select-option i {right: 4px;top: 9px;}
.banner-img video { width:100%; -moz-object-fit:cover;-o-object-fit:cover;-ms-object-fit:cover;
-webkit-object-fit:cover;object-fit:cover;}