/* =CSS Reset
--------------------------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;
}
/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article, section, figure, hgroup { display: block; }  

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
   img,object,embed {max-width: 100%;}

   /* force a vertical scrollbar to prevent a jumpy page */
   html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

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

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

/* Accessible focus treatment people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active, a:focus {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* Micro Clearfix Hack */
.cf:before, .cf:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.cf:after { clear: both; }  
.cf { zoom: 1; }  

/* End CSS Reset
--------------------------------------------------------------------------------------------------*/

/* Start Basic CSS
--------------------------------------------------------------------------------------------------*/
html {
	height: 100%;
}

body {
	position: relative;
	font-family: 'Titillium Web', sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	height: 100%;
	color: #2a3140;
}

input, button, textarea {
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}

.wrapper {
	position: relative;
	min-height: 100%;
	max-width: 1920px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.container {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.default-section h1 {
	text-align: center;
	margin: 40px 0px;
	font-size: 30px;
}

.default-section p a,
.default-section li a {
	text-decoration: none;
	color: #4FBCBC;
}

.default-section ul {
	list-style: disc;
	list-style-position: inside;
}

.default-section h2 {
	margin-bottom: 15px;
}

.default-section .alignleft {
	margin: 30px 30px 30px 0px;
	float: left;
}

.default-section .alignright {
	margin: 30px 0px 30px 30px;
	float: right;
}

.default-section .aligncenter {
	margin: 30px auto;
}

.default-section img {
	display: block;
	margin: 30px 0px;
	height: auto;
}

.error-section {
	text-align: center;
}

.error-section .btn {
	margin-top: 50px;
	display: inline-block;
    width: 100%;
    max-width: 200px;
    height: 40px;
    line-height: 40px;
    border: 0px;
    background: #4fbcbc;
    color: #fff;
    outline: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none;
}

.error-section .btn:hover {
	background: #E5007D;
}
/* End Basic CSS
--------------------------------------------------------------------------------------------------*/


/* Start header CSS
--------------------------------------------------------------------------------------------------*/
.navbar {
	padding: 0;
}

.menu-icon {
	display: none;
	width: 30px;
  	height: 24px;
    margin: 6px 0px 6px 20px;
  	position: relative;
  	-webkit-transform: rotate(0deg);
  	-moz-transform: rotate(0deg);
  	-o-transform: rotate(0deg);
  	transform: rotate(0deg);
  	-webkit-transition: .5s ease-in-out;
  	-moz-transition: .5s ease-in-out;
  	-o-transition: .5s ease-in-out;
  	transition: .5s ease-in-out;
  	cursor: pointer;
}

.menu-icon span {
	display: block;
  	position: absolute;
  	height: 1px;
  	width: 100%;
  	background: #fff;
  	opacity: 1;
  	left: 0;
  	-webkit-transform: rotate(0deg);
  	-moz-transform: rotate(0deg);
  	-o-transform: rotate(0deg);
  	transform: rotate(0deg);
  	-webkit-transition: .25s ease-in-out;
  	-moz-transition: .25s ease-in-out;
  	-o-transition: .25s ease-in-out;
  	transition: .25s ease-in-out;
}

.menu-icon span:nth-child(1) {
  top: 0px;
}

.menu-icon span:nth-child(2),.menu-icon span:nth-child(3) {
  top: 11px;
}

.menu-icon span:nth-child(4) {
  top: 22px;
}

.menu-icon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.menu-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.menu-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#header {
	display: flex;
	z-index: 9999;
	position: relative;
	justify-content: space-between;
	padding: 30px 40px 0px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: rgba(42, 49, 64, 1);
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.page-template-homepage #header,
.page-template-internet #header,
.page-template-tv #header {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(42, 49, 64, .4);
}

.page-template-homepage #header.menu-active, 
.page-template-internet #header.menu-active, 
.page-template-tv #header.menu-active {
	background: rgba(42, 49, 64, 1);
}

/*.page-template-homepage #header .navbar {
	display: none;
}*/

#header.scrolled {
	background: rgba(42, 49, 64, 1);
}

