/***************************************************************			
	GOOGLE FONT
***************************************************************/

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

/***************************************************************			
	GENERAL
***************************************************************/


body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 11pt;
	color: #616161;
    height: auto;
    margin: 0;
    overflow-y: scroll;
    overflow-x: hidden;
	background: #ffffff
}

div, img, nav, h1, h2, h3{
	-moz-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
	border: 0px
}

.center {
    width: 100%;
    max-width: 1240px;
    height: auto;
	padding: 0;
    margin: 0 auto;
}

section {
	float: left;
	width: 100%;
}

.bg-fw {
	  background-repeat: no-repeat;
	  background-position: center center;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
}

ul, li {
	list-style-type: none;
	padding: 0;
	line-height: 185%;
}

img {
	width: 100%;
	border: 0
}

.float-none {
	float: none!important;
}

/***************************************************************			
	FONTS
***************************************************************/


h1 {
	font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 28pt;
    color: #009fe3;
    margin: 0px;
    line-height: 170%
}

h2 {
	font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 22pt;
    color: #061f5c;
    margin: 0px;
    line-height: 150%
}

h3 {
	font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 14pt;
    margin: 0px;
    color: #009fe3;
    line-height: 150%;
}

h4 {
	font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 11pt;
    margin: 0px;
    color: #009fe3;
    line-height: 185%;
}

p {
    margin: 0px;
    line-height: 185%;
}

.large {
	font-size: 14pt;
}

.small {
	font-size: 10pt;
    line-height: 165%;
}

.light {
	font-weight: 100;
}

.shadow {
	text-shadow:0px 0px 10px #000000
}

.white {
	color: #FFFFFF
}

.grey {
	color: #909090
}

mark {
	color: #ffffff;
	padding: 0 10px;
	background: none;
	border-bottom: 2px solid #061f5c;
}

/***************************************************************			
	LINKS & BUTTONS
***************************************************************/


a {
    color: #009fe3;
    text-decoration: none;
}

a:hover {
    color: #009fe3;
    text-decoration: none;
}

.btn {
    font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 10pt;
    padding: 9px 5px 9px 10px;
    margin: 0 10px 0 0;
    color: #009fe3;
	background: none;
	text-transform: uppercase;
	border-bottom: 2px #009fe3 solid;
	text-shadow: none !important
}

	.btn i.fa{
		margin: 0 7px;
		color: #009fe3;
	}
	
	.btn:hover {
		color: #061f5c;
		border-bottom: 2px #061f5c solid;
	}

	.btn:hover > i.fa{
		margin: 0 2px 0 12px;
		color: #061f5c;
	}

	.btn-white {
		color: #ffffff;
		background: none;
		border-bottom: 2px #ffffff solid;
	}

	.btn-white i.fa{
		margin: 0 7px;
		color: #ffffff;
	}

	.btn-white:hover {
		color: #009fe3;
		border-bottom: 2px #009fe3 solid;
	}

	.btn-white:hover > i.fa{
		margin: 0 2px 0 12px;
		color: #009fe3;
	}


/***************************************************************			
	HEADER
***************************************************************/


header {
    position: absolute;
    width: 100%;
	margin: 0 auto;
	top: 0;
	right: 0;
	left: 0;
	height: 60px;
	z-index: 990;
	background: #ffffff;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

	.sticky {
		
	}
	
		.sticky .logo {
			width: 90px;
			margin: -18px 0 0 0;
		}
		

	.logo {
position: fixed;
		float: left;
		width: 120px;
		margin: -25px 0 0 0;
		-moz-transition: 0.1s ease;
		-webkit-transition: 0.1s ease;
		-moz-transition: 0.1s ease;
		-o-transition: 0.1s ease;
		z-index: 990
	}
	
		.logo img {
			width: 100%;
		}
		
	.logo:hover {
		margin: -10px 0 0 0;
	}
		
	nav {
		float: right;
		margin: 10px 0 0 0;
	}

		.menu-link {
			display: none;
		}

		.spinner-master input[type=checkbox] {
			display: none;
		}

	.menu ul {
		padding: 0px;
		margin: 0px;
		float: right;
		list-style: none;
		position: relative;
		display: inline-block;
	}

		.menu ul li {
			padding: 0px;
		}

		.menu > ul > li {
			display: inline-block;
		}

			.menu ul li a {
				font-weight: 400;
				display: block;
				text-decoration: none;
				color: #009fe3;
				font-size: 12.5pt;
			}

			.active ul li a {
				color: #061f5c!important;
			}

			.menu ul li a.current-menu-item{
				color: #061f5c!important;
				font-weight: 700;
			}

			.menu ul li a:hover {
				color: #061f5c!important;
			}

			.menu ul li > a {
				padding: 5px 10px;
			}

		#search {
			float: right;
			font-size: 12pt;
			padding: 0px 15px;
			line-height: 43px;
			margin: 0;
		}

		#search:hover {
			color: #061f5c;
		}

		.search_box {
			clear: both;
			width: 100%;
			padding: 0;
			margin: 0;
			height: 0;
			overflow: hidden;
			transition: all 0.1s ease-in-out;
		}

			.search_box.active {
				height: auto;
				padding: 30px 0;
			}

			.search_box input {
				width: calc(100% - 100px);
				font-size: 20px;
				font-family: 'Montserrat', sans-serif;
				font-weight: 400;
				margin: 0 20px 0 0;
				padding: 10px;
				border: none;
				background: #ffffff;
			}

			.search_box input:focus {
				outline: none;
			}
			

