.homeSlider {max-width: 100%!important;}
.newHomeSlider {
	background:#060F1E url("/images/slider/bcomConnectivity2019/bg.jpg");
	background-size: cover!important;
	background-repeat: no-repeat!important;
	height: 550px;
	color:white;
	font-size: 24px;
	padding: 70px 0px 30px;
	text-align: center;
}
.slideImageCentered {margin: 50px 0px 0px;}
#chipPinList {font-size: 18px; margin-top: 30px;}
.slideTwo {
	background:#060F1E url("/images/slider/cardreaders/bg.jpg");
}
.slidePricing {
	background:#060F1E url("/images/slider/pricing/bg.jpg");
}
.slideTwo img {display: block; margin: 30px; max-width: 100px;}
.newHomeSlider a {cursor:pointer!important; background:#359A3E; padding: 10px 20px; font-size: 24px; margin:40px auto 0px; text-align:center; display: block; color: white; font-weight: normal; max-width: 280px;}
.newHomeSlider a:hover {background:#0c8016; transition: all ease .2s;}
.sliderColOne {position: relative; text-align: center;}
.slideColTwo {}
.sliderColOne img {display: inline-block!important;}
.sliderColTwo div {margin-bottom: 20px;}
.slick-slide img {display: inline!important;}

.pricingGraphics {max-width: 100%;}
.blogLink {color:#ffffff; font-size: 18px;}
.blogLink:hover {border-bottom:1px solid #359A3E; transition: all .2s ease; color:#fff;}
#roadtrip {max-width: 100%;}
.titleBar {margin:85px auto 0px!important;}
.cmWidthRight {padding: 20px 0px!important;}
.simplePrice {margin:0px 0px 20px 0px!important;}
#landingPageContainer {
	padding: 40px 20px 20px 20px;
}
#icnMobile {
	font-size: 72px;
	margin: 0px 0px 0px 15px;
	color: #999999;
	float:right;
}
.back {
	float:right;
}
.back:before {
		font-family: FontAwesome;
	content: "\f104";
	display: inline-block;
	padding-right: 3px;
	vertical-align: middle;
	width: 12px;
	font-size: 12px;
}
.rightCol {margin:10px 0px 0px 0px}

#clip {
  background: url(/images/bg_vids_channelmanager.jpg);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-size: 28vw;
  font-weight: bold;
  text-align: center;
}

.card{
  	font-size: 28vw;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-repeat: no-repeat;
    background-image: url(/images/bg_vids_channelmanager.jpg);
}


.opacity {
	 opacity: 0.7;
}
.opacity:hover {
	opacity:1;
	transition: all 0.3s ease;
}
.description {
	text-align: left;
	margin: 30px 0px 0px 0px;
	padding: 0px!important;
	font-size:22px;
}
.fourPics {
	width:25%;
	margin: 0px 0px 30px 0px;
	padding: 0px;
	border: 0px;
	float: left;
}

.topNumber {
	display: none;
}
.blogHead {padding: 80px 20px 20px; background: #EEE; color:#333; font-size: 36px; text-align: center;}
.blogReadMore {background: #359A3E; padding: 10px 20px; color:#FFF; display: inline-block; margin-bottom: 30px;}
.blogReadMore:hover {color:white;}
#blog_comments div {max-width: 100%!important;}
.blogTitle {padding: 0px; margin: 0px 0px 10px 0px; font-size: 24px; text-align: left; color:#000; display: inline-block;}
.blogText {
	font-size:18px;
	line-height: 24px;
	color: #0a0a0a;
	line-height: inherit;
	font-weight: normal;
	text-align: left;
	padding: 15px 0px;
	font-family: 'Source Sans Pro', sans-serif!important;
}
.blogText span, div, p, label, b, {font-family: 'Source Sans Pro', sans-serif!important;}
.blogPostPic,.blogPostPic img {max-width: 100%; margin: 10px 0px 10px;}
.blogCont {
	vertical-align: top;
	text-align: left;
	border-radius: 5px;
	padding: 10px;
	border-bottom:1px solid #CCC;
	margin-top: 10px;
}
.blogCont img {max-width: 100%!important; max-height: 200px; margin: 0px;}
.blogPicHolder {min-height: 200px; background: #EEE; margin-bottom: 30px; text-align: center; padding: 10px;}

#emf-form-iframe-container:after, .pricingOptions, .bookingFeat:after,.intro:after,.gds:after, .container:after, .title:after, .pricing:after, .feat:after, .pmsCont:after, .pricingTotal:after, .chatForm:after, .clearfix:after {
	content: "";
	clear: both;
	display: table;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
body {
	font-family: 'Source Sans Pro', sans-serif;
	margin:0px 0px 0px 0px;
	font-size:16px;
}
h2 {
	font-size: 32px;
	text-align: center;
	margin:0px 20px 10px 20px;
}
h2 {
	font-size: 28px;
	text-align: center;
	margin:0px 20px 10px 20px;
}
a {
	font-weight: bold;
	font-size: inherit;
}
a:hover {
	text-decoration: none;
	transition-delay: 0s, 0s, 0s, 0s;
	transition-duration: 0.15s, 0.15s, 0.15s, 0.15s;
	transition-timing-function: ease-out, ease-out, ease-out, ease-out;
}
.links {
	font-weight: bold;
	font-size: 16px;
	border-bottom:1px solid rgba(0,0,0,.3) !important;
	display: inline-block;
}
.links:hover {
	border-bottom:1px solid rgba(0,0,0,.8) !important;
	display: inline-block;
}
.linkWhite {
	font-weight: bold;
	border-bottom:1px solid rgba(255,255,255, .3);
	color:white;
}
.linkWhite:hover {
	border-bottom:1px solid rgba(255,255,255, .9);
	transition: all 0.3s ease;
	color:#FFF;
}
.buttonLarge {
	width:220px!important;
}
.button {
	text-align: center;
	width:100px;
	transition: all .1s linear;
	border-radius: 66px;
	color:#fff!important;
	padding:7px 25px;
	text-decoration: none;
	font-size:18px;
	font-weight: bold;
	display: block;
	margin:25px auto 0px;
	background:#359A3E;
	clear: both!important;
	-webkit-appearance: none;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	border:none!important;
	cursor: pointer!important;
}
.formButton:before,.button:before {
	content: '';
	position: absolute;
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 66px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: top, right, bottom, left;
	transition-property: top, right, bottom, left;
	-webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.2);
	box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.2);
}
.button:hover:before, .button:focus:before, .button:active:before,
.formButton:hover:before, .formButton:focus:before, .formButton:active:before {
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
}
.formButton:hover,.button:hover, .blogReadMore:hover {
	background: #0c8016;
}
.formButton,.button:focus {
	background-position: 0 -14px;
}
.formButton,.button:active{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#32773f+0,43a047+100 */
	background: #32773f;
}

.formButton {
	width:100%;
	text-align: center;
	transition: all .1s linear;
	border-radius: 66px;
	color:#fff!important;
	padding:7px 25px;
	text-decoration: none;
	font-size:18px;
	font-weight: bold;
	background:#359A3E;
	-webkit-appearance: none;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	border:none!important;
	cursor: pointer!important;
}


/* Outline Out */
.hvr-outline-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
}
.hvr-outline-out:before {
	content: '';
	position: absolute;
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 66px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: top, right, bottom, left;
	transition-property: top, right, bottom, left;
}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
}
.header {
	z-index:6000;
	position:fixed;
	vertical-align:top;
	left:0;
	right:0;
	top:0;
	background-color:#1d4a86;
	box-shadow:1px 1px 4px 0 rgba(0,0,0,.4);
	height:55px;
}
.logo {
	width:220px;
	margin-top:1px;
	display: inline-block;
	padding:0px;

}
.menu section:last-child {
	background:#359A3E!important;
}
#contactNav:hover{
	background:#0c8016!important;
}

