@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; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/* 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;}
.hide{ display: none;}

/* 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 25px; 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;}

/* 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: 36px;}
#header .brand img{ display: block; max-width: 100%;}
#header .head-upper-r{ float: right; background: #0075bf; 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: 64px; 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: 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: #1dc06b; 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-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;}
@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: 20px;}

/* 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;}

/* 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%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 0 30px;}
#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;}
#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(../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: 81px;}
.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 18px 0 14px; position: relative;}
.home-carousel .item-imgblk:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background: url(../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-title{ margin-bottom: 20px;}
.home-carousel .item-imgblk .item-imgblk-cap.reseller-cap .itemimg-title1{ margin-bottom: 10px;}
.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: 20px; 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: 15px;}
.item-imgblk .item-imgblk-cap .input-blk{ margin: 0;}
.item-imgblk .item-imgblk-cap .input-blk ul{ margin: 0; padding: 0;}
.item-imgblk .item-imgblk-cap .input-blk ul li{ margin: 0; padding: 0 0 5px; list-style: none; color: #ff0000;}
.item-imgblk .item-imgblk-cap .input-blk input[type="email"].parsley-error{ border-color: #ff0000;}
.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: 43px 0 29px 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: 0px; 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: 36px 0 0; display: -ms-flex; display: -webkit-flex; display: flex; /*margin-left: -15px;*/ margin-right: -25px;}
.australian-support .col-3{ padding: 0 15px;}
.australian-support .col-3 .support-row-blk{ background: #0075bf; flex: 1; padding: 45px 0 42px 0; height: 100%;}
.australian-support .support-icon{ display: block; margin-bottom: 40px;}
.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: 16px 0 19px 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 8px 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: 138px;}

