body,ul,li{margin: 0; padding: 0;}
a{text-decoration: none;}
body{
background: #e2e2e2;
background: -moz-linear-gradient(left, #e2e2e2 0%, #c1bfbb 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e2e2e2 ), color-stop(100%,#c1bfbb ));
background: -webkit-linear-gradient(left, #e2e2e2 0%,#c1bfbb 100%);
background: -o-linear-gradient(left, #e2e2e2 0%,#c1bfbb 100%);
background: -ms-linear-gradient(left, #e2e2e2 0%,#c1bfbb 100%);
background: linear-gradient(to right, #e2e2e2 0%,#c1bfbb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2 ', endColorstr='#c1bfbb ',GradientType=1 );
color: #666666;
font-family: 'QuattrocentoSans', sans-serif;
font-size: 17px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

/*----- Generel -----*/
#fp-nav ul li{margin: 10px 0 !important}
li{list-style: none;}
img {border: 0;-ms-interpolation-mode: bicubic;vertical-align: middle;}
h1 {font-family: 'WorkSansThin';font-size: 85px;font-weight: normal;font-style: normal;line-height: 62px;margin: 15px 0 30px 0;text-transform: uppercase;letter-spacing: -3px;}
p{line-height: 24px;margin: 5px 100px 15px 7px;text-align: justify; font-family: 'WorkSansThin'; font-weight: 700;color: #666;}
p span{color: #666 !important;}
a{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease;transition: all .2s ease;color: #296694;text-decoration: none;}

/*----- Navigation -----*/
header{padding: 34px;z-index: 9998;position: fixed;width: 100%; box-sizing: border-box;}
header figure{float: left; margin: 0; position: absolute;}
header figure a{outline: none;}
header figure a img{display: block;}
header nav{float: right; width: 60%;}
header nav ul.nav.menu{text-align: right;}
header nav ul.nav.menu li{display: inline-block;margin-left: .1em;}
header nav ul.nav.menu li a{color: #fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);font-family: 'LatoWeb';padding: .5em; transition: all .3s ease-out; font-size: 16px; text-transform: uppercase;}
header nav ul.nav.menu li:hover a{color: #8b8b8b}
header nav ul.nav.menu li.current a{color: #323640 !important}
header nav ul.nav.menu li.parent{position: relative;}
header nav ul.nav.menu li.parent > ul{position: absolute;text-align: left;background-color: #fff;border-radius: 4px;box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);display: none;overflow: hidden;top: calc(100% + 5px);left: .5em;}
header nav ul.nav.menu li.parent:hover > ul {display: block;}
header nav ul.nav.menu li.parent > ul li {width: 100%; margin: 0 !important;}
header nav ul.nav.menu li.parent > ul li:first-child{border: none;}
header nav ul.nav.menu li.parent > ul li a {padding: 10px 15px !important;display: block;min-width: 120px;color: #000 !important;white-space: nowrap;font-size: 14px !important;}
header nav ul.nav.menu li.parent > ul li a:hover{background-color: #ececec}

/*----- Structure -----*/
div#fullpage{z-index: 1}
.fullscreen-container{width: 100% !important}
.forcefullwidth_wrapper_tp_banner{position:absolute !important; z-index: -3; top: 0; bottom: 0; left: 0; right: 0;}
#overlay{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -2;}
#overlay .over1a {background: url(../img/main-over1.png) right top no-repeat;background-size: auto 100%;position: absolute;top: 0;right: 850px;bottom: 0;left: 0;}
#overlay .over1b {background: url(../img/main-over2.png) left top no-repeat;background-size: cover;position: absolute;top: 0;right: 0;bottom: 0;width: 850px;}
.forcefullwidth_wrapper_tp_banner{width: calc(100% - 400px) !important;}
.isbox{position: absolute;top: 0;right: 50px;bottom: 0;left: 50px;}
.leftside{position: absolute;right: 950px;left: 0;z-index: 3;text-align: right;}
.rightside{position: relative;box-sizing: border-box;overflow: hidden;width: 72%;max-width: 850px;margin: 0 0 0 auto;padding: 0 50px 0 0;}
.rightsidefull{position: absolute;top: 0;right: 0;bottom: 0;width: 850px;}
.oversizedEXP h1{text-align: right;font-size: 130px;line-height: 100px;color: #FFF;}
.oversizedEXP p {
    margin-right: 0;
    font-family: 'WorkSansThin';
    font-size: 31px;
    line-height: 32px;
    color: #777;
    text-shadow: 0 0 0 rgba(0, 0, 0, 1);
    padding-left: 70px;
}
.oversizedEXP.contact-roll p {
    font-size: 18px;
}
.oversizedTHANK h1 {text-align: right;font-size: 200px;line-height: 140px;color: #FFF;padding: 0 6% 10px 0;}
a.btn{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease;transition: all .2s ease;background-color: #FFF;display: inline-block;color: #666;font-size: 13px;line-height: 30px;padding: 0 30px;margin-left: 7px;}
a.btn:hover{-webkit-transition: all .8s ease;-moz-transition: all .8s ease;-ms-transition: all .8s ease;transition: all .8s ease;background-color: #666;display: inline-block;color: #FFF;}
@media (max-width: 1024px) {
	.oversizedEXP p{padding: 0; font-size: 18px; line-height: normal;}
}


.logos ul {direction: rtl; overflow: hidden;}
.logos ul li {margin: .5em 1em; transition: all .3s ease; float: right;}
.logos ul li:hover{transform:scale(1.2);}
.logos ul li img {width: 150px;height: 150px;}

.reps li{margin-top: 35px;}
.reps li:first-child{margin-top: 0;}

ul.contactINFO {display: flex;flex-direction: column;flex-wrap: wrap;justify-content: flex-start;direction: rtl;text-transform: uppercase;margin-right: 6%;font-family: 'LatoWeb';font-size: 14px;}
ul.contactINFO li{}

.mod-languages *{display: block;}
.mod-languages{position: absolute;top: 82px;}


span#asidetoggle{display: none;}
aside ul li a:hover {background-color: rgba(255, 255, 255, 0.1);}
aside ul li a {display: block;text-align: left;padding: 1rem 2rem;min-width: 200px;border-top: 1px solid rgba(0, 0, 0, 0.1);transition: all .3s ease-out;}

/*----- Responsive -----*/
@media (max-width: 1600px) {
	.leftside > img{width: 500px; max-width: 100%;}
}
@media (min-width: 1024px) and (max-width: 1330px) {
	.rightside{width: 50%}
	h1{font-size: 40px; line-height: normal}
	.rightside.oversizedEXP ,
	.rightside.logos{width: 72%}
}
@media (max-width: 1024px) {
	header{position: relative !important; overflow: hidden;}
	h1{font-size: 30px}
	p{margin: 0 !important;}
	.oversizedEXP h1{font-size: 50px;}
	div#overlay,
	/*#thankYouSection,*/
	nav,
	div.mod-languages,
	li#langItem{display: none !important;}
	.isbox, .isbox *,
	.oversizedEXP h1{text-align: center;line-height: normal;}


	/*.forcefullwidth_wrapper_tp_banner {width: 100% !important; position: fixed !important;}*/
	.forcefullwidth_wrapper_tp_banner {width: 80% !important; position: relative !important; margin:0 auto !important; height: 324px !important;}
	.forcefullwidth_wrapper_tp_banner > div{height: 324px !important; left: initial !important}



	div.section{box-sizing: border-box;padding: 3em;border-bottom: 2px solid rgba(255, 255, 255, 0.2);}
	div.section,
	div.section > div.fp-tableCell{height: auto !important}
	div.section > div.fp-tableCell div.isbox{position: relative !important; left: initial !important; right: initial !important;}
	.leftside{position: relative; right: initial !important; left: initial !important; margin:0 !important;}
	.rightside.vcenter{margin: 0 auto !important;width: 100%;padding: 0;}
	.rightside.vcenter a.btn {display: block;text-align: center;padding: 15px;width: 50%;margin: 2rem auto 0;}
	span#asidetoggle{color: #fff;font-size: 3rem;float: right;cursor: pointer;transition: all .3s ease-out;}
	span#asidetoggle{display: block;}
	.leftside img {display: block;width: 80%;max-width:600px;margin: 0 auto;}
	.logos ul li{flex-grow: 1; float: none;}
}

li#langItem a {background-color: rgba(255, 255, 255, 0.6);border-radius: 5px;color: rgba(0, 0, 0, 0.5);transition: all .3s ease;}
li#langItem a:hover{color: #000;background-color: #fff;}





.ciHolder {direction: rtl;position: relative;}
.contactINFO {width: 320px;margin-right: 7%;color: #fff;font-size: 14px;direction: ltr;}
.contactINFO > img {margin-bottom: 15px;}
.contactINFO p {margin: 0;text-align: left;}
.contactINFO p.socialHolder {margin-top: 15px;}
.contactINFO p.socialHolder a {display: inline-block;vertical-align: middle;margin-left: 5px;}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.forcefullwidth_wrapper_tp_banner {height: 493px !important;}
	.forcefullwidth_wrapper_tp_banner > div{height: 493px !important; left: initial !important}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.forcefullwidth_wrapper_tp_banner {height: 657px !important;}
	.forcefullwidth_wrapper_tp_banner > div{height: 657px !important; left: initial !important}
}



.slick-list img {background-position: 50%;box-shadow: 0 0 3px rgba(0, 0, 0, .4);border-radius: 5px;}
.slick-list {padding: 3px !important;}


.chevArrows img:hover{opacity:1;}
.chevArrows img{display:inline-block;margin:10px;transition: all .3s ease;opacity: .6;cursor:pointer;}
.chevArrows{text-align:center;padding-top:30px;padding-right: 27px;}


@media (max-width: 1024px){
	#thankYouSection .rightsidefull{width: 100%; position: relative;}
	#thankYouSection .rightsidefull .oversizedTHANK h1{
		text-align: center;
		font-size: 48px;
		line-height: normal;
		padding: 0;
		margin-top: 0;
	}
	#thankYouSection .rightsidefull .contactINFO{width: 100%; margin: 0;}
	#thankYouSection .rightsidefull .contactINFO p{text-align: center;}
}