.header > a {display:block;float:left;font-size:2em;padding:8px 0px 0px 15px;text-decoration:none;}

/* MENU START */
nav.menu {margin:0;padding:0;list-style:none;overflow:hidden;background-color:rgba(29, 74, 134, .95);clear:both;max-height:0;transition:max-height .1s ease-out;}
nav.menu > section > a {font-size:16px;line-height:20px;height:20px;display:block;padding:15px;color:#ffffff;border-bottom:1px solid rgba(255, 255, 255, .2);text-decoration:none;}
nav.menu > section > a:hover, .header input[type=checkbox]:hover {background-color:#0e3060;color:#FFF;transition:.1s linear!important;}

.header label {padding:11px 5px;cursor:pointer;user-select:none;position: absolute;right:15px; top:15px; width:20px;}
.header label span {background:#FFFFFF;display:block;height:2px;position:relative;transition:background .2s ease-out;width:20px;}
.header label span:before,
.header label span:after{background:#FFFFFF;content:'';display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%;}
.header label span:before {top: 5px;}
.header label span:after {top: -5px;}
.header input[type=checkbox] {display: none;}
.header input[type=checkbox]:checked ~ .menu {max-height: 640px;}
.header input[type=checkbox]:checked ~ label span {background: transparent;}
.header input[type=checkbox]:checked ~ label span:before {transform: rotate(-45deg);}
.header input[type=checkbox]:checked ~ label span:after {transform: rotate(45deg);}
.header input[type=checkbox]:checked ~ label:not(.steps) span:before,
.header input[type=checkbox]:checked ~ label:not(.steps) span:after {top: 0;}

.hidden {display:none; background: #0e3060; list-style: none; padding:0px;  margin: 0px;}
.hidden > li {margin: 0px; box-sizing: border-box; padding: 15px;border-bottom:1px solid rgba(255, 255, 255, .2);}
.hidden > li > a {font-weight:normal; margin:0px;color:#FFFFFF; box-sizing: border-box; display: block;}
.hidden > li > a > div {display: none;}
.hidden > li:hover {background:#093d86; transition: all ease .2s;}

/*Display the dropdown on hover*/
.menu section a:hover + .hidden, .hidden:hover {
    display: block; margin: 0px; padding: 0px; background: #0e3060; z-index: 9999;
}

/* NEW HERO */
.arrow {
	background: rgba(255, 255, 255, .2);
	display: inline-block;
	margin: 0px;
	height:90px;
	width:45px;
	position: absolute;
	top:150px;
	cursor: pointer;
	transition:.1s;
}
.arrow:hover {
	background: rgba(255, 255, 255, .7);
	transition:.1s;
}
.arrow:after {
	line-height:85px;
	font-size:42px;
	color:rgba(0, 0, 0, .5);
	font-family: FontAwesome;
	}
#leftArrow {
	left:-5px;
	border-bottom-right-radius: 90px;
 	border-top-right-radius:90px;
}
#leftArrow:after {
	content: "\f104";
	margin-left:10px;
}
#rightArrow {
	right:0px;
	border-bottom-left-radius: 90px;
 	border-top-left-radius:90px;
	text-align: right;
}
#rightArrow:after {
	content: "\f105";
	padding-right:10px;
	padding-left:5px;
}


/* HOME FEATURES */
#homeFeatures {
	width:100%;
	margin:auto;
}
.hiddenHead {font-weight: normal; color: #000; font-size: 16px; line-height: 24px; display: inline;}
.homeFeatLink {font-weight: normal; color:#000;transition: all ease .2s; padding: 30px; display: block; min-height: 135px;}
#homeFeatures h2 {color:#1D4A86;transition: all ease .2s; font-weight: normal;}
#homeFeatures a:hover {color:#666; background:#F0F0F0; transition: all ease .2s;}
#homeFeatures a:hover h2 {color:#000;transition: all ease .2s;}
#homeFeatures section {
	padding:0px;
}
#homeFeatures section:nth-child(2) {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

/* VIDS */
#vidsBg-home {
		background-color: #030617;
		background: url("/images/bg_homevids2.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: bottom center;
}
#vidsBg-channelmanager {
		background: url("/images/bg_vids_channelmanager.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: bottom center;
}
.vids {
	padding:20px;
	color:#fff;
	text-align: center;
}
.vids div {
	padding:20px 0px 50px 0px;
}
.vids h2 {
	margin-bottom:10px;
	font-size:22px;
}
.vids ul {
	list-style: none;
	margin:0;
	padding:0;
	text-align: center;
}
.vids li {
	margin-bottom:50px;
	display:inline-block;
}
.vids ul > li > a {
	margin-top:20px;
	display: inline-block;
}
.youtube {
	width:95%;
	height: 312px;
}



/* STAND ALONE CTA */
.ctaNew {
	font-size: 24px;
	text-align: center;
	color:#fff;
	background-color: #0E3060;
	padding:30px;
	transition: all 0.3s ease;
}

/* PICTURE GRID */
.graphicNew {
	display: table;
	width:100%;
 }
	.graphicNew ul {
		list-style: none;
		padding:0;
		display: table;
		width:calc(100% - 10px);
		margin:10px 0px;
		height:250px;
	}
	.graphicNew li {
		border-left:10px solid white;
		z-index:10;
		text-align: center;
		display: table-cell;
		margin:0 10px 0 0!important;
	}
	.graphicNew ul li:nth-child(-n+2) {
	   display:none;
	}
	.graphicNew ul li:nth-child(n+6) {
		display:none;
	}
	.graphicNew ul li:nth-child(3) {
		background: url("/images/pic_03.jpg");
		background-size: cover;
	}
	.graphicNew ul li:nth-child(4) {
		background: url("/images/pic_04.jpg");
		background-size: cover;
	}
	.graphicNew ul li:nth-child(5) {
		background: url("/images/pic_05.jpg");
		background-size: cover;
	}
	.graphicNew ul li:nth-child(6) {
		background: url("/images/pic_06.jpg");
		background-size: cover;
	}
	.graphicNew ul li:nth-child(7) {
		background: url("/images/pic_07.jpg");
		background-size: cover;
	}

/* TESTIMONIALS */
.testi {
	padding:30px 15px;
	color:#fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10315b+0,134c6b+100 */
	background: rgb(16,49,91); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(16,49,91,1) 0%, rgba(19,76,107,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(16,49,91,1) 0%,rgba(19,76,107,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(16,49,91,1) 0%,rgba(19,76,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10315b', endColorstr='#134c6b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.testi UL {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.testi Ul LI {
	vertical-align: top;
}
.testi div > UL > LI > div:before {
	font-family: FontAwesome;
	content: "\f10d";
	display: inline-block;
	padding-right: 3px;
	margin-right:5px;
	vertical-align: middle;
	width: 12px;
	color:rgba(255,255,255,.4);
}
.testi div > UL > LI > div:after {
	font-family: FontAwesome;
	content: "\f10e";
	display: inline-block;
	padding-right: 3px;
	margin-left:5px;
	vertical-align: middle;
	width: 12px;
	color:rgba(255,255,255,.4);
}
.testi span {
	display: block;
	margin-top:15px;
	margin-bottom:40px;
	font-weight:bold;
}
.testi img {
	max-width: 100%;
	height: auto;
	margin:0px auto 20px!important;
	display: block;
}
.testi a {
	margin-top:10px;
	width:180px;
}
.testi h2 {
	margin:0 0px 15px 0px;
	padding:0px;
	color:#fff;
	font-size:28px;
	border-bottom:1px solid rgba(255,255,255,.4);
	padding-bottom:10px;
}

/* FOOTER */
.contactUs {
	padding:20px 20px 10px 20px;
	color:#fff;
	background: #0E3060;
}
.contactUs UL {
	list-style: none;
	padding: 0px;
	margin: 30px 0px 0px 0px;
}
.contactUs UL LI {
	margin: 0px 0px 30px 0px;
	padding-left:5px;
	font-size:18px;
}
.contactUs UL LI a {
	font-size:20px;
	font-weight: bold;
	display: inline-block;
	border-bottom:1px solid rgba(255,255,255, .3);
	color:white;
	margin:0px 10px 0px 0px;
}
.contactUs a:hover {
	border-bottom:1px solid rgba(255,255,255, .9);
	transition: all 0.3s ease;
}
.contactUs span {
	font-size:32px;
	display: block;
	margin-bottom:10px;
}
.footer {
	color:#999;
	padding:30px 20px 30px 20px;
	background: #000;
	text-align: center;
	position: relative;
}
.footer:after {
	content: "";
	display: block;
	clear: both;
}
.social {
	list-style: none;
	padding:0;
	margin: 0px 0px 0px 0px;
}
.social li {
	display: inline-block;
	margin:10px 5px 20px 5px;
}
.social li:first-child {
	text-transform: uppercase;
	display: block;
	font-size: 24px;
	font-weight: bold;
	margin-bottom:10px;
}
.socialLinks {
	background: #fff;
	border-radius: 55px;
	width:35px;
	height:35px;
	padding:9px;
	font-size:32px!important;
	line-height:32px!important;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
}
.socialLinks:hover {
	color:#ffffff;
	background:#1D4A86;
}
.socialLinks:before {
	content: '';
	position: absolute;
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 66px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-property: top, right, bottom, left;
	transition-property: top, right, bottom, left;
}
.socialLinks:hover:before, .socialLinks:focus:before, .socialLinks:active:before {
	line-height: 60px;
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
}
.footerLinks {
	list-style: none;
	padding: 0px;
	margin:0px;
	text-align: center;
	display: block;
	font-weight: bold;
	font-size:24px;
	padding:20px 0px 0px 0px;
	margin:20px 0px 0px 0px;
	border-top:1px solid #333333;
	line-height: 30px;
}
.footerLinks > li > a {
	color:#ffffff;
	font-size:18px;
	font-weight:normal!important;
}
.footerLinks > li > a:hover {
	border-bottom:1px solid #286FC8;
	transition-duration: 0.2s;
}

#copyRight {
	text-align: center;
	padding:10px;
	background: #0d0d0d;
	color:#666666;
}

/* END HOMEPAGE */

.grad {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#134b6d+0,2679ae+100 */
	background: rgb(19,75,109); /* Old browsers */
	background: linear-gradient(135deg,  rgba(19,75,109,1) 0%,rgba(38,121,174,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.graphic {
	max-width: 100%;
	height: auto;
	margin:auto!important;
	display: block;
}
.rotate {
	position: relative;
	height:300px;
	background: #000;
	margin:0px;
	background-size: cover!important;
	background-repeat: no-repeat;
	background-position: center center!important;
	}
.backPms {
	background:#000 url("/images/bg_header_pms.jpg");
	}
.backYield {
	background:#000 url("/images/bg_header_yield.jpg");
	background-position:bottom center!important;
	}
.backSupport {
		background:#000 url("/images/bg_header_support.jpg");
		background-position:center center!important;
	}
.backPricing {
		background:#000 url("/images/bg_header_pricing.jpg");
		background-position: center center!important;
	}
.backCm {
		background:#000 url("/images/bg_header_cm.jpg");
	}
.backBook {
		background:#000 url("/images/bg_header_book.jpg");
	}
.backTemplates {
	background:#000 url("/images/bg_header_templates.jpg");
	}
.backContact {
		background:#000 url("/images/bg_header_contact.jpg");
		background-position: top center!important;
	}
.headNew {
	position: absolute;
	z-index: 2;
	left:20px;
	right:20px;
	top:65px;
	color:#fff;
	font-size: 28px;
	font-weight: bold;
	text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5), 0px 0px 55px rgba(0, 0, 0, 0.5), rgba(0, 0, 0, .5) 5px 4px 4px, rgba(0, 0, 0, .5) 0px 0px 11px, rgb(0, 0, 0) 0px 0px 24px,-2px 3px rgba(0, 0, 0, .2), 0 2px 3px rgba(0, 0, 0, .2), 2px 0 3px rgba(0, 0, 0, .2), 0 -2px 3px rgba(0, 0, 0, .2);
	transition: all 0.3s ease;
}
.headNew span {
	font-size:18px!important;
	font-weight: normal;
	display: block!important;
}
.container {
	padding:20px 20px 30px 20px;
	font-size:18px;
}
.containerFeatures {
	padding:0px;
}
.title {
	font-size:32px;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	margin:30px 0px 20px 0px;

}
.pipe {
	display: inline-block;
	color:#ccc;
	margin:0px 15px 0px 15px;
}
.highlight {
	border-radius: 4px;
	padding: 0px;
	font-size: 18px;
	text-align: center!important;
	font-weight: bold;
	margin:10px 0px 20px 0px;
	color:#000!important;
}
.highlight h2 {
	font-size:32px;
	border-bottom:1px solid rgba(0,0,0,0.2);
	margin: 0px 0px 15px 0px;
	padding:0px 0px 5px 0px;
}
.highlight b {
	display: block;
	margin:15px 0px 10px 0px;
	font-size:26px;
	color:#359A3E;
}
.highlight span {
	font-size:14px;
	display: block;
	font-weight: normal;
	margin-top:10px;
}
.pmsPricing {
	text-align: center!important;
}
.emphasize{
	font-size:24px;
	font-weight:600;
	line-height:32px;
	display: block!important;
	margin:15px 15px 0px 0px;
	color:#0a0a0a;
	text-align: left!important;
}
label {
	font-size:20px;
	font-weight:700;
	line-height:24px;
	display: block!important;
	margin-bottom:10px;
	color:#0a0a0a;
	text-align: left!important;
}
label {
	width:100%;
}
.featureList {
	list-style: none;
	padding:0px;
	margin-bottom:20px;
	text-align: center;
}
.featureList li {
	box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.2);
	margin:20px 10px 0px;
	border-radius: 5px;
	max-width: 298px;
	display: inline-block;

}
.featureList li img {
	width: 100%;
}
.featureList li:hover {
	box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.4);
}
.featureList li span {
	font-weight:bold;
	margin-bottom:15px;
	font-size:20px;
	display: block;
}
.featureList li a {
	padding:10px 15px 15px 15px;
	display: block;
	transition: all 0.3s ease;
}
.featureList li a:hover {
	color:#000000;
	transition: all 0.3s ease;
}
.one {
	border-bottom:0px!important;
	text-align: center!important;
	font-weight:normal;
	margin-top:60px;
}
.sub {
	text-align: left;
	font-size:20px!important;
	font-weight: normal!important;
	margin-bottom:30px!important;
}

.gds {
	list-style: none;
	padding: 0px;
	text-align: center;
	margin:30px 0px 0px 0px!important;
}
.gds li:last-child {
	margin-bottom:0px!important;
}
.gds li {
	margin-bottom:25px;
}
.feat {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.feat li {
	margin-bottom:30px;
}
.feat li span:before {
	font-family: FontAwesome;
	display: inline-block;
	margin-right:10px;
	margin-top:-3px;
	vertical-align: middle;
	font-weight: normal;
	color:#359A3E;
}
#gdsFeat.feat li:nth-child(1) span:before {
	content: "\f06e";
}
#gdsFeat.feat li:nth-child(2) span:before {
	content: "\f200";
}
#gdsFeat.feat li:nth-child(3) span:before {
	content: "\f236";
}
#gdsFeat.feat li:nth-child(4) span:before {
	content: "\f080";
}
.feat span {
	font-weight: bold;
	font-size:22px;
	display: block;
	margin-bottom:10px;
}

.pricing {
	list-style: none;
	padding: 0px;
	margin: 0px auto;
	text-align: center;
}
.pricing li:first-child {
	padding:0px 20px 20px 20px;
}
.pricing > li {
	margin: 0px;
	text-align: center;
	font-size: 22px;
	padding:20px;
	color:#666;
	font-weight:bold;
	border-bottom: 1px solid #ccc;
}
.pricing li span {
	font-size:36px;
	font-weight: bold;
	display: block;
	color:#000;
}
.pricingButton {
		float: left!important;
		text-align: center;
		transition: all .1s linear;
		border-radius: 66px;
		margin-top:10px;
		color:#fff!important;
		padding:7px 14px;
		text-decoration: none;
		font-size:18px;
		font-weight: bold;
		display: block;
		background:#359A3E;
		vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px transparent;
		position: relative;
		border:none!important;
		cursor: pointer!important;
		-webkit-appearance: none;
}
.pricingHead {
	margin-top:10px;
	background: #359A3E;
	color:#ffffff;
	font-size:28px;
	font-weight: bold;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding:5px 5px 5px 10px;
}
.pricingOptions {
	background: #275A9C;
	padding:10px 10px 10px 0px;
	color:#fff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	display: block;
	list-style: none;
	margin: 0px 0px 10px 0px;
}
.pricingOptions input[type=checkbox] {
	margin-left:10px;
}
.pricingTable {
	width: 100%;
}
.pricingTable td {
	font-size:16px;
}
.pricingTotal {
	width: 100%;
	border-top:1px solid #ccc;
}
.pricingTotal td {
	font-weight: bold;
}
.price {
	width: 70px;
}
.pricingProductSub {
	padding-left:10px;

}
.fee {
	margin:20px 0px 30px 0px;
	font-size:14px!important;
	color:#666;
}

.bookingFeat {
	border-bottom:1px solid #ccc;
	padding:0px 0px 20px 0px;
}
.bookingFeat span {
	font-size:24px;
	font-weight:bold;
	display: block;
	margin:30px 0px 15px 0px;
}
.pmsCont {
	padding:20px 20px 30px 20px;
}
.pmsCont B {
	text-align: center;
	display: block;
}
.pmsFeat {
	margin:0px 0px 20px 0px;
}
.channelManager {
	background: #eee;
	padding:20px 0px 0px 0px;
	margin-top:30px;
	border-top:1px solid #ccc;
	background:#000 url("/images/bg_cm.jpg");
	background-position: top center!important;
	background-size: cover;
}
.featList {
	list-style: none;
	margin:0px;
	padding-left:0px;
	font-size:16px;
}
.featList li {
	display: block!important;
	margin:0px 0px 15px 0px!important;
	padding-left: 26px;
    position: relative;
}
.featList li:before {
	font-family: 'Source Sans Pro', sans-serif;
	display: inline-block;
	margin-left:-26px;
	margin-top:-9px;
	vertical-align:top;
	font-weight: bold;
	font-size: 28px;
	color:#359A3E;
	content: "\2022";
    width:20px;
    position: absolute;
}
.featList-pics {
	list-style: none;
	margin: 25px 0px 0px 0px;
	padding: 0px;
}
.featList-pics li {
	margin:0px 20px 10px 0px!important;
	width:100%;
}
.featList-pics li:nth-child(even) {
	margin:0px 0px 20px 0px;
}
.bookingFeat img {
	max-width: 100%;
	height: auto;
	margin:20px auto;
	display: block;
}
.fix {
	float:none!important;
	display: block!important;
	margin-top:10px!important;
	margin-left:0px!important;
}
.plus {
	color:#fff;
	padding:30px 20px 30px 20px;
}
.plus a  {
	display:block;
	margin:20px auto;
	width:220px;
	text-align: center;
}
.plus img {
	max-width: 100%;
	height: auto;
	margin:20px auto;
	display: block;
}
.plus i{
	font-size:172px;
	margin:auto!important;
	display: block;
	text-align: center;
	background: -webkit-linear-gradient(#fff, #96EDFF);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	opacity: 0.7;
}
.plus b {
	font-size:26px;
}
.plus span {
	display: block;
	font-weight: bold;
	font-size:24px;
	border-bottom:1px solid #FFF;
	padding-bottom:5px;
	margin:-10px 0px 10px 0px;
}
.mobile a {
	margin:30px auto 30px auto;
}
.mobile {
	padding:20px;
	color:#fff;
	font-size:18px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10315b+0,134c6b+100 */
	background: rgb(16,49,91); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(16,49,91,1) 0%, rgba(19,76,107,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(16,49,91,1) 0%,rgba(19,76,107,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(16,49,91,1) 0%,rgba(19,76,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10315b', endColorstr='#134c6b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.mobile h2 {
	padding:0px;
	margin:0px 0px 10px 0px;
	font-size:28px;
	text-align: left;
}
.mobile b {
	display: block;
	font-size:22px;
	margin-top:15px;
}
.mobile img {
	float:right;
	margin-right:-10px;
}

#websitesShowcase-wrapper {
	position: relative;
	margin-bottom:0px;
}
#websitesShowcase-title {
	position: absolute;
	z-index: 2;
	left:0px;
	right:0px;
	top:25px;
	color:#fff;
	font-size: 36px;
	font-weight: bold;
	text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5), 0px 0px 55px rgba(0, 0, 0, 0.5), rgba(0, 0, 0, .5) 5px 4px 4px, rgba(0, 0, 0, .5) 0px 0px 11px, rgb(0, 0, 0) 0px 0px 24px,-2px 3px rgba(0, 0, 0, .5), 0 2px 3px rgba(0, 0, 0, .5), 2px 0 3px rgba(0, 0, 0, .5), 0 -2px 3px rgba(0, 0, 0, .5);
}
#websitesShowcase-title span {
	font-size: 20px;
	display: block;
	margin-top:5px;
}
.cta {
	font-size: 14px;
	text-align: center;
	color:#fff;
	background-color: rgba(60, 143, 206, 0.8);
	padding:5px 0px 5px 0px;
	position: absolute;
	z-index: 3;
	bottom:0px;
	left:0;
	right:0;
	transition: all 0.3s ease;
	min-height: 40px;
}
.cta a  {
	display: block;
	margin:5px auto;
}
#websitesShowcase {
	color:#ffffff;
	margin-top:55px;
	position: relative;
}
#websitesShowcase > section {
	height: 322px;
	background-position: top center;
}
#websitesShowcase > section:nth-child(1) {
	display: none;
}
#websitesShowcase > section:nth-child(2){
		background: url("/images/websites_showcase/middle.gif");
		background-position: top center;
		width: 100%;
}
#websitesShowcase > section:nth-child(3) {
	display: none;
	background: green;
}
.webTemplates {
	list-style: none;
	display: inline-block;
	padding: 10px;
	text-align: center;
	max-width: 1300px;
	margin-top:40px;
}
.webTemplates li {
	padding:9px 0px 0px 0px;
	background: #eee;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border:1px solid #ccc;
	margin-bottom:20px;
	transition: all 0.3s ease;
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	overflow: hidden;
}
.templateName {
	display: block;
	margin: 0px 0px 10px 10px;
}
.webTemplates img {
	border-top:1px solid #ccc;
	margin-top:5px;
}

