@charset "UTF-8";
/*
Theme Name: x39
Theme URI: #
Description: Szablon strony - x39
Author: NORTEN
Author URI: http://www.norten.pl
Version: 1.0
*/

html {scroll-behavior: smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
:focus {outline: 0;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;font-family: "Poppins", sans-serif;position: relative; overflow-x: hidden;background-color: #fff;}

a {text-decoration:none;outline: 0;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {-webkit-appearance: none;-moz-appearance: none;}
input[type=search] {-webkit-appearance: none;-moz-appearance: none;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
textarea {overflow: auto;vertical-align: top;resize: vertical;}
audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;max-width: 100%;}
audio:not([controls]) {display: none;height: 0;}
[hidden] {display: none;}
html {font-size: 1em;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
a:focus {outline: none !important;}
a:active,
a:hover {outline: 0;}
p {font-size: 16px;line-height: 2em;color: #1e1e1e;font-weight: 400;margin-bottom: 15px;font-family: "Poppins", sans-serif; }
strong {font-weight: 500;}
figure {margin: 0;}
form {margin: 0;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;white-space: normal;*margin-left: -7px;}
button,input,select,textarea {font-size: 100%;margin: 0;vertical-align: baseline; *vertical-align: middle; }
button,input {line-height: normal;}
button,select {text-transform: none;}
button,html input[type="button"], input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer;*overflow: visible;}
button[disabled],html input[disabled] {cursor: default;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0; *height: 13px; *width: 13px;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}

html,button,input,select,textarea {color: #1e1e1e;}
::-moz-selection {background: #000;text-shadow: none;}
::selection {background: #000;text-shadow: none; color: #fff;}
img {vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}
img,
picture,
video {max-width: 100%;height: auto;}


h1,.h1{font-size:50px;font-weight:600;margin-bottom:18px;font-family: 'Bodoni Moda', serif;  line-height: 1.4; color: #000;}
h2,.h2{font-size:32px;font-weight:600;margin-bottom:16px;font-family: 'Bodoni Moda', serif;  line-height: 1.5; color: #000;}
h3,.h3{font-size:25px;font-weight:600;margin-bottom:14px;font-family: 'Bodoni Moda', serif;  line-height: 1.4; color: #000;}
h4,.h4{font-size:22px;font-weight:600;margin-bottom:14px;font-family: 'Bodoni Moda', serif;  line-height: 1.6; color: #000;}
h5,.h5{font-size:20px;font-weight:600;margin-bottom:12px;font-family: 'Bodoni Moda', serif;  line-height: 1.6; color: #000;}
h6,.h6{font-size:18px;font-weight:600;margin-bottom:10px;font-family: 'Bodoni Moda', serif;  line-height: 1.4; color: #000;}

.content{width:100%;float:left}
.container{margin-right:auto;margin-left:auto;position:relative;}
.flexbox {display: flex;flex-wrap: wrap;justify-content: space-between;}

.col2 {width: 20%;}
.col3 {width: 30%;}
.col33 {width: 33%;}
.col4 {width: 40%;}
.col48 {width: 48%;}
.col49 {width: 49%;}
.col5 {width: 50%;}
.col6 {width: 60%;}
.col65 {width: 65%;}

.toCenter {text-align: center;}
.toRight {text-align: right;}

/* --------------  Header ----------------- */
header, #header2 {position: relative; }
#header2 {}
#header2::before {
  content: "";
  background-image: url("images/slide.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center -180px;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  position: absolute;
}
.background-image {position: relative; background-image: url("images/slide.webp"); background-repeat: no-repeat; background-size: cover;z-index: -1;}

#head {}
.top-social {}
.top-social li {display: inline-block;margin-left: 2px;margin-top: 20px;}
.top-social li a {background-color: #fefdf7;display: block;padding: 5px;border-radius: 3px;}
.top-social li a::before {content: ""; width: 20px; height: 20px;display: block;}
.top-social li a:hover:before {opacity: 0.5;}
.face::before {background-image: url("images/face.svg")}
.insta::before {background-image: url("images/insta.svg")}
.tik::before {background-image: url("images/tik-dark.svg")}

#head-product {position: relative; color: #000;}
.slide-text {margin-top: 12%;}
.slide-text h1 {color: #000;} .slide-text h1 strong {color: #b79b78;}
.slide-text span {font-weight: 300; margin-bottom: 25px; display: block;line-height: 1.4em;font-family: 'Poppins', sans-serif;}
.slide-text span strong {font-weight: 300;color: #b79b78;}
.slide-text p {color: #1e1e1e; font-weight: 300; width: 80%;line-height: 1.8;font-family: 'Poppins', sans-serif;}


/* --------------  Blue button  ----------------- */
.blue_button {display: block;float: left;width: 100%;text-align: center;z-index: 99;}
.buttonb {
   background:#fff;
  color: #b79b78;
  display: inline-block;
  border-radius: 90px;
	padding: 5px;
	-webkit-box-shadow: 0px 0px 47px 0px rgba(149, 141, 131, 0.32);
-moz-box-shadow: 0px 0px 47px 0px rgba(149, 141, 131, 0.32);
box-shadow: 0px 0px 47px 0px rgba(149, 141, 131, 0.32);
}
.button_txt {padding-left: 35px;padding-right: 20px;line-height: 60px; font-size: 22px; text-transform: uppercase; letter-spacing: 5px;font-weight: 300;}
.button_txt span {}
.button_txt span::before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: #b79b78;
  border-radius: 90px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  margin-right: 10px;
}
.button_txt, .button_more {display: inline-block;}
.button_more, .button_tel {background-color: rgba(186, 152, 110, 1);
background-image: linear-gradient(90deg, rgba(186, 152, 110, 1) 0%, rgba(249, 232, 209, 1) 100%); width: 60px; height: 60px; display: inline-block; border-radius: 90px;line-height: 65px;position: relative;vertical-align: bottom; transition: 0.6s;}
.button_more:hover, .button_tel:hover {transition: 0.6s; background-color: #0355a2;}
.button_more:hover:before, .button_tel:hover:before {transition: 0.6s;-webkit-transform:  rotate(180deg);-moz-transform:  rotate(180deg);-ms-transform:  rotate(180deg);-o-transform:  rotate(180deg);transform:  rotate(180deg);}
.button_more::before {content: ""; background-image: url("images/arrow.svg"); width: 15px; height: 26px; position: absolute;margin-top: auto;
  margin-bottom: auto;
  top: 0;
  bottom: 0;left: 8px;
  right: 0;
  margin-left: auto;
  margin-right: auto; background-repeat: no-repeat; transition: 0.6s;}

.button_tel::before {content: ""; background-image: url("images/phon.svg");width: 30px; height: 30px; position: absolute;margin-top: auto;
  margin-bottom: auto;
  top: 0;
  bottom: 0;left: 2px;
  right: 0;
  margin-left: auto;
  margin-right: auto; background-repeat: no-repeat; transition: 0.6s;}

.col48 iframe {max-width: 100%;}

.button-eng {display:block;margin-top: 25px; position: relative;color: #b79b78;}
.button-eng:hover {color:#000;}
.button-eng::before {
  content: "";
  width: 1px;
  height: 30px;
  background-color: #b79b78;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -35px;
  margin-bottom: 8px;
}

/* --------------  Main section  ----------------- */
#main_section {position: relative;}

#main-one {position: relative; overflow: hidden;background-color: #fff;}
#main-one::after {content: ""; background-image: url("images/back1.webp"); width: 530px;height: 890px;background-size: contain;right: -100px;position: absolute;z-index: -1;bottom: -180px;}
.info {background-color: #f9f8f6; color: #01081c; padding-top: 28px; padding-bottom: 28px; border-radius: 5px;margin-bottom: 50px;}
.info_in {float: right; width: 88%; font-size: 18px; line-height: 2em; position: relative;}
.info_in strong {color: #000; font-weight: 400;}
.info_in::before {content: ""; background-image: url("images/icon1.svg"); width: 60px; height: 60px;position: absolute; left: -10%;top: 6px;}

.info_three {}
.icon-top {display: block; margin-bottom: 20px; position: relative;}
.icon-top::before {content: ""; width: 70px; height: 70px; display: block;}
.icon1::before {background-image: url("images/icon2.svg");}
.icon2::before {background-image: url("images/icon3.svg");}
.icon3::before {background-image: url("images/icon4.svg");}

.home_main a {color: #b79b78;} .home_main a:hover {color: #000;}


/* --------------  Main Blue Two  ----------------- */
#blue-two {background-color: #f9f8f6; color: #000; position: relative; overflow: hidden}
#blue-two::before {content: ""; background-image: url("images/back1.webp"); width: 584px;height: 782px; left: 0; top: 0; position: absolute; background-repeat: no-repeat;background-size: cover;}
#blue-two::after {
  content: "";
  background-image: url("images/human.webp");
  width: 100px;
  height: 100%;
  right: 0;
  position: absolute;
  background-repeat: no-repeat;
  background-position-y: center;
  top: 0;
}
.dark p, .dark h1, dark .h1, .dark h2, .dark .h2, .dark h3, .dark .h3, .dark h4, .dark .h4, .dark h5, .dark .h5, .dark h6, .dark .h6, .dark ul li {color: #000;}
.dark a {color: #b79b78;} .dark a:hover {color: #000;}
.blue_ul {counter-reset: item;}
.blue_ul li {margin-bottom: 50px;counter-increment: item; list-style: none}
.blue_ul li::before {
	margin-right: 20px;
   content: counter(item);
   background-color: rgba(186, 152, 110, 1);
   background-image: linear-gradient(90deg, rgba(186, 152, 110, 1) 0%, rgba(249, 232, 209, 1) 100%);
   border-radius: 100%;
   color: #fff;
   width: 60px; height: 60px;
   text-align: center;
   float: left; border: solid 2px #fff; font-size: 36px;line-height: 59px;
}
.blue_ul li h4 {margin-bottom: 0px;}
.blue_ul li span {font-weight: 300;}




/* --------------- home social ---------------- */
.home_social {padding-top: 40px; padding-bottom: 40px;margin-top: -87px;}
.home_social .flexbox {justify-content: center;}
.home_social li {text-align: center;}
.circle-icon {background-color: rgba(186, 152, 110, 1);
background-image: linear-gradient(90deg, rgba(186, 152, 110, 1) 0%, rgba(249, 232, 209, 1) 100%); width: 85px; height: 85px; border-radius: 90px;display: block;margin-left: auto;margin-right: auto; position: relative; margin-bottom: 30px;}
.circle-icon::before {
  content: "";
  width: 100px;
  height: 100px;
  border: solid 2px #eee4d7;
  position: absolute;
  left: -9px;
  right: 0;
  border-radius: 90px;
  margin-left: auto;
  margin-right: auto;
  display: block ruby;
  top: -9px;
}
.circle-icon span::before {content: "";display: block;margin-left: auto;margin-right: auto;  height: 100%;background-repeat: no-repeat;background-position: center; transition: 0.6s;}
.circle-icon span:hover::before {transition: 0.6s; opacity: 0.6;}
.cali span::before {background-image: url("images/calend-ico.svg");width: 32px;}
.youi span::before {background-image: url("images/you-ico.svg"); width: 36px;}
.tiki span::before {background-image: url("images/tik-ico.svg"); width: 36px;}
.facei span::before {background-image:url("images/face-ico.svg"); width: 34px;}

.home_social .h5 {width: 70%; margin-left: auto; margin-right: auto;}

.toUp {margin-top: -50px;}




/* --------------  main-two  ----------------- */
#main-two {position: relative; overflow: hidden;}
#main-two::before {content: ""; background-image: url("images/back1.webp");width: 530px; height: 890px; background-size: contain; left: -150px; position: absolute; z-index: -1; bottom: -180px;transform: scaleX(-1);}
.txtbutton {font-size: 18px; font-weight: 400; padding-left: 34px; padding-right: 34px; padding-top: 20px; padding-bottom: 20px;margin-top: 25px;line-height: 1.4em;}



/* --------------  Main three  ----------------- */
#main-three {background-color: #f9f8f6;}
#main-three .blue_button {margin-bottom: -80px;position: relative;bottom: -64px;z-index: 99;}
.title {margin-bottom: 50px;}
.title span {margin-bottom: 10px; color: #b79b78; font-weight: 400; font-size: 22px;display: block;}

.gray-col {}
.gray-col li {margin-bottom: 40px; padding-bottom: 40px; position: relative}
.gray-col li::after {content: ""; width: 300px; height: 1px; background-color: #eee4d7;bottom: 5px;position: absolute;}
.gray-col li .gray_img {width: 17%; border-radius: 4px; overflow: hidden;display: flex;align-items: center;justify-content: center;}
.gray-col li .gray_img img {max-width: 120%;}
.gray-col li .gray_content {width: 80%;}
.gray-col li .gray_content span { color: #b79b78; margin-bottom: 14px; font-weight: 500; display: block;}
.gray-col li:nth-child(even) .gray_img {order: 2;}
.gray-col li:nth-child(even) .gray_content {text-align: right;}
.gray-col li:nth-child(even)::after {right: 0;}




/* --------------  Main four  ----------------- */
#main-four {color: #fff;position: relative;overflow: hidden; background-image: url("images/back-gold.webp");background-size: cover; background-repeat: no-repeat;}
#main-four .container {z-index: 99;}
#main-four::after {}
#main-four::before {}

.content .container p strong {color: #b79b78;}





/* --------------  Main six i seven  ----------------- */
#main-six ul, #main-seven ul {margin-top: 30px;}
#main-six ul li, #main-seven ul li, #main-eight ul li {display: inline-block; margin-right: 30px;}
#main-six ul li a, #main-seven ul li a, #main-eight ul li a {color: #bc996f; text-decoration: underline; font-weight: 500}
#main-seven ul li a:hover, #main-eight ul li a:hover {color: #000;}
#main-six ul li, #main-eight ul li {line-height: 1.4em}




/* --------------  Main eight  ----------------- */
#main-eight {background-color: #f9f8f6;position: relative;overflow: hidden; color: #fff;}
#main-eight::before{}
#main-eight::after{}
.title2 {margin-bottom: 22px;}
#main-eight p {font-weight: 300;}
#main-eight p strong, .title2 strong {color: #b79b78;line-height: 1.4;}




/* -------------- Page --------------- */
#page {}
.page_titlebutton {position: relative;bottom: -95px;z-index: 99;}
.page_titlebutton .button_txt {letter-spacing: 0;}
.button_txt h2 {color: #000; font-size: 24px; text-transform: inherit;text-transform: initial;font-weight: 500;margin-bottom: 12px;}
.page-template-page .norte {top: 0;}




/* --------------  Main nine  ----------------- */
#main-nine {background-color: #f3f5f8; position: relative;}
#main-nine::before {content: ""; background-image: url("images/image05.webp"); opacity: 0.2; width: 100%; height: 100%; top: 0; left: 0;position: absolute;background-size: cover;background-repeat: no-repeat;}

#main-nine::after {content: "";  background-image: url("images/product-x39.png");width: 400px;position: absolute;right: 5%;height: 330px;background-size: contain;background-repeat: no-repeat;bottom: -192px;}
.nine-two {font-size: 24px;font-family: 'Bodoni Moda', serif; font-weight: 400; color: #b79b78; margin-top: 30px; display: block; margin-bottom: 30px;line-height: 1.4em;}
#main-nine p {font-size: 20px; color: #1e1e1e;}
#main-nine .blue_button {z-index: 99; bottom: -72px; position: relative}


.form {max-width: 80%; margin-left: auto; margin-right: auto; margin-top: 45px;}
#wpcf7-f116-o1 .wpcf7-form {display: flex;flex-wrap: wrap;justify-content: space-between;}
.col-form1 {width: 42%}
.col-form2 {text-align: left; width: 55%}
.col-form1 label span input, .col-form2 label span input {width: 96%; padding: 2%; margin-bottom: 10px;font-family: "Poppins", sans-serif; font-size: 15px;border-radius: 2px;border: solid 1px #ccc;}
.wpcf7-textarea {width: 96%;padding: 2%;height: 125px;font-family: "Poppins", sans-serif;font-size: 15px;margin-bottom: 15px;border-radius: 2px;border: solid 1px #ccc;}
.wpcf7-submit {background-color: #b79b78; color: #fff; padding-left: 16px; padding-right: 16px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; border: none; transition: 0.6s;}
.wpcf7-submit:hover {transition: 0.6s;background-color: #000}
.wpcf7-spinner {display: block;}
.wpcf7-list-item {margin: 0 0 1.4em 0;width: 100%;font-size: 14px;line-height: 1.6em !important;}
.wpcf7-list-item label span a {color: #b79b78}


#footer {padding-top: 40px; padding-bottom: 40px;}
.norte {position: relative; top: 60px; font-size: 13px; color: #021648;}
.norte a {margin-left: 15px;color: #b79b78;}





/* --------------  Mobile first ----------------- */
@media (max-width: 430px) {
	 #head-product {margin-top: 30px;}
	colslide:first-child {margin-top: -30px;}
	.slide-text h1 {font-size: 28px;}
}
@media (max-width: 601px) {
	h2, .h2 {font-size: 24px; font-weight: 700}
	h3 {font-weight: 700}
	h4, .h4 {font-size: 18px;margin-bottom: 8px;font-weight: 700}
	h5, .h5 {font-size: 16px;margin-bottom: 8px;font-weight: 700}
	
	.container{max-width: 90%;}
	header, .background-image {height: 720px;}
	.background-image {background-position: 60% top;}
	#head {padding-top: 20px; padding-bottom: 20px;}
	.logo {width: 160px;margin-top: 5px;} .logo2 {width: 110px;margin-right: -10px;}
	.top-social li {margin-top: 10px;margin-left: 5px;}
	.top-social li a::before {width: 17px;height: 17px;}
	#head-product {margin-top: 40px;}
	.colslide {width: 100%;text-align: center;}
	.colslide:first-child {order: 2;margin-top: -40px;} .colslide:last-child {order: 1;}
	.slide-text {margin-top: 0%;}
	.slide-text h1 {font-size: 30px;margin-bottom: 8px;line-height: 1.2;}
	.slide-text span {font-size: 18px;margin-bottom: 10px;} .slide-text p {font-size: 16px;margin-bottom: 14px;width: 100%;}
	.product {max-width: 300px;margin-top: 0;}
	.slidebutton {bottom: -40px;position: relative;}
	
	.mr {width: 220px;}
	
	
	.button_more {width: 52px;height: 52px;}
	.button_txt {line-height: 52px;font-size: 16px;letter-spacing: 2px;padding-left: 25px;padding-right: 10px;}
	
	#main-one, #blue-two {padding-top: 40px; padding-bottom: 30px;}
	#main-four {padding-top: 80px; padding-bottom: 30px;}
	.info_in::before {width: 40px; height: 40px;}
	.info, .info_three, .blue_ul {margin-bottom: 30px;}
	#main-two, #main-three, #main-five, #main-seven, #main-eight, #page {padding-top:60px; padding-bottom: 60px;}
	#main-nine {padding-top: 60px; padding-bottom: 40px;}
	
	.gray-col li {margin-bottom: 20px;padding-bottom: 20px;}
	.gray-col li .gray_img {max-height: 220px; margin-bottom:20px;width: 100%;}
	.gray-col li .gray_img img {max-width: 100%;}
	.gray-col li .gray_content {width: 100%;}
	.gray-col li:nth-child(2n) .gray_img {order: 1;}
	.gray-col li:nth-child(2n) .gray_content {order: 2; text-align: left;}
	.gray_content h4 {font-size: 20px;}
	.gray-col li::after {display: none;}
	
	.home_social {padding-bottom: 0;}
	.home_social .container {max-width: 98%;}
	.home_social .h5 {width: 92%;font-size: 14px;line-height: 1.4em;}
	.circle-icon {width: 75px;height: 75px;}
	.circle-icon::before {width: 80px; height: 80px;left: -5px;top: -5px;}
	.cali span::before {width: 27px;}
	.youi span::before, .facei span::before {width: 30px;}
	
	#main-three .blue_button .buttonb .button_txt {font-size: 13px;}
	
	
	.info {padding-left: 4%;padding-right: 4%;width: 92%;padding-bottom: 10px;}
	
	#main-four::after {right: -300px;}#main-four::before {left: -310px;}

	#main-three .blue_button {margin-bottom: -20px;top: -10px;}
	#main-nine::after {width: 350px;height: 280px;right: inherit;position: relative;display: block;margin-left: auto;margin-right: auto;}
	.nine-two {font-size: 18px;}
	
	.info_in {line-height: 1.7em;width:100%;font-size: 15px;text-align: center;padding-top: 30px;font-weight: 300;} .info_in p {font-size: 15px;}
	.info_in::before {left: 0;right: 0;margin-left: auto;margin-right: auto;top: -15px;}
	
	.info_three .col3 {width: 100%; margin-bottom: 25px;}
	.icon-top {margin-bottom: 10px;}
	.icon-top::before {width: 50px;height: 50px;}
	
	#blue-two::after {display: none;}
	.blue_ul li p {display: grid;} .blue_ul li p a {font-weight: 500; text-decoration: underline;}
	
	.home_main .col48, #blue-two .col48, #main-two .col48, #main-six .col48, #main-seven .col48, #main-eight .col48 {width: 100%;}
	.home_main .col48:first-child, #blue-two .col48:first-child, #main-two .col48:first-child, #main-four .col65, #main-six .col48:first-child, #main-seven .col48:first-child, #main-eight .col48:first-child {margin-bottom: 35px;}
	#blue-two .col48:first-child {order: 2; margin-bottom: 80px;} #blue-two .col48:last-child {order: 1;}
	#blue-two::before {left: -290px;}
	.blue_ul li::before {width: 50px;height: 50px;font-size: 30px;line-height: 52px;}
	
	#main-four .col65, #main-four .col3, #main-five .col65 {width: 100%;}
	#main-four .col3 {text-align: center;}
	
	#main-five .col3 {display: none;}
	
	#main-eight::after {display: none;}
	#main-nine p {font-size: 17px;}
	.form {
		max-width: 100%;}
	.col-form1, .col-form2 {width: 100%;}
}
@media (min-width: 601px) {
	h2, .h2 {font-size: 26px;}
	h4, .h4 {font-size: 18px;margin-bottom: 8px;}
	h5, .h5 {font-size: 16px;margin-bottom: 8px;}
	
	.container{max-width: 90%;}
	header, .background-image {height: 690px;}
	#head {padding-top: 20px; padding-bottom: 20px;}
	.logo {width: 180px;} .logo2 {width: 140px;}
	#head-product {margin-top: 60px;}
	.colslide {width: 100%;text-align: center;}
	.colslide:first-child {order: 2;margin-top: -50px;} .colslide:last-child {order: 1;}
	.slide-text {margin-top: 0%;}
	.slide-text h1 {font-size: 34px;margin-bottom: 10px;}
	.slide-text span {font-size: 22px;margin-bottom: 12px;} .slide-text p {font-size: 16px;margin-bottom: 14px;width: 100%;}
	.product {max-width: 350px;margin-top: 0;}
	.slidebutton {bottom: -70px;position: relative;}
	
	.mr {width: 220px;}
	
	#main-one, #blue-two, #main-four {padding-top: 60px; padding-bottom: 40px;}
	.info, .info_three, .blue_ul {margin-bottom: 60px;}
	#main-two, #main-three, #main-five, #main-seven, #main-eight, #page {padding-top:60px; padding-bottom: 60px;}
	#main-nine {padding-top: 60px; padding-bottom: 40px;}
	.gray-col li .gray_img {max-height: 200px;}
	
	
	.info {padding-left: 2%; padding-right: 2%; width: 96%;}
	#main-three .blue_button {margin-bottom: -20px;}
	#main-nine::after {width: 350px;height: 280px;right: inherit;position: relative;display: block;margin-left: auto;margin-right: auto;}
	.nine-two {font-size: 18px;}
	.button_txt {font-size: 18px;letter-spacing: 3px;}
	
	.info_in {line-height: 1.5em;width: 85%;font-size: 16px;} .info_in p {font-size: 16px;}
	.info_in::before {left: -14%;}
	
	.info_three .col3 {width: 100%; margin-bottom: 25px;}
	.icon-top {margin-bottom: 10px;}
	.icon-top::before {width: 50px;height: 50px;}
	
	.home_main .col48, #blue-two .col48, #main-two .col48, #main-six .col48, #main-seven .col48, #main-eight .col48 {width: 100%;}
	.home_main .col48:first-child, #blue-two .col48:first-child, #main-two .col48:first-child, #main-four .col65, #main-six .col48:first-child, #main-seven .col48:first-child, #main-eight .col48:first-child {margin-bottom: 35px;}
	#blue-two .col48:first-child {order: 2; margin-bottom: 80px;} #blue-two .col48:last-child {order: 1;}
	#blue-two::before {left: -160px;}
	
	#main-four .col65, #main-four .col3, #main-five .col65 {width: 100%;}
	#main-four .col3 {text-align: center;}
	
	#main-five .col3 {display: none;}
	
	#main-eight::after {display: none;}


	
}
@media (min-width: 839px) {
	h2, .h2 {font-size: 28px;}
	h4, .h4 {font-size: 20px;margin-bottom: 10px;}
	h5, .h5 {font-size: 18px;margin-bottom: 10px;}
	
	.container{}
	header, .background-image {height: 700px;}
	#head {padding-top: 30px; padding-bottom: 30px;}
	.logo {width: 220px;} .logo2 {width: 160px;}
	#head-product {}
	.colslide {width: 50%; text-align: inherit;}
	.colslide:first-child {order: 1;margin-top:inherit;width: 70%;} .colslide:last-child {order: 2;width: 30%;}
	.slide-text {margin-top: 12%;}
	.slide-text h1 {font-size: 38px;margin-bottom: 18px;}
	.slide-text span {font-size: 24px;margin-bottom: 22px;} .slide-text p {font-size: 18px;margin-bottom: 14px;width: 80%;}
	.product {max-width: 86%; margin-top: 20px;}
	.slidebutton {bottom: -50px;}
	
	.mr {width: 240px;}
	
	.home_main h2 {width: 50%;}
	
	/**/
	
	.info {}
	#main-three .blue_button {}
	#main-nine::after {width: 250px;height: 180px;right: 2%; position: absolute; display: inherit; margin-left: inherit; margin-right: inherit;}
	.nine-two {font-size: 20px;}
	.button_txt {font-size: 20px;letter-spacing: 3px;}
	.info_in {line-height: 2em;width: 88%;font-size: 18px;} .info_in p {font-size: 18px;}
	.info_in::before {left: -10%;}
	
	.info_three .col3 {width: 30%; margin-bottom: 0;}
	.icon-top {margin-bottom: 20px;}
	.icon-top::before {width: 70px;height: 70px;}
	
	.home_main .col48, #blue-two .col48, #main-two .col48, #main-six .col48, #main-seven .col48, #main-eight .col48 {width: 48%;}
	.home_main .col48:first-child, #blue-two .col48:first-child, #main-two .col48:first-child, #main-six .col48:first-child, #main-seven .col48:first-child, #main-eight .col48:first-child {margin-bottom:inherit;}
	#blue-two .col48:first-child {order: 1; margin-bottom: 0;} #blue-two .col48:last-child {order:2;}
	#blue-two::before {left: 0;}
	
	#blue-two .col48:first-child {top: -40px; position: relative; margin-bottom: 30px;}
	
	#main-four .col65, #main-five .col65 {width: 65%; margin-bottom: 0;}
	#main-four .col3 {width: 30%;} #main-four .col3 {text-align:left;}
	
	#main-five .col3, #main-eight::after {display: block;}
	
}
@media (min-width: 1125px) {
	h2, .h2 {font-size: 32px;}
	h4, .h4 {font-size: 23px;margin-bottom: 14px;}
	h5, .h5 {font-size: 20px;margin-bottom: 12px;}
	
	.container{}
	header, .background-image {height: 750px;}
	#head {padding-top: 30px; padding-bottom: 30px;}
	.logo {width: 240px;} .logo2 {width: 180px;}
	#head-product {margin-top: 80px;}
	.slide-text h1 {font-size: 42px;}
	.slide-text span {font-size: 26px;margin-bottom: 20px;} .slide-text p {font-size: 18px;margin-bottom: 20px;}
	.product {margin-top: inherit;}
	.slidebutton {bottom: -90px;}
	.colslide:first-child {width: 50%;} .colslide:last-child {width: 50%}
	
	.mr {width: 260px;}
	
	
	#main-one, #blue-two, #main-four {padding-top: 80px; padding-bottom: 60px;}
	.info, .info_three, .blue_ul {margin-bottom: 80px;}
	#main-two, #main-three, #main-five, #main-seven, #main-eight, #page {padding-top: 80px; padding-bottom: 80px;}
	#main-nine {padding-top: 80px; padding-bottom: 40px;}
	.gray-col li .gray_img {max-height: 200px;}
	
	.info {}
	#main-three .blue_button {margin-bottom: -50px;}
	#main-nine::after {width: 350px;height: 280px;right: 3%;}
	.nine-two {font-size: 24px;}
	.button_txt {font-size: 22px;letter-spacing: 5px;}
}
@media (min-width: 1310px) {
	.container{max-width: 1240px;}
	header, .background-image {height: 850px;}
	#head {padding-top: 40px; padding-bottom: 40px;}
	.logo {width: 260px;} .logo2 {width: 200px;}
	#head-product {}
	.slide-text h1 {font-size: 50px;}
	.slide-text span {font-size: 28px;} .slide-text p {font-size: 22px;margin-bottom: 28px;}
	.product {}
	.slidebutton {bottom: -40px;}
	
	.mr {width: 300px;}
	
	
	#main-one, #blue-two, #main-four {padding-top: 100px; padding-bottom: 80px;}
	.info, .info_three, .blue_ul {margin-bottom: 100px;}
	#main-two, #main-three, #main-five, #main-seven, #main-eight, #page {padding-top: 100px; padding-bottom: 100px;}
	#main-nine {padding-top: 100px; padding-bottom: 40px;}
	.gray-col li .gray_img {max-height: 200px;}
	
	.info {padding-left: 4%; padding-right: 4%; width: 92%;}
	#main-three .blue_button {margin-bottom: -80px;}
	#main-nine::after {width: 400px;height: 330px;right: 5%;}
}
@media (min-width: 1610px) {
	.container{max-width: 1460px;}
	header, .background-image {height: 960px;}
	#header2 {height: 300px;}
	.product {max-width: 100%;}
	.slidebutton {bottom:inherit;}
	
	#main-one, #blue-two, #main-four {padding-top: 120px; padding-bottom: 80px;}
	.info, .info_three, .blue_ul {margin-bottom: 100px;}

	#main-nine {padding-top: 100px; padding-bottom: 40px;}
	
	.gray-col li .gray_img {max-height: 240px;}
	
	.info {padding-left: 5%;padding-right: 5%; width: 90%;}

}