@font-face {
	font-family: NexaLight;
	src: url('../fonts/nexa-light.otf') format("opentype");
}
@font-face {
	font-family: NexaBold;
	src: url('../fonts/nexa-bold.otf') format("opentype");
}
@font-face {
	font-family: SlingBold;
	src: url('../fonts/SlingBold.ttf');
}
@font-face {
	font-family: LatoHairline;
	src: url('../fonts/Lato-Hairline.ttf');
}
@font-face {
	font-family: LatoLight;
	src: url('../fonts/Lato-Light.ttf');
}
@font-face {
	font-family: LatoRegular;
	src: url('../fonts/Lato-Regular.ttf');
}


body {
	background: #fff;
	background: url('../img/bg.jpg');
}

#top-nav {
	position: fixed;
	width: 100%;
	z-index: 1;
	margin: 0;
	padding-top: 2px;
	border: 0;
	border-radius: 0;
	border-bottom: 4px solid rgba(0,0,0,.04);	
	box-shadow: 0 0 6px rgba(0,0,0,.25);
	background: rgba(255,255,255,.9);
	background: linear-gradient(to bottom, #fff 0%,#f1f1f1 100%);
}
#top-nav .navbar-brand {
	font-weight: bold;
	color: #333;
}
#top-nav ul {

}
#top-nav li {

}
#top-nav li.underline:hover {
	margin-bottom: -4px;
	border-bottom: 4px solid #f43;
	background: rgba(255,255,255,.8);
	transition-property: border-bottom;
 	transition-duration: 0.25s;
}
#top-nav li a {
	color: #333;	
}
#top-nav li a:hover {
	background: #fff;
}

#top-nav li.order-button:hover {
	margin-bottom: -4px;
	border-bottom: 4px solid transparent;
}
#top-nav a#nav-order-button {
	background: #f92;
	background: linear-gradient(to bottom, #fa4 0, #f81 100%);
	color: #fff;
	border-radius: 6px;
	font-weight: bold;
	text-shadow: 0 0 1px rgba(0,0,0,.2);
	padding: 8px 14px;
	margin-top: 7px;
}
#top-nav #nav-order-button:hover {
	background: #f71;
}

#top-nav li.contact {
	margin-right: 20px;
	line-height: 50px;
}
#top-nav li.contact .phone {
	font-weight: bold;
	color: #f40;
}
#top-nav li.contact .phone.prefix {
	color: #333;
}




#content-container {
	width: 100%;
}

.site-margin {

}
.site-content {
	/*outline: 1px solid rgba(255,255,255,.5);*/
}
.site-content form {
	background: rgba(255,255,255,.8);
}


h1 {
	/*DroidSerifBold*/ /*Insolent*/ /*NexaBold*/
	font-family: LatoRegular, sans-serif;
	color: #333;
	text-shadow: 0 0 1px rgba(0,0,0,.45);

}
h2, h3, h4, h5, h6 {
	line-height: 1.1;
	font-family: LatoLight, sans-serif; /*Tahoma*/ /*NexaLight*/
	color: #333;
}
.h-2, .h-3, .h-4, .h-5, .h-6 {
	font-family: LatoLight, sans-serif;
	color: #333;
}
.h-1 {
	font-size: 36px;
	font-family: LatoRegular, sans-serif;
	text-shadow: 0 0 1px rgb(0,0,0);
	margin-bottom: .75em;
}
.h-2 {
	font-size: 30px;
	text-shadow: 0 0 1px rgb(0,0,0);
	margin-bottom: .75em;
}
.h-3 {
	font-size: 24px;
	text-shadow: 0 0 1px rgba(0,0,0,.65);
}
.h-4 {
	font-size: 18px;
	font-family: LatoRegular;
	text-shadow: 0 0 1px rgba(0,0,0,.35);
}
.h-5 {

}
.h-6 {

}
.center {
	text-align: center;
}


