/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

@font-face {
    font-family: 'Gotham-Medium';
    src: url('gothamrndlight.eot');
    src: url('gothamrndlight.eot') format('embedded-opentype');
    src: url('GothamRnd-Light.woff')  format('woff');
    src: url('GothamRnd-Light.ttf')  format('truetype');
    src: url('GothamRnd-Light.otf')  format('opentype');
}



::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 0px solid #ccc;
    border-radius: 0px;
    box-sizing: border-box;
}



/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


.contacttable select {-webkit-appearance: none; }

.contacttable select option {
	color:#01afd2;
}
.contacttable select option:not(:checked) {
	color:#9fa7b4;
}

.select-join {
	padding:0px 12px;
	margin-bottom: 9px;
	height: 36px;
	overflow: hidden;
	background: url('img/dropdown.png') no-repeat right #FEFEFE;
	-webkit-box-shadow: inset 0px 0px 10px 1px #FEFEFE;
	box-shadow: inset 0px 0px 10px 1px #FEFEFE; 
}

.select-join select {
   background: transparent;
   color:grey;
   border: 0;
   border-radius: 0;
   height: 36px;
   -webkit-appearance: none;
   
   }
   .select-join select:focus {
    outline: none;
}

.contacttable label {
	color: #fff;
	margin: 0;
	font-weight: normal;
}

.contacttable p small {
	color: #fff;
}


/*.rebox {
	padding: 0.5em;
	height: auto !important;
}*/




/* ==========================================================================
   MAIN STRUCTURE 
   ========================================================================== */
body {
	font-family: 'Arial';
	color:#000;
}

.homeContent {
	width: 100%;
	max-width:1000px;
}

.homebg {
	overflow: hidden;
	position: relative;
	background-size: cover;
	background-attachment: fixed;
	background-position: top center;
}

.container {
	max-width:2400px;
	width:100%;
	padding:0px;
	margin:0 auto;
}

.row {
	max-width:100%;
	margin:0 auto;
	padding:0px 24px;
}

.wrap { max-width:1090px; margin:0 auto;}

h1, h2, h3, h4 {font-family: 'Gotham-Medium',Lato, Arial;}

/* ==========================================================================
   TITLES / HEADINGS / BUTTONS 
   ========================================================================== */

 .main-title {
	 font-family: 'Gotham-Medium',Lato, Arial !important;
	 text-align:center;
	 margin:0px;
	 padding-top: 72px;
 }
 
 .main-title h2 {
	 font-size: 45px;
	 font-weight:600;
	 padding-bottom:48px;
	 margin: 0px;
 }
 
  .main-title h4 {
	 font-size: 27px;
	 padding-bottom: 48px;
	 margin:0px;
	  font-weight:200;
 }
 
 .hr {
	 border-top:2px solid; 
 }

.page-title {
	text-align:center;
	padding:72px 0px;
	
}

.page-title > h1 {
	font-size:44px;
	font-weight: 700;
	margin:0px;
}
.page-title > h3 {
	font-weight:200;
	padding-top:48px;
	margin:0px;
	font-size:26px;
}

.fs15 {font-size:15px;}

