@charset "utf-8";
/*
Theme Name: Violo
Theme URI: http://www.violo.pl
Description: Szablon strony - Violo. Projekt i wykonanie Norten.pl
Author: NORTEN
Author URI: http://www.norten.pl
Version: 1.0
*/
body{font-size:16px;background:#ebf1f7;padding:0;margin:0;font-family:'Poppins',sans-serif;font-weight:medium}
a{text-decoration:none}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
h1,.h1{font-size:38px;margin-bottom:34px;line-height:40px;color:#164262;font-family:'Open Sans',sans-serif}
h2,.h2{font-size:34px;margin-bottom:32px;line-height:38px;color:#164262;font-family:'Open Sans',sans-serif}
h3,.h3{font-size:28px;margin-bottom:28px;line-height:36px;color:#164262;font-family:'Open Sans',sans-serif}
h4,.h4{font-size:24px;margin-bottom:24px;line-height:34px;color:#164262;font-family:'Open Sans',sans-serif}
h5,.h5{font-size:20px;margin-bottom:20px;line-height:22px;color:#164262;font-family:'Open Sans',sans-serif}
h6,.h6{font-size:18px;margin-bottom:18px;line-height:20px;color:#164262;font-family:'Open Sans',sans-serif}
strong{font-weight:600}
.content{width:100%;float:left}
.container{width:1170px;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.center{text-align:center}
.center h2::after,.center h1::after,.center h3::after{margin-left:auto;margin-right:auto}
.toRight{text-align:right}
p{color:#164262;line-height:30px}
p>a{color:#0097da}
img.alignleft{float:left;margin-right:40px}
img.alignright{float:right;margin-left:40px}
img.aligncenter{display:block;margin-left:auto;margin-right:auto;margin-bottom:25px}
.head{position:absolute;width:100%;padding-top:20px;padding-bottom:20px;z-index:9}
.logo{float:left;width:20%}
#topmenu{float:left;width:56%;text-align:right;margin-left:2%;margin-right:2%;margin-top:15px}
#topinfo{float:right;width:20%;text-align:right;margin-top:23px;font-size:14px;color:#164262}
.nav-fostrap{display:block}
.nav-fostrap ul{list-style-type:none;margin:0;padding:0;display:block}
.nav-fostrap li{list-style-type:none;margin:0;padding:0;display:inline-block;position:relative;font-size:14;color:#def1f0}
.nav-fostrap li a{padding:6px 16px;margin-left:5px;margin-right:5px;color:#164262;display:inline-block;outline:0;border:solid 2px transparent;border-radius:30px;margin-bottom:6px;font-weight:500}
.nav-fostrap li:hover ul.sub-menu{display:block}
.nav-fostrap li ul.sub-menu{position:absolute;display:none;width:200px;border:solid 2px #0097da;padding-top:8px;padding-bottom:8px;border-radius:30px;background-color:#e4ecf5}
.nav-fostrap li ul.sub-menu li{display:block;list-style-type:none}
.nav-fostrap li ul.sub-menu li a{padding:8px 20px;font-size:16px;color:#164262;display:block;font-weight:400;border:0;margin:0;text-align:left}
.nav-fostrap li ul.sub-menu li:last-child a{border-bottom:0}
.nav-fostrap li:hover a,.nav-fostrap .current-menu-item a{color:#0097da;border:solid 2px #0097da}
.nav-fostrap li ul.sub-menu li:hover a{color:#0097da}
.nav-fostrap li ul.sub-menu li:first-child:hover a{border-radius:0}
.nav-fostrap li:hover .arrow-down{border:solid #0097da;border-width:0 2px 2px 0}
.arrow-down{border:solid #164262;border-width:0 2px 2px 0;position:relative;right:-7px;display:inline-block;padding:2px;transform:rotate(45deg);-webkit-transform:rotate(45deg);top:-3px}
.title-mobile{display:none}


.nav-fostrap{background:#fff;width:200px;height:100%;display:none;position:absolute;right:0;top:50px;-webkit-transition:left .25s ease;-moz-transition:left .25s ease;-ms-transition:left .25s ease;-o-transition:left .25s ease;transition:left .25s ease;margin:0;border:0;border-radius:0;overflow-y:auto;overflow-x:hidden;height:auto}

.title-mobile{position:absolute;display:block;top:10px;font-size:20px;left:100px;right:100px;text-align:center;color:#FFF}
.nav-fostrap.visible{right:0;-webkit-transition:left .25s ease;-moz-transition:left .25s ease;-ms-transition:left .25s ease;-o-transition:left .25s ease;transition:left .25s ease;display:block}
.nav-bg-fostrap{display:inline-block;vertical-align:middle;width:54px;height:50px;margin:0;position:absolute;top:0;right:0;background:#03a9f4;padding:12px 0 0 10px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.26);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.26);-ms-box-shadow:0 2px 5px 0 rgba(0,0,0,0.26);-o-box-shadow:0 2px 5px 0 rgba(0,0,0,0.26);box-shadow:0 2px 5px 0 rgba(0,0,0,0.26)}
.navbar-fostrap{display:inline-block;vertical-align:middle;height:50px;cursor:pointer;margin:0;position:absolute;top:0;left:0;padding:12px}
.navbar-fostrap span{height:2px;background:#fff;margin:5px;display:block;width:20px}
.navbar-fostrap span:nth-child(2){width:20px}
.navbar-fostrap span:nth-child(3){width:20px}
.nav-fostrap ul{padding-top:20px}
.nav-fostrap li{display:block}
.nav-fostrap li a{display:block;color:#505050;font-weight:600}
.nav-fostrap li:first-child:hover a{border-radius:0}
.nav-fostrap li ul.sub-menu{display:none!important}
.nav-fostrap li ul.sub-menu li a{display:none}
.nav-fostrap li ul.sub-menu li a{padding:10px 10px 10px 30px}
.nav-fostrap li:hover .arrow-down{border:5px solid #fff}
.nav-fostrap li:hover a,.nav-fostrap .current-menu-item a{border:0}
.arrow-down{border-top:5px solid #505050;position:absolute;top:20px;right:10px}
.cover-bg{top:0;bottom:0;left:0;right:0}
#topinfo{text-align:left;margin-top:0}
}
.fixed-top{position:fixed;top:0;right:0;left:0}
#language,#faceIcon{display:inline-block}
#faceIcon::before{content:url(images/face.png);display:inline-block;margin-left:50px}
#language #lang_choice_1{min-width:60px;border:0;font-family:'Poppins',sans-serif;color:#164262;font-size:14px;background-color:transparent;transition:.6s}
#language #lang_choice_1:hover{color:#0097da}
#language select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(images/dropdown.png) right / 9px no-repeat #fff;padding-right:14px;cursor:pointer}
#slider{position:relative}
#slider img{max-width:100%;height:auto}
.in-slide{width:35%;position:absolute;top:34%;left:8%;color:#1f608e}
.first-slide{font-size:24px;line-height:30px;font-weight:600;font-family:'Open Sans',sans-serif;letter-spacing:.4px}
.second-slide{font-size:46px;font-weight:800;line-height:52px;margin-top:0;margin-bottom:0;font-family:'Open Sans',sans-serif}
.button,.contact_form .wpcf7-submit{background-color:#7fbe34;color:#fff;font-size:14px;letter-spacing:.4px;font-weight:600;padding-left:30px;padding-right:30px;padding-top:12px;padding-bottom:10px;border-radius:30px;transition:.6s}
.button:hover,.contact_form .wpcf7-submit:hover{transition:.6s;background-color:#e7eef6;color:#1f608e}
.slide-button{margin-top:20px;display:inline-block}
#slider .slick-dots{-moz-transform:scale(1) rotate(90deg) translateX(0px) skewX(0deg);-webkit-transform:scale(1) rotate(90deg) translateX(0px) skewX(0deg);-o-transform:scale(1) rotate(90deg) translateX(0px) skewX(0deg);-ms-transform:scale(1) rotate(90deg) translateX(0px) skewX(0deg);transform:scale(1) rotate(90deg) translateX(0px) skewX(0deg)}
#topHome{position:relative;padding-top:30px;padding-bottom:50px;background-color:#fff}
#topHome::before{content:'';background-image:url(images/fale.png);width:100%;height:164px;left:0;position:absolute;top:-135px}
#topHome h2{text-transform:uppercase;font-size:24px}
#topHome h2::after,.new_blog-content h4::after{content:'';width:40px;height:8px;display:block;background:url(images/circle-line.png);margin-left:auto;margin-right:auto;margin-top:12px;transition:.6s}
#topHome p{font-size:18px;font-weight:400;line-height:32px;width:80%;margin-left:auto;margin-right:auto;font-family:Open sans}
.slideProduct{cursor:grab}
#bottomSlider{padding-bottom:20px;position:relative;background-color:#fff}
#bottomSlider::after{content:'';background-image:url(images/fale.png);width:100%;height:164px;left:0;position:absolute;bottom:-135px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.pro-slide{text-align:center}
.pro-slide img{max-width:65%;height:auto;display:block;margin-left:auto;margin-right:auto;max-height:370px}
.pro-slide h4{font-size:18px;text-transform:uppercase;font-weight:600;padding-left:16px;padding-right:16px;padding-top:5px;padding-bottom:4px;border:solid 2px #164262;font-family:'Poppins',sans-serif;border-radius:30px;display:inline-block;margin-bottom:5px;transition:.6s}
.pro-slide a:hover h4{transition:.6s;border:solid 2px #0097da;color:#0097da}
.pro-slide p{margin-left:12%;margin-right:12%;font-size:18px;font-weight:400;margin-bottom: 0;}
#ikony{padding-top:170px;padding-bottom:40px}
.col20{float:left;width:20%;text-align:center}
.col20 p{margin-left:10px;margin-right:10px;font-size:18px;font-weight:400;margin-top:28px}
#top_page{background-image:url(images/top-tlo.png);background-repeat:no-repeat;background-position:center top;min-height:440px;position:relative;background-size:cover}
.back_top{position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-position:right bottom}
.left_toppage{float:left;width:50%;position:absolute;bottom:25%;font-family:'Open Sans',sans-serif}
.left_toppage span{color:#0097da;font-size:24px;font-weight:600;letter-spacing:.4px}
.left_toppage h1{margin-top:0;line-height:42px;color:#164262;font-size:36px;font-weight:800}
#page{padding-top:40px;padding-bottom:40px;background-color:#fff;position:relative}
#page::before{content:'';background-image:url(images/fale.png);width:100%;height:164px;left:0;position:absolute;top:-110px}
#page::after{content:'';background-image:url(images/fale.png);width:100%;height:164px;left:0;position:absolute;bottom:-110px;-webkit-transform:rotate(180deg);transform:rotate(180deg);z-index:9}
#page p,#page-two p{font-weight:400}
#page ul,#page-two ul{padding-left:24px;margin-left:0;text-indent:-1.54em;list-style:none}
#page ul li,#page-two ul li{list-style:none;line-height:28px;color:#164262}
#page ul li::before,#page-two ul li::before{content:'.';font-size:40px;margin-right:13px;position:relative;top:-2px;color:#0097da}
#page ol,#page-two ol{padding:0}
#page ol li,#page-two ol li{list-style-position:inside!important;list-style:decimal;line-height:28px;font-weight:500;color:#164262}
#page-two{padding-top:120px;padding-bottom:60px}
.col2{float:left;width:50%}
.image_left{float:left;width:90%;margin-right:10%;text-align:center;margin-bottom:10px}
#page h1::after,#page h2::after,#page-two h1::after,#page-two h2::after,#page h3::after,#page-two h3::after{content:'';width:40px;height:8px;background:url(images/circle-line.png);margin-top:12px;display:block}
#page img,#page-two img{max-width:100%;height:auto;color: transparent;}
.top_pro_txt{font-size:20px;text-transform:uppercase;font-weight:600;color:#164262;margin-bottom:12px}
.blockPro{float:left;width:100%;padding-bottom:18px}
.proTIT{background-color:#0097da;color:#FFF;padding-left:15px;padding-right:15px;padding-bottom:8px;padding-top:8px;border-radius:10px;display:inline-block;margin-top:10px;margin-bottom:10px;margin-left:5px;margin-right:5px;font-weight:600}
#pageGwar{text-align:left}
#pro_reg {float:left; width:100%; text-align:center; padding-left:15%; padding-right:15%;color: #164262; line-height:28px;
margin-top:40px; font-weight:600;}
#pro_znak {float:left; width:100%; text-align:center; color: #164262; font-size:12px; margin-top:30px;}
.col6{float:left;width:55%;margin-right:5%}
.col4{float:left;width:40%}
.slider_pro{width:80%;margin-left:10%}
.single_image1{text-align:center;margin-top:30px;margin-bottom:30px}
.short_info{font-size:12px;line-height:26px;color:#164262}
.proLast_img{max-width:80%}
.pro_block{width:33%;display:inline-block;margin-bottom:60px}
.pro_block:hover .proLast_img{transition:.6s;opacity:.7}
.pro_block:hover .new_blog-title h4{color:#0097da;transition:.6s}
.pro_block:hover .new_blog-content h4::after{width:80px;transition:.6s}
.proLast_img{width:70%;margin-left:15%;margin-right:15%;transition:.6s}
.new_blog-content{width:80%;margin-left:10%;margin-right:10%;float:left;text-align:center}
.new_blog-content p{font-size:18px}
.new_blog-title h4{margin-top:8px;transition:.6s}
.new_more{color:#0097da;font-size:13px;font-weight:500;letter-spacing:.4px}
.col5{float:left;width:50%}
.contactPage p{font-weight:400!important}
.contactPage strong{font-weight:600}
.contact_form{float:left;width:90%;margin-left:10%}
.contact_form .wpcf7-text,.contact_form .wpcf7-textarea{padding:3%;width:94%;margin-bottom:10px;border:solid 1px #0097da;font-family:'Poppins',sans-serif;font-size:14px;color:#164262;transition:.6s;border-radius:15px}
.contact_form .wpcf7-text:hover,.contact_form .wpcf7-textarea:hover,.contact_form .wpcf7-text:active,.contact_form .wpcf7-textarea:active{transition:.6s;border:solid 1px #1f608e}
.contact_form .wpcf7-textarea{height:220px}
.contact_form .wpcf7-submit{border:0;cursor:pointer;padding-top:10px;padding-bottom:10px;font-family:'Open Sans',sans-serif}
.footMap{padding:0!important;margin:0!important}
.footMap iframe{width:100%}
#map{height:380px}
.contactPage h1,.contactPage h2,.contactPage h3,.contactPage h4,.contactPage h5,.contactPage h6{color:#1f608e}
footer{padding-top:40px;background-color:#1f608e;color:#fff;background-image:url(images/foot-tlo.png);background-repeat:no-repeat;background-position:center top;background-size:cover;font-family:Open sans}
.footitle,footer p{color:#fff}
.col3{float:left;width:33.3%}
.footitle::after{content:'';width:40px;height:8px;display:block;background:url(images/circle-line.png) bottom;margin-top:12px}
.footLogo{margin-top:25px}
.foot_contact{padding:0;display:block;margin-top:90px}
.foot_contact li{list-style:none;line-height:38px;font-size:18px}
.footTel::before{content:'';background-image:url(images/contact.png);width:23px;height:24px;background-position:top center;display:inline-block;margin-right:14px;vertical-align:sub}
.footMail::before{content:'';background-image:url(images/contact.png);width:25px;height:19px;background-position:bottom center;display:inline-block;margin-right:14px;vertical-align:sub}
.footSocial{padding:0;margin:0}
.footSocial li{list-style:none;display:inline-block;margin-right:5px;margin-left:5px}
.faceFoot a::before{content:'';background-image:url(images/foot-social.png);width:10px;height:20px;background-position:top left;display:inline-block}
.instaFoot a::before{content:'';background-image:url(images/foot-social.png);width:20px;height:20px;background-position:top right;display:inline-block}
#footInfo{color:#ebf1f7;font-size:14px;float:left;width:100%;margin-top:40px;margin-bottom:40px}
#footWhite{float:left;width:100%;background-color:#ebf1f7;padding-top:30px;padding-bottom:20px;color:#164262;font-size:12px}
#footWhite a{color:#7fbe34}

@media only screen and (max-width:1199px){
.container{width:96%}
.nav-fostrap li a{padding:6px 14px}
.in-slide{top:32%}
.second-slide{font-size:38px;line-height:42px}
#topHome p{width:80%}
.slideProduct .slick-prev{left:10px!important}
.slideProduct .slick-next{right:10px!important}
#ikony .col20 img{max-height:60px}
#ikony .col20 p{margin-left:20px;margin-right:20px}
}
@media only screen and (max-width:980px){
#slider{height:430px}
#slider img{max-width:inherit;height:430px;width:auto}
.in-slide{width:40%}
.first-slide,.left_toppage span{font-size:20px;line-height:28px}
.second-slide,.left_toppage h1{font-size:30px;line-height:38px}
#topHome p{width:90%}
#topmenu{width:auto;margin-left:0;margin-right:0}
#topinfo{margin-right:40px}
.pro_block{width:32%}
.left_toppage{bottom:30%}
.contactPage>.container>.col5{width:100%;margin-bottom:20px}
.contactPage>.container>.col5>.col5{width:50%}
.contact_form{width:100%;margin-left:0}
#ikony .col20{width:33%;height:250px}
.foot50{width:50%}
.foot100{width:100%}
}
@media only screen and (max-width:820px){
.pro_block{width:50%;float:left;min-height:670px}
.col6{width:100%;margin-right:0}
.col4{width:100%}
.slider_pro{width:60%;margin-left:20%;margin-right:20%}
img.alignleft,img.alignright{display:block;margin-left:auto;margin-right:auto;margin-bottom:25px;float:none}
.left_toppage{width:70%}
}
@media only screen and (max-width:760px){.in-slide{top:26%}
.second-slide,.left_toppage h1{font-size:26px;line-height:32px}
.first-slide,.left_toppage span{font-size:16px}
#topHome p{width:100%}
#topinfo{margin-right:30px;width:30%}
.col2{width:100%}
.image_left{width:80%;margin-left:10%}
.back_top{background-position:center bottom}
}
@media only screen and (max-width:640px){.in-slide{width:70%}
.logo{margin-top:-12px}
.logo img{width:140px}
#ikony .col20{width:100%;height:auto;margin-bottom:10px}
#page-two{padding-top:100px}
.pro-slide img{max-height:none}
.pro_block{width:100%;min-height:inherit}
.pro-slide p{margin-left:0;margin-right:0}
.contactPage>.container>.col5>.col5{width:100%}
#topinfo{width:auto;margin-right:55px}
#faceIcon::before{margin-left:10px}
#ikony .col20 img{max-height:inherit}
}