.section-problem {
	min-height: 660px;
	/*margin-top: -50px;*/
	/*margin-top: -30px;*/
	padding-top: 80px; /*50px*/
	padding-bottom: 20px;
}
#img-china {
    max-width: 100%;
}
@media screen and (min-device-width: 990px) {
    #img-china {
        margin-top: 2px;
        margin-left: -30px;
    }
}
.section-problem h1 {
	font-family: SlingBold;
	font-size: 48px;
	color: #333;
	text-shadow: 0 0 1px rgba(0,0,0,.5);
}
.section-problem .left-col h2 {
	text-shadow: 0 0 1px rgba(0,0,0,.45);
	word-spacing: 2px;
}
.section-problem .right-col h2 {
	margin-top: 34px;
	margin-bottom: 14px;
	text-align: center;
	word-spacing: 2px;
	text-shadow: 0 0 1px rgba(0,0,0,.45);
}
.section-problem .right-col .header-underline {
	background: #ddd;
	background: linear-gradient(to left, #fff 0%, #555 50%, #fff 100%);
	width: 100%;
	height: 1px;
	opacity: .15;
}
.section-problem .right-col {
	height: 100%;
	background: #f2f2f2;
	background: linear-gradient(to bottom, #fff, #f1f1f1);
	outline: 1px solid rgba(0,0,0,.02);
	box-shadow: 0 1px 10px rgba(0,0,0,.05);
}
.section-problem .site-content {	
	height: 100%;
}
.section-problem .site-content.left-col h1 {
	margin-bottom: 0;
}
.section-problem .site-content.left-col h2 {
	margin-top: 0;
}
.content-list {
	margin-top: 40px;
	margin-bottom: 80px;
	font-family: LatoLight; /*ExistenceLight*/ /*NexaLight*/
	font-size: 20px;
	/*line-height: 36px;*/
	word-spacing: 1px;
}
.content-list li {
	min-height: 36px;
	background: url('../img/tick.png') no-repeat;
    list-style-type: none;
    margin: 0px 0px 10px 0;
    padding: 0 40px 0 44px;
    vertical-align: middle;
    text-shadow: 0 0 1px rgba(0,0,0,.4);
}
.section-problem .button-order {
    margin-bottom: 1.5em;
}


.section-why-us {
	/*height: 480px;*/
	padding-top: 20px;
	padding-bottom: 30px; /*20*/
	background: rgba(120,125,255,.15);
}
.section-why-us img {
	padding-top: 10px;
}



.section-proof {
	/*height: 280px;*/
	padding-top: 10px;
	padding-bottom: 5px;
	border-top: 10px solid #f1f1f1;
	border-bottom: 10px solid #f1f1f1;
	box-shadow: 0 0 12px rgba(0,0,0,.2);
	background: rgba(0,0,0,.04);
	background: linear-gradient(to left, rgba(0,0,0,.1) 0%, rgba(220,220,220,.1) 50%, rgba(0,0,0,.1) 100%);
}
.section-proof h2 {
	text-shadow: 0 0 1px rgba(0,0,0,.4);
}
.section-proof #logos-container {
	width: 100%;	
}
.section-proof #logos-container .row {
	border-top: 1px solid rgba(0,0,0,.2);
}
.section-proof .logo-box {
	overflow: hidden;
	background: url('../img/highlight.png') no-repeat center center;
}
.section-proof .logo {
	/*border: 1px solid #999;*/
	display: inline;
	float: left;
	
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.section-proof .logo:hover {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
#proof-quote {
	margin-top: 20px;
}


.section-danger {
	padding-top: 10px;
	padding-bottom: 20px;
	background: rgba(120,125,255,.15);
}
.section-danger .guide {
	min-height: 120px;
	margin-top: 10px;	
	padding-bottom: 10px;
	padding-left: 110px;
	padding-right: 30px;
}
.section-danger .guide .h-4 {
	border-bottom: 1px solid rgba(0,0,0,.15);
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 5px;
}
.guide-text {

}
.guide a {
	text-decoration: none;
	color: #333;
}
.guide a:hover {
	color: rgb(0,0,0);
}
.guide.dangers {
	background: url('../img/warning2.png') no-repeat 10px 14px;
}
.guide.etiquette {
	background: url('../img/gift.png') no-repeat 10px 10px;
}
.guide.transport {
	background: url('../img/box.png') no-repeat 8px 14px;
}
.guide.documents {
	background: url('../img/documents.png') no-repeat 10px 10px;
}



.section-order {
	padding-top: 20px;
	padding-bottom: 20px;
	box-shadow: 0 1px 10px rgba(0,0,0,.05);
}
.section-order .site-content > .h-2 {
	padding-bottom: .4em;
	margin-bottom: 0;
}



.form-container {
	border: 1px solid rgba(0,0,0,.1);
}
.form-container form {
	overflow: hidden;
}
.form-left {
	padding: 25px 30px 5px;
	background: rgba(225,225,255,.5);
	background: linear-gradient(to bottom, #efd 0%, #dec 100%);
	border-right: 1px solid rgba(0,0,0,.1);
    float:left;
    padding-bottom:1000px; /* @max-column-height */
    margin-bottom:-1000px;
}
.form-right {
	padding: 25px 30px 5px;
	background: rgba(0,0,0,.05);
	background: linear-gradient(to bottom, #eee 0%, #bbb 100%);
	border-left: 1px solid rgba(255,255,255,.6);
    float:left;
    padding-bottom:1000px; /* @max-column-height */
    margin-bottom:-1000px;
}
form .h-2 {
	border-bottom: 1px solid rgba(0,0,0,.15);
}
form label {
	font-weight: normal;
}
form .price {
	border-top: 1px solid rgba(0,0,0,.15);
}
form .price #inputPrice {
	font-size: 30px;
	font-weight: bold;
	text-align: right;
	color: #333;
	text-shadow: 0 0 1px rgba(0,0,0,.4);
}
#button-order-container {
	/*border-top: 1px solid rgba(0,0,0,.15);*/
	padding-top: 20px;
	padding-bottom: 20px;
}
form #inputAddFiles {	
}
form #fileList p {
	margin-top: 10px;
	line-height: 10px;
}
.button-order {
	padding: 12px 26px;
	font-family: NexaLight;
	font-size: 26px;
	font-weight: bold;
	text-align:center;

	color: #fff;
	text-shadow: 0px 1px 4px rgba(0,0,0,.5);

	background: #f81;
	background: -webkit-linear-gradient(top, #ffbb44 0%,#f07011 100%);
	background: -o-linear-gradient(top, #ffbb44 0%,#f07011 100%);
	background: -ms-linear-gradient(top, #ffbb44 0%,#f07011 100%);
	background: linear-gradient(to bottom, #ffbb44 0%,#f07011 100%);
	border-color: rgba(0,0,0,.1);

	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.button-order:hover {
	color: #fff;
}


#button-sample {
	margin-top: 40px;
}

.button-sample {
	padding: 12px 26px;
	font-family: NexaLight;
	font-size: 26px;
	font-weight: bold;
	text-align:center;

	color: #fff;
	text-shadow: 0px 1px 4px rgba(0,0,0,.5);

	background: #7f5;
	background: -webkit-linear-gradient(top, #d6f696 0%,#a0e070 100%);
	background: -o-linear-gradient(top, #d6f696 0%,#a0e070 100%);
	background: -ms-linear-gradient(top, #d6f696 0%,#a0e070 100%);
	background: linear-gradient(to bottom, #d6f696 0%,#a0e070 100%);
	border-color: rgba(0,0,0,.1);

	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.button-sample:hover {
	color: #fff;
}




#order-success {
	display: none;
	margin-top: 40px;
	margin-bottom: 60px;
}
#order-success .site-content {
	background: rgba(0,0,0,.03);
	border: 1px solid rgba(0,0,0,.05);
	border-radius: 6px;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	padding-top: 16px;
	/*padding-bottom: 15px;*/
}
#order-success .alert-info {
	margin-bottom: 30px;
	text-align: center;
}
#order-succes .alert-header {
	font-size: 20px;
}
#order-success #PayU-container {
	display: block;
	margin: 0 auto 20px;
	width: 200px;	
	text-align: center;
}
#order-success #PayU-container form {
	background: transparent;
}
#order-success #PayU-container input[type='submit'] {
    background: url('http://static.payu.com/pl/standard/partners/buttons/payu_account_button_01.png');
    border-radius: 20px;
    width: 160px;
    height: 35px;
    border: none;
    outline: none;
}
#order-success #PayU-container input[type='submit']:hover {
}
#order-success #PayU-container input[type='submit']:active {
}
#order-success #payment-info {
	display: block;
	min-height: 100px;
	margin-bottom: 20px;
}
#order-success #payment-info #payment-account {
	display: block;
	margin: 0 auto 20px;
	padding-left: 20px;
}
#order-success #payment-or {
	display: block;
	min-height: 100px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 20px;
	font-style: italic;
}
#order-success #payment-payu {
	display: : block;
	min-height: 100px;
	margin-bottom: 20px;
	text-align: center;
}



