/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script');
@import url('https://fonts.googleapis.com/css?family=Satisfy');

/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { font-family: sans-serif; font-size: 12px; color: #000; }
body { background: #0e4171; }
input, select, textarea, button { font-family: sans-serif; font-size: 12px; color: #000; }
img { border: 0; display: block; }
ul, li { list-style: none; }
:focus { outline: none; }
fieldset { border: none; }
main { display: block; }

/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; position: relative; max-width: 950px; }
.centered { padding-right: calc((100% - 950px) / 2); padding-left: calc((100% - 950px) / 2); }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { width: 100%; }

/* ### header container ### */
#headerCntr { position: relative; width: 100%; float: left;  background: #fff; }
#headerCntr .center { max-width: 1080px; }
#headerCntr .logo { transform: translateX(-50%); width: 244px; z-index: 3; display: block; }
#headerCntr .logo img { max-width: 100%; }
#headerCntr .mobileMenu { display: none; cursor: pointer; z-index: 15; float: right; width: 40px; height: 46px; position: relative; transition: 0.2s; overflow: hidden; }
#headerCntr .mobileMenu span { display: block; height: 4px; text-indent: -9999px; border-radius: 5px; background: #e69921; position: absolute; top: 50%; right: 20%; left: 20%; transition: 0.2s; }
#headerCntr .mobileMenu span:before,
#headerCntr .mobileMenu span:after { display: block; width: 100%; height: 4px; content: ''; border-radius: 5px; background-color: #e69921; transition-duration: 0.2s,0.2s; position: absolute; left: 0; }
#headerCntr .mobileMenu span:before { top: -7px; }
#headerCntr .mobileMenu span:after { bottom: -7px; }
#headerCntr .tagline {     font-family: 'Satisfy'; font-size: 25px; color: #666666; position: absolute; top: 0; left: 120px; height: 100%; line-height: 108px; text-align: center;}
.mm-opened #headerCntr .mobileMenu span { background: none; }
.mm-opened #headerCntr .mobileMenu.is-active span:before,
.mm-opened #headerCntr .mobileMenu.is-active span:after { transition-delay: 0s, 0.2s; }
.mm-opened #headerCntr .mobileMenu span:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mm-opened #headerCntr .mobileMenu span:after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#headerCntr ul.flagBox { position: absolute; left: 230px; top: 3px }
#headerCntr ul.flagBox li { padding: 0px 8px 0px 0px; float: left; }
#headerCntr ul.flagBox li a { width: 16px; height: 11px; display: block; float: left; text-indent: -9999px; background: url(../img/icon-netherland.png) left top no-repeat; }
#headerCntr ul.flagBox li.uk a { background: url(../img/icon-uk.png) left top no-repeat; }
#headerCntr .right { float: right; }

	/* ### menu box ### */
	.menuBox:not(.mm-menu) { float: left;  }
	.menuBox:not(.mm-menu) ul { list-style: none;  }
	.menuBox:not(.mm-menu) ul li { padding: 19px 37px 24px 37px;  float: left; position: relative; border-right: 1px solid #ede5db; }
	.menuBox:not(.mm-menu) ul li a { font-family: "Times New Roman", Times, serif; font-size: 21px; color: #707070; text-decoration: none; line-height: 47px; display: block; }
	.menuBox:not(.mm-menu) ul li a:hover { color: #e69921; }

	/* ### cart box ### */
	.cartBox { list-style: none; float: right;  }
	.cartBox li { padding: 19px 37px 24px 37px;  float: left; position: relative; border-left: 1px solid #ede5db; }
	.cartBox li a { font-family: "Times New Roman", Times, serif; font-size: 21px; color: #707070; text-decoration: none; line-height: 47px; display: block; }
	.cartBox li.like a {  width: 36px; height: 46px; display: block; background: url(../img/icon-heart.png) center center no-repeat; }
	.cartBox li.shopping a { padding-right: 64px; height: 46px; display: block; background: url(../img/icon-shopping.png) right center no-repeat; }
	.cartBox li a:hover { color: #e69921; }
	.cartBox li:first-child { border: none; }
	.cartBox li.menu { padding-right: 0px; display: none; }
	.cartBox .count { font-size: 12px; color: #fff; width: 28px; height: 28px; display: block; text-align: center; line-height: 28px; position: absolute; right: 20px; top: 17px; background: #ec9802; border-radius: 100%; }

/* ### process box ### */
.processBox { padding-top: 10px; padding-bottom: 50px; width: 100%; overflow: hidden; background:rgba(255,255,255,0.8); z-index: 1; position: relative; }
.processBox h1 { padding: 15px 0px; font-family: 'Lobster', cursive; font-size: 48px; color: #0e4171; line-height: 48px; }
.processBox p { padding:0 45px 15px 0; font-size: 20px; color: #7c7d7e; line-height: 35px; }
.processBox p a { color: #434343; text-decoration: none; }
.processBox p a:hover { text-decoration: underline; }
.processBox span { font-family: 'Lobster', cursive; font-size: 24px; color: #e69921; display: block; -webkit-transform: matrix(0.999,-0.043,0.043,0.999,0,0); transform: matrix(0.999,-0.043,0.043,0.999,0,0);}

/* ### SaldoChecker ### */
#saldoOutput { text-align: center; color: #e69921; font-weight: bold; font-size: 24px; padding-bottom: 0; min-height: 71px; }

/* ### content container ### */
#contentCntr { padding-top: 55px; width: 100%; position: relative; background:#0e4171 url(../img/bg.png) repeat;  }
#contentCntr:before { content: ''; width: 100%; height: 581px; display: block; position: absolute; left: 0px; top: -113px;  center top no-repeat; }

	/* ### search box ### */
	.searchBox { padding-top: 80px; padding-bottom: 20px; width: 100%; position: relative; background: rgba(255,255,255,0.9); border-radius: 7px; }
	.searchBox fieldset { border: none; }
	.searchBox .left { padding: 0px 99px 0px 42px; width: calc(100% - 264px); float: left; }
	.searchBox .right { padding-right: 22px; width: 264px; float: right; }
	.searchBox h2 { padding: 0px; font-family: "Times New Roman", Times, serif;  font-size: 24px; color: #0e4171; line-height: 24px; font-weight: normal; }
	.searchBox h3 { padding: 0px; font-family: "Times New Roman", Times, serif;  font-size: 24px; color: #0e4171; line-height: 24px; font-weight: normal; }
	.searchBox .left p { padding: 33px 0; font-size: 18px; color: #6f6f6f; line-height: 28px; }
	.searchBox .left span { font-family: "Times New Roman", Times, serif; font-size: 24px; color: #e69921; }
	.searchBox .right p { padding: 15px 0 20px 0; font-size: 18px; color: #6f6f6f; line-height: 28px;}
	.searchBox input[type="text"] { margin-bottom: 20px; width: 100%; padding: 15px 10px; font-size: 14px; color: #6f6f6f; text-align: center; border: 1px solid #979797; border-radius: 7px; }
	.searchBox .button { padding: 16px 10px; display: block; width: 100%; text-align: center; font-size: 18px; color: #fff; border: none; cursor: pointer; background: #e69921; border-radius: 7px;}
	.searchBox:before { position: absolute; right: 22px; top: 27px; width: 57px; height: 42px; display: block; content:''; background: url(../img/icon-search.png) left top no-repeat;  }
	.searchBox .down { position: absolute; left: 45px; bottom: -15px; width: 30px; height: 30px; display: block; cursor: pointer; background: url(../img/icon-play.png) left top no-repeat;  }

	/* ### services box ### */
	.servicesBox { padding-top: 76px; padding-bottom: 13px; width: 100%; overflow: hidden; }
	.servicesBox ul { list-style: none; margin-right: -52px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items:stretch; -ms-flex-align:stretch; align-items:stretch; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
	.servicesBox li { padding: 33px 15px 10px 15px; margin-right: 52px; margin-bottom: 44px; text-align: center; width: calc(33.3% - 52px); position: relative; float: left; background: rgba(255,255,255,0.9); border-radius: 7px; }
	.servicesBox .count { position: absolute; left: 50%; top: -25px; margin-left: -25px; display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 24px; color: #0e4171; border-radius: 100%; background: #8fcae7;}
	.servicesBox .icon { width: 80px; height: 80px; display: block; margin: 0px auto 10px; background: url(../img/icon-beslist.png) left top no-repeat; }
	.servicesBox .icon-search { width: 115px; height: 80px; display: block; margin: 0px auto; background: url(../img/icon-search-big.png) left top no-repeat; margin-bottom: 5px; }
	.servicesBox .icon-home { width: 99px; height: 95px; display: block; margin: 0px auto; background: url(../img/icon-home.png) left top no-repeat; margin-bottom: 5px; }
	.servicesBox p { padding: 12px 0px 0px 0px; font-size: 18px; color: #6f6f6f; line-height: 24px; }
	.servicesBox .title { padding: 18px 0px 15px 0px; font-size: 18px; color: #747575;  }
	.servicesBox .title span { font-family: 'Dancing Script', cursive; font-size: 30px; display: block; }
	.servicesBox .button { margin-top: 23px; margin-bottom: 10px; padding: 14px 20px; min-width: 173px; display: inline-block; text-align: center; font-size: 18px; color: #fff; border: none; text-decoration: none; cursor: pointer; background: #e69921; border-radius: 7px; pointer-events: none }
	.servicesBox .button:hover { text-decoration: underline; }

	/* ### text box ### */
	.textBox { padding: 105px 99px 13px 30px; margin-bottom: 141px; width: 100%; position: relative; background: rgba(255,255,255,0.9); border-radius: 7px; }
	.textBox:before { content: ''; width: 210px; height: 75px; display: block; position: absolute; left: 30px; top: 25px; background: url(../img/icon-content.png) left top no-repeat;  }
	.textBox p { padding: 0 0 33px 0; font-size: 18px; color: #6f6f6f; line-height: 31px; }
	.textBox .down { position: absolute; left: 45px; bottom: -15px; width: 30px; height: 30px; display: block; cursor: pointer; background: url(../img/icon-play.png) left top no-repeat;  }

	/* ### clients box ### */
	.clientsBox { padding: 46px 25px 23px 42px; margin-bottom: 42px; overflow: hidden; width: 100%; position: relative; background: rgba(255,255,255,0.9); border-radius: 7px; }
	.clientsBox h2 {  padding: 0px 70px 0 0; font-family: "Times New Roman", Times, serif;  font-size: 24px; color: #0e4171; line-height: 24px; font-weight: bold; }
	.clientsBox p { padding: 10px 0px 32px 0px; font-size: 14px; color: #6f6f6f; line-height: 22px; }
	.clientsBox ul { list-style: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
	.clientsBox li { padding-bottom: 32px; width: 25%; float: left; text-align: center; }
	.clientsBox li img { display: inline-block; max-width: 90%; }
	.clientsBox:after { display: block; content:''; position: absolute; right: 58px; top: 30px; width: 70px; height: 70px; background: url(../img/icon-beslist.png) left top no-repeat; background-size: 100%; }

	/* ### status box ### */
	.statusBox {padding: 40px 33px 40px 42px; margin-bottom: 41px; overflow: hidden; width: 100%; position: relative; background: rgba(255,255,255,0.9); border-radius: 7px; }
	.statusBox .left { padding-right: 100px; width:calc(100% - 250px); float: left; }
	.statusBox .right { width: 250px; float: left; }
	.statusBox h3 {  padding: 0px; font-family: "Times New Roman", Times, serif;  font-size: 24px; color: #0e4171; line-height: 26px; font-weight: normal; }
	.statusBox h4 {  padding: 0px; font-family: "Times New Roman", Times, serif;  font-size: 24px; color: #0e4171; line-height: 26px; font-weight: normal; }
	.statusBox  p { padding: 15px 0px 24px 0px; font-size: 14px; color: #6f6f6f; line-height: 23px; }
	.statusBox input[type="text"] { margin-bottom: 20px; width: 50%; padding: 15px 10px; float: left; font-size: 14px; color: #6f6f6f; text-align: center; border: 1px solid #979797; border-radius: 7px; }
	.statusBox .left .button { margin-left: 20px; width:calc(50% - 20px); float: left; }
	.statusBox .right p { padding: 20px 0px 20px 0px; }
	.statusBox .button { width: 100%; padding: 13px 10px; display: block; text-align: center; font-size: 18px; color: #fff; border: none; cursor: pointer; background: #e69921; border-radius: 7px; text-decoration: none; }
	.statusBox .button:hover { text-decoration: underline; }
	.statusBox.question {padding: 54px 33px 40px 42px; }
	.statusBox.question .button { margin-top: 73px; }

	/* ### content box ### */
	.contentBox { padding: 54px 290px 87px 42px; margin-bottom: 46px; width: 100%; position: relative; background: rgba(255,255,255,0.9); border-radius: 7px; }
	.contentBox h4 { padding-bottom: 15px; font-family: "Times New Roman", Times, serif;  font-size: 24px; color: #0e4171; line-height: 26px; font-weight: normal; }
	.contentBox p { padding: 0 0 20px 0; font-size: 14px; color: #6f6f6f; line-height: 25px; }
	.contentBox address { font-size: 14px; color: #6f6f6f; line-height: 27px; font-style: normal; display: block; margin: -20px 0 20px; }
	.contentBox a { color:#e79d2b; text-decoration: none; }
	.contentBox a:hover { text-decoration: underline; }
	.contentBox .button { padding: 13px 30px; display: block; float: left; text-align: center; font-size: 18px; color: #fff; border: none; cursor: pointer; background: #e69921; border-radius: 7px; text-decoration: none; }
	.contentBox .link { margin-left: 40px; font-size: 14px; color: #6f6f6f; text-decoration: none; font-style: italic; line-height: 45px; }

	/* ### direct box ### */
	.directBox { padding-bottom: 255px; width: 100%; overflow: hidden; }
	.directBox h3 { font-family: 'Lobster', cursive; font-size: 48px; color: #fff; font-weight: bold; padding-bottom: 50px; text-align: center; }
	.directBox ul { list-style: none; margin-right: -50px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
	.directBox a { padding: 27px 34px 22px 34px; width:calc(33.3% - 50px); margin-right: 50px; text-align: center; float: left; background: #e69921; border-radius: 20px; text-decoration: none; }
	.directBox p { font-family: "Times New Roman", Times, serif;  font-size: 20px; color: #fff; }
	.directBox .title { font-weight: bold; display: block; font-size: 20px; }

/* ### footer container ### */
#footerCntr { padding-top: 48px; padding-bottom: 10px; overflow: hidden; width: 100%; background: #333333; border-top: 2px solid #c2b0ae; }
#footerCntr .holder { margin-right: -15px; }
#footerCntr .block { padding-right: 15px; width: 24%; float: left; font-size: 16px; color: #ccc; line-height: 20px;  }
#footerCntr .block:last-child { width: 28%; }
#footerCntr ul.list { list-style: none; }
#footerCntr ul.list li { display: block; line-height: 28px;  font-size: 16px; color: #bcbabb; font-family: 'Droid Serif', Times, serif; }
#footerCntr ul.list li a {  color: #bcbabb; text-decoration: none; }
#footerCntr ul.list li a:hover { text-decoration: underline; }
#footerCntr .title { padding-bottom: 18px; font-family: "Times New Roman", Times, serif;  font-size: 18px; color: #fff; }
#footerCntr .col { width: 50%; float: left; }
#footerCntr ul.social { list-style: none; margin-right: -15px; }
#footerCntr ul.social li { padding: 0px 15px 0px 0px; float: left; }
#footerCntr ul.social li a { width: 23px; height: 28px; display: block; text-indent: -9999999px; background: url(../img/icon-twitter.png) left top no-repeat; }
#footerCntr ul.social li.facebook a { width: 23px; height: 28px; display: block; text-indent: -9999999px; background: url(../img/icon-facebook.png) left top no-repeat; }

/* #Media Queries
================================================== */
@media only screen and (max-width: 949px) {
	.center { padding-left: 10px; padding-right: 10px; }
	.centered { padding-left: 10px; padding-right: 10px; }
	#headerCntr ul.flagBox { left: 10px; }
	.menuBox:not(.mm-menu) ul li { padding: 19px 29px 24px 25px; }
	.searchBox .left { padding: 0px 28px 0px 22px; }
	.servicesBox ul { margin-right: -22px; }
	.servicesBox li { margin-right: 22px; width: calc(33.3% - 22px); }
	.textBox { padding: 105px 22px 13px 22px; margin-bottom: 60px; }
	.clientsBox { padding: 46px 22px 23px 22px; }
	.clientsBox:after { top: 20px; }
	.statusBox { padding: 40px 22px 40px 22px; }
	.statusBox .left { padding-right: 40px; }
	.statusBox.question { padding: 54px 22px 40px 22px; }
	.contentBox { padding: 54px 215px 87px 22px; }
	.directBox { padding-bottom: 175px; }
	.directBox ul { margin-right: -25px; }
	.directBox li { margin-right: 25px; width: calc(33.3% - 25px); padding: 27px 23px 22px 25px;  }
	#footerCntr .block { width: 50%; padding-bottom: 20px; }
	#footerCntr .block:last-child { width: 50%; }
	.contentBox .button { float: none; width: 100%; }
	.contentBox .link { display: block; margin-left: 0; }
}

@media only screen and (max-width: 767px) {
	.menuBox:not(.mm-menu) { display: none; }
	#headerCntr .mobileMenu { display: block; }
	#headerCntr .logo {top: 67px; }
	.cartBox li { padding: 9px 22px 12px 5px; }
	.cartBox li a { width: 54px; }
	.cartBox li.shopping a { padding: 0px; text-indent: -9999px; }
	.cartBox .count { text-indent: 0; right: 7px; top: 5px; }
	.cartBox li.menu { display: block; }
	.processBox p { padding-right: 0px; }
	.searchBox .left { width: 100%; padding-right: 22px; }
	.searchBox .right { width: 100%; padding-top: 20px; padding-left: 22px; }
	.servicesBox li { width: calc(50% - 22px); }
	.clientsBox li { width: 33.3%; padding: 0 5px 15px 5px; }
	.statusBox .left { width: 100%; padding-right: 0px; }
	.statusBox .right { width: 100%; padding-top: 20px; }
	.statusBox.question .button { margin-top: 20px; }
	.contentBox { padding: 40px 40px 47px 22px; }
	.directBox { padding-bottom: 70px; }
	.directBox ul { margin: 0px; }
	.directBox li { width: 100%; margin: 0px 0px 20px 0px; }
	#footerCntr .block { width: 100%; }
	#footerCntr .block:last-child { width: 100%; }
}

@media only screen and (max-width: 479px) {
	.processBox p { font-size: 16px; line-height: 30px; }
	.searchBox .left { padding: 0px 15px; }
	.searchBox .left p { font-size: 16px; }
	.servicesBox ul { margin: 0px; }
	.servicesBox li { width: 100%; margin-right: 0px; }
	.textBox p { font-size: 16px; line-height: 27px; }
	.clientsBox:after { right: 13px; }
	.searchBox .right { padding: 20px 15px 0 15px; }
	.textBox { padding: 105px 15px 13px 15px; }
	.clientsBox { padding: 46px 15px 23px 15px; }
	.statusBox  { padding:40px 15px 40px 15px; }
	.statusBox.question { padding: 40px 15px 40px 15px; }
	.contentBox { padding: 40px 20px 47px 15px; }
	.statusBox input[type="text"] { width: 100%; }
	.statusBox .left .button { width: 100%; margin-left: 0px; }
	.clientsBox li { width: 50%; }
}