/*
Theme Name: En Blanc
Theme URI:
Author: Pixelpress
Author URI: http://pixelpress.co/
Version: 1.0
Tags: Bootstrap, html5, css3, development
updated
*/
body { margin: 0; font: 16px/1.63 Montserrat, sans-serif; color: #434345; }

q:before, q:after { content: ''; }

a { color: #434345; text-decoration: none; }

a:hover { color: #434345; }

img { border: 0; vertical-align: middle; max-width: 100%; height: auto; }

iframe { max-width: 100%; }

h1 { font-size: 200%; }

h2 { font-size: 150%; }

h3 { font-size: 120%; }

h4 { font-size: 110%; }

h5 { font-size: 100%; }

h6 { font-size: 90%; }

h1, h2, h3, h4, h5, h6 { font-weight: 500; line-height: normal; letter-spacing: 1px; }

strong, b, th { font-weight: 500; }

ul li, ol li { list-style-position: outside; }

ul { list-style-type: disc; margin: 0 0 1.63em; padding: 0 0 0 15px; }

ol { margin: 0 0 1.63em; padding: 0 0 0 15px; }

dl, p, h1, h2, h3, h4, h5, h6, applet, embed, object, frameset { margin: 0 0 1.63em; }

.alignleft { float: left; margin: 0 20px 1.63em 0; }

.alignright { float: right; margin: 0 0 1.63em 20px; }

.aligncenter { display: block; margin: 0 auto 1.63em; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.dt { display: table; width: 100%; }

.dtc { display: table-cell; vertical-align: middle; }

.dib { display: inline-block; }

.bgi { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.posts-holder > article { padding: 20px 0; }
.posts-holder > article + article { border-top: 1px solid #ccc; }
.posts-holder > article h1 { margin: 0 0 10px; }

ul.slides, ul.flex-direction-nav, ol.flex-control-nav { list-style: none; margin: 0; padding: 0; }

ul.slides > li { display: none; }
ul.slides > li:first-child { display: block; }
ul.slides:after { content: ''; display: table; clear: both; }

.ovh { overflow: hidden; }

.cf:before, .cf:after { content: ""; display: table; }

.cf:after { clear: both; }

.container { position: relative; max-width: 990px; }
.container .container { padding-left: 0; padding-right: 0; }
.container.w-870 { max-width: 870px; }
.container.w-900 { max-width: 900px; }
.container.w-1100 { max-width: 1100px; }

.btn { border-radius: 0; font-size: 10px; cursor: pointer; }

.btn_dark { background: #717171; color: #fff; }

.pt-20 { padding-top: 20px !important; }

.mt-30 { margin-top: 30px !important; }

.mb-30 { margin-bottom: 30px !important; }

.mt-50 { margin-top: 50px !important; }

.mb-50 { margin-bottom: 50px !important; }

.typography h3 { font-size: 18px; margin: 0 0 5px; }

.color-1 { color: #58595B; }

#wrapper { overflow: hidden; position: relative; }

#header { background: #E5D8D3; }
#header > .container { padding-top: 40px; padding-bottom: 12px; }
#header .logo { display: block; margin: 0 0 18px; text-align: center; }

#nav { list-style: none; margin: 0 auto; padding: 0; text-align: center; display: flex; justify-content: space-between; max-width: 700px; text-transform: uppercase; font: 11px Montserrat, sans-serif; letter-spacing: 1px; }
#nav li { padding: 0 10px; }
#nav a { display: block; position: relative; padding: 0 0 7px; color: #717171; }
#nav a:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 0; border-top: 2px solid #717171; transition: .1s linear; }
#nav a:hover { text-decoration: none; }
#nav .active > a:after { width: 100%; }

.btn-menu { height: 25px; width: 33px; margin: 0 auto; background: none; border: none; padding: 0; display: none; cursor: pointer; }
.btn-menu i { transition: .2s ease; display: block; width: 33px; height: 3px; background: #7a868c; }
.btn-menu i + i { margin-top: 7px; }
.btn-menu.open i:nth-child(2) { transform: rotate(45deg) translateX(4px) translateY(9px); }
.btn-menu.open i:nth-child(3) { opacity: 0; }
.btn-menu.open i:nth-child(4) { transform: rotate(-45deg) translateX(5px) translateY(-10px); }
.btn-menu:focus { outline: none; }

.main-slider { position: relative; }
.main-slider .slides li { height: 555px; }
.main-slider .flex-control-paging { position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; }
.main-slider .flex-control-paging li { display: inline-block; vertical-align: middle; margin: 0 6px; }
.main-slider .flex-control-paging a { display: block; width: 11px; height: 11px; border-radius: 50%; background: #fff; opacity: .65; text-align: left; text-indent: -9999px; }
.main-slider .flex-control-paging a:hover { opacity: 1; }
.main-slider .flex-control-paging .flex-active { opacity: 1; }

.section { position: relative; }

.section__container { padding-top: 55px; padding-bottom: 55px; }

.bg-beige { background-color: #E5D8D3; }

.bg-beige-light { background-color: #F4EDE9; color: #58595B; }

.section_text { min-height: 350px; }
.section_text p:last-child { margin-bottom: 0; }

.row .b-step { height: 100%; margin: 0 auto; }

.row-20 { margin-left: -20px; margin-right: -20px; }
.row-20 > [class^="col"] { padding-left: 20px; padding-right: 20px; }

.b-step { background: #EFE1D7; position: relative; padding: 35px 27px 15px; max-width: 345px; text-align: center; line-height: 1.2; }
.b-step .num { position: absolute; left: 15px; top: -30px; font: 50px "Lusitana", serif; }
.b-step h3 { margin: 0 0 12px; font: italic 25px "Lusitana", serif; }
.b-step .image { margin: 0 0 25px; }
.b-step .image img { width: 100%; }
.b-step p { margin: 0; }

.section-follow { padding: 30px 0; }

.section-follow__title { margin: 0 0 22px; font: 500 19px Montserrat, sans-serif; color: #717171; letter-spacing: 0.5px; }
.section-follow__title a { color: #58595B; }

.follow-list { list-style: none; margin: 0; padding: 0; }
.follow-list .col { padding: 0; }
.follow-list img { width: 100%; }

.socials { list-style: none; margin: 0 -8px; padding: 0; }
.socials li { padding: 0 8px; }
.socials a { display: block; position: relative; }
/*.socials a:hover img { opacity: 0; }
.socials a:hover img + img { opacity: 1; */
.socials img { transition: .2s linear; }
/*.socials img + img { opacity: 0; position: absolute; left: 0; top: 0; }*/

#footer { color: #58595B; }
#footer > .container { padding-top: 25px; padding-bottom: 25px; }
#footer h4 { margin: 0 0 10px; font-size: 10px; }
#footer .form-theme { max-width: 245px; margin-left: auto; }
#footer [class^="col-"]:nth-child(2) { padding-left: 140px; }
#footer .socials { margin-top: 20px; }

.footer__copy { margin-top: 60px; font-size: 10px; }
.footer__copy p { margin: 0; }

.footer__menu { list-style: none; margin: 0; padding: 0; font-size: 10px; }
.footer__menu li + li { margin-top: 8px; }
.footer__menu a { color: #58595B; }

.form-join { font-size: 10px; }
.form-join .form-group { margin-bottom: 6px; }
.form-join input[type="text"], .form-join input[type="email"] { padding: 6px 15px; border: 1px solid #BCB7B6; height: 32px; }
.form-join ::-webkit-input-placeholder { color: #95989A; opacity: 1; }
.form-join :-moz-placeholder { color: #95989A; }
.form-join ::-moz-placeholder { color: #95989A; opacity: 1; }
.form-join :-ms-input-placeholder { color: #95989A; }
.form-join .btn { height: 26px; width: 90px; margin-top: 5px; }

.title-section, .title-page { position: relative; text-align: center; margin: 0 0 70px; }
.title-section h1, .title-section h2, .title-page h1, .title-page h2 { margin: 0; padding: 0 20px; position: relative; display: inline-block; vertical-align: middle; background: #fff; text-transform: uppercase; font-size: 24px; font-weight: 400; color: #95989A; }
.title-section:before, .title-page:before { content: ''; position: absolute; left: -9999px; right: -9999px; top: 50%; border-top: 4px solid #E5D8D3; margin: -2px 0 0; }

.block-headings h3 { font-size: 24px; margin: 0; color: #95989A; }
.block-headings h3 a { color: #95989A; }

.main__container { padding-top: 55px; padding-bottom: 55px; }

.list-images { list-style: none; margin: 70px 0 0; padding: 0; }
.list-images li { display: inline; }

.h-events { margin: 70px 0; }
.h-events .b-event + .b-event { margin-top: 100px; }

.b-event { display: flex; line-height: 1.4; }
.b-event .image { width: 208px; flex-shrink: 0; }
.b-event .holder { margin: 0 0 0 20px; padding: 0 0 0 20px; border-left: 4px solid #E5D8D3; }
.b-event .date { margin: 0 0 3px; font-size: 20px; line-height: normal; }
.b-event header { padding: 0 0 15px 8px; }
.b-event h1 { margin: 0 0 5px; font-size: 24px; }
.b-event address { margin: 0; line-height: normal; }
.b-event p { margin-bottom: 1.4em; }

.logos-list { list-style: none; margin: 0; padding: 0; }
.logos-list a { display: flex; align-items: center; justify-content: center; height: 100px; border: 1px solid #95989A; }
.logos-list img { max-width: 90%; }

.g-link { display: inline-block; border-bottom: 2px solid #E5D8D3; }
.g-link:hover { text-decoration: none; border-color: transparent; }

.h-products { margin: 60px 0 50px; }
.h-products .b-product + .b-product { margin-top: 90px; }

.b-product { border: 4px solid #E5D8D3; padding: 50px 55px; position: relative; display: flex; font-size: 12px; line-height: 1.67; }
.b-product .col-gallery { width: 350px; flex-shrink: 0; }
.b-product .gallery { position: relative; }
.b-product .gallery .flex-prev, .b-product .gallery .flex-next { position: absolute; left: -20px; top: 50%; transform: translateY(-50%); background: url(images/arrow.png) no-repeat; width: 12px; height: 18px; background-size: contain; text-align: left; text-indent: -9999px; overflow: hidden; }
.b-product .gallery .flex-next { left: auto; right: -20px; transform: rotate(180deg); }
.b-product .holder { padding: 0 0 60px 60px; }
.b-product .holder ul { list-style: none; margin: 0; padding: 0; width: 80%; }
.b-product .holder ul li { position: relative; padding-left: 12px; }
.b-product .holder ul li:before { content: '-'; line-height: 0; position: absolute; left: 0; top: 9px; }
.b-product h1 { position: absolute; left: 50%; top: -17px; transform: translateX(-50%); padding: 0 15px; background: #fff; color: #95989A; text-transform: uppercase; font-size: 24px; font-weight: 400; }
.b-product .icon { position: absolute; right: 30px; bottom: 25px; }

.h-collections [class^="col-"] { padding-bottom: 50px; }
.h-collections .b-collection { margin: 0 auto; }

.b-collection { position: relative; width: 288px; max-width: 100%; }
.b-collection h3 { margin: -18px 9% 0; padding: 10px; background: #E5D8D3; position: relative; font: 12px Montserrat, sans-serif; text-align: center; }
.b-collection a:hover { text-decoration: none; }

.section-decor { display: block; margin: 0 auto 40px; }

.section-heading { padding: 0 5% 20px; }
.section-heading h2 { margin: 0 0 30px; font-size: 30px; }

.data-author {font-size: 18px; margin: 40px 22% 10px 0;}

.decor-about { margin: -75px 0 0 65px; width: 100%; float: left; }

.block-frame { position: relative; padding: 55px 20px 50px; border: 4px solid #E5D8D3; }
.block-frame .b-image { margin: 0 auto; }

.block-frame__title { position: absolute; left: 0; right: 0; top: -17px; text-transform: uppercase; text-align: center; }
.block-frame__title h2 { margin: 0; padding: 0 20px; display: inline-block; vertical-align: middle; font-size: 24px; font-weight: 400; color: #95989A; background: #fff; }

.b-image { width: 267px; max-width: 100%; }
.b-image h4 { margin: 5px 0 0; font-size: 13px; }
.b-image a { color: #58595B; }

.block-contact { width: 313px; max-width: 100%; border: 4px solid #E5D8D3; padding: 30px; }
.block-contact h3 { margin: 0 0 25px; font-size: 26px; }
.block-contact p { margin: 0 0 5px; }
.block-contact address { margin: 0 5px; }

.block-contact__block + .block-contact__block { margin-top: 70px; }

.area-contact .block-contact { flex-shrink: 0; }
.area-contact .block-form { margin-left: 70px; width: 100%; }

.block-form h3 { margin: 0 0 20px; font-size: 28px; }

.form-theme .form-group { margin-bottom: 10px; }
.form-theme input[type="text"], .form-theme input[type="email"], .form-theme textarea { width: 100%; height: 38px; background: #fff; border: 1px solid #C9CBCC; margin: 0; padding: 9px 16px; color: #343434; font-size: 11px; letter-spacing: 0.5px; }
.form-theme textarea { height: 118px; }
.form-theme .btn { height: 38px; min-width: 170px; font-size: 11px; }
.form-theme .row { margin-left: -6px; margin-right: -6px; }
.form-theme [class^="col"] { padding-left: 6px; padding-right: 6px; }
.form-theme ::-webkit-input-placeholder { color: #B9B9B9; opacity: 1; }
.form-theme :-moz-placeholder { color: #B9B9B9; }
.form-theme ::-moz-placeholder { color: #B9B9B9; opacity: 1; }
.form-theme :-ms-input-placeholder { color: #B9B9B9; }