#order-failure {
	display: none;
	margin-bottom: 40px;
}
#order-failure .site-content {
	background: rgba(0,0,0,.03);
	border: 1px solid rgba(0,0,0,.05);
	border-radius: 6px;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	padding-top: 16px;
	/*padding-bottom: 15px;*/
}




#footer-container {
	width: 100%;
	border-top: 4px solid rgba(0,0,0,.04);	
	box-shadow: 0 0 6px rgba(0,0,0,.25);
	background: #aaa;
	background: linear-gradient(to bottom, #f1f1f1 0%,#fff 100%);
}
#footer-container > .row {
	background: url('../img/china.png') no-repeat 0 0;
	background-size: contain;
}
#footer-container .contact {
	display: inline-block;
	width: 50%;
	padding-top: 20px;
	padding-bottom: 20px;
}
#footer-container .contact .h-3 {
}
#footer-container .contact img {
	display: inline-block;
}
#footer-container .footer-links {
	width: 100%;
	padding-bottom: 45px;
	border: 3px solid rgba(0,0,0,.05);
	background: rgba(248,248,248,.7);
}
#footer-container .footer-links .h-4 {
	margin-top: 10px;
	padding-bottom: 5px;
	border-bottom: 3px solid rgba(0,0,0,.05);
	font-family: LatoLight;
}
#footer-container ul {
	list-style: none;
	list-style-type: none;
}
#footer-container ul li:hover {
	list-style-type: square;
}
#footer-container .footer-links a {
	color: #666;
}
#footer-container .footer-links a:hover {
	text-decoration: none;
}
#footer-container p.copyright {
	padding-top: 10px;
	text-align: center;
}
#footer-container p.copyright a {
	color: #f43;
}
#footer-container #cookies-info {
	position: relative;
	padding: 6px;
	border: 3px solid rgba(0,0,0,.05);
	line-height: 1.2;
	text-align: center;
	background: #f7f7f7;
	color: #999;
}
#footer-container #cookies-info button {
	margin-top: 5px;
}
#footer-container #cookies-info button.accept {}
#footer-container #cookies-info button.check {}
#footer-container #cookies-info button.close {
	position: absolute;
	right: 5px;
	top: 5px;
	background: transparent;
	color: #666;
}
#footer-container #cookies-info button.close:hover {
	color: #000;
}
#footer-container #cookies-info button.check a,
#footer-container #cookies-info button.check a:hover {
	text-decoration: none;
}