.webTemplates li:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0px;
  right: 100%;
  top: 0px;
  background: #286FD1;
  height: 3px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.webTemplates li:hover:before, .webTemplates li:focus:before, .webTemplates li:active:before {
  right: 0;
}
.support {
	padding:0px;
	list-style: none;
}
.support > li{
	border-bottom:1px solid #ccc;
	padding-bottom:40px;
}
.support li:last-child {
	border-bottom:0px;
}
.support li span {
	font-size:22px;
	font-weight:bold;
	display: block;
	margin:30px 0px 15px 0px;
}
.support img {
	max-width: 100%;
   height: auto;
   margin:15px auto 25px;
   display: block;
}
.supportLinks {
	padding:0px;
	list-style: none;
	margin:20px 0px 0px 0px;
}
.supportLinks li {
	border: 0px;
	padding:0px;
	margin:0px 0px 10px 0px;
}

.testiCount {
	width:24px;
	height:24px;
	border-radius: 55px;
	background: #359A3E;
	color:#FFF;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	margin:0px 5px 0px 0px;
	font-size:16px;
	line-height: 22px;
}

.testiPage {
	font-weight:normal!important;
	font-size:16px;
	vertical-align: top!important;
	list-style: none;
	box-sizing: border-box;
	padding:0px;
	margin:0px;
}
.testiPage LI {
	vertical-align: top;
	line-height: 22px;
	margin:0px 0px 30px 0px;
	border-bottom:1px solid #ccc;
	padding:0px 0px 20px 0px;
}
.testiBy {
	font-weight: bold;
	text-align: right;
	color:#666;
	margin-top:20px;
}
.testiBy span {
	display: block;
	font-size:11px;
	font-weight: normal;
}

