/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
body														{ font-family: 'Lato', sans-serif; background: #f7f7f7; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: none; }
h1,h2,h3,h4,h5,h6,input,textarea							{ font-family: 'Lato', sans-serif; }
p															{ font-size: 14px; line-height: 20px; color: #7a94a1; }
span.bigblue												{ font-size: 18px; color: #19a3dd; }
.textleft													{ text-align: left; }
.textright													{ text-align: right; }
.textcenter													{ text-align: center; }
.paddtop													{ padding-top: 30px; }

a.btn														{ display: inline-block; font-size: 16px; text-decoration: none; padding: 10px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
a.btn.blue													{ background: #19a3dd; color: #fff !important; text-shadow: 0px 2px 1px #1184b4; }
a.btn.blue:hover											{ background: #27ade5; }
a.btn.darkblue												{ background: #024c7b; color: #fff !important; text-shadow: 0px 2px 1px #024169; }
a.btn.darkblue:hover										{ background: #065689; }
a.btn.darkblue2												{ background: #0b2e4e; color: #fff !important; text-shadow: 0px 2px 1px #024169; }
a.btn.darkblue2:hover										{ background: #0d385f; }
a.btn.green													{ background: #aba000; color: #fff !important; text-shadow: 0px 2px 1px #7d7500; }
a.btn.green:hover											{ background: #b4a907; }


/* Header */

header .top													{ position: relative; background: #19a3dd; }
header .company-info											{ background: #fff; }
.sub header .company-info										{ background: #f2f2f2; }

header .top .logo												{ display: inline-block; margin: 19px 0 20px 0; }
header .top .logo a											{ display: block; background: url(../images/logo-xhost-solutions.png) no-repeat; width: 150px; height: 73px; text-indent: -999999px; }

header .top nav												{ display: inline-block; position: absolute; top: 0; right: 0; }
header .top nav ul												{ list-style: none; display: inline-block; }
header .top nav ul li											{ display: inline-block; float: left; }
header .top nav ul li a											{ display: block; font-size: 16px; color: #fff; text-decoration: none; padding: 47px 25px; border-right: 1px solid #1499d1; }
header .top nav ul li:first-child a								{ border-left: 1px solid #1499d1; }
header .top nav ul li:hover a										{ background: #47b5e4; }
header .top nav ul li.selected a									{ color: #ffda27; }
header .top nav ul li.selected:hover a							{ background: none; color: #ffda27; }

/* Mega Menu */
header .top nav ul li .dropdown									{ display: none; margin: 0 auto !important; position: absolute; z-index: 999999; right: 0 !important; width: 960px; background: #0b2e4e; border-top: 5px solid #024c7b; }
header .top nav ul li .dropdown									{ -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; }
header .top nav ul li.mega:hover > a								{ background: #024c7b; }

header .top nav ul li .dropdown .quarter							{ display: block; width: 25%; float: left; }
header .top nav ul li .dropdown .quarter .title					{ display: block; background: #052745; border-bottom: 1px solid #051c31; border-right: 1px solid #051c31; border-left: 1px solid #13436e; }
header .top nav ul li .dropdown .quarter:first-child .title		{ border-left: 0; }
header .top nav ul li .dropdown .quarter .title					{ padding: 20px 20px 30px 20px; }
header .top nav ul li .dropdown .quarter .title p					{ padding: 0; margin: 0; color: #fff; font-size: 16px; font-weight: 700; }

header .top nav ul li .dropdown .mobquarter							{ display: block; width: 25%; float: left; }
header .top nav ul li .dropdown .mobquarter .title					{ display: block; background: #052745; border-bottom: 1px solid #051c31; border-right: 1px solid #051c31; border-left: 1px solid #13436e; }
header .top nav ul li .dropdown .mobquarter:first-child .title		{ border-left: 0; }
header .top nav ul li .dropdown .mobquarter .title					{ padding: 20px 20px 30px 20px; }
header .top nav ul li .dropdown .mobquarter .title p				{ padding: 0; margin: 0; color: #fff; font-size: 10px; font-weight: 700; }



header .top nav ul li .dropdown .quarter .sub-nav					{ display: block; height: 220px; border-top: 1px solid #13436e; border-right: 1px solid #051c31; border-left: 1px solid #13436e; padding-top: 10px; padding-bottom: 10px; }
header .top nav ul li .dropdown .quarter:first-child .sub-nav		{ border-left: 0; }
header .top nav ul li .dropdown .quarter:last-child .sub-nav		{ border-right: 0; }
header .top nav ul li .dropdown .quarter .sub-nav ul				{ margin: 0; display: block; }
header .top nav ul li .dropdown .quarter .sub-nav ul li				{ display: block; float: none; margin: 0; }
header .top nav ul li .dropdown .quarter .sub-nav ul li a				{ display: block; padding: 10px 20px; border: 0; font-size: 14px; }


header .top nav ul li:hover > .dropdown ul li a						{ background: none; }
header .top nav ul li .dropdown ul li a:hover						{ background: #024c7b; }

header .top nav ul li.mega:hover > .dropdown						{ display: block; }

.mobinav { displaY: none; }
#pageslide { display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 200px; padding: 20px; background-color: #081d30; color: #FFF; }
.mobimenu ul													{ list-style: none; }
.mobimenu ul li												{ display: block; margin: 0; }
.mobimenu ul li a												{ display: block; padding: 10px 0; border-bottom: 1px solid #0d2a45; font-size: 14px; color: #fff; font-weight: 600; text-decoration: none; }
.mobimenu ul li span											{ color: #f6b324; }
.mobimenu ul li ul												{ margin-left: 10px; }
.mobimenu ul li ul li a											{ margin-left: 10px; font-weight: 400; color: #909090; }
.mobimenu ul li a:hover											{ text-decoration: underline; }


header .company-info											{  }
header .company-info p										{ float: left; color: #065c93; margin-top: 20px; font-size: 12px; }
header .company-info p a										{ color: #19a3dd; margin-left: 5px; }
header .company-info ul										{ display: inline-block; float: right; }
header .company-info ul li										{ display: inline-block; margin-left: 40px; margin-top: 15px; margin-bottom: 0; }
header .company-info ul li.phone								{ background: url(../images/icons/phone.png) left no-repeat; padding: 5px 0 5px 30px; font-size: 14px; color: #19a3dd; }
header .company-info ul li.mail									{ background: url(../images/icons/mail.png) left no-repeat; padding: 5px 0 5px 40px; font-size: 14px; color: #19a3dd; }

/* Header */



/* Hero */

section#hero													{ height: 460px; background: #06060a; }
section#hero .banner											{ position: relative; overflow: auto; }
section#hero .banner li 										{ height: 460px; list-style: none; }
section#hero .banner ul li 										{ float: left; }
section#hero .banner .content									{ padding: 70px 0; }
section#hero .banner .content h1								{ font-size: 42px; color: #fff; }
section#hero .banner .content h1 img							{ padding-right: 20px; }
section#hero .banner .content p									{ font-size: 24px; color: #fff; padding-top: 10px; padding-bottom: 20px; }
section#hero .banner .content ul.ticks							{ margin: 0 auto; }
section#hero .banner .content ul.ticks li						{ display: inline-block; width: 30%; height: auto; float: none; margin: 0; margin-bottom: 10px; background: url(../images/icons/tick-yellow.png) left no-repeat; padding: 10px 10px 10px 30px; font-size: 18px; color: #fff; }
section#hero .banner .content p a.btn							{ display: inline-block; font-size: 16px; text-decoration: none; padding: 18px 60px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
section#hero .banner .content p a.btn.yellow					{ background: #f6b324; color: #0b2e4e !important; text-shadow: 0px 2px 1px #d1981f; }
section#hero .banner .content p a.btn.yellow:hover				{ background: #ffb007; }

section#hero .banner .light .content h1							{ color: #0b2e4e; }
section#hero .banner .light .content p							{ color: #0b2e4e; }
section#hero .banner .light .content ul.ticks li					{ color: #0b2e4e; background: url(../images/icons/tick-blue.png) left no-repeat; }

section#hero .banner a.prev									{ position: absolute; z-index: 999999; top: 45%; left: 0; width: 58px; height: 71px; text-indent: -999999px; background: url(../images/banners/icon-previous.png) center no-repeat; }
section#hero .banner a.next									{ position: absolute; z-index: 999999; top: 45%; right: 0; width: 58px; height: 71px; text-indent: -999999px; background: url(../images/banners/icon-next.png) center no-repeat; }

/* Hero */



/* Choose a Product */

section#choose-product										{ padding: 40px 0; }
section#choose-product h2										{ color: #024c7b; font-size: 34px; }
section#choose-product p										{ margin: 0; font-size: 18px; color: #7a94a1; line-height: 24px; }
section#choose-product h6										{ color: #7a94a1; font-size: 13px; }
section#choose-product h6 a										{ text-decoration: none; color: #7a94a1;}
section#choose-product .four.columns							{ margin-top: 40px; }
section#choose-product .product								{ border: 1px solid #d7d7d7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
section#choose-product .product .image						{ background: #0b2e4e; text-align: center; padding: 30px 20px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
section#choose-product .product .image h3						{ font-size: 20px; color: #fff; margin: 0; }
section#choose-product .product .image p small					{ font-size: 14px; color: #f6b324; margin: 0; }
section#choose-product .info									{ padding: 10px 10px; color: #7a94a1; text-align: center; font-weight: bold; background: #fff; -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; }
section#choose-product .info .logos							{ margin-bottom: 20px; }
section#choose-product .info .logos ul							{ margin: 0; }
section#choose-product .info .logos ul li						{ margin: 0; display: inline-block; font-size: 14px; color: #7a94a1; }
section#choose-product .info .logos ul li.windows				{ background: url(../images/logos/windows.png) left no-repeat; padding: 5px 0 5px 25px; }
section#choose-product .info .logos ul li.linux					{ background: url(../images/logos/linux.png) left no-repeat; padding: 5px 0 5px 25px; }
section#choose-product .info .logos ul li a						{ text-decoration: none; color: #7a94a1;}
section#choose-product .info a.btn								{ display: block; }
section#choose-product .product .info ul.tick li				{ text-align: left; margin: 0; background: url(../images/icons/tick-yellow_small.png) left no-repeat; padding: 5px 5px 5px 20px; font-size: 13px;  }

/* Choose a Product */



/* Domain Search */

section#domain-search										{ padding: 40px 0; background: #fff; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; }
section#domain-search h3										{ font-size: 28px; color: #024c7b; margin-bottom: 20px; }
section#domain-search p a										{ text-decoration: none; color: #7a94a1;}
section#domain-search .search-domains							{ display: block; margin-top: 10px; }
section#domain-search .search-domains .title					{ display: block; float: left; font-size: 18px; color: #fff; text-shadow: 0px 1px 1px #6a808c; padding: 21px 20px; background: #7a94a1; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
section#domain-search .search-domains .form					{ display: block; float: left; background: #d7d7d7; padding: 10px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
section#domain-search .search-domains .form form				{ margin: 0; }
section#domain-search .search-domains .form input				{ margin: 0; }
section#domain-search .search-domains .form select				{ margin: 0; }
section#domain-search .search-domains .form label				{ display: inline-block; float: left; font-size: 18px; color: #7a94a1; padding-top: 10px; margin-right: 12px; }
section#domain-search .search-domains .form input				{ display: inline-block; float: left; margin-right: 10px; width: 310px; border: 0; background: #fff; font-size: 16px; font-weight: 400; color: #065c93; padding: 12px 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

section#domain-search .search-domains .form input.submit		{ display: inline-block; width: auto; border: 0; background: #19a3dd; font-size: 16px; font-weight: 400; color: #fff; text-shadow: none; padding: 12px 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

section#domain-search .search-domains .dropdown .selected::after,
section#domain-search .search-domains .dropdown.scrollable div::after{
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none;
}

/* WRAPPER */

section#domain-search .search-domains .dropdown{
	position: relative;
	display: inline-block;
	width: 120px;
	float: left;
	margin-right: 10px;
	cursor: pointer;
	font-weight: 200;
	background: #ffffff;
	padding: 7px 0px 7px;
	
	border-radius: 5px;
	
	color:  #000;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

section#domain-search .search-domains .dropdown.open{
	z-index: 2;
}

section#domain-search .search-domains .dropdown:hover,
section#domain-search .search-domains .dropdown.focus{
	background: #ffffff;
}

/* CARAT */

section#domain-search .search-domains .dropdown .carat,
section#domain-search .search-domains .dropdown .carat:after{
	position: absolute;
	right: 14px;
	top: 50%;
	margin-top: -3px;
	border: 6px solid transparent;
	border-top: 6px solid #0b2e4e;
	z-index: 1;
	
	-webkit-transform-origin: 50% 20%;
	-moz-transform-origin: 50% 20%;
	-ms-transform-origin: 50% 20%;
	transform-origin: 50% 20%;
	
}

section#domain-search .search-domains .dropdown:hover .carat:after{
	border-top-color: #0b2e4e;
}

section#domain-search .search-domains .dropdown.focus .carat{
	border-top-color: #0b2e4e;
}

section#domain-search .search-domains .dropdown.focus .carat:after{
	border-top-color: #0b2e4e;
}

section#domain-search .search-domains .dropdown.open .carat{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* OLD SELECT (HIDDEN) */

section#domain-search .search-domains .dropdown .old{
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}

section#domain-search .search-domains .dropdown select{
	position: absolute;
	left: 0px;
	top: 0px;
}

section#domain-search .search-domains .dropdown.touch select{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

/* SELECTED FEEDBACK ITEM */ 
section#domain-search .search-domains .dropdown .selected {
    color: #7a94a1;
}

section#domain-search .search-domains .dropdown ul {
	margin: 0 !important;
}

section#domain-search .search-domains .dropdown .selected,
section#domain-search .search-domains .dropdown li{
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	padding: 8px 12px;
	overflow: hidden;
	white-space: nowrap;
	margin: 0;
}

section#domain-search .search-domains .dropdown .selected::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 60px;
	
	border-radius: 0 5px 5px 0;
	box-shadow: inset -55px 0 25px -20px #ffffff;
}

section#domain-search .search-domains .dropdown:hover .selected::after,
section#domain-search .search-domains .dropdown.focus .selected::after{
	box-shadow: inset -55px 0 25px -20px #ffffff;
}

/* DROP DOWN WRAPPER */

section#domain-search .search-domains .dropdown div{
	position: absolute;
	height: 0;
	left: 0;
	right: 0;
	top: 100%;
	margin-top: 1px;
	background: #ffffff;
	overflow: hidden;
	opacity: 0;
	color: #04724E;
	
	border-radius: 5px;
}

section#domain-search .search-domains .dropdown:hover div{
	background: #ffffff;
	
	border-radius: 5px;
}

/* Height is adjusted by JS on open */

section#domain-search .search-domains .dropdown.open div{
	opacity: 1;
	z-index: 2;
}

/* FADE OVERLAY FOR SCROLLING LISTS */

section#domain-search .search-domains .dropdown.scrollable div::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
	
	box-shadow: inset 0 -50px 30px -35px #00c384;
}

section#domain-search .search-domains .dropdown.scrollable:hover div::after{
	box-shadow: inset 0 -50px 30px -35px #00c384;
}

section#domain-search .search-domains .dropdown.scrollable.bottom div::after{
	opacity: 0;
}

/* DROP DOWN LIST */

section#domain-search .search-domains .dropdown ul{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	list-style: none;
	overflow: hidden;
	border-radius: 5px;
}

section#domain-search .search-domains .dropdown.scrollable.open ul{
	overflow-y: auto;
}

/* DROP DOWN LIST ITEMS */

section#domain-search .search-domains .dropdown li{
	list-style: none;
	padding: 14px 12px;
	border-bottom: 1px solid #e2e2e2;
}

section#domain-search .search-domains .dropdown li:last-child {
    border-bottom: 0;
}

/* .focus class is also added on hover */

section#domain-search .search-domains .dropdown li.focus{
	background: #19a3dd;
	position: relative;
	z-index: 3;
	color: #fff !important;
}

section#domain-search .search-domains .dropdown li.active{
	background: #19a3dd;
	color: #fff !important;
}

/* Domain Search */





/* Offers */

section#offers												{ padding: 40px 0; }
section#offers .offer p a											{ text-decoration: none; color: #19a3dd;}
section#offers .offer											{ position: relative; text-align: center; background: #fff; padding: 20px; border: 1px solid #d7d7d7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
section#offers .offer span										{ position: absolute; top: 0; left: 0; padding: 10px 15px; font-size: 16px; color: #fff; background: #ed1c24; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomright: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 5px; }
section#offers .offer h5										{ font-size: 50px; font-weight: 700; color: #19a3dd; margin-top: 50px; margin-bottom: 20px; }
section#offers .offer h5.small									{ font-size: 24px; font-weight: 400; color: #19a3dd; margin-top: 50px; margin-bottom: 10px; }
section#offers .offer p											{ font-size: 24px; color: #19a3dd; }
section#offers .offer p small									{ font-size: 14px; color: #7a94a1; }
section#offers .offer p.left									{ float: left; margin: 0; }
section#offers .offer p.right									{ float: right; margin: 0; }
section#offers .offer p.right a								{ font-size: 14px; color: #ed1c24; text-decoration: none; }
section#offers .offer p.right a:hover							{ text-decoration: underline; }
section#offers .offer p.left									{ font-size: 14px; font-weight: 700; color: #0b2e4e; }


section#offers .partners										{ position: relative; background: #fff; padding: 20px; border: 1px solid #d7d7d7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
section#offers .partners h4									{ font-size: 18px; font-weight: 400; color: #0b2e4e; margin-bottom: 20px; }
section#offers .partners ul									{ list-style: none; margin: 0; }
section#offers .partners ul li									{ list-style: none; margin: 0; display: inline-block; margin-right: 5px; padding: 10px 0; }

/* Offers */





/* Content */

section#content												{ background: #fff; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; }
.sub section#content											{ padding: 50px 0; background: #fff; border: 0; }
.sub section#content.grey										{ background: #f7f7f7; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; }
section#content .home .ten.columns							{ }
section#content .home .ten.columns .border-right				{ padding: 40px 0; border-right: 1px solid #d7d7d7; }
section#content .home .six.columns							{ padding: 40px 0; }

section#content aside.left										{ float: left; }
section#content .twelve.columns.right							{ float: right; }

section#content a.btn											{ padding: 15px 30px; }
section#content h1											{ font-size: 32px; color: #024c7b; margin-bottom: 20px; }
section#content h2											{ font-size: 28px; color: #024c7b; margin-bottom: 20px; }
section#content h3											{ font-size: 24px; color: #024c7b; margin-bottom: 20px; }
section#content h4											{ font-size: 18px; color: #024c7b; margin-bottom: 10px; }
section#content p												{ font-size: 16px; line-height: 24px; }

section#content ul												{ margin-top: 10px; margin-bottom: 30px; margin-left: 20px; list-style: initial; }
section#content ol												{ margin-top: 10px; margin-bottom: 30px; }
section#content ul li, section#content ol li							{ color: #7a94a1; }

section#content ul.tick										{ margin-left: 0px; }
section#content ul.tick li										{ display: block; margin: 0; background: url(../images/icons/tick.png) left no-repeat; padding: 10px 10px 10px 30px; font-size: 16px; color: #7a94a1; }

section#content blockquote										{ margin: 30px 0; border: 0; padding: 0 30px; }
section#content blockquote p									{ font-family: 'Bitter', serif; font-weight: 400; font-size: 18px; color: #024c7b; }


section#content .contact-form									{ display: block; background: url(../images/logo-contact.png) top right no-repeat #0b2e4e; padding: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
section#content .contact-form h3								{ font-size: 18px; color: #fff; }
section#content .contact-form p								{ margin: 0; padding: 0; }
section#content .contact-form span.required					{ font-size: 18px; color: #7a94a1; font-weight: 700; padding: 0 10px; vertical-align: top; }
section#content .contact-form form								{ margin: 0; }
section#content .contact-form input								{ color: #7a94a1; margin: 0; margin-bottom: 20px; display: inline-block; width: 60%; padding: 15px; background: #fff; border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
section#content .contact-form textarea							{ color: #7a94a1; margin: 0; margin-bottom: 20px; display: inline-block; width: 60%; max-width: 60%; padding: 15px; background: #fff; border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
section#content .contact-form input:focus, .contact-form textarea:focus{ color: #90969a; }
section#content .contact-form input.submit						{ width: auto; display: inline-block; position: absolute; right: 50px; bottom: 55px; background: #f6b324; padding: 15px 40px; text-shadow: none; color: #0b2e4e; font-size: 16px; font-weight: 400; }
section#content .contact-form input.submit:hover				{ background: #fcbd37; }

.dropdown,
.dropdown div,
.dropdown li,
.dropdown div::after,
.dropdown .carat,
.dropdown .carat:after,
.dropdown .selected::after,
.dropdown:after{
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

section#content .contact-form .dropdown .selected::after,
section#content .contact-form .dropdown.scrollable div::after{
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none;
}

/* WRAPPER */

section#content .contact-form .dropdown{
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
	width: 66%;
	cursor: pointer;
	font-weight: 200;
	background: #ffffff;
	padding: 8px 0px 8px;
	
	border-radius: 5px;
	
	color:  #000;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

section#content .contact-form .dropdown.open{
	z-index: 2;
}

section#content .contact-form .dropdown:hover,
section#content .contact-form .dropdown.focus{
	background: #ffffff;
}

/* CARAT */

section#content .contact-form .dropdown .carat,
section#content .contact-form .dropdown .carat:after{
	position: absolute;
	right: 14px;
	top: 50%;
	margin-top: -3px;
	border: 6px solid transparent;
	border-top: 6px solid #0b2e4e;
	z-index: 1;
	
	-webkit-transform-origin: 50% 20%;
	-moz-transform-origin: 50% 20%;
	-ms-transform-origin: 50% 20%;
	transform-origin: 50% 20%;
	
}

section#content .contact-form .dropdown:hover .carat:after{
	border-top-color: #0b2e4e;
}

section#content .contact-form .dropdown.focus .carat{
	border-top-color: #0b2e4e;
}

section#content .contact-form .dropdown.focus .carat:after{
	border-top-color: #0b2e4e;
}

section#content .contact-form .dropdown.open .carat{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* OLD SELECT (HIDDEN) */

section#content .contact-form .dropdown .old{
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}

section#content .contact-form .dropdown select{
	position: absolute;
	left: 0px;
	top: 0px;
}

section#content .contact-form .dropdown.touch select{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

/* SELECTED FEEDBACK ITEM */ 
section#content .contact-form .dropdown .selected {
    color: #7a94a1;
}

