body{

	margin:0px;

}

h1,h2,h3,h4,h5{

	font-family: "NexaXBold";

}

b,strong{font-family: NexaBlack; font-weight:normal;}

p,ul,a{

	font-family: "Nexa";

}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
h1{

	font-family: "NexaBlack"!important;

	color:#448ac8!important;

	font-size: 40px!important;

}

.section{

	width:100%;

}

.wrap{

	clear:both;

    width: 100%;

}

.content{

	width: 90%;

    margin: auto;

    padding: 100px 0px;

}

.half{

	width:50%;

}

.left{

	float:left;

}

.right{

	float:right;

}

#section-1{

	background: url('../img/shutterstock_337513358.jpg');

	background-size: cover;

}

#section-1 .wrap{

	width: 90%;

    margin: auto;

    padding: 50px;

}

#section-1 .content{

	width: 75%;

}

#section-1 p{

	color:black;

	font-size: 18px;

}

#section-1 form p{

	color:white;

}

#section-2 {

	display:flex;

	background: whitesmoke;

	position: relative;

}

#section-2 img{

	width:100%;

}

#section-2 .half{

	width:40%;

}

#section-2 h2 {

    font-size: 30px;

    font-family: "NexaBlack";

    color: #FF4700;

}

#section-2 p,#section-2  ul,#section-2  li{

	list-style-type: disc;

	font-family: "NexaXBold"!important;

}

#section-2 .half.left {

    position: absolute;

	bottom:0;

}

#section-2 .half.right {

    margin-top: -60px;

    margin-bottom: 60px;

}

#section-3{

	background: url(../img/shutterstock_385737388.jpg);

    background-size: cover;

    height: 900px;

    position: relative;

}

#section-4{

	background: url(../img/shutterstock_272747180.jpg);

    background-size: cover;

	display: flex;

}

#section-4 h2{

	font-family:"NexaBlack";

	font-size: 30px;

    color: #FF4700;

}

#section-4 .half.right h2{

	margin-top:160px;

}

section{

	height:initial!important;

}

a.blue-button {

    background: #448ac8;

    display: block;

    padding: 15px;

    color: white;

    font-size: 17px;

    text-align: center;

    border-radius: 22px;

    text-decoration: none;

	max-width:600px;

	margin-top:100px;

	margin-bottom: 190px;

}

.header-left{

	float:left;

}

.header-right{

	float:right;

	font-family: "Nexa";

}

b{

	font-family: "NexaBlack";

}

form{

	background: #83b1d9;

    border: 1px solid black;

    border-radius: 10px;

    padding: 15px;

    max-width: 400px;

	text-align: center;

}

form p{

	color:white;

	font-size:20px;

}

form b {

    font-size: 30px;

}

form input{

	clear: both;

    display: block;

    margin: 0 auto 5px;

	background: white!important;

    border: 0px;

    padding: 5px;

    color: black;

    width: 80%;

	height: 30px!important;

	padding-left:15px;

}
.submit_button[disabled],
a.submit_button[disabled]{ opacity:0.5;}
.submit_button{ width:100%; margin:0; height:40px !important;}
.submit_button,a.submit_button, a.download_button {

    border-radius: 15px;

    color: white;

    font-size: 16px;

    background-color: #FB2D30!important;

    border: 1px solid #FB2D31;

    cursor: pointer;

    margin-top: 15px;

    padding: 0;

    display: block;

}

a.download_button{

	width: 235px;

    height: auto!important;

    display: block;

    margin: auto;

    padding: 20px;

}
.submit_button:hover,
a.download_button:hover, a.submit_button:hover {

    color: white!important;

}

::-webkit-input-placeholder {

    color: black;

	text-overflow: ellipsis;

	font-family:"Nexa";

}

:-moz-placeholder {

    color: black;

	text-overflow: ellipsis;

	font-family:"Nexa";

}

::-moz-placeholder {

    color: black;

	text-overflow: ellipsis;

	font-family:"Nexa";

} /* For the future */

:-ms-input-placeholder {

    color: black;

	text-overflow: ellipsis;

	font-family:"Nexa";

}

.image-frame{

	background: url('../img/image-frame.jpg');

	background-size:100% 100%;

}

.special-content{

    width: 100px;

    height: 100px;

    position: absolute;

    top: 15%;

    left: 35.6%;

    width: 31%;

    height: 69%;

    -ms-transform: rotate(15deg);

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

}

.special-content * {

    padding: 0px 15px;

}

.special-content h3 {

    color: #448ac8;

    font-size: 15px;

    margin-top: 37px;

}

.special-content h2 {

    color: #FF4700;

    font-size: 20px;

    margin-top: 30px;

}

.special-content img {

    width: 30%;

    margin-top: 30px;

}

.special-content p {

    font-size: 12px;

}

.special-box{

	font-family: "NexaXBold";

    background: #FF4700;

    font-size: 17px;

    border-radius: 25px;

    width: 500px;

    position: absolute;

    left: 33%;

    color: white;

    text-align: center;

    padding: 13px;

    margin-top: -35px;

    z-index:99;

}

.special-box a,

.special-box a:hover,

a.blue-button,

a.blue-button:hover{

	color:white!important;

}

#section-2 ul {

    margin-left: 17px;

}

.cookies_popup{

	border: 1px solid black; max-height: 500px; overflow-y: auto;

}

