@charset "UTF-8";
: :-webkit-input-placeholder{
font-family: "Times New Roman";
}
.woocommerce-checkout input#ship-to-different-address-checkbox {
margin-left: 0 !important;
}nav.transition--fade.transition--active {
min-height: auto !important;
}
ul#menu-topmenu {
float: right;
}
.bg--secondary {
background: #4e504f00 !important;
}
.utility-bar.bg--secondary p {
color: white !important;
font-size: 14px;
margin-bottom: 0px !important;
}
ul#menu-topmenu {
height: auto !important;
margin-bottom: 0px !important;
}
body {
padding: 0;
margin: 0;
font-size: 14px;
font-weight: 400;
font-family: 'IBM Plex Sans', Arial, sans-serif;color:#4d4f4f
}
ul#menu-topmenu li a {
color: white !important;
text-transform: capitalize;
padding: 0 0px;
font-weight: 400;
font-family: 'IBM Plex Sans', Arial, sans-serif !important; }
ul#menu-topmenu li:not(:last-child):after {
content: '';
position: absolute; }
.utility-bar {
padding-top: 0.63em !important;
padding-bottom: 0.63em !important;
padding-right: 25px !important;
padding-left: 25px !important;
}
html {
line-height: 1.3;
-webkit-text-size-adjust: 100%;
}
@media (min-width: 1200px){ 
.video-section .col-sm-8 {
width: 60%;
}
.video-section .col-sm-4 {
width: 40%;
}
}
@media (min-width: 768px){
.nav-module.left {
float: left;
width: 31%;
}
section { }
.video-section .col-sm-4 {
padding-right: 32px;
}
.col { display: inline-block;
vertical-align: top;
}
.cost-col-1 {
width: 42% !important;
padding: 0 !important;
}
.cost-col-2 {
width: 58% !important;
padding: 0 !important;
}
.cost-col {
padding: 70px 35px !important;
}
.plant-col .col-sm-6 { }
.icon-margin {
margin: 0 20% !important;
}
.subscription-plans .col-sm-6 {
background-color: white !important;
margin: 1%;
width: 48%;
padding: 32px !important;
}
.col3 { }
.calculation-sec .col2 {
padding: 0;
}
ul.product-cats li{
margin-right: 25px !important;
}
a#wqoecf_form {
margin-top: -55px;
float: right;
text-align: center;
font-size: 14px;
font-weight: 600;
display: inline-block;
vertical-align: top;
font-family: Montserrat, 'Helvetica', 'Arial', sans-serif;
}
.wqoecf-pop-up-box {
width: 50%;
}
.service-col1 .vc_column-inner {
height: 100% !important;
background-color: white;
}
.get-in-touch h6 {
font-size: 15px !important;
}
.archive .card__title { width: 100% !important;
margin-top: 0px;
padding-right: 0;
}
.related-products .card__title {
width: 70%;
padding-right: 5%;
text-align: left !important;
}
.card__image img { }
.hidemenu-on-desktop,.info-on-header-mobile, .mobile-header-cart-icon {
display: none !important;
}
}
@media (max-width: 767px){
form.search-bar {
display: none !important;
}
.nav-module.left {
float: left;
width: 50%;
}
.sevices-sec .col-sm-4 {
margin-bottom: 32px !important;
}
ul#menu-topmenu li {
display: inline;
}
ul#menu-topmenu li:not(:last-child):after{
height: 10px;
}
ul#menu-topmenu li a{
padding: 0 7px;
}
.utility-bar{
padding-right: 10px !important;
padding-left: 10px !important;
}
.middle span:after{
display:none !important;
}
.middle span {
position: relative;
margin-left: 0px !important;
}
.middle p {
text-align: left;
}
.col {
width: 100%;
display: inline-block;
vertical-align: top;
}
ul.fl.footer-collapse {
margin-bottom: 0 !important;
}
.footer-top-heading h5 { }
a.und {
float: left !important;
}
.searh-from{
display:none !important;
}
.cost-col {
padding: 15px 0px !important;
}
.plant-col .col-sm-6 { }
.icon-bottom-margin div {
display: inline-block;
}
.subscription-plans .col-sm-6 {
background-color: white !important;
margin: 15px;
width: 92%;
padding: 32px !important;
}
.col3 {
margin-top: 32px !important;
}
ul.product-cats li {
width: 100%;
}
.single-product .shop-item-detail .item__addtocart button {
min-width: auto !important;
background-color: #00adec;
font-weight: 600;
font-size: 12px;
padding: 14px;
background: linear-gradient( 
0deg
, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%) !important;
}
.woocommerce a.wqoecf_enquiry_button{
background: linear-gradient( 
0deg
, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%) !important;
}
.get-in-touch {
background-color: #3a3c3b;
padding-top: 43px;
padding-left: 5%;
margin: 15px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.contact-form-div {
margin: 15px;
}
.get-in-touch h6 {
font-size: 15px !important;
}
.ocean-offer-col .col-sm-4 {
width: 100%;
}
.plan-three-columns .col-sm-8{
padding-right: 4px !important;
}
video#myVideo {
}
.archive .card__title{ }
.related-products .card__title {
width: 70%;
padding-right: 5%;
}
.related-products .card-7 .card__body .card__price {
top: 24px;
}
.topbar {
display: none !important;
}
.nmi-right {
display: none !important;
}
.header {
padding: 0 !important;
}    
.header-menu-icon {
text-align: center;
padding: 10px 0;
}
.header-menu-icon a {
width: auto !important;
text-align: center !important;
float: none !important;
}
#popmake-2393 input.wpcf7-form-control.wpcf7-text, #popmake-2403 input.wpcf7-form-control.wpcf7-text, #popmake-2404 input.wpcf7-form-control.wpcf7-text, #popmake-2405 input.wpcf7-form-control.wpcf7-text {
margin-bottom: 10px !important;
}
}
a#wqoecf_form {
margin-top: -55px;
float: right;
height: 35px !important;
text-align: center;
padding: 10px;
text-transform: uppercase;
font-family: 'IBM Plex Sans', Arial, sans-serif !important;
font-weight: 600 !important;
font-size: 12px !important;
background: linear-gradient( 
0deg
, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%) !important;
}
form.cart .qib-container + button[type='submit']:not(#qib_id):not(#qib_id), form.cart .qib-container+div:not(#qib_id):not(#qib_id):not(_) {
margin-left: 0 !important;
}
.archive .card__price{
width: 20%;
top: 22px !important;
}
.contact-form-div {
padding: 32px;
box-shadow: 1px 1px 4px 1px #d6d6d6;
}
ul#menu-topmenu li a:hover {
color: #00adec !important;
}
.middle span {
position: relative; }
.middle span:after { }
.middle p {
text-align: center !important;
}
.utility-bar .nav-module + .nav-module {
margin-left: 0 !important;
}
.nav-bar {
height: 150px !important;
max-height: 150px !important;
line-height: 100% !important; border: 1px solid #dbdbdb;
box-shadow:none !important;
}
.nav-module.logo-module.left {
margin-top: 23px !important;
}
form.search-bar { }
.search-box {
height: 36px;
overflow: hidden;
position: relative;
border: 2px solid #00aeeb;
}
.nav-middle {
padding-top: 25px;
padding-left: 45px; -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;
}
button.btn.search-btn {
background: #f4f4f4;
padding: 0;
width: 36px;
height: 36px;
position: absolute;
right: 0;
top: -2px;
cursor: pointer;
border-radius: 0!important;
border: 0 !important;
}
.search-box input[type='text'] {
background-color: #f4f4f4;
height: inherit;
border-radius: 0px !important;
margin: 0;
}
i.fa.fa-search {
color: #00aeeb !important;
font-size: 18px !important;
font-weight: 500 !important;
}
.nav-bar {
padding: 0 25px !important;
}
.nmi-right { }
.nmi-right p { }
.nmi-right a{
color: black;
}
.main-menu .nav-module.left {
width: 100%;
}
.main-menu div ul li a {
display: block;
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;
padding: 10px 20px;
text-transform: capitalize;
font-family: 'IBM Plex Sans', Arial, sans-serif;
}
ul#menu-main-menu {
float: right;
}
.nav-bar.nav--fixed:not(.bg--dark):not(.bg--primary):not(.bg--white) {
background: #ffffff !important;
}
.main-menu div ul li :hover {
background-color: #00adec;
color: white !important;
}
.menu > li ul {
background-color: #f4f4f4 !important;
}
ul.fl.footer-collapse li {
display: block !important;
}
.footer-top-heading {
margin-bottom: 0px;
}
.footer-top-heading a, .footer-top-heading p {
float: right !important;
}
.footer-4 p {
opacity: 1 !important;
font-size: 16px;
}
ul.fl.footer-collapse li a {
padding-left: 0;
font-size: 18px;
color: #00adec;
}
ul.fl.footer-collapse li a:hover {
color: white !important;
}
.nav-bar.nav--fixed {
display: none !important;
}
.footer-top-heading h5 {
font-size: 30px;
font-weight: 400;
color: #fff;
margin-bottom: 10px;
position: relative;
}
.footer-4 {
padding-bottom: 0;
background: #3a3c3b !important;
padding: 35px 0px 10px;
margin-top: 0;
}
footer.bg--dark.footer-4 .container {
max-width: 1330px;
width: 100%;
margin: 0 auto; }
.footer-4 .footer__lower {
position: relative !important;
margin-top: 0 !important;
background: #3a3c3b !important;
padding: 0 0 !important;
}
.footer-4 .logo {
max-height:inherit !important;
max-width: inherit !important;
width:200px;
margin-bottom:40px
}
p.footer-para-col-1 {
float: left;
}
span.type--fine-print {
margin-bottom: 0;
margin-top:6px;
opacity:1 !important;
color: #fff !important;
font-size: 12px !important;
width: 100%;
float: left;
}
input[type="text"]:not(button), input[type="email"]:not(button), input[type="password"]:not(button), textarea:not(button), select:not(button), input[type="tel"]:not(button), input[type="url"]:not(button), input[type="search"]:not(button) {
background: #ffffff;
border-radius: 3px; width: 100%;
height: 35px;
background: #fff;
padding: 0 10px;
font-size: 15px;
color: #4a4a4a;
border: 1px solid #ccc;
padding:0 10px !important;
}
textarea.wpcf7-form-control.wpcf7-textarea:placeholder{
color:black;
}
div.wpcf7 input[type="submit"], div.wpcf7 p {
margin-bottom: 0;
padding: 0 50px;
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: -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%);
height: 36px !important;
text-transform: capitalize !important;
}
footer .col-md-4:nth-of-type(2) {
padding-right: 20px;
}
.social-icon a i {
position: relative;
font-size: 38px;
margin: 0 auto; 
}
ul#menu-footer-bottom {
height: 0px !important;
}
ul#menu-footer-bottom li a {
font-size:12px;
text-transform: capitalize;
color: #00adec !important;
}
ul#menu-footer-bottom li a:hover {
color: white !important;
}
ul#menu-footer-bottom li:not(:last-child):after {
content: '';
position: absolute;
right: 0;
top:2px;
background: #fff;
height: 12px;
width: 1px;
}
a.inner-link.top-link {
width: 50px;
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;
}
.social-icon div {
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-4 form {
margin-bottom: 0;
}
img.wppsac-post-image-bg {
height: 275px !important;
width: 100% !important;
}
h2 { }
.wpb_button, .wpb_content_element {
margin-bottom: 10px !important;
}
.blogsdiv a { }
.wppsac-post-carousel.design-1 .wppsac-post-title a {
font-style: normal;
color: #00adec;
display: block;
font-weight: 400;
font-family: 'IBM Plex Sans', Arial, sans-serif;
font-size: 18px !important;
text-transform: uppercase;
}
.wppsac-post-carousel.design-1 a.wppsac-readmorebtn {
color: #555;
padding: 3.5px 29px;
display: inline-block;
text-align: center;
font-size: 15px;
color: #00adec;
border: 1px solid #00adec;
}
.wppsac-post-carousel.design-1 a.wppsac-readmorebtn:hover {
color: #fff;
background: #00adec;
}
.wppsac-post-date{
text-align: left;
font-size: 16px;
display: block;
border-top: 2px solid #efefef;
margin: 20px 0 5px;
padding-top: 10px;
}
.wppsac-post-date {
font-size: 16px !important;
color: #4d4f4f;
}
.wppsac-post-carousel.design-1 .wppsac-carousel-slides {
padding: 20px;
background-color: white;
}
@media (min-width: 1200px){
.container { }
}
.wppsac-post-slider button.slick-next, .wppsac-post-carousel button.slick-next, .wppsac-post-slider button.slick-prev, .wppsac-post-carousel button.slick-prev {
background: #00aeebb3 url(//plotterpro.developmentstagingserver.com/wp-content/themes/pillar-child/style/css/arrow-right.png) center center no-repeat !important;
}
.wppsac-post-carousel.design-1 .slick-arrow {
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
border-radius: 99% !important;
width: 55px;
height: 55px;
}
.giving-back .column_container {}
.giving-back .col-sm-3 {
padding: 0 !important;
}
.giving-back-text .vc_column-inner {
padding: 27.5px 22px 70px !important;
}
.giving-back.vc_row-no-padding {
margin: 0 23px;
}
.giving-back .container {
margin: 0 auto;
padding:0 30px;
}
p, ul, ol, pre, table, blockquote {
margin-bottom: 1em;
}
section.vc_row {margin:0 0 !important}
a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey {
padding: 12px 30px;
display: inline-block;
text-align: center;
font-size: 14px;
color: #fff;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-webkit-border-radius: 5px;
text-transform: none;
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%);
}
}
a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey:hover {
background: black;
}
.giving-back-text h2 { }
strong.subtitle {
font-size: 20px !important;
font-weight: 400;
margin: 10px 0 30px;
color: #4d4f4f;
}
.giving-back-text p {
font-size: 18px;
color: #4d4f4f !important;
margin-bottom: 15px !important;
}
section.giving-back-title-sec {
margin: 0 !important;
padding: 0 !important;
}
section.giving-back {
padding-top: 0 !important;
}
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
padding: 12px 30px;
display: inline-block;
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: linear-gradient(
0deg
, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%);
}
p, ul, ol, pre, table, blockquote {
margin-bottom: 0;
}
p { }
.sevices-sec .col-sm-4 .vc_column-inner {
padding: 40px 20px 0px;
height: 100%;
background: #fff; position: relative;
}
h2.vc_custom_heading.sevices-sec-heading {
font-size: 26px !important;
font-weight: 500 !important;
margin-bottom: 0px !important;
font-family: 'IBM Plex Sans', Arial, sans-serif !important;
color: #4d4f4f !important;
margin: 21px 0 !important;
}
span.service-span { }   
.sevices-sec {
margin: 0 2px !important;
}
.service-col1 {
animation-delay: 200ms !important;
animation-name: fadeInUp !important;
} .ocean-offer {
background-color: white !important;
margin: 70px 25px !important;
}
.ocean-offer-col .col-sm-4 { }
.ocean-offer-col .col-sm-4 h3 {
background-color: #00aeed;
font-size: 18px;
font-weight: 500;
background: #00aeed;
text-transform: uppercase;
width: 100%;
color: #fff;
padding: 10px 15px;
font-family: 'IBM Plex Sans', Arial, sans-serif !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
font-family: 'IBM Plex Sans', Arial, sans-serif !important;
} .ocean-para p {
font-size: 26px;
font-weight: 300;
margin: 19px 0 0;
font-family: 'IBM Plex Sans', Arial, sans-serif;
color: #4d4f4f;
line-height: 1.3;
padding: 0 15px;
}
.text-white h2, .text-white p {
color: white !important;
}
.black-text h2, .black-text p {
color: #4d4f4f !important;
}
.plant-col .col-sm-6 h3 {
background: #00aeed;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
width: 100%;
color: #fff;
padding: 10px 15px;
}
.vc_row.wpb_row.vc_inner.vc_row-fluid.plant-col {
margin: 0 !important;
}
.plant-col .col-sm-6 p, .plant-col .col-sm-6 h4, .ocean-aside-column h4, .ocean-aside-column p {
padding: 0 15px;
}
.icon-bottom-margin {
margin-bottom: 18px !important;
}
.icon-bottom-margin {
margin-bottom: 18px !important;
}
small {font-size:100%;}
.icon-bottom-margin .col-sm-9 p {
width: 100% !important;
font-size: 18px !important;
font-family: 'IBM Plex Sans', Arial, sans-serif;
color: #4d4f4f;
}
.subsbenefits-sec .col1 p:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 25px;
height: 25px;
background: url(https://plotterproweb.sterlingtechnolabs.co/wp-content/uploads/2021/01/checkmark.png) no-repeat;
}
.calculation-sec .col2 h2, .calculation-sec .col3 h2 {
font-size: 20px !important;
font-weight: 400;
font-family: 'IBM Plex Sans', Arial, sans-serif !important;
color: #4d4f4f !important;
padding-bottom: 15px;
}
span.half-col {
color: #00adec;
font-size: 24px;
line-height: 1.1;
width: 100%;
float: left;
padding: 0 57px 0px;
text-align: center !important;
}
.printer-form label { margin-left: 0;
text-transform: capitalize;
font-family: 'IBM Plex Sans', Arial, sans-serif !important;
font-size: 14px;
}
.calculation-sec .col2 h2, .calculation-sec .col3 h2, .calculation-sec .col3 p {
padding: 0 15px;
}
.printer-form {
padding-left: 30px !important;
}
.calculation-sec .col1 h3, .calculation-sec .col2 h3, .calculation-sec .col3 h3 { } .top-border.wpb_column.column_container.col-sm-12 {
border-top: 60px solid #ffb612;
border-left: 3px solid #ffb612;
border-right: 3px solid #ffb612;
padding-top: 32px !important;
}
.side-border .container {
border-bottom: 3px solid #ffb612;
border-left: 3px solid #ffb612;
border-right: 3px solid #ffb612;
padding-top: 0px !important;
}
li.category h2 {
text-align: center !important;
}
ul.product-cats {
margin-left: 0;
}
ul.product-cats li {
list-style: none;
margin-left: 0;
margin-bottom: 4.236em;
text-align: center;
position: relative;
}
ul.product-cats li img {
margin: 0 auto; 
}
@media screen and (min-width:768px) {
ul.product-cats li:nth-of-type(3) {
margin-right: 0;
}
.nav ul ul .subnav {
min-height: 100%;
height: auto;
}
.contactbox{
box-shadow: none;
box-shadow: 1px 1px 7px 1px #d6d6d6 !important;
border-left: none;
height: 466px !important;
overflow: hidden !important;
}
.get-in-touch {
background-color: #3a3c3b;
padding-top: 43px;
padding-left: 2%;
font-size: 15px !important;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
height: 466px !important;
overflow: hidden !important;
}
.header-menu-icon {
display: none !important;
}
}
ul.product-cats li h2 {
font-size: 20px;
}
@media only screen and (min-width:768px) and (max-width:1024px)
{
ul.product-cats li {
width: 30% !important;
margin-right: 3% !important;
}
ul.product-cats li:nth-of-type(3) {
margin-right: 0 !important;
}
.single-product button.single_add_to_cart_button.btn.btn--primary {
padding: 10px !important;
}
.wqoecf-pop-up-box {
top: 30%;
}
form.cart .qib-container + button[type='submit']:not(#qib_id):not(#qib_id), form.cart .qib-container+div:not(#qib_id):not(#qib_id):not(_) {
margin-left: 0 !important;
}
.col-8-div.wpb_column.column_container.col-sm-8 {
width: 100%;
}
.col-8-div h6 {
font-size: 13px !important;
}
span.type--fine-print {
padding: 18px 0;
}
section.vc_row.wpb_row.vc_row-fluid.subsplan-sec.gray-bg, section.vc_row.wpb_row.vc_row-fluid.gray-bg.side-border.subsbenefits-sec {
padding-bottom: 44px !important;
}
.hidemenu-on-desktop{
display: block !important;
}
}
.single-product h1.product_title.entry-title {
margin-bottom: 15px !important;
}
.single-product span.woocommerce-Price-amount.amount {
font-weight: 600 !important;
font-size: 19px !important;
}
@media only screen and (min-width:769px) {
.single-product .col-md-4.col-md-offset-1.col-sm-6 {
margin-left: 2% !important;
}
}
.woof_container_inner h4 {
font-size: 19px;
}
.woof .widget_price_filter .ui-slider .ui-slider-range, .woof .widget_price_filter .ui-slider .ui-slider-handle{
background-color: #00aceb;
}
.woof .widget_price_filter .ui-slider .ui-slider-handle{
border: 1px solid #00aceb;
}
button.button.woof_reset_search_form {
padding: 12px 30px !important;
background: linear-gradient( 
0deg
, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%);
color: white;
border: none;
font-size: 14px!important;
border-radius: 5px;
}
button.button.woof_reset_search_form:hover {
background-color: black !important;
}
.woocommerce #respond input#submit {
background-color: #00adec !important;
}
.single-product .shop-item-detail .item__addtocart button {
min-width: auto !important;
background-color: #00adec;
font-weight: 600;
font-size: 12px;
background: linear-gradient( 
0deg
, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%);
font-family: 'IBM Plex Sans', Arial, sans-serif;
}
a.wqoecf_enquiry_button:before{
background-image: none !important;
margin-right: 0;
content :none;
}
.single-product .shop-item-detail.shop-item-detail-1 .item__addtocart {
margin-bottom: 15px;
}
input.wpcf7-form-control.wpcf7-submit {
display: block;
margin: 0 auto;
width: auto !important;
}
input[type='submit'].wpcf7-form-control.wpcf7-submit:hover {
background-color: black !important;
color: white !important;
}
div.wqoecf-pop-up-box p.wqoecf_form_title {
margin-bottom: 21px;
background: none;
margin-top: 15px;
}
.wqoecf-pop-up-box input.wpcf7-form-control {
margin-bottom: 10px;
}
.archive .card__title h6 {
display: none !important;
}
.archive .card__price{ width: 100%;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
background: linear-gradient( 
0deg
, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%);
color: #fff;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
background: linear-gradient( 
0deg
, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%);
color: #fff;
}
.woocommerce-info::before {
color: #00aceb;
}
.woocommerce-info {
border-top-color: #00aceb;
}
nav.woocommerce-MyAccount-navigation ul li {
display: block !important;
}
.woocommerce-MyAccount-content p, strong {
display: inline-block !important;
}
p.footer-para-col-1 {
display: block !important;
}
.icon--pillar {
line-height: 1em;
font-size: 1.8125em;
}
.feature {
margin-bottom: 2.25em;
}
.contact-form-div {
padding: 32px;
box-shadow: 1px 1px 4px 1px #d6d6d6;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
div.wpcf7 textarea {
padding-top: 10px !important;
}
.footer-form input[type="submit"].wpcf7-submit:hover, input[type='submit'].wpcf7-form-control.wpcf7-submit:hover {
background: #fff;
color: #ededed !important;
}
.textwidget input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
margin-bottom: 0px !important;
}
.woocommerce-message {
border-top-color: #00aceb;
}
.woocommerce-message::before {
content: "\e015";
color: #00aceb;
}
.btn--primary:active {
background: linear-gradient( 
0deg
, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%) !important;
}
.btn.btn--primary {
border-color: #425cbb;
background: linear-gradient( 
0deg
, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%) !important;
border-radius: 4px;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
float: right;
background: linear-gradient( 
0deg
, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%) !important;
color: white !important;
}
table.onestepcheckout-summary thead tr th, table.onestepcheckout-summary tbody tr td {
padding: 15px 0 !important;
}
td.name.more_details {
padding-left: 15px !important;
}
.cart-subtotal, .order-total {
padding: 15px 0;
}
.woocommerce-billing-fields__field-wrapper label {
margin: 5px 10px 5px 0px;
text-transform: capitalize;
font-family: 'IBM Plex Sans', Arial, sans-serif;
}
.woocommerce-checkout .express-one-page-checkout-main h3.border_html {
padding-left: 0 !important;
}
p#order_comments_field label {
margin-left: 0;
}
.express-one-page-checkout-main textarea#order_comments {
padding-top: 12px !important;
}
td.cclw_qty button.cclwminus, button.cclwplus {
color: #000;
width: 24px;
}
.select-option{
height: auto;
}
p#billing_address_1_field {
margin-top: 15px;
}
p#billing_phone_field {
padding: 0 !important;
margin: 0 !important;
}
.woocommerce form .form-row {
margin-bottom: 15px;
}
.get-in-touch h3, .get-in-touch h6, .feature:not(.bg--primary):not(.bg--dark) i {
color: #efefef !important;
}
ul.socials li a:before {
font-size: 20px;
margin-right: 15px;
color: #efefef;
}
.pmlfinder, .inkfinder{
margin-top: 32px;
}
.inkfinder .select-option, .pmlfinder .select-option{
margin-bottom: 10px !important;
}
.feature-3 .feature__left{
padding-top: 1px;
}
.form-row div {
display: inline-block;
}
.form-row .grid-30 {
width: 20%;
}
.form-row .grid-70 {
width: 80%;
padding-left: 10px;
}
.wpcf7-form label {
color: black;
margin-left: 0;
margin-bottom: 10px;
text-transform: capitalize;
font-size: 12px;
}
.pum-container {
top: 10% !important;
border: 1px solid black !important;
}
.pum-content.popmake-content section {
padding: 0;
}
.privacy-policy li {
display: block !important;
}
.contact-form-div input.wpcf7-form-control {
margin-bottom: 20px !important;
}
.popmake-content input.wpcf7-form-control {
margin-bottom: 20px;
}
.contact-form-div input.wpcf7-form-control.wpcf7-submit {
margin-top: 28px;
}.wpcf7-response-output {
margin-top: -45px !important;
text-align: center;
border: none !important;
}
.col-8-div ul.socials {
text-align: center;
}
.card__body.boxed.bg--white {
overflow: initial;
}
.card-7 .card__body{
text-align:center;
}
.archive .card__price {
width: 100%;
right: 0 !important;
position: static !important;
text-align: center !important;
top: 0 !important;
font-weight:bold;
margin-top:5px;
}
.card-7 .card__body .card__title h6, .card-7 .card__body .card__title h5{
max-height:inherit;
}
.textwidget form.wpcf7-form.init .form-row {
margin-bottom: -6px;
}
.card__image img {
max-width: none;
height: 250px;
object-fit: cover;
object-position: center;
width: 100%;
}
.card__image {
height: 250px;
}
.woocommerce form .form-row label {
margin-left: 0;
font-size: 14px;
text-transform: capitalize;
font-family: 'IBM Plex Sans', Arial, sans-serif !important;
}
.masonry-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;
-moz-flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.wpcf7-response-output {
margin: -45px 0 0 !important;
text-align: center;
border: none !important;
}
.masonry__item .card__title h6 {
display: none !important;
}
ul.tabs-content h3 {
font-size: 16px;
font-weight: 400;
}
.woocommerce-checkout .express-one-page-checkout-main h3.border_html {
background-color: #e7e7e700;
padding-left: 15px !important;
color: black;
}
td.cclw_qty button.cclwminus, button.cclwplus {
background: transparent;
}
.page-id-314 section {
padding: 35px 0;
}
.page-id-314 section.bg--secondary {
padding-top: 0 !important;
}
.wcpoa_attachment_name {
display: block !important;
}
a.wcpoa_attachmentbtn{
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%);
float: left;
}
.sanpop-search-box input[type="search"] {
font-size: 18px !important;
}
.sanpop-search-box .search-btn {
background: linear-gradient( 
0deg
, rgba(0,125,170,1) 0%, rgba(0,171,233,1) 100%) !important;
margin-top: 10px !important;
}
a.sanpop-link img {
height: 24px !important;
width: 24px !important;
}
.sanpop-search-box .search-btn:hover {
background: #fff;
color: #ffffff !important;
}
.info-on-header-mobile {
margin-top: 32px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.header-menu-icon a:hover {
background-color: transparent !important;
}
.mobile-header-cart-icon {
text-align: center !important;
}
.mobile-header-cart-icon i.fa.fa-shopping-cart {
font-size: 32px;
color: #00aceb;
margin-top: 0px;
}
.printer-form .wpcf7-response-output {
margin-top: -18px !important;
margin-bottom: 11px !important;
}
h2.woocommerce-loop-product__title {
text-align: center !important;
}
li.product.type-product .price {
text-align: center;
}
a.product_type_simple.add_to_cart_button.ajax_add_to_cart.btn.btn--sm {
margin-left: auto !important;
margin-right: auto !important;
width: 100% !important;
}
.footer .wpcf7 form .wpcf7-response-output {
padding: 1.2em 1em 0;
}
.footer .textwidget.custom-html-widget .socials {
margin-top: 0 !important;
}
.wpb_widgetised_column.wpb_content_element.mycred-points {
text-align: center;
font-size: 20px;
}
.myCRED-widget-history {
margin-top: 10px;
}
ol.myCRED-history li {
width: 100% !important;
}
.tax-product_cat .sidebar .widget-my-cred {
display: none !important;
}
.mycred-history section {
display: none;
}
section.bg--secondary {
display: block;
}
.select2-container .select2-selection--single{
height: 35px !important;
}
.select2-container--default.select2-container--disabled .select2-selection--single{
background-color: #fff !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444 !important;
line-height: 31px !important;
}
.select2-results__option{
width: 100% !important;
cursor: pointer;
}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}html {
line-height:1.3; -webkit-text-size-adjust: 100%; font-family: 'Roboto', Arial, sans-serif;
}
body {
margin: 0;
padding: 0
}
button:focus { border:0; outline: none}
main {
display: block;
}
h1, h2, h3, h4, h5, h6, figure {margin: 0;}
hr {
box-sizing: content-box; height: 0; overflow: visible; }
pre {
font-family: monospace, monospace; font-size: 1em; }
a {
background-color: transparent;
text-decoration: none
}
a:focus{outline:none; }
p { margin-bottom: 0}
abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b,
strong {
font-weight: bolder;
display: block
}
code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; }
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
li { list-style:none; display: inline-block}
submit, reset{ -webkit-appearance: none;}
button,
input,
optgroup,
select,
textarea { line-height: 1; margin: 0; }
input, submit, reset, select, textarea, file { outline:none !important; }
button,
input { 
overflow: visible;
font-family: 'IBM Plex Sans', Arial, sans-serif;
}
button,
select { text-transform: none;
}
input { -ms-appearance: none;}
select::-ms-expand {
display: none;
}
input[type=text]::-ms-clear{
display: none;
}
input[type=password]::-ms-reveal{
display: none;
}
input  {
-moz-appearance: textfield;
-o-appearance: textfield;
-ms-appearance: textfield;
-webkit-appearance: textfield;
appearance: textfield;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}* { -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 { 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  { }
.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 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 {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} .navMenu { display:none}
.nav { float:none; }
.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-slider  { 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; }
.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(//plotterpro.developmentstagingserver.com/wp-content/themes/pillar-child/arrow-left.png) center center no-repeat !important;}
.post-sec .wppsac-post-carousel button.slick-next {background: rgba(0,174,235,0.7) url(//plotterpro.developmentstagingserver.com/wp-content/themes/pillar-child/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 { 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{ 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{ 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(//plotterpro.developmentstagingserver.com/wp-content/themes/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} .navMenu { display:none}
.nav { float:none; margin: 12px 0 5px; }
.nav-middle {}
.nav ul { margin:0px -15px 0 auto; float: right; position: relative; left:0;padding: 0; text-align: center; z-index:9999999; }
.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;  }
.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 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%; }
.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;
} .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 { }
.subsplan-sec .col { }
.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;}@media only screen and (max-width:1400px) { 
.banner-row.banner-sub-row aside .col {max-width: 400px}
.banner-row.banner-sub-row figure { padding-left: 0}
.banner-row.banner-sub-row .col { padding: 30px 30px 30px; border-top: 26px solid #ffb612}
.banner-logo { width: 200px}
.banner-row.banner-sub-row  aside p { margin: 15px 0 0}
.subsplan-sec { padding:30px 0 0!important}
.subsplan-sec .col {padding:30px 15px 15px}
.subsplan-sec .col h5, .subsplan-sec .col h2 { font-size: 24px; margin-bottom: 30px}
.subsplan-sec .col span { font-size: 18px}
.subsplan-sec .col {padding: 30px 15px 35px;}
.subsplan-sec .plan-lbl, .subsplan-sec .col h5  { margin-bottom: 30px}
.subsplan-sec li { padding: 0 10px; margin-bottom: 20px; width: 50%; -moz-flex: none !important;flex: none !important;flex: none !important;flex: none !important;flex: none !important;}
.subsplan-sec .df-row {-moz-flex-wrap: wrap;-o-flex-wrap: wrap;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.calculation-sec h6 { font-size: 32px}
.calculation-sec p { font-size: 20px} 
.calculation-sec .col h6 + p, .calculation-sec .left.middle h6 + p { font-size: 22px}
.menu li {width:auto !important}
.middle p {text-align:left !important;}
.banner-row aside .col {padding:20px !important;}
.banner-row figure img {height:470px !important;}
}
@media only screen and (max-width: 1329px) {
.container { padding: 0 30px}	
.nav > ul > li > a {}
.nav-middle { padding-left: 67px}
.nav ul { margin-right: 0; width: 100%}
.nav { float:right; width: auto}
}
@media only screen and (max-width: 1200px) {
section, .sevices-sec { padding: 40px 0}
.optimize-sec{ padding: 0px 0 0!important}
.logo img, .custom-logo-link img  { width: 200px}
.nav-middle { padding-top: 15px}
.nav { margin: 0}
.header { padding: 0 0 5px}
.nav li a { font-size: 16px}	
.topbar .container { padding: 0 10px} .topbar .left, .topbar .middle  {-moz-flex-grow:2;-o-flex-grow:2;-ms-flex-grow:2;-webkit-flex-grow:2;flex-grow:2;}
.topbar .right {-moz-flex-grow:2.5;-o-flex-grow:2.5;-ms-flex-grow:2.5;-webkit-flex-grow:2.5;flex-grow:2.5;}
.post-sec .desc-column p { height: 70px}
h4, .top-border.wpb_column.column_container.col-sm-12 h2{ font-size: 32px}
h4 + .top-lbl { font-size: 20px}
.ocean-wrapper { padding:30px 15px 30px;}
.bps-content p,  .bg-pic-sec .pg-text { font-size: 22px}
.bg-pic-sec figure, .bg-pic-sec figure img { height: 405px}
.footer-top-heading .col { width: 100%}
.footer-top-heading .col:last-child { text-align: left}
.ocean-row .col h6 { font-size: 22px}
.ocean-row li .col span {font-size: 16px}
.banner-row figure img { height: 514px}
.banner-row.banner-sub-row aside .col {max-width:330px}
.banner-row.banner-sub-row figure { padding-left:330px}
.banner-row.banner-sub-row figure {padding:-left:0 !important;}
.calculation-sec .left { width: 100%; margin-bottom: 30px}
.calculation-sec .left figure img{ }
.calculation-sec .middle { padding: 0}
.calculation-sec .middle, .calculation-sec .left.middle { width: 50%}
.calculation-sec .left.middle { padding-left: 30px}
.calculation-sec .middle .footer-form .form-group, .calculation-sec .middle .one-half-column span.wpcf7-form-control-wrap { margin-bottom: 15px}
.calculation-sec .middle .one-half-column li figure img, .calculation-sec .middle .one-half-column li figure { width: 80px; height: 80px}
.calculation-sec h6, .calculation-sec h6, .calculation-sec h3 { font-size: 24px}
.calculation-sec p { font-size: 18px}
.calculation-sec .col h6 + p, .calculation-sec .left.middle h6 + p { font-size: 18px}
.calculation-sec h6 { margin-bottom: 20px}
.plant-row .col aside {min-height:360px;}
.video-section .col-sm-8, .video-section .col-sm-4 {width: 50%;}
.video-section .col-sm-4 .vc_custom_1614592284201 {padding-right:0 !important;}
.giving-back-text h2 {font-size:28px}
.two-column-sec .row {margin:0;}
.sevices-sec, .testimonial-sec, .video-sec {padding-top:30px !important}
.footer-top-heading h5 {font-size:26px;}
.sp-two-column {width:100%;}
.subsplan-sec .col {padding: 30px 15px 0;}
.subsplan-sec { padding-bottom:15px}
.subsbenefits-sec + .subsbenefits-sec {padding:0 30px;} 
.subsbenefits-sec .row {margin:0 0}
.plan-description { padding:20px 0 !important;}
plan-description .aside-column { min-height:420px;}
.optimize-sec { background:#fff}
.bg-pic-sec { padding:40px 0 !important}
.plan-description .aside-column { min-height:420px;}
.banner-row.banner-sub-row .col.col-sub h3 { font-size:26px;}
}
@media only screen and (max-width:1038px) {
.nav-middle { padding-left: 36px}
}
@media only screen and (max-width: 1023px) {
.header { padding-bottom: 0}
.nav-right { margin: 10px 50px 0 0}
.nav-middle { top:0}
.close, .navMenu { display: block}
.icon-bar {width: 27px;height: 2px;background-color:#555;display: block;transition: all .2s;margin-top: 6px;position: relative;border: 0 solid #9b875e}
.navMenu.active .middle-bar {opacity: 1;left: 0}
.navMenu.active .bottom-bar {transform: rotate(0)}
.navMenu {border: none;background: 0 0!important;outline: none;position: absolute;right:15px; top:0}
.hr-top { border-bottom:0; float: left; margin-top: 18px}
.navMenu { top:19px; right: 20px;}
.navMenu.active .top-bar {-moz-transform: rotate(42deg);-o-transform: rotate(42deg);-ms-transform: rotate(42deg);-webkit-transform: rotate(42deg);transform: rotate(42deg);-moz-transform-origin: 3px 0;-o-transform-origin: 3px 0;-ms-transform-origin: 3px 0;-webkit-transform-origin: 3px 0;transform-origin: 3px 0;}
.navMenu.active .navMenu .middle-bar {left: 0}
.navMenu.active .middle-bar {opacity: 0;left: 100%}
.navMenu.active .bottom-bar {-moz-transform: rotate(-42deg);-o-transform: rotate(-42deg);-ms-transform: rotate(-42deg);-webkit-transform: rotate(-42deg);transform: rotate(-42deg);-moz-transform-origin: -1px 0;-o-transform-origin: -1px 0;-ms-transform-origin: -1px 0;-webkit-transform-origin: -1px 0;transform-origin: -1px 0;}
.navMenu .top-bar {transform: rotate(0)}
.navMenu, .close {color: #3a4267;border: none;margin-top: 0;z-index: 9999; float: right;background:none}
.close { position: absolute; right: 0; top:0; background: #008aff; width: 40px; height: 40px; color: #121834;padding: 0 5px 4px 8px; display: block}
.close .icon-bar {  background: #fff}
.close .top-bar {transform: rotate(42deg);transform-origin: 3px 0}
.close .navMenu .middle-bar {left: 0}
.close .middle-bar {opacity: 0;left: 100%}
.close .bottom-bar {transform: rotate(-42deg);transform-origin: 0 0}  .logo, .custom-logo-link { margin: 10px 0}
.category-row li, .service-col1{ width: 100%; margin-bottom:30px; padding-left: 0; padding-right: 0}
.service-col1:last-child {margin-bottom:0;}
.video-sec ul li { width: 100% !important; margin-bottom:20px}
.category-row, .video-sec ul, .df-row{ -moz-flex-direction: column;-o-flex-direction: column;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
.sevices-sec li span, .sevices-sec li p, .video-sec .col p { text-align: center}
.two-column-sec figure, .two-column-sec .desc-column { width: 100%; margin-bottom: 20px}
.two-column-sec .desc-column { padding: 15px 0}
body { font-size: 16px; overflow-x: hidden}
.nav-overlay {width: 100%;height: 100%;position: fixed;top:0; left: 0;background: rgba(0, 0, 0, 0.7);z-index:99999;display: none;}
.languges-menu {right: 65px; top: 29px;}
.logo.m-logo { float: left; margin: 0}
body.active .nav, body.active .nav-overlay{ top:68px}
.topbar .middle p:after { display: none}
.topbar .left p, .topbar .left .textwidget { padding-right: 0}
.topbar .left, .topbar .middle  {-moz-flex-grow:1.6;-o-flex-grow:1.6;-ms-flex-grow:1.6;-webkit-flex-grow:1.6;flex-grow:1.6}
.topbar .right {-moz-flex-grow:3;-o-flex-grow:3;-ms-flex-grow:3;-webkit-flex-grow:3;flex-grow:3}
.topbar .middle { text-align: left}
.topbar .middle p, .topbar .middle .textwidget { margin: 0 0 0 5px !important}
.nav .menu-toggle span.bars { margin-right: 0}
.search-bar {width: calc(100% - 250px)}
.nav.mobile li a {border-bottom: 1px solid rgba(255, 255, 255, 0)} .sevices-sec li strong, .video-sec .col strong, .video-section h2,  .two-column-sec span { font-size: 22px}
.video-sec p {text-align:center;}
.sevices-sec li span, .two-column-sec strong, .ts-row strong { font-size: 18px}
h2 { font-size: 30px}
.ts-row p { font-size:20px}
.slick-prev { left:15px}
.slick-next { right:15px}
.slick-arrow { width: 36px; height: 36px; line-height: 36px}
.slick-arrow:after { font-size: 36px; line-height: 36px; font-size: 24px}
.slick-prev:after { left:-2px; top:-1px}
.slick-next:after { right:-2px; top:-1px}
.banner-row aside h5 { font-size: 19px !important }
.banner-row aside p, .banner-row.banner-sub-row .aside-column p { font-size: 13px} 
.banner-button { flex-direction:row}
.banner-button a { margin-right: 5px;width:123px}
.banner-row aside .col {padding: 10px}
.banner-row aside { top:auto; bottom:0}
.banner-row aside .col{ max-width:410px !important}
.banner-row figure img {height: 260px !important;}
.topbar .middle p span:after { display: none}
.topbar .middle p span { margin-left: 0; display: block}
.ocean-row { margin: 0 auto; width: 90%}
.ocean-row li {padding: 0; margin-bottom: 30px}
h4 { font-size: 28px}
h4 + .top-lbl { font-size: 18px}
.ocean-row .col h6 { font-size: 20px}
.ocean-row .col aside { min-height: inherit}
.ocean-row .col aside .btn { position: static; width:auto;}
.banner-wrapper .banner-row aside { height: 100%}
.banner-row.banner-sub-row .col {padding:20px;border-top: 18px solid #ffb612;}
.subsplan-sec .df-row { -moz-flex-direction: row;-o-flex-direction: row;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}
.subsbenefits-sec .col p { font-size: 16px; padding-left: 35px}
.subsbenefits-sec .col p:before { width: 18px; height: 18px; background-size: 18px 18px}
.subsbenefits-sec li { margin-bottom: 40px}
.calculation-sec .middle .one-half-column li:last-child { margin-top: 30px}
.calculation-sec .middle .one-half-column span { font-size: 20px}
.closemenu-btn, .navMenu { display: block}
.icon-bar {width: 30px;height: 2px;background-color:#00aeeb;display: block;transition: all .2s;margin-top: 7px;position: relative;border: 0 solid #121834}
.navMenu.active .middle-bar {opacity: 1;left: 0}
.navMenu.active .bottom-bar {transform: rotate(0)}
.navMenu {border: none;background: 0 0!important;outline: none;position: absolute;right:15px; top:0}
.hr-top { border-bottom:0; float: left; margin-top: 18px}
.navMenu { top:22px; right: 0;}
.navMenu.active .top-bar {transform: rotate(42deg);transform-origin: 3px 0}
.navMenu.active .navMenu .middle-bar {left: 0}
.navMenu.active .middle-bar {opacity: 0;left: 100%}
.navMenu.active .bottom-bar {transform: rotate(-42deg);transform-origin: 0 0}
.navMenu .top-bar {transform: rotate(0)}
.navMenu, .close {color: #3a4267;border: none;margin-top: 0;z-index: 9999; float: right;background:none}
.header .container { padding:0 15px} 
.close { position: absolute; right: 0; top:0; background: #008aff; width: 40px; height: 40px; color: #121834;padding: 0 5px 4px 8px; display: block}
.close .icon-bar {  background: #fff}
.close .top-bar {transform: rotate(42deg);transform-origin: 3px 0}
.close .navMenu .middle-bar {left: 0}
.close .middle-bar {opacity: 0;left: 100%}
.close .bottom-bar {transform: rotate(-42deg);transform-origin: 0 0}
.nav-middle { margin-top:0; position: relative; height:auto;-moz-border-radius: 0;-o-border-radius: 0;-ms-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
.navMenu.active { top:27px; right:15px; }
.nav { position: fixed !important; right:-280px; top:0; max-width: 270px; width: 100%; height: 100%; background: #fff; margin-top: 0; z-index: 999999; padding-top:45px;
-moz-transform: translate(-280px 0);-o-transform: translate(-280px 0);-ms-transform: translate(-280px 0);-webkit-transform: translate(-280px 0);transform: translate(-280px 0);transform: translate(-280px 0); -moz-display: flex;-o-display: flex;-ms-display: flex;-webkit-display: flex;display: flex;-moz-flex-flow:column wrap; -o-flex-flow:column wrap; -ms-flex-flow:column wrap; -webkit-flex-flow:column wrap; flex-flow:column wrap; -moz-align-items: flex-start;-o-align-items: flex-start;-ms-align-items: flex-start;-webkit-align-items: flex-start;align-items: flex-start;}
.nav ul > li,  .nav .social-icon {-moz-transform: translateX(200%);-o-transform: translateX(200%);-ms-transform: translateX(200%);-webkit-transform: translateX(200%); transform: translateX(200%);-moz-transition: transform 550ms cubic-bezier(0.45, 1, 0.32, 1);-o-transition: transform 550ms cubic-bezier(0.45, 1, 0.32, 1); -ms-transition: transform 550ms cubic-bezier(0.45, 1, 0.32, 1);-webkit-transition: transform 550ms cubic-bezier(0.45, 1, 0.32, 1);transition: transform 550ms cubic-bezier(0.45, 1, 0.32, 1)}
.nav.active ul > li, .nav.active .social-icon {-moz-transform: translateX(0%);-o-transform: translateX(0%);-ms-transform: translateX(0%);-webkit-transform: translateX(0%);transform: translateX(0%)}
.nav.active { right: 0;-moz-transform: translate(0 0);-o-transform: translate(0 0);-ms-transform: translate(0 0);-webkit-transform: translate(0 0);transform: translate(0 0);} 
.nav.active ul > li:nth-child(1) {-moz-transition-delay: 0.05s;-o-transition-delay: 0.05s;-ms-transition-delay: 0.05s;-webkit-transition-delay: 0.05s;transition-delay: 0.05s}
.nav.active ul > li:nth-child(2){-moz-transition-delay: 0.1s;-o-transition-delay: 0.1s;-ms-transition-delay: 0.1s;-webkit-transition-delay: 0.1s; transition-delay: 0.1s}
.nav.active ul > li:nth-child(3){-moz-transition-delay: 0.15s;-o-transition-delay: 0.15s;-ms-transition-delay: 0.15s;-webkit-transition-delay: 0.15s;transition-delay: 0.15s;}
.nav.active ul > li:nth-child(4){-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;-ms-transition-delay: 0.2s;-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
.nav.active ul > li:nth-child(5){-moz-transition-delay: 0.25s;-o-transition-delay: 0.25s;-ms-transition-delay: 0.25s;-webkit-transition-delay: 0.25s;transition-delay: 0.25s;}
.nav.active ul > li:nth-child(6){-moz-transition-delay: 0.3s;-o-transition-delay: 0.3s;-ms-transition-delay: 0.3s;-webkit-transition-delay: 0.3s;transition-delay: 0.3s; }
.nav.active ul > li:nth-child(7), .nav.active .social-icon{-moz-transition-delay: 0.35s;-o-transition-delay: 0.35s;-ms-transition-delay: 0.35s;-webkit-transition-delay: 0.35s;transition-delay: 0.35s;}
.nav.active ul > li:nth-child(8){-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
.nav.active ul > li:nth-child(9){-moz-transition-delay: 0.45s;-o-transition-delay: 0.45s;-ms-transition-delay: 0.45s;-webkit-transition-delay: 0.45s;transition-delay: 0.45s;}
.nav.active ul > li:nth-child(10){-moz-transition-delay: 0.50s;-o-transition-delay: 0.50s;-ms-transition-delay: 0.50s;-webkit-transition-delay: 0.50s;transition-delay: 0.50s;}
.nav.active ul > li:nth-child(11){-moz-transition-delay: 0.55s;-o-transition-delay: 0.55s;-ms-transition-delay: 0.55s;-webkit-transition-delay: 0.55s;transition-delay: 0.55s;}
.nav li.logo { display: none}
.nav ul { height:auto; overflow-y:scroll;text-align:left; margin-left: 0;width: 100%; }
.nav a.main-btn { position: relative; right:auto; left:auto; margin: 0 auto;}	
.nav li { display:block; float: left; width:100%; margin: 0 0; padding:5px; height: auto; border-bottom: 1px solid #ddd}
.nav a { display: inline-block; padding:7px 25px 7px 7px; width:100%; float:left;font-size: 16px;color:#000; font-weight: 400; position: relative; margin: 0 0 0} .nav ul ul { border-top:0; padding-left: 20px; height:auto !important; margin: 0; text-align: left; width: 100%; background: #fff; position:static; top:0;opacity: 1; display: none; visibility: visible;  transition: all 0.2s ease-out;}
.nav ul ul a:after { display: none}
.nav ul ul li { border-bottom:0;display: inherit; float:left; width:100%; padding: 0}
.nav li:hover ul{  top:0; -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0);-webkit-transform: translateY(0); transform: translateY(0)}
.nav li i{ position:absolute;font-size: 24px;color: #000; right:0; top:0; width:34px; height:40px;line-height:38px; display:inline-block; text-align:center}
.nav li:hover ul li a {color:#444 !important}
.nav li:hover ul li a:hover { color:#ff0000}
.nav .social-icon { margin-top:10px; width:100%}
.nav ul > li.has-child > a:after {}
.nav li:hover a { background:transparent; color:#000}
.nav li a.active, .nav li:hover a.active  { background:transparent !important; color:#00aeeb !important}
.nav > ul > li.menu-item-has-children:hover a:after {color:#00aeeb !important}
.nav ul ul li.menu-item-has-children > a.active:after {color:#00aeeb !important}
.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:transparent !important; color: #000!important;}
.nav ul li.menu-item-has-children > a:after, .nav ul ul li.menu-item-has-children > a:after { content: "\f105";font: normal normal normal 14px/1 FontAwesome; text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size: 17px; top:2px; right: 5px; position: absolute}
.nav ul li.menu-item-has-children > a:after { content: "\f105"; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; font-size: 17px; display:none; !important}
.nav ul li.menu-item-has-children > a.active:after { content: "\f107"; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; font-size: 17px; }
.button_cl {font-size:17px !important;}
.button_cl.active:before {content: "\f107";} 
.nav ul ul li.menu-item-has-children a:hover:after { color: #00aeeb!important;}
.nav li a { font-size:14px}
.nav ul ul ul ul ul a, .nav ul ul ul ul a, .nav ul ul ul a, .nav ul ul a { padding: 7px 25px 7px 7px}
.nav ul ul {min-height:inherit}
.closemenu-btn { width:34px !important; height: 33px; position: absolute !important; background:#00aceb; padding: 0 !important; top:4px; right:4px; z-index:9999999;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;
-webkit-border-radius:3px;border-radius:3px;}
.closemenu-btn strong { position: relative; top:15px; left: 0;display: block !important;}
.closemenu-btn strong:before, .closemenu-btn strong:after {content: '';position: absolute;height: 4px;background-color: #fff; top: 50%;left: 15%;right: 15%;-moz-border-radius: 36px;-o-border-radius: 36px;-ms-border-radius: 36px;
-webkit-border-radius: 36px;border-radius: 36px;}
.closemenu-btn strong:before {-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg); top: 50%;left: 15%;right: 15%;}
.closemenu-btn strong:after {-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: 50%;left: 15%; right: 15%;}
.icon-Arrow-Down2 {display:none !important;}
.two-column-sec li {width:100%;}
section.two-column-sec {padding-bottom:0;}
.plant-img.df-row-center {-moz-flex-direction:column;-o-flex-direction:column;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.plant-img figure, .plan-description, .plant-row li .col {width:100% !important}
.plant-img figure, .plant-row li {margin-bottom:30px;}
.plant-row .col aside .btn {position:static; width:auto;}
.plant-row .col h6 {font-size:20px}
.plant-row .col strong {font-size:17px;}
.plant-row .col aside {min-height:inherit}
.sevices-sec .row {margin:0}
section.video-sec, section.sevices-sec {padding-top:30px !important}
section.video-sec .column_container, section.two-column-sec .column_container{ width:100%}
.two-column-sec .row {margin:0 0;-moz-flex-direction:column;-o-flex-direction:column;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
section.two-column-sec .column_container:nth-child(2), section.two-column-sec .column_container:nth-child(4) {margin-bottom:30px}
section.two-column-sec .column_container .vc_btn3-left {margin-bottom:0;}
section.video-sec .column_container:last-child {margin-top:30px} 
.two-column-sec strong {margin-bottom:20px;}
.footer .container .row > div {width:100%}
p.footer-para-col-1 {float:none}
.post-link + .container { padding:0} .plan-three-columns { width:100% !important}
iframe { min-height:inherit;}
.calculation-sec .left .wpb_single_image { text-align:left !important;} 
.calculation-sec p { font-size: 16px}
.calculation-sec h6, .calculation-sec h6, .calculation-sec h3 {font-size: 20px;}
h4, .top-border.wpb_column.column_container.col-sm-12 h2 { margin-bottom:10px;}
.optimize-sec-icon .col-sm-3 { width:50%;}
.ocean-para p { font-size:20px;}
.optimize-sec .container > .row, .ocean-sec .container > .row{ margin:0;-moz-flex-direction:column;-o-flex-direction:column;-ms-flex-direction:column;
-webkit-flex-direction:column;flex-direction:column;}
.plant-img { width:100% !important;}
.plant-img > div {padding:25% 0 25% 0 !important;}
.optimize-sec, .ocean-sec { padding:30px 0 !important;}
.ocean-aside-column { width:50%;}
.plan-description .ocean-offer-col.aside-column{padding-top:0 !important; padding-bottom:0 !important;}
.ocean-para p {margin-bottom:0;}
.banner-row.banner-sub-row .col-sub {height:390px;}
.banner-row.banner-sub-row .col.col-sub {width: 340px !important; float:left;}
.banner-row.banner-sub-row .col-sub {width: calc(100% - 340px); float:left;}
.banner-row.banner-sub-row .col.col-sub h3 { font-size:22px;}
.first-btn, .first-btn a.vc_general.vc_btn3 { position:static}	
.service-col1 .vc_column-inner {padding: 40px 20px 40px;}
.giving-back-text .vc_column-inner { padding:18px 22px !important}
@-webkit-keyframes mymove {
0% {top: 0px;}50% {top:0;}100% {top: 0;}
}
@-moz-keyframes mymove {
0% {top: 0px;}50% {top:0;}100% {top: 0;}
}
@-o-keyframes mymove {
0% {top: 0px;}50% {top:0;}100% {top: 0;}
}
@-ms-keyframes mymove {
0% {top: 0px;}50% {top:0;}100% {top: 0;}
}
@keyframes mymove {
0% {top: 0px;}50% {top:0;}100% {top: 0;}
}
}
@media only screen and (min-width: 1024px) {
.fa.button_cl{ display: none !important}	
}
@media only screen and (min-width: 768px) {
.search-bar { display: inline-block !important}
}
@media only screen and (max-width: 767px) {
body { font-size: 14px}
.topbar { padding: 0 5px; z-index: 9999999}
.header { padding:15px 0 5px}
.header .container { padding: 0 15px}
.logo, .custom-logo-link {margin: 5px 0 10px}
.logo img, .custom-logo-link img, .f-logo img { width: 150px}
.navMenu { right: 2px}
h2 span, .about-sec-heading, .fav-product-sec .inner .heading, .banner-section h1, .subbanner-section h1 { font-size: 24px}
h2 span:before { top:38px}
.mandatory-text { margin: 30px 0 10px}
.footer .footer-col { width: 100%;margin-top: 0} 
.footer .footer-col .col{ width: 100%; margin: 0 auto}
.footer .footer-col:first-child .col { text-align:left}
.footer .footer-col h5 { display:none}
.footer .footer-col h5.footer-heading { display: block}
.footer .footer-col h5:after { width: 100%; height: 1px}
.footer-lbl:after, .footer-lbl:before { } .footer-lbl { position: absolute; right:3px; top:8px; display: none}
.footer-lbl:before{ content: ''; position: absolute; left:-4px; top:4px; width:10px; height: 2px;background: #fff }
.footer-lbl:after{ content: ''; position: absolute; left:0; top:0; width:2px; height: 10px; background: #fff}
.footer .footer-col h5.footer-heading.active .footer-lbl:after {  display: none }
.footer .footer-col h5, .footer-top-heading h5 { font-size: 18px}
.footer-top-heading .col:last-child a, .footer-top-heading .col:last-child p {float:left !important; text-align:left !important}
.footer-top-heading .col:last-child p { margin-bottom:20px;}
ul#menu-footer-bottom {height:auto !important}
.menu-footer-bottom-container ul li a{margin:0 5px;}
.footer .footer-col { padding: 0!important}
.footer { padding:30px 0 30px}
h2 span:after { top:11px}
.category-row li { width:100%}
.topbar .left, .topbar .middle { width:50% !important; float: left}
.topbar .container, .category-row { display: block !important;}
.topbar .left { text-align:left}
.topbar .right { text-align:right}
.topbar .left, .topbar .middle, .topbar .right {-moz-flex-grow: initial-o-flex-grow: initial;-ms-flex-grow: initial;-webkit-flex-grow: initial;flex-grow: initial;flex-basis: auto !important}
.topbar .right { width:100%; float: left; padding: 5px 0;  text-align: center; border-top: 1px solid #fff;}
.topbar .middle p span { display:inline-block}
.topbar .middle p, .topbar .middle .textwidget { float: right; text-align:right}
.topbar .left, .topbar .middle { margin: 5px 0}
.topbar .right ul { float: none}
.topbar .right li:after { top:2px; height: 14px}
.search-menu-icon  { display: block}
.search-bar{ display: none; width: calc(100% - 0px); position: absolute; left:0; top:67px;padding: 15px 15px; background: #00adec; z-index:999; margin:0;}
.search-bar .search-box { border-color:#fff}
.search-bar .search-btn { background: #fff}
.nmi-right { position: absolute; padding-left: 0; width:100%; top:-6px; right: 18px; text-align: right}
.nmi-right p {display:inline-block}
.nmi-right .textwidget, .nmi-right .textwidget p { display: inline-block; font-size: 13px; font-weight: 400}
.nmi-right .textwidget p {display:inline-block;}
.nmi-right .textwidget {width:100%; float:left;}
.nav.mobile .menu-toggle, .search-menu-icon { top:20px}
.search-menu-icon { top:24px; right:50px;}
.nav.mobile .menu-toggle { right: 15px}
.nmi-right a { margin-right: 15px; position: relative; font-size: 13px; font-weight: 400}
.nmi-right a:after{ content: ''; position: absolute; right:-11px; top:3px; background: #4d4f4f; height: 11px; width: 1px}
.search-bar input[type="text"]::-moz-placeholder {color: #fff}
.search-bar input[type="text"]:-ms-input-placeholder { color: #fff}
.search-bar input[type="text"]:-moz-placeholder{ color: #fff}
.search-bar input[type="text"]::-webkit-input-placeholder { color:#fff}
.search-bar input[type="text"]:placeholder { color: #fff }
.topbar .left, .topbar .middle, .topbar .right li a { font-size: 13px}
.banner-row aside .container { padding: 0}
.banner-row aside .col { padding-bottom: 0}
.banner-button a { padding: 6px 0; font-size: 13px}
.banner-row aside p { margin: 15px 0 !important}
.banner-row aside h5 { font-size: 16px}
.banner-row figure img, .banner-slider { height: 400px}
.banner-slider { height:100%;}
section { padding: 15px 0 !important}
.video-box video { height: 200px}
.sevices-sec li strong, .sevices-sec strong,  .video-sec .col strong, .video-section h2, .two-column-sec span { font-size: 19px}
.sevices-sec li span, .two-column-sec strong, .ts-row strong, .ts-row p { font-size: 15px}
.sevices-sec li p, .video-sec .col p, .two-column-sec p, .post-sec .col, .f-logo + p, .footer .fl li a, .post-sec .col span, .footer .fl li a, ul.fl.footer-collapse li a { font-size: 14px}
.post-link{ font-size: 15px}
.post-sec .desc-column p { height: auto; min-height: inherit; margin-bottom: 10px}
h2, .giving-back-text h2 { font-size: 20px}
.two-column-sec .col, .two-column-sec figure img { height: 200px}
.btn, .footer-form input[type="submit"] { padding: 9px 20px}
.two-column-sec strong { margin-bottom:15px}
.footer .social-icon a {margin: 0 20px 20px 0}
.footer .social-icon { text-align: left; margin: 0 0 15px}
.footer .social-icon a i { font-size: 36px}
.footer .footer-col.two-column .col { width:100%}
.footer-bottom { margin:20px 0 0}
section.two-column-sec { padding-bottom: 0}
.footer .footer-col.two-column{ margin-bottom: 30px}
.footer .footer-col p { margin-bottom: 40px}
.footer .fl li { margin-bottom: 5px}
.f-logo { margin-bottom: 30px}
.footer .widget .col {width:100%}
.footer-top-heading .col:last-child a, .footer-top-heading .col:last-child p { font-size: 14px}
h4 { font-size: 24px} 
h4 + .top-lbl { font-size: 16px; margin-bottom: 20px}
.ocean-row .col h6 { font-size: 18px}
.bps-content p { font-size: 16px}
.bg-pic-sec figure, .bg-pic-sec figure img {height: 100%;min-height: 360px}
.ocean-wrapper {padding:30px 0px 30px !important}
.banner-wrapper .banner-row aside .col { padding-top: 0}
.banner-row aside .col { max-width:100% !important; padding-bottom: 0 !important;}
.banner-wrapper .banner-row figure img { height: 250px;}
.banner-row aside { height:auto; position:relative;}
.banner-button { -moz-flex-direction: row;-o-flex-dirowrection: row;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}
.banner-row aside h5 { font-size: 15px !important}
.banner-row aside p { font-size: 12px; line-height: 1.1}
.sevices-sec li .col img { height: 50px}
.video-sec ul li:last-child img { height: 68px}
.banner-row.banner-sub-row aside .col {max-width:300px}
.banner-row.banner-sub-row figure { padding-left:300px}
.banner-logo {width: 144px;}
.banner-row.banner-sub-row .col {padding:15px;border-top: 10px solid #ffb612;}
.banner-button-sub { padding: 5px 30px; font-size: 13px}
.subsplan-sec .df-row { -moz-flex-direction: column;-o-flex-direction: column;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column}
.subsplan-sec li {float: none;width:100%;margin-left: auto;margin-right: auto}
.subsplan-sec .col .btn { position: static; width:auto;}
.subsbenefits-sec .inner-content {padding: 20px 20px 20px}
.subsbenefits-sec .col span { padding-left: 35px}
.calculation-sec .middle, .calculation-sec .left.middle { width: 100%; padding:0 15px}
.calculation-sec .left.middle {margin-top: 0!important;}
.nav-middle {width:auto; padding-left:0;}
.search-bar .form-control {width: 100%; line-height: normal; border: 0;box-shadow: none !important; margin:0 !important;}
.optimize-sec li .col span {font-size:16px;}
.plant-row .col h6 {font-size:18px}
.plant-row .col strong {font-size:16px;}
.dropdown a:before {display:none} 
ul#menu-topmenu {margin:0 auto; float:none}
.printer-form { padding:0 30px !important;}
form input[type='text'], form input[type='address'], form input[type='url'], form input[type='password'],
form input[type='email'], form input[type="search"], form input[type="tel"], form textearea {
margin-bottom:0 !important;
}
.calculation-sec p { font-size: 14px}
.calculation-sec h6, .calculation-sec h6, .calculation-sec h3 { font-size: 20px;}
.side-border .container { padding:10px 10px}
.plan-three-columns .col-sm-2 { padding-right: 10px; width: 50px; float: left}
.plan-three-columns .col-sm-8 { width:100%; padding-left:50px; padding-right:0;}
.two-column-features .wpb_column:first-child { float:left;}
.two-column-features .wpb_column:last-child { padding-left:60px;}
.optimize-sec-icon .container { max-width:400px;}
.subsplan-sec .col { padding:0; margin-bottom:15px;}
.two-column-features { padding:0 15px; width:50%; float:left;}
.optimize-sec-icon .container { max-width:94%;}
.plan-description .aside-column { min-height:inherit; margin-bottom:30px !important}
.plan-description .vc_btn3-container { position:static}
.plan-description .aside-column .vc_column-inner {padding-bottom:5px; height:auto}
.plant-row .col h6, .aside-column h6 + p, .ocean-aside-column h4 { font-size:19px;}
.plan-description .aside-column { padding:0 !important;} 
.plan-description .aside-column:last-child {margin-bottom:0 !important;}
.optimize-sec {padding:15px 0 0 !important;}
.bps-content p, .bg-pic-sec .pg-text { margin:15px 0 !important;}
.optimize-sec .container > .row { margin:0;}
.plant-img {padding:0;}
.ocean-para p {margin-bottom:30px !importan; font-size:18px}
.plant-row .col aside .btn, .plan-description .vc_btn3-container { width:auto;}
.bps-content p, .bg-pic-sec .pg-text, .ocean-para p { font-size:16px; font-size:14px;}
.ocean-aside-column {padding:15px 30px}
.ocean-aside-column {min-height:inherit !important;}
.ocean-aside-column:last-child {padding-bottom:0 !important}
.banner-row.banner-sub-row .col.col-sub{ width: 100% !important;max-width: 100% !important;z-index: 99; height: auto !important;}
.banner-row.banner-sub-row .container > .row { position:relative; -moz-display:flex;-o-display:flex;-ms-display:flex;-webkit-display:flex;display:flex;
-moz-flex-direction:column-reverse;-o-flex-direction:column-reverse;-msflex-direction:column-reverse;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;}
.banner-row.banner-sub-row .col-sub { width: calc(100% - 0px) !important; height:200px}
.banner-row.banner-sub-row .aside-column p, .banner-row.banner-sub-row .aside-column p a {margin-bottom:0 !important}
.banner-row .banner-img figure img {height: 200px !important}
.banner-row aside .col {max-width:100%}
.subpage-banner-button a {font-size:12px !important}
.banner-row.banner-sub-row .col.col-sub {padding:15px !important}
.banner-row.banner-sub-row .col.col-sub h3 { font-size:20px}
.container, .giving-back .container {padding:0 15px}
.sevices-sec .container .row > .wpb_column {padding:0 !important}
section.video-sec, section.sevices-sec {padding-top:15px !important}
section.sevices-sec {padding:5px 0!important}
.sevices-sec li span, .sevices-sec li span p { text-align:center; font-size:14px}
.video-sec p {font-size:14px}
.category-row li .btn, .sp-two-column .vc_btn3-container {margin-bottom:0 !important}
.category-row li:last-child {margin-bottom:0}
.video-section .vc_btn3-container { margin-bottom:0 !important}
section.two-column-sec .column_container:nth-child(2), section.two-column-sec .column_container:nth-child(4), .post-sec h2 { margin-bottom:15px !important}
.sevices-sec, .testimonial-sec, .video-sec, .subsplan-sec {padding-top:15px !important} 
.post-slider { margin-top:0}
.post-slider .slick-prev { left:-10px}
.post-slider .slick-next { right:-10px}
.post-slider-parent { margin:0;}
.testimonial-sec .wpb_content_element{ display:none; margin-bottom:0 !important;}
.testimonial-sec {padding:0 0 15px!important;}
.testimonial-sec + .testimonial-sec{padding:15px 0 15px!important;}
.two-column-sec strong {margin-bottom:0 !important}
.post-row { padding:0;}
.category-row li, .subsplan-sec .plan-lbl, .subsplan-sec .col h5 { margin-bottom:15px;}
.two-column-features .vc_row-fluid { margin:0 auto;}
.optimize-sec.vc_custom_1615376886896 { padding-bottom:0 !important;}
.optimize-sec:first-child .column_container{ padding:0 !important;}
.subsplan-sec .col > div {padding:15px}
.subsplan-sec .col p, .subsplan-sec .col h3 { font-size:15px; margin-bottom:15px}
.subsplan-sec .col h2{ font-size:20px;margin-bottom:15px}
.top-border.wpb_column.column_container.col-sm-12 { border-top: 30px solid #ffb612}
h4, .top-border.wpb_column.column_container.col-sm-12 h2 { font-size:22px;}
.subsbenefits-sec, .ocean-sec {padding:15px 15px !important}
.subsbenefits-sec .container {padding:0}
.top-border.wpb_column.column_container.col-sm-12 {padding-top:15px !important}
.calculation-sec .left, .calculation-sec .right, .calculation-sec .middle, .calculation-sec h6, .calculation-sec h3,
.calculation-sec .middle .vc_column-inner .wpb_wrapper h2, .pp-calculator .wpcf7-form-control-wrap{ margin-bottom:15px !important}
.calculation-sec h3, .calculation-sec .middle .vc_column-inner .wpb_wrapper h2 { font-size:19px !important}
.calculation-sec .left.middle p { font-size:16px}
.calculation-sec { padding:15px 0 0 !important;}
.calculation-sec .middle .pp-calculator label, .calculation-sec .middle .pp-calculator input[type="text"] {font-size:14px}
span.half-col { font-size:19px; margin:10px 0 !important}
.middle .note p small { margin-bottom:15px}
.ocean-wrapper { padding:10px 15px 10px 15px !important}
.ocean-sec > .container {padding:0}
.ocean-aside-column {padding:0 !important; margin-bottom:15px}
.ocean-aside-column:last-child {margin-bottom:5px}
.btn .btn__text, a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey {padding: 10px 15px !important}
.sevices-sec li .col {padding:15px !important;}
.bg-pic-sec {padding:15px 0 !important}
.ocean-para p {padding:0 !important}
.ocean-para p, .bg-pic-sec .pg-text {margin-top:0 !important}
.bg-pic-sec .pg-text, .bg-pic-sec .vc_btn3-container {margin-bottom:0 !important}
.aside-column h6 {font-size:16px;}
.bg-pic-sec .pg-text { margin-bottom:15px;}
} 
@media only screen and (max-width: 640px) {
.advertisement-2column .container { -moz-flex-direction: column;-o-flex-direction: column;-ma-flex-direction: column;-webkit-flex-direction: column;flex-direction: column}
.advertisement-2column .row { width: 100%; padding: 0; margin-bottom:30px}
.advertisement-2column .col figure { height: 160px; margin-bottom: 15px}
.advertisement-2column .col figure img { height: 140px; display: block; margin: auto}
.advertisement-2column .col figure, .advertisement-2column .col .content { width: 100%; text-align: center}
.banner-row.banner-sub-row aside .col {max-width:250px}
.banner-row.banner-sub-row figure { padding-left:250px}
.calculation-sec .left.middle { margin-bottom: 0}
.optimize-sec li { margin-bottom:0;-moz-flex-direction:column;-o-flex-direction:column;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column; -moz-align-items: flex-start;-o-align-items: flex-start;-ms-align-items: flex-start;
-webkit-align-items: flex-start;align-items: flex-start}
.optimize-sec li .col {width:100%;margin-bottom:15px}
.optimize-sec li .col img {height:30px}
.testimonial-sec .post-sec .wpb_wrapper > h2 {margin-bottom:15px}
.printer-form {padding:0 30px!important} 
.testimonial-sec {}
.banner-row.banner-sub-row .col.col-sub h3 { font-size:18px;}
}
@media only screen and (max-width: 570px) {
.top-features li { width: 100%}
.top-features li:last-child { margin-bottom: 0}
}
@media only screen and  (max-width: 540px) {
.nav, .nav-overlay { top:0}
.topbar .right ul{float: right; width: 100%}
.topbar .right li.social-icon { text-align: right ;width:auto; float: right}
.social-icon:before { display: none}
.category-row li, .two-column-features { width:100%} 
.topbar.active { top:-64px}
.banner-row.banner-sub-row aside .col {max-width:240px}
.banner-row.banner-sub-row figure { padding-left:240px}
.banner-row.banner-sub-row .col { padding: 10px}
.footer-form input[type="text"], .footer-form input[type="email"], .footer-form textarea {margin-bottom:0 !important}
}
@media only screen and  (max-width: 480px) {
.banner-row.banner-sub-row aside .col {max-width:220px}
.banner-row.banner-sub-row figure { padding-left:220px}
}
@media only screen and (max-width: 444px) {
.quote-sec .col .inputtext { width:190px}
.logo, .custom-logo-link {margin: 10px 0 10px}
.nmi-right { top:-17px}
.banner-button a { font-size: 12px}
.nav-middle {-moz-display:block;-o-display:block;-ms-display:block;-webkit-display:block;display:block}
.nmi-right { top: -11px;right: 0}
.search-bar {top:72px;}
}
@media only screen and (max-width: 420px) {
.footer-bottom p { display: block; text-align: center}
.pp-link{ float: none; text-align: center; margin: 15px 0 10px}
.banner-row aside .col { padding:15px 10px 10px!important;}
.banner-wrapper .banner-row aside .col { max-width: 190px}	
}
@media only screen and (max-width:389px) {
.quote-sec .col .inputtext {width:100%; border-right: 2px solid #000; -moz-border-radius:50px;-o-border-radius:50px;-ms-border-radius:50px;-webkit-border-radius:50px; border-radius:50px}
.quote-sec .col .btn {margin:15px auto 0; float:none;-moz-border-radius:50px;-o-border-radius:50px;-ms-border-radius:50px;-webkit-border-radius:50px; border-radius:50px}
.banner-row.banner-sub-row aside .col {max-width:200px}
.banner-row.banner-sub-row figure { padding-left:200px}
.banner-logo {width: 90px}
.banner-row.banner-sub-row aside p { margin: 7px 0 0}
}
@media only screen and (max-width:360px) {
.footer-bottom p { display:block; text-align:center}
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}