section#content .contact-form .dropdown ul {
	margin: 0 !important;
}

section#content .contact-form .dropdown .selected,
section#content .contact-form .dropdown li{
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	padding: 8px 12px;
	overflow: hidden;
	white-space: nowrap;
	margin: 0;
}

section#content .contact-form .dropdown .selected::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 60px;
	
	border-radius: 0 5px 5px 0;
	box-shadow: inset -55px 0 25px -20px #ffffff;
}

section#content .contact-form .dropdown:hover .selected::after,
section#content .contact-form .dropdown.focus .selected::after{
	box-shadow: inset -55px 0 25px -20px #ffffff;
}

/* DROP DOWN WRAPPER */

section#content .contact-form .dropdown div{
	position: absolute;
	height: 0;
	left: 0;
	right: 0;
	top: 100%;
	margin-top: 1px;
	background: #ffffff;
	overflow: hidden;
	opacity: 0;
	color: #04724E;
	
	border-radius: 5px;
}

section#content .contact-form .dropdown:hover div{
	background: #ffffff;
	
	border-radius: 5px;
}

/* Height is adjusted by JS on open */

section#content .contact-form .dropdown.open div{
	opacity: 1;
	z-index: 2;
}

/* FADE OVERLAY FOR SCROLLING LISTS */