/***************************************************************			
	BANNERS
***************************************************************/

.banner {
	float: left;
	position: relative;
	height: calc(100vh - (100vh / 1.5));
	width: 100%;
}

	.banner-title{
		position: absolute;
		width: 100%;
		bottom: 100px;
	}


/***************************************************************			
	GRID
***************************************************************/

	.item {
		float: left;
		position: relative;
		padding: 0;
		margin: 0 0 20px 0;
		height: 230px;
		width: 100%;
		font-size: 10.5pt;
	}

	.item-large {
		height: 480px;
	}

	.item:hover {
		cursor: pointer;
	}
			
	.item img {
		width: 100%;
	}	
	
	.item .layer-dark {
		position: absolute;
		height: 100%;
		width: 100%;
		background: url(../img/bg-layer-dark.png) 0 100% repeat-x;
	}

	.item .tag {
		position: absolute;
		top: 0;
		background: #061f5c;
		color: #ffffff;
		padding: 5px 8px;
		font-size: 9pt
	}
	
		.item .tag a, .tag:hover{
			color: #ffffff
		}
	
	.item .info {
		position: absolute;
		width: calc(100% - 50px);
		margin: 25px;
		bottom: 0px;
	}
	
	.img-right {
		float: right;
		max-width: 400px;
		padding: 0 0 0 40px;
	}
	
	.img-left-s {
		float: left;
		max-width: 200px;
		padding: 0 40px 0 0;
	}
	
	.area {
		width: auto
	}
	
/***************************************************************			
	SECTIONS
***************************************************************/


.bg-c1 {
	background: #061f5c
}

.bg-grey {
	background: #e3e3e3
}

.content-xd {
	float: left;
	width: calc(100% - 80px);
	margin: 0 40px;
}

.content-xd-left {
	float: left;
	width: calc(100% - 40px);
	margin: 0 40px 0 0;
}

.content-xd-right {
	float: left;
	width: calc(100% - 40px);
	margin: 0 0 0 40px;
}

.column-center {
	float: none;
	margin: auto
}
	
	
/***************************************************************			
	POPUP
***************************************************************/	


/* Basic Example */

.mfp-no-margins img.mfp-img {
padding: 0;
}
.mfp-no-margins .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-no-margins .mfp-container {
padding: 0;
}
/**
 * Simple fade transition,
 */
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
/* Styles for dialog window */
.small-dialog {
background: white;
padding: 30px 30px 5px 30px;
max-width: 850px;
margin: 40px auto;
position: relative;
}

.small-dialog h2, .small-dialog p, .small-dialog img, .small-dialog iframe {
margin: 0 0 20px 0;
}

/**
 * Fade-zoom animation for first dialog
 */
 
.popup-content {
    display: table;
	width: 100%
}

	.popup-row  {
		display: table-row;
	}

		.visual {
			display: table-cell;
			vertical-align: top
		}
			
		.margin {
			display: table-cell;
			width: 25px;
			vertical-align: top
		}
			
		.text {
			display: table-cell;
			width: 275px;
			vertical-align: top
		}
	 
/* start state */
.my-mfp-zoom-in #small-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
/* animate in */
.my-mfp-zoom-in.mfp-ready #small-dialog {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
/* animate out */
.my-mfp-zoom-in.mfp-removing #small-dialog {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
/**
 * Fade-move animation for second dialog
 */

/* at start */
.my-mfp-slide-bottom #small-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready #small-dialog {
opacity: 1;
-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-o-transform: translateY(0) perspective( 600px ) rotateX( 0 );
transform: translateY(0) perspective( 600px ) rotateX( 0 );
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing #small-dialog {
opacity: 0;
-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
}
/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
}
		
/***************************************************************			
	FORM
***************************************************************/

input.form {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 13pt;
	color: #a8a8a8;
    width: calc( 100% - 40px);
	padding: 18px 20px;
	border: 1px solid #BDBDBD;
	margin: 0 0 15px 0
}

textarea.form {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 13pt;
	color: #a8a8a8;
    width: calc( 100% - 40px);
	padding: 18px 20px;
	border: 1px solid #BDBDBD;
	margin: 0 0 15px 0
}

select.form {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 13pt;
	color: #a8a8a8;
    width: calc( 100% + 2px);
	padding: 15px 20px;
	margin: 0 0 15px 0;
	border: 1px solid #BDBDBD;
	margin: 0 0 15px 0
}

		
/***************************************************************			
	FOOTER
***************************************************************/

footer {
    float: left;
    width: 100%;
    height: auto;
    background: #009fe3;
}