.websitesFeat > section {
	padding:25px;
}
.websitesFeat > section:nth-child(odd)  {
	background: #eee;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.websitesFeat span {
	font-size:24px;
	font-weight: bold;
	display: block;
	margin-bottom:5px;
}
.websitesFeat ul li {
	display: inline-block;
	margin-right:10px;
}
.websitesFeat ul li b {
	display: block;
	margin-bottom:10px;
}
.websitesFeat section img {
	border-radius: 10px;
	margin-bottom:20px!important;
	box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.67);
	transition: all 0.3s ease;
}
.websitesFeat section img:hover {
	border-radius: 3px;
	transition: all 0.3s ease;
	box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.97);
}
#websitesFeat-cms {
	background: linear-gradient(180deg, rgb(29, 74, 134), rgb(39, 90, 156));
	color:#ffffff!important;
	padding:25px;
}
#websitesFeat-cms > div > span > span {
	font-size:20px;
	display: block;
	margin-bottom:30px;
	font-weight: normal;
}
#websitesFeat-cms ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#websitesFeat-cms ul li {
	margin-bottom:30px;
}

.sideBar {
	display: none;
}
.templatesCont {
	position: relative;
	text-align: center;
}
.pricingTotal {
	margin:20px 0px 20px 0px;
	font-size:22px!important;
	font-weight: normal!important;
}
.pricingTotal b {
	font-size: 22px!important;
}