section#content .contact-form .dropdown.scrollable div::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
	
	box-shadow: inset 0 -50px 30px -35px #00c384;
}

section#content .contact-form .dropdown.scrollable:hover div::after{
	box-shadow: inset 0 -50px 30px -35px #00c384;
}

section#content .contact-form .dropdown.scrollable.bottom div::after{
	opacity: 0;
}

/* DROP DOWN LIST */

section#content .contact-form .dropdown ul{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	list-style: none;
	overflow: hidden;
	border-radius: 5px;
}

section#content .contact-form .dropdown.scrollable.open ul{
	overflow-y: auto;
}

/* DROP DOWN LIST ITEMS */

section#content .contact-form .dropdown li{
	list-style: none;
	padding: 14px 12px;
	border-bottom: 1px solid #e2e2e2;
}

section#content .contact-form .dropdown li:last-child {
    border-bottom: 0;
}

/* .focus class is also added on hover */

section#content .contact-form .dropdown li.focus{
	background: #19a3dd;
	position: relative;
	z-index: 3;
	color: #fff !important;
}

section#content .contact-form .dropdown li.active{
	background: #19a3dd;
	color: #fff !important;
}


section#content .pricing										{ position: relative; margin-bottom: 30px; padding: 25px; border: 2px solid #cce7f0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
section#content .pricing h2									{ color: #19a3dd; margin-bottom: 0; }
section#content .pricing p.right								{ position: absolute; right: 25px; top: 30%; }

