@font-face{font-family:"SegoeUIRegular";src:url("../../../core/fonts/SegoeUIRegular/SegoeUIRegular.eot");src:url("../../../fonts/SegoeUIRegular/SegoeUIRegular.eot?#iefix")format("embedded-opentype"),url("../../../core/fonts/SegoeUIRegular/SegoeUIRegular.woff") format("woff"),url("../../../core/fonts/SegoeUIRegular/SegoeUIRegular.ttf") format("truetype");font-style:normal;font-weight:normal;}
@font-face{font-family:"SegoeUIBold";src:url("../../../core/fonts/SegoeUIBold/SegoeUIBold.eot");src:url("../../../core/fonts/SegoeUIBold/SegoeUIBold.eot?#iefix")format("embedded-opentype"),url("../../../core/fonts/SegoeUIBold/SegoeUIBold.woff") format("woff"),url("../../../core/fonts/SegoeUIBold/SegoeUIBold.ttf") format("truetype");font-style:normal;font-weight:normal;}
@font-face{font-family:"SegoeUIItalic";src:url("../../../core/fonts/SegoeUIItalic/SegoeUIItalic.eot");src:url("../../../core/fonts/SegoeUIItalic/SegoeUIItalic.eot?#iefix")format("embedded-opentype"),url("../../../core/fonts/SegoeUIItalic/SegoeUIItalic.woff") format("woff"),url("../../../core/fonts/SegoeUIItalic/SegoeUIItalic.ttf") format("truetype");font-style:normal;font-weight:normal;}
@font-face{font-family:"SegoeUILight";src:url("../../../core/fonts/SegoeUILight/SegoeUILight.eot");src:url("../../../core/fonts/SegoeUILight/SegoeUILight.eot?#iefix")format("embedded-opentype"),url("../../../core/fonts/SegoeUILight/SegoeUILight.woff") format("woff"),url("../../../core/fonts/SegoeUILight/SegoeUILight.ttf") format("truetype");font-style:normal;font-weight:normal;}
@font-face{font-family:"SegoeUISemiBold";src:url("../../../core/fonts/SegoeUISemiBold/SegoeUISemiBold.eot");src:url("../../../core/fonts/SegoeUISemiBold/SegoeUISemiBold.eot?#iefix")format("embedded-opentype"),url("../../../core/fonts/SegoeUISemiBold/SegoeUISemiBold.woff") format("woff"),url("../../../core/fonts/SegoeUISemiBold/SegoeUISemiBold.ttf") format("truetype");font-style:normal;font-weight:normal;}

@font-face{font-family:BebasNeue;src:local("BebasNeue UI"), url(../../../core/fonts/BebasNeueRegular.ttf);} 