footer a.white:hover {
    color: #061f5c;
}

.disclaimer {
	border-top: #ffffff 2px solid;
	padding: 15px 0
}

i.social-icon {
    float: right;
    border-radius: 50%;
    border: #ffffff 2px solid;
    color: #ffffff;
    text-align: center;
    width: 45px;
    height: 30px;
    padding: 15px 0 0 0;
    margin: 0 0 0 10px;
	font-size: 14pt;
}

i.social-icon:hover {
    border: #061f5c 2px solid;
    color: #061f5c;

}




/***************************************************************
	RESPONSIVE
***************************************************************/

@media screen and (max-width:1400px) { 

	h1 {
		font-size: 30pt
	}

	h2 {
		font-size: 20pt
	}
	
	p {
		font-size: 10pt
	}
	
	.large {
		font-size: 12pt
	}

    .tab-ls-100 {
        width: 100%!important;
		margin-left: 0px;
		margin-right: 0px;
    }
	
    .tab-ls-50 {
        width: 50%!important;
		margin-left: 0px;
		margin-right: 0px;
    }
	
	.tab-ls-iv{
		display: none
	}


	
	
}



@media screen and (max-width:768px) {

	.center {
		width: calc(100% - 40px)!important;
		padding: 0 20px;
	}
	
	h1 {
		font-size: 26pt
	}

	h2 {
		font-size: 20pt
	}
	
	p {
		font-size: 10pt
	}
	
	.large {
		font-size: 10pt
	}
	
    .tab-pt-100, .content-xd-left, .content-xd-right {
        width: 100%!important;
		margin-left: 0px;
		margin-right: 0px;
    }   
	
	.tab-pt-50 {
        width: 50%!important;
		margin-left: 0px;
		margin-right: 0px;
    }
	
	.tab-pt-iv{
		display: none
	}
	
    .spinner-master * {
        transition: all 0.3s;
        box-sizing: border-box;
    }

    .spinner-master {
        position: relative;
        margin: 15px 5px 15px 15px;
        height: 30px;
        width: 30px;
        float: right;
    }

		.spinner-master label {
			cursor: pointer;
			position: absolute;
			z-index: 50;
			height: 100%;
			width: 100%;
			top: 5px;
			left: 0;
		}

		.spinner-master .spinner {
			position: absolute;
			height: 4px;
			width: 100%;
			padding: 0;
			background-color: #009fe3;
		}

		.spinner-master .diagonal.part-1 {
			position: relative;
			float: left;
		}

		.spinner-master .horizontal {
			position: relative;
			float: left;
			margin-top: 4px;
		}

		.spinner-master .diagonal.part-2 {
			position: relative;
			float: left;
			margin-top: 4px;
		}

		.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal {
			opacity: 0;
		}

		.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 {
			transform: rotate(135deg);
			-webkit-transform: rotate(135deg);
			margin-top: 10px;
		}

		.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 {
			transform: rotate(-135deg);
			-webkit-transform: rotate(-135deg);
			margin-top: -12px;
		}

    .menu {
        clear: both;
        float: right;
        z-index: 0;
		background: #ffffff;
		position: relative;
		width: 50%;
		left: 0;
		top: -50px;
    }

		.menu,
		.menu > ul ul {
			overflow: hidden;
			max-height: 0;
		}

			.menu.active,
			.menu > ul ul.active {
				max-height: 55em;
				padding: 20px 0;
			}

		.menu ul {
			display: inline;
			float: left;
			width: 100%;
		}

		.menu li,
		.menu > ul > li {
			display: block;
		}

		.menu > ul > li:last-of-type a {
			border: none;
		}
		
		.menu ul li a {
			font-size: 14pt;
			padding: 15px 40px;
		}
		
		#search {
			position: absolute;
			right: 27px;
			font-size: 18pt
		}


.popup-content {
    display: inline;
	width: 100%
}

	.popup-row  {
		display: inline;
	}

		.visual {
			display: inline;
			vertical-align: top;
			width: 100%
		}
			
		.margin {
			display: none;
			width: 25px;
			vertical-align: top;
		}
			
		.text {
			display: inline;
			width: 100%;
			vertical-align: top;
		}



	.column, .content-xd-left, .content-xd-right {
		width: 100%!important;
		margin-right: 0;
		margin-left: 0
	}

	.btn {
		float: left;
		text-align: center;
		padding: 5px 10px!important;
	}

	h1 {
		font-size: 20pt
	}

	h2 {
		font-size: 16pt
	}

	p {
		font-size: 10pt
	}

	.large {
		font-size: 11pt
	}

	.phone-pt-100 {
		width: 100%!important;
		margin-left: 0px;
		margin-right: 0px;
	}

	.phone-pt-50 {
		width: 50%!important;
		margin-left: 0px;
		margin-right: 0px;
	}

	.phone-iv{
		display: none
	}


}


/***************************************************************
	RESPONSIVE 0PX - 480PX
***************************************************************/


@media screen and (max-width:768px) {


}