section#content .price-circle									{ position: absolute; right: 0; display: block; text-align: center; width: 104px; height: 104px; background: url(../images/icons/price-tag.png) no-repeat; }
section#content .price-circle p								{ padding-top: 15px; line-height: 20px; font-size: 14px; color: #373a36; }
section#content .price-circle p span							{ font-size: 24px; line-height: 30px; font-weight: 700; color: #373a36; }

section#content ul.prod-menu									{ list-style: none; margin: 0; border-right: 1px solid #d7d7d7; }
section#content ul.prod-menu li									{ display: block; margin: 0; color: #024c7b; font-size: 16px; border-top: 1px solid #d7d7d7; }
section#content ul.prod-menu li:first-child						{ border-top: 0; }
section#content ul.prod-menu li span								{ display: inline-block; width: 70%; padding: 15px 10px 15px 0; }
section#content ul.prod-menu li img								{ display: inline-block; margin-top: 15px; margin-right: 10px; margin-left: 10px; float: right; }
section#content ul.prod-menu li a								{ display: block;  padding: 15px 10px 15px 15px; text-decoration: none; font-size: 14px; color: #7a94a1; }
section#content ul.prod-menu li.selected a						{ color: #19a3dd; background: #fff; border-left: 3px solid #19a3dd; }
section#content ul.prod-menu li a:hover							{ color: #607782; }