.red {
	color: #f43;
}
.grey {
	color: #aaa;
}
.light {
	color: grey;
	opacity: .4;
}



.invisible {
	display: none;
	float: right;
	position: absolute;
	width: 0;
	height: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
}




/* O NAS */

#section-about-us {
	padding-top: 70px;
	padding-bottom: 40px;
	background: rgba(120,125,255,.15);
}
#section-about-us .site-content.text {
	padding-right: 30px;
}
#section-about-us .site-content.image {
	height: 365px;
	margin-top: 50px;
	background: url('../img/shanghai.jpg') no-repeat 0 0;
	background-size: contain;
}




/* KONTAKT */

#section-contact {
	padding-top: 70px;
	padding-bottom: 40px;
	background: rgba(120,125,255,.15);
}
#section-contact #contact-box {
	padding: 10px 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	outline: 1px solid rgba(0,0,0,.05);
	box-shadow: 0 0 6px rgba(0,0,0,.2);
	background: #f7f7f7;	
}
#section-contact #contact-box .glyphicon {
	margin-right: 5px;
}
#section-contact #contact-box h4 {
	text-shadow: 0 0 1px rgba(0,0,0,.25);
	font-weight: bold;
}
#section-contact #contact-form {
	margin-top: 10px;
	outline: 1px solid rgba(0,0,0,.05);
	box-shadow: 0 0 6px rgba(0,0,0,.2);	
}
#section-contact #contact-form form {
	padding: 25px 30px 5px;
	background: rgba(225,225,255,.5);
	background: linear-gradient(to bottom, #efd 0%, #ae9 100%);
	background: #f7f7f7;
}
#section-contact #contact-form form h3 {
	margin-top: 0;
	margin-bottom: 20px;
	text-shadow: 0 0 1px rgba(0,0,0,.4);
	border-bottom: 1px solid rgba(0,0,0,.15);
}
#section-contact #contact-form form label {
	font-weight: normal;
}
#section-contact #contact-form #button-ask-container {
	padding: 20px;
}
#section-contact #contact-form #button-ask {

}

