/*
Theme Name: Mak Water
Description: Bonfire framework
Version: 1.6
Author: Bonfire
Author URI: http://www.bonfire.com.au
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;}
*, *:before, *:after {box-sizing: inherit;}
*:before, *:after {z-index: 1;}
textarea, input, button {outline: none;}
a {text-decoration: none;color: none;outline: none;text-decoration: none;font-family: 'Nunito', sans-serif;font-weight: 600;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
a[rel~='nofollow'] {outline: none !important;}
/* Stop border color on images in IE */
a img {border: 0px;}.clear {clear: both;}html {box-sizing: border-box;height: 100%;}
body {font-size: 100%;/* Resets 1em to 10px */font-family: 'Open Sans', sans-serif;overflow-x: hidden;/*height: 100%;*/position: relative;}
/* Remove Ipad - Iphone button rounding */
input {-webkit-appearance: none;}
.site {position: relative;display: inline-block;width: 100%;}
h1, h2, h3, h4, h5, h6 {color: #fff;font-family: 'Nunito', sans-serif;font-weight: 200;}
a img{border:solid 1px #CCC;}
h1 {font-size: 3em;}h2 {font-size: 24px;text-transform: uppercase;}h3 {font-size: 2em;}h4 {font-size: 18px;}h5 {font-size: 1em;}h6 {font-size: .7em;}
p {margin: 0 0 20px;font-size: 15px;line-height: 25px;font-family: 'Open Sans', sans-serif;}
.wrap {width: 100%;margin: 0 auto;position: relative;}
.wrap:after {content: "";display: table;clear: both;}strong {color: #000;font-weight: bold;text-transform: uppercase;}
blockquote p {color: #0077af;font-size: 19px !important;font-weight: 700;line-height: 30px;margin-bottom:5px !important;padding-top:10px !important}
/* UNIVERSIAL CONTENT AREAS */
@media(max-width:500px) {
.content-20, .content-25, .content-33, .content-30, .content-40, .content-60withoutped, .content-60, .content-70withoutped, .content-70, .content-50 {width:100% !important;}
}
.mb-30{margin-bottom:30px;}
.img-responsive{width:94%;border:solid 1px #CCCCCC}
.text-center{text-align:center}
.content-100withoutped {display: block;position: relative;width: 100%;padding: 0px;}
.content-100 {display: block;position: relative;width: 100%;padding: 0 30px;}
.content-20 {display: block;position: relative;float: left;width: 20%;padding: 0 30px;}
.content-25 {display: block;position: relative;float: left;width: 25%;padding: 0 30px;}
.content-33 {display: block;position: relative;float: left;width: 33%;}
.content-30 {display: block;position: relative;float: left;width: 30%;}
.content-40 {display: block;position: relative;float: left;width: 40%;}
.content-60withoutped {display: block;position: relative;float: left;width: 60%;min-height: 150px;padding: 0px;}
.content-60 {display: block;position: relative;float: left;width: 60%;min-height: 150px;padding: 0 30px;}
.content-70 {display: block;position: relative;float: left;width: 70%;min-height: 150px;padding: 0 30px;}
.content-70withoutped {display: block;position: relative;float: left;width: 70%;min-height: 150px;padding: 0;}
.content-50 {display: block;position: relative;float: left;width: 50%;padding: 0 30px;}
.res-content-100 {display: block;position: relative;float: left;width: 100%;padding: 0;}.content-clear {width: 100%;position: relative;clear: both;}
/* remove this when done
section, header, footer, div, ul, .feat-item {
border: 1px solid rgba(246,240,29,1.00)
}*/
header {background: #fff;position: fixed;width: 100%;top: 0;left: 0;z-index: 999;}
.logo {top: 1px;left: 0;background: url(../images/logo.png) no-repeat center bottom;margin-left: 30px;position: absolute;float: left;width: 270px;height: 99px;background-size: contain;text-indent: -9999em;overflow: hidden;z-index: 9;transition: all 0.5s ease-in-out;}
header .sf-field-post_type, .off-canvas .sf-field-post_type{display: none !important;}
.off-canvas .sf-field-search {background: #fff;display: none;}
.off-canvas .sf-field-search label::after {color: #253e6a;right: 5%;}
.off-canvas .sf-field-search label {padding: 0 5%;}
@media(max-width:500px) {
.off-canvas .sf-field-search {display: block;}
}
.top-head {position: relative;display: flex;align-items: center;width: 100%;padding: 0 24px;text-align: right;/*background-image: -webkit-linear-gradient(left, #0f9fdb, #253e6a);background-image: -moz-linear-gradient(left, #0f9fdb, #253e6a);background-image: -o-linear-gradient(left, #0f9fdb, #253e6a);background-image: linear-gradient(to right, #0f9fdb, #253e6a);*/transition: all 0.5s ease-in-out;}
.scrolled .top-head {
background-image: -webkit-linear-gradient(left, #fff, #0f9fdb, #253e6a);
background-image: -moz-linear-gradient(left, #fff, #0f9fdb, #253e6a);
background-image: -o-linear-gradient(left, #fff, #0f9fdb, #253e6a);
background-image: linear-gradient(to right, #fff, #0f9fdb, #253e6a);
}
.top-head nav {order: 1;margin-left: auto;}
.top-head .social-link {padding: 0 8px;order: 3;}
.top-head .social-link i {font-size: 24px;color: #fff;transition: all 0.5s ease-in-out;}
.top-head .social-link i:hover {font-size: 24px;color: #a5e5ff;}
.top-head ul li a {
font-family: 'Nunito', sans-serif;
letter-spacing: 1px;
font-weight: 600;
font-size: 13px;
color: #ffffff;
padding: 11px 16px;
background: rgba(240, 240, 240, 0);
}
.top-head ul li:hover a {background: rgba(240, 240, 240, .1);color: #a5e5ff; text-decoration:none;}
.btm-head {
position: relative;
display: block;
width: 100%;
height: 65px;
overflow: visible;
border: none;
}
.scrolled .btm-head {border-bottom: 1px solid #eee;}
.btm-head nav {float: right;margin-bottom: -4px;}
.btm-head ul li {display: block;float: left;}
.btm-head ul li a {
display: block;
text-transform: uppercase;
font-family: 'Nunito', sans-serif;
font-weight: 200;
font-size: 15px;
color: #253e6a;
padding: 35px 40px;
}
.btm-head ul li a:hover {background: #eee;}
.scrolled .top-head .logo {
top: 0px;
/*background-size: 100px;*/
height: 100px;
}
.social {position: relative;float: right;}
.social .fa {
font-size: 19px;
padding: 3px;
color: #fff;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.social .fa:hover {color: none;}
.social a {display: inline-block;}
.phone-menu {
order: 4;
font-family: 'Nunito', sans-serif;
font-weight: 700;
letter-spacing: 0.3px;
cursor: pointer;
font-size: 15px;
position: relative;
padding: 0 0 0 24px;
text-align: right;
color: #fff;
}
.phone-menu:hover {color: #a5e5ff;}
.phone-menu:before {
content: '\f095';
font-family: Fontawesome;
font-size: 22px;
position: relative;
left: -8px;
}
.search-mob {position: relative;display: none;float: right;height: 50px;width: 50px;padding: 10px;background: none;border: none;}
.search-mob:before {font-family: Fontawesome;content: '\f002';position: absolute;width: 20px;height: 20px;top: 50%;left: 50%;font-size: 20px;color: #fff;transform: translateX(-50%) translateY(-50%);}
.search {position: relative;float: right;height: 50px;padding: 10px 20px 10px 10px;display: inline-block;}
.search .input {position: static;opacity: 1;height: 30px;width: 200px;border: 0;border-radius: 15px;padding: 5px 15px;font-family: 'Nunito', sans-serif;font-size: 13px;}
.search .btn-submit {position: absolute;top: 50%;right: 30px;transform: translateY(-50%);width: 20px;height: 20px;border: none;}
.search .btn-submit:before {font-family: Fontawesome;content: '\f002';position: absolute;width: 20px;height: 20px;top: 50%;left: 50%;font-size: 18px;color: #253e6a;transform: translateX(-50%) translateY(-50%);}
.search .btn-close {display: none;width: 40px;height: 40px;}
.search .btn-close:before {font-family: Fontawesome;content: '\f00d';position: absolute;width: 24px;height: 24px;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);color: #fff;font-size: 24px;}
.search .btn-close span {position: absolute;overflow: hidden;clip: rect(0 0 0 0);height: 1px;width: 1px;margin: -1px;padding: 0;border: 0;}
.ssba-wrap {padding: 40px 0 !important;}
.ssbp-share-text {display: block;color: #27a6e2;font-weight: 600 !important;letter-spacing: 2px;margin: 0 !important;padding: 40px 0 0;}
.ssbp-set--two {display: none;}
.ssbp-list li:before {content: '' !important;}
.ssbp-list li {padding-left: 0 !important;}
.ssbp-list li a {color: #fff !important;}
.aligncenter {text-align: center !important;}
.inner-container a {color: #27a6e2;font-weight: 300;transition: all 0.5s ease-in-out;}
.inner-container a:hover {color: #777;}
#mega-menu-wrap-sub-menu {background: none;width: 100%;}
#mega-menu-wrap-sub-menu #mega-menu-sub-menu>li.mega-menu-megamenu.mega-menu-item {position: relative;}
#mega-menu-wrap-sub-menu #mega-menu-sub-menu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title {color: #fff;font-weight: 300;font-size: 30px;padding: 40px;}
#mega-menu-wrap-sub-menu #mega-menu-sub-menu {text-align: right;}
#mega-menu-wrap-sub-menu #mega-menu-sub-menu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item {padding: 0;}
#mega-menu-wrap-sub-menu #mega-menu-sub-menu>li.mega-menu-item>a.mega-menu-link {color: #253e6a;font-family: 'Nunito', sans-serif;font-size: 16px;font-weight: 600;padding: 32px 21px;text-transform: capitalize;line-height: 12px;transition: all 0.5s ease-in-out;}
#mega-menu-wrap-sub-menu #mega-menu-sub-menu>li.mega-menu-item>a.mega-menu-link:after {content: '' !important;}
#mega-menu-wrap-sub-menu #mega-menu-sub-menu>li.mega-menu-item.mega-toggle-on>a.mega-menu-link, #mega-menu-wrap-sub-menu #mega-menu-sub-menu>li.mega-menu-item>a.mega-menu-link:hover, #mega-menu-wrap-sub-menu #mega-menu-sub-menu>li.mega-menu-item>a.mega-menu-link:focus {
font-weight: 600;
background: rgba(0, 0, 0, 0.1);
color: #253e6a;
border-bottom:solid 2px #253e6a;
}
#mega-menu-wrap-sub-menu #mega-menu-sub-menu>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link, #mega-menu-wrap-sub-menu #mega-menu-sub-menu>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link, #mega-menu-wrap-sub-menu #mega-menu-sub-menu>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
font-weight: 300;
background: rgba(0, 0, 0, 0.1);
color: #253e6a;
}
#mega-menu-wrap-sub-menu #mega-menu-sub-menu>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link {
font-weight: 300;
color: #253e6a;
background: rgba(0, 0, 0, 0.1);
}
#mega-menu-wrap-sub-menu #mega-menu-sub-menu>li.mega-menu-flyout ul.mega-sub-menu {width: 299px;}
#mega-menu-wrap-sub-menu #mega-menu-sub-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {border-bottom: 1px solid rgba(187, 187, 187, 0.01);}
#mega-menu-wrap-sub-menu #mega-menu-sub-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {padding: 8px 10px 9px 15px;text-transform: uppercase;transition: all 0.5s ease-in-out;background: #1d6293;color: #fff;font-weight: 300;border-bottom: 1px solid rgba(187, 187, 187, 0.01);}
.menu-products-container {width: 43%;position: relative;}
.menu-products-container ul {width: 100%;position: relative;}
.menu-products-container ul li ul {width: 132%;position: relative;}
.menu-products-container ul li {display: block;width: 100%;border-bottom: 1px solid #253e6a;}
.menu-products-container ul li:last-child {border: none;}
.menu-products-container ul li a {padding: 12px 40px;color: #fff;position: relative;}
.menu-products-container ul li a::after {font-family: Fontawesome;content: '\f054';position: absolute;right: 15px;top: 15px;}
.menu-products-container ul li ul li a::after {content: '';}
.menu-products-container ul li a:hover,.menu-products-container ul li a:active,.menu-products-container ul li a:focus {background: rgba(0, 0, 0, 0.2);color: #fff;}
.menu-products-container ul li ul {left: 100%;position: absolute;visibility: hidden;opacity: 0;width: 132%;height: 625px;top: 0;bottom: 0;background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));-webkit-transition: max-height .3s ease-in-out, max-width .8s ease-in-out .1s, visibility .3s ease-in-out .3s, opacity .3s ease-in-out .3s;-moz-transition: max-height .3s ease-in-out, max-width .8s ease-in-out .1s, visibility .3s ease-in-out .3s, opacity .3s ease-in-out .3s;-ms-transition: max-height .3s ease-in-out, max-width .8s ease-in-out .1s, visibility .3s ease-in-out .3s, opacity .3s ease-in-out .3s;-o-transition: max-height .3s ease-in-out, max-width .8s ease-in-out .1s, visibility .3s ease-in-out .3s, opacity .3s ease-in-out .3s;transition: max-height .3s ease-in-out, max-width .8s ease-in-out .1s, visibility ease-in-out .3s, opacity .3s ease-in-out;}
.menu-products-container ul li:hover ul {visibility: visible;opacity: 1;}
#mega-menu-wrap-sub-menu #mega-menu-sub-menu>li.mega-menu-flyout ul.mega-sub-menu {background: #253e6a;}
#mega-menu-wrap-sub-menu #mega-menu-sub-menu>li.mega-menu-flyout ul.mega-sub-menu>li>a:hover {font-weight: 200 !important;background: rgba(255, 255, 255, 0) !important;font-size: 14px !important;color: #fff !important;}
#mega-menu-wrap-sub-menu #mega-menu-sub-menu>li.mega-menu-megamenu>ul.mega-sub-menu {background: #1d6293;border-bottom: 1px solid rgba(29, 99, 149, 0.52);position: absolute;right: 15%;width: 570px;padding: 0;margin: 0;z-index: 9999;}
.menu-products-container ul li ul li a {padding: 12px 40px;display: block;text-transform: uppercase;font-weight: 200;text-align: left;color: #fff;position: relative;letter-spacing: 1px;}
.tax-product-catalog .sidebar ul li,.single-product-cat .sidebar ul li,.page-template-product-page .sidebar ul li {position: relative;padding: 15px 30px 15px 15%;border-top: 1px solid #1d6293;transition: all 0.5s ease-in-out;}
.tax-product-catalog .sidebar ul li a,
.single-product-cat .sidebar ul li a,
.page-template-product-page .sidebar ul li a {
text-transform: uppercase;
font-weight: 600;
color: #0f9fdb;
}
.tax-product-catalog .sidebar ul li a::after,
.single-product-cat .sidebar ul li a::after,
.page-template-product-page .sidebar ul li a::after {
content: '\f138';
font-family: Fontawesome;
float: right;
}
.tax-product-catalog .sidebar ul ul li:last-child,
.single-product-cat .sidebar ul ul li:last-child,
.page-template-product-page .sidebar ul ul li:last-child {display: none;}
.tax-product-catalog .sub-cat,
.single-product-cat .sub-cat,
.page-template-product-page .sub-cat {top: 0;position: absolute;left: 100%;background: #253e6a;visibility: hidden;width: 350px;height: auto;z-index: 99;opacity: 0;transition: all 0.25s ease-in-out;}
.tax-product-catalog .sidebar ul li:hover,.single-product-cat .sidebar ul li:hover,.page-template-product-page .sidebar ul li:hover {background: rgba(0, 0, 0, 0.1);}
.tax-product-catalog .sidebar ul li:hover .sub-cat,.single-product-cat .sidebar ul li:hover .sub-cat,.page-template-product-page .sidebar ul li:hover .sub-cat {opacity: 1;visibility: visible;}
.tax-product-catalog .sidebar .sub-cat li,.single-product-cat .sidebar .sub-cat li,.page-template-product-page .sidebar .sub-cat li {list-style: none;}
.tax-product-catalog .sidebar .sub-cat li a:after,.single-product-cat .sidebar .sub-cat li a:after,.page-template-product-page .sidebar .sub-cat li a:after {content: '';}.product-cat-template-taxonomy-product-catalog .cat-sort:last-of-type {display: none;}
.category .top-head,.search .top-head,.single .top-head,.archive .top-head,.error404 .top-head,.page-template-thankyou .top-head,.page-template-inner-page .top-head,.page-template-inner-partners .top-head,.page-template-inner-resources .top-head,.page-template-staff .top-head,.page-template-contact-inner .top-head,.page-template-gallery .top-head,.page-template-news-grid .top-head,.page-template-product-grid .top-head,.page-template-product-page .top-head,.page-template-case-grid .top-head, .page-template-search-site .top-head {
background-image: -webkit-linear-gradient(left, #fff, #0f9fdb, #253e6a);
background-image: -moz-linear-gradient(left, #fff, #0f9fdb, #253e6a);
background-image: -o-linear-gradient(left, #fff, #0f9fdb, #253e6a);
background-image: linear-gradient(to right, #fff, #0f9fdb, #253e6a);
}
.error404 .top-head .logo,.category .top-head .logo,.search .top-head .logo,.archive .top-head .logo,.single .top-head .logo,.page-template-thankyou .top-head .logo,.page-template-inner-page .top-head .logo,.page-template-contact-inner .top-head .logo,.page-parent .top-head .logo,.page-child .top-head .logo,.page-template-gallery .top-head .logo,.page-template-news-grid .top-head .logo,.page-template-news-grid .top-head .logo,.page-template-product-grid .top-head .logo,.page-template-product-page .top-head .logo,.page-template-case-grid .top-head .logo,.page-template-search-site .logo {top: 1px;/*background-size: 100px;*/height: 100px;left: 0;}
.page-template .sidebar {width: 30%;max-width: 530px;position: relative;float: left;min-height: 950px;}
.page-template .main {padding: 0;}
.page-template h2 {color: #0f9fdb;margin: 70px 0 10px;}
.action-wrapper .content-main h2 {color: #253e6a;margin-bottom: 20px;font-weight: 300;margin: 0 0 30px;}
.main .wrap {padding: 20px;width: 70%;float: left;display: block;position: relative;}
.category .sidebar h2,.search .sidebar h2,.page-template-gallery .sidebar h2 {color: #253e6a;font-weight: 300;margin: 0 0 30px;}
.category .sidebar h3,.search .sidebar h3 {font-size: 16px;font-weight: 600;color: #0f9fdc;margin: 0 0 60px;}
.category .sidebar p,.search .sidebar p,.page-template-gallery .sidebar p {color: #0f9fdc;}
.category .sidebar ul li,.search .sidebar ul li {
list-style: none;
overflow-x: hidden;
padding: 2px 0;
}
.category .sidebar ul li a,.search .sidebar ul li a {color: #253e6a;font-weight: 600;}
.category .sidebar ul li a span,.search .sidebar ul li a span {float: right;color: #dbdbdb;}
.category .content,.search .content {width: 100%;}
.page-template h2 {
font-size: 27px;
font-weight: 600;
color: #0f9fdc;
margin: 60px 0 30px;
font-weight: 200;
}
.page-template h3 {
font-size: 18px;
font-weight: 600;
color: #27a6e2;
margin: 40px 0 5px;
font-weight: 300;
text-transform: uppercase;
}
.page-template .content-60 a {
font-weight: 600;
font-size: 16px;
font-family: 'Open Sans';
color: #4b4b4b;
transition: all 0.5s ease-in-out;
}
.page-template .content-60 a:hover {color: #0f9fdb;}
.page-template .content-60 ul {margin: 0 0 20px;}
.page-template .content-60 ul li {
font-size: 15px;
line-height: 20px;
font-weight: 400;
font-family: 'Open Sans';
list-style: none;
position: relative;
/*padding-left: 30px;*/
}
.textjuistify{text-align:justify;}
.page-template .content-100 ul{margin-bottom:20px;}
.page-template .content-100 ul li {font-size: 15px;line-height: 25px;font-weight: 400;font-family: 'Open Sans';position: relative;list-style:none;background:url(../images/bullet.jpg) no-repeat 5px 0px;padding-left: 30px;}
.feat-simpletext ul li {font-size: 15px;line-height: 25px;font-weight: 400;font-family: 'Open Sans';position: relative;list-style:none;background:url(../images/bullet.jpg) no-repeat 5px 5px !important;padding-left: 30px;}
.downloads{background:#ececec;border:solid 1px #CCCCCC; padding:5px 10px;border-radius: 3px;font-weight:bold;}
a .downloads {color:#0077af;}
a:hover .downloads {color:#333333;}
.feat-content ul li {font-size: 15px;line-height: 25px;font-weight: 400;font-family: 'Open Sans';position: relative;list-style:none;background:url(../images/bullet.png) no-repeat 5px -2px;padding-left: 30px;}
.page-template .content-70 ul{padding-left: 30px;margin-bottom:20px;}
.page-template .content-70 ul li {
font-size: 15px;
line-height: 25px;
font-weight: 400;
font-family: 'Open Sans';
position: relative;
}
ul li::before {
/*content: '\f054';*/
color: #0f9fdb;
font-family: Fontawesome;
font-size: 12px;
position: absolute;
left: 0;
}
.page-template .content-60 ul li::before {
/*content: '\f054';*/
color: #0f9fdb;
font-family: Fontawesome;
font-size: 12px;
position: absolute;
left: 0;
}
.page-template table {
border-collapse: collapse;
width: 100% !important;
}
.page-template thead {background: #0f9fdb;color: #fff;padding: 10px;}.page-template td {padding: 15px 15px;border: 1px solid #bbb;font-size: 15px;vertical-align: top;}.category>.site>.post>.wrap,.search>.site>.post>.wrap {display: block;position: relative;width: 100%;margin: 0 auto;padding: 70px 0;}
.news-cat ul li {display: block;position: relative;width: 100%;}.cat-name {padding-right: 5px;display: inline-block;}
.cat-name:after {
width: 0;
margin-left: 10px;
white-space: nowrap;
background: none;
color: #dbdbdb;
display: inline-block;
content: "________________________________________" "________________________________________" "________________________________________" "________________________________________"
}
.cat-no {right: 0;top: 0;background: #efefef;display: block;color: #dbdbdb;position: absolute;display: inline-block;}.news-pagination {width: 100%;display: inline-block;text-align: center;color: #000;font-weight: 600;font-size: 15px;padding: 30px;}.news-pagination a {color: #27a6e2;font-weight: 600;}.prev-prod {float: left;}.next-prod {float: right;}.next-prod::after {content: '\f138';Font-family: Fontawesome;margin-left: 20px;}.prev-prod::before {content: '\f137';font-family: Fontawesome;margin-right: 20px;}
.sidebar-col-one {
position: fixed;
background-image: -webkit-linear-gradient(right, #1d6293, #253e6a);
background-image: -moz-linear-gradient(right, #1d6293, #253e6a);
background-image: -o-linear-gradient(right, #1d6293, #253e6a);
background-image: linear-gradient(to left, #1d6293, #253e6a);
top: 0;
bottom: 0;
width: 30%;
z-index: -10;
max-width: 530px;
}
.sidebar-col-two {
position: fixed;
background-image: -webkit-linear-gradient( left, #fff, #fff, #efefef 80%);
background-image: -moz-linear-gradient( left, #fff, #fff, #efefef 80%);
background-image: -o-linear-gradient( left, #fff, #fff, #efefef 80%);
background-image: linear-gradient(to right, #fff, #fff, #efefef 80%);
top: 0;
bottom: 0;
width: 30%;
z-index: -10;
max-width: 530px;
}
.searchandfilter input {opacity: 1;}
.searchandfilter .cat-item input {
-webkit-appearance: radio;
}
.page-template-inner-page .inner-gal {
width: 100%;
display: inline-block;
margin: 0;
}
.inner-gal .next {right: 30px;margin-top: -11%;position: absolute;border: none;background: none;}
.inner-gal .prev {left: 30px;margin-top: 9%;position: absolute;border: none;background: none;}
.inner-gal .next,.inner-gal .prev {color: #27a6e2;}.home-listing td,.content-side td {border: none;vertical-align: text-top;}.home-side {display: inline-block;background: #fff;width: 25%;max-width: 490px;height: 100%;margin-right: -4px;}.home-slogan {position: relative;display: block;background: url('../images/text.svg') no-repeat;margin-left: 40px;width: 100%;height: 40px;}.home-side-wrapper {position: absolute;display: block;bottom: -70px;width: 25%;z-index: 99;}.home-side-wrapper p {margin-left: 40px;margin-bottom: 40px;color: #253e6a;}.home-side-wrapper .home-listing {margin-top: 40px;display: block;padding: 0 20px;width: 100%;font-size: 15px;color: #253e6a;vertical-align: top;}
.home-side-wrapper .home-listing p {margin-left: 0;margin-bottom: 20px;}
.home-side-wrapper .home-listing table {width: 100%;}
.home-side-wrapper .home-listing table ul {padding: 5px;}
.home-side-wrapper .home-listing table ul li {font-family: 'Open Sans', sans-serif;font-size: 15px;font-weight: 700;list-style: none;line-height: 17px;margin-bottom: 7px;position: relative;}
.home-side-wrapper .home-listing table ul li::before {content: '•';color: #0f9fdb;margin-right: 10px;font-size: 17px;position: absolute;left: -20px;}
.home-listing img {margin-top: 40px;width: 170px;}
.home-side-wrapper a {display: inline-block;background: #0f9fdb;padding: 20px 100px 20px 40px;width: auto;text-transform: uppercase;color: #fff;border-top-right-radius: 40px;border-bottom-right-radius: 40px;letter-spacing: 2px;}
.home-side-wrapper a:hover {background: #253e6a;}
.home-side-wrapper a:before {
content: '\f053';
font-family: Fontawesome;
font-size: 12px;
margin-right: 40px;
}
.home-slideshow {display: inline-block;background: #eee;width: 100%;max-width: calc( 100% - 0px);height: calc(100% - 88px);margin-right: -4px;margin-top: 107px;}
.top-wrapper {display: block;position: relative;width: 100%;top: -20px;height: calc(95vh - 195px);min-height: 480px;margin-top: -4px;}
.banner-side {background-image: url('../images/banner-side.svg');background-size: contain;background-repeat: no-repeat;width: 520px;height: calc(100% + 2px);position: absolute;z-index: 600;top: -1px;}
.purchase-ol {width: 100%;height: 100%;background: rgba(6, 6, 6, .9);position: fixed;z-index: 999;overflow: scroll;top: 0;opacity: 0;visibility: hidden;
-webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-ms-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
}
.p-form .purchase-ol {
opacity: 1;
visibility: visible;
-webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-ms-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
}
.purchase-heading {
margin: 0 0 20px;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
float: left;
width: 100%;
}
.purchase-form .gform_wrapper .top_label input.medium, .purchase-form .gform_wrapper .top_label select.medium {background: transparent;}
.purchase-form .gform_wrapper textarea {color: #333;padding: 5px;}
.purchase-form .gform_wrapper .top_label select.medium option {color: #333;}
.purchase-form h4 {margin: 0 0 60px 0;}
.purchase-form h4 span {
width: 100%;
color: #253e6a;
font-weight: 400;
font-size: 16px;
margin: 0 20px 5px 0;
text-transform: uppercase;
float: left;
}
.purchase-form h4 strong {
width: 100%;
font-weight: 400;
float: left;
font-size: 24px;
color: #27a6e2;
}
.purchase-form {position: relative;top: 15%;margin: 0 auto;padding: 40px;width: 600px;overflow: hidden;z-index: 999;color: #253e6a;background: #fff;border-radius: 3px;}
.purchase-inner {overflow: auto;width: 100%;height: 100%;}
.purchase-form .gform_body {float: left;width: 100%;}
.purchase-form .gform_body ul li {border-bottom: 1px solid rgba(39, 167, 226, 0.5);}
.purchase-form .gform_body input {color: #000 !important;}
.purchase-form .gform_body .privacy p {color: #253e6a;}
.purchase-form .gform_body .privacy p span:hover {color: #777;}
.purchase-form .gform_body ul li:last-child {border: none;}
.purchase-form .gform_ajax_spinner_url {position: absolute;}
.purchase-form .gform_title {display: none;}
.close-but {
position: relative;
float: right;
cursor: pointer;
z-index: 99;
}
.close-but:after {
content: 'X';
width: 15px;
height: 15px;
position: absolute;
top: 0;
right: 10px;
color: #27a6e2;
cursor: pointer;
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}
#gform_submit_button_3 {border: none;box-shadow: none;background: #27a6e2;padding: 20px 40px;right: -20px;bottom: 20px;width: 40% !important;position: absolute;border-top-left-radius: 40px;color: #fff;font-weight: 700;text-transform: uppercase;border-bottom-left-radius: 40px;transition: all 0.5s ease-in-out;}
#gform_submit_button_3:hover {background: #777;}
.enquire {cursor: pointer;transition: all 0.5s ease-in-out;}
.enquire:hover {background: #777;color: #fff;}
.header-nav,.sub-nav {position: relative;float: left;}
.header-nav .menu {position: relative;font-size: 15px;text-transform: uppercase;z-index: 200;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;right: 0;text-align: center;margin-bottom:0px;}
.sub-nav .menu {position: relative;font-size: 15px;text-transform: uppercase;z-index: 90;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;right: 0;text-align: center;}
.top-head {z-index: 9999999999;}
.header-nav .menu:after,.sub-nav .menu:after {content: "";display: table;clear: both;}
.header-nav li,.sub-nav .sub-menu li {position: relative;display: inline-block;list-style: none;}
.header-nav li a {padding: 0 20px;display: block;color: #fff;}
.header-nav a,.sub-nav a {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.header-nav li:hover>a,.sub-nav li:hover>a {color: #bbb;cursor: pointer;width: 100%;}
.header-nav ul>li>ul {text-align: left;opacity: 0;visibility: hidden;max-width: 250px;background: #1d6293;position: absolute;z-index: 9999999999;-webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;-moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;-ms-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;-o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;transition: opacity .3s ease-in-out, visibility .3s ease-in-out;}
.sub-nav ul>li>ul {text-align: left;opacity: 0;visibility: hidden;max-width: 250px;background: #2C3946;position: absolute;z-index: 9999009;-webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;-moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;-ms-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;-o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;transition: opacity .3s ease-in-out, visibility .3s ease-in-out;}
.header-nav ul li ul li,.sub-nav ul li ul li {display: inline-block;position: relative;}
.header-nav ul li ul li:after,.sub-nav ul li ul li:after {
bottom: 0;
content: '';
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
height: 1px;
width: 100%;
position: absolute;
}
.header-nav ul>li:hover>ul,.sub-nav ul>li:hover>ul {opacity: 1;visibility: visible;}
.header-nav ul ul li a, .header-nav ul ul ul li a,.sub-nav ul ul li a, .sub-nav ul ul ul li a {color: #fff;min-width: 250px;padding: 16px 55px 16px 20px;}
.sub-menu .menu-image-title {line-height: 17px;}
.header-nav ul ul li a:after,.sub-nav ul ul li a:after {
opacity: 0;
visibility: hidden;
content: '';
font-family: Fontawesome;
font-size: 20px;
position: absolute;
top: 14px;
right: 30px;
-webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
-o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}
.header-nav ul>li>ul li a:hover {background: #253e6a;}
.header-nav ul ul li a:hover:after,.sub-nav ul ul li a:hover:after {
opacity: 1;
visibility: visible;
-webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
-o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}
.header-nav ul>li>ul>li>ul,.sub-nav ul>li>ul>li>ul {
text-align: left;
opacity: 0;
visibility: hidden;
background: #2C3946;
position: absolute;
top: 0;
left: 230px;
z-index: 9999999;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.header-nav ul>li>ul>li:hover>ul {opacity: 1;visibility: visible;}
.header-nav ul ul ul li {}
.header-nav ul ul ul li a {}
.header-nav ul ul ul li a:hover {}
.header-nav ul>li>ul>li>ul>li>ul {
text-align: left;
opacity: 0;
visibility: hidden;
background: rgba(0, 0, 0, .9);
position: absolute;
left: 100%;
top: 0;
z-index: 9999999;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.header-nav ul>li>ul>li>ul>li:hover>ul {opacity: 1;visibility: visible;}
.header-nav ul ul ul ul li {}
.header-nav ul ul ul li ul a {}
.header-nav ul ul ul li ul a:hover {}
#phone-mob {
display: none;
width: 20px;
height: 20px;
position: relative;
float: left;
z-index: 999;
}
#phone-mob:before {
content: '\f095';
font-family: Fontawesome;
font-size: 30px;
width: 20px;
height: 20px;
position: absolute;
top: 0;
left: 0;
color: #fff;
}
#top-ham {
width: 30px;
height: 30px;
margin-top:30px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
z-index: 999;
padding: 10px;
float: right;
}
#top-ham span {
display: block;
position: absolute;
height: 5px;
width: 100%;
background: #253e6a;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#top-ham span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
#top-ham span:nth-child(2) {
top: 9px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
#top-ham span:nth-child(3) {
top: 18px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
#top-ham.open span:nth-child(1) {
height: 5px;
-webkit-transform: translate(8px, -1px) rotate(45deg);
-moz-transform: translate(8px, -1px) rotate(45deg);
-o-transform: translate(8px, -1px) rotate(45deg);
transform: translate(8px, -1px) rotate(45deg);
}
#top-ham.open span:nth-child(2) {width: 0%;opacity: 0;}
#top-ham.open span:nth-child(3) {
height: 5px;
-webkit-transform: translate(8px, 1px) rotate(-45deg);
-moz-transform: translate(8px, 1px) rotate(-45deg);
-o-transform: translate(8px, 1px) rotate(-45deg);
transform: translate(8px, 1px) rotate(-45deg);
}
#top-ham, #phone {display: none;}
.mob-clicked .off-canvas {left: 0;}
.mob-overlay {
visibility: hidden;
opacity: 0;
width: 100%;
height: 100%;
position: fixed;
z-index: 9998;
-webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
-moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
-ms-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
-o-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
}
.overlay {
visibility: hidden;
opacity: 1;
background: rgba(1, 1, 1, .5);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -99;
-webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
-moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
-ms-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
-o-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
}
.enquire-click .overlay,.terms-click .overlay,.privacy-click .overlay {opacity: 1;visibility: visible;}
.cta-overlay {
visibility: hidden;
opacity: 0;
background: rgba(1, 1, 1, .5);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99;
-webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
-moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
-ms-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
-o-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
}
.mob-clicked .mob-overlay, .ctaform-open .cta-overlay {
visibility: visible;
opacity: 1;
-webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
-moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
-ms-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
-o-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
}
.off-canvas {width: 100%;height: auto;position: fixed;left: 0;top: -100%;background: #1d6293;z-index: 998;-webkit-transition: top .5s ease-in-out;-moz-transition: top .5s ease-in-out;-ms-transition: top .5s ease-in-out;-o-transition: top .5s ease-in-out;transition: top .5s ease-in-out;padding: 60px 27px 80px;max-height: 100%;overflow-y: scroll;
-webkit-overflow-scrolling: touch;overflow-x: hidden;}
.mob-clicked .off-canvas {top: 70px;}
.off-canvas ul {list-style: none;}
.off-canvas ul li {cursor: pointer;}
.off-canvas .current-menu-item {border: none;margin-bottom: 0;}
.off-canvas ul ul {padding: 0px 0 0 10px;}
.off-canvas li a {font-family: 'Nunito', sans-serif;font-size: 17px;padding: 14px 12px;text-transform: uppercase;height: 49px;display: block;font-weight: 300;color: #fff;overflow: hidden;position: relative;}
.off-canvas li a:after {bottom: 0;content: '';height: 1px;width: 98%;background: rgba(255, 255, 255, 0.1);position: absolute;left: 1%;}
.off-canvas li a:hover {background: rgba(240, 240, 240, .08);}
.off-canvas ul ul li a {font-size: 13px;color: #ffffff;font-weight:800;text-transform: uppercase;}
.off-canvas ul ul ul li a {color: #fff;}.off-canvas .menu-main-menu-container {padding: 0 10px;}.off-canvas ul .menu-item-has-children {position: relative;}
.off-canvas .menu-item-has-children .menu-item span {display: none;}
.off-canvas ul ul .menu-item-has-children.menu-item>span {display: inline-block;}
.off-canvas .menu-item-has-children span {display: inline-block;z-index: 999;font-size: 20px;cursor: pointer;color: #fff;position: absolute;right: 10px;top: 9px;padding: 5px 15px;width: 40px;height: 40px;border-radius: 2px;}
.off-canvas .down:before {content: '\f107';font-family: Fontawesome;position: absolute;color: #fff;font-size: 28px;border: 2px solid #fecf31;border-radius: 2px;width: 40px;height: 40px;padding: 5px 9px;left: 0;top: 0;}
.off-canvas .up:before {content: '\f106';font-family: Fontawesome;position: absolute;color: #fff;font-size: 28px;border: 2px solid #fecf31;border-radius: 2px;background: #fecf31;width: 40px;height: 40px;padding: 4px 9px;left: 0;top: 0;}
.off-canvas .sub-menu {overflow: hidden;visibility: hidden;opacity: 0;max-height: 0px;}
.off-canvas .open .sub-menu {
visibility: visible;
opacity: 1;
max-height: 3000px;
-webkit-transition: max-height .3s ease-in-out;
-moz-transition: max-height .3s ease-in-out;
-ms-transition: max-height .3s ease-in-out;
-o-transition: max-height .3s ease-in-out;
transition: max-height .3s ease-in-out;
}
.off-canvas .open .sub-menu .sub-menu {
visibility: hidden;
opacity: 0;
display: none;
}
.off-canvas .open .sub-menu .open .sub-menu {
visibility: visible;
opacity: 1;
display: block;
}
.off-canvas ul .menu-item-has-children:hover:after {color: #ED1C2E;}.off-canvas .menu-main-menu-container {padding: 0 10px;}
i.icons {
display: block;
color: #fff;
font-size: 34px;
text-align: center;
padding: 6px 12px;
height: 50%;
cursor: pointer;
}
i.icons:hover {color: #FFAF00;}
.mob-toggle span {
display: block;
font-size: 12px;
text-align: center;
color: #fff;
}
.mob-toggle:hover span {color: #FFAF00;}
#phone {
top: 7px;
right: 10px;
position: absolute;
width: 30px;
height: 30px;
}
#phone:before {
content: '\f095';
font-family: Fontawesome;
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 30px;
color: #fff;
font-size: 35px;
}
.slide {
width: 100%;
background-size: cover;
background-position: center;
height: 100%;
z-index: 2;
}
.page-template-default .slide {width: 100%;background-size: cover;}
.hero-content h4 {font-size:19px !important;}
.hero-content {position: absolute;right:0px;border-top: 1px solid #fff;z-index: 2;color:#ffffff !important;font-weight:bold !important;background: rgba( 37, 62, 106, .87);text-align: right;bottom: 100px;height:70px;border-radius: 20px 0px 0px 20px;width: 40%;padding: 24px 25px;}
.hero-content h4 {color: #ffffff !important;float: right;font-size: 19px;font-weight: 600 !important;margin:0px !important;}
.hero-content a {color: #5dcdfc;text-transform: uppercase;font-size: 15px;float: right;margin-left: 80px;}
.hero-content a:hover {color: #eee;}.hero-content a::after {content: '\f054';font-family: Fontawesome;font-size: 10px;margin-left: 20px;}
.slides-wrap {position: relative;top: 0;width: 100%;height: 100%;z-index: 9;}
.home .slider {list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;height: inherit;}
.grad-bottom {background: url(../images/gradient-page.png) repeat-x bottom center;position: absolute;width: 100%;height: 160px;bottom: 0;}
.rslides_nav {top: 50%;}
.rslides1_nav.prev {right: 0;}
.home .cycle-prev, .home .cycle-next {width: 25px;height: 200px;display: block;opacity: .7;text-indent: -9999px;overflow: hidden;margin: 0 50px 0 0;position: fixed;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;top: 50%;z-index: 999;}
.home .cycle-prev:before {content: "\f104";font-family: Fontawesome;left: 10px;}
.home .cycle-next:before {content: "\f105";font-family: Fontawesome;right: 10px;top: 0;position: absolute;width: 100px;height: 100px;color: #fff;font-size: 40px;}
.scrolled .rslides1_nav.prev {margin: 0;}
.scrolled .rslides1_nav.next {margin: 0;}
.scrolled .rslides1_nav.next, .scrolled .rslides1_nav.prev {opacity: 0;}
.pager {display: block;position: absolute;bottom: 0px;padding: 0;left: 40px;z-index: 500;margin-left: 20px;list-style: none;}
.pager span {color: #0f9fdb;width: 20px;height: 20px;font-size: 50px;margin-left: 5px;cursor: pointer;transition: all 0.5s ease-in-out;}
.cycle-pager-active {color: #ffffff !important;width: 20px;height: 20px;text-indent: 100%;overflow: hidden;}
.feat-nav {
display: block;
height: 80px;
width: 100%;
margin-top: 0px;
background-image: -webkit-linear-gradient(right, #0f9fdb, #253e6a);
background-image: -moz-linear-gradient(right, #0f9fdb, #253e6a);
background-image: -o-linear-gradient(right#0f9fdb, #253e6a);
background-image: linear-gradient(to left, #0f9fdb, #253e6a);
}
.feat-wrap {position: relative;background-color: #fff;padding: 0;}
.feat-container {
position: relative;
width: 25%;
float: left;
top: -80px;
text-align: center;
}
.feat-content ul li{text-align:left;line-height:23px;}
.feat-headline a {
display: block;
text-transform: uppercase;
font-weight: 600;
font-size: 15px;
color: #fff;
letter-spacing: 1px;
width: 100%;
padding: 19px 0;
}
.feat-headlines a {display: block;text-transform: uppercase;font-weight: 600;font-size: 15px;color: #fff;letter-spacing: 1px;width: 100%;padding: 9px 0;}
.feat-headline a:hover {color: #a5e5ff;background: rgba(0, 0, 0, 0.1);}
.feat-image {
position: relative;
width: 100%;
float: left;
height: 180px;
background: #253e6a;
border-right: 1px solid #fff;
overflow: hidden;
}
.feat-item {position: relative;width: 100%;float: left;height: inherit;background-position: center center;background-size: contain;background-size: cover;opacity: 0.29;transition: all 0.5s ease-in-out;bottom: 0;left: 0;}
.feat-links {text-align: center;padding:25px;}
.feat-links ul li:first-child {
/*border-top: 1px solid #2b6083;*/
}
.feat-links ul li {border-bottom: 1px solid #2b6083;transition: all 0.5s ease-in-out;}
.feat-simpletext ul li {
/*text-transform: uppercase;*/
display: block;
margin: 0 auto;
color: #2b6083;
font-size: 16px !important;
padding: 6px 10px;
font-weight: 600 !important;
}
.footerlastline{border-top:solid 1px #253e6a;}
.feat-links a {
/*text-transform: uppercase;*/
color: #2b6083;
font-size: 13px;
padding: 5px 8px;
font-weight: 800 !important;
}
.home .feat-links a {/*width: 250px;*/}
.home .feat-links a:before {
/*content: '\f054';*/
font-family: Fontawesome;
margin-right: 10px;
font-size: 12px;
}
.footerlastline 
.feat-links ul li:hover {/*background: rgba( 37, 62, 105, .75);*/}
.feat-links ul li:hover a {color: #5dcdfc;}
.feat-container:hover .feat-item {opacity: 1;width: 120%;left: -5%;}
.feat-content {position: relative;width: 100%;float: left;height: 190px;background: #eef4f8;padding: 20px 40px;font-size:14px;text-align: center;border-right: 1px solid #bed7e8;color: #253e6a;}
.feat-container:last-child .feat-img {border: none;}.page-head {position: absolute;top: 50%;left: 0;z-index: 10;}
.page-banner {background-attachment: absolute;background-color: #eee;}
.footer-info .wrap {padding: 0;}
.page-template .footer h3 {color: #253e6a;font-size: 25px;font-weight: 900 !important;margin: 0;}
.footer-info.test-info {padding: 30px 0;}
.footer-info.test-info h3 {margin: 0px 10px 15px 10px; border-bottom:solid 1px #cccccc;line-height:40px;}
.footer-info.test-info h5 {margin-left: 20px;}
.single h3 {
font-size: 18px;
color: #777;
margin: 30px 0 30px;
font-weight: 300;
text-transform: uppercase;
}
.single h4 {
font-size: 15px;
color: #27a6e2;
margin: 30px 0 30px;
font-weight: 300;
text-transform: uppercase;
}
.single .content-60 a {
color: #27a6e2;
font-weight: 700;
transition: all 0.5s ease-in-out;
}
.single .content-60 a:hover {color: #777;}
.single .content-60 ul li {
font-size: 15px;
line-height: 20px;
font-weight: 400;
margin-bottom: 10px;
font-family: 'Open Sans';
list-style: none;
position: relative;
padding-left: 30px;
}
.single .content-60 ul li::before {
content: '\f054';
color: #0f9fdb;
font-family: Fontawesome;
font-size: 12px;
position: absolute;
left: 0;
}
.grid-section {
display: inline-block;
width: calc(33.33% - 26px);
margin: 10px;
padding: 25px;
font-family: 'Nunito', sans-serif;
background-size: cover;
height: 410px;
position: relative;
background: none;
border: 1px solid #e7e7e7;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
overflow: hidden;
}
.tax-industry-type .grid-section,
.tax-product-type .grid-section,
.page-template-case-grid .grid-section {height: 480px;}
.grid-section .content {
display: block;
width: 100%;
padding: 20px;
}
.grid-section h3 {
color: #253e6a;
font-size: 15px;
font-weight: 700;
margin: 0 0 5px;
text-transform: uppercase;
}
.grid-section h4 {
color: #0f9fdc;
font-size: 15px;
font-weight: 900;
text-transform: uppercase;
}
.grid-section .ind {margin: 25px 0 5px;padding-left: 30px;}
.grid-section .loc {padding-left: 30px;}
.ind:before {
position: absolute;
content: '\f0ad';
font-family: Fontawesome;
left: 0px;
}
.loc:before {
position: absolute;
content: '\f041';
font-family: Fontawesome;
left: 0px;
}
.prod:before {
position: absolute;
content: '\f085';
font-family: Fontawesome;
left: 0px;
}
.grid-section:hover {background: #f1f1f1;border: 1px solid #e7e7e7;}
.grid-thumbnail {
width: 100%;
height: 225px;
background-size: cover;
background-position: center center;
}
.ex {display: block;opacity: 0;padding: 70px 20px;width: 100%;height: 100%;color: #fff;background: rgba(37, 62, 106, 0.9);-webkit-transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-ms-transition: opacity .5s ease-in-out;-o-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out;}
.ex p {color: #fff;font-size: 16px;width: 100%;height: 90px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.ex ul {display: none;opacity: 0;visibility: hidden;}
.grid-section:hover .ex {opacity: 1;}
.news-section:hover .ex {opacity: 1;}
.page-template-news-grid .top-head {
background-image: -webkit-linear-gradient(left, #fff, #0f9fdb, #253e6a);
background-image: -moz-linear-gradient(left, #fff, #0f9fdb, #253e6a);
background-image: -o-linear-gradient(left, #fff, #0f9fdb, #253e6a);
background-image: linear-gradient(to right, #fff, #0f9fdb, #253e6a);
}
.page-template-news-grid .btm-head .logo {
top: -35px;
background-size: 100px;
height: 120px;
}
.page-template-news-grid .sidebar h2 {
color: #253e6a;
font-weight: 300;
margin: 0 0 30px;
}
.page-template-news-grid .sidebar h3 {font-size: 16px;font-weight: 600;color: #0f9fdc;margin: 0 0 30px;}
.page-template-news-grid .sidebar p {color: #0f9fdc;}
.page-template-news-grid .sidebar ul li {list-style: none;padding: 2px 0 !important;}
.page-template-news-grid .sidebar ul li a {color: #253e6a;font-weight: 600;}
.page-template-news-grid .sidebar ul li a span {float: right;color: #dbdbdb;}
.page-template-news-grid .content {width: 100%;}
.news-section {display: inline-block;width: calc(33.33% - 26px);margin: 10px;padding: 25px;background-size: cover;height: 390px;position: relative;background: none;border: 1px solid #e7e7e7;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;overflow: hidden;}
.news-section:hover {background: #f1f1f1;border: 1px solid #e7e7e7;}
.news-section:hover ul {display: none;}
.newsthumbnail {
width: 100%;
height: 225px;
background-position: center center;
background-size: cover;
}
.post-ol {
background-color: rgba(4, 4, 4, .1);
width: 100%;
height: 100%;
-webkit-transition: background-color .5s ease-in-out;
-moz-transition: background-color .5s ease-in-out;
-ms-transition: background-color .5s ease-in-out;
-o-transition: background-color .5s ease-in-out;
transition: background-color .5s ease-in-out;
}
.news-section .date {text-align: center;color: #bebebe;font-size: 16px;display: block;border: none;width: 100%;text-transform: uppercase;margin-top: 20px;}
.news-section h3 {text-align: center;display: block;color: #0f9fdb;font-size: 16px;width: 100%;text-transform: uppercase;font-weight: 300;margin-top: 20px;}
.newsright {text-align: center;width: 100%;background: rgba(3, 3, 3, .65);top: 58%;position: absolute;padding: 15px 10px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;height: 100%;}
.date {color: #fff;font-weight: 500;font-size: 15px;width: 100px;padding: 2px 0 0;margin: 0 auto;}
.newsthumbnail:hover .date {}
.newsthumbnail:hover .newsright {top: 0;padding: 60px 10px;}
.newsthumbnail:hover .ex {opacity: 1;}
.newsthumbnail:hover .ex ul {visibility: hidden;}
.page-template-news .content {width: 100%;}
.news-search {left: 0;display: block;margin: 40px 0;position: relative;width: calc(100% - 50px);height: 50px;background: #fff;}
.search-btn {position: absolute;right: 0;top: 0;background: #253e6a;width: 50px;height: 50px;float: right;box-shadow: none;border: none;transition: all 0.5s ease-in-out;padding: 15px 18px;}
.search-btn:hover {background: #777;}
.search-btn:before {
content: '\f002';
font-family: Fontawesome;
color: #fff;
font-size: 15px;
}
.news-search input[type=submit] {position: absolute;right: 0;top: 0;background: none;width: 50px;height: 50px;float: right;box-shadow: none;border: none;transition: all 0.5s ease-in-out;text-indent: -9999px;overflow: hidden;cursor: pointer;}
.news-search input[type=submit]:before {content: '\f002';font-family: Fontawesome;}
.news-search input[type=text] {height: 50px;width: 69%;margin-left: 21%;color: #253e6a;opacity: 1;font-size: 16px;box-shadow: none;border: none;padding: 5px;}
.news-side-content {padding: 0 50px 0 20%;}
.news-cat {width: 100%;height: auto;display: block;position: relative;padding: 0 50px 0 20%;}
.search .news-search {margin: 0;}
.search .sidebar h3 {margin: 30px 0;}
.search-no-results h4 {color: #253e6a;font-size: 24px;}
.re-color {
width: 100%;
max-width: 530px;
background-image: -webkit-linear-gradient(right, #1d6293, #253e6a) !important;
background-image: -moz-linear-gradient(right, #1d6293, #253e6a) !important;
background-image: -o-linear-gradient(right, #1d6293, #253e6a) !important;
background-image: linear-gradient(to left, #1d6293, #253e6a) !important;
position: absolute;
top: 0;
left: 0;
height: 100%;
padding: 0;
}
.re-color h2 {
color: #fff !important;
font-weight: 200 !important;
padding: 50px 80px 0 80px !important;
}
.re-color p {padding: 0 80px 0 80px !important;}
.news-filter ul li {overflow: visible;border: none;}
.news-filter .sf-field-search h4 {
color: #253e6a;
font-size: 24px;
font-weight: 300;
margin: 0 0 30px;
text-transform: uppercase;
padding: 0 15% 0 20%;
}
.news-filter .sf-field-search {background: none;display: inline-table;}
.news-filter .sf-field-search label {
display: block;
height: 50px;
width: 90%;
background: #fff;
padding: 0 50px 0 20%;
}
.news-filter .sf-field-search label::after {position: absolute;right: 0;font-size: 18px;content: '\f002';font-family: Fontawesome;margin-left: 10px;color: #fff;background: #253e6a;height: 50px;padding: 15px;width: 50px;line-height: 20px;font-weight: 100;}
.news-filter .sf-field-search input {color: #253e6a;height: 50px;width: 100%;display: inline-block;}
.news-filter .sf-field-category h4 {font-size: 16px;font-weight: 600;color: #0f9fdc;margin: 70px 0 30px;text-transform: uppercase;padding: 5px 10% 0px 20% !important;}
.news-filter .sf-level-0:first-child:before {content: '' !important;border: none;}
.news-filter .searchandfilter ul {position: relative;}
.news-filter .sf-level-0:before {content: '';position: absolute;display: block;width: 70%;left: 20%;margin-top: 16px;border-bottom: 1px solid #dbdbdb;z-index: -10;}
.news-filter .sf-level-0 label {text-transform: none;font-weight: 600;color: #253e6a;letter-spacing: 0px;width: 100%;display: unset;background: #fff;padding: 0 5px 0 20%!important;}
.news-filter .sf-option-active label {color: #27a6e2;}.sf-count {position: inherit;float: right;right: 10%;color: #dbdbdb;background: #efefef;z-index: 10;}
.news-filter .sf-level-0:first-child label:before {content: '' !important;}
.news-filter input[type=radio]:checked+label::before {transform: rotateZ(0deg);}
.news-pagination-bottom {display: block;margin: 60px 0 30px;color: #27a6e2;text-transform: uppercase;}
@keyframes tile {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.single-post .sidebar h2 {color: #253e6a;font-weight: 300;margin: 0 0 30px;}
.single-post .sidebar h3 {font-size: 16px;font-weight: 600;color: #0f9fdc;margin: 100px 0 30px;}
.single-post .sidebar p {color: #0f9fdc;}
.single-post .sidebar ul li {list-style: none;overflow-x: hidden;padding: 2px 0;}
.single-post .sidebar ul li a {color: #253e6a;font-weight: 600;}
.single-post .sidebar ul li a span {float: right;color: #dbdbdb;}
.single-post h1 {
color: #0f9fdc;
font-size: 24px;
font-weight: 200;
text-transform: uppercase;
padding: 0 0 10px;
}
.single-post p {
font-size: 15px;
line-height: 25px;
margin-bottom: 20px;
}
.single-post .date {color: #bebebe;font-size: 16px;display: block;border: none;width: 100%;text-transform: uppercase;margin: 0 0 40px;}
.single-post .newsthumbnail {width: 35%;display: block;position: relative;padding-top: 30%;background-size: cover;float: right;margin: 0 0 30px 80px;}
.single-post #content ul li {font-size: 15px;line-height: 20px;font-weight: 400;margin-bottom: 10px;font-family: 'Open Sans';list-style: none;position: relative;padding-left: 30px;}
.single-post #content ul li::before {
content: '\f054';
color: #0f9fdb;
font-family: Fontawesome;
font-size: 12px;
position: absolute;
left: 0;
}
.single-post #content a {color: #0f9fdb;font-weight: 300;}
.single-post #content a:hover {color: #777;font-weight: 300;}
.prev-post a,.next-post a {
display: block;
color: #0f9fdc;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
transition: all 0.5s ease-in-out;
padding: 40px 0;
}
.prev-post a:hover,.next-post a:hover {color: #777;}
.prev-post {float: left;}
.prev-post a:before {
content: '\f137';
font-family: Fontawesome;
margin-right: 20px;
font-size: 18px;
}
.next-post {float: right;}
.next-post a:after {
content: '\f138';
font-family: Fontawesome;
margin-left: 20px;
font-size: 18px;
}
.page-template-search-site .sf-field-search input[type=text] {color: #253e6a;}
.search-section {border-bottom: 1px solid #ccc;padding: 20px;}
.search-section p, .search-section .exer{color:#253e6a;}
.page-template-search-site .sf-level-0 label:hover {color: #0f9fdc;font-weight: 600;}
@media(max-width:1024px) {
.page-template-search-site .content{width: 100%;}
}
.page-template-case-grid .sidebar ul li a span {float: right;color: #dbdbdb;}
.page-template-case-grid .sidebar,.tax-product-type .sidebar,.tax-industry-type .sidebar,.single-case .sidebar {
width: 30%;
max-width: 530px;
background-image: -webkit-linear-gradient(right, #1d6293, #253e6a);
background-image: -moz-linear-gradient(right, #1d6293, #253e6a);
background-image: -o-linear-gradient(right, #1d6293, #253e6a);
background-image: linear-gradient(to left, #1d6293, #253e6a);
position: relative;
float: left;
height: 100%;
padding: 0;
min-height: 950px;
}
.page-template-case-grid .main .wrap,.tax-product-type .main .wrap,.tax-industry-type .main .wrap {
width: 70%;
position: relative;
float: left;
padding: 20px;
}
.page-template-case-grid .content,.tax-product-type .content {width: 100%;}
.tax-product-type .main>.content,.tax-industry-type .main>.content {
width: 70%;
position: relative;
float: left;
padding: 20px;
}
.page-template-case-grid .sidebar h3,.tax-product-type .sidebar h3,.tax-industry-type .sidebar h3,.single-case .sidebar h3 {
font-size: 24px;
text-transform: uppercase;
padding: 80px 80px 10px;
letter-spacing: 5px;
font-weight: 200;
margin: 0;
color: #fff;
}
.page-template-case-grid .sidebar p,
.tax-product-type .sidebar p,
.tax-industry-type .sidebar p {
color: #0f9fdc;
text-transform: uppercase;
padding: 0 80px 10px;
}
.case-search {
left: 0;
display: block;
margin: 20px 0;
position: relative;
width: 100%;
height: 50px;
background: #1d6293;
}
.case-btn {position: absolute;right: 65px;top: 0;width: 50px;height: 50px;float: right;box-shadow: none;border: none;transition: all 0.5s ease-in-out;padding: 15px 18px;}
.case-btn:before {
content: '\f002';
font-family: Fontawesome;
color: #fff;
font-size: 15px;
position: absolute;
transition: all 0.5s ease-in-out;
z-index: -1;
}
.case-btn:hover::before {color: #bbb;}
.case-search input[type=submit] {position: absolute;right: 0;top: 0;background: none;width: 50px;height: 50px;float: right;box-shadow: none;border: none;transition: all 0.5s ease-in-out;text-indent: -9999px;overflow: hidden;cursor: pointer;}
.case-search input[type=submit]:before {content: '\f002';font-family: Fontawesome;}
.case-search input[type=text] {height: 50px;width: calc(100% - 185px);margin-left: 80px;color: #fff;opacity: 1;font-size: 16px;box-shadow: none;border: none;padding: 0;background: none;font-weight: 300;}
.case-search input[type=text]::-webkit-input-placeholder {color: #0f9fdc;font-size: 16px;font-weight: 300;text-transform: uppercase;}
.case-search input[type=text]::-moz-placeholder {color: #0f9fdc;font-size: 16px;font-weight: 300;text-transform: uppercase;}
.case-search input[type=text]::-ms-input-placeholder {color: #0f9fdc;font-size: 16px;font-weight: 300;text-transform: uppercase;}
.case-cat .tab {background: #1d6293;margin: 40px 0;}
.case-cat .tab label:before {content: '';}
.case-cat .case-all {background: #253e6a;margin: 40px 0;}
.case-cat .case-all label a {color: #0f9fdb;}
.case-cat .case-all label {color: #0f9fdb;}
.case-cat .case-all label a:hover {color: #fff;}
.case-cat .case-all label:hover {color: #fff;}
.case-cat .tab label:after {
content: '\f138';
font-family: Fontawesome;
float: right;
}
.single-case .case-cat .tab label:after {
content: '\f137';
font-family: Fontawesome;
float: right;
}
.case-cat .tab label {
text-transform: uppercase;
padding: 5px 80px 5px 80px;
font-weight: 200;
transition: all 0.35s ease-in-out;
}
.case-cat .tab label:hover {color: #0f9fdb;}
.case-cat .tab ul {
padding: 0;
margin: 0;
display: block;
}
.case-cat .tab .tab-content {padding: 0;}
.case-cat .tab ul li {
border-top: 1px solid rgba(15, 161, 219, 0.20);
list-style: none;
}
.case-cat .tab ul li a {
padding: 20px 83px 20px 100px;
color: #0f9fdb;
display: block;
width: 100%;
cursor: pointer;
text-transform: uppercase;
transition: all 0.35s ease-in-out;
}
.case-cat .tab ul li a:after {
content: '\f138';
font-family: Fontawesome;
float: right;
}
.case-cat .tab ul li a:hover {color: #bebebe;}
.single-case h1,
.single-case h2 {
display: block;
position: relative;
color: #0f9fdb;
text-transform: uppercase;
font-size: 24px;
font-weight: 700;
margin: 0 0 25px;
padding: 70px 0 0;
}
.single-case h1 {padding: 0;}
.single-case p {
color: #000;
font-size: 15px;
margin: 0 0 25px;
line-height: 25px;
}
.single-case .main {z-index: -1;}
.single-case .sidebar ul li a span {
float: right;
color: #dbdbdb;
}
.single-case .content {width: 100%;}
.case-feat {
display: block;
position: relative;
width: 100%;
padding-top: 55%;
background-size: cover;
background-position: center center;
}
.case-info {
padding: 0;
color: #0f9fdb;
position: relative;
left: 50px;
}
.case-info h4 {
color: #0f9fdb;
font-size: 15px;
text-transform: uppercase;
width: 100%;
margin: 0;
font-weight: 600;
padding: 15px 0 0 40px;
}
.case-info ul.info li::before {content: '';}
.case-info ul.info li {
display: block;
list-style: none;
width: 100%;
border-bottom: 1px solid #0f9fdb;
}
.case-info ul.info li:first-child {background: #0f9fdb;color: #fff;}
.case-info ul.info li:first-child a:hover {background: #3dbbef;color: #fff;}
.case-info ul.info li a {
list-style: none;
display: block;
font-size: 15px;
font-weight: 600;
padding: 20px;
color: inherit;
}
.case-info ul.info li a:hover {color: #777;}
.case-info ul.info li:before {content: '' !important;}
.case-info ul.info li a:after {
content: '\f138';
float: right;
font-family: Fontawesome;
font-size: 20px;
}
.case-info ul.info {margin: 0 0 40px;position: relative;z-index: 99;}
.case-info .grid-thumbnail {margin: 0 0 40px;}
.case-info #themenu {}
.case-info ul#themenu>li {float: left;list-style-type: none;position: relative;}
.case-info label {list-style: none;display: block;font-size: 15px;font-weight: 600;padding: 20px;color: inherit;letter-spacing: 0;line-height: normal;}
.case-info label:after {content: '\f055' !important;float: right;font-family: Fontawesome;font-size: 20px;}
.case-info label:hover,
.case-info input:checked~label {}
.case-info input:checked~label:after {content: '\f056' !important;}
.case-info input {display: none}
/*show the second levele menu of the selected voice*/
.case-info input:checked~ul.thesubmenu {max-height: 1200px;transition: max-height 0.5s ease-in;}
.case-info ul.thesubmenu {max-height: 0;padding: 0;margin: 0 50px 0 0;overflow: hidden;list-style-type: none;background: #3dbbef;transition: max-height 0.5s ease-out;position: absolute;width: 100%;color: #fff;}
.case-info ul.thesubmenu li:first-child {background: #3dbbef;}
.case-info ul.thesubmenu li a {display: block;color: #fff;text-decoration: none;transition: background .3s;}
.case-info ul.thesubmenu li a:after {content: '';}
.case-info ul.thesubmenu li a:hover {color: #fff;background: #0f9fdb;}
.case-info ul.thesubmenu li:first-child a:hover {color: #fff;background: #0f9fdb;}
.content-clear ul li,.content-clear p {color: #000;}
.content-clear ul li {
list-style: none;
padding: 0 0 0 25px;
margin: 5px 0;
}
.content-clear ul li:before {
content: '\f054';
font-family: Fontawesome;
position: absolute;
left: 0;
margin: 6px 0 0;
font-size: 12px;
}
.case-gal {width: 100%;display: inline-block;margin: 40px 0;}
.hide-func {display: none;}
.single-case #content ul li {font-size: 15px;line-height: 20px;font-weight: 400;margin-bottom: 10px;font-family: 'Open Sans';list-style: none;position: relative;}
.single-case #content li:before {content: '\f054';color: #0f9fdb;font-family: Fontawesome;font-size: 12px;position: absolute;left: 0;top: -5px;}
.single-case .content-40 ul.info li:before {top: 20px !important;}
.news-image {width: 200px;height: 200px;background-size: cover;top: 0;left: 0;background-position: center;}
.home .main {width: 100%;background: rgba(1, 1, 1, .6);padding: 100px;position: relative;color: #fff;}
.home .site {display: block;}
.page-template-default .main, .single-format-standard .main, .page-template .main {
width: 100%;
min-height: 950px;
display: inline-block;
}
.content {width: 60%;float: left;}
.sidebar {
width: 30%;
float: left;
max-width: 530px;
padding: 80px 0;
}
.page-banner {width: 100%;height: 50vh;background-size: cover;background-position: center;}
.page-template-thankyou .content-100 {padding: 80px 20px;}
.page-template-thankyou .content-100 h2 {font-size: 50px;}
.page-template-thankyou .content-100 a {color: #0f9fdc;font-weight: 700;}
.page-template-thankyou .content-100 a:hover {color: #253e6a;}
.action-wrapper ul li {border-bottom: 1px solid rgba(140, 212, 240, 0.2);}
.action-wrapper ul li:last-child {border: none;}
.gform_button {margin-left: 140px !important;text-align: left;cursor: pointer;}
.gform_wrapper .top_label div.ginput_container {padding-right: 60px;}
.gform_validation_container {display: none;}
.ginput_container_select {position: relative;}
.ginput_container_select select {-webkit-appearance: none;-ms-appearance: none;-moz-appearance: none;color: #8cd3f0 !important;font-size: 14px !important;width: 220px;background: none;border: none;}
.ginput_container_select::after {content: '\f0dc';font-family: Fontawesome;position: absolute;color: #8cd3f0;top: 20px;font-size: 12px;left:239px;}
#gform_confirmation_message_5,#gform_confirmation_message_1 {color: #fff !important;padding: 330px 70px !important;}
.gform_wrapper #field_1_4,.gform_wrapper #field_5_4 {border: none}
.gform_wrapper div.validation_error {display: none;}
.gform_wrapper .validation_message {margin-left: 180px;}
.gform_wrapper textarea.medium {height: 90px !important;}
.gform_wrapper {font-weight: 300;margin: 0 auto;}
.gform_fields {margin: 0;padding: 0;list-style: none;}
.gform_wrapper label {display: none;}
.gform_wrapper input[type="text"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="email"], .gform_wrapper input[type="password"], .gform_wrapper input[type="file"], .gform_wrapper textarea {border: 0;width: 100%;padding: 15px 0;font: 200 14px 'Open Sans', arial, sans-serif;color: #fff;line-height: 1em;display: block;background: none;width: 50% !important;}
.gform_wrapper select {font: 200 14px 'Open Sans', arial, sans-serif !important;}
.gform_wrapper textarea {height: 120px;overflow: auto;width: 100% !important;}
.gform_wrapper input {width: 70% !important;position: relative;opacity: 1;z-index: 10;}
.gfield {position: relative;}
.gfield_description {margin: 10px 0;}
#gform_submit_button_1 {display: block;border: 0;padding: 15px 40px;text-transform: uppercase;color: #fff;font-weight: 300;font-size: 16px;float: right;cursor: pointer;position: relative;right: 0;opacity: 1;transition: all 0.5s ease;font-family: 'Nunito', sans-serif;background: #0f9fdb;border-bottom-left-radius: 40px;border-top-left-radius: 40px;-webkit-appearance: none;margin-left: 73px;width: 85%;text-align: left;}
#gform_submit_button_7,#gform_submit_button_1 {display: block;border: 0;padding: 15px 40px;text-transform: uppercase;color: #253e6a;font-weight: 700;font-size: 16px;float: right;cursor: pointer;position: relative;right: 0;transition: all 0.5s ease;font-family: 'Nunito', sans-serif;background: #ffffff;border-bottom-left-radius: 40px;border-top-left-radius: 40px;-webkit-appearance: none;margin-left: 73px;margin-right: 0;width: 85%;text-align: left;}
#gform_submit_button_5 {display: block;border: 0;padding: 15px 90px;text-transform: uppercase;color: #fff;font-weight: 300;font-size: 16px;float: right;cursor: pointer;position: relative;right: 0;transition: all 0.5s ease;font-family: 'Nunito', sans-serif;background: #0f9fdb;border-bottom-left-radius: 40px;border-top-left-radius: 40px;-webkit-appearance: none;margin-left: 149px !important;text-align: left;position: absolute !important;border-bottom-left-radius: 0px !important;border-top-left-radius: 0px !important;border-bottom-right-radius: 40px;border-top-right-radius: 40px;text-align: right !important;left: -32px;width: 340px !important;clip-path: polygon(42px 60px, 7px 0px, 500px 0px, 500px 60px)}
.page-template-contact-inner #gform_submit_button_1 {display: block;border: 0;padding: 15px 40px;text-transform: uppercase;color: #fff;font-weight: 300;font-size: 16px;float: right;cursor: pointer;position: relative;right: 0;transition: all 0.5s ease;font-family: 'Nunito', sans-serif;background: #0f9fdb;border-bottom-left-radius: 40px;border-top-left-radius: 40px;-webkit-appearance: none;margin-left: -17px !important;width: 85%;text-align: left;}
#gform_submit_button_1 .fa,#gform_submit_button_5 .fa {font-size: 12px;margin-left: 20px;vertical-align: middle;}
#gform_submit_button_1:hover,#gform_submit_button_5:hover {opacity: 0.8;}
::-webkit-input-placeholder {color: #8cd3f0;font-size: 15px;font-weight: 300;}
::-moz-placeholder {color: #8cd3f0;font-size: 15px;font-weight: 300;}
:-ms-input-placeholder {color: #8cd3f0;font-size: 15px;font-weight: 300;}
.page-template-inner-page .gform_wrapper,.page-template-inner-partners .gform_wrapper {margin-left: 110px;}
.gform_wrapper .privacy p {color: #27a6e2;font-size: 12px;}
.home .gform_wrapper .privacy p {color: #27a6e2;font-size: 12px;margin-left: 20%;}
.gform_wrapper .privacy p span a {font-weight: 600;color: #27a6e2;}
.gform_wrapper .top_label .gfield_label {color: #fff!important;font-weight: 700;position: absolute;display: none;visibility: hidden;opacity: 0;font-size: inherit;left: 150px;}
.gfield_label {display: none !important;}
.gform_wrapper .gform_heading h3 {margin-top: 100px !important;font-family: 'Nunito', sans-serif;font-size: 24px;color: #fff;text-transform: uppercase;font-weight: 700 !important;}
.gform_wrapper span.gform_description {margin-bottom: 60px !important;}
.gform_wrapper span.gform_description {margin-left: 100px;}
.gform_wrapper .gform_heading h3 {margin-left: 100px !important;}
.gform_wrapper .gform_heading span {
font-family: 'Nunito', sans-serif;
font-size: 16px;
color: #fff;
font-weight: 600 !important;
}
.home .gform_wrapper .gform_heading h3 {margin-left: 0 !important;}
.home .gform_wrapper .gform_heading span {margin: 0;}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {width: 70%;background: transparent;}
.gform_wrapper .top_label select.medium option {color: #333;}
textarea::-webkit-input-placeholder {font-weight: 100;}
.gfield_required {display: none;}
.home .gform_wrapper .gform_heading {width: 100%;padding-left: 20%;}
.home .ginput_container {margin-left: 20%;}
.validation_message {color: #fff;background: #b93e19;position: absolute;font-size: 11px;padding: 5px 9px;top: 3px;right: 130px;width: 130px;border-radius: 5px;}
.validation_message:before {border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-right: 8px solid #b93e19;content: "";height: 0;position: absolute;bottom: 5px;left: -5px;}
.purchase-form .validation_message,
.enquire-form .validation_message {right: 0px;}
.inner-form .validation_message {left: 85px;}
.file-list-wrap a {float: left;padding-top: 23%;margin: 5px;width: 23%;background-position: center;background-repeat: no-repeat;position: relative;background-size: cover;opacity: 1;transition: all 0.5s ease-in-out;}
.file-list-wrap a:hover {opacity: 0.7;}
/*.prod-gallery a {padding-top: 90%;width: 90%;}*/
.case-gal .prev,.case-gal .next {position: absolute;border: none;box-shadow: none;background: none;color: #27a6e2;font-size: 20px;transition: all 0.5s ease-in-out;}
.case-gal .prev:hover,.case-gal .next:hover {color: #777;}
.case-gal .prev {left: -40px;margin-top: 11%;}
.case-gal .next {right: -40px;margin-top: -13%;}
.carousel-wrap {display: inline-block;height: 370px;width: 100%;}
.cl-content {text-align: center;}
.cl-content h2 {text-transform: uppercase;color: #0f9fdb;font-size: 27px;letter-spacing: 1px;margin: 20px 0 10px;font-weight: 700;}
.cl-content p {color: #253e6a;}
.cl-slide {display: block;width: 100%;height: 200px;}
.carousel-wrap button {display: block;float: left;width: 120px;height: inherit;font-size: 16px;background: none;border: none;cursor: pointer;color: #253e6a;transition: all 0.5s ease-in-out;}
.carousel-wrap button:hover {color: #0f9fdb;}
.siema {
display: block;
float: left;
height: inherit;
margin: 0;
width: calc(100% - 240px);
}
.siema div {display: inline-block;width: 100%;}
.aff-logo {
display: block;
height: 170px;
width: 100%;
background-size: contain;
background-position: top center;
background-repeat: no-repeat;
}
.product-cat-template-taxonomy-product-catalog #inside a:last-of-type .grid-section {display: none !important;}
.case-home {
background-image: -webkit-linear-gradient(left, #1d6293, #1d6293, #253e6a);
background-image: -moz-linear-gradient(left, #1d6293, #1d6293, #253e6a);
background-image: -o-linear-gradient(left#1d6293, #1d6293, #253e6a);
background-image: linear-gradient(to right, #1d6293, #1d6293, #253e6a);
}
.case-wrapper {display: block;height: 800px;width: 100%;}
.case-wrapper .content-main {width: 60%;display: block;float: left;height: inherit;background-size: cover;background-position: center center;}
.case-wrapper .content-side {padding: 30px 30px 60px;width: 40%;display: block;float: left;height: inherit;border-left: 1px solid rgba(255, 255, 255, 0.4);}
.case-wrapper .content-side h2 {margin: 60px 60px 10px 60px;color: #fff;letter-spacing: 7px;}
.case-wrapper .content-side h4 {margin-bottom: 25px;margin: 10px 60px 40px;}
.case-wrapper .content-side h3 {color: #3dbbef;margin: 8px 0 20px;text-transform: uppercase;letter-spacing: 3px;width: 60%;}
.case-wrapper .content-side p {color: #fff;font-weight: 200;line-height: 20px;margin: 10px 60px 10px 60px;}
.case-wrapper .content-side td {padding: 5px 0;}
.case-wrapper tbody {display: block;width: 80%;}
.case-wrapper .content-side td p {margin: 0;padding: 0 0 0 20px;}
.case-wrapper .case-controls h3 {float: left;}
.case-controls {width: 100%;display: inline-block;}
.case-wrapper h5 {color: #3dbbef;font-size: 15px;margin: 10px 60px 10px 60px;letter-spacing: 3px;}
.case-wrapper a.case-prev {color: #3dbbef;float: left;margin-right: 30px;padding: 10px;font-size: 15px;transition: all 0.5s ease-in-out;}
.case-wrapper a.case-next {color: #3dbbef;float: left;font-size: 15px;padding: 10px;margin-left: 30px;transition: all 0.5s ease-in-out;}
.case-wrapper .read-more {display: block;margin: 30px 60px 10px 60px;}
.case-wrapper .read-more::after {content: '\f054';font-family: Fontawesome;margin-left: 20px;font-size: 8px;}
.case-wrapper a {color: #3dbbef;font-size: 15px;}
.case-wrapper a:hover {color: #eee;}
.case-wrapper table {margin: 0 60px 30px 60px;}
.case-wrapper table h5 {margin: 0;}
.action-wrapper {display: block;background: #fff;min-height: 475px;width: 100%;padding: 0px 0px 55px 0px;}
.action-wrapper .content-side {
width: 45%;
position: relative;
display: block;
float: left;
height: 100%;
background-image: -webkit-linear-gradient(left, #1d6293, #253e6a);
background-image: -moz-linear-gradient(left, #1d6293, #253e6a);
background-image: -o-linear-gradient(left#1d6293, #253e6a);
background-image: linear-gradient(to right, #1d6293, #253e6a);
}
.action-wrapper .content-side .graphic-side {background-image: url('../images/banner-side2.svg');background-size: contain;background-repeat: no-repeat;background-position: center right;width: 320px;height: calc(100% + 2px);position: absolute;float: right;right: -8px;z-index: 600;top: -1px;}
.action-wrapper .content-main {display: block;width: 97%;padding: 20px;margin:auto;}
.action-wrapper .content-main h2 {color: #253e6a;margin-bottom: 20px;font-weight: 600;}
.action-wrapper .content-main h4 {color: #0f9fdb;margin-bottom: 30px;font-weight: 600;font-size:15px;}
.action-wrapper .content-main p {color: #253e6a;margin-bottom: 20px;font-family: 'Open Sans';text-align:justify;}
.error404 .content-40,
.page-template-inner-page .content-40 {min-height: 1100px;}
.error404 .outer-form,.page-template-inner-page .outer-form,.page-template-inner-resources .outer-form,.page-template-inner-partners .outer-form,.page-template-test-page .outer-form {position: absolute;top: 37vh;background-image: url('../images/graphic-side.svg');width: 30%;height: 700px;background-position: top left;background-size: auto 600px;background-repeat: no-repeat;right: -3px;z-index: 99;}
.error404 .outer-formss,.page-template-inner-page .outer-formss,.page-template-inner-resources .outer-formss,.page-template-inner-partners .outer-formss,.page-template-test-page .outer-formss {position: absolute;top: 37vh;background-image: url('../images/graphic-side.svg');width: 30%;height: 450px;background-position: top left;background-size: auto 600px;background-repeat: no-repeat;right: 0px;z-index: 99;}
.page-template-contact-inner .outer-form {position: absolute;top: 35vh;background-image: url('../images/graphic-side.svg');width: 40%;height: 955px;background-position: top left;background-size: auto 700px;background-repeat: no-repeat;right: -3px;z-index: 99;}
.error404 .inner-form,.page-template-inner-page .inner-form,.page-template-contact-inner .inner-form,.page-template-inner-resources .inner-form,.page-template-inner-partners .inner-form {position: absolute;top: 0;}
.error404 .inner-form .gform_wrapper,.page-template-inner-page .inner-form .gform_wrapper,.page-template-contact-inner .inner-form .gform_wrapper,.page-template-inner-resources .inner-form .gform_wrapper,.page-template-test-page .inner-form .gform_wrapper {margin-left: 115px;width: 100%}
.error404 .inner-form form,.page-template-inner-page .inner-form form,.page-template-contact-inner .inner-form form,.page-template-inner-resources .inner-form form,.page-template-inner-partners .inner-form form {margin: 0;margin-top: 80px;width: 950px !important;}
.error404 .inner-form li,.page-template-inner-page .inner-form li,page-template-contact-inner .inner-form li,.page-template-inner-resources .inner-form li,.page-template-inner-partners .inner-form li {border-bottom: 1px solid #1d6395;padding-left: 100px;}
.error404 .inner-form li:last-child,.page-template-inner-page .inner-form li:last-child,.page-template-contact-inner .inner-form li:last-child,.page-template-inner-resources .inner-form li:last-child,.page-template-inner-partners .inner-form li:last-child {border: none;}
.error404 .inner-form button,.page-template-contact-inner .inner-form button,.page-template-inner-resources .inner-form button,.page-template-inner-partners .inner-form button {
position: absolute !important;
border-bottom-left-radius: 0px !important;
border-top-left-radius: 0px !important;
border-bottom-right-radius: 40px;
border-top-right-radius: 40px;
text-align: right !important;
left: 136px;
width: 30% !important;
clip-path: polygon(42px 60px, 7px 0px, 500px 0px, 500px 60px)
}
.error404 .inner-form input[type=submit],.page-template-inner-page .inner-form input[type=submit],.page-template-inner-resources .inner-form input[type=submit],.page-template-inner-partners .inner-form input[type=submit] {
position: absolute !important;
border-bottom-left-radius: 0px !important;
border-top-left-radius: 0px !important;
border-bottom-right-radius: 40px;
border-top-right-radius: 40px;
text-align: right !important;
left: -30px;
width: 30% !important;
clip-path: polygon(42px 60px, 7px 0px, 500px 0px, 500px 60px)
}
.error404>.site>.wrap,.page-template-inner-page>.site>.post>.wrap,.page-template-contact-inner>.site>.post>.wrap,.page-template-inner-resources>.site>.post>.wrap,.page-template-inner-partners>.site>.post>.wrap {
display: block;
position: relative;
width: 100%;
max-width: 1900px;
margin: 0 auto;
padding: 70px 0;
}
.error404 h2,.page-template-inner-page h1,.page-template-product-page h1,.page-template-contact-inner h1,.page-template-inner-resources h1,.page-template-inner-partners h1 {text-transform: uppercase;color: #253e6a;margin-bottom: 20px;font-weight:600;font-size:35px; letter-spacing:-1px;}
.error404 h4,.page-template-inner-page h4,.page-template-contact-inner h4,.page-template-inner-resources h4,.page-template-inner-partners h4 {
font-size: 15px;
line-height: 25px;
margin: 20px 0 5px;
font-weight: 400;
font-family: 'Open Sans';
color: #0f9fdb;
/*text-transform: uppercase;*/
}
.error404 p,.page-template-inner-page p,.page-template-contact-inner p,.page-template-inner-resources p,.page-template-inner-partners p {
font-size: 15px;
line-height: 25px;
margin-bottom: 15px;
font-family: 'Open Sans';
}
.error404 .content-60 a {color: #27a6e2;font-weight: 600;}
.error404 .content-60 a:hover {color: #777;}
.page-template-inner-partners .inner-wrap {
display: inline-block;
position: relative;
border-bottom: 1px solid #27a6e2;
padding: 30px 0;
}
.page-template-inner-partners .inner-wrap .grid-thumbnail {
background-size: contain;
background-repeat: no-repeat;
height: 300px;
width: 80%;
margin: 10%;
}
.page-template-inner-partners .content-30,
.page-template-inner-resources .content-30 {
display: block;
float: left;
width: 30%;
min-height: none;
}
.page-template-inner-partners .content-70,
.page-template-inner-resources .content-70 {
display: block;
float: left;
width: 70%;
min-height: none;
}
.page-template-inner-resources .inner-wrap h2 {margin: 10px 0;}
.page-template-inner-resources .inner-wrap h2 a {display: block;margin: 10px 0 20px;font-size: 24px;font-weight: 200;width: 100%;border-bottom: 1px solid #27a6e2;}
.page-template-inner-resources .inner-wrap {display: inline-block;position: relative;width: 100%;}
.page-template-inner-resources .inner-wrap h3 {margin: 0 0 30px;}
.page-template-test-page .test-img {display: none;}
.test-content em {color: #000;}
.test-content {padding-left: 50px;}
.page-template-test-page .test-page-wrap {width: 60%;float: left;}
.page-template-test-page .content {margin: 0 0 20px;}
.page-template-test-page .test-slide {
border-top: 1px solid #1d6395;
float: left;
width: 100%;
position: relative;
display: block;
padding: 40px 20px 0;
margin: 0 0 40px;
}
.page-template-test-page .name-stars {margin: 10px 0 40px;}
.page-template-test-page .top-head {
background-image: -webkit-linear-gradient(left, #fff, #0f9fdb, #253e6a);
background-image: -moz-linear-gradient(left, #fff, #0f9fdb, #253e6a);
background-image: -o-linear-gradient(left, #fff, #0f9fdb, #253e6a);
background-image: linear-gradient(to right, #fff, #0f9fdb, #253e6a);
}
.page-template-test-page .btm-head .logo {
top: -35px;
background-size: 100px;
height: 120px;
}
.page-template-test-page .content-40 {min-height: 1100px;}
.page-template-inner-page .inner-form {position: absolute;top: 0;}
.page-template-test-page .inner-form .gform_wrapper {margin-left: 115px;width: 100%}
.page-template-test-page .inner-form .ginput_container {margin-left: 100px;}
.page-template-test-page .inner-form form {
margin-top: 0;
width: 950px !important;
}
.page-template-test-page .inner-form li {border-bottom: 1px solid #1d6395;}
.page-template-test-page .inner-form li:last-child {border: none;}
.page-template-test-page .content-60 {padding: 50px 100px 100px 0;}
.page-template-test-page>.site>.post>.wrap {
display: block;
position: relative;
width: 100%;
margin: 0 auto;
padding: 70px 0;
}
.page-template-test-page .inner-wrap {
width: 100%;
max-width: 900px;
float: right;
padding-left: 40px;
}
.page-template-test-page .quote {font-size: 150px;float: left;height: 200px;overflow: hidden;color: #0f9fdb;margin-left: -30px;padding-right: 30px;line-height: 130px;}
.page-template-test-page .test-pos {color: #0f9fdb;float: right;font-weight: 700;font-size: 18px;text-transform: uppercase;clear: both;}
.page-template-test-page .test-com {color: #0f9fdb;float: right;font-weight: 300;font-size: 15px;text-transform: uppercase;clear: both;}
.page-template-test-page h1 {text-transform: uppercase;color: #253e6a;margin-bottom: 40px;padding-left: 30px;}
.page-template-test-page h4 {font-size: 16px;line-height: 25px;margin-bottom: 40px;font-weight: 300;font-family: 'Open Sans';color: #0f9fdb;padding-left: 30px;}
.page-template-test-page p {font-size: 15px;line-height: 25px;margin-bottom: 20px;font-family: 'Open Sans';}
.page-template-career-page>.site>.post>.wrap {display: block;position: relative;width: 100%;margin: 0 auto;padding: 70px 0;}
.page-template-career-page .inner-wrap {width: 100%;display: inline-block;position: relative;border-bottom: 1px solid #0f9fdb;padding: 30px 0;}
.page-template-career-page .inner-wrap:last-child {border: none;}
.page-template-career-page .inner-container {width: 100%;max-width: 1300px;margin: 0 auto;display: block;position: relative;}
.page-template-career-page .career-pos {display: block;color: #0f9fdb;float: left;text-transform: uppercase;width: 20%;}
.page-template-career-page .career-dis {display: block;float: left;width: 60%;padding: 0 40px;}
.page-template-career-page .career-link a {display: block;color: #0f9fdb;float: left;font-size: 18px;font-weight: 700;text-transform: uppercase;width: 20%;text-align: right;transition: all 0.5s ease-in-out;}
.page-template-career-page .career-link a:hover {color: #777;}
.page-template-career-page .career-link a:after {
content: '\f138';
font-family: Fontawesome;
margin-left: 30px;
}
.page-template-career-page h1 {
text-transform: uppercase;
color: #253e6a;
margin-bottom: 40px;
}
.page-template-career-page h3 {
font-size: 18px;
line-height: 25px;
margin-bottom: 5px;
font-weight: 300;
font-family: 'Nunito', sans-serif;
color: #0f9fdb;
}
.page-template-career-page h4 {
font-size: 15px;
line-height: 20px;
margin-bottom: 5px;
font-weight: 300;
font-family: 'Open Sans';
color: #0f9fdb;
}
.page-template-career-page p {
font-size: 15px;
line-height: 25px;
margin-bottom: 20px;
font-family: 'Open Sans';
}
.add-wrap {width: 100%;float: left;}
.add {
width: 47%;
background: #f3f3f3;
padding: 20px;
color: #000;
}
.add h4 {
color: #008ACB;
font-size: 1.3rem;
margin: 0px;
}
.add p {margin: 3px 0 0;}
.add:first-child {float: left;}
.add:nth-child(2) {float: right;}
.hours-inner {
width: 100%;
display: block;
margin: 20px 0 40px;
color: #008ACB;
font-size: 1.3em;
}
.single .content-60 {min-height: auto;padding: 0;}
.woocommerce-page h1 {
font-size: 24px;
text-transform: uppercase;
padding: 0 0 80px;
letter-spacing: 5px;
}
.page-template-product-grid h2 {
font-size: 24px;
text-transform: uppercase;
padding: 0 0 80px 15%;
margin: 0;
letter-spacing: 5px;
color: #fff;
}
.page-template-product-grid .btn {
color: #0f9fdb;
background: none;
font-weight: 900;
padding: 10px 0;
text-transform: uppercase;
font-size: 12px !important;
}
.page-template-product-grid .btn::after {
content: '\f138';
font-family: Fontawesome;
font-weight: 700;
margin-left: 20px;
}
.product-cat .tab {border-top: 1px solid #1d6293;}
.product-cat .tab {border-top: 1px solid #1d6293;}
.product-cat .tab label:before {content: '';}
.product-cat .tab label:after {content: '\f138';font-family: Fontawesome;float: right;}
.product-cat .tab label {
text-transform: uppercase;
padding: 10px 30px 10px 15%;
font-weight: 200;
transition: all 0.35s ease-in-out;
color: #fff;
}
.product-cat .tab label:hover {color: #0f9fdb;}
.product-cat .tab ul {padding: 0;margin: 0;}
.product-cat .tab .tab-content {padding: 0;}
.product-cat .tab ul li {border-top: 1px solid #1d6293;list-style: none;}
.product-cat .tab ul li a {padding: 20px 33px 20px 20%;color: #0f9fdb;display: block;width: 100%;font-weight: 200;text-transform: uppercase;transition: all 0.35s ease-in-out;}
.product-cat .tab ul li a:after {
content: '\f138';
font-family: Fontawesome;
float: right;
}
.product-cat .tab ul li a:hover {color: #bebebe;}
.woocommerce-breadcrumb {text-transform: uppercase;font-size: 12px !important;}
.woocommerce-page ul.products li.product {width: calc(33.33% - 5px);margin: 2px;padding: 25px;font-family: 'Nunito', sans-serif;padding: 24% 0 0;position: relative;float: left;background: none;border: 1px solid #fff;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;overflow: hidden;}
.woocommerce-page ul.products li.product .woocommerce-LoopProduct-link {
position: absolute;
top: 0;
width: 100%;
padding: 25px;
}
.woocommerce-page ul.products li.product:hover {
background: #f1f1f1;
border: 1px solid #e7e7e7;
}
.woocommerce-loop-product__title {
color: #253e6a;
font-size: 14px !important;
font-weight: 300;
text-shadow: none;
}
.woocommerce a.button:hover {background: none;}
.single #container {
width: 70%;
float: left;
position: relative;
}
.single #content {width: 70%;margin: 80px auto;}
.single-product-cat h1 {color: #0f9fdb;font-size: 24px;font-weight: 700;text-transform: uppercase;margin: 0 0 25px;}
.single-product-cat .sidebar h2 {padding: 0 30px 50px 15%;}
.single-product-cat p {font-size: 15px;margin: 0 0 25px;line-height: 25px;}
.feat-diagram {display: block;position: relative;width: 100%;height: auto;}
.feat-img {display: block;position: relative;width: 50%;height: auto;float: none;margin: 0 auto;}
.prod-table h2 {color: #0f9fdb;font-size: 24px;font-weight: 700;text-transform: uppercase;margin: 30px 0;padding: 0;}
.prod-table thead {background: #0f9fdb;color: #fff;padding: 10px;}
.prod-table table {border-collapse: collapse;width: 100% !important;}
.prod-table td {padding: 10px 5px;border: 1px solid #bbb;font-size: 15px;}
.product-cat-template-taxonomy-product-catalog .sidebar h2,.page-template-product-page .sidebar h2,.tax-product-catalog .sidebar h2 {padding: 0 30px 50px 15%;color: #fff;margin: 0;}
.product-cat-template-taxonomy-product-catalog #container,.tax-product-catalog #container {width: 70%;float: left;position: relative;}
.tax-product-catalog #container,.page-template-product-page #contnainer {margin: 80px auto;}
.product-cat-template-taxonomy-product-catalog #container,.page-template-product-page #content,.tax-product-catalog #content {width: 70%;margin: 0 auto;}
.page-template-product-page p,.product-cat-template-taxonomy-product-catalog p,.tax-product-catalog p {
font-size: 15px;
margin: 0 0 25px;
line-height: 25px;
}
.product-cat-template-taxonomy-product-catalog h1,.tax-product-catalog h1 {text-transform: uppercase;color: #0f9fdb;font-size: 24px;font-weight: 600;margin-bottom: 40px;}
.page-template-product-page h2,.product-cat-template-taxonomy-product-catalog h2,.tax-product-catalog h2 {
font-size: 2em;
font-weight: 200;
color: #0f9fdc;
margin: 60px 0 30px;
font-weight: 200;
}
.page-template-product-page h3,.product-cat-template-taxonomy-product-catalog h3,.tax-product-catalog h3 {
font-size: 18px;
font-weight: 600;
color: #777;
margin: 30px 0 30px;
font-weight: 300;
text-transform: uppercase;
}
.product-cat-template-taxonomy-product-catalog h3 a,.tax-product-catalog h3 a {
font-weight: 600;
color: #0f9fdb;
font-weight: 300;
}
.page-template-product-page #content a,.product-cat-template-taxonomy-product-catalog #content a,.tax-product-catalog #content a {
font-weight: 600;
color: #0f9fdb;
font-weight: 300;
}
.page-template-product-page p a {font-size: 15px;}
.product-cat-template-taxonomy-product-catalog h3 a:hover,.tax-product-catalog h3 a:hover {
font-size: 18px;
font-weight: 600;
color: #777;
margin: 30px 0 30px;
font-weight: 300;
}
.product-cat-template-taxonomy-product-catalog #content ul li,.tax-product-catalog #content ul li {font-size: 15px;line-height: 20px;font-weight: 400;margin-bottom: 10px;font-family: 'Open Sans';list-style: none;position: relative;padding-left: 30px;}
.product-cat-template-taxonomy-product-catalog #content ul li::before,.tax-product-catalog #content ul li::before {
content: '\f054';
color: #0f9fdb;
font-family: Fontawesome;
font-size: 12px;
position: absolute;
left: 0;
}
.product-cat-template-taxonomy-product-catalog #content table tr td,
.tax-product-catalog #content table tr td {vertical-align: text-top;}
.ef-wrap {position: fixed;background-color: #253e6a;width: 300px;height: 100%;z-index: 99999;overflow: hidden;left: -300px;top: 0;
-webkit-transition: left .3s ease-in-out;
-moz-transition: left .3s ease-in-out;
-ms-transition: left .3s ease-in-out;
-o-transition: left .3s ease-in-out;
transition: left .3s ease-in-out;
}
.pp-wrap {position: fixed;background-color: #253e6a;width: 300px;height: 100%;z-index: 99999;overflow: hidden;left: -300px;top: 0;
-webkit-transition: left .3s ease-in-out;
-moz-transition: left .3s ease-in-out;
-ms-transition: left .3s ease-in-out;
-o-transition: left .3s ease-in-out;
transition: left .3s ease-in-out;
}
.tu-wrap {
position: fixed;
background-color: #253e6a;
width: 300px;
height: 100%;
z-index: 99999;
overflow: hidden;
left: -300px;
top: 0;
-webkit-transition: left .3s ease-in-out;
-moz-transition: left .3s ease-in-out;
-ms-transition: left .3s ease-in-out;
-o-transition: left .3s ease-in-out;
transition: left .3s ease-in-out;
}
.enquire-click .ef-wrap {
left: 0;
-webkit-transition: left .3s ease-in-out;
-moz-transition: left .3s ease-in-out;
-ms-transition: left .3s ease-in-out;
-o-transition: left .3s ease-in-out;
transition: left .3s ease-in-out;
}
.privacy-click .pp-wrap {
left: 0;
-webkit-transition: left .3s ease-in-out;
-moz-transition: left .3s ease-in-out;
-ms-transition: left .3s ease-in-out;
-o-transition: left .3s ease-in-out;
transition: left .3s ease-in-out;
}
.terms-click .tu-wrap {
left: 0;
-webkit-transition: left .3s ease-in-out;
-moz-transition: left .3s ease-in-out;
-ms-transition: left .3s ease-in-out;
-o-transition: left .3s ease-in-out;
transition: left .3s ease-in-out;
}
.privacy-policy {width: 100%;padding: 70px 30px 100px;height: 100%;overflow-y: scroll;-webkit-overflow-scrolling: touch;position: relative;}
.enquire-form {background-color: #253e6a;width: 100%;margin: 0 auto;padding: 70px 0 100px;height: 100%;overflow-y: scroll;-webkit-overflow-scrolling: touch;position: relative;}
.enquire-form .ginput_container,
.enquire-form .gform_wrapper .privacy p {margin-left: 0px;}
.enquire-form .gform_heading {padding-left: 20px !important;}
.enquire-form .gform_heading h3,
.enquire-form span.gform_description {margin-left: 0 !important;}
.enquire-form .gform_title {margin-left: 20px;}
.enquire-form .gform_description {margin-left: 20px;}
.enquire-form h3 {margin-top: 20px;}
.ef-close {
color: #fff;
float: right;
padding: 20px;
}
.enquire-form .gform_wrapper {margin-left: 0px;}
.enquire-form .gform_wrapper li {
padding-left: 20px;
border-bottom: 1px solid rgba(140, 212, 240, 0.2);
}
.enquire-form .gform_wrapper li:last-child {border: none;}
.enquire-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {width: 100% !important;}
.enquire-form .gform_wrapper .top_label div.ginput_container select {width: 100%;}
.gform_wrapper .top_label div.ginput_container select {height: 50px;width: 250px;}
.gform_wrapper .top_label div.ginput_container {padding-right: 0px !important;}
.enquire-form .ginput_container.ginput_container_text {padding-right: 5px !important;}
.privacy-policy p {
color: #fff;
font-weight: 300;
margin: 20px 0;
font-size: .9em;
}
.privacy p span {font-weight: 500;cursor: pointer;}
.privacy p {
color: #fff;
font-weight: 300;
font-size: 15px;
margin: 0 0 10px;
}
.privacy-policy p {margin: 0 0 20px;}
.privacy-policy p a {color: #fff;font-weight: 600;}
.privacy-policy i {position: absolute;top: 76px;right: 12px;cursor: pointer;}
.privacy-policy p a:hover {color: #777;}
.privacy-policy i:before {font-size: 20px;color: #fff;}
.privacy-policy h3 {color: #fff;margin: 20px 0 5px;}
.privacy-policy h4 {
color: #fff;
position: relative;
margin: 40px 0 10px;
}
.map-wrapper .content-main iframe {
height: calc(100% + 150px);
width: 100%;
margin: -50px 0 0 0;
pointer-events: none;
}
.map-wrapper .content-main iframe.clicked {pointer-events: auto;}
.map-wrapper {
background: #eee;
display: block;
height: 650px;
width: 100%;
overflow: hidden;
}
.map-wrapper .content-main {width: 60%;display: block;float: left;height: inherit;background-size: cover;overflow: hidden;}
.map-wrapper .content-side {padding: 5%;width: 40%;display: block;float: left;height: inherit;background: #0f9fdb;}
.map-wrapper .content-side h2 {letter-spacing: 3px;margin: 0 0 30px;color: #fff;font-weight: 200;}
.tab-content {/*padding-left: 25px;*/}
.locations>p {color: white;font-weight: 200;letter-spacing: 2px;font-size: 15px;cursor: pointer;}
.locations>p:before,.tab-content>p:before {content: '\f054';font-family: Fontawesome;margin-right: 15px;font-size: 10px;}
.tab-content>p {padding-left: 0px;color: #253e6a;font-weight: 700;text-transform: uppercase;font-size: 15px;}
.loc-content h3 {color: #fff;}
.sub-loc-content {margin-bottom: 30px;}
.sub-loc-content>p,
.sub-loc-content>a {
padding-left: 22px;
color: #253e6a;
font-size: 15px;
text-transform: uppercase;
}
.sub-loc-content>a {font-weight: 700;}
.sub-loc-content>a:hover {color: #eee;}
.tab {position: relative;margin-bottom: 1px;width: 100%;color: #fff;overflow: hidden;font-weight: 200;font-size: 15px;font-family: 'Nunito', sans-serif;}
input {position: absolute;opacity: 0;}
label {position: relative;display: block;font-weight: 200;line-height: 3;cursor: pointer;font-size: 15px;font-family: 'Nunito', sans-serif;letter-spacing: 3px;}
label:hover {color: #253e6a;font-weight: 700;}
.tab-content {
/*max-height: 0;*/
/*overflow: hidden;*/
-webkit-transition: max-height .35s;
-o-transition: max-height .35s;
transition: max-height .35s;
}
input:checked~.tab-content {max-height: 25em;}
label::before {position: relative;display: block;top: 5px; text-align: center;font-size: 14;-webkit-transition: all .35s;-o-transition: all .35s;transition: all .35s;}
input[type=checkbox]+label::after {content: "+";}
input[type=radio]+label::before {content: '\f054';font-family: Fontawesome;margin-right: 15px;font-size: 10px;float: left;}
input[type=radio]:checked+label::before {transform: rotateZ(90deg);}.news-wrapper {display: block;position: relative;width: 100%;max-width: 1900px;margin: 0 auto;text-align: center;padding: 70px 0;}
.news-wrapper #postsection {display: inline-block;}
.news-wrapper .morenews {display: block;width: 28.33%;float: left;margin: 2.5%;}
.news-wrapper .news-section {width: 100%;height: 200px;border: 1px solid #eef4f8;border-radius: 40px;margin: 0 0 20px;overflow: hidden;padding: 0;animation-name: tile;animation-duration: 1s;}
.news-wrapper .date {color: #bebebe;font-size: 16px;display: block;font-weight: 300;border: none;width: 100%;text-transform: uppercase;}
.news-wrapper .newsthumbnail {width: 100%;background-position: center center;border: none;background-size: cover;}
.news-wrapper h2 a {color: #0f9fdb;letter-spacing: 3px;}
.news-wrapper h2 a::after {content: '\f054';font-family: Fontawesome;margin-left: 20px;font-size: 12px;vertical-align: middle;}
.news-wrapper h3 {display: block;color: #0f9fdb;font-size: 16px;width: 100%;text-transform: uppercase;font-weight: 300;margin-top: 20px;}
.news-wrapper .news-text {padding-top: 30px;display: block;width: 100%;max-width: 700px;margin: 0 auto;}
.staff-member {width: 25%;display: inline-block;margin: -3px;vertical-align: top;padding: 40px;border: 1px solid #fff;}
.staff-member:hover {background: #f1f1f1;border: 1px solid #e7e7e7;}
.staff-img {width: 100%;padding-top: 100%;background-size: contain;background-repeat: no-repeat;}
.staff-content {margin: 20px 0 0;}
.staff-content span {font-size: 18px;text-transform: uppercase;color: #0f9fdc;font-weight: 300;}
.staff-content h5 {color: #0f9fdc;font-size: 15px;text-transform: uppercase;}
.staff-content p {color: #1d6395;}
.single-staff .main {width: 100%;max-width: 1900px;padding: 80px 20px;margin: 0 auto;}.single-staff .content {padding: 0 40px 0 0;}
.single-staff h1 {color: #253e6a;text-transform: uppercase;}
.single-staff h5 {color: #253e6a;text-transform: uppercase;margin-bottom: 40px;font-weight: 300;}
.single-staff .content p {line-height: 25px;margin-bottom: 20px;}
.single-staff .staff-profile {width: 40%;display: block;float: right;padding: 80px;}
.staff-content .btn {color: #27a6e2;font-weight: 600;margin-top: 20px;text-transform: uppercase;}
.staff-content P {margin: 20px 0 0;}
.staff-content .btn::after {content: '\f138';font-family: Fontawesome;margin-left: 20px;}
.contact-mob {
display: none;
background-image: -webkit-linear-gradient(left, #1d6293, #253e6a);
background-image: -moz-linear-gradient(left, #1d6293, #253e6a);
background-image: -o-linear-gradient(left#1d6293, #253e6a);
background-image: linear-gradient(to right, #1d6293, #253e6a);
width: 100%;
height: auto;
padding: 30px 0 80px;
}
.contact-mob ul li {border-bottom: 1px solid #1d6395;}
.contact-mob ul li:last-child {border: none;}
.contact-mob .gform_heading,
.contact-mob .ginput_container,
.contact-mob .privacy p {
margin: 0 auto;
width: 90%;
max-width: 450px;
}
.contact-mob .gform_wrapper .top_label div.ginput_container select {margin-left: 0 !important;}
.contact-mob .gform_wrapper .gform_heading h3,
.contact-mob .gform_wrapper .gform_description {
margin-left: 0 !important;
margin-top: 20px !important;
text-align: center;
}
.contact-mob .gform_wrapper #gform_submit_button_6 {display: block;border: 0;padding: 15px 40px;text-transform: uppercase;color: #fff;font-weight: 300;font-size: 16px;float: right;cursor: pointer;position: relative;right: 0;transition: all 0.5s ease;font-family: 'Nunito', sans-serif;background: #0f9fdb;border-bottom-left-radius: 40px;border-top-left-radius: 40px;-webkit-appearance: none;margin-left: 26px !important;width: 85%;text-align: left;}
.footer {display: inline-block;position: relative;z-index: 1;width: 100%;height: 300px;margin: 0;color: #000;margin: -5px 0;background-image: -webkit-linear-gradient(left, #1d6293, #253e6a);background-image: -moz-linear-gradient(left, #1d6293, #253e6a);background-image: -o-linear-gradient(left#1d6293, #253e6a);background-image: linear-gradient(to right, #1d6293, #253e6a);}
.map-img {display: block;position: relative;float: left;width: 30%;padding-top: 30%;background-size: contain;background-repeat: no-repeat;background-position: top center;}
.loc-content {display: block;position: relative;float: left;width: 70%;padding-left: 40px;margin: 20px 0 0 0;}
.loc-inner {vertical-align: top;display: inline-block;width: 25%;margin: -3px;padding-bottom: 40px;padding-left: 10px;}
.loc-content h3 {margin: 0 0 30px 0 !important;}
.loc-inner h4 {
padding: 0;
color: #0f9fdb;
font-weight: 300;
margin-bottom: 5px;
}
.loc-inner h4 span {text-transform: none !important;}
.loc-inner a {
color: #fff;
transition: all 0.4s ease-in-out;
}
.loc-inner a:hover {color: #BBBBBB;}
.loc-outer {padding: 40px 0;}.loc-outer h3 {margin: 30px 0 0;}
.footer-deets {
background-image: -webkit-linear-gradient(left, #fafafa, #d9d9d9);
background-image: -moz-linear-gradient(left, #fafafa, #d9d9d9);
background-image: -o-linear-gradient(left#fafafa, #d9d9d9);
background-image: linear-gradient(to right, #fafafa, #d9d9d9);
border-top: solid 5px #253e6a; 
color: #253e6a;
width: 45%;
max-width: 530px;
height: 300px;
position: absolute;
right: 0;
bottom: 0;
z-index: 99;
padding: 40px 30px 40px;
}
.map-wrap {position: relative;height: 436px;z-index: 0;width: 1200px;margin: 0 auto;}
.footer-logo {background: url(../images/logo-white.svg) no-repeat top left;background-size: contain;position: relative;display: inline-block;width: 100%;padding-top: 90%;text-indent: -9999em;overflow: hidden;margin-bottom: 30px;z-index: 999;}
.footer-text {position: relative;float: left;text-align: left;width: 98%;margin: 0;padding: 0 0 0 20px;}
.footer-text h3 {margin: 0 0 30px;}
.location-phone {font-weight: 300;font-size: 28px;margin: 0;}
.location-map .marker {background: url(../images/map-marker.png) no-repeat center center;width: 63px;height: 78px;margin: -78px 0 0 -31px;}
.location-map {height: 436px;margin: 0 -900px 0 -1350px;position: relative;}
.footer-wrapper {display: block;float: left;width: 30%;}
.footer-info {font-size: 12px;/*text-transform: uppercase;*/width: 100%;height: 300px;color: #fff;padding: 20px 0;background:#ffffff !important;position: absolute;border-top:solid 5px #1194cf; background-image: -webkit-linear-gradient(left, #ffffff, #f5f5f5);background-image: -moz-linear-gradient(left, #1dffffff6293, #f5f5f5);background-image: -o-linear-gradient(left#ffffff, #f5f5f5);background-image: linear-gradient(to right, #ffffff, #f5f5f5);}
.footer-deets .location-phone {letter-spacing: 0px;font-weight: 700;color: #fff;}
.footer-deets p{color: #253e6a}
.footer-deets .footer-links {
margin-top: 10px;
display: block;
width: 100%;
vertical-align: middle;
}
.footer-deets .footer-links a {color: #253e6a;text-transform: uppercase;font-size: 10px;letter-spacing: 1px;font-family: 'Nunito', sans-serif;}
.footer-deets .footer-links span {color: #fff;font-size: 10px;margin: 0 2px;font-family: 'Nunito', sans-serif;font-weight: 200;}
.footer-deets .footer-links a img {display: block;margin-top: 20px;opacity: 1;transition: all 0.5s ease-in-out;}
.footer-deets .footer-links a img:hover {opacity: 0.5;}
.footer-deets .footer-links a:hover {color: #3dbbef;}
.footer-deets .footer-links .fa {font-size: 26px;vertical-align: middle;margin-right: 10px;}
.footer-deets .copyright {display: block;color: #253e6a;text-transform: uppercase;margin-top: 10px;font-size: 10px;font-weight: 400;letter-spacing: 1px;width: 100%;}
.footer-info .credits {float: right;}
.footer-deets .credits a {font-family: 'Nunito', sans-serif;text-transform: uppercase;color: #2d5396;font-size: 12px;font-weight: 400;}
.footer-deets .credits a:hover {color: #85b6e5;}
.footer-info .content {width: 60%;float: left;margin-left:35px;}
.gm-style-iw * {display: block;width: 100%;}
.gm-style-iw h4, .gm-style-iw p {margin: 0;padding: 0;}
.gm-style-iw a {color: #4272db;}
.quote {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-size: 300px;float: left;height: 200px;overflow: hidden;color: #253e6a;}
.outer-wrapper {width: 100%;max-width: 1060px;padding: 0 40px;margin: 0 auto;}
.inner-wrapper {margin-top: 30px;width: 100%;}
.footer-info .slider {float: left;width: calc(100% - 120px);vertical-align: bottom;}
.footer-info h3 {margin: 30px 0;margin-left: 120px;letter-spacing: 1px;}
.footer-info h5,.footer-info h6 {color: #0f9fdb;float: left;margin-left: 15px;vertical-align: bottom;}
.footer-info h5 {font-size: 18px;}
.footer-info h6 {margin-top: 4px;font-size: 15px;}
.footer-info .slider p {color: #fff;text-transform: none;font-family: 'Nunito', sans-serif;font-size: 15px;font-style: normal;font-weight: 200;margin-left: 20px;}
.contact-box {display: inline-block;vertical-align: top;width: 25%;margin: -3px;padding: 10px;}
.contact-box h4 {margin-bottom: 10px;font-weight: 400;text-transform: uppercase;}
.contact-box h5 {font-weight: 300;color: #27a6e2;font-size: 15px;text-transform: uppercase;}
.contact-box p {margin-bottom: 3px;line-height: 17px;}
.contact-box a {font-size: 14px !important;font-weight: 400 !important;}
.phone-mob,.email-mob {display: none;color: #fff;font-size: 24px;padding: 0 8px;}
.phone-mob {margin-left: auto;}
#js-ssbp-email-form {display: none;visibility: hidden;}
.ie-btn {display: none;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.home .top-head .logo {transition: none;left: -90px;}
.error404 .top-head .logo,.category .top-head .logo,.search .top-head .logo,.archive .top-head .logo,.single .top-head .logo,.page-template-inner-page .top-head .logo,.page-template-contact-inner .top-head .logo,.page-parent .top-head .logo,.page-child .top-head .logo,.page-template-gallery .top-head .logo,.page-template-news-grid .top-head .logo,.page-template-news-grid .top-head .logo,.page-template-product-grid .top-head .logo,.page-template-product-page .top-head .logo,.page-template-case-grid .top-head .logo, .page-template-search-site .logo{
background-size: 280px;
height: 125px;
transition: none;
left: -90px;
}
.home .home-slogan {margin-left: 0;}
.scrolled .top-head .logo {background-size: 280px;height: 125px;transition: none;}
.home .banner-side {left: -140px;}
.gform_wrapper .top_label select.medium {margin-left: 5px;}
.error404 .outer-form,.page-template-inner-page .outer-form,.page-template-inner-resources .outer-form,.page-template-inner-partners .outer-form,.page-template-test-page .outer-form {position: absolute;top: 35vh;background-image: url('../images/graphic-side.svg');width: 40%;height: 955px;background-position: 0px -470px;background-size: auto 1600px;background-repeat: no-repeat;right: -3px;z-index: 99;}
.page-template-contact-inner .outer-form {position: absolute;top: 35vh;background-image: url('../images/graphic-side.svg');width: 40%;height: 955px;background-position: 0px -570px;background-size: auto 1900px;background-repeat: no-repeat;right: -3px;z-index: 99;}
#gform_submit_button_5,#gform_submit_button_1 {border-radius: 40px !important;margin-left: 140px !important;}
.cl-slide,.inner-gal {display: none !important;}
.ie-btn {display: block;padding: 10px 15px;width: 300px;font-size: 13px;border: 1px solid #27a6e2;text-align: center;border-radius: 40px;}
}
@media(min-width:1550px) {
.home-side-wrapper {width: 450px;}
}
@media(min-width:1768px) {
.single #container,.product-cat-template-taxonomy-product-catalog #container,.tax-product-catalog #container,.main .wrap,.page-template-case-grid .main .wrap,
.page-template-news-grid .main .wrap {width: calc(100% - 530px);}
.footer-info .content {width: calc(100% - 530px);}
.page-template-case-grid .grid-section {height: 480px;}
.news-section,.grid-section {width: calc(25% - 26px);}
.woocommerce-page ul.products li.product {width: calc(25% - 5px);padding: 19% 0 0;}
}
@media(max-width:1958px) {
.home-side {width: 25%;max-width: none;}
.home-slideshow {width: 100%;max-width: none;}
}
@media(max-width:1600px) {
.case-wrapper .content-main,
.case-wrapper .content-side {width: 50%;}
}
@media(max-width:1500px) {
.home-side-wrapper a {padding: 20px 40px 20px 40px;}
.home-side-wrapper a:before {margin-right: 20px;}
}
@media(max-width:1400px) {
.case-wrapper {height: 840px;}
}
@media(max-width:1200px) {
.header-nav, .phone-menu {display: none;}
.search {padding: 10px 5px 10px 20px;}
.search .input {width: 120px;}
.search .btn-submit {right: 20px;}
#top-ham, #phone-mob {display: none;}
#mega-menu-wrap-sub-menu #mega-menu-sub-menu {display: block;}
#mega-menu-wrap-sub-menu .mega-menu-toggle {display: none;}
.phone-mob {display: block;}
#phone-mob {display:none;}
.email-mob {display: block;}
.top-head {
background-image: -webkit-linear-gradient(left, #fff, #1188BE, #253e6a);
background-image: -moz-linear-gradient(left, #fff, #1188BE, #253e6a);
background-image: -o-linear-gradient(left, #fff, #1188BE, #253e6a);
background-image: linear-gradient(to right, #fff, #1188BE, #253e6a);
}
.btm-head {height: 50px;/*padding: 15px 20px;*/}
.home-slideshow {width: 100%;}
.home-side {width: 40%;}
.home-side-wrapper {width: 40%;}
.top-head form {order: 6 !important;margin-right: 0 !important;}
.social-link {order: 3;}
.logo {top: 1px;width: 229px;height: 102px !important;background-size: 229px !important;margin-left: 5px;}
}
.prod-gallery{width:16.59%; float:left;padding:0.66%;}.prod-gallery img{width:100%;}
.imgresponsive{width:100%;}
@media(max-width:1024px) {
.prod-gallery{width:20%; float:left;padding:1%;}.prod-gallery img{width:100%;}
.header-nav, .phone-menu{display:none;}
.feat-content {height: 270px;}
.action-wrapper {display: block;background: #fff;min-height: 450px;width: 100%;padding: 0px 0px 55px 0px;}
#top-ham, #phone-mob{display:none;}
.content-50 {display: block;position: relative;width: 50%;padding: 0 5px;}
.action-wrapper .content-side {width: 55%;}
.action-wrapper .content-main {width: 100%;padding: 0 40px 20px;}
.action-wrapper .content-main h2 {margin-top: 0;}
.sidebar {display: none;}
.btm-head {height: 80px;padding: 0px 20px;}
#mega-menu-wrap-sub-menu #mega-menu-sub-menu {display: block;}
.hero-content {height: 75px;padding-left: 130px;top: 100px;border-radius: 10px 0px 0px 10px;width: 40%;padding: 22px 30px;}
.page-template-inner-partners .content-70, .page-template-inner-resources .content-70{width:70%;}
.page-banner {width: 100%;height: 39vh;background-size: cover;background-position: center;margin-top: 79px;}
.carousel-wrap {height: 320px;}
.single #container,.product-cat-template-taxonomy-product-catalog #container,.tax-product-catalog #container,.main .wrap,.page-template-case-grid .main .wrap,.page-template-news-grid .main .wrap {width: 100%;}
.single #content {width: calc(100% - 80px);margin: 40px;}
.footer-info {display: block;}
.top-wrapper {min-height: 425px;height: calc(50vh - 195px);}
.footer-logo {max-width: 134px;padding-top: 150px;}
/*.btm-head{height: 50px;padding: 15px 20px;}*/
/*.top-head{
background-image: -webkit-linear-gradient(left, #fff, #0f9fdb, #253e6a);
background-image: -moz-linear-gradient(left, #fff,#0f9fdb, #253e6a);
background-image: -o-linear-gradient(left, #fff,#0f9fdb, #253e6a);
background-image: linear-gradient(to right, #fff, #0f9fdb, #253e6a);
margin:0 20px;
}*/
/*#mega-menu-wrap-sub-menu #mega-menu-sub-menu {display: none;}
#mega-menu-wrap-sub-menu .mega-menu-toggle{display: none;}*/
.page-template-contact-inner .outer-form {top: 13vh;}
.outer-form {display: block;}
.content-60 {width: 60%;}
/*.phone-mob{display: block;}
.email-mob{display: block;}*/
.case-wrapper .content-side h3 {width: 70%;}
.slides-wrap .content-main {display: none;}
.slides-wrap .content-side {width: 100%;padding: 60px 20px;height: auto;}
.content-40 {width: 40%;padding: 0;}
.case-info {left: -20px;width: 120%;}
.contact-mob {display: block;}
}
@media(max-width:786px) {
.prod-gallery{width:50%; float:left;padding:1%;}.prod-gallery img{width:100%;}
.page-template table {border-collapse: collapse;width: 100% !important;}
.page-template-contact-inner .outer-form {top: 13vh;width: 56%;}
.page-template-contact-inner .inner-form li {border-bottom: 1px solid #1d6395;padding-left: 30px;}
.gform_wrapper .gform_heading h3, .gform_wrapper span.gform_description {margin-left: 30px !important;}
.error404 .outer-formss,.page-template-inner-page .outer-formss,.page-template-inner-resources .outer-formss,.page-template-inner-partners .outer-formss,.page-template-test-page .outer-formss {display:none}
.outer-form {display: block;}
#top-ham, #phone-mob{display:block;}
#mega-menu-wrap-sub-menu #mega-menu-sub-menu {display: none;}
.content-50 {display: block;position: relative;width: 99%;padding: 0 5px;}
.page-banner {width: 100%;height: 39vh;margin-top:110px; background-size: cover;background-position: center;}
.page-template-inner-partners .content-70, .page-template-inner-resources .content-70{width:100%;}
.home-slogan {width: 90%;margin: 0 auto;}
.case-wrapper .content-side h2,.case-wrapper .content-side h4 {margin: 0 0 10px;text-align: center;}
.footer-info {display: none;}
.footer-deets {max-width: none;width: 100%;}
.case-wrapper .content-side h5,.case-wrapper table,.case-wrapper .content-side p,.case-wrapper .content-side .read-more {margin: 0 0 10px;}
.case-wrapper tbody {width: 100%;}
.single-product-cat h1 {font-size: 20px;}
.contact-box {width: 50%;}
.grid-section, .news-section {width: 100%;}
.page-template-inner-page h1, .page-template-product-page h1, .page-template-contact-inner h1, .page-template-inner-resources h1, .page-template-inner-partners h1 {font-size: 30px;}
.map-wrapper {height: auto;}
.carousel-wrap {height: 400px;}
.map-wrapper .content-main {display: none;}
.map-wrapper .content-side {width: 100%;padding: 40px;}
.map-wrapper .content-side h2 {text-align: center;}
.action-wrapper .content-side {display: none;}
.action-wrapper .content-main {width: 100%;}
.news-wrapper {padding: 0 20px 40px;}
.news-wrapper .morenews {width: 95%;}
.feat-container {width: 100%;}
.feat-container .feat-content {height: auto;padding: 20px;}
.feat-container .feat-content p {margin: 0 0 0;}
.action-wrapper {display: block;background: #fff;min-height: 625px;width: 100%;padding: 0px 0px 55px 0px;}
.feat-headline, .feat-headlines {
display: block;
background-image: -webkit-linear-gradient(right, #0f9fdb, #253e6a);
background-image: -moz-linear-gradient(right, #0f9fdb, #253e6a);
background-image: -o-linear-gradient(right#0f9fdb, #253e6a);
background-image: linear-gradient(to left, #0f9fdb, #253e6a);
}
.home-slideshow,.home-side,.home-side-wrapper {width: 100%;}
.home-slideshow {position: absolute;top: 0;left: 0;height: 300px;margin-top: 80px;}
.banner-side {display: none;}
.hero-content {padding-left: 10px;bottom: 70px;border-radius: 10px 0px 0px 10px;width: 90%;height: 75px;padding: 10px 15px;}
.home-side-wrapper {top: 450px;}
.top-wrapper {min-height: 362px;height: calc(50vh - 195px);}
.home-side-wrapper p {margin-left: 0;margin-bottom: 0;padding: 20px;}
.cl-content {padding: 0 20px;}
.home-slogan {height: 35px;}
.home-side-wrapper .home-listing {margin-top: 0;}
.home-side-wrapper .home-listing p {margin-bottom: 0;}
.aff-logo {height: 120px;}
.carousel-wrap button {width: 40px;}
.siema {width: calc(100% - 80px);}
.cl-slide {height: 120px;}
.case-wrapper a.case-prev {margin-right: 10px;}
.case-wrapper a.case-next {margin-left: 10px;}
.page-template .footer h3 {font-size: 18px;}
}
@media(max-width:500px) {
.top-head form {display:none;}
.search-mob {display: block;}
.top-head {padding: 0 8px;}
.outer-form {display: none;}
.search {display: none;position: fixed;top: 0;left: 0;background: rgba(37, 62, 106, 0.9);width: 100vw;height: 100vh;padding: 0;z-index: 100;}
.search:before {content: 'Type a search term';position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50px);text-align: center;font-size: 18px;font-family: 'Nunito', sans-serif;color: #fff;}
.search-open .search {display: block;}
.search .input {position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: calc(100% - 60px);}
.search .btn-submit {right: 40px;background: none;}
.search .btn-close {
display: block;
position: absolute;
top: 30px;
right: 30px;
}
.contact-box {width: 100%;}
.search-mob,.social-link,.email-mob,.phone-mob {
/*background: orange;
border: 2px solid red;*/
position: relative;
padding: 0 8px !important;
margin: 0 !important;
width: 50px !important;
height: 50px !important;
float: none !important;
/*line-height: 50px !important;*/}
.search-mob *,
.social-link *,
.email-mob *,
.phone-mob *,
.search-mob:before {display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 22px !important;padding: 0 !important;margin: auto !important;float: none !important;width: auto !important;height: auto !important;}
.search-mob {margin-right: auto !important;}
.search-mob:before {font-size: 20px !important;}
.phone-mob * {font-size: 23px !important;}
.phone-mob {margin-left: 225px !important;}
}
.sf-field-search label {position: absolute;width: 100%;padding: 0 15%;}
.sf-field-search {width: 100%;display: block;margin: 20px 0 !important;padding: 5px 0 !important;position: relative;width: 100%;height: 50px;background: #1d6293;}
.sf-field-search label::after {position: absolute;right: 15%;content: '\f002';font-family: Fontawesome;margin-left: 10px;color: #fff;font-weight: 100;}
.sf-field-search input[type=text] {position: relative;width: 100%;border: none;height: 20px;background: none;color: #fff;font-size: 16px;font-weight: 200;}
.sf-field-reset {width: 100%;display: block;margin: 20px 0 !important;padding: 5px 0 !important;position: relative;width: 100%;height: 50px;background: #253e6a;}
.sf-field-reset a {position: absolute;width: 100%;padding: 10px 15%;color: #0f9fdb;font-weight: 300;letter-spacing: 2px;text-transform: uppercase;transition: all 0.5s ease-in-out;}
.sf-field-reset a:hover {color: #fff;}
.sf-field-reset a:after {position: absolute;right: 15%;content: '\f138';font-family: Fontawesome;margin-left: 10px;font-weight: 100;}
.sf-field-taxonomy-product-type,.sf-field-taxonomy-industry-type {width: 100%;display: block;margin: 20px 0 !important;padding: 5px 0 !important;position: relative;width: 100%;background: #1d6293;}
.sf-field-taxonomy-product-type h4,.sf-field-taxonomy-industry-type h4 {position: relative;padding: 10px 15%;text-transform: uppercase;width: 100%;font-weight: 300;letter-spacing: 2px;cursor: pointer;}
.sf-field-taxonomy-product-type h4:after,.sf-field-taxonomy-industry-type h4:after {text-transform: uppercase;position: absolute;right: 15%;content: '\f138';font-family: Fontawesome;margin-left: 10px;font-weight: 100;}
.sf-level-0 {border-top: 1px solid rgba(15, 161, 219, 0.20);padding: 15px 0 !important;}
.sf-level-0 label {width: 100%;padding: 0 15% 0 20% !important;color: #27a6e2;text-transform: uppercase;font-weight: 300;transition: all 0.5s ease-in-out;line-height: 20px;}
.sf-level-0 label:hover, .sf-option-active label {font-weight: 300;color: #fff;}
.sf-level-0 label::before {content: '' !important;}
.sf-field-taxonomy-product-type,.sf-field-taxonomy-industry-type {height: 50px;transition: all 0.5s ease-in-out;}
.sf-field-taxonomy-product-type ul,.sf-field-taxonomy-industry-type ul {width: 100%;display: inline-block;max-height: 0;visibility: hidden;opacity: 0;overflow: hidden;transition: all 0.2s ease-in-out;}
.sf-field-taxonomy-product-type.expand,
.sf-field-taxonomy-industry-type.expand {height: auto;visibility: visible;}
.sf-field-taxonomy-product-type ul li,
.sf-field-taxonomy-industry-type ul li {width: 100%;}
.sf-field-taxonomy-product-type.expand ul,
.sf-field-taxonomy-industry-type.expand ul {max-height: 100%;max-height: auto;opacity: 1;visibility: visible;}
.sf-field-search input[type=text]::-webkit-input-placeholder {color: #0f9fdc;font-size: 14px;font-weight: 300;text-transform: uppercase;}
.sf-field-search input[type=text]::-moz-placeholder {color: #0f9fdc;font-size: 14px;font-weight: 300;text-transform: uppercase;}
.sf-field-search input[type=text]::-ms-input-placeholder {color: #0f9fdc;font-size: 14px;font-weight: 300;text-transform: uppercase;}
.top-head form {order: 2;margin-right: 16px;margin-left: 8px;position: relative;background: none;width: 250px;max-width: 500px;height: auto;z-index: 999999;}
.top-head form .sf-field-search {display: block;height: auto;position: relative;padding: 0 !important;margin: 0 !important;background: none;}
.top-head form .sf-field-search label {position: relative;display: block;height: 36px;width: 100%;margin: 0;padding: 0;background: none;line-height: initial;}
.top-head form .sf-field-search input[type=text] {position: relative;width: 100%;height: 100%;padding: 12px 12px;background: white;border: none;border-radius: 100px;color: #0f9fdb;font-size: 13px;font-weight: 200;}
.top-head form .sf-field-search label::after {display: block;position: absolute;top: 50%;right: 12px;transform: translateY(-50%);content: '\f002';font-family: Fontawesome;color: #0f9fdb;font-weight: 100;}
.org-chart *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.cf:before,.cf:after {content: " "; /* 1 */
display: table; /* 2 */}
.cf:after {clear: both;}
/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.cf {*zoom: 1;}
.content{width: 100%;/*max-width: 1142px;*/margin: 0 auto;padding: 0 20px;}
a:focus{outline: 2px dashed #f7f7f7;}
@media screen and (max-width: 767px){
.content{padding: 0 20px;}	
}

ul.chart{padding: 0;margin: 0;list-style: none;display:contents}
ul.chart a{display: block;background: #ccc;border: 1px solid #666666;text-align: center;overflow: hidden;font-size: .9em;text-decoration: none;font-weight: bold;color: #333;height: 50px;margin-bottom: -26px;box-shadow: 4px 4px 9px -4px rgba(0,0,0,0.4);-webkit-transition: all linear .1s;-moz-transition: all linear .1s;transition: all linear .1s;}
@media print {
ul.chart a{border: 4px solid #000;}
}
@media screen and (max-width: 767px){
ul.chart a{font-size: 1em;}
}
ul.chart a.double span{top: 35%;margin-top: -1em;display: block;}
ul.chart a span{top: 50%;margin-top: -1em;display: block;}
/**/
.administration > li > a{margin-bottom: 25px;}
.director > li > a{width: 50%;margin: 0 auto 0px auto;}
.subdirector:after{content: "";display: block;width: 0;height: 130px;background: red;border-left: 4px solid #fff;left: 45.45%;position: relative;}
@media print {
.subdirector:after{border-left: 4px solid #000;}
}
.subdirector,.departments{position: absolute;width: 100%;}
.subdirector > li:first-child,
.departments > li:first-child{	
width: 18.59894921190893%;
height: 64px;
margin: 0 auto 33px auto;		
padding-top: 25px;
/*border-bottom: 4px solid white;*/
z-index: 1;	
}
@media print {
.subdirector > li:first-child,
.departments > li:first-child{border-bottom: 4px solid #000;}
}
.subdirector > li:first-child{float: right;right: 27.2%;border-left: 4px solid white;}
@media print {
.subdirector > li:first-child{border-left: 4px solid black;}   
}
.departments > li:first-child{/*border-right: 4px solid white;*/}
@media print {
.departments > li:first-child{border-right: 4px solid black;}
}
.subdirector > li:first-child a,.departments > li:first-child a{width: 100%;}
.subdirector > li:first-child a{left: 25px;}
@media screen and (max-width: 767px){
.subdirector > li:first-child,
.departments > li:first-child{width: 96%;}
.subdirector > li:first-child{right: 10%;margin-right: 2px;}
.subdirector:after{left: 49.8%;}
.departments > li:first-child{left: 10%;margin-left: 2px;}
}
.departments > li:first-child a{right: 25px;}
.department:first-child,.departments li:nth-child(2){margin-left: 0;clear: left;}
.departments:after{content: "";display: block;position: absolute;width: 85.9%;height: 22px;	border-top: 4px solid #666666;border-right: 4px solid #666666;border-left: 4px solid #666666;margin: 0 auto;top: 75px;left: 6.5%}
@media print {
.departments:after{border-top: 4px solid #000;border-right: 4px solid #000;border-left: 4px solid #000;}
}
@media screen and (max-width: 767px){
.departments:after{border-right: none;left: 0;width: 49.8%;}  
}
@media screen and (min-width: 768px){
.department:first-child:before,.department:last-child:before{border:none;}
}
.department:before{content: "";display: block;position: absolute;width: 0;height: 22px;border-left: 4px solid #666666;z-index: 1;top: -22px;left: 50%;margin-left: -4px;}
@media print {
.department:before{border-left: 4px solid black;}
}
.department{border-left: 4px solid #666666;width: 13.29894921190893%;float: left;margin-left: 0.551313485113835%;margin-bottom: 60px;}
@media print {
.department{border-left: 4px solid #000;}
}
.lt-ie8 .department{width: 18.25%;}
@media screen and (max-width: 767px){
.department{float: none;width: 100%;margin-left: 0;}
.department:before{content: "";display: block;position: absolute;width: 0;height: 60px;border-left: 4px solid #666666;z-index: 1;top: -60px;left: 0%;margin-left: -4px;}
.department:nth-child(2):before{display: none;}
}
.department > a{margin: 0 0 -26px -4px;z-index: 1;}
.department > a:hover{height: 80px;}
.department > ul{margin-top: 0px;margin-bottom: 0px;}
.department li{	padding-left: 25px;border-bottom: 4px solid #666666;height: 80px;}
@media print {
.department li{border-bottom: 4px solid #000;}
}
.department li a{background: #fff;top: 48px;	position: absolute;z-index: 1;width: 90%;height: 55px;vertical-align: middle;right: -1px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background-image: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%) !important;
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0)))!important;
background-image: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
background-image: -o-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
background-image: -ms-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
background-image: linear-gradient(135deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=1 );
}
.department li a:hover{box-shadow: 8px 8px 9px -4px rgba(0,0,0,0.1);height: 80px;width: 95%;top: 39px;background-image: none!important;}
.department.dep-a a{ background: #f0f0f0;}
.department.dep-b a{ background: #f0f0f0;}
.department.dep-c a{ background: #f0f0f0;}
.department.dep-d a{ background: #f0f0f0;}
.department.dep-e a{ background: #f0f0f0;}
.department.dep-f a{ background: #f0f0f0;}
.department.dep-g a{ background: #f0f0f0;}
.contentss1, .contentss2, .contentss3, .contentss4, .contentss5 {display:none;}
.button1, .button2, .button3, .button4, .button5 {margin-bottom:15px;background: #ececec;border: solid 1px #CCCCCC;padding: 6px 10px;border-radius: 3px;font-weight: bold;cursor:pointer}
.button1::after, .button2::after, .button3::after, .button4::after, .button5::after {content: '\f138';Font-family: Fontawesome;margin-left: 20px}
@media (min-width: 1420px) and (max-width: 1699px) {
body {zoom:1}
}
@media (min-width: 1311px) and (max-width: 1420px) {
body {zoom:0.87;}
}
@media (min-width: 1280px) and (max-width: 1311px) {
body {zoom:0.91;}
}
@media (min-width: 1191px) and (max-width: 1280px) {
body {zoom:0.83;}
}
@media (min-width: 991px) and (max-width: 1191px) {
body {zoom:0.80;}
#mega-menu-wrap-sub-menu #mega-menu-sub-menu>li.mega-menu-item>a.mega-menu-link {padding: 40px 13px;}
}
@media (min-width: 799px) and (max-width: 991px) {
body {zoom:0.67}
#mega-menu-wrap-sub-menu #mega-menu-sub-menu>li.mega-menu-item>a.mega-menu-link {padding: 40px 11px;}
}
@media (min-width: 169px) and (max-width: 799px) {
.content-20 {width:50%;}.content-20 img, .content-25 img {width:99%;} .content-25 {width:100%;}
}
.gallerytab li{background: none !important; padding-left: 3px !important;}
body{background:url(../images/bg.jpg) repeat-x;}