/* Global */
body {font-family: 'Lato', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 1.4; color: #5A5A5A; position: relative; -webkit-font-smoothing: antialiased; background: #fff; margin:0;}
body.login-page {background:url(images/login_page_bg.jpg);}

.row {max-width:1170px;}
iframe {margin: 0 0 40px; border:0; width:100%;}
code { text-shadow: 0 1px white; line-height:1.3;	font-family: Consolas, Monaco, 'Andale Mono', monospace; font-weight:normal; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; background: #F5F2F0;display: block; padding: 12px; margin: 8px 0; color:#303038; border: 0; border-radius:6px;}
h1, h2, h3, h4, h5, h6 { font-family: 'Lato', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; font-weight: 700; color: #5A5A5A; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 12px; margin-top: 12px;  }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }
h1 { font-size: 44px; }
h2 { font-size: 34px; }
h3 { font-size: 27px; }
h4 { font-size: 23px; }
h5 { font-size: 17px; }
h6 { font-size: 14px; }
a { color: #F87060; text-decoration: none; line-height: inherit; }
a:hover { color: #1C4968; text-decoration: underline;}
p { font-family: inherit; font-weight: normal; line-height: 1.45; margin-bottom: 17px; font-size: 17px;}
hr { border: solid #eff0f4; border-width: 1px 0 0; clear: both; margin: 21px 0; height: 0; }
hr.small { border: double #37485c; border-width: 4px 0 0; clear: both;margin:0 auto; margin-top:30px; margin-bottom:20px; height: 0; max-width:150px; }
.spacing-30 {padding-bottom:30px;}
.spacing-top-50 {padding-bottom:50px;}

/* Header */
header {background:url(images/header_bg.jpg) bottom center no-repeat; min-height:500px; position: relative}
header.alt {background:url(images/header_alt-1_bg.jpg) bottom center no-repeat; min-height:362px; position: relative}
header .message {position: absolute; top:240px; left:1%; right:1%; margin:0 auto; text-align: center}
header .message-alt {position: absolute; top:200px; left:1%; right:1%; margin:0 auto; text-align: center}
.message-intro {display:table-row;line-height:1.5em;font-size:2em;white-space:nowrap;margin-bottom:2em}
.message-intro p{font-size:inherit;overflow:hidden; display:table-cell;vertical-align:middle;padding-bottom:30px;color:#DAE3E5;font-size:22px;font-weight:400; letter-spacing: 2px; text-transform: uppercase;}
header .message h1 {color:#fff; font-size:45px; font-weight:700; margin:8px 0 0; padding:0; text-transform: uppercase;}
header .message-alt h1 {color:#fff; font-size:45px; font-weight:300; margin:8px 0 0; padding:0; text-transform: uppercase;}
header .message .button {background:transparent; border:3px solid #d3effd; color:#d3effd; margin-top:60px; font-weight:700; text-transform: uppercase;}
header .message .button:hover {background:#F87060; border-color:#F87060; text-decoration: none}
.top {background:none; padding:0; width:100%;}
.logo {margin:15px 0 12px;}
header h2 {padding:45px 0 25px; font-size:42px; color:#fff; text-align: center; font-weight: 100}
#js-rotating {display: none}

header.alt-1 {background:url(images/header_alt-1_bg.jpg) bottom center no-repeat; min-height:490px; position: relative}

header.login {background:transparent; min-height:1px;}

header.alt-1 .message h1, header.alt-2 .message h1, header.alt-4 .message h1 {color: #D7D7D7}

/* Menu */
nav.desktop-menu {  padding: 0; float:right; text-align: left; }
.slicknav_menu, .mobile-menu { display:none;  }

.sf-menu, .sf-menu * { overflow: visible; margin: 0; padding: 0; list-style: none; z-index: 1000; }
.sf-menu { line-height: 1.0; float: left; margin-bottom: 0; }
.sf-menu ul { z-index: 1000; position: absolute; top: -999em; padding: 0; overflow: visible !important; }
.sf-menu ul li { display: block; width: 100% !important; text-align: left; padding:4px 0; margin-left:0!important; }
.sf-menu ul li:last-child { border-bottom: 0; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.sf-menu ul li a {  border:none;  -webkit-border-radius: 0!important;-moz-border-radius:  0!important;border-radius:  0!important;}
.sf-menu ul li:hover, .sf-menu ul li a:hover { background: #009ADD !important; }
.sf-menu li { float: left; position: relative; text-decoration:none; text-align: center;padding:26px 0 26px; margin-left:10px; }
.sf-menu li:first-child { margin-left:0; }
.sf-menu a {  display: block; position: relative; font-size:14px; letter-spacing:.07em; text-transform: uppercase; font-weight:400; padding:6px 15px 8px; color:#009ADD; } 
.sf-menu > li > a {display: block; }
.sf-menu li li a { font-size:11px; color:#fff; padding:7px 10px 5px; }
.sf-menu li a:hover { background: #d6f0fc;  text-decoration: none; -webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.sf-menu li li a:hover { border-bottom:0; text-decoration: none}
.sf-menu li.current-menu-item a, .sf-menu li.current-menu-parent a, .sf-menu li.current_page_parent a { background: #045EAA; color:#fff; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.sf-menu li li.current-menu-item a, .sf-menu li.current-menu-parent li a, .sf-menu li.current-menu-item ul.sub-menu li a { background: #045EAA; color:#fff; }
.sf-menu li li.current-menu-item a:hover, .sf-menu li.current-menu-parent li a:hover, .sf-menu li.current-menu-item ul.sub-menu li a:hover { background: #045EAA; color:#fff;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul { left: 0; top: 80px; z-index:999999;  width:175px;  -webkit-animation-duration: .3s;  -webkit-animation-timing-function: ease;  -webkit-animation-fill-mode: both;  -webkit-animation-name: fadeInRight;  -moz-animation-duration: .3s;  -moz-animation-timing-function: ease;  -moz-animation-fill-mode: both;  -moz-animation-name: fadeInRight;  animation-duration: .3s;  animation-timing-function: ease;  animation-fill-mode: both;  animation-name: fadeInRight;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 175px; top: 0; -webkit-border-radius: 0!important;-moz-border-radius:  0!important;border-radius:  0!important; }
ul.sf-menu li li:hover ul li:last-child, ul.sf-menu li li.sfHover ul li:last-child {-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 175px; top: 0; -webkit-border-radius: 0!important;-moz-border-radius:  0!important;border-radius:  0!important;}
.sf-menu li:hover { outline: 0; }
.sf-menu li li a:hover { color:#fff !important; -webkit-transition:none !important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important;}
.sf-menu > li:hover { border:none !important; background: none !important; }
.alt-nav { display:none; }
.sf-menu ul {background:#045EAA; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px; }
.sf-menu ul:after {  bottom: 100%;  border: solid transparent;  content: " ";  height: 0;  width: 0;  position: absolute;  pointer-events: none;}
.sf-menu ul:after {  border-color: rgba(80, 125, 188, 0);  border-bottom-color: #045EAA;  border-width: 10px;  left: 17%;  margin-left: -10px;}
.sf-menu ul li ul:after {  bottom: 100%;  border: transparent; }
.sf-menu ul li ul:after {  border:0;}

/* Features */
.features {padding:50px 0; background:#d3effd; overflow:hidden;}
.features.servers {padding:40px 0 0; background:#fff;}
.features.premium-servers {padding:50px 0; background:#535761;}
.features i {margin-bottom:10px; font-size:55px; color:#F87060;}
.features h2 {font-weight:700;text-align: center; margin-bottom: 12px; color: #045EAA;}
.features h2 span {color:#F87060;}
.features.premium-servers h2 {color:#d7d7d7;}
.features.premium-servers p {color:#ccc;}
.features p {text-align: center; color: #045EAA;}
.features ul {margin-top:60px;}
.features ul li {text-align: center; padding:50px 20px 20px; border:1px solid #fff; border-left:0; border-top:0; min-height:230px;}
.features ul li:nth-child(4n+4) { border-right:0;}
.features ul li:nth-last-child(-n+4) {border-bottom:0;}
.features ul li h3 {margin-bottom:12px; font-size:18px; color: #045EAA;}
.features ul li h3 a { color: #045EAA; text-transform: uppercase; font-weight: 700;}


/* Intro */
.intro {padding:50px 0 0; overflow:hidden; background: #fafafa;}
.intro h4 {font-weight:700;text-align: center; margin-bottom: 12px}

/* Content */

.content-odd {padding:50px 0; overflow:hidden; background:#d3effd; }
.content-odd h2, .content-even h2  {font-weight:900;margin-bottom: 12px; font-size:23px;}
.content-odd i {color:#fff; font-size:100px;}
.content-odd .circle {border-radius: 50%; overflow:hidden; width: 200px;	height: 200px; background:#F87060; padding-top:50px; margin:0 auto; position:relative; z-index:99999; text-align: center; }
.content-even {padding:50px 0; overflow:hidden; background:#fff;}
.content-even i {color:#d3effd; font-size:100px; }
.content-even .circle {border-radius: 50%; overflow:hidden; width: 200px;	height: 200px; background:#045EAA; padding-top:50px; margin:0 auto; position:relative; z-index:99999; text-align: center; }
.content-even .left { margin: 0 20px 20px; }



/* Contact */
.contact-section {padding:50px 0;}
.contact-details h4 { color:#4B4854;margin-top:75px; font-size:18px; padding:0; letter-spacing:.07em; text-transform:uppercase; position: relative; font-weight:900;}
.contact-details ul { list-style: none; margin:0; padding:4px 0; }
.contact-details ul li {padding:7px 0; border-bottom:1px solid; border-color: #ecedee; font-weight:600; letter-spacing:.07em; text-transform:uppercase; font-size:12px; text-align: left}
.contact-details ul li span {display: block;}

.contact-details ul li:last-child { border-bottom:0;}      
.contact-details ul li a { color:#303038}
.contact-details ul li a:hover { color:#F87060; text-decoration: none}
#gmap iframe {height: 450px; margin-bottom: 50px; width:100%;}
#sendstatus { margin: 0;}
#contactform input[type="text"] { font-size:15px; padding: 5px 10px; height:45px; width:100%; border: 1px solid #d4d4d4;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;    -moz-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1);    -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1);    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1); margin:8px 0 18px; }
#contactform textarea { font-size:15px; padding: 5px 10px; width:100%; border: 1px solid #d4d4d4;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;    -moz-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1);    -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1);    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1); margin:8px 0 18px; }
#contactform #submit { -moz-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1);    -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1);    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1); width:100%; float: left; font-size:15px; background: #65454c; height:45px; color:#fff; font-weight:900; padding:6px; text-transform: uppercase;  width: 100%; border-radius: 4px; border:0; cursor: pointer;  -ms-box-sizing: border-box;     -khtml-box-sizing: border-box;     -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;    box-sizing: border-box;    box-sizing: border-box; }
#contactform #submit:hover { background: #37485C; }



/* Footer */
footer {padding:50px 0 15px;  background:#1C4968;}
.contacts {padding-bottom:30px; color:#fff; text-align: center; font-size:14px;font-weight: 300; }
.contacts a {color:#fff;}
.contacts a:hover {text-decoration: none; color: #F87060;}
.contacts i {display:block; font-size:33px; font-weight: 400; margin-bottom:12px;}

.footerlinks {padding:0;border-top:1px solid #255b81;border-bottom:1px solid #255b81; overflow:hidden;}
.footerlinks .border-right {border-right:1px solid #37485c;}
.footerlinks .columns {padding:10px 0 }
.footerlinks h2 {font-size:17px; color:#fff; padding:0; margin:0 0 20px; font-weight:900;}
.footerlinks ul {padding:0; margin:0; list-style:none; text-align: center;}
.footerlinks ul li {padding:4px 0; font-size:14px; color:#ccc;}
.footerlinks ul li a {color:#ccc;}
.footerlinks ul li a:hover {color:#F87060; text-decoration: none}
.footerlinks p {color:#ccc; font-size:14px;}
.footerlinks hr { border: solid #494B4C; border-width: 7px 0 0; clear: both; margin: 11px 0; height: 0; }

p.copyright {font-size:12px; text-align:center; padding:35px 0 0; margin:0; color:#ccc; text-transform: uppercase;}
p.copyright a {color:#fff;}
p.copyright a:hover {text-decoration: none; color: #F87060;}

/* Back to Top Button */
#back-to-top { color:#fff; position:fixed; bottom:20px; right:20px; z-index:99; display:none; text-align: center;	border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;	-o-border-radius: 2px;    z-index: 10000;    height: 29px;    width: 29px;    background-color: rgba(0,0,0,0.4);    background-repeat: no-repeat;    background-position: center;    transition: background-color 0.1s linear;    -moz-transition: background-color 0.1s linear;    -webkit-transition: background-color 0.1s linear;    -o-transition: background-color 0.1s linear;}
#back-to-top i { padding-top:4px; font-size:17px; }
#back-to-top:hover { background:#F87060; background: rgba(184,102,98,.7); }



/*  Media Queries */
@media only screen and (max-width: 719px) { 
.js nav.desktop-menu { display:none; }
.js .slicknav_menu {display: block;}
header .message {top:100px;}
.message-intro span.message-line{display: none}
.message-intro {padding-bottom:0;font-size:15px;letter-spacing: 0; text-align: center; width:100%; margin:0 auto; display:table;}
.message-intro p{text-align: center; margin:0 auto;}
header .message h1 {font-size:30px; margin:0;}
header .message .button {margin-top:30px;}
.logo {text-align: center}
.features ul li {border:0;}
.calltoaction .longshadow {font-size:39px;}
.calltoaction h2 {font-size:33px;  }
.testimonials h2 {font-size:33px;}
.whoclient span {font-size:12px;}
.testimonial-content p {padding:15px;}
.contacts .columns {margin-bottom:20px;border-bottom:1px double #37485c; padding-bottom:15px;}
.footerlinks {border: 0;}
.footerlinks .border-right {border-right:0;}
.footerlinks .columns {padding:0; margin-bottom:35px; text-align: center;}
.footerlinks h2 {margin:0 0 8px;}
}

@media only screen and (min-width: 720px) and (max-width: 959px) {
.sf-menu a { font-size:13px; letter-spacing:0; padding:6px 10px 8px;} 
.logo {margin-top:23px;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {top: 78px; width:135px;}
header .message .button {margin-top:30px;}
header .message {top:100px;}
.message-intro {margin-bottom:20px}
header .message h1 {margin-top:0;}
.features ul li {min-height:315px;}
.features ul li h3 {margin-bottom:10px; font-size:18px;}
.features ul li p {font-size:15px;}
.footerlinks .columns {padding:20px 0 20px 10px;}


}

@media only screen and (min-width: 960px) and (max-width: 1025px) {
.line .roundimg {right:43px;}

}
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
	.logo {margin-top:30px;}
	header .message {top:250px;}
}