* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { height: 100%; overflow-x:hidden;}

body { width: 100%; height: 100%; font-family: 'Lato', sans-serif; font-size: 18px;}
a, a:link{transition: 0.4s ease;}

.container{width: 1280px;}
.museo { font-family: "museo", serif; }

.btn { text-transform: uppercase; }

.btn-default { border-color: #ffffff; color: #ffffff; background-color: transparent; border-radius: 4px; border-width: 2px; border-style: solid; font-family: "museo", serif; }
.btn-default:hover { background-color: #006aaf; border-color: #006aaf; color: #fff; }

.btn-primary { border-color: #006aaf; background-color: #006aaf; color: #fff; }
.btn-light{background-color: #14a8df; font-size: 1.333em; border:none; color:#fff;}
.btn-light:hover, .btn-light:focus{background-color: #0b8ebe; color: #fff;}
.shrink #header{background-color: rgba(0,106,175,0.9); padding-top: 17px; padding-bottom: 19px;}
.shrink #header #logo{width:200px;}
#header { position: fixed; top: 0; left: 0; width: 100%; z-index: 15; background: none; border: none; padding-top: 35px; transition: 0.4s ease;}

#logo { display: inline-block; float:left; margin:0; /* position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); */}

#main ul { list-style-type: none; padding: 0; margin: 0; }
#main ul li { margin-right: 85px; float: left; display: inline-block; }
/*#main ul li:nth-child(2) { margin-right: 472px; }*/
#main ul li:last-child { margin-right: 0; }
#main ul a { color: #fff; text-transform: uppercase; display: block; letter-spacing:0.050em; font-size: 22px; transition: 0.3s ease;}
#main ul a:after { content: ""; height: 3px; width: 36px; background: #fff; display: block; margin-top: 3px; opacity: 0; }
#main ul a:hover, #main ul a:focus { text-decoration: none; }
#main ul a:hover::after, #main ul a:focus::after, #main ul li.current_page_item a::after{ opacity: 1; }

#main.navbar-nav { float: right; padding-top:15px;}


#main-banner {-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover; height: 100%; min-height: 600px; position: relative; padding-top: 200px;background-position: center; }
/*#main-banner::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: rgba(0, 0, 0, 0.3); }*/
#main-banner .hero { position: absolute; z-index: 4; width: 100%; top: 50%; left: 50%; text-align: center; max-width: 900px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translatY(-50%, -50%);transform: translate(-50%,-50%); }
#main-banner.HomeBanner .hero { position: relative; z-index: 4; width: 100%; top: 50%; left: 0; text-align: left; max-width: 900px; /*-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%);*/ transform:none; -webkit-transform:none; -moz-transform:none; }
#main-banner .hero h1 { color: #fff; font-size: 4em; text-transform: uppercase; margin-bottom: 0.2em ;letter-spacing:0.100em; }
#main-banner .hero .btn { font-size: 1.666em; letter-spacing: 0.100em; font-weight: 500; }
#main-banner.HomeBanner .container{position:relative; padding-left:0; padding-right:0;}
#home-products{padding-top: 120px; padding-bottom: 110px; background: url(../img/clouds.png) no-repeat center top; background-size: cover; position: relative; z-index: 4; margin-top: -100px; }
#home-slider .owl-item img{margin:0 auto; height: 200px; width: auto;}
.section-title{font-size: 4em; color: #000; text-transform: uppercase; text-align: center; margin-bottom: 65px; letter-spacing: 0.200em;}
.section-title span{color: #0072bc; font-size: 0.666em; display: block;}
#home-products .section-title:after{content:""; display: block; margin:20px auto 0 auto; width: 144px; height: 7px; background: transparent url(../img/patern-blue.png) no-repeat center;}

#home-slider{width: 90%; margin: 0 auto;}
#home-slider .arrow-prev{width: 62px; height: 74px; background: url(../img/arrow-left.png) no-repeat 0 0; display: block;}
#home-slider .arrow-next{width: 62px; height: 74px; background: url(../img/arrow-right.png) no-repeat 0 0; display: block;}
#home-slider .owl-nav div{position: absolute; top: 50%; transform:translateY(-50%);}
#home-slider .owl-nav .owl-prev{left:-65px;}
#home-slider .owl-nav .owl-next{right:-65px;}

#giving-back{background: #0072bc url(../img/bg-blue-wave.jpg) repeat; position: relative; padding-top: 100px; padding-bottom: 110px;}
/*#giving-back:before{content:""; background: url(../img/patern-angle.png) repeat-x; height:28px; width: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 4;}*/
#giving-back11:after{content: ""; background: url(../img/pattern-angle-2.png) repeat-x; height: 24px; width: 100%; display: block; position: absolute; bottom: 0; left: 0; z-index: 4;}
#giving-back .section-title{color: #fff; margin-bottom: 40px;}
#giving-back .section-title:after{content:""; display: block; margin:20px auto 0 auto; width: 144px; height: 7px; background: transparent url(../img/patern-white.png) no-repeat center;}
#giving-back h3{font-size: 2.666em; color: #fff; text-transform: uppercase; font-weight: 700; letter-spacing: 0.200em; line-height: 1.35;}
#giving-back p{font-size: 1em; line-height: 1.666em; margin-bottom: 15px; color: #fff; }
#giving-back .img-wrap a{display: inline-block;vertical-align: middle; width: auto; margin-right: 25px;}
#giving-back .btn-default{font-size: 1.333em; margin-top: 25px; padding-left: 25px; padding-right: 25px;}

.giving-back-car{border: 20px solid transparent; -webkit-border-image: url(../img/border-double.png) 30 stretch;  -o-border-image: url(../img/border-double.png) 30 stretch; border-image: url(../img/border-double.png) 30 stretch; position: relative; margin-bottom: -160px; z-index: 10;}
.giving-back-car .item img{width:100%;}

.giving-back-car .owl-dots{bottom: -60px; position: absolute; width: 100%; text-align: center;}
.giving-back-car .owl-dot{display: inline-block; vertical-align: middle; margin:0 3px;}
.giving-back-car .owl-dot.active span{opacity: 1;}
.giving-back-car .owl-dot span{width: 27px; height: 27px; background: url(../img/dot-1.png) no-repeat; background-size: 100% auto; display: block; opacity: 0.7;}

#ready-for-fun{margin-top: 100px;}
#ready-for-fun .section-title{font-size:2.666em; letter-spacing: 0.200em;}
#ready-for-fun .section-title span{font-size: 0.750em; line-height: 1.4;}
#ready-for-fun .btn-default{border-color: #006aaf; color: #006aaf;}
#ready-for-fun .btn-default:hover, #ready-for-fun .btn-default:focus{color: #fff;}
#ready-for-fun input.primary-input{border:2px solid #006aaf; border-radius: 4px; background: #fff; display: inline-block; min-width: 255px; max-width: 100%; vertical-align: middle; color: #006aaf; height: 65px; padding:0 20px; text-align: center; font-size:24px; text-transform: uppercase;}
#ready-for-fun .btn{font-size: 1.333em; padding:15px 30px; letter-spacing: 0.100em; margin: 0 8px;}
#ready-for-fun .section-title{margin-bottom: 40px;}
#ready-for-fun .Large{margin:20px auto 0 auto;}

#footer{padding-top: 10px; padding-bottom: 80px; background:#14a8df/* url(../img/footer-ice.png) 0 -180% repeat-x*/; position: relative; letter-spacing: 0.100em;}
#footer::before{height: 178px; width: 100%; background: url(../img/footer-cloud.png) repeat-x; position: absolute; bottom: 99%; left:0; z-index: 6;}
#footer li a{color: #fff; font-size: 0.888em;}
#footer li{line-height: 37px;}
#footer ul{margin:0; list-style-type: none; padding:0;}
#footer .social-icons{text-align: center;}
#footer .social-icons a{display: inline-block; vertical-align: middle; width: 72px; height: 72px; margin:0 4px; border:2.5px solid #fff; color: #fff; font-size:2.2em; line-height: 70px; position: relative;}
#footer .social-icons a::before{content: ""; position: absolute; bottom: 100%; left: 50%; transform:translateX(-50%); width: 1px; background-color: #fff; display: block; z-index: 6;}
/*#footer .social-icons a:first-child::before{height: 115px;}
#footer .social-icons a:nth-child(2)::before{height: 122px;}
#footer .social-icons a:nth-child(3)::before{height: 110px;}
#footer .social-icons a:last-child::before{height: 90px;}*/
/*#footer .social-icons a:nth-child(odd){margin-top: -15px;}*/
#footer .footer-title{font-size: 1.333em; margin-bottom: 15px; color: #fff;}
#footer .footer-help{float: right;}
#footer p.copyright{color:#fff; font-size:16px; letter-spacing:0.050em; margin-top:20px;}



/****Find A Store Page *****/
#main-banner.findStoreBanner{max-height: 500px; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;}
#main-banner.findStoreBanner .hero h1{font-weight: 500; letter-spacing: 0.100em;}
#main-banner.findStoreBanner .hero h1:after{content: ""; width: 144px; height: 8px; background:rgba(0,0,0,0) url(../img/patern-white.png) no-repeat center; display: block; margin:15px auto;}
#main-banner.InnerBanner{max-height:500px; min-height:0;} 
#contact-main{padding-top: 40px; padding-bottom: 40px; position: relative; z-index: 3;}

#contact-main p{font-size: 1em; color: #636363; max-width: 620px; padding:0; margin:0 auto 30px auto; text-align: center; line-height: 30px; font-family: 'Montserrat', sans-serif;}
#contact-main input{height: 58px; padding-left:20px; font-size: 0.888em; border:2px solid #006aaf; border-radius:7px; box-shadow:none; font-family: 'Lato', sans-serif; letter-spacing: 0.100em; font-weight: 600;}
#contact-main .form-control::-moz-placeholder{color:rgba(0,0,0,.50); opacity:1}
#contact-main .form-control:-ms-input-placeholder{color:rgba(0,0,0,.50)} 
#contact-main .form-control::-webkit-input-placeholder{color:rgba(0,0,0,.50)} 
#contact-main button[type="button"]{float: right; height: 58px; font-size: 1.333em; background: #006aaf; font-family: "museo", serif; font-weight: 500; letter-spacing: 0.0500em;}
#contact-main button[type="button"]:hover, #contact-main button[type="submit"]:focus{outline: 0 none; background: #075f98;}
#contact-main p.light{color: #acacac; font-size:16px; text-align: left;}

/* Store Locator page dropdown styles */
.wrapper-dropdown-3 {
    /* Size and position */
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding:15px 13px 22px 23px;
    height: 58px;

    /* Styles */
    background: #fff;
    border:2px solid #006aaf;
    border-radius: 7px;
    cursor: pointer;
    outline: none;

    /* Font settings */
    font-size:16px;
    text-transform: uppercase;
    color: #636363;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.100em;
    font-weight: 600;
    color: rgba(0,0,0,.50);
}

.wrapper-dropdown-3:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    border-width: 7px 7px 0 7px;
    border-style: solid;
    border-color: #006aaf transparent;
}

.wrapper-dropdown-3 .dropdown {
  /* Size & position */
    position: absolute;
    top: 91%;
    left: 0;
    right: 0;
    z-index: 8;
    /* Styles */
    background: white;
    padding-left:0;
    border-radius: 0;
    border: 1px solid #969696;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    list-style: none;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}

.wrapper-dropdown-3 .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 15px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;    
}

.wrapper-dropdown-3 .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;    
}

.wrapper-dropdown-3 .dropdown li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #636363;
    font-size: 14px;
    letter-spacing: 0.100em;
    font-weight: normal;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


/* Hover state */

.wrapper-dropdown-3 .dropdown li:hover a {
    background: rgba(0,106,175,0.1);
}

/* Active state */

.wrapper-dropdown-3.active .dropdown {opacity: 1; pointer-events: auto;}
.wrapper-dropdown-3 span a{display: inline-block; max-width: 85%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#map_wrapper {height: 700px;}
#map_canvas {width: 100%; height: 100%;}

#dealers-listing{padding-top:25px; padding-bottom: 15px; position: relative;}
#dealers-listing h3{font-size:1.666em; padding-bottom: 35px; border-bottom: 1px solid #e5e5e5; margin-bottom:0; color: #8d8d8d; font-family: 'Montserrat', sans-serif;}
.single-dealer-info{padding-top: 20px; padding-left: 75px; margin-bottom: 40px;}
.single-dealer-info h5{color: #000; font-size: 1em; margin-bottom: 5px; text-transform: uppercase;}
.single-dealer-info .pointer{float: left; margin-left: -70px; padding-right: 18px;}
.single-dealer-info .pointer div{width: 48px; height: 64px; background: url(../img/map-marker.svg) no-repeat center top; text-align: center; position: relative;}
.single-dealer-info .pointer span{position: absolute; top: 10px; left: 50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); color: #fff;}

.single-dealer-info h5+span{color: #b5b5b5; font-size: 0.888em;}
.single-dealer-info address p{margin-bottom: 0; color: #636363;}
.single-dealer-info a.btn{font-size: 1em; text-transform: uppercase; height:42px; background-color: #1986c7; font-family: "museo",serif; border-color: #1986c7; padding-left: 20px; padding-right: 20px; line-height: 1.67;}
.single-dealer-info a.btn:hover, .single-dealer-info a.btn:focus{background-color: #106fa7;}

/* Dealer Tooltip Styles */
.single-d-map{width: 340px; font-family: "Lato", sans-serif;}
.single-d-map .dealer-title{font-size: 24px; color: #1986c7; padding:14px 0 14px 15px; border-bottom: 1px solid #e5e5e5; margin:0 0 10px 0;}
.single-d-map p{font-size: 16px; color: #555555;}
.single-d-map h6{color: #1986c7; text-align: center; line-height: 1.3; padding:15px; font-size: 24px;}
.single-d-map h6 span{color: #c4c0b7; font-size: 16px; display: block;}
.single-d-map .col-md-8{border-right:1px solid #e5e5e5;}
#ready-for-fun.innerpage{padding-top: 50px;}


/***Product Listing Page ***/
#main-banner.ProductsBanner{max-height: 640px; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;}
#main-banner.ProductsBanner:after{background: rgba(0,26,93,0.18);}
#main-banner.ProductsBanner .hero h1{font-weight: 500; letter-spacing: 0.100em;}
#main-banner.ProductsBanner .hero h1:after{content: ""; width: 144px; height: 8px; background:rgba(0,0,0,0) url(../img/patern-white.png) no-repeat center; display: block; margin:15px auto;}
.z-tabs.horizontal > .z-container{border:none; box-shadow: none;}
.z-tabs.horizontal.z-shadows > .z-container{box-shadow: none;}
.z-tabs.silver > ul > li.z-active > a, .z-tabs.silver > ul > li > a:hover{color: #0073be; background: none; }
.z-tabs.silver > ul > li.z-active > a::after, .z-tabs.silver > ul > li > a:hover::after{opacity: 1;}
.z-tabs.silver > ul > li > a::after{content: ""; width: 88px; height: 9px; background: url(../img/patern-blue.png) no-repeat center; display: block; background-size: 100% auto; margin:10px auto 0 auto; opacity: 0;}
.z-tabs > .z-container > .z-content > .z-content-inner{padding:20px 0;}
.z-tabs.horizontal.top > ul > li > a{border:none; box-shadow: none; position: relative;}
.z-tabs.silver > ul > li > a{background: none; font-family: 'museo', serif; font-size: 1em;  padding:35px 0; letter-spacing: 0.100em; text-transform: uppercase;}
#products-listing .container{position: relative; z-index: 3; background: #fff;  margin-top: -80px;}
.z-tabs.horizontal.top > ul > li.z-active{margin-top: 0; padding-bottom: 0; top:0;}
.z-tabs.horizontal.z-shadows > ul > li.z-first > a, .z-tabs.horizontal.z-shadows > ul > li.z-last > a{box-shadow: none;}

#products-listing .single-product{text-align: center;}
#products-listing figure{position: relative; height:340px; border:2px solid #6fb5e7; margin-bottom: 20px; margin-top: 15px; box-shadow: 0 0 0 5px #fff, 0 0 0 7px #6fb5e7;}
#products-listing figure > img{margin:0 auto; position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
#products-listing figcaption{padding-top: 10px; padding-bottom: 10px; min-height: 82px; letter-spacing: 0.080em;}
#products-listing figure .overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; text-align: center; color: #fff; background-color: rgba(27,163,216,0.85); opacity: 0; transition: 0.4s ease;}

#products-listing .single-product.yellow .overlay {background-color: rgba(255,253,0, 0.85);}
#products-listing .yellow figure:hover{border-color: rgb(255,253,0); box-shadow:0 0 0 5px #fff, 0 0 0 7px rgb(255,253,0);}

#products-listing .single-product.green .overlay{background-color: rgba(102,255,0,0.85);}
#products-listing .green figure:hover{border-color: rgb(102,255,0); box-shadow: 0 0 0 5px #fff, 0 0 0 7px rgb(102,255,0);}

#products-listing .single-product.red .overlay{background-color: rgba(228,13,19, 0.85);}
#products-listing .red figure:hover{border-color: rgb(228,13,19); box-shadow:0 0 0 5px #fff, 0 0 0 7px rgb(228,13,19);}

#products-listing .single-product.pink .overlay{ background-color: rgba(236,134,182,0.85);}
#products-listing .red figure:hover{border-color: rgb(236,134,182); box-shadow:0 0 0 5px #fff, 0 0 0 7px rgb(236,134,182);}

#products-listing .single-product.purple .overlay{background-color: rgba(146,105,167,0.85); }
#products-listing .purple figure:hover{border-color: rgb(146,105,167); box-shadow:0 0 0 5px #fff, 0 0 0 7px rgb(146,105,167);}

#products-listing figure:hover .overlay{opacity: 1;}
#products-listing .overlay a{display: block; width: 100%; height: 100%;}
#products-listing .overlay span{width: 65px; height: 65px; border-radius:50%; border:2px solid #fff; text-align: center; line-height: 62px; display: block; margin:0 auto; display: block; position: absolute;top:50%; left: 50%; transform:translate(-50%, -50%);}

/** Product Page **/
#main-banner.ProductBanner{max-height: 600px;}
#main-banner.ProductBanner:after{background-color: rgba(0,29,104, 0.30);}
.ProductBanner h5{color: #fff; text-transform: uppercase; font-size: 1.666em; letter-spacing: 0.200em;}
.ProductBanner h2{color: #fff; text-transform: uppercase; font-size: 2.666em; letter-spacing: 0.200em;}
.ProductBanner h5:after{content:""; display: block; margin:20px auto 0 auto; width: 144px; height: 7px; background: transparent url(../img/patern-white.png) no-repeat center;}
#product-main{padding-top: 50px; padding-bottom: 50px;}
#product-main p{line-height: 2em; margin-bottom: 22px;}
#product-main .btn-primary{font-size: 1.333em; letter-spacing: 0.100em; padding:20px 40px; line-height: 1;}

.single-prod-fold{padding:60px 50px;}
.single-prod-fold::before, .single-prod-fold::after{content: "";  height:28px; width: 100%; position: absolute; z-index: 3; left: 0; }
.single-prod-fold::before{top: 0; background:url(../img/patern-angle.png) repeat-x;}
.single-prod-fold::after{bottom: 0; background:url(../img/patern-angle2.png) repeat-x;}

.single-prod-fold.blueBg{background:#0080d2 url(../img/bg-blue-wave.jpg) repeat; color: #fff;}
.single-prod-fold.greyBg{background: #efefef url(../img/bg-grey-wave.png) repeat; color: #000;}
.single-prod-fold h3{font-size: 2em; text-transform: uppercase; text-transform: uppercase; letter-spacing: 0.200em; margin-bottom: 20px;}
.single-prod-fold p{font-size: 1em; line-height: 2em;}
.single-prod-fold .product-specs{margin-top: 50px;}
.product-specs li{ font-size: 1em; letter-spacing: 0.100em; margin-bottom: 30px;}
#product-specs-wrap{padding-top: 40px; padding-bottom: 40px;}
.single-prod-fold .nut-list{margin:0; padding:0; list-style-type: none;}
.nut-list li{margin-bottom: 18px; padding-bottom: 5px;}
.nut-list li.bordered{border-bottom: 2px dotted #000;}
.nut-list li .nut-elem-name{float: left; max-width: 60%; display: block; color: #000;}
.nut-list li .nut-elem-value{float: right; display: block; color: #0080d2;  max-width: 39%; text-align: right;}

/** Contact Page **/
#main-banner.ContactBanner{max-height: 600px;}
#main-banner.ContactBanner::after{background: rgba(0,26,93,0.30); }
#main-banner.ContactBanner h1{letter-spacing: 0.200em;}
#main-banner.ContactBanner h1:after{content:""; display: block; margin:20px auto 0 auto; width: 144px; height: 7px; background: transparent url(../img/patern-white.png) no-repeat center;}
#contact-wrap{padding-top: 88px;}
#contact-wrap > .row{padding-bottom: 60px;}
.contact-form-wrap input.form-control{height: 73px;}
.contact-form-wrap input.form-control, .contact-form-wrap textarea.form-control{background-color: #ebebeb; box-shadow: none; border-radius: 0; font-size: 0.888em; letter-spacing: 0.100em; color: #000; padding-left: 25px;}
.contact-form-wrap textarea.form-control{height: 264px; resize: none; padding:25px;}
.contact-form-wrap .form-control::-moz-placeholder { color: #505050; opacity: 1; text-transform: uppercase; font-weight: 600;}
.contact-form-wrap .form-control:-ms-input-placeholder { color: #505050; text-transform: uppercase; font-weight: 600;}
.contact-form-wrap .form-control::-webkit-input-placeholder { color: #505050; text-transform: uppercase; font-weight: 600;}
.contact-form-wrap .form-group{margin-bottom: 20px;}
.contact-form-wrap p{font-size: 0.888em; color: #acacac; margin:0; padding-top: 15px;}
.contact-form-wrap p a{color:#14a8df;}
.contact-form-wrap p a:hover, .contact-form-wrap p a:focus{color: #14a8df;}
.contact-form-wrap .btn-light{ text-transform: uppercase; letter-spacing: 0.100em; padding:15px 30px; float: right; max-width: 100%; text-overflow: ellipsis; overflow: hidden;}


.contactPara h2{font-size: 2em; letter-spacing: 0.200em; text-transform: uppercase; color: #006aaf; margin-bottom: 32px; font-weight: 500;}
.contactPara p{font-size: 1em; line-height: 2.444em; color: #636363; letter-spacing: 0.200em;}
.contact-social-wrap{padding-top: 142px; padding-bottom: 35px; background: url(../img/contact-cloud.png) repeat-x 0 0;}
.contact-social-wrap h2{margin:0; font-size: 2em; letter-spacing: 0.200em; text-transform: uppercase; color: #fff;}
.contact-social-wrap ul{list-style-type: none; margin:0; padding:0;}
.contact-social-wrap a{color: #fff; text-align: center; display: block; border-right: 1px solid rgba(221,228, 232, 0.30); text-transform: uppercase; }
.contact-social-wrap a span.fa{display: block; font-size: 2.400em; webkit-transition: 0.3s ease; transition: 0.3s ease;}
.contact-social-wrap a:hover span{-webkit-transform:scale(1.1); transform:scale(1.1);}
.contact-social-wrap a:hover, .contact-social-wrap a:focus{text-decoration: none;}
.contact-social-wrap li:last-child a{border:none;}

.contact-social-wrap p{text-transform: uppercase; letter-spacing: 0.200em; margin-top: 18px;}
#contact-page #ready-for-fun{padding-top: 40px;}

/** Who we are page **/
#whoWeAre-wrap{text-align: center; position: relative; z-index: 4}
.who-we-are-para{padding-top: 65px; padding-bottom: 240px;}
.who-we-are-para p{color: #636363; line-height: 2.44em; padding-left: 70px; padding-right: 70px; letter-spacing: 0.180em;}
.who-we-are-cloud{padding-top:0; padding-bottom: 65px; color: #fff; background: url(../img/bg-blue-wave.jpg) repeat; position: relative;}
.who-we-are-cloud:before{height: 161px; width: 100%; display: block; content: ""; bottom: 100%; left: 0; background: url(../img/contact-cloud-thin.png) repeat-x 0 0; position: absolute;}
.who-we-are-cloud h2{text-transform: uppercase; margin-bottom: 30px; font-size: 2.666em; letter-spacing: 0.200em; font-weight: 600;}
.who-we-are-cloud p{line-height: 2.444em; padding-left: 70px; padding-right: 70px; letter-spacing: 0.200em;}
.who-we-are-cloud .btn-default{font-size: 1.333em; letter-spacing: 0.100em; margin:40px 0 0 0; padding:18px 40px; color: #fff;}
.footer-logo{margin-top:65px; }
.footer-logo img{margin: 0 auto;}
.product-mainImg img{
	max-width:100%;
	width:auto;
	margin-left:auto;
	margin-right:auto;
}
#Buy-online{padding-top:50px; padding-bottom:50px;}
#Buy-online h2{font-weight:700; font-size:2.5em;}
#Buy-online ul{margin:30px 0 0 0; padding:0; list-style:none;}
#Buy-online li img{margin-left:auto; margin-right:auto;}



#main li.tabfocus
{
  background-color: rgba(0,0,0,0.4);
  outline: none;
}
#main li.tabfocus a
{
  background-color: rgba(0,0,0,0.4);
  outline: none;
}
.embed-container {
    height: 0;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}
.main-video {
	width: 100%;
	max-width: 100%;
}