.pricingTotal span {
	display: block;
	margin-top:10px;
	border-top:1px solid rgba(0,0,0,.2);
	padding-top:10px;
	font-size: 22px!important;
}

/* MEDIA QUERIES */
@media only screen and (min-width: 414px) {
	/* NEW HERO */
	#hero section:nth-child(1) {width:0%}
	#hero section:nth-child(2) {width:15%; background-position: top center}
	#hero section:nth-child(3) {width:60%}
	#hero section:nth-child(4) {width:25%}
	#hero section:nth-child(5) {width:0%}
	/* END NEW HERO */

	.padRight {
		padding-right:30px!important;
	}
	#number {display: none;}
	.cta {
	padding:5px 0px 5px 0px;
	}
	.topNumber {
		margin:15px 0px 0px 15px;
		display: inline-block;

	}
	.topNumber a {
		color:#fff;
		font-size:18px;
	}
}

@media only screen and (min-width: 700px) {
	.cmWidthLeft{width: calc(100% - 370px)!important;}
	.cmWidthRight{padding:20px 0px 0px 30px!important; width: 370px!important;}
	.simplePrice {margin:0px 30px 0px 0px!important;}
	/* NEW HERO */
	#hero section:nth-child(1) {width:20%; background-position: top right}
	#hero section:nth-child(2) {width:13%}
	#hero section:nth-child(3) {width:33%}
	#hero section:nth-child(4) {width:24%}
	#hero section:nth-child(5) {width:10%}
	/* END NEW HERO */

	#icnMobile {
		float: none;
		margin: 0px 15px 0px 25px;
	}
	.pricingOptions li  {
		display: inline-block;
	}
	.title {
		text-align: left;
	}
	.rotate {
		position: relative;
		height: 400px;
	}
	.cta {
		font-size:22px;
		padding: 10px 0px 0px 0px;
	}
	.cta a {
		display: inline-block;
		margin:-3px 10px 0px 10px;
	}
	#websitesShowcase-title {
		font-size: 42px;
		top:85px;
		transition: all 0.3s ease;
	}
	#websitesShowcase-title span {
		font-size: 32px;
		margin-top:10px;
	}

	#websitesShowcase > section {
	height: 322px;
	}
	#websitesShowcase > section:nth-child(1) {
		background: url("/images/websites_showcase/left.gif");
		background-position: top right;
		float:left;
		display: inline-block;
		width: calc(50% - 325px);
	}
	#websitesShowcase > section:nth-child(2){
		width:650px;
		float:left;
	}
	#websitesShowcase > section:nth-child(3) {
		background: url("/images/websites_showcase/right.gif");
		float:right;
		display: inline-block;
		width: calc(50% - 325px);
	}
	.pmsCont {
		width:78%;
		margin:auto;
		padding:50px 0px 50px 0px;
	}
	.pmsFeat {
		background: #eee;
		border:1px solid #ccc;
		border-radius: 3px;
		float:right;
		width:250px;
		margin:0px 0px 0px 20px;
		padding:30px;
	}
	.websitesFeat section {
		text-align: center;
		padding: 40px 40px 60px 40px;
	}
	.websitesFeat span {
		font-size:36px;
		margin-bottom:5px;
		text-align: center;
	}
	.websitesFeat > section > img {
		margin-bottom:50px!important;
	}
	.websitesFeat li {
		font-size: 18px;
	}
	.intro {
		margin:20px 0px 30px 0px;
	}
	.graphicNew ul li {
		height:596px!important;
	}
	.logo {
		transition: all 0.3s ease;
		width:280px;
		margin-top:5px;
		display: inline-block;
		padding:0;
	}
	.testiPage LI {
	display: inline-block!important;
	width:46%;
	border:0px;
	}
	.testiPage LI:nth-child(even) {
    padding-left:20px;
	}
	.testiPage LI:nth-child(odd) {
    	border-right:1px solid #ccc;
		padding-right:20px;
	}
	.padRightLarge {
		padding-right:30px!important;
	}
}