/* Content */



/* Packages Overview (including pricing tables) */

section#packages-overview									{ background: #fff; padding: 40px 0; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; }
section#packages-overview h2									{ font-size: 28px; color: #024c7b; margin-bottom: 20px; }

section#packages-overview .pricing-tables						{ display: block; margin-top: 60px; }
section#packages-overview .pricing-tables	.image				{ display: block; min-height: 194px; }
section#packages-overview .pricing-tables .list .row			{ margin: 0; background: #e6f4f9; padding: 18px 12px; }
section#packages-overview .pricing-tables .list .row:nth-child(even){ background: #fff; }
section#packages-overview .pricing-tables .package .row		{ margin: 0; background: #e6f4f9; padding: 18px 12px; }
section#packages-overview .pricing-tables .gold .row		{ margin: 0; background: #fff; font-weight: bold !important; padding: 18px 12px; }
section#packages-overview .pricing-tables .package .row.tick	{ padding: 12px 12px; }
section#packages-overview .pricing-tables .package .row.small	{ padding: 7px 12px; }
section#packages-overview .pricing-tables .package .row:nth-child(odd)	{ background: #fff; }
section#packages-overview .pricing-tables .gold .row:nth-child(odd)	{ background: #dbebf0; }
section#packages-overview .pricing-tables .row p				{ margin: 0; }
section#packages-overview .pricing-tables .purchase p			{ margin: 0; }

section#packages-overview .pricing-tables .package			{ position: relative; border: 1px solid #e6f4f9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
section#packages-overview .pricing-tables .package .heading	{ background: url(../images/price-tab-bottom.png) center bottom no-repeat #0b2e4e; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
section#packages-overview .pricing-tables .package .heading	{ text-align: center; margin-bottom: 20px; }
section#packages-overview .pricing-tables .gold .heading		{ text-align: center; margin-bottom: 0px; padding-bottom: 20px; }
section#packages-overview .pricing-tables .package .heading .title { margin: 0; border-bottom: 1px solid #051c31; padding: 15px 0; color: #fff; font-size: 18px; }
section#packages-overview .pricing-tables .gold .heading .title { margin: 0; border-bottom: 1px solid #eaab25; padding: 15px 0; color: #fff; font-size: 18px; }
section#packages-overview .pricing-tables .package .heading .price { margin: 0; border-top: 1px solid #13436e; font-size: 14px; color: #fff; padding: 20px 10px 30px 3px; }
section#packages-overview .pricing-tables .gold .heading .price { margin: 0; border-top: 1px solid #eaab25; font-size: 14px; color: #fff; padding: 20px 10px 30px 3px; }
section#packages-overview .pricing-tables .package .heading .price span { display: block; font-size: 30px; color: #f6b324; padding: 5px 0; }
section#packages-overview .pricing-tables .gold .heading .price span { font-weight: 700; color: #fff; }
section#packages-overview .pricing-tables .package .row		{ text-align: center; }

section#packages-overview .pricing-tables .purchase a.btn		{ display: block; border-radius: 0; text-align: center; }
section#packages-overview .pricing-tables .purchase p:last-child a.btn		{ -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; }

section#packages-overview .pricing-tables .gold .heading		{ background: url(../images/price-tab-bottom-gold2.png) center bottom no-repeat #f6b324; }

section#packages-overview .pricing-tables .row span.mobi		{ display: none; }

