html, body{ margin: 0; padding: 0; height: 100%; }
p{ font-family: 'Open Sans', sans-serif; /*font-weight: 300;*/font-weight: 400; font-size: 16px; margin: 10px 0; }
h1{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 40px; margin: 5px auto 5px; color: #FFF; }
h1 strong{ font-weight: 800; }
h2{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 35px; margin: 0 auto; line-height: 1em; }
h2 strong{ font-weight: 800; }
h4{ font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 20px; margin: 0 auto; line-height: 1em; color: #ffffff;}
a{ font-family: 'Open Sans', sans-serif; font-weight: 600; }

.container {padding-left: 80px; padding-right: 80px;}


.header{background-image: url(../img/background.png); background-repeat: repeat-x; background-position: top;}
.top{padding-bottom: 25px;/*30px;*/}
.top .menu{text-align: right;}
.top .menu a{font-size:10px; color:#687784; text-transform: uppercase;font-weight: 600;}
.top .menu a:hover{color: #ffffff;  text-decoration: none;}
.top .menu a.active-lang{color: #ffffff;  text-decoration: none;}
.top .menu li{ display: inline-block; margin-right: 5px;}
.top .menu ul{ margin:0 auto; padding-top: 20px;}



.intro{padding-bottom:25px;}
.intro h1{color: #ffffff; font-style: italic; text-align:center;  }
.intro p{color: #ffffff; text-align: center; font-size: 18px;}
.intro p strong{font-style: italic;}


.hands .one{background-image: url(../img/card_one.png); background-repeat: no-repeat; background-position: top; height:422px; /*height: 463px;*/ }
.hands .two{background-image: url(../img/card_two.png); background-repeat: no-repeat; background-position: top; height:422px; /*height: 463px;*/}
.hands .three{background-image: url(../img/card_three.png); background-repeat: no-repeat; background-position: top; height:422px; /*height: 463px;*/}



.button .rounded{background-image: url(../img/button.svg); background-repeat: no-repeat; background-size: auto 74px; background-position: top; height: 74px; }
.button .text h4{padding-top:25px;}
.button .arrow{text-align:right; padding-top:23px;}



.button.desktop{display: block;}
.button.mobile{display: none;}


.columns{padding-top: 20px;}

.content.desktop{display: block;}
.breaker.mobile{display: none;}
.content.mobile{display: none;}



.content .one{border-right: 1px solid #cbd6df;}
.content .one .title{text-align:center; padding-top:10px;}
.content .one .title h2{font-weight: 800; color: #272771;}
.content .one .sub-title{text-align:center; padding-bottom: 10px;}
.content .one .sub-title h2{font-weight: 100; color: #272771; padding-top: 2px; padding-bottom: 2px;}
.content .one .description{text-align:center;}
.content .one .description p{ color: #375e80;}
/*.content .one .icons {background-image: url(../img/background_yellow_top.png); background-repeat: no-repeat; background-position: bottom; background-size: 301px 92px; height: 122px; }*/
.content .one .icons {background-image: url(../img/background_yellow_top.svg); background-repeat: no-repeat; background-position: bottom; background-size: 301px auto; height: 122px; }
.content .one .list{background-image: url(../img/background_yellow_center.png); background-repeat: no-repeat;  background-position: center; background-repeat: repeat-y; background-size: 301px 100%;}
.content .one .list ul{padding-left:30px; margin:0 auto; max-width: 301px;}
.content .one .list ul li{padding-bottom:15px; display: block;}
/*.content .one .list ul li{background-image: url(../img/icon_li_element_yellow.png); background-repeat: no-repeat; background-position: 0px 6px; background-size: 13px 13px;  }*/
.content .one .list ul li{background-image: url(../img/icon_li_element_yellow.svg); background-repeat: no-repeat; background-position: 0px 6px; background-size: auto;}

.content .one .list ul li p{color: #ffffff; margin:0 auto; padding-left: 25px; padding-right:25px;}
.content .one .list .image-li{padding-left: 0;}
.content .one .list .image-li img{padding-top:10px;}
.content .one .bottom {background-image: url(../img/background_yellow_bottom.png); background-repeat: no-repeat; background-position: top; background-size: 301px 15px; height: 15px; }


.content .two{}
.content .two .title{text-align:center; padding-top:10px;}
.content .two .title h2{font-weight: 800; color: #0061a8;}
.content .two .sub-title{text-align:center; padding-bottom: 10px;}
.content .two .sub-title h2{font-weight: 100; color: #0061a8; padding-top: 2px; padding-bottom: 2px;}
.content .two .description{text-align:center;}
.content .two .description p{ color: #375e80;}
/*.content .two .icons {background-image: url(../img/background_blue_top.png); background-repeat: no-repeat; background-position: bottom; background-size: 301px 92px; height: 122px; }*/
.content .two .icons {background-image: url(../img/background_blue_top.svg); background-repeat: no-repeat; background-position: bottom; background-size: 301px auto; height: 122px; }
.content .two .list{background-image: url(../img/background_blue_center.png); background-repeat: no-repeat;  background-position: center; background-repeat: repeat-y; background-size: 301px 100%;}
.content .two .list ul{padding-left:30px; margin:0 auto; max-width: 301px;}
.content .two .list ul li{padding-bottom:15px; display: block;}
/*.content .two .list ul li{background-image: url(../img/icon_li_element_blue.png); background-repeat: no-repeat; background-position: 0px 6px; background-size: 13px 13px; }*/
.content .two .list ul li{background-image: url(../img/icon_li_element_blue.svg); background-repeat: no-repeat; background-position: 0px 6px; background-size: auto;}
.content .two .list ul li p{color: #ffffff; margin:0 auto; padding-left: 25px; padding-right:25px;}
.content .two .list .image-li{padding-left: 0;}
.content .two .list .image-li img{padding-top:10px;}
.content .two .bottom {background-image: url(../img/background_blue_bottom.png); background-repeat: no-repeat; background-position: top; background-size: 301px 15px; height: 15px; }


.content .three{border-left: 1px solid #cbd6df;}
.content .three .title{background-image: url(../img/british_logo_resized.png); background-repeat: no-repeat; background-position: top; background-size: auto 45px; height: 45px; padding-bottom:0px; top: -5px; }
.content .three .sub-title{text-align:center; padding-bottom: 10px;}
.content .three .sub-title h2{font-weight: 100; color: #a91827; padding-top: 2px; padding-bottom: 2px;}
.content .three .description{text-align:center;}
.content .three .description p{ color: #375e80;}
/*.content .three .icons {background-image: url(../img/background_red_top.png); background-repeat: no-repeat; background-position: bottom; background-size: 301px 92px; height: 122px; }*/
.content .three .icons {background-image: url(../img/background_red_top.svg); background-repeat: no-repeat; background-position: bottom; background-size: 301px auto; height: 122px; }
.content .three .list{background-image: url(../img/background_red_center.png); background-repeat: no-repeat;  background-position: center; background-repeat: repeat-y; background-size: 301px 100%;}
.content .three .list ul{padding-left:30px; margin:0 auto; max-width: 301px;}
.content .three .list ul li{padding-bottom:15px; display: block;}
/*.content .three .list ul li{background-image: url(../img/icon_li_element_red.png); background-repeat: no-repeat; background-position: 0px 6px; background-size: 13px 13px; }*/
.content .three .list ul li{background-image: url(../img/icon_li_element_red.svg); background-repeat: no-repeat; background-position: 0px 6px; background-size: auto;}
.content .three .list ul li p{color: #ffffff; margin:0 auto; padding-left: 25px; padding-right:25px;}
.content .three .list .image-li{padding-left: 0;}
.content .three .list .image-li img{padding-top:10px;}
.content .three .bottom {background-image: url(../img/background_red_bottom.png); background-repeat: no-repeat; background-position: top; background-size: 301px 15px; height: 15px; }

.content .three .custom-small-text{font-size:10px; color: #ffffff;}



.footer{padding-top: 40px; padding-bottom: 60px;}
.bottom .menu{text-align: left;}
.bottom .credits{text-align: right;}
.bottom .menu ul, .bottom .credits p{ margin:0 auto; padding: 0;}
.bottom .menu li{ display: inline-block;  margin-right: 5px;}
.bottom .menu a, .bottom .credits p{font-size:13px; color:#375e80; font-weight: 400;}
.bottom .menu a:hover{color: #97adbf; text-decoration: none;}


@media only all and (max-width:1200px){

	.container {padding-left: 0px; padding-right: 0px;}
}

@media only all and (max-width:768px){
	.content.mobile .description p{width: 400px; margin: 0 auto;}
}

@media only all and (max-width:767px){
	.content.mobile .description p{width:100%;}
}

@media only all and (max-width:992px){

	/*.button .rounded{background-image: none; background-color: #375e80; border: 1px solid #b6c6d2; border-radius: 30px;}
	.button .text {width: 66%; display: inline-block;}
	.button .arrow{width: 33%; display: inline-block;}*/
	
	
	.content .one{border-right: 0px;}
	.content .three{border-left: 0px;}	
	.container-fluid{padding-left: 0px; padding-right: 0px;}
	
	/*.top .image{width: 39%; display: inline-block; top: -26px;}
	.top .image img{width: 200px;}
	.top .menu{width: 60%;  display: inline-block; top: -19px;}*/
	.top .image{width: 100%; text-align: center; top: 0;}
	.top .menu{width: 100%; text-align: center; top: 0; }
	.top .menu ul{padding-left: 0; padding-top: 5px;}
	.top .menu a{color:#687784; }
	.top .menu a:hover{color: #005eaf;  }
	.top .menu a.active-lang{color: #005eaf;  }
	
	.top .mobile-line{padding-top:20px; border-bottom: 1px solid #687784; margin: 0 auto;}
	
	.header{background-image: none;}
	.hands{display: none;}
	.intro h1, .intro p{color: #375e80; }
	.intro{padding-bottom: 50px;}

	.content.desktop{display: none;}
	.content.mobile{display: block; padding-bottom: 50px;}
	.content .three .title{background-size: auto 46px; height: 60px !important; padding-bottom:14px; }
	.breaker.mobile{display: block; /*margin-top: 70px;*/ padding-left: 0; padding-right: 0;}	
	.breaker .mobile-background{background-image: url(../img/background.png); background-repeat: repeat-x; background-position: top;}
	/*.breaker .one.mobile{background-image: url(../img/card_one_mobile.png); background-repeat: no-repeat; background-position: center; background-size: 301px auto; height:330px;}*/
	/*.breaker .two.mobile{background-image: url(../img/card_two_mobile.png); background-repeat: no-repeat; background-position: center; background-size: 301px auto; height:330px;}*/
	/*.breaker .three.mobile{background-image: url(../img/card_three_mobile.png); background-repeat: no-repeat; background-position: center; background-size: 301px auto; height:330px;}*/
	.breaker .one.mobile{text-align:center;}
	.breaker .one.mobile img{ max-width: 301px; width: 100%; padding-top: 50px; padding-bottom: 50px;}
	.breaker .two.mobile{text-align:center;}
	.breaker .two.mobile img{ max-width: 301px; width: 100%; padding-top: 50px; padding-bottom: 50px;}
	.breaker .three.mobile{text-align:center;}
	.breaker .three.mobile img{ max-width: 301px; width: 100%; padding-top: 50px; padding-bottom: 50px;}
	
	.button.mobile{display: block; text-align: center; display: absolute; position: fixed; bottom: 0px; width: 100%;}
	.button.desktop{display: none;}
	.button.mobile h4{padding-top:26px; padding-bottom: 26px;}
	
	.footer{padding-bottom:100px; padding-top:0px;}
	.footer .bottom .credits, .footer .bottom .menu{text-align:center; padding-top:20px;}
	.button .squared{background-image: none; background-color: #ed161f; /*border: 1px solid #b6c6d2; */border-radius: 0px;}
	
	
	
}


@media only all and (max-width:423px){
	
	
}



@media only all and (max-width:1140px){
	h1{ font-size: 35px; }
	h2{ font-size: 30px; }
	p{ font-size: 16px; }
	.content .three .title{background-size: auto 35px; height: 38px !important; margin-top:2px; top: 0px;}

}