@media only screen and (min-width: 960px) {
	.slideImageCentered {margin:0px;}
	.slideHeadText {font-size: 52px; margin:30px 0px 30px; font-weight: normal;}
	.noSecretsImage {display: block!important;}
	#chipPinList  {font-size: 24px;}
	.blogCont {width: 46%; display: inline-block; box-sizing: border-box; margin:0 30px 30px 0px; }
	.newHomeSlider {padding: 170px 0px 0px 0px;}
	.slideTwo img {margin: 0px 40px 0px 0px; max-width: 180px;}
	.sliderColOne {width:200px; display: inline-block; vertical-align: top;}
	.sliderColTwo {width: 566px; padding:10px 0px 0px 30px; display: inline-block; vertical-align: top; text-align: left; font-size: 42px;}
	.sliderColTwo  div {margin-bottom: 20px;}
	.slideTwo .sliderColTwo {padding: 10px 0px 0px 70px; box-sizing: border-box;}

	.topNumber {display: none;}
	.pricingGraphics {max-width: 420px; margin: 30px auto;}
	.header label {
		display: none!important;
	}
	nav.menu {
		clear: none;
		float: right;
		max-height: none;
	}
	nav.menu > section {
		float: left;
	}
	nav.menu > section > a {
		padding: 17px 30px;
		border-right: 1px solid rgba(0, 0, 0, 0.4);
		border-bottom: 0px;
		color:#fff;
		font-size:15px;
		font-weight: normal;
	}
	/*Display the dropdown on hover*/
.menu section a:hover + .hidden, .hidden:hover {
    display: block; position: absolute; top: 55px; right: 0px;
}
.hidden {font-size: 0px;max-width:800px;}
.hidden > li  {width:33.3%;vertical-align:top;border-right:1px solid rgba(255, 255, 255, .2); display: inline-block;padding: 15px;}
.hidden > li > a {font-weight: bold; font-size: 16px;}
.hidden > li > a > div {display:block; margin-top:10px;font-size: 13px; color: #ffffff; font-weight: normal;}

	.left {float: left; margin-right: 50px!important;}
	/* NEW HERO */
	#hero section:nth-child(1) {width:22%}
	#hero section:nth-child(2) {width:13%}
	#hero section:nth-child(3) {width:30%}
	#hero section:nth-child(4) {width:22%}
	#hero section:nth-child(5) {width:13%;background-position: top center}
	/* END NEW HERO */

	#template_screenshot {
		float:left;
	}
	.rightCol {
		width: 270px;
		float:right;
		margin:0px 0px 0px 0px;
	}

	#websitesFeat-cms span {
		margin-bottom:40px;
	}
	#picsSmall li {
		width:135px;
	}
	#picsMedium li {
		width:190px;
	}

	#websitesFeat-cms {
		padding:50px 0px 50px 0px;
	}
	#websitesFeat-cms > div {
		width:960px;
		margin: auto;
	}

	.footerLinks {
		text-align: left;
		display: inline-block;
		font-weight: bold;
		font-size:18px;
		padding:0px 25px 0px 15px;
		margin:0px;
		border-top:0px;
		border-left:1px solid #333;
		line-height: 30px;
		float: left;
	}
	.footerLinks li > a {
		font-size:16px;
	}
	.social {
		list-style: none;
		padding:0px;
		margin: 0px 0px 80px 0px!important;
		display: inline-block;
		float:right;
		width:160px;
	}
	.social li {
		margin:5px 5px 10px 5px;
		display: inline-block;
	}
	.social li:first-child {
		font-size: 18px;
	}

	.vids {
		margin-top:0px;
		padding:50px 0px 50px 0px;
	}
	.vids h2 {
		margin:0;
		font-size:36px;
	}
	.vids li {
		width:100%;
	}
	.vids li:nth-child(2) {
		margin-left: 30px;
		margin-right: 30px;
	}
	.graphicNew ul {
		list-style: none;
		padding:0;
		display: table;
		width:calc(100% - 20px);
		margin:20px 0px;
		height:596px;
	}
	.graphicNew li {
		border-left:20px solid white;
		z-index:10;
		text-align: center;
		display: table-cell;
		margin:0 20px 0 0!important;
	}
	.graphicNew ul li {
		margin-right:20px solid white;
	}
	.graphicNew ul li:nth-child(-n+2) {
		display: table-cell!important;
	}
	.graphicNew ul li:nth-child(n+6) {
		display: table-cell!important;
	}
	.graphicNew ul li:nth-child(1) {
		margin-left:20px!important;
		background: url("/images/pic_01.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
	}
	.graphicNew ul li:nth-child(2) {
		background: url("/images/pic_02.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
	}
	.container {
		width: 900px!important;
		margin: 0px auto!important;
	}
	.form_body {
		width: 900px!important;
		margin: 0px auto 30px auto!important;
	}
	.testi {
		background: rgb(16,49,91);
		background: url("/images/bg_testi_01.jpg"), linear-gradient(135deg,  rgba(16,49,91,1) 0%,rgba(19,76,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background-repeat: no-repeat;
		background-size:cover;
		background-position: top center;
		box-shadow: inset 0px -32px 83px 0px rgba(0,0,0,0.4);
		padding:60px 0px 60px 0px;
	}
	.testi > div {
		width:78%;
		margin: auto;
	}
	.testi h2 {
		margin-bottom:30px;
		font-size:32px;
	}
	.testi ul li {
		list-style: none;
		width:47%;
		display: inline-block;
		line-height: 24px;
	}
	.testi ul li:first-child {
		margin-right:15px;
	}
	.testi ul li:last-child {
		margin-left:15px;
	}
	.contactUs {
		text-align: center;
		padding:30px 20px 20px 20px;
		border-top:5px solid #275A9C;
		border-bottom:5px solid #275A9C;
		font-size:24px;
	}
	.contactUs UL {
		display: inline-block;
		margin:0px;
	}
	.contactUs UL LI {
		font-size:20px;
		display: inline-block;
		margin: 0px 20px 0px 0px;
		border-right:1px solid #576F90;
		padding:0px 20px 0px 0px;
	}
	.contactUs UL LI:last-child {
		border-right: 0px;
	}
	.contactUs UL LI a {
		font-size:20px;
	}
	.contactUs span {
		display:inline-block;
		border-right:2px solid rgba(255,255,255,.3);
		padding-right:20px;
		margin-right:20px;
	}
	.contactUs div{
		display: inline-block;
		font-size:18px;
		line-height:24px;
	}
	.featureList {
		width:950px!important;
		margin:30px -20px 0px!important;
	}
	.featureList li {
		display:inline-block;
		margin:0px 0px 30px 0px;
	}
	.featureList li:nth-child(3n-7) {  /* or 4n+1 */
		margin:0px 20px 20px 20px;
	}
	.highlight {font-size: 20px;}
	.highlight b {
		font-size:28px;
	}
	.headNew {
		font-size:36px;
		top:150px;
		text-align: center;
		position: absolute;
		padding:20px;
		}
	.headNew span {
		font-size:32px!important;
		font-weight: normal;
		display: block!important;
	}
	.col {
		width: 370px;
		float: left;
		margin-right: 30px;
	}
	.colTwo {
		width: 500px;
		width: 500px;
		float: left;
	}
	.containerFeatures {
		width: 900px;
		margin: 0 auto;
	}
	.pricing {
		margin:0px auto 40px!important;
	}
	.pricing li {
		font-size:18px;
		display: inline-block;
		width: 130px;
		height:70px;
		border:1px solid #ccc;
		padding:20px !important;
		background: #eee;
	}
	.pricing li:hover {
		box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);
		transition: all 0.3s ease;
		background: #fafafa;
	}
	.gds {
		text-align: center!important;
		width:900px;
		margin:50px auto 0px!important;
	}
	.gds li {
		text-align: center!important;
		margin-bottom:0px;
		margin-right:30px;
		display: inline;
		line-height: 77px;
	}
	.feat {
		margin-bottom:30px;
		padding: 0px;
	}
	.feat li {
		width: 435px;
		float: left;
		margin-right:30px;
		font-size:16px;
	}
	.feat span {
		font-size:24px;
		margin-bottom:10px;
	}
	.feat li:nth-child(even) {
		margin-right:0px!important;
	}
	.bookingFeat img {
		float:right;
		margin-top:-40px;
		margin-left: 50px;

	}
	.padMobile {
		margin:20px;
	}
	.plus {
		height:470px;
		width:40%;
		float:left;
		padding:40px 40px 50px;
		display: inline-block;
	  	box-sizing: border-box;
	}
	.mobile {
		font-size:16px;
		height: 470px;
		padding:0px;
		width:60%;
		display: inline-block;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10315b+0,134c6b+100 */
		background: rgb(16,49,91); /* Old browsers */
		background: url("/images/bg_mobile.png"), linear-gradient(135deg,  rgba(16,49,91,1) 0%,rgba(19,76,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: bottom right;
		box-shadow: inset -34px -59px 104px -19px rgba(0,0,0,0.57);
	}
	.mobile h2 {
		margin:50px 0px 20px 130px;
		font-size:42px;
		letter-spacing: -2px;
		line-height:44px;
	}
	.mobile b {
		margin:20px 0px 0px 130px;
		display: block;
		font-size:18px;
	}
	.mobile img {
		float:left;
		margin-right:10px;
		margin-bottom:0px;
		margin-top:-140px;
	}
	.support img {
		float:right;
		margin-left:30px;
		margin-top:-30px;
	}
	.five {
		margin:40px auto 10px;
		padding:0px 20px;
	}
	.five h2 {
		font-size:32px;
	}
	.custom-counter li {
		display: inline-block;
		margin-right:20px;
	}
	.features {
		width:900px;
		margin:60px auto 0;
		padding:20px;
		border-radius: 9px;
	}
	.features h2 {
		font-size:30px;
		margin:0px;
	}
	.featuresIcon {
		display:block;
		font-size:52px!important;
		float:left;
		margin-top:10px;
		margin-right:20px;
		color:rgba(255,255,255,.4);
	}
	.features li {
		font-size:22px;
		float: left;
		width:430px;
		height:40px;
	}
}
@media only screen and (min-width: 1008px) {
	.sliderColTwo {width: 558px;}
	#roadtrip {max-width: 500px;}
	#splitSection > section {padding: 0px 30px 0px 100px; box-sizing: border-box;}
	.webTemplates {
		margin-top:40px;
	}
	.sideSpecial {
		background: #1d4a86;
		border-radius: 5px;
		padding: 45px 15px 15px 15px;
		margin-top: 30px;
		color: #fff;
	}

	.sideSpecial b {
		text-align: center;
		display: block;
		margin-bottom: 10px;
		font-size: 18px;
		position: relative;
	}

	.sideSpecial b:before {
		font-family: FontAwesome;
		content: "\f02b";
		display: inline-block;
		position: absolute;
		top: -32px;
		left: 0px;
		right: 0px;
		margin-bottom: 10px;
		vertical-align: middle;
		font-size: 32px;
		color: #359A3E;
	}

	.sideBar {
		position: sticky;
		top: 60px;
		display: block;
		height: 615px;
	}

	.sideBar > span {
		width: 180px;
		z-index: 999 !important;
		position: absolute;
		top: 0px;
		left: 0px;
		text-align: left;
		margin: 10px 20px 10px 10px;
		transition: all 0.3s ease;
	}

	.sideBar > span > a {
		display: block;
		padding: 5pt;
		padding-left: 10pt;
		line-height: 20pt;
	}

	.sideBar a + a {
		margin-top: 6pt; /* This is the spacing between the arrows */
	}

	.sideBarActive {
		display: block;
		background: #286fd1;
		position: relative;
		list-style-type: none; /* drop the bullets */
		color: white;
		padding: 5pt;
		padding-left: 10pt;
		line-height: 20pt;
		width: 105pt;
		z-index: 999;
	}

	.sideBarActive:hover {
		color: #fff;
	}

	.sideBarActive:after {
		content: "";
		border-left: .9em solid #286fd1; /* This width determines the arrows length */
		border-top: 15pt solid transparent; /* This width has to be 50% of 'line-height + padding-top + padding-bottom' */
		border-bottom: 15pt solid transparent; /* Same for this width */
		width: 0px;
		height: 0px;
		position: absolute;
		right: -.9em; /* This has to be the same value as 'border-left's width */
		top: 0px;
		z-index: 999;
	}
}
@media only screen and (min-width: 1124px) {
.topNumber {display: inline-block; margin: 16px 0px 0px 20px;}
}
@media only screen and (min-width: 1411px) {
	/* NEW HERO */
	#hero section:nth-child(1) {width:30%}
	#hero section:nth-child(2) {width:9%}
	#hero section:nth-child(3) {width:22%}
	#hero section:nth-child(4) {width:16%}
	#hero section:nth-child(5) {width:23%}
	/* END NEW HERO */


	#homeFeatures {
	width:82%;
	margin:auto;
	}
	.headNew {
		font-size:42px;
		}
	.three {
		width:1260px!important;
		margin:0px auto!important;
	}
	.text {
		height:125px;
	}
	.three a {
		margin-top:20px;
	}
	.threeCol {
		margin-top:30px;
		padding:10px 30px;
		width:350px;
		float:left;
		border-bottom:0px;
	}
	.middle {
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
	}
	.threeCol h2 {
		font-size:26px;
	}

	.demoBg {
		float:left;
		margin-right:10px;
		padding:0px 10px;
	}
	.demo {
		margin-top:17px!important;
		margin-right:10px!important;
		height:18px!important;;
		line-height:18px!important;
		font-size:14px!important;
		padding:5px 14px!important;
	}
	.five {
		width:1050px;
		margin:60px auto 10px;
		padding-top:30px;
	}
}

@media only screen and (min-width: 1416px) {
	.webTemplates li:nth-child(odd) {
	margin-right:10px;
	}
	.webTemplates li {
		width: 495px;
		display: inline-block;
		transition: all 0.3s ease;
		text-align: left;
	}
}

@media only screen and (min-width: 1560px) {
	nav.menu > section > a {
		font-size: 17px;
		transition: all 0.3s ease;
		font-weight: 400;
	}
	.plus {
		width: 30%;
	}
	.padMobile {
		width: 700px;
	}
	.mobile {
		font-size: 16px;
		width: 70%;
		float: left;
		display: inline-block;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10315b+0,134c6b+100 */
		background: rgb(16, 49, 91); /* Old browsers */
		background: url("/images/bg_mobile.png"), linear-gradient(135deg, rgba(16, 49, 91, 1) 0%, rgba(19, 76, 107, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: bottom right;
		box-shadow: inset -34px -59px 104px -19px rgba(0, 0, 0, 0.57);
	}
	.mobile h2 {
		margin: 50px 0px 20px 150px;
		font-size: 48px;
		letter-spacing: -2px;
		line-height: 44px;
		text-align:left!important;
	}
	.mobile b {
		margin: 20px 0px 0px 150px;
		display: block;
		font-size: 24px;
	}
	.mobile a {
		margin:0px!imporant;
	}
	.mobile img {
		float: left;
		margin-right: 30px;
		margin-bottom: 10px;
		margin-top: -120px;
	}
}
@media only screen and (min-width: 1624px) {
	.webTemplates li {
		width: 600px;
		transition: all 0.3s ease;
	}
}

@media only screen and (max-width: 800px) {
	.olark {visibility: hidden;}
		#homeFeatures section{
	width:100%;
	margin:auto;
	border-bottom: 1px solid #ccc;
}
	#specialsPackages  {
		width:100%;
	}
	#specialsPackages section {
		display: block !important;
		width: 100% !important;
	}
	#splitSection {width: 100%;}
	#homeFeatures  {
		width:100%;
	}
	#supportFeat section , #splitSection section {
		width:100%;
	}

	#newhomeFeatures section {
		display: block !important;
		width: 100% !important;
		border-bottom: 1px solid #ccc;
	}
	#intlFeat section {
		display: block !important;
		width: 100% !important;
		border-bottom: 1px solid #ccc;
	}
	#websitesFeat-cms section {
		width:100%;

	}
	#number {
		background: #359A3E;
		height:35px;
		position: fixed;
		bottom: 0px;
		left:0px;
		right:0px;
		color:#FFF;
		padding:7px 0px 0px 0px;
		font-size:22px;
		font-weight: normal!important;
		text-align: center;
		display: block;
	}
	.hideMobile {
		display: none;
	}
}