section#packages-overview .pricing-tables .package .bestseller { position: absolute; display: block; background: #f6b324; width: 90%; margin: 0 auto; top: -31px; left: 5%; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
section#packages-overview .pricing-tables .package .bestseller p { margin: 0; text-align: center; padding: 5px 10px; color: #0b2e4e; }

/* Packages Overview (including pricing tables) */



/* Product Features */

section#product-features										{ background: #f7f7f7; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; padding: 40px 0; }
section#product-features a.btn								{ padding: 15px 30px; }
section#product-features h4									{ font-size: 24px; color: #024c7b; margin-bottom: 20px; }

section#product-features a.expand								{ cursor: pointer; display: inline-block; margin-bottom: 20px; text-decoration: none; font-size: 16px; color: #0b2e4e; font-weight: bold; }

section#product-features #accordion h3							{ padding: 0; }
section#product-features #accordion h3							{ border: none; border-radius: 0 !important; margin-top: 0 !important; margin-bottom: 1px; padding: 15px 25px 15px 20px; vertical-align:middle !important; background: #0b2e4e; color: #fff; font-size: 18px; }
section#product-features #accordion h3 span.ui-accordion-header-icon { left: initial !important; right: 25px !important; }
section#product-features #accordion h3							{ vertical-align:middle !important; }
section#product-features #accordion h3 span:before					{ position: absolute; right: 60px; font-size: 12px; padding-top: 1px; color: #e6f4f9; content: "Click to expand" }
section#product-features #accordion h3 img						{ display: inline-block; float: left; margin-top: 5px; vertical-align:middle !important; padding-right: 15px; }
section#product-features #accordion .ui-state-default .ui-icon { background: url(../images/icons/accordion-header-plus.png) center center no-repeat !important; }
section#product-features #accordion .ui-state-active .ui-icon { background: url(../images/icons/accordion-header-minus.png) center center no-repeat !important; }
section#product-features #accordion h3.ui-state-active span:before	{ content: "Click to close" !important; }

section#product-features #accordion .ui-accordion-content		{ padding: 0; }
section#product-features #accordion  p							{ margin: 0; }

section#product-features #accordion .ui-widget-content		{ border: none; }
section#product-features #accordion .ui-state-detault			{ border: none !important; }
section#product-features #accordion .ui-state-active			{ border: none; border-radius: 0 !important; }
section#product-features #accordion .ui-corner-all			{ border-radius: 0 !important; }
section#product-features #accordion .ui-corner-bottom			{ border-radius: 0 !important; }

section#product-features #accordion .row						{ margin: 0; background: #e6f4f9; }
section#product-features #accordion .row:nth-child(even)		{ background: #fff; }

section#product-features #accordion .row .half					{ display: block; float: left; width: 50%; }
section#product-features #accordion .row .half	p				{ display: block; padding: 15px 25px; }

section#product-features #accordion .row:nth-child(even) .half:first-child p { border-right: 1px solid #e6f4f9; }

section#product-features #accordion .row .third				{ display: block; float: left; width: 33.3%; }
section#product-features #accordion .row .third p				{ display: block; padding: 15px 25px; }
section#product-features #accordion .row span.price-big		{ color: #aba000; font-size: 18px; font-weight: 600; }
section#product-features #accordion .row .third p.buy			{ padding: 0; }
section#product-features #accordion .row .third p.buy a.btn		{ display: block; border-radius: 0 !important; margin-left: 1px; }

section#product-features #accordion .row:nth-child(even) .third:first-child p { border-right: 1px solid #e6f4f9; }
section#product-features #accordion .row:nth-child(even) .third:last-child p { border-left: 1px solid #e6f4f9; }

/* Product Features */



/* Product Information */

section#product-info										{ background: #fff; padding: 60px 0; border-bottom: 1px solid #d7d7d7; }
section#product-info h2										{ font-size: 28px; color: #024c7b; margin-bottom: 40px; }
section#product-info table									{   font-size: 14px; color: #7a94a1; padding: 10px 20px; width:100%;  }
section#product-info td.header								{  border: 1px solid #d7d7d7; font-size: 14px; color: #7a94a1; padding: 10px 20px; vertical-align:middle; text-align: left; height:20px;}
section#product-info td										{  border: 1px solid #d7d7d7; font-size: 14px; color: #7a94a1; padding: 10px 20px; vertical-align:middle; text-align: center; height:20px;}
section#product-info td.noborder							{ border: 0; }
section#product-info td a									{ text-decoration: none; font-size: 14px; color: #7a94a1; }
section#product-info td.selected							{  border: 1px solid #d7d7d7; font-size: 14px; padding: 10px 20px; vertical-align:middle; background: #19a3dd;}
section#product-info td.selected a							{ text-decoration: none; font-size: 14px; color: #fff; }

section#product-info #tabs.ui-tabs							{ padding: 0 !important; }
section#product-info #tabs.ui-widget-content					{ border: 0 !important; background: none !important; }
section#product-info #tabs .ui-widget-header					{ background: none !important; }
section#product-info #tabs.ui-tabs .ui-tabs-nav				{ padding: 0 !important; }
section#product-info #tabs.ui-tabs .ui-tabs-nav li				{ position: static !important; border-radius: 0 !important; border: 0; display: inline-block; margin: 0 !important; }
section#product-info #tabs.ui-tabs .ui-tabs-nav li a				{ font-size: 14px; color: #7a94a1; padding: 15px 40px; background: #fff; border-right: 1px solid #d7d7d7; }
section#product-info #tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin: 0 !important; padding: 0 !important; }
section#product-info #tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a {  background: #19a3dd; color: #fff !important; font-size: 14px; color: #7a94a1; padding: 15px 40px; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 0; }
section#product-info #tabs .ui-corner-all						{ border-radius: 0; }
section#product-info #tabs.ui-tabs .ui-tabs-panel				{ padding: 40px 0 0 0; }
section#product-info #tabs.ui-tabs .ui-tabs-panel h2			{ font-size: 28px; color: #024c7b; margin-bottom: 20px; }
section#product-info #tabs.ui-tabs .ui-tabs-panel table.noborder { width: 100%; border: 0; }
section#product-info #tabs.ui-tabs .ui-tabs-panel table.noborder tr td { padding: 6px 0px; font-size: 14px; }
section#product-info #tabs.ui-tabs .ui-tabs-panel table.noborder td:nth-child(odd) { color: #024c7b; }
section#product-info #tabs.ui-tabs .ui-tabs-panel table.noborder td:nth-child(even) { color: #7a94a1; padding: 6px 8px; }