#ask-success, #ask-failure {
	display: none;
	padding-bottom: 20px;
	background: rgba(120,125,255,.15);
	text-align: center;
}




/* CENNIK */

#section-pricing {
	padding-top: 70px;
	padding-bottom: 40px;
	background: rgba(225,225,255,.5);	
}
#section-pricing h1 {
	text-align: center;
}
#section-pricing .site-content .container {
	width: 100%;
	box-shadow: 0 0 6px rgba(0,0,0,.25);
}
#section-pricing .option {
	padding: 0;
	margin: 0;
	background: #eee;
	outline: 1px solid rgba(0,0,0,.05);
	-moz-transition: all .25s;
    -webkit-transition: all .25s;
    transition: all .25s;
}
#section-pricing .option-suggested {
	background: #ffe989;
}
#section-pricing .option-max {
	background: #ddf;
}
#section-pricing .option-min {
	background: #e9e9e9;
}
#section-pricing .option:hover {
}
#section-pricing .option-suggested:hover {
	background: #fff3b3;
}
#section-pricing .option-max:hover {
	background: #e9e9ff;
}
#section-pricing .option-min:hover {
	background: #f1f1f1;
}
#section-pricing .option-label {
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid rgba(0,0,0,.15);	
}
#section-pricing .option-label h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-family: LatoLight;
	line-height: 30px;
	background: rgba(255,255,255,.5);
	text-shadow: 0 0 1px rgba(0,0,0,.35);
}
#section-pricing .option-price {
	position: relative;
	width: 100%;
	height: 100px;
	padding: 20px 0;
	margin: 0;
	border-bottom: 1px solid rgba(0,0,0,.15);
	background: url('../img/highlight.png') no-repeat center center;
	text-align: center;
}
#section-pricing .option-price .old-price {
	display: block;
	position: absolute;
	right: 60px;
	top: 20px;
	width: 60px;
	height: 35px;
	font-size: 25px;
	color: #f42;
}
#section-pricing .option-price .old-price-overlay {
	display: block;
	position: absolute;
	right: 63px;
	top: 20px;
	width: 63px;
	height: 35px;
	background: url('../img/red-line-diagonal.png') no-repeat center center;
	background-size: cover;
}
#section-pricing .option-price .price-value {
	font-family: LatoRegular;
	/*line-height: 100px;*/
	line-height: 40px;
	font-size: 40px;
	font-weight: bold;
	text-shadow: 0 0 1px rgba(0,0,0,.45);
	margin-left: 10px;
}
#section-pricing .option-price .price-currency {
	font-family: LatoRegular;
	/*line-height: 100px;*/
	line-height: 24px;
	font-size: 24px;
}
#section-pricing .option-price .price-netto {
	font-family: LatoLight;
	/*line-height: 10px;*/
	line-height: 0px;
	font-size: 24px;
}
#section-pricing ul {
	margin-top: 20px;
	margin-bottom: 20px;
	/*border-bottom: 1px solid #333;*/
	list-style: none;
	list-style-image: url('../img/tick-mini.png');
	font-family: LatoLight;
}
#section-pricing ul li {
	margin-left: 5px;
	padding-left: 5px;
	font-size: 20px;
	text-shadow: 0 0 1px rgba(0,0,0,.3);
}
#section-pricing .option-order-button {
	margin-top: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#section-pricing .option-order-button button {
	display: block;
	margin: 0 auto;
}

.button-order.desaturated {
	background: #c4c4c4;
	background: linear-gradient(to bottom, #d5d5d5 0%, #b1b1b1 100%);
}
.option-max .button-order {
	background: #c4c4e4;
	background: linear-gradient(to bottom, #cdcde9 0%, #afafca 100%);

}

/* PAYMENT SUCCESS */
#section-payment-success {
	padding-top: 70px;
	padding-bottom: 40px;
	min-height: 450px;
	background: rgba(125,125,2550,.15);
}

/* PAYMENT ERROR */
#section-payment-error {
	padding-top: 70px;
	padding-bottom: 40px;
	min-height: 450px;
        background: #ddd;
	background: rgba(60,60,60,.2);
}



/* RESPONSIVE
-----------------------------------------------------------
*/

@media (max-device-width: 990px) {

    #nav-order-button,
    .nav-contact-label {
        display: none;
    }

}


/* General styles to every box */

.banner-box {
	text-align: center;
	padding: 0px;
	font-family: LatoBlack,Lato,Tahoma,sans-serif;
	font-size: 16px;
	padding-top: 10px;
}