@font-face {
    font-family: "Baron Neue";
    src: url("../fonts/baronneue-400-normal.woff2") format('woff2'), url("../fonts/baronneue-400-normal.woff") format('woff'), url("../fonts/baronneue-400-normal.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

.icon{width:inherit;height:inherit;}

body{ font-family:"SegoeUIRegular"; font-size:1vw; height:100%; color:rgb(50,50,50); }

.special {
	font-family:"Baron Neue";
	text-transform: uppercase;
}

.post_content p {
    margin-bottom: 15px;
}

.article_box {
   display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    margin-bottom: 15px;
    color: #323232;
    text-decoration: none;
}

#nav_cart_link {
    color:#ff3622;
}

.wrap {width: 80vw;margin: 0 auto;position: relative;}


.st0{fill:#4D4D4D;}
.st1{fill:#333333;}

h1{font-size: 5vw;}
h2{font-size: 4.3vw;}

html{height:100%}
nav{list-style:none}
button:focus,input:focus{outline:none}a,a:hover,button,button:hover,.anime,.btn:hover,.btn,.small_btn,.anime:hover, header, #cart svg, #cart {-moz-transition:all 200ms linear;-ms-transition:all 200ms linear;-o-transition:all 200ms linear;-webkit-transition:all 200ms linear;transition:all 200ms linear}button{cursor:pointer}

header {
	width: 100%; padding: 5vh 2vw;
}

header.fixed {position: fixed;top: 0;left: 0;padding: 2vh 2vw; background-color: rgba(28, 28, 28, 0.95);z-index: 10;}
header.fixed nav a {color: #fff;}
header.fixed #cart, header.fixed #cart svg {fill:#fff;}
header.fixed .st0{fill: #c1c1c1;}
header.fixed .st1{fill:#e4e4e4;}

header nav, header nav li, header nav a {display: flex; flex-flow: nowrap row; justify-content: space-between; align-items: center;text-decoration: none; text-transform: uppercase; color:#333;}
header nav a {padding: 1vw 2vw;font-family:"SegoeUISemiBold";font-size: 1.1vmax;}
header nav a:hover {text-decoration: underline;}

#logo {width: 10vw;}
#cart {width: 2vw;height: 3vw;fill: #333;cursor: pointer;margin-right: 2vw;}
#cart svg {fill:#333;}
#header_home {min-height: 85vh;}
#img_header_home, #text_header_home {width: 49%;}
#img_header_home img {width: 100%; height: auto;}
#text_header_home {text-align: right;}
#text_header_home p, .text_home_page p {font-size: 1.5vw; line-height: 2.5vw; margin-top: 1vw;}

#s2 {flex-direction: row-reverse;}
.img_home_page {width: 40%;}
.img_home_page img {width: 100%;}
.text_home_page {width: 56%;}
.home_section {min-height: 90vh;}
#char_list{width: 90%; margin: 3vh 0;list-style: none;}
#char_list li {display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;fill:#797979;width: 30%;}
.char_list_icon {width: 4vw; height: 5vw;}
#char_list p {text-align: center;font-size: 1vw;line-height: 1.5vw;}
.consultation {width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;position: relative;padding: 12vh 0; background-image: url('../img/consultation.jpg'); background-attachment: fixed;
}
.fill{background-color: rgba(26,26,26,0.80);position:absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;}
.consultation .wrap {z-index: 1;top: 0;color: #fff;text-align: center;font-size: 1.3vw;}
.big_text {font-size: 3vw;text-transform: uppercase;}
#consultation{margin-top: 4vh;}
input{height: 5vh; padding-left: .5vw;}
#consultation input, #consultation button {width: 32%;}
#consultation button {height: 5vh; border:none;color: #fff;background-color: rgba(21,138,198,1.00); text-transform: uppercase;}
.more{display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;background-color: #333;color: #fff;text-transform: uppercase;padding: 2vh 4vh;text-decoration: none;}
#order{min-height: 20vh;}

#s4 {
	flex-flow: column nowrap;
}

#s4 img {width: 100%;}

article.article_body p {
	font-size: 1.1vmax;
	margin-bottom: 1.5vmax;
}
#list_ki {font-size: 1.1vmax;}
.last{font-size: 2.2vmax; width: 80vw; text-align: center;margin: 10vh auto 5vh;font-family:"SegoeUISemiBold";}
#price {text-align: center;font-size: 1.8vmax;font-family:"SegoeUISemiBold"; }
#cart_box.open{transform: translateX(0);}
#cart_box {position: fixed;top: 0;right: 0;height: 100vh;width: 35vw;z-index: 100;background-color: rgba(28, 28, 28, 0.95);flex-flow: column nowrap; transform: translateX(100%);}
.title_cart{width: 100%; background-color: rgb(28,28,28);color: #fff;fill:#fff;height: 6vmax;padding: 0 2vmax;font-size: 1.2vmax;text-transform: uppercase;letter-spacing: .1vmax;cursor: pointer;}
.title_cart svg{width: 1.5vmax; height: 1.5vmax;}
.black_fill{position: fixed;width: 100%;height: 100vh;background-color: rgba(187,187,187,.8);z-index: 50;transform: translateX(-100%);}
.black_fill.open{transform: translateX(0);}
.get_order {width: 100%;color: #fff; border: none;text-transform: uppercase;font-size: 1.2vmax;height: 6vmax;background-color: #000;text-align: center; cursor: pointer;}
.get_order:hover {background-color: rgba(21,21,21,1.00);}
#order {width: 100%; padding: 2vmax;}
#order legend {color: #fff;text-transform: uppercase;font-size: 1.3vmax;margin-bottom: 1vmax;text-align: center}
.input_box{width: 100%;margin-bottom: 1vmax;}
.input_box input {border:1px solid #fff;padding-left: 1vmax;height: 3vmax;width: 100%;font-size: 1vmax;}
input[name="email"] {display: none;}
.form_cart p, #consultation p {color: #fff;width: 80%;text-align: center; margin: 0 auto;}
input.error {border: 1px solid rgba(223,24,27,1.00); background-color: rgba(253,164,165,1.00);}

article h2 {font-size: 2vmax; margin-bottom: 2vmax;}
article ul, article ol {list-style-position: inside;margin-bottom: 2vmax;}
#des {
	width: 50%;margin: 5vh auto;padding: 1vmax; background-color: #eee;text-align: center;
}

#des button {width: 100%; background-color: #000; color: #fff; font-size: 1.1vmax; height: 3vmax; }

@media
only screen and (min-device-width:320px) and (max-device-width:480px),
only screen and (max-width:320px),
only screen and (min-device-width:768px) and (max-device-width:1024px),
only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape),
only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){
	
	#pik_for_pr,
	#data_for_pr{
		width: 100% !important;
	}
	
	
	
	#data_for_pr h3 {
    font-size: 4.6vw;
    margin-bottom: 70px;
    text-align: center;
}
	
	#data_for_pr .input,
	#text_for_pr{
		font-size: 4vw;
	}
	
	select {
    height: 5vh;
    padding-left: 0.5vw;
    font-size: 4vw;
	}
	
	input {
		font-size: 4vw;
	}
	
	.home_section, #header_home, #consultation {flex-flow: column nowrap;min-height: auto; flex-direction: column !important;padding: 5vh 0;}
	#img_header_home, #text_header_home, .img_home_page, .text_home_page {width: 100%; text-align: center;}
	h1, h2.special {font-size: 8vw;text-align: center;}
	#char_list, #char_list li, #consultation input, #consultation button {width: 100%;}
	#char_list, #contact_list_page, header, header nav {flex-flow: column nowrap !important;}
	#text_header_home p, .text_home_page p {font-size: 3.5vw;line-height: 5.5vw;margin-top: 3vw;}
	.img_home_page {margin-bottom: 3vh;}
	.char_list_icon {width: 20vw;height: 20vw;}
	#char_list p {text-align: center;font-size: 4vw;line-height: 10.5vw;}
	#price, #consultation input, #consultation button {font-size: 2.8vmax;}
	.more {font-size: 4vw;}
	#consultation input, #consultation button{    margin-bottom: 2vh;
    text-align: center;
    height: 8vh;}
	
	#cart_box,#des{width: 100%;}
	.title_cart {height: 5vmax;font-size: 2.2vmax;}
	.get_order{height: 15vmax;    margin-bottom: 10vh;font-size: 2.2vmax;}
	.input_box input{height: 7vmax;font-size: 2vmax;text-align: center;}
	#order legend{font-size: 3.3vmax;margin-bottom: 3vmax;}
	article li, article p {font-size: 2.1vmax;margin-bottom: 1.5vmax;}
	#des button{font-size: 2.1vmax;
    height: 5vmax;}
	#logo {width: 65vw;}
	#cart{display: none !important;}
	header nav a, .form_cart p, #consultation p {font-size: 2.1vmax;}
	nav {margin-bottom: 5vh;}

}