.wht-title {text-align:center; color:#fff; font-size:44px; font-weight: 700; padding-bottom:56px; margin-top: 66px;}

.btn-signup {
	width: 100%;
	max-width: 363px;
	background: rgba(0, 0, 0, 0.85);
	color: #fff;
	margin: 12px;
	border-radius:0px;
	font-size:16px;
}

.btn-packages {
	width: 100%;
	max-width: 363px;
	background: rgba(37, 86, 128, .85);
	color: #fff;
	margin: 12px;
	border-radius:0px;
	font-size:16px;
}


.btn-signup:hover, .btn-create:hover, .cost1 .btn-create:hover, .contactme:hover, 
.aboutme:hover, .brokers_query:hover, .support_query:hover, .btn-footer:hover {
	background: #ed1941;
	color: #fff;
}



.btn-packages:hover {
	background: #ed1941;
	color: #fff;
}
		
.btn-create {
	width: 80%;
	background: #225382;
	color: #fff;
	border-radius:0px;
	position:absolute;
	bottom:27px;
	left:10%;
	font-size: 13px;
	padding: 12px 0px;
}

.cost1 .btn-create {color:#225382; background: #fff;}

.btn-create2 {
	width: 100%;
	background: #225382;
	color: #fff;
	border: 12px solid #fff;
	border-radius:0px;
	position:absolute;
	margin-top:36px;
	bottom:27px;
	left:0%;
}

.btn-create2:hover{background: #ed1941; color: #fff;}





/* ==========================================================================
   NAVIGATION
   ========================================================================== */
.nav-row {padding:0px!important; max-width:100%;}


li.active > a{
	background: #ed1941 !important;
}

.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
	background: transparent;
	color: #ed1941;	
}

.navbar {margin-bottom:0px; min-height: 0 !important; }

.navbar-brand {height:100%; width: 100%; padding: 1em 0 !important; position: relative; z-index: 10;}
/*.navbar-brand>img {height:56px;}*/

.navbar-brand>img {margin:0 auto; padding-right:6px;}

.navbar-inverse { border:none; background-color:transparent;}

.navbar-inverse.nav-upper {
  /*height: 52px;*/
  padding:24px;
}
.navbar-inverse.nav-upper ul {
  float: right;
  display: table;
}
.navbar-inverse.nav-upper .navbar-upper > li {
  display: inline-block;
  font-size: 14px;
}
.navbar-inverse.nav-upper .navbar-upper > li > a {
  color: rgba(0, 0, 0, 0.8);
  padding: 0px 9px;
}

.navbar-inverse.navbar-lower {
  /*height: 52px;*/
  /*padding-right:12px;*/
}

.navbar-inverse.navbar-lower ul {
  /*float: right;
  display: table;*/
}

.navbar-inverse.navbar-lower  > li > a {
  color: rgba(0, 0, 0, 0.8);
  padding: 0px 9px;
}

.navbar-inverse.navbar-lower .navbar-nav>li>a { 
  font-size:15px;
  color: #000;
  padding: 8px 18px;}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, 
.navbar-inverse .navbar-nav>.active>a:hover {background-color:transparent;}
.navbar-inverse.nav-upper .navbar-upper > li > a:hover, .navbar-inverse.nav-upper .navbar-upper > li > a:focus,
.navbar-inverse .navbar-nav> li a:hover,
.navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.a:focus{color:#ed1941;}
.nav>li>a:focus, .nav>li>a:hover {background:transparent;}

li.navLogin a {color: #fff !important; }


.navbar-toggle {
	z-index:11111;
	border:0px;
	padding: 12px 0px 0px 10px;	
	margin-bottom:-1px;
    margin-right:0px;
    position: absolute;
    top: 3em;
    right: 2em;

}

.navbar-toggle .icon-bar {
	border: 1px solid #fff;
}

.navbar-toggle.collapsed .icon-bar { border: 1px solid #fff;}
.navbar-toggle.collapsed .icon-bar {border: 1px solid rgba(0, 0, 0, 0.8);}

.navbar-inverse .navbar-toggle:hover { background:transparent;}

 
.navbar-inverse .navbar-nav>.active>a:focus, 
.navbar-inverse .navbar-nav>.active>a:hover {color:#ed1941;}


.scroller {
	width: 100%;
	height: 32px;
	background: rgba(0, 0, 0, 0.8);
}

.awards-img {
	margin: 2em 0;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	max-width: 80%;
}


/* ==========================================================================
   SLIDE SHOW
   ========================================================================== */

.slideshow {
	text-align:ncenter;
}

.carousel {
	padding: 3em 0;
	/*height: 30vh;*/
}

.slide-caption {
	font-weight:bold;
	text-align:center;
	color: rgba(0, 0, 0, 0.8);
	margin-bottom:40px;
	padding: 0 1.5em;
}

.carousel-inner {
	/*position: absolute;
	top: 50%;
	transform: translateY(-50%);*/
}

.slide-caption h2 {
	font-family: 'Arial', sans-serif !important;
	font-size: 1.6em !important;
	font-weight:bold;
}

.carousel-indicators {
	display:none;
}

.secondary-btn {
		background: #ed1941;
	}






/* ==========================================================================
   FEATURES 
   ========================================================================== */
 
/*.pro-row {margin-top:81px; padding:0px;}*/
.pro-row .col-xs-12, .pro-row .col-sm-4, .pro-row .col-md-12 {padding:0px;}

.features { 
	height: 520px; 
	overflow: hidden; 
}

.norm {  
	float: left; 
	width: 100%;
	height: 260px; 
}

.norm_title { 
	font-family: 'Gotham-Medium',Lato, Arial;
	font-weight:600;
	font-size: 30px; 
	color: rgba(0, 0, 0, 0.8);
	margin-top: 80px; 
}

.norm_sub { 
	font-family: 'Arial';
	font-size: 16px; 
	color: rgba(0, 0, 0, 0.8); 
	margin-top: 10px; 
}

.norm_detail { 
	font-family: 'Arial';
	font-size: 14px; 
	color: rgba(0, 0, 0, 0.8); 
	padding: 20px; 
	text-align: justify; 
}

.norm_extra { 
	width: 100%; 
	height: 260px; 
	background-color: rgba(255,255,255,0.8);  
}

.norm_trans { 
	background: url(img/transparent-white.png); 
	background: rgba(255,255,255,0.8); 
}

.alt { 
	float: left; 
	width: 100%; 
	height: 260px; 
}

.alt_title { 
	font-family: 'Gotham-Medium',Lato, Arial;
	font-weight:600; 
	font-size: 30px; 
	color: #fff; 
	margin-top: 80px;  
}

.alt_sub { 
	font-family: 'Arial';
	font-size: 16px; 
	color: #fff; 
	margin-top: 10px; 
}

.alt_detail { 
	font-family: 'Arial';
	font-size: 14px; 
	color: #fff; 
	padding: 20px; 
	text-align: justify; }

.alt_extra {  
	height: 260px; 
	background-color: rgba(0, 0, 0, 0.8); 
}

.alt_trans { 
	background: url(img/transparent-blue.png); 
	background: rgba(0,0,0,0.8); 
}
	
.alt_pro, .norm_pro {
	height: 260px; 
	overflow: hidden; 
	cursor: pointer;
}

.feature-boxes {
	margin:100px 0px;
}

.feature-col {
	padding:0px;
}

.feature {
	padding:60px 40px;
	height:260px;
	overflow: hidden;
	cursor: pointer;
}

.managed-psp, .managed-psp-mobile {
	padding-top: 0;
	text-align: left;
}

.managed-psp h4, .managed-psp-mobile h4 {
	font-size: 1em;
	font-weight: bold;
	font-family: 'Gotham-Medium',Lato, Arial !important;
	font-weight: 600;
}


/* ==========================================================================
   PANEL FEATURES
   ========================================================================== */
.pro-acc {
	background-color: #000;
}

.panel {
	background:transparent;
}

.panel-default {
	border:0px;
}

.panel-group {
	margin:84px 0px;
}

.panel-group .panel {
	border-radius:0px;
	margin-bottom: 9px;
}

.panel-group .panel+.panel {
	margin-top:0px;
}

.panel-heading {
	padding: 12px 12px;
	border-radius:0px;
	text-align:center;
	color: #225382;
}

.panel-title {color: #000;}

.panel-title .glyphicon {top:5px;}

.panel-default>.panel-heading {
	background-image: -webkit-linear-gradient(top, #fffefb 0, #F5F3F3 100%);
	background-image: -o-linear-gradient(top, #fffefb 0, #F5F3F3 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fffefb), to( #F5F3F3));
	background-image: linear-gradient(to bottom, #fffefb 0, #F5F3F3 100%);
	filter: progid: dximagetransform.microsoft.gradient(startColorstr='#fffefb', endColorstr='#F5F3F3', GradientType=0);
	filter: progid: dximagetransform.microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
	border-color: #F5F3F3;
}

.panel-heading h2, .panel-heading h5 {
	font-family: 'Lato', sans-serif;
	text-align:center;
	color: #000;
	text-decoration:none;
}

.panel-heading h2, .panel-heading h5:hover {
	text-decoration:none;
}

.panel-heading h2 {
	margin-top:3px;
	margin-bottom:6px;
	font-size:22px;
	font-weight: 600;
	
}

.panel-heading h5 {
	margin-top:3px;
	margin-bottom:3px;
}

.panel-body {
	background: #474747;
	color:#fff;
	padding:24px;
}

.panel-body p {
	text-align:justify;
}



/* ==========================================================================
   PRODUCTS SECTION 
   ========================================================================== */

.products {
	width: 100%; 
	color: #fff; 
	background-color: #474747;
}

.pro-cost {
	margin:0 18px;
}

.costs {
	height: 740px;
	text-align:center;
	color:#fff;
	padding: 27px;
	border:12px solid #474747;
}

.costs-top {
	padding:0px;
	margin-bottom:9px
}

/*.costs-top h4 span {
	font-weight: normal;
}*/

.hrs {
	font-size:12px;
	font-weight:600;
	
}
.hrs2 {
	text-align:left;
	font-size:12px;
	padding-left:18px;
	padding-bottom:9px;
	height:46px;
}

.cost1 {
	background-color:#225382;
}

.cost2 {
	background-color:#fff;
	color:#000;
}

.cost3 {
	background-color:#000;
}

.cost4 {
	padding:36px 36px;
}


.costs h4 {
	font-family: 'Gotham-Medium',Lato, Arial !important;
	font-weight:600;
	font-size:27px;
}

ul.costs-list  {
	padding-left:18px;
	margin-bottom: 85px
}

ul.costs-list > li {
	line-height:27px;
}

.extra-pad {
	padding: 0 30px;
}

.offering-page-psps .extra-pad {
	padding: 0;
}

.no-padding {
	padding: 0;
}


.big-psp {
	margin-top: 1em;
}


.big-psp, .big-psp-2, .half-psp, .half-psp-2 {
	background: linear-gradient(#ebebeb, #ececec);
	color: #000;
	text-align: center;
	padding: 2em 4em;
}

.big-psp h2, .big-psp-2 h2, .half-psp h2, .half-psp-2 h2 {
	text-transform: uppercase;
	font-size: 1.8em;
	font-family: 'Gotham-Medium',Lato, Arial !important;
	font-weight: 600;
}

.big-psp *, .big-psp-2 *, .half-psp *, .half-psp-2 * {
	font-family: 'Arial', sans-serif;
}

.big-psp hr {
	border-bottom: 1px solid #000;
	height: 0;
}

.big-psp ul {
	list-style: none;
	padding: 0;
}

.big-psp-2 {
	background: #fff;
	margin-top: 2em;
}

.big-psp-2 p {
	text-align: left;
}

.half-psp {
	background: #e1e1e1;
}

.half-psp-2 {
	background: #b7b7b7;
}

.half-psp, .half-psp-2 {
	padding: 3em 0.5em;
}

.half-psp h2, .half-psp-2 h2 {
	font-size: 1.3em;
	font-weight: 600;
}

a.btn-primary {
	background: #225382;
	border-color: #225382;
	display: inline-block;
	color: #fff;
	border-radius: 0;
	padding: 1em 2em;
}

a.btn-primary:hover {
	background: #ed1941;
	border-color: #ed1941;
}

.half-psp p, .half-psp-2 p {
	margin-bottom: 3em;
}

/* ==========================================================================
   SIGNUP SECTION 
   ========================================================================== */
 
.signup {
	 color: #225382;
 } 

.signups {
	 color: #000;
	 margin-bottom:72px;
 } 
 
 .signing {
	 text-align:center;
	 padding:18px;
	 color: #000;
	 height: 400px
}

.signing > h4 {padding-top:24px;}


/* ==========================================================================
   DEALING DESK
   ========================================================================== */
.openanacc{  font-size: 15px; width: 255px; height: 32px; text-align: center; color: #225382; padding-top: 10px; cursor: pointer; background-color: #fff; border-bottom: 2px solid #dcdcdc; }
.sign_up{  font-size: 15px; width: 255px; height: 32px; text-align: center; color: #fff; padding-top: 10px; cursor: pointer; background-color: #225382; border-bottom: 2px solid #dcdcdc; }
.contactme{ font-size: 18px; width: 225px; height: 36px; text-align: center; color: #225382; padding-top: 6px; cursor: pointer; background-color: #fff; }
.aboutme{ font-size: 18px; width: 225px; height: 36px; text-align: center; color: #fff; padding-top: 6px; margin-bottom:54px; cursor: pointer; background-color: #25567f;  }
.brokers_query{ font-size: 15px; width: 304px; height: 32px; text-align: center; color: #fff; padding-top: 10px; cursor: pointer; background-color: #204f7b;  }
.support_query{  font-size: 15px; width: 304px; height: 32px; text-align: center; color: #fff; padding-top: 10px; cursor: pointer; background-color: #59595b;  }
.pdf_button{ font-family: 'Gotham-Medium',Lato, Arial !important; font-size: 15px; width: 249px; height: 82px; text-align: center; color: #fff; padding-top: 10px; cursor: pointer; background-color: #59595b;  margin-top: 55px; }
.pdf
.openacc_button{ font-family: 'Gotham-Medium',Lato, Arial !important; font-size: 15px; width: 100%; height: 40px; text-align: center; color: #fff; padding-top: 10px; cursor: pointer; background-color: #225382; margin-bottom:72px; margin-top:24px; }

.broker {
	background-color: #474747;
	color:#fff;
	padding-bottom: 36px;
}

.brokers {
	height: 536px; 
	overflow: hidden;	
}

.broker-name {
	font-size:22px;
	max-width:225px;
	padding:24px 0px 9px 0px;
}

.broker-desc {
	font-size:14px;
	max-width:225px;
	height:410px;
}

.broker-link {
    color: #fff !important;
    text-decoration: none;
}
.broker-link:hover {
    text-decoration: underline;
}

.broker-show {height:540px;}

.account-box {margin:0 auto; padding-bottom:72px; width:100%; max-width:400px;}

.rebox {overflow:hidden; width:100%; height:56px; margin-top:24px; background-color:#f9f9f9;}

.rebox-div {
	display: inline-block;
	overflow: hidden;
	margin-top:-2px;
	width: 230px;   
	height: 72px;
	text-align: left;
}

.rebox-div iframe {
  position: relative;
  left: -10px;
}



/* ==========================================================================
   CAROUSEL TESTIMONIALS
   ========================================================================== */

#carousel-testimonials {
	padding-top:24px;
}

.testimonials {
	background-size:100% auto;
	padding: 0px 0px 160px 0px;
}

.testimonial-quote {
	font-family: 'Gotham-Medium',Lato, Arial !important;
	font-style:italic;
	font-size:28px;	
	width:80%;
	height:240px;
	margin-left: 12px;
}

.testimonial-q {font-size:36px;}

.testimonial-author {
	font-size: 18px;
	font-style:bold;
	text-align:right;	
}

@media (max-width: 1400px) {
	.testimonials {
		padding-bottom:52px;
	}
	
	.testimonial-quote {
		width: 75%;
		font-size: 24px;
	}
}

@media (max-width: 1140px) {
	.testimonials {
		padding-bottom:24px;
	}
	
	.testimonial-quote {
		height:190px;
		font-size: 22px;
	}
	
	.testimonials .main-title {padding-top:48px;}
	.testimonials .main-title h2 {font-size:36px;padding-bottom: 24px;}
	
}

@media (max-width: 914px) {	
	.testimonial-quote {font-size: 18px;height:160px;}
	.testimonial-q {font-size:18px;}
	.testimonials .main-title {padding-top:24px;}
	.testimonials .main-title h2 {font-size: 24px; padding-bottom: 24px;}
}



/* ==========================================================================
   PRODUCT COMPARE
   ========================================================================== */
.cost-compare .col-md-4, .cost-compare .col-sm-4, .cost-compare .col-xs-4, .cost-compare .col-xs-4 {
	padding:0px;
}

.cost-compare {
	padding:72px 0px;
}

.cost-compare .nav>li>a {
	padding-top:10px;
}

.cost-compare .c-compare ul > li {
	height:180px; padding:56px 0px;
}


.offering-top {color:#000;}

.prodcompare {
	background-color:#474747;
	padding:72px 45px;
}

#btn-online, #btn-classic, #btn-premium, #btn-pcost {
	height:45px;
	margin-bottom:36px;
	color:#fff;
	border:none;
	font-size:18px;
	padding: 0px 0px;
}

.btn-compare > a {color:#fff; text-align:center;}
.btn-compare > a:hover {color:#fff;}

#btn-online:hover, #btn-classic:hover, #btn-premium:hover, #btn-online.active, #btn-classic.active, #btn-premium.active {
	background-color: #ed1941;
	color:#fff;
}

#btn-online { background-color:#23587a;}
#btn-classic { background-color:#fff;}
#btn-classic a { color:#000; }
#btn-classic a:hover  { color:#fff; }
#btn-premium { background-color:#000;}




.prodcompare .col-md-3, .prodcompare .col-sm-3, .prodcompare .col-xs-4, .prodcompare .col-xs-3 {
	padding:0px;
}

.c-selector {padding:0px;}

.ctitle {
	padding: 18px;
    font-size: 14px;
}
.ctitle h3{
	margin:0px;
	padding-bottom:0px;
}

.csubtitle{
    font-size: 14px;
}
 
.cfeat-title > h3 {
	padding:60px 18px;
}

.c-compare > ul {
	color:#fff;
	text-align:center; 
	list-style:none;
	padding:0px;
}

.c-compare ul > li {
	height:72px; padding:24px 9px;
}

.c-compare ul > li:nth-child(even) {
	background-color:#dbdbdb;
}

.c-compare ul > li:nth-child(odd) {
	background-color:#cacbcd;
}

.c-feature ul > li:nth-child(even) {
	background-color: #848484;
}

.c-feature ul > li:nth-child(odd) {
	background-color: #777777;
}

.c-online ul > li:first-child {
	height:168px;
	background-color:#23587a;
}

.c-feature ul > li:first-child {
	height:168px;
	background-color:#777777;
}

.c-classic ul > li:first-child {
	height:168px;
	background-color:#fff;
	color:#000;
}

.c-premium ul > li:first-child {
	height:168px;
	background-color:#000;
}

@media (min-width: 768px) {
	
	.c-online, .c-classic, .c-premium {
		display: block!important;
	}
	
	.c-selector {
		display:none;
	}
    
    .cost-compare .c-compare ul > li {
    	height:138px!important;
    }
    
    .c-online ul > li:first-child {
    	height:78px!important;
        padding-top: 10px!important;
    }
    
    .c-feature ul > li:first-child {
    	height:78px!important;
        padding-top: 10px!important;
    }
    
    .c-classic ul > li:first-child {
    	height:78px!important;
        padding-top: 10px!important;
    }
    
    .c-premium ul > li:first-child {
    	height:78px!important;
        padding-top: 10px!important;
    }
}

@media (min-width: 988px) {
    
    .cost-compare .c-compare ul > li {
        height: 100px !important;
    }

    .c-online ul > li:first-child {
        padding-top: 28px!important;
        height: 78px !important;
    }
    
    .c-feature ul > li:first-child {
        padding-top: 28px!important;
        height: 78px !important;
    }
    
    .c-classic ul > li:first-child {
        padding-top: 28px!important;
        height: 78px !important;
    }
    
    .c-premium ul > li:first-child {
        padding-top: 28px!important;
        height: 78px !important;
    }
    
    .media988{
        padding: 40px 0px !important;
    }
}

@media (max-width: 768px) {
	
	.c-classic, .c-premium {
		display: none;
	}
	
	.prodcompare { 
		padding: 72px 0px}
}

@media (max-width: 360px) {
    .ctitle {
    	font-size: 13px!important;
    }
    .csubtitle{
        font-size: 13px!important;
    }
}


/* ==========================================================================
   COSTS
   ========================================================================== */
.cost-top {padding:0 24px; text-align:justify;}


#costcompare {
	background-color: #dbdbdb;
	max-width: 600px;
	width:100%;
	margin:0 auto;
	text-align:center;
}

#form {padding:0px;}



#costcompare2 {
	background-color: #dbdbdb;
	width:100%;
	margin:0 auto;
	text-align:center;
}

.tabletitle {padding:18px; color:#fff; font-size: 18px; text-align:center;}

.pd15 { padding: 12px 18px; background-color: #848484; }

.tablesubalt {background-color: #777777;}

.tablesub, .tablesubalt {padding:9px 9px; color:#fff; text-align:left;}
#costcompare1 .tablesub, #costcompare1 .tablesubalt {color:#000;}
 
.tdsub {background-color: #cacbcd;}

.costcalc {height: 100%!important; margin-bottom:72px; font-family: 'Lato', sans-serif;}

.sendbutton {
    background-color: #255680;
    color: #fff;
    cursor: pointer;
    font: bold 12px "Arial",sans-serif;
    padding: 3px 20px;
    width: 100px;
}
.sendbutton:hover {
    background: #ed1941;
    color: #ffffff;
}

@media (max-width: 768px) {
	
	#costcompare {
		width:100%;
	}
	
	#costcompare1 > tbody > tr > td {width:50%;}
}


/* ==========================================================================
   LEGAL
   ========================================================================== */
.legal-row {text-align:center;}
.about-row, .footer {text-align:justify;}


/* ==========================================================================
   CONTACT
   ========================================================================== */
.contact-forms {text-align:center; color:#fff;}

.select-box {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.select-box-container {
	margin-bottom: 9px;
	margin-top: 8px;
	position: relative;
}

.select-box-container .select-dropdown {
	position: absolute;
	right: 0;
	top: 0;
	width: 1.5em;
	padding-top: 0.2em;
	color: #fff;
	font-size: 1.5em;
	text-align: center;
	height: 100%;
	background: #255680;
	pointer-events: none;
}




.contacttable {padding:24px;}

.contact-fields {
width: 100%;
height: 36px;
margin-bottom: 9px;
border-radius: 0px;
color: #000;
font-size: 15px;
line-height: 30px;
background:#fff;
padding: 0px 9px;
border: 1px solid #313131;
cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
/*background: url('../img/Workshop_dropdownBtn.png') no-repeat right #fff;*/
}

.sendbutton {height:36px; width:100%;}
.contact-fields:placeholder-shown {
  color: #000;
}

.contact-fields::placeholder, .contact-area::placeholder {
	color: #000;
}

.contact-area {
height:120px; font-size: 15px; width:100%; padding:0 6px; color:#000; border: 1px solid #313131;
}
.contact-area:placeholder-shown {
  color: #a9a9a9;
}

.brokers_query, .support_query {width:100%; height:44px; margin-top:27px; margin-bottom:24px; font-family: 'Lato', sans-serif;}

.details-row {color:#fff; padding-bottom:72px;}
.fsb20 {width:30%;}
.fsb20, .fsl20 {font-size:15px;}

.map-container {width: 100%; margin: 48px 0; }
.map-container iframe{width: 100%; display: block; pointer-events: none; position: relative; }
.map-container iframe.clicked{pointer-events: auto;}

/* ==========================================================================
   FOOTER
   ========================================================================== */

.footer {width: 100%; padding:56px 0px 0px; background-color: #1f1f1f; color: #c8c8c8; font-size:13px;}
.footer-col {padding:0px 36px 36px;}
.footer1 {padding-bottom:56px; background-color:#1f1f1f;}
.footer2 {padding:56px 0px; background-color:#3c3b3b;}
.footer3 {padding:56px 0px 36px; background-color:#1f1f1f;}
.footer4 {padding:56px 0px 36px; color:#717171; background-color:#262626;}
#phonebtn a {color:#fff;}

.footer-nav a:hover {color: #ed1941!important;}
.footer-nav a {color:#c8c8c8}

.footer-icon {height:42px; margin-bottom:12px;}
.social-text {height:104px; text-align: left!important; }

.btn-footer {width:100%; max-width:300px; border-radius:0px; background-color:#255680; color:#fff!important; }
.footer-links a {color:#c8c8c8;}
.footer-links {text-align:center; margin-bottom:56px;}

.socials ul  {
	list-style:none;
	display:inline-block;
}
.socials ul li {
	float: left;
	height:56px;
	margin-right:12px;
}


@media (max-width: 1090px) {
	.navbar {
		padding:0px;
	}
}

@media (max-width: 1000px) {

	.nav1 .nav >li >a {
		font-size:14px;
		padding: 30px 9px;	
	}

	.navbar-brand {
		/*padding-left: 18px;*/
	}
	
}

@media (max-width: 914px) {


.navbar-toggle {display: block;}
.navbar-collapse {background: rgba(0, 0, 0, 0.95);}
.navbar-inverse.navbar-lower .navbar-nav>li>a {
	text-align: center;
	color: #fff;
	font-size: 18px;
	letter-spacing: 6px;
	padding: 18px 9px;
}
	
.navbar-inverse.nav-upper ul {padding-top:18px;}
	.container-fluid {padding:0px!important;}

	
.navbar-static-top .navbar-collapse {
	max-height: 100%;
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0;
	margin-top: 0px;
	padding-top: 0px;
	-webkit-transition: all 400ms ease-in;
	-moz-transition: all 400ms ease-in;
	-ms-transition: all 400ms ease-in;
	-o-transition: all 400ms ease-in;
	transition: all 400ms ease-in;
}
	
ul.nav.navbar-nav {
	margin: 80px 0px;
	width: 100%;
}
.navbar-inverse.navbar-lower {padding-right:0px;}
.navbar-collapse {padding:0px;}
	
#cnav .navbar-nav >li a:hover {background-color: #ed1941;}



.navbar-fixed-top {
	top: 0;
	border-width: 0 0 1px;
}
.navbar-collapse.collapse {
	display: none!important;
}
.navbar-nav {
	float: none!important;
	margin: 0 auto;
}
.navbar-nav>li {
	float: none;
}

.collapse.in{display:block !important;}

.container-fluid>.navbar-collapse, 
.container-fluid>.navbar-header, 
.container>.navbar-collapse, .container>.navbar-header {
	margin-left:0px;
	margin-right:0px;	
}



.slide-caption {
	margin-bottom:27px;
}

.slide-caption h2 {
	font-size: 36px;
}

.norm_detail, .alt_detail { 
	line-height:1.2;
}

.alt_sub, .norm_sub {
	font-size:14px;
}

.alt_title, norm_title{	
	font-size:24px;
}


	
}

@media (max-width: 840px) {
	
/*.carousel {
	padding-top:36px;
}*/

/*.pro-row {
	margin-top:48px;
}*/
	
.costs {
	padding:17px;
}
	
	
}

@media (max-width: 768px) {
.row {
	margin-right: 0px;
	margin-left: 0px;
}

/*.carousel {
	padding-bottom:66px;
}*/

.pro-row {
	display:none;
}

.col-sm-4 {
	padding: 12px 26px;
}
	
	.btn-signup, .btn-packages {margin: 12px 0px;}	


.slide-caption h2 {
	font-size:27px;
}

.pro-cost {
	margin:0px;
}

.costs {
	height: 100%; 
}
	
.main-title h2 {
	font-size:36px;
}	

.main-title h4 {
	font-size:20px;
}
	
.ctitle h3{font-size:18px;}
	
.contact-forms .col-xs-12 {padding:0px;}
	
	
#carousel-testimonials {
	padding-top:0px;
	padding-bottom:0px;
}

.footer {height:360px;}

}

@media (min-width: 768px) {

.pro-acc { display:none;}
	
}

@media (max-width: 621px) {
	.row {padding:0px 12px;}
	
	.navbar-brand {width:100%; padding-bottom:0px;}
	/*.navbar-brand>img {margin:0 auto; padding-right:6px;}*/
	.navbar-toggle {position:absolute; right:18px;}
	.navbar-inverse.nav-upper ul {width:100%; text-align:center; padding-bottom:18px;}
	.navbar-inverse.nav-upper {padding: 24px 0px;}
	
	
	.testimonials {padding-bottom:0px;}	
	.testimonials .main-title {display:none;}
	.testimonial-quote { margin-top:24px; font-size: 13px; height:140px;} 	
	.animate {display:none;}
	.footer {height:100%;}
	
	#btn-online, #btn-classic, #btn-premium {
		font-size:14px;
	}
	
	.page-title > h1, .wht-title {font-size: 36px;}
}

@media (min-width: 420px) {
	.mobile-quote {display:none;}
	
	
}
@media (max-width: 420px) {
	#carousel-testimonials {display:none;}
	.testimonial-quote { height:110px;} 	
	.navbar-toggle {padding: 9px 0px 0px 0px; }
	.cost-compare .c-compare ul > li {height: 220px;}

    .slide-caption h2 {
    	font-size:20px;
    }
    
    .cost-compare .nav>li>a {
    	padding-top:2px!important;
    }
}


@media (min-width: 768px) {
	.navbar-brand img {
		margin: 0 0;
		width: 80%;
	}

	.awards-img {
		margin: 1.5em 0;
		width: 40%;
		left: initial;
		float: right;
		transform: translateX(-20%);
	}

	.carousel {
		padding:5em 0;
	}

	.slide-caption {
		padding: 0 7em;
	}

	.pro-row {
		display:block;
	}


}	


@media (min-width: 1024px) {
	.navbar-brand {
		padding-top: 0.6em !important;
	}	

	.navbar-brand img {
		margin: 0 0;
		width: 50%;
		max-width: 230px;
	}

	.awards-img {
		margin: 1.2em 0;
		width: 40%;
		max-width: 300px;
		left: initial;
		float: right;
		transform: translateX(0%);
	}

	.navbar-row {
		padding: 0 !important;
	}

	.navbar {
		background: #000;
	}

	.navbar ul {
		width: 100%;
		max-width: 1200px;
		display: flex;
		float: right !important;
		margin: 0 auto;
	}

	.navbar li {
		flex: 1;
	}

	.navbar li a {
		display: block;
		height: 100%;
		color: #fff !important;
		white-space: nowrap;
		text-align: center;
		font-size: 12.6px !important;
	}

	.navbar li:hover a {
		background: #ed1941 !important;
	}

	.scroller {
		margin-bottom: 1em;
	}

	.carousel {
		/*margin-top: 8em;*/
		padding: 7em 0;
	}

	.slide-caption {
		padding: 0 1em;
	}

	.slide-caption h2 {
		font-size: 2.3em !important;
	}

	.big-psp ul {
		text-align: left;
	}

	.half-psp, .half-psp-2 {
		padding: 3em;
	}

	.more-info-contact-forms {
		max-width: 600px;
		margin: 0 auto;
		overflow: hidden;
	}

}

@media (max-width: 1024px) {
	.alt_title, .norm_title {
		font-size: 1.4em !important;
	}
}


@media (min-width: 1200px) {
	.navbar-brand img {
		margin-top: 0.5em;
		max-width: 250px;
	}

	.slide-caption {
		padding: 0 15em;
	}
}

@media (min-width: 415px) and (max-width: 736px) {
	.hide-br {
		display: none;
	}
}


body.is-os .homebg {
  background-attachment: initial !important;
  background-size: cover !important;
}