/* OLD ELEMENTS */
.picture {
	height: 660px;
	background-color: rgb(0, 0, 0);
	background-image: url("/images/bg_header_01.jpg");
	background-position: 50% 50%;
	background-position-x: 50%;
	background-position-y: 50%;
	background-size: cover;
	position: relative;
	z-index: 1;
	margin-top:55px;
}
/* CHAT */
.chatCont {
	width:250px;
	position: fixed;
	bottom:0px;
	right:0px;
	box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.2);
	border-top-left-radius: 5px;
}

.chat {
	transition: all 0.3s ease;
	display: block;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	line-height: 35px;
	border-top-left-radius: 5px;
	background:#E56E1C;
	padding-left:15px;
}
.chat:hover {
	background:#359A3E;
	color:#fff!important;
	transition: all 0.3s ease;
}
.chat span {
	background:rgba(0,0,0,.15);
	display: inline-block;
	width:35px;
	height:35px;
	line-height: 35px;
	float:right;
	text-align: center;
}
.form_text {
	font-family: 'Source Sans Pro', sans-serif;
	color:#000000;
}
.chatForm {
	border:1px solid #ccc;
	background: #eee;
	border-radius: 5px;
	padding:15px;
	margin:10px 0px 0px 0px;
}

.chatForm input[type=text],
.chatForm input[type=date],
.chatForm input[type=datetime],
.chatForm input[type=number],
.chatForm input[type=search],
.chatForm input[type=time],
.chatForm input[type=url],
.chatForm input[type=email],
.chatForm textarea,
.chatForm select{
	width:100%;
	display: inline-block!important;
	float: left!important;
	outline: 0px;
	background: #FFF;
	border: 2px solid #ccc;
	padding: 7px;
	margin: 0 0px 10px 0px;
	-webkit-transition: all 0.30s ease-in-out;
	outline: none;
	font-size:18px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-weight: normal!important;
	color:#666;
	box-sizing: border-box;
}
.chatForm input[type=text]:focus,
.chatForm input[type=date]:focus,
.chatForm input[type=datetime]:focus,
.chatForm input[type=number]:focus,
.chatForm input[type=search]:focus,
.chatForm input[type=time]:focus,
.chatForm input[type=url]:focus,
.chatForm input[type=email]:focus,
.chatForm textarea:focus,
.chatForm select:focus{
  outline: 0px;
  border: 2px solid #359A3E;
	color:#000;
}
.chatForm > .button {
	border:none!important;
	cursor: pointer!important;
	width:50px!important;
	float:left!important;
	display: inline-block!important;
}

