/* Theme Name: Servers Australia Theme URI: https://wordpress.org/themes/serversaustralia/ Author: the WordPress team Author URI: https://wordpress.org/ Description: Servers Australia is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Servers Australia will make your WordPress look beautiful everywhere. Version: 1.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog Text Domain: serversaustralia This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ @charset "utf-8"; /* CSS Document */ /* Table of Contents ----------------------------------------------------------------------------- 1. Clean Base 2. Base Typography 3. Images 4. Links 5. Forms 6. Tables 7. Framework */ /* 1. Clean Base ------------------------------------------------------------------------------*/ html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label, input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} audio,canvas,progress,video {display: inline-block;vertical-align: baseline;} blockquote, q {quotes: none;} br {height: 0;} ul, ol, dl, li {margin:0; padding:0;} html, body{height: 100%; border:none; -webkit-appearance:none;-ms-appearance:none; -webkit-text-size-adjust:none;-ms-text-size-adjust:none;} small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } code, kbd, pre, samp { font-size: 1em; } /* Class for clearing floats */ .clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} .cf:after,.cf:before{display: table;content: ''} .cf:after{clear: both;} *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} *:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} /* 2. Base Typography ------------------------------------------------------------------------------*/ body{ color:#373d48; font-size:13px;font-weight:400; line-height:22px;min-width: 980px;font-family: 'Roboto', sans-serif;} input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0} h1, h2, h3, h4, h5, h6{} h1{ font-size: 25px; font-weight: 500; color: #fff;} h2{} h3{} h4{} h5{} h6{} blockquote {padding: 10px 20px;margin: 0 0 20px;font-size: 17.5px;border-left: 5px solid #eee;} p{ color:#373d48; font-size:13px; font-weight:400; line-height:22px;} p a{ font-weight:400; } ul{padding:0;margin: 0;} ul li{ font-size:13px; color:#373d48; font-weight:400; line-height:18px; padding:0;margin: 0;} ol{ margin:0; padding:0;} ol li{ font-size:13px; color:#373d48; font-weight:400; line-height:18px; padding:0 0 5px 0; list-style: decimal; margin-left:20px;} hr { margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #eee;} #breadcrumbs { margin: 15px 0; padding: 0;} /*#breadcrumbs li { margin: 0; padding: 0 0 0 22px; display: inline-block; vertical-align: top;} #breadcrumbs li a, #breadcrumbs li span { color: #fff; font-size: 14px; position: relative; display: block; font-weight: 500;} #breadcrumbs li a:after { content: "\f054"; color: #fff; padding: 0 5px; font-family: FontAwesome; font-size: 10px; margin-left: 5px; position: absolute; right: -22px; top: 0;} #breadcrumbs li a:before{ content: ''; position: absolute; left: 0; width: 100%; bottom: -3px; height: 1px; background: #1dc06b;}*/ #breadcrumbs span[typeof="ListItem"] { margin: 0; padding: 0 0 0 22px; display: inline-block; vertical-align: top;} #breadcrumbs span[typeof="ListItem"] a { color: #fff; font-size: 14px; position: relative; display: block; font-weight: 500; } #breadcrumbs span[typeof="ListItem"] a:after { content: "\f054"; color: #fff; padding: 0 5px; font-family: FontAwesome; font-size: 10px; margin-left: 5px; position: absolute; right: -22px; top: 0;} #breadcrumbs span[typeof="ListItem"] a:before{ content: ''; position: absolute; left: 0; width: 100%; bottom: -3px; height: 1px; background: #1dc06b;} #breadcrumbs span[property="name"] {color: #fff; font-size: 14px; position: relative; display: block; font-weight: 500;} /* 3. Images ------------------------------------------------------------------------------*/ img{border:none; border-style: none; vertical-align: middle;} /* 4. Link ------------------------------------------------------------------------------*/ a {color: #337ab7;text-decoration: none;} a:hover,a:focus {color: #23527c;} /* 5. Forms ------------------------------------------------------------------------------*/ input{line-height: normal;font-family: 'Roboto', sans-serif;} input[type='email'],input[type='text'],input[type='password']{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;padding: 5px;border: 1px solid #cbcbcb;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} textarea{-webkit-appearance:none; border:none; -webkit-text-size-adjust:none;box-sizing: border-box;padding: 5px;border: 1px solid #cbcbcb;display: block;overflow: auto;font-family: 'Roboto', sans-serif;} input[type='email']:focus,input[type='text']:focus,input[type='password']:focus,textarea:focus{border-color: #ccc} button,input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;border:none;-webkit-text-size-adjust:none;background: #cbcbcb;} input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;} input[type="search"] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} /* 6. Tables ------------------------------------------------------------------------------*/ table {border-spacing: 0; border-collapse: collapse;} td {text-align: left; font-weight: normal;} /* 7. Layout Framework ------------------------------------------------------------------------------*/ /* commomn css */ /* opacity effect */ .opacity1{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity:1;opacity:1;} .opacity0{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0; opacity:0; } /* transition effect */ .tra{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} /* float */ .fleft{float: left;} .fright{float: right;} /* column grid */ .row{width: 100%;} .col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{float: left;min-height: 1px;} .col-12 {width: 100%;} .col-11 {width: 91.66666667%;} .col-10 {width: 83.33333333%;} .col-9 {width: 75%;} .col-8 {width: 66.66666667%;} .col-7 {width: 58.33333333%;} .col-6 {width: 50%;} .col-5 {width: 41.66666667%;} .col-4 {width: 33.33333333%;} .col-3 {width: 25%;} .col-2 {width: 16.66666667%;} .col-1 {width: 8.33333333%;} /* button */ .btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} /* Align */ .alignleft { text-align: left;} .alignright { text-align: right; } .aligncenter { text-align: center; } /* main container */ #wrapper{ width:100%; min-height:100%;} .container{width:1170px;margin: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} /* header */ #header{ width:100%; height:auto; position: absolute; left: 0; top: 0; z-index: 999;} #header:before{ content: ''; position: absolute; right: 0; top: 0; width: 45%; background: #0075bf; height: 58px; z-index: -1;} #header .head-upper{ margin-bottom: 34px;} #header .brand{ display: inline-block; vertical-align: top; margin-top: 20px;} #header .brand img{ display: block; max-width: 100%; width: 260px;} #header .head-upper-r{ float: right; width: 555px; text-align: right; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-bottomleft: 30px; border-bottom-left-radius: 30px; overflow: hidden;} #header .head-upper-r .search-btn{ float: left; width: 66px; height: 58px; background: #1dc06b; text-align: center; color: #fff; font-size: 18px; line-height: 48px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-bottomleft: 30px; border-bottom-left-radius: 30px;} #header .head-upper-r ul{ margin: 0; padding: 0; display: inline-block; vertical-align: top;} #header .head-upper-r ul li{ margin: 0 6px 0 15px; padding: 0; display: inline-block; vertical-align: top; line-height: 54px;} #header .head-upper-r ul li:first-child{ margin-left: 0; margin-right: 20px;} #header .head-upper-r ul li span, #header .head-upper-r ul li a{ font-size: 12px; color: #fff; padding: 0 12px;} #header .head-upper-r ul li a i{ margin-right: 8px;} #header .head-lower{ text-align: right;} #header .head-lower .phone { width: 180px; height: 54px; background-image: linear-gradient(295deg, #1dc06b, #2ad77d); display: inline-block; vertical-align: middle; padding: 18px 0; font-size: 16px; font-weight: 500; color: #fff; text-align: center; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomleft: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; margin-left: 45px; margin-right: 18px;} #header .head-lower .phone i{ margin-right: 10px;} #header .head-lower .phone a{color: #fff;} #header .head-lower .phone:hover{ background-image: none; background-color: #fff; color: #1dc06b;} #header .head-lower .phone:hover a{color: #1dc06b;} .menu-btn{ display: inline-block; vertical-align: middle; width: 56px;height: 66px; position: relative; margin-top: -4px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topright: 20px; border-top-right-radius: 20px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; background-color: transparent;} .menu-btn.active{ background-color: #1dc06b;} .menu-btn span, .menu-btn span:after, .menu-btn span:before{background: #fff;height: 3px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .menu-btn span{position: absolute;display: block;width: 28px;left: 50%;top: 50%;transform: translate(-50% , -50%);-webkit-transform: translate(-50% , -50%);-moz-transform: translate(-50% , -50%)} .menu-btn span:after, .menu-btn span:before{content: '';position: absolute;left: 0;width: 100%;} .menu-btn span:before{top: -7px;} .menu-btn span:after{bottom: -7px;} .menu-des{ float: right; position: relative;} .menu-des ul.menu-des-list{ position: absolute; right: 0; top: 90%; margin: 0; padding: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0; opacity:0; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; visibility: hidden; background: #12ae5d; text-align: left; width: 177px; -webkit-border-top-left-radius: 20px; -moz-border-radius-topleft: 20px; border-top-left-radius: 20px; overflow: hidden; pointer-events: none;} .menu-des ul.menu-des-list li{ display: block; margin: 0; padding: 0 20px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; position: relative;} .menu-des ul.menu-des-list li:before{content: ''; position: absolute; left: 1px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 3px; height: 33px; background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0; opacity:0; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .menu-des ul.menu-des-list li a{font-size: 13px; font-weight: 500; line-height: 1.38;letter-spacing: normal; text-align: left; color: #ffffff; padding: 18px 0; display: block; border-top: rgba(255, 255, 255, 0.34) solid 1px; } .menu-des ul.menu-des-list li:first-child a{ border: none;} /*.menu-des ul.menu-des-list li:hover{ background-color: #099b4f;} .menu-des ul.menu-des-list li:hover::before{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity:1;opacity:1;}*/ .menu-des ul.menu-des-list li:hover, .menu-des ul.menu-des-list li.active{ background-color: #099b4f;} .menu-des ul.menu-des-list li:hover{ background-color: #099b4f;} .menu-des ul.menu-des-list li:hover::before, .menu-des ul.menu-des-list li.active::before{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity:1;opacity:1;} .menu-des ul.menu-des-list.show{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity:1;opacity:1; visibility: visible; top: 100%; pointer-events: auto;} #header.fixed {box-shadow:0 2px 6px rgba(0,0,0,0.2); -webkit-animation:slide-down 0.7s;opacity:0.9; animation:slide-down 0.7s;opacity:0.9; position:fixed !important; z-index:1000000; top:0; background: url(images/banner-bg.jpg) 0 0 no-repeat;} @keyframes slide-down { 0% {opacity: 0; transform: translateY(-100%);} 100% {opacity: 0.9; transform: translateY(0);} } #header.fixed .head-upper-r{ display: none;} #header.fixed .head-upper{ position: absolute; top: 0;} #header.fixed:before{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0; opacity:0;} #header.fixed .head-lower{ margin-top: 10px;} #header.fixed .brand{ margin-top: 10px;} /* Navigation */ #nav{ position: relative; display: inline-block; vertical-align: middle; } #nav ul{ margin: 0; padding: 0;} #nav ul li{ margin: 0; padding: 0 25px; display: inline-block; vertical-align: top;} #nav ul li a{ display: block;font-size: 14px;font-weight: 500; line-height: 1; color: #ffffff; padding: 15px 0; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; position: relative;} #nav ul li a:before{ content: ''; position: absolute; left: 0; bottom: 5px; width: 100%; height: 4px; background-color: transparent; display: block; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; } #nav ul li:hover a:before, #nav ul li.active a:before{ background-color: #1dc06b; bottom: 0;} .mapbg-pos{ background-image: url(images/bg.png) !important;} .no-bg{ background: none !important;} /*--------- home page ------------*/ /* Banner */ #banner{ padding-top: 187px; background: url(images/banner-bg.jpg) 0 0 no-repeat; background-size: cover; } #banner .container{padding-bottom: 83px;} .home-carousel{ max-width: 1000px; margin: 0 auto;} .home-carousel .owl-nav{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; text-align: center; pointer-events: none;} .home-carousel .owl-nav .owl-prev{ float: left; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 0px; text-indent: -999em; line-height: 60px; width: 60px; height: 60px; margin-left: -127px; pointer-events: auto;} .home-carousel .owl-nav .owl-prev:before{ content: "\f053"; font-size: 30px; color: #fff;} .home-carousel .owl-nav .owl-next{ float: right; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 0px; text-indent: -999em; line-height: 60px; width: 60px; height: 60px; margin-right: -127px; pointer-events: auto;} .home-carousel .owl-nav .owl-next:before{ content: "\f054"; font-size: 30px; color: #fff;} .home-carousel .item-imgblk{ margin: 0 17px; position: relative;} .home-carousel .item-imgblk:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background: url(https://www.serversaustralia.com.au/blog/our-wp-content/themes/serversaustralia/images/banner-transparent-bg.png) 0 0 no-repeat; background-size: cover; pointer-events: none;} .home-carousel .item-imgblk .item-imgblk-cap{ position: absolute; left: 0; top: 64%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 22px; text-align: center; z-index: 1; max-width: 100%;} .home-carousel .item-imgblk .item-imgblk-cap.reseller-cap{ top: 58%;} .home-carousel .item-imgblk .item-imgblk-cap.reseller-cap .itemimg-title1{ margin-bottom: 0;} .home-carousel .item-imgblk .item-imgblk-cap.reseller-cap .btn{ margin: 5px 0; } .item-imgblk .item-imgblk-cap .itemimg-title{ font-size: 50px; color: #fff; font-weight: 500; display: block; line-height: 1; margin-bottom: 25px; position: relative;} .item-imgblk .item-imgblk-cap .itemimg-title:after{ content: ''; position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 1px; width: 34px; background: #2abc68; display: block;} .item-imgblk .item-imgblk-cap .itemimg-title1{ font-size: 30px; color: #fff; font-weight: 500; display: block; line-height: normal; margin-bottom: 8px;} .item-imgblk .item-imgblk-cap .input-blk{ margin: 0;} .item-imgblk .item-imgblk-cap .input-blk input[type="email"]{ height: 58px; width: 100%; border: #fff solid 1px; display: block; text-align: left; font-size: 15px; font-weight: 700; padding: 0 20px; color: #fff; margin-bottom: 10px;} #banner .input-blk input::-webkit-input-placeholder { color: #fff;} #banner .input-blk input::-moz-placeholder { color: #fff;} #banner .input-blk input:-ms-input-placeholder { color: #fff;} #banner .input-blk input:-moz-placeholder { color: #fff;} .item-imgblk .item-imgblk-cap .input-blk input[type="submit"]{ height: 58px; width: 100%; display: block; background: #1dc06b; font-size: 15px; font-weight: 700; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; color: #fff; text-align: center; padding: 0 20px; line-height: 58px; text-transform: uppercase;} .item-imgblk .item-imgblk-cap .input-blk input[type="submit"]:hover{ background: #0075bf;} .item-imgblk .item-imgblk-cap .btn{ background: #1dc06b; color: #fff; font-size: 15px; font-weight: 700; padding: 17px 25px; margin: 12px 0; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; text-transform: uppercase;} .item-imgblk .item-imgblk-cap .btn:hover{background: #0075bf;} /* AUSTRALIAN SUPPORT */ .australian-support{ background: url(images/bg.png) left top repeat-x; padding: 40px 0 30px 0; text-align: center; overflow: hidden;} .australian-support h1{ font-size: 25px; color: #0b5fb1; font-weight: 500; margin: 0; padding: 0; line-height: 43px; position: relative;} .australian-support h1:after{content: ''; position: absolute; left: 50%; bottom: -2px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 1px; width: 34px; background: #75a844; display: block;} .australian-support .australian-support-row{ padding: 40px 0 0; display: -ms-flex; display: -webkit-flex; display: flex; margin-left: -15px; margin-right: -15px;} .australian-support .col-3{ padding: 0 15px;} .australian-support .col-3 .support-row-blk{ background: #0075bf; flex: 1; padding: 50px 0 48px 0; height: 100%;} .australian-support .support-icon{ display: block; margin-bottom: 45px;} .australian-support h2{ font-size: 22px; font-weight: 500; color: #fff; line-height: 27px; margin: 0; background: #035ca3; height: 84px; display: table; width: 100%;} .australian-support h2 em{ font-style: normal; display:table-cell; vertical-align: middle;} .australian-support .support-price{ display: block; padding: 15px 0 20px 0; font-size: 14px; font-weight: 700; color: #fff; line-height: normal; border-bottom: rgba(255, 255, 255, 0.25) solid 1px; margin-bottom: 10px;} .australian-support .support-price strong{ display: block; font-size: 50px; font-weight: 500;} .australian-support p{ font-size: 14px; color: #fff; line-height: 23px; padding: 0; margin: 0 25px 20px 25px;} .australian-support .btn{ background: #29c373; color: #fff; font-size: 16px; font-weight: 500; padding: 15px 40px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .australian-support .btn:hover{background-color: #fff; color: #0b5fb1;} .australian-support .support-row-text{ min-height: 150px;} /* PRODUCT BY INDUSTRY */ .product-industry{ background: #f5f6f6; padding: 46px 0 19px 0;} .product-industry h3{ text-align: center; margin: 0 0 13px; padding: 0; font-size: 25px; color: #0b5fb1; line-height: 36px; font-weight: 500; position: relative;} .product-industry h3:after{content: ''; position: absolute; left: 50%; bottom: -8px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 1px; width: 34px; background: #75a844; display: block;} .product-industry p{ text-align: center; font-size: 15px; line-height: 23px; color: #7c8a9e; margin: 0 0 5px; padding: 0;} .product-industry .product-industry-row .col-4{ margin: 38px 0;} .product-industry .product-industry-icon{ float: left; width: 60px; text-align: center; margin-top: 8px;} .product-industry .product-industry-detail{ padding-left: 100px; text-align: left; padding-right: 20px;} .product-industry .product-industry-detail h6{ color: #0b5fb1; font-size: 18px; margin: 0 0 14px; padding: 0; line-height: normal;} .product-industry .product-industry-detail p{ text-align: left; color: #7c8a9e; line-height: 23px; font-size: 14px; margin: 0 0 30px; padding: 0; } .product-industry .product-industry-detail .btn{background: #0075bf; color: #fff; font-size: 16px; font-weight: 500; padding: 15px 35px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .product-industry .product-industry-detail .btn:hover{ background: #29c373;} /* FIND A DATA CENTRE */ .datacenter-sec{ margin: 48px 0 65px 0; position: relative; text-align: center; margin-bottom: 40px;} .datacenter-sec p{ color: #69778c; line-height: 33px; font-size: 15px; margin-bottom: 45px;} .datacenter-sec h3{ text-align: center; margin: 0 0 67px; padding: 0; font-size: 25px; color: #0b5fb1; line-height: 36px; font-weight: 500; position: relative;} .datacenter-sec h3:after{content: ''; position: absolute; left: 50%; bottom: -5px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 1px; width: 34px; background: #75a844; display: block;} .datacenter-sec .loop.owl-carousel .datacenter-img{ display: block; position: relative;} .datacenter-sec .loop.owl-carousel .datacenter-img:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(2, 38, 71, 0.40); -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;} .datacenter-sec .loop.owl-carousel .datacenter-img:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(https://www.serversaustralia.com.au/blog/our-wp-content/themes/serversaustralia/images/datacenter-bg.png) 0 0 no-repeat; background-size: cover; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0; opacity:0;} .datacenter-sec .loop.owl-carousel .datacenter-cap{ position: absolute; width: 100%; height: auto; top: 100%; left: 0; text-align: center; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .datacenter-sec .loop.owl-carousel .datacenter-cap h4{ font-size: 22px; color: #fff; font-weight: 500; margin: 0 0 18px; padding: 0; text-transform: uppercase; line-height: 26px;} .datacenter-sec .loop.owl-carousel .datacenter-cap .btn{ color: #fff; font-size: 15px; font-weight: 500; background: #1dc06b; padding: 17px 18px;} .datacenter-sec .loop.owl-carousel .item:hover .datacenter-cap{ top: 50%;} .datacenter-sec .loop.owl-carousel .item:hover .datacenter-img:after{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity:1;opacity:1;} .datacenter-sec .loop.owl-carousel .owl-nav{ position: absolute; left: 50%; top: 50%; max-width: 1170px; width: 96%; transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);} .datacenter-sec .loop.owl-carousel .owl-nav .owl-prev{ float: left; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 0px; text-indent: -999em; line-height: 60px; width: 60px; height: 60px; text-align: center;} .datacenter-sec .loop.owl-carousel .owl-nav .owl-prev:before{ content: "\f053"; font-size: 22px; color: #fff;} .datacenter-sec .loop.owl-carousel .owl-nav .owl-next{ float: right; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 0px; text-indent: -999em; line-height: 60px; width: 60px; height: 60px; text-align: center;} .datacenter-sec .loop.owl-carousel .owl-nav .owl-next:before{ content: "\f054"; font-size: 22px; color: #fff;} .loop.owl-carousel .owl-item img{ min-height: 485px;} /* Ask us about our price match guarantee */ .askabout-sec{ text-align: center; margin-bottom: 68px;} .askabout-sec h4{ text-align: center; margin: 0 0 27px; padding: 0; font-size: 30px; color: #0b5fb1; line-height: 36px; font-weight: 500; position: relative;} .askabout-sec h4:after{content: ''; position: absolute; left: 50%; bottom: -7px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 1px; width: 34px; background: #75a844; display: block;} .askabout-sec .phone{ width: 250px; height: 77px; background: #1dc06b; display: inline-block; vertical-align: middle; padding: 25px 0; font-size: 25px; font-weight: 500; color: #fff; text-align: center;} .askabout-sec .phone i{ margin-right: 10px;} /* Banner colocation */ .banner-colocation{ margin-bottom: 70px; text-align: center; position: relative;} .banner-colocation:before{ content: ''; position: absolute; left: 0; top: 45px; width: 100%; height: 400px; background: url(images/map-bg.png) 0 0 repeat-x; display: block; pointer-events: none;} .banner-colocation-blk{ position: relative;} .banner-colocation-blk .banner-colocation-img{ display: block; height: 250px; background-size: cover; background-repeat: no-repeat; background-position: center;} .banner-colocation-blk img{ width: 100%; display: block;} .banner-colocation-blk .banner-colocation-cap{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; padding: 0 20px;} .banner-colocation-blk .banner-colocation-cap span{ color: #ffffff; font-size: 30px; line-height: 37px; font-weight: 500; display: block; text-transform: uppercase; margin-bottom: 10px;} .banner-colocation-blk .banner-colocation-cap strong{ display: block; font-size: 35px; line-height: 37px; font-weight: 500; display: block; text-transform: uppercase; color: #22b758; margin-bottom: 10px;} .banner-colocation-blk .banner-colocation-cap .btn{ width: 207px; height: 58px; text-align: center; color: #fff; background: #1dc06b; font-size: 20px; font-weight: 700; padding: 14px;} /* Our Customers */ .our-customers{ text-align: center;} .our-customers h4{ text-align: center; margin: 0 0 50px; padding: 0; font-size: 30px; color: #0b5fb1; line-height: 36px; font-weight: 500; position: relative;} .our-customers h4:after{content: ''; position: absolute; left: 50%; bottom: -5px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 1px; width: 34px; background: #75a844; display: block;} .our-customer-row{ margin-left: -15px; margin-right: -15px;} .our-customer-row .col-4{ padding: 0 15px;} .our-customer-row .our-customer-box{ border: #dfe2e1 solid 1px; padding: 32px 38px 28px 38px; background-color: #fff;} .our-customer-row .our-customer-box p{ font-size: 14px; color: #737375; line-height: 23px; margin: 0; padding: 0;} .our-customer-row .our-customer-box .customer-name{ display: block; border-top: #e8e8e8 solid 1px; padding: 23px 0 0; font-size: 14px; color: #8d8e8e; font-weight: 700; line-height: 23px;} .our-customer-row .our-customer-box .customer-name strong{ display: block; font-size: 16px; color: #649c35; font-weight: 500;} .our-customer-row .our-customer-box .ourcustomer-textblock{ display: table; margin: 22px 0 44px 0;} .our-customer-row .our-customer-box .ourcustomer-textblock p{ display: table-cell; vertical-align: middle;} .our-customer-logos{ padding: 30px 0 50px 0;} .our-customer-logos.owl-carousel .owl-item, .our-customer-logos1.owl-carousel .owl-item{ text-align: center;} .our-customer-logos.owl-carousel .owl-item img, .our-customer-logos1.owl-carousel .owl-item img{ width: auto; max-width: 100%; display: inline-block; vertical-align: middle; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); /*filter: url(https://www.serversaustralia.com.au/blog/our-wp-content/themes/serversaustralia/grayscale.svg);*/ filter: gray; -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;} .our-customer-logos1{padding: 30px 0 47px 0; border-top: #e1e1e1 solid 1px; border-bottom: #e1e1e1 solid 1px;} .our-customer-logos.owl-carousel .owl-item:hover img, .our-customer-logos1.owl-carousel .owl-item:hover img{ -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); /*filter: url(https://www.serversaustralia.com.au/blog/our-wp-content/themes/serversaustralia/grayscale.svg);*/ filter: none;} /* OUR PROMISE */ .ourpromise-sec{ margin: 67px 0 62px 0; display: -ms-flex; display: -webkit-flex; display: flex; position: relative;} .ourpromise-sec .container{position: absolute; transform: translateX(-50%) translateY(-50%); left: 50%; top: 50%; height: 100%;} .ourpromise-sec .col-5.ourpromise-img{ float: left; position: relative; width: 38.66666667%;} .ourpromise-sec .col-7{ position: relative; float: right; width: 67.333333%;} .ourpromise-sec .ourpromise-img:after{ content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(https://www.serversaustralia.com.au/blog/our-wp-content/themes/serversaustralia/images/ourpromise-imgbg.png) left bottom repeat-x; pointer-events: none;} .ourpromise-sec .ourpromise-img img{ width: 100%; display: block;} .ourpromise-sec .ourpromise-img .ourpromise-imgblk{ display: block; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; padding: 35px 0;} .ourpromise-sec .ourpromise-img .ourpromise-img-cap{ position: absolute; right: 0; top: 67%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); max-width: 370px; padding-right: 50px; z-index: 1; width: 92%;} .ourpromise-img-cap h4{ font-size: 56px; color: #fff; font-weight: 500; margin: 0 0 30px; padding: 0; line-height: 53px; position: relative;} .ourpromise-img-cap h4:after{content: ''; position: absolute; left: 20px; bottom: -10px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 1px; width: 34px; background: #75a844; display: block;} .ourpromise-img-cap .btn{ background: #2abc68; padding: 5px 16px; color: #fff; font-size: 18px; font-weight: 500;} .ourpromise-sec .ourpromise-cap{ position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 5px 0 0 5px;} .ourpromise-sec .ourpromise-cap h5{ font-size: 20px; line-height: 27px; color: #1263b1; font-weight: 500; margin: 0 0 15px; padding: 0; text-transform: uppercase;} .ourpromise-sec .ourpromise-cap ul{ margin: 0 0 50px; padding: 0;} .ourpromise-sec .ourpromise-cap ul li{ margin: 0; padding: 0 0 0 19px; display: block; font-size: 17px; line-height: 26px; color: #838b94; position: relative; font-weight: 400;} .ourpromise-sec .ourpromise-cap ul li:before{ content: ''; position: absolute; left: 0; top: 16px; width: 4px; height: 4px; background: #1dc06b; display: block; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;} .ourpromise-sec .ourpromise-cap .col-6{ height: auto !important; float: left; padding-right: 2%; margin-bottom: 18px; margin-top: 18px; padding-left: 2%;} /* Clients */ .clients-sec{ margin: 60px 0 25px 0; text-align: center;} .clients-sec h4{ text-align: center; margin: 0 0 60px; padding: 0; font-size: 30px; color: #0b5fb1; line-height: 36px; font-weight: 500; position: relative; text-transform: uppercase;} .clients-sec h4:after{content: ''; position: absolute; left: 50%; bottom: -15px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 1px; width: 34px; background: #75a844; display: block;} .clients-sec ul{ margin: 0 -15px; padding: 0; font-size: 0;} .clients-sec ul li{ margin: 0 15px 27px 15px; padding: 0; display: inline-block; vertical-align: top;} .clients-sec ul li img{ max-width: 100%; border: #ebebeb solid 1px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); /*filter: url(https://www.serversaustralia.com.au/blog/our-wp-content/themes/serversaustralia/grayscale.svg);*/ filter: gray; -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;} .clients-sec ul li:hover img{-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); /*filter: url(https://www.serversaustralia.com.au/blog/our-wp-content/themes/serversaustralia/grayscale.svg);*/ filter: none;} /*--------- Blog page ------------*/ .banner-heading{ background-color: #0075bf; padding: 40px 0 35px;} #banner .banner-heading .container{ padding-bottom: 0;} .banner-heading h1{ display: inline-block; vertical-align: middle; text-transform: uppercase;} .banner-heading #breadcrumbs{ margin: 0; padding: 0; float: right;} .content{ width: 100%; background: url(images/map-bg.png) left top repeat-x;} .blog-sec{ padding: 46px 0;} .blog-toprow{ margin: 0 -5px 65px;} .blog-toprow .col-7{ width: 59.22222222%;} .blog-toprow .col-5{ width: 40.77777777%;} .blog-toprow .col-7, .blog-toprow .col-5{ padding: 0 6px;} .blog-toprow .col-5 .blog-toprow-blk + .blog-toprow-blk{ margin-top: 7px;} .blog-toprow .blog-toprow-blk{ position: relative; display: block; overflow: hidden;} .blog-toprow .blog-toprow-blk:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); pointer-events: none; display: block; z-index: 1;} .blog-toprow .blog-toprow-img{ display: block;} .blog-toprow .blog-toprow-img img{ width: 100%; display: block; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; } .blog-toprow-blk .blog-toprow-cap{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 22px 51px 30px 27px; z-index: 1;} .blog-toprow-blk .col-5 .blog-toprow-cap{ padding: 22px 51px 21px 28px;} .blog-toprow-blk .col-5 .blog-toprow-cap h3{ padding: 0 0 8px;} .blog-toprow-blk .blog-toprow-cap h2{ color: #ffffff; font-size: 30px; font-weight: 500; margin: 0; padding: 0; position: relative; text-transform: uppercase; line-height: 26px;} .blog-toprow-blk .blog-toprow-cap h2:after{ content: ''; height: 1px; width: 34px; background: #75a844; display: block; margin: 12px 0;} .blog-toprow-blk .blog-toprow-cap .blog-toprow-date{ display: block; font-size: 16px; color: #ffffff; font-weight: 500;} .blog-toprow-blk .blog-toprow-cap h3{ color: #ffffff; font-size: 22px; font-weight: 500; margin: 0; padding: 0; position: relative; text-transform: uppercase; line-height: 26px;} .blog-toprow-blk .blog-toprow-cap h3:after{ content: ''; height: 1px; width: 34px; background: #75a844; display: block; margin: 12px 0;} .blog-toprow .blog-toprow-blk:hover .blog-toprow-img img{ transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2);} .blog-mainrow .blog-row{ margin-bottom: 20px; position: relative;} .blog-mainrow .blog-row .blog-date{ position: absolute; left: 0; top: 0; width: 76px; height: 76px; background: #1dc06b; text-align: center; font-size: 15px; font-weight: 700; color: #fff; padding-top: 15px; line-height: 1;} .blog-mainrow .blog-row .blog-date span{ display: block; font-size: 35px;} .blog-row .blog-row-img{ float: left;} .blog-row .blog-row-detail{ margin-left: 300px; padding-right: 14px;} .blog-row .blog-row-detail h4{ margin: 0 0 30px; padding: 0; font-size: 22px; color: #0b5fb1; line-height: 28px; font-weight: 500; position: relative; text-transform: uppercase;} .blog-row .blog-row-detail h4 a{ color: #0b5fb1; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .blog-row .blog-row-detail h4:hover a{ color: #1dc06b;} .blog-row .blog-row-detail h4:after{ content: ''; position: absolute; height: 1px; width: 34px; background: #75a844; display: block; margin: 10px 0;} .blog-row .blog-row-detail p{ font-size: 15px; color: #838b94; line-height: 23px; margin: 0 0 28px; padding: 0;} .blog-row .blog-row-detail .btn{ font-size: 15px; background: #0075be; color: #fff; font-weight: 700; padding: 17px 31px; -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;} .blog-row .blog-row-detail .btn:hover{ background-color: #1dc06b;} .blog-row-detail-inner{ margin-bottom: 28px;} /* Pagination */ #pagination{ margin: 39px -6px; padding: 0; clear: both; overflow: hidden;} #pagination li{ display: inline-block; vertical-align: top; margin: 0 5px; padding: 0; text-align: center; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} #pagination li a, #pagination li span{ display: block; width: 58px; height: 58px; border: #dcdcdc solid 2px; font-size: 15px; color: #868f97; font-weight: 700; line-height: 54px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} #pagination li.next a, #pagination li.prev a{font-size: 0;} #pagination li.prev a:after{content: "\f053";color: #868f97; padding: 0 5px; font-family: FontAwesome; font-size: 15px;} #pagination li.next a:after{ content: "\f054";color: #868f97; padding: 0 5px; font-family: FontAwesome; font-size: 15px;} #pagination li.current, #pagination li:hover{ background: #1dc06b;} #pagination li.current a, #pagination li.current span, #pagination li:hover a{ color: #fff; border-color: #1dc06b;} #pagination li:hover a:after{ color: #fff;} .pagination{ margin: 39px -6px; padding: 0; clear: both; overflow: hidden;} .pagination h2.screen-reader-text{display:none;} .pagination .nav-links .page-numbers { display: inline-block; width: 58px; height: 58px; border: #dcdcdc solid 2px; font-size: 15px; color: #868f97; font-weight: 700; line-height: 54px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; vertical-align: middle; text-align: center; overflow: hidden; white-space:nowrap; position:relative; } .pagination .nav-links .page-numbers:hover, .pagination .nav-links .page-numbers.current{ background: #1dc06b; border-color: #1dc06b; color:#fff; } .pagination .nav-links .page-numbers.next{ text-indent:-2000px; } .pagination .nav-links .page-numbers.prev{ text-indent:-2000px; } .pagination .nav-links .page-numbers.next:after{ content: "\f054"; } .pagination .nav-links .page-numbers.prev:after{ content: "\f053"; } .pagination .nav-links .page-numbers.prev:after, .pagination .nav-links .page-numbers.next:after{ color: #868f97; padding: 0 5px;font-family: FontAwesome;font-size: 15px; position:absolute; top:50%; left:50%; line-height: 1em; z-index: 10000; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-indent: initial; } /* Search */ .search-blk{ margin-bottom: 45px;} .search-blk h6{ margin: 0 0 15px; padding: 0; font-size: 20px; color: #0b5fb1; font-weight: 500; line-height: normal;} .search-blk .search-blk-input{ background: #eef1f1; height: 58px; padding: 12px 10px;} .search-blk .search-blk-input input[type="search"]{ border: none; font-size: 15px; color: #838b94; padding: 0 8px; height: 100%; width: calc(100% - 70px); font-weight: 400;} .search-blk .search-blk-input input[type="button"], .search-blk .search-blk-input input[type="submit"]{ width: 45px; height: 100%; font-size: 0; background: url(images/search-icon.png) center no-repeat; padding: 0; margin: 0; border-left: #c9cccc solid 1px; float: right;} /* Newsletter */ .newsletter-blk{ margin-bottom: 45px;} .newsletter-blk h6{ margin: 0 0 15px; padding: 0; font-size: 20px; color: #0b5fb1; font-weight: 500; line-height: normal;} .newsletter-blk p{ font-size: 15px; color: #838b94; line-height: 23px; margin: 0 0 10px; padding: 0;} .newsletter-blk .newsletter-blk-input{ background: #eef1f1; height: 58px; padding: 12px 10px;} .newsletter-blk .newsletter-blk-input input[type="email"]{ border: none; font-size: 15px; color: #838b94; padding: 0 8px; height: 100%; width: calc(100% - 50px);} .newsletter-blk .newsletter-blk-input input[type="submit"]{ width: 45px; height: 100%; font-size: 0; background: url(images/newslettter-icon.png) center no-repeat; padding: 0; margin: 0; border-left: #c9cccc solid 1px; float: right;} .newsletter-blk .submitted-message { margin-top: 6px;} /* Category */ .category-blk{ margin-bottom: 55px;} .category-blk h6{ margin: 0 0 15px; padding: 0; font-size: 20px; color: #0b5fb1; font-weight: 500; line-height: normal;} .category-blk ul{ margin: 0; padding: 0;} .category-blk ul li{ margin: 0; padding: 0; display: block; list-style: none; border-bottom: #e6e9ef solid 1px;} .category-blk ul li:first-child{ border-top: #e6e9ef solid 1px;} .category-blk ul li a{ font-size: 16px; color: #0075be; display: block; padding: 21px 0; font-weight: 500; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; border-left: #22b758 solid 0;} .category-blk ul li:hover a, .category-blk ul li.current-cat a { color: #22b758; padding-left: 5px; border-width: 5px; padding-left: 25px;} /* Newest Trending */ .blog-mainrow .col-9{ width: 870px;} .blog-mainrow .col-3{ width: 270px; float: right;} ul.newest-tabs { margin: 0 0 54px; padding: 0; list-style: none; height: 57px; width: 100%;} ul.newest-tabs li {float: left; margin: 0; cursor: pointer; padding: 0px 30px; height: 57px; line-height: 57px; background-color: #eef1f1; color: #0b5fb1; position: relative; font-size: 20px; font-weight: 500;} ul.newest-tabs li.active:after{ position: absolute; content: ''; left: 50%; bottom: -5px; width: 0; height: 0; border-style: solid; border-width: 5px 6px 0 6px; border-color: #0076bf transparent transparent transparent; margin-left: -2.5px;} .tab_last { border-right: 1px solid #333; } ul.newest-tabs li.active { background-color: #0075bf; color: #fff; display: block;} .tab_container {clear: both; float: left; width: 100%; background: #fff; overflow: auto;} .tab_content { padding: 0; display: none;} .tab_content a{ display: block; margin-top: 19px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; } .tab_content a:hover .newest-tab-text{ color: #1dc06b;} .newest-trending .newest-tab-img{ float: left; width: 100px;} .newest-trending .newest-tab-img img{ max-width: 100px; display: block;} .newest-trending .newest-tab-text{ margin-left: 115px; font-size: 17px; color: #0b5fb1; line-height: 18px; font-weight: 500; text-align: left; display: block; margin-top: 12px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .tab_drawer_heading { display: none; } /* Blog Detail */ /*.blog-detail hgroup{ display: table; width: 100%; min-height: 111px; margin-bottom: 20px;}*/ .blog-detail hgroup{ display: flex; align-items: center; width: 100%; min-height: 111px; margin-bottom: 20px;} .blog-detail hgroup .blog-date{ float: left; padding-top: 30px !important; height: 111px !important;} .blog-detail hgroup h1{ padding-left: 95px; color: #0b5fb1; font-size: 35px; font-weight: 500; line-height: normal; text-transform: uppercase; /*display: table-cell; vertical-align: middle;*/ margin:0;/* 20px 0;*/} .blog-detail hgroup h1:after{ content: ''; position: static; height: 1px; width: 34px; background: #75a844; display: block; margin: 10px 0;} .blog-detail .share-btns{ border-top: #dcdcdc solid 1px; border-bottom: #dcdcdc solid 1px; padding: 15px 0; margin-bottom: 30px;} .blog-detail .share-btns .share-btn-l{ float: left; margin-top: 5px; } .share-btns .share-btn-l .date-blk, .share-btns .share-btn-l .time-blk{ font-size: 13px; color: #838b94; margin-right: 25px;} .share-btns .share-btn-l .date-blk i, .share-btns .share-btn-l .time-blk i{ font-size: 15px; color: #22b758;} .blog-detail .share-btns .share-btn-r{ float: right;} .blog-detail .share-btns .share-btn-r img{ margin-left: 5px; margin-bottom: 0;} .blog-detail p{ color: #838b94; font-size: 15px; line-height: 23px; margin-bottom: 20px;} .blog-detail ul, .blog-detail ol{padding-left: 15px; margin-bottom: 20px;} .blog-detail li{ color: #838b94; font-size: 15px; line-height: 23px;} .blog-detail img{ max-width: 100%; margin-bottom: 30px;} .blog-detail h3{ font-size: 25px; color: #0b5fb1; line-height: normal; text-transform: none; font-weight: 500; margin-bottom: 10px; margin-top: 10px;} .blog-detail .share-bottom{ text-align: center; border-top: #dcdcdc solid 1px; border-bottom: #dcdcdc solid 1px; padding: 15px 0; margin: 50px 0; } .blog-detail .share-bottom img{ margin: 0 2px;} .seemore-blk h3{ color: #0b5fb1; font-weight: 500; margin: 0 0 35px; padding: 0; font-size: 25px; line-height: normal;} .seemore-blk{ overflow: hidden;} .seemore-blk .seemore-blkrow{ margin: 0 -15px;} .seemore-blk .seemore-blkrow .col-4{ padding-left: 15px; padding-right: 15px;} .seemore-blkrow .blog-row .blog-row-detail{ margin-left: 0;} .seemore-blkrow .blog-row .blog-row-detail h4{ font-size: 20px; line-height: 23px;} .seemore-blkrow .blog-row .blog-row-img{ float: none; display: block; margin-bottom: 20px;} .seemore-blkrow .blog-row .blog-row-img img{ width: 100%; display: block;} /*--------- Faq page ------------*/ .faq-main{ overflow-x: hidden;} .faq-sec{ padding: 80px 0;} .faq-sec .col-3{ width: 270px;} .faq-sec .faq-list{ margin: 0; padding: 0;} .faq-sec .faq-list li{ margin: 0; padding: 0; display: block; list-style: none; border-bottom: #e6e9ef solid 1px; position: relative;} .faq-sec .faq-list li:after{ content: "\f054"; position: absolute; font-family: 'FontAwesome'; right: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 16px; color: #0b5fb1;} .faq-sec .faq-list li:first-child{ border-top: #e6e9ef solid 1px;} .faq-sec .faq-list li a{ font-size: 16px; color: #0075be; display: block; padding: 21px 20px 21px 0; font-weight: 500; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; border-left: #22b758 solid 0;} .faq-sec .faq-list li:hover a, .faq-sec .faq-list li.current a{ color: #22b758; padding-left: 5px; border-width: 5px; padding-left: 25px;} .faq-sec .faq-list li:hover::after, .faq-sec .faq-list li.current::after{ color: #22b758;} .faq-sec .col-9{ width: 870px; float: right;} .faq-sec h2{ margin: 0 0 30px; padding: 0; font-size: 30px; color: #0b5fb1; line-height: 28px; font-weight: 500; position: relative; text-transform: uppercase;} .faq-sec h2:after{content: ''; position: absolute; height: 1px; width: 34px; background: #75a844; display: block; margin: 10px 0;} .faq-sec p{ color: #838b94; font-size: 15px; line-height: 23px; margin-bottom: 15px;} .faq-sec .search-blk{ margin-bottom: 30px; background: #eef1f1; height: 58px; padding: 12px 10px; max-width: 570px;} .faq-sec .search-blk input[type="search"]{border: none; font-size: 15px; color: #838b94; padding: 0 8px; height: 100%; width: calc(100% - 65px); font-weight: 400;} .faq-sec .search-blk input[type="button"]{ width: 45px; height: 100%; font-size: 0; background: url(images/search-icon.png) center no-repeat; padding: 0; margin: 0; border-left: #c9cccc solid 1px; float: right;} .faq-sec .faqdetail-list{ margin: 0; padding: 0; counter-reset: my-badass-counter; } .faq-sec .faqdetail-list li{ margin: 0; padding: 15px 0; list-style: none;border-bottom: #e6e9ef solid 1px; position: relative; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .faq-sec .faqdetail-list li:before{ content: counter(my-badass-counter, decimal-leading-zero); counter-increment: my-badass-counter; position: absolute; left: 0; top: 15px; width: 52px; height: 52px; background: #0075bf; color: #fff; text-align: center; font-size: 22px; line-height: 52px;} .faq-sec .faqdetail-list li:after{ content: ''; position: absolute; left: 50%; top: 0; height: 100%; width: 1170px; z-index: -1; pointer-events: none;} .faq-sec .faqdetail-list li span.expanded{ display: block; font-size: 16px; color: #0b5fb1; font-weight: 500; margin-left: 65px; padding: 17px 40px 17px 0; cursor: pointer;} .faq-sec .faqdetail-list li .sub-menu{ display: none;} .faq-sec .faqdetail-list li .sub-menu p{ margin: 0; padding: 20px 130px 25px 15px;} .faq-sec .faqdetail-list li .sub-menu:before{ content: ''; position: absolute; left: -20px; top: 0; width: 20px; height: 100%; background: transparent; display: block; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; z-index: -1;} .faq-sec .faqdetail-list li.toggled{ background: #eef1f1; border-width: 0;} .faq-sec .faqdetail-list li em.toggle-btn{ position: absolute; right: 0; top: 50%; width: 32px; height: 32px; background: #0075bf; font-family: 'FontAwesome'; text-align: center; line-height: 32px; font-size: 8px; color: #fff; font-style: normal; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);} .faq-sec .faqdetail-list li em.toggle-btn:after{ content: "\f067";} .faq-sec .faqdetail-list li.toggled em.toggle-btn{ background-color: #1dc06b;} .faq-sec .faqdetail-list li.toggled em.toggle-btn:after{ content: "\f068"; } .faq-sec .faqdetail-list li.toggled:after{ background: #eef1f1;} .faq-sec .faqdetail-list li.toggled .sub-menu:before{ left: -20px; background: #eef1f1; } .bannerblk-full{ margin: 40px 0; position: relative; text-align: center;} .bannerblk-full .bannerblk-full-img{ display: block; height: 250px; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative;} .bannerblk-full .bannerblk-full-img:after{content: ''; position: absolute; left: 0;top: 0; width: 100%; height: 100%; display: block; background: rgba(11, 32, 45, 0.5); pointer-events: none;} .bannerblk-full .bannerblk-full-img img{ max-width: 100%; display: block;} .bannerblk-full .bannerblk-full-cap{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; padding: 0 20px;} .bannerblk-full .bannerblk-full-cap strong{ color: #ffffff; font-size: 30px; line-height: 37px; font-weight: 500; display: block; text-transform: uppercase; margin-bottom: 10px;} .bannerblk-full .bannerblk-full-cap p{ font-size: 19px; color: #ffffff; margin: 0 0 25px; padding: 0;} .bannerblk-full .bannerblk-full-cap .btn{width: 180px; height: 54px; text-align: center; color: #fff; background: #1dc06b; font-size: 16px;font-weight: 500; padding: 14px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; } .bannerblk-full .bannerblk-full-cap .btn i{ margin-right: 10px;} .bannerblk-full .bannerblk-full-cap .bannerblk-ba-email{display: block; font-size: 19px; color: #fff; font-weight: 500; margin-top: 30px;} .bannerblk-full .bannerblk-full-cap .btn:hover{ background-color: #fff; color: #0b5fb1;} /*--------- Contact page ------------*/ .form-row{ padding: 75px 0; text-align: center; max-width: 770px; width: 96%; margin: 0 auto;} .form-row h2{ margin: 0 0 30px; padding: 0; font-size: 25px; color: #0b5fb1; line-height: 28px;font-weight: 500; position: relative; text-transform: uppercase;} .form-row h2:after{ content: ''; position: absolute; height: 1px; width: 34px; background: #75a844; display: block; margin: 10px 0; left: 50%; margin-left: -17px;} .form-row p{ font-size: 15px; color: #7c8a9e; line-height: 23px; margin: 0; padding: 0;} .form-row .contact-tabs{ padding: 35px 0; margin: 0 -15px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;} .form-row .contact-tabs .col-4{ padding: 0 15px;} .form-row .contact-tabs .contact-tab{ background: #fff; box-shadow: 0px 0px 51px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 51px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0px 0px 51px rgba(0, 0, 0, 0.07); padding: 25px 20px; height: 100%; position: relative; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .form-row .contact-tabs .contact-tab:before{ content: ''; position: absolute; left: 0; top: 0; width: 6px; height: 92px; background: #1dc06b; display: block;} .form-row .contact-tabs .contact-tab .contact-tab-title{ display: block; color: #0b5fb1; font-size: 18px; font-weight: 500; margin: 15px 0;} .form-row .contact-tabs .contact-tab p{ margin: 0; padding: 0; color: #7c8a9e; font-size: 13px; line-height: 21px;} .form-row .contact-tabs .contact-tab strong{ font-size: 25px; color: #0b5fb1; font-weight: 500;} .form-row .contact-tabs .contact-tab:after{ position: absolute; content: ''; left: 50%; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #fff transparent transparent transparent; margin-left: -5px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .form-row .contact-tabs .contact-tab:hover{ background-color: #0075bf;} .form-row .contact-tabs .contact-tab:hover .contact-tab-title, .form-row .contact-tabs .contact-tab:hover p, .form-row .contact-tabs .contact-tab:hover strong{ color: #fff;} .form-row .contact-tabs .contact-tab:hover img{filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1);} .form-row .contact-tabs .contact-tab:hover::before{ background: #0075bf;} .form-row .contact-tabs .contact-tab:hover::after{ bottom: -10px; border-color: #0076bf transparent transparent transparent; } .form-row form .input-blk{ margin-bottom: 20px;} .form-row form .input-blk input[type="text"], .form-row form .input-blk input[type="email"]{ background: #eef1f1; height: 65px; width: 100%; border: none; color: #838b94; font-size: 15px; font-weight: 400; padding: 10px 20px;} .form-row form .input-blk textarea{ background: #eef1f1; height: 160px; width: 100%; border: none; color: #838b94; font-size: 15px; font-weight: 400; padding: 20px;} .form-row form input[type="button"]{ width: 137px; height: 65px; background: #0075bf; color: #fff; font-size: 15px; font-weight: 500; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .form-row form input[type="button"]:hover{ background-color: #1dc06b;} .location-sec{ text-align: center;} .location-sec h3{ font-size: 25px; color: #0b5fb1; margin: 0 0 40px; padding: 0; line-height: normal;} .location-sec .location-tabs{ margin: 0; padding: 0; font-size: 0;} .location-sec .location-tabs li{ display: inline-block; vertical-align: top; background: #f5f6f6; padding: 25px 20px; max-width: 290px; text-align: left; position: relative; cursor: pointer;} .location-sec .location-tabs li i{ float: left; width: 41px; height: 43px; background: #0075bf; text-align: center; line-height: 43px; font-size: 17px; color: #fff; margin-top: 10px;} .location-sec .location-tabs li .location-tab-text{ margin-left: 65px;} .location-sec .location-tabs li .location-tab-text span{ color: #0b5fb1; display: block; font-size: 20px; font-weight: 500; margin-bottom: 8px;} .location-sec .location-tabs li .location-tab-text p{ margin: 0; padding: 0; font-size: 14px; line-height: 20px; color: #7c8a9e;} .location-sec .location-tabs li.active{ background: #1dc06b;} .location-sec .location-tabs li.active .location-tab-text span, .location-sec .location-tabs li.active .location-tab-text p{ color: #fff;} .location-sec .location-tabs li.active i{ background: #fff; color: #22b758;} .location-sec .location-tabs li.active:after{position: absolute; content: ''; left: 50%; bottom: -15px; width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 15px; border-color: #1dc06b transparent transparent transparent; margin-left: -15px; z-index: 1;} #map-canvas, #map-canvas1, #map-canvas2, #map-canvas3, #map{ width: 100%; height: 635px;} .our-customers-main{width: 100%; background: url(images/bg.png) left top repeat-x; padding-top: 55px;} /*--------- RESELLERS page ------------*/ .resslers-sec{ padding: 60px 0 30px 0;} .reslers-dowsec .reslers-dowsec-l{ display: inline-block; vertical-align: top; width: 450px; margin-top: 10px;} .reslers-dowsec .reslers-dowsec-l h2{margin: 0 0 30px; padding: 0; font-size: 25px; color: #0b5fb1; line-height: 35px; font-weight: 500; position: relative; text-transform: uppercase;} .reslers-dowsec .reslers-dowsec-l h2:after{ content: ''; position: absolute; height: 1px; width: 34px; background: #75a844; display: block; margin: 5px 0;} .reslers-dowsec .reslers-dowsec-l p{ color: #7c8a9e; line-height: 25px; font-size: 15px;} .reslers-dowsec .reslers-dowsec-r{ display: inline-block; vertical-align: top; float: right;} .reslers-dowsec-r .down-resleres{ display: block; position: relative;} .reslers-dowsec-r .down-resleres .down-resleres-img{ display: block; background-size: cover; background-repeat: no-repeat; background-position: center;} .reslers-dowsec-r .down-resleres .down-resleres-img img{ width: 100%; display: block;} .reslers-dowsec-r .down-resleres .down-resleres-img:after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background: rgba(16, 27, 81, 0.70); pointer-events: none;} .reslers-dowsec-r .down-resleres .down-resleres-cap{ position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); display: block; max-width: 450px; width: 96%; padding-left: 130px;} .reslers-dowsec-r .down-resleres .down-resleres-cap i{ float: left; position: absolute; left: 0; top: 0;} .reslers-dowsec-r .down-resleres .down-resleres-cap strong{ display: block; font-size: 25px; color: #fff; line-height: 31px; font-weight: 500; margin-bottom: 20px; } .reslers-dowsec-r .down-resleres .down-resleres-cap .btn{width: 180px; height: 54px; text-align: center; color: #fff; background: #1dc06b; font-size: 16px;font-weight: 500; padding: 14px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; } .reslers-dowsec-r .down-resleres .down-resleres-cap .btn:hover{ background-color: #fff; color: #0b5fb1;} .resslers-sec .australian-support{ background: none; padding: 20px 0;} .resslers-sec .australian-support .support-row-text{ padding-top: 10px;} .perfect-for{ text-align: center; margin: 30px 0 0 0; overflow: hidden;} .perfect-for h3{ margin: 0 0 30px; padding: 0; font-size: 25px; color: #0b5fb1; line-height: 28px; font-weight: 500; position: relative; text-transform: uppercase;} .perfect-for h3:after{ content: ''; position: absolute; height: 1px; width: 34px; background: #75a844; display: block; margin: 10px 0; left: 50%; margin-left: -17px;} .perfect-for ul{ margin: 0 -15px; padding: 0; font-size: 0;} .perfect-for ul li{ margin: 25px 0 6px; padding: 0 15px; display: inline-block; vertical-align: top; width: 33%; } .perfect-for ul li .service-blk{ min-height: 144px; background: #fff; box-shadow: 0px 0px 51px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 51px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0px 0px 51px rgba(0, 0, 0, 0.07); display: table; width: 100%;} .perfect-for ul li .service-blk .service-blk-cap{ display: table-cell; vertical-align: middle; padding: 0 50px; text-align: left; position: relative;} .perfect-for ul li .service-blk .service-blk-cap img{ margin-right: 10px; float: left; position: absolute; left: 50px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);} .perfect-for ul li .service-blk .service-blk-cap strong{ display: block; font-size: 18px; color: #0b5fb1; line-height: 24px; font-weight: 500; margin-left: 96px; } .perfect-for ul li .service-blk .service-blk-cap:after{ content: ''; position: absolute; left: 0; top: 50%; width: 6px; height: 78px; background: #1dc06b; display: block; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);} .serverfull-sec{ background: #0075bf;} .serverfull-sec ul{ margin: 0; padding: 0; font-size: 0;} .serverfull-sec ul li{ margin: 0; padding: 49px 0; display: inline-block; vertical-align: middle; width: 25%; position: relative;} .serverfull-sec ul li img{ vertical-align: middle; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);} .serverfull-sec ul li span{ font-size: 15px; color: #ffffff; line-height: 18px; font-weight: 500; display: block; padding-left: 90px; padding-right: 90px;} /* OUR PROMISE */ .our-promise{ padding: 40px 0; text-align: center; background: url(images/map-bg.png) 0 -60px repeat-x; overflow: hidden;} .our-promise h4{ margin: 0 0 33px; padding: 0; font-size: 25px; color: #0b5fb1; line-height: 28px; font-weight: 500; position: relative; text-transform: uppercase;} .our-promise h4:after{ content: ''; position: absolute; height: 1px; width: 34px; background: #75a844; display: block; margin: 13px 0; left: 50%; margin-left: -17px;} .our-promise .our-promise-row{ margin: 0 -15px;} .our-promise .our-promise-row .col-3{ display: table; padding: 0 15px;} .our-promise .our-promise-row .col-3.single-item .promise-blk-cap{ display: table-cell; vertical-align: middle;} .our-promise .our-promise-row .our-promise-blk{ background: #fff; box-shadow: 0px 0px 51px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 51px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0px 0px 51px rgba(0, 0, 0, 0.07); padding: 37px 30px 53px 30px; margin: 30px 0; position: relative;} .our-promise .our-promise-row .our-promise-blk:after{ content: ''; position: absolute; left: 50%; bottom: 0; height: 7px; background: #29c373; max-width: 132px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); display: block; width: 100%;} .our-promise .our-promise-row .our-promise-blk img{ margin-bottom: 26px;} .our-promise .our-promise-row .our-promise-blk h6{ font-size: 22px; line-height: 27px; color: #0b5fb1; font-weight: 500; margin-bottom: 15px;} .our-promise .our-promise-row .our-promise-blk p{ color: #69778c; font-size: 14px; line-height: 20px; min-height: 120px;} /* PARTNER PORTAL */ .partner-portal{ margin-top: 95px; background: #035ca3;} .partner-portal .partner-portal-l{ display: inline-block; vertical-align: middle; } .partner-portal .partner-portal-l .monitor-img{ display: block; margin-left: -30px; margin-top: -97px;} .partner-portal .partner-portal-r{ display: inline-block; vertical-align: middle; width: 480px; padding-left: 20px;} .partner-portal .partner-portal-r h5{margin: 0 0 30px; padding: 0; font-size: 25px; color: #fff; line-height: 35px; font-weight: 500; position: relative; text-transform: uppercase;} .partner-portal .partner-portal-r h5:after{content: ''; position: absolute; height: 1px; width: 34px; background: #75a844; display: block; margin: 10px 0;} .partner-portal .partner-portal-r p{ font-size: 15px; line-height: 25px; color: #fff;} /* RESELLER & REFERRAL */ .reseller-referral{ padding: 90px 0 40px 0; background: #0075bf; text-align: center;} .reseller-referral .container{ width: 570px;} .reseller-referral .reseller-row{ background: #035ca3; padding: 25px 70px 35px 70px;} .reseller-referral .reseller-row h6, .reseller-referral .referral-row h6{ margin: 0 0 26px; padding: 0; color: #ffffff; font-size: 25px; font-weight: 500;} .reseller-referral .referral-row h6{ margin-bottom: 15px;} .reseller-referral .reseller-row p, .reseller-referral .referral-row p{ color: #ffffff; font-size: 15px; line-height: 20px; margin-bottom: 20px;} .reseller-referral .referral-row p{ margin-bottom: 10px;} .reseller-referral .reseller-row .btn{ background: #29c373; color: #fff; font-size: 16px; font-weight: 500; padding: 15px 38px;} .reseller-referral .or-text{ margin: 20px 0; font-size: 25px; color: #fff; font-weight: 500;} .reseller-referral .referral-row{background: #29c373; padding: 32px 70px 28px 70px; margin-bottom: 45px;} .reseller-referral .referral-row .btn{ background: #fff; color: #29c373; font-size: 16px; font-weight: 500; padding: 15px 28px;} .reseller-referral p{ font-size: 16px; line-height: 20px; color: #fff;} .resslers-sec .our-customers-main{ padding-top: 40px;} .resslers-sec .our-customer-logos{ padding-bottom: 25px;} .bannerblk-2{ padding: 40px 0; background: url(images/map-bg.png) 0 top repeat-x;} .bannerblk-2 .bannerblk-2l{ width: 568px; float: left;} .bannerblk-2 .bannerblk-2r{ width: 573px; float: right;} .bannerblk-2 .bannerblk-2l .bannerblk-ba, .bannerblk-2 .bannerblk-2r .bannerblk-ba{ display: block; position: relative;} .bannerblk-2 .bannerblk-2l .bannerblk-ba-img, .bannerblk-2 .bannerblk-2r .bannerblk-ba-img{ display: block; position: relative;background-size: cover; background-repeat: no-repeat; background-position: center;} .bannerblk-2 .bannerblk-2l .bannerblk-ba-img img, .bannerblk-2 .bannerblk-2r .bannerblk-ba-img img{ display: block; width: 100%;} .bannerblk-2 .bannerblk-2l .bannerblk-ba-img:after, .bannerblk-2 .bannerblk-2r .bannerblk-ba-img:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background: rgba(16, 27, 81, 0.70); pointer-events: none;} .bannerblk-2 .bannerblk-2l .bannerblk-ba-cap, .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap{ position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); display: block; max-width: 450px; width: 96%; padding-left: 45px; } .bannerblk-2 .bannerblk-2l .bannerblk-ba-cap strong, .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap strong{ display: block; font-size: 30px; color: #fff; line-height: 36px; font-weight: 500; margin-bottom: 20px;} .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap strong{ font-size: 25px;} .bannerblk-2 .bannerblk-2l .bannerblk-ba-cap .btn, .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap .btn{width: 180px; height: 54px; text-align: center; color: #fff; background: #1dc06b; font-size: 16px; font-weight: 500; padding: 14px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin-bottom: 15px;} .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap .btn:hover{ background: #fff; color: #1dc06b;} .bannerblk-2 .bannerblk-2l .bannerblk-ba-cap .btn i{ margin-right: 10px;} .bannerblk-2 .bannerblk-2l .bannerblk-ba-cap .bannerblk-ba-email{ display: block; font-size: 19px; color: #fff; font-weight: 500;} .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap{ padding-left: 135px;} .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap i{float: left; position: absolute; left: 0; top: 0;} /*--------- Dedicated Server page ------------*/ .ds-row .ds-rowblk{ margin: 32px 0;} .ds-row .ds-rowblk .ds-rowblk-l{ float: left; width: 530px;} .ds-rowblk .ds-rowblk-l h2{margin: 20px 0 15px; padding: 0; font-size: 25px; color: #0b5fb1; line-height: 35px; font-weight: 500; position: relative; text-transform: uppercase;} .ds-rowblk .ds-rowblk-l h2:after{ content: ''; position: absolute; height: 1px; width: 34px; background: #75a844; display: block; margin: 3px 0;} .ds-rowblk .ds-rowblk-l p{color: #7c8a9e; line-height: 25px; font-size: 15px;} .ds-rowblk .ds-rowblk-l ul{ margin: 30px 0; padding: 0;} .ds-rowblk .ds-rowblk-l ul li{ margin: 0; padding: 0 0 0 30px; display: block; font-size: 20px; color: #69778c; line-height: 25px; font-weight: 500; position: relative;} .ds-rowblk .ds-rowblk-l ul li:after{ content: ''; position: absolute; left: 0; top: 10px; background: #1dc06b; display: block; width: 6px; height: 6px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;} .ds-row .ds-rowblk .ds-rowblk-r{ float: right; width: 570px;} .download-banner{ display: block; position: relative;} .download-banner .download-banner-img{ display: block; background-size: cover; background-repeat: no-repeat; background-position: center;} .download-banner .download-banner-img img{ display: block; width: 100%;} .download-banner .download-banner-img:after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background: rgba(16, 27, 81, 0.70); pointer-events: none;} .download-banner .download-banner-cap{ position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); display: block; max-width: 450px; width: 96%; padding-left: 135px;} .download-banner .download-banner-cap strong{display: block; font-size: 25px; color: #fff; line-height: 31px; font-weight: 500; margin-bottom: 20px;} .download-banner .download-banner-cap .btn{width: 180px; height: 54px; text-align: center; color: #fff; background: #1dc06b; font-size: 16px; font-weight: 500; padding: 14px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .download-banner .download-banner-cap .btn:hover{ background: #fff; color: #1dc06b;} .download-banner .download-banner-cap i{position: absolute; left: 0; top: 0;} .ds-packages{text-align: center; overflow: hidden;} .ds-packages .ds-packages-row{ margin: 0 -15px;} .ds-packages .ds-packages-row .col-3{ padding: 0 15px;} .ds-packages .border-btn{ border: #1ec06b solid 2px; color: #1ec06b; font-size: 13px; font-weight: 500; padding: 16px 18px; margin: 45px 0;} .ds-packages-row .ds-packages-blk{ background: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; padding-bottom: 30px;} .ds-packages-row .ds-packages-blk:hover{ box-shadow: 0px 0px 51px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 51px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0px 0px 51px rgba(0, 0, 0, 0.07);} .ds-packages-row .ds-packages-blk .ds-package-title{ display: table; width: 100%; font-size: 25px; color: #ffffff; font-weight: 500; background: #0075bf; height: 132px;} .ds-packages-row .ds-packages-blk .ds-package-title span{ display: table-cell; vertical-align: middle;} .ds-packages-row .ds-packages-blk ul{ margin: 0; padding: 5px 12px; text-align: left;} .ds-packages-row .ds-packages-blk ul li{ margin: 0; padding: 20px 16px; display: block; font-size: 13px; color: #737375; text-transform: uppercase; border-bottom: #f2f2f2 solid 1px;} .ds-packages-row .ds-packages-blk ul li strong{ color: #22b758;} .ds-packages-row .ds-packages-blk ul li strong i{ font-size: 15px; margin-right: 5px;} .ds-packages-row .ds-packages-blk .cutprice{ display: block; font-size: 12px; color: #d60015; font-weight: 500; text-decoration: line-through; line-height: 40px; height: 40px;} .ds-packages-row .ds-packages-blk .price-month{ padding: 10px 0; font-size: 12px; color: #737375;} .ds-packages-row .ds-packages-blk .price-month strong{ display: block; font-size: 40px; color: #22b758; font-weight: 500;} .ds-packages-row .ds-packages-blk .btn{background: #0075bf; color: #fff; font-size: 13px; font-weight: 500; padding: 17px 52px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .ds-packages-row .ds-packages-blk .btn:hover{ background-color: #29c373;} .ds-packages-row .ds-packages-blk .ds-package-custome{ font-size: 18px; color: #1dc06b; font-weight: 500; line-height: 22px; padding: 100px 30px;} .ds-packages-row .ds-packages-blk .ds-package-custome strong{font-size: 25px; color: #0075bf; display: block; font-weight: 500; line-height: 34px; margin-bottom: 10px;} .banner-order{ width: 100%; position: relative; margin-bottom: 50px;} .banner-order .banner-order-img{ display: block; position: relative; min-height: 169px; background-size: cover; background-repeat: no-repeat; background-position: center;} .banner-order .banner-order-img img{ display: block; width: 100%;} .banner-order .banner-order-img:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background: rgba(16, 27, 81, 0.70); pointer-events: none;} .banner-order .banner-order-cap{ position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); display: block; width: 96%; text-align: center;} .banner-order .banner-order-cap span{ color: #ffffff; font-size: 34px; font-weight: 500; line-height: 35px; display: inline-block; vertical-align: middle; max-width: 600px; text-align: left; padding: 0 30px;} .banner-order .banner-order-cap .btn{width: 186px; height: 55px; text-align: center; color: #fff; background: #1dc06b; font-size: 16px; font-weight: 500; padding: 14px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; display: inline-block; vertical-align: middle;} .banner-order .banner-order-cap .btn:hover{ background-color: #fff; color: #1dc06b;} .addons-sec{ background: #f7f7f7; text-align: center; padding: 45px 0;} .addons-sec h4{ text-align: center; margin: 0 0 50px; padding: 0; font-size: 25px; color: #0b5fb1; line-height: 36px; font-weight: 500; position: relative;} .addons-sec h4:after{content: ''; position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 1px; width: 34px; background: #75a844; display: block;} .addons-sec ul{ margin: 0 0 45px; padding: 0; font-size: 0;} .addons-sec ul li{ margin: 0; padding: 0; display: inline-block; vertical-align: top; width: 25%;} .addons-sec ul li span{ display: block; color: #0075bf; font-weight: 500; font-size: 16px; padding: 10px 0; text-transform: uppercase;} .column-2{ background: #0075bf; position: relative; z-index: 1;} .column-2:after{ content: ''; position: absolute; right: 0; width: 50%; height: 100%; display: block; background: #1dc06b; pointer-events: none; top: 0; z-index: -1;} .column-2 .col-6{padding: 80px 0 100px 0; background: #0075bf;} .column-2 .col-6 + .col-6 {background: #1dc06b; } .column-2 .column2-cap{ position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); padding-left: 230px; padding-right: 35px;} .column-2 .column2-cap .column2-priceimg{ float: left; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);} .column-2 .column2-cap h4{margin: 0 0 30px; padding: 0; font-size: 30px; color: #fff; line-height: 35px; font-weight: 500; position: relative; } .column-2 .column2-cap h4:after{content: ''; position: absolute; height: 1px; width: 34px; background: #75a844; display: block; margin: 10px 0;} .column-2 .column2-cap p{ color: #ffffff; font-size: 16px; line-height: 23px;} .column-2 .column2-cap p a{color: #ffffff; text-decoration: underline;} .column-2 .column2-cap p a:hover{ text-decoration: none;} .column-2 .col-6 + .col-6 .column2-cap{ padding-left: 60px; padding-right: 0;} .column-2 .col-6 .column2-btns{ margin: 25px 0;} .column-2 .column2-btns .btn{ display: inline-block; vertical-align: top; font-size: 13px; color: #ffffff; font-weight: 500; border: #fff solid 2px; padding: 17px 27px; margin-right: 10px;} .column-2 .column2-btns .btn:hover{ background-color: #fff; color: #1dc06b;} .column-2 .col-6 + .col-6 h4{ margin-bottom: 5px;} .choose-location{ padding: 60px 0; background: url(images/map-bg.png) 0 60px repeat-x;} .choose-location .choose-location-banner{ margin-bottom: 50px;} .choose-location .choose-location-banner img{ max-width: 100%; display: block;} .choose-location .choose-location-detail{ text-align: center; max-width: 780px; margin: 0 auto;} .choose-location .choose-location-detail h3{ text-align: center; margin: 0 0 30px; padding: 0; font-size: 25px; color: #0b5fb1; line-height: 36px; font-weight: 500; position: relative;} .choose-location .choose-location-detail h3:after{content: ''; position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 1px; width: 34px; background: #75a844; display: block;} .choose-location .choose-location-detail p{ color: #7c8a9e; font-size: 15px; line-height: 25px;} .dedicated-sec .datacenter-sec{ margin: 0;} .bannerblk-2 .bannerblk-2l .bannerblk-ba-cap.aligncenter strong{ font-size: 30px; line-height: 36px;} .bannerblk-2 .bannerblk-2l .bannerblk-ba-cap.aligncenter .btn:hover{ background-color: #fff; color: #1dc06b;} .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap.alignleft strong{ font-size: 22px;} /*--------- Gaming Page ------------*/ .gaming-sec .gaming-row{ padding: 65px 0 20px 0; text-align: center;} .gaming-row h2{text-align: center; margin: 0 0 50px; padding: 0; font-size: 25px; color: #0075bf; line-height: 34px; font-weight: 500; position: relative;} .gaming-row h2:after{content: ''; position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 1px; width: 34px; background: #75a844; display: block;} .gaming-row .btn{ background: #29c373; color: #fff; font-size: 16px; padding: 15px 31px;} .gaming-row p{ color: #69778c; font-size: 15px; line-height: 25px; padding: 30px 0;} .gaming-sec .banner-order{ margin-top: 50px;} .gaming-sec .banner-order .banner-order-cap span{ max-width: 500px;} .serverfull-white{ background: #fff; box-shadow: 0px 0px 51px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 51px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0px 0px 51px rgba(0, 0, 0, 0.07); padding: 25px 0; margin-bottom: 40px;} .serverfull-sec.serverfull-white ul li span{ color: #0075bf;} .column-5{ margin: 55px 0;} .column-5 .column-5-row{ margin-left: -12px; margin-right: -12px; display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap;} .column-5 .column-5-blk{ width: 20%; float: left; text-align: center; padding: 0 12px;} .column-5-blk .column-5blk-cap{ background: #0075bf; padding: 30px 20px; height: 100%;} .column-5-blk .column-5blk-cap span{ display: block; color: #ffffff; font-size: 18px; line-height: 23px; font-weight: 500; margin-bottom: 12px;} .column-5-blk .column-5blk-cap p{ color: #ffffff; font-size: 15px; line-height: 25px;} .gaming-sec .reseller-referral{ padding: 70px 0 40px;} .gaming-sec .reseller-referral .container{ max-width: 1170px; width: 100%;} .gaming-sec .reseller-referral .reseller-row{ margin-bottom: 25px;} /*--------- CLOUD HOSTING Page ------------*/ .hosting-row{ padding: 50px 0;} .hosting-row .hosting-row-l{ width: 460px; display: inline-block; vertical-align: top; margin-top: 17px;} .hosting-row .hosting-row-l h2{margin: 5px 0 16px; padding: 0; font-size: 25px; color: #0b5fb1; line-height: 35px; font-weight: 500; position: relative; text-transform: uppercase;} .hosting-row .hosting-row-l h2:after{content: ''; position: absolute; height: 1px; width: 34px; background: #75a844; display: block; margin: 1px 0;} .hosting-row .hosting-row-l p{color: #7c8a9e; line-height: 25px; font-size: 15px; margin-bottom: 15px;} .hosting-row .hosting-row-l .btn{ background: #0075bf; font-size: 14px; color: #fff; font-weight: 500; padding: 16px 45px;} .hosting-row .hosting-row-l .btn:hover{ background-color: #1dc06b;} .hosting-row .hosting-row-r{ width: 670px; float: right;} .hosting-packages{ margin: 0 -15px 58px -15px; overflow: hidden; text-align: center;} .hosting-packages .col-3{ padding: 0 15px;} .hosting-packages .hosting-packages-blk{ background: #0075bf; padding: 39px 0px 35px;} .hosting-packages .hosting-packages-blk .hosting-packages-title{display: block; padding: 15px 0 30px 0; font-size: 14px; font-weight: 500; color: #fff; line-height: normal; border-bottom: rgba(255, 255, 255, 0.25) solid 1px;} .hosting-packages .hosting-packages-blk .hosting-packages-title strong{display: block; font-size: 50px; font-weight: 500; padding-bottom: 8px;} .hosting-packages .hosting-packages-blk .hosting-packages-title span{ display: block; font-size: 22px;} .hosting-packages .hosting-packages-blk ul{ margin: 0 0 30px; padding: 0;} .hosting-packages .hosting-packages-blk ul li{ margin: 0; padding: 14px 0 15px 0; display: block; list-style: none; font-weight: 400; color: #ffffff; font-size: 14px; border-bottom: #4198cf solid 1px;} .hosting-packages .hosting-packages-blk .btn{ background: #29c373; padding: 16px 49px; color: #fff; font-size: 14px; font-weight: 500;} .hosting-packages .hosting-packages-blk .btn:hover{ color: #29c373; background-color: #fff;} .hosting-packages .hosting-packages-blk .packages-blk-custome{ padding: 100px 0;} .hosting-packages .hosting-packages-blk .packages-blk-custome strong{ display: block; font-size: 30px; font-weight: 500; line-height: 33px; color: #fff; padding: 20px 0;} .benefits-cloud{ background: #0075bf; text-align: center; padding: 72px 0;} .benefits-cloud h3{ font-size: 30px; color: #fff; font-weight: 500; margin: 0 0 70px; padding: 0; line-height: 43px; position: relative;} .benefits-cloud h3:after{ content: ''; position: absolute; left: 50%; bottom: -2px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 1px; width: 34px; background: #75a844; display: block;} .benefits-cloud ul{ margin: 0; padding: 0; font-size: 0;} .benefits-cloud ul li{ margin: 0 0 55px; padding: 0 40px; display: inline-block; vertical-align: top; width: 25%;} .benefits-cloud ul li strong{ display: block; font-size: 20px; color: #ffffff; line-height: 27px; font-weight: 500; margin-bottom: 5px;} .benefits-cloud ul li p{ font-size: 14px; color: #fff; line-height: 20px;} .benefits-cloud .btn{ color: #fff; background: #29c373; font-size: 14px; font-weight: 500; padding: 16px 44px; margin: 14px 0 8px 0;} .benefits-cloud .btn:hover{ background-color: #fff; color: #29c373;} .cloud-graph{ padding: 53px 0 15px 0;} .cloud-graph .cloud-graph-row{ margin: 0 -15px;} .cloud-graph .col-4{ padding: 0 15px;} .cloud-graph h4{text-align: center; margin: 0 0 50px; padding: 0; font-size: 25px; color: #0075bf; line-height: 36px; font-weight: 500; position: relative; text-transform: uppercase;} .cloud-graph h4:after{ content: ''; position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 1px; width: 34px; background: #75a844; display: block;} .cloud-graph .cloud-graphimg{ display: block; margin-bottom: 2px;} .cloud-graph .cloud-graphimg img{ display: block; max-width: 100%;} .cloud-graph p{ font-size: 14px; color: #737375; line-height: 20px; margin-bottom: 20px;} .cloud-graph p a{color: #737375; text-decoration: underline;} .cloud-graph .btn{ background: #0075bf; color: #fff; font-weight: 500; padding: 16px 30px; width: 100%;} .cloud-graph .btn:hover{ background-color: #29c373;} .cloud-graph .graph-row-inner{ margin-bottom: 50px;} .hosting-sec .our-customers-main{ background: none;} .hosting-sec .bannerblk-2 .bannerblk-2l .bannerblk-ba-cap{ padding-left: 80px;} .hosting-sec .bannerblk-2 .bannerblk-2l .bannerblk-ba-cap strong{ font-size: 25px; line-height: 36px;} .hosting-sec .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap i img{ max-width: 53px; margin-top: 10px;} .hosting-sec .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap{ padding-left: 73px;} /*--------- CLOUD SOLUTIONS Page ------------*/ .solution-sec .solution-row{ padding: 55px 0 60px 0; text-align: center;} .solution-sec .solution-servers{ margin: 0 -15px 53px -15px;} .solution-sec .solution-row h2{text-align: center; margin: 0 0 30px; padding: 0; font-size: 30px; color: #0075bf; line-height: 36px; font-weight: 500; position: relative;} .solution-sec .solution-row h2:after{ content: ''; position: absolute; left: 50%; bottom: -12px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 1px; width: 34px; background: #75a844; display: block;} .solution-sec .solution-row p{color: #7c8a9e; line-height: 23px; font-size: 15px; margin-bottom: 10px;} .solution-servers .col-4{ padding: 0 15px;} .solution-servers .solution-server-blk{ background: #fff;} .solution-servers .solution-server-blk .solution-server-title{ height: 67px; background: #0075bf; display: table; width: 100%;} .solution-servers .solution-server-blk .solution-server-title h3{ display: table-cell; vertical-align: middle; padding: 0 24px; color: #ffffff; font-size: 18px; font-weight: 500; text-transform: uppercase;} .solution-servers .solution-server-blk ul{ margin: 30px; padding: 0;} .solution-servers .solution-server-blk ul li{ list-style: none; margin: 0; padding: 0 0 0 19px; display: block; font-size: 14px; line-height: 23px; color: #7c8a9e; position: relative; font-weight: 400;} .solution-servers .solution-server-blk ul li:after{ content: ''; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; background: #1dc06b; display: block; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;} .solution-servers .solution-server-blk .btn{background: #29c373; font-size: 14px; color: #fff; font-weight: 500; padding: 16px 45px; margin: 30px;} .solution-servers .solution-server-blk .btn:hover{ background-color: #0075bf;} .diagram{ background: #0075bf; padding: 35px 0;} .diagram ul{ margin: 250px 0 60px; padding: 0; font-size: 0; text-align: center; position: relative;} .diagram ul li{ margin: 0; padding: 0 2%; list-style: none; display: inline-block; vertical-align: top; width: 14%;} .diagram ul li span{ display: block; font-size: 14px; line-height: 17px; color: #ffffff; font-weight: 500; margin-top: 10px;} .diagram .container{ position: relative;} .diagram .diagram-pass{ position: absolute; right: 0; border: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.09); text-align: center; font-size: 25px; color: #fff; font-weight: 500;} .diagram .diagram-pass span, .diagram .diagram-drass span, .diagram .diagram-laas span{ display: block; padding: 25px 0;} .diagram .diagram-drass{ position: absolute; right: 2%; bottom: 5%; width: 70%; height: 80%; background: rgba(0, 0, 0, 0.09); text-align: center; font-size: 25px; color: #fff; font-weight: 500;} .diagram .diagram-laas{position: absolute; right: 4%; bottom: 10%; width: 40%; height: 60%; background: rgba(0, 0, 0, 0.09); text-align: center; font-size: 25px; color: #fff; font-weight: 500;} /* IAAS - DRAAS - PAAS */ .cloud-services{ text-align: center;} .cloud-services .container{ max-width: 1100px;} .cloud-services .cloud-services-title{ padding: 70px 0 50px 0; box-shadow: 0px 0px 51px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 51px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0px 0px 51px rgba(0, 0, 0, 0.07); margin-bottom: 60px;} .cloud-services .cloud-services-title h4{font-size: 40px; color: #0075bf; font-weight: 500; margin: 0; padding: 0; line-height: normal;} .cloud-services .cloud-services-title span{ display: inline-block; vertical-align: middle; padding: 0 25px;} .cloud-services .cloud-services-title span i{ font-style: normal; background: #1dc06b; width: 55px; height: 55px; text-align: center; line-height: 55px; font-size: 20px; font-weight: 500; color: #fff; margin-left: 10px; display: inline-block; vertical-align: middle; margin-top: -27px;} .cloud-services .cloud-service-row{ padding: 50px 0 82px 0;} .cloud-services .cloud-service-row:last-child{ padding-bottom: 34px;} .cloud-services .cloud-service-row .cloud-service-icon{ float: left; margin-left: 20px; margin-top: 30px;} .cloud-services .cloud-service-row .cloud-service-detail{ text-align: left; margin-left: 265px;} .cloud-service-row .cloud-service-detail h5{margin: 0 0 25px; padding: 0; font-size: 25px; color: #0b5fb1; line-height: 35px; font-weight: 500; position: relative; text-transform: uppercase;} .cloud-service-row .cloud-service-detail h5:after{content: ''; position: absolute; height: 1px; width: 34px; background: #75a844; display: block; margin: 4px 0;} .cloud-service-row .cloud-service-detail p{ font-size: 15px; color: #7c8a9e; line-height: 25px; margin-bottom: 25px;} .cloud-service-row .cloud-service-detail .btn{ font-size: 16px; color: #fff; font-weight: 500; background: #0075bf; padding: 15px 30px;} .cloud-service-row .cloud-service-detail .btn:hover{ background-color: #1dc06b;} .solution-sec .our-customers-main{ background-image: url(images/map-bg.png);} .draas-sec .hosting-row .hosting-row-l h2{ margin-top: 17px;} .draas-sec .hosting-row{ padding: 50px 0 95px 0;} /*--------- COMPANY Page ------------*/ .company-sec .company-row{ padding: 63px 0 77px 0;} .company-row .col-5{ float: right;} .company-row .company-row-img{ display: block; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; padding: 35px 0;} .company-row .company-row-img img{ width: 100%; display: block;} .company-row h2{ font-size: 25px; color: #0075bf; font-weight: 500; text-transform: uppercase; line-height: 31px; margin: 0 0 20px;} .company-row h2 span{ font-size: 14px; color: #1dc06b;} .company-row p{ color: #838b94; font-size: 15px; line-height: 25px; margin-bottom: 25px;} .our-guarantee{ padding: 38px 0 68px 0;} .our-guarantee h3{ margin: 0 0 40px; padding: 0; font-size: 25px; color: #1263b1; line-height: 35px; font-weight: 500; position: relative; text-transform: uppercase;} .our-guarantee h3:after{content: ''; position: absolute; height: 1px; width: 34px; background: #75a844; display: block; margin: 6px 0;} .our-guarantee .our-guarantee-l{ width: 370px; float: left;} .our-guarantee .our-guarantee-l ul{ margin: 0; padding: 0;} .our-guarantee .our-guarantee-l ul li{ margin: 0; padding: 0; display: block; list-style: none; border-bottom: #e6e9ef solid 1px;} .our-guarantee .our-guarantee-l ul li:first-child{ border-top: #e6e9ef solid 1px;} .our-guarantee .our-guarantee-l ul li a{ font-size: 16px; color: #0075be; display: block; padding: 27px 0; font-weight: 500; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; border-left: #22b758 solid 0; text-transform: uppercase;} .our-guarantee .our-guarantee-l ul li:hover a, .our-guarantee .our-guarantee-l ul li.current a{ color: #22b758; padding-left: 5px; border-width: 11px; padding-left: 15px;} .our-guarantee .our-guarantee-r{ margin-left: 400px;} .our-guarantee .our-guarantee-r p{ color: #7c8a9e; font-size: 15px; line-height: 25px; margin-bottom: 20px;} .our-guarantee .our-guarantee-r h3{ margin-bottom: 28px;} .team-sec{ padding: 40px 0 80px 0;} .team-sec h4{text-align: center; margin: 0 0 56px; padding: 0; font-size: 25px; color: #0075bf; line-height: 36px; font-weight: 500; position: relative;} .team-sec h4:after{ content: ''; position: absolute; left: 50%; bottom: -5px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 1px; width: 34px; background: #75a844; display: block;} .team-sec ul{ margin: 0 -15px; padding: 0; font-size: 0; text-align: center;} .team-sec ul li{ margin: 15px; padding: 20px 20px 33px; display: inline-block; vertical-align: top; background: #fff; width: 168px; box-shadow: 0px 0px 51px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 51px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0px 0px 51px rgba(0, 0, 0, 0.07); position: relative;} .team-sec ul li:after{ content: ''; position: absolute; left: 0; right: 0; height: 7px; background: #29c373; width: 80%; bottom: 0; max-width: 83px; width: 100%; margin: 0 auto;} .team-sec ul li .team-blk-img{ display: block; margin-bottom: 15px;} .team-sec ul li .team-blk-img img{ border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;} .team-sec ul li h6{ font-size: 15px; color: #0075bf; font-weight: 500;} .team-sec ul li h6 span{ display: block; font-size: 13px; color: #29c373;} .certification-team{ text-align: center;} .certification-team h4{ text-align: center; margin: 0 0 40px; padding: 0; font-size: 25px; color: #0075bf; line-height: 36px; font-weight: 500; position: relative;} .certification-team h4:after{ content: ''; position: absolute; left: 50%; bottom: -5px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 1px; width: 34px; background: #75a844; display: block;} .certification-team ul{ margin: 60px 0 80px 0; padding: 0;} .certification-team ul li{ margin: 0 10px; padding: 0; display: inline-block; vertical-align: top;} .certification-team ul li img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); /*filter: url(https://www.serversaustralia.com.au/blog/our-wp-content/themes/serversaustralia/grayscale.svg);*/ filter: gray; -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;} .certification-carousel{ padding: 0 10px;} .certification-carousel .owl-item{ padding: 30px 15px;} .certification-carousel .item{ background: #fff; box-shadow: 0px 0px 51px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 51px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0px 0px 51px rgba(0, 0, 0, 0.07); padding: 50px; margin: 0; position: relative;} .certification-carousel .item:after{ content: ''; position: absolute; left: 0; right: 0; height: 7px; background: #29c373; width: 80%; bottom: 0; max-width: 132px; width: 100%; margin: 0 auto;} .certification-carousel .item h6{ font-size: 20px; color: #0075bf; font-weight: 500; line-height: 27px; margin: 0; padding: 0;} .certification-carousel .item h6 span{ display: block; font-size: 14px; color: #29c373; font-weight: 400;} .certification-carousel .item p{ font-size: 14px; color: #7c8a9e; margin: 0; padding: 0;} .certification-carousel .owl-nav, .partners-carousel .owl-nav{ display: block !important; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);} .certification-carousel .owl-nav .owl-prev, .partners-carousel .owl-nav .owl-prev{ float: left; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 0px; text-indent: -999em; line-height: 60px; width: 60px; height: 60px; margin-left: -60px; pointer-events: auto;} .certification-carousel .owl-nav .owl-prev:before, .partners-carousel .owl-nav .owl-prev:before{content: "\f053"; font-size: 22px; color: #0075bf;} .certification-carousel .owl-nav .owl-next, .partners-carousel .owl-nav .owl-next{ float: right; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 0px; text-indent: -999em; line-height: 60px; width: 60px; height: 60px; margin-right: -60px; pointer-events: auto;} .certification-carousel .owl-nav .owl-next:before, .partners-carousel .owl-nav .owl-next:before{ content: "\f054"; font-size: 22px; color: #0075bf;} .our-partners{ padding: 60px 0; text-align: center;} .our-partners h5{text-align: center; margin: 0 0 40px; padding: 0; font-size: 25px; color: #0075bf; line-height: 36px; font-weight: 700; position: relative;} .our-partners h5:after{content: ''; position: absolute; left: 50%; bottom: -5px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 1px; width: 34px; background: #75a844; display: block;} .partners-carousel .item img{ width: auto !important;} /*--------- Colocation Page ------------*/ .colocation-sec .benefits-cloud{ padding: 25px 0 48px 0;} .colocation-sec .benefits-cloud ul li strong{ font-size: 15px;} .colocation-sec .benefits-cloud ul li{ margin: 25px 0 12px 0;} .colocation-sec .datacenter-sec h3{ margin-bottom: 5px;} .sydney-row{ margin: 45px 0;} .sydney-row .sydney-blk{ padding: 35px 0;} .sydney-row .sydney-blk .sydney-blk-l{ float: left;} .sydney-row .sydney-blk .sydney-blk-l img{ max-width: 100%; display: block;} .sydney-row .sydney-blk .sydney-blk-r{ margin-left: 300px;} .sydney-row .sydney-blk .sydney-blk-r h5{ color: #0075bf; font-size: 20px; font-weight: 500; margin: 0 0 20px; padding: 0; text-transform: uppercase;} .sydney-row .sydney-blk .sydney-blk-r h6{ color: #0075bf; font-size: 15px; font-weight: 500; margin: 0 0 2px; padding: 0;} .sydney-row .sydney-blk .sydney-blk-r p{ color: #69778c; font-size: 15px; line-height: 30px; margin-bottom: 38px;} .sydney-row .sydney-blk .sydney-blk-r .btn{ background: #0075bf; color: #fff; font-weight: 500; padding: 16px 54px; font-size: 14px; font-weight: 500;} .sydney-row .sydney-blk .sydney-blk-r .btn:hover{ background-color: #29c373;} .colocation-sec .download-banner .download-banner-cap i{ top: 5px;} .colocation-sec .download-banner .download-banner-cap i img{ max-width: 50px;} .colocation-sec .download-banner .download-banner-cap{ padding-left: 60px; max-width: 380px;} .colocation-sec .download-banner .download-banner-cap strong{ margin-bottom: 10px;} .colocation-sec .hosting-row .hosting-row-l .btn{ font-size: 16px; padding: 15px 58px;} .colocation-sec .hosting-packages .hosting-packages-blk{ padding: 22px 0px 50px;} .colocation-sec .hosting-packages .hosting-packages-blk .hosting-packages-title span{font-size: 30px;} .colocation-sec .hosting-packages .hosting-packages-blk .hosting-packages-title strong{ padding-bottom: 0;} .colocation-sec .hosting-packages .hosting-packages-blk .hosting-packages-title{ padding-bottom: 45px;} .colocation-sec .hosting-packages .hosting-packages-blk ul{ margin-bottom: 10px;} .colocation-sec .hosting-packages .hosting-packages-blk ul li:last-child{ border-bottom: none;} .colocation-sec .hosting-packages{ margin-bottom: 48px;} .colocation-sec .hosting-packages .hosting-packages-blk .packages-blk-custome{ padding: 100px 0;} .colocation-sec .benefits-cloud ul li strong{ margin-top: 10px;} /*--------- LAAS Page ------------*/ .laas-sec .download-banner .download-banner-cap strong { margin-bottom: 10px;} .laas-sec .download-banner .download-banner-cap i {top: 5px;} .laas-sec .download-banner .download-banner-cap i img{ max-width: 50px;} .laas-sec .download-banner .download-banner-cap { padding-left: 60px; max-width: 400px;} .laas-specialists { padding: 47px 0 65px 0; text-align: center;} .laas-specialists .laas-specialist-blk{ padding: 0 15px;} .laas-specialists .laas-specialist-blk .laas-specialist-img{ display: block; margin-bottom: 20px; } .laas-specialists .laas-specialist-blk h4{text-align: center; margin: 0 0 25px; padding: 0; font-size: 25px; color: #0075bf; line-height: 36px; font-weight: 500; position: relative; text-transform: uppercase;} .laas-specialists .laas-specialist-blk h4:after{ content: ''; position: absolute; left: 50%; bottom: -5px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 1px; width: 34px; background: #75a844; display: block;} .laas-specialists .laas-specialist-blk p{ color: #69778c; font-size: 15px; line-height: 25px; margin-bottom: 25px;} .laas-specialists .laas-specialist-blk .btn{ color: #fff; font-size: 16px; font-weight: 500; background: #0075bf; padding: 15px 20px; display: block;} .laas-specialists .laas-specialist-blk .btn:hover{ background-color: #29c373;} .laas-sec .benefits-cloud ul li strong{ font-size: 15px;} .laas-sec .benefits-cloud ul li{ margin: 0;} .laas-sec .bannerblk-2 .bannerblk-2l .bannerblk-ba-cap{ padding-left: 0;} /*--------- PASS Page ------------*/ .pass-row{ text-align: center; padding: 65px 0; max-width: 780px; margin: 0 auto; width: 100%;} .pass-row h2{ text-align: center; margin: 0 0 40px; padding: 0; font-size: 25px; color: #0b5fb1; line-height: 34px; font-weight: 500; position: relative;} .pass-row h2:after{content: ''; position: absolute; left: 50%; bottom: -5px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 1px; width: 34px; background: #75a844; display: block;} .pass-row .btn{background: #29c373;color: #fff; padding: 16px 46px; font-size: 14px; font-weight: 500;} .pass-row .btn:hover{ background-color: #0075bf;} .pass-row p{ font-size: 15px; color: #7c8a9e; line-height: 25px; margin: 45px 0;} .about-paas{ position: relative;} .about-paas .about-paas-image{ display: block; background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 543px;} .about-paas .about-paas-image img{ display: block; width: 100%;} .about-paas .container{ position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);} .about-paas .about-paas-cap{ width: 50%;} .about-paas .about-paas-cap .about-paas-icon{ float: left;} .about-paas .about-paas-cap .about-paas-icon img{ display: block; max-width: 100%;} .about-paas .about-paas-cap .paas-cap-detail{ margin-left: 150px;} .about-paas .about-paas-cap .paas-cap-detail h4{font-size: 40px; color: #fff; font-weight: 500; margin: 0 0 30px; padding: 0; line-height: 24px; position: relative; text-transform: uppercase;} .about-paas .about-paas-cap .paas-cap-detail h4:after{content: ''; position: absolute; left: 20px; bottom: -15px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 1px; width: 34px; background: #75a844; display: block;} .about-paas .about-paas-cap .paas-cap-detail p{ color: #ffffff; font-size: 15px; line-height: 25px;} .advantages-key{ padding: 50px 0 0 0;} .advantages-key .advantages-key-l{ float: left;} .advantages-key .advantages-key-l img{ display: block; max-width: 100%;} .advantages-key .advantages-key-r{ margin-left: 495px; margin-top: 100px;} .advantages-key .advantages-key-r h5{margin: 0 0 40px; padding: 0; font-size: 25px; color: #0075bf; line-height: 35px; font-weight: 500; position: relative; text-transform: uppercase;} .advantages-key .advantages-key-r h5:after{content: ''; position: absolute; height: 1px; width: 34px; background: #75a844; display: block; margin: 10px 0;} .advantages-key .advantages-key-r p{ color: #69778c; font-size: 15px; line-height: 25px; margin-bottom: 25px;} .draas-sec .download-banner .download-banner-cap strong , .draas-sec .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap strong{ margin-bottom: 10px;} .draas-sec .download-banner .download-banner-cap i , .draas-sec .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap i{top: 5px;} .draas-sec .download-banner .download-banner-cap i img, .draas-sec .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap i img{ max-width: 62px;} .draas-sec .download-banner .download-banner-cap , .draas-sec .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap{ padding-left: 80px; max-width: 420px;} .draas-sec .benefits-cloud{ padding: 42px 0 52px 0;} .draas-sec .benefits-cloud h3{ font-size: 25px;} .draas-sec .benefits-cloud ul li{ width: 16%; padding: 0 5px; margin: 0 0 20px;} .draas-sec .benefits-cloud ul li strong{ font-size: 15px; margin: 0; line-height: 19px;} .thanks-row{ padding: 100px 0; max-width: 550px; margin:0 auto; text-align: center;} .thanks-row h2{margin: 0 0 5px; padding: 0; font-size: 30px; color: #0075bf; line-height: normal; font-weight: 500; position: relative; text-transform: uppercase;} .thanks-row p{ font-size: 15px; color: #7c8a9e; line-height: 25px; margin: 0; padding: 0;} .thanks-row .thanksblk-img{ display: block; margin-bottom: 20px;} .newsletter-form{ text-align: center; max-width: 770px; margin: 0 auto 40px auto;} .newsletter-form h3{ margin: 0 0 30px; padding: 0;font-size: 25px; color: #0b5fb1; line-height: 28px; font-weight: 500; position: relative; text-transform: uppercase;} .newsletter-form h3:after{ content: ''; position: absolute; height: 1px; width: 34px; background: #75a844; display: block; margin: 10px 0; left: 50%; margin-left: -17px;} .newsletter-form h4{ font-size: 20px; color: #28ba60; font-weight: 500; margin: 0 0 20px; padding: 0; line-height: normal;} .newsletter-form form .input-blk { margin-bottom: 20px;} .newsletter-form form .input-blk input[type="text"], .newsletter-form form .input-blk input[type="email"] { background: #eef1f1; height: 65px; width: 100%; border: none; color: #838b94; font-size: 15px; font-weight: 400; padding: 10px 20px;} .newsletter-form form input[type="submit"]{ width: 100%; height: 65px; background: #0075bf; color: #fff; font-size: 15px; font-weight: 500; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .newsletter-form form input[type="submit"]:hover{ background-color: #1dc06b;} .column-4{ margin-bottom: 60px;} .column-4 h3{text-align: center; position: relative;} .column-4 h3:after{content: ''; position: absolute; height: 1px; width: 34px; background: #75a844; display: block; margin: 10px 0; left: 50%; margin-left: -17px;} .seemore-blk.column-4 .seemore-blkrow .col-3 {padding-left: 15px; padding-right: 15px;} .seemore-blk.column-4 .blog-row .blog-date { position: absolute; left: 0; top: 0; width: 76px; height: 76px; background: #1dc06b; text-align: center; font-size: 15px; font-weight: 700; color: #fff; padding-top: 15px; line-height: 1;} .seemore-blk.column-4 .blog-row .blog-date span{display: block;font-size: 35px;} .seemore-blk.column-4 .blog-row { position: relative;} .seemore-blk.column-4 .blog-row .blog-row-detail{ padding: 0;} .seemore-blk.column-4 .blog-row .blog-row-inner{ margin-bottom: 12px;} .error-page{ background: url(images/error-bg.png) center no-repeat; background-size: cover;} .error-page .errorpage-blk{ padding: 220px 0; text-align: center;} .error-page .errorpage-blk h2{ color: #0b5dad; font-size: 266px; font-weight: 500; margin: 0; padding: 0; line-height: 0.8;} .error-page .errorpage-blk p{ font-size: 18px; color: #69778c; margin-bottom: 30px;} .error-page .errorpage-blk .btns{ margin: 10px 0;} .error-page .errorpage-blk .btns a{ display: inline-block; vertical-align: top; font-size: 16px; color: #ffffff; font-weight: 500; background: #0075bf; height: 54px; line-height: 54px; padding: 0 22px; margin: 0 4px; min-width: 145px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .error-page .errorpage-blk .btns a:hover{ background: #1dc06b;} /* Popup */ .popup-overlay{ background: rgba(1, 19, 30, 0.80); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0; opacity:0; visibility: hidden; pointer-events: none;} .popup-overlay.show{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity:1;opacity:1; visibility: visible; pointer-events: all;} .popup-overlay .popup-con{ max-width: 836px; width: 96%; height: 535px; background: #fff; text-align: center; display: table; position: absolute; left: 50%; top: 40%; transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} .popup-overlay.show .popup-con{ top: 50%;} .popup-overlay .popup-con .close-btn{ position: absolute; right: 0; top: 0; width: 50px; height: 50px; display: block; font-size: 16px; color: #0b5fb1; text-align: center; line-height: 50px; cursor: pointer;} .popup-overlay .popup-con .close-btn:after{ font-family: 'FontAwesome'; content: "\f00d";} .popup-overlay .popup-con .popup-cap{ display: table-cell; vertical-align: middle;} .popup-overlay .popup-con .popup-cap .fireworks-icon{ display: block;} .popup-overlay .popup-con .popup-cap h2{ margin: 0 0 5px; padding: 0;font-size: 30px; color: #0075bf; line-height: normal; font-weight: 500; position: relative; text-transform: uppercase;} .popup-overlay .popup-con .popup-cap p{font-size: 15px; color: #7c8a9e; line-height: 25px; margin: 0; padding: 0;} .popup-overlay .popup-con h3{ margin: 0 0 30px; padding: 0; font-size: 25px; color: #0b5fb1; line-height: 34px; font-weight: 500; position: relative; text-transform: uppercase;} .popup-overlay .popup-con h3:after{content: ''; position: absolute; height: 1px; width: 34px; background: #1dc06b; display: block; margin: 10px 0; left: 50%; margin-left: -17px;} .popup-overlay .popup-con form{ max-width: 570px; margin: 0 auto; width: 100%; padding-top: 50px;} .popup-overlay .popup-con .input-blk{ margin-bottom: 20px;} .popup-overlay .popup-con .input-blk input[type="text"], .popup-overlay .popup-con .input-blk input[type="email"]{ background: #eef1f1; height: 65px; width: 100%; border: none; color: #838b94;font-size: 15px; font-weight: 400; padding: 10px 20px;} .popup-overlay .popup-con input[type="submit"]{ width: 100%; height: 65px; background: #0075bf; color: #fff; font-size: 15px; font-weight: 500; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .popup-overlay .popup-con input[type="submit"]:hover{ background-color: #1dc06b;} /* MONTH'S DISCOUNT */ .discount-callout{ position: fixed; right: 0; top: 163px; width: 301px; height: 203px; background: #1dc06b; text-align: center; padding: 45px 25px 0; z-index: 999; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} .discount-callout.hide{right: -301px;} .discount-callout .callout-title{ color: #fff; font-size: 20px; font-weight: 500; line-height: 26px; display: block; margin-bottom: 20px;} .discount-callout .btn{ color: #fff; border: #fff solid 2px; font-size: 13px; font-weight: 700; padding: 10px 31px;} .discount-callout .close-btn { position: absolute; right: 0; top: 0; width: 30px; height: 30px; display: block; font-size: 15px; color: #fff; text-align: center; line-height: 30px; cursor: pointer;} .discount-callout .close-btn:after{font-family: 'FontAwesome'; content: "\f00d";} .discount-callout .btn:hover{ background-color: #fff; color: #1dc06b;} /* Loader */ .loader-container {position: fixed;top: 0;left: 0;width: 100%;height: 100%; z-index: 9999; overflow: hidden;} .loader-container.done{ pointer-events: none;} .loader-container:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 50%; background: #1dc06b; z-index: -1; transition: top 1.2s linear 3.1s;} .loader-container:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: #1dc06b; z-index: -1; transition: bottom 1.2s linear 3.1s;} .loader-container.done:before { top: -50%;} .loader-container.done:after { bottom: -50%;} .progress { position: absolute;top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); transform-origin: center;} .progress .progress__item { text-align: center;width: 100px;height: 100px;line-height: 100px;border: 2px solid #fff;border-radius: 50%;} .progress .progress__item:before {content: '';position: absolute;top: 0;left: 50%;margin-top: -3px;margin-left: 0px;width: 45px;height: 45px;border-top: solid 10px #fff;border-right: solid 10px #fff;border-top-right-radius: 100%;transform-origin: left bottom;-webkit-animation: spin 3s linear infinite;} .progress.float .progress__item:before {border-top-width: 2px;margin-top: 0px;height: 50px;} .progress.float.shadow:before {border-top-width: 2px;margin-top: -41px;height: 50px;} .progress.shadow:before {content: '';position: absolute;top: 50%;left: 50%;margin: -43px 0 0 12px;width: 45px;height: 45px;border-top: solid 10px #2bb471;border-right: solid 10px #2bb471;border-top-right-radius: 100%;z-index: -1;transform-origin: left bottom;-webkit-animation: spin 3s linear infinite;} .progress.shadow:after {content: '';position: absolute;top: 50%;left: 50%;width: 100px;height: 100px;color: #2bb471;text-align: center;line-height: 100px;border: 2px solid #28b16e;border-radius: 50%;margin: -40px 0 0 -40px;z-index: -1;transform-origin: center;} .progress.done .progress__item {opacity: 0;-webkit-animation: done 3.1s;transition: opacity 0.3s linear 3.1s;} .progress.done .progress__item:before { display: none;} .progress.done:before { display: none;} .progress.done:after { opacity: 0; -webkit-animation: done 3.1s; transition: opacity 0.15s linear 3.1s;} @-webkit-keyframes done { 10% {transform: scale(1.1); } 20% {transform: scale(0.9);} 30% {transform: scale(1.07);} 40% {transform: scale(0.93);} 50% {transform: scale(1.04);} 60% {transform: scale(0.97);} 80% {transform: scale(1.01);} 90% {transform: scale(0.99);} 100% {transform: scale(1);} } @-webkit-keyframes spin { 100% {-webkit-transform: rotate(360deg);} } /* Search Page CSS Start */ h1.page-title { margin: 0 0 30px; padding: 0; font-size: 22px; color: #0b5fb1; line-height: 28px; font-weight: 500; position: relative; text-transform: uppercase; } /* Search Page CSS End */ /* 05*-01-2018 */ .green-hover:hover{color: #1dc06b !important;} /* 404page design */ .error-content {max-width: 588px; margin: auto; padding: 50px; text-align: center;} .error-content .page-title{ font-size: 170px; line-height: 150px; letter-spacing: 10px; color: #0075bf; margin-bottom: 20px;} .error-content .sub-title{ text-transform: uppercase; font-size: 43px; letter-spacing: 10px; margin-bottom: 20px; line-height: 1em;} .error-content p {font-size: 20px; letter-spacing: 2px; margin-bottom: 20px} .error-content a {text-transform: uppercase; font-weight: bold; font-size: 20px; color: #1dc06b} .error-content a:hover {color: #337ab7;} /*Contact Form 7: CSS for Error and Success Message */ .newsletter-blk form.invalid .newsletter-blk-input { border:1px solid #ff0000;} .newsletter-blk span.wpcf7-not-valid-tip, .newsletter-blk div.wpcf7 .ajax-loader { display:none; } code, kbd, tt, var, samp, pre {font-family: Inconsolata, monospace; } /*pre {border: 1px solid #d1d1d1; font-size: 16px; font-size: 1rem; line-height: 1.3125; margin: 0 0 1.75em; max-width: 100%; overflow: auto; padding: 1.75em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }*/ pre {background:#272822; color: #fff; border: 1px solid #d1d1d1; font-size: 16px; font-size: 1rem; line-height: 1.3125; margin: 0 0 1.75em; max-width: 100%; overflow: auto; padding: 1.75em; /*white-space: pre; white-space: pre-wrap; *//*word-wrap: break-word;*/ } pre .comment{color: slategray;} /*code {background-color: #d1d1d1; padding: 0.125em 0.25em; }*/ code {padding: 0.125em 0.25em; } /* blog sidebar newsletter 3rd party form */ .sidebar-newsletter-form .hbspt-form{background: #eef1f1; height: 58px; padding: 12px 10px; position: relative; margin-top: 50px;} .sidebar-newsletter-form .field{margin-bottom: 0;} .sidebar-newsletter-form .hs_email{position: relative; margin-bottom: 0; width: 80%; float: left;} .sidebar-newsletter-form .hs_email label{ margin-bottom: 0; margin-top: 8px;color: #838b94;font-family: 'Roboto', sans-serif; font-weight: 400 !important; font-size: 15px; padding: 0 8px;} .sidebar-newsletter-form .input{position: absolute; top: 3px; left: 0;} .sidebar-newsletter-form .input input{border:0; box-shadow: none !important; width: 100%; padding: 0 8px;font-family: 'Roboto', sans-serif; font-weight: 400 !important; font-size: 15px; height: 30px;} .sidebar-newsletter-form .hs_submit {width: 45px; height: 34px; font-size: 0; padding: 0; margin: 0; border-left: #c9cccc solid 1px; float: right;} .sidebar-newsletter-form .hs_submit .actions{margin: 0; padding: 0; height: 100%;} .sidebar-newsletter-form .hs_submit .actions input[type="submit"]{background: url(images/newslettter-icon.png) center no-repeat !important; width: 100%; height: 100%; padding: 0; overflow: hidden; cursor: pointer; text-indent: -2000px; border:0; box-shadow: none !important;} .sidebar-newsletter-form .hs_submit .actions input[type="submit"]:hover, .sidebar-newsletter-form .hs_submit .actions input[type="submit"]:active{ box-shadow: none !important; border:0;} .sidebar-newsletter-form .hs_email .hs-error-msgs{display: none !important;} .sidebar-newsletter-form .hs_error_rollup{position: absolute; top: 100%;} .sidebar-newsletter-form .hs_email label{ margin-top: -40px; padding: 0; margin-left: -10px;} /**06-01-2018***/ .author-bio {display: inline-block; width:100%; border-bottom: 1px solid #ccc;} .author-bio img { float: left; border-radius: 50%;} .author-bio .author-info { display: inline-block; margin-left: 30px; width: 85%;} @media screen and (max-width:640px){ .error-content{padding-left: 20px; padding-right: 20px;} .error-content .page-title{font-size: 90px; line-height: 60px;} .error-content .sub-title{font-size: 20px; letter-spacing: 3px;} .error-content p, .error-content a{font-size: 16px;} .cf.blog-detail .comments-area .comment-list li {margin-left: 0;} } /***08-01-2018***/ .cl-comment {margin-top: 30px; padding-top: 30px; } .cl-comment .comment-form .comment-notes {font-size: 16px; font-weight: 600; padding: 15px 0 0 0;} .cl-comment .comment-reply-title {font-size: 18px;} .cl-comment .comment-form p label { font-size: 16px; font-weight: 700; color: #555;} .cl-comment .comment-form p input {width: 100%; font-family: "proxima_nova_regular",Helvetica,Arial,sans-serif; font-weight: 700; color: #555; border: 1px solid #bdc3c7; max-width: 570px; padding: 6px; line-height: 17px; font-size: 16px; margin-bottom: 5px; display: block;} .cl-comment .comment-form .form-submit .submit {background: #0359a2; border: 0; border-radius: 0; color: #fff; cursor: pointer; display: inline-block;font-size: 25.6px; font-weight: 400; line-height: 25px; max-width: 100%; padding: 10px 25px;margin-top: 10px; transition: all .25s ease 0s; width: auto; font-family: roboto;} .cl-comment .comment-form p textarea { margin: 0px 143.828px 5px 0px; height: 51px; width: 570px;} .cl-comment .comment-form .form-submit .submit:hover {background: #014681;} .cl-comment .comments-area h2 {font-size: 18px;} @media screen and (max-width:767px){ .cl-comment .comment-form p textarea, .cl-comment .comment-form p input {width:100%; max-width: 100%;} .author-bio {display: inline-block; width: 100%;} } .cf.blog-detail .comments-area .comment-list {border: 1px solid #ccc; padding: 0; margin: 30px 0;} .cf.blog-detail .comments-area .comment-list .depth-1 {border-bottom: 1px solid #000!important; border-top: medium none!important; margin: 0 10px 10px!important; padding: 0 15px!important; list-style: none;} .cf.blog-detail .comments-area .comment-list .depth-1 li {list-style: none;} .cf.blog-detail .comments-area .comment-list .depth-1 ol.children {margin-bottom: 0;} .cf.blog-detail .comments-area .comment-list .comment-body .comment-author img {display: none;} .cf.blog-detail .comments-area .comment-list .comment-body .comment-author .fn, .comment-body .comment-author .says {font-size: 1.2em; font-weight: bold; padding-top: 15px; display: inline-block;} .cf.blog-detail .comments-area .comment-list .comment-body .comment-metadata a { font-size: 0.9em; color: #555; display: block; text-align: left;} .cf.blog-detail .comments-area .comment-list .comment-body .comment-content p { font-size: 16px; line-height: 24px; margin: 16px 0;} .cf.blog-detail .comments-area .comment-list .comment-body .reply a {background: #0359a2; border: 0; border-radius: 0; color: #fff; cursor: pointer; display: inline-block; font-size: 25.6px; font-weight: 400; line-height: 25px; max-width: 100%; padding: 10px 25px; text-align: center; margin: 10px 0; transition: all .25s ease 0s;} @media screen and (max-width:640px){ .cf.blog-detail .comments-area .comment-list .comment-body .reply a {font-size: 20px;} } /**09-01-2018***/ .blog-detail h1 { color: #0359a2; font-family: proxima_nova_semibold, sans-serif; line-height: 30px; font-size: 28px; font-weight: bold; background-color: transparent; margin-bottom: 20px;} .blog-detail h4 {color: #0359a2; font-family: proxima_nova_semibold, sans-serif; line-height: 30px; font-size: 20px; font-weight: bold; background-color: transparent; margin-bottom: 20px;} .blog-detail h5 {color: #0359a2; font-family: proxima_nova_semibold, sans-serif; line-height: 30px; font-size: 18px; font-weight: bold; background-color: transparent; margin-bottom: 20px;} .hbspt-form .submitted-message {color:#1dc06b;} .hs_error_rollup .hs-error-msgs li label {color:#f30808;} .error404 .banner-heading .cf #breadcrumbs span:nth-child(2) {display: none;} /*----------------search fail-----------*/ .no-results.not-found {text-align: center;} .no-results.not-found .page-content p, .no-results.not-found .page-content form {font-size: 20px; margin: 5px 0; display: inline-block;} .no-results.not-found .page-content form label {display: block;} .no-results.not-found .page-content form .search-submit {padding: 10px 20px; margin-top: 20px; background: #0075bf; color: #fff; min-width: 150px;} .addtoany_shortcode { margin-bottom: -5px; } /* 10-Jan-2018 */ footer .social-icons a:hover {opacity: .8;} .admin-bar #header { margin-top: 32px; } /* header */ #header{ width:100%; height:auto; position: absolute; left: 0; top: 0; z-index: 999;} #header:before{ content: ''; position: absolute; right: 0; top: 0; width: 45%; background-repeat: no-repeat; background-size: 100% 100%;background-position: center;background-image: linear-gradient(291deg, #066bcd, #0992e8); height: 58px; z-index: -1;} #header .head-upper{ margin-bottom: 34px;} #header .brand{ display: inline-block; vertical-align: top; margin-top: 20px;} #header .brand img{ display: block; max-width: 100%;} #header .head-upper-r{ float: right; width: 555px; text-align: right; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-bottomleft: 30px; border-bottom-left-radius: 30px; overflow: hidden;} #header .head-upper-r .search-btn{ float: left; width: 66px; height: 58px; background-image: linear-gradient(138deg, #3ee1a4, #1dc06b); text-align: center; color: #fff; font-size: 18px; line-height: 48px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-bottomleft: 30px; border-bottom-left-radius: 30px;} #header .head-upper-r ul{ margin: 0; padding: 0; display: inline-block; vertical-align: top;} #header .head-upper-r ul li{ margin: 0 6px 0 15px; padding: 0; display: inline-block; vertical-align: top; line-height: 57px;} #header .head-upper-r ul li:first-child{ margin-left: 0; margin-right: 20px;} #header .head-upper-r ul li span, #header .head-upper-r ul li a{ font-size: 12px; color: #fff; padding: 0 12px;} #header .head-upper-r ul li a i{ margin-right: 8px;} #header .head-lower{ text-align: right;} #header .head-lower .phone{ width: 180px; height: 54px; background-image: linear-gradient(295deg, #1dc06b, #2ad77d); display: inline-block; vertical-align: middle; padding: 18px 0; font-size: 16px; font-weight: 500; color: #fff; text-align: center; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomleft: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; margin-left: 43px; margin-right: 12px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} #header .head-lower .phone:hover{background-image: none; background-color: #fff; color: #1dc06b;} #header .head-lower .phone i{ margin-right: 10px;} .menu-btn{ display: inline-block; vertical-align: middle; width: 54px;height: 66px; position: relative; margin-top: -4px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topright: 20px; border-top-right-radius: 20px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; background-color: transparent;} .menu-btn.active{ background-color: #1dc06b;} .menu-btn span, .menu-btn span:after, .menu-btn span:before{background: #fff;height: 3px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .menu-btn span{position: absolute;display: block;width: 28px;left: 50%;top: 50%;transform: translate(-50% , -50%);-webkit-transform: translate(-50% , -50%);-moz-transform: translate(-50% , -50%)} .menu-btn span:after, .menu-btn span:before{content: '';position: absolute;left: 0;width: 100%;} .menu-btn span:before{top: -7px;} .menu-btn span:after{bottom: -7px;} .menu-des{ float: right; position: relative; margin-right: -12px;} .menu-des ul.menu-des-list{ position: absolute; right: 0; top: 90%; margin: 0; padding: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0; opacity:0; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; visibility: hidden; background: #12ae5d; text-align: left; width: 177px; -webkit-border-top-left-radius: 20px; -moz-border-radius-topleft: 20px; border-top-left-radius: 20px; overflow: hidden; pointer-events: none;} .menu-des ul.menu-des-list li{ display: block; margin: 0; padding: 0 20px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; position: relative;} .menu-des ul.menu-des-list li:before{content: ''; position: absolute; left: 1px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 3px; height: 33px; background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0; opacity:0; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .menu-des ul.menu-des-list li a{font-size: 13px; font-weight: 500; line-height: 1.38;letter-spacing: normal; text-align: left; color: #ffffff; padding: 18px 0; display: block; border-top: rgba(255, 255, 255, 0.34) solid 1px; } .menu-des ul.menu-des-list li:first-child a{ border: none;} .menu-des ul.menu-des-list li:hover, .menu-des ul.menu-des-list li.active{ background-color: #099b4f;} .menu-des ul.menu-des-list li:hover::before, .menu-des ul.menu-des-list li.active::before{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity:1;opacity:1;} .menu-des ul.menu-des-list.show{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity:1;opacity:1; visibility: visible; top: 100%; pointer-events: auto;} #header.fixed {box-shadow:0 2px 6px rgba(0,0,0,0.2); -webkit-animation:slide-down 0.7s;opacity:0.9; animation:slide-down 0.7s;opacity:0.9; position:fixed !important; z-index:1000000; top:0; background: url(images/banner-bg.jpg) 0 0 no-repeat; background-size: 100% auto;} @keyframes slide-down { 0% {opacity: 0; transform: translateY(-100%);} 100% {opacity: 0.9; transform: translateY(0);} } #header.fixed .head-upper-r{ display: none;} #header.fixed .head-upper{ position: absolute; top: 0;} #header.fixed:before{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0; opacity:0;} #header.fixed .head-lower{ margin-top: 10px;} #header.fixed .brand{ margin-top: 10px;} /* footer */ #footer{ position: relative; background: #0075bf; z-index: 1;} #footer:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 75px; background: #fff; z-index: -1;} #footer .contact-info{ float: right; /*background: #1dc06b;*/} #footer .contact-info span{ display: block; color: #ffffff; font-size: 36px; line-height: 43px; font-weight: 500; text-transform: uppercase; margin-bottom: 10px;} #footer .contact-info .btn{ font-size: 13px; color: #fff; font-weight: 500; padding: 9px 31px; border: #fff solid 2px;} #footer .contact-info .btn:hover{ background-color: #fff; color: #1dc06b;} #footer .contact-info .contact-info-cap{ position: relative; /*top: 47%;*/ top:0; /*transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);padding: 0px 30px;*/ padding: /*67px 30px*/ 55px 30px; background:#1dc06b; height: 50%;} #footer .contact-info .footer-faq-info {background:#373536; } #footer .contact-info .footer-faq-info p { font-size: 15px; line-height: 18px;padding-bottom: 18px;color: #fff;} #footer .foo-upper{ padding: 62px 0 30px; border-bottom: rgba(255, 255, 255, 0.30) solid 1px; margin-bottom: 6px;} #footer .foo-upper .foo-title{ display: block; font-size: 20px; font-weight: 500; color: #fff; margin-bottom: 7px;} #footer .foo-upper ul{ margin: 0; padding: 0;} #footer .foo-upper ul li{ margin: 0; padding: 0; line-height: 23px; list-style: none;} #footer .foo-upper ul li a{ display: block; font-size: 13px; color: #fff;-webkit-transition: ease all .5s; -ms-transition: ease all .5s;-moz-transition: ease all .5s; transition: ease all .5s;} #footer .foo-upper ul li a:hover {opacity: .8;} #footer .foo-upper .social-icons{ display: block; margin-top: 52px; margin-left: -10px;} #footer .foo-upper .social-icons a{ display: inline-block; vertical-align: middle; width: 38px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} #footer .foo-upper .social-icons a:hover{ opacity: 0.8;} #footer .foo-upper p{ font-size: 13px; line-height: 18px; color: #fff; margin: 0 0 17px; padding: 0;} #footer .foo-upper .btn{ font-size: 13px; color: #fff; font-weight: 500; padding: 9px 21px; border: #fff solid 2px; } #footer .foo-upper .btn:hover{ background-color: #fff; color: #0075bf;} #footer .foo-lower{ padding: 55px 0 67px 0;} #footer .foo-lower .col-4{ cursor: pointer;} #footer .foo-lower .col-4 i{ float: left; width: 48px; height: 46px; background: #1dc06b; text-align: center; color: #fff; font-size: 16px; line-height: 46px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-top: 8px;} #footer .foo-lower .address-info{ margin-left: 69px; padding-right: 30px; } #footer .foo-lower .address-info span{ display: block; color: #fff; font-size: 16px; font-weight: 500;} #footer .foo-lower .address-info p{ margin: 0; padding: 0; font-size: 13px; line-height: 20px; color: #fff;} #footer .copyright{ background: #fff; height: 75px; display: table; width: 100%;} #footer .copyright p{ font-size: 12px; color: #8d8e8e; margin: 0; padding: 0; display: table-cell; vertical-align: middle;} #footer .copyright p a{color: #8d8e8e;} #footer .copyright p a:hover{ text-decoration: underline;} .mapbg-pos{ background-image: url(https://www.serversaustralia.com.au/blog/our-wp-content/themes/images/bg.png) !important;} .no-bg{ background: none !important;} #footer{ position: relative; background-repeat: no-repeat;background-size: 100% 100%; background-position: center; background-image: linear-gradient(318deg, #066bcd, #0992e8); z-index: 1;} #footer:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 75px; background: #fff; z-index: -1;} #footer .contact-info{ float: right; /*background: #1dc06b;*/} #footer .contact-info span{ display: block; color: #ffffff; font-size: 36px; line-height: 43px; font-weight: 500; text-transform: uppercase; margin-bottom: 10px;} #footer .contact-info .btn{ font-size: 13px; color: #fff; font-weight: 500; padding: 9px 31px; border: #fff solid 2px; border-radius: 2px;} #footer .contact-info .btn:hover{ background-color: #fff; color: #1dc06b;} #footer .contact-info .contact-info-cap{ position: relative; /*top: 47%;*/ top:0; /*transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);padding: 0px 30px;*/ padding: /*67px 30px*/ 55px 30px; background-size: 100% 100%; background-position: center;background-image: linear-gradient(52deg, #1dc06b, #2ad77d); height: 50%;} #footer .contact-info .footer-faq-info .btn {color: #7c8a9e; border: solid 2px #7c8a9e;} #footer .contact-info .footer-faq-info {background-repeat: no-repeat; background-size: 100% 100%; background-position: center;background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.98), #f5f5f5); } #footer .contact-info .footer-faq-info span {color: #7c8a9e;} #footer .contact-info .footer-faq-info p { font-size: 15px; line-height: 18px;padding-bottom: 18px;color: #7c8a9e;} @media(min-width: 768px) { #footer .contact-info .contact-info-cap.footer-faq-info { height: 60%; border-radius: 38px 0 0 0;} #footer .contact-info .footer-faq-info { margin-top: -9%;} } @media(max-width: 1025px) { #banner {padding-top: 250px;} .discount-callout {top: 250px;} } @media(max-width: 900px) { #header .head-lower .phone {width: 54px;} #header .head-lower .phone span {display: none;} #header .head-lower .phone i {margin: 0;} } #header.fixed #nav ul li.active { display: none; } .menu-des ul.menu-des-list li.managed-wp-menu {display: none;} #header.fixed .menu-des ul.menu-des-list li.managed-wp-menu:not(.active):not(.remove-on-scroll) {display: block;} #header.fixed #nav ul li.remove-on-scroll, .menu-des ul.menu-des-list li.remove-on-scroll {display: none;}