section#product-info .notes									{ display: block; padding: 60px 0 30px 0; margin-bottom: 20px; }
section#product-info .notes.border-bottom						{ display: block; border-bottom: 1px solid #d7d7d7; }
section#product-info .notes h5									{ font-size: 18px; color: #0b2e4e; }
section#product-info .notes h5	span							{ color: #024c7b; }
section#product-info .notes h5	span em							{ color: #19a3dd; font-style: normal; }
section#product-info .notes h5	span a							{ color: #19a3dd; text-decoration: none; }
section#product-info .notes h5	span a:hover						{ color: #425b68; }
section#product-info .notes p									{ font-style: italic; color: #7a94a1; font-size: 14px; padding-top: 20px; }	

section#product-info .searching								{ display: block; padding: 30px 0; }
section#product-info .searching h4								{ font-size: 24px; color: #024c7b; margin-bottom: 20px; }
section#product-info .searching p a							{ color: #19a3dd; text-decoration: none; }
section#product-info .searching p a:hover						{ color: #425b68; }


section#product-info .accordion h3.ui-accordion-icons			{ padding: 0; }
section#product-info .accordion h3.ui-accordion-header			{ border: none; border-radius: 0 !important; border-bottom: 1px solid #d7d7d7; margin-top: 0 !important; margin-bottom: 20px; padding: 15px 15px 15px 0px; vertical-align:middle !important; background: none; font-size: 24px; color: #024c7b; }
section#product-info .accordion h3 span.ui-accordion-header-icon { left: initial !important; right: 5px !important; }
section#product-info .accordion h3								{ vertical-align:middle !important; }
section#product-info .accordion h3 img							{ display: inline-block; vertical-align:top !important; padding-right: 15px; }
section#product-info .accordion .ui-state-default .ui-icon 	{ background: url(../images/icons/accordion-header-plus-blue.png) center center no-repeat !important; }
section#product-info .accordion .ui-state-active .ui-icon 		{ background: url(../images/icons/accordion-header-minus-blue.png) center center no-repeat !important; }

section#product-info .accordion .ui-accordion-content			{ padding: 0; }
section#product-info .accordion .ui-accordion-content p		{ margin: 0; }

section#product-info .accordion .ui-widget-content			{ border: none; }
section#product-info .accordion .ui-state-detault				{ border: none !important; }
section#product-info .accordion .ui-state-active				{ border: none; border-radius: 0 !important; }
section#product-info .accordion .ui-corner-all				{ border-radius: 0 !important; }
section#product-info .accordion .ui-corner-bottom				{ border-radius: 0 !important; }

section#product-info .accordion .row							{ margin: 0; background: #e6f4f9; }
section#product-info .accordion .row:nth-child(even)			{ background: #fff; }

section#product-info .accordion .row:nth-child(even) .half:first-child p { border-right: 1px solid #e6f4f9; }

section#product-info .accordion .row .half:first-child p		{ color: #024c7b; }
section#product-info .accordion .row .half:first-child img		{ float: left; margin-right: 15px; }

section#product-info .accordion .row .half						{ display: block; float: left; width: 50%; }
section#product-info .accordion .row .half p					{ display: block; padding: 15px 25px; }
section#product-info .accordion .row span.price-big			{ color: #aba000; font-size: 18px; font-weight: 400; font-style: italic; }
section#product-info .accordion .row .half p.buy				{ padding: 0; }
section#product-info .accordion .row .half p.buy a.btn			{ display: block; border-radius: 0 !important; margin-left: 1px; padding: 15px 0; text-align: center; }

section#product-info .accordion .row:nth-child(even) .third:first-child p { border-right: 1px solid #e6f4f9; }
section#product-info .accordion .row:nth-child(even) .third:last-child p { border-left: 1px solid #e6f4f9; }

section#product-info .accordion .detail						{ display: block; margin: 40px 0; }

/* Product Information */




/* Contact Alternatives Section */

section#contact-alternatives									{ padding: 40px 0; background: #f7f7f7; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; }
section#contact-alternatives h2								{ font-size: 24px; color: #024c7b; margin-bottom: 20px; }
section#contact-alternatives h3								{ font-size: 18px; color: #19a3dd; margin-bottom: 10px; }
section#contact-alternatives p								{ font-size: 14px; margin: 0; }
section#contact-alternatives p.top							{ margin-top: 20px; }
section#contact-alternatives p a								{ font-size: 14px; color: #19a3dd; }
section#contact-alternatives ul								{ margin-top: 20px; list-style: none; }
section#contact-alternatives ul li								{ padding: 15px 0; margin: 0; border-bottom: 1px solid #d7d7d7; }
section#contact-alternatives ul li:first-child					{ border-top: 1px solid #d7d7d7; }

section#contact-alternatives ul li.phone						{ background: url(../images/icons/phone-small.png) left no-repeat; padding: 15px 0 15px 25px; font-size: 14px; color: #19a3dd; }
section#contact-alternatives ul li.email						{ background: url(../images/icons/mail-small.png) left no-repeat; padding: 15px 0 15px 30px; font-size: 13px; color: #19a3dd; }

section#contact-alternatives ul li a								{ text-decoration: none; color: #19a3dd; }
section#contact-alternatives ul li a:hover						{ text-decoration: underline; }

/* Contact Alternatives Section */




/* Contact Last */

section#contact-last											{ background: #fff; padding: 40px 0; }
section#contact-last p a										{ color: #19a3dd; text-decoration: none; }
section#contact-last p a:hover									{ text-decoration: underline; }
section#contact-last p span.bigger								{ color: #024c7b; font-size: 18px; }

/* Contact Last */




/* Sidebar */