.banner-box .btn-box {
	width: 100%;
	padding: 10px 0px;
}

.banner-box .header {
	font-size: 20px;
}

.banner-box .subheader {
	font-size: 16px;
}

/* Styles for ad respectedly */

#banner .report {
	background: lightblue;
	background-image: url('/img/4banner/report.png');
	background-position:  center center;
	background-size: cover;
	color: #fff;
	text-shadow: -1px 0 #656565, 0 1px #656565, 1px 0 #656565, 0 -1px #656565;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

#banner .report .btn-box {
	border-top: 2px solid #3257a6;
	background: #2d3c95;
	text-shadow: none;
}

#banner .logo {
	background: blue;
	background-image: url('/img/4banner/logo.png');
	background-position:  center center;
	background-size: cover;
	color: #fff;
	text-shadow: -1px 0 #656565, 0 1px #656565, 1px 0 #656565, 0 -1px #656565;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

#banner .logo .btn-box {
	border-top: 2px solid #3257a6;
	background: #2d3c95;
	text-shadow: none;
}

#banner .training {
	background: red;
	background-image: url('/img/4banner/training.png');
	background-position:  center center;
	background-size: cover;
	color: #fff;
	text-shadow: -1px 0 #656565, 0 1px #656565, 1px 0 #656565, 0 -1px #656565;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

#banner .training .btn-box {
	border-top: 2px solid #ca3b33;
	background: #ca190f;
	text-shadow: none;
}

#banner .ccc {
	background: #fff;
	background-image: url('/img/4banner/ccc.png');
	background-position:  center center;
	background-size: cover;
	color: #000;
	text-shadow: -1px 0 #ddd, 0 1px #ddd, 1px 0 #ddd, 0 -1px #ddd;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

#banner .ccc .btn-box {
	border-top: 2px solid #656565;
	background: #000;
	text-shadow: none;
}

/* General button styles */

.btn {
	padding-left: 18px;
	padding-right: 18px;
	font-family: LatoBlack,Lato,Tahoma,sans-serif;
	font-size: 2rem;
	font-weight: bolder;
	border: 1px solid;
	border-top-color: rgba(255,255,255,.24);
	border-bottom-color: rgba(0,0,0,.16);
	border-left-color: rgba(50,50,50,.08);
	border-right-color: rgba(50,50,50,.08);
	outline: none;
}

/* Different color versions of button */

.btn.orange {
	background: #ffc06d;
    background: -webkit-linear-gradient(270deg,#ffa746,#ff8b1c);
    background: linear-gradient(180deg,#ffa746,#ff8b1c);
    color: #fff;
    outline: none;
}

.btn.orange:hover {
    background: #ffae56!important;
    color: #fff;
    outline: none;
}

.btn.orange:active {
	background: #ffae56!important;
	background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    outline: none;
}

#popup {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1000;
  display: none;
  padding: 10px 15px;
  top: 0px;
}

/* line 336, ../../../src/sass/globals/_content.scss */
#popup .popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  border: 3px solid rgba(0, 0, 0, 0.5);
  padding: 20px 15px;
  border-radius: 10px;
}
/* line 345, ../../../src/sass/globals/_content.scss */
#popup .popup h2 {
  text-align: center;
}
/* line 348, ../../../src/sass/globals/_content.scss */
#popup .popup .btn.orange {
  background: #ffc06d;
  background: -webkit-linear-gradient(270deg, #ffa746, #ff8b1c);
  background: linear-gradient(180deg, #ffa746, #ff8b1c);
  color: #fff;
  outline: none;
  width: 49%;
  min-width: 227px;
  margin-bottom: 15px;
}
/* line 357, ../../../src/sass/globals/_content.scss */
#popup .popup .btn.orange:hover {
  background: #ffae56 !important;
  color: #fff;
  outline: none;
}
/* line 362, ../../../src/sass/globals/_content.scss */
#popup .popup .btn.orange:active {
  background: #ffae56 !important;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  outline: none;
}

/* line 372, ../../../src/sass/globals/_content.scss */
#popup .popup .close-circle {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  border: 3px solid rgba(0, 0, 0, 0.5);
  border-radius: 15px;
  background: white;
  opacity: 0.5;
}
/* line 382, ../../../src/sass/globals/_content.scss */
#popup .popup .close-circle:hover {
  opacity: 0.8;
}