.logo-img {
	font-size: 0px;
	line-height: 0px;
}

.logo-img a {
	display: block;
}

.logo-img img {
	display: block;
}

.navbar li {
	display: inline-block;
}

.navbar li a {
	position: relative;
	display: block;
	padding: 20px 30px 30px;
	color: #ddd;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.navbar li a.active {
	color: #fff;
}

.navbar li a:hover {
	color: #fff;
}

.language-select {
	position: relative;
	padding: 20px 35px 30px 0px;
}

.language-select:after {
	content: '';
	position: absolute;
	right: 0px;
	bottom: 30px;
	width: 20px;
	height: 20px;
	background: url('../img/globe-white.svg') no-repeat center center;
}

.language-select .wpml-ls-legacy-list-horizontal {
	border: 0px;
	padding: 0px;
	clear: both;
}

.wpml-ls-legacy-list-horizontal>ul {
    padding: 0;
    margin: 0 !important;
    list-style-type: none;
}

.language-select .wpml-ls-legacy-list-horizontal a {
	padding: 0px;
	color: #ddd;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	display: block;
   text-decoration: none;
   line-height: 1;
}

.language-select .wpml-ls-legacy-list-horizontal a:hover {
	color: #fff;
}

.wpml-ls-legacy-list-horizontal a span {
    vertical-align: middle;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: inline-block;
}

.language-select .wpml-ls-legacy-list-horizontal .wpml-ls-item:nth-child(2) {
	position: relative;
	padding-left: 16px;
	margin-left: 14px;
}

.language-select .wpml-ls-legacy-list-horizontal .wpml-ls-item:nth-child(2):after {
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	width: 1px;
	height: 16px;
	background: #fff;
}

.language-select .wpml-ls-display {
	display: none !important;
}
/* End header CSS
--------------------------------------------------------------------------------------------------*/

/* Start home CSS
--------------------------------------------------------------------------------------------------*/
.top-banner img {
	display: block;
	width: 100%;
}

.banner-desktop {
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	/*background-attachment: fixed !important;*/
	background-size: cover !important;
}

.home-section-container {
	position: relative;
	z-index: 2;
	margin-top: 100vh;
	background: #fff;
}

.form-container {
	background: rgba(42, 49, 64, .4);
	padding: 30px;
}

.form-container h3 {
	color: #fff;
	text-align: center;
}

.form-container form {
	margin-top: 15px;
}

.form-container form label {
	font-size: 14px;
	color: #fff;
	margin-bottom: 0;
}

.form-container form li {
	line-height: 28px;
	font-size: 16px;
	color: #fff;
}

.form-container form button {
	margin-top: 15px;
}

input[type="text"],
input[type="number"] {
	display: block;
	width: 100%;
	height: 50px;
	padding: 0px 10px;
	line-height: 48px;
	border: 1px solid #dddddd;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    color: #2a3140;
	outline: none;
	box-shadow: none;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

input[type="text"]:focus,
input[type="number"]:focus {
	border-color: #4FBCBC;
   outline: none;
}

button[type="submit"]:hover {
    background: #E5007D;
}

button[type="submit"] {
   display: block;
   width: 100%;
   height: 50px;
   border: 0;
   background: #4fbcbc;
   color: #fff;
   outline: none;
   -webkit-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
}

.payment-logos.form-container {
	text-align: center;
	margin-top: 10px;
	padding: 15px 30px;
}

.msg-container {
	color: #fff;
	font-size: 16px;
	text-align: center;
	margin-bottom: 10px;
	padding: 0;
}

.msg-container .error {
	background: #E5007D;
	padding: 15px 30px;
}

.msg-container .success-msg {
	background: #4fbcbc;
	padding: 30px;
}

.msg-container .error-msg{
	background: #E5007D;
	padding: 30px;
}

.term-links {
	text-align: center;
}

.term-links a {
	text-decoration: none;
	font-size: 14px;
	color: #ddd;
	display: inline-block;
	-webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.term-links a:hover {
	color: #fff;
}
/* End home CSS
--------------------------------------------------------------------------------------------------*/