aside .border-right											{ margin-right: 5px; border-right: 1px solid #d7d7d7; }
aside h3														{ font-size: 18px !important; color: #024c7b; margin-bottom: 10px !important; }

aside .quote													{ padding: 0 20px 10px 0; border-bottom: 1px solid #d7d7d7; }
aside .quote h3												{ background: url(../images/icons/quote.png) right no-repeat; }

aside .block													{ padding: 20px 20px 10px 0; border-bottom: 1px solid #d7d7d7; }

aside p span													{ color: #19a3dd; }
aside .block p a												{ color: #7a94a1; text-decoration: none; }
aside .block p a:hover											{ color: #19a3dd; }

/* Sidebar */




/* Footer */

footer														{ padding: 40px 0 0 0; background: #f2f2f2; }
footer h5														{ font-size: 14px; font-weight: 700; color: #024c7b; margin-bottom: 10px; }
footer ul														{ list-style: none; }
footer ul li														{ margin-bottom: 5px; }
footer ul li	a													{ font-size: 14px; color: #7a94a1 !important; text-decoration: none; }
footer ul li	a:hover												{ color: #19a3dd !important; }

footer .logo 													{ display: inline-block; text-align: left; }
footer .logo a													{ display: block; float: right; background: url(../images/logo-xhost-solutions-footer.png) no-repeat; width: 156px; height: 81px; text-indent: -999999px; }

footer .slide-top												{ display: block; clear: both; text-align: center; padding-top: 40px; }
footer .slide-top	a											{ display: inline-block; background: url(../images/to-top.jpg) no-repeat; width: 100px; height: 37px; text-indent: -999999px; }

/* Footer */




/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		header .top nav ul li .dropdown { width: 768px; }
		header .top nav ul li .dropdown .quarter .title p { font-size: 14px; }
		
		section#offers .partners ul li { display: block; text-align: center; padding: 0; }
		
		section#domain-search .search-domains .title { font-size: 16px; padding: 21px 15px; }
		section#domain-search .search-domains .form label { font-size: 16px; }
		section#domain-search .search-domains .form input { width: 155px; font-size: 14px;  }
		
		section#packages-overview .pricing-tables .row {  }
		section#packages-overview .pricing-tables .list .row { padding: 15.5px 12px; }
		section#packages-overview .pricing-tables .package .row { padding: 16px 12px; }
		section#packages-overview .pricing-tables .row p { font-size: 12px; line-height: 18px; }
		section#packages-overview .pricing-tables .package .heading .price span { font-size: 24px; }
		
		section#packages-overview .pricing-tables .package .bestseller { position: absolute; display: block; background: #f6b324; width: 90%; margin: 0 auto; top: -47px; left: 5%; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
		section#packages-overview .pricing-tables .package .bestseller p { margin: 0; text-align: center; padding: 5px 10px; color: #0b2e4e; font-size: 14px; line-height: 18px; }
		
		a.btn { display: block; text-align: center; padding: 15px 20px !important; }
		
		section#content .pricing p.right { position: static; }
		section#content .pricing p.right a.btn { display: inline-block; }
		
		section#content .contact-form input.submit { right: 30px; }
		section#contact-alternatives ul li.email { background: none; padding-left: 0; }
		
		section#product-info #tabs.ui-tabs .ui-tabs-nav li a { padding: 15px 15px; }
		section#product-info #tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a { padding: 15px 15px; }
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		header nav ul { display: none !important; }
		.mobinav { displaY: block; margin-top: 40px; background: url(../images/icons/nav-menu.png) center center no-repeat; width: 24px; height: 24px; text-indent: -999999px; }
		
		section#hero { display: none; }
		
		section#packages-overview .pricing-tables .col1 .image { text-align: center; }
		section#packages-overview .pricing-tables .list { display: none; }
		section#packages-overview .pricing-tables .package { margin-bottom: 40px; }
		section#packages-overview .pricing-tables .package .heading { background-image: none; margin-bottom: 0; }
		section#packages-overview .pricing-tables .gold .heading { background-image: none; padding-bottom: 0; }
		section#packages-overview .pricing-tables .package .row { padding: 12px 12px; }
		section#packages-overview .pricing-tables .package .row.tick { padding: 10px 12px; }
		section#packages-overview .pricing-tables .mobitop { position: relative; }
		section#packages-overview .pricing-tables .package a.btn { padding: 20px 0; }
		
		section#packages-overview .pricing-tables .package .bestseller { position: static; display: block; background: #f6b324; width: 100%; margin-bottom: 1px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
		section#packages-overview .pricing-tables .package .bestseller p { margin: 0; text-align: center; padding: 10px 10px; color: #0b2e4e; font-size: 18px; font-weight: 700; line-height: 18px; }
		
		section#packages-overview .pricing-tables .row span.mobi		{ display: block; font-weight: 600; }
		
		section#content .home .ten.columns .border-right { border: none; padding-bottom: 0; }
		
		section#offers .partners { margin: 20px 0; }
		
		a.btn { display: block; text-align: center; padding: 15px 20px !important; }
		
		section#content .pricing p.right { position: static; }
		section#content .pricing p.right a.btn { display: inline-block; }
		
		section#content .contact-form input.submit { right: 30px; }
		section#contact-alternatives ul li.email { background: none; padding-left: 0; }
		
		section#product-info #tabs.ui-tabs .ui-tabs-nav li a { padding: 15px 15px; }
		section#product-info #tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a { padding: 15px 15px; }
		
		section#content .contact-form input.submit { position: static; }
		
		section#domain-search { display: none; }
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		header nav ul { display: none; }
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		body { padding-top: 90px; }
		
		header { position: fixed; top: 0; width: 100%; z-index: 99; }
		
		header nav ul { display: none; }
		
		section#domain-search { display: none; }
		
		.container { position: relative; margin-right: 10px; }
		
		header .company-info { display: none; }
		
		ul.prod-menu { margin-bottom: 50px !important; }
		
		section#content .contact-form input.submit { position: static; }
		
		section#content .contact-form input, section#content .contact-form textarea { width: 76% !important; max-width: 76% !important; }
		section#content .contact-form .dropdown{ width: 88%; }
		
	}