/* Global ---------------------------------------------------------------------------- */ .rev_slider iframe{max-width:1220px} .rev_slider ul{margin:0!important} .tp-static-layers{z-index:200} #mfn-layer-slider{position:relative;z-index:28} #mfn-layer-slider .ls-yourlogo{z-index:29} /* Section --------------------------------------------------------------------------- */ .section[data-parallax="3d"]{overflow:hidden} .section .mfn-parallax{position:absolute;left:0;top:0;max-width:none!important;transition:opacity .2s;} .section > .mfn-parallax{z-index:1} .wrap[data-parallax="3d"]{overflow:hidden;position:relative} .wrap[data-parallax="3d"] > .mcb-wrap-inner,.wrap[data-parallax="3d"] > .column{position:relative} .section.center{text-align:center} .section.no-margin .column,.section.no-margin-v .column{margin-bottom:0} .the_content_wrapper pre{margin-bottom:20px} /* Transparent ----------------------------------------------------------------------- */ .tr-content #Wrapper,.tr-content #Content{background:none} .tr-header #Wrapper{background:none} .tr-header #Header_wrapper{background:none!important} .tr-footer #Wrapper{background:none} .tr-footer #Footer{background-color:transparent!important} /* No Shadow ------------------------------------------------------------------------- */ .no-shadows #Wrapper,.no-shadows #Top_bar.is-sticky,.no-shadows #Header_creative, .no-shadows input[type="date"],.no-shadows input[type="email"],.no-shadows input[type="number"],.no-shadows input[type="password"],.no-shadows input[type="search"],.no-shadows input[type="tel"], .no-shadows input[type="text"],.no-shadows input[type="url"],.no-shadows select,.no-shadows textarea,.no-shadows .woocommerce .quantity input.qty{box-shadow:0 0 0 transparent;-webkit-box-shadow:0 0 0 transparent} .no-shadows #Wrapper{overflow:visible} .no-shadows #Subheader:after{display:none} /* Blank & Under Construction -------------------------------------------------------- */ .page.hide-title-area #Content,.no-content-padding #Content,.template-blank #Content,.under-construction #Content{padding:0!important} .with_aside.page.hide-title-area .sections_group,.with_aside.no-content-padding .sections_group{padding:0!important} .under-construction .section-uc-1{padding-top:40px;background-color:#fff} .under-construction .section-uc-2{padding-top:40px;background-color:#f5f5f5;background:url(../images/stripes/stripes_3_b.png) repeat center} .under-construction .section-uc-3{padding-top:40px} .under-construction .section-border-top{border-top:1px solid rgba(0,0,0,0.08)} /* Nice Scroll | .nice-scroll -------------------------------------------------------- */ body.nice-scroll{position:relative} body.nice-scroll:not(.layout-boxed){padding-right:10px!important} .nice-scroll #configurator,.nice-scroll #Sliding-top a.sliding-top-control,.nice-scroll .fixed-nav.fixed-nav-next{margin-right:10px} .nice-scroll .nicescroll-rails{background:#666;z-index:9002!important} /* Slider | Pagination --------------------------------------------------------------- */ .slider_pagination{text-align:center;line-height:0} .slider_pagination a{display:inline-block;width:12px;height:12px;text-indent:-9999px;margin:0 9px;background:rgba(0,0,0,.15);-webkit-border-radius:100%;border-radius:100%;position:relative;cursor:pointer} .slider_pagination a:hover{background:rgba(0,0,0,.25)} .slider_pagination a.selected, .slider_pagination .slick-active a{width:10px;height:8px;margin:0 10px;position:relative;top:4px;background:rgba(0,0,0,.15);-webkit-border-radius:2px;border-radius:2px} .slider_pagination a.selected:after, .slider_pagination .slick-active a:after{content:"";display:block;width:8px;height:8px;-webkit-border-radius:1px;border-radius:1px;position:absolute;left:1px;top:-3px;background:#D6D6D6;-webkit-transform:rotate(45deg);transform:rotate(45deg)} /* Slider Revolution ----------------------------------------------------------------- */ #mfn-rev-slider input{display:inline-block} /* Sliding top ----------------------------------------------------------------------- */ #Sliding-top{position:absolute;left:0;top:0;width:100%;z-index:800} #Sliding-top:after{content:"";height:3px;width:100%;display:block;position:absolute;left:0;bottom:-3px;z-index:1;background:url(../images/box_shadow.png) repeat-x left top} #Sliding-top .widgets_wrapper{padding:15px 0;display:none} #Sliding-top .widgets_wrapper .column{margin-bottom:0} #Sliding-top .widgets_wrapper .widget{margin-bottom:0;padding:15px 0} #Sliding-top .widgets_wrapper .widget:after{display:none} #Sliding-top a.sliding-top-control{display:block;width:0;height:0;border-style:solid;border-width:0 45px 45px 0;border-color:transparent;position:absolute;z-index:801;right:0;bottom:-45px} #Sliding-top a.sliding-top-control span{display:block;width:26px;height:30px;line-height:25px;text-align:center;position:absolute;right:-45px;top:0;color:#fff;font-size:18px} #Sliding-top a.sliding-top-control .minus{display:none} #Sliding-top a.sliding-top-control .plus{display:block} #Sliding-top.active a.sliding-top-control .minus{display:block} #Sliding-top.active a.sliding-top-control .plus{display:none} #Sliding-top.st-center a.sliding-top-control{border-color:transparent;border-width:45px 45px 0;left:50%;right:auto;margin-left:-22px;margin-right:0} #Sliding-top.st-center a.sliding-top-control span{left:-14px;top:-45px} #Sliding-top.st-left a.sliding-top-control{border-color:transparent;border-width:45px 45px 0 0;left:0;right:auto;margin-right:0} #Sliding-top.st-left a.sliding-top-control span{left:-3px;top:-45px} #Sliding-top .Recent_posts ul li .desc{background:rgba(0,0,0,.1)} #Sliding-top .widget_mfn_menu ul li a{background:rgba(0,0,0,.1);color:#ccc} #Sliding-top .widget_recent_entries ul li{background:rgba(0,0,0,.1)} #Sliding-top ul.list_mixed li:after,#Sliding-top ul.list_check li:after,#Sliding-top ul.list_star li:after,#Sliding-top ul.list_idea li:after{background:rgba(255,255,255,.08)} #Sliding-top .widget_mfn_recent_comments ul li .date_label{background-color:rgba(0,0,0,.07)} #Sliding-top .widget_mfn_recent_comments ul li .date_label:after{border-left-color:rgba(0,0,0,.07)} /* Pager ----------------------------------------------------------------------------- */ .pager_wrapper{margin-bottom:0} .pager{text-align:center} .pager .pages{display:inline-block;margin:20px 30px 0;padding:4px 3px;-webkit-border-radius:5px;border-radius:5px;background-color:#f8f8f8;background-image:url(../images/stripes/stripes_3_b.png)} .pager .pages a,.pager .pages span.page-numbers{display:inline-block;margin:0 1px;width:35px;height:35px;line-height:35px;text-align:center;-webkit-border-radius:5px;border-radius:5px} .pager .pages a:hover{text-decoration:none} .pager .pages a:hover,.pager .pages a.active,.pager .pages span.page-numbers.current{color:#fff} .pager a.next_page,.pager a.prev_page{display:inline-block;line-height:43px} .pager .pages a{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} /* Load more button ------------------------------------------------------------------ */ .pager_lm{background:url(../images/preloader.gif) no-repeat center 17px;text-align:center} .pager_lm .pager_load_more{margin:20px 0} .pager_lm.loading{min-height:49px} .pager_lm:not(.loading){background:none} /* Pager single | blog post ---------------------------------------------------------- */ .page-pager,.post-pager{margin-bottom:0!important;} .pager-single{text-align:center;background:rgba(0,0,0,0.02);margin-top:15px;margin-bottom:40px} .pager-single span{height:45px;line-height:45px;display:inline-block;padding:0 9px;position:relative;font-weight:700} .pager-single a span{font-weight:400} .pager-single span:after{content:"";display:block;position:absolute;left:0;bottom:-1px;width:100%;height:1px} .pager-single a span:after{display:none} /* Fixed Navigation ------------------------------------------------------------------ */ #Content .fixed-nav{display:none} .fixed-nav{position:fixed;bottom:40px;height:80px;z-index:90} .fixed-nav.fixed-nav-prev{left:0} .fixed-nav.fixed-nav-next{right:0} .fixed-nav .arrow{display:block;width:35px;height:80px;font-size:15px;position:relative;z-index:92;color:#fff;line-height:80px;text-align:center} .fixed-nav .photo{height:80px;width:80px;position:relative;z-index:92;overflow:hidden;line-height:0;background-color:#000} .fixed-nav .desc{width:190px;padding:6px 15px;min-height:68px;background:#fff;z-index:91} .fixed-nav .desc h6{margin-bottom:3px;padding-bottom:3px;border-bottom-width:1px;border-style:solid} .fixed-nav .desc i{display:inline-block;margin-right:2px} .fixed-nav .desc i:before{margin-left:0} .fixed-nav-prev .arrow,.fixed-nav-prev .photo,.fixed-nav-prev .desc{float:left} .fixed-nav-prev .desc{margin-left:-335px} .fixed-nav-prev:hover .desc{margin-left:0} .fixed-nav-next .arrow,.fixed-nav-next .photo,.fixed-nav-next .desc{float:right} .fixed-nav-next .desc{margin-right:-335px} .fixed-nav-next:hover .desc{margin-right:0} .fixed-nav .photo,.fixed-nav .desc{transition:all .3s ease-in-out} .fixed-nav.format-quote .desc{display:none} .fixed-nav.format-quote .photo{background-color:#eee;background-image:url(../images/blockquote.png);background-position:center center;background-repeat:no-repeat;background-size:50% auto} .fixed-nav.format-link .photo img{display:none} .fixed-nav.format-link .photo{background-color:#eee;background-image:url(../images/link.png);background-position:center center;background-repeat:no-repeat} @media only screen and (max-width: 1430px) { .fixed-nav-prev .photo{position:static;margin-left:-115px} .fixed-nav-prev:hover .photo{margin-left:0} .fixed-nav-next .photo{position:static;margin-right:-115px} .fixed-nav-next:hover .photo{margin-right:0} } .fixed-nav.style-images .arrow{display:none} .fixed-nav.style-images .photo{background:#EEEEEE;margin:0;} .fixed-nav.style-images .photo:before{font-family:'mfn-icons';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;color:#ccc;transition:color .1s ease-in-out} .fixed-nav.style-images:hover .photo:before{color:#aaa} .fixed-nav-prev.style-images .photo:before{content:'\e8b8'} .fixed-nav-next.style-images .photo:before{content:'\e916'} .fixed-nav.style-images .photo img{position:relative;transition:opacity .1s ease-in-out} .fixed-nav.style-images:hover .photo img{opacity:0} .fixed-nav.style-images .desc{display:none} .fixed-nav.style-arrows .arrow{display:none} .fixed-nav.style-arrows .photo{background:#EEEEEE;margin:0;} .fixed-nav.style-arrows .photo:before{font-family:'mfn-icons';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;color:#ccc;transition:color .1s ease-in-out} .fixed-nav.style-arrows:hover .photo:before{color:#aaa} .fixed-nav-prev.style-arrows .photo:before{content:'\e8b8'} .fixed-nav-next.style-arrows .photo:before{content:'\e916'} .fixed-nav.style-arrows .photo img{display:none;} .fixed-nav.style-arrows .desc{display:none} .header-creative.tr-menu .fixed-nav .desc{margin:0;opacity:0} .header-creative.tr-menu .fixed-nav:hover .desc{opacity:1} /* Filters --------------------------------------------------------------------------- */ #Filters{margin-bottom:30px} #Filters .filters_buttons{padding:15px;margin:0;font-size:100%;background-image:url(../images/stripes/stripes_5_b.png);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden} #Filters .filters_buttons li{float:left;margin:0 15px 0 0;list-style:none} #Filters .filters_buttons li.categories i,#Filters .filters_buttons li.tags i{margin-right:3px} #Filters .filters_buttons li.reset{float:right;margin-right:0} #Filters .filters_wrapper{display:none;margin-top:20px} #Filters .filters_wrapper ul{display:none;overflow:hidden;margin:0} #Filters .filters_wrapper ul li{display:inline-block;width:18.9%;margin:.5%;list-style:none} #Filters .filters_wrapper ul li a{display:block;padding:7px 10px;background:#fff;border:1px solid #F7F7F7;color:#858585} #Filters .filters_wrapper ul li a:hover,#Filters .filters_wrapper ul li.current-cat a{text-decoration:none;color:#fff} #Filters .filters_wrapper ul li.close{width:auto!important} #Filters .filters_wrapper ul li.close a{text-align:center;width:38px;padding:7px 0;background:#8B8B8B;border:1px solid #F7F7F7!important;color:#fff} #Filters .filters_wrapper ul li.close a:hover{background:#545454} #Filters .filters_wrapper li.reset-inner{display:none} #Filters.only .filters_buttons{display:none} #Filters.only .filters_wrapper{display:block} #Filters.only li.reset-inner{display:inline-block} #Filters.only li.close{display:none!important} #Filters.only-categories .categories{display:block} #Filters.only-categories .tags{display:none!important} #Filters.only-categories .authors{display:none!important} #Filters.only-tags .categories{display:none!important} #Filters.only-tags .tags{display:block} #Filters.only-tags .authors{display:none!important} #Filters.only-authors .categories{display:none!important} #Filters.only-authors .tags{display:none!important} #Filters.only-authors .authors{display:block} #Filters .filters_wrapper ul li a{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out} /* Section | Highlight --------------------------------------------------------------- */ .highlight-left,.highlight-right{position:relative} .highlight-left:after,.highlight-right:after{content:"";position:absolute;width:50%;height:100%;top:0;z-index:1} .highlight-left:after{left:0} .highlight-right:after{right:0} .highlight-left .section_wrapper,.highlight-right .section_wrapper{z-index:2} @media only screen and (max-width: 767px) { .highlight-left:after,.highlight-right:after{content:none} } /* Header ---------------------------------------------------------------------------- */ body:not(.template-slider) #Header_wrapper{background-repeat:no-repeat;background-position:top center} body:not(.template-slider) #Header_wrapper.bg-fixed{background-attachment:fixed} #Header_wrapper{position:relative} #Header{position:relative} body:not(.template-slider) #Header{min-height:250px} .single-template-intro #Header{min-height:0!important} /* .minimalist-header */ body.minimalist-header:not(.template-slider) #Header{min-height:0;background-image:none!important} body.minimalist-header.header-modern:not(.template-slider) #Header{min-height:147px} body.minimalist-header.header-simple:not(.template-slider) #Header{min-height:130px} body.minimalist-header.header-stack:not(.template-slider) #Header{min-height:0} body.minimalist-header.header-fixed:not(.template-slider) #Header{min-height:60px} body.minimalist-header.header-below:not(.template-slider) #Header{min-height:90px;padding-top:0} .minimalist-header-no #Header{min-height:0!important} .minimalist-header-no.header-below #Header{padding-top:0!important} /* Action Bar ------------------------------------------------------------------------ */ #Action_bar{position:absolute;left:0;top:0;width:100%;z-index:30;line-height:21px;} #Action_bar .column{margin-bottom:0;overflow:hidden} #Action_bar .contact_details{float:left;color:rgba(255,255,255,0.5)} #Action_bar .contact_details li{display:inline-block;margin-right:10px;padding:20px 0} #Action_bar .contact_details li > i{margin-right:2px} #Action_bar .contact_details li:last-child{margin-right:0} #Action_bar .social{float:right;padding:20px 0} #Action_bar .social li{display:inline-block;margin-right:6px} #Action_bar .social li:last-child{margin-right:0} #Action_bar .social li a{color:rgba(255,255,255,.3);font-size:15px;line-height:15px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} #Action_bar .social li a:hover{color:#fff} #Action_bar .social-menu{float:right;padding:20px 0} #Action_bar .social-menu li{display:inline-block;margin-right:6px;padding-right:6px;border-right:1px solid rgba(255,255,255,.1)} #Action_bar .social-menu li:last-child{margin-right:0;padding-right:0;border-right:0} /* Top Bar --------------------------------------------------------------------------- */ #Top_bar{position:absolute;left:0;top:61px;width:100%;z-index:30;background-image: -moz-linear-gradient( -18deg, rgb(60,0,122) 0%, rgb(164,78,141) 100%); background-image: -webkit-linear-gradient( -18deg, rgb(60,0,122) 0%, rgb(164,78,141) 100%); background-image: -ms-linear-gradient( -18deg, rgb(60,0,122) 0%, rgb(164,78,141) 100%)} #Top_bar .column{margin-bottom:0} .layout-full-width.header-fw #Action_bar .container,.layout-full-width.header-fw #Top_bar .container{max-width:100%} #Top_bar .top_bar_left{position:relative;float:left;width:990px} /* Logo */ #Top_bar .logo{float:left;margin:0 30px 0 20px} #Top_bar .logo h1{margin:0} #Top_bar .logo:not(.text-logo) h1{line-height:0;font-size:0;margin:0} #Top_bar #logo{display:block;float:left;height:60px;line-height:60px;padding:15px 0} #Top_bar #logo:hover{text-decoration:none} #Top_bar #logo img{vertical-align:middle;max-height:100%} #Top_bar #logo img.logo-sticky,#Top_bar #logo img.logo-mobile,#Top_bar #logo img.logo-mobile-sticky{display:none} #Top_bar .text-logo #logo{font-weight:300} /* Logo | Advanced */ .logo-valign-top #Top_bar #logo img{vertical-align:top} .logo-valign-bottom #Top_bar #logo img{vertical-align:bottom} .logo-no-margin #Top_bar .logo{margin-left:0!important;padding:0!important} .logo-no-margin.header-plain #Top_bar .logo{margin:0!important} .logo-no-margin #Header_creative .logo{margin-top:0!important} .logo-no-margin.header-fw #Top_bar .column{margin:0;width:100%} .logo-no-sticky-padding #Top_bar.is-sticky #logo{padding:0!important} .logo-no-sticky-padding #Top_bar.is-sticky #logo img.logo-sticky{max-height:60px} .logo-overflow #Top_bar .logo{height:60px;position:relative;z-index:198} .logo-overflow #Top_bar #logo{height:auto!important;margin-top:0!important;z-index:199} .logo-overflow #Top_bar #logo img{max-height:none;z-index:200} .logo-overflow #Top_bar.is-sticky #logo{height:auto!important} .logo-overflow #Top_bar.is-sticky #logo img.logo-sticky:not(.svg){max-height:110px} .logo-overflow.header-creative #Top_bar:not(.is-sticky) .logo, .logo-overflow.header-stack #Top_bar:not(.is-sticky) .logo{height:auto} /* Menu wrapper */ #Top_bar .menu_wrapper {float:left;z-index:201;} /* Secondary menu wrapper */ #Top_bar .secondary_menu_wrapper{display:none;} /* Menu responsive */ #Top_bar a.responsive-menu-toggle{display:none;position:absolute;right:-20px;top:50%;margin-top:-17px;width:34px;height:34px;text-align:center;border-radius:3px;z-index:200;} #Top_bar a.responsive-menu-toggle i{font-size:22px;line-height:34px} /*#Top_bar a.responsive-menu-toggle span{float:right;padding:10px 5px;line-height:14px}*/ /* Banner */ #Top_bar .banner_wrapper{display:none;} /* Search wrapper */ #Top_bar .search_wrapper{position:absolute;left:0;top:100%;display:none;z-index:201;width:100%;padding:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #Top_bar .search_wrapper input[type="text"]{width:100%;margin:0;box-sizing:border-box;-webkit-box-shadow:0 0 0;box-shadow:0 0 0;padding-left:35px;background:none;border-width:0 0 1px;border-style:solid;border-color:rgba(255,255,255,.08)!important;font-size:15px} #Top_bar .search_wrapper input[type="text"]:focus{background-color:transparent!important} #Top_bar .search_wrapper .icon_search,#Top_bar .search_wrapper .icon_close{position:absolute;top:25px;font-size:22px;line-height:22px;display:block} #Top_bar .search_wrapper .icon_search{left:18px;color:rgba(0,0,0,.5)} #Top_bar .search_wrapper .icon_close{right:18px;color:#fff;opacity:.3;filter:alpha(opacity=30);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out} #Top_bar .search_wrapper .icon_close:hover{right:18px;opacity:1;filter:alpha(opacity=100)} /* Top Bar | Right */ #Top_bar .top_bar_right{float:right;height:90px;position:relative;top:-4px;padding:0 10px 0 20px} #Top_bar .top_bar_right:before{content:"";display:block;height:100%;width:10px;position:absolute;left:-10px;top:2px;background-image:url(../images/top_bar_right_shadow.png);background-repeat:repeat-y;-moz-transform:skewX(0deg) skewY(-25deg);-webkit-transform:skewX(0deg) skewY(-25deg);-o-transform:skewX(0deg) skewY(-25deg);-ms-transform:skewX(0deg) skewY(-25deg);transform:skewX(0deg) skewY(-25deg)} .ie #Top_bar .top_bar_right:before{width:11px} #Top_bar .top_bar_right_wrapper{position:relative;top:25px} /* Cart */ #Top_bar a#header_cart{position:relative;top:9px;display:block;float:left;font-size:22px;line-height:22px;margin-right:5px} #Top_bar a#header_cart span{position:relative;right:9px;top:-10px;display:inline-block;width:17px;height:17px;line-height:17px;text-align:center;font-size:11px;color:#fff;-webkit-border-radius:3px;border-radius:3px} /* Search */ #Top_bar a#search_button{position:relative;top:9px;display:block;float:left;font-size:23px;line-height:22px;margin-right:5px;margin-left:-10px;} #Top_bar a#search_button.has-input input{display:inline-block;margin:-5px 0 0;padding:8px;position:relative;top:-2px;width:130px} /* Action Button */ #Top_bar a.action_button{top:-2px;margin:0 5px} /* @since 20.8.9 colors fallback */ a.action_button{background-color:#f7f7f7;color:#747474;} .button-stroke a.action_button:hover{background-color:#747474!important;color:#fff} /* WPML */ #Top_bar .wpml-languages{display:block;float:left;position:relative;z-index:210;margin-right:10px;font-size:13px;line-height:21px;} #Top_bar .wpml-languages a.active{display:block;padding:10px 6px 10px 10px;height:17px;border:1px solid rgba(0,0,0,.1);-webkit-border-radius:5px;border-radius:5px} #Top_bar .wpml-languages.disabled a.active{padding-right:10px;} #Top_bar .wpml-languages a.active i{font-size:14px;line-height:14px;margin:0 0 0 5px} #Top_bar .wpml-languages a.active i:before{margin:0} #Top_bar .wpml-languages a:hover.active{text-decoration:none} #Top_bar .wpml-languages.enabled:hover a.active{-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;border-bottom:0} #Top_bar .wpml-languages ul.wpml-lang-dropdown{position:absolute;left:0;top:100%;width:100%;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;z-index:205;overflow:hidden;display:none;border-width:0 1px 1px;border-style:solid;border-color:rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box} #Top_bar .wpml-languages ul.wpml-lang-dropdown li{border-bottom:1px solid rgba(0,0,0,0.05)} #Top_bar .wpml-languages ul.wpml-lang-dropdown li:last-child{border-bottom:0} #Top_bar .wpml-languages ul.wpml-lang-dropdown li a{font-size:12px;display:block;text-align:center;padding:4px 0;opacity:.75;} #Top_bar .wpml-languages ul.wpml-lang-dropdown li a:hover{text-decoration:none;opacity:1;} #Top_bar .wpml-languages:hover{height:auto} #Top_bar .wpml-languages:hover ul.wpml-lang-dropdown{display:block} #Top_bar .wpml-languages a.active,#Top_bar .wpml-languages ul.wpml-lang-dropdown{background:#fff} #Top_bar .wpml-languages.horizontal{display:block;padding:8px 10px;border:1px solid #e8e8e8;background:#fff;-webkit-border-radius:5px;border-radius:5px} #Top_bar .wpml-languages.horizontal ul li{float:left;margin-right:6px} #Top_bar .wpml-languages.horizontal ul li:last-child{margin-right:0} /* Main Menu ------------------------------------------------------------------------- */ /* 1st level */ #Top_bar #menu{z-index:201} #Top_bar .menu{z-index:202} #Top_bar .menu.menu-mobile{display:none} #Top_bar .menu > li{margin:0;z-index:203;display:block;float:left} #Top_bar .menu > li:not(.mfn-megamenu-parent){position:relative} #Top_bar .menu > li.hover{z-index:204} #Top_bar .menu > li > a{display:block;line-height:60px;padding:15px 0;position:relative} #Top_bar .page-menu > li > a{padding:15px 20px} #Top_bar .menu > li > a:after{content:"";height:4px;width:100%;position:absolute;left:0;top:-4px;z-index:203;opacity:0;filter:alpha(opacity=0)} #Top_bar .menu > li > a span:not(.description){display:block;line-height:60px;padding:0 20px;white-space:nowrap;border-right-width:1px;border-style:solid} #Top_bar .menu > li > a span.description{font-size:11px;line-height:12px!important;margin:-12px -15px 0;color:#aaa;font-weight:300;text-align:center;display:block} #Top_bar .menu > li > a span > span:not(.description){display:inline!important;padding:0!important} #Top_bar .menu > li:last-child > a span{border:0} #Top_bar .menu > li > a:hover{text-decoration:none} .menuo-arrows #Top_bar .menu > li.submenu > a > span:not(.description){padding-right:30px} .menuo-arrows #Top_bar .menu > li.submenu > a > span:not(.description):after{content:"";display:block;width:0;height:0;position:absolute;top:50%;right:10px;margin-top:-2px;border-top:5px solid #ccc;border-left:5px solid transparent;border-right:5px solid transparent;opacity:.6} /* Animation */ #Top_bar .menu > li > a,#Top_bar .menu > li > a:after,.menuo-arrows #Top_bar .menu > li.submenu > a > span:not(.description)::after{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} #Top_bar .menu > li.current-menu-item > a:after, #Top_bar .menu > li.current_page_item > a:after, #Top_bar .menu > li.current-menu-parent > a:after, #Top_bar .menu > li.current-page-parent > a:after, #Top_bar .menu > li.current-menu-ancestor > a:after, #Top_bar .menu > li.current_page_ancestor > a:after, #Top_bar .menu > li.hover > a:after { opacity: 1; filter: alpha(opacity=100); } #Top_bar .menu.page-menu > li > a {border-right:1px solid rgba(0, 0, 0, 0.05);margin:15px 0;padding:0 20px;} #Top_bar .menu.page-menu > li:last-child > a {border-right:none;} #Top_bar .menu.page-menu > li > a:after {display:none;} #Top_bar.is-sticky .menu_wrapper .menu.page-menu > li > a {margin:0;padding-left:20px;padding-right:20px;} /* 2nd level */ #Top_bar .menu li ul{position:absolute;left:0;top:100%;z-index:205;margin:0;display:none;background-image:url(../images/box_shadow.png);background-repeat:repeat-x;background-position:left top} #Top_bar .menu li > ul{box-shadow:2px 2px 2px 0 rgba(0,0,0,0.03);-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.03)} #Top_bar .menu li ul li{padding:0;width:200px;position:relative;font-weight:400} #Top_bar .menu li ul li a{padding:10px 20px;display:block;border-bottom:1px solid rgba(0,0,0,0.05)} #Top_bar .menu li ul li a span{display:inline-block;position:relative} #Top_bar .menu li ul li a .menu-arrow{position:absolute;right:7px;top:11px;font-size:12px;color:rgba(0,0,0,0.35)} #Top_bar .menu > li ul li a:hover,#Top_bar .menu > li ul li.hover > a{text-decoration:none;background:rgba(0,0,0,.06)} .menuo-sub-active #Top_bar .menu > li ul li.current-menu-item > a,.menuo-sub-active #Top_bar .menu > li ul li.current-menu-ancestor > a{background:rgba(0,0,0,.06)} /* .menuo-sub-limit #Top_bar .menu li ul li{width:200px} */ /* WPML */ #Top_bar .menu li ul li.wpml-ls-item{width:auto} #Top_bar .menu li ul li.wpml-ls-item a{padding-right:20px;white-space:nowrap} /* 3rd level */ #Top_bar .menu li ul li ul{position:absolute;left:200px;top:0;z-index:204} .menuo-last #Top_bar .menu > li.last ul:not(.mfn-megamenu){right:0;left:auto;-webkit-box-shadow:-2px 2px 2px 0 rgba(0,0,0,0.03);box-shadow:-2px 2px 2px 0 rgba(0,0,0,0.03)} .menuo-last #Top_bar .menu > li.last ul:not(.mfn-megamenu) li ul{right:200px} /* Animation */ #Top_bar .menu li ul li a{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out} /* Secondary Menu ------------------------------------------------------------------------- */ #Header #menu-secondary-menu{z-index:220} #Header .secondary-menu{z-index:221} #Header .secondary-menu > li{margin:0;z-index:222;display:block;float:left;position:relative;padding:8px 9px;line-height:100%;-webkit-border-radius:4px;border-radius:4px} #Header .secondary-menu > li.submenu{-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0} #Header .secondary-menu > li > a{display:block} #Header .secondary-menu > li > a:hover{text-decoration:none} #Header .secondary-menu li ul{position:absolute;left:0;padding:7px;top:100%;z-index:223;margin:0;display:none;-webkit-border-radius:0 4px 4px 4px;border-radius:0 4px 4px 4px} #Header .secondary-menu li ul li:last-child{border-bottom:0} #Header .secondary-menu li ul li a{display:block;text-align:center;white-space:nowrap;padding:6px 8px} #Header .secondary-menu li ul li a:hover{text-decoration:none} #Header .secondary-menu > li > a{color:#A8A8A8} #Header .secondary-menu > li.hover,#Header .secondary-menu li ul{background:#F9F9F9} #Header .secondary-menu li ul li{border-bottom:1px solid rgba(0,0,0,0.05)} #Header .secondary-menu li ul li a{color:#8B8B8B} #Header .secondary-menu li ul li a:hover{color:#5F5F5F;background:rgba(255,255,255,0.8)} /* Header styles --------------------------------------------------------------------- */ .tr-menu .top_bar_left{background-color:transparent!important} .tr-menu .top_bar_right,.tr-menu .top_bar_right:before{background:none!important} /* Header | Classic */ .header-classic #Header .top_bar_left,.header-classic #Header .top_bar_right{background-color:transparent} .header-classic #Top_bar{position:static;background-color:#fff} .header-classic #Top_bar .top_bar_right{top:0} .header-classic #Top_bar .top_bar_right:before{display:none} .header-classic #Action_bar{position:static;background-color:#2C2C2C} .header-classic #Action_bar .contact_details li,.header-classic #Action_bar .social,.header-classic #Action_bar .social-menu{padding:12px 0} /* Header | Fixed */ @media only screen and (min-width: 768px) { .header-fixed #Action_bar{position:fixed;top:0;left:0;background-color:#2c2c2c} .header-fixed #Action_bar .contact_details li,.header-fixed #Action_bar .social,.header-fixed #Action_bar .social-menu{padding:5px 0} .header-fixed #Top_bar{position:fixed;width:100%;left:0;top:0!important;z-index:701;background:#fff;opacity:.97;box-shadow:0 2px 5px 0 rgba(0,0,0,0.1)} .header-fixed.ab-show #Top_bar{top:31px!important} .header-fixed #Top_bar .top_bar_right{top:1px} .header-fixed #Top_bar .top_bar_left,.header-fixed #Top_bar .top_bar_right,.header-fixed #Top_bar .top_bar_right:before{background:none} .header-fixed #Top_bar .logo{width:auto;margin:0 30px 0 20px;padding:0} .header-fixed #Top_bar #logo{padding:5px 0;height:50px;line-height:50px} .header-fixed #Top_bar .menu_wrapper{clear:none} .header-fixed #Top_bar .menu > li > a{padding:15px 0} .header-fixed #Top_bar .menu > li > a,.header-fixed #Top_bar .menu > li > a span{line-height:30px} .header-fixed #Top_bar .menu > li > a:after{top:auto;bottom:-4px} .header-fixed #Top_bar .menu > li > a span.description{margin-top:-5px;margin-bottom:-7px} .header-fixed #Top_bar .secondary_menu_wrapper{display:none} .tr-menu.header-fixed #Top_bar:not(.is-sticky){background:none!important;box-shadow:0 0 0 0 transparent} .tr-menu.header-fixed.minimalist-header:not(.template-slider) #Header{min-height:91px} .header-fixed.admin-bar #Action_bar{top:32px} .header-fixed.woocommerce-demo-store #Action_bar{top:45px} .header-fixed.admin-bar.woocommerce-demo-store #Action_bar{top:77px} .header-fixed.admin-bar #Top_bar{top:32px!important} .header-fixed.woocommerce-demo-store #Top_bar{top:45px!important} .header-fixed.admin-bar.woocommerce-demo-store #Top_bar{top:77px!important} .header-fixed.admin-bar.ab-show #Top_bar{top:63px!important} .header-fixed.woocommerce-demo-store.ab-show #Top_bar{top:76px!important} .header-fixed.admin-bar.woocommerce-demo-store.ab-show #Top_bar{top:108px!important} } /* Header | Below */ .header-below #Header .top_bar_left,.header-below #Header .top_bar_right{background-color:transparent} body.header-below:not(.template-slider) #Header{min-height:90px;padding-top:160px} .header-below #Top_bar{position:static;background-color:#fff} .header-below #Top_bar .top_bar_right{top:0} .header-below #Top_bar .top_bar_right:before{display:none} .header-below #Action_bar{position:static} /* Header | Plain */ .header-plain #Top_bar{border-bottom-width:1px;border-style:solid;position:static} .header-plain.layout-boxed #Top_bar .container{max-width:100%} .header-plain #Top_bar .one.column{width:100%;margin:0} .header-plain #Header .top_bar_left,.header-plain #Header .top_bar_right{background-color:transparent} .header-plain #Top_bar .top_bar_right,.header-plain #Top_bar .top_bar_right_wrapper{top:0} .header-plain #Top_bar .top_bar_right:before{display:none} .header-plain #Action_bar{position:static} .header-plain #Action_bar .contact_details li,.header-plain #Action_bar .social,.header-plain #Action_bar .social-menu{padding:12px 0} /* Header plain | Logo */ .header-plain #Top_bar #logo{height:50px;line-height:50px} /* Header plain | Menu */ .header-plain #Top_bar .menu_wrapper{float:right} .header-plain #Top_bar .menu > li > a{padding-top:0!important;padding-bottom:0!important} .header-plain #Top_bar .menu > li > a:after{display:none} .header-plain #Top_bar .menu > li > a span:not(.description){line-height:80px;padding:0 30px} .header-plain #Top_bar .menu > li:first-child > a span:not(.description){border-left-width:1px} .header-plain #Top_bar .top_bar_right{height:80px;padding:0;margin-left:-1px;} .header-plain.menu-highlight #Top_bar .menu > li,.header-plain.menu-highlight #Top_bar .menu > li > a{margin:0} /* Header plain | Top bar right */ .header-plain #Top_bar a#header_cart,.header-plain #Top_bar a#search_button{margin-right:0;top:0;border-left-width:1px;border-style:solid} .header-plain #Top_bar a#header_cart span{margin-right:-9px} .header-plain #Top_bar .wpml-languages{top:0;margin:0;padding:0 25px;line-height:80px;border-left-width:1px;border-style:solid} .header-plain #Top_bar .wpml-languages a.active{border:0;padding:0;height:auto} .header-plain #Top_bar .wpml-languages ul.wpml-lang-dropdown li a{line-height:40px} .header-plain #Top_bar .wpml-languages a.active{background:none} .header-plain #Top_bar .wpml-languages ul.wpml-lang-dropdown{border:0;border-radius:0} .header-plain #Top_bar a#header_cart,.header-plain #Top_bar a#search_button{padding:0 25px;line-height:80px;margin-left:0;} .header-plain #Top_bar a.action_button{margin:0;top:0;line-height:90px;padding:0 30px;border-radius:0;border-left:1px solid #F2F2F2} .header-plain.button-stroke #Top_bar a.action_button{border-width:0 0 0 1px;background-color:#f7f7f7} /* Header plain | Sticky */ .header-plain #Top_bar.is-sticky .menu > li > a span:not(.description){line-height:60px!important} .header-plain #Top_bar.is-sticky .top_bar_right{padding:0;height:60px;top:0} .header-plain #Top_bar.is-sticky a#header_cart,.header-plain #Top_bar.is-sticky a#search_button{padding:0 25px;line-height:60px} .header-plain #Top_bar.is-sticky .wpml-languages{padding:0 25px;height:60px;line-height:60px} .header-plain #Top_bar.is-sticky .wpml-languages{top:0} .header-plain #Top_bar.is-sticky a.action_button{line-height:60px} /* Header plain | Colors */ .header-plain #Action_bar{background-color:#2C2C2C} .header-plain #Top_bar{background-color:#fff} .header-plain #Top_bar,.header-plain #Top_bar .menu > li > a span:not(.description),.header-plain #Top_bar a#header_cart, .header-plain #Top_bar a#search_button,.header-plain #Top_bar .wpml-languages{border-color:#f2f2f2} /* Header | Split */ .header-split #Header .top_bar_left{width:100%!important} .header-split #Header .top_bar_left,.header-split #Header .top_bar_right{background-color:transparent} .header-split #Header .top_bar_left .menu_wrapper{width:100%} .header-split #Header .top_bar_left .menu_left{float:left;width:38%;text-align:center} .header-split #Header .top_bar_left .menu_right{float:right;width:38%;text-align:center} .header-split #Header .top_bar_left .menu > li{display:inline-block;float:none} .header-split #Header .top_bar_left .menu li ul li a{padding:10px} .header-split #Header .top_bar_left .logo{width:100%;margin:0;text-align:center} @media only screen and (min-width: 1240px) { .header-split #Header .top_bar_left .logo{position:absolute;left:38%;width:24%} } .header-split #Top_bar .top_bar_right{position:absolute;top:0;right:-28px;padding:0} .header-split #Top_bar a.action_button,.header-split #Top_bar a#header_cart,.header-split #Top_bar .wpml-languages{display:none} .header-split #Top_bar .top_bar_right:before{display:none} .header-split #Top_bar{position:static;background-color:#fff} .header-split #Action_bar{position:static;background-color:#2C2C2C} .header-split #Action_bar .contact_details li,.header-split #Action_bar .social,.header-split #Action_bar .social-menu{padding:12px 0} /* Header | Stack */ .header-stack #Top_bar:not(.is-sticky) .top_bar_left{width:100%!important} .header-stack #Header .top_bar_left,.header-stack #Header .top_bar_right{background-color:transparent} .header-stack #Top_bar{position:static;background-color:#fff} .header-stack #Top_bar .logo{width:100%;margin:0;padding:0 30px;text-align:left;border-bottom-width:1px;border-style:solid;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .header-stack.header-center #Top_bar .logo{text-align:center} .header-stack.header-center #Top_bar .menu_wrapper{text-align:center;line-height:0} .header-stack.header-center #Top_bar #menu{line-height:21px;line-height:initial;text-align:left;text-align:initial} .header-stack.header-center #Top_bar:not(.is-sticky) .menu_wrapper{width:100%} .header-stack.header-right #Top_bar .logo{text-align:right} .header-stack #Top_bar .logo #logo{display:inline-block;height:auto} .header-stack #Top_bar .menu_wrapper{clear:both} .header-stack #Top_bar .menu_wrapper .menu > li > a{padding:0} .header-stack #Top_bar .menu > li > a span.description{margin-bottom:10px} .header-stack #Top_bar .top_bar_right{position:absolute;right:0;bottom:0;top:auto;height:60px} .header-stack #Top_bar .top_bar_right_wrapper{top:10px} .header-stack #Top_bar .top_bar_right:before{display:none} .header-stack #Top_bar .secondary_menu_wrapper{position:absolute;right:20px;top:35px;display:block} .header-stack.header-right #Top_bar .secondary_menu_wrapper{left:20px;right:auto} .header-stack #Action_bar{position:static;background-color:#2C2C2C} .header-stack #Action_bar .contact_details li,.header-stack #Action_bar .social,.header-stack #Action_bar .social-menu{padding:12px 0} body.header-stack:not(.template-slider) #Header{min-height:315px} /* Header | Magazine */ .header-magazine #Top_bar .logo{width:auto;border:0} .header-magazine #Top_bar .top_bar_right:before{display:none} .header-magazine #Top_bar .secondary_menu_wrapper{display:none} .header-magazine #Top_bar .banner_wrapper{display:block;position:absolute;right:20px;top:20px;width:468px;height:60px;text-align:right;z-index:2} .header-magazine #Top_bar .banner_wrapper a{display:block;line-height:0} .header-magazine #Top_bar .banner_wrapper img{display:inline-block;max-width:100%;height:auto;max-height:60px} /* Header | Simple */ .header-simple #Top_bar .top_bar_left{width:100%!important;background:none} .header-simple #Top_bar:not(.is-sticky) .top_bar_left{top:-60px} .header-simple.ab-show #Top_bar:not(.is-sticky) .top_bar_left{top:0} .header-simple #Top_bar .top_bar_right,.header-simple #Top_bar .top_bar_right:before{display:none} .header-simple #Top_bar .menu > li > a span.description{margin:0 0 0 5px} .header-simple.ab-hide #Action_bar{display:none} /* Header | Empty */ .header-empty #Header{position:static;min-height:0!important} .header-empty #Subheader{display:none} .header-empty #Content{padding:0!important} /* Header | Transparent */ .header-transparent #Top_bar .top_bar_left,.header-transparent #Top_bar .top_bar_right,.header-transparent #Top_bar .top_bar_right:before{background:none} .header-transparent #Top_bar .top_bar_right{top:0} .header-transparent #Top_bar #logo{padding:0} .header-transparent #Top_bar .menu > li > a:after{background:none} .header-transparent #Top_bar .menu > li > a span{border-color:rgba(0,0,0,0.03)} .header-transparent #Top_bar .menu li > ul:not(.mfn-megamenu-bg){background-image:none} .header-transparent.ab-hide #Top_bar{top:0} .header-transparent #Top_bar.is-sticky .menu_wrapper .menu > li > a{padding:0} .header-transparent #Top_bar.is-sticky .menu > li > a span:not(.description){line-height:60px} /* Header | Overlay */ .header-overlay.ab-hide #Top_bar{top:40px} .header-overlay #Top_bar #logo{height:auto} .header-overlay .top_bar_right{display:none} .header-overlay .overlay-menu-toggle{position:absolute;right:40px;top:40px;height:45px;width:45px;line-height:45px;text-align:center;font-size:29px;z-index:9911} .header-overlay .overlay-menu-toggle.focus{color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s} .header-overlay .overlay-menu-toggle .close{display:none} .header-overlay .overlay-menu-toggle.focus .open{display:none} .header-overlay .overlay-menu-toggle.focus .close{display:block} .header-overlay.sticky-header .overlay-menu-toggle{position:fixed;margin-right:10px} /* Overlay | Menu Overlay */ #Overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9910;background:rgba(41,145,214,.95);display:none} #overlay-menu{position:absolute;width:700px;left:50%;margin-left:-350px;top:50%;margin-top:-150px} #overlay-menu .menu.menu-mobile{display:none} #overlay-menu ul li{text-align:center} #overlay-menu ul li a{color:#fff;font-size:34px;line-height:52px;letter-spacing:3px;text-decoration:none} #overlay-menu ul li a:hover{opacity:.8} #overlay-menu ul li a:before,#overlay-menu ul li a:after{display:inline-block;opacity:0;-webkit-transition:-webkit-transform 0.3s,opacity .2s;-moz-transition:-moz-transform 0.3s,opacity .2s;transition:transform 0.3s,opacity .2s} #overlay-menu ul li a:before{margin-right:20px;content:'[';-webkit-transform:translateX(20px);-moz-transform:translateX(20px);transform:translateX(20px)} #overlay-menu ul li a:after{margin-left:20px;content:']';-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);transform:translateX(-20px)} #overlay-menu ul li a:hover:before,#overlay-menu ul li a:hover:after,#overlay-menu ul li a:hover:before,#overlay-menu ul li a:hover:after{opacity:1;-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px)} /* Side Slide ------------------------------------------------------------------------- */ #body_overlay{position:fixed;top:0;left:0;width:100%;height:120%;background:rgba(0,0,0,.6);z-index:9002;display:none;} /* height +20% - mobile fallback */ body.mobile-side-slide{position:relative;overflow-x:visible;} #Side_slide{display:block;position:fixed;top:0px;right:-250px;max-width:100%;width:250px;height:100%;overflow:auto;border-bottom-width:60px;border-bottom-style:solid;z-index:99999;z-index:100000;} /* border-bottom:60px - mobile fallback */ #Side_slide.left{left:-250px;right:auto} #Side_slide .close-wrapper{height:60px} #Side_slide .close-wrapper a.close{height:34px;width:34px;display:block;float:right;margin:13px 13px 0 0} #Side_slide .close-wrapper a.close i{font-size:22px;line-height:34px;} #Side_slide .extras{padding:0 20px} #Side_slide .extras .action_button{float:none;width:100%;margin:0 0 20px;text-align:center;text-decoration:none} #Side_slide .extras .extras-wrapper{text-align:center;} #Side_slide .extras .extras-wrapper a{display:inline-block;text-decoration:none;vertical-align:middle;padding:5px;margin-bottom:20px;line-height:22px} #Side_slide .extras .extras-wrapper .icon{font-size:22px} #Side_slide .extras .extras-wrapper .cart{position:relative} #Side_slide .extras .extras-wrapper .cart span{position:absolute;top:0;left:31px;font-size:11px;border-radius:2px} #Side_slide .extras .extras-wrapper a.lang-active img{position:relative;top:2px;} #Side_slide .extras .extras-wrapper a.lang-active i:before{width:auto;margin-left:5px} #Side_slide #menu{display:block!important;margin-bottom:20px;max-height:none!important} #Side_slide #menu ul{width:100%!important;} #Side_slide #menu ul li{width:100%;position:relative;border-top:1px solid rgba(255,255,255,.03)} #Side_slide #menu > ul:last-child > li:last-child{border-bottom:1px solid rgba(255,255,255,.03)} #Side_slide #menu ul li a{display:block;padding:11px 5px 10px 20px;margin-right:50px;text-decoration:none;line-height:19px} #Side_slide #menu ul li a span.description{display:block;opacity:.5} #Side_slide #menu ul li a .menu-arrow{display:none} #Side_slide #menu ul li ul{display:none;background:rgba(255,255,255,.025)} #Side_slide #menu ul li ul li a{padding-left:35px} #Side_slide #menu ul li ul li ul li a{padding-left:50px} #Side_slide #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:5px;top:0;width:40px;height:40px;line-height:40px;font-size:22px;font-weight:100;text-align:center;cursor:pointer;opacity:0.5;} #Side_slide #menu ul li.submenu .menu-toggle:after{content:"+"} #Side_slide #menu ul li.hover > .menu-toggle{opacity:1} #Side_slide #menu ul li.hover > .menu-toggle:after{content:"-"} #Side_slide #menu ul.mfn-megamenu-bg{background-image:none!important} #Side_slide #menu ul.mfn-megamenu li .menu-toggle{display:none} #Side_slide #menu ul.mfn-megamenu > li > ul{display:block!important} #Side_slide #menu ul.mfn-megamenu > li > ul:first-child {background-color:transparent} #Side_slide #menu ul.mfn-megamenu > li > ul:first-child > li:first-child{border-top-width:0} #Side_slide .menu.menu-mobile{display:none} #Side_slide .lang-wrapper{margin-bottom:20px;text-align:center;display:none;} #Side_slide .lang-wrapper ul li{border-top:1px solid rgba(255,255,255,.03)} #Side_slide .lang-wrapper ul li:last-child{border-bottom:1px solid rgba(255,255,255,.03)} #Side_slide .lang-wrapper ul li a{display:block;padding:11px 20px 10px 20px;text-decoration:none;line-height:19px} #Side_slide .search-wrapper{margin-bottom:20px;position:relative;display:none;} #Side_slide .search-wrapper input.field{width:100%;background:none!important;border-width:1px 0 1px 0;border-color:rgba(255,255,255,.05);line-height:20px;padding:10px 55px 10px 20px;box-sizing:border-box;box-shadow:0 0 0 0 transparent;} #Side_slide .search-wrapper a.submit{position:absolute;top:0;right:5px;font-size:20px;padding:10px} #Side_slide .social{text-align:center;margin:0 20px 13px} #Side_slide .social li{display:inline-block} #Side_slide .social li a{display:block;padding:3px 5px;text-decoration:none} /* Side Slide | Hide */ #Side_slide.hide-button .extras .action_button{display:none} #Side_slide.hide-icons .extras .extras-wrapper{display:none} #Side_slide.hide-social .social{display:none!important} /* Side Slide | Color */ #Side_slide{background-color:#191919;border-color:#191919} /* border-bottom:60px - mobile fallback */ #Side_slide, #Side_slide .search-wrapper input.field, #Side_slide a:not(.action_button), #Side_slide #menu ul li.submenu .menu-toggle{color:#a6a6a6} #Side_slide a:not(.action_button):hover, #Side_slide a.active, #Side_slide #menu ul li.hover > .menu-toggle{color:#ffffff;} #Side_slide #menu ul li.current-menu-item > a,#Side_slide #menu ul li.current_page_item > a, #Side_slide #menu ul li.current-menu-parent > a,#Side_slide #menu ul li.current-page-parent > a, #Side_slide #menu ul li.current-menu-ancestor > a,#Side_slide #menu ul li.current-page-ancestor > a,#Side_slide #menu ul li.current_page_ancestor > a, #Side_slide #menu ul li.hover > a,#Side_slide #menu ul li:hover > a{color:#ffffff;} /* Side Slide | Light */ #Side_slide.light #menu ul li{border-top-color:rgba(0,0,0,.03)} #Side_slide.light #menu > ul:last-child > li:last-child{border-bottom-color:rgba(0,0,0,.03)} #Side_slide.light #menu ul li ul{background:rgba(0,0,0,.02)} #Side_slide.light .lang-wrapper ul li{border-top-color:rgba(0,0,0,.03)} #Side_slide.light .lang-wrapper ul li:last-child{border-bottom-color:rgba(0,0,0,.03)} #Side_slide.light .search-wrapper input.field{border-color:rgba(0,0,0,.05)} /* Subheader ------------------------------------------------------------------------- */ #Subheader{background-color:rgba(0,0,0,.02);background-position:center top;background-repeat:no-repeat;padding:30px 0;position:relative} .subheader-transparent #Subheader{background:none} .hide-title-area #Subheader{display:none} #Subheader .column{margin-bottom:0} #Subheader .title{margin-bottom:0;width:70%;float:left} #Subheader ul.breadcrumbs{display:block;width:30%;margin:1px 0 0;font-size:1em!important;float:right;text-align:right} #Subheader ul.breadcrumbs li{display:inline-block} #Subheader ul.breadcrumbs li,#Subheader ul.breadcrumbs li a{color:rgba(0,0,0,.3)} #Subheader ul.breadcrumbs li span{margin:0 10px;opacity:.4;filter:alpha(opacity=40)} #Subheader:after{content:"";height:3px;width:100%;display:block;position:absolute;left:0;bottom:-3px;z-index:1;background:url(../images/box_shadow.png) repeat-x left top} #Subheader ul.woocommerce-breadcrumb li:last-child span{display:none} /* style */ .subheader-title-right #Subheader .title{float:right;text-align:right} .subheader-title-right #Subheader .breadcrumbs{float:left;text-align:left} .subheader-both-left #Subheader .title{width:100%} .subheader-both-left #Subheader .breadcrumbs{width:100%;text-align:left;margin-top:10px} .subheader-both-right #Subheader .title{width:100%;text-align:right} .subheader-both-right #Subheader .breadcrumbs{width:100%;text-align:right;margin-top:10px} .subheader-both-center #Subheader .title{width:100%;text-align:center} .subheader-both-center #Subheader .breadcrumbs{width:100%;text-align:center;margin-top:10px} /* Intro ------------------------------------------------------------------------- */ #Intro{text-align:center;position:relative;background-color:#000119;background-position:center top;} #Intro .intro-inner{position:relative;padding:250px 10%} #Intro .intro-title{margin-bottom:20px;word-wrap:break-word} #Intro .intro-meta > div{display:inline-block;margin:0 10px} #Intro .intro-next{cursor:pointer;font-size:38px;height:50px;left:50%;bottom:30px;line-height:50px;margin:0 0 0 -25px;position:absolute;text-align:center;width:50px;z-index:1;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out} #Intro.parallax{overflow:hidden} #Intro.parallax .mfn-parallax{position:absolute;left:0;top:0;max-width:auto!important;transition:opacity .2s;} /* Light */ #Intro .intro-title{color:#fff} #Intro .intro-meta,#Intro .intro-meta a{color:rgba(255,255,255,.7)} #Intro .intro-next{color:rgba(255,255,255,0.2)} #Intro .intro-next:hover{color:rgba(255,255,255,0.5)} /* Dark */ #Intro.light .intro-title{color:#212121} #Intro.light .intro-meta,#Intro.light .intro-meta a{color:rgba(33,33,33,.7)} #Intro.light .intro-next{color:rgba(33,33,33,0.2)} #Intro.light .intro-next:hover{color:rgba(33,33,33,0.5)} /* Post ------------------------------------------------------------------------------ */ .post-item{margin-bottom:40px;position:relative;float:left;width:100%} .post-item .date_label{position:absolute;left:0;top:7px;display:none} .post-photo-wrapper{width:37%;float:left} .post-photo-wrapper iframe{width:100%} .post-desc-wrapper{width:63%;float:left} .post-desc{padding:15px 0 0 20px} .post.no-img .post-photo-wrapper{display:none} .post.no-img .post-desc-wrapper{width:100%} .search-results .no-img .post-desc{padding-left:0} .search-results .no-img .post-desc-wrapper{width:100%} .post-meta{margin-bottom:8px} .post-meta .author-date{float:left} .post-meta .author-date a{border-bottom-width:1px;border-style:dotted;text-decoration:none!important} .post-meta .category{float:right;position:relative} .post-meta .category.mata-tags{margin-right:10px} .post-meta .category .cat-btn{cursor:pointer} .post-meta .category .cat-wrapper{position:absolute;right:0;top:100%;display:none;z-index:21} .post-meta .category:hover .cat-wrapper{display:block} .post-meta .category .cat-wrapper ul{padding:7px;min-width:70px;background:#F9F9F9} .post-meta .category .cat-wrapper ul li{border-bottom:1px solid rgba(0,0,0,0.05)} .post-meta .category .cat-wrapper ul li:last-child{border-bottom:0} .post-meta .category .cat-wrapper ul li a{display:block;text-align:center;padding:1px 5px;color:#8B8B8B} .post-meta .category .cat-wrapper ul li a:hover{text-decoration:none;color:#5F5F5F;background:rgba(255,255,255,0.8)} .post-excerpt{margin-bottom:15px} .cat_description{margin-bottom:40px} .post-footer{background:rgba(0,0,0,.02);padding:7px 15px;overflow:hidden;line-height:30px} .post-footer .button-love{float:left} .post-footer .button-love a.mfn-love{display:inline-block;position:relative;padding-left:24px;margin-left:5px} .post-footer .button-love a.mfn-love i{position:absolute;left:0;top:0;font-size:16px} .post-footer .button-love a.mfn-love:hover{text-decoration:none} .post-footer .button-love a.mfn-love i:last-child{opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .post-footer .button-love a:hover.mfn-love i:last-child,.post-footer .button-love a.loved.mfn-love i:last-child{opacity:1;filter:alpha(opacity=100)} .post-footer .post-links{float:right;border-left-width:1px;border-style:solid;padding-left:10px} .post-footer .post-links .post-comments{margin-right:10px} .hide-more .post-footer .post-links .icon-doc-text,.hide-more .post-footer .post-links .post-more{display:none} .blog_slider.hide-more .item_wrapper .hr_color,.blog_slider.hide-more .item_wrapper .button{display:none} /* Grid */ .grid .post-item { width: 31.33%; margin: 0 1% 20px; background: #fff !important; } .grid .post-photo-wrapper { width: 100%; float: none; } .grid .post-desc-wrapper { width: 100%; float: none; } .grid .post-desc-wrapper .post-desc { padding: 20px 20px 0; } .grid .post-footer { margin: 0 -20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .grid .post-meta .author-date .author span.label { display: none; } .grid .post-desc-wrapper .post-meta .category .cat-btn { display: none; } .grid .post-desc-wrapper .post-footer .button-love .love-text { display: none; } /* Columns 2-6 */ .posts_group.grid.col-2 .post-item { width: 47.99%;} .posts_group.grid.col-3 .post-item { width: 31.33%;} .posts_group.grid.col-4 .post-item { width: 22.99%;} .posts_group.grid.col-5 .post-item { width: 18.99%; margin: 0 0.5% 20px;} .posts_group.grid.col-6 .post-item { width: 15.66%; margin: 0 0.5% 20px;} .posts_group.grid.col-2 .post-item:nth-child(2n+1) { clear:both; } .posts_group.grid.col-3 .post-item:nth-child(3n+1) { clear:both; } .posts_group.grid.col-4 .post-item:nth-child(4n+1) { clear:both; } .posts_group.grid.col-5 .post-item:nth-child(5n+1) { clear:both; } .posts_group.grid.col-6 .post-item:nth-child(6n+1) { clear:both; } /* Masonry */ .masonry:not(.tiles) .post-item { width: 31.33%; margin: 0 1% 20px; background: #fff !important; } .masonry .post-photo-wrapper { width: 100%; float: none; } .masonry .post-desc-wrapper { width: 100%; float: none; } .masonry .post-desc-wrapper .post-desc { padding: 20px 20px 0; } .masonry .post-footer { margin: 0 -20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .masonry .post-meta .author-date .author span.label { display: none; } .masonry .post-desc-wrapper .post-meta .category .cat-btn { display: none; } .masonry .post-desc-wrapper .post-footer .button-love .love-text { display: none; } /* Columns 2-6 */ .posts_group.masonry.col-2 .post-item { width: 47.99%;} .posts_group.masonry.col-3 .post-item { width: 31.33%;} .posts_group.masonry.col-4 .post-item { width: 22.99%;} .posts_group.masonry.col-5 .post-item { width: 18.99%; margin: 0 0.5% 20px;} .posts_group.masonry.col-6 .post-item { width: 15.66%; margin: 0 0.5% 20px;} /* Masonry tiles */ .masonry.tiles { position: relative; } .masonry.tiles .post-item { margin: 0 !important; overflow: hidden; background-color: transparent; } .masonry.tiles .post-item:not(.no-img) .post-desc-wrapper { position: absolute; z-index: 4; left: 0; bottom: -20px; } .masonry.tiles .post-item:not(.no-img) .post-desc-wrapper .post-desc { background: url(../images/blog_masonry_tile_gradient.png) top left repeat-x; padding: 70px 30px 30px; } .masonry.tiles .post-item .post-desc-wrapper .post-desc { padding: 50% 30px 10px; } .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-meta .author-date .post-links { display: inline-block; margin-left: 10px; } .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-excerpt { display: none; } /* Photo wrapper */ .masonry.tiles .post-item:not(.no-img) .post-photo-wrapper { line-height: 0; position: relative; } .masonry.tiles .post-item:not(.no-img) .post-photo-wrapper:after { content: ""; position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); opacity: 0; transition: all 0.6s ease-out; } .masonry.tiles .post-item:not(.no-img):hover .post-photo-wrapper:after { opacity: 1; } /* Posts */ .masonry.tiles .format-link .post-title .icon-link { display: none; } .masonry.tiles .format-link .post-title .link-wrapper { margin-left: 0; padding-top: 5px; } .masonry.tiles .format-quote blockquote { margin-left: 0; top: 0; margin-bottom: 25px; } .masonry.tiles .format-quote blockquote:after { display: none; } .masonry.tiles .format-quote blockquote a { text-decoration: none; } /* Post icon */ .masonry.tiles .post-item .post-format-icon { position: absolute; z-index: 3; left: 25px; top: 25px; font-size: 35px; line-height: 35px; color: #fff; } /* Line */ .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title:after { content: ""; display: block; height: 3px; margin-top: 20px; width: 0; transition: all 0.4s ease-out; } .masonry.tiles .post-item:hover .post-desc-wrapper .post-desc .post-title:after { width: 40%; } /* Desc wrapper animation */ .masonry.tiles .post-item .post-desc-wrapper { transition: all 0.4s ease-out; } .masonry.tiles .post-item:hover .post-desc-wrapper { transform: translateY(-20px); } /* Columns 2-6 */ .posts_group.masonry.tiles.col-2 .post-item { width: 49.99%; } .posts_group.masonry.tiles.col-3 .post-item { width: 33.33%; } .posts_group.masonry.tiles.col-4 .post-item { width: 24.99%; } .posts_group.masonry.tiles.col-5 .post-item { width: 19.99%; } .posts_group.masonry.tiles.col-6 .post-item { width: 16.66%; } /* With margin */ .posts_group.masonry.margin .post-item { margin:0 1% 25px !important;} .posts_group.masonry.margin.col-2 .post-item { width: 47.99%;} .posts_group.masonry.margin.col-3 .post-item { width: 31.33%;} .posts_group.masonry.margin.col-4 .post-item { width: 22.99%;} .posts_group.masonry.margin.col-5 .post-item { width: 18.99%; margin:0 0.5% 12px !important;} .posts_group.masonry.margin.col-6 .post-item { width: 15.66%; margin:0 0.5% 12px !important;} /* Colors */ .masonry.tiles .post-item.format-quote blockquote, .masonry.tiles .post-item.format-quote blockquote a, .masonry.tiles .post-item.format-link .post-title .icon-link, .masonry.tiles .post-item.format-link .post-title .link-wrapper h4, .masonry.tiles .post-item.format-link .post-title .link-wrapper a, .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title .entry-title a { color: #fff; } .masonry.tiles .post-item.no-img .post-desc-wrapper .post-desc .post-title:after, .masonry.tiles .post-item.format-quote .post-desc-wrapper .post-desc .post-title:after, .masonry.tiles .post-item.format-link .post-desc-wrapper .post-desc .post-title:after { background-color: #fff; } .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-head .post-meta, .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-head .post-meta a, .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-excerpt { color: rgba(255,255,255,.7); } /* Timeline */ .timeline .post-item { float:none; width:auto; padding-left: 200px; margin-bottom: 0; padding-bottom: 40px; background: url(../images/timeline_right.png) no-repeat 90px top; } .timeline .post-item:last-child { padding-bottom: 20px; margin-bottom: 20px; } .timeline .format-quote .post-meta, .timeline .format-link .post-meta { padding-top: 7px; } .timeline .post-item:before { content: ""; width: 7px; height: 7px; border-width: 4px; border-style: solid; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; left: 126px; top: 11px; display: block; visibility: visible; z-index: 1; } .timeline .date_label { display: block; } .timeline .post-meta .author-date .date{ display: none; } /* Photo */ .photo .post-item { float:none; } .photo .post-photo-wrapper { width: 100%; float: none; } .photo .post-desc-wrapper { width: 100%; float: none; text-align: center; } .photo .post-desc .post-head {} .photo .post-desc .post-head .post-meta { display: inline-block; } .photo .post-desc .post-head .post-footer { display: inline-block; background: none; padding: 0; line-height: inherit; } .photo .post-desc .post-title {} .photo .post-desc .post-excerpt { margin-bottom: 0; } .photo .post-desc .post-head .post-meta .author-date, .photo .post-desc .post-head .post-meta .category, .photo .post-desc .post-head .post-footer .button-love, .photo .post-desc .post-head .post-footer .post-links { float: none; display: inline-block; } .photo .post-desc .post-head .post-meta .author-date { margin-right: 20px; } .photo .post-desc .post-head .post-meta .author-date .label { display: none; } .photo .post-desc .post-head .post-footer .button-love { margin-right: 20px; } .photo .post-desc .post-head .post-footer .button-love .love-text { display: none; } .photo .post-desc .post-head .post-footer .post-links { border: 0; padding: 0; } .photo .post-desc .post-head .post-footer .post-links .icon-doc-text, .photo .post-desc .post-head .post-footer .post-links .post-more { display: none; } .photo .format-image { text-align: center; } .photo .format-image .post-photo-wrapper { display: inline-block; width: auto; } .photo .format-link .post-title { display: inline-block; text-align: left; } /* Post types */ .format-quote .post-photo-wrapper{display:none} .format-quote .post-desc{padding:0} .format-quote .post-desc-wrapper{width:100%;float:none} .format-video .image_frame .image_wrapper img{margin-bottom:0!important} .format-video .image_frame:hover .image_wrapper img{top:0} .format-link .post-photo-wrapper{display:none} .format-link .post-desc-wrapper{width:100%;float:none} .format-link .post-desc{padding:0} .format-link .post-title{overflow:hidden} .format-link .post-title .icon-link{display:block;width:80px;height:80px;font-size:60px;line-height:80px;border-right-width:1px;border-style:solid;float:left;text-align:center} .format-link .post-title .link-wrapper{margin-left:100px;padding-top:14px} .format-link .post-title .link-wrapper h4{margin-bottom:7px;font-size:20px;line-height:22px} /* Single Post ----------------------------------------------------------------------- */ .post-nav{padding:10px 15px 4px 130px;margin-bottom:20px;background-image:url(../images/stripes/stripes_5_b.png);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden} .post-nav .next-prev-nav{float:left} .post-nav .next-prev-nav li{float:left;margin-right:5px} .post-nav .next-prev-nav a.button{margin:0;padding:0!important} .post-nav .list-nav{float:right;line-height:49px} .template-slider .post-nav{margin-top:30px} .no-share .post-nav,.share-simple .post-nav{padding-left:15px;padding-right:15px} .post-nav.minimal.column{padding:0;background:none;position:relative;height:40px!important;} .post-nav.minimal a{position:absolute;top:0;opacity:.6;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} .post-nav.minimal a:hover {opacity:1} .post-nav.minimal a.prev{left:0;} .post-nav.minimal a.next{right:0;} .post-nav.minimal a.home{left:50%;margin:3px 0 0 -13px;} .post-nav.minimal a i{font-size:25px;line-height:30px;color:#626262} .post-nav.minimal a svg{fill:#626262} .post-header{margin-bottom:20px;direction:rtl;margin-top:90px;} .post-header .button-love{width:99px;float:left;text-align:center} .post-header .button-love a.mfn-love{display:inline-block;position:relative;padding-left:28px;font-size:17px;margin-top:25px} .no-title .post-header .button-love a.mfn-love{margin-top:0} .post-header .button-love a.mfn-love i{position:absolute;left:0;top:0;font-size:18px} .post-header .button-love a.mfn-love:hover{text-decoration:none} .post-header .button-love a.mfn-love i:last-child{opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .post-header .button-love a:hover.mfn-love i:last-child,.post-header .button-love a.loved.mfn-love i:last-child{opacity:1;filter:alpha(opacity=100)} .post-header .title_wrapper{margin-left:99px;border-left-width:1px;border-style:solid;padding-left:30px} .post-header .title_wrapper h1{font-size:35px;line-height:35px} .single-photo-wrapper .share_wrapper{float:left} .single-photo-wrapper .image_frame{margin-left:120px} .single-photo-wrapper .image_frame iframe{width:100%} .no-share .single-photo-wrapper .image_frame, .share-simple .single-photo-wrapper .image_frame{margin-left:0} .single-photo-wrapper.image{text-align:center} .single-photo-wrapper.image .image_frame{margin-left:0;display:inline-block} .section-post-header .single-photo-wrapper.image .image_frame{max-width:80%;max-width:calc(100% - 130px)} .no-share .section-post-header .single-photo-wrapper.image .image_frame{max-width:100%} .share_wrapper{background:#fff;border-width:1px;border-style:solid;width:98px;text-align:center;padding:10px 0 5px} .share_wrapper .stButton{margin-bottom:10px} .section-post-intro-share .share_wrapper{float:right;background:none;border:none;width:unset;padding:0} .section-post-intro-share .share_wrapper > span{float:left} .section-post-intro-share .share_wrapper .stButton .stBubble{display:none!important} .author-box .avatar-wrapper{width:64px;height:64px;float:left;border-width:8px;border-style:solid;display:block;line-height:0;-webkit-border-radius:100%;border-radius:100%;overflow:hidden} .author-box .desc-wrapper{background:rgba(0,0,0,.02);padding:20px;position:relative;margin-left:105px} .author-box .desc-wrapper:after{content:"";display:block;position:absolute;left:-6px;top:35px;width:0;height:0;border-style:solid;border-width:6px 6px 6px 0;border-color:transparent rgba(0,0,0,.02) transparent transparent} .author-box .desc-wrapper h5{margin-bottom:5px} /* Hide Love */ .hide-love .button-love{display:none!important} .hide-love .post-header .title_wrapper{margin-left:0;padding-left:10px;border-left:none} .hide-love .post-nav{padding-left:15px} .hide-love .portfolio_group .portfolio-item .desc .title_wrapper{padding-right:0} /* Post related */ .section-post-related .section-related-adjustment{border-top-width:1px;border-style:solid;padding-top:20px;direction:rtl;} .section-post-related .post-related{position:relative;width:31.333%} .section-post-related .col-2 .post-related{width:48%} .section-post-related .col-3 .post-related{width:31.333%} .section-post-related .col-4 .post-related{width:23%} .section-post-related .col-5 .post-related{width:18%} .section-post-related .col-6 .post-related{width:14.666%} .section-post-related .col-2 .post-related:nth-child(2n+1){clear:both} .section-post-related .col-3 .post-related:nth-child(3n+1){clear:both} .section-post-related .col-4 .post-related:nth-child(4n+1){clear:both} .section-post-related .col-5 .post-related:nth-child(5n+1){clear:both} .section-post-related .col-6 .post-related:nth-child(6n+1){clear:both} .section-post-related .post-related .image_frame{margin-left:30px;} .section-post-related .post-related .fullscreen-container{height:180px!important} .section-post-related .post-related .date_label{position:absolute;left:0;top:30px;z-index:20} .section-post-related .post-related hr{margin-left:30px;width:40%} .section-post-related .post-related a.button{margin-left:30px;margin-bottom:0} .section-post-related .format-quote blockquote{margin-top:70px;margin-left:40px} .section-post-related .format-link .image_frame{height:180px;background-color:rgba(255,255,255,.5);background-image:url(../images/link.png);background-position:center center;background-repeat:no-repeat} .section-post-related .format-standard.no-img .image_frame{display:block;height:180px;background-color:rgba(255,255,255,.5);background-image:url(../images/photo.png);background-position:center center;background-repeat:no-repeat} .section-post-related .post-related .image_frame iframe{width:100%} /* Section post related - simple */ .section-post-related .simple .post-related .image_frame{margin-left:0px;} .section-post-related .simple .post-related .date_label{margin-bottom:5px;position:static;padding:0;background-color:transparent;background-image:none;} .section-post-related .simple .post-related .date_label:after{display:none;} .section-post-related .simple .post-related hr { display: none; } .section-post-related .simple .post-related a.button{margin-left:0px;} .section-post-related .simple .post-related.format-quote .date_label{margin-bottom:10px;} .section-post-related .simple .format-quote blockquote{margin-top:0px;} /* Format | Link */ .single-format-link .single-photo-wrapper .share_wrapper{float:none;width:auto;padding:10px 15px 15px} .single-format-link .single-photo-wrapper .share_wrapper .stButton{margin:0 10px 0 0} .single-format-link .section-post-header .single-photo-wrapper .image_frame{display:none} /* Format | Quote */ .single-format-quote #Subheader .title{width:100%} .single-format-quote #Subheader ul.breadcrumbs{display:none} .single-format-quote .single-photo-wrapper .share_wrapper{float:none;width:auto;padding:10px 15px 15px} .single-format-quote .single-photo-wrapper .share_wrapper .stButton{margin:0 10px 0 0} .single-format-quote .section-post-header .single-photo-wrapper .image_frame{display:none} /* NO img */ .portfolio.no-img .single-photo-wrapper .share_wrapper,.format-image.no-img .single-photo-wrapper .share_wrapper,.format-standard.no-img .single-photo-wrapper .share_wrapper{float:none;width:auto;padding:10px 15px 15px} .portfolio.no-img .single-photo-wrapper .share_wrapper .stButton,.format-image.no-img .single-photo-wrapper .share_wrapper .stButton,.format-standard.no-img .single-photo-wrapper .share_wrapper .stButton{margin:0 10px 0 0} .portfolio.no-img .section-post-header .single-photo-wrapper .image_frame,.format-image.no-img .section-post-header .single-photo-wrapper .image_frame,.format-standard.no-img .section-post-header .single-photo-wrapper .image_frame{display:none!important} /* Project decription */ .project-description li{width:99.9%;clear:both;padding:7px 10px;background:rgba(0,0,0,.01);border-style:solid;border-color:rgba(0,0,0,.03);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .project-description li .label{font-weight:700;min-width:40px;padding-right:10px;display:inline-block} .project-description li.one-third{float:left;width:33.3%;clear:none;padding-right:15px;border-width:0 1px 1px 0} .project-description li:nth-child(3){border-right-color:transparent} /* Share Item */ .share_item{float:none;width:auto;padding:10px 15px 15px} .share_item .stButton{margin:0 10px 0 0} /* Share | Simple | .share-simple-wrapper */ .share-simple .post-header .title_wrapper{margin-left:0;padding-left:0;border-left-width:0} .share-simple-wrapper{border-top:1px solid rgba(0,0,0,.08);padding:15px 0;text-align:left} .share-simple-wrapper .share-label{margin-right:10px} .share-simple-wrapper .icons{display:inline} .share-simple-wrapper .icons a{padding:0 5px;color:#a8a8a8} .share-simple-wrapper .icons .facebook:hover{color:#3B5998} .share-simple-wrapper .icons .twitter:hover{color:#1DA1F2} .share-simple-wrapper .icons .google:hover{color:#DC4E41} .share-simple-wrapper .icons .linkedin:hover{color:#0077B5} .share-simple-wrapper .icons .pinterest:hover{color:#BD081B} .share-simple-wrapper .button-love{float:right} .share-simple-wrapper .mfn-love{position:relative;display:inline-block;padding-left:24px;margin-left:5px} .share-simple-wrapper .mfn-love i{position:absolute;left:0;top:0;font-size:16px} .share-simple-wrapper .mfn-love:hover{text-decoration:none} .share-simple-wrapper .mfn-love i:last-child{opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .share-simple-wrapper .mfn-love:hover i:last-child, .share-simple-wrapper .mfn-love.loved i:last-child{opacity:1;filter:alpha(opacity=100)} /* Templates | Preview --------------------------------------------------------------- */ .single-template .section-post-header,.single-template .section-post-about,.single-template .section-post-related,.single-template .section-post-comments{display:none;} /* Widget Area ----------------------------------------------------------------------- */ .widget-area{border-style:solid;padding:30px 20px 20px;position:relative} .widget-area:before{content:"";display:block;position:absolute;top:0;width:1500px;height:100%;background:rgba(0,0,0,.01);visibility:visible} .aside_left .widget-area{border-right-width:1px} .aside_left .widget-area:before{right:0} .aside_right .widget-area{border-left-width:1px} .aside_right .widget-area:before{left:0} .widget-area.lines-boxed .widget:after{width:100%} .widget-area.lines-hidden .widget:after{display:none} .widget{padding-bottom:30px;margin-bottom:30px;position:relative} .widget:last-child{margin-bottom:0;padding-bottom:0} .widget:last-child:after{display:none} .widget:after{content:"";display:block;position:absolute;bottom:0;width:1500px;height:0;visibility:visible;border-width:1px 0 0;border-style:solid} .widget > h3{font-size:18px;line-height:22px} .aside_left .widget:after{right:0} .aside_right .widget:after{left:0} .with_aside.aside_both .sidebar-1 .widget-area{border-right-width:1px} .with_aside.aside_both .sidebar-1 .widget-area:before{right:0} .with_aside.aside_both .sidebar-1 .widget-area .widget:after{right:0} .with_aside.aside_both .sidebar-2 .widget-area{border-left-width:1px} .with_aside.aside_both .sidebar-2 .widget-area:before{left:0} .with_aside.aside_both .sidebar-2 .widget-area .widget:after{left:0} /* Recent posts */ .Recent_posts ul{margin:0!important} .Recent_posts ul li{margin-bottom:10px;list-style:none!important} .Recent_posts ul li:last-child{margin-bottom:0} .Recent_posts ul li a{text-decoration:none} .Recent_posts ul li .desc{margin-right:80px;padding:5px 15px;background:#fff;position:relative;min-height:70px} .Recent_posts ul li .desc:after{content:"";display:block;position:absolute;right:0;top:0;width:4px;height:100%} .Recent_posts ul li .desc h6{position:relative;z-index:2;margin-bottom:3px;padding-bottom:3px;border-bottom-width:1px;border-style:solid} .Recent_posts ul li .desc .date{position:relative;z-index:2} .Recent_posts ul li .desc .date i{display:inline-block;margin-right:2px} .Recent_posts ul li .photo{width:80px;height:80px;line-height:0;text-align:center;float:right;position:relative} .Recent_posts ul li .photo .c{width:25px;height:25px;line-height:25px;z-index:3;text-align:center;color:#fff;position:absolute;right:-12px;bottom:12px;font-size:11px;-webkit-border-radius:3px;border-radius:3px} .Recent_posts ul li.no-img{position:relative} .Recent_posts ul li.no-img .photo{width:0;position:static} .Recent_posts ul li.no-img .desc{margin-right:0;min-height:inherit} .Recent_posts.classic ul li a:hover h6, .Recent_posts.classic ul li a:hover .desc .date{color:#fff!important} .Recent_posts.classic ul li a:hover .desc:after{width:100%} /* Formats */ .Recent_posts ul li.format-link .photo{background-color:#eee;background-image:url(../images/link.png);background-position:center center;background-repeat:no-repeat} .Recent_posts ul li.format-quote .photo{background-color:#eee;background-image:url(../images/blockquote.png);background-position:center center;background-repeat:no-repeat;background-size:40% auto} /* Recent posts | style: blog news */ .Recent_posts.blog_news ul li{margin-bottom:20px;overflow:hidden} .Recent_posts.blog_news ul li .photo{float:left;width:30%;height:auto;border-right:3px solid #ddd;background-color:transparent} .Recent_posts.blog_news ul li .photo .c{display:none} .Recent_posts.blog_news ul li .desc{width:70%;margin-left:30%;padding-top:0;box-sizing:border-box;background:none!important} .Recent_posts.blog_news ul li .desc:after{display:none} .Recent_posts.blog_news ul li .desc h6{margin-top:-3px} .Recent_posts.blog_news ul li.no-img .photo{display:none} .Recent_posts.blog_news ul li.no-img .desc{width:100%;margin-left:0;padding-left:0} /* Animation */ .Recent_posts ul li a h6,.Recent_posts ul li a .desc .date,.Recent_posts ul li a .desc:after{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} /* Widget | Gallery | WordPress 4.9+ */ .widget_media_gallery .gallery .gallery-item{margin-bottom:2.5%!important} /* Recent posts | WordPress */ .widget_recent_entries ul li{padding:5px 15px;background:#fff;position:relative;margin-bottom:10px} .widget_recent_entries ul li a{display:block;text-decoration:none;position:relative;z-index:2;margin-bottom:3px;padding-bottom:3px;border-bottom-width:1px;border-style:solid} .widget_recent_entries ul li:last-child{margin-bottom:0} .widget_recent_entries ul li:after{content:"";display:block;position:absolute;right:0;top:0;width:4px;height:100%} .widget_recent_entries ul li:hover:after{width:100%} .widget_recent_entries ul li .post-date{display:block;position:relative;z-index:2} .widget_recent_entries ul li:hover a,.widget_recent_entries ul li:hover .post-date{color:#fff} .widget_recent_entries ul li:hover a,.widget_recent_entries ul li:hover .post-date,.widget_recent_entries ul li:hover:after{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} /* Categories */ .widget_categories ul{list-style-type:square;color:#fff;padding:5px 10px 5px 30px} .widget_categories ul li{position:relative} .widget_categories ul li:after{content:"";display:block;width:70px;border-width:0 0 1px;border-style:solid;border-color:rgba(255,255,255,.2);position:absolute;left:-30px;bottom:0} .widget_categories ul li:last-child:after{display:none} .widget_categories ul li a{color:#fff!important;display:block;padding:7px 0 7px 3px} /* Archives, Custom menu */ .widget_archive ul,.widget_nav_menu ul{list-style-type:square;padding:5px 10px 5px 30px;background:rgba(0,0,0,.03)} .widget_archive ul li,.widget_nav_menu ul li{position:relative} .widget_archive ul li:after,.widget_nav_menu ul li:after{content:"";display:block;width:70px;border-width:0 0 1px;border-style:solid;border-color:rgba(0,0,0,.1);position:absolute;left:-30px;bottom:0} .widget_archive ul li:last-child:after,.widget_nav_menu ul li:last-child:after{display:none} .widget_archive ul li a,.widget_nav_menu ul li a{display:block;padding:8px 0 9px 3px} /* Meta, Pages, RSS */ .widget_meta ul,.widget_pages ul,.widget_rss ul{list-style-type:square;padding:0 0 0 30px} .widget_meta ul li a,.widget_pages ul li a,.widget_rss ul li a{display:block;padding:4px 0 7px 4px} /* Recent comments */ .widget_mfn_recent_comments ul{margin:0!important} .widget_mfn_recent_comments ul li{padding-bottom:15px;margin-bottom:0!important;background:url(../images/recent_comments.png) no-repeat 4px top;padding-left:40px;position:relative;list-style:none!important} .widget_mfn_recent_comments ul li:last-child{padding-bottom:5px} .widget_mfn_recent_comments ul li .date_label{background-color:rgba(0,0,0,.03);margin-top:7px;margin-bottom:5px;position:relative} .widget_mfn_recent_comments ul li .date_label:after{border-left-color:rgba(0,0,0,.03)} .widget_mfn_recent_comments ul li:after{content:"";width:7px;height:7px;border-width:4px;border-style:solid;-webkit-border-radius:100%;border-radius:100%;position:absolute;left:0;top:11px;display:block;z-index:1} .widget_mfn_recent_comments ul li p{margin-bottom:0} /* Recent comments wordpress */ .widget_recent_comments ul li{padding-bottom:5px;padding-top:6px;background:url(../images/recent_comments.png) no-repeat 4px top;padding-left:40px;position:relative} .widget_recent_comments ul li:last-child{padding-bottom:5px} .widget_recent_comments ul li:after{content:"";width:7px;height:7px;border-width:4px;border-style:solid;-webkit-border-radius:100%;border-radius:100%;position:absolute;left:0;top:11px;display:block;z-index:1} /* Search */ .widget_search input[type="text"]{margin-bottom:0;width:100%} .widget_search .icon_close,.widget_search .icon_search{display:none} /* Calendar */ .widget_calendar td,.widget_calendar th{padding:4px 3px} .widget_calendar caption{padding:5px;font-size:14px} .widget_calendar table tfoot tr:hover td{background:none!important} /* Flickr */ .Flickr{overflow:hidden} .Flickr .flickr_badge_image{margin:0;padding:0;float:left;margin:0 1% 2% 1%;width:23%} .Flickr .flickr_badge_image a{display:block;line-height:0} /* Recent tweets */ .widget_tp_widget_recent_tweets .tp_recent_tweets{clear:none;float:none} .widget_tp_widget_recent_tweets ul{overflow:hidden} .widget_tp_widget_recent_tweets ul li:last-child{padding-bottom:0} /* Tag cloud */ .widget_mfn_tag_cloud ul{margin-bottom:0;overflow:hidden} .widget_mfn_tag_cloud ul li{margin:0;padding:0;float:left;margin:0 5px 2px 0} .widget_mfn_tag_cloud a{overflow:hidden;white-space:nowrap;display:inline-block;height:22px;font-size:12px;padding-right:8px;margin-right:1px} .widget_mfn_tag_cloud a:hover{text-decoration:none} .widget_mfn_tag_cloud a span{padding-left:8px;height:22px;line-height:22px;display:block;float:left} /* Muffin menu */ .widget_mfn_menu ul li a{display:block;padding:7px 10px;margin-bottom:5px;background:#fff;border:1px solid rgba(0,0,0,.04);color:#858585} .widget_mfn_menu ul li a:hover,.widget_mfn_menu ul li.current-menu-item:not(.current-menu-ancestor) > a,.widget_mfn_menu ul li.current_page_item:not(.current_page_ancestor) > a{text-decoration:none;color:#fff!important} .widget_mfn_menu ul li ul li a{padding-left:20px} .widget_mfn_menu ul li ul li a:before{content:"-";margin-right:5px} .widget_mfn_menu ul li ul li ul li a{padding-left:40px} .widget_mfn_menu ul li ul li ul li ul li a{padding-left:60px} .widget_mfn_menu ul.submenus-hover li ul{overflow:hidden;max-height:0;-webkit-transition:max-height 1s ease-in-out;-moz-transition:max-height 1s ease-in-out;-o-transition:max-height 1s ease-in-out;transition:max-height 1s ease-in-out} .widget_mfn_menu ul.submenus-hover li.current_page_item > ul,.widget_mfn_menu ul.submenus-hover li:hover > ul{max-height:10000px} .widget_mfn_menu ul.submenu-active li.current-menu-parent > ul{max-height:10000px} .widget_mfn_menu ul.submenus-click li ul{overflow:hidden;max-height:0} .widget_mfn_menu ul.submenus-click li.hover > ul{max-height:10000px} /* Muffin login */ .mfn-login{overflow:hidden} .mfn-login form p{margin-bottom:5px} .mfn-login form input{margin-bottom:0} .mfn-login .sep{margin:0 7px} .mfn-login .avatar-wrapper{float:left;width:64px;margin:0 10px 10px 0} .mfn-login .author{float:left} .mfn-login .alert{padding:5px 10px;margin-bottom:5px} /* Portfolio ----------------------------------------------------------------------- */ .portfolio_group{margin:0!important} .portfolio_group .portfolio-item{list-style:none!important;float:left} .portfolio_group .portfolio-item.isotope-grid-sizer{margin:0!important} .portfolio_group:not(.list) .portfolio-item{background:none!important} .portfolio_group .portfolio-item .list_style_header{display:none;overflow:hidden;margin-bottom:20px;position:relative;min-height:46px;padding-right:275px} .portfolio_group .portfolio-item .list_style_header h3{margin-bottom:0;margin-top:7px} .portfolio_group .portfolio-item .list_style_header .links_wrapper{position:absolute;right:0;top:0} .portfolio_group .portfolio-item .list_style_header .links_wrapper a{margin-bottom:0} .portfolio_group .portfolio-item .list_style_header .links_wrapper a:last-child{margin-right:0} .portfolio_group .portfolio-item:first-child .list_style_header .links_wrapper a.portfolio_prev_js{display:none} .portfolio_group .portfolio-item:last-child .list_style_header .links_wrapper a.portfolio_next_js{display:none} .portfolio_group .portfolio-item .image_frame{width:100%;margin-bottom:0} .portfolio_group .portfolio-item .desc{padding:20px;background:#fff;overflow:hidden} .portfolio_group .portfolio-item .desc .title_wrapper{position:relative;padding-right:43px} .portfolio_group .portfolio-item .desc .title_wrapper h5{margin-bottom:0} .portfolio_group .portfolio-item .desc .title_wrapper .button-love{position:absolute;right:0;top:0} .portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love{display:inline-block;position:relative;padding-left:24px} .portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love i{position:absolute;left:0;top:0;font-size:16px} .portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love:hover{text-decoration:none} .portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love i:last-child{opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .portfolio_group .portfolio-item .desc .title_wrapper .button-love a:hover.mfn-love i:last-child,.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.loved.mfn-love i:last-child{opacity:1;filter:alpha(opacity=100)} .portfolio_group .portfolio-item .desc .desc-wrapper{margin-right:280px} .portfolio_group .portfolio-item .desc .details-wrapper{float:right;width:240px;padding-left:19px;border-left-width:1px;border-style:solid} .portfolio_group .portfolio-item .desc .details-wrapper dl{margin-bottom:0} .portfolio_group .portfolio-item .desc .details-wrapper dl > dt{padding:2px 0;border:0;width:80px} .portfolio_group .portfolio-item .desc .details-wrapper dl > dd{padding:2px 0;border:0;margin-left:90px} /* List */ .portfolio_group.list .portfolio-item{width:100%;border-bottom-width:0;border-style:solid} .portfolio_group.list .portfolio-item .portfolio-item-fw-bg{background-position:top center;background-repeat:repeat;padding:35px 0} .portfolio_group:not(.list) .portfolio-item .portfolio-item-fw-bg{background:none!important} body.with_aside .portfolio_group.list .portfolio-item .portfolio-item-fw-bg{padding-left:5%;padding-right:5%} body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper{width:1176px;margin:0 auto} .portfolio_group.list .portfolio-item .list_style_header{display:block} .portfolio_group.list .portfolio-item .desc{background:none;padding:20px 0 0} .portfolio_group.list .portfolio-item .desc .title_wrapper{display:none} /* Flat */ .portfolio_group.flat .portfolio-item{width:33.3%} .portfolio_group.flat .portfolio-item .image_frame{border:0} .portfolio_group.flat .portfolio-item .image_frame .mask{box-shadow:0 0 0 0;-webkit-box-shadow:0 0 0 0} .portfolio_group.flat .portfolio-item .desc{display:none} /* Grid */ .portfolio_group.grid .portfolio-item{width:31.2%;margin:0 1% 20px} .portfolio_group.grid .portfolio-item .desc .desc-wrapper,.portfolio_group.grid .portfolio-item .desc .details-wrapper{display:none} /* Masonry */ .portfolio_group.masonry .portfolio-item{width:31.2%;margin:0 1% 20px} .portfolio_group.masonry .portfolio-item .desc .title_wrapper{margin-bottom:15px} .portfolio_group.masonry .portfolio-item .desc .desc-wrapper{display:block;margin-right:0} .portfolio_group.masonry .portfolio-item .desc .details-wrapper{display:none} /* Masonry hover */ .portfolio_group.masonry-hover .portfolio-item { width: 31.2%; margin: 0 1% 20px; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper { position: relative; overflow: hidden; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc { opacity: 0; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.3); height: 100%; width: 100%; padding: 10% 10% 50px; box-sizing: border-box; z-index:2; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3:after { content: ""; display: block; margin: 15px 0; width: 20px; height: 3px; background: #fff; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3 a { color: #fff; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .desc-inner { height: 100%; overflow: hidden; color: #fff; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper { bottom: 18px; box-sizing: border-box; left: 0; padding: 0 7% 0 8%; position: absolute; width: 100%; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external { font-size: 25px; color: #fff; position: relative; top: 0; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom { } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link { float: right; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external {} .portfolio_group.masonry-hover .portfolio-item .image-wrapper { line-height: 0; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light h3 a, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light .desc-inner, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light .links-wrappper a { color: #444; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light h3:after { background: #444; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper:hover .hover-desc { opacity: 1; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.zoom, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.link, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.external { top: -3px; } .portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc { padding: 10%; } .portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper { overflow: visible; } .portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc { position: static; opacity: 1; } .portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .desc-inner { margin-bottom: 15px; } .portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .links-wrappper { position: static; padding: 0; margin-top: 30px; } .portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom { display:none; } /* Animation */ .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Masonry minimal */ .portfolio_group.masonry-minimal .portfolio-item { width: 31.2%; margin: 0 1% 20px; } /* Masonry Flat */ .portfolio_group.masonry-flat { float:left; width:100.5%;} .portfolio_group.masonry-flat .portfolio-item { width: 24.9%; display:block; float:left; position:relative;} .portfolio_group.masonry-flat .portfolio-item.wide { width:49.8%;} .portfolio_group.masonry-flat .portfolio-item .portfolio-item-fill { padding-bottom:78%;} .portfolio_group.masonry-flat .portfolio-item.tall .portfolio-item-fill { padding-bottom:156%;} .portfolio_group.masonry-flat .portfolio-item.wide .portfolio-item-fill { padding-bottom:39%;} .portfolio_group.masonry-flat .portfolio-item.tall.wide .portfolio-item-fill { padding-bottom:78%;} .portfolio_group.masonry-flat .portfolio-item .image_frame { border: 0; position:absolute; top:0; left:0; bottom:0; right:0; overflow:hidden;} .portfolio_group.masonry-flat .portfolio-item .image_frame .image_wrapper { position:static;} .portfolio_group.masonry-flat .portfolio-item .image_frame .mask { box-shadow: 0 0 0 0; -webkit-box-shadow: 0 0 0 0; } .portfolio_group.masonry-flat .portfolio-item .image_frame img { margin:0 !important; top:0 !important; } .portfolio_group.masonry-flat .portfolio-item .desc { display: none; } /* Columns 2-6 */ /* Grid, Masonry, Masonry Hover */ .portfolio_group.grid.col-2 .portfolio-item, .portfolio_group.masonry.col-2 .portfolio-item, .portfolio_group.masonry-hover.col-2 .portfolio-item, .portfolio_group.masonry-minimal.col-2 .portfolio-item { width: 47.99%;} .portfolio_group.grid.col-3 .portfolio-item, .portfolio_group.masonry.col-3 .portfolio-item, .portfolio_group.masonry-hover.col-3 .portfolio-item, .portfolio_group.masonry-minimal.col-3 .portfolio-item { width: 31.33%;} .portfolio_group.grid.col-4 .portfolio-item, .portfolio_group.masonry.col-4 .portfolio-item, .portfolio_group.masonry-hover.col-4 .portfolio-item, .portfolio_group.masonry-minimal.col-4 .portfolio-item { width: 22.99%;} .portfolio_group.grid.col-5 .portfolio-item, .portfolio_group.masonry.col-5 .portfolio-item, .portfolio_group.masonry-hover.col-5 .portfolio-item, .portfolio_group.masonry-minimal.col-5 .portfolio-item { width: 18.99%; margin: 0 0.5% 20px;} .portfolio_group.grid.col-6 .portfolio-item, .portfolio_group.masonry.col-6 .portfolio-item, .portfolio_group.masonry-hover.col-6 .portfolio-item, .portfolio_group.masonry-minimal.col-6 .portfolio-item { width: 15.66%; margin: 0 0.5% 20px;} /* Flat */ .portfolio_group.flat.col-2 .portfolio-item { width: 49.99%;} .portfolio_group.flat.col-3 .portfolio-item { width: 33.33%;} .portfolio_group.flat.col-4 .portfolio-item { width: 24.99%;} .portfolio_group.flat.col-5 .portfolio-item { width: 19.99%;} .portfolio_group.flat.col-6 .portfolio-item { width: 16.66%;} /* Exposure */ .portfolio_group.exposure {} .portfolio_group.exposure .portfolio-item { width: 100%; position: relative; } .portfolio_group.exposure .portfolio-item a.link { display: block; } .portfolio_group.exposure .portfolio-item .image-wrapper { line-height: 0; } .portfolio_group.exposure .portfolio-item .image-wrapper .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.5); opacity: 0; } .portfolio_group.exposure .portfolio-item .desc-inner { position: absolute; left: 0; top: 30px; z-index: 2; width: 100%; } .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrapper-inner { padding: 0 35px; margin: 0 1%; width: 98%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .full-width .portfolio_group.exposure .portfolio-item .desc-inner { top: 70px; } .full-width .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrapper-inner { padding: 0; } .portfolio_group.exposure .portfolio-item .desc-inner .line { display: block; width: 0; height: 4px; margin-bottom: 20px; } .portfolio_group.exposure .portfolio-item .desc-inner .entry-title { margin-bottom: 20px; } .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper { width: 75%; opacity: 0.7; } .portfolio_group.exposure .portfolio-item .details-wrapper { position: absolute; right: 0; bottom: 5px; z-index: 2; width: 100%; } .portfolio_group.exposure .portfolio-item .details-wrapper .details-wrapper-inner { padding: 0 25px; margin: 0 1%; width: 98%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .full-width .portfolio_group.exposure .portfolio-item .details-wrapper { bottom: 35px; } .full-width .portfolio_group.exposure .portfolio-item .details-wrapper .details-wrapper-inner { padding: 0; } .portfolio_group.exposure .portfolio-item .details-wrapper .column { float: right; opacity: 0; -webkit-transform: translateY(-7%); transform: translateY(-7%); border-top: 1px solid rgba(255,255,255,.4); padding: 20px 10px; margin-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .portfolio_group.exposure .portfolio-item .details-wrapper .column h5.label { font-weight: 400; margin-bottom: 8px; } .portfolio_group.exposure .portfolio-item .details-wrapper .column h5 { font-weight: 700; } /* Colors */ .portfolio_group.exposure .portfolio-item .desc-inner .entry-title, .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper, .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h2, .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h3, .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h4, .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h5, .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h6, .portfolio_group.exposure .portfolio-item .details-wrapper h5, .portfolio_group.exposure .portfolio-item .details-wrapper h5 a { color: #fff; } /* Hover */ .portfolio_group.exposure .portfolio-item .desc-inner .line, .portfolio_group.exposure .portfolio-item .image-wrapper .mask { -webkit-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); } .portfolio_group.exposure .portfolio-item .details-wrapper .column { -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .portfolio_group.exposure .portfolio-item .details-wrapper .column:first-child { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .portfolio_group.exposure .portfolio-item .details-wrapper .column:nth-child(2) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .portfolio_group.exposure .portfolio-item .details-wrapper .column:nth-child(3) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .portfolio_group.exposure .portfolio-item:hover .desc-inner .line { width: 100px; } .portfolio_group.exposure .portfolio-item:hover .image-wrapper .mask { opacity: 1; } .portfolio_group.exposure .portfolio-item:hover .details-wrapper .column { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .section_wrapper .portfolio_wrapper .column.one.pager_wrapper .hover-desc{margin:40px 0!important} .template-slider .section-portfolio-header{margin-top:30px} /* Footer ---------------------------------------------------------------------------- */ #Footer{background-position:center top;background-repeat:no-repeat;position:relative} #Footer .footer_action{background:rgba(0,0,0,.1)} #Footer .footer_action .one{margin-bottom:30px;padding-top:30px;text-align:center;font-size:110%;line-height:180%} #Footer .widgets_wrapper{padding:15px 0} #Footer .widgets_wrapper .column{margin-bottom:0} #Footer .widgets_wrapper .widget{padding:15px 0;margin-bottom:0} #Footer .widgets_wrapper .widget:after{display:none} #Footer .footer_copy{border-top:1px solid rgba(255,255,255,.1)} #Footer .footer_copy .one{margin-bottom:20px;padding-top:30px;min-height:33px} #Footer .footer_copy .copyright{float:left} #Footer .footer_copy .social{float:right;margin-right:20px} #Footer .footer_copy .social li{display:inline-block;margin-right:6px} #Footer .footer_copy .social li:last-child{margin-right:0} #Footer .footer_copy .social li a{color:rgba(255,255,255,.3);font-size:15px;line-height:15px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} #Footer .footer_copy .social li a:hover{color:#fff} #Footer .footer_copy .social-menu{float:right;margin-right:20px} #Footer .footer_copy .social-menu li{display:inline-block;margin-right:6px;padding-right:6px;border-right:1px solid rgba(255,255,255,.1)} #Footer .footer_copy .social-menu li:last-child{margin-right:0;padding-right:0;border-right:0} .footer-copy-center #Footer .footer_copy{text-align:center} .footer-copy-center #Footer .footer_copy .copyright{float:none;margin:0 0 10px} .footer-copy-center #Footer .footer_copy a#back_to_top{float:none;margin:-10px 0 10px} .footer-copy-center #Footer .footer_copy .social{float:none;margin:0} .footer-copy-center #Footer .footer_copy .social-menu{float:none;margin:0} /* Back to top */ #back_to_top{float:right;margin:-9px 0 0;width:42px;height:42px;line-height:42px;font-size:20px;text-align:center} a#back_to_top.button.button_js{color:#fff} #back_to_top.hide{display:none} #back_to_top.in_footer{position:absolute;bottom:20px;right:75px} #back_to_top.sticky{position:fixed;right:75px;bottom:20px;z-index:9001} .nice-scroll #back_to_top.sticky{right:85px} #back_to_top.sticky.scroll{opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} #back_to_top.sticky.scroll.focus,#back_to_top.sticky.scroll:hover{opacity:1} /* Widgets */ #Footer .Recent_posts ul li .desc{background:rgba(0,0,0,.1)} #Footer .widget_mfn_menu ul li a{background:rgba(0,0,0,.1);color:#ccc} #Footer .widget_recent_entries ul li{background:rgba(0,0,0,.1)} #Footer ul.list_mixed li:after,#Footer ul.list_check li:after,#Footer ul.list_star li:after,#Footer ul.list_idea li:after{background:rgba(255,255,255,.08)} #Footer .widget_mfn_recent_comments ul li .date_label{background-color:rgba(0,0,0,.07)} #Footer .widget_mfn_recent_comments ul li .date_label:after{border-left-color:rgba(0,0,0,.07)} /* Styles */ .footer-fixed #Footer{position:fixed;width:100%;bottom:0;left:0;z-index:1} .footer-sliding #Wrapper,.footer-sliding #Content{position:relative;z-index:0} .footer-sliding #Footer{position:fixed;width:100%;bottom:0;left:0;z-index:-1} .footer-stick #Footer.is-sticky{position:fixed;width:100%;bottom:0;left:0} /* Comments -------------------------------------------------------------------------- */ .comments{margin-bottom:0} #comments .nocomments{margin-bottom:40px} #comments > :first-child{border-top-width:1px;border-style:solid;padding-top:20px} .page #comments > :first-child{margin-top:20px} #comments .commentlist{margin-left:0} #comments .commentlist li{list-style:none!important;} #comments .commentlist > li{margin-bottom:30px} #comments .commentlist > li .comment-body{position:relative;background:#fff;padding:20px;margin-bottom:20px;margin-left:105px} #comments .commentlist > li .comment-body:after{content:"";display:block;position:absolute;left:-6px;top:35px;width:0;height:0;border-style:solid;border-width:6px 6px 6px 0;border-color:transparent #fff transparent transparent} #comments .commentlist > li .children{margin-bottom:15px;padding-left:40px;border-left:1px solid #ddd} #comments .commentlist > li .photo{display:block;width:64px;height:64px;overflow:hidden;line-height:0;position:absolute;left:-105px;top:0;border-width:8px;border-style:solid;-webkit-border-radius:100%;border-radius:100%} #comments .commentlist > li .comment-author{font-size:15px;color:#444} #comments .commentlist > li .comment-author .fn{font-weight:700} #comments .commentlist > li .comment-meta{font-size:12px;font-style:italic} #comments .commentlist > li .comment-meta a.comment-edit-link{float:right;padding-right:52px;position:relative;top:-19px} #comments .commentlist > li p{margin:4px 0 10px} #comments .commentlist > li .reply{position:absolute;right:20px;top:20px} #comments .commentlist > li .reply a.comment-reply-link{font-size:11px;color:#fff;padding:3px 6px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:3px;background-image:url(../images/stripes/stripes_10_w.png)} #comments .commentlist > li .reply a:hover.comment-reply-link{text-decoration:none} #comments .commentlist li .comment-body.lastBorder{border-bottom:0} #comments .commentlist .children{margin-bottom:0;margin-left:30px;padding-left:50px} #comments .commentlist .children li{margin-bottom:0} #comments #comments-title{margin-bottom:20px} #comments #comments-title span{font-style:italic} /* Respond -------------------------------------------------------------------------- */ #respond{overflow:hidden;margin-bottom:40px} #respond .comment-reply-title{font-size:21px;line-height:25px} #respond p{margin-bottom:15px;padding-left:0!important} #respond .comment-notes .required{position:static} #respond input[type="text"]{margin-bottom:0} #respond label{margin-bottom:3px} #respond .comment-form-author{width:31.3%;margin-right:2%!important;float:left;position:relative} #respond .comment-form-email{width:31.3%;margin-right:2%!important;float:left;position:relative} #respond .comment-form-url{width:33.3%;float:left;position:relative} #respond input[type="text"],#respond input[type="password"],#respond input[type="email"],#respond select{width:100%} #respond .comment-form-comment{width:100%} #respond .comment-form-comment textarea{width:100%;margin-bottom:10px} #respond .form-submit{margin:0} #respond .form-submit input[type="submit"]{float:right!important;margin:0!important} #respond .form-allowed-tags{display:none} #respond .form-allowed-tags code{margin-top:10px} /* Testimonials | Single | @you should not see this page ----------------------------- */ .single-testimonial .post-nav,.single-testimonial .post-meta .category,.single-testimonial .fixed-nav{display:none} /* Error 404 | #Error_404 ------------------------------------------------------------ */ body.error404{height:100%} body.error404.custom-404,body.error404.events-archive{height:auto} body.error404:not(.events-archive) #Content{padding:0!important} #Error_404{overflow:hidden;position:absolute;top:50%;margin-top:-150px;left:30px} #Error_404 .error_pic{width:30%;float:left;text-align:center} #Error_404 .error_pic i{font-size:250px;line-height:250px} #Error_404 .error_desk{width:70%;float:left;padding-top:40px} #Error_404 .error_desk h2{font-size:45px;line-height:45px} #Error_404 .error_desk h4{font-size:26px;line-height:30px} #Error_404 .error_desk p .check{line-height:45px;font-size:16px} #Error_404 .error_desk p .button{margin:0;display:inline;margin-left:20px} /* Search Results | .search-not-found ------------------------------------------------ */ .search-not-found .snf-pic{float:left;text-align:center;width:275px} .search-not-found .snf-pic i{font-size:200px;line-height:200px} .search-not-found .snf-desc{width:70%;width:calc(100% - 275px);float:left;padding-top:40px} .search-not-found .snf-desc h2{font-size:45px;line-height:45px;color:rgba(0,0,0,.7)} .search-not-found .snf-desc h4{font-size:26px;line-height:30px;color:rgba(0,0,0,.7)} /* Video Section --------------------------------------------------------------------- */ .section.has-video{position:relative;overflow:hidden} .section.has-video .section_video{position:absolute;top:0;left:0;min-height:100%;min-width:100%;overflow:hidden;z-index:1} .section.has-video .section_video .mask{position:absolute;top:0;left:0;height:100%;width:100%;z-index:3;background:url(../images/videomask.png) repeat center} .section.has-video .section_video video{position:absolute;top:0;left:0;min-height:100%;min-width:100%;z-index:2} .section.has-video .section_wrapper{position:relative;z-index:10} @media only screen and (max-device-width:1024px) { .section.has-video .section_video{display:none!important} } /* Section Navigation ---------------------------------------------------------------- */ .section.has-navi .section-nav{position:absolute;left:50%;z-index:701;cursor:pointer;font-size:38px;width:50px;height:50px;line-height:50px;margin:0 0 0 -25px;text-align:center;color:rgba(0,0,0,.2)} .section.has-navi .section-nav:hover{color:rgba(0,0,0,.8)} .section.has-navi .section-nav.prev{top:25px} .section.has-navi .section-nav.next{bottom:25px} .section.has-navi:first-child .section-nav.prev,.section.has-navi:nth-last-child(3) .section-nav.next{display:none} .section.has-navi .section-nav{color:rgba(0,0,0,.2)} .section.has-navi .section-nav:hover{color:rgba(0,0,0,.8)} .section.has-navi.dark .section-nav{color:rgba(255,255,255,.2)} .section.has-navi.dark .section-nav:hover{color:rgba(255,255,255,.8)} .section.has-navi .section-nav{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out} /* Dark ------------------------------------------------------------------------------ */ .dark,.dark ul.timeline_items,.dark .icon_box a .desc,.dark .icon_box a:hover .desc,.dark .feature_list ul li a,.dark .list_item a:not(.icon_bar),.dark .list_item a:not(.icon_bar):hover,.dark .widget_recent_entries ul li a{color:#fff!important} .dark .ui-tabs .ui-tabs-panel,.dark .accordion .question .answer{color:#626262} /* Blockquote */ .dark blockquote{background-image:url(../images/stripes/textline_dark.png)} .dark blockquote:after{background-image:url(../images/blockquote_dark.png)} /* Headings font */ .dark h1,.dark h1 a,.dark h1 a:hover{color:#fff} .dark h2,.dark h2 a,.dark h2 a:hover{color:#fff} .dark h3,.dark h3 a,.dark h3 a:hover{color:#fff} .dark h4,.dark h4 a,.dark h4 a:hover{color:#fff} .dark h5,.dark h5 a,.dark h5 a:hover{color:#fff} .dark h6,.dark h6 a,.dark h6 a:hover,.dark a.content_link .title{color:#fff} /* Borders */ .dark .idea_box,.dark table th,.dark table td,.dark .list_item .circle, .dark input[type="text"],.dark input[type="tel"],.dark input[type="password"],.dark input[type="email"],.dark textarea,.dark select,.dark .promo_box.has_border:after, .dark dl > dt,.dark dl > dd,.dark .article_box .desc_wrapper p,.dark a.icon_bar,.dark a.content_link,.dark .how_it_works .image,.dark .opening_hours,.dark .opening_hours .opening_hours_wrapper li, .dark .icon_box.has_border:after,.dark .chart_box:before,.dark .pricing-box,.dark .team_list .bq_wrapper,.dark .post-footer .post-links,.dark .format-link .post-title .icon-link, .dark .share_wrapper,.dark .post-header .title_wrapper,.dark .section-post-related .section-related-adjustment,.dark .comments,.dark .widget-area,.dark .widget:after, .dark .fixed-nav .desc h6,.dark .portfolio_group.list .portfolio-item,.dark .portfolio_group .portfolio-item .desc .details-wrapper,.dark .Recent_posts ul li .desc h6, .dark .widget_recent_entries ul li a,.dark .woocommerce .widget_best_sellers li,.dark .woocommerce .widget_featured_products li,.dark .woocommerce .widget_recent_reviews li, .dark .woocommerce .widget_recent_products li,.dark .woocommerce .widget_recently_viewed_products li,.dark .woocommerce .widget_random_products li,.dark .woocommerce .widget_top_rated_products li, .dark .woocommerce .widget_onsale li,.dark .woocommerce .widget_layered_nav li,.dark .woocommerce .widget_shopping_cart ul.product_list_widget li, .dark .woocommerce .widget_products li,.dark .woocommerce .product .related.products,.dark .woocommerce .product div.entry-summary h1.product_title:after, .dark .woocommerce .quantity input.qty{border-color:rgba(255,255,255,.08)} /* Grey */ .dark .blockquote p.author span,.dark .counter .desc_wrapper .title,.dark .article_box .desc_wrapper p,.dark .team .desc_wrapper p.subtitle,.dark .pricing-box .plan-header p.subtitle,.dark .pricing-box .plan-header .price sup.period,.dark .chart_box p,.dark .fancy_heading .inside, .dark .fancy_heading_line .slogan,.dark .post-meta,.dark .post-meta a,.dark .post-footer,.dark .post-footer a span.label,.dark .pager .pages a,.dark .button-love a .label, .dark .pager-single a,.dark #comments .commentlist > li .comment-author .says,.dark .fixed-nav .desc .date,.dark .filters_buttons li.label,.dark .Recent_posts ul li a .desc .date, .dark .widget_recent_entries ul li .post-date,.dark .tp_recent_tweets .twitter_time,.dark .widget_price_filter .price_label,.dark .shop-filters .woocommerce-result-count, .dark .woocommerce ul.product_list_widget li .quantity,.dark .widget_shopping_cart ul.product_list_widget li dl,.dark .product_meta .posted_in, .dark .woocommerce .shop_table .product-name .variation > dd,.dark .shipping-calculator-button:after,.dark .shop_slider .shop_slider_ul li .item_wrapper .price del, .dark .testimonials_slider .testimonials_slider_ul li .author span,.dark .testimonials_slider .testimonials_slider_ul li .author span a{color:#DEDEDE} /* Dividers */ .dark hr{background-color:rgba(255,255,255,.08);color:rgba(255,255,255,.08)} /* FAQ */ .dark .faq .question .title{color:#fff} .dark .faq .question, .dark .faq .question::after{background-color:rgba(255,255,255,.02)} .dark .faq .question::before{border-color:rgba(255,255,255,.1)} .dark .faq .question .title > .acc-icon-plus, .dark .faq .question .title > .acc-icon-minus{color:rgba(255,255,255,.25)} .style-simple .dark .faq .question{border-color:rgba(255,255,255,.1)} /* Others */ .dark blockquote{color:#fff} .dark .article_box .desc_wrapper h4{color:#444} .dark .progress_bars .bars_list li h6 .label{color:rgba(255,255,255,0.35);background:rgba(255,255,255,0.05)} .dark .counter .desc_wrapper .number{color:#fff} .dark a.content_link .title{color:#444} .dark .opening_hours,.dark .opening_hours h3{color:#444} .dark .Recent_posts ul li .desc{background:rgba(0,0,0,.1)} /* Pricing box */ .dark .pricing-box-box{background:rgba(0,0,0,0.1)} .dark .pricing-box .plan-inside ul li{border-bottom:1px solid rgba(255,255,255,0.1)} /* Lists */ .dark .column_column ul,.dark .column_column ol,.dark .the_content_wrapper ul,.dark .the_content_wrapper ol{color:#fff} .dark .list_item.lists_2 .list_icon i{color:#fff} /* Pricing table */ .dark .pricing-box-table.pricing-box-featured{background:rgba(0,0,0,.1)} .dark .pricing-box .plan-header .price sup.period{color:rgba(255,255,255,0.5)!important} /* Call to action */ .dark .call_to_action .call_left h3{color:rgba(0,0,0,.65)} .dark .call_to_action .call_center a{color:#fff} /* Fancy heading */ .dark .fancy_heading_line{background-image:url(../images/fancy_heading_hr_dark.png)} /* Content slider */ .dark .content_slider.flat a.button .button_icon i{color:#fff} /* Countdown */ .style-simple .dark .quick_fact .number-wrapper{color:#fff} /* Fancy links */ .dark a.mfn-link,.dark a:hover.mfn-link{color:#fff} .dark a.hover.mfn-link-2 span:before,.dark a.mfn-link-8:after,.dark a.mfn-link-8:before{background:#fff} .dark a.mfn-link-4:hover:before,.dark a.mfn-link-4:hover:after,.dark a.hover.mfn-link-4:before,.dark a.hover.mfn-link-4:after,.dark a.mfn-link-7:after,.dark a.mfn-link-7:before{background:#fff} .dark a.mfn-link-6:before{border-bottom-color:#fff} /* Pagination */ .dark .slider_pagination a{background:rgba(255,255,255,0.3)} /* Theme Name: Betheme Description: Adds support for languages written in a Right To Left (RTL) direction. */ body{unicode-bidi:embed} .mcb-wrap,.column,.columns{float:right} .the_content_wrapper{float:right;width:98%;direction:ltr} .the_content_wrapper > * {direction:rtl} /* Base ------------------------------------------------------------------------------ */ a.button,a.tp-button,button,input[type="submit"],input[type="reset"],input[type="button"]{margin-left:7px;margin-right:0} .fixed-nav.fixed-nav-prev{left:auto;right:0;} .fixed-nav.fixed-nav-next{left:0;right:auto;} .fixed-nav-prev .arrow,.fixed-nav-prev .photo,.fixed-nav-prev .desc{float:right} .fixed-nav-prev .desc{margin-left:0;margin-right:-335px} .fixed-nav-prev:hover .desc{margin-right:0} .fixed-nav-next .arrow,.fixed-nav-next .photo,.fixed-nav-next .desc{float:left} .fixed-nav-next .desc{margin-left:-335px;margin-right:0} .fixed-nav-next:hover .desc{margin-left:0} .nice-scroll .fixed-nav.fixed-nav-prev { margin-right: 10px;} .fixed-nav .desc i{margin-left:2px;margin-right:0} .fixed-nav .desc i:before{margin-right:0;margin-left:.2em} .fixed-nav-prev .arrow i:before, .fixed-nav-prev.style-arrows .photo::before{content:'\e916'} .fixed-nav-next .arrow i:before, .fixed-nav-next.style-arrows .photo::before{content:'\e8b8'} .image_frame .image_wrapper .image_links.double a{float:right} .image_frame .image_wrapper .image_links.double a:first-child{box-shadow:inset 1px 0 0 0 rgba(255,255,255,.2);-webkit-box-shadow:inset 1px 0 0 0 rgba(255,255,255,.2)} /* Action Bar ------------------------------------------------------------------------ */ #Action_bar .contact_details{float:right} #Action_bar .contact_details li:last-child{margin-left:0} #Action_bar .contact_details li{margin-right:0;margin-left:10px} #Action_bar .social{float:left} #Action_bar .social li{margin-left:6px;margin-right:0} #Action_bar .social li:last-child{margin-left:0} #Action_bar .contact_details li > i{margin-right:0;margin-left:2px} /* Top bar --------------------------------------------------------------------------- */ #Top_bar .logo{float:right;margin:0 20px 0 30px} #Top_bar.is-sticky .logo{margin:0 20px 0 30px} #Top_bar .top_bar_left{float:right} #Top_bar .top_bar_right{float:left;padding:0 20px 0 10px} #Top_bar .top_bar_right::before{left:auto;right:-10px;transform:skewX(0deg) skewY(25deg)} #Top_bar .menu_wrapper{float:right} #Top_bar .menu > li{float:right} #Top_bar .menu > li > a span{border-left-width:1px;border-right-width:0} #Top_bar .menu > li > a span:not(.description){border-left-width:1px;border-right-width:0} #Top_bar .menu > li:last-child > a span{border-right-width:1px solid rgba(0,0,0,0.05)} #Top_bar .menu > li:first-child > a span{border-right-width:0} #Top_bar .menu li ul{left:auto;right:0} #Top_bar .menu li ul:not(.mfn-megamenu){left:auto;right:0} #Top_bar .menu li ul:not(.mfn-megamenu) li ul{right:190px} #Top_bar .menu > li > ul.mfn-megamenu > li{float:right!important} #Top_bar .menu > li > ul.mfn-megamenu > li > ul{right:auto} #Top_bar .menu li ul li a .menu-arrow{left:7px;right:auto;-webkit-transform:scale(-1,1);transform:scale(-1,1)} #Top_bar .menu li ul li ul{right:190px;left:auto} #Header .secondary-menu > li{float:right} #Header .secondary-menu li ul{left:auto;right:0} /*#Top_bar a.responsive-menu-toggle{right:auto}*/ #Top_bar a#header_cart{float:right;margin-left:1px;margin-right:0} #Top_bar a#header_cart span{left:8px;right:auto} #Top_bar a#search_button{float:right;margin-left:10px;margin-right:0} #Top_bar .wpml-languages{float:right;margin-left:10px;margin-right:0} #Top_bar .wpml-languages a.active{padding-left:6px;padding-right:10px} #Top_bar .wpml-languages a.active i{margin-left:0;margin-right:5px} #Top_bar a.button.action_button{margin-right:0;margin-left:10px;} #Top_bar .search_wrapper input[type="text"]{padding-left:0;padding-right:35px} #Top_bar .search_wrapper .icon_close,#Top_bar .search_wrapper .icon_close:hover{left:18px;right:auto} #Top_bar .search_wrapper .icon_search{left:auto;right:18px} /* Header ---------------------------------------------------------------------------- */ /* Header | Fixed */ .header-fixed #Top_bar .logo{margin:0 20px 0 30px} /* Header | Plain */ .header-plain #Top_bar .menu_wrapper{margin-left:-10px;margin-right:0;float:left} .header-plain #Top_bar a#header_cart,.header-plain #Top_bar a#search_button{border-right-width:1px;border-left-width:0} /* Header | Simple */ .header-simple #Top_bar #menu ul li.submenu .menu-toggle{left:0;right:auto;border-right:1px solid rgba(0,0,0,0.03);border-left:none} /* Header | Split */ .header-split #Top_bar .top_bar_right{left:-28px;right:auto} /* Header | Stack */ .header-stack #Top_bar .top_bar_right{left:0;right:auto} .header-stack #Top_bar .menu_wrapper{margin-right:0} .header-stack #Top_bar .menu li ul{left:auto;right:0} .header-magazine #Top_bar .logo{text-align:right} .header-magazine #Top_bar .banner_wrapper{left:20px;right:auto} /* Subheader ------------------------------------------------------------------------- */ #Subheader .title{float:right} #Subheader ul.breadcrumbs{float:left;text-align:left} #Subheader ul.breadcrumbs li{margin-left:10px;margin-right:0} #Subheader ul.breadcrumbs li span{margin-left:0;margin-right:10px} #Subheader ul.breadcrumbs .icon-right-open:before{content:'\e8b7'} /* Footer ---------------------------------------------------------------------------- */ #Footer .footer_copy .social li:first-child{margin-right:0} #Footer .footer_copy .social li:last-child{margin-right:6px} /* Lists ----------------------------------------------------------------------------- */ ul.list_mixed li,ul.list_check li,ul.list_star li,ul.list_idea li{padding-right:50px;padding-left:0;margin-right:0} ul.list_check li,li.list_check{background-position:right 5px} ul.list_star li,li.list_star{background-position:right 5px} ul.list_idea li,li.list_idea{background-position:right 6px} ul.list_mixed li:after,ul.list_check li:after,ul.list_star li:after,ul.list_idea li:after{left:auto;right:0} dl > dt{float:right} dl > dd{margin-right:110px;margin-left:0} /* Pager ----------------------------------------------------------------------------- */ .pager .next_page .icon-right-open:before{content:'\e8b7'} .pager .prev_page .icon-left-open:before{content:'\e915'} /* Error 404 ------------------------------------------------------------------------- */ #Error_404 .error_desk p .button{margin:0 20px 0 0} /* Blog ------------------------------------------------------------------------------ */ /* Blog | List */ .post-item{float:right} .post-meta .author-date{float:right} .post-item .date_label{right:0;left:auto} .post-meta .category{float:left} .post-meta .category .cat-wrapper{left:0;right:auto} .post-photo-wrapper{float:right} .post-desc{padding:15px 20px 0 0} .post-desc-wrapper{float:right} .post-header .button-love{float:right} .post-header .title_wrapper{margin-left:0;border-right-width:1px;border-left-width:0;padding-right:30px;padding-left:0} .post-nav .list-nav{float:left} .hide-love .post-nav{padding-right:10px} .photo .post-desc .post-head .post-footer .button-love{margin-left:20px;margin-right:0} .photo .post-desc .post-head .post-meta .author-date{margin-left:20px;margin-right:0} .post-footer .button-love{float:right} .post-footer .post-links{float:left;padding-right:10px;padding-left:0;border-right-width:1px;border-left-width:0} .post-footer .button-love a.mfn-love{padding-right:24px;padding-left:0;margin-right:5px;margin-left:0} .post-footer .button-love a.mfn-love i{right:0;left:auto} .post-footer .post-links .post-comments{margin-right:0;margin-left:10px} .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-meta .author-date .post-links{margin-right:10px;margin-left:0} /* Blog | Single */ .author-box .avatar-wrapper{float:right} .author-box .desc-wrapper{margin-right:105px;margin-left:0} .author-box .desc-wrapper:after{left:auto;right:-6px;border-width:6px 0 6px 6px;border-color:transparent transparent transparent rgba(0,0,0,.02)} /* Portfolio ------------------------------------------------------------------------- */ /* Portfolio | List */ .portfolio_group .portfolio-item{float:right} .portfolio_group .portfolio-item .desc .title_wrapper{padding-left:43px;padding-right:0} .portfolio_group .portfolio-item .desc .title_wrapper .button-love{left:0;right:auto} .portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love{margin-right:5px;margin-left:0} .portfolio_group .portfolio-item .desc .desc-wrapper{margin-left:280px;margin-right:0} .portfolio_group .portfolio-item .desc .details-wrapper{float:left;padding-right:19px;padding-left:0;border-right-width:1px;border-left-width:0} .portfolio_group .portfolio-item .desc .details-wrapper dl > dd{margin-right:90px;margin-left:0} .portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love{padding-right:24px;padding-left:0} .portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love i{right:0;left:auto} .portfolio_group .portfolio-item .list_style_header{padding-left:275px;padding-right:0} .portfolio_group .portfolio-item .list_style_header .links_wrapper{left:0;right:auto} .portfolio_group .portfolio-item .list_style_header .links_wrapper a:last-child{margin-left:0} .portfolio_group.masonry .portfolio-item .desc .desc-wrapper{margin-left:0} .portfolio_group.masonry-flat{float:right} .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link{float:left} /* Portfolio | Single */ .project-description li.one-third{float:right;padding-left:15px;padding-right:10px;border-width:0 0 1px 1px} /* Blog & Portfolio | Helpers -------------------------------------------------------- */ /* Comments */ #comments .commentlist > li .comment-body{margin-left:0;margin-right:105px} #comments .commentlist > li .comment-body:after{left:auto;right:-6px;border-width:6px 0 6px 6px;border-color:transparent transparent transparent #fff} #comments .commentlist .children{margin-right:30px;padding-right:50px;margin-left:0;padding-left:0} #comments .commentlist > li .children{padding-right:40px;padding-left:0;border-right:1px solid #DDD;border-left:none} #comments .commentlist > li .photo{left:auto;right:-105px} #comments .commentlist > li .reply{left:20px;right:auto} #comments .commentlist > li .comment-meta a.comment-edit-link{float:left;padding-left:52px;padding-right:0} #respond .comment-form-author{margin-left:2%!important;float:right;margin-right:0!important} #respond .comment-form-email{margin-left:2%!important;float:right;margin-right:0!important} /* Filters */ #Filters .filters_buttons ul li{float:right} #Filters .filters_buttons ul li.reset{float:left} /* Navigation */ .post-nav .next-prev-nav{float:right} .post-nav{padding:10px 130px 4px 10px} /* Related */ .section-post-related .post-related hr{margin-right:30px;margin-left:auto} .section-post-related .post-related .image_frame{margin-right:30px;margin-left:0} .section-post-related .post-related .date_label{right:0;left:auto} .section-post-related .post-related a.button{margin-right:30px;margin-left:0} .section-post-related .simple .post-related .image_frame{margin-right:0;} .section-post-related .simple .post-related a.button{margin-right:0;} /* Widgets --------------------------------------------------------------------------- */ /* Widget | Archive & Menu */ .widget_archive ul,.widget_nav_menu ul{padding:5px 30px 5px 10px} .widget_archive ul li:after,.widget_nav_menu ul li:after{left:auto;right:-30px} .widget_archive ul li a,.widget_nav_menu ul li a{padding:8px 3px 9px 0} /* Widget | Categories */ .widget_categories ul{padding:5px 30px 5px 10px} .widget_categories ul li:after{left:auto;right:-30px} /* Widget | Muffin login */ .mfn-login .avatar-wrapper{float:right;margin:0 0 10px 10px} .mfn-login .author{float:right} /* Widget | Recent comments */ .widget_recent_comments ul li{padding-right:40px;padding-left:0} .widget_recent_comments ul li:after{right:0;left:auto} .widget_mfn_recent_comments ul li{background:none;padding-left:0;padding-right:40px} .widget_mfn_recent_comments ul li:after{left:auto;right:0} /* Widget | Recent entries */ .widget_recent_entries ul li:after{left:0;right:auto} /* Widget | Recent posts */ .Recent_posts ul li .photo{float:left} .Recent_posts ul li .desc{margin-left:80px;margin-right:0} .Recent_posts ul li.no-img .desc{margin-left:0} .Recent_posts ul li .desc .date i{margin-left:2px;margin-right:0} .Recent_posts ul li .desc:after{left:0;right:auto} /* Widget | Shop Categories */ .widget_product_categories ul{padding:5px 30px 5px 10px !important} .widget_product_categories ul li:after{left:auto;right:-30px} /* Widget | Tag Cloud */ .widget_mfn_tag_cloud ul li{float:right;margin:0 0 2px 5px} /* Widget | Text */ .widget_text .get_in_touch ul li:after{right:-20px} /* Shortcodes ------------------------------------------------------------------------ */ /* Accordion */ .accordion .question .title{font-weight:300;font-size:16px;padding:14px 60px 14px 14px;background-position:right top} .accordion .question .title:before{border-width:0 0 0 1px;right:0;left:auto} .accordion .question .title > .acc-icon-plus,.accordion .question .title > .acc-icon-minus{right:15px;left:auto} /* Article Box */ .article_box .photo_wrapper{float:right} .article_box .icon-right-open:before{content:'\e8b7'} .article_box .desc_wrapper{float:right} .article_box .desc_wrapper i.icon-right-open{right:-5px;left:auto} /* Blockquote */ blockquote{text-align:right;margin:0 25px 35px 0} blockquote:after{right:-25px;left:auto} .blockquote p.author{margin-right:25px;margin-left:0} .blockquote p.author i{margin-left:5px;margin-right:0} /* Blog news */ .Latest_news ul li .desc_footer .date{float:right;margin-left:5px;margin-right:0} .Latest_news ul li .desc_footer .button-love{float:right;margin-left:5px;margin-right:0} .Latest_news ul li .desc_footer .button-love a.mfn-love{padding-right:24px;margin-right:5px;padding-left:0;margin-left:0} .Latest_news ul li .desc_footer .button-love a.mfn-love i{right:0;left:auto} /* Blog slider */ .blog_slider .blog_slider_header{padding-left:0;padding-right:0;text-align:right} .blog_slider .blog_slider_header a.slider_prev{right:auto;left:0} .blog_slider .blog_slider_header a.slider_next{right:auto;left:50px} .blog_slider .blog_slider_ul li .item_wrapper hr{margin-left:auto;margin-right:0} .blog_slider .blog_slider_ul li .item_wrapper .desc{text-align:right} .blog_slider .blog_slider_ul li .item_wrapper .date_label{right:0;left:auto} /* Call to action */ .calltoaction_box a.button,.calltoaction_box a.tp-button,.calltoaction_box button,.calltoaction_box input[type="submit"],.calltoaction_box input[type="reset"],.calltoaction_box input[type="button"]{margin-right:7px;margin-left:0} /* Counter */ .counter.counter_horizontal .desc_wrapper{padding-left:0;padding-right:85px;text-align:right} .counter.counter_horizontal .icon_wrapper{left:auto;right:30px} /* Clients */ ul.clients li{float:right} /* Clients slider */ .clients_slider .clients_slider_header{ padding-left: 0; padding-right: 0; text-align: right;} .clients_slider .clients_slider_header a.slider_prev { left: 0; right: auto;} .clients_slider .clients_slider_header a.slider_next { left: 50px; right: auto;} .clients_slider .clients_slider_ul li {float: left;} /* Dropcap */ .dropcap{float:right;margin:0 0 5px 10px} /* Feature list */ .feature_list ul li{float:right} /* FAQ */ .faq .question:before{right:0;left:auto} .faq .question:after{right:0;left:auto} .faq .question .title{padding:20px 80px 20px 40px} .faq .question .title .num{right:27px;left:auto} .faq .question .title > .acc-icon-plus,.faq .question .title > .acc-icon-minus{left:15px;right:auto} .faq .question .answer{padding:0 80px 20px 20px} /* Flat box */ .flat_box .photo_wrapper .icon{left:auto;right:0} .flat_box a:hover .photo_wrapper .icon{-webkit-transform:translateX(90px);transform:translateX(90px)} .flat_box .photo_wrapper img{transform:translateX(-15px)} .flat_box .desc_wrapper{margin-left:0;margin-right:90px} /* Get in touch */ .get_in_touch ul li{padding:13px 50px 13px 0} .get_in_touch ul li .icon{left:auto;right:0} .get_in_touch ul li:after{left:auto;right:-30px} /* Helper */ .helper .helper_header{padding:15px 20px 15px 150px} .helper .helper_header .links{left:15px;right:auto} /* Icon box */ .icon_box.icon_position_left{padding-left:0;padding-right:145px} .icon_box.icon_position_left .desc_wrapper{text-align:right} .icon_box.icon_position_left .image_wrapper,.icon_box.icon_position_left .icon_wrapper{right:0;left:auto} /* Idea box */ .idea_box{padding:25px 70px 25px 25px} .idea_box .icon{left:auto;right:15px} /* Infobox */ .infobox ul li{padding:13px 50px 13px 0} .infobox ul li:before{left:auto;right:0} .infobox ul li:after{left:auto;right:-30px} /* Lists Item */ .list_item .list_left{float:right} .list_item .list_right{margin-right:100px;margin-left:0} .list_item.lists_3 .list_icon{text-align:right} .list_item.lists_3 .list_right{margin-right:0} .list_item.lists_4 .circle{float:right} .list_item.lists_4 .list_right{margin-left:0;margin-right:100px} /* Offer slider */ .offer .offer_li .desc_wrapper .title{padding-left:160px;padding-right:0;text-align:right} .offer .offer_li .desc_wrapper .title a.button{right:auto;left:0} .offer .offer_li .desc_wrapper{text-align:right} /* Our Team */ .team_horizontal .hr_color,.team_vertical .hr_color,.team_list .hr_color{margin-right:0;margin-left:auto} .team.team_horizontal .image_frame{float:right;margin-left:4%;margin-right:0} .team.team_horizontal .desc_wrapper{float:left} /* Our Team List */ .team.team_list .column,.team.team_list .columns{float:right} /* Portfolio Grid */ ul.portfolio_grid li{float:right} /* Progress bar */ .progress_bars .bars_list li h6{padding-left:40px;padding-right:0} .progress_bars .bars_list li h6 .label{left:0;right:auto} /* Progress icons */ .progress_icons .progress_icon{margin:0 0 7px 7px} /* Shop slider */ .shop_slider .blog_slider_header{padding-left:0;padding-right:0;text-align:right} .shop_slider .blog_slider_header a.slider_prev{right:auto;left:0} .shop_slider .blog_slider_header a.slider_next{right:auto;left:50px} .shop_slider .shop_slider_ul li .item_wrapper .desc{text-align:right} /* Table */ .table_menu td.c1{text-align:right} /* Tabs */ .ui-tabs .ui-tabs-nav{background-position:right top} .ui-tabs .ui-tabs-nav li{float:right;border-width:0 0 0 1px} .ui-tabs .ui-tabs-panel{background-position:right top} /* Timeline */ .timeline .post-item{padding-right:200px;padding-left:0;background:url(images/timeline_left.png) no-repeat right 90px top} .timeline .post-item:before{right:126px;left:auto} .timeline_items li:nth-child(odd) h3{text-align:left} .timeline_items li:nth-child(odd) .desc{text-align:left} .date_label:after,.timeline_items li h3 span:after{left:-5px;right:auto;transform:rotate(180deg);-webkit-transform:rotate(180deg)} /* Plugins --------------------------------------------------------------------------- */ /* Prettyphoto */ div.pp_pic_holder{direction:ltr} /* Contact form 7 */ div.wpcf7{direction:rtl} form.wpcf7-form .column,form.wpcf7-form .columns{float:right} /* WooCommerce */ .woocommerce-page .the_content_wrapper{direction:rtl} .woocommerce .addresses .title h3,.woocommerce-page .addresses .title h3{float:right} .woocommerce a.button,.woocommerce-page a.button,.woocommerce button.button,.woocommerce-page button.button,.woocommerce input.button,.woocommerce-page input.button,.woocommerce #respond input#submit,.woocommerce-page #respond input#submit,.woocommerce #content input.button,.woocommerce-page #content input.button,.woocommerce input[type="submit"],.woocommerce input[type="reset"],.woocommerce input[type="button"],.woocommerce table.cart td.actions input.checkout-button,.woocommerce .shipping_calculator .shipping-calculator-form p button.button,.woocommerce div.product form.cart .button,.woocommerce .widget_shopping_cart .buttons a.checkout,.woocommerce #payment #place_order,.woocommerce .quantity input.plus,.woocommerce .quantity input.minus{margin-left:7px;margin-right:auto} .woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:right;margin:0 0 2.992em 3.8%} .woocommerce ul.products li.product{margin:0 1% 20px!important} .woocommerce ul.products li.last,.woocommerce-page ul.products li.last{margin-left:0} .woocommerce ul.products li.product .onsale{right:auto} .rtl .woocommerce .col2-set .col-1, .rtl .woocommerce-page .col2-set .col-1{float:right} .rtl .woocommerce .col2-set .col-2, .rtl .woocommerce-page .col2-set .col-2{float:left} .woocommerce ul.products.list li.product > div{float:right} .woocommerce ul.products.list li.product a.button{float:left} .woocommerce ul.products.list li.product .desc .star-rating{left:15px;right:auto} .woocommerce ul.products.list li.product .desc h4{padding-left:70px;padding-right:0} .woocommerce .product div.entry-summary .accordion p.stars a{margin-left:10px;margin-right:0} .woocommerce .product div.entry-summary .price{float:right;margin:0 0 0 10px} .woocommerce .product .product_wrapper .product_image_wrapper .images{direction:ltr} .woocommerce .product div.entry-summary h1.product_title:after{right:0;left:auto} .woocommerce .woocommerce-product-rating .star-rating{float:left} .woocommerce .product div.entry-summary .woocommerce-product-rating{float:left} .woocommerce .product div.entry-summary .woocommerce-product-details__short-description{float:left} .woocommerce div.product form.cart .variations select{margin-left:1em;margin-right:0;} .woocommerce #content div.product form.cart .button,.woocommerce div.product form.cart .button,.woocommerce-page #content div.product form.cart .button,.woocommerce-page div.product form.cart .button{float:right} .woocommerce #content div.product form.cart div.quantity,.woocommerce div.product form.cart div.quantity,.woocommerce-page #content div.product form.cart div.quantity,.woocommerce-page div.product form.cart div.quantity{float:right;margin:0 0 0 4px} .woocommerce ul.product_list_widget li img{float:left;margin-right:4px;margin-left:0} .woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{clear:left;float:left} .woocommerce .cart-collaterals .cart_totals{float:right!important;text-align:right!important} .woocommerce .cart-collaterals .shipping_calculator .shipping-calculator-button:after,.woocommerce-page .cart-collaterals .shipping_calculator .shipping-calculator-button:after{margin-right:7px;margin-left:0} .woocommerce .cart-collaterals .shipping_calculator{float:left!important;text-align:left!important} .woocommerce .checkout .col-2 h3#ship-to-different-address,.woocommerce-page .checkout .col-2 h3#ship-to-different-address{float:right} .woocommerce form .form-row label,.woocommerce-page form .form-row label{clear:right} .woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{float:right} .woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:left} .woocommerce form.checkout_coupon,.woocommerce form.login,.woocommerce form.register,.woocommerce-page form.checkout_coupon,.woocommerce-page form.login,.woocommerce-page form.register{text-align:right} .woocommerce .order_details li,.woocommerce-page .order_details li{float:right;border-left:1px dashed #E0DADF;border-right:none;margin-left:2em;margin-right:0;padding-left:2em;padding-right:0} .woocommerce p.stars a.star-5,.woocommerce-page p.stars a.star-5{border:0} .woocommerce p.stars a.star-1,.woocommerce p.stars a.star-2,.woocommerce p.stars a.star-3,.woocommerce p.stars a.star-4,.woocommerce p.stars a.star-5,.woocommerce-page p.stars a.star-1,.woocommerce-page p.stars a.star-2,.woocommerce-page p.stars a.star-3,.woocommerce-page p.stars a.star-4,.woocommerce-page p.stars a.star-5{border-left:1px solid #CCC;border-right:0} .woocommerce p.stars a.star-1:after,.woocommerce p.stars a.star-2:after,.woocommerce p.stars a.star-3:after,.woocommerce p.stars a.star-4:after,.woocommerce p.stars a.star-5:after,.woocommerce-page p.stars a.star-1:after,.woocommerce-page p.stars a.star-2:after,.woocommerce-page p.stars a.star-3:after,.woocommerce-page p.stars a.star-4:after,.woocommerce-page p.stars a.star-5:after{right:0;left:auto} .woocommerce #payment ul.payment_methods li,.woocommerce-page #payment ul.payment_methods li{text-align:right;list-style:none} .woocommerce #payment div.payment_box:after,.woocommerce-page #payment div.payment_box:after{right:0;left:auto;margin:-1em 2em 0 0} .woocommerce .quantity input.plus{float:right} .woocommerce .quantity input.plus,.woocommerce .quantity input.minus{margin:0} .woocommerce .related ul.products li.product,.woocommerce .related ul li.product,.woocommerce .upsells.products ul.products li.product,.woocommerce .upsells.products ul li.product,.woocommerce-page .related ul.products li.product,.woocommerce-page .related ul li.product,.woocommerce-page .upsells.products ul.products li.product,.woocommerce-page .upsells.products ul li.product{margin-left:3%;margin-right:0} .woocommerce .shop_table .product-name{text-align:right} .woocommerce td.product-name dl.variation dt,.woocommerce td.product-name dl.variation dd{float:right} .woocommerce .star-rating{float:left} .woocommerce .widget_shopping_cart ul.product_list_widget li .wp-post-image{float:right!important} .woocommerce .widget_shopping_cart ul.product_list_widget li a .desc{margin-right:80px;margin-left:0} .woocommerce .widget_shopping_cart p.total strong{float:right;margin-left:4px;margin-right:0} .woocommerce .widget_shopping_cart p.total .amount{float:right} .woocommerce .widget_shopping_cart p.total .button_cart{float:left} .woocommerce .widget_shopping_cart .cart_list li a.remove{left:auto;right:0;} .woocommerce .woocommerce-error:before,.woocommerce .woocommerce-info:before,.woocommerce .woocommerce-message:before{display:none} .woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count{float:right} .woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering{float:left} .woocommerce .woocommerce-variation.single_variation{float:right;width:100%} .woocommerce .product.modern .product_wrapper .summary .product_title{float:right;margin-left:4%;margin-right:0} .woocommerce .product.modern .product_wrapper .summary .woocommerce-product-rating{float:right;margin-left:4%;margin-right:0} .woocommerce .product.modern .woocommerce-product-rating .star-rating{float:right} .woocommerce .product.modern .product_wrapper .summary .price{float:left;margin-left:0;margin-right:4%} .woocommerce .product.modern .product_wrapper .summary .woocommerce-product-details__short-description{float:right;margin-left:4%;margin-right:0} .woocommerce .product.modern .product_wrapper .summary .cart{float:left} .woocommerce .product.modern .product_wrapper .summary .variations_button{float:left} .woocommerce .product.modern .product_wrapper .summary .product_meta{text-align:left} /* Style Simple ---------------------------------------------------------------------- */ .style-simple .accordion .question:after{right:0;left:auto} .style-simple .accordion .question{border-width:0 1px 0 0} .style-simple .accordion .question .title{padding-right:50px;padding-left:14px} .style-simple .faq .question{border-width:0 1px 0 0} .style-simple .faq .question .title,.style-simple .faq .question .answer{padding-right:70px;padding-left:40px} .style-simple .opening_hours .opening_hours_wrapper li{text-align:right} .style-simple table th,.style-simple table td{border-width:0 0 1px 1px} .style-simple table tr td:last-child,.style-simple table tr th:last-child{border-left:0} .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-processing a:after,.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a:after{right:auto;left:-1px} .style-simple .tabs_vertical.ui-tabs .ui-tabs-panel{border-width:0 1px 0 0 !important} .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li a{padding-left:20px!important;padding-right:10px!important} /* Responsive ----------------------------------------------------------------- > 1240 */ @media only screen and (min-width: 1240px) { #Top_bar .menu > li > ul.mfn-megamenu-bg{padding:20px 20px 20px 166px;background-position:bottom left} .menuo-right #Top_bar .menu_wrapper{float:left} .menuo-no-borders #Top_bar .menu > li > a span:not(.description){border-left-width:0} } /* Responsive ------------------------------------------------------------------ > 960 */ @media only screen and (min-width: 960px) { .Recent_posts ul li .photo .c{left:-8px;right:auto} .Recent_posts ul li.no-img .desc{margin-left:0} .grid960 .Recent_posts ul li .desc{margin-left:60px;margin-right:0} } /* Responsive ------------------------------------------------------------------ > 768 */ @media only screen and (min-width: 768px) { .offer_thumb .slider_pagination{right:0;left:auto} .offer_thumb .slider_pagination a:before{left:-5px;right:auto} .offer_thumb .slider_pagination a:after{left:-9px;right:auto} .tabs_vertical.ui-tabs .ui-tabs-nav{float:right;border-width:1px 1px 1px 0;-webkit-border-radius:0 5px 5px 0!important;border-radius:0 5px 5px 0!important} .tabs_vertical.ui-tabs .ui-tabs-nav li:first-child a{-webkit-border-radius:0 5px 0 0!important;border-radius:0 5px 0 0!important} .tabs_vertical.ui-tabs .ui-tabs-panel{float:right;-webkit-border-radius:5px 0 5px 5px!important;border-radius:5px 0 5px 5px!important} } /* Responsive -------------------------------------------------------------- 768 - 959 */ @media only screen and (max-width: 959px) and (min-width: 768px) { .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .desc_wrapper{margin-left:0} .woocommerce ul.products li.product,.woocommerce-page ul.products li.product,.woocommerce ul.products li.last,.woocommerce-page ul.products li.last{margin-left:3.8%!important;margin-right:0!important} .woocommerce ul.products li.product:nth-child(2n),.woocommerce-page ul.products li.product:nth-child(2n){margin-left:0!important} .widget_shopping_cart ul.product_list_widget li a .desc{margin-right:60px;margin-left:0} } /* Responsive ------------------------------------------------------------------ < 768 */ @media only screen and (max-width: 767px) { #Action_bar .contact_details{float:none;text-align:center} #Action_bar .social{float:none;text-align:center} #Top_bar .logo{float:none;margin:0} #Top_bar .top_bar_right{float:none} #Top_bar .top_bar_left{float:none} .offer_thumb_ul li.offer_thumb_li{padding-right:0} .offer_thumb_ul li.offer_thumb_li .desc_wrapper{float:none} .offer_thumb_ul li.offer_thumb_li .image_wrapper{float:none} .offer_thumb{padding-right:0} .ui-tabs .ui-tabs-nav li a{background-position:right top} .style-simple .tabs_vertical.ui-tabs .ui-tabs-panel{border-width:1px 0 0!important} .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li a{padding-left:20px;padding-right:10px} .woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count,.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering{float:none} .woocommerce .product.modern .product_wrapper .summary .price,.woocommerce .product.modern .product_wrapper .summary .cart,.woocommerce .product.modern .product_wrapper .summary .variations_button{float:none;margin-right:0} .woocommerce .product.modern .product_wrapper .summary .product_meta{text-align:right} } /* animatedheadline.min.css-injected by HamedKeivan----------------------------*/ .ah-headline.type .ah-words-wrapper.selected::after,.ah-headline.type b{visibility:hidden}.ah-headline.clip span,.ah-headline.loading-bar span,.ah-headline.slide span{padding:.2em 0;display:inline-block}.ah-headline.clip .ah-words-wrapper,.ah-headline.loading-bar .ah-words-wrapper,.ah-headline.slide .ah-words-wrapper,.ah-headline.type .ah-words-wrapper{overflow:hidden;vertical-align:top}.ah-words-wrapper{display:inline-block;position:relative;text-align:left}.ah-words-wrapper b{display:inline-block;position:absolute;white-space:nowrap;left:0;top:0}.ah-words-wrapper b.is-visible{position:relative}.no-js .ah-words-wrapper b{opacity:0}.no-js .ah-words-wrapper b.is-visible{opacity:1}.ah-headline.rotate-1 .ah-words-wrapper{-webkit-perspective:300px;perspective:300px}.ah-headline.rotate-1 b{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.ah-headline.rotate-1 b.is-visible{opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0);-webkit-animation:ah-rotate-1-in 1.2s;animation:ah-rotate-1-in 1.2s}.ah-headline.rotate-1 b.is-hidden{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);-webkit-animation:ah-rotate-1-out 1.2s;animation:ah-rotate-1-out 1.2s}@-webkit-keyframes ah-rotate-1-in{0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);opacity:0}35%{-webkit-transform:rotateX(120deg);transform:rotateX(120deg);opacity:0}65%{opacity:0}100%{-webkit-transform:rotateX(360deg);transform:rotateX(360deg);opacity:1}}@keyframes ah-rotate-1-in{0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);opacity:0}35%{-webkit-transform:rotateX(120deg);transform:rotateX(120deg);opacity:0}65%{opacity:0}100%{-webkit-transform:rotateX(360deg);transform:rotateX(360deg);opacity:1}}@-webkit-keyframes ah-rotate-1-out{0%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}35%{-webkit-transform:rotateX(-40deg);transform:rotateX(-40deg);opacity:1}65%{opacity:0}100%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);opacity:0}}@keyframes ah-rotate-1-out{0%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}35%{-webkit-transform:rotateX(-40deg);transform:rotateX(-40deg);opacity:1}65%{opacity:0}100%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);opacity:0}}.ah-headline.type .ah-words-wrapper::after{content:'';position:absolute;right:0;top:50%;bottom:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:90%;width:1px;background-color:#363636}.ah-headline.type .ah-words-wrapper.waiting::after{-webkit-animation:ah-pulse 1s infinite;animation:ah-pulse 1s infinite}.ah-headline.type .ah-words-wrapper.selected{background-color:#f0f0f0}.ah-headline.type .ah-words-wrapper.selected b{color:#363636}.ah-headline.type b.is-visible{visibility:visible}.ah-headline.type i{position:absolute;visibility:hidden}.ah-headline.type i.in{position:relative;visibility:visible}@-webkit-keyframes ah-pulse{0%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);opacity:1}40%{-webkit-transform:translateY(-50%) scale(.9);transform:translateY(-50%) scale(.9);opacity:0}100%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);opacity:0}}@keyframes ah-pulse{0%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);opacity:1}40%{-webkit-transform:translateY(-50%) scale(.9);transform:translateY(-50%) scale(.9);opacity:0}100%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);opacity:0}}.ah-headline.rotate-2 .ah-words-wrapper{-webkit-perspective:300px;perspective:300px}.ah-headline.rotate-2 em,.ah-headline.rotate-2 i{display:inline-block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ah-headline.rotate-2 b{opacity:0}.ah-headline.rotate-2 i{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(-20px) rotateX(90deg);transform:translateZ(-20px) rotateX(90deg);opacity:0}.is-visible .ah-headline.rotate-2 i{opacity:1}.ah-headline.rotate-2 i.in{-webkit-animation:ah-rotate-2-in .4s forwards;animation:ah-rotate-2-in .4s forwards}.ah-headline.rotate-2 i.out{-webkit-animation:ah-rotate-2-out .4s forwards;animation:ah-rotate-2-out .4s forwards}.ah-headline.rotate-2 em{-webkit-transform:translateZ(20px);transform:translateZ(20px)}.no-csstransitions .ah-headline.rotate-2 i{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:0}.no-csstransitions .ah-headline.rotate-2 i em{-webkit-transform:scale(1);transform:scale(1)}.no-csstransitions .ah-headline.rotate-2 .is-visible i{opacity:1}@-webkit-keyframes ah-rotate-2-in{0%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(90deg);transform:translateZ(-20px) rotateX(90deg)}60%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(-10deg);transform:translateZ(-20px) rotateX(-10deg)}100%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(0);transform:translateZ(-20px) rotateX(0)}}@keyframes ah-rotate-2-in{0%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(90deg);transform:translateZ(-20px) rotateX(90deg)}60%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(-10deg);transform:translateZ(-20px) rotateX(-10deg)}100%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(0);transform:translateZ(-20px) rotateX(0)}}@-webkit-keyframes ah-rotate-2-out{0%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(0);transform:translateZ(-20px) rotateX(0)}60%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(-100deg);transform:translateZ(-20px) rotateX(-100deg)}100%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(-90deg);transform:translateZ(-20px) rotateX(-90deg)}}@keyframes ah-rotate-2-out{0%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(0);transform:translateZ(-20px) rotateX(0)}60%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(-100deg);transform:translateZ(-20px) rotateX(-100deg)}100%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(-90deg);transform:translateZ(-20px) rotateX(-90deg)}}.ah-headline.loading-bar .ah-words-wrapper::after{content:'';position:absolute;left:0;bottom:0;height:3px;width:0;background:#356efd;z-index:2;-webkit-transition:width .3s -.1s;transition:width .3s -.1s}.ah-headline.loading-bar .ah-words-wrapper.is-loading::after{width:100%;-webkit-transition:width 3s;transition:width 3s}.ah-headline.loading-bar b{top:.2em;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.ah-headline.loading-bar b.is-visible{opacity:1;top:0}.ah-headline.slide b{opacity:0;top:.2em}.ah-headline.slide b.is-visible{top:0;opacity:1;-webkit-animation:slide-in .6s;animation:slide-in .6s}.ah-headline.slide b.is-hidden{-webkit-animation:slide-out .6s;animation:slide-out .6s}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}60%{opacity:1;-webkit-transform:translateY(20%);transform:translateY(20%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}60%{opacity:1;-webkit-transform:translateY(20%);transform:translateY(20%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-out{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}60%{opacity:0;-webkit-transform:translateY(120%);transform:translateY(120%)}100%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slide-out{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}60%{opacity:0;-webkit-transform:translateY(120%);transform:translateY(120%)}100%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}.ah-headline.clip .ah-words-wrapper::after{content:'';position:absolute;top:0;right:0;width:2px;height:100%;background-color:#363636}.ah-headline.clip b{opacity:0}.ah-headline.clip b.is-visible{opacity:1}.ah-headline.zoom .ah-words-wrapper{-webkit-perspective:300px;perspective:300px}.ah-headline.zoom b{opacity:0}.ah-headline.zoom b.is-visible{opacity:1;-webkit-animation:zoom-in .8s;animation:zoom-in .8s}.ah-headline.zoom b.is-hidden{-webkit-animation:zoom-out .8s;animation:zoom-out .8s}@-webkit-keyframes zoom-in{0%{opacity:0;-webkit-transform:translateZ(100px);transform:translateZ(100px)}100%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes zoom-in{0%{opacity:0;-webkit-transform:translateZ(100px);transform:translateZ(100px)}100%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes zoom-out{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}100%{opacity:0;-webkit-transform:translateZ(-100px);transform:translateZ(-100px)}}@keyframes zoom-out{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}100%{opacity:0;-webkit-transform:translateZ(-100px);transform:translateZ(-100px)}}.ah-headline.rotate-3 .ah-words-wrapper{-webkit-perspective:300px;perspective:300px}.ah-headline.rotate-3 b{opacity:0}.ah-headline.rotate-3 i{display:inline-block;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}.is-visible .ah-headline.rotate-3 i{-webkit-transform:rotateY(0);transform:rotateY(0)}.ah-headline.rotate-3 i.in{-webkit-animation:ah-rotate-3-in .6s forwards;animation:ah-rotate-3-in .6s forwards}.ah-headline.rotate-3 i.out{-webkit-animation:ah-rotate-3-out .6s forwards;animation:ah-rotate-3-out .6s forwards}.no-csstransitions .ah-headline.rotate-3 i{-webkit-transform:rotateY(0);transform:rotateY(0);opacity:0}.no-csstransitions .ah-headline.rotate-3 .is-visible i{opacity:1}@-webkit-keyframes ah-rotate-3-in{0%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}100%{-webkit-transform:rotateY(0);transform:rotateY(0)}}@keyframes ah-rotate-3-in{0%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}100%{-webkit-transform:rotateY(0);transform:rotateY(0)}}@-webkit-keyframes ah-rotate-3-out{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}}@keyframes ah-rotate-3-out{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}}.ah-headline.scale b{opacity:0}.ah-headline.scale i{display:inline-block;opacity:0;-webkit-transform:scale(0);transform:scale(0)}.is-visible .ah-headline.scale i{opacity:1}.ah-headline.scale i.in{-webkit-animation:scale-up .6s forwards;animation:scale-up .6s forwards}.ah-headline.scale i.out{-webkit-animation:scale-down .6s forwards;animation:scale-down .6s forwards}.no-csstransitions .ah-headline.scale i{-webkit-transform:scale(1);transform:scale(1);opacity:0}.no-csstransitions .ah-headline.scale .is-visible i{opacity:1}@-webkit-keyframes scale-up{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}60%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scale-up{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}60%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes scale-down{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}60%{-webkit-transform:scale(0);transform:scale(0);opacity:0}}@keyframes scale-down{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}60%{-webkit-transform:scale(0);transform:scale(0);opacity:0}}.ah-headline.push b{opacity:0}.ah-headline.push b.is-visible{opacity:1;-webkit-animation:push-in .6s;animation:push-in .6s}.ah-headline.push b.is-hidden{-webkit-animation:push-out .6s;animation:push-out .6s}@-webkit-keyframes push-in{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}60%{opacity:1;-webkit-transform:translateX(10%);transform:translateX(10%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes push-in{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}60%{opacity:1;-webkit-transform:translateX(10%);transform:translateX(10%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes push-out{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}60%{opacity:0;-webkit-transform:translateX(110%);transform:translateX(110%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes push-out{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}60%{opacity:0;-webkit-transform:translateX(110%);transform:translateX(110%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}} /* style created by Hamed Keivan------------------------------------------------*/ .mb-55{ margin-bottom: 55px; } .theme-title-main h3.title { padding-bottom: 21px; position: relative; line-height: 52px; direction: rtl; } .theme-title-main h3.title::after { display: block; position: absolute; content: ""; height: 2px; width: 71px; background: #2c2255; bottom: 0; top: 100%; transition: all 1s ease-out; } .promo-icon { height: 25px; width: 25px; text-align: center; border-radius: 50%; background: rgba(83, 89, 223, 0.2); line-height: 23px; display: inline-block; margin-left: 21px; margin-top: 7px; float: right; } .bd-bottom { border-bottom: 1px solid #e5e5e5; } div.top-pic{ direction: rtl; } h3.title{ color: #263a4f; } .promo-feature-content h3{ font-size: 20px; color: #6a7695; } .promo-icon img{ position: relative; top: 2px; } a.button{ font-size: larger; float: right; margin-top: 10px; } .center-align{ margin: 0 auto; float: none; } #Footer { background-repeat: repeat!important; } .title-img{ position: absolute; top: 0; left: 0; } .margin60{ margin-right: 60px; } .cleaninfobox .infobox ,.infobox.clearinfobox{ background-color: unset!important; box-shadow: none!important; border-radius: unset!important; } .tazmin-slide-one span{ text-align: right; } .tazmin-slide-one p{ font-weight: bold; line-height: 35px; font-size: large; } .tazmin-slide-two img{ padding-top: 70px; animation: hover 3.25s ease infinite; animation-delay: -0.45s; } @-webkit-keyframes hover { 0% { webkit-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); webkit-animation-timing-function: cubic-bezier(0.3, 0.36, 0.6, 1); -webkit-animation-timing-function: cubic-bezier(0.3, 0.36, 0.6, 1); animation-timing-function: cubic-bezier(0.3, 0.36, 0.6, 1); } 25% { webkit-transform: translateY(-6.25px); -webkit-transform: translateY(-6.25px); transform: translateY(-6.25px); webkit-animation-timing-function: cubic-bezier(0.51, -0.05, 0.85, 0.82); -webkit-animation-timing-function: cubic-bezier(0.51, -0.05, 0.85, 0.82); animation-timing-function: cubic-bezier(0.51, -0.05, 0.85, 0.82); } 50% { webkit-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); webkit-animation-timing-function: cubic-bezier(0.3, 0.36, 0.6, 1); -webkit-animation-timing-function: cubic-bezier(0.3, 0.36, 0.6, 1); animation-timing-function: cubic-bezier(0.3, 0.36, 0.6, 1); } 75% { webkit-transform: translateY(6.25px); -webkit-transform: translateY(6.25px); transform: translateY(6.25px); webkit-animation-timing-function: cubic-bezier(0.51, -0.05, 0.85, 0.82); -webkit-animation-timing-function: cubic-bezier(0.51, -0.05, 0.85, 0.82); animation-timing-function: cubic-bezier(0.51, -0.05, 0.85, 0.82); } 100% { webkit-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } } .slider-btn a{ float: right; } .btn { -moz-user-select: none; /*background: #ff8a73;*/ background: #1696e7 none repeat scroll 0 0; border: medium none; border-radius: 2px; color: #fff; cursor: pointer; display: inline-block; font-size: large; font-weight: bold; letter-spacing: 1px; line-height: 1; margin-bottom: 0; padding: 17px 35px; text-align: center; text-transform: uppercase; text-decoration: none; touch-action: manipulation; transition: all 0.3s ease 0s; border-radius: 5px; /*transition: .3s;*/ } .btn:hover{ text-decoration: none; color: #fff; } .btn.btn-bg-salmon{ /*padding: 25px 60px;*/ /*border-radius: 0;*/ background-color: rgb(254, 130, 100); box-shadow: 0px 8px 16px 0px rgba(254, 130, 100, 0.3); color: #fff !important; } .btn.btn-bg-blue{ background-color: rgb(22, 150, 231); box-shadow: 0px 8px 16px 0px rgba(22, 150, 231, 0.3); } .btn.btn-bg-blue:hover,.btn.btn-bg-salmon:hover{ background: #D56DFC; } .btn-soft{ margin-top: 25px; float: right; position: relative; display: inline-block; padding: 15px 40px 15px 40px; background: transparent; color: #1b1c2f; font-size: larger; border-radius: 50px; font-weight: bold; margin-right: 20px; border: 2px solid #fd6692; transition: all .5s; } .btn-soft:hover{ background: #fd6692; color: #fff; box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1); text-decoration: none; } .download{ padding-top: 70px; padding-right: 100px; } .download-img{ width: 150%!important; height: 150%!important; max-width: none!important; margin-left: -50px; margin-top: -50px; } .start-free-content { padding: 50px 0 50px 0; border-radius: 10px; background-color: #fff; } .start-free-content { box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important; background: rgba(0, 0, 0, 0) url(http://localhost/wp/wp-content/uploads/2019/10/start-free.png) no-repeat scroll center center / cover; } /*.btn:hover { color: #fff; box-shadow: 0px 4px 7px 0px rgba(0,0,0,.3); text-decoration: none; }*/ /*.btn.grape-bg-btn{ background: #6a55a6;}*/ /* feature box */ .carousel-column { position: relative; } .carousel-column .inner-column { position: relative; } .features-carousel { position: relative; } .features-carousel .image-box { position: relative; padding-top: 90px; } .features-carousel .image-box .image { position: relative; margin-bottom: 0; z-index: 9; border-radius: 15px; overflow: hidden; } .features-carousel .owl-nav { display: none; } .features-carousel .owl-dots { position: absolute; right: -30px; top: 265px; z-index: 9; } .features-carousel .owl-dot{ position: relative; display: block; margin-bottom: 10px; font-size: 0; height: 8px; width: 8px; background-color: #bbc4d7; border-radius: 5px; cursor: pointer; transition: all 300ms ease; padding: 0; } .features-carousel .owl-dot.active, .features-carousel .owl-dot:hover{ -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); background-color: #7478fa; } .features-carousel .active .image-box:before { transition-delay: 300ms; } .features-carousel .active .image-box:before, .features-carousel .active .image-box:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .features-carousel .image-box:after, .features-carousel .image-box:before { position: absolute; left: 0; right: 0; height: 100%; width: 80%; top: 30px; margin: 0 auto; background-color: #ffffff; content: ""; opacity: .50; z-index: 1; border-radius: 20px; box-shadow: 0 -20px 30px rgba(25,38,125,0.04); transition: all 1000ms ease; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); } .features-carousel .image-box:after { width: 90%; top: 60px; z-index: 0; } .features { border-radius: 8px; background-color: #fff; box-shadow: 0px 3px 19px 0px rgba(40, 44, 71, 0.18); padding: 30px; margin-bottom: 30px; } .features.active { background-color: #5569e5; } .features.active .feature-contain h4 { color: #fff; } .features.active .feature-contain p { color: #fff; } .features:hover { background-color: #5569e5; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } .features:hover .feature-contain h4 { color: #fff; } .features:hover .feature-contain p { color: #fff; } .feature-icon { float: left; width: 20%; } .special-text{ padding-right: 50px; padding-top: 20%; } .icon-bg { width: 83px; height: 83px; border-radius: 60px; background-color: #cdffb6; display: block; text-align: center; line-height: 2; color: #598e3e; } .bg-02 { background-color: #FFF; color: #5569e5; } .bg-03 { background-color: #fdffb6; color: #a6a668; } .bg-04 { background-color: #b6f4ff; color: #53939d; } .feature-icon span.icon-bg i:before { font-size: 40px; } .feature-contain { width: 75%; margin-left: auto; } .features-box { text-align: center; background: #effaff; padding: 30px 20px; -webkit-clip-path: polygon(83% 0, 100% 17%, 100% 100%, 0 100%, 0 0); clip-path: polygon(83% 0, 100% 17%, 100% 100%, 0 100%, 0 0); -webkit-transition: 0.4s; transition: 0.4s; } .features-box:hover { background: #039be6; } .features-box:hover h3, .features-box:hover p, .features-box:hover span:before { color: #fff; } .features-box span { display: block; } .features-box span:before { color: #039be6; font-size: 50px; line-height: 50px; margin: 0; vertical-align: middle; } .features-box h3 { margin: 20px 0px; font-size: 30px; } .features-right { border: 4px solid #d1f0ff; padding: 25px; } .features-right h3 { margin-bottom: 15px; margin-top: 25px; font-size: 24px; line-height: 34px; } .features-right p{ direction: rtl; } .responsive-font{ font-size: 90%; } .blog-content{ border: 1px solid #f5f5f5; padding: 30px 20px 40px 30px; position: relative; z-index: 1; transition: 0.5s; overflow: hidden; box-shadow: 0px 0px 30px rgba(200,196,219,.3); } .blog-content .img-blog{ margin: 30px 0px; width: 100%; height: 100%; overflow: hidden; } .blog-content p{ direction: rtl; } .img-blog img{ float: right; } .dot-shape1 { position: absolute; left: -10%; top: -10%; z-index: -1; animation-name: rotateme; animation-duration: 10s; animation-iteration-count: infinite; animation-timing-function: linear; } .dot-shape2 { position: absolute; left: 1%; top: 5%; z-index: -1; animation: animationFramesOne 20s infinite linear; } .dot-shape5 { position: absolute; right: 5%; bottom: 5%; z-index: -1; animation: rotate3d 4s linear infinite; } .dot-shape7 { position: absolute; left: 5%; top: 50%; transform: translateY(-50%); z-index: -1; animation: rotate3d 4s linear infinite; } @keyframes rotateme{ from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes animationFramesOne { 0% { transform: translate(-90px,-90px) rotate(0deg) ; } 20% { transform: translate(73px,-1px) rotate(36deg) ; } 40% { transform: translate(141px,72px) rotate(72deg) ; } 60% { transform: translate(83px,122px) rotate(108deg) ; } 80% { transform: translate(-40px,72px) rotate(144deg) ; } 100% { transform: translate(-90px,-90px) rotate(0deg) ; } } @keyframes rotate3d { 0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } } #Footer a{ color: rgba(255, 255, 255, 0.70)!important; } #Footer a:hover{ color: #fd8917!important; } #Footer h3{ font-size: 30px; } #custom_html-6,#custom_html-3,#custom_html-4,#custom_html-5{ text-align: right; } #custom_html-3{ padding-right: 60px!important; } .tazmin-slide-one h1 span b.is-visible{ padding-right: 5px; } #menu{ text-align: right; } a.responsive-menu-toggle span{ position: relative; background-color: #fff; border-radius: 3px; display: block; height: 3px; margin-top: 5px; padding: 0; -webkit-transition-duration: .3s; transition-duration: .3s; width: 30px; cursor: pointer; } #Side_slide .close span{ position: relative; background-color: #fff; border-radius: 3px; display: block; height: 3px; margin-top: 5px; padding: 0; -webkit-transition-duration: .3s; transition-duration: .3s; width: 30px; cursor: pointer; } #Side_slide .close span:nth-of-type(1){ -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); top: 8px; } #Side_slide .close span:nth-of-type(2){ -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); } .sidebar{ direction:rtl; margin-top:150px!important; position:fixed; right:0; } .post-related{ -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05); } .post-desc{ direction:rtl; } h2.entry-title{ font-size:25px; } .desc{ padding-right:15px; } .desc h4{ line-height:35px; } .desc h4 a{ -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .desc h4 a:hover{ color:#ce7740; } .section.section-filters{ display:none!important; } .column_blog{ margin-top:140px; } /* Responsive layout by Hamed Keivan--------------------------------------------*/ @media (min-width: 1200px){ .tazmin-slide-two img{ max-width: none!important; margin-left: -235px; } } @media (min-width: 1200px){ .tazmin-slide-one{ padding-top: 110px; padding-right: 120px; } } @media (max-width: 1200px){ .logo-main { display: none; } } @media (max-width: 576px){ .tazmin-slide-two img{ padding-top: 0; } .responsive-font{ font-size: 90%!important; } } @media (max-width: 768px){ .responsive-font{ font-size: 60%; } } @media (min-width: 768px){ .tazmin-slide-one h1{ font-size: 50px!important; } .tazmin-slide-one h1 span b.is-visible{ font-size: 40px; } } @media (max-width: 767px){ #Top_bar{ background-color: #53127F; } .column_attr{ margin-right: 0!important; } .special-text{ padding-right: 0!important; } h2{ font-size: 230%!important; } .tazmin-slide-one h1{ font-size: 30px!important; } .tazmin-slide-one h1 span b.is-visible{ font-size: 28px; } #custom_html-3{ padding-right: 0!important; } .download{ padding-right: 20px; } .download img{ padding-left: 20px!important; } .blog-content{ padding: 30px 0px; } .blog-content h2{ padding-right:20px; } .blog-content p{ padding-right:20px; } .sidebar{ position:relative; } .column_blog{ margin-top:0; } } @media only screen and (max-width: 1239px ){ #Top_bar .logo{ float: left!important; } } @media only screen and (max-width: 401px){ .btn { padding: 17px 14px!important; } }