/* PRODUCT BY INDUSTRY */
.product-industry{ background: #f5f6f6; padding: 49px 0 13px 0;}
.product-industry h3{ text-align: center; margin: 0 0 11px; 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: -6px; 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 42px 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 12px; 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 64px 0; position: relative; text-align: center;}
.datacenter-sec p{ color: #69778c; line-height: 33px; font-size: 15px; margin-bottom: 45px; margin-top: 20px;}
.datacenter-sec h3{ text-align: center; margin: 0 0 65px; 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: -10px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 1px; width: 34px; background: #75a844; display: block;}
.datacenter-sec .loop.owl-carousel .btn { display: none; }
.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(../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(-100%); -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); -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 .datacenter-cap .btn:hover{ background-color: #fff; color: #1dc06b;}
.datacenter-sec .loop.owl-carousel .item:hover .datacenter-cap{ top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-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; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.askabout-sec .phone i{ margin-right: 10px;}
.askabout-sec .phone:hover{ background-color: #0075bf;}

/* 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: 5px;}
.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;}
.banner-colocation-blk .banner-colocation-cap .btn:hover{ background-color: #fff; color: #1dc06b;}

/* 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/css/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/css/grayscale.svg);*/ filter: none;}

/* OUR PROMISE */
.ourpromise-sec{ margin: 67px 0 62px 0; -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(../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: 68%; 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 50px; 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: 6px 16px 5px 16px; color: #fff; font-size: 18px; font-weight: 500; cursor:default;}
/*.ourpromise-img-cap .btn:hover{ color: #2abc68; background-color: #fff;}*/
.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 20px; 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: 10px; 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: 2px; margin-top: 30px; 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/css/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/css/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: 2px 0 0; float: right;}
.content{ width: 100%; background: url(../images/map-bg.png) left top repeat-x;}
.blog-sec{ padding: 54px 0 45px 0;}
.blog-toprow{ margin: 0 -5px 67px;}
.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: 11px;}
.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 19px 22px; z-index: 1;}
.col-5 .blog-toprow-blk .blog-toprow-cap{ padding: 22px 51px 0 26px;}
.col-5 .blog-toprow-blk .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; letter-spacing: .03em;}
.blog-toprow-blk .blog-toprow-cap h2:after{ content: ''; height: 1px; width: 34px; background: #75a844; display: block; margin: 14px 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; letter-spacing: .03em;}
.blog-toprow-blk .blog-toprow-cap h3:after{ content: ''; height: 1px; width: 34px; background: #75a844; display: block; margin: 8px 0 10px 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: 20px 0 30px; padding: 0; font-size: 22px; color: #0b5fb1; line-height: 28px; font-weight: 500; position: relative; text-transform: uppercase; letter-spacing: 0.03em;}
.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 25px; 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-detail{ margin-top: -25px;}
.blog-row-detail .more-link { display: none; }

/* Pagination */
#pagination, .pagination{ margin: 35px -6px !important; padding: 0; clear: both; overflow: hidden;}
#pagination li, .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, .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, .pagination li.next a, .pagination li.prev a{font-size: 0;} 
#pagination li.prev a:after, .pagination li.prev a:after{content: "\f053";color: #868f97; padding: 0 5px; font-family: FontAwesome; font-size: 15px;}
#pagination li.next a:after, .pagination li.next a:after{ content: "\f054";color: #868f97; padding: 0 5px; font-family: FontAwesome; font-size: 15px;}
#pagination li.current, #pagination li:hover, .pagination li.active, .pagination li:hover{ background: #1dc06b;}
#pagination li.current a, #pagination li.current span, #pagination li:hover a, .pagination li.active a, .pagination li.active span, .pagination li:hover a{ color: #fff; border-color: #1dc06b;}
#pagination li:hover a:after, .pagination li:hover a:after{ color: #fff;}
.pagination li.disabled a{opacity: 0.2; cursor: not-allowed;}
.pagination li.disabled:hover a{ background-color: #fff; border-color: #dcdcdc; color: #868f97 !important;}
.pagination li.disabled:hover{ background-color: #fff; color: #868f97;}
.pagination li.disabled:hover a:after{ color: #868f97;}

/* Search */
.search-blk{ margin-bottom: 47px;}
.search-blk h6{ margin: -6px 0 17px; 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"]{ 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: 49px;}
.newsletter-blk h6{ margin: 0 0 9px; 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 11px; 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;}

/* Category */
.category-blk{ margin-bottom: 52px;}
.category-blk h6{ margin: 0 0 26px; 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 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 -3px;	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: 20px; -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: 119px; 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 .head-group{ display: table; width: 100%; min-height: 111px; margin-bottom: 20px;}
.blog-detail .head-group .blog-date{ float: left; padding-top: 30px !important; height: 111px !important;}
.blog-detail .head-group h2{ padding-left: 98px; color: #0b5fb1; font-size: 35px; font-weight: 500; line-height: normal; text-transform: uppercase; display: table-cell; vertical-align: middle; margin: 20px 0; line-height: 36px;}
.blog-detail .head-group h2:after{ content: ''; position: absolute; height: 1px; width: 34px;  background: #75a844; display: block; margin: 7px 5px;}
.blog-detail .share-btns{ border-top: #dcdcdc solid 1px; border-bottom: #dcdcdc solid 1px; padding: 16px 0; margin-bottom: 36px;}
.blog-detail .share-btns .share-btn-l{ float: left;}
.share-btns .share-btn-l .date-blk, .share-btns .share-btn-l .time-blk{ font-size: 13px; color: #838b94; margin-right: 28px;}
.share-btns .share-btn-l .date-blk i, .share-btns .share-btn-l .time-blk i{ font-size: 15px; color: #22b758; margin-right: 3px;}
.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 img{ max-width: 100%; margin-bottom: 30px;}
.blog-detail h3{ font-size: 25px; color: #0b5fb1; line-height: normal; text-transform: uppercase; font-weight: 500; margin-bottom: 20px; margin-top: 20px;}
.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; padding-right: 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;}
.blog-sec .seemore-blk h3{ margin-bottom: 41px;}
.blog-sec .blog-row .blog-row-detail h4{ margin-bottom: 28px;}

/*--------- Faq page ------------*/
.faq-main{ overflow-x: hidden;}
.faq-sec{ padding: 85px 0 3px 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: 2px; 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 16px; padding: 0; font-size: 30px; color: #0b5fb1; line-height: 28px; font-weight: 500; position: relative; text-transform: uppercase; letter-spacing: 0.03em;}
.faq-sec h2:after{content: ''; position: absolute; height: 1px; width: 34px; background: #75a844;  display: block; margin: 6px 0;}
.faq-sec p{ color: #838b94; font-size: 15px; line-height: 23px; margin-bottom: 18px;}
.faq-sec .search-blk{ margin-bottom: 40px; 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: 14px 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: 16px 40px 16px 0;}
.faq-sec .faqdetail-list > li .sub-menu{ display: none;}
.faq-sec .faqdetail-list > li .sub-menu p{ margin: 0; padding: 20px 40px 20px 0;}
.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: 23px; 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%);*/ cursor: pointer;}
.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: 7px;}
.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: 16px; -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;}
.faq-sec .bannerblk-full .bannerblk-full-img:after{ display: none;}
.faq-sec .bannerblk-full{ margin-top: 0;}
.faqlist-content{ display: none;}
.faqlist-content ul{ margin: 15px; padding: 0;}
.faqlist-content ul li{color: #838b94; font-size: 15px; line-height: 23px; list-style: disc;}
.tab_mob_heading{ display: none;}
.faq-sec .faqdetail-list .faq_cat{color: #1ec06a; font-size: 16px; display: block; font-style: normal; margin-top: 2px;}
.faq-sec .bannerblk-full.blktop{ margin-top: 40px;}
.faq-sec .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.7);    pointer-events: none;}
.highlight { background: #FFFF00; }

/*--------- Contact page ------------*/
.form-row{ padding: 80px 0 22px 0; text-align: center; max-width: 770px; width: 96%; margin: 0 auto;}
.form-row h2{ margin: 0 0 20px; 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 44px 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 31px 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; display: block; cursor: pointer; } 
.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: 7px 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 25px;}
.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="submit"]{ 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="submit"]:hover{ background-color: #1dc06b;}
.form-row form .input-blk ul{ margin: 0; padding: 0;}
.form-row form .input-blk ul li{ margin: 0; padding: 3px 0 0; list-style: none; color: #ff0000; text-align: left;}
.form-row form .input-blk input[type="text"].parsley-error, .form-row form .input-blk input[type="email"].parsley-error{ border-color: #ff0000;}
.newsletter-form form .input-blk input[type="text"].parsley-error, .newsletter-form form .input-blk input[type="email"].parsley-error{ border-color: #ff0000;}
.newsletter-form form .input-blk ul.parsley-errors-list li { list-style: none; color: #ff0000; text-align: left; }
.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: 30px 20px 25px 17px; 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;}
.form-row .inside-field-labels{ display: none;}
.form-row .contact-tabs .contact-tab.show{ background-color: #0075bf;}
.form-row .contact-tabs .contact-tab.show .contact-tab-title, .form-row .contact-tabs .contact-tab.show p, .form-row .contact-tabs .contact-tab.show strong{ color: #fff;}
.form-row .contact-tabs .contact-tab.show img{filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1);}
.form-row .contact-tabs .contact-tab.show::before{ background: #0075bf;}
.form-row .contact-tabs .contact-tab.show::after{ bottom: -10px; border-color: #0076bf transparent transparent transparent; } 
.form-row .contact-tabs .col-4:nth-child(1) .contact-tab:after, .form-row .contact-tabs .col-4:nth-child(3) .contact-tab:after{ display: none;}
.contact-sec .bannerblk-full .bannerblk-full-cap strong{ margin-bottom: 18px;}
.contact-sec .bannerblk-full{ margin: 40px 0 52px 0;}

/*--------- RESELLERS page ------------*/
.resslers-sec{ padding: 60px 0 0 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: 380px; width: 96%; padding-left: 70px;}
.reslers-dowsec-r .down-resleres .down-resleres-cap i{ float: left; position: absolute; left: 0; top: 5px;}
.reslers-dowsec-r .down-resleres .down-resleres-cap i img{ max-width: 55px;}
.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: 24px 0 21px 0;}
.resslers-sec .australian-support .support-row-text{ padding-top: 8px; min-height: 162px;}
.perfect-for{ text-align: center; margin: 30px 0 28px 0; overflow: hidden;}
.perfect-for h3{ margin: 0 0 32px; 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;}
.resslers-sec .australian-support .australian-support-row{ margin-left: -15px; margin-right: -15px;}
.resslers-sec .australian-support .col-3 .support-row-blk{ padding: 45px 0 49px 0;}
.resslers-sec .our-customers-main{ padding-top: 39px;}
.resslers-sec .our-customer-logos{ padding: 30px 0 25px 0;}
.resslers-sec .bannerblk-2 .bannerblk-2l .bannerblk-ba-cap strong, .resslers-sec .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap strong{ font-size: 25px; line-height: 31px;}
.resslers-sec .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap{ padding-left: 70px; max-width: 380px;}
.resslers-sec .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap i{ top: 5px;}
.resslers-sec .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap i img{ max-width: 55px;}

/* 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 a{color: #fff; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.partner-portal .partner-portal-r h5 a:hover{ color: #29c373;}
.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 .reseller-row .btn:hover{ background-color: #fff; color: #29c373; }
.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 .referral-row .btn:hover{ background-color: #0075bf; color: #fff;}
.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; text-transform: uppercase;}
.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 { margin-bottom: 0;}
.bannerblk-2 .bannerblk-2r .bannerblk-ba-cap .btn:hover, .bannerblk-2 .bannerblk-2l .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; -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.bannerblk-2 .bannerblk-2l .bannerblk-ba-cap .bannerblk-ba-email:hover{ color: #1ec06a;}
.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; text-transform: uppercase;}
.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;}
.download-banner .download-banner-cap i img{ max-width: 100%; display: block;}
.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; margin-top: 10px; margin-bottom: 10px;}
.ds-packages .border-btn{ border: #1ec06b solid 2px; color: #1ec06b; font-size: 13px; font-weight: 500; padding: 16px 18px; margin: 45px 0; -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: #fff; outline:0;}
.ds-packages .border-btn:focus{outline:0;}
.ds-packages .border-btn:hover{ background-color: #1ec06b; color: #fff; outline: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:hover .price-month strong{ color: #0075bf;}
.ds-packages-row .ds-packages-blk .ds-package-title{ display: table; position: relative; overflow: hidden; 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 .ds-package-title .percentage { position: absolute; top: 0; right: 0; padding-top: 2em; font-size: 18px; transform: translateX(50%) rotate(45deg); transform-origin: 50% 0; }
.ds-packages-row .ds-packages-blk .ds-package-title .percentage span { display: inline-block; width: 15em; padding: 0.5em 0; text-align: center; background-color: #22b758; }
.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: 8px 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; -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: 5px;    }
.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: 42px; font-weight: 500; line-height: 1.04; display: inline-block; vertical-align: middle; max-width: 710px; text-align: left; padding: 0 30px;}
.banner-order .banner-order-cap span.sub { font-size: 18px; padding: 0; }
.banner-order .banner-order-cap .btn{width: 186px; height: 55px; text-align: center; color: #fff; background: #1dc06b;  font-size: 16px; font-weight: 500; padding: 16px; -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: 84px 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: 236px; padding-right: 35px;}
.column-2 .column2-cap .column2-priceimg{ float: left; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.column-2 .column2-cap h4{margin: 0 0 20px; 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: 58px 0; background: url(../images/map-bg.png) 0 60px repeat-x;}
.choose-location .choose-location-banner{ margin-bottom: 56px;}
.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 23px; 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;}
.dedicated-sec .bannerblk-2 .bannerblk-2r .bannerblk-ba-img img{ max-height: 249px;}
.dedicated-sec .addons-sec{ padding: 39px 0 46px 0;}
.dedicated-sec .addons-sec ul li span{ padding: 13px 0;}
.dedicated-sec .bannerblk-2{ padding: 35px 0 43px 0;}
.dedicated-sec .bannerblk-2 .bannerblk-2l .bannerblk-ba-cap.aligncenter{ padding: 0;}
.dedicated-sec .download-banner .download-banner-cap{ padding-left: 70px; max-width: 360px;}
.dedicated-sec .download-banner .download-banner-cap i, .dedicated-sec .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap i{ top: 5px;}
.dedicated-sec .download-banner .download-banner-cap i img, .dedicated-sec .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap i img{ max-width: 55px;}
.dedicated-sec .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap{ padding-left: 70px; max-width: 400px;}
.server-hidden { display: none !important; }
.view-cfgs { background-color: white; }

@media (max-width: 900px)
{
  .dedicated-sec .download-banner .download-banner-cap{ padding: 0 15px; }
  .dedicated-sec .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap { padding: 0 15px; }
}

/*--------- Gaming Page ------------*/
.gaming-sec .gaming-row{ padding: 65px 0 20px 0; text-align: center;}
.gaming-row h2{text-align: center; margin: 0 0 45px; 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: -13px; 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 .btn:hover{ background-color: #0075be;}
.gaming-row p{ color: #69778c; font-size: 15px; line-height: 25px; padding: 30px 0;}
.gaming-sec .banner-order{ margin-top: 54px;}
.gaming-sec .banner-order .banner-order-cap span{ max-width: 490px; font-size: 36px;}
.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; display: flex;}
.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;}
.gaming-sec .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap{ padding-left: 70px; max-width: 380px;}
.gaming-sec .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap i{ top: 5px;}
.gaming-sec .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap i img{ max-width: 55px;}

/*--------- Colocation 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;}
.colocation-carousel{ width: calc(100% - 100px) !important; margin: 0 auto;}
.colocation-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;}
.colocation-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: -50px; pointer-events: auto;}
.colocation-carousel .owl-nav .owl-prev:before{ content: "\f053"; font-size: 30px; color: #0075bf;}
.colocation-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: -50px; pointer-events: auto;}
.colocation-carousel .owl-nav .owl-next:before{ content: "\f054"; font-size: 30px; color: #0075bf;}
.colocation-carousel .item { width: 100%; padding: 0 15px;}
.colocation-sec .view-all { text-align: center; }
.colocation-sec .hosting-carousel{ overflow: visible;}
.colocation-sec .hosting-carousel .col-3{ width: 100%;}
.colocation-sec .hosting-carousel .col-3 img{ width: auto; max-width: 100%; display: inline-block; vertical-align: top;}
.colocation-sec .hosting-carousel .owl-nav.disabled, .colocation-sec .hosting-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%); display: block;}
.colocation-sec .hosting-carousel .owl-nav.disabled .owl-prev, .colocation-sec .hosting-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: 30px; width: 30px; height: 30px; text-align: center; margin-left: -60px;}
.colocation-sec .hosting-carousel .owl-nav.disabled .owl-prev:before, .colocation-sec .hosting-carousel .owl-nav .owl-prev:before{content: "\f053";font-size: 30px; color: #0077bb;}
.colocation-sec .hosting-carousel .owl-nav.disabled .owl-next, .colocation-sec .hosting-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: 30px; width: 30px; height: 30px; text-align: center; margin-right: -60px;}
.colocation-sec .hosting-carousel .owl-nav.disabled .owl-next:before, .colocation-sec .hosting-carousel .owl-nav .owl-next:before{content: "\f054"; font-size: 30px; color: #0077bb;}
.colocation-sec .border-btn{ border: #1ec06b solid 2px; color: #1ec06b; font-size: 13px; font-weight: 500; padding: 16px 18px; margin: 45px 0; -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: #fff; outline:0;}
.colocation-sec .border-btn:focus{outline:0;}
.colocation-sec .border-btn:hover{ background-color: #1ec06b; color: #fff; outline:0;}
.colocation-banner { margin-bottom: 60px; padding: 20px; color: white; background-image: url('../images/colocation-banner.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center; }
.colocation-banner span { display: inline-block; width: 100%; font-size: 20px; line-height: 1.35em; }
.colocation-banner .large { margin-bottom: 0.4em; font-size: 28px; font-weight: 500; }
.colocation-banner .btn { background: #29c373; padding: 16px 49px; color: #fff; font-size: 14px; font-weight: 500;}
.colocation-banner .btn:hover { color: #29c373; background-color: #fff;}
.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;}
.hosting-packages .item { margin: 10px 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 13px;}
.cloud-graph h4{text-align: center; margin: 0 0 47px; 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: 10px;}
.cloud-graph .col-4:nth-child(1) .cloud-graphimg{ margin-bottom: 25px;}
.cloud-graph .col-4:nth-child(2) .cloud-graphimg{ margin-bottom: 33px;}
.cloud-graph .col-4:nth-child(3) .cloud-graphimg{ margin-bottom: 21px;}
.cloud-graph .cloud-graphimg img{ display: block; max-width: 100%;}
.cloud-graph p{ font-size: 14px; color: #737375; line-height: 20px; margin-bottom: 23px;}
.cloud-graph p a{color: #0075bf; text-decoration: underline; display: block;}
.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: 22px;}
.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;}
.hosting-sec .download-banner .download-banner-cap i img{ max-width: 55px;}
.hosting-sec .download-banner .download-banner-cap{ padding-left: 75px;}
/*.hosting-sec .download-banner .download-banner-img:after{ display: none;}*/
.download-banner.hosting-banner-tbg .download-banner-img:after{ display: none;}
.download-banner.hosting-banner-tbg .download-banner-cap{ max-width: 500px;}
.download-banner.hosting-banner-tbg .download-banner-cap i{ top: 5px;}
.hosting-px .hosting-row{ padding: 61px 0 59px 0;}
.hosting-px .hosting-row .hosting-row-l{ margin-top: 0;}
.hosting-px .hosting-row .hosting-row-l h2:after{ margin: 1px 0;}
.hosting-px .hosting-row .hosting-row-l p{ margin-bottom: 29px;}
.hosting-px .hosting-row .hosting-row-l h2{ margin: 9px 0 15px;}
.hosting-px .bannerblk-2 .bannerblk-2l .bannerblk-ba-img:after, .hosting-px .bannerblk-2 .bannerblk-2r .bannerblk-ba-img:after{ display: none;}
.hosting-px .hosting-packages .hosting-packages-blk{ padding: 36px 0px 36px;}
.hosting-px .hosting-packages .hosting-packages-blk .hosting-packages-title strong{ padding-top: 10px; padding-bottom: 6px;}
.hosting-px .hosting-packages .hosting-packages-blk .hosting-packages-title{ padding-bottom: 26px;}
.hosting-px .benefits-cloud h3{ margin-bottom: 63px;}
.hosting-px .benefits-cloud ul{ margin: 0 -15px;}
.hosting-px .benefits-cloud ul li{ margin: 0 0 47px; padding: 0 40px;}
.hosting-px .benefits-cloud ul li strong{ margin-bottom: 10px; margin-top: 5px;}
.hosting-px .benefits-cloud .btn{ margin: 20px 0 8px 0;}
.hosting-px .bannerblk-2{ padding: 47px 0 38px 0;}
.hosting-px .download-banner.hosting-banner-tbg .download-banner-cap{ max-width: 530px; padding-right: 10px;}

/*--------- CLOUD SOLUTIONS Page ------------*/
.solution-sec{ padding-bottom: 70px;}
.solution-sec .solution-row{ padding: 55px 0 60px 0; text-align: center;}
.solution-sec .solution-servers{ margin: 0 -15px 40px -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: -7px; 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; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.solution-servers .solution-server-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);}
.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 20px; color: #ffffff; font-size: 18px; font-weight: 500; text-transform: uppercase; text-align: center;}
.solution-servers .solution-server-blk ul{ margin: 30px 20px 30px 27px; padding: 0;}
.solution-servers .solution-server-blk ul li{ list-style: none; margin: 0; padding: 0 0 0 22px; display: block; font-size: 14px; line-height: 23px; color: #7c8a9e; position: relative; font-weight: 400;}
.solution-servers .col-4:nth-child(2) .solution-server-blk ul{ margin-bottom: 26px;}
.solution-servers .col-4:nth-child(2) .solution-server-blk ul li{ padding-bottom: 5px;}
.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: #0075bf; font-size: 14px; color: #fff; font-weight: 500; padding: 16px 45px; margin: 30px;}
.solution-servers .solution-server-blk .btn:hover{ background-color: #29c373;}
.diagram{ background: #0075bf; padding: 33px 0;}
.diagram img { width: 100%; }
.diagram ul{ margin: 250px 0 80px; 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; max-width: 1230px; width: 96%; padding: 0 5px;}
.diagram .diagram-pass{ position: absolute; left: 1%; 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: 29px 0;}
.diagram .diagram-drass span{ padding: 25px 0 33px 0;}
.diagram .diagram-pass span{ padding-right: 10px;}
.diagram .diagram-drass{ position: absolute; right: 0; bottom: 4%; width: 71%; 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: 1%; bottom: 8%; width: 42%; height: 62%; background: rgba(0, 0, 0, 0.09); text-align: center; font-size: 25px; color: #fff; font-weight: 500;}
.solution-sec .our-customer-logos{ padding-bottom: 0;}
.diagram-mob{ display: none;}
.diagram-mob .diagram-mob-row h6{color: #fff; font-weight: 500; font-size: 20px; padding: 20px 0; text-align: center;}
.diagram-mob .diagram-mob-row ul{ margin: 10px 0;}
.diagram-mob .diagram-mob-row ul li{ width: 49%;}

/* IAAS - DRAAS - PAAS */
.cloud-services{ text-align: center;}
.cloud-services .container{ max-width: 1100px;}
.cloud-services .cloud-services-title{ padding: 65px 0 56px 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: 57px;}
.cloud-services .cloud-services-title h4{font-size: 0; 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 18px 0 0; font-size: 40px;}
/*.cloud-services .cloud-services-title span:nth-child(2){ padding-right: 5px;}
.cloud-services .cloud-services-title span:nth-child(2) i{ margin-right: 0; margin-left: 25px;}
.cloud-services .cloud-services-title span:nth-child(3){ padding-right: 25px; padding-left: 37px;}*/
.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: -25px;*/}
.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;}
.laas-sec .bannerblk-2 .bannerblk-2l .bannerblk-ba-cap .btn{ background-color: #0075bf;}
.laas-sec .bannerblk-2 .bannerblk-2l .bannerblk-ba-cap .btn:hover{ background-color: #fff; color:#0075bf; }
.laas-sec .bannerblk-2 .bannerblk-2l .bannerblk-ba-img:after, .laas-sec .bannerblk-2 .bannerblk-2r .bannerblk-ba-img:after{ display: none;}
.laas-sec .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap{ padding-left: 77px; margin-left: 130px;}
.laas-sec .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap i{ top: 5px;}
.laas-sec .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap i img{ max-width: 55px;}
.draas-sec .our-customer-logos{ padding-bottom: 0;}
.pass-sec{ padding-bottom: 40px;}
.laas-sec .bannerblk-2 .bannerblk-2r .bannerblk-ba-img img{ max-height: 248px;}

/*--------- COMPANY Page ------------*/
.company-sec .company-row{ padding: 63px 0 74px 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: 27px 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: -5px 0 13px;}
.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; min-height: 556px;}
.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 5px 34px; 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: 13px;}
.team-sec ul li .team-blk-img img{ border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; max-width: 107px;}
.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 20px; 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/css/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 30px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08); 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;}
.our-partners .partners-carousel .owl-stage-outer{ padding: 0 20px;}
.partners-carousel .owl-nav .owl-next, .partners-carousel .owl-nav .owl-prev{background-color: #fff;}

@media (max-width: 900px) {
  .our-partners .partners-carousel .owl-stage-outer{ padding: 0; }
}


/*--------- 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: 30px 0 0;}
.sydney-row .sydney-blk{ padding: 35px 0;}
.sydney-row .sydney-blk:last-child{ padding-bottom: 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 { overflow: visible; }
.colocation-sec .hosting-packages .hosting-packages-blk{ padding: 22px 0px 50px;}
.colocation-sec .hosting-packages .hosting-packages-blk .hosting-packages-title { padding-bottom: 35px; white-space: pre-line; font-size: 30px; line-height: 2.5em; }
.colocation-sec .hosting-packages .hosting-packages-blk .hosting-packages-title span { display: inline-block; line-height: 1.25em; vertical-align: middle; font-size: inherit; }
.colocation-sec .hosting-packages .hosting-packages-blk .discount { margin-bottom: 20px; color: white; font-size: 16px; height: 2.65em; line-height: 1.25em; }
.colocation-sec .hosting-packages .hosting-packages-blk .discount * { display: block; font-size: inherit; text-transform: uppercase; }
.colocation-sec .hosting-packages .hosting-packages-blk .discount .old { color: #d60015; text-decoration: line-through; margin-bottom: 0.15em; }
.colocation-sec .hosting-packages .hosting-packages-blk .price { margin-bottom: 30px; color: white; font-size: 36px; }
.colocation-sec .hosting-packages .hosting-packages-blk .price { margin-bottom: 30px; color: white; font-size: 36px; }
.colocation-sec .hosting-packages .hosting-packages-blk .price strong { display: block; margin-bottom: 10px; }
.colocation-sec .hosting-packages .hosting-packages-blk .price span { font-size: 40%; }
.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-specialists-row{ margin: 0 -15px;}
.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: 43px;}
.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;}
.draas-sec .laas-specialists .laas-specialist-blk .laas-specialist-img{ margin-bottom: 26px;}
.draas-sec .laas-specialists .laas-specialist-blk h4{ margin-bottom: 17px;}
.draas-sec .laas-specialists .laas-specialist-blk p{ margin-bottom: 45px;}
.draas-sec .laas-specialists{ padding: 47px 0 49px 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: 570px; 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;}
.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; display: block;}
.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 .callout-title1{ color: #fff; font-size: 29px; font-weight: 500; line-height: 1.14; display: block;}
.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;}
.discount-callout .open-btn{ position: absolute; left: 0; top: 0; width: 30px; height: 30px; text-align: center;line-height: 30px; color: #fff; background: #1dc06b; font-size: 18px; -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; cursor: pointer;}
.discount-callout.hide .open-btn{ left: -30px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity:1;opacity:1; visibility: visible;}

/* 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);}
}


/* Privacy Policy */
.full-page{ padding: 40px 0;}
.full-page h4{ margin: 0 0 10px; padding: 0; font-size: 20px; color: #0b5fb1; line-height: 35px; font-weight: 500;}
.full-page h3{ margin: 0 0 10px; padding: 0; font-size: 25px; color: #0b5fb1; line-height: 35px; font-weight: 500; position: relative; }
/*.full-page h3:after{ content: ''; position: absolute; height: 1px; width: 34px; background: #75a844; display: block; margin: 5px 0;}*/
.full-page p{color: #7c8a9e; line-height: 25px; font-size: 15px; margin-bottom: 15px;}
.full-page .our-customer-logos{ padding: 60px 0 10px 0;}
.full-page ul{ margin: 0 0 15px 15px; padding: 0;}
.full-page ul li{ margin: 0; padding: 0 0 5px 20px; display: block; font-size: 18px; color: #69778c; line-height: 25px; font-weight: 500; position: relative;}
.full-page 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%;}
.full-page ul li a{ color: #69778c;}
.full-page ul li a:hover{color: #337ab7;}

/*------------Download-popup Start----*/
body.pack-popup-open{position:fixed;overflow:hidden;width: 100%}
 .download-info-pack {z-index:9999999;position: fixed;top: 0; left: 0; width: 100%;  height: 100%;visibility:hidden;opacity:0;display:flex;align-items:center;justify-content:center;background-color:rgba(1,19,30,.75)}
 .download-info-pack .main-download-body {visibility: hidden;background: #fff;padding: 16.5px 8px; max-width: 835px; width: 100%; min-height: 525px;text-align: center; z-index: -99;transition:0.5s all;-webkit-transition:0.5s all;margin-top:-100px}
 .download-info-pack.open .main-download-body{visibility: visible;z-index: 99;margin-top:0;transition:0.5s all;-webkit-transition:0.5s all}
.download-info-pack.open{visibility:visible;opacity:1;}

 .download-info-pack .overlay {display: block; width: 100%; height: 100%; position: absolute;}
 .download-info-pack .pop-up-heading h3 {font-size: 25px;font-weight: 500;color: #0b5fb1;line-height: 1.36; position: relative;}
 .download-info-pack .pop-up-heading {margin-bottom: 70px;}
 .download-info-pack .gform_body li {list-style: none;}
 .download-info-pack .gform_body li input {width:100%; /*height: 54px;*/ padding: 23.5px 33px; /*font-size:;*/ margin-bottom: 20px;background: #eef1f1; border:none;}
 .gform_footer input {width:100%; height: 54px; font-size: 15px; font-weight: 500;line-height: 1.2; color:#fff; background: #0075bf; text-transform: uppercase; }
 .download-info-pack .main-download-body .inside-field-labels fieldset {max-width: 566px; margin: auto;}
 .close-btn  { font-size: 15.9px;color:#0b5fb1; text-align: right;margin-bottom: 26px; } 
 .close-btn .fa {cursor: pointer; width: 41px;height: 34px; text-align: center;}
 .download-info-pack .pop-up-heading h3::after{    content: ""; width: 34px; height: 1px; background: #1dc06b; position: absolute; bottom: 0; left: 50%; transform: translateX(-59%); bottom: 0;}
 @media (max-width:900px) {
    .download-info-pack {z-index:2147483650;}
    .download-info-pack .main-download-body {width:95%; max-height: 90%; overflow: auto;min-height: inherit;padding: 16.5px 15px 30px;}
 }

 /*------------Download-popup End----*/
 
 /*------------ Referral-popup Start ------*/
 .referral-info-pack {position: fixed; z-index: 99999; top: 0; left: 0; width: 100%; display: flex; height: 100%; justify-content: center; align-items: center;background: rgba(1,19,30,.75);visibility:hidden;opacity:0}
 .referral-info-pack .main-referral-body {visibility: hidden;background: #fff;padding: 16.5px 8px; max-width: 835px; width: 100%; min-height: 525px;text-align: center; z-index: -99;margin-top:-100px;transition:0.5s all;-webkit-transition:0.5s all}
 .referral-info-pack.open .main-referral-body{visibility: visible;z-index: 99; transition:0.5s all;-webkit-transition:0.5s all;margin-top:0}
 .referral-info-pack .overlay { width: 100%; height: 100%; position: absolute;opacity:0}
.referral-info-pack.open{visibility:visible;opacity:1;}

 .referral-info-pack .pop-up-heading h3 {font-size: 25px;font-weight: 500;color: #0b5fb1;line-height: 1.36; position: relative;}
 .referral-info-pack .pop-up-heading {margin-bottom: 70px;}
 .referral-info-pack .gform_body li {list-style: none;}
 .referral-info-pack .gform_body li input, .referral-info-pack  .hs-form-private input {width:100%; /*height: 54px;*/ padding: 23.5px 33px; /*font-size:;*/ margin-bottom: 20px;background: #eef1f1;    border: none;
    box-shadow: none; border-radius: 0; }
    .referral-info-pack  .hs-form-private input.hs-input.error {border: none; box-shadow: none;}
 .referral-info-pack  .hs-form-private input:focus {border: none; box-shadow: none;}
 .gform_footer input {width:100%; height: 54px; font-size: 15px; font-weight: 500;line-height: 1.2; color:#fff; background: #0075bf; text-transform: uppercase; }
 .referral-info-pack .main-referral-body .inside-field-labels fieldset, .referral-info-pack .hbspt-form {max-width: 566px; margin: auto;}
 .referral-info-pack .hbspt-form .hs-form-field.hs_content__c {display: none;}
 .close-btn  { font-size: 15.9px;color:#0b5fb1; text-align: right;margin-bottom: 26px; } 
 .close-btn .fa {cursor: pointer; width: 41px;height: 34px; text-align: center;}
 .referral-info-pack .pop-up-heading h3::after{    content: ""; width: 34px; height: 1px; background: #1dc06b; position: absolute; bottom: 0; left: 50%; transform: translateX(-59%); bottom: 0;}
 .hs_submit .actions input[type="submit"], .hs_submit .actions input[type="submit"]:active {font-size: 15px; font-weight: 500; line-height: 1.2rem; padding: 0; height: 54px; width: 100%; text-transform: uppercase; border: none;
    background: #0075bf !important; color: #fff; border-radius: 0; font-family: roboto; border: none !important;box-shadow: none !important;}
.hs_submit .actions input[type="submit"]:hover, .hs_submit .actions input[type="submit"]:focus {border:none; box-shadow: none;}
.referral-info-pack .hbspt-form .stacked .actions{margin-left: 0; padding-left: 0; padding-right: 0;}
.hbspt-form ul.hs-error-msgs{padding-top: 0 !important;}
.hbspt-form ul.hs-error-msgs label {color: #ff0000;}
body.popup-opened {overflow: hidden; }

 @media (max-width:900px) {
    .referral-info-pack {z-index:2147483650;}
    .referral-info-pack .main-referral-body {width:95%; max-height: 90%; overflow: auto;min-height: inherit;padding: 16.5px 15px 30px;}
 }
 @media (max-width:767px) {
 	body .referral-info-pack .gform_body li input, 
 	body .referral-info-pack .hs-form-private input,
 	body .referral-info-pack .hs-form-private textarea{box-sizing: border-box;height: 65px; max-width: 100%; padding-left: 20px;}
 	.referral-info-pack .hbspt-form .stacked .field{margin-bottom: 0 !important;}
 }
 /*----------- Referral Popup End ----------*/