
/*
Theme Name: bmd_theme
Author: arturkosinski.pl
Author URI: https://arturkosinski.pl
Version: 1.0
*/

#homeFaq { padding: 6rem 0 0; }
#homeFaq h3 { margin-bottom: 4rem; }
.gform_required_legend { display: none!important; }

.gform_next_button, #gform_submit_button_1 { margin-left: auto!important; }
.grecaptcha-badge { display: none!important; }
.gf_progressbar_wrapper { margin-bottom: 3rem !important; }
.gform_page_footer { margin-top: 3rem !important; }

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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}nav ul{list-style:none;}ol{list-style:decimal;}ul{list-style:disc;}ul ul{list-style:circle;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{text-decoration:underline;}del{text-decoration:line-through;}mark{background:none;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #e7e7e7;margin:2rem 0;padding:0;}input,select,a img{vertical-align:middle;} ul { list-style: none; }


body, input, textarea, select { font-family: "Fira Sans", sans-serif; }
html { font-size: 16px; }
body { font-size: 1rem; line-height: 1.5; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.container { margin: 0 auto; }
.flex { display: -webkit-box; display: -ms-flexbox; display: flex; }
.flexWrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.vCenter { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.spaceBetween { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.alignCenter { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }

/* Basic colors */
.btn, .textFormat .btn, .cookiesClose, .textFormat a.page-numbers, a.page-numbers, input[type="submit"] { background: #FF6861; color: #fff; }
.textFormat a { color: #FF6861; text-decoration: underline; }
ul.menu a { color: #000; }
.textFormat a:not(.btn):hover, ul.menu a:hover { color: #FF6861; }
.btn:hover, .textFormat .btn:hover, .cookiesClose:hover, .textFormat a.page-numbers:hover, a.page-numbers:hover, input[type="submit"]:hover { background: #000 }

/* Buttons */
.btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;  margin: 0 auto; width: 220px; height: 50px; text-align: center; text-decoration: none!important; border: none; border-radius: 25px; }

/* Header */
header { padding: 2rem 0; }

/* Menu */
#desktopMenu { margin-left: auto; }
#desktopMenu ul.menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#desktopMenu ul.menu > li { margin: 0 0 0 2rem; }
#desktopMenu ul.menu a { text-decoration: none; }

/* Sub-menu */
#desktopMenu ul.sub-menu { list-style: none; }
#desktopMenu  li.menu-item-has-children { position: relative; }
#desktopMenu  li.menu-item-has-children:hover ul.sub-menu { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;  }
#desktopMenu  li.menu-item-has-children > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center }
#desktopMenu  li.menu-item-has-children > a:after { content: ''; display: block; width: 1rem; height:1rem; background: url(images/icons/down.svg) center center no-repeat; background-size: .5rem auto; margin: 0 0 0 .5rem; }
#desktopMenu  ul.sub-menu { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;  position: absolute; top: 2rem; left: -.5rem; min-width: 220px; padding: .5rem 1rem; background: none; z-index: 999999; visibility: hidden; -webkit-transition: 0.2s .2s; -o-transition: 0.2s .2s; transition: 0.2s .2s; opacity: 0; text-align: left; font-size: 0.875rem; background: #fff; -webkit-box-shadow: 0 1rem 1rem 0 rgba(0,0,0,.1); box-shadow: 0 1rem 1rem 0 rgba(0,0,0,.1); }

/* Mobile menu */
#openMenu, #closeMenu { display: -webkit-box; display: -ms-flexbox; display: flex; width: 24px; height: 24px; position: fixed; right: 5%; top: 1rem; z-index: 999999; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#openMenu { position:static; margin-left: auto; }
#mobileMenu { display: none; position: fixed; top: 0; right: 0; width: 100%; background: #fff; height: 100vh; -webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,.1); box-shadow: 0 0 40px 0 rgba(0,0,0,.1); z-index: 99999; padding: 3rem 2rem 10rem; overflow-y: scroll; z-index: 99999999 }
#mobileMenu  li { text-align: center; margin: 0; }
#mobileMenu li a { display: block; padding: .5rem 0; text-decoration: none; }
#mobileMenu ul { font-size: 1.125rem }
#mobileMenu ul.sub-menu { font-size: .875rem; margin-bottom: 1rem; list-style: none; }
.hiddenBody { overflow-y: hidden; position: relative; height: 100%; }
    
/* Pagination */
.page-numbers { padding: .75rem 1.25rem; border-radius: 4px; margin: 0 .5rem; text-decoration: none; }
span.page-numbers { border: 1px solid #e7e7e7; }
span.page-numbers.dots { border: none; }
#breadcrumbs a, .breadcrumb_last { margin: 0 1rem; }
@media all and (max-width:  767px){
    .page-numbers { display: inline-block; margin-bottom: 1rem }
}

/* Content */
.textFormat p, .textFormat ul, .textFormat ol, .textFormat table, .textFormat blockquote, .textFormat h1, .textFormat h2, .textFormat h3, .textFormat h4, .textFormat h5, .textFormat h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 1.5rem; }
.textFormat ul, .textFormat ol { padding-left: 1.5rem; }
.textFormat ul { list-style-type: disc; }
.textFormat blockquote p:last-child { margin-bottom: 0; }
.textFormat blockquote { background: #f9f9f9; padding: 2rem; }
img { max-width: 100%; vertical-align: middle; height: auto; }
* { -webkit-box-sizing: border-box; box-sizing: border-box; }
table { width: 100%; margin-bottom: 20px; }
td, th { border: 1px solid #e7e7e7; padding: .5rem; text-align: left; }
.textFormat a:hover { text-decoration: underline; }
.textFormat h1, h1 { font-size: 2.5rem; }
.textFormat h2, h2 { font-size: 1.75rem; }
.textFormat h3, h3 { font-size: 1.5rem; }
.textFormat h4, h4 { font-size: 1.25rem; }
.textFormat h5, h5 { font-size: 1rem; }
.textFormat h6, h6 { font-size: 1rem; }

/* Slider */
.owl-dot { margin: 0 .5rem; display: inline-block; }
.owl-dot span { display: block; width: 1rem; height: 1rem; background: #fff; border-radius: 1rem; opacity: .3 }
.owl-dot.active span, .owl-dot  span:hover { background: #fff; opacity: 1; }
.owl-dots { text-align: center; margin-top: 1rem; }
.owl-prev, .owl-next { position: absolute; top: 50%; width: 2rem; height: 2rem; margin-top: -30px; text-align: center; z-index: 99999;   }
.owl-prev { left: 1rem; background: url(images/icons/white/left.svg) center center no-repeat; background-size: 1rem auto }
.owl-next { right: 1rem; background: url(images/icons/white/right.svg) center center no-repeat; background-size: 1rem auto }

/* Forms */
input, textarea, select { -webkit-appearance: none; -moz-appearance: none; }
label, label span { display: block; }
input, textarea { -webkit-appearance: none; -moz-appearance: none; display: block; margin-top: .5rem; width: 100%; height: 50px; border: 1px solid #e7e7e7; background: #fff; display: block; line-height: 50px; padding-left: 1rem; margin-bottom: 1rem; font-size: 1rem; }
textarea { height: 245px; line-height: 1.5; padding: 1rem; }
input[type="checkbox"] { width: 22px!important; height: 22px!important; border: 1px solid #e7e7e7!important; -webkit-appearance: checkbox; -moz-appearance: checkbox; border-color: #e7e7e7; padding: 0; margin: 0; -ms-flex-preferred-size: 22px; flex-basis: 22px; }
input[type="submit"] { padding: 0; font-size: 1rem; font-weight: bold; margin-top: 1rem; cursor: pointer; border: none; height: 60px; line-height: 60px; }
input.wpcf7-not-valid, textarea.wpcf7-not-valid { border-color: red; background: rgba(237, 88, 95, .2); margin-bottom: 0; }
span.wpcf7-list-item { margin: 0!important; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; color: #666; }
input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: #666; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; color: #666; }
input::-ms-input-placeholder, textarea::-ms-input-placeholder { opacity: 1; color: #666; }
input::placeholder, textarea::placeholder { opacity: 1; color: #666; }
.wpcf7-acceptance label { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .5rem }
.wpcf7-acceptance label input + span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: .875rem; text-align: justify; }
.wpcf7-acceptance label input[type="checkbox"] { margin: .25rem 1rem 0 0; }


/* Footer & Cookies */
footer { padding: 5rem 0 7rem; }
.footerAuthor { margin-left: auto; }
#cookies { position: fixed; bottom: 0; left: 0; width: 100%; background: #f7f7f7; font-size: .875rem;  line-height: 1.4; z-index: 99999;   }
.cookiesText { margin: .5rem 1rem 0 0; }
.cookiesInner { padding: 1rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: center; align-content: center; }
.cookiesClose { margin-left: auto; color: #fff; padding: .5rem 1.5rem; text-decoration: none; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }
.cookiesClose:hover { opacity: .8; }
#gotop { display: none; position: fixed; bottom: 20px; right: 20px; border: 1px solid #000; width: 36px; height: 36px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#gotop img { width: 8px; }
#cboxContent { background: none; }


.accord {margin: 0 0 1.5rem; }
.aDesc { display: none; padding: 1rem 0 3rem; }
.aTitle { cursor:pointer;  padding: 0 0 1.5rem;  }
.aTitle h5 { margin: 0; font-size: 1.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.aTitle h5:after { content: '+'; margin-left: auto; background: #FF6861; flex-basis: 2rem; width: 2rem; height:2rem; color: white; border-radius: 50%; text-align: center; line-height: 2rem; font-weight: normal; }
.aTitle:hover h5:after { background: #000; }
.aTitle h5.active:after { content: '-'; background: #000; }
footer a { color: #000; text-decoration: none; }
footer a:hover { color: #FF6861; }
footer { font-size: .75rem; }
.footerCopy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width: 100%; }
.footerCopy p:first-child { margin: 0 .5rem 0 0; }
.homeFlex { padding: 5rem 0; min-height:70vh }
#home .btn { margin-left: 0; }
#home h2 { font-size: 1.125rem; font-weight: normal; }
.homeLeft { -ms-flex-preferred-size: 45%; flex-basis: 45%; }
.homeRight { -ms-flex-preferred-size: 55%; flex-basis: 55%; }
#home h1 { position: relative; }
#home h1 img {display: block; position: absolute; top: 0; right: 0; -webkit-transform: rotate(164deg); -ms-transform: rotate(164deg); transform: rotate(164deg) }

#breadcrumbsWrapper { padding: 0 0 1rem 0; }
#breadcrumbsWrapper, #breadcrumbsWrapper a { color: #999; font-size: .75rem; }
#breadcrumbsWrapper a { text-decoration: none; }
h1.pageTitle { text-align: center; }
.padding { padding: 5rem 0; }
.pageContent, .contactContent, .faqContent { max-width:768px; margin: 0 auto; text-align: justify; }
#page, #contact, #products, #faq, #product { min-height:70vh }
.cImg { width: 5rem; height:5rem; background: #FF6861; border-radius:50%; margin: 0 auto 1rem; }
.cImg img { width: 2rem; }
.cIcon { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; }
.contactIcons, .productsFlex { padding: 2rem 0; }
.accord { border-bottom: 1px dashed #e7e7e7; }
.contactBottom iframe { margin: 2rem 0; border-radius:1rem ;overflow: hidden; }
.product { -ms-flex-preferred-size: calc( 33.333% - 2rem); flex-basis: calc( 33.333% - 2rem); border-radius: 1rem; background: white; -webkit-box-shadow: 0 0 2rem 0 rgba(0,0,0,.2); box-shadow: 0 0 2rem 0 rgba(0,0,0,.2); text-align: center; padding: 3rem 1rem; }
.product img { width: 4rem; display: block; margin: 0 auto 1rem; }
.smallBtn { height: auto; width: auto; padding: .75rem 2rem; display: inline-block; }
.cookiesClose { border-radius: 2rem }





/*******************
 *******************

        RWD 

 *******************
 *******************/



@media all and (min-width: 1200px){
    
    .container { width: 1180px; }
    #desktopMenu { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; }
    #openMenu { display: none!important; }

}

@media all and (min-width: 1024px) and (max-width: 1199px){
    
    .container { width: 90%; }
    #desktopMenu { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; }
    #openMenu { display: none!important; }

    body { font-size: 15px; }
    .textFormat h1, h1 { font-size: 2rem; }
    .textFormat h2, h2 { font-size: 1.5rem; }
    .textFormat h3, h3 { font-size: 1.25rem; }
    .textFormat h4, h4 { font-size: 1.125rem; }
    .textFormat h5, h5 { font-size: 1rem; }
    .textFormat h6, h6 { font-size: 1rem; }

    #home h2 { font-size: 1rem; }
    #home h1 img { width: 100px!important; }

}

@media all and (max-width: 1023px){
    
    .container { width: 90%; }
    #desktopMenu { display: none!important; }
    #openMenu { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; }

    .textFormat h1, h1 { font-size: 1.75rem; }
    .textFormat h2, h2 { font-size: 1.315rem; }
    .textFormat h3, h3 { font-size: 1.25rem; }
    .textFormat h4, h4 { font-size: 1.125rem; }
    .textFormat h5, h5 { font-size: 1rem; }
    .textFormat h6, h6 { font-size: 1rem; }

    #home h1 img { display: none; }
    #home h2 { font-size: .875rem; }
    .product { -ms-flex-preferred-size: calc( 33.333% - 1rem); flex-basis: calc( 33.333% - 1rem); }

}

@media all and (max-width: 767px){
        
    /* Footer & Cookies */
    .cookiesInner, footer .container { -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .cookiesText, .footerCopy { margin: 0 0 10px; -ms-flex-preferred-size: 100%; flex-basis: 100%; }
    .footerAuthor, .footerCopy, .cookiesClose { -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: center; }


    .padding { padding: 2.5rem 0; }
    .homeFlex { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; }
    .homeLeft, .homeRight { -ms-flex-preferred-size: 100%; flex-basis: 100%; }
    .homeRight { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }
    .homeLeft { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }
    .homeRight img { max-width:180px; margin: 0 0 2rem; }
    .contactIcons, .productsFlex { display: block; }
    .cIcon , .product { margin: 0 0 2rem; }


    .aTitle h5 { display: block; }
    .aTitle h5:after { display: block; margin: .5rem 0 0; }

}

@media all and (max-width: 479px){

}