/* FIVE REASONS */
.custom-counter {
	margin: 20px;
	padding: 0px;
	list-style-type: none;
}
.custom-counter li {
	counter-increment: step-counter;
	margin-bottom:10px;
	font-size:22px;
}
.custom-counter li::before {
	content: counter(step-counter);
	margin:0px 11px 5px 0px;
	font-size:24px;
	line-height: 28px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	height:30px;
	width:30px;
	border-radius: 55px;
	background: #409946;
	display: inline-block;
}

.five {
	margin:20px 0px;
	background: url("/images/five.png") no-repeat right top;
	min-height: 170px;
}
.five h2 {
	font-size:22px;
}

/* FAV FEATURES */
.features {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b6a91+0,3e90cf+100 */
	background: rgb(43,106,145); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(43,106,145,1) 0%, rgba(62,144,207,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(43,106,145,1) 0%,rgba(62,144,207,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: url("/images/key_bg.png") no-repeat 95% 70%, linear-gradient(135deg,  rgba(43,106,145,1) 0%,rgba(62,144,207,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b6a91', endColorstr='#3e90cf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	transition: all 0.3s ease;
	color:#fff;
	padding:20px;
}

.features h2 {
	font-size:20px;
	border-bottom:1px solid rgba(255, 255, 255, .5);
	margin:10px 0 10px 0;
	padding-bottom:15px;
}
.features li {
	font-size:18px;
	margin-bottom:10px;
}
.features ul:last-child {
	margin-bottom:0px;
}
.features ul {
	padding:5px;
	margin-left:25px;
	list-style: none;
}