body {font-family: 'baskerville-urw'} .main_navbar { margin-bottom: 0px; height: 50px } .main_navbar .navbar-brand{font-family: 'baskerville-urw'; padding-left: 0px; font-size: 24px; color: #000; padding: 0px;} .main_navbar .navbar-nav { margin-bottom: 0px; } .main_navbar .navbar-nav a{font-family: 'MatryoshkaXS'; font-size: 16px; color: #808080; text-transform: uppercase;} .main_navbar .navbar-nav a:hover, .main_navbar .navbar-nav .active a { background-color: transparent; color: #000;} .main_navbar .navbar-nav a.cart { position: relative;} .main_navbar .navbar-nav a.cart span{ display: block; height: 30px; width: 30px; padding: 3px; margin-top: -5px; text-align: center; color: #FFF; background-color: #000; -webkit-border-radius: 20px; border-radius: 20px; } .main_navbar .navbar-nav a.cart span.tooltip{} .main_navbar .main_nav_ul { margin-left: 15px;} .main_navbar .main_nav_ul a{ margin: 10px; padding: 3px 5px 5px 5px} .main_navbar .navbar-nav .current-menu-item a, .main_navbar .navbar-nav .current-menu-item a:hover{ background-color: #000; color: #FFF;} .main_navbar .navbar-nav .current-menu-item .sub-menu a, .main_navbar .navbar-nav .current-menu-item .sub-menu a:hover{ background-color: transparent; color: #000} .nav>li>a:hover, .nav>li>a:focus { background-color: transparent;} .navbar-right {} .navbar-right li{ } .navbar-right li a{ width: 50px; text-align: center; } input {-webkit-appearance: none; -webkit-border-radius:0; border-radius:0;} /*.navbar-right .facebook_icon{ display: block; height: 20px; width: 9px;} .navbar-right .instagram_icon{display: block; height: 20px; width: 20px;} .navbar-right .email_icon{display: block; height: 20px; width: 28px;}*/ .greybox { position: absolute; top: 0px; left: 0px; right: 0px;bottom: -50px; margin: 30px; background-color: #f4f4f1} .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {top: 44px;} .main_nav_ul .sub-menu { opacity: 0; width: 300px; position: absolute; left: 10px; bottom: -14px; list-style: none; padding-left: 0px; display: none; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } .current-menu-item .sub-menu { opacity: 1; display: block; border-top: 1px dotted #bbbcbe;} .main_nav_ul .sub-menu li { float: left; } .main_nav_ul .sub-menu li a{ margin:0px; padding-left: 0px; padding-right: 15px; font-size: 13px; } .main_nav_ul .sub-menu li a:hover { font-size: 13px; margin: 0px; padding: 0px; padding-right: 15px;} .stick_nav { position: absolute; left: 0px; right: 0px; top: 0px; z-index: 2; padding: 18px 32px 18px; margin:21px 21px 21px 21px; background-color: rgba(255,255,255,0.9);} .stick_nav hr.dotted_line{ margin-bottom: 0px;} .gray_back { background-color: #f4f4f1; margin: 30px; margin-top: 0px; margin-bottom: 0px;} .gray_back_full { background-color: #f4f4f1; margin-top: 0px; margin-bottom: 0px;} .main_home {} .main_home h1{ font-style: italic;} .main_home h1 a {color: #000; font-size: 56px;} .main_home h1 a:hover { text-decoration: none;} .main_home .swiper-slide .slide_block{ position: absolute; top: 40%; left: 21px; z-index: 22;} .main_home .swiper-slide .slide_block h1 {} .main_home .swiper-slide .slide_block h1 span{ font-style: normal; padding:44px 20px; margin-right: 1px; font-size: 21px; background-color: #FFF;} .main_home .swiper-slide .slide_block a { font-style: normal; padding: 44px 20px; font-size: 21px; background-color: #000; color: #FFF; margin-left: 1px;} .main_home .swiper-slide .slide_content { display: none;} .main_home .swiper-slide .back_slide{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-size:cover; z-index: 0} /*.main_home .swiper-slide .slide_content{ padding: 0px 40px; padding-top: 12%; z-index: 5; position: relative;} .main_home .swiper-slide .slide_content .goto {padding: 20px 50px; background-color: #FFF; font-family: 'baskerville-urw'; color: #000; font-size: 23px; text-align: center; float: left; margin-top: 80px;} .main_home .swiper-slide .slide_content .goto:hover {text-decoration: none; color: #FFF; background-color: #000}*/ .main_home .swiper-pagination { position: absolute; text-align:left; left: 0px; top: 56%; z-index: 6; padding: 0px 21px;} .main_home .swiper-pagination .next_slide{ width: 30px; height: 30px; background-color: #FFF; margin-right: 0px; margin: 0px; padding: 8px; border-radius: 0px;} .welcome_home {} .welcome_home .text_box { margin: 15px; padding-top: 50px; margin-bottom: 30px } .welcome_home .img_box {padding-top: 50px; margin:15px; margin-left: 0px; margin-bottom: 50px;} .welcome_home h2 { font-family: 'baskerville-urw'; font-size: 24px; margin-top: 0px; } .welcome_home h2 i { display: block; font-style: normal; } .welcome_home h2 i span{ display: block; width: 27px; height: 14px; border-bottom: 1px solid #000; float: left; margin-right: 10px; } .welcome_home p { font-family: 'baskerville-urw'; color: #666; font-size: 16px; line-height: 24px; max-width: 350px; margin: auto; margin-top: 30px; margin-bottom: 30px;} .middle_home { padding-top: 70px; padding-bottom: 70px;} .middle_home h3{ font-family: 'baskerville-urw'; font-size: 20px;} .middle_home h2, .middle_home h4{ font-family: 'baskerville-urw'; font-size: 18px;} .middle_home p {font-family: 'baskerville-urw'; font-size: 16px; color: #808080; line-height: 19px; margin-top: 8px } .middle_home .featured_content h2 { margin-bottom: 0px;} .middle_home .featured_content h2 a{ color: #000} .middle_home .featured_content p { margin-top: 24px;} .middle_home .date{ font-family: 'MatryoshkaXS'; font-size: 15px; text-transform: uppercase; color: #000; display:block; margin: 5px 0px;} .middle_home .entry_box { margin-bottom: 30px;} .middle_home .latest_entry { } .middle_home .latest_entry .entry_img{ background-size: cover; background-position: center center; height: 636px; overflow: hidden;} .middle_home .latest_entry .entry_img img{opacity: 0} .middle_home .latest_entry .social{ list-style: none; margin: 0px; padding: 0px; margin-top: 10px;} .middle_home .latest_entry .social li { float: left;} .middle_home .latest_entry .social li a{ display: block; margin-right: 10px } .middle_home .latest_entry .social li a img{ height: 20px; width: auto; } .middle_home .recent_title { margin: 20px 15px 10px; padding: 0px 30px; } .middle_home .recent_box { margin: 0px 15px; padding: 0px 30px; border-left: 1px dotted #bdbdbd; border-right: 1px dotted #bdbdbd;} .middle_home .recent_box a {color: #000;} .middle_home .recent_box .entry_box {height: 360px;} .middle_home .recent_box .entry_box h4{ margin-top: 18px} .middle_home .recent_box .recent_img{ display: block; height: 245px; background-size: cover; background-position: center center; overflow: hidden; } .middle_home .recent_box .recent_img img{ opacity: 0; } /* WORKS */ .main_work {} .main_work .navbar-default{ margin-bottom: 5px; margin-top: 94px; border-radius: 0px; border:0px; background-color: transparent; text-align: center;} .main_work .navbar .navbar-nav { display: inline-block; float: none; vertical-align: top; } .main_work .navbar .navbar-collapse { text-align: center; } .main_work .navbar a{ font-family: 'MatryoshkaXS'; font-size: 16px; padding-top: 20px; padding-bottom: 25px; } .container_top {} .work_boxes { padding: 15px; padding-top: 0px; } .work_boxes hr { border-top: 1px dotted #bdbdbd;; } .work_boxes .row:first-child { display: none !important;} .work_list { overflow: hidden;} .work_list .work_highlight .work_highlight_img{ width: 100%; overflow: hidden; max-height: 680px; position: relative;} .work_list .work_highlight img{ width: 100%;} .work_list .highlight_label{ position: absolute; right: 0px; left: 0px; top: -50%; width: 450px; margin: auto; text-align: center; font-family: 'baskerville-urw';} .work_list .highlight_label .white_box { background-color: #FFF; padding: 20px; padding-bottom: 45px; display: block; bottom: -50%;} .work_list .highlight_label h1, .work_list .highlight_label h2{ font-weight: normal;} .work_list .highlight_label h2 { font-size: 18px; } .work_list .greybox { background-color: #f4f4f1; margin: 0px 30px; height: 200px; display: block; position: relative;} .work_list h1 { font-family: 'baskerville-urw'; text-align: center; font-size: 24px} .work_list h1 b{ font-weight: normal; font-size: 24px;} .work_list .proyect_box { margin-bottom: 15px; position: relative;} .work_list .proyect_box .big_pic{ opacity: 1; height: 530px; width: 100%; overflow: hidden; position: relative; background-repeat: no-repeat; background-size: 100%; background-position: center center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } .work_list .proyect_box .big_pic img{opacity: 0; position: absolute; top: 0px; left: 0px; min-height: 100%; min-width: 100%; margin-left: -5%; margin-top: 0px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .work_list .proyect_box .big_pic.hover_pic { opacity: 0.5;}/* img { min-width: 110%; min-height: 110%; margin-left: -5%; margin-top: -5%; }*/ .work_list .proyect_box .white_box{ font-family: 'baskerville-urw' ; width: 70%; height: 70%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; background-color: #FFF; padding: 30px 65px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0); box-shadow: 0 0 15px 1px rgba(0,0,0,0); } .work_list .proyect_box .white_box span { display: block; } .work_list .proyect_box .white_box .h2{ color: #000; font-size: 18px; margin-bottom: 30px} .work_list .proyect_box .white_box .p{ color: #808080; font-size: 16px; line-height: 24px} .work_list .proyect_box .white_box .link_proyect{ font-family: 'MatryoshkaXS'; color: #000; font-size: 15px; position: absolute; bottom: 50px; left: 65px; text-transform: uppercase;} .work_list .proyect_box .white_box .link_proyect img { position: relative; top: -1px;} .work_list .proyect_box a { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } .work_list .proyect_box a:hover .white_box{ -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.05); box-shadow: 0 0 15px 1px rgba(0,0,0,0.05); -moz-transform: translateX(0px) translateY(-10px); -webkit-transform: translateX(0px) translateY(-10px); -o-transform: translateX(0px) translateY(-10px); -ms-transform: translateX(0px) translateY(-10px); transform: translateX(0px) translateY(-10px); } .work_list .proyect_box .box_type_a, .work_list .proyect_box .box_type_b { width: 100%; display: block; overflow: hidden; height: 449px;} .work_list .proyect_box .box_type_a{ background-image: url('../img/pattern_a.svg'); background-repeat: repeat; background-size: 26px 45px} .work_list .proyect_box .box_type_b{background-image: url('../img/pattern_b.svg'); background-repeat: repeat; background-size: 40px 23px; background-position: -4px -4px} .work_list .right_img .big_pic{ position: relative;} .work_list .right_img .big_pic img{ position: absolute; bottom: 0px; left: 0px;} /* SHOP */ .categories_shop .navbar-default{ margin-bottom: 5px; margin-top: 94px; border-radius: 0px; border:0px; background-color: transparent; text-align: center;} .categories_shop .navbar .navbar-nav { display: inline-block; float: none; vertical-align: top; } .categories_shop .navbar .navbar-collapse { text-align: center; } .categories_shop .navbar a{ font-family: 'MatryoshkaXS'; font-size: 16px; padding-top: 20px; padding-bottom: 25px; text-transform: uppercase; } .categories_workshop {} .main_shop {} .main_shop .slider_shop{ height: 660px; padding-bottom: 60px} .main_shop .slider_shop .swiper-pagination { width: 100%; padding-top: 30px; padding-bottom: 30px; position: relative; left: 0px; top: 0px;} .main_shop .slider_shop .swiper-pagination .next_slide{width: 15px; height: 15px; background-color: transparent; margin-right: 15px} .main_shop .slider_shop .swiper-slide{} .main_shop .slider_shop .swiper-slide a{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;} .main_shop .slider_shop .swiper-slide .back_slide{ position: absolute;top: 0px; left: 0px; width: 100%; height: 100%; z-index: 0} .main_shop .slider_shop .swiper-slide .back_slide img { height: 300px; display:none} .main_shop_top { overflow: hidden;} .main_shop_top .back_slide{ background-size: cover; background-position: center center; } .little_text{ padding: 0px 70px; margin: 60px 0px; font-family: 'baskerville-urw'} .little_text .about_shop_box{ padding: 40px; background-color: #FFF; margin: 25px; max-width: 400px; margin: auto; text-align: center;} .little_text .about_shop_box h3{ margin: 0px; font-size: 18px; line-height: 24px;} .little_text img{ margin-top: 60px; margin-left: 42px;} .little_text .ornaments img{ margin: auto; margin-top: 43px;} .shop_list { font-family: 'baskerville-urw';} .shop_list .tax_title{ font-size: 24px; text-align: center; font-size: 24px; margin-top: 50px;} .shop_list .shop_highlight{ margin-bottom: 30px; overflow: hidden;} .shop_list .shop_highlight .featured_image { height: 530px; position: relative;} .shop_list .shop_highlight .featured_image span.label_product{ width: 115px; height: 131px; position: absolute; top: 0px; left: 44px; background-color: #FFF; background-size: 100% auto;} .shop_list .shop_highlight .featured_image span.new_product { background-image: url('../img/new_label.svg');} .shop_list .shop_highlight .featured_image span.sale_product{ background-image: url('../img/sale_label.svg');} .shop_list .shop_highlight .featured_image span.nyt_product{ background-image: url('../img/featured_label.svg');} .shop_list .shop_highlight .featured_image span.edpick_product{ background-image: url('../img/edpick_label.svg');} .shop_list .shop_highlight .featured_image img{ min-height: 100%; min-width: 100%; width: auto} .shop_list .shop_highlight .info_box{ position: relative; width: 100% ;background-image: url('../img/pattern_a.svg'); background-repeat: repeat; background-size: 26px 45px; height: 530px;} .shop_list .shop_highlight .info_box .product_info{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; width: 330px; height: 250px; background-color: #FFF; padding: 36px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .shop_list .shop_highlight .info_box .product_info:hover { -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.1); box-shadow: 0 0 15px 1px rgba(0,0,0,0.1); -moz-transform: translateX(0px) translateY(-10px); -webkit-transform: translateX(0px) translateY(-10px); -o-transform: translateX(0px) translateY(-10px); -ms-transform: translateX(0px) translateY(-10px); transform: translateX(0px) translateY(-10px); } .shop_list .shop_highlight .info_box .product_info a:hover { text-decoration: none; color: #e1e1e1; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .shop_list .shop_highlight .info_box .product_info .h2{ font-size: 18px; display: block; margin-top: 0px; margin-bottom: 30px} .shop_list .shop_highlight .info_box .product_info .h2 .price{ float: right;} .shop_list .shop_highlight .info_box .product_info .p{ display: block; font-size: 16px; line-height: 24px; color:#808080 } .shop_list .shop_highlight .info_box .product_info .add_basket { position: absolute; bottom: 36px; left: 36px; font-family: 'MatryoshkaXS'; font-size: 15px; color: #000; text-transform: uppercase;} .shop_list_wrapper { overflow: hidden; padding: 20px 20px; padding-top: 60px;} .big_product_list {} .big_product_list .white_hover { display: block; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .big_product_list .white_hover:hover { -webkit-box-shadow: 5px 5px 15px 1px rgba(0,0,0,0.1); box-shadow: 5px 5px 15px 1px rgba(0,0,0,0.1); background-color: #FFF; } .big_product_list .product{} .big_product_list .product:hover{ text-decoration: none;} .big_product_list .product .product_image{ width: 100%; height: 320px; display: block; overflow: hidden; background-size: cover; background-position: center center; } .big_product_list .product .product_image img{ min-height: 100%; min-width: 100%; width: auto; opacity: 0; } .big_product_list .product .product_title{ display: block; padding: 15px; font-size: 18px; color: #000} .big_product_list .product .product_title .product_price{ float: right; } .big_product_list .product_add_basket{ display: block; padding: 15px; font-family: 'MatryoshkaXS'; color: #999999; font-size:15px; text-transform: uppercase;} /* PRODUCT DETAIL */ .main_product { font-family: 'baskerville-urw'; padding: 0px 40px } .main_product .product_gallery, .main_product .product_box {height: 660px; overflow-y: scroll; overflow-x: hidden;} .main_product .product_gallery { background-image: url('../img/pattern_a.svg'); background-repeat: repeat; background-size: 26px 45px; overflow: hidden;} .main_product .product_gallery .back_slide{ width: 100%; height: 100%; background-size: cover;} .main_product .product_gallery .image_prod { width: 100%; } .main_product .product_gallery .swiper-button-prev{ opacity: 0; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; left: 0px; top: 0px; height: 100%; bottom: 0px; background-color: rgba(0,0,0,0.0); margin: 0px; padding: 0px; width: 100px; background-image:url('../img/arrow_left.svg'); background-repeat: no-repeat; background-size:60px 43px ; } .main_product .product_gallery .swiper-button-next{ -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; opacity: 0; right: 0px; top: 0px; height: 100%; bottom: 0px; background-color: rgba(0,0,0,0.1); margin: 0px; padding: 0px; width: 100px; background-image:url('../img/arrow_right.svg'); background-repeat: no-repeat; background-size:60px 43px ; } .main_product .swiper-pagination { width: 100%;} .main_product .swiper-pagination .swiper-pagination-bullet{ background-color: transparent; width: 18px; margin: 9px; margin-top:16px;} .main_product .product_gallery:hover .swiper-button-prev, .main_product .product_gallery:hover .swiper-button-next{ opacity: 1;} .main_product .product_gallery .swiper-button-prev:hover,.main_product .product_gallery .swiper-button-next:hover {background-color: rgba(0,0,0,0.5);} .main_product .product_gallery .swiper-button-disabled { opacity: 0;} .main_product .white_bg{ background-color: #FFF; padding: 15px; min-height: 115px;width: 100.5%; margin-left: -0.5%;} .main_product .white_bg hr{ margin: 15px 0px; } .main_product .white_bg .breadcumb_product{ font-family: 'MatryoshkaXS'; font-size: 15px; text-transform: uppercase; } .main_product .white_bg .breadcumb_product a{ color: #000; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .main_product .white_bg .breadcumb_product a:hover {text-decoration: none; opacity: 0.5;} .main_product .white_bg h1{ font-size: 24px; overflow: hidden; } .main_product .white_bg h1 .price{ float: right; width: 30%; text-align: right; vertical-align: bottom;} .main_product .white_bg h1 .title_product{ float: left; width: 70%; } .main_product .right_box { height: 115px; float: left;} .main_product .right_box .buy_btn{ float: left;height: 100%; background-color: #9f9f98; color: #FFF; font-size: 24px; padding: 0px 21px; line-height: 171px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .main_product .right_box .buy_btn:hover { text-decoration: none; background-color: #333} .main_product .right_box .social{ margin: 0px 7px; float: left; width: 113px; display: none} .main_product .right_box .social h4{ font-family: 'MatryoshkaXS'; margin: 0px; font-size: 15px; text-transform: uppercase; border-bottom: 1px dotted #bdbdbd; padding-bottom: 11px; padding-top: 16px; line-height: 24px; margin-bottom: 10px;} .main_product .right_box .social a{ display: block; float: left; margin-right: 8px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .main_product .right_box .social a:last-child{ margin-right: 0px} .main_product .right_box .social a:hover { opacity: 0.6;} .main_product .product_detail {padding: 30px 15px;} .main_product .product_detail p { font-size: 14px; line-height: 23px; max-width: 500px; width: 90%;} .main_product .product_detail h4, .main_product .product_specs h4, .main_product .qty_wrapper h4{ font-family: 'MatryoshkaXS'; margin: 0px; font-size: 15px; text-transform: uppercase; border-bottom: 1px dotted #bdbdbd; padding-bottom: 11px; padding-top: 16px; line-height: 24px; margin-bottom: 10px;} .main_product .product_specs h4 span{ color: #999999; cursor: pointer; } .main_product .product_specs h4 span.ON{ color: #000 } .main_product .product_specs .spec_tab {display: none;} .main_product .product_specs .spec_tab.ON {display: block; text-transform: uppercase;} .main_product .product_detail {} .main_product .product_detail .radio{} .main_product .product_detail .radio input[type="radio"]{ display: none;} .main_product .product_detail .radio .circle{ width: 14px; height:14px; border: 1px solid #808080; display: block; position: absolute; top: 4px; left: 0px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; } .main_product .product_detail .circle .dot{width: 6px; height: 6px; background-color: #000000; position: absolute; top: 3px; left: 3px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; opacity: 0; } .main_product .product_detail .ON .circle .dot{ opacity: 1;} .main_product .product_detail .radio .text{ font-family: 'MatryoshkaXS'; text-transform: uppercase; font-size: 15px;} .main_product .qty_wrapper { padding: 11px; width: 100px; float: left; } .main_product .mobile .qty_wrapper { width: 50%; padding-top: 0px; } .main_product .mobile .qty_wrapper h4 { width: 50%; margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 8px; line-height: 12px;} .main_product .qty_box { border:1px dotted #bdbdbd; overflow: hidden;} .main_product .qty_box input {line-height: 16px; background-color: transparent; border:0px; font-family: 'MatryoshkaXS'; width: 50%; font-size: 20px; padding: 11px 0px; text-align: center; padding-bottom: 10px} .main_product .qty_box .up_down { width: 50%; float: right; border-left: 1px dotted #bdbdbd;overflow: hidden; } .main_product .qty_box .up_down span { cursor: pointer; padding: 4px; display: block; text-align: center; } .main_product .qty_box .up_down .up { } .main_product .qty_box .up_down .down {border-top: 1px dotted #bdbdbd;} .main_product .product_specs{padding: 18px; padding-top: 0px; font-family: 'MatryoshkaXS'} .main_product .product_specs .col-md-6:first-child{ border-right: 1px dotted #bdbdbd} .main_product .product_specs p{ margin-bottom: 4px; line-height: 16px; font-size: 15px; text-transform: uppercase;} /* BLOG */ .top_post_detail { margin-top: 120px; position: relative; overflow: hidden;} .post_detail {} .post_detail img{ margin-bottom: 40px;} .post_detail .post_text { font-family: 'baskerville-urw'; font-size: 18.5px; color: #808080} .post_detail hr { margin-top: 50px; margin-bottom: 30px;} .post_detail .white_bg{ background-color: #FFF; padding: 15px 70px; margin:0px 40px 0px} .top_post_detail .white_bg{ padding: 20px 70px; } .top_post_detail .row:first-child .white_bg{ padding: 0px 70px 20px; margin-bottom: 0px; } .post_detail .white_bg hr{ margin: 15px 0px; } .post_detail .white_bg .breadcumb_post{ display: block; width: 100%; overflow: hidden; height: 20px; color: #000; line-height: 14px; font-family: 'MatryoshkaXS'; font-size: 15px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .post_detail .white_bg .breadcumb_post img { float: left; margin-right: 10px; margin-bottom: 0px;} .post_detail .white_bg .breadcumb_post .date {color: #b3b3b3; text-transform: uppercase;} .post_detail .white_bg h2 { font-family: 'baskerville-urw'; margin-top: 10px; font-size: 24px} .post_detail .white_bg h2 a{ text-decoration: none; color: #333} .post_detail .white_bg .social { height: 30px;} .post_detail .post_wrapper{ margin: 0px 40px; margin-bottom: 60px;} .post_detail .post_wrapper div {position: relative;} .post_detail .post_wrapper span.n_comments, .post_detail .post_wrapper span.labels { font-size: 16px; color: #808080; display: block; font-family: 'baskerville-urw' } .post_detail .post_wrapper .n_comments{ border-bottom: 1px dotted #808080; padding-bottom: 5px; margin-bottom: 5px; margin-top: 50px; width: 80px; } .post_detail .post_wrapper a { text-align: center; float: inherit !important; clear: inherit !important; margin-right: inherit !important; margin-bottom: inherit !important;} .post_detail .post_wrapper p { font-size: 16px; line-height: 22px;} .post_detail .post_wrapper span { color: inherit !important;} .post_detail .post_wrapper img { width: 100%; height: auto; opacity: 0; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;} .post_detail .post_wrapper img.ON { opacity: 1;} .comments {margin-top: 30px;} .comments .top_comments{font-family: 'MatryoshkaXS'; font-size: 18px; text-transform: uppercase; margin-bottom: 15px;} .comments .top_comments a.login {float: right; color: #000} .comments .top_comments .sort_by {float: right; color: #000} .comments hr.dotted_line {margin-top: 10px; margin-bottom: 10px;} .comments .join { float: right; width: 90%; border: 1px dotted #808080; font-family: 'MatryoshkaXS'; font-size: 18px; padding: 5px;} .comments .comment_middle { display: block;margin-left: 10%; overflow: hidden; margin-top: 20px; margin-bottom: 20px; float: right; width: 90%;} .comments .comment_middle .login_auto{ font-family: 'MatryoshkaXS'; float: left; width: 30%} .comments .comment_middle .login_auto .login_title{ display: block;} .comments .comment_middle .login_name{font-family: 'MatryoshkaXS'; float: right; width: 70%;} .comments .comment_middle .login_name input { width: 100%; border:1px dotted #bdbdbd; padding: 5px 15px ; margin-bottom: 10px;} .comments .comments_list { display: block;} .comments .comments_list .comment{ display: block; float: left; width: 100%;} .comments .comments_list .comment .top_comment{ } .comments .comments_list .comment .top_comment .user_img{ float: left; margin-right: 15px; } .comments .comments_list .comment .top_comment h3{ float: right; width: 90%;margin-top: 3px; font-size: 14px;} .comments .comments_list .comment .top_comment h3 .extra_info{ color: #808080} .comments .comments_list .comment .comment_detail{ float: right; width: 90%;margin-top: 3px; margin-left:10%; color: #808080} .comments .comments_list .comment .comment_detail .social_comment{ font-family: 'MatryoshkaXS'} .comments .comments_list .comment .comment_detail .social_comment a{ color: #000} /* WORKSHOPS */ .workshops { margin-top: 0px; padding: 20px; padding-bottom: 50px; font-family: 'baskerville-urw', serif;} .workshops .grey_box{ padding: 15px;} .workshops .grey_box .breadcumb_post{ font-family: 'MatryoshkaXS'; text-transform: uppercase; font-size: 15px} .workshops .grey_box .breadcumb_post img{ margin-right: 10px;} .workshops .grey_box h2 { font-size: 20px} .workshops .grey_box .breadcumb_post span{ color: #b3b3b3} .workshops .grey_box .social { border-bottom: 1px dotted #bdbdbd; padding-bottom: 10px;} .workshops .grey_box .social a { margin-right: 5px;} .workshops .workshop_box{ margin: 0px 5px; background-color: #FFF; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .workshops .workshop_box:hover { -webkit-box-shadow: 5px 5px 15px 1px rgba(0,0,0,0.1); box-shadow: 5px 5px 15px 1px rgba(0,0,0,0.1); background-color: #FFF; } .workshops .workshop_box .workshop_image { display: block; height: 250px; overflow: hidden; background-position: center center; background-size: cover; } .workshops .workshop_box .workshop_image img{opacity: 0} .workshops .workshop_box .workshop_content { display: block; height: 240px; padding: 18px; position: relative;} .workshops .workshop_box .workshop_content a{ color: #000 } .workshops .workshop_box .workshop_content h3 { margin-top: 20px; font-size: 18px;} .workshops .workshop_box .workshop_content p{ font-size: 14px; line-height: 19px; margin-top: 19px; } .workshops .workshop_box .workshop_content p a{ color:#808080;} .workshops .workshop_box .workshop_content a.link{ font-family: 'MatryoshkaXS'; position: absolute; bottom: 20px; left: 20px; text-transform: uppercase; font-size: 15px } .workshops .workshop_box .workshop_content a.link img {position: relative; top: -1px;} .workshops .workshop_box .workshop_content a:hover {text-decoration: none;} /* WORKSHOP DETAIL */ .workshops_detail { margin-top: 0px;} .workshops_detail_wrapper { margin: 0px 20px 20px;} .workshops_detail_wrapper .col-md-4 { height: 566px;} .workshops_detail_wrapper .workshop_info{ padding: 0px 12px; width: 100%; text-transform: uppercase;} .workshops_detail_wrapper .workshop_info h3{ font-size: 17px } .workshops_detail_wrapper .workshop_info .info_table { border-top:1px dotted #bdbdbd; border-bottom: 1px dotted #bdbdbd; padding-bottom: 2px } .workshops_detail_wrapper .gallery { margin-top: 15px;} .workshops_detail_wrapper .gallery{ max-width: 900px; margin: auto; margin-top: 20px; height: 550px;} .workshops_detail .white_bg{ background-color: #FFF; padding: 15px; font-family: 'baskerville-urw';} .workshops_detail .white_bg hr{ margin: 15px 0px; } .workshops_detail .white_bg .breadcumb_post{ display: block; width: 100%; min-height: 20px; color: #000; line-height: 14px; font-family: 'MatryoshkaXS'; font-size: 15px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .workshops_detail .white_bg .breadcumb_post a { color: #000 } .workshops_detail .white_bg .breadcumb_post a:hover { text-decoration: none; } .workshops_detail .white_bg .breadcumb_post img { float: left; margin-right: 10px; margin-bottom: 0px;} .workshops_detail .white_bg .breadcumb_post .date {color: #b3b3b3;} .workshops_detail .white_bg h2 { margin-top: 10px; font-size: 20px;} .workshops_detail .white_bg p { font-size: 14px; color: #808080; line-height: 20px; padding-bottom: 0px; margin-bottom: 0px;} .workshops_detail .white_bg .social { height: 30px;} .workshops_detail .workshop_info { font-family: 'MatryoshkaXS'; position: relative; border-bottom: 1px dotted #bdbdbd;overflow: hidden; padding-bottom: 10px; margin-top: 53px;} .workshops_detail .workshop_info h3{ font-size: 15px; border-bottom: 1px dotted #bdbdbd; margin-bottom: 5px; padding-bottom: 5px } .workshops_detail .workshop_info h4{ font-size: 15px; margin-bottom: 5px; margin-top: 5px; display: block; overflow: hidden;} .workshops_detail .workshop_info h4 .col_left { float: left; width: 35%} .workshops_detail .workshop_info h4 .col_right { float: right; width: 65%} .workshops_detail .load_more { margin: 30px 0px;} .workshops_detail .white_workshop { background-color: #FFF; padding: 20px 120px 50px; margin: 0px 120px;} .workshops_detail .white_workshop h2{ font-size: 20px; margin-bottom: 20px} .workshops_detail .white_workshop .social{ font-size: 24px; border-bottom: 1px dotted #bdbdbd; padding-bottom: 10px; margin-bottom: 50px; margin-right: 45px; display: block;} .workshops_detail .white_workshop .workshop_white_detail { font-family: 'MatryoshkaXS'; font-size: 15px; padding-right: 45px; text-transform: uppercase;} .workshops_detail .white_workshop .workshop_white_detail .mini_textbox { font-family: 'baskerville-urw'; text-transform: none; padding-right: 10px;} .workshops_detail .white_workshop .workshop_white_detail .mini_textbox p{ font-size: 14px; line-height: 18px; } .workshops_detail .white_workshop .workshop_white_detail span {display: block;} .workshops_detail .white_workshop .workshop_white_detail .precio{ border-bottom: 1px dotted #bdbdbd; border-top: 1px dotted #bdbdbd; padding-bottom: 5px; padding-top: 5px; margin-top: 5px; } .workshops_detail .white_workshop .workshop_white_detail .data { overflow: hidden; } .workshops_detail .white_workshop .workshop_white_detail .col_left { float: left; width: 30%} .workshops_detail .white_workshop .workshop_white_detail .col_right { float: right; width: 70%} .workshops_detail .white_workshop .workshop_white_detail .dotted_line { margin-bottom: 5px;} .workshops_detail .image_workshop { margin-top: 25px; display: block;} .workshops_detail .white_workshop h3{ font-size: 16px; margin-bottom: 30px} .workshops_detail .white_workshop p{ font-size: 14px; line-height: 19.5px; color: #808080;} .workshops_detail .white_workshop .inscribir_btn{ font-size: 23px; color: #FFF; background-color: #9f9f98; padding: 30px; text-align: center; display: block; margin-right: 46px; margin-top: 40px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .workshops_detail .white_workshop .inscribir_btn:hover { background-color: #333; text-decoration: none;} .workshops_detail .workshop_how h3 {margin-top: 5px; margin-bottom: 16px;} .workshops_detail .related_content {} .workshops_detail .poly_detail .related_content{ margin: 0px} .workshops_detail .related_content h2{ font-size: 22px; border-bottom: 1px dotted #bdbdbd; padding-bottom: 15px; margin-bottom: 15px} .workshops_detail .related_content .narrow_related{ margin: 0px 80px;} .workshops_detail .related_content .narrow_related .workshop_box{ margin: 0px 10px; background-color: #FFF; margin-bottom: 30px;} .workshops_detail .related_content .narrow_related .workshop_box .workshop_image { display: block; height: 300px; overflow: hidden; background-size: cover; background-position: center center;} .workshops_detail .related_content .narrow_related .workshop_box .workshop_image img { opacity: 0; visibility: hidden;} .workshops_detail .related_content .narrow_related .workshop_box .workshop_content { display: block; height: 200px; padding: 15px; position: relative;} .workshops_detail .related_content .narrow_related .workshop_box .workshop_content a{ color: #000 } .workshops_detail .related_content .narrow_related .workshop_box .workshop_content h3 { margin-top: 20px; font-size: 18px;} .workshops_detail .related_content .narrow_related .workshop_box .workshop_content p{ font-size: 14px; line-height: 19px; margin-top: 19px;} .workshops_detail .related_content .narrow_related .workshop_box .workshop_content p a{ color:#808080;} .workshops_detail .related_content .narrow_related .workshop_box .workshop_content a.link{ font-family: 'MatryoshkaXS'; position: absolute; bottom: 15px; left: 15px; font-size: 15px; text-transform: uppercase;} .workshops_detail .gallery_grid { margin-top: 30px; height: 480px; overflow: hidden; margin-right: -10px;} .workshops_detail .gallery_grid .box { display: block; margin: 6px; overflow: hidden; float: left;} .workshops_detail .gallery_grid .image { height: 100%; width: 100%;overflow: hidden; float: left; background-size: cover; background-position: center center; } .workshops_detail .gallery_grid .image img { width: 100%; opacity: 0; visibility: hidden;} .workshops_detail .gallery_grid .left { float: left;} .workshops_detail .gallery_grid .right { float: right;} .workshops_detail .type_0 .left { width: 45% } .workshops_detail .type_0 .right { width: 55% } .workshops_detail .type_0 .top_grid { height: 45%; float: left; overflow: hidden; } .workshops_detail .type_0 .top_grid .box { width: 47%; height: 95%} .workshops_detail .type_0 .bottom_grid { height: 55%; float: left; overflow: hidden; } .workshop_form { margin-top: 120px; padding-bottom: 100px } .workshop_form .white_bg {} .workshop_form .white_bg h1{ font-size: 18px;} .workshop_form .forms_list_wrapper { padding: 15px;} .workshop_form .forms_list_wrapper h2{ font-size: 18px;} .workshop_form .forms_list_wrapper ul { padding: 0px; margin: 0px; margin-top: 15px; list-style: none;} .workshop_form .forms_list_wrapper ul li { padding: 0px; margin: 0px; } .workshop_form .forms_list_wrapper ul li a{ display:block; padding: 8px; padding-left: 20px; border-bottom: 1px dotted #808080; background-image: url('../img/arrow_gray.svg'); background-position: 5px 14px; max-width: 250px; background-size: 8px 8px; background-repeat: no-repeat; color: #808080 ; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .workshop_form .forms_list_wrapper ul li a:hover, .workshop_form .forms_list_wrapper ul li a.active { text-decoration: none; background-color: #9f9f98; color: #FFF; background-image: url('../img/arrow_white.svg')} .workshop_form .form_big_wrapper { padding: 0px 80px;} .workshop_form .quickmenu { font-family: 'MatryoshkaXS'; text-transform: uppercase; font-size: 15px; } .workshop_form .quickmenu li{ display: inline-block;} .workshop_form .quickmenu li a{ color: #999999; display: inline-block; margin: 3px; margin-top: 15px; padding: 5px 30px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .workshop_form .quickmenu li a:hover,.workshop_form .quickmenu li a.active{ color: #000; border-bottom: 1px dotted #999999; text-decoration: none;} .workshop_form .ficha_tecnica { margin-top: 50px; width: 100%; overflow: hidden; background-color: #9f9f98; margin-bottom: 50px; position: relative;} .workshop_form .ficha_tecnica .left_box{ width: 35%; background-color: #9f9f98; float: left; position: absolute; top: 0px; left: 0px; bottom: 0px; margin: auto;} .workshop_form .ficha_tecnica h1{ position: absolute; font-size: 16px; color: #FFF; text-align: center; margin:auto; width: 100%; height: 30px; top: 0px; left: 0px; right: 0px; bottom: 0px;} .workshop_form .ficha_tecnica .right_box{ width: 65%; background-color: #FFF; float: right; font-family: 'MatryoshkaXS'; text-transform: uppercase;} .workshop_form .ficha_tecnica .right_box .info_wrapper { padding: 25px;} .workshop_form .ficha_tecnica .right_box p { margin-bottom: 0px; line-height: 16px;} .workshop_form .content_text { margin-bottom: 45px;} .workshop_form .content_text h2{ margin-top: 0px; font-size: 16px;} .workshop_form .content_text p{ color: #666666; font-size: 14px;} .workshop_form .form_row{ margin-bottom: 20px; text-transform: uppercase; font-family: 'MatryoshkaXS'; overflow: hidden; width: 100%;} .workshop_form .form_row span{ float: left; margin-right: 10px; line-height: 32px;} .workshop_form input, .workshop_form label { font-family: 'baskerville-urw'} .workshop_form input[type=text], .workshop_form input[type=email], .workshop_form input[type=tel] { background-color: transparent; border: 1px dotted #808080; display: block; padding: 8px; min-width: 250px; float: left;} .workshop_form input[type=submit] { background-color: #000; color: #FFF; padding: 20px; text-align: center; font-size: 26px; border: 0px; font-family: 'baskerville-urw'; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .workshop_form input[type=submit]:hover { background-color: #666666} .workshop_form .radio input[type="radio"]{ display: none;} .workshop_form .radio .circle{ width: 14px; height:14px; border: 1px solid #808080; display: block; position: absolute; top: 4px; left: 0px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; } .workshop_form .circle .dot{width: 6px; height: 6px; background-color: #000000; position: absolute; top: 3px; left: 3px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; opacity: 0; } .workshop_form .ON .circle .dot{ opacity: 1;} .workshop_form .edad { padding-left: 0px;} .workshop_form label {padding-left: 33px;} .workshop_form .edad .title{ padding-left: 33px; font-family: 'MatryoshkaXS'; text-transform: uppercase;} .workshop_form h4 {margin-top: 5px; font-size: 14px; color: #000; padding-left: 20px; margin-bottom: 25px;} .workshop_form .form_row span.wpcf7-form-control-wrap { float: inherit; margin: 0px; line-height: inherit;} span .edad, span .nivel, .screen-reader-response { display: none;} /* WORK DETAIL */ .work_detail { margin-top: 120px; overflow: hidden;} .work_detail_wrapper { margin: 0px 20px;} .work_detail .white_bg{ background-color: #FFF; padding: 15px; font-family: 'baskerville-urw';} .work_detail .white_bg hr{ margin: 15px 0px; margin-bottom: 80px} .work_detail .white_bg .breadcumb_post{ display: block; width: 100%; min-height: 20px; color: #000; line-height: 14px; font-family: 'MatryoshkaXS'; font-size: 15px; text-transform: uppercase; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .work_detail .white_bg .breadcumb_post a { color: #000;} .work_detail .white_bg .breadcumb_post a:hover, .work_detail .white_bg .breadcumb_post a:focus { text-decoration: none;} .work_detail .white_bg .breadcumb_post img { float: left; margin-right: 10px; margin-bottom: 0px;} .work_detail .white_bg .breadcumb_post .date {color: #b3b3b3;} .work_detail .white_bg h2 { margin-top: 10px; font-size: 20px;} .work_detail .white_bg p { font-size: 14px; color: #808080; line-height: 20px; padding-bottom: 0px; margin-bottom: 0px;} .work_detail .white_bg .social { height: 30px;} .work_detail .workshop_info { font-family: 'MatryoshkaXS'; position: relative; overflow: hidden; padding-bottom: 10px; margin-top: 27px; position: absolute; bottom: 0px; left: 0px} .work_detail .workshop_info h3{ font-size: 15px; border-bottom: 1px dotted #bdbdbd; margin-bottom: 5px; padding-bottom: 5px } .work_detail .workshop_info h4{ font-size: 15px; margin-bottom: 5px; margin-top: 5px; display: block; overflow: hidden;} .work_detail .workshop_info h4 .col_left { float: left; width: 30%} .work_detail .workshop_info h4 .col_right { float: right; width: 70%} .work_detail .load_more { margin: 30px 0px;} .work_detail .white_workshop { background-color: #FFF; padding: 20px 80px 50px; margin: 0px 120px;} .work_detail .white_workshop h2{ font-size: 18.5px;} .work_detail .white_workshop .social{ font-size: 24px; border-bottom: 1px dotted #bdbdbd; padding-bottom: 10px; margin-bottom: 50px; margin-right: 30px; display: block;} .work_detail .white_workshop .workshop_white_detail { font-family: 'MatryoshkaXS'; font-size: 16px; padding-right: 30px;} .work_detail .white_workshop .workshop_white_detail span {display: block;} .work_detail .white_workshop .workshop_white_detail .precio{ border-bottom: 1px dotted #bdbdbd; border-top: 1px dotted #bdbdbd; padding-bottom: 5px; padding-top: 5px; margin-top: 5px; } .work_detail .white_workshop .workshop_white_detail .data { overflow: hidden; } .work_detail .white_workshop .workshop_white_detail .col_left { float: left; width: 30%} .work_detail .white_workshop .workshop_white_detail .col_right { float: right; width: 70%} .work_detail .white_workshop .workshop_white_detail .dotted_line { margin-bottom: 5px;} .work_detail .image_workshop { margin-top: 25px; display: block;} .work_detail .white_workshop h3{ font-size: 18.5px;} .work_detail .white_workshop p{ font-size: 16px; color: #808080} .work_detail .white_workshop .inscribir_btn{ font-size: 26.5px; color: #FFF; background-color: #9f9f98; padding: 30px; text-align: center; display: block; margin-right: 30px; margin-top: 40px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .work_detail .white_workshop .inscribir_btn:hover { background-color: #333; text-decoration: none;} .work_detail .related_bigbox {background-color: #FFF; padding-top: 10px; margin-top: 40px; padding-bottom: 10px;} .work_detail .related_content { } .work_detail .related_content h2{ font-size: 20px; border-bottom: 1px dotted #bdbdbd; padding-bottom: 15px; margin-bottom: 15px} .work_detail .related_content .narrow_related{ margin: 0px 80px;} .work_detail .related_content .narrow_related .workshop_box{ margin: 0px 10px; background-color: #FFF; margin-bottom: 30px;} .work_detail .related_content .narrow_related .workshop_box .workshop_image { display: block; height: 300px; overflow: hidden; background-size: cover; background-position: center center;} .work_detail .related_content .narrow_related .workshop_box .workshop_image img { opacity: 0; visibility: hidden;} .work_detail .related_content .narrow_related .workshop_box .workshop_content { display: block; height: 200px; padding: 15px; position: relative;} .work_detail .related_content .narrow_related .workshop_box .workshop_content a{ color: #000 } .work_detail .related_content .narrow_related .workshop_box .workshop_content h3 { margin-top: 15px; font-size: 18px;} .work_detail .related_content .narrow_related .workshop_box .workshop_content p{ font-size: 14px; line-height: 19px} .work_detail .related_content .narrow_related .workshop_box .workshop_content p a{ color:#808080;} .work_detail .related_content .narrow_related .workshop_box .workshop_content a.link{ font-family: 'MatryoshkaXS'; position: absolute; bottom: 15px; left: 15px; font-size: 15px; text-transform: uppercase;} .work_detail .related_content .narrow_related .workshop_box .workshop_content a.link img {position: relative; top: -1px} .gallery { width: 100%;} .gallery div { float: left;} .gallery .box {box-sizing:border-box; padding: 5px; width: 100%; height: 100%; } .gallery .image { background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; height: 100%; float: left;} .gallery .image img{ display: none;} .gallery_0 { height: 550px;} .gallery_0 .left{ width: 45%; float: left;} .gallery_0 .right{ width: 55%; float: left;} .gallery_0 .right .top{ width: 100%; height: 45%} .gallery_0 .right .top .box{ width: 50%; height: 100%} .gallery_0 .right .bottom{ width: 100%; height: 55%} .gallery_0 .right .bottom .box{ width: 100%; height: 100%} .gallery_1 { height: 460px;} .gallery_1 .left{ width: 50%; float: left;} .gallery_1 .right{ width: 50%; float: left;} .gallery_2 { height: 750px;} .gallery_2 .left{ width: 50%; float: left;} .gallery_2 .right{ width: 50%; float: left;} .gallery_3 { height: 1024px;} .gallery_3 .full{ width: 100%; float: left;} .gallery_4 { height: 400px;} .gallery_4 .full{ width: 100%; float: left;} .gallery_5 { height: 800px;} .gallery_5 .left{ width: 50%; float: left;} .gallery_5 .right{ width: 50%; float: left;} .gallery_5 .top{ width: 100%; height: 50%} .gallery_5 .top .box{ width: 100%; height: 100%} .gallery_5 .bottom{ width: 100%; height: 50%} .gallery_5 .bottom .box{ width: 100%; height: 100%} .work_detail .gallery{ max-width: 900px; margin: auto; margin-top: 20px; height: 550px;} .work_galleries .gallery{ max-width: 900px; margin: auto; margin-top: 0px;} .work_galleries .social { text-align: center; display: block; margin-top: 70px; margin-bottom: 70px;} .work_galleries .social a {margin: 20px;} @-webkit-keyframes slow_down { 0% { opacity: 0; top: -150px } 100% { opacity: 1; top: 0px} } @-moz-keyframes slow_down { 0% { opacity: 0; top: -150px} 100% { opacity: 1; top: 0px} } @-o-keyframes slow_down { 0% { opacity: 0; top: -150px} 100% { opacity: 1; top: 0px} } @keyframes slow_down { 0% { opacity: 0; top: -150px} 100% { opacity: 1; top: 0px} } .arrow_down { width: 80px; margin: auto; display: block; margin-top: 50px; margin-bottom: 50px; text-align: center; position: relative;} .arrow_down.slow_down { -webkit-animation: slow_down 5s 5; -moz-animation: slow_down 5s 5; -o-animation: slow_down 5s 5; animation: slow_down 5s 5; } .white_poly { background-color: transparent; overflow: hidden; background-image: url('../img/pattern_b.svg'); background-repeat: repeat; background-size: 40px 23px; background-position: center center; margin: 0px 30px; margin-top: 0px;} .poly_detail {} .poly_detail .related_content{ margin: 30px} .poly_detail .related_content .workshop_box{ -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0); box-shadow: 0 0 15px 1px rgba(0,0,0,0); } .poly_detail .related_content .workshop_box:hover{ text-decoration: none; -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.1); box-shadow: 0 0 15px 1px rgba(0,0,0,0.1); } .poly_detail .related_content .workshop_box a{ -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .poly_detail .related_content .workshop_box a:hover{ opacity: 0.7 ;text-decoration: none;} /* ABOUT */ .about_main {font-family: 'baskerville-urw', serif;} .about_main .big_back { position: relative; padding-bottom: 80px;} .about_main .big_img{ width: 100%; overflow: hidden; max-height: 680px; display: block; position: relative; z-index: 1;} .about_main .big_img img { width: 100%} .about_main .white_box { position: absolute; bottom: 0px; left: 0px; right: 0px; background-color: #FFF; width: 400px; margin: auto; padding: 25px; background-size:90px 150px; text-align: center; z-index: 2; padding-bottom: 38px; margin-bottom: 30px;} .about_main .white_box h1 { font-size: 24px; margin-bottom: 30px;} .about_main .white_box p { font-size: 18px;} #studio_box { padding-top: 80px;} .bio {font-family: 'baskerville-urw', serif;} .bio .bio_box{ background-color: #FFF; margin: 0px 65px 100px; padding: 30px 100px;} .bio .bio_box .bio_nav{ list-style: none; padding: 0px; margin: 0px; text-align: center; border-top: 1px dotted #bdbdbd; padding-top: 10px; margin-top: 30px; } .bio .bio_box .bio_nav span { margin: 0px 40px; padding: 20px 0px; font-family: 'MatryoshkaXS'; color: #b8b8b1; cursor: pointer; font-size: 16px; text-transform: uppercase;} .bio .bio_box .bio_nav span.ON { color: #000} .bio .bio_box .swiper-container { height: 500px; } .bio .bio_box .swiper-container .content_wrap{ margin: auto; margin-top: 80px; padding: 0px 45px} .bio .bio_box .swiper-container .center_form{ max-height: 370px; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; margin: auto} .bio .bio_box .swiper-container .content_wrap h1 {font-size: 16px; color: #000; margin-bottom: 15px} .bio .bio_box .swiper-container .content_wrap p { font-size: 14px; color: #808080; line-height: 23px; line-height: 20px} .bio .bio_box .swiper-container .content_wrap.slide_ed, .bio .bio_box .swiper-container .content_wrap.slide_ex{ max-width: 90%; text-transform: uppercase; height: 400px} .bio .bio_box .swiper-container .content_wrap.slide_ed .slide_ed-box {width: 32%; float: left; height: 140px; margin: 0.5%; padding: 10px 15px; font-family: 'baskerville-urw', serif; text-transform: none;} .bio .bio_box .swiper-container .content_wrap.slide_ed p { font-size: 12px;} .bio .bio_box .swiper-container .content_wrap.slide_ed p.desc { color: #808080} .bio .bio_box .swiper-container .content_wrap.slide_ed p, .bio .bio_box .swiper-container .content_wrap.slide_ex p { color: #000; margin: 0px;} .bio .bio_box .swiper-container .content_wrap.slide_ed p.title, .bio .bio_box .swiper-container .content_wrap.slide_ex p.title { border-top: 1px dotted #bdbdbd; border-bottom: 1px dotted #bdbdbd } .bio .bio_box .swiper-container .content_wrap.slide_ex{ max-width: 100%; width: 100%; margin-left: 0px; margin-right: 0px; height: 400px} .bio .bio_box .swiper-container .content_wrap.slide_ex .slide_ex-box {width: 32%; float: left; height: 260px; margin: 0.5%; padding: 10px 15px; font-family: 'baskerville-urw', serif; text-transform: none; margin-bottom: 50px;} .bio .bio_box .swiper-container .content_wrap.slide_ex p { font-size: 12px;} .bio .bio_box .swiper-container .content_wrap.slide_ex p.position { height: 50px;} .bio .bio_box .swiper-container .content_wrap.slide_ex p.desc { color: #808080} .bio .bio_box .swiper-container .content_wrap.slide_ex p, .bio .bio_box .swiper-container .content_wrap.slide_ex p { color: #000; margin: 0px;} .bio .bio_box .swiper-container .content_wrap.slide_ex p.title, .bio .bio_box .swiper-container .content_wrap.slide_ex p.title { border-top: 1px dotted #bdbdbd; border-bottom: 1px dotted #bdbdbd } .bio .bio_box .swiper-container .content_wrap.slide_ex .wrap_ex .ex_box{ height: 260px; border-bottom: 1px solid #bdbdbd; margin-bottom: 18px} .bio .bio_box .swiper-container .content_wrap.slide_teach{ max-width: 100%; height: 400px } .bio .bio_box .swiper-container .content_wrap.slide_teach .text_adjust { padding-right: 45px; padding-left: 45px; } .bio .bio_box .swiper-container .content_wrap.slide_teach h2 { font-size: 16px; } .bio .bio_box .swiper-container .content_wrap.slide_teach p{ font-size: 14px; color: #808080; line-height: 20px; } .bio .bio_box .swiper-container .content_wrap.slide_teach blockquote{ border-left: 1px dotted #808080; padding-top: 0px; margin-top: 30px; padding-bottom: 0px; } .bio .bio_box .swiper-container .content_wrap.slide_teach blockquote h2{ font-style: italic; } .bio .bio_box .swiper-container .content_wrap.slide_teach .course { border-bottom: 1px dotted #808080; margin-bottom: 15px; } .bio .bio_box .swiper-container .content_wrap.slide_teach .course h2 { margin-bottom: 5px;} .bio .bio_box .swiper-container .content_wrap.slide_teach .course span { font-family: 'MatryoshkaXS'; margin: 0px; display: block; margin-bottom: 15px} .bio .bio_box .swiper-container .content_wrap.slide_teach .left_box{ padding-right: 20px; margin-right: 20px; border-right: 1px dotted #808080; } .press_list{padding-top: 80px; font-family: 'baskerville-urw', serif;} .press_list .press_box { margin-bottom: 15px; position: relative; display: none;} .press_list .press_box.ON { display: block;} .press_list .press_box .big_pic{ cursor: pointer; height: 530px; width: 100%; overflow: hidden; position: relative; background-color: #b8b8b1} .press_list .press_box .big_pic .pic_info{ position: absolute; top: 20px; left: 0px; right: 0px; color: #FFF; font-family: 'MatryoshkaXS'; font-size: 15px; margin: auto; text-align: center; text-transform: uppercase;} .press_list .press_box .big_pic img{ position: absolute; bottom: 0px; left: 0px; top: 0px; right: 0px; margin: auto} .press_list .press_box .big_pic.hover_pic img{ min-width: 110%; min-height: 110%; margin-left: -5%; margin-top: -5%; } .press_list .press_box .white_box{ font-family: 'baskerville-urw' ; width: 70%; height: 70%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; padding: 30px 48px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0); box-shadow: 0 0 15px 1px rgba(0,0,0,0); } .press_list .press_box .white_box span { display: block; } .press_list .press_box .white_box .h2{ color: #000; font-size: 20px; margin-bottom: 30px} .press_list .press_box .white_box .p{ color: #808080; font-size: 16px; line-height: 24px} .press_list .press_box .white_box .link_proyect{ font-family: 'MatryoshkaXS'; color: #000; font-size: 18px; position: absolute; bottom: 50px; left: 65px;} .press_list .press_box a { -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .press_list .press_box a:hover .white_box{ -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.1); box-shadow: 0 0 15px 1px rgba(0,0,0,0.1); -moz-transform: translateX(0px) translateY(-10px); -webkit-transform: translateX(0px) translateY(-10px); -o-transform: translateX(0px) translateY(-10px); -ms-transform: translateX(0px) translateY(-10px); transform: translateX(0px) translateY(-10px); } .press_list .press_box .box_type_a, .press_list .press_box .box_type_b { width: 100%; display: block; overflow: hidden; height: 449px;} .press_list .right_img .big_pic{ position: relative; top: -80px;} .press_list .right_img .big_pic img{ position: absolute; bottom: 0px; left: 0px; top: 0px; right: 0px; margin: auto} .networks { padding-top: 25px; padding-bottom: 80px; text-align: center; } .networks h2{ text-align: center; margin-bottom: 50px; } .networks a{ font-family: 'MatryoshkaXS'; font-size: 18px; width: 100px; color: #000; margin-top: 20px;} .networks .more_contact{ font-family: 'MatryoshkaXS'; font-size: 18px; color: #000; margin-top: 20px;} .networks a span{ display: block; font-size: 15px; text-transform: uppercase; margin-top: 15px; } .networks a.email { float: left; width: 100%; text-align: center; margin-bottom: 100px;} .networks a.link_2 {width: 33%; float: left; text-align: center; margin-bottom: 100px;} /* FOOTER */ .logo_footer { font-family: 'baskerville-urw'; margin-top: 0px; display: block; position: relative; } .logo_footer .navbar-brand { position: relative; top: -36px;} .copyright_text { font-family: 'MatryoshkaXS'; font-size: 17px; text-align: center; margin-top: 35px;} footer { padding: 60px 0px;} footer hr{ margin-bottom: 50px} footer .footer_list{font-family: 'MatryoshkaXS'; list-style: none; padding: 0px; margin: 0px;} footer .footer_list li{ font-size: 16px; text-transform: uppercase; line-height: 16px; } footer .footer_list li span{ display: block; margin-bottom: 20px; font-size: 15px; } footer .footer_list li a { color: #000; margin-bottom: 5px; font-size: 15px} footer .suscribe p{font-family: 'MatryoshkaXS'; font-size: 16px; margin-top: 0px; line-height: 16px;} footer .suscribe .dots_box{ display: block; border:1px dotted #808080; overflow: hidden;} footer .suscribe .dots_box input { display: block; border: 0px; background-color: transparent;padding: 10px; font-family: 'MatryoshkaXS'; font-size: 16px; text-transform: uppercase;} footer .suscribe .dots_box input[type="email"]{ float: left; width: 60%} footer .suscribe .dots_box input[type="submit"]{ float: left; width: 40%} /* EFFECTS */ .horario_nodisponible { text-decoration: line-through;} .visible_effect { opacity: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -moz-transform: translateY(-20px); -webkit-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } .visible_effect.vis_box { opacity: 1; -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } /* CUSTOM */ .woocommerce form #terms { width: 40px; height: 40px; display: block; top: 34px; background-color: white; } .woocommerce form #terms:before { content:"No"; position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin-top:6px } .woocommerce form #terms:checked::before { content:"Yes" } .wcppec-checkout-buttons__separator { display:none !important} #woo_pp_ec_button { display:none !important} .container .woocommerce table.shop_table a.woocommerce-MyAccount-downloads-file { color: white} hr.dotted_line { border-top: 1px dotted #bdbdbd; margin-bottom: 60px;} .nano > .nano-pane { width: 8px; opacity: 0.1} .load_more { width: 100%; display: block; text-align: center; margin-bottom: 100px;} .load_more a{ width: 200px; background-color: #FFF; font-family: 'MatryoshkaXS'; border-radius: 0px; border:0px; text-transform: uppercase;} .ornament { text-align: center;padding: 50px 0px; margin: 0px; overflow: hidden;} .nav_svg { width: auto; height: 20px;} .navbar-toggle { border: 0px solid transparent; border-radius: 0px;} .navbar-toggle .icon-bar { background-color: #000000; border-radius: 0px;} .content_box {padding: 0px 25px} .up_btn { position: fixed; bottom: 20px; right: 20px; cursor: pointer; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .up_btn.ON { opacity: 1; visibility: visible;} .all_black { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 200; opacity: 0; visibility: hidden; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .all_black span{ position: absolute; top: 20px; right:20px; color: #FFF; font-family: 'MatryoshkaXS'; text-transform: uppercase; font-size: 20px; cursor: pointer; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-transform: translateY(-20px); -webkit-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } .all_black .modal_wrapper { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; max-width: 70%; height: 90%; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-transform: translateY(-20px); -webkit-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } .all_black .modal_wrapper img { max-height: 100%; max-width: 100%; display: inherit; margin: auto; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;} .all_black.ON .modal_wrapper, .all_black.ON span { -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .all_black.ON {visibility: visible; opacity: 1;} .social_mobile { text-align: center;} .social_mobile a{ display: inline-block; margin: 25px;} .suscribe.mobile { display: none;} .mobile {display: none !important;} .click_zone { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; cursor: pointer;} .back_btn { display: block; text-align: center !important; padding: 20px 40px; background-color: #FFF; font-weight: 700; font-size: 24px; color: #000; font-family: 'MatryoshkaXS'; text-transform: uppercase;} .post_detail .pagination { margin: 10px 40px 30px;} .pagination>li:last-child>a, .pagination>li:last-child>span { border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px; border-bottom-left-radius:0px; font-family: 'MatryoshkaXS'; text-transform: uppercase;} .nav_footer_next a { border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px; border-bottom-left-radius:0px; font-family: 'MatryoshkaXS'; text-transform: uppercase; padding: 8px; float: left; margin-right: 5px; background-color:#333; color: #FFF } .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {color: #e1e1e1; background-color: #333} .post_detail .pagination a{ border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-color: #333; color: #FFF; } .dabox {} a.gal_click { } .navbar-brand>img { margin-top: -5px; margin-right: 15px} .fix_top { max-height: 451px} .fix_top_2 { max-height: 372px} .top_fix_col { top:-80px; margin-bottom: -60px;} .workshop_form .workshops_detail_wrapper .col-md-4{ height: inherit;} .comment_form { float: left; width: 100%; margin-top: 20px;} form.cart { display: none !important;} .swiper-slide .back_slide .link{ position: relative; display: block; width: 100%; height: 100%; } .navbar-default .navbar-nav>li>a { text-transform: uppercase;} #add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img { opacity: 1; max-width: 51px; margin-right: 15px !important;} footer { text-transform: uppercase;} /* WOOCOMMERCE */ .container .woocommerce {} .post_detail .post_wrapper .woocommerce img{ opacity: 1;} .container .woocommerce .shop_table_responsive{ } .container .woocommerce table.shop_table { border: 0px; border-radius: 0px; font-family: 'baskerville-urw', Baskerville; color: #000} .container .woocommerce table.shop_table a{ color: #000; background-size: cover; background-position: center center; } .container .woocommerce table.shop_table a img{ display: none;} .container .woocommerce table.shop_table thead { font-family: 'MatryoshkaXS'; color: #000; text-transform: uppercase;;} .container .woocommerce .cart_item {} .cart_item .product-thumbnail a{ width: 200px; height: 200px; overflow: hidden; display: block;} .cart_item .product-thumbnail a img { min-width: 100%; height: auto;} .container .woocommerce a.remove { color: #000 !important} .container .woocommerce a.remove:hover { background: #000} .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { font-family: 'MatryoshkaXS'; color: #000; text-transform: uppercase;} .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {float: left !important; width: 100% !important;} .woocommerce .cart-collaterals .cart_totals h2, .woocommerce-page .cart-collaterals .cart_totals h2{ background-color: #FFF; padding: 28px 10px; font-size: 16px; border-top: 1px dotted #666; margin-bottom: 30px;} .woocommerce .cart-collaterals .cart_totals table, .woocommerce-page .cart-collaterals .cart_totals table { float: left; width: 48%; position: relative; z-index: 3 } .wc-proceed-to-checkout { text-align: right;} .wcppec-checkout-buttons.woo_pp_cart_buttons_div { text-align: right;} .wcppec-checkout-buttons.woo_pp_cart_buttons_div a { text-align: right;} .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{ border: 0px; border-radius: 0px; background-color: #000 !important; font-family: 'baskerville-urw'; padding: 20px; font-size: 18px;} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { div { display: none;} section { display: none;} body { background-image: url('../img/turn_device.svg'); background-size: 40%; background-position: center center; background-repeat: no-repeat;} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) { } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) { } @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) { div { display: none;} section { display: none;} body { background-image: url('../img/turn_device_mobile.svg'); background-size: 40%; background-position: center center; background-repeat: no-repeat;} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { footer .suscribe .dots_box input { font-size: 13px;} .logo_footer .navbar-brand>img { width: 85%; } .workshops_detail .white_workshop { padding: 20px 40px 50px} .workshops_detail .white_workshop .workshop_white_detail { padding-right: 10px;} .workshops .col-sm-3{ width: 100%} .workshops .col-sm-9{ width: 100%} } @media (max-width: 1270px) { .main_product .right_box .social { width: 94px} .main_product .right_box .social a img{width: 20px; height: 20px;} .main_product .right_box .buy_btn {padding: 0px 14px;} } @media (max-width: 1200px) { footer .suscribe .dots_box input {font-size: 14px;} } @media (max-width: 1160px) { a.facebook_icon, a.instagram_icon, a.email_icon { display: none !important;} } @media (max-width: 768px) { .woocommerce .cart-collaterals .cart_totals table, .woocommerce-page .cart-collaterals .cart_totals table { float: left; width: 100%; } .wcppec-checkout-buttons.woo_pp_cart_buttons_div { text-align: center;} .wcppec-checkout-buttons.woo_pp_cart_buttons_div a { text-align: center;} .wc-proceed-to-checkout { text-align: center;} .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr { width: 100%} .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { width: 100%} .greybox { margin: 0px; bottom: -200px;} .work_list { background-color: #f4f4f1} .work_list .visible_effect.vis_box { margin-bottom: 0px;} .workshops_detail_wrapper .col-md-4 .workshop_info { position: relative;} .main_home .swiper-slide .slide_content { display: inherit;} .work_list .proyect_box .box_type_a, .work_list .proyect_box .box_type_b { background-color: #FFF; background-image: inherit !important; height:250px; margin-bottom: 25px } .work_list .proyect_box .white_box { height: 250px;} .boxbox { height: 60px !important;} .mobile {display: block !important;} .not_mobile { display: none !important; } .top_post_detail .row:first-child .white_bg { padding: 20px 25px 15px;} .main_home .swiper-slide .slide_block {display: none;} .post_detail .gal_click img { width: 100%; height: auto} .work_related_wrap { margin-top: 0px !important;} .work_detail .related_bigbox { margin-top: 0px;} .workshops_detail_wrapper .col-md-4 { height: inherit;} .middle_home .recent_box .entry_box { height: inherit;} .middle_home .featured_content h2 { margin-bottom: 8px;} .middle_home { padding-top:35px; padding-bottom: 35px; } footer { padding: 15px 10px} .work_detail .white_bg hr { margin-bottom: 40px;} .ornament { padding: 15px 0px;} .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse { margin-right: -9px; margin-left: -8px} .stick_nav { padding: 0px 15px 0px; margin: 0px;} .stick_nav .main_nav_ul .sub-menu{position: relative; left: 0px; bottom: 0px; width: 100% !important; border-top: none;} .stick_nav .main_nav_ul .sub-menu li{float: none; margin-left: 24px; margin-bottom: 11px; border-top: 1px dotted #bbbcbe} .stick_nav .main_nav_ul .sub-menu li:last-child{margin-bottom: 20px;} .stick_nav .main_navbar{ background-color: #FFF; height: 57px; padding: 2px 0px;} .stick_nav .dotted_line{ display: none;} .stick_nav .navbar-toggle{ float: left; margin-top: 15px; padding-left: 0px} .stick_nav .navbar-toggle .icon-bar{ height: 1px; border-radius: 1px} .stick_nav .navbar-brand>img{ height: 38px; margin-top: 6px} .main_navbar .main_nav_ul a{ padding-left: 25px;} .main_nav_ul li:last-child{ margin-bottom: 50px;} #navbar { background-color: #FFF;} .logo_footer { display: none;} footer hr.dotted_line { display: none;} .main_home { height: 500px; background-color: #f4f4f1;} .main_home .swiper-container{ overflow: inherit; } .main_home .swiper-container .swiper-pagination{ bottom: -24px; } .main_home .swiper-slide { background-color: #f4f4f1} .main_home .swiper-slide .back_slide { height: 70%} .main_home .swiper-slide .slide_content {padding-top: 100%; position: relative;} .main_home .swiper-slide .slide_content h1{ margin-top: 25px;} .main_home .swiper-slide .slide_content .goto { position: absolute; top: 75%; left: 0px; right: 0px; margin: auto; width: 240px; padding:10px 20px; font-size: 13px; background-color: #FFF; text-align: center; color: #000; font-size: 14px;} .main_home .swiper-slide .slide_content .goto p {margin-bottom: 0px;} .main_home .swiper-pagination { text-align: center; top: inherit; bottom: 0px; height: 15px;} .main_home .swiper-pagination .next_slide { width: 15px; height: 15px; padding: 0px; margin: 0px 6px; background-color: transparent;} .main_home h1 { text-align: center; } .main_home h1 a { font-size: 32px; } .middle_home .latest_entry .entry_img { height: 300px} .middle_home .latest_entry .social { display: none;} footer .suscribe .dots_box { width:100%; margin: auto; margin-bottom: 25px;} footer .footer_list { text-align: center;} .categories_shop {} .categories_shop .navbar-default { margin-top: 57px} .categories_shop .navbar .navbar-nav li{ float: left;} .categories_shop .navbar a { padding-top: 8px; padding-bottom: 8px;} .workshops { padding: 0px; overflow: hidden;} .workshops .grey_box { background-color: #FFF; padding: 8px 28px;} .workshops .grey_box .breadcumb_post { padding-bottom: 10px; border-bottom: 1px dotted #bdbdbd} .workshops .grey_box .social { border-bottom: 0px} .workshops .col-md-4 { padding: 0px 15px} .top_fix_col { top: 0px;} .fix_top { max-height: inherit;} .fix_top_2 { max-height: inherit;} .work_boxes .visible_effect.vis_box { margin-bottom: 0px;} .work_detail .social { clear: both; padding-top: 48px; } .workshops_detail { margin-top: 0px;} .workshops_detail_wrapper { margin: 0px;} .workshops_detail .gallery_grid .box { margin: 0px; margin-bottom: 10px} .workshops_detail .gallery_grid { height: inherit; margin: 0px; margin-top: 15px } .workshops_detail .gallery_grid .left {width: 100%;} .workshops_detail .gallery_grid .right {width: 100%;} .workshops_detail .type_0 .top_grid .box { width: 100%} .workshops_detail .white_bg { padding: 8px 28px; } .workshops_detail .white_bg hr{ display: none; } .workshops_detail .white_bg .workshop_content{ margin-top: 20px; margin-bottom: 15px } .workshops_detail .white_bg .breadcumb_post { padding-bottom: 10px; border-bottom: 1px dotted #bdbdbd; height: auto } .workshops_detail .white_workshop .workshop_white_detail { padding: 0px;} .workshops_detail .white_workshop .workshop_white_detail .contacto { border-bottom: 1px dotted #bdbdbd; padding-bottom: 10px;} .work_list .proyect_box .white_box .link_proyect { left: 20px; bottom: 20px;} .work_list .proyect_box .white_box .link_proyect img{ position: relative; top: -1px} .work_detail .related_content .narrow_related .workshop_box .workshop_content a.link img{ position: relative; top: -1px} .workshops .workshop_box .workshop_content a.link img{ position: relative; top: -1px} .workshops_detail .white_workshop { padding: 15px; margin: 0px;} .workshops_detail .poly_detail .related_content { margin: 0px} .workshops_detail .related_content .narrow_related { margin: 0px;} .workshops_detail .related_content .narrow_related .workshop_box { margin: 0px; margin-bottom: 30px; } .workshops_detail .related_content .narrow_related .workshop_box .workshop_content { height: 175px;} .workshops_detail .white_workshop .inscribir_btn { width: 200px; margin: auto; margin-top: 50px; margin-bottom: 50px;} .workshops_detail .workshop_info { display: none;} .suscribe { display: none;} .suscribe.mobile { display: block; text-align: center;} .welcome_home h2 { font-size: 16px; text-align: center;} .welcome_home h2 i span {display: none;} .welcome_home p { font-size: 13px; line-height: 18px; text-align: center;} .navbar-right { display: none;} .gray_back { margin: 0px; margin-top: 0px; margin-bottom: 0px; overflow: hidden; padding-top: 30px;} .content_box {padding: 0px 15px} .welcome_home .img_box { margin: 0px; padding: 0px;} .middle_home .recent_title { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-top: 30px; border-top: 1px dotted #bdbdbd} .middle_home .recent_box { margin: 0px; padding: 0px 0px; border: 0px;} .ornament img { width: auto; height: 35px} .work_detail .gallery { height: auto;} .gallery .image img {display: block; width: 100%;} .main_product {padding: 0px 0px; overflow: hidden;} .main_product .col-sm-7 { padding: 0px;} .main_product .white_bg {padding: 8px 28px} .main_product .right_box.mobile { width: 100%; margin-top: 40px; overflow: hidden; margin-bottom: 20px;} .main_product .right_box.mobile .buy_btn{ width: 50%; margin: 0px; background-color: transparent; padding: 0px;} .main_product .right_box.mobile .buy_btn span{ background-color: #9f9f98; height: 80px; width: 95%; display: block; line-height: 73px; text-align: center; } .main_product .right_box.mobile .social{ width: 50%; margin: 0px} .main_product .right_box.mobile .social span{ border: 1px dotted #808080; height: 80px; width: 95%; text-align: center; display: block; padding-top: 24px;} .main_product .right_box.mobile .social span a{ display: inline; float: none;} .main_product .product_gallery { display: none;} .main_product .product_gallery_mobile { margin:0px 23px 0px 20px; height: auto; position: relative; overflow: hidden; box-sizing: content-box;} .main_product .product_gallery_mobile .back_slide { width: 100%; height: 80%; position: relative; background-size: cover;} .main_product .product_gallery_mobile .back_slide img {max-height: 100%; max-width: 100%;} .main_product .product_gallery_mobile .next_slide{ background-color: transparent !important; width: 15px; height: 10px; margin: 15px; cursor: pointer; } .about_main .big_img { height: 500px; background-position: center center; background-size: cover;} .about_main .big_img img{ opacity: 0} .about_main .white_box {width: inherit; height: 180px; padding: 15px; background-image: inherit; margin: 15px; display: block;} .welcome_home .text_box { padding-top: 0px; padding-bottom: 30px;} .bio_box_mobile { margin: 0px 7px;} .bio_box_mobile .content_wrap{ background-color: #FFF; padding: 10px 40px; margin-bottom: 25px; padding-bottom: 29px} .bio_box_mobile .content_wrap h1{ font-size: 16px; margin-bottom: 20px;} .bio_box_mobile .content_wrap p{ color: #808080; line-height: 18px} .bio_box_mobile .content_wrap blockquote p{ line-height: 24px; } .bio_box_mobile .content_wrap .container_info{ } .bio_box_mobile .content_wrap .slide_ed-box{ margin-bottom: 40px; margin-top: 35px } .bio_box_mobile .content_wrap .slide_ed-box:last-child{ margin-bottom: 10px; } .bio_box_mobile .content_wrap .slide_ed-box .year{ margin-bottom: 5px ; color: #000} .bio_box_mobile .content_wrap .slide_ed-box .title{ padding-top: 5px; margin-bottom: 5px; color: #000; padding-bottom: 5px; border-top: 1px dotted #808080; border-bottom: 1px dotted #808080 } .bio_box_mobile .content_wrap .slide_ed-box .sub_title{ color: #000; margin-bottom: 20px; } .bio_box_mobile .content_wrap .slide_teach{ padding-bottom: 15px; } .bio_box_mobile .slide_teach h2{ font-size: 18px; margin-top: 20px; margin-bottom: 20px; } .bio_box_mobile .slide_teach h3{ font-size: 18px; font-style: italic; } .about_main .white_box h1 { font-size: 24px} .about_main .white_box p { font-size: 18px; font-weight: normal; line-height: 19.8px} .bio .bio_box {margin: 15px; padding: 15px} .bio .bio_box .bio_nav span { margin: 0px 5px; padding: 0px;} .bio .bio_box .swiper-container { height: auto; max-height: inherit;} .bio .bio_box .swiper-container .content_wrap.slide_teach { height: 500px; overflow-y: scroll; overflow-x: hidden } .bio .bio_box .swiper-container .content_wrap.slide_teach .left_box { border: 0px; padding-right: 0px; margin-right: 0px;} .press_list .press_box .big_pic { height: 350px;} .press_list .press_box .white_box .h2 { margin-top: 0px} .press_list .press_box .box_type_a, .press_list .press_box .box_type_b { height: 300px} .press_list .right_img .big_pic {top: 0px} .press_list .press_box .white_box { padding: 0px; margin: auto} .networks a.email { width: 100%; margin-bottom: 50px;} .networks a.link_2 { width: 100%; margin-bottom: 50px;} .networks {} .networks h2 img{ width: 70%} .workshop_form { margin-top: 90px;} .workshop_form .form_big_wrapper { padding: 0px 15px} .workshop_form .quickmenu { padding: 0px;} .workshop_form .quickmenu li a {padding: 5px 11px} .workshop_form .ficha_tecnica .left_box, .workshop_form .ficha_tecnica .right_box { width: 100%;} .workshop_form .ficha_tecnica .left_box { position: relative;} .workshop_form .ficha_tecnica .left_box h1 { margin: 34px 0px; height: inherit; position: relative;} .workshops .workshop_box { margin-top: 20px;} .workshops .workshop_box:last-child { margin-bottom: 20px;} .work_highlight_img { background-size: cover; background-position: center center; height: 380px;} .work_highlight_img img {opacity: 0;} .work_list .highlight_label { width: inherit; margin: 15px; padding: 15px; height: 180px} .work_list .right_img .big_pic { top: 0px} .work_list .proyect_box .big_pic { background-size: cover;} .work_list .proyect_box .white_box { padding: 5px 20px; width: 95%; margin-top: 0px;} .work_detail { margin-top: 60px;} .work_detail .gallery_grid { margin-right: 0px; height: auto; margin-left: 0px; width: 100%;} .work_detail .gallery_grid .left { width: 100%;} .work_detail .gallery_grid .right { width: 100%;} .work_detail .gallery_grid .box { margin: 0px; margin-bottom: 10px;} .work_detail .type_0 .top_grid .box { width: 100%;} .white_poly .poly_detail .related_content { margin: 10px} .work_detail .related_content .narrow_related { margin:0px 0px;} .ornaments {} .ornaments img{ width: 100%; margin: 0px;} .shop_list .shop_highlight .featured_image { height: 350px; background-size: cover; background-position: center center;} .shop_list .shop_highlight .featured_image img {opacity: 0} .shop_list .shop_highlight .info_box { height: 310px} .big_product_list .white_hover {background-color: #FFF; margin-bottom: 20px} .little_text .about_shop_box { margin-top: 25px} .main_product .product_gallery, .main_product .product_box { height: auto;} .comments { margin: 15px;} .top_post_detail { padding-top: 57px} .top_post_detail .white_bg { padding: 20px 25px 15px; margin: 0px 15px; margin-top: 15px;} .post_detail .post_wrapper { margin: 0px 15px} .press_wrap .visible_effect.vis_box{ margin-bottom: 0px} .workshops_detail_wrapper { margin: 0px 15px} .workshops_detail_wrapper .visible_effect.vis_box{ margin-bottom: 0px} .work_detail.white_poly { margin: 0px; padding: 0px 15px;} .work_detail.white_poly .arrow_down{margin-top: 47px} .workshops_detail_wrapper .gallery .image img{ display: block; width: 100%; height: auto;} .white_poly .poly_detail .related_content {margin: 0px} .work_detail .gallery_grid { margin-bottom: 30px} .visible_effect.vis_box {margin-bottom: 50px} .about_main .big_back.visible_effect.vis_box {margin-bottom: 10px} #press_box.visible_effect.vis_box {margin-bottom: 0px} .shop_list_wrapper { padding: 15px;} .shop_list .shop_highlight .info_box .product_info { margin-top: 0px; width: inherit; padding: 15px;} .shop_list .shop_highlight .info_box .product_info .add_basket { left: 15px} .little_text .about_shop_box { max-width: 500px;} .little_text { padding: 15px; margin-top: 0px} .little_text .ornaments{ padding: 0px 27px 56px 27px;} .main_shop .slider_shop { height: 400px} .main_shop .slider_shop .swiper-container{ min-height: 360px} .main_shop .slider_shop .swiper-slide .back_slide img { height:360px; display:block} .work_detail .related_content .narrow_related .workshop_box { margin: 0px; margin-bottom: 30px; border-bottom: 1px dotted #e1e1e1; padding-bottom: 10px;} .shop_list .tax_title { margin-top: 0px;} .main_shop .little_text .ornaments { padding-bottom: 0px} .main_shop .little_text { margin-bottom: 10px} #studio_box { padding-top: 0px } #studio_box .ornament { margin-top: 42px} #studio_box h2{ margin-top: 0px } .up_btn {bottom: 42px; right: 0px} .work_list .proyect_box .big_pic { height: 360px;} .load_more { margin-top: 50px; position: relative; z-index: 5; margin-bottom: 70px;} .workshops_detail .white_workshop p { line-height: 18px;} .gallery .right, .gallery .left, .gallery .right .top .box { width: 100%;} } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .entry-content img, .entry-content iframe, .entry-content object, .entry-content embed { max-width: 100%; } .do-not-display{ display:none !important; }