/*style cookie bar*/
.cc_banner-wrapper {
    z-index: 9001;
    position: absolute;
    width: 100%;
    height: 30px
}

.cc_container .cc_btn {
    cursor: pointer;
    text-align: center;
    font-size: .6em;
    transition: font-size .2s;
    line-height: 1em
}

.cc_container .cc_message {
    font-size: .8em;
    transition: font-size .2s;
    margin: 0;
    line-height: 1.5em
}

.cc_container .cc_logo {
    display: none
}

.cc_container .cc_logo:active,
.cc_container .cc_logo:hover {
    opacity: 1
}

@media (max-width:810px) {
    .cc_container {
        padding: 0 35px 0 10px!important
    }
    .cc_btn_accept_all {
        line-height: 14px!important;
        font-family: nexabold;
        position: absolute;
        top: 0!important;
        text-align: right!important
    }
    .cc_container .cc_message {
        text-align: center;
        padding-right: 0!important
    }
}

@media screen and (min-width:770px) {
    .cc_btn_accept_all {
        top: 15px
    }
}

@media screen and (min-width:500px) {
    .cc_container .cc_btn,
    .cc_container .cc_message {
        font-size: .8em
    }
}

@media screen and (min-width:768px) {
    .cc_btn_accept_all {
        top: 0
    }
    .cc_container .cc_btn {
        font-size: 1em
    }
    .cc_container .cc_message {
        font-size: 1em;
        line-height: 1em
    }
}

@media (max-width:655px) {
    .cc_btn_accept_all {
        top: 26px
    }
}

@media print {
    .cc_banner-wrapper,
    .cc_container {
        display: none
    }
}

@media (max-width:365px) {
    .cc_btn_accept_all {
        top: 26px
    }
}

.cc_container,
.cc_container .cc_message {
    display: block
}

.cc_btn_accept_all {
    position: absolute;
    right: 0
}

.cc_more_info {
    float: right
}

.cc_container {
    padding: 0 10px;
    overflow: hidden;
    position: relative;
    left: 0;
    max-width: 940px;
    width: 100%;
    margin: 0 auto;
    background: rgba(255, 255, 255, .9);
    color: #414141;
    font-size: 14px;
    font-family: nexalight;
    box-sizing: border-box;
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    -o-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-name: slideDown;
    animation-name: slideDown
}

@media screen and (min-width:500px) {
    .cc_container .cc_message {
        margin: .5em 0
    }
}

.cc_container .cc_btn {
    padding: 8px 15px
}

.cc_container::-moz-selection {
    background: #ff5e99;
    color: #fff;
    text-shadow: none
}

.cc_container .cc_btn,
.cc_container .cc_btn:visited {
    color: #414141
}

.cc_container .cc_btn:active,
.cc_container .cc_btn:hover {
    text-decoration: underline;
    color: #414141!important
}

.cc_container a:active,
.cc_container a:hover {
    text-decoration: underline
}

@-webkit-keyframes slideDown {
    0% {
        margin-top: -66px
    }
    100% {
        margin-top: 0
    }
}

@keyframes slideDown {
    0% {
        margin-top: -66px
    }
    100% {
        margin-top: 0
    }
}

@-webkit-keyframes growDown {
    0% {
        height: 0
    }
    100% {
        height: 66px
    }
}

@keyframes growDown {
    0% {
        height: 0
    }
    100% {
        height: 66px
    }
}

.cc_banner-wrapper {
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    -o-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-name: growDown;
    animation-name: growDown
}
/*end style cookie bar*/

/*RESPONSIVE*/

@media only screen and (min-width: 1800px) {

	.special-content h2{

		font-size: 31px;

	}

	.special-content h3{

		font-size: 25px;

	}

	.special-content p {

		font-size: 21px;

	}

}

@media only screen and (min-width: 1500px) {

	#section-2{

		min-height:590px;

	}

	.special-content h2{

		font-size: 26px;

	}

	.special-content h3{

		font-size: 19px;

	}

	.special-content p {

		font-size: 16px;

	}

	#section-3{

		height: 1200px;

	}

	#section-4{

		height: 980px;

	}

}

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

	h1 br{

		display:none;

	}

	#section-1 h1{

		width:70%;

	}

	#section-2 .half.right h2 br,

	#section-4 .half.right h2 br{

		display:none;

	}

}

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

	#section-2 .half{

		width:50%;

	}

	#section-2 .half.left{

		left:0;

	}

	.special-content{

		top: 11%;

	}

}

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

	.special-content h2, .special-content h3{

	    line-height:1;

	    margin-top:25px;

	}

	.special-content img{

		width:50%;

	}

}

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

	.special-content h2, .special-content h3{

	    line-height:1;

	    margin-top:15px;

	}

}

/*RESPONSIVE*/



@font-face {

font-family: Nexa;

src: url("../font/Fontfabric - Nexa.otf") format("opentype");

}

@font-face {

font-family: NexaBlack;

src: url("../font/Fontfabric - NexaBlack.otf") format("opentype");

}

@font-face {

font-family: NexaXBold;

src: url("../font/Fontfabric - NexaXBold.otf") format("opentype");

}

@font-face {

font-family: MinionPro-Regular;

src: url("../font/Fontfabric - MinionPro-Regular.otf") format("opentype");

}