"shop card"
Bootstrap 3.3.0 Snippet by banhaclong20

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="container_inner default_template_holder clearfix page_container_inner"> <div class="vc_row wpb_row section vc_row-fluid" style=" padding-top:0px; text-align:left;"><div class=" full_section_inner clearfix"> <div class="vc_col-sm-12 wpb_column vc_column_container"> <div class="wpb_wrapper"> <div class="projects_holder_outer v3 portfolio_with_space portfolio_standard "><div class="filter_outer"><div class="filter_holder"> <ul> <li class="filter active current" data-filter="all"><span>All</span></li><li class="filter" data-filter="portfolio_category_17"><span>Art</span></li><li class="filter" data-filter="portfolio_category_2"><span>Business</span></li><li class="filter" data-filter="portfolio_category_5"><span>Photography</span></li></ul></div></div><div class="projects_holder clearfix v3 standard"> <article class="mix portfolio_category_17 portfolio_category_5 mix_all" style="display: inline-block; opacity: 1;"><div class="image_holder"><a class="portfolio_link_for_touch" href="http://demo.qodeinteractive.com/bridge/portfolio_page/stockholm-fashion-destination/" target="_self"><span class="image"><img width="1100" height="825" src="http://demo.qodeinteractive.com/bridge/wp-content/uploads/2013/10/p-stockholm-fashion-destination-last-iceland-sunshine.jpg" class="attachment-full wp-post-image" alt="qode interactive strata"></span></a><span class="text_holder"><span class="text_outer"><span class="text_inner"><span class="feature_holder"><span class="feature_holder_icons"><a class="lightbox qbutton small white" title="Stockholm Fashion" href="http://demo.qodeinteractive.com/bridge/wp-content/uploads/2013/10/p-stockholm-fashion-destination-last-iceland-sunshine.jpg" data-rel="prettyPhoto[pretty_photo_gallery]" rel="prettyPhoto[pretty_photo_gallery]">zoom</a><a class="preview qbutton small white" href="http://demo.qodeinteractive.com/bridge/portfolio_page/stockholm-fashion-destination/" target="_self">view</a></span></span></span></span></span></div><div class="portfolio_description "><h5 class="portfolio_title"><a href="http://demo.qodeinteractive.com/bridge/portfolio_page/stockholm-fashion-destination/" target="_self">Stockholm Fashion</a></h5><span class="project_category">Art, Photography</span></div></article> <article class="mix portfolio_category_17 portfolio_category_2 mix_all" style="display: inline-block; opacity: 1;"><div class="image_holder"><a class="portfolio_link_for_touch" href="http://demo.qodeinteractive.com/bridge/portfolio_page/berlin-design-week-poster/" target="_self"><span class="image"><img width="1100" height="825" src="http://demo.qodeinteractive.com/bridge/wp-content/uploads/2013/10/p-design-of-total-mechanics-berlin-design-week-poster.jpg" class="attachment-full wp-post-image" alt="qode interactive strata"></span></a><span class="text_holder"><span class="text_outer"><span class="text_inner"><span class="feature_holder"><span class="feature_holder_icons"><a class="lightbox qbutton small white" title="Berlin Design Week" href="http://demo.qodeinteractive.com/bridge/wp-content/uploads/2013/10/p-design-of-total-mechanics-berlin-design-week-poster.jpg" data-rel="prettyPhoto[pretty_photo_gallery]" rel="prettyPhoto[pretty_photo_gallery]">zoom</a><a class="preview qbutton small white" href="http://demo.qodeinteractive.com/bridge/portfolio_page/berlin-design-week-poster/" target="_self">view</a></span></span></span></span></span></div><div class="portfolio_description "><h5 class="portfolio_title"><a href="http://demo.qodeinteractive.com/bridge/portfolio_page/berlin-design-week-poster/" target="_self">Berlin Design Week</a></h5><span class="project_category">Art, Business</span></div></article> <article class="mix portfolio_category_2 mix_all" style="display: inline-block; opacity: 1;"><div class="image_holder"><a class="portfolio_link_for_touch" href="http://demo.qodeinteractive.com/bridge/portfolio_page/venice-art-pavilion/" target="_self"><span class="image"><img width="1100" height="825" src="http://demo.qodeinteractive.com/bridge/wp-content/uploads/2013/10/p-stv-music-awards-2013-venice-art-pavilion.jpg" class="attachment-full wp-post-image" alt="qode interactive strata"></span></a><span class="text_holder"><span class="text_outer"><span class="text_inner"><span class="feature_holder"><span class="feature_holder_icons"><a class="lightbox qbutton small white" title="Venice Art Pavilion" href="http://demo.qodeinteractive.com/bridge/wp-content/uploads/2013/10/p-stv-music-awards-2013-venice-art-pavilion.jpg" data-rel="prettyPhoto[pretty_photo_gallery]" rel="prettyPhoto[pretty_photo_gallery]">zoom</a><a class="preview qbutton small white" href="http://demo.qodeinteractive.com/bridge/portfolio_page/venice-art-pavilion/" target="_self">view</a></span></span></span></span></span></div><div class="portfolio_description "><h5 class="portfolio_title"><a href="http://demo.qodeinteractive.com/bridge/portfolio_page/venice-art-pavilion/" target="_self">Venice Art Pavilion</a></h5><span class="project_category">Business</span></div></article> <article class="mix portfolio_category_2 mix_all" style="display: inline-block; opacity: 1;"><div class="image_holder"><a class="portfolio_link_for_touch" href="http://demo.qodeinteractive.com/bridge/portfolio_page/vimeo-fx-showreel/" target="_self"><span class="image"><img width="1100" height="825" src="http://demo.qodeinteractive.com/bridge/wp-content/uploads/2013/10/p-vimeo-fx-showreel-abstract-style-of-handler.jpg" class="attachment-full wp-post-image" alt="qode interactive strata"></span></a><span class="text_holder"><span class="text_outer"><span class="text_inner"><span class="feature_holder"><span class="feature_holder_icons"><a class="lightbox qbutton small white" title="Vimeo FX Showreel" href="http://demo.qodeinteractive.com/bridge/wp-content/uploads/2013/10/p-vimeo-fx-showreel-abstract-style-of-handler.jpg" data-rel="prettyPhoto[pretty_photo_gallery]" rel="prettyPhoto[pretty_photo_gallery]">zoom</a><a class="preview qbutton small white" href="http://demo.qodeinteractive.com/bridge/portfolio_page/vimeo-fx-showreel/" target="_self">view</a></span></span></span></span></span></div><div class="portfolio_description "><h5 class="portfolio_title"><a href="http://demo.qodeinteractive.com/bridge/portfolio_page/vimeo-fx-showreel/" target="_self">Vimeo FX Showreel</a></h5><span class="project_category">Business</span></div></article> <article class="mix portfolio_category_2 portfolio_category_5 mix_all" style="display: inline-block; opacity: 1;"><div class="image_holder"><a class="portfolio_link_for_touch" href="http://demo.qodeinteractive.com/bridge/portfolio_page/der-spiegel-cover-art/" target="_self"><span class="image"><img width="1100" height="825" src="http://demo.qodeinteractive.com/bridge/wp-content/uploads/2013/10/p-der-spiegel-cover-art-luv-deluxe-3000.jpg" class="attachment-full wp-post-image" alt="qode interactive strata"></span></a><span class="text_holder"><span class="text_outer"><span class="text_inner"><span class="feature_holder"><span class="feature_holder_icons"><a class="lightbox qbutton small white" title="Der Spiegel Cover Art" href="http://demo.qodeinteractive.com/bridge/wp-content/uploads/2013/10/p-der-spiegel-cover-art-luv-deluxe-3000.jpg" data-rel="prettyPhoto[pretty_photo_gallery]" rel="prettyPhoto[pretty_photo_gallery]">zoom</a><a class="preview qbutton small white" href="http://demo.qodeinteractive.com/bridge/portfolio_page/der-spiegel-cover-art/" target="_self">view</a></span></span></span></span></span></div><div class="portfolio_description "><h5 class="portfolio_title"><a href="http://demo.qodeinteractive.com/bridge/portfolio_page/der-spiegel-cover-art/" target="_self">Der Spiegel Cover Art</a></h5><span class="project_category">Business, Photography</span></div></article> <article class="mix portfolio_category_17 portfolio_category_2 mix_all" style="display: inline-block; opacity: 1;"><div class="image_holder"><a class="portfolio_link_for_touch" href="http://demo.qodeinteractive.com/bridge/portfolio_page/art-design-blvd/" target="_self"><span class="image"><img width="1100" height="825" src="http://demo.qodeinteractive.com/bridge/wp-content/uploads/2013/10/p-art-design-blvd-amsterdam-jazz-festival.jpg" class="attachment-full wp-post-image" alt="qode interactive strata"></span></a><span class="text_holder"><span class="text_outer"><span class="text_inner"><span class="feature_holder"><span class="feature_holder_icons"><a class="lightbox qbutton small white" title="Art & Design Blvd" href="http://demo.qodeinteractive.com/bridge/wp-content/uploads/2013/10/p-art-design-blvd-amsterdam-jazz-festival.jpg" data-rel="prettyPhoto[pretty_photo_gallery]" rel="prettyPhoto[pretty_photo_gallery]">zoom</a><a class="preview qbutton small white" href="http://demo.qodeinteractive.com/bridge/portfolio_page/art-design-blvd/" target="_self">view</a></span></span></span></span></span></div><div class="portfolio_description "><h5 class="portfolio_title"><a href="http://demo.qodeinteractive.com/bridge/portfolio_page/art-design-blvd/" target="_self">Art & Design Blvd</a></h5><span class="project_category">Art, Business</span></div></article> <article class="mix portfolio_category_2 portfolio_category_5 mix_all" style="display: inline-block; opacity: 1;"><div class="image_holder"><a class="portfolio_link_for_touch" href="http://demo.qodeinteractive.com/bridge/portfolio_page/video-performance-festival-2014/" target="_self"><span class="image"><img width="1100" height="825" src="http://demo.qodeinteractive.com/bridge/wp-content/uploads/2013/10/p-video-performance-festival-2014-mother-volcano-artwork.jpg" class="attachment-full wp-post-image" alt="qode interactive strata"></span></a><span class="text_holder"><span class="text_outer"><span class="text_inner"><span class="feature_holder"><span class="feature_holder_icons"><a class="lightbox qbutton small white" title="Festival 2014" href="http://demo.qodeinteractive.com/bridge/wp-content/uploads/2013/10/p-video-performance-festival-2014-mother-volcano-artwork.jpg" data-rel="prettyPhoto[pretty_photo_gallery]" rel="prettyPhoto[pretty_photo_gallery]">zoom</a><a class="preview qbutton small white" href="http://demo.qodeinteractive.com/bridge/portfolio_page/video-performance-festival-2014/" target="_self">view</a></span></span></span></span></span></div><div class="portfolio_description "><h5 class="portfolio_title"><a href="http://demo.qodeinteractive.com/bridge/portfolio_page/video-performance-festival-2014/" target="_self">Festival 2014</a></h5><span class="project_category">Business, Photography</span></div></article> <article class="mix portfolio_category_2 mix_all" style="display: inline-block; opacity: 1;"><div class="image_holder"><a class="portfolio_link_for_touch" href="http://demo.qodeinteractive.com/bridge/portfolio_page/smash-pop-art-storm/" target="_self"><span class="image"><img width="1100" height="825" src="http://demo.qodeinteractive.com/bridge/wp-content/uploads/2013/10/p-smash-pop-art-storm-superdollz-showroom.jpg" class="attachment-full wp-post-image" alt="qode interactive strata"></span></a><span class="text_holder"><span class="text_outer"><span class="text_inner"><span class="feature_holder"><span class="feature_holder_icons"><a class="lightbox qbutton small white" title="Smash Pop Art Storm" href="http://demo.qodeinteractive.com/bridge/wp-content/uploads/2013/10/p-smash-pop-art-storm-superdollz-showroom.jpg" data-rel="prettyPhoto[pretty_photo_gallery]" rel="prettyPhoto[pretty_photo_gallery]">zoom</a><a class="preview qbutton small white" href="http://demo.qodeinteractive.com/bridge/portfolio_page/smash-pop-art-storm/" target="_self">view</a></span></span></span></span></span></div><div class="portfolio_description "><h5 class="portfolio_title"><a href="http://demo.qodeinteractive.com/bridge/portfolio_page/smash-pop-art-storm/" target="_self">Smash Pop Art Storm</a></h5><span class="project_category">Business</span></div></article> <article class="mix portfolio_category_2 mix_all" style="display: inline-block; opacity: 1;"><div class="image_holder"><a class="portfolio_link_for_touch" href="http://demo.qodeinteractive.com/bridge/portfolio_page/adventures-in-zonderland/" target="_self"><span class="image"><img width="1100" height="825" src="http://demo.qodeinteractive.com/bridge/wp-content/uploads/2013/10/p-adventures-in-zonderland-67b-construction-studio.jpg" class="attachment-full wp-post-image" alt="qode interactive strata"></span></a><span class="text_holder"><span class="text_outer"><span class="text_inner"><span class="feature_holder"><span class="feature_holder_icons"><a class="lightbox qbutton small white" title="Adventures in Zonderland" href="http://demo.qodeinteractive.com/bridge/wp-content/uploads/2013/10/p-adventures-in-zonderland-67b-construction-studio.jpg" data-rel="prettyPhoto[pretty_photo_gallery]" rel="prettyPhoto[pretty_photo_gallery]">zoom</a><a class="preview qbutton small white" href="http://demo.qodeinteractive.com/bridge/portfolio_page/adventures-in-zonderland/" target="_self">view</a></span></span></span></span></span></div><div class="portfolio_description "><h5 class="portfolio_title"><a href="http://demo.qodeinteractive.com/bridge/portfolio_page/adventures-in-zonderland/" target="_self">Adventures in Zonderland</a></h5><span class="project_category">Business</span></div></article> <article class="mix portfolio_category_5 mix_all" style="display: inline-block; opacity: 1;"><div class="image_holder"><a class="portfolio_link_for_touch" href="http://demo.qodeinteractive.com/bridge/portfolio_page/stv-music-awards-2013/" target="_self"><span class="image"><img width="1100" height="825" src="http://demo.qodeinteractive.com/bridge/wp-content/uploads/2013/10/p-stv-music-awards-2013-venice-art-pavilion.jpg" class="attachment-full wp-post-image" alt="qode interactive strata"></span></a><span class="text_holder"><span class="text_outer"><span class="text_inner"><span class="feature_holder"><span class="feature_holder_icons"><a class="lightbox qbutton small white" title="STV Music Awards 2013" href="http://demo.qodeinteractive.com/bridge/wp-content/uploads/2013/10/p-stv-music-awards-2013-venice-art-pavilion.jpg" data-rel="prettyPhoto[pretty_photo_gallery]" rel="prettyPhoto[pretty_photo_gallery]">zoom</a><a class="preview qbutton small white" href="http://demo.qodeinteractive.com/bridge/portfolio_page/stv-music-awards-2013/" target="_self">view</a></span></span></span></span></span></div><div class="portfolio_description "><h5 class="portfolio_title"><a href="http://demo.qodeinteractive.com/bridge/portfolio_page/stv-music-awards-2013/" target="_self">STV Music Awards 2013</a></h5><span class="project_category">Photography</span></div></article> <article class="mix portfolio_category_17 portfolio_category_5 mix_all" style="display: inline-block; opacity: 1;"><div class="image_holder"><a class="portfolio_link_for_touch" href="http://demo.qodeinteractive.com/bridge/portfolio_page/pale-skin-apparel/" target="_self"><span class="image"><img width="1100" height="825" src="http://demo.qodeinteractive.com/bridge/wp-content/uploads/2013/10/p-pale-skin-apparel-fast-vector-mobile.jpg" class="attachment-full wp-post-image" alt="qode interactive strata"></span></a><span class="text_holder"><span class="text_outer"><span class="text_inner"><span class="feature_holder"><span class="feature_holder_icons"><a class="lightbox qbutton small white" title="Pale Skin Apparel" href="http://demo.qodeinteractive.com/bridge/wp-content/uploads/2013/10/p-pale-skin-apparel-fast-vector-mobile.jpg" data-rel="prettyPhoto[pretty_photo_gallery]" rel="prettyPhoto[pretty_photo_gallery]">zoom</a><a class="preview qbutton small white" href="http://demo.qodeinteractive.com/bridge/portfolio_page/pale-skin-apparel/" target="_self">view</a></span></span></span></span></span></div><div class="portfolio_description "><h5 class="portfolio_title"><a href="http://demo.qodeinteractive.com/bridge/portfolio_page/pale-skin-apparel/" target="_self">Pale Skin Apparel</a></h5><span class="project_category">Art, Photography</span></div></article> <article class="mix portfolio_category_17 mix_all" style="display: inline-block; opacity: 1;"><div class="image_holder"><a class="portfolio_link_for_touch" href="http://demo.qodeinteractive.com/bridge/portfolio_page/clash-mayhem-tv/" target="_self"><span class="image"><img width="1100" height="825" src="http://demo.qodeinteractive.com/bridge/wp-content/uploads/2013/10/p-clash-mayhem-tv-vintage-vinyl-house.jpg" class="attachment-full wp-post-image" alt="qode interactive strata"></span></a><span class="text_holder"><span class="text_outer"><span class="text_inner"><span class="feature_holder"><span class="feature_holder_icons"><a class="lightbox qbutton small white" title="Clash & Mayhem TV" href="http://demo.qodeinteractive.com/bridge/wp-content/uploads/2013/10/p-clash-mayhem-tv-vintage-vinyl-house.jpg" data-rel="prettyPhoto[pretty_photo_gallery]" rel="prettyPhoto[pretty_photo_gallery]">zoom</a><a class="preview qbutton small white" href="http://demo.qodeinteractive.com/bridge/portfolio_page/clash-mayhem-tv/" target="_self">view</a></span></span></span></span></span></div><div class="portfolio_description "><h5 class="portfolio_title"><a href="http://demo.qodeinteractive.com/bridge/portfolio_page/clash-mayhem-tv/" target="_self">Clash & Mayhem TV</a></h5><span class="project_category">Art</span></div></article> <div class="filler"></div> <div class="filler"></div> <div class="filler"></div> </div><div class="portfolio_paging"><span rel="2" class="load_more"><a href="http://demo.qodeinteractive.com/bridge/portfolio/with-text/three-columns-grid/page/2/">Show more</a></span></div><div class="portfolio_paging_loading"><a href="javascript: void(0)" class="qbutton">Loading...</a></div></div><div class="separator transparent center " style="margin-top: 20px;margin-bottom: 20px;"></div> </div> </div> </div></div> </div> </div>
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .bypostauthor { opacity: 1; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .clear:after { clear: both; content: ""; display: block; } ::selection { background: #1abc9c; color: #fff; } ::-moz-selection { background: #1abc9c; color: #fff; } .alignleft { float: left; margin: 0 20px 20px 0; } .alignright { float: right; margin: 0 0 20px 20px; } .aligncenter { display: block; margin: 10px auto; } .header_top .aligncenter { margin: 8px auto; } .text-align-right { text-align: right; } .text-align-left { text-align: left; } .text-align-center { text-align: center; } .content ul ul, .content ol ol { padding: 0 0 0 15px; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; outline: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; border: medium none; vertical-align: middle; } table th { border: 0; padding: 5px 7px; text-align: center; } table td { padding: 5px 10px; text-align: center; } a img { border: 0; } img { max-width: 100%; height: auto; } h1, h2, h3, h4, h5, h6 { color: #303030; } h1 { font-size: 30px; line-height: 1.25em; } h2 { font-size: 24px; line-height: 1.384615384615385em; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; } h3 { font-size: 17px; line-height: 1.304347826086957em; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; } h4 { font-size: 19px; line-height: 1.375em; font-weight: 400; } h5 { font-size: 15px; line-height: 1.571428571428571em; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; } h6 { font-size: 13px; line-height: 1.538461538461538em; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #303030; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #1abc9c; } a, p a { color: #303030; text-decoration: none; cursor: pointer; } a:hover, p a:hover { color: #1abc9c; text-decoration: none; } input[type='submit'], .woocommerce input[type='button'], .woocommerce-page input[type='button'] { -webkit-appearance: none; } ul { list-style-position: inside; } html { height: 100%; margin: 0!important; -webkit-transition: all 1.3s ease-out; -moz-transition: all 1.3s ease-out; -o-transition: all 1.3s ease-out; -ms-transition: all 1.3s ease-out; transition: all 1.3s ease-out; } body { font-family: 'Raleway', sans-serif; font-size: 14px; line-height: 26px; color: #818181; font-weight: 400; background-color: #f6f6f6; overflow-y: scroll; overflow-x: hidden!important; -webkit-font-smoothing: antialiased; } .wrapper { background-color: #f6f6f6; position: relative; z-index: 1000; -webkit-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1); -moz-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1); -o-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1); -ms-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1); transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1); left: 0; } .right_side_menu_opened .wrapper { left: -270px; } .right_side_menu_opened .wrapper header.fixed, .right_side_menu_opened .wrapper header.fixed_hiding, .right_side_menu_opened .wrapper header.sticky { left: -270px; } @media only screen and (min-width:1100px) { .right_side_menu_opened: not(.boxed) .carousel-inner:not(.relative_position) { left: -270px!important; } }.wrapper_inner { width: 100%; overflow: hidden; } body.boxed .wrapper_inner { overflow: visible; } body.boxed .content { overflow: hidden; } .meta { display: none; } .ajax_loader { position: fixed; top: 50%; left: 50%; z-index: 1100; display: none; } .ajax_loader_1 { position: relative; display: inline-block; width: 100%; height: 100%} .ajax_loader_2 { margin: -50% 0 0 -50%} .ajax_loader .pulse { width: 32px; height: 32px; margin: -16px 0 0 -16px; background-color: #303030; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; -webkit-animation: scaleout 1.0s infinite ease-in-out; animation: scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes scaleout { 0% { -webkit-transform: scale(0); } 100% { -webkit-transform: scale(1); opacity: 0; } }@-moz-keyframes scaleout { 0% { -moz-transform: scale(0); } 100% { -moz-transform: scale(1); opacity: 0; } }@-ms-keyframes scaleout { 0% { -ms-transform: scale(0); } 100% { -ms-transform: scale(1); opacity: 0; } }@-o-keyframes scaleout { 0% { -o-transform: scale(0); } 100% { -o-transform: scale(1); opacity: 0; } }@keyframes scaleout { 0% { transform: scale(0); -webkit-transform: scale(0); } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } }.ajax_loader .double_pulse { width: 40px; height: 40px; margin: -20px 0 0 -20px; position: relative; } .ajax_loader .double_pulse .double-bounce1, .ajax_loader .double_pulse .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #303030; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2.0s infinite ease-in-out; animation: bounce 2.0s infinite ease-in-out; } .ajax_loader .double_pulse .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0.0); } 50% { -webkit-transform: scale(1.0); } }@keyframes bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } }.ajax_loader .cube { width: 60px; height: 60px; margin: -30px 0 0 -30px; background-color: #303030; -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes rotateplane { 0% { -webkit-transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } }@keyframes rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }.ajax_loader .rotating_cubes { width: 32px; height: 32px; margin: -16px 0 0 -16px; position: relative; } .ajax_loader .rotating_cubes .cube1, .ajax_loader .rotating_cubes .cube2 { background-color: #303030; width: 10px; height: 10px; position: absolute; top: 0; left: 0; -webkit-animation: cubemove 1.8s infinite ease-in-out; animation: cubemove 1.8s infinite ease-in-out; } .ajax_loader .rotating_cubes .cube2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes cubemove { 25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); } }@keyframes cubemove { 25% { transform: translateX(42px) rotate(-90deg) scale(0.5); -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { transform: translateX(42px) translateY(42px) rotate(-179deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); } 50.1% { transform: translateX(42px) translateY(42px) rotate(-180deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } }.ajax_loader .stripes { width: 50px; height: 60px; margin: -30px 0 0 -25px; text-align: center; font-size: 10px; } .ajax_loader .stripes>div { background-color: #303030; height: 100%; width: 6px; display: inline-block; margin: 0 3px 0 0; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; } .ajax_loader .stripes .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .ajax_loader .stripes .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .ajax_loader .stripes .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .ajax_loader .stripes .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1.0); } }@keyframes stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } }.ajax_loader .wave { width: 72px; text-align: center; margin: -9px 0 0 -36px; } .ajax_loader .wave>div { width: 18px; height: 18px; background-color: #303030; margin: 0 3px 0 0; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .ajax_loader .wave .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .ajax_loader .wave .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0); } 40% { -webkit-transform: scale(1.0); } }@keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } }.ajax_loader .two_rotating_circles { width: 40px; height: 40px; margin: -20px 0 0 -20px; position: relative; text-align: center; -webkit-animation: rotatecircles 2.0s infinite linear; animation: rotatecircles 2.0s infinite linear; } .ajax_loader .two_rotating_circles .dot1, .ajax_loader .two_rotating_circles .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #303030; border-radius: 100%; -webkit-animation: bounce 2.0s infinite ease-in-out; animation: bounce 2.0s infinite ease-in-out; } .ajax_loader .two_rotating_circles .dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes rotatecircles { 100% { -webkit-transform: rotate(360deg); } }@keyframes rotatecircles { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } }.ajax_loader .five_rotating_circles { width: 60px; height: 60px; margin: -30px 0 0 -30px; position: relative; } .ajax_loader .five_rotating_circles .container1>div, .ajax_loader .five_rotating_circles .container2>div, .ajax_loader .five_rotating_circles .container3>div { width: 12px; height: 12px; background-color: #303030; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .ajax_loader .five_rotating_circles .spinner-container { position: absolute; width: 100%; height: 100%} .ajax_loader .five_rotating_circles .container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .ajax_loader .five_rotating_circles .container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); } .ajax_loader .five_rotating_circles .circle1 { top: 0; left: 0; } .ajax_loader .five_rotating_circles .circle2 { top: 0; right: 0; } .ajax_loader .five_rotating_circles .circle3 { right: 0; bottom: 0; } .ajax_loader .five_rotating_circles .circle4 { left: 0; bottom: 0; } .ajax_loader .five_rotating_circles .container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .ajax_loader .five_rotating_circles .container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .ajax_loader .five_rotating_circles .container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .ajax_loader .five_rotating_circles .container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .ajax_loader .five_rotating_circles .container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .ajax_loader .five_rotating_circles .container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .ajax_loader .five_rotating_circles .container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .ajax_loader .five_rotating_circles .container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .ajax_loader .five_rotating_circles .container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .ajax_loader .five_rotating_circles .container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .ajax_loader .five_rotating_circles .container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } body.smooth_scroll { overflow-y: hidden; } body.boxed .wrapper_inner, body.boxed .footer_inner { width: 1150px; margin: 0 auto; } header { width: 100%; display: inline-block; margin: 0; vertical-align: middle; position: relative; z-index: 110; -webkit-backface-visibility: hidden; } header .header_inner_left { position: absolute; left: 45px; top: 0; } header .container_inner .header_inner_left { position: absolute; left: 0; top: 0; } .boxed header { background-color: transparent!important; border: 0!important; } .boxed .header_inner { width: 1150px; margin: 0 auto; } .header_inner_right { float: right; position: relative; z-index: 110; } .header_top { position: relative; z-index: 111; line-height: 33px; height: 33px; padding: 0; font-size: 13px; background-color: #fff; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; transition: all .2s ease 0s; } header.scrolled .header_top { background-color: #fff!important; } .header_top p { line-height: 32px; padding: 0 15px; } .header_top .left { float: left; } .header_top .right { float: right; } .header_top .right .inner #lang_sel { float: left; padding: 0; } .header_top .inner #lang_sel>ul { list-style: none; } .header_top .left .inner>div, .header_top .left .inner>div:last-child { float: left; border-bottom: 0; border-top: 0; } .header_top .right .inner>div { border-left: 0; float: left; } header.scrolled:not(.scroll_header_top_area) .header_top { border-bottom: 0; } .header_bottom { padding: 0 45px; position: relative; background-color: #fff; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; transition: all .2s ease 0s; } .boxed .header_bottom { padding: 0 25px; } .logo_wrapper { height: 100px; float: left; } .q_logo { position: relative; top: 50%; left: 0; } .q_logo a { position: relative; display: block; visibility: hidden; } .q_logo img { display: block; opacity: 1; position: absolute; top: -50%; width: auto!important; max-width: none; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; -ms-transition: opacity .6s ease-in-out; } .q_logo img.light, .q_logo img.sticky, .q_logo img.dark, .q_logo img.popup { opacity: 0; } header.scrolled .q_logo img.normal, header.scrolled.dark .q_logo img.normal, header.scrolled.light .q_logo img.normal { opacity: 1; } header.scrolled .q_logo img.light, header.scrolled.light .q_logo img.light, header.scrolled.dark .q_logo img.light, header.scrolled .q_logo img.dark, header.scrolled.light .q_logo img.dark, header.scrolled.dark .q_logo img.dark { opacity: 0; } header.light .q_logo img.normal { opacity: 0; } header.light .q_logo img.light { opacity: 1; } header.light .q_logo img.dark { opacity: 0; } header.dark .q_logo img.normal { opacity: 0; } header.dark .q_logo img.light { opacity: 0; } header.dark .q_logo img.dark { opacity: 1; } header.sticky { -webkit-transition: all .33s cubic-bezier(0.694, 0.0482, 0.335, 1); -moz-transition: all .33s cubic-bezier(0.694, 0.0482, 0.335, 1); -o-transition: all .33s cubic-bezier(0.694, 0.0482, 0.335, 1); -ms-transition: all .33s cubic-bezier(0.694, 0.0482, 0.335, 1); transition: all .33s cubic-bezier(0.694, 0.0482, 0.335, 1); top: -120px; left: 0; position: fixed; -moz-background-clip: border; -webkit-background-clip: border; background-clip: border-box; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; -moz-background-clip: content; -webkit-background-clip: content; background-clip: content-box; } header.sticky .header_top { display: none; } header.sticky .header_bottom { background-color: #fff!important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11); } header.sticky.no_shadow .header_bottom { box-shadow: none; } header.sticky.centered_logo { top: -300px; } header.sticky.sticky_animate { top: 0; } header.sticky .q_logo img.sticky { opacity: 1; } header.sticky .q_logo img.normal, header.sticky .q_logo img.light, header.sticky .q_logo img.dark, header.sticky .q_logo img.popup { opacity: 0!important; } header.sticky .logo_wrapper, header.sticky.centered_logo .logo_wrapper { height: 60px!important; float: left; } header.sticky .drop_down .second { margin-top: 0; } header.sticky .header_fixed_right_area { display: none; } header.sticky .side_menu_button { height: 60px; } .sticky .header_menu_bottom { position: static; } header.fixed, header.fixed_hiding { -webkit-transition: left .13s cubic-bezier(0.694, 0.0482, 0.335, 1), left .33s cubic-bezier(0.694, 0.0482, 0.335, 1); -moz-transition: left .13s cubic-bezier(0.694, 0.0482, 0.335, 1), left .33s cubic-bezier(0.694, 0.0482, 0.335, 1); -o-transition: left .13s cubic-bezier(0.694, 0.0482, 0.335, 1), left .33s cubic-bezier(0.694, 0.0482, 0.335, 1); -ms-transition: left .13s cubic-bezier(0.694, 0.0482, 0.335, 1), left .33s cubic-bezier(0.694, 0.0482, 0.335, 1); transition: left .13s cubic-bezier(0.694, 0.0482, 0.335, 1), left .33s cubic-bezier(0.694, 0.0482, 0.335, 1); width: 100%; position: fixed; z-index: 110; top: 0; left: 0; } header.fixed.scrolled .header_bottom, header.fixed_hiding.scrolled .header_bottom { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11); background-color: #fff!important; } header.menu_bottom .header_inner_left { left: 0; } header:not(.sticky) .header_menu_bottom nav.main_menu>ul>li>a { line-height: 60px; } header:not(.sticky) .header_menu_bottom nav.main_menu>ul>li:first-child>a { padding-left: 0; } header.menu_bottom:not(.sticky) .drop_down .second { top: 100%} header:not(.sticky) .header_menu_bottom .side_menu_button { height: 60px; } header.menu_bottom.has_header_fixed_right .mobile_menu_button { height: 130px; } header.menu_bottom .header_inner_left { position: relative; } .menu_bottom.sticky .container_inner .header_inner_left { position: absolute; } .menu_bottom .logo_wrapper { float: none; } .menu_bottom .q_logo a { display: inline-block; } .menu_bottom.sticky .logo_wrapper { float: left; } .header_menu_bottom { position: relative; display: block; } header.centered_logo { text-align: center; } header.centered_logo .header_inner_left { float: none; position: relative; display: block; margin: 20px 0 10px 0; } header.centered_logo.sticky .header_inner_left { margin: 0; } header.centered_logo .logo_wrapper { float: none; height: auto!important; } header.centered_logo .q_logo { top: 0; } header.centered_logo.sticky .q_logo { top: 50%} header.centered_logo .q_logo a { display: inline-block; vertical-align: middle; } header.centered_logo .q_logo img { top: 0; margin: 0; } @media only screen and (min-width:1000px) { header.centered_logo: not(.sticky) .q_logo img { -webkit-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); -o-transform: translate(-50%, 0px); transform: translate(-50%, 0px); } }header.centered_logo.centered_logo_animate .q_logo img, header:not(.centered_logo) .q_logo img { height: 100%} header.centered_logo.sticky .q_logo img { top: -50%} header.centered_logo.sticky .q_logo img { height: 100%!important; } header.centered_logo .header_inner_right { float: none; display: inline-block; position: relative; vertical-align: middle; } header.centered_logo .header_right_widget { float: left; } header.centered_logo nav.main_menu, header.centered_logo nav.main_menu.right { position: relative; display: inline-block; left: auto; float: none; vertical-align: middle; } header.centered_logo nav.main_menu>ul { left: 0; } @media only screen and (min-width:1000px) { header.fixed_hiding .holeder_for_hidden_menu { overflow: hidden; max-height: 150px; vertical-align: middle; -webkit-transition: max-height .2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -moz-transition: max-height .2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -o-transition: max-height .2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -ms-transition: max-height .2s cubic-bezier(0.23, 1, 0.32, 1) 0s; transition: max-height .2s cubic-bezier(0.23, 1, 0.32, 1) 0s; } header.fixed_hiding.scrolled .holeder_for_hidden_menu { max-height: 0; } header.fixed_hiding .holeder_for_hidden_menu:hover { overflow: visible; } header.fixed_hiding.scrolled:hover .holeder_for_hidden_menu { max-height: 150px; transition-duration: .5s; -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -ms-transition-duration: .8s; -o-transition-duration: .8s; } header.fixed_hiding.centered_logo .header_inner_left { margin: 20px 0; display: table; width: 100%} header.fixed_hiding.centered_logo.fixed_hiding .header_inner_left { height: 50px; } header.fixed_hiding .header-left-from-logo-widget, header.fixed_hiding .header-right-from-logo-widget, header.fixed_hiding .logo_wrapper { display: table-cell; width: 33.33%; vertical-align: middle; position: relative; } header.fixed_hiding .header-left-from-logo-widget-inner, header.fixed_hiding .header-right-from-logo-widget-inner { width: 100%} header.fixed_hiding .header-left-from-logo-widget { text-align: left; } header.fixed_hiding .header-right-from-logo-widget { text-align: right; } header.fixed_hiding .q_logo a, header.fixed_hiding .q_logo { max-height: 124px; opacity: 1; -webkit-transition: max-height .2s ease 0s, opacity .2s ease 0s; -moz-transition: max-height .2s ease 0s, opacity .2s ease 0s; -o-transition: max-height .2s ease 0s, opacity .2s ease 0s; -ms-transition: max-height .2s ease 0s, opacity .2s ease 0s; transition: max-height .2s ease-out 0s, opacity .2s ease 0s; } header.fixed_hiding.scrolled .q_logo, header.fixed_hiding.scrolled .q_logo a { -webkit-transition: max-height .2s ease 0s, opacity .4s ease 0s; -moz-transition: max-height .2s ease 0s, opacity .4s ease 0s; -o-transition: max-height .2s ease 0s, opacity .4s ease 0s; -ms-transition: max-height .2s ease 0s, opacity .4s ease 0s; transition: max-height .2s ease-out 0s, opacity .4s ease 0s; max-height: 0!important; opacity: 0; } header.fixed_hiding .q_logo_hidden a { height: 50px; position: relative; display: block; opacity: 0; max-height: 0; -webkit-transition: opacity 0s ease 0s, max-height 0s ease 0s; -moz-transition: opacity 0s ease 0s, max-height 0s ease 0s; -o-transition: opacity 0s ease 0s, max-height 0s ease 0s; -ms-transition: opacity 0s ease 0s, max-height 0s ease 0s; transition: opacity 0s ease 0s, max-height 0s ease 0s; } header.fixed_hiding.scrolled .q_logo_hidden a { max-height: 500px; opacity: 1; -webkit-transition: opacity .15s ease .3s, max-height .15s ease .2s; -moz-transition: opacity .15s ease .3s, max-height .15s ease .2s; -o-transition: opacity .15s ease .3s, max-height .15s ease .2s; -ms-transition: opacity .15s ease .3s, max-height .15s ease .2s; transition: opacity .15s ease .3s, max-height .15s ease .2s; } }nav.main_menu { position: absolute; left: 50%; z-index: 100; text-align: left; } nav.main_menu.right { position: relative; left: auto; float: right; } nav.main_menu ul { list-style: none outside none; margin: 0; padding: 0; } nav.main_menu>ul { left: -50%; position: relative; } nav.main_menu.right>ul { left: auto; } nav.main_menu ul li { display: inline-block; float: left; padding: 0; margin: 0; background-repeat: no-repeat; background-position: right; } nav.main_menu ul li a { color: #777; font-weight: 400; text-decoration: none; display: inline-block; position: relative; line-height: 100px; padding: 0; margin: 0; cursor: pointer; } header.sticky nav.main_menu>ul>li>a, .light.sticky nav.main_menu>ul>li>a, .light.sticky nav.main_menu>ul>li>a:hover, .light.sticky nav.main_menu>ul>li.active>a, .dark.sticky nav.main_menu>ul>li>a, .dark.sticky nav.main_menu>ul>li>a:hover, .dark.sticky nav.main_menu>ul>li.active>a { line-height: 60px; } nav.main_menu>ul>li>a, nav.main_menu>ul>li>a { display: inline-block; height: 100%; background-color: transparent; -webkit-transition: opacity .3s ease-in-out, color .3s ease-in-out; -moz-transition: opacity .3s ease-in-out, color .3s ease-in-out; -o-transition: opacity .3s ease-in-out, color .3s ease-in-out; -ms-transition: opacity .3s ease-in-out, color .3s ease-in-out; transition: opacity .3s ease-in-out, color .3s ease-in-out; } .with_hover_bg_color nav.main_menu>ul>li>a { -webkit-transition: background-color 0 ease-in-out .15s, color 0 ease-in-out .15s; -moz-transition: background-color 0 ease-in-out .15s, color 0 ease-in-out .15s; -ms-transition: background-color 0 ease-in-out .15s, color 0 ease-in-out .15s; -o-transition: background-color 0 ease-in-out .15s, color 0 ease-in-out .15s; transition: background-color 0 ease-in-out .15s, color 0 ease-in-out .15s; } header:not(.with_hover_bg_color) nav.main_menu>ul>li:hover>a { opacity: .8; } nav.main_menu>ul>li.active>a { color: #303030; } nav.main_menu>ul>li>a>i.blank { display: none; } nav.main_menu>ul>li.has_sub>a>i.q_menu_arrow { display: inline-block; margin-left: 6px; } .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a, .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a:hover, .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li.active>a, .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li:before { color: #fff; } .dark:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a, .dark:not(.sticky):not(.scrolled) nav.main_menu>ul>li.active>a, .dark:not(.sticky):not(.scrolled) nav.main_menu>ul>li:not(:first-child):before { color: #000; } nav.main_menu>ul>li>a { position: relative; padding: 0 17px; color: #9d9d9d; text-transform: uppercase; font-weight: 600; font-size: 13px; letter-spacing: 1px; } .drop_down ul { list-style: none; } .drop_down ul li { position: relative; } header.transparent.fixed.scrolled .drop_down .second, header.transparent.fixed_hiding.scrolled .drop_down .second { top: 100%} .drop_down .second { left: 0; margin: 0; top: 100%; position: absolute; display: block; visibility: hidden; overflow: hidden; opacity: 0; z-index: 10; -webkit-transition: top .3s ease-in-out; -moz-transition: top .3s ease-in-out; -ms-transition: top .3s ease-in-out; -o-transition: top .3s ease-in-out; transition: top .3s ease-in-out; } header.transparent:not(.sticky) .drop_down .second { top: 75%} header.transparent.with_border:not(.sticky) .drop_down .second, header.transparent.with_hover_bg_color:not(.sticky) .drop_down .second { top: 100%} .drop_down li.left_position .second { left: auto; right: 0; } header.transparent .drop_down .second:not(.right) { left: 16px; } header.transparent.with_hover_bg_color .drop_down .second:not(.right) { left: 0; } .drop_down li.right_position .second { left: -100%} .drop_down .second.drop_down_start { visibility: visible; overflow: visible; opacity: 1; } nav.main_menu>ul>li:hover>.second { z-index: 20; } .drop_down .second .inner { position: relative; padding: 0; display: block; z-index: 997; } .drop_down .second .inner>ul, li.narrow .second .inner ul { display: inline-block; position: relative; background-color: #262626; border-color: #3d3d3d; } li.narrow .second .inner ul { padding: 7px 0; } .drop_down .second .inner ul li { display: block; padding: 0 15px; position: relative; float: none; height: auto; background: 0; width: 190px; } li.narrow .second .inner ul li:last-child { border-bottom: 0; } .drop_down .wide.left_position .second ul li, .drop_down .wide.right_position .second ul li { width: 180px; } .drop_down .second .inner ul li a, .drop_down .second .inner ul li h5 { display: block; font-weight: 600; color: #9d9d9d; height: auto; line-height: 16px; margin: 0; padding: 9px 0; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; } .drop_down .second .inner>ul>li:last-child>a, .drop_down .second .inner>ul>li>ul>li:last-child>a, .drop_down .second .inner>ul>li>ul>li>ul>li:last-child>a { border-bottom: 0; } .drop_down .second .inner ul.right li a { padding: 9px 20px 9px 0; } .drop_down .second .inner>ul>li>a:hover, .drop_down .second .inner ul li.sub ul li a:hover { color: #fff; } .drop_down .narrow .second .inner ul li { padding: 0; width: 225px; } .drop_down .narrow .second .inner ul li a { padding-left: 20px; padding-right: 20px; } .drop_down .wide .second ul li a, .drop_down .wide .second .inner ul li.sub a, .drop_down .wide .second .inner ul li h5 { background: 0; } .drop_down .second i { display: none; } .drop_down .second .inner ul li ul { position: absolute; left: 100%; top: -7px; height: auto; display: none; overflow: hidden; z-index: 10; } .drop_down .second .inner ul li:hover ul { z-index: 20; display: block; } .drop_down .second.right { right: 0; left: auto; } .drop_down .second .inner ul.right li a, .drop_down .second .inner ul.right li h5 { text-align: right; } .drop_down .second .inner ul.right li ul { left: -100%} .drop_down .second .inner ul li.sub ul li a, .drop_down .second .inner ul.right li.sub ul li a { background: 0; } .drop_down .second .inner .widget { padding: 0 20px; } .drop_down .second .inner .widget p { font-size: 13px; line-height: 16px; padding: 12px 0; } .drop_down .wide .second ul { padding: 15px 10px; } .drop_down .second ul li { border-bottom-width: 1px; border-bottom-color: #3d3d3d; } .drop_down .wide .second ul li { float: left; width: 249px; padding: 0 10px 0 10px; border-left: 1px solid #3d3d3d; border-bottom: 0; } .drop_down .wide .second>.inner>ul>li.sub>ul>li>a, .drop_down .wide .second ul li a { padding: 11px 9px; } .drop_down .wide:not(.right_position) .second ul li:first-child, .drop_down .wide.right_position .second ul li:last-child { border-left-color: transparent; } .drop_down .wide .second ul li:last-child { margin-right: 0; } .drop_down .wide.right_position .second ul li { float: right; } .drop_down .wide .second ul li:hover { background-color: transparent; } .drop_down .wide .second ul li:nth-child(4n+1) { clear: both; } .drop_down .second .inner ul li.sub a i.q_menu_arrow { display: inline-block; float: right; position: relative; top: 2px; font-size: 12px; color: #888; } .drop_down .second .inner ul li.sub ul li a i.q_menu_arrow, .drop_down .wide .second .inner ul li.sub a i.q_menu_arrow { display: none; } .drop_down .second .inner ul.right li.sub a i.q_menu_arrow { float: left; -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .drop_down .wide .second .inner>ul>li>a { color: #fff; border-bottom: 0; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; } .drop_down .wide .second .inner>ul>li>a { margin-bottom: 7px; font-size: 13px; } .drop_down .wide .second .inner ul li.sub h5 a, .drop_down .wide .second .inner ul li h5 a { padding: 0!important; } .drop_down .wide .second ul li ul { display: block; left: 0; padding: 0; position: relative; top: 0; visibility: visible; background-color: transparent!important; } .drop_down .wide .second ul li ul .widget { padding: 0 10px; } .drop_down .second .inner ul li ul { overflow: visible; } .drop_down .wide .second ul li.show_widget_area_in_popup:hover .popup_wrapper>a { color: #fff; } .drop_down .wide .second ul li.show_widget_area_in_popup .popup_wrapper { position: relative; display: inline-block; vertical-align: middle; } .drop_down .wide .second ul li.show_widget_area_in_popup a { display: inline-block; vertical-align: middle; } .drop_down .wide .second ul li.show_widget_area_in_popup .widget { height: 0; width: 0; overflow: hidden; opacity: 0; position: absolute; left: 100%; top: 0; padding: 5px; margin: 5px 0 0 5px; background-color: #262626; } .drop_down .wide .second ul li ul li { z-index: 1; } .drop_down .wide .second ul li.show_widget_area_in_popup:hover { z-index: 10; } .drop_down .wide .second ul li.show_widget_area_in_popup:hover .widget { height: auto; width: auto; opacity: 1; } .drop_down .wide .second ul li.show_widget_area_in_popup .widget img { max-width: inherit; display: block; position: relative; } .drop_down .wide .second ul li.show_widget_area_in_popup .widget a { padding: 0; } .drop_down .wide .second ul li ul li { padding: 0; margin: 0; border: 0; } .drop_down .wide .second ul li ul li.menu-item-has-children>a, .drop_down .wide .second ul li ul li.menu-item-has-children>a:hover { border-bottom: 0 none; color: #303030; font-size: 15px; } .drop_down .wide.icons .second ul li a span { position: relative; display: block; } .drop_down .wide.icons .second i { width: 24px; height: 16px; float: left; display: inline-block; color: #888; line-height: 16px; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .drop_down .wide.icons .second a:hover i { color: #fff; } .drop_down .wide.icons .second i.blank { background: 0; border: 0; display: none; } @media only screen and (min-width:1000px) { header.stick_with_left_right_menu: not(.sticky) { text-align: center; } header.stick_with_left_right_menu .header_inner_left { display: inline-block; vertical-align: middle; position: relative; top: 0; left: auto; z-index: 100; } header.stick_with_left_right_menu.sticky .header_inner_left { display: none; } header.stick_with_left_right_menu nav.main_menu.left_side { text-align: right; position: absolute; width: 49%; top: 0; left: 0; z-index: 50; } header.stick_with_left_right_menu nav.main_menu.left_side>ul { text-align: left; display: inline-block; vertical-align: middle; } header.stick_with_left_right_menu nav.main_menu.right_side { position: absolute; width: 49%; top: 0; right: 0; left: auto; z-index: 50; } header.stick_with_left_right_menu nav.main_menu.left_side:hover, header.stick_with_left_right_menu nav.main_menu.right_side:hover { z-index: 200; } header.stick_with_left_right_menu.sticky nav.main_menu.left_side, header.stick_with_left_right_menu.sticky nav.main_menu.right_side { position: relative; display: inline-block; vertical-align: middle; } header.stick_with_left_right_menu.sticky nav.main_menu.left_side>ul>li:last-child, header.stick_with_left_right_menu.sticky nav.main_menu.right_side>ul>li:first-child { margin: 0!important; } nav.main_menu.left_side>ul, nav.main_menu.right_side>ul { left: auto; } }.mobile_menu_button { display: none; float: left; height: 100px; margin: 0 20px 0 0; } .mobile_menu_button span { color: #777; width: 19px; height: 17px; font-size: 14px; z-index: 50; display: table-cell; position: relative; cursor: pointer; vertical-align: middle; } .dark .mobile_menu_button span { color: #000; } nav.mobile_menu { display: none; width: 100%; float: left; position: relative; top: 0; text-align: left; overflow: hidden; background-color: #fff; z-index: 100; } nav.mobile_menu ul { display: none; width: 100%; position: relative; list-style: none; padding: 0; margin: 0; } nav.mobile_menu>ul { margin-bottom: -1px!important; } nav.mobile_menu ul li { margin: 0; padding: 0; position: relative; } nav.mobile_menu ul li a { -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -webkit-tap-highlight-color: transparent; } nav.mobile_menu ul li, nav.mobile_menu ul li, nav.mobile_menu ul li ul li { border-bottom: 1px solid #eaeaea; } nav.mobile_menu ul li.open_sub>ul { border-top: 1px solid #eaeaea; } nav.mobile_menu ul li:last-child { border: 0!important; } nav.mobile_menu ul>li.has_sub>span.mobile_arrow, nav.mobile_menu ul>li.has_sub>span.mobile_arrow { cursor: pointer; display: inline-block; float: right; height: 46px; line-height: 46px; margin: 0; padding: 0 10px 0 0; position: absolute; top: 0; right: 0; text-align: right; width: 50px; z-index: 9000; -webkit-tap-highlight-color: transparent; } nav.mobile_menu ul li span.mobile_arrow i, nav.mobile_menu ul li span.mobile_arrow i { color: #888; } nav.mobile_menu ul>li>span.mobile_arrow i { display: none; } nav.mobile_menu ul>li.has_sub>span.mobile_arrow i { display: inline; } nav.mobile_menu ul>li.has_sub>span.mobile_arrow i.fa-angle-down, nav.mobile_menu ul>li.has_sub>span.mobile_arrow i.fa-angle-down { display: none; } nav.mobile_menu ul>li.has_sub.open_sub>span.mobile_arrow i.fa-angle-right, nav.mobile_menu ul>li.has_sub>ul.open_sub>li>span.mobile_arrow i.fa-angle-right { display: none; } nav.mobile_menu ul>li.has_sub.open_sub>span.mobile_arrow i.fa-angle-down, nav.mobile_menu ul>li.has_sub ul.open_sub>li>span.mobile_arrow i.fa-angle-down { display: inline; } nav.mobile_menu ul li a, nav.mobile_menu ul li h3 { font-size: 13px; font-weight: 400; color: #888; padding: 10px 0 10px 0; display: block; position: relative; text-transform: none; line-height: 26px; letter-spacing: 0; } nav.mobile_menu ul li a:hover, nav.mobile_menu ul li.active>a { color: #1abc9c; } nav.mobile_menu ul li ul li { margin: 0 0 0 20px; } header:not(.centered_logo) .header_fixed_right_area { position: absolute; right: 0; top: 0; height: 100%; line-height: 100px; } .header_menu_bottom .main_menu { left: auto; } .sticky .header_menu_bottom .main_menu { float: right; left: auto; position: relative; } .sticky .header_menu_bottom .main_menu_header_inner_right_holder .main_menu { float: left; } .sticky .header_menu_bottom .main_menu_header_inner_right_holder.with_center_logo .main_menu { float: left; } .sticky .header_menu_bottom .main_menu_header_inner_right_holder { float: right; } .header_menu_bottom nav.main_menu>ul { left: auto; } .sticky .header_menu_bottom nav.main_menu>ul { left: auto; } .side_menu_button_wrapper { display: table; } .side_menu_button { cursor: pointer; display: table-cell; vertical-align: middle; height: 100px; } .header_bottom_right_widget_holder { display: table-cell; vertical-align: middle; height: 100%; padding: 0 17px; } @media only screen and (min-width:1000px) { header.dark: not(.sticky):not(.scrolled) .header_bottom_right_widget_holder a.qbutton { border-color: #000!important; background-color: transparent!important; color: #000!important; } header.light:not(.sticky):not(.scrolled) .header_bottom_right_widget_holder a.qbutton { border-color: #fff!important; background-color: transparent!important; color: #fff!important; } }.side_menu_button>a { font-size: 14px; position: relative; display: inline; width: 20px; height: 20px; padding: 0 12px; } .side_menu_button>a.side_menu_button_link.medium { display: inline-block; font-size: 21px; line-height: 30px; height: 30px; width: 19px; } .side_menu_button>a.side_menu_button_link.large { display: inline-block; font-size: 28px; line-height: 34px; height: 34px; width: 24px; } .side_menu_button>a, .mobile_menu_button span { -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -ms-transition: opacity .3s ease; -o-transition: opacity .3s ease; color: #9d9d9d; } .side_menu_button>a:hover, .mobile_menu_button span:hover { opacity: .8; } .light:not(.sticky):not(.scrolled) .header-widget .q_social_icon_holder i.simple_social, .light:not(.sticky):not(.scrolled) .header-widget, .light:not(.sticky):not(.scrolled) .header-widget.widget_nav_menu ul.menu>li>a, .light:not(.sticky):not(.scrolled) .header-widget p, .light:not(.sticky):not(.scrolled) .header-widget a, .light:not(.sticky):not(.scrolled) .header-widget span { color: #fff; } .light:not(.sticky):not(.scrolled) .header-widget .q_social_icon_holder i.simple_social, .light:not(.sticky):not(.scrolled) .header-widget #lang_sel>ul>li>a, .light:not(.sticky):not(.scrolled) .header-widget #lang_sel_click>ul>li>a { color: #fff!important; } .dark:not(.sticky):not(.scrolled) .q_social_icon_holder i.simple_social, .dark:not(.sticky):not(.scrolled) .header-widget, .dark:not(.sticky):not(.scrolled) .header-widget.widget_nav_menu ul.menu>li>a, .dark:not(.sticky):not(.scrolled) .header-widget p, .dark:not(.sticky):not(.scrolled) .header-widget a, .dark:not(.sticky):not(.scrolled) .header-widget span { color: #000; } .dark:not(.sticky):not(.scrolled) .header-widget .q_social_icon_holder i.simple_social, .dark:not(.sticky):not(.scrolled) .header-widget #lang_sel>ul>li>a, .dark:not(.sticky):not(.scrolled) .header-widget #lang_sel_click>ul>li>a { color: #000!important; } .side_menu_button a:last-child { padding: 0 0 0 8px; } .side_menu .q_font_awsome_icon i { color: #818181; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; transition: color .3s ease-in-out; margin: 0 8px 0 0; -webkit-backface-visibility: visible; } .side_menu li:hover .q_font_awsome_icon i { color: #fff; } .q_slider { width: 100%; overflow: hidden; position: relative; z-index: 10; } .ls-wp-fullwidth-helper { left: 0!important; } .content { margin-top: 0; position: relative; z-index: 100; background-color: #f6f6f6; } .content.content_top_margin { margin-top: 100px!important; } .content.content_top_margin_none { margin-top: 0!important; } .container { position: relative; padding: 0; width: 100%; z-index: 100; } .container_inner { width: 1100px; margin: 0 auto; } .content .container { background-color: #f6f6f6; } .content .container .container_inner { padding: 0; } .content .container .container_inner.page_container_inner { padding: 30px 0 0 0; } .full_page_container_inner { padding: 30px 0 0 0; } .full_width { position: relative; z-index: 100; background-color: #f6f6f6; } .header_bottom .container_inner { position: relative; } .content .title .container_inner { padding: 0!important; } section.section { display: block; position: relative; padding: 50px 0; overflow: hidden; } div.section { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; } .use_row_as_box { -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } div.video_section { overflow: hidden; } .boxed .section .section_inner, .grid_section .section_inner { width: 1100px; margin: 0 auto; position: relative; z-index: 20; } .full_section_inner { position: relative; z-index: 20; } .section .mobile-video-image { background-position: center center; background-repeat: no-repeat; background-size: cover; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; } .section .video-overlay { height: 3000px; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 11; } .section .video-overlay.active { background-image: url("img/pixel-video.png"); background-position: 0 0; background-repeat: repeat; opacity: 1; } .section .video-wrap { top: 0; left: 0; overflow: hidden; position: absolute; width: 100%; z-index: 10; } .section .video-wrap .mejs-poster { background-size: cover!important; -moz-background-size: cover!important; -webkit-background-size: cover!important; -o-background-size: cover!important; } .section .video-wrap .mejs-container .mejs-controls { display: none!important; } .section .video-wrap .mejs-controls .mejs-button button:focus { outline: none!important; } .section .video-wrap .mejs-controls .mejs-time-rail .mejs-time-loaded { background-color: rgba(255, 255, 255, 0.18)!important; } .section .video-wrap .mejs-container { background-color: transparent!important; background-image: none!important; height: auto!important; } .section .video-wrap .mejs-mediaelement { background: none!important; border: 0!important; } .section .video-wrap .mejs-container .mejs-poster img { max-width: none!important; width: 100%!important; } .section .video-wrap .mejs-controls button { opacity: .8; } .section .video-wrap .mejs-controls button:hover, .mejs-controls .mejs-fullscreen-button:hover button { opacity: 1!important; } .section .video-wrap .mejs-controls .mejs-time-rail .mejs-time-total { background: #1f1f1f none repeat scroll 0 0!important; } .section .video-wrap .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: transparent!important; } .two_columns_66_33 { width: 100%} .two_columns_66_33>.column1 { width: 66.66%; float: left; } .two_columns_66_33>.column1>.column_inner { padding: 0 20px 0 0; } .two_columns_66_33>.column2 { width: 33.33%; float: left; } .two_columns_66_33>.column2>.column_inner { padding: 0 0 0 20px; } .two_columns_33_66 { width: 100%} .two_columns_33_66>.column1 { width: 33.33%; float: left; } .two_columns_33_66>.column1>.column_inner { padding: 0 20px 0 0; } .two_columns_33_66>.column2 { width: 66.66%; float: left; } .two_columns_33_66>.column2>.column_inner { padding: 0 0 0 20px; } .two_columns_75_25 { width: 100%} .two_columns_75_25>.column1 { width: 75%; float: left; } .two_columns_75_25>.column1>.column_inner { padding: 0 20px 0 0; } .two_columns_75_25>.column2 { width: 25%; float: left; } .two_columns_75_25>.column2>.column_inner { padding: 0 0 0 20px; } .two_columns_25_75 { width: 100%} .two_columns_25_75>.column1 { width: 25%; float: left; } .two_columns_25_75>.column1>.column_inner { padding: 0 20px 0 0; } .two_columns_25_75>.column2 { width: 75%; float: left; } .two_columns_25_75>.column2>.column_inner { padding: 0 0 0 20px; } .two_columns_50_50 { width: 100%} .two_columns_50_50>.column1 { width: 50%; float: left; } .two_columns_50_50>.column1>.column_inner { padding: 0 10px 0 0; } .two_columns_50_50>.column2 { width: 50%; float: left; } .two_columns_50_50>.column2>.column_inner { padding: 0 0 0 10px; } .three_columns { width: 100%} .three_columns>.column1, .three_columns>.column2, .three_columns>.column3 { width: 33.33%; float: left; } .three_columns>.column1>.column_inner { padding: 0 15px 0 0; } .three_columns>.column2>.column_inner { padding: 0 5px 0 10px; } .three_columns>.column3>.column_inner { padding: 0 0 0 15px; } .four_columns { width: 100%} .four_columns>.column1, .four_columns>.column2, .four_columns>.column3, .four_columns>.column4 { width: 25%; float: left; } .four_columns>.column1>.column_inner { padding: 0 15px 0 0; } .four_columns>.column2>.column_inner { padding: 0 10px 0 5px; } .four_columns>.column3>.column_inner { padding: 0 5px 0 10px; } .four_columns>.column4>.column_inner { padding: 0 0 0 15px; } .five_columns>.column1, .five_columns>.column2, .five_columns>.column3, .five_columns>.column4, .five_columns>.column5 { width: 20%; float: left; } .five_columns>.column1>.column_inner, .five_columns>.column2>.column_inner, .five_columns>.column3>.column_inner, .five_columns>.column4>.column_inner { margin: 0 2.5% 0 0; } .five_columns>.column5>.column_inner { margin: 0; } .title_outer.animate_title_area { overflow: hidden; } .title { display: block; width: 100%; height: 100px; text-align: left; position: relative; z-index: 101; border-bottom-color: #eee; } .title_outer.with_image .title { height: auto!important; line-height: normal; background: 0; } .title img { display: block; position: relative; width: 100%} .title .not_responsive { display: none; } .title .title_holder { display: table; height: 100%; left: 0; position: relative; width: 100%} .title_outer.with_image .title .title_holder, .title_outer .has_fixed_background.title .title_holder, .title_outer .has_background.title .title_holder { position: absolute; top: 0; display: block; } .title .title_overlay { position: absolute; width: 100%; height: 100%; background-repeat: repeat; background-position: 0 0; top: 0; } .title .title_holder .container { display: table-cell; vertical-align: middle; background-color: transparent; } .title_outer.with_image .title .title_holder .container, .title_outer .has_fixed_background.title .title_holder .container, .title_outer .has_background.title .title_holder .container { display: block; height: 100%} .content .title_outer.with_image .title .container_inner, .title_outer .has_fixed_background.title .title_holder .container_inner, .title_outer .has_background.title .title_holder .container_inner { display: table; height: 100%} .title_subtitle_holder { display: block; padding: 0; position: relative; } .title_outer.with_image .title .title_subtitle_holder, .title_outer .has_fixed_background.title .title_subtitle_holder, .title_outer .has_background.title .title_subtitle_holder { display: table-cell; vertical-align: middle; width: 100%} .title_subtitle_holder_inner { position: relative; } .title h1 { color: #303030; padding: 0; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; } .title.title_size_medium h1 { font-size: 24px; line-height: 1.384615384615385em; } .title.title_size_small h1, .title h1 { font-size: 17px; line-height: 1.304347826086957em; } .title.title_size_large h1 { font-size: 47px; line-height: 60px; } .title_text_shadow .title h1 { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); } .subtitle { display: block; } .title_text_shadow .subtitle { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); } .animate_title_text .title h1 { -webkit-animation: title-from-right .5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s; -moz-animation: title-from-right .5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s; -o-animation: title-from-right .5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s; animation: title-from-right .5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } @-webkit-keyframes title-from-right { 0% { filter: alpha(opacity=0); opacity: 0; -webkit-transform: translate(50%, 0); } 100% { filter: alpha(opacity=100); opacity: 1; -webkit-transform: translate(0, 0); } }@-moz-keyframes title-from-right { 0% { filter: alpha(opacity=0); opacity: 0; -moz-transform: translate(50%, 0); } 100% { filter: alpha(opacity=100); opacity: 1; -moz-transform: translate(0, 0); } }@-o-keyframes title-from-right { 0% { filter: alpha(opacity=0); opacity: 0; -o-transform: translate(50%, 0); } 100% { filter: alpha(opacity=100); opacity: 1; -o-transform: translate(0, 0); } }@keyframes title-from-right { 0% { filter: alpha(opacity=0); opacity: 0; transform: translate(50%, 0); } 100% { filter: alpha(opacity=100); opacity: 1; transform: translate(0, 0); } }.position_center.title .title_subtitle_holder { text-align: center; } .position_right.title .title_subtitle_holder { text-align: right; } .position_right .breadcrumb { left: 0; right: auto; } .title.has_background { background-repeat: no-repeat; background-position: center 0; } .title.has_fixed_background { background-repeat: no-repeat; background-attachment: fixed; background-position: center 0; position: relative; z-index: 101; } .breadcrumb { position: absolute; height: 100%; font-size: 13px; top: 0; right: 0; color: #303030; } .breadcrumbs { display: table; height: 100%; width: 100%; line-height: 1em; } .breadcrumbs .breadcrumbs_inner { display: table-cell; vertical-align: middle; } .title_text_shadow .breadcrumbs .breadcrumbs_inner { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); } .position_center.title .breadcrumb { position: relative; text-align: center; } .title .separator.small, .title .separator.small.left, .title .separator.small.right { margin-top: 14px; margin-bottom: 10px; } .breadcrumb .current { color: #303030; } .breadcrumb a { color: #303030; } .breadcrumb a:hover { color: #1abc9c; } .touch .title.has_fixed_background { background-attachment: scroll; } .box_image_with_border { display: block; position: relative; border-bottom: 5px solid #ddd; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; text-align: center; } .box_image_with_border:hover { border-color: #1abc9c; } .box_image_with_border h3 { margin: 0 0 15px; } .box_image_holder { display: block; position: relative; margin: 0 0 56px; text-align: left; } .box_image_holder a { position: relative; display: block; } .box_image_holder .box_image_shadow { display: block; position: absolute; bottom: -8px; left: 0; width: 100%; height: 100%; background-image: url('img/box_image_shadow.png'); background-repeat: no-repeat; background-position: center bottom; background-size: 100% 30px; -webkit-background-size: 100% 30px; -moz-background-size: 100% 30px; -o-background-size: 100% 30px; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; } .box_image_with_border:hover .box_image_shadow { bottom: -13px; opacity: .2; filter: alpha(opacity=20); } .box_image_holder .image_holder_inner { position: relative; display: inline-block; width: 100%; top: 0; left: 0; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; } .box_image_with_border:hover .box_image_holder .image_holder_inner { top: -15px; } .box_image_holder img { width: 100%} .box_image_holder .box_icon { display: inline-block; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); } .box_image_holder .box_icon .fa-stack { margin: 0 0 0 -50%; font-size: 4em; } .box_image_holder .box_icon .fa-stack i { margin: 35% 0 0; } .box_image_holder .box_icon .fa-stack i.fa-stack-base { color: #1abc9c; } .separator { position: relative; display: block; height: 1px; background-color: #eaeaea; margin: 10px 0; } .separator.transparent { background-color: transparent; } .separator.small { background-color: #303030; height: 2px; position: relative; width: 22px; display: block; margin: 10px auto 20px auto; } .wpb_column>.wpb_wrapper .separator.small { margin-bottom: 20px; } .separator.small.left { margin: 10px 0 20px 0; } .separator.small.right { margin: 10px 0 20px auto; } .q_icon_list { margin-bottom: 21px; } .q_icon_list p { font-size: 15px; line-height: 27px; font-weight: 400; margin: 0 0 10px; padding: 0 0 0 38px; position: relative; color: #303030; } .q_icon_list i { background-color: #1abc9c; color: #fff; font-size: 18px; line-height: 27px; height: 27px; width: 27px; text-align: center; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; -o-border-radius: 2em; } .q_icon_list i.transparent { background: transparent; border: 0; color: #ababab; } .q_progress_bar { position: relative; margin: 0 0 28px 0; width: 100%; overflow: hidden; text-align: left; } .q_progress_bar .progress_content_outer { background-color: #e3e3e3; position: relative; overflow: hidden; height: 13px; } .q_progress_bar .progress_content { position: absolute; top: 0; left: 0; max-width: 100%; overflow: hidden; background-color: #1abc9c; height: 13px; box-sizing: border-box; } .q_progress_bar .progress_title_holder { position: relative; margin: 0 0 7px 0; } .q_progress_bar .progress_title { display: inline-block; z-index: 100; } .q_progress_bar .progress_number_wrapper { text-align: right; position: absolute; left: 0; z-index: 10; opacity: 0; filter: alpha(opacity=0); color: #fff; } .q_progress_bar .progress_number { position: absolute; right: 0; font-size: 18px; font-weight: 500; top: -1px; } .q_progress_bars_vertical .progress_content_outer { height: 200px; position: relative; background-color: #e3e3e3; } .q_progress_bars_vertical .progress_number { font-size: 18px; line-height: 1em; color: #303030; display: block; position: relative; font-weight: 500; margin-bottom: 14px; } .q_progress_bars_vertical .progress_title { margin-bottom: .7777777777777778em; margin-top: 1em; } .q_progress_bars_vertica .progress_text { display: inline-block; line-height: 18px; } .q_progress_bars_vertical .progress_content_outer .progress_content { display: inline-block; width: 100%; position: absolute; bottom: 0; left: 0; background-color: #1abc9c; box-sizing: border-box; } .q_counter_holder { display: block; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .4s ease 0s; -moz-transition: opacity .4s ease 0s; -o-transition: opacity .4s ease 0s; padding: 20px 0; } .q_counter_holder.boxed_counter { border: 1px solid #eaeaea; padding: 20px 40px; background-color: #fff; } .q_counter_holder.left { text-align: left; } .q_counter_holder.right { text-align: right; } .q_counter_holder.center { text-align: center; padding: 20px 40px; } .q_counter_holder span.counter { font-size: 60px; line-height: 1em; font-weight: 300; color: #1abc9c; display: inline-block!important; height: 1em; } .q_counter_holder p.counter_text { font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin: 12px 0 0 00; } .q_counter_holder .separator.small { background-color: #eaeaea; margin: 19px auto 0 auto; } .q_counter_holder.left .separator.small { margin-left: 0; margin-right: auto; } .q_counter_holder.right .separator.small { margin-left: auto; margin-right: 0; } .q_box_holder { display: block; position: relative; border: 1px solid transparent; z-index: 200; } .q_box_holder.with_icon { border: 2px solid #c0c0c0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .box_holder_inner { padding: 30px 20px; display: block; } .q_box_holder.with_icon .box_holder_inner.tiny { padding: 37px 20px 30px; } .q_box_holder.with_icon .box_holder_inner.small { padding: 45px 20px 30px; } .q_box_holder.with_icon .box_holder_inner.medium { padding: 58px 20px 30px; } .q_box_holder.with_icon .box_holder_inner.large { padding: 71px 20px 30px; } .q_box_holder.with_icon .box_holder_inner.very_large { padding: 85px 20px 30px; } .box_holder_inner.left { text-align: left; } .box_holder_inner.right { text-align: right; } .box_holder_inner.center { text-align: center; } .box_holder_icon { position: absolute; display: block; left: 50%; top: 0; z-index: 250; } .box_holder_icon_inner { margin: -50% 0 0 -50%} .box_holder_icon_inner.circle, .box_holder_icon_inner.square, .box_holder_icon_inner.image { margin: -50% 0 0 -50%} .box_holder_icon_inner.circle .fa-stack, .circle .icon_holder .fa-stack { -o-border-radius: 2em; -moz-border-radius: 2em; -webkit-border-radius: 2em; -ms-border-radius: 2em; border-radius: 2em; } .box_holder_icon .fa-stack i { color: #1abc9c; } .box_holder_icon_inner.tiny i.fa-circle { font-size: 40px; } .box_holder_icon_inner.image.tiny img { height: 35px; } .box_holder_icon_inner.image.small img { height: 52px; } .box_holder_icon_inner.image.medium img { height: 78px; } .box_holder_icon_inner.image.large img { height: 104px; } .box_holder_icon_inner.image.very_large img { height: 130px; } .qbutton, .load_more a, .blog_load_more_button a, #submit_comment, .drop_down .wide .second ul li .qbutton, .drop_down .wide .second ul li ul li .qbutton { position: relative; display: inline-block; width: auto; height: 39px; line-height: 39px; margin: 0; padding: 0 23px; border: 2px solid #303030; font-size: 13px; font-weight: 700; font-family: inherit; text-align: left; color: #303030; text-decoration: none; cursor: pointer; white-space: nowrap; outline: 0; font-style: normal; text-transform: uppercase; letter-spacing: 1px; -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; text-shadow: none; background-color: transparent; -webkit-transition: color .1s linear, background-color .1s linear, border-color .1s linear; -moz-transition: color .1s linear, background-color .1s linear, border-color .1s linear; -ms-transition: color .1s linear, background-color .1s linear, border-color .1s linear; -o-transition: color .1s linear, background-color .1s linear, border-color .1s linear; transition: color .1s linear, background-color .1s linear, border-color .1s linear; -webkit-box-sizing: initial!important; -moz-box-sizing: initial!important; box-sizing: initial!important; } input.qbutton { line-height: 36px; } .qbutton:hover, .load_more a:hover, .blog_load_more_button a:hover, #submit_comment:hover, .drop_down .wide .second ul li .qbutton:hover, .drop_down .wide .second ul li ul li .qbutton:hover { background-color: #1abc9c; border-color: #1abc9c; color: #fff; text-decoration: none; } .qbutton.left { text-align: left; } .qbutton.right { text-align: right; } .qbutton.center { text-align: center; } .qbutton.big_large { height: 58px; line-height: 58px; font-size: 20px; padding: 0 22px; } .qbutton.big_large_full_width { width: 100%; height: 90px; line-height: 90px; font-size: 20px; padding: 0; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } .qbutton.large { height: 47px; line-height: 47px; font-size: 16px; padding: 0 29px; } .qbutton.small { height: 30px; line-height: 30px; font-size: 12px; padding: 0 17px; } .qbutton.white { border-color: #fff; color: #fff; } .qbutton.white:hover { background-color: #1abc9c; border-color: #1abc9c; } .qbutton.green { border-color: #1abc9c; color: #fff; background-color: #1abc9c; } .qbutton.green:hover { background-color: #fff; border-color: #fff; color: #a2a2a2; } .qbutton i { margin: 0 0 0 10px; } .qbutton.large i { margin: 0 0 0 17px; } .qbutton.medium i { margin: 0 0 0 15px; } .qbutton.small i { margin: 0 0 0 10px; } .qbutton.tiny i { margin: 0 0 0 8px; } .qbutton.big_large i, .qbutton.big_large_full_width i { margin: 0 0 0 19px; } #submit_comment, .load_more.tiny a { height: 39px; line-height: 39px; font-size: 12px; padding: 0 18px; } #submit_comment { line-height: 36px; } .easyPieChart { position: relative; } .easyPieChart canvas { position: absolute; top: 0; left: 0; } .q_pie_chart_holder, .q_pie_chart_with_icon_holder { display: block; margin: 0 0 30px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .3s ease 0s; -moz-transition: opacity .3s ease 0s; -o-transition: opacity .3s ease 0s; } .q_percentage { font-size: 35px; font-weight: 500; color: #303030; text-align: center; margin: 0 auto; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .3s ease 0s; -moz-transition: opacity .3s ease 0s; -o-transition: opacity .3s ease 0s; } .q_percentage_with_icon { color: #1abc9c; text-align: center; margin: 0 auto; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .3s ease 0s; -moz-transition: opacity .3s ease 0s; -o-transition: opacity .3s ease 0s; -webkit-backface-visibility: hidden; } .q_pie_chart_holder .tocounter { float: none; margin: 0; } .q_percentage_with_icon i { float: none; margin: 0; vertical-align: middle!important; color: #b9b9b9; } .q_pie_chart_holder .pie_chart_text, .q_pie_chart_with_icon_holder .pie_chart_text { text-align: center; margin: 28px 0 0; } .q_pie_chart_holder .pie_chart_text .pie_title, .q_pie_chart_with_icon_holder .pie_chart_text .pie_title { margin: 0 0 .35em; } .q_pie_chart_holder .separator.small { background-color: #eaeaea; margin: 10px auto 12px auto; } .image_with_text { display: inline-block; width: 100%; position: relative; } .image_with_text img { display: block; margin: 0 0 22px 0; } .call_to_action { position: relative; display: block; padding: 51px 21px; background-color: #1abc9c; } .call_to_action .two_columns_75_25 { position: relative; } .call_to_action .text_wrapper { position: relative; } .call_to_action .text_wrapper .call_to_action_text { color: #fff; letter-spacing: 1px; font-size: 22px; font-weight: 500; } .call_to_action.with_icon .text_wrapper .call_to_action_text { padding: 0 0 0 54px; line-height: 1em; } .call_to_action .text_wrapper .call_to_action_icon_holder { position: absolute; height: 100%} .call_to_action .text_wrapper .call_to_action_icon { display: table; height: 100%} .call_to_action .text_wrapper .call_to_action_icon_inner { display: table-cell; height: 100%; vertical-align: middle; } .call_to_action .text_wrapper .call_to_action_icon_inner i { color: #fff; } .call_to_action .column2.button_wrapper { text-align: right; } .call_to_action .column2.button_wrapper .qbutton { position: absolute; right: 0; top: 50%; margin: -21px 0 0 0; } .call_to_action .column2.button_wrapper .qbutton.small { margin-top: -17px; } .call_to_action .column2.button_wrapper .qbutton.large { margin-top: -25px; } .call_to_action .column2.button_wrapper .qbutton.big_large { margin-top: -31px; } .full_width .parallax_content { width: 1100px; margin: 0 auto; } section.section section.parallax { margin: -50px 0; } .boxed section.section section.parallax { margin: -50px -25px; } .boxed .full_width .parallax_content { width: auto; margin: 0; padding: 0 25px; } section.parallax_section_holder { position: static; padding: 0; background-repeat: no-repeat; background-color: transparent; background-position: center 0; background-attachment: fixed; overflow: hidden; } .parallax_content { z-index: 100; position: relative; } .parallax_content.left { text-align: left; } .parallax_content.center { text-align: center; } .parallax_content.right { text-align: right; } .portfolio_single { display: block; position: relative; } .portfolio_single_text_holder, .portfolio_detail, .lightbox_single_portfolio { position: relative; } .portfolio_single .flexslider, .portfolio_single .portfolio_single_text_holder { margin: 0 0 40px; } .portfolio_single .portfolio_images .fluid-width-video-wrapper, .portfolio_single .portfolio_images img { margin: 0 0 18px; } .portfolio_single .portfolio_container { position: relative; z-index: 200; } .portfolio_single h2 { margin: 0 0 5px 0; } .portfolio_single h3 { margin: 0 0 8px 0; } .portfolio_detail.portfolio_single_follow { position: relative; } .portfolio_detail .info { padding: 0 0 9px; margin: 0 0 9px; } .portfolio_detail .info:last-child { border: 0; } .video_holder { position: relative; width: 100%; display: block; min-height: 1px; } .portfolio_single .video .mobile-video-image { background-position: center center; background-repeat: no-repeat; background-size: cover; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; } .portfolio_single .video { margin: 0 0 44px; position: relative; } .portfolio_single .video .video-wrap { overflow: hidden; position: relative; width: 100%; z-index: 10; } .portfolio_single .video .video-wrap .mejs-poster { background-size: cover!important; -moz-background-size: cover!important; -webkit-background-size: cover!important; -o-background-size: cover!important; width: 100%!important; height: 100%!important; } .portfolio_single .video .video-wrap .mejs-container { background-color: transparent!important; background-image: none!important; height: 100%!important; width: 100%!important; overflow: hidden; } .portfolio_single .video .video-wrap .mejs-mediaelement { background: none!important; border: 0!important; } .portfolio_single .video .video-wrap .mejs-container .mejs-poster img { max-width: none!important; width: 100%!important; } .portfolio_single .mejs-container .mejs-controls { visibility: visible!important; } .portfolio_single .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none!important; } .flexslider .slides .mejs-poster img, .portfolio_slider .portfolio_slides .mejs-poster img { display: none; } .portfolio_single .flexslider .video .video-wrap { margin: 0; } .portfolio_navigation { display: inline-block; width: 100%; text-align: center; padding: 28px 0 50px; z-index: 100; position: relative; } .portfolio_navigation .portfolio_prev, .portfolio_navigation .portfolio_next, .portfolio_navigation .portfolio_button { display: inline-block; height: 35px; line-height: 35px; } .portfolio_navigation .portfolio_prev { position: absolute; left: 0; } .portfolio_navigation .portfolio_next { position: absolute; right: 0; } .portfolio_navigation .portfolio_prev a, .portfolio_navigation .portfolio_next a { position: relative; display: inline-block; width: 38px; height: 38px; line-height: 38px; margin: 0 11px 0 0; text-align: center; font-size: 18px; color: #b4b4b4; text-decoration: none; text-transform: uppercase; cursor: pointer; white-space: nowrap; border: 2px solid #e5e5e5; outline: 0; -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; text-shadow: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .portfolio_navigation .portfolio_prev a:hover, .portfolio_navigation .portfolio_next a:hover { color: #303030; background-color: #e3e3e3; border-color: #e3e3e3; } .portfolio_navigation .portfolio_button a { background-image: url('img/portfolio_list_button.png'); background-position: 0 0; background-repeat: no-repeat; width: 19px; display: block; height: 19px; margin: 11px 0 0 0; -webkit-transition: background-image .3s ease-in-out; -moz-transition: background-image .3s ease-in-out; -ms-transition: background-image .3s ease-in-out; -o-transition: background-image .3s ease-in-out; transition: background-image .3s ease-in-out; } .portfolio_navigation .portfolio_button a:hover { background-image: url('img/portfolio_list_button_hover.png'); } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:150/100), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:160dpi) { .portfolio_navigation .portfolio_button a { background-image: url('img/portfolio_list_button@1_5x.png'); -o-background-size: 19px 19px; -webkit-background-size: 19px 19px; -moz-background-size: 19px 19px; background-size: 19px 19px; } .portfolio_navigation .portfolio_button a:hover { background-image: url('img/portfolio_list_button_hover@1_5x.png'); } }@media only screen and (-webkit-min-device-pixel-ratio:2.0), only screen and (min--moz-device-pixel-ratio:2.0), only screen and (-o-min-device-pixel-ratio:200/100), only screen and (min-device-pixel-ratio:2.0), only screen and (min-resolution:210dpi) { .portfolio_navigation .portfolio_button a { background-image: url('img/portfolio_list_button@2x.png'); -o-background-size: 19px 19px; -webkit-background-size: 19px 19px; -moz-background-size: 19px 19px; background-size: 19px 19px; } .portfolio_navigation .portfolio_button a:hover { background-image: url('img/portfolio_list_button_hover@2x.png'); } }.portfolio_navigation .portfolio_prev a:hover, .portfolio_navigation .portfolio_next a:hover { background-image: url('img/button-bg-px.png')!important; } .portfolio_social_holder { width: 100%; display: inline-block; } .portfolio_single .portfolio_social_holder .portfolio_share, .portfolio_single .portfolio_social_holder .portfolio_like { display: inline-block; margin: 0; } .portfolio_gallery { display: inline-block; width: 100%; position: relative; margin: 0 0 15px 0; } .portfolio_single .portfolio_gallery { margin: 0 0 3px 0; } .portfolio_gallery a { position: relative; float: left; display: inline-block; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); } .portfolio_gallery a.v2 { width: 49%; margin: 0 2% 2% 0; } .portfolio_gallery a.v3 { width: 32%; margin: 0 2% 2% 0; } .portfolio_gallery a.v4 { width: 23.5%; margin: 0 2% 2% 0; } .portfolio_gallery a.v2:nth-child(2n), .portfolio_gallery a.v3:nth-child(3n), .portfolio_gallery a.v4:nth-child(4n) { margin: 0 0 2% 0; } .portfolio_gallery a img, .portfolio_gallery a frame { position: relative; display: block; width: 100%; z-index: 100; } .portfolio_gallery iframe { min-height: 200px; } .portfolio_gallery a .gallery_text_holder { background-color: #000; background-color: rgba(0, 0, 0, 0.50); position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: inline-block; z-index: 200; opacity: 0; filter: alpha(opacity=0); visibility: visible; -webkit-transition: opacity .4s; -moz-transition: opacity .4s; -o-transition: opacity .4s; -ms-transition: opacity .4s; } .portfolio_gallery a img { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .portfolio_gallery a:hover .gallery_text_holder { opacity: 1; filter: alpha(opacity=100); } .portfolio_gallery a .gallery_text_inner { display: table; text-align: center; vertical-align: middle; width: 100%; height: 100%} .portfolio_gallery a .gallery_text_inner h6 { display: table-cell; text-align: center; vertical-align: middle; width: 100%; height: 100%; margin: 0; padding: 0 15px; color: #fff; } .projects_holder_outer { margin: 0; display: block; width: 100%} .projects_holder_outer .container .container_inner { padding: 0; } .full_width .projects_holder_outer.v6 .hover_text, .full_width .projects_holder_outer.v5 .hover_text, .full_width .projects_holder_outer.v4 .hover_text, .full_width .projects_holder_outer.v5 .standard, .full_width .projects_holder_outer.v6 .standard, .full_width .projects_holder_outer.v4 .standard { width: 95%; margin: 0 auto; } .full_width .section_inner .projects_holder_outer.v6 .hover_text, .full_width .section_inner .projects_holder_outer.v5 .hover_text, .full_width .section_inner .projects_holder_outer.v4 .hover_text, .full_width .section_inner .projects_holder_outer.v5 .standard, .full_width .section_inner .projects_holder_outer.v6 .standard, .full_width .section_inner .projects_holder_outer.v4 .standard { width: 100%} .full_width .projects_holder_outer.v6 .hover_text.no_space, .full_width .projects_holder_outer.v5 .hover_text.no_space, .full_width .projects_holder_outer.v4 .hover_text.no_space { width: 100%; margin: 0; } .projects_holder { font-size: .1px; line-height: 0; list-style-type: none; text-align: justify; } .projects_holder:after, .projects_holder:before { content: ""; display: inline-block!important; width: 100%} .projects_holder>.mix { display: none; position: relative; vertical-align: top; -webkit-transition: all .7s ease-out; -moz-transition: all .7s ease-out; -o-transition: all .7s ease-out; transition: all .7s ease-out; text-align: left; } .projects_holder .mix .image { position: relative; display: block; overflow: hidden; width: 100%; -moz-transform: translateZ(0px); -webkit-transform: translateZ(0px); } .projects_holder article .image img { position: relative; display: block; width: 100%; z-index: 100; } .projects_holder article .image img, .portfolio_slider .portfolio_slides li.item img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .3s ease-in-out; -moz-transition: -moz-transform .3s ease-in-out; -ms-transition: -ms-transform .3s ease-in-out; -o-transition: -o-transform .3s ease-in-out; transition: transform .3s ease-in-out; } .projects_holder.hover_text.no_space article .image img { margin: 0 1px; } .projects_holder article .image_holder:hover .image img, .portfolio_slider .portfolio_slides li.item:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .projects_holder article .image_holder, .projects_holder article .portfolio_description { display: block; position: relative; } .projects_holder article .portfolio_description { padding: 20px 0 22px; text-align: center; background-color: #fff; border-style: none; border-top: none!important; border-width: 1px; border-color: #fefefe; } .projects_holder article .portfolio_description.text_align_left { text-align: left; } .projects_holder article .portfolio_description.text_align_center { text-align: center; } .projects_holder article .portfolio_description.text_align_right { text-align: right; } .standard_no_space.projects_holder article .portfolio_description { margin: 0 -1px 0 0; } .projects_holder article .portfolio_description .portfolio_title { display: block; margin: 0 0 7px 0; } .portfolio_slider .image_holder .separator.small { margin: 10px auto; background-color: #fff; } .projects_holder article .hover_feature_holder_title .separator.small, .projects_masonry_holder article .hover_feature_holder_title .separator.small { background-color: #fff; margin-top: 10px; margin-bottom: 10px; } .projects_holder article .portfolio_description .separator.small { margin-top: 10px; margin-bottom: 10px; } .wpb_column>.wpb_wrapper .portfolio_slider .image_holder .separator.small { background-color: #fff; } .portfolio_slider .image_holder .separator.small.transparent { background-color: transparent!important; } .projects_holder.hover_text article .hover_feature_holder_title .separator { background-color: #fff; } .projects_holder.hover_text article .hover_feature_holder_title .portfolio_title a, .projects_holder.hover_text article span.text_holder span.text_inner .hover_feature_holder_title .project_category { color: #fff; } .projects_holder.hover_text article span.text_holder span.text_inner .hover_feature_holder_title .project_category { font-weight: 500; } .projects_holder.hover_text article .hover_feature_holder_title .portfolio_title { margin: 0 0 7px; } .projects_holder article .portfolio_description .project_category, .projects_holder.hover_text article .project_category { line-height: 22px; display: block; font-size: 13px; font-weight: 500; } .portfolio_single .portfolio_like { position: relative; display: inline-block; cursor: pointer; padding: 0; } .portfolio_single .dots { padding: 0 7px 0 4px; } .portfolio_single .dots i { font-size: 3px; vertical-align: middle; } .portfolio_single .portfolio_like a { display: block; font-size: 13px; line-height: 13px; text-align: center; } .portfolio_single .portfolio_like span { line-height: 19px; } .portfolio_slider .portfolio_like a:hover i, .portfolio_slider .portfolio_like span { color: #e0e0e0; } .projects_holder article .portfolio_like a, .projects_holder article .portfolio_like:hover a { color: #fff; } .projects_holder article span.text_holder { background-color: #000; background-color: rgba(21, 21, 21, 0.78); bottom: 0; display: inline-block; height: 100%; left: 0; opacity: 0; position: absolute; transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; visibility: visible; overflow: hidden; width: 100%; z-index: 200; } .touch .projects_holder article span.text_holder { display: none!important; height: 0!important; width: 0!important; opacity: 0!important; visibility: hidden!important; } .projects_holder article:hover span.text_holder { height: 100%!important; } .projects_holder article .image_holder:hover span.text_holder { opacity: 1; filter: alpha(opacity=100); } .projects_holder.hover_text.with_mask article .image_holder:hover .image_hover { opacity: 0; filter: alpha(opacity=0); } .projects_holder article span.text_holder span.text_outer { display: table; text-align: center; vertical-align: middle; width: 100%; height: 100%; overflow: hidden; } .projects_holder article span.text_holder span span.text_inner { display: table-cell; text-align: center; vertical-align: middle; width: 100%; height: 100%; margin: 0; padding: 0; } .projects_holder article span.text_holder span span.text_inner .project_category { color: #a6a6a6; display: block; font-size: 13px; line-height: 22px; } .projects_holder article .feature_holder, .projects_holder article .feature_holder .feature_holder_icons { display: inline-block; } .projects_holder.hover_text article .feature_holder { width: 100%} .projects_holder.hover_text article .feature_holder .feature_holder_icons { margin: 20px 0 0 0; } .portfolio_slider, .portfolio_slides .image_holder { position: relative; display: block; -webkit-backface-visibility: hidden; } .portfolio_slides .image_pixel_hover { position: absolute; height: 100%; width: 100%; display: block; background-color: transparent; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: 100; } .touch .portfolio_slides .image_pixel_hover { display: none!important; } .portfolio_slides li:hover .image_pixel_hover { background-color: #000; background-color: rgba(21, 21, 21, 0.78); } .portfolio_slides .image_holder .image { position: relative; display: block; overflow: hidden; width: 100%; -webkit-transition: -webkit-transform .4s; -moz-transition: -moz-transform .4s; transition: transform .4s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .portfolio_slides .hover_feature_holder { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 101; } .touch .portfolio_slides .hover_feature_holder { display: none!important; } .portfolio_slides .hover_feature_holder_icons { position: relative; opacity: 0; text-align: center; display: inline-block; width: 100%; margin: 0 0 30px; -webkit-transition: opacity .4s ease-in-out .1s; -moz-transition: opacity .4s ease-in-out .1s; -o-transition: opacity .4s ease-in-out .1s; -ms-transition: opacity .4s ease-in-out .1s; transition: opacity .4s ease-in-out .1s; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); display: none; } .portfolio_slides li:hover .hover_feature_holder_icons { opacity: 1; } .portfolio_slides .hover_feature_holder_icons_inner { display: inline-block; position: relative; } .portfolio_slides .hover_feature_holder_outer { position: relative; opacity: 1!important; top: 0; height: 100%; display: table; width: 100%} .portfolio_slides .hover_feature_holder_inner { height: 100%; width: 100%; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; opacity: 0; display: table-cell; vertical-align: middle; padding: 0 5%; text-align: center; color: #fff; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .portfolio_slides .hover_feature_holder_inner .portfolio_title { text-transform: uppercase; letter-spacing: 1px; } .portfolio_slides .hover_feature_holder_inner .portfolio_title a { color: #fff; } .portfolio_slides .hover_feature_holder_inner .qbutton { margin-top: 24px; margin-left: 5px; margin-right: 5px; } .portfolio_slides .hover_feature_holder_inner .qbutton:hover { border-color: #1abc9c; } .portfolio_slides li:hover .hover_feature_holder_inner { opacity: 1; } .projects_holder.hover_text article .image_holder { overflow: hidden; } .projects_holder.hover_text.no_space article .image_holder { margin: 0 -1px; } .projects_holder article a.lightbox, .projects_holder article a.preview, .projects_holder article .portfolio_like, .portfolio_slider a.lightbox, .portfolio_slider a.preview, .portfolio_slider .portfolio_like { position: relative; display: inline-block; margin: 0 0 5px 0; -webkit-backface-visibility: hidden; } .projects_holder article a.lightbox, .portfolio_slider a.lightbox { margin: 0 10px 0 0; } .projects_holder article .portfolio_like, .portfolio_slider .portfolio_like { margin: 0 0 0 10px; } .projects_holder article .portfolio_like i, .portfolio_slider .portfolio_like i { line-height: 20px; margin: 4px 0 0 0; } .portfolio_like .qode-like-count span { display: none; } .projects_holder article .portfolio_like .qode-like-count, .portfolio_slider article .portfolio_like .qode-like-count { font-size: 13px; line-height: 13px; color: #fff; } .projects_holder .filler { display: inline-block; height: 0; } .projects_holder.v6 .mix, .projects_holder.v6.hover_text .mix { width: 15.7%; margin: 0 0 1.2%} .projects_holder.v6.hover_text .mix { margin: 0 0 1.7%} .projects_holder.v6 .filler, .projects_holder.v6.hover_text .filler { width: 15.7%} .projects_holder.v6.standard_no_space .mix, .projects_holder.v6.hover_text.no_space .mix { width: 16.66%; margin: 0; } .projects_holder.v6.standard_no_space .mix { margin: 0; } .projects_holder.v6.standard_no_space .filler, .projects_holder.v6.hover_text.no_space .filler { width: 16.66%} .safari_browser .projects_holder.v6.standard_no_space .mix, .safari_browser .projects_holder.v6.hover_text.no_space .mix { width: 16.6%} .safari_browser .projects_holder.v6.standard_no_space .filler, .safari_browser .projects_holder.v6.hover_text.no_space .filler { width: 16.6%} .projects_holder.v5 .mix, .projects_holder.v5.hover_text .mix { width: 18%; margin: 0 0 2.9%} .projects_holder.v5.hover_text .mix { margin: 0 0 2%} .projects_holder.v5 .filler, .projects_holder.v5.hover_text .filler { width: 18.5%} .projects_holder.v5.standard_no_space .mix, .projects_holder.v5.hover_text.no_space .mix { width: 19.99%; margin: 0; } .projects_holder.v5.standard_no_space .mix { margin: 0; } .projects_holder.v5.standard_no_space .filler, .projects_holder.v5.hover_text.no_space .filler { width: 19.99%} .safari_browser .projects_holder.v5.standard_no_space .mix, .safari_browser .projects_holder.v5.hover_text.no_space .mix { width: 19.93%} .safari_browser .projects_holder.v5.standard_no_space .filler, .safari_browser .projects_holder.v5.hover_text.no_space .filler { width: 19.93%} .projects_holder.v4 .mix, .projects_holder.v4.hover_text .mix { width: 23.5%; margin: 0 0 2.5%} .projects_holder.v4.hover_text .mix { margin: 0 0 2.2%} .projects_holder.v4 .filler, .projects_holder.v4.hover_text .filler { width: 23.5%} .projects_holder.v4.standard_no_space .mix, .projects_holder.v4.hover_text.no_space .mix { width: 24.99%; margin: 0; } .projects_holder.v4.standard_no_space .mix { margin: 0; } .projects_holder.v4.standard_no_space .filler, .projects_holder.v4.hover_text.no_space .filler { width: 24.99%} .projects_holder.v3 .mix, .projects_holder.v3.hover_text .mix { width: 32%; margin: 0 0 2.4%} .projects_holder.v3.hover_text .mix { margin: 0 0 2.2%} .projects_holder.v3 .filler, .projects_holder.v3.hover_text .filler { width: 32%} .projects_holder.v3.standard_no_space .mix, .projects_holder.v3.hover_text.no_space .mix { width: 33.32%; margin: 0; } .projects_holder.v3.standard_no_space .mix { margin: 0; } .projects_holder.v3.standard_no_space .filler, .projects_holder.v3.hover_text.no_space .filler { width: 33.32%} .safari_browser .projects_holder.v3.standard_no_space .mix, .safari_browser .projects_holder.v3.hover_text.no_space .mix { width: 33.3%} .safari_browser .projects_holder.v3.standard_no_space .filler, .safari_browser .projects_holder.v3.hover_text.no_space .filler { width: 33.3%} .projects_holder.v2 .mix, .projects_holder.v2.hover_text .mix { width: 49%; margin: 0 0 2.4%} .projects_holder.v2.hover_text .mix { margin: 0 0 2.1%} .projects_holder.v2 .filler, .projects_holder.v2.hover_text .filler { width: 49%} .projects_holder.v2.standard_no_space .mix, .projects_holder.v2.hover_text.no_space .mix { width: 49.99%; margin: 0; } .projects_holder.v2.standard_no_space .mix { margin: 0; } .projects_holder.v2.standard_no_space .filler, .projects_holder.v2.hover_text.no_space .filler { width: 49.99%} .portfolio_paging, .portfolio_paging_loading { text-align: center; margin: 40px 0 0; } .portfolio_paging_loading { display: none; } .portfolio_with_space .portfolio_paging, .portfolio_with_space .portfolio_paging_loading { margin: 15px 0 0; } .filter_outer { display: block; position: relative; height: 37px; margin: -30px 0 40px; text-align: center; } .vertical_menu_enabled .full_width .filter_outer { margin: 0 0 40px; } .filter_holder { display: inline-block; } .filter_holder ul { display: inline-block; list-style: none; } .filter_holder ul li { cursor: pointer; display: block; margin: 0; float: left; text-align: center; } .filter_holder ul li span { display: inline-block; padding: 0 22px; position: relative; letter-spacing: 1px; text-transform: uppercase; font-weight: 600; } .filter_holder ul li.active span { color: #1abc9c!important; } .filter_holder ul li:hover span { color: #1abc9c!important; } .projects_masonry_holder { opacity: 0; } .projects_masonry_holder .portfolio_masonry_item, .projects_masonry_holder .portfolio_masonry_item.large_height { width: 33.33%} .projects_masonry_holder .portfolio_masonry_item.large_width, .projects_masonry_holder .portfolio_masonry_item.large_width_height { width: 66.66%} .full_width .projects_masonry_holder .portfolio_masonry_item, .full_width .projects_masonry_holder .portfolio_masonry_item.large_height { width: 19.96%} .full_width .projects_masonry_holder .portfolio_masonry_item.large_width, .full_width .projects_masonry_holder .portfolio_masonry_item.large_width_height { width: 39.92%} .projects_masonry_holder:after, .projects_masonry_holder .portfolio_masonry_item:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; } .projects_masonry_holder .image_holder img { vertical-align: top; width: 100%; height: auto; } .projects_masonry_holder .image_holder { margin: 0 -1px 0 0; } .projects_masonry_holder .text_holder { position: absolute; top: 0; left: 0; width: 100.2%; height: 100%; background-color: rgba(0, 0, 0, 0.8); text-align: center; transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; visibility: visible; overflow: hidden; z-index: 200; opacity: 0; filter: alpha(opacity=0); } .projects_masonry_holder .text_holder .text_outer { display: table; text-align: center; vertical-align: middle; width: 100%; height: 100%; overflow: hidden; } .projects_masonry_holder .text_holder .text_inner { display: table-cell; text-align: center; vertical-align: middle; width: 100%; height: 100%; margin: 0; padding: 0; } .projects_masonry_holder article.portfolio_masonry_item:hover .text_holder { opacity: 1; filter: alpha(opacity=100); } .projects_masonry_holder .portfolio_title { margin: 0 0 7px; } .projects_masonry_holder .portfolio_title a { color: #fff; } .projects_masonry_holder .project_category { font-weight: 500; color: #fff; } .projects_masonry_holder .feature_holder_icons { margin: 20px 0 0 0; display: inline-block; } .projects_masonry_holder .feature_holder { width: 100%; display: inline-block; } .projects_masonry_holder a.lightbox { margin: 0 10px 0 0; } .projects_masonry_holder .portfolio_like { margin: 0 0 0 10px; } .projects_masonry_holder .portfolio_like a, .projects_masonry_holder .portfolio_like:hover a { color: #fff; } .masonry_with_space .projects_holder { position: relative; opacity: 0; } .masonry_with_space .projects_holder .mix { display: block; padding: 0 7px; margin: 0 0 14px 0!important; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .masonry_with_space .projects_holder.v6 .mix { width: 16.66%} .masonry_with_space .projects_holder.v5 .mix { width: 20%} .masonry_with_space .projects_holder.v4 .mix { width: 25%} .masonry_with_space .projects_holder.v3 .mix { width: 33.33%} .masonry_with_space .projects_holder.v2 .mix { width: 49.99%} .q_tabs { display: block; visibility: hidden; } .q_tabs .tabs-nav { list-style: none outside none; margin: 0; overflow: hidden; padding: 0; display: inline-block; position: relative; } .q_tabs .tabs-nav li { margin: 0; overflow: hidden; padding: 0; position: relative; display: inline-block; float: left; } .q_tabs .tabs-nav li a { height: 40px; line-height: 40px; display: block; margin: 0; padding: 0 14px; font-size: 13px; text-decoration: none; font-style: normal; color: #b4b4b4; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .q_tabs .tabs-nav li.active a { color: #303030; } .q_tabs .tabs-nav li.active a:hover, .q_tabs .tabs-nav li a:hover { color: #1abc9c; } .q_tabs.horizontal.center { text-align: center; } .q_tabs.horizontal.left { text-align: left; } .q_tabs.horizontal.right { text-align: right; } .q_tabs.horizontal .tabs-container { padding-top: 4px; text-align: left; } .q_tabs.horizontal.right .tabs-container { text-align: right; } .q_tabs.horizontal .tabs-nav li:first-child a { padding-left: 0; } .q_tabs.vertical .tabs-nav { width: 24.02957486136784%; margin: 0; } .q_tabs.vertical.right .tabs-nav { float: right; } .q_tabs.vertical.left .tabs-nav { float: left; } .q_tabs.vertical .tabs-nav li { display: block; width: 100%} .q_tabs.vertical .tabs-nav li a { text-align: center; height: auto; line-height: normal; padding: 13px 17px; } .q_tabs.vertical .tabs-nav li.active a { border: 2px solid #e3e3e3; padding: 11px 14px 11px 14px; position: relative; z-index: 100; } .q_tabs.vertical.left .tabs-nav li.active a { border-right-color: #fff; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .q_tabs.vertical.right .tabs-nav li.active a { border-left-color: #fff; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .q_tabs.vertical .tabs-container { width: 73.68576709796673%} .q_tabs.vertical.left .tabs-container { float: left; text-align: left; } .q_tabs.vertical.right .tabs-container { float: right; text-align: right; } .q_tabs.vertical .tab-content { position: relative; z-index: 50; } .q_tabs.vertical.left .tab-content { padding-left: 17px; border-left: 2px solid #e3e3e3; left: -2px; } .q_tabs.vertical.right .tab-content { padding-right: 17px; border-right: 2px solid #e3e3e3; right: -2px; } .q_tabs.boxed { text-align: left; } .q_tabs.boxed .tabs-nav { display: block; } .q_tabs.boxed .tabs-nav li a { border-bottom: 0; position: relative; z-index: 200; } .q_tabs.boxed .tabs-nav li.active a { position: relative; z-index: 100; line-height: 40px; height: 40px; padding: 0 12px; border: 2px solid #e3e3e3; border-bottom-color: #fff; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; } .q_tabs.boxed .tabs-container { overflow: hidden; text-align: left; padding: 19px 0 0; border-top: 2px solid #e3e3e3; position: relative; top: -2px; z-index: 50; } .q_accordion_holder { position: relative; display: block; visibility: hidden; margin: 0 0 30px; } .q_accordion_holder.accordion.with_icon { border-top: 1px solid #eaeaea; } .q_accordion_holder.accordion .ui-accordion-header { cursor: pointer; position: relative; display: block; line-height: 2em; min-height: 45px; padding: 0; margin: 0 0 5px; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); box-sizing: border-box; } .q_accordion_holder.accordion h3.ui-accordion-header { padding-top: 3px; } .q_accordion_holder.accordion h4.ui-accordion-header { padding-top: 5px; } .q_accordion_holder.accordion h5.ui-accordion-header { font-size: 14px; padding-top: 9px; } .q_accordion_holder.accordion h6.ui-accordion-header { padding-top: 10px; } .q_accordion_holder.accordion.with_icon h3.ui-accordion-header { padding-bottom: 3px; } .q_accordion_holder.accordion.with_icon h4.ui-accordion-header { padding-bottom: 5px; } .q_accordion_holder.accordion.with_icon h5.ui-accordion-header { padding-bottom: 9px; } .q_accordion_holder.accordion.with_icon h6.ui-accordion-header { padding-bottom: 10px; } .q_accordion_holder.accordion.with_icon .ui-accordion-header { line-height: 3em; min-height: 3em; margin: 0; border: 1px solid #eaeaea; border-top: 0!important; -webkit-transition: border-bottom .3s ease-in-out; -moz-transition: border-bottom .3s ease-in-out; -o-transition: border-bottom .3s ease-in-out; -ms-transition: border-bottom .3s ease-in-out; } .q_accordion_holder.accordion .ui-accordion-header, .q_accordion_holder.accordion.with_icon .ui-accordion-header { -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; color: #303030; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; } .q_accordion_holder.accordion .ui-accordion-header:hover { color: #1abc9c; } .q_accordion_holder.accordion.with_icon .ui-accordion-header:last-child { border-bottom: 0!important; } .q_accordion_holder.accordion.with_icon .ui-accordion-header span.tab-title { width: 72%; line-height: 1.5625em; margin: .85em 0 .85em 20px; display: inline-block; } .q_accordion_holder.accordion.without_icon .ui-accordion-header span.tab-title { padding: 0 0 0 63px; display: block; } .q_accordion_holder.accordion.with_icon .ui-state-active { border-bottom-color: transparent; -webkit-transition: border-bottom .3s ease-in-out; -moz-transition: border-bottom .3s ease-in-out; -o-transition: border-bottom .3s ease-in-out; -ms-transition: border-bottom .3s ease-in-out; } .q_accordion_holder.accordion.with_icon .ui-state-active, .q_accordion_holder.accordion .ui-state-active { -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; } .q_accordion_holder.accordion.with_icon .ui-accordion-header-active, .q_accordion_holder.with_icon div.accordion_content { background-color: #fbfbfb; } .q_accordion_holder.accordion.with_icon .ui-accordion-header div.icon-wrapper, .q_accordion_holder .ui-accordion-header .accordion_mark { float: left; line-height: 3.25em; position: relative; top: .09375em; } .q_accordion_holder.accordion.without_icon .ui-accordion-header div.icon-wrapper { display: none!important; } .q_accordion_holder.accordion.with_icon .ui-accordion-header i { margin: 0 0 0 15px; font-size: 18px; color: #1abc9c; } .q_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon { display: block; width: 41px; height: 41px; background-image: url(img/plus.png); background-repeat: no-repeat; background-position: center; } .q_accordion_holder.with_icon .ui-accordion-header.ui-state-active .accordion_icon_mark { background-image: url(img/minus.png); } .q_accordion_holder.accordion .ui-accordion-header .accordion_mark { display: block; width: 45px; height: 45px; border: 2px solid #e3e3e3; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background-color: transparent; transition: background-color .3s ease-in-out; box-sizing: border-box; } .q_accordion_holder.accordion .ui-accordion-header .accordion_mark:hover { background-image: url('img/button-bg-px.png')!important; } .q_accordion_holder.accordion .ui-accordion-header .accordion_mark.left_mark { position: absolute; top: 0; left: 0; } .q_accordion_holder.accordion .ui-accordion-header .accordion_mark.right_mark { position: absolute; right: .65em; top: .65em; } .q_accordion_holder.accordion.without_icon .ui-accordion-header .accordion_mark.right_mark, .q_accordion_holder.accordion.with_icon .ui-accordion-header .accordion_mark.left_mark { display: none; } .q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark_icon { background-image: url(img/minus.png); } .q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark { background-color: #e3e3e3; transition: background-color .3s ease-in-out; } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:150/100), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:160dpi) { .q_accordion_holder.with_icon .accordion_icon_mark, .q_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon { -o-background-size: 9px 9px; -webkit-background-size: 9px 9px; -moz-background-size: 9px 9px; background-size: 9px 9px; background-image: url('img/plus@1_5x.png'); } .q_accordion_holder.with_icon .ui-accordion-header.ui-state-active .accordion_icon_mark, .q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark_icon { -o-background-size: 9px 9px; -webkit-background-size: 9px 9px; -moz-background-size: 9px 9px; background-size: 9px 9px; background-image: url('img/minus@1_5x.png'); } }@media only screen and (-webkit-min-device-pixel-ratio:2.0), only screen and (min--moz-device-pixel-ratio:2.0), only screen and (-o-min-device-pixel-ratio:200/100), only screen and (min-device-pixel-ratio:2.0), only screen and (min-resolution:210dpi) { .q_accordion_holder.with_icon .accordion_icon_mark, .q_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon { -o-background-size: 9px 9px; -webkit-background-size: 9px 9px; -moz-background-size: 9px 9px; background-size: 9px 9px; background-image: url('img/plus@2x.png'); } .q_accordion_holder.with_icon .ui-accordion-header.ui-state-active .accordion_icon_mark, .q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark_icon { -o-background-size: 9px 9px; -webkit-background-size: 9px 9px; -moz-background-size: 9px 9px; background-size: 9px 9px; background-image: url('img/minus@2x.png'); } }.q_accordion_holder.accordion div.accordion_content { padding: 0 0 0 63px; margin: 0; } .q_accordion_holder.with_icon div.accordion_content { padding: 0 0 0 50px; border: 1px solid #eaeaea; border-top: 0; } .q_accordion_holder.accordion.with_icon div.accordion_content.no_icon { padding: 0 0 0 22px; } .q_accordion_holder.accordion div.accordion_content_inner { padding: 8px 0 25px; display: block; } .q_accordion_holder.with_icon div.accordion_content_inner { padding: 10px 27px 19px 0; } .q_accordion_holder.accordion.boxed .ui-accordion-header { text-align: center; background-color: #e3e3e3; } .q_accordion_holder.boxed .ui-accordion-header .accordion_mark { display: none; } .q_accordion_holder.boxed div.accordion_content { padding-left: 26px; } .q_accordion_holder.boxed div.accordion_content_inner { padding-top: 20px; } .highlight { background-color: #1abc9c; color: #fff; padding: 0 3px; } .testimonials_holder { text-align: center; } .testimonials { position: relative; } .testimonials .testimonial_container { overflow: hidden; width: 100%; background-color: transparent; text-align: left; margin: 0 0 16px; } .testimonials_holder .flex-direction-nav { display: block; position: static; } .testimonials_holder .flex-direction-nav li { display: inline-block; height: 30px; margin-top: 37px; } .testimonials_holder .flex-direction-nav li:first-child { margin-right: 5px; } .testimonials_holder .flex-direction-nav li:last-child { margin-left: 4px; } .testimonials_holder .flex-direction-nav a { position: relative; width: 30px; height: 30px; border: 2px solid #303030; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; opacity: 1; background-color: transparent; text-indent: -9999px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .testimonials_holder .flex-direction-nav a:hover { background-color: #303030; } .testimonials_holder.light .flex-direction-nav a { border-color: #fff; } .testimonials_holder.light .flex-direction-nav a:hover { background-color: #1abc9c; border-color: #1abc9c; } .testimonials_holder.light .flex-direction-nav a:before { color: #fff; } .testimonials_holder .flex-direction-nav a:before { font-family: 'FontAwesome', sans-serif; position: absolute; height: 26px; width: 26px; line-height: 26px; top: 0; left: 0; color: #000; text-indent: 0; font-size: 16px; } .testimonials_holder .flex-direction-nav a:hover:before { color: #fff; } .testimonials_holder .flex-direction-nav a.flex-prev:before { content: '\f104'} .testimonials_holder .flex-direction-nav a.flex-next:before { content: '\f105'} .testimonials_holder.full_width { background: 0; } .content .testimonial_content .container .container_inner { padding: 0; } .testimonial_text_holder { position: relative; display: block; } .testimonials .author_image_holder { margin-left: 15px; position: relative; } .author_image_holder .image_holder { border-radius: 3em; border: 1px solid #eaeaea; width: 60px; height: 60px; display: inline-block; float: left; margin: 0 15px 0 0; overflow: hidden; } .testimonials .testimonial_text_inner p.testimonial_author { font-size: 13px; color: #303030; margin-top: 22px; font-weight: 500; } .testimonials .testimonial_text_inner p.testimonial_author span.author_company { color: #1abc9c; } .testimonial_content_inner .testimonial_author .website { color: #303030; font-weight: 300; display: block; } .testimonial_content_inner .testimonial_author h4 { color: #00a8e8; } .testimonial_text_inner .testimonial_name { display: block; } .testimonial_content_inner .testimonial_author .company_position { color: #1abc9c; } .testimonials .testimonial_text_inner { display: block; } .testimonials .testimonial_text_inner p { line-height: 1.666666666666667em; font-size: 21px; } .testimonials_holder.standard .testimonials .testimonial_text_inner { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .testimonials_holder.full_width .testimonials .testimonial_text_inner { border-left: none; border-right: 0; position: relative; text-align: center; } .testimonials_holder.full_width .testimonials .testimonial_text_inner p { margin: 0 0 19px; } .testimonial_arrow { width: 20px; height: 20px; display: inline-block; margin: 0 0 0 -10px; z-index: 999; position: relative; overflow: hidden; left: 45px; bottom: 11px; background-color: #fbfbfb; border-width: 0 1px 1px 0; border-style: solid; border-color: #eaeaea; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .testimonials.transparent .testimonial_text_inner { background-color: transparent!important; padding: 0; border: 0; } .testimonial_image_holder { text-align: center; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -o-border-radius: 60px; display: inline-block; position: relative; overflow: hidden; height: 47px; width: 47px; } blockquote { position: relative; padding: 14px 14px 14px 10px; border-left: 4px solid transparent; } blockquote h5 { line-height: 1.5625em; text-transform: none; font-size: 21px; letter-spacing: normal; font-weight: 400; margin: 0!important; } blockquote.with_quote_icon h5 { padding: 0 0 0 40px; } blockquote i.pull-left { font-size: 22px; color: #c1c0c0; margin: 6px 0 0!important; } .gallery_holder { display: block; position: relative; } .wpb_image_grid .gallery_holder { width: 100.1%} .gallery_holder ul { list-style: none; display: block; width: 100%; position: relative; margin: 0; padding: 0; } .gallery_holder ul li { position: relative; display: block; float: left; overflow: hidden; } .gallery_holder ul li a { display: block; position: relative; -webkit-backface-visibility: hidden; } .gallery_holder ul li a { display: block; overflow: hidden; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); } .wpb_image_grid .gallery_holder ul li a { margin-right: -1px; margin-bottom: -1px!important; } .gallery_holder ul li a img { display: block; width: 100%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .gallery_holder ul li.grayscale a img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: gray; filter: grayscale(100%); filter: url(img/desaturate.svg#grayscale); } .gallery_holder ul li.grayscale:hover a img { -webkit-filter: grayscale(0); filter: none; } .gallery_holder ul li:hover a img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } .gallery_holder ul li .gallery_hover { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: inline-block; background-color: #000; background-color: rgba(0, 0, 0, 0.81); visibility: visible; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .4s; -moz-transition: opacity .4s; -o-transition: opacity .4s; -ms-transition: opacity .4s; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); -webkit-backface-visibility: hidden; z-index: 1000; } .gallery_holder ul li:hover .gallery_hover { opacity: 1; filter: alpha(opacity=100); } .gallery_holder ul li .gallery_hover i { position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; font-size: 30px; color: #fff; width: 30px; height: 30px; line-height: 30px; text-align: center; display: inline-block; } .gallery_holder ul.v5 li, .wpb_gallery_slides .gallery_holder ul.v5 li { width: 20%; margin: 0; } .gallery_holder ul.v4 li, .wpb_gallery_slides .gallery_holder ul.v4 li { width: 25%; margin: 0; } .gallery_holder ul.v3 li, .wpb_gallery_slides .gallery_holder ul.v3 li { width: 33.33333333333333%; margin: 0; } .gallery_holder ul.v2 li, .wpb_gallery_slides .gallery_holder ul.v2 li { width: 50%; margin: 0; } .wpb_content_element.wpb_single_image img { vertical-align: middle; } .q_dropcap { position: relative; display: inline-block; float: left; height: 48px; width: 48px; line-height: 48px; font-size: 23px; color: #1abc9c; text-align: center; margin: 5px 20px 0 0; border: 1px solid transparent; } .q_dropcap.circle, .q_dropcap.square { margin: 5px 20px 0 0; font-size: 22px; background-color: #1abc9c; border: 1px solid transparent; color: #fff; font-weight: 300; } .q_dropcap.normal { font-weight: 700; position: relative; left: 8px; } .q_dropcap.circle { -webkit-border-radius: 2em; -moz-border-radius: 2em; -ms-border-radius: 2em; -o-border-radius: 2em; border-radius: 2em; } .q_dropcap.square { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .q_message { position: relative; padding: 26px 30px; color: #fff; background-color: #1abc9c; } .q_message .q_message_inner { position: relative; } .q_message.with_icon .q_message_icon_holder { float: left; padding: 0 27px 0 0; } .q_message.with_icon .q_message_icon { display: table; height: 100%} .q_message.with_icon .q_message_icon_inner { display: table-cell; height: 100%; vertical-align: middle; } .q_message.with_icon>i { line-height: 1em; } .q_message.with_icon img { float: left; } .q_message a.close { position: absolute; top: -19px; right: -23px; line-height: 13px; color: #fff; } .q_message a.close i { width: 14px; height: 14px; display: inline-block; background-repeat: no-repeat; background-position: center; } .q_message .message_text { display: table; height: 100%; font-weight: 700; font-size: 18px; text-transform: uppercase; letter-spacing: 1px; } .q_message .message_text_holder { padding: 0 20px 0 0; } .q_message .message_text_inner { display: table-cell; height: 100%; vertical-align: middle; } .q_message.with_icon .message_text_holder { padding: 0 20px 0 0; } .q_price_table { position: relative; width: 100%; padding: 0; color: #fff; border-top: 1px solid #ebebeb; margin-left: 2.5%; float: left; } .qode_pricing_tables.two_columns .q_price_table { width: 48.75%} .qode_pricing_tables.three_columns .q_price_table { width: 31.666666666666668%} .qode_pricing_tables.four_columns .q_price_table { width: 23.125%} .qode_pricing_tables .q_price_table:first-child { margin-left: 0; } .q_price_table .price_table_inner { background-color: #262626; position: relative; } .q_price_table.active .active_text { position: absolute; top: 0; left: 0; width: 100%; text-align: center; background-color: #1abc9c; font-size: 13px; line-height: 31px; } .q_price_table.active .price_table_inner>ul { padding: 31px 0 0; margin: -31px 0; } .price_table_inner ul { list-style: none outside none; margin: 0; padding-left: 0!important; } .price_table_inner ul li { text-align: center; margin: 0; padding: 2px 20px 13px; } .price_table_inner ul li.pricing_table_content { padding: 20px 27px 10px; } .price_table_inner ul li.pricing_table_content li { font-size: 13px; } .price_table_inner ul li.pricing_table_content li:last-child { border-bottom: 0; } .price_table_inner ul li.prices { padding-top: 0; padding-bottom: 3px; } .price_table_inner ul li.table_title { padding: 25px 25px 3px; } .price_table_inner ul li.table_title .title_content { color: #fff; font-weight: 700; font-size: 17px; } .price_in_table { text-align: center; } .price_in_table .value { font-size: 20px; font-weight: 600; vertical-align: top; position: relative; top: 17px; } .price_in_table .price { font-size: 83px; line-height: 1em; padding: 0 3px; font-weight: 200; vertical-align: middle; } .price_in_table .mark { vertical-align: bottom; position: relative; font-size: 16px; font-weight: 600; text-transform: uppercase; top: 10px; } .price_table_inner .price_button { padding: 0 0 32px; } .price_button .qbutton { margin: 0 7px; } .q_icon_with_title { display: block; position: relative; } .q_icon_with_title .icon_holder { float: left; display: inline-block; position: relative; z-index: 2; } .q_icon_with_title .icon_text_holder .icon_title { display: block; margin: 0 0 1.08em; font-weight: 600; } .q_icon_with_title.large .icon_text_holder .icon_title { margin-bottom: .35em; } .q_icon_with_title .icon_with_title_link { display: inline-block; margin: 13px 0 0; color: #1abc9c; } .q_icon_with_title .icon_with_title_link:hover { color: #303030; } .q_icon_with_title .icon_holder.q_icon_animation, .box_holder_icon_inner.q_icon_animation { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; -webkit-backface-visibility: hidden; } .q_icon_with_title .icon_holder.q_icon_animation.q_show_animation, .box_holder_icon_inner.q_icon_animation.q_show_animation { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); } .q_icon_with_title .icon_holder .fa-stack, .box_holder_icon_inner .fa-stack, .q_font_awsome_icon_square, .q_font_awsome_icon_stack i.fa-stack-base { border: 2px solid #c0c0c0; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -ms-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; -webkit-backface-visibility: hidden; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .q_font_awsome_icon_stack i.fa-stack-base { border: 0; } .q_icon_with_title .icon_text_holder { position: relative; } .q_icon_with_title span.fa-stack i:last-child, .q_box_holder.with_icon span.fa-stack i:last-child { font-size: .7em; color: #c0c0c0; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -ms-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s ease-in-out; } .q_icon_with_title.circle span.fa-stack i:last-child { font-size: .9em; } .q_icon_with_title span.fa-stack.custom-font i:last-child { font-size: .7em; } .q_icon_with_title .icon_text_inner { padding: 0 0 18px; } .q_icon_with_title .icon_title_holder { display: table; width: 100%; height: 100%; margin: 0 0 12px; } .q_icon_with_title .icon_title_holder .icon_holder { display: table-cell; text-align: center; height: 100%; vertical-align: middle; float: none; padding: 0 15px 0 0; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .q_icon_with_title .icon_title_holder .icon_holder span { position: relative; top: 2px; } .q_icon_with_title .icon_text_holder .icon_title_holder .icon_title { display: table-cell; margin: 0; vertical-align: middle; width: 100%} .q_font_awsome_icon_square i { color: #fff; } .q_font_awsome_icon_stack i:last-child { color: #fff; } .qode_icon_shortcode.fa-stack a { display: inline-block; width: 100%; height: 100%} .touch .no_animation_on_touch .q_icon_animation { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); } .q_icon_with_title.center { text-align: center; } .q_icon_with_title.center.center .icon_holder { float: none; display: block; margin: 0 0 20px; } .q_icon_with_title.icon_image.center .icon_holder { margin: 0 0 13px; } .q_icon_with_title.center .icon_holder { width: 100%!important; } .q_icon_with_title.center .icon_holder .font_awsome_icon i { color: #7b7b7b; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .q_icon_with_title.center .icon_holder .font_awsome_icon i:hover { color: #1abc9c; } .q_icon_with_title.boxed .icon_holder .fa-stack, .q_font_awsome_icon_square { background-color: #1abc9c; border-radius: 4px; text-align: center; -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; -webkit-backface-visibility: hidden; } .q_box_holder.with_icon .box_holder_icon_inner .fa-stack i.fa-stack-base { color: #1abc9c; -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; -webkit-backface-visibility: hidden; } .q_icon_with_title.square .icon_holder .fa-stack, .box_holder_icon_inner.square .fa-stack { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; line-height: 1.7em; } .q_font_awsome_icon_square { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .q_icon_with_title.square .icon_holder .fa-stack:hover, .box_holder_icon_inner.square .fa-stack:hover, .box_holder_icon_inner.circle .fa-stack:hover, .circle .icon_holder .fa-stack:hover { background-color: #1abc9c; border-color: transparent!important; } .q_font_awsome_icon_stack .fa-circle, .q_icon_with_title.boxed .icon_holder .fa-stack { color: #1abc9c; -webkit-transition: color .4s ease-in-out; -moz-transition: color .4s ease-in-out; -o-transition: color .4s ease-in-out; transition: color .4s ease-in-out; } .q_icon_with_title.circle .icon_holder .fa-stack:hover i.fa-circle, .q_font_awsome_icon_stack:hover .fa-circle, .q_box_holder.with_icon .box_holder_icon_inner .fa-stack:hover i.fa-stack-base { color: #f3f3f3!important; } .q_icon_with_title.boxed .icon_holder .fa-stack { -webkit-transition: background-color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; } .q_icon_with_title.circle .icon_holder .fa-stack:hover i:last-child, .q_font_awsome_icon_stack:hover i:last-child, .q_icon_with_title.boxed .icon_holder .fa-stack:hover i, .q_box_holder.with_icon span.fa-stack:hover i:last-child, .q_icon_with_title.square .icon_holder .fa-stack:hover i, .box_holder_icon_inner.square:hover i, .q_font_awsome_icon_square:hover i { color: #fff; } .q_box_holder.with_icon .tiny span.fa-stack i:last-child { top: 1px; } .q_icon_with_title.with_border_line .icon_text_inner { border-bottom: 1px solid #fbfbfb; } .q_icon_with_title.tiny .icon_text_holder { padding: 0 0 0 44px; } .q_icon_with_title.small .icon_text_holder { padding: 0 0 0 46px; } .q_icon_with_title.left_from_title .icon_text_holder { padding: 0; } .q_icon_with_title.medium .icon_holder, .q_icon_with_title.tiny.square .icon_holder, .q_icon_with_title.small.square .icon_holder { text-align: center; } .q_icon_with_title.tiny.square .icon_text_holder, .q_icon_with_title.medium .icon_text_holder { padding: 0 0 0 56px; } .q_icon_with_title.large .icon_text_holder { padding: 0 0 0 65px; } .q_icon_with_title.large .icon_holder { text-align: center; } .q_icon_with_title.very_large .icon_text_holder { padding: 0 0 0 84px; } .q_icon_with_title.tiny.boxed .icon_text_holder, .q_icon_with_title.tiny.circle .icon_text_holder, .q_icon_with_title.tiny.icon_image .icon_text_holder { padding: 0 0 0 55px; } .q_icon_with_title.small.square .icon_text_holder, .q_icon_with_title.small.boxed .icon_text_holder, .q_icon_with_title.small.circle .icon_text_holder, .q_icon_with_title.small.icon_image .icon_text_holder { padding: 0 0 0 72px; } .q_icon_with_title.medium.circle .icon_text_holder { padding: 0 0 0 119px; } .q_icon_with_title.medium.boxed .icon_text_holder, .q_icon_with_title.medium.icon_image .icon_text_holder, .q_icon_with_title.medium.square .icon_text_holder { padding: 0 0 0 95px; } .q_icon_with_title.large.boxed .icon_text_holder, .q_icon_with_title.large.circle .icon_text_holder, .q_icon_with_title.large.icon_image .icon_text_holder, .q_icon_with_title.large.square .icon_text_holder { padding: 0 0 0 122px; } .q_icon_with_title.very_large.boxed .icon_text_holder, .q_icon_with_title.very_large.circle .icon_text_holder, .q_icon_with_title.very_large.icon_image .icon_text_holder, .q_icon_with_title.very_large.square .icon_text_holder { padding: 0 0 0 150px; } .q_icon_with_title.left_from_title .icon_text_holder { padding: 0 0 0 0!important; } .q_icon_with_title.left_from_title .icon_text_holder .icon_holder { width: auto!important; } .q_icon_with_title.tiny.center .icon_text_holder, .q_icon_with_title.small.center .icon_text_holder, .q_icon_with_title.medium.center .icon_text_holder, .q_icon_with_title.large.center .icon_text_holder, .q_icon_with_title.very_large.center .icon_text_holder, .q_icon_with_title.tiny.boxed.center .icon_text_holder, .q_icon_with_title.tiny.circle.center .icon_text_holder, .q_icon_with_title.small.boxed.center .icon_text_holder, .q_icon_with_title.small.circle.center .icon_text_holder, .q_icon_with_title.medium.boxed.center .icon_text_holder, .q_icon_with_title.medium.circle.center .icon_text_holder, .q_icon_with_title.large.boxed.center .icon_text_holder, .q_icon_with_title.large.circle.center .icon_text_holder, .q_icon_with_title.very_large.boxed.center .icon_text_holder, .q_icon_with_title.very_large.circle.center .icon_text_holder, .q_icon_with_title.tiny.icon_image.center .icon_text_holder, .q_icon_with_title.small.icon_image.center .icon_text_holder, .q_icon_with_title.medium.icon_image.center .icon_text_holder, .q_icon_with_title.large.icon_image.center .icon_text_holder, .q_icon_with_title.very_large.icon_image.center .icon_text_holder { padding: 0; } .q_icon_with_title.left_from_title .icon_holder { display: block; } .q_icon_with_title.tiny .icon_holder img, .q_icon_with_title.left_from_title.tiny .icon_holder, .q_icon_with_title.left_from_title.small.normal_icon .icon_holder { width: 35px; } .q_icon_with_title.small .icon_holder img, .q_icon_with_title.left_from_title.small .icon_holder, .q_icon_with_title.left_from_title.large.normal_icon .icon_holder { width: 52px; } .q_icon_with_title.medium .icon_holder img, .q_icon_with_title.left_from_title.medium .icon_holder, .q_icon_with_title.left_from_title.very_large.normal_icon .icon_holder { width: 78px; } .q_icon_with_title.large .icon_holder img, .q_icon_with_title.left_from_title.large .icon_holder { width: 104px; } .q_icon_with_title.very_large .icon_holder img, .q_icon_with_title.left_from_title.very_large .icon_holder { width: 130px; } .q_icon_with_title.left_from_title.tiny.normal_icon .icon_holder { width: 25px; } .q_icon_with_title.left_from_title.medium.normal_icon .icon_holder { width: 45px; } .q_font_awsome_icon { display: inline-block; } .q_font_awsome_icon i { color: #1abc9c; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; transition: color .3s ease-in-out; -webkit-backface-visibility: hidden; } .q_font_awsome_icon i:hover { color: #1abc9c; } .q_font_awsome_icon.pull-center { display: block; text-align: center; } .q_font_awsome_icon_square.pull-center, .q_font_awsome_icon_stack.pull-center { display: block; margin: 0 auto!important; } .q_font_awsome_icon.q_icon_animation, .q_font_awsome_icon_square.q_icon_animation, .q_font_awsome_icon_stack.q_icon_animation { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .4s ease; -moz-transition: -moz-transform .4s ease; -o-transition: -o-transform .4s ease; -ms-transition: -ms-transform .4s ease; transition: transform .4s ease; -webkit-backface-visibility: hidden; } .q_font_awsome_icon.q_icon_animation.q_show_animation, .q_font_awsome_icon_square.q_icon_animation.q_show_animation, .q_font_awsome_icon_stack.q_icon_animation.q_show_animation { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); } #back_to_top span, .q_social_icon_holder .fa-stack, .q_icon_with_title.square .icon_holder .fa-stack, .box_holder_icon_inner.square .fa-stack { text-align: center; } .drop_down .wide .second ul li div.flexslider li:nth-child(4n+1) { clear: none; } .drop_down .wide .second ul li .flexslider ul { padding: 0; border: 0; } .drop_down .wide .second ul li ul.flex-direction-nav a { position: absolute; top: 0; border: 0; margin: 0; } .drop_down .wide .second ul li ul.flex-direction-nav { position: absolute; top: 45px; left: 0; overflow: visible; width: 100%} .drop_down .wide .second ul li div.flexslider { margin: 0; } .drop_down .wide .second ul li .flexslider.widget_flexslider ul.flex-direction-nav li { width: 100%} .flexslider.widget_flexslider h3, .drop_down .wide .second ul li ul li .flexslider.widget_flexslider h3, .drop_down .wide .second ul li ul li .flexslider.widget_flexslider h3 a { color: #fff; font-size: 15px; font-weight: 400; line-height: 22px; padding: 10px 0 2px!important; } .flexslider.widget_flexslider ul li h3 a, .drop_down .wide .second .inner ul li.flexslider.widget_flexslider ul li h3 a { color: #000; font-size: 18px; font-weight: 300; line-height: 22px; } .flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev, .drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev { background-color: #000; background-color: rgba(0, 0, 0, 0.4); width: 40px; height: 40px; line-height: 40px; } .drop_down .second .flexslider.widget_flexslider ul.flex-direction-nav i { display: inline; } .drop_down .wide.icons .second .flexslider.widget_flexslider ul.flex-direction-nav i { width: auto; float: none; height: auto; color: #fff; } .flexslider.widget_flexslider ul.flex-direction-nav a.flex-next, .drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider ul.flex-direction-nav a.flex-next { background-color: #000; background-color: rgba(0, 0, 0, 0.4); width: 40px; height: 40px; line-height: 40px; } .flexslider.widget_flexslider ul.flex-direction-nav a.flex-next:hover, .drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider ul.flex-direction-nav a.flex-next:hover, .flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev:hover, .drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev:hover { background-color: #000; } .drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider .menu_recent_post_text { padding: 10px 0; } .drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider .menu_recent_post_text a { display: inline; padding: 0; } .drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider .menu_recent_post_text a:hover { color: #fff; } .drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider a, .drop_down .wide .second ul li .flexslider.widget_flexslider a { padding: 0; margin: 0; } .drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider a i, .drop_down .wide .second ul li .flexslider.widget_flexslider a i { font-size: 20px; } ul.flickr_widget { display: inline-block; position: relative; padding: 0; } ul.flickr_widget li { float: left; margin: 0 5px 5px 0; } ul.flickr_widget li:nth-child(3n) { margin: 0 0 5px; } ul.flickr_widget li a img { float: left; } .menu_recent_post_text { display: block; } .menu_recent_post_text a { display: inline-block!important; color: #fff!important; } .q_progress_bars_icons { display: block; position: relative; opacity: 0; filter: alpha(opacity=0); } .q_progress_bars_icons_inner { position: relative; width: 100%} .q_progress_bars_icons_inner .bar { position: relative; float: left; margin: 0 10px 10px 0; } .q_progress_bars_icons_inner.normal .bar { margin: 0 0 10px; } .q_progress_bars_icons_inner.tiny .bar { height: 39px; width: 39px; } .q_progress_bars_icons_inner.small .bar { width: 56px; height: 56px; } .q_progress_bars_icons_inner.medium .bar { width: 83px; height: 83px; } .q_progress_bars_icons_inner.large .bar { width: 109px; height: 109px; } .q_progress_bars_icons_inner.very_large .bar { width: 135px; height: 135px; } .q_progress_bars_icons_inner .bar .bar_noactive, .q_progress_bars_icons_inner .bar .bar_active { display: inline-block; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 50; } .q_progress_bars_icons_inner .bar.active .bar_noactive { z-index: 100; } .q_progress_bars_icons_inner.square .bar .bar_noactive, .q_progress_bars_icons_inner.square .bar .bar_active { border: 1px solid #d7d7d7; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .q_progress_bars_icons_inner.circle .bar .bar_noactive, .q_progress_bars_icons_inner.circle .bar .bar_active { border: 1px solid #d7d7d7; -webkit-border-radius: 2em; -moz-border-radius: 2em; -ms-border-radius: 2em; -o-border-radius: 2em; border-radius: 2em; } .q_progress_bars_icons_inner.square .bar.active .bar_noactive, .q_progress_bars_icons_inner.square .bar.active .bar_active, .q_progress_bars_icons_inner.circle .bar.active .bar_noactive, .q_progress_bars_icons_inner.circle .bar.active .bar_active { border: 1px solid #1abc9c; } .q_progress_bars_icons_inner.square .bar.active i, .q_progress_bars_icons_inner.circle .bar.active i, .q_progress_bars_icons_inner.normal .bar.active i, .q_progress_bars_icons_inner .bar.active i.fa-circle { color: #1abc9c; } .q_progress_bars_icons_inner.square .bar i, .q_progress_bars_icons_inner.circle .bar i, .q_progress_bars_icons_inner.normal .bar i, .q_progress_bars_icons_inner .bar i.fa-circle { color: #d7d7d7; } .more_facts_outer { position: relative; display: block; height: 0; overflow: hidden; } .more_facts_inner_holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .more_facts_inner { display: inline-block; width: 100%; padding: 70px 0 0; position: relative; } .more_facts_holder { background-color: #f6f6f6; } .more_facts_button { display: block; position: relative; margin: 0; padding: 39px 0 15px; color: #303030; font-size: 19px; line-height: 22px; cursor: pointer; z-index: 90; } .more_facts_button:hover { color: #1abc9c; } .more_facts_button .more_facts_button_text, .more_facts_button .more_facts_button_arrow { display: block; } .more_facts_button .more_facts_button_text { display: block; font-size: 17px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 0 0 5px; } .more_facts_button .more_facts_button_arrow { -webkit-transition: -webkit-transform 300ms ease-in-out; -moz-transition: -moz-transform 300ms ease-in-out; -ms-transition: -ms-transform 300ms ease-in-out; -o-transition: -o-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; } .more_facts_button .more_facts_button_arrow.rotate_arrow { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .more_facts_button_holder { display: block; position: relative; } .more_facts_button_holder.left { text-align: left; } .more_facts_button_holder.center { text-align: center; } .more_facts_button_holder.right { text-align: right; } .ordered ul, .ordered ol { counter-reset: li; display: block; list-style-type: decimal; background-position: left center; background-repeat: no-repeat; margin: 0 0 30px; padding: 0 0 0 20px; } .ordered ol li { margin: 0 0 21px; padding: 0 0 0 4px; color: #303030; } .q_list.normal ul>li { font-weight: 400!important; } .q_list.light ul>li { font-weight: 300!important; } .q_list.bold ul>li { font-weight: 600!important; } .q_list.circle ul, .q_list.number ul { display: block; list-style-type: none; margin: 0; padding: 0; } .q_list.number ul { counter-reset: li; } .q_list.number.circle_number li { padding-left: 43px; margin-bottom: 22px; } .q_list.circle ul>li, .q_list.number ul>li { position: relative; font-weight: 400; margin: 0 0 22px; padding: 0 0 0 22px; color: #303030; } .q_list.circle ul>li:before { position: absolute; left: 0; width: 7px; height: 7px; top: 9px; background-color: #ababab; display: block; content: ''; border-radius: 25px; } .q_list.number ul>li:before { height: 20px; width: 20px; line-height: 20px; display: inline-block; position: absolute; left: 0; top: 1px; padding: 0; color: #1abc9c; text-align: center; content: counter(li, decimal-leading-zero); counter-increment: li; font-weight: 500; } .q_list.number.circle_number ul>li:before { color: #fff; background-color: #1abc9c; border-radius: 2em; height: 31px; width: 31px; line-height: 31px; top: -3px; } .q_list.circle.animate_list ul li, .q_list.number.animate_list ul li { opacity: 0; filter: alpha(opacity = 0); top: -40px; } .touch .no_animation_on_touch .q_list.circle.animate_list ul li, .touch .no_animation_on_touch .q_list.number.animate_list ul li { opacity: 1; filter: alpha(opacity = 100); top: 0; } .q_social_icon_holder { display: inline-block; position: relative; } .q_social_icon_holder.normal_social { margin: 0 6px; } header .header_top .q_social_icon_holder { float: left; margin: 0; width: 32px; } .q_social_icon_holder i.simple_social { color: #bcbcbc; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .q_social_icon_holder:hover i.simple_social { color: #1abc9c; } header .header_top .q_social_icon_holder a { display: block; } header .header_top .q_social_icon_holder:last-child { border-right: 0; } header .header_top .q_social_icon_holder i.simple_social.fa-lg { font-size: 13px; } .q_social_icon_holder .fa-stack { background-color: #e3e3e3; border: 0 solid #f0f0f0; -o-border-radius: 2em; -moz-border-radius: 2em; -webkit-border-radius: 2em; border-radius: 2em; margin: .2307692307692308em; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .q_social_icon_holder .fa-stack .header_top .q_social_icon_holder .fa-stack { background: transparent; border: 0; padding: 0; margin: 0; box-shadow: none; border-radius: 0; font-size: 13px; } .header_top .q_social_icon_holder .fa-stack:hover i { color: #fff; } .q_social_icon_holder .fa-stack i { color: #b9b9b9; -webkit-transition: color .3s ease-out; -moz-transition: color .3s ease-out; -o-transition: color .3s ease-out; transition: color .3s ease-out; } .header_top .q_social_icon_holder .fa-stack i { color: #7b7b7b; } .q_social_icon_holder.circle_social .fa-stack:hover { background-color: #1abc9c; border-color: transparent; } .q_social_icon_holder.circle_social .fa-stack:hover i { color: #fff; } .q_social_icon_holder .fa-stack i.fa-circle { color: #fbfbfb; } .q_social_icon_holder .fa-stack.fa-2x { width: 36px; height: 36px; line-height: 31px; } .q_social_icon_holder .fa-stack i:last-child { font-size: .7692307692307692em; } .q_social_icon_holder .fa-stack.fa-lg i:last-child { font-size: 1em; } .social_share_holder { position: relative; display: inline-block; } .social_share_holder:hover .social_share_title { cursor: pointer; } .social_share_holder:hover .social_share_dropdown { visibility: visible; } .social_share_title { display: inline-block; } .social_share_dropdown { display: block; left: 3px; margin: 0; padding: 10px 0 0 0; position: absolute; top: 100%; width: 35px; visibility: hidden; z-index: 950; } .social_share_dropdown .inner_arrow { display: block; position: absolute; top: -6px; left: 8px; width: 0; height: 0; border-color: transparent transparent #323232 transparent; border-style: solid; border-width: 9px; z-index: 999; } .social_share_dropdown ul { list-style: none; position: relative; display: block; background-color: #323232; z-index: 990; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 4px 0!important; width: 35px; } .page_share { position: relative; } .social_share_dropdown ul li { display: block; position: relative; text-align: center; } .social_share_dropdown ul li.share_title { display: block; text-align: center; color: #fff; background-color: #1abc9c; padding: 10px 20px; } .social_share_dropdown ul li a { display: block; height: 20px; line-height: 20px; padding: 5px 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin: 0!important; } .social_share_dropdown ul li:last-child a { border-bottom: 0; } .social_share_dropdown ul li i { font-size: 17px; width: 22px; height: 22px; line-height: 22px; color: #fff; text-align: center; } .social_share_dropdown ul li img { width: 22px; float: left; margin: 0 13px 0 0; } .social_share_dropdown ul li :hover i { color: #1abc9c; } .social_share_list_holder ul { list-style: none; display: inline-block; } .social_share_list_holder ul li { display: inline; margin-right: 10px; } .social_share_list_holder ul li i { color: #bcbcbc; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .social_share_list_holder ul li i:hover { color: #1abc9c; } .latest_post_holder { display: inline-block; width: 100%} .latest_post_holder.date_in_box .latest_post { padding-left: 85px; } .latest_post_holder.minimal .latest_post { border-bottom: 0; padding-bottom: 0; } .latest_post_holder li:last-child .latest_post { border-bottom: 0; } .latest_post_holder .latest_post_date { float: left; margin-right: 25px; width: 59px; border-radius: 4px; text-align: center; margin-top: 5px; } .latest_post_holder .latest_post_date .post_publish_day { font-size: 22px; color: #fff; height: 39px; line-height: 39px; background-color: #1abc9c; } .latest_post_holder .latest_post_date .post_publish_month { border: 1px solid #eaeaea; background-color: #f4f4f4; color: #303030; font-size: 12px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; height: 18px; line-height: 18px; } .latest_post_holder>ul { list-style: none; display: inline-block; width: 100%; position: relative; margin: 0; padding: 0; } .latest_post_holder>ul>li { display: block; position: relative; padding-top: 15px; } .latest_post_holder.minimal>ul>li { padding-top: 11px; } .latest_post_holder.image_in_box .latest_post_holder>ul>li { padding-top: 15px; } .latest_post_holder>ul>li:first-child { padding-top: 0; } .latest_post_holder.boxes>ul { clear: both; } .latest_post_holder.boxes>ul>li { padding: 0; float: left; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; margin: 0 2% 0 0; background-color: #fff; } .latest_post_holder.boxes.two_columns>ul>li { width: 49%} .latest_post_holder.boxes.three_columns>ul>li { width: 32%} .latest_post_holder.boxes.four_columns>ul>li { width: 23.5%} .latest_post_holder.boxes>ul>li:last-child { margin: 0; } .latest_post_holder.boxes>ul>li .latest_post { padding: 19px 20px 10px; border-top: 0; } .latest_post_holder.boxes>ul>li .latest_post p.excerpt { margin: 10px 0 9px; } .latest_post_holder.boxes>ul>li .latest_post .post_infos>a, .latest_post_holder.boxes>ul>li .latest_post .post_infos>span { display: inline-block; } .latest_post_holder.boxes>ul>li .latest_post .latest-vert-separator { margin-left: 3px; } .latest_post_holder.boxes .boxes_image { overflow: hidden; } .latest_post_holder.boxes .boxes_image a { display: block; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .3s ease-in-out; -moz-transition: -moz-transform .3s ease-in-out; -ms-transition: -ms-transform .3s ease-in-out; -o-transition: -o-transform .3s ease-in-out; transition: transform .3s ease-in-out; -webkit-backface-visibility: hidden; } .latest_post_holder.boxes .boxes_image a img { vertical-align: top; } .latest_post_holder.boxes .boxes_image a:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .latest_post_holder>ul>li .date_hour_holder i { margin-right: 8px; } .latest_post, .latest_post>a, .latest_post a img { display: block; position: relative; } .latest_post_image { width: 95px; float: left; } .latest_post_image img { width: 100%; float: left; } .latest_post_text { display: block; width: auto; } .latest_post_holder.image_in_box .latest_post_text { padding: 0 0 0 116px; } .latest_post_holder.minimal .latest_post_inner { margin: 0 0 0!important; } .latest_post_inner { margin: 0 0 10px!important; } .latest_post_holder.image_in_box .latest_post_text_inner { display: table-cell; vertical-align: middle; } .latest_post_holder.image_in_box .latest_post_inner { display: table; width: 100%; margin: 0 0 0!important; } .latest_post_inner .post_infos { display: block; font-weight: 500; } .latest_post_inner .post_infos a { color: #303030; } .latest_post_inner .post_infos a { margin: 0 7px 0 0; } .latest_post_inner .post_infos a.post_comments { margin: 0; } .latest_post_inner .post_infos a:hover { color: #1abc9c; } .latest_post_holder.minimal .latest_post_inner .post_infos { margin: 0 0 3px 0; } .latest_post_holder.image_in_box .latest_post_text .latest_post_title { margin: -3px 0 2px 0; } .latest_post_holder.image_in_box .latest_post_text .excerpt { margin: 0 0 8px 0; } .latest_post_holder .post_infos .dots { padding: 0 7px 0 7px; } .latest_post_holder .post_infos .dots i { font-size: 3px; vertical-align: middle; } .q_masonry_blog { margin-bottom: 50px; transition: none!important; overflow: visible!important; opacity: 0; filter: alpha(opacity=0); } .q_masonry_blog article, .full_width .grid_section .q_masonry_blog article { width: 31.2%; margin: 0 0 20px; padding: 0; text-align: left; vertical-align: top; z-index: 100; border: 0; background-color: #fff; float: left; display: block; } .full_width .q_masonry_blog article { width: 18.9%; margin-left: .5%; margin-right: .5%} .q_masonry_blog article.format-link:hover, .q_masonry_blog article.format-quote:hover { background-color: #1abc9c; } .q_masonry_blog article.format-link .q_masonry_blog_post_title, .q_masonry_blog article.format-quote .q_masonry_blog_post_title { padding: 0 0 0 60px; } .q_masonry_blog article.format-quote .q_masonry_blog_post_text i.qoute_mark, .q_masonry_blog article.format-link .q_masonry_blog_post_text i.link_mark { margin: 7px 0 0; color: #c0c0c0; font-size: 36px; } .q_masonry_blog article.format-quote .q_masonry_blog_post_text p, .q_masonry_blog article.format-link .q_masonry_blog_post_text p { font-size: 21px; line-height: 35px; color: #303030; } .q_masonry_blog article.format-link:hover .q_masonry_blog_post_info, .q_masonry_blog article.format-link:hover .q_masonry_blog_post_info a, .q_masonry_blog article.format-quote:hover .q_masonry_blog_post_info, .q_masonry_blog article.format-quote:hover .q_masonry_blog_post_info a, .q_masonry_blog article.format-quote:hover .q_masonry_blog_post_text .quote_author, .q_masonry_blog article.format-quote:hover .q_masonry_blog_post_text i.qoute_mark, .q_masonry_blog article.format-link:hover .q_masonry_blog_post_text i.link_mark, .q_masonry_blog article.format-quote:hover .q_masonry_blog_post_text p a, .q_masonry_blog article.format-link:hover .q_masonry_blog_post_text p a { color: #fff; } .two_columns_75_25 .q_masonry_blog article, .two_columns_66_33 .q_masonry_blog article, .two_columns_33_66 .q_masonry_blog article, .two_columns_25_75 .q_masonry_blog article { width: 48%} .q_masonry_blog article:hover { z-index: 200; } .q_masonry_blog article .q_masonry_blog_post_image { margin: 0; width: auto; } .q_masonry_blog article .q_masonry_blog_post_image img { vertical-align: middle; } .q_masonry_blog article .q_masonry_blog_post_info { margin: 15px 0 0 0; color: #303030; } .q_masonry_blog article .q_masonry_blog_post_info a { color: #bebebe; } .q_masonry_blog article .q_masonry_blog_post_info a:hover { color: #1abc9c; } .q_masonry_blog article .quote_author { font-family: inherit; font-weight: 400; display: block; font-size: 21px; line-height: 35px; color: #c0c0c0; } .q_masonry_blog article.format-link .q_masonry_blog_post_info, .q_masonry_blog article.format-quote .q_masonry_blog_post_info { margin: 0 0 20px; } .q_masonry_blog article .q_masonry_blog_post_text { padding: 20px 15px 20px 15px; } .q_masonry_blog article h5 { margin: 0 0 10px; } .q_masonry_blog article .mejs-controls div.mejs-horizontal-volume-slider { margin: 0 10px 0 0; } .q_masonry_blog article .flexslider { margin-bottom: 0; } .blog_holder article { display: inline-block; width: 100%; margin: 0 0 60px; } .blog_holder.masonry article, .blog_holder.masonry_full_width article { display: block; float: left; } .blog_holder.blog_large_image_simple article { margin: 0 0 23px; } .blog_holder.blog_single article { margin: 0; } .blog_holder.blog_small_image article { margin: 0 0 32px; } .single-post .blog_single p { margin-bottom: 22px; } .single-post .blog_single p:last-child { margin-bottom: 0; } .blog_single.blog_holder article .post_text .post_text_inner { padding-left: 0; padding-right: 0; padding-bottom: 0; background-color: transparent; } .blog_single.blog_holder article.format-link .post_text .post_text_inner, .blog_single.blog_holder article.format-quote .post_text .post_text_inner { padding: 23px 23px 35px 23px; background-color: #fff; margin: 0 0 30px 0; } .blog_holder article .post_content_holder { width: 100%} .blog_holder article .post_image, .blog_holder article .post_image>a, .blog_holder article .post_image img { position: relative; width: 100%; display: block; } .blog_holder article .post_text .post_text_inner { padding: 23px 23px 35px 23px; background-color: #fff; } .blog_holder.blog_large_image_simple article .post_text .post_text_inner { background-color: transparent; padding-left: 195px; padding-right: 195px; padding-top: 45px; padding-bottom: 45px; text-align: center; } .blog_holder.masonry article .post_text .post_text_inner, .blog_holder.masonry_full_width article .post_text .post_text_inner { padding: 17px 15px 18px 15px; background-color: #fff; } .blog_large_image_simple .minimalist_date { padding-bottom: 9px; color: #1abc9c; } .blog_large_image_simple .separator.small { margin-top: 22px; } .blog_holder article .post_text h5 { margin: 0 0 10px; } .blog_holder article .post_text h2 .date { color: #bebebe; } .blog_holder article .post_info { display: inline-block; width: 100%; margin: 0 0 18px; color: #bebebe; font-weight: 500; } .blog_holder article .post_info a { color: #bebebe; } .blog_holder article .post_info a:hover { color: #1abc9c; } .blog_holder article.format-quote .post_info, .blog_holder article.format-link .post_info { margin: 0 0 15px; } .blog_holder article .post_info .dots { padding: 0 7px 0 4px; } .blog_holder article .post_info .dots i { font-size: 3px; vertical-align: middle; } .blog_holder article .post_more { margin: 30px 0 0; } .blog_holder article .video .mobile-video-image { background-position: center center; background-repeat: no-repeat; background-size: cover; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; } .blog_holder article .video { position: relative; } .blog_holder article .video .video-wrap { overflow: hidden; position: relative; width: 100%; z-index: 10; } .blog_holder article .video .video-wrap .mejs-poster { background-size: cover!important; -moz-background-size: cover!important; -webkit-background-size: cover!important; -o-background-size: cover!important; width: 100%!important; height: 100%!important; } .blog_holder article .video .video-wrap .mejs-container { background-color: transparent!important; background-image: none!important; height: 100%!important; width: 100%!important; overflow: hidden; } .blog_holder article .video .video-wrap .mejs-mediaelement { background: none!important; border: 0!important; } .blog_holder article .video .video-wrap .mejs-container .mejs-poster img { max-width: none!important; width: 100%!important; } .blog_holder article .mejs-container .mejs-controls { visibility: visible!important; } .blog_holder article .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none!important; } .blog_holder article .post_image .mejs-poster img { display: none!important; } .blog_holder article.format-gallery .flexslider { margin: 0; overflow: hidden; } .portfolio_single .flexslider { overflow: hidden; } .blog_holder.blog_small_image article .post_image, .blog_holder.blog_small_image article .post_text { width: 50%; float: left; margin: 0; } .blog_holder.blog_small_image article .post_text .post_text_inner { padding: 23px 23px 23px 23px; } .grid2 .blog_holder.blog_small_image article .post_comments { margin-left: 0; } .blog_holder article .post_description { margin: 2px 0 10px; } .latest_post_inner .post_comments i { font-size: 16px; color: #adadad; padding: 0 8px 0 0; } .latest_post_inner .post_comments:hover i { color: #1abc9c; } .blog_holder article .post_info .post_info_left a.post_author_avatar { display: inline-block; float: left; padding: 0 10px 0 0; } .blog_holder article .post_info .post_info_left a.post_author { display: inline-block; line-height: 64px; float: left; } .post_author_avatar img { border-radius: 60px; border: 2px solid #eaeaea; } .blog_holder.masonry article .post_description, .blog_holder.masonry_full_width article .post_description { margin: 0 0 4px; } .blog_holder article .post_description a:hover, .blog_holder article .post_description .post_comments:hover { color: #1abc9c; } .blog_like { display: inline-block; } .blog_like a { display: block; line-height: 14px; } .blog_like a i { color: #adadad; font-size: 16px; } .blog_holder.masonry article .blog_like a i, .blog_holder.masonry_full_width article .blog_like a i, .blog_holder.blog_single article .blog_like a i, .blog_holder.blog_large_image article .blog_like a i { display: inline-block; } .blog_like a:hover i, .blog_like a.liked i, .blog_like a:hover span { color: #1abc9c; } .blog_like span { padding: 0 0 0 4px; } .blog_holder.masonry article .blog_like span, .blog_holder.masonry_full_width article .blog_like span, .blog_holder.blog_single article .blog_like span, .blog_holder.blog_large_image article .blog_like span { display: inline-block; padding: 0 0 0 5px; } .blog_holder article .post_info .qbutton.dark { text-transform: none; } .blog_share { display: inline-block; } .blog_holder article.format-quote .post_text i.qoute_mark, .blog_holder article.format-link .post_text i.link_mark { margin: 7px 0 0; color: #c0c0c0; font-size: 36px; } .blog_large_image_simple.blog_holder article.format-quote .post_text i.qoute_mark, .blog_large_image_simple.blog_holder article.format-link .post_text i.link_mark { margin: 20px 0; float: none; } .blog_holder article.format-quote .post_text .post_title, .blog_holder article.format-link .post_text .post_title { padding: 0 0 0 60px; } .blog_large_image_simple.blog_holder article.format-quote .post_text .post_title, .blog_large_image_simple.blog_holder article.format-link .post_text .post_title { padding: 0; } .blog_holder article.format-quote .post_text .post_title p, .blog_holder article.format-link .post_text .post_title p { font-size: 21px; line-height: 35px; color: #303030; } .blog_holder article.format-quote .post_text .quote_author { font-family: inherit; font-weight: 400; display: block; font-size: 21px; line-height: 35px; color: #c0c0c0; } .blog_holder article.format-link .post_text:hover .post_text_inner, .blog_holder article.format-quote .post_text:hover .post_text_inner { background-color: #1abc9c!important; } .blog_holder article.format-link .post_text:hover .post_text_inner, .blog_holder article.format-quote .post_text:hover .post_text_inner { border-color: #1abc9c!important; } .blog_holder article.format-link .post_text:hover .post_info, .blog_holder article.format-link .post_text:hover .post_info a, .blog_holder article.format-quote .post_text:hover .post_info, .blog_holder article.format-quote .post_text:hover .post_info a, .blog_holder article.format-quote .blog_like a:hover span, .blog_holder article.format-quote .post_text:hover .quote_author, .blog_holder article.format-quote .post_text:hover i.qoute_mark, .blog_holder article.format-link .post_text:hover i.link_mark, .blog_holder article.format-link .blog_like a:hover span, .blog_holder article.format-quote .post_text:hover p a, .blog_holder article.format-link .post_text:hover p a, .blog_holder.blog_single article.format-quote .post_text:hover p, .blog_holder.blog_single article.format-link .post_text:hover p, .blog_large_image_simple article.format-quote .post_text:hover .minimalist_date, .blog_large_image_simple article.format-link .post_text:hover .minimalist_date { color: #fff; } .blog_holder.blog_single article h2 { display: block; } .blog_load_more_button_holder { text-align: center; padding: 0 0 40px; } .blog_load_more_button_loading { display: none; } .single_links_pages { margin: 50px 0 0; display: block; text-align: center; display: block; text-decoration: none; } .single_links_pages span { position: relative; display: inline-block; width: 38px; height: 38px; line-height: 38px; margin: 0 11px 0 0; text-align: center; color: #303030; text-decoration: none; text-transform: uppercase; cursor: pointer; white-space: nowrap; border: 2px solid #e3e3e3; background-color: #e3e3e3; outline: 0; -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; text-shadow: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .single_links_pages a span { color: #b4b4b4; background-color: transparent; border-color: #e5e5e5; } .single_links_pages a:hover span { background-color: #e3e3e3; border-color: #e3e3e3; color: #303030; } .author_description { display: block; position: relative; margin: 34px 0 0; background-color: #fff; padding: 23px 23px; } .author_description_inner { display: block; } .author_description_inner .image { display: block; width: 75px; height: 75px; float: left; border-radius: 75px; overflow: hidden; } .author_text_holder { padding: 0 0 0 100px; min-height: 100px; position: relative; } .author_text_holder .author_name { display: block; margin: 0 0 4px 0; } .author_text_holder .author_email { display: block; margin: 0 0 6px 0; } .single_tags { margin: 26px 0 0 0; } .single_tags a, .widget .tagcloud a { letter-spacing: 1px; } .single_tags h5 { display: inline-block; } .widget .tagcloud a { display: inline-block; font-size: 13px!important; } .widget .tagcloud a:after { content: ", "} .widget .tagcloud a:last-child:after { content: ""} .blog_social_and_comments { display: inline-block; width: 100%; margin: 0 0 20px; } .comment_number_holder { display: inline-block; float: left; } .blog_single_social { display: inline-block; float: right; } .blog_single_social .blog_like { float: right; margin: 0 0 0 15px; } .comment_holder { padding: 28px 0 38px; margin: 0; } .comment_number_holder .comment_number { color: #000; } .comment_holder .comment_number { margin: 0 0 20px; } .comment_number .comment_number_inner i { position: relative; top: -1px; padding: 0 10px 0 0; } .comment_holder ul.comment-list { list-style: none; position: relative; z-index: 150; padding: 0; } .comment_holder .comment-list { margin: 0; } .comment_holder .comment-list li { display: inline-block; position: relative; width: 100%} .comment_holder .comment-list li ul.children li:last-child { padding: 0; } .comment_holder .comment-list>li { margin: 0 0 18px; } .comment_holder .comment-list>li:last-child { margin: 0; } .comment_holder .comment { padding: 23px; background-color: #fff; } .comment_holder .comment .image { display: block; width: 75px; height: 75px; float: left; border-radius: 75px; overflow: hidden; } .comment_holder .comment .text { padding: 0 0 0 100px; min-height: 80px; position: relative; } .comment_holder .comment .text .name { display: block; color: #303030; } .comment_holder .comment .text .replay, .comment_holder .comment .text .comment-reply-link { color: #1abc9c; font-size: 9px; text-transform: uppercase; font-weight: 700; padding: 0 0 0 5px; } .comment_holder .comment .text .text_holder { display: block; margin: 3px 0 0 0; } .comment_holder .comment .logged-in-as { margin: 10px 0; } .comment_holder .comment .form-submit { margin: 0 0 20px; } .comment_holder .comment-list li ul.children { margin: 18px 0 0 0; padding: 0 0 0 70px; } .comment_holder .comment-list li ul.children li { margin: 0; border-bottom: 0; } #respond h3 { margin: 0 0 15px 0; } #respond h3.comment-reply-title { margin: 0; } #respond small { display: block; margin: 0 0 12px; position: relative; } .comment_holder .comment .comment-respond { margin-top: 20px; } #respond textarea, #respond input[type='text'], .contact_form input[type='text'], .contact_form textarea { width: 100%; margin: 0 0 20px 0; padding: 15px 12px; border: 0; outline: 0; resize: none; font-size: 13px; line-height: 17px; background-color: #fff; color: #818181; font-family: 'Raleway'; font-weight: 400; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #respond textarea { padding: 12px; } .comment_holder #respond textarea, .comment_holder #respond input[type='text'] { background-color: #fff; } .comment_holder .comment #respond textarea, .comment_holder .comment #respond input[type='text'] { background-color: #f6f6f6; } .comment_holder #respond textarea { margin: 0 0 12px; } div.comment_form { display: inline-block; margin: 0 0 30px; width: 100%} div.comment_form form p.form-submit, div.comment_holder .comment p.form-submit { margin: 0; text-align: right; } div.comment_form form p.form-submit .success p { margin: 10px 0 0; } div.comment_form form p.logged-in-as { margin: 0 0 17px; } #cancel-comment-reply-link { margin: 0; display: inline-block; width: 100%} body.page-template-blog-masonry-full-width-php .content .full_width { padding: 0 20px 25px 45px; } body.page-template-blog-masonry-full-width-php.vertical_menu_enabled .content .full_width { padding-left: 305px; } .blog_holder.masonry, .blog_holder.masonry_full_width { margin-bottom: 20px; transition: none!important; overflow: visible!important; opacity: 0; filter: alpha(opacity=0); } #infscr-loading { position: absolute; bottom: -15px; left: 50%} .blog_infinite_scroll_button { display: none; } .blog_holder.masonry article, .blog_holder.masonry_full_width article { width: 31.2%; margin: 0 0 20px; padding: 0; text-align: left; vertical-align: top; z-index: 100; border: 0; } .blog_holder.masonry_full_width article { width: 18.7%} .two_columns_75_25 .blog_holder.masonry article, .two_columns_66_33 .blog_holder.masonry article, .two_columns_33_66 .blog_holder.masonry article, .two_columns_25_75 .blog_holder.masonry article { width: 48%} .blog_holder.masonry article:hover { z-index: 200; } .blog_holder.masonry article .post_image { margin: 0; width: auto; } .blog_holder.masonry article .post_info, .blog_holder.masonry_full_width article .post_info { margin: 15px 0 0 0; color: #303030; } .blog_holder.masonry article.format-link .post_info, .blog_holder.masonry_full_width article.format-link .post_info, .blog_holder.masonry_full_width article.format-quote .post_info, .blog_holder.masonry article.format-quote .post_info { margin: 0 0 20px; } .blog_holder.masonry article .post_text .post_text_innet, .blog_holder.masonry_full_width article .post_text .post_text_innet { padding: 20px 15px 20px 15px; } .blog_holder.masonry article.format-link .post_text, .blog_holder.masonry_full_width article.format-link .post_text, .blog_holder.masonry article.format-quote .post_text, .blog_holder.masonry_full_width article.format-quote .post_text { border: 0; } .blog_holder article.format-quote h3 { margin: 0 0 10px; line-height: 35px; } .blog_holder.masonry article h4, .blog_holder.masonry_full_width article h4 { margin: 0 0 4px; } .blog_holder.masonry article h3 a { font-weight: 300; } .blog_holder.masonry article.format-link .post_text, .blog_holder.masonry_full_width article.format-link .post_text, .blog_holder.masonry_full_width article.format-quote .post_text, .blog_holder.masonry article.format-quote .post_text { padding: 0; } .blog_holder.masonry article .mejs-controls div.mejs-horizontal-volume-slider, .blog_holder.masonry_full_width article .mejs-controls div.mejs-horizontal-volume-slider { margin: 0 10px 0 0; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope { -webkit-transition-property: height; -moz-transition-property: height; -ms-transition-property: height; -o-transition-property: height; transition-property: height; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .pagination { display: inline-block; width: 100%; text-align: center; margin: 0 0 50px; position: relative; } .pagination ul { display: inline-block; list-style-type: none; margin: 0; padding: 0; } .pagination ul li { float: left; } .pagination ul li span, .pagination ul li a { position: relative; display: inline-block; width: 38px; height: 38px; line-height: 38px; margin: 0 11px 0 0; text-align: center; color: #b4b4b4; font-size: 18px; text-decoration: none; text-transform: uppercase; cursor: pointer; white-space: nowrap; border: 2px solid #e5e5e5; outline: 0; -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; text-shadow: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .pagination ul li span, .pagination ul li a:hover { color: #303030; background-color: #e3e3e3; border-color: #e3e3e3; } .google_map_holder { position: relative; } .google_map_ovrlay { position: absolute; z-index: 1000; width: 100%; height: 100%; display: none; } .google_map { display: block; width: 100%; height: 450px; margin: 0 0 25px; } .google_map iframe, .google_map object, .google_map embed { width: 100%; display: block; } .google_map img { max-width: none; } .contact_form h5 { margin: 0 0 18px; } .contact_info .q_social_icon_holder .fa-stack { margin: .2307692307692308em .4615384615384616em .2307692307692308em 0; } .contact-error { display: block; margin: 0; position: relative; top: -20px; } .contact_section { text-align: center; padding: 0 0 55px; } .contact_section.contact_section_position_left { text-align: left; } .contact_section.contact_section_position_right { text-align: right; } .contact_section .separator, .contact_section .separator.small.right, .contact_section .separator.small.left { margin-top: 6px; margin-bottom: 35px; } span.submit_button_contact { display: block; text-align: right; } .contact_form { margin: 0 0 50px; } .contact_detail.map_grid .google_map { margin: 0 0 35px; } .header-widget.widget_nav_menu { padding: 0 15px 0 0; position: relative; font-size: 12px; } .header-widget.widget_nav_menu ul ul { display: none; height: auto; border-top: 0; background-color: #262626; z-index: 1010; position: absolute; top: 33px; left: -1px; width: 180px; padding: 0; } .header-widget.widget_nav_menu ul li:hover ul { display: block; } .header-widget.widget_nav_menu ul li { list-style: none; } .header-widget.widget_nav_menu ul.menu>li { display: inline-block; float: left; position: relative; } .header-widget.widget_nav_menu ul.menu li a { display: inline-block; padding: 0 0 0 15px; color: #777; } .header-widget.widget_nav_menu ul.menu>li.menu-item-has-children>a:after { content: "\f107"; font-family: 'FontAwesome', sans-serif; margin-left: 5px; } .header-widget.widget_nav_menu ul.menu li a:hover { color: #1abc9c; } .header-widget.widget_nav_menu ul.menu li ul li a { color: #9d9d9d; display: block; white-space: nowrap; font-size: 11px; font-weight: 600; line-height: 38px; padding: 0 15px; border-bottom: 1px solid #303030; text-transform: uppercase; } .header-widget.widget_nav_menu ul.menu li ul li:last-child a { border-bottom: 0; } .header-widget ul.menu li:last-child { margin-right: 0; } .header-left-from-logo-widget, .header-right-from-logo-widget { display: block; height: 100%; position: absolute; top: 0; left: 0; padding: 0 50px; } .header-right-from-logo-widget { left: auto; right: 0; } header .container_inner .header-left-from-logo-widget, header .container_inner .header-right-from-logo-widget { padding: 0; } .header-left-from-logo-widget-inner, .header-right-from-logo-widget-inner { display: table; height: 100%} .header-left-from-logo-widget-inner2, .header-right-from-logo-widget-inner2 { display: table-cell; height: 100%; vertical-align: middle; } header.sticky .header-left-from-logo-widget, header.sticky .header-right-from-logo-widget { display: none; } .container aside { position: relative; z-index: 11; } aside .widget a, .side_menu a, .side_menu .widget li { font-weight: 400; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } aside .widget a:hover { color: #1abc9c; } .side_menu .widget a:hover, .side_menu .widget li:hover, .side_menu .widget li:hover>a { color: #fff; } aside .widget ul, .side_menu .widget ul { list-style: none; padding: 0; } aside .widget li, .side_menu .widget li { margin: 0 0 10px; } aside .widget li:last-child, .side_menu .widget li:last-child { margin: 0; } .widget.widget_rss li a.rsswidget, #wp-calendar caption { color: #000; } .footer_top .widget.widget_rss li a.rsswidget, .footer_top #wp-calendar caption { color: #fff; } #wp-calendar th, #wp-calendar td { padding: 3px 4px; } #wp-calendar td#today { color: #fff; background-color: #1abc9c; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } #wp-calendar { width: 100%; text-align: center; } .widget.widget_rss li span.rss-date, #wp-calendar caption { margin: 0 0 15px; } .widget.widget_rss li { margin: 0 0 25px; } aside .widget.widget_search { border-bottom: 0; padding: 0; } aside .widget h5 { margin-bottom: 14px; } aside .widget.posts_holder li { padding: 7px 0 7px 0; margin: 0; } aside .widget.posts_holder li.page_item_has_children>ul.children li:last-child, aside .widget.posts_holder li.menu-item-has-children>ul.sub-menu li:last-child { border-bottom: 0; } aside .widget.posts_holder li:hover { color: #1abc9c; } aside .widget.posts_holder li.page_item_has_children>ul.children, aside .widget.posts_holder li.menu-item-has-children>ul.sub-menu { padding-left: 10px; } aside .widget.posts_holder li.page_item_has_children>a, aside .widget.posts_holder li.menu-item-has-children>a { display: block; } aside .widget a { color: inherit; } aside .widget { margin: 0 0 42px; } aside .widget_nav_menu .sub-menu, aside .widget_pages .children { margin-left: 20px; margin-top: 6px; } .side_menu { background-color: #1b1b1b; height: 100%; min-height: 100%; overflow: hidden; padding: 30px; position: fixed; top: 0; right: -270px; width: 210px; z-index: 90; visibility: hidden; } .side_menu h5, .side_menu h6 { margin: 0 0 12px 0; color: #fff; } .side_menu .widget li { position: relative; } .side_menu .widget ul li.page_item_has_children, .side_menu .widget ul li.menu-item-has-children { padding-right: 0; border-bottom: 0; } .side_menu .widget ul ul { padding: 6px 0 0 20px; } .side_menu .widget { margin: 0 0 43px; } .side_menu a, .side_menu li, .side_menu span, .side_menu p, .side_menu .widget.widget_rss li a.rsswidget, .side_menu #wp-calendar caption, .side_menu #wp-calendar th, .side_menu #wp-calendar td { color: #818181; } .side_menu .side_menu_title { display: block; margin: 0 0 12px; } .side_menu .widget.widget_nav_menu li:last-child, .side_menu .widget.widget_nav_menu li a { margin: 0; } .side_menu a.close_side_menu { display: inline-block; position: absolute; top: 29px; right: 25px; width: 13px; height: 13px; line-height: 13px; background-image: url('img/close_side_menu.png'); background-repeat: no-repeat; z-index: 1000; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .side_menu a.close_side_menu:hover { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); } @media only screen and (-webkit-min-device-pixel-ratio:2.0), only screen and (min--moz-device-pixel-ratio:2.0), only screen and (-o-min-device-pixel-ratio:200/100), only screen and (min-device-pixel-ratio:2.0), only screen and (min-resolution:210dpi) { .side_menu a.close_side_menu { background-image: url("img/close_side_menu@2x.png"); -o-background-size: 13px 13px; -webkit-background-size: 13px 13px; -moz-background-size: 13px 13px; background-size: 13px 13px; } }@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:150/100), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:160dpi) { .side_menu a.close_side_menu { background-image: url("img/close_side_menu@2x.png"); -o-background-size: 13px 13px; -webkit-background-size: 13px 13px; -moz-background-size: 13px 13px; background-size: 13px 13px; } }.side_menu.dark a.close_side_menu { background-image: url('img/close_side_menu_dark.png'); } @media only screen and (-webkit-min-device-pixel-ratio:2.0), only screen and (min--moz-device-pixel-ratio:2.0), only screen and (-o-min-device-pixel-ratio:200/100), only screen and (min-device-pixel-ratio:2.0), only screen and (min-resolution:210dpi) { .side_menu.dark a.close_side_menu { background-image: url("img/close_side_menu_dark@2x.png"); -o-background-size: 13px 13px; -webkit-background-size: 13px 13px; -moz-background-size: 13px 13px; background-size: 13px 13px; } }@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:150/100), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:160dpi) { .side_menu.dark a.close_side_menu { background-image: url("img/close_side_menu_dark@2x.png"); -o-background-size: 13px 13px; -webkit-background-size: 13px 13px; -moz-background-size: 13px 13px; background-size: 13px 13px; } }.footer_top .widget.widget_nav_menu li { margin: 0; line-height: 22px; } .widget.widget_archive select, .widget.widget_categories select, .widget.widget_text select { width: 100%; overflow: hidden; border: 1px solid transparent; font-size: 13px; background-color: #fff; outline: 0; color: #818181; font-family: inherit; padding: 2px 4%; height: 37px; } .widget #searchform { display: inline-block; width: 100%; overflow: hidden; background-color: #fff; } .footer_top .widget #searchform { background-color: transparent; border: 1px solid #6a6a6a; } .header_top #searchform { padding: 0 10px; height: 33px; } .widget.widget_search form.form_focus { border-color: #1abc9c; } .widget.widget_search form input[type="submit"], .header_top #searchform input[type="submit"] { width: 37px; height: 37px; line-height: 37px; display: inline-block; margin: 0; padding: 0 4%; outline: 0; border: 0; text-decoration: none; background-color: transparent; color: #b9b9b9; font-family: 'FontAwesome', sans-serif; cursor: pointer; white-space: nowrap; float: right; -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; } .footer_top .widget #searchform input[type="submit"] { color: #6a6a6a; } .header_top #searchform input[type="submit"] { width: 22px; height: 25px; line-height: 25px; margin: 4px 0 0; background: 0; } .widget.widget_search form .screen-reader-text, .header_top #searchform .screen-reader-text { display: none; } .widget.widget_search form input[type="text"], .header_top #searchform input[type="text"] { display: inline-block; text-decoration: none; border: 0; outline: 0; color: #adadad; background-color: transparent; font-family: inherit; margin: 0; padding: 2px 4%; width: 74%; height: 33px; float: left; } .footer_top .widget #searchform input[type="text"] { color: #6a6a6a; } .header_top #searchform input[type="text"] { height: 29px; font-size: 12px; } .side_menu .widget #searchform input[type="text"], .footer_top .widget.widget_search form input[type="text"] { width: 70%!important; } .widget .tagcloud { display: inline-block; width: 100%} .widget .tagcloud a { margin: 0 0 3px 0; } .side_menu .widget .tagcloud a { color: #fff; } footer { display: block; width: 100%; margin: 0 auto; z-index: 100; position: relative; } footer.uncover { position: fixed; bottom: 0; left: 0; z-index: 99; -webkit-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1); -moz-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1); -o-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1); -ms-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1); transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1); -webkit-backface-visibility: hidden; } .boxed footer { width: 100%!important; box-sizing: border-box; -moz-box-sizing: border-box; } .right_side_menu_opened footer.uncover { left: -270px; } footer .container_inner { position: relative; } .footer_top_holder { display: block; background-color: #262626; } .footer_top { padding: 72px 0 52px; } .footer_top.footer_top_full { padding: 48px 24px; } .footer_top h5 { color: #fff; margin: 0 0 22px; } .footer_top ul { list-style: none; } .footer_top a, .footer_top p, .footer_top span, .footer_top li, .footer_top .textwidget { color: #818181; word-wrap: break-word; } .footer_top a { -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; } .footer_top a:hover { color: #fff!important; } .footer_top .four_columns .column2 .column_inner>div, .footer_top .three_columns .column2 .column_inner>div, .footer_top .two_columns_50_50 .column2 .column_inner>div { margin: 0 0 0 15px; } .footer_top .four_columns .column3 .column_inner>div, .footer_top .three_columns .column3 .column_inner>div { margin: 0 0 0 10px; } .footer_top .four_columns .column4 .column_inner>div { margin: 0 0 0 5px; } .footer_top .widget_nav_menu li.menu-item a { margin-bottom: 0; } .footer_top .widget_recent_entries>ul>li, .footer_top .widget_recent_comments>ul>li, .footer_top .widget_meta>ul>li, .footer_top .widget_nav_menu ul li, .footer_top .widget_pages ul li { padding: 0 0 17px; position: relative; } .footer_top .widget_nav_menu ul li ul, .footer_top .widget_pages ul li ul { padding: 0 0 0 10px; } .footer_top .widget_recent_entries>ul>li>a, .footer_top .widget_pages>ul>li>a, .footer_top .widget_meta>ul>li>a, .footer_top .widget_nav_menu ul li a, .footer_top .widget_recent_comments>ul>li>a, .footer_top .widget_recent_entries>ul>li>span { display: block; } .footer_top .widget_recent_entries>ul>li>span { color: #9d9d9d; } .footer_bottom_holder { display: block; background-color: #1b1b1b; } .footer_bottom { display: table-cell; text-align: center; font-size: 12px; line-height: 22px; height: 53px; width: 1%; vertical-align: middle; } .footer_bottom p, .footer_bottom span { margin: 0; } .footer_bottom .footer_text_title { display: none; } .footer_bottom ul { list-style: none; text-align: center; } .footer_bottom ul li { display: inline-block; margin-right: 46px; } .footer_bottom ul li:last-child { margin-right: 0; } .footer_bottom ul li a { color: #fff; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; font-size: 13px; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .footer_bottom ul li a:hover { color: #818181; } .footer_top .q_social_icon_holder i.simple_social { margin-right: 16px; } .footer_top .q_social_icon_holder i.simple_social, .side_menu .q_social_icon_holder i.simple_social { color: #818181; } .footer_top .q_social_icon_holder:hover i.simple_social, .side_menu .q_social_icon_holder:hover i.simple_social { color: #fff!important; } .footer_top .q_social_icon_holder.normal_social { margin: 0; } .footer_top .q_social_icon_holder:last-child i.simple_social { margin-right: 0; } .footer_top .q_social_icon_holder i.simple_social { -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } #back_to_top { color: #cdcdcd; height: auto; position: fixed; bottom: 65px; margin: 0; z-index: 10000; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; right: 25px; opacity: 0; filter: alpha(opacity=0); visibility: hidden; -webkit-backface-visibility: hidden; } #back_to_top.off { opacity: 0; filter: alpha(opacity=0); right: 25px; } #back_to_top.on { opacity: 1; filter: alpha(opacity=100); visibility: visible; right: 25px; } #back_to_top .hover { display: none; } #back_to_top span { width: 52px; height: 52px; line-height: 52px; text-decoration: none; -o-border-radius: 52px; -moz-border-radius: 52px; -webkit-border-radius: 52px; border-radius: 52px; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; border: 2px solid #e8e8e8; background: transparent; } #back_to_top span i { font-size: 22px; -webkit-transition: color .2s ease 0s; -moz-transition: color .2s ease 0s; -o-transition: color .2s ease 0s; color: #b0b0b0; line-height: 52px; } #back_to_top:hover span { background-color: #e8e8e8; } .right_side_menu_opened #back_to_top { display: none; } .q_steps_holder { width: 100%; text-align: center; } .q_steps_holder_inner { position: relative; display: inline-block; } .q_steps_holder .circle_small, .q_steps_holder .circle_small_inner { width: 192px; height: 192px; } .q_steps_holder .circle_small_wrapper { margin: 0 auto; border-radius: 530px; border: 2px solid transparent; border-top: 2px solid #1abc9c; width: 193px; height: 192px; } .q_steps_holder .circle_small { margin: 0 auto; border: 1px solid #c7c7c7; color: #666; font-family: inherit; font-size: 26px; border-radius: 500px; text-align: center; } .q_steps_holder .circle_small:hover span, .q_steps_holder .circle_small:hover .step_title { color: #1abc9c!important; } .q_steps_holder .circle_small_inner { display: table-cell; vertical-align: middle; } .q_steps_holder .circle_small_inner span { font-size: 50px; font-weight: 500; line-height: 50px; } .q_steps_holder a.circle_small_inner { color: #666; } .q_steps_holder a.circle_small_inner:hover { color: inherit; } .q_steps_holder .circle_small span { display: block; margin-bottom: 5px; -webkit-transition: color .2s ease 0s; -moz-transition: color .2s ease 0s; -o-transition: color .2s ease 0s; } .q_steps_holder .circle_small .step_title { color: #666; letter-spacing: 1px; font-size: 16px; -webkit-transition: color .2s ease 0s; -moz-transition: color .2s ease 0s; -o-transition: color .2s ease 0s; } .q_steps_holder .circle_small_holder p { margin-top: 5px; text-align: center; padding: 0 21px; } .q_steps_holder .circle_small_holder { width: 265px; display: inline-block; } .q_steps_holder .circle_small_holder_inner { position: relative; } .q_steps_holder .circle_small_holder:last-child .circle_small_holder_inner .arrow_holder { background: 0; } .q_steps_holder.show .circle_small_holder { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .q_steps_holder .circle_small_holder { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .q_steps_holder .step1 { left: 40px; top: 85px; -webkit-transition-delay: .5s; -moz-transition-delay: .5s; -ms-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; } .q_steps_holder .step1 .circle_small_wrapper { transform: rotate(-25deg); -ms-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); } .q_steps_holder .step1 .circle_small { transform: rotate(25deg); -ms-transform: rotate(25deg); -webkit-transform: rotate(25deg); } .q_steps_holder .step2 { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } .q_steps_holder .step2 .circle_small_wrapper { transform: rotate(-175deg); -ms-transform: rotate(-175deg); -webkit-transform: rotate(-175deg); } .q_steps_holder .step2 .circle_small { transform: rotate(175deg); -ms-transform: rotate(175deg); -webkit-transform: rotate(175deg); } .q_steps_holder .step3 { -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; -ms-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; } .q_steps_holder .step3 .circle_small_wrapper { transform: rotate(25deg); -ms-transform: rotate(25deg); -webkit-transform: rotate(25deg); } .q_steps_holder .step3 .circle_small { transform: rotate(-25deg); -ms-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); } .q_steps_holder .step4 .circle_small_wrapper { transform: rotate(-170deg); -ms-transform: rotate(-170deg); -webkit-transform: rotate(-170deg); } .q_steps_holder .step4 .circle_small { transform: rotate(170deg); -ms-transform: rotate(170deg); -webkit-transform: rotate(170deg); } .q_steps_holder .step4 { -webkit-transition-delay: 2s; -moz-transition-delay: 2s; -ms-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; } .vc_text_separator.full { padding-bottom: 20px; border-top: 1px solid #eaeaea; margin-top: 20px; border-bottom: 0; } .vc_text_separator.full.separator_align_center { text-align: center; } .vc_text_separator.full.separator_align_right { text-align: right; } .vc_text_separator.full div { padding: 0 35px; line-height: 36px; top: -19px; font-size: 12px; color: #fff; font-weight: 700; background-color: #1abc9c; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border: 1px solid transparent; display: inline-block; position: relative; } .page_not_found { text-align: center; margin: 0 0 83px; } .page_not_found h2 { margin: 40px 0 20px; font-size: 32px; } .page_not_found p { margin: 15px 0 35px; } .custom_font_holder { display: block; position: relative; } body div.pp_default .pp_loaderIcon { background-color: #fff; border-radius: 20px; } div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px; } div.pp_default .pp_top .pp_left { background: url(img/prettyPhoto/sprite.png) -78px -93px no-repeat; } div.pp_default .pp_top .pp_middle { background: url(img/prettyPhoto/sprite_x.png) top left repeat-x; } div.pp_default .pp_top .pp_right { background: url(img/prettyPhoto/sprite.png) -112px -93px no-repeat; } div.pp_default .pp_content .ppt { color: #f8f8f8; } div.pp_default .pp_content_container .pp_left { background: url(img/prettyPhoto/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; } div.pp_default .pp_content_container .pp_right { background: url(img/prettyPhoto/sprite_y.png) top right repeat-y; padding-right: 13px; } div.pp_default .pp_next:hover { background: url(img/prettyPhoto/sprite_next.png) center right no-repeat; cursor: pointer; } div.pp_default .pp_previous:hover { background: url(img/prettyPhoto/sprite_prev.png) center left no-repeat; cursor: pointer; } div.pp_default .pp_expand { background: url(img/prettyPhoto/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_expand:hover { background: url(img/prettyPhoto/sprite.png) 0 -56px no-repeat; cursor: pointer; } div.pp_default .pp_contract { background: url(img/prettyPhoto/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_contract:hover { background: url(img/prettyPhoto/sprite.png) 0 -113px no-repeat; cursor: pointer; } div.pp_default .pp_close { width: 30px; height: 30px; background: url(img/prettyPhoto/sprite.png) 2px 1px no-repeat; cursor: pointer; } div.pp_default .pp_gallery ul li a { background: url(img/prettyPhoto/default_thumb.png) center center #f8f8f8; border: 1px solid #aaa; } div.pp_default .pp_social { margin-top: 7px; } div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; } div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { background: url(img/prettyPhoto/sprite.png) -51px 1px no-repeat; height: 30px; width: 30px; } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; } div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { background: url(img/prettyPhoto/sprite.png) -31px -3px no-repeat; height: 20px; width: 20px; margin: 4px 0 0; } div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } div.pp_default .pp_content_container .pp_details { margin-top: 5px; } div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; } div.pp_default .pp_nav .currentTextHolder { font-family: inherit; color: #999; font-size: 13px; left: 65px; line-height: 25px; position: absolute; top: 2px; margin: 0; padding: 0 0 0 10px; } div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity: .7; } div.pp_default .pp_description { font-size: 15px; font-weight: 300; line-height: 14px; margin: 10px 50px 10px 0; } div.pp_default .pp_bottom .pp_left { background: url(img/prettyPhoto/sprite.png) -78px -127px no-repeat; } div.pp_default .pp_bottom .pp_middle { background: url(img/prettyPhoto/sprite_x.png) bottom left repeat-x; } div.pp_default .pp_bottom .pp_right { background: url(img/prettyPhoto/sprite.png) -112px -127px no-repeat; } div.pp_default .pp_loaderIcon { background: url(img/prettyPhoto/loader.gif) center center no-repeat; } div.pp_pic_holder a:focus { outline: 0; } div.pp_overlay { background-color: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_content { height: 40px; min-width: 40px; } * html .pp_content { width: 40px; } .pp_content_container { position: relative; text-align: left; width: 100%} .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; margin: 10px 0 2px; } .pp_description { display: none; margin: 0; } .pp_social { float: left; margin: 0; } .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; } .pp_social .twitter { float: left; } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0; } .pp_nav p { float: left; white-space: nowrap; margin: 2px 4px; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery div { float: left; overflow: hidden; position: relative; } .pp_gallery ul { float: left; height: 35px; position: relative; white-space: nowrap; margin: 0 0 0 5px; padding: 0; } .pp_gallery ul a { border: 1px rgba(0, 0, 0, 0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; } .pp_gallery li.default a { background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px!important; } a.pp_next { display: block; float: right; height: 100%; text-indent: -10000px; width: 49%} a.pp_previous { display: block; float: left; height: 100%; text-indent: -10000px; width: 49%} a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { position: absolute; right: 0; top: 0; display: block; line-height: 22px; text-indent: -10000px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; position: absolute; top: 50%; width: 24px; margin: -12px 0 0 -12px; } #pp_full_res { line-height: 1!important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px; } div.ppt { color: #fff; display: none; font-size: 17px; z-index: 9999; margin: 0 0 5px 15px; } div.pp_default .pp_content { background-color: #fff; } div.pp_default #pp_full_res .pp_inline { color: #000; } div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a, .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; } div.pp_default .pp_details { position: relative; } .pp_top, .pp_bottom { height: 20px; position: relative; } * html .pp_top, * html .pp_bottom { padding: 0 20px; } .pp_top .pp_left, .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle, .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle, * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_top .pp_right, .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_fade, .pp_gallery li.default a img { display: none; } body div.pp_overlay { opacity: .7!important; } body div.pp_default .pp_content_container .pp_left { background: 0; padding: 0; } body div.pp_default .pp_content_container .pp_right { background: 0; padding: 0; } body div.pp_default .pp_top, body div.pp_default .pp_top .pp_middle, body div.pp_default .pp_top .pp_left, body div.pp_default .pp_top .pp_right, body div.pp_default .pp_bottom, body div.pp_default .pp_bottom .pp_left, body div.pp_default .pp_bottom .pp_middle, body div.pp_default .pp_bottom .pp_right { background: 0; display: none; } body div.pp_default .pp_expand { display: none!important; } body div.pp_default .pp_content { background: 0; } body a.pp_next, body a.pp_previous { background: none!important; opacity: 0; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } body div.pp_default .pp_content:hover a.pp_next, body div.pp_default .pp_content:hover a.pp_previous { opacity: 1; } body a.pp_next:after { border: 2px solid #fff; border-radius: 50px; color: #fff; content: "\f105"; display: block!important; font-family: 'FontAwesome', serif; font-size: 30px; height: 54px; line-height: 54px; margin: -27px 0 0; position: absolute; right: 25px; text-align: center; top: 50%; width: 54px; text-indent: 0; } body a.pp_previous:after { border: 2px solid #fff; border-radius: 50px; color: #fff; content: "\f104"; display: block!important; font-family: 'FontAwesome', serif; font-size: 30px; height: 54px; line-height: 54px; margin: -27px 0 0; position: absolute; left: 25px; text-align: center; top: 50%; width: 54px; text-indent: 0; } body div.pp_default .pp_content_container .pp_details { opacity: .7; } body div.pp_default .pp_description { display: none!important; } body div.pp_default .pp_nav { float: none; width: auto; margin: 0; } body div.pp_default .pp_nav .currentTextHolder { left: auto; position: relative; float: left; padding: 0 20px; font-family: 'Raleway', sans-serif; font-size: 15px; color: #fff; font-weight: 600; } body .pp_gallery { display: none!important; } body div.pp_default .pp_nav .pp_play, body div.pp_default .pp_nav .pp_pause { display: none; } body div.pp_default a.pp_arrow_previous, body div.pp_default a.pp_arrow_next { background: 0; position: relative; left: 0; } body div.pp_default a.pp_arrow_previous:after { color: #fff; content: "\f104"; font-family: 'FontAwesome', serif; font-size: 20px; height: 20px; line-height: 20px; text-align: center; width: 20px; text-indent: 0; position: absolute; top: 0; left: 0; } body div.pp_default a.pp_arrow_next:after { color: #fff; content: "\f105"; font-family: 'FontAwesome', serif; font-size: 20px; height: 20px; line-height: 20px; text-align: center; width: 20px; text-indent: 0; position: absolute; top: 0; right: 0; } body div.pp_default .pp_close { background: 0; opacity: 1!important; } body div.pp_default .pp_close:after { color: #fff; content: "\f00d"; font-family: 'FontAwesome', serif; font-size: 15px; height: 15px; line-height: 30px; text-align: center; width: 30px; text-indent: 0; position: absolute; top: 0; left: 0; } .mejs-container { position: relative; text-align: left; vertical-align: top; text-indent: 0; height: 40px!important; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color: #fff; } .mejs-container.wp-audio-shortcode { height: 30px!important; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .blog_holder.masonry .mejs-container { border: 0; } .blog_holder.small_images article .post_text .post_inner .mejs-container { margin: 0 0 15px; } .me-plugin { position: absolute; } .mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; } .mejs-fullscreen { overflow: hidden!important; } .mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; } .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%} .mejs-clear { clear: both; } .mejs-background { position: absolute; top: 0; left: 0; } .mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .blog_holder.masonry .mejs-mediaelement { border: 0; } .mejs-poster { position: absolute; top: 0; left: 0; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } :root .mejs-poster img { display: none; } .mejs-poster img { border: 0; padding: 0; border: 0; } .mejs-overlay { position: absolute; top: 0; left: 0; } .mejs-overlay-play { cursor: pointer; } .mejs-container .mejs-controls { position: absolute; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; height: 40px; width: 100%} .mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 35px; height: 40px; border: 0; } .mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 14px 15px 13px 15px; padding: 0; position: absolute; width: 12px; height: 13px; border: 0; background: transparent; } .no-svg .mejs-controls .mejs-button button { background-image: url(img/audio/controls.png); } .mejs-controls .mejs-button button:focus { outline: 0; } .mejs-container .mejs-controls .mejs-time { color: #000; display: block; height: 40px; width: auto; padding: 0; overflow: hidden; text-align: center; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .mejs-container .mejs-controls .mejs-time span { color: #000; font-size: 13px; font-weight: 400; line-height: 40px; display: block; float: left; margin: 0; width: auto; } .mejs-controls .mejs-play button { background-image: url(img/audio/play.png); background-repeat: no-repeat; background-position: center; } .mejs-controls .mejs-pause button { background-image: url(img/audio/pause.png); background-repeat: no-repeat; background-position: center; } .mejs-controls .mejs-stop button { background-image: url(img/audio/stop.png); background-repeat: no-repeat; background-position: center; } .mejs-controls div.mejs-time-rail { direction: ltr; width: 200px; } .mejs-controls .mejs-time-rail span { display: block; position: absolute; width: auto; height: 8px; margin: 16px 15px; cursor: pointer; } .mejs-controls .mejs-time-rail .mejs-time-total { background-color: #ddd; } .mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background-image: -o-linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(224, 222, 222, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(224, 222, 222, 0.15)), color-stop(0.75, rgba(224, 222, 222, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; background-size: 15px 15px; -webkit-animation: buffering-stripes 2s linear infinite; -moz-animation: buffering-stripes 2s linear infinite; -ms-animation: buffering-stripes 2s linear infinite; -o-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; } @-webkit-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } }@-moz-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } }@-ms-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } }@-o-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } }@keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } }.mejs-controls .mejs-time-rail .mejs-time-loaded { width: 0; margin: 0; } .mejs-controls .mejs-time-rail .mejs-time-current { background-color: #1abc9c; margin: 0; } .mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background-color: #1abc9c; cursor: pointer; top: 0; text-align: center; } .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; width: 36px; height: 15px; top: -35px; margin-left: -18px; text-align: center; color: #000; } .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; } .mejs-controls .mejs-time-rail .mejs-time-float-corner { display: none; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 48px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { width: 44px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 18px; } .mejs-controls .mejs-volume-button { background-image: url(img/audio/sound.png); background-repeat: no-repeat; background-position: center; } .mejs-controls .mejs-mute button { background-image: url(img/audio/sound.png); background-repeat: no-repeat; background-position: center; } .mejs-controls .mejs-unmute button { background-image: url(img/audio/mute.png); background-repeat: no-repeat; background-position: center; } .mejs-controls .mejs-volume-button { position: relative; } .mejs-controls .mejs-volume-button button { width: 18px; height: 16px; margin: 12px 6px 12px 11px; } .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background-image: url(img/audio/sound.png); background-repeat: no-repeat; background-position: center; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; cursor: N-resize; margin: 0; } .mejs-controls div.mejs-horizontal-volume-slider { height: 40px; width: 45px; position: relative; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 16px; width: 35px; height: 8px; margin: 0; padding: 0; font-size: 1px; background-color: #ddd; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 16px; width: 40px; height: 8px; margin: 0; padding: 0; font-size: 1px; background-color: #1abc9c; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; } .me-cannotplay a { color: #fff; font-weight: bold; } .me-cannotplay span { padding: 15px; display: block; } .mejs-controls .mejs-loop-off button { background-position: -64px -16px; } .mejs-controls .mejs-loop-on button { background-position: -64px 0; } .mejs-controls .mejs-backlight-off button { background-position: -80px -16px; } .mejs-controls .mejs-backlight-on button { background-position: -80px 0; } .q_pie_graf_holder, .q_line_graf_holder { display: block; position: relative; overflow: hidden; } .q_pie_graf, .q_line_graf { margin: 0 22px 0 0; float: left; } .q_pie_graf_legend { position: relative; float: left; width: 40%} .q_line_graf_legend { position: relative; float: left; width: 20%} .q_pie_graf_legend ul, .q_line_graf_legend ul { list-style: none; padding: 0; } .q_pie_graf_legend ul li, .q_line_graf_legend ul li { display: block; margin: 0 0 10px 0; } .q_pie_graf_legend ul li .color_holder, .q_line_graf_legend ul li .color_holder { width: 25px; height: 25px; background-color: #1abc9c; float: left; } .q_pie_graf_legend ul li p, .q_line_graf_legend ul li p { line-height: 25px; margin: 0; padding: 0 0 0 50px; } .header_top .right #lang_sel ul ul img.iclflag, .header_top .right #lang_sel_click ul ul img.iclflag { float: right; top: 11px; margin-right: 0; margin-left: 15px; } .header_top .left #lang_sel ul ul img.iclflag, .header_top .left #lang_sel_click ul ul img.iclflag { float: left; top: 11px; } .header_top .right #lang_sel ul ul, .header_top .right #lang_sel_click ul ul { left: auto; right: 0; } .header_top #lang_sel_click ul ul { padding: 5px 15px!important; } .header_top .right #lang_sel ul ul li, .header_top .right #lang_sel_click ul ul li { width: 100%; text-align: right; } .header_top .left #lang_sel ul ul li, .header_top .left #lang_sel_click ul ul li { width: 100%} .header_top #lang_sel ul ul li img.iclflag, .header_top #lang_sel_click ul ul li img.iclflag { position: relative; top: 11px; } .header_top #lang_sel li, .header_top #lang_sel_click li { width: auto; } .header_top #lang_sel, .header_top #lang_sel_click { font-family: inherit; float: left; padding: 0; z-index: 1000; height: 33px; position: relative; } .header_top #lang_sel ul>li>a, .header_top #lang_sel_click ul>li>a { width: auto; float: none; padding: 0 15px!important; } .header_top #lang_sel>ul>li:hover, .header_top #lang_sel_click>ul>li:hover { border-bottom: none!important; } .header_top #lang_sel>ul>li>a, .header_top #lang_sel_click>ul>li>a { color: #777!important; line-height: 33px!important; height: 33px; z-index: 2500; font-size: 13px; } .header_top #lang_sel>ul>li>a:hover, .header_top #lang_sel_click>ul>li>a:hover { color: #1abc9c!important; } .header_top .left #lang_sel>ul>li>a, .header_top .left #lang_sel_click>ul>li>a { left: 0; right: auto; } .header_top #lang_sel>ul>li>a:hover, .header_top #lang_sel_click>ul>li>a:hover, .header_top #lang_sel>ul>li:hover>a, .header_top #lang_sel_click>ul>li:hover>a { top: 0; } .header_top #lang_sel ul>li ul>li, .header_top #lang_sel_click ul>li ul>li { padding: 0!important; } .header_top #lang_sel ul>li a.lang_sel_sel, .header_top #lang_sel_click ul>li a.lang_sel_sel { background: 0; line-height: 30px; border: 0; padding: 0; } .header_top .right #lang_sel ul>li a.lang_sel_sel, .header_top .right #lang_sel_click ul>li a.lang_sel_sel { text-align: right; } .header_top .right #lang_sel ul>li a.lang_sel_sel { padding-right: 0!important; } .header_top .left #lang_sel ul>li a.lang_sel_sel { padding-left: 0!important; } .header_top #lang_sel .lang_sel_sel:after, .header_top #lang_sel_click .lang_sel_sel:after { content: "\f107"; font-family: 'FontAwesome', sans-serif; margin-left: 5px; } .header_top .left #lang_sel ul>li a.lang_sel_sel, .header_top .left #lang_sel_click ul>li a.lang_sel_sel { text-align: left; } .header_top #lang_sel ul ul, .header_top #lang_sel_click ul ul { height: auto; border-top: 0; background-color: #262626; z-index: 1000; position: absolute; top: 33px; left: -1px; width: 180px; list-style: none; } .header_top #lang_sel ul li ul li a, .header_top #lang_sel ul li ul li a:visited, .header_top #lang_sel_click ul li ul li a, .header_top #lang_sel_click ul li ul li a:visited { background: 0; border: 0; color: #9d9d9d; display: block; height: 38px; white-space: nowrap; font-weight: 600; font-size: 11px; text-transform: uppercase; line-height: 38px; padding: 0 15px!important; border-bottom: 1px solid #303030; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .header_top #lang_sel ul li ul li:last-child a, .header_top #lang_sel_click ul li ul li:last-child a { border-bottom: 0; } .header_top #lang_sel ul li ul li a:hover, .header_top #lang_sel_click ul li ul li a:hover { color: #fff; } .header_top #lang_sel_list { font-family: inherit; height: auto; width: auto; float: left; } .header_top #lang_sel_list ul { border: 0; padding: 0!important; width: auto; } .header_top #lang_sel_list li { display: inline-block; float: none; width: auto; } .header_top #lang_sel_list ul li a, .header_top #lang_sel_list ul li a:visited { padding: 0 8px 0 8px; border: 0; background: none repeat scroll 0 0 transparent; line-height: 33px; font-size: 13px; color: #818181; margin: 0!important; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .header_top #lang_sel_list ul li a.lang_sel_sel, .header_top #lang_sel_list ul li a:hover { color: #1abc9c; } .header_top #lang_sel img.iclflag, .header_top #lang_sel_click img.iclflag, .header_top #lang_sel_list img.iclflag { display: inline; float: none; top: 1px; position: relative; margin-right: 5px; } aside .widget.posts_holder #lang_sel li:after, aside .widget.posts_holder #lang_sel_click li:after { content: none; } aside .widget #lang_sel_list, section.side_menu #lang_sel_list, footer #lang_sel_list { height: auto; font-family: inherit; width: 100%} aside .widget #lang_sel_list li, section.side_menu #lang_sel_list li, footer #lang_sel_list li { float: none; margin-bottom: 0!important; padding: 9px 10px 9px 0!important; width: auto; } footer #lang_sel_list li { padding: 5px 5px 5px 0!important; } aside .widget #lang_sel_list li a, aside .widget #lang_sel li a, aside .widget #lang_sel_click li a, section.side_menu #lang_sel_list li a, section.side_menu #lang_sel li a, section.side_menu #lang_sel_click li a, footer #lang_sel_list li a, footer #lang_sel li a, footer #lang_sel_click li a { font-family: inherit; font-size: 13px; font-weight: 400; border: 0; color: #777; } aside .widget #lang_sel_list li a, section.side_menu #lang_sel_list li a, aside .widget #lang_sel_list li a, footer #lang_sel_list li a { display: inline; } aside .widget #lang_sel li, aside .widget #lang_sel_click li, section.side_menu #lang_sel li, section.side_menu #lang_sel_click li, footer #lang_sel li, footer #lang_sel_click li { margin-bottom: 0; } aside .widget #lang_sel, aside .widget #lang_sel_click, section.side_menu #lang_sel, section.side_menu #lang_sel_click, footer #lang_sel, footer #lang_sel_click { width: 100%} aside .widget #lang_sel>ul>li>a, aside .widget #lang_sel_click>ul>li>a, section.side_menu #lang_sel>ul>li>a, section.side_menu #lang_sel_click>ul>li>a, footer #lang_sel>ul>li>a, footer #lang_sel_click>ul>li>a { height: 35px; line-height: 35px!important; font-family: inherit; font-weight: 300; padding-left: 13px; font-weight: 300; background-image: url(img/wc_select_arrow.png)!important; background-repeat: no-repeat; background-position: right; } footer #lang_sel>ul>li>a, footer #lang_sel_click>ul>li>a, section.side_menu #lang_sel>ul>li>a, section.side_menu #lang_sel_click>ul>li>a { background-image: url(img/wc_select_arrow_footer.png)!important; background-repeat: no-repeat; background-position: right; } aside .widget #lang_sel>ul>li a, aside .widget #lang_sel_click>ul>li a { background-color: #fff; } footer #lang_sel>ul>li a, footer #lang_sel_click>ul>li a, section.side_menu #lang_sel>ul>li a, section.side_menu #lang_sel_click>ul>li a { background-color: #262626!important; } footer #lang_sel ul li a, footer #lang_sel ul ul a, footer #lang_sel_click ul li a, footer #lang_sel_click ul ul a, footer #lang_sel_click ul ul a span, section.side_menu #lang_sel ul li a, section.side_menu #lang_sel ul ul a, section.side_menu #lang_sel ul ul a:visited, section.side_menu #lang_sel_click>ul>li>a, section.side_menu #lang_sel_click ul ul a, section.side_menu #lang_sel_click ul ul a:visited { color: #777!important; } aside .widget #lang_sel>ul li a, aside .widget #lang_sel ul ul a, aside .widget #lang_sel_click>ul li a, aside .widget #lang_sel_click ul ul a, aside .widget #lang_sel_list li a { color: #adadad; font-family: 'Raleway', sans-serif; background-color: #fff; } aside .widget #lang_sel a.lang_sel_sel:hover, aside .widget #lang_sel_click a.lang_sel_sel:hover, aside .widget #lang_sel ul ul a:hover, aside .widget #lang_sel_click ul ul a:hover, aside .widget #lang_sel_list li a.lang_sel_sel, aside .widget #lang_sel_list li a:hover { color: #1abc9c; } footer #lang_sel_list li a:hover, footer #lang_sel a.lang_sel_sel, footer #lang_sel a.lang_sel_sel:hover, footer #lang_sel ul ul a:hover, footer #lang_sel_click a.lang_sel_sel, footer #lang_sel_click ul ul a:hover, footer #lang_sel_click ul ul a:hover span, footer #lang_sel_list a.lang_sel_sel, footer #lang_sel_list ul ul a:hover, footer #lang_sel_list ul ul a:hover span, section.side_menu a.lang_sel_sel, section.side_menu #lang_sel ul li a.lang_sel_sel, section.side_menu #lang_sel_click ul li a.lang_sel_sel, section.side_menu #lang_sel_list li a:hover, section.side_menu #lang_sel ul ul a:hover, section.side_menu #lang_sel_click ul ul a:hover, section.side_menu #lang_sel_click ul ul a:hover span { color: #fff!important; } aside .widget #lang_sel li, aside .widget #lang_sel_click li, section.side_menu #lang_sel li, section.side_menu #lang_sel_click li, footer #lang_sel li, footer #lang_sel_click li { width: 100%; padding: 0; border: 0; } aside .widget #lang_sel ul ul, aside .widget #lang_sel_click ul ul { width: 100%; top: 32px; height: auto; border: 0; z-index: 1000; padding: 3px 0 0 0; overflow: hidden; } footer #lang_sel ul ul, footer #lang_sel_click ul ul, section.side_menu #lang_sel ul ul, section.side_menu #lang_sel_click ul ul { width: 100%; top: 32px; border: 0; } section.side_menu #lang_sel li a:after, section.side_menu #lang_sel li:before { display: none; } section.side_menu #lang_sel ul ul a, #lang_sel ul ul a:visited { padding: 8px 10px; } footer #lang_sel ul ul, footer #lang_sel_click ul ul, section.side_menu #lang_selul ul, section.side_menu #lang_sel_click ul ul { left: 0!important; } aside .widget #lang_sel ul ul a, aside .widget #lang_sel_click ul ul a, aside .widget #lang_sel ul ul a:visited, aside .widget #lang_sel_click ul ul a:visited { padding: 10px 13px; } footer #lang_sel ul ul a, footer #lang_sel_click ul ul a, footer #lang_sel ul ul a:visited, footer #lang_sel_click ul ul a:visited { padding: 10px 13px; } aside .widget #lang_sel_list.lang_sel_list_vertical ul, section.side_menu #lang_sel_list.lang_sel_list_vertical ul, footer #lang_sel_list.lang_sel_list_vertical ul { height: auto; border-top: 0; } aside .widget #lang_sel_list.lang_sel_list_vertical a, aside .widget #lang_sel_list.lang_sel_list_vertical a:visited, section.side_menu #lang_sel_list.lang_sel_list_vertical a, section.side_menu #lang_sel_list.lang_sel_list_vertical a:visited, footer #lang_sel_list.lang_sel_list_vertical a, footer #lang_sel_list.lang_sel_list_vertical a:visited { border: 0; padding: 0; } section.side_menu #lang_sel_list.lang_sel_list_vertical a, section.side_menu #lang_sel_list.lang_sel_list_vertical a:visited, section.side_menu #lang_sel_list.lang_sel_list_horizontal a, section.side_menu #lang_sel_list.lang_sel_list_horizontal a:visited, footer #lang_sel_list.lang_sel_list_vertical a, footer #lang_sel_list.lang_sel_list_vertical a:visited, footer #lang_sel_list.lang_sel_list_horizontal a, footer #lang_sel_list.lang_sel_list_horizontal a:visited { background: transparent; } aside #lang_sel img.iclflag, aside #lang_sel_click img.iclflag, section.side_menu #lang_sel img.iclflag, section.side_menu #lang_sel_click img.iclflag, footer #lang_sel img.iclflag, footer #lang_sel_click img.iclflag, footer #lang_sel_list.lang_sel_list_horizontal a img, footer #lang_sel_list.lang_sel_list_vertical a img { margin-right: 5px; } footer #lang_sel_list.lang_sel_list_horizontal a:hover, footer #lang_sel_list.lang_sel_list_vertical a:hover, .side_menu #lang_sel_list.lang_sel_list_horizontal a:hover, .side_menu #lang_sel_list.lang_sel_list_vertical a:hover { color: #fff; } footer #lang_sel_list.lang_sel_list_horizontal a, footer #lang_sel_list.lang_sel_list_vertical a, .side_menu #lang_sel_list.lang_sel_list_horizontal a, .side_menu #lang_sel_list.lang_sel_list_vertical a { color: #777; } #lang_sel_footer { background-color: #111; border: 0; z-index: 1500; position: relative; font-family: 'Roboto', sans-serif; } #lang_sel_footer a { font-size: 13px; color: #777; -webkit-transition: color .3s ease 0s!important; -moz-transition: color .3s ease 0s!important; -o-transition: color .3s ease 0s!important; -ms-transition: color .3s ease 0s!important; transition: color .3s ease 0s!important; } #lang_sel_footer a:hover { color: #fff; -webkit-transition: color .3s ease 0s!important; -moz-transition: color .3s ease 0s!important; -o-transition: color .3s ease 0s!important; -ms-transition: color .3s ease 0s!important; transition: color .3s ease 0s!important; } #lang_sel_footer a img { margin-right: 15px; } .ls-nav-prev, .ls-nav-next { position: absolute; display: block!important; line-height: 40px; margin: -20px 0 0; top: 60%; z-index: 90; cursor: pointer; opacity: .6!important; filter: alpha(opacity=60)!important; } .ls-nav-prev { background-image: none!important; background-color: transparent!important; height: 54px; width: 54px; border: 2px solid #fff!important; line-height: 54px; font-size: 14px; position: absolute; top: 50%; margin-top: -27px; text-align: center; z-index: 10; -webkit-transition: opacity .3s ease 0s!important; -moz-transition: opacity .3s ease 0s!important; -o-transition: opacity .3s ease 0s!important; transition: opacity .3s ease-in-out!important; opacity: .7; -webkit-border-radius: 56px; -moz-border-radius: 56px; -ms-border-radius: 56px; -o-border-radius: 56px; border-radius: 56px; position: absolute; left: 23px; } .ls-nav-prev:after { position: absolute; left: 0!important; color: #fff; width: 100%; height: 100%; content: "\f104"; font-family: 'FontAwesome', serif; line-height: 54px; text-align: center; display: block!important; font-size: 30px; } .ls-nav-next { background-image: none!important; background-color: transparent!important; height: 54px; width: 54px; border: 2px solid #fff!important; line-height: 54px; font-size: 14px; position: absolute; top: 50%; margin-top: -27px; text-align: center; z-index: 10; -webkit-transition: opacity .3s ease 0s; -moz-transition: opacity .3s ease 0s; -o-transition: opacity .3s ease 0s; transition: opacity .3s ease-in-out; opacity: 0; -webkit-border-radius: 56px; -moz-border-radius: 56px; -ms-border-radius: 56px; -o-border-radius: 56px; border-radius: 56px; right: 23px; } .ls-nav-next:after { position: absolute; left: 0!important; color: #fff; width: 100%; height: 100%; content: "\f105"; font-family: 'FontAwesome', serif; line-height: 54px; text-align: center; display: block!important; font-size: 30px; } .ls-nav-prev:hover, .ls-nav-next:hover { opacity: 1!important; filter: alpha(opacity=100)!important; } .element_from_left, .element_from_right, .element_from_top, .element_from_bottom, .element_from_fade { display: inline-block; width: 100%} .touch .no_animation_on_touch .element_from_left>div, .touch .no_animation_on_touch .element_from_right>div, .touch .no_animation_on_touch .element_from_top>div, .touch .no_animation_on_touch .element_from_bottom>div, .touch .no_animation_on_touch .element_from_fade>div, .touch .no_animation_on_touch .element_transform>div { opacity: 1; filter: alpha(opacity = 100); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; } .element_from_left>div, .element_from_right>div, .element_from_top>div, .element_from_bottom>div, .element_from_fade>div { opacity: 0; display: inline-block; width: 100%; filter: alpha(opacity = 0); } .element_transform>div { opacity: .2; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .element_from_fade.element_from_fade_on>div { opacity: 1; filter: alpha(opacity = 100); -webkit-transition: opacity .8s ease 0s; -moz-transition: opacity .8s ease 0s; -o-transition: opacity .8s ease 0s; -webkit-backface-visibility: hidden; } .element_from_left.element_from_left_on>div { -webkit-animation: element-from-left .7s 1 ease-in-out; -moz-animation: element-from-left .7s 1 ease-in-out; -o-animation: element-from-left .7s 1 ease-in-out; animation: element-from-left .7s 1 ease-in-out; opacity: 1; filter: alpha(opacity = 100); -webkit-backface-visibility: hidden; } .element_from_right.element_from_right_on>div { -webkit-animation: element-from-right .7s 1 ease-in-out; -moz-animation: element-from-right .7s 1 ease-in-out; -o-animation: element-from-right .7s 1 ease-in-out; animation: element-from-right .7s 1 ease-in-out; opacity: 1; filter: alpha(opacity = 100); -webkit-backface-visibility: hidden; } .element_from_top.element_from_top_on>div { -webkit-animation: element-from-top .7s 1 ease-in-out; -moz-animation: element-from-top .7s 1 ease-in-out; -o-animation: element-from-top .7s 1 ease-in-out; animation: element-from-top .7s 1 ease-in-out; opacity: 1; filter: alpha(opacity = 100); -webkit-backface-visibility: hidden; } .element_from_bottom.element_from_bottom_on>div { -webkit-animation: element-from-bottom .7s 1 ease-in-out; -moz-animation: element-from-bottom .7s 1 ease-in-out; -o-animation: element-from-bottom .7s 1 ease-in-out; animation: element-from-bottom .7s 1 ease-in-out; opacity: 1; filter: alpha(opacity = 100); -webkit-backface-visibility: hidden; } .element_transform.element_transform_on>div { -webkit-animation: element-transform .4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-animation: element-transform .4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-animation: element-transform .4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); animation: element-transform .4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @-webkit-keyframes element-from-left { 0% { -webkit-transform: translate(-20%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } }@-moz-keyframes element-from-left { 0% { -moz-transform: translate(-20%, 0); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } }@-o-keyframes element-from-left { 0% { -o-transform: translate(-20%, 0); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } }@keyframes element-from-left { 0% { transform: translate(-20%, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } }@-webkit-keyframes element-from-right { 0% { -webkit-transform: translate(20%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } }@-moz-keyframes element-from-right { 0% { -moz-transform: translate(20%, 0); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } }@-o-keyframes element-from-right { 0% { -o-transform: translate(20%, 0); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } }@keyframes element-from-right { 0% { transform: translate(20%, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } }@-webkit-keyframes element-from-bottom { 0% { -webkit-transform: translate(0, 30%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } }@-moz-keyframes element-from-bottom { 0% { -moz-transform: translate(0, 30%); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } }@-o-keyframes element-from-bottom { 0% { -o-transform: translate(0, 30%); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } }@keyframes element-from-bottom { 0% { transform: translate(0, 30%); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } }@-webkit-keyframes element-from-top { 0% { -webkit-transform: translate(0, -30%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } }@-moz-keyframes element-from-top { 0% { -moz-transform: translate(0, -30%); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } }@-o-keyframes element-from-top { 0% { -o-transform: translate(0, -30%); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } }@keyframes element-from-top { 0% { transform: translate(0, -30%); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } }@-webkit-keyframes element-transform { 0% { -webkit-transform: scale(0.3); opacity: .1; } 100% { -webkit-transform: scale(1); opacity: 1; } }@-moz-keyframes element-transform { 0% { -moz-transform: scale(0.3); opacity: .1; } 100% { -moz-transform: scale(1); opacity: 1; } }@-o-keyframes element-transform { 0% { -o-transform: scale(0.3); opacity: .1; } 100% { -o-transform: scale(1); opacity: 1; } }@keyframes element-transform { 0% { transform: scale(0.3); opacity: .1; } 100% { transform: scale(1); opacity: 1; } }.q_image_with_text_over { display: inline-block; position: relative; margin: 0; width: 100%} .q_image_with_text_over.one_half { width: 50%} .q_image_with_text_over.one_third { width: 33.33%} .q_image_with_text_over.one_fourth { width: 25%} .q_image_with_text_over img { display: block; position: relative; width: 100%; z-index: 10; } .q_image_with_text_over .shader { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 20; background-color: rgba(0, 0, 0, 0.5); } .q_image_with_text_over .text { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 30; text-align: center; } .q_image_with_text_over table { position: absolute; width: 100%; height: 100%; top: 0; left: 0; width: 100%; height: 100%} .q_image_with_text_over table td { padding: 0; vertical-align: middle; background: none!important; } .q_image_with_text_over .caption, .q_image_with_text_over .icon_holder { opacity: 1; filter: alpha(opacity = 100); -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -webkit-transform: translateZ(0px); } .q_image_with_text_over .caption { line-height: 1em; } .q_image_with_text_over .text p, .q_image_with_text_over .caption, .q_image_with_text_over .icon_holder { color: #fff; } .q_image_with_text_over .icon_holder { display: inline-block; } .q_image_with_text_over .icon_holder.fa-2x { padding: .67em .7em; } .q_image_with_text_over .icon_holder.fa-3x { padding: .6em .62em; } .q_image_with_text_over .caption { margin: 2% 0 0; } .q_image_with_text_over .caption.no_icon { margin: 0; } .q_image_with_text_over .desc { margin: 0 30px; opacity: 0; filter: alpha(opacity = 0); -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0px); color: #fff; } .q_image_with_text_over .text:hover .caption, .q_image_with_text_over .text:hover .icon_holder { opacity: 0; filter: alpha(opacity = 0); } .q_image_with_text_over .text:hover .desc { opacity: 1; filter: alpha(opacity = 100); } .q_team { background-color: #fff; overflow: hidden; } .q_team_inner { overflow: hidden; width: 100%} .q_team .q_team_image { position: relative; } .q_team .q_team_image img { width: 100%; vertical-align: middle; } .q_team .q_team_description_wrapper { position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.95); opacity: 0; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; cursor: default; } .q_team .q_team_image:hover .q_team_description_wrapper { opacity: 1; } .q_team .q_team_description { display: table; width: 100%; height: 100%} .q_team .q_team_description_inner { display: table-cell; vertical-align: middle; text-align: center; padding: 0 50px; } .q_team .q_team_description_inner p { color: #303030; } .q_team .q_team_text { padding: 23px 16px 23px; border-style: none; border-width: 1px; border-color: #f6f6f6; border-top: none!important; } .q_team .q_team_title_holder { margin: 0 0 9px; text-align: center; } .q_team .q_team_title_holder .q_team_name { margin-bottom: 7px; } .q_team .q_team_text_inner .separator { background-color: #1abc9c; margin-bottom: 16px!important; } .q_team .q_team_social_holder { position: relative; text-align: center; } .q_team .q_team_social_holder .q_social_icon_holder i.simple_social { font-size: 19px; color: #bcbcbc; } .q_team .q_team_social_holder .q_social_icon_holder:hover i.simple_social { color: #1abc9c; } .circle_item .circle { font-size: 15px; line-height: 13px; width: 155px; height: 155px; display: inline-block; text-align: center; color: #000; background-color: #fbfbfb; -o-border-radius: 182px; -moz-border-radius: 182px; -webkit-border-radius: 182px; border-radius: 182px; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); } .circle_item .circle div { padding: 69.5px 0; } .circle_left { width: 100%; display: inline-block; margin: 0 0 25px 0; } .circle_left .circle { float: left; } .circle_left .text { padding: 0 10px 0 170px; } .circle_top { width: 100%; display: inline-block; text-align: center; margin: 0 0 25px 0; } .circle_top .circle { margin: 0 auto; } .circle_top .text { margin: 25px 0 0; } .circle_top .text p { margin: 0; } .circle_item .circle a { text-decoration: none; } .circle_item .circle:hover { background-color: #1abc9c; color: #fff; } .circle_item .circle.hover { cursor: pointer; } .circle_item .circle:hover a { color: #fff; } .fade_in_circle_holder { display: block; cursor: pointer; overflow: hidden; } .fade_in_circle_holder.animate_circle { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .fade_in_circle_holder { display: table; position: relative; overflow: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -o-transform: scale(0.1); -ms-transform: scale(0.1); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-backface-visibility: hidden; z-index: 2000; } .touch .no_animation_on_touch .fade_in_circle_holder { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .image_hover { position: relative; display: inline-block; width: 100%} .image_hover .images_holder { position: relative; display: inline-block; } .image_hover .images_holder img.hover_image { position: absolute; top: 0; left: 0; } .image_hover .images_holder img.active_image { opacity: 1; filter: alpha(opacity = 100); position: relative; display: block; } .image_hover .images_holder img.active_image, .image_hover .images_holder img.hover_image, .image_hover.hovered.show .images_holder img.active_image, .image_hover.hovered.show .images_holder img.hover_image { -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0px); } .image_hover .images_holder img.hover_image { opacity: 0; filter: alpha(opacity = 0); } .image_hover .images_holder:hover img.active_image, .image_hover.hovered.show .images_holder img.active_image { opacity: 0; filter: alpha(opacity = 0); } .image_hover .images_holder:hover img.hover_image, .image_hover.hovered.show .images_holder img.hover_image { opacity: 1; filter: alpha(opacity = 100); } .content_bottom { position: relative; z-index: 100; } .qode_call_to_action.container { background-color: #1abc9c; } .qode_call_to_action.in_grid { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .qode_call_to_action.container .container_inner { padding: 40px 0; } .call_to_action_text_wrapper p { font-size: 19px; font-weight: 300; line-height: 1.692307692307692em; color: #fff; text-align: center; } .qode_call_to_action .call_to_action_text_wrapper { line-height: 40px; } .qode_call_to_action .qbutton { position: static; } .call_to_action_button_wrapper { text-align: left; } .call_to_action_button_wrapper.left { text-align: left; } .qode_call_to_action .two_columns_75_25>.column2.left>.column_inner { padding: 0 20px 0 0; } .qode_call_to_action.in_grid .two_columns_75_25>.column2.left>.column_inner { padding-left: 28px; } .qode_call_to_action.in_grid .two_columns_75_25>.column2>.column_inner { padding-right: 28px; } .qode_call_to_action.in_grid .two_columns_75_25>.column1.left>.column_inner { padding-right: 28px; } .qode_call_to_action.in_grid .two_columns_75_25>.column1>.column_inner { padding-left: 28px; } .qode_call_to_action .two_columns_75_25>.column1.left>.column_inner { padding: 0; } .qode_call_to_action .two_columns_75_25>.column1.left { text-align: right; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .boxed .carousel-inner { width: 1150px; left: auto!important; } .carousel-inner .video { position: static; left: 0; direction: ltr; } .carousel-inner>.item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner>.item>img, .carousel-inner>.item>a>img { display: block; height: auto; max-width: 100%; line-height: 1; } .carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { display: block; } .carousel-inner>.active { left: 0; } .carousel-inner>.next, .carousel-inner>.prev { position: absolute; top: 0; width: 100%} .carousel-inner>.next { left: 100%} .carousel-inner>.prev { left: -100%} .carousel-inner>.next.left, .carousel-inner>.prev.right { left: 0; } .carousel-inner>.active.left { left: -100%} .carousel-inner>.active.right { left: 100%} .carousel.fade .item { -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; opacity: 1; filter: alpha(opacity=100); } .carousel.fade .active.left, .carousel.fade .active.right { opacity: 0; filter: alpha(opacity=0); } .carousel.fade .active.item { opacity: 1; filter: alpha(opacity=100); } .carousel.fade .active.left, .carousel.fade .active.right { left: 0; z-index: 2; opacity: 0; filter: alpha(opacity=0); } .carousel.fade .next, .carousel.fade .prev { left: 0; z-index: 1; } .carousel-indicators { position: absolute; bottom: 20px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 8px; height: 8px; margin: 1px; text-indent: -999px; cursor: pointer; border-radius: 10px; } .carousel-caption { position: absolute; right: 15%; bottom: 40px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width:768px) { .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } }.carousel { margin-bottom: 0; } .carousel.full_screen { height: 1500px; } .qode_slider_preloader { width: 100%; background-color: #1c1c1c; position: absolute; z-index: 20; } .qode_slider_preloader { height: 1500px; } .qode_slider_preloader .ajax_loader { position: absolute; } .carousel-inner .slider_content_outer { position: relative; height: 100%; width: 1100px; margin: 0 auto; z-index: 12; } .carousel-inner .slider_content { position: absolute; width: 100%} .carousel-inner .slider_content .slide_anchor_holder { margin-top: 8%} .carousel-inner .item.dark .slider_content .text .slide_anchor_holder .slide_anchor_button { color: #000; } .carousel-inner .slider_content .slide_anchor_holder .slide_anchor_button { font-size: 51px; color: #fff; } .carousel-inner .slider_content .thumb { opacity: 0; filter: alpha(opacity = 0); text-align: center; height: 100%} @media only screen and (max-height:850px) { .full_screen .carousel-inner .slider_content { height: 35%} }@media only screen and (max-height:600px) { .full_screen .carousel-inner .slider_content { height: 25%} }.carousel-inner .slider_content.left .thumb { text-align: left; } .carousel-inner .slider_content.right .thumb { text-align: right; } .carousel-inner .active .slider_content .thumb { -webkit-animation: rotate 1s 1 ease-out; -moz-animation: rotate 1s 1 ease-out; -o-animation: rotate 1s 1 ease-out; animation: rotate 1s 1 ease-out; opacity: 1; filter: alpha(opacity = 100); } .carousel-inner .active .slider_content .thumb.fade { -webkit-animation: fade 1s 1 ease-out; -moz-animation: fade 1s 1 ease-out; -o-animation: fade 1s 1 ease-out; animation: fade 1s 1 ease-out; } .carousel-inner .slider_content .thumb img { max-height: 100%} .carousel-inner .slider_content .text { text-align: center; opacity: 0; filter: alpha(opacity = 0); position: relative; display: inline-block; width: 100%; margin: 10px 0 10px 0; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); -ms-transform: translateZ(0px); -o-transform: translateZ(0px); transform: translateZ(0px); } .carousel-inner .active .slider_content .text { -webkit-animation: text-from-bottom 1.5s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-animation: text-from-bottom 1.5s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-animation: text-from-bottom 1.5s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000); animation: text-from-bottom 1.5s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000); opacity: 1; filter: alpha(opacity = 100); } .carousel-inner .slider_content .text.one_by_one { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; opacity: 1; } .carousel-inner .slider_content .text.one_by_one h2, .carousel-inner .slider_content .text.one_by_one h4, .carousel-inner .slider_content .text.one_by_one .separator, .carousel-inner .slider_content .text.one_by_one p, .carousel-inner .slider_content .text.one_by_one a.qbutton, .carousel-inner .slider_content .text.one_by_one .slide_anchor_holder { opacity: 0; filter: alpha(opacity = 0); position: relative; top: 70px; } .carousel-inner .active .slider_content .text.one_by_one h2, .carousel-inner .active .slider_content .text.one_by_one h4, .carousel-inner .active .slider_content .text.one_by_one .separator, .carousel-inner .active .slider_content .text.one_by_one p, .carousel-inner .active .slider_content .text.one_by_one a.qbutton, .carousel-inner .active .slider_content .text.one_by_one .slide_anchor_holder { -webkit-animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s; -moz-animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s; -o-animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s; animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; filter: alpha(opacity = 100); } .carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.no_separator h2 { animation-delay: .15s; -webkit-animation-delay: .15s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.no_separator p { animation-delay: .3s; -webkit-animation-delay: .3s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.no_separator a.qbutton { animation-delay: .45s; -webkit-animation-delay: .45s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.no_separator .slide_anchor_holder { animation-delay: .6s; -webkit-animation-delay: .6s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.has_separator h2 { animation-delay: .15s; -webkit-animation-delay: .15s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.has_separator .separator { animation-delay: .3s; -webkit-animation-delay: .3s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.has_separator p { animation-delay: .45s; -webkit-animation-delay: .45s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.has_separator a.qbutton { animation-delay: .6s; -webkit-animation-delay: .6s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.has_separator .slide_anchor_holder { animation-delay: .75s; -webkit-animation-delay: .75s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.no_separator h4 { animation-delay: .15s; -webkit-animation-delay: .15s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.no_separator p { animation-delay: .3s; -webkit-animation-delay: .3s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.no_separator a.qbutton { animation-delay: .45s; -webkit-animation-delay: .45s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.no_separator .slide_anchor_holder { animation-delay: .6s; -webkit-animation-delay: .6s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.has_separator h4 { animation-delay: .15s; -webkit-animation-delay: .15s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.has_separator .separator { animation-delay: .3s; -webkit-animation-delay: .3s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.has_separator p { animation-delay: .45s; -webkit-animation-delay: .45s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.has_separator a.qbutton { animation-delay: .6s; -webkit-animation-delay: .6s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.has_separator .slide_anchor_holder { animation-delay: .75s; -webkit-animation-delay: .75s; } .carousel-inner .active .slider_content .text.one_by_one.no_subtitle.no_separator p { animation-delay: .2s; -webkit-animation-delay: .2s; } .carousel-inner .active .slider_content .text.one_by_one.no_subtitle.no_separator a.qbutton { animation-delay: .4s; -webkit-animation-delay: .4s; } .carousel-inner .active .slider_content .text.one_by_one.no_subtitle.no_separator .slide_anchor_holder { animation-delay: .6s; -webkit-animation-delay: .6s; } .carousel-inner .active .slider_content .text.one_by_one.no_subtitle.has_separator .separator { animation-delay: .15s; -webkit-animation-delay: .15s; } .carousel-inner .active .slider_content .text.one_by_one.no_subtitle.has_separator p { animation-delay: .3s; -webkit-animation-delay: .3s; } .carousel-inner .active .slider_content .text.one_by_one.no_subtitle.has_separator a.qbutton { animation-delay: .45s; -webkit-animation-delay: .45s; } .carousel-inner .active .slider_content .text.one_by_one.no_subtitle.has_separator .slide_anchor_holder { animation-delay: .6s; -webkit-animation-delay: .6s; } .carousel-inner .slider_content .text .qbutton { margin: 10px 0 0 0; } .carousel-inner .item.dark .slider_content .text .qbutton { border-color: #303030; background-color: #303030; color: #fff; } .carousel-inner .item.dark .slider_content .text .qbutton:hover { background-color: transparent; color: #303030; } .carousel-inner .item.dark .slider_content .text .qbutton.white { background-color: transparent; color: #303030; } .carousel-inner .item.dark .slider_content .text .qbutton.white:hover { background-color: #303030; color: #fff!important; border-color: #303030; } .carousel-inner .slider_content .text .qbutton.white { margin: 10px 0 0 10px; } .carousel-inner h2 { margin: 10px 0 20px 0; font-size: 45px; line-height: 1.071428571428571em; } .carousel-inner h2.with_title_border { margin: 20px 0 30px 0; } .carousel-inner h2.with_title_border span { display: inline-block; padding: .3em 1.1em; } .carousel-inner h2, .carousel-inner .slide_subtitle { font-weight: 600; color: #fff; text-align: center; padding: 0; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); } .carousel-inner h2.with_background_color span { padding: 10px; } .carousel-inner .slide_subtitle { font-size: 26px; letter-spacing: 1px; } .carousel-inner .slide_subtitle span { font-size: 1em; margin-bottom: 13px; display: inline-block; } .carousel-inner .slide_subtitle.with_background_color span { padding: 10px; margin-bottom: 12px; } .carousel-inner p { color: #fff; text-align: center; font-size: 21px; line-height: 1.363157894736842em; font-weight: 400; margin: 10px 0 15px 0; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); } .carousel-inner .dark h2, .carousel-inner .dark .slide_subtitle, .carousel-inner .dark p { color: #000; } .carousel-inner .left .text, .carousel-inner .left h2, .carousel-inner .left .slide_subtitle, .carousel-inner .left p { text-align: left; } .carousel-inner .right .text, .carousel-inner .right h2, .carousel-inner .right .slide_subtitle, .carousel-inner .right p { text-align: right; } .carousel-inner { left: 0!important; position: fixed; overflow: hidden; width: 100%; z-index: 1; transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -webkit-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1), margin .33s cubic-bezier(0.694, 0.0482, 0.335, 1); -moz-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1), margin .33s cubic-bezier(0.694, 0.0482, 0.335, 1); -o-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1), margin .33s cubic-bezier(0.694, 0.0482, 0.335, 1); -ms-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1), margin .33s cubic-bezier(0.694, 0.0482, 0.335, 1); transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1), margin .33s cubic-bezier(0.694, 0.0482, 0.335, 1); } .carousel-inner.relative_position { position: relative; } .carousel-inner .item img { display: inline-block!important; } .touch .carousel-inner .item { background-position: center 0!important; } .carousel-inner .item .image { position: absolute; top: 0; left: 0; background-position: center 0; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%} .carousel-inner .item .image img { display: none!important; width: 0; height: 0; } .carousel-inner .item .image_pattern { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 0 0; background-repeat: repeat; z-index: 2; } .carousel-control { top: 0; width: 23%; color: #303030; font-size: 13px; height: 100%; background: 0; text-shadow: none; position: absolute; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 0; z-index: 2!important; margin: 0; outline: 0; cursor: pointer; -webkit-transition: color .6s ease-in-out, opacity .3s ease-in-out; -moz-transition: color .6s ease-in-out, opacity .3s ease-in-out; -o-transition: color .6s ease-in-out, opacity .3s ease-in-out; -ms-transform: color .6s ease-in-out, opacity .3s ease-in-out; transition: color .6s ease-in-out, opacity .3s ease-in-out; } .carousel-control.right { right: 0; left: auto; } .carousel-control:hover { color: #303030; opacity: 1!important; } .carousel-control.dark, .carousel-control.dark:hover { color: #fff; } .carousel-control .prev_nav, .carousel-control .next_nav { height: 54px; width: 54px; border: 2px solid #fff; line-height: 54px; font-size: 14px; position: absolute; top: 50%; margin-top: -27px; text-align: center; z-index: 10; -webkit-transition: opacity .3s ease 0s; -moz-transition: opacity .3s ease 0s; -o-transition: opacity .3s ease 0s; transition: opacity .3s ease-in-out; opacity: 0; -webkit-border-radius: 56px; -moz-border-radius: 56px; -ms-border-radius: 56px; -o-border-radius: 56px; border-radius: 56px; } .carousel-control i { font-size: 30px; color: #fff; line-height: 54px; } .carousel-control.dark i { color: #000; } .carousel-control.dark .prev_nav, .carousel-control.dark .next_nav { border-color: #000; } .carousel-control .prev_nav { left: 23px; } .q_slider:hover .carousel-control .prev_nav { opacity: 1; } .carousel-control .next_nav { right: 23px; } .q_slider:hover .carousel-control .next_nav { opacity: 1; } .q_slider:hover .carousel-control .next_nav:hover, .q_slider:hover .carousel-control .prev_nav:hover { opacity: 1; } .carousel-control .thumb_holder { width: 150px; display: block; position: absolute; margin: -20px 0 0 0; top: 50%; z-index: 9; } .carousel-control .thumb_holder .thumb_top { background-color: #fff; display: block; position: relative; } .carousel-control.dark .thumb_holder .thumb_top { background-color: #000; } .carousel-control.left .thumb_holder .thumb_top { -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; -ms-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; } .carousel-control.right .thumb_holder .thumb_top { -webkit-border-radius: 3px 0 0 0; -moz-border-radius: 3px 0 0 0; -ms-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; } .carousel-control.left .thumb_holder { left: -100%; -webkit-transition: left .2s ease-in-out; -moz-transition: left .2s ease-in-out; -o-transition: left .2s ease-in-out; -ms-transform: left .2s ease-in-out; transition: left .2s ease-in-out; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; display: none; } .slider_thumbs .carousel-control.left:hover .thumb_holder { left: 0; } .in_progress.slider_thumbs .carousel-control.left .thumb_holder { left: -100%!important; } .carousel-control.right .thumb_holder { right: -100%; -webkit-transition: right .2s ease-in-out; -moz-transition: right .2s ease-in-out; -o-transition: right .2s ease-in-out; -ms-transform: right .2s ease-in-out; transition: right .2s ease-in-out; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; display: none; } .slider_thumbs .carousel-control.right:hover .thumb_holder { right: 0; } .in_progress.slider_thumbs .carousel-control.right .thumb_holder { right: -100%!important; } .carousel-control.left .arrow_left { float: left; height: 40px; line-height: 40px; padding: 0 0 0 15px; } .carousel-control.left .numbers { float: right; height: 40px; line-height: 40px; padding: 0 20px 0 0; } .carousel-control.right .arrow_right { float: right; height: 40px; line-height: 40px; padding: 0 15px 0 0; } .carousel-control.right .numbers { float: left; height: 40px; line-height: 40px; padding: 0 0 0 20px; } .carousel-control .img_outer { top: 0; clear: both; width: 150px; height: 47px; position: relative; display: block; overflow: hidden; margin: 0 0 -2px 0; } .carousel-control .img { top: -47px; width: 150px; height: 47px; position: relative; display: block; overflow: hidden; } .in_progress .carousel-control:hover .img { top: -47px!important; } .carousel-control:hover .img { top: 0; -webkit-transition: top .2s ease-in-out .2s; -moz-transition: top .2s ease-in-out .2s; -o-transition: top .2s ease-in-out .2s; -ms-transform: top .2s ease-in-out .2s; transition: top .2s ease-in-out .2s; } .carousel-control.right .img { float: right; } .carousel-control .img img, .carousel-control .img .video { position: absolute; top: 0; left: 0; z-index: 2; } .carousel-control .img .video { left: -1px; } .carousel-control .img .old { z-index: 1; } @media only screen and (max-width:1300px) { .carousel-control { width: 15%} }@media only screen and (max-width:1000px) { .carousel-control { width: 10%} .carousel-control .prev_nav { left: 0; opacity: 1; } .carousel-control.left .thumb_holder { display: none; } .carousel-control .next_nav { right: 0; opacity: 1; } .carousel-control.right .thumb_holder { display: none; } }.touch .carousel-control { width: 10%} .touch .carousel-control.left { background-position: 30px center!important; } .touch .carousel-control.left .thumb_holder { display: none; } .touch .carousel-control.right { background-position: 100% center!important; } .touch .carousel-control.right .thumb_holder { display: none; } @media(max-width:1200px) { .carousel-inner h2 { margin-top: 0; } .carousel-inner h2 span { font-size: .625em!important; line-height: 1.4em!important; } .carousel-inner .slide_subtitle span { font-size: .8em; } .carousel-inner h2 { line-height: inherit!important; } }@media(max-width:1024px) { .carousel-inner { position: relative; } .carousel-inner .qbutton { font-size: 12px; line-height: 31px; height: 31px; } .carousel-inner .qbutton i { margin: 0 0 0 20px; } }@media only screen and (max-width:800px) { .carousel .carousel-inner .slider_content_outer { display: table; } .carousel-inner .slider_content .thumb { height: auto; } .carousel .carousel-inner .slider_content { display: table-cell; vertical-align: middle; position: static; top: 0!important; left: 0!important; } .carousel-inner h2.large span { font-size: .425em!important; } }@media(max-width:768px) { .carousel-inner .qbutton { font-size: 11px; line-height: 27px; height: 27px; } .carousel-inner .qbutton i { margin: 0 0 0 17px; } .carousel-inner h2.with_title_border span { padding: .3em .8em; } }@media(max-width:567px) { .carousel-inner .qbutton { font-size: 10px; line-height: 23px; height: 23px; } .carousel-inner .qbutton i { margin: 0 0 0 14px; } .carousel-inner p { line-height: 1.4em!important; } .carousel-control { display: none; } .carousel-inner h2.large span { font-size: .38em!important; } .carousel-inner h2 span { font-size: .525em!important; } }@media(max-width:480px) { .carousel-inner h2.large span { font-size: .3em!important; } }@media(max-width:320px) { .carousel-inner h2.large span { font-size: .2em!important; } .carousel-inner h2 span { font-size: .4em!important; line-height: 1em!important; } .carousel-inner p span { font-size: 60%!important; } .carousel-inner p { line-height: 1em!important; } .carousel-inner .qbutton { font-size: 9px; line-height: 20px; height: 20px; } .carousel-inner .qbutton i { margin: 0 0 0 10px; } .carousel-inner h2.with_title_border { margin: 0 0 10px; } }@media(max-width:768px) { .carousel-control.left { left: 0; } .carousel-control.right { right: 0; } }.carousel-indicators li { background-color: #fff; margin: 0; opacity: .4; margin: 0 3px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transform: all .6s ease-in-out; transition: all .6s ease-in-out; } .carousel-indicators.dark li { background-color: #000; } .carousel-indicators .active { opacity: 1; margin: 0 3px; } @-webkit-keyframes text-from-bottom { 0% { -webkit-transform: translate(0, 15%); opacity: 0; } 50% { -webkit-transform: translate(0, 15%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } }@-moz-keyframes text-from-bottom { 0% { -moz-transform: translate(0, 15%); opacity: 0; } 50% { -moz-transform: translate(0, 15%); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } }@-o-keyframes text-from-bottom { 0% { -o-transform: translate(0, 15%); opacity: 0; } 50% { -o-transform: translate(0, 15%); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } }@keyframes text-from-bottom { 0% { transform: translate(0, 15%); opacity: 0; } 50% { transform: translate(0, 15%); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } }@-webkit-keyframes rotate { 0% { -webkit-transform: perspective(600px) rotateX(90deg) scale(.5); opacity: 0; } 50% { -webkit-transform: perspective(600px) rotateX(90deg) scale(.5); opacity: 0; } 100% { -webkit-transform: perspective(600px) rotateX(0deg) scale(1); opacity: 1; } }@-moz-keyframes rotate { 0% { -moz-transform: perspective(600px) rotateX(90deg) scale(.5); opacity: 0; } 50% { -moz-transform: perspective(600px) rotateX(90deg) scale(.5); opacity: 0; } 100% { -moz-transform: perspective(600px) rotateX(0deg) scale(1); opacity: 1; } }@-o-keyframes rotate { 0% { -o-transform: perspective(600px) rotateX(90deg) scale(.5); opacity: .2; } 50% { -o-transform: perspective(600px) rotateX(90deg) scale(.5); opacity: .2; } 100% { -o-transform: perspective(600px) rotateX(0deg) scale(1); opacity: 1; } }@keyframes rotate { 0% { transform: perspective(600px) rotateX(90deg) scale(.5); opacity: 0; } 50% { transform: perspective(600px) rotateX(90deg) scale(.5); opacity: 0; } 100% { transform: perspective(600px) rotateX(0deg) scale(1); opacity: 1; } }@-webkit-keyframes fade { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } }@-moz-keyframes fade { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } }@-o-keyframes fade { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } }@keyframes fade { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } }@-webkit-keyframes text-from-bottom-one-by-one { 0% { top: 70px; opacity: 0; } 50% { top: 45px; opacity: 0; } 100% { top: 0; opacity: 1; } }@-moz-keyframes text-from-bottom-one-by-one { 0% { top: 70px; opacity: 0; } 50% { top: 45px; opacity: 0; } 100% { top: 0; opacity: 1; } }@-o-keyframes text-from-bottom-one-by-one { 0% { top: 70px; opacity: 0; } 50% { top: 45px; opacity: 0; } 100% { top: 0; opacity: 1; } }@keyframes text-from-bottom-one-by-one { 0% { top: 70px; opacity: 0; } 50% { top: 45px; opacity: 0; } 100% { top: 0; opacity: 1; } }.carousel .video .mobile-video-image { background-position: center center; background-repeat: no-repeat; background-size: cover; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; } .carousel .video .video-overlay { height: 3000px; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 11; } .carousel .video .video-overlay.active { background-image: url("img/pixel-video.png"); background-position: 0 0; background-repeat: repeat; opacity: 1; } .carousel .video .video-overlay img { display: none!important; } .carousel .video .video-wrap { top: 0; left: 0; overflow: hidden; position: absolute; width: 100%; z-index: 10; } .carousel .video .video-wrap .mejs-poster { background-size: cover!important; -moz-background-size: cover!important; -webkit-background-size: cover!important; -o-background-size: cover!important; } .carousel .video .video-wrap .mejs-container .mejs-controls { display: none!important; } .carousel .video .video-wrap .mejs-controls .mejs-button button:focus { outline: none!important; } .carousel .video .video-wrap .mejs-controls .mejs-time-rail .mejs-time-loaded { background-color: rgba(255, 255, 255, 0.18)!important; } .carousel .video .video-wrap .mejs-container { background-color: transparent!important; background-image: none!important; height: auto!important; } .carousel .video .video-wrap .mejs-mediaelement { background: none!important; border: 0!important; } .carousel .video .video-wrap .mejs-container .mejs-poster img { max-width: none!important; width: 100%!important; } .carousel .video .video-wrap .mejs-controls button { opacity: .8; } .carousel .video .video-wrap .mejs-controls button:hover, .mejs-controls .mejs-fullscreen-button:hover button { opacity: 1!important; } .carousel .video .video-wrap .mejs-controls .mejs-time-rail .mejs-time-total { background: #1f1f1f none repeat scroll 0 0!important; } .carousel .video .video-wrap .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: transparent!important; } .carousel .item .text .separator { margin-top: 40px; margin-bottom: 40px; width: 68%} .carousel .item .left .text .separator { margin-left: 0; } .carousel .item .right .text .separator { margin-right: 0; } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus, .portfolio_slider .flex-container a:active, .portfolio_slider .flexslider a:active, .portfolio_slider .flex-container a:focus, .portfolio_slider .flexslider a:focus, .qode_carousels .flex-container a:active, .qode_carousels a:active, .qode_carousels .flex-container a:focus, .qode_carousels a:focus { outline: 0; } .portfolio_slides, .slides, .flex-control-nav, .flex-direction-nav, .caroufredsel-direction-nav { margin: 0; padding: 0; list-style: none; } .flexslider .slides>li { background-color: transparent; display: none; position: relative; margin: 0; } .caroufredsel_wrapper { cursor: grab!important; cursor: -moz-grab!important; cursor: -webkit-grab!important; margin: 0!important; } .portfolio_slider .portfolio_slides, .qode_carousels .slides { opacity: 0; } .portfolio_slider .portfolio_slides>li, .qode_carousels .slides>li { background-color: transparent; position: relative; margin: 0; float: left; } .qode_carousels .slides>li { margin: 0 2px 0 0; } .flexslider .slides img, .portfolio_slider .portfolio_slides img, .qode_carousels .slides img { width: 100%; display: block; } .gallery_frame { width: 100%; height: 100%; position: absolute; top: 0; text-align: center; } .wpb_flexslider.flexslider.have_frame { width: 645px; margin: 0 auto; overflow: visible; } .frame_holder>.wpb_wrapper { padding: 34px 0 102px 0; position: relative; } .frame_holder.frame_holder2>.wpb_wrapper { padding: 48px 0 75px 0; } .slides:after, .portfolio_slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides, html[xmlns] .portfolio_slides { display: block; } * html .slides, * html .portfolio_slides { height: 1%} .no-js .slides>li:first-child, .no-js .portfolio_slides>li:first-child { display: block; } .flexslider, .portfolio_slider { margin: 0 0 60px; position: relative; zoom: 1; } .wpb_flexslider.flexslider { overflow: hidden; } .portfolio_slider { margin: 0; width: 100.2%} .boxed .portfolio_slider { margin: 0 -25px 60px; overflow: hidden; } .flex-viewport, .portfolio_slider .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides, .portfolio_slider .portfolio_slides, .qode_carousels .slides { zoom: 1; } .flexslider ul { padding: 0; } .portfolio_slider .flex-direction-nav, .flexslider .flex-direction-nav { *height: 0; } .flex-direction-nav a, .caroufredsel-direction-nav a { width: 42px; height: 42px; line-height: 42px; margin: -23px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-align: center; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; color: #8a8a8a; background-color: transparent; text-align: center; z-index: 200; border: 2px solid #fff; } .flex-direction-nav a { -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .flexslider:hover .flex-direction-nav a.flex-prev:hover, .flexslider:hover .flex-direction-nav a.flex-next:hover, .portfolio_slider:hover .flex-direction-nav a.flex-prev:hover, .portfolio_slider:hover .flex-direction-nav a.flex-next:hover, .portfolio_slider:hover .caroufredsel-direction-nav a.caroufredsel-next:hover, .portfolio_slider:hover .caroufredsel-direction-nav a.caroufredsel-prev:hover { background-color: #fff; } .flexslider:hover .flex-direction-nav a.flex-prev:hover i, .flexslider:hover .flex-direction-nav a.flex-next:hover i, .portfolio_slider:hover .flex-direction-nav a.flex-prev:hover i, .portfolio_slider:hover .flex-direction-nav a.flex-next:hover i, .portfolio_slider:hover .caroufredsel-direction-nav a.caroufredsel-next:hover i, .portfolio_slider:hover .caroufredsel-direction-nav a.caroufredsel-prev:hover i { color: #8a8a8a; } .flex-direction-nav a i, .caroufredsel-direction-nav a i { line-height: 42px; color: #fff; font-size: 22px; } .have_frame .flex-direction-nav a i { display: none; } .flexslider .flex-next, .portfolio_slider .flex-next, .portfolio_slider .caroufredsel-next { right: 15px; -webkit-border-radius: 2em; -moz-border-radius: 2em; -ms-border-radius: 2em; border-radius: 2em; } .have_frame.flexslider .flex-next { right: -80px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; background-image: url('img/frame_arrow_right.png'); background-repeat: no-repeat; background-position: center center; width: 25px; height: 67px; border: 0; } .have_frame.flexslider .flex-next:hover { background-color: transparent!important; background-image: url('img/frame_arrow_right_hover.png'); } .flexslider .flex-prev, .portfolio_slider .flex-prev, .portfolio_slider .caroufredsel-prev { left: 15px; -webkit-border-radius: 2em; -moz-border-radius: 2em; -ms-border-radius: 2em; border-radius: 2em; } .have_frame.flexslider .flex-prev { left: -80px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; background-image: url('img/frame_arrow_left.png'); background-repeat: no-repeat; background-position: center center; width: 25px; height: 67px; border: 0; } .have_frame.flexslider .flex-prev:hover { background-color: transparent!important; background-image: url('img/frame_arrow_left_hover.png'); } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:150/100), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:160dpi) { .have_frame.flexslider .flex-prev { background-image: url('img/frame_arrow_left@1_5x.png'); -o-background-size: 25px 67px; -webkit-background-size: 25px 67px; -moz-background-size: 25px 67px; background-size: 25px 67px; } .have_frame.flexslider .flex-prev:hover { background-image: url('img/frame_arrow_left_hover@1_5x.png'); } .have_frame.flexslider .flex-next { background-image: url('img/frame_arrow_right@1_5x.png'); -o-background-size: 25px 67px; -webkit-background-size: 25px 67px; -moz-background-size: 25px 67px; background-size: 25px 67px; } .have_frame.flexslider .flex-next:hover { background-image: url('img/frame_arrow_right_hover@1_5x.png'); } }@media only screen and (-webkit-min-device-pixel-ratio:2.0), only screen and (min--moz-device-pixel-ratio:2.0), only screen and (-o-min-device-pixel-ratio:200/100), only screen and (min-device-pixel-ratio:2.0), only screen and (min-resolution:210dpi) { .have_frame.flexslider .flex-prev { background-image: url('img/frame_arrow_left@2x.png'); -o-background-size: 25px 67px; -webkit-background-size: 25px 67px; -moz-background-size: 25px 67px; background-size: 25px 67px; } .have_frame.flexslider .flex-prev:hover { background-image: url('img/frame_arrow_left_hover@2x.png'); } .have_frame.flexslider .flex-next { background-image: url('img/frame_arrow_right@2x.png'); -o-background-size: 25px 67px; -webkit-background-size: 25px 67px; -moz-background-size: 25px 67px; background-size: 25px 67px; } .have_frame.flexslider .flex-next:hover { background-image: url('img/frame_arrow_right_hover@2x.png'); } }.flex-direction-nav .flex-disabled { cursor: default; } .qode_carousels .slides>li .first_image_holder, .qode_carousels .slides>li .second_image_holder { display: block; position: relative; width: 100%; opacity: 1; -webkit-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .qode_carousels .slides>li .second_image_holder { position: absolute; top: 0; left: 0; } .qode_carousels .slides>li .second_image_holder, .qode_carousels .slides>li .carousel_item_holder:hover .first_image_holder.has_hover_image { opacity: 0; } .qode_carousels .slides>li .carousel_item_holder:hover .second_image_holder.has_hover_image { opacity: 1; } .qode_carousels { padding: 0; position: relative; display: block; zoom: 1; } .qode_carousels_holder.two_rows .slides>li .carousel_item_holder { margin-bottom: 15px; position: relative; } .qode_carousels .flex-direction-nav { height: 0; display: none!important; } .qode_carousels .flex-control-nav { width: 100%; text-align: center; position: absolute; bottom: -60px; } .qode_carousels .flex-control-nav li { margin: 0 3px; display: inline-block; zoom: 1; display: inline; } .qode_carousels .flex-control-paging li a { width: 9px; height: 9px; display: inline-block; border: 1px solid #eaeaea; background-color: #fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .qode_carousels .flex-control-paging li a.flex-active { background-color: #1abc9c; cursor: default; border: 0; } .qode_carousels.gray .flex-control-paging li a.flex-active { cursor: default; } .wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid>li, .last_toggle_el_margin, .wpb_button { margin-bottom: 0!important; } .qode_clients .qode_client_holder { float: left; text-align: center; margin-bottom: 35px; } .qode_clients.two_columns .qode_client_holder { width: 50%} .qode_clients.three_columns .qode_client_holder { width: 33.33%} .qode_clients.four_columns .qode_client_holder { width: 25%} .qode_clients.five_columns .qode_client_holder { width: 20%} .qode_clients.six_columns .qode_client_holder { width: 16.66666666666667%} .qode_clients .qode_client_holder_inner { position: relative; margin: 0 20px; } .qode_clients .qode_client_holder_inner:before, .qode_clients .qode_client_holder_inner:after { display: block; content: ""; position: absolute; } .qode_clients .qode_client_holder_inner:before { height: 100%; right: -20px; width: 1px; border-right: 1px solid #eaeaea; } .qode_clients .qode_client_holder_inner:after { width: 100%; bottom: -20px; height: 1px; border-bottom: 1px solid #eaeaea; } .qode_clients .qode_client_holder.border-bottom-none .qode_client_holder_inner:after { border-bottom: 0; } .qode_clients.two_columns .qode_client_holder:nth-child(2n) .qode_client_holder_inner:before, .qode_clients.three_columns .qode_client_holder:nth-child(3n) .qode_client_holder_inner:before, .qode_clients.four_columns .qode_client_holder:nth-child(4n) .qode_client_holder_inner:before, .qode_clients.five_columns .qode_client_holder:nth-child(5n) .qode_client_holder_inner:before, .qode_clients.six_columns .qode_client_holder:nth-child(6n) .qode_client_holder_inner:before { border-right-width: 0; } .qode_clients .qode_client_holder a { display: inline-block; vertical-align: middle; max-width: 100%; line-height: 0; -webkit-transition: opacity .6s ease-out; -moz-transition: opacity .6s ease-out; -o-transition: opacity .6s ease-out; -ms-transform: opacity .6s ease-out; transition: opacity .6s ease-out; } .qode_clients .qode_client_holder a:hover { opacity: .4; } .animated_icons_with_text .animated_icon_with_text_holder { float: left; text-align: center; } .animated_icons_with_text.two_columns .animated_icon_with_text_holder { width: 50%} .animated_icons_with_text.three_columns .animated_icon_with_text_holder { width: 33.33%} .animated_icons_with_text.four_columns .animated_icon_with_text_holder { width: 25%} .animated_icons_with_text.five_columns .animated_icon_with_text_holder { width: 20%} .animated_icons_with_text.six_columns .animated_icon_with_text_holder { width: 16.66666666666667%} .animated_icons_with_text .animated_icon_with_text_inner { position: relative; padding: 0 20px; height: 85px; } .animated_icons_with_text .animated_icon_with_text_inner:before, .animated_icons_with_text .animated_icon_with_text_inner:after { display: block; content: ""; position: absolute; } .animated_icons_with_text .animated_icon_with_text_inner:before { height: 100%; right: 0; width: 1px; border-right: 1px solid #f5f5f5; } .animated_icons_with_text .animated_icon_with_text_inner:after { width: 100%; bottom: 0; height: 1px; border-bottom: 1px solid #f5f5f5; } .animated_icons_with_text .animated_icon_with_text_holder.border-bottom-none .animated_icon_with_text_inner:after { border-bottom: 0; } .animated_icons_with_text.two_columns .animated_icon_with_text_holder:nth-child(2n) .animated_icon_with_text_inner:before, .animated_icons_with_text.three_columns .animated_icon_with_text_holder:nth-child(3n) .animated_icon_with_text_inner:before, .animated_icons_with_text.four_columns .animated_icon_with_text_holder:nth-child(4n) .animated_icon_with_text_inner:before, .animated_icons_with_text.five_columns .animated_icon_with_text_holder:nth-child(5n) .animated_icon_with_text_inner:before, .animated_icons_with_text.six_columns .animated_icon_with_text_holder:nth-child(6n) .animated_icon_with_text_inner:before { border-right-width: 0; } .animated_icon_holder { height: 100%; padding: 0 0 0 15px; display: block; width: 81px; float: left; position: relative; } .animated_icon { height: 100%; width: 100%; position: relative; } .animated_icon_inner span { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; backface-visibility: hidden; left: 0; position: absolute; top: 0; -webkit-transition: 200ms ease-in; -moz-transition: 200ms ease-in; -o-transition: 200ms ease-in; transition: 200ms ease-in; } .animated_icon_inner span.animated_icon_back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .animated_icon_with_text_holder:hover .animated_icon_inner span.animated_icon_back { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } .animated_icon_with_text_holder:hover .animated_icon_inner span { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .animated_icon_inner { height: 81px; width: 100%; position: absolute; left: 0; top: 50%; margin: -41px 0 0 0; } .animated_icon_inner i { width: 77px; height: 77px; line-height: 77px; background: transparent; -o-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; margin: 0; border: 2px solid #c0c0c0; color: #c0c0c0; font-size: 35px; } .animated_icon_inner span.animated_icon_back i { background-color: #1abc9c; color: #fff; border-color: #1abc9c; } .animated_icon_with_text_holder .animated_text_holder { text-align: left; width: 100%; height: 100%} .animated_icon_with_text_holder .animated_text_holder_wrap { display: block; padding: 0 0 0 116px; height: 100%} .animated_icon_with_text_holder .animated_text_holder_wrap_inner { width: 100%; height: 100%; position: relative; } .animated_text_holder_inner { position: absolute; left: 0; width: 100%; top: 0; overflow: hidden; height: 100%} .animated_icon_with_text_holder .animated_title, .animated_icon_with_text_holder .animated_text { display: table; position: absolute; overflow: hidden; width: 100%; height: 100%} .animated_icon_with_text_holder .animated_title_inner, .animated_icon_with_text_holder .animated_text p { display: table-cell; vertical-align: middle; } .animated_icon_with_text_holder .animated_title, .animated_icon_with_text_holder .animated_title_inner, .animated_icon_with_text_holder .animated_text, .animated_icon_with_text_holder .animated_text p { -webkit-transition: 200ms ease-in; -moz-transition: 200ms ease-in; -o-transition: 200ms ease-in; transition: 200ms ease-in; } .animated_icon_with_text_holder .animated_text { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .animated_icon_with_text_holder .animated_text p { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .animated_icon_with_text_holder:hover .animated_text, .animated_icon_with_text_holder:hover .animated_text p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: 350ms ease-out; -moz-transition: 350ms ease-out; -o-transition: 350ms ease-out; transition: 350ms ease-out; } .animated_icon_with_text_holder:hover .animated_title_inner { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: 350ms ease-out; -moz-transition: 350ms ease-out; -o-transition: 350ms ease-out; transition: 350ms ease-out; } .animated_icon_with_text_holder:hover .animated_title { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: 350ms ease-out; -moz-transition: 350ms ease-out; -o-transition: 350ms ease-out; transition: 350ms ease-out; } .service_table_holder { display: block; position: relative; border-color: #f6f6f6; border-width: 1px; border-style: none; } .service_table_inner { display: block; position: relative; list-style: none; margin: 0; padding: 0; } .service_table_inner ul { padding: 0!important; } .service_table_inner li { display: block; margin: 0; padding: 0; list-style: none; text-align: center; border-bottom: 1px solid #f6f6f6; } .service_table_inner>li { background-color: #fff; } .service_table_inner li li { padding: 9px 20px; } .service_table_inner li:last-child { border-bottom: 0; } .service_table_inner li.service_table_title_holder { display: block; position: relative; padding: 31px 20px 20px; background-color: #fff; border: 0; } .service_table_inner li.service_table_title_holder i { color: #1abc9c; } .service_table_title_inner { position: relative; display: table; width: 100%; height: 100%; text-align: center; } .service_table_title_inner2 { display: table-cell; width: 100%; height: 100%; padding: 20px 20px 25px; vertical-align: middle; } .service_table_inner li.service_table_title_holder.background_image_type { background-color: transparent!important; border: 0!important; padding: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; } .service_table_inner li.service_table_title_holder.background_color_type .service_table_title_inner2 { padding: 0; } .service_table_title_holder .service_title { display: block; } .service_table_title_holder i { display: block; line-height: 1em; padding: 33px 0 0; } .header_top_bottom_holder { position: relative; } .qode_search_form { background: none repeat scroll 0 0 #262626; color: #fff; margin: 0; overflow: hidden; width: 100%; height: 0; position: absolute; top: 0; left: 0; } .qode_search_form i { color: #959595; font-size: 13px; display: inline-block; padding: 0 0 0 45px; float: left; line-height: 50px; } .qode_search_form input, .qode_search_form input:focus { background-color: #262626; border: medium none; box-shadow: none; color: #959595; display: inline-block; font-size: 13px; line-height: 20px; height: 20px; margin: 15px 0; width: 90%; padding: 0 45px 0 10px; font-family: inherit; outline: 0; outline-offset: 0; -webkit-appearance: none; border-radius: 0; float: left; } .qode_search_form input:focus { outline-offset: 0!important; } ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color: #959595; margin: 10px 0 0 0; } @media only screen and (max-width:1200px) { .qode_search_form input { width: 80%} }@media only screen and (max-width:768px) { .qode_search_form input { width: 70%} }@media only screen and (max-width:500px) { .qode_search_form input { width: 65%} }.qode_search_form .container_inner { position: relative; } .qode_search_form .container i { padding: 0; } .qode_search_form .container input { width: 90%; padding: 0 0 0 10px; } .qode_search_form input[type="submit"] { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; visibility: hidden; } .qode_search_form .qode_search_close { color: #959595; font-size: 13px; position: absolute; line-height: 50px; height: 50px; top: 0; right: 45px; } .qode_search_form .container .qode_search_close { right: 0; } .cover_boxes { position: relative; overflow: hidden; } .cover_boxes ul { list-style: none; margin: 0 -20px 0 0; padding: 0; width: 200%} .cover_boxes ul li { float: left; margin-right: 20px; overflow: hidden; position: relative; width: 265px; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; } .cover_boxes ul li.act { width: 530px; } .cover_boxes ul li .box { width: 530px; } .cover_boxes ul li .box .thumb { display: inline-block; float: left; margin-right: 20px; position: relative; z-index: 10; width: 265px; } .cover_boxes ul li .box .thumb img { display: block; position: relative; max-width: 100%} .cover_boxes ul li .box .box_content { bottom: 0; left: 285px; position: absolute; padding: 0; width: 245px; z-index: 9; top: 0; } .cover_boxes ul li .box h3 { margin: 0 0 18px 0; } .cover_boxes ul li .box .qbutton, .cover_boxes ul li .box h5 { margin: 20px 0 0 0; } .q_circles_holder { position: relative; display: inline-block; width: 100%; clear: both; list-style: none; margin: 0; padding: 0; } .q_circles_holder:before { position: absolute; left: 80px; display: block; width: 85%; height: 0; border-top: 1px solid #eaeaea; content: ""} .q_circles_holder.three_columns:before { top: 115px; } .q_circles_holder.four_columns:before { top: 90px; } .q_circles_holder.five_columns:before { top: 82px; } .q_circles_holder.no_line:before { display: none; border: 0; height: 0; width: 0; } .q_circles_holder .q_circle_outer { position: relative; float: left; padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } .q_circles_holder.three_columns .q_circle_outer { width: 33.3%} .q_circles_holder.four_columns .q_circle_outer { width: 25%} .q_circles_holder.five_columns .q_circle_outer { width: 20%} .q_circles_holder .q_circle_inner { position: relative; display: table; vertical-align: middle; text-align: center; margin: 0 auto; } .q_circles_holder.three_columns .q_circle_inner { width: 230px; height: 230px; } .q_circles_holder.four_columns .q_circle_inner { width: 180px; height: 180px; } .q_circles_holder.five_columns .q_circle_inner { width: 161px; height: 161px; } .q_circles_holder.five_columns .q_circle_inner.big_border { width: 177px; height: 177px; } .q_circles_holder .q_circle_inner2 { position: relative; display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; background-color: #e3e3e3; border: 1px solid #f0f0f0; border-radius: 1000px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -o-border-radius: 1000px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden; } .q_circles_holder .q_circle_inner2 img { display: block; width: 100%; border-radius: 1000px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -o-border-radius: 1000px; } .q_circles_holder .q_circle_inner2 i, .q_circles_holder .q_circle_inner2, .q_circles_holder .q_circle_inner2 .q_text_in_circle { -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; } .q_circles_holder .q_circle_inner2 i { color: #b9b9b9; } .q_circles_holder .q_circle_inner2:hover { background-color: #1abc9c!important; border-color: #1abc9c!important; } .q_circles_holder .q_circle_inner2:hover i, .q_circles_holder .q_circle_inner2:hover .q_text_in_circle { color: #fff!important; } .q_circles_holder .q_circle_text_holder { display: block; text-align: center; margin: 36px 0 0; padding: 0 10px; } .q_circles_holder .q_circle_text_holder .q_circle_text { display: block; margin: 7px 0 0; } nav.content_menu { position: relative; text-align: left; display: block; z-index: 1001; background-color: #fff; -webkit-transform: translateZ(0px); width: 100%; -webkit-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1); -moz-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1); -o-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1); -ms-transform: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1); } .full_width nav.content_menu.fixed { left: 0; } .right_side_menu_opened .full_width nav.content_menu.fixed { left: -270px; } .container_inner nav.content_menu { width: 1100px; } .container_inner nav.content_menu.fixed { -moz-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.11); box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.11); } nav.content_menu ul { width: 1100px; margin: 0 auto; position: relative; list-style: none outside none; padding: 0; text-align: center; -webkit-backface-visibility: hidden; } nav.content_menu ul li { display: inline-block; padding: 0; text-align: center; position: relative; -webkit-backface-visibility: hidden; } nav.content_menu ul li .arrow { background-image: url("img/content_menu_arrow.png"); background-position: 0 0; background-repeat: no-repeat; display: none; width: 11px; height: 7px; position: absolute; left: 50%; margin: -1px 0 0 -5px; -webkit-backface-visibility: hidden; } nav.content_menu.fixed ul li.active .arrow { display: none; } nav.content_menu ul li a { color: #c3c3c3; font-size: 13px; text-decoration: none; display: inline-block; position: relative; cursor: pointer; padding: 21px 20px; margin: 0; } nav.content_menu ul li a span { display: block; width: 100%; text-transform: uppercase; letter-spacing: 1px; line-height: 18px; padding: 12px 0 0 0; font-weight: 600; } nav.content_menu ul li i { color: #c3c3c3; margin: 4px 0 0 0; font-size: 24px; line-height: 1em; display: block; } nav.content_menu ul li i.undefined { display: none; } nav.content_menu ul li.active:hover i, nav.content_menu ul li:hover i, nav.content_menu ul li.active:hover a, nav.content_menu ul li:hover a { color: #1abc9c; } nav.content_menu ul li.active i, nav.content_menu ul li.active a { color: #303030; } nav.content_menu .nav_select_menu { display: none; border: 1px solid #eaeaea; } nav.content_menu .nav_select_menu .nav_select_button { cursor: pointer; display: block; height: 40px; position: relative; width: 40px; line-height: 40px; text-align: center; float: right; } nav.content_menu .nav_select_menu ul { display: none; border: 0; width: 100%; position: relative; top: 0; text-align: left; padding: 0 0 10px 0; float: left; z-index: 100; zoom: 1; } nav.content_menu .nav_select_menu ul li { display: block; border: 0; float: none; padding: 0; margin: 0; text-align: left; position: relative; -webkit-backface-visibility: hidden; } nav.content_menu .nav_select_menu ul li a { line-height: 30px; } nav.content_menu .nav_select_menu ul li a i { width: 12px; text-align: center; } .boxed nav.content_menu.fixed { padding: 0; width: 1100px; } .section_inner_margin, .parallax_section_inner_margin { margin-left: -15px; margin-right: -15px; } .wpcf7 form.wpcf7-form p { margin-bottom: 20px; } input.wpcf7-form-control.wpcf7-text, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-date, textarea.wpcf7-form-control.wpcf7-textarea, select.wpcf7-form-control.wpcf7-select { width: 100%} input.wpcf7-form-control.wpcf7-text, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-date, textarea.wpcf7-form-control.wpcf7-textarea, select.wpcf7-form-control.wpcf7-select, input.wpcf7-form-control.wpcf7-quiz { margin: 5px 0 0; padding: 15px; border: 0; outline: 0; resize: none; font-size: 13px; line-height: 17px; background-color: #fff; color: #818181; font-family: 'Raleway'; font-weight: 400; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input.wpcf7-form-control.wpcf7-quiz { margin-left: 15px; } span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox input[type="checkbox"], span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio input[type="radio"] { position: relative; top: 2px; } span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox input[type="checkbox"] { margin-left: 5px; } input.wpcf7-form-control.wpcf7-submit { position: relative; display: inline-block; width: auto; height: 39px; line-height: 36px; margin: 0; padding: 0 23px; font-size: 13px; font-weight: 700; font-family: 'Raleway', sans-serif; text-align: left; text-decoration: none; cursor: pointer; white-space: nowrap; outline: 0; font-style: normal; text-transform: uppercase; letter-spacing: 1px; -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; text-shadow: none; background-color: transparent; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -ms-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } input.wpcf7-form-control.wpcf7-submit[disabled] { color: #818181; border: 2px solid #818181; cursor: not-allowed; } input.wpcf7-form-control.wpcf7-submit:not([disabled]) { border: 2px solid #303030; color: #303030; } input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover { background-color: #1abc9c; border-color: #1abc9c; color: #fff; text-decoration: none; } input.wpcf7-form-control.wpcf7-range { width: 100%} div.wpcf7-response-output { position: relative; padding: 17px 30px 17px 55px; color: #fff; text-transform: uppercase; font-weight: 500; margin-left: 0; margin-right: 0; font-weight: 500; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; border: 0; } div.wpcf7-response-output:before { font-family: 'FontAwesome', sans-serif; width: 20px; height: 20px; display: inline-block; color: #fff; position: absolute; left: 25px; } div.wpcf7-response-output.wpcf7-mail-sent-ok { background-color: #1abc9c; } div.wpcf7-response-output.wpcf7-mail-sent-ok:before { content: "\f087"} div.wpcf7-response-output.wpcf7-validation-errors { background-color: #f1c40f; } div.wpcf7-response-output.wpcf7-validation-errors:before { content: "\f12a"} body .gform_wrapper .gform_fields .gfield { margin: 0 0 20px 0; } body .gform_wrapper .gf_progressbar_percentage, body .gform_wrapper .gf_step, body .gform_wrapper .gf_step span.gf_step_number, body .gform_wrapper .gfield_description, body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper textarea, body .gform_wrapper input[type="button"], body .gform_wrapper input[type="submit"], body .gform_wrapper input[type="reset"], body .gform_wrapper .chzn-container .chzn-single, body .gform_wrapper .chzn-container-single .chzn-single, body .gform_wrapper select { font-family: 'Raleway', sans-serif; } body .gform_wrapper .gf_progressbar, body .gform_wrapper .chzn-container .chzn-single, body .gform_wrapper .chzn-container-single .chzn-single, body .gform_wrapper .chzn-container-single .chzn-drop, body .gform_wrapper .chzn-container-multi .chzn-drop, body .gform_wrapper .chzn-container-active .chzn-single, body .gform_wrapper .chzn-container-active .chzn-choices { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } body .gform_wrapper .gf_progressbar, body .gform_wrapper .chzn-container .chzn-single, body .gform_wrapper .chzn-container-single .chzn-single, body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper textarea, body .gform_wrapper .chzn-container-single .chzn-single div, body .gform_wrapper .chzn-container-single .chzn-single b, body .gform_wrapper .chzn-container .chzn-drop, body .gform_wrapper .chzn-choices, body .gform_wrapper .chzn-container-multi .chzn-choices, body .gform_wrapper li.gfield.gfield_error, body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning, body .gform_wrapper select { border: 0; } body .gform_wrapper .gf_progressbar, body .gform_wrapper .chzn-container .chzn-single, body .gform_wrapper .chzn-container-single .chzn-single { background-image: none; } body .gform_wrapper .top_label .gfield_label, body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper textarea, body .gform_wrapper .ginput_left input:focus+label, body .gform_wrapper .ginput_right input:focus+label, body .gform_wrapper .ginput_full input:focus+label, body .gform_wrapper table.gfield_list thead th { font-weight: 400; } body .gform_wrapper .charleft { margin-top: 0; } body .gform_wrapper .gfield_description { padding: 5px 0 0 0; } body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper textarea, body .gform_wrapper select, body .gform_wrapper.gf_browser_chrome .ginput_complex select, body .gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select { padding: 15px; outline: 0; resize: none; box-sizing: border-box; } body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper textarea, body .gform_wrapper input[type="button"], body .gform_wrapper input[type="submit"], body .gform_wrapper input[type="reset"], body .gform_wrapper .chzn-container .chzn-single, body .gform_wrapper .chzn-container-single .chzn-single, body .gform_wrapper select { font-size: 13px; } body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper textarea, body .gform_wrapper .chzn-container .chzn-single, body .gform_wrapper .chzn-container-single .chzn-single { line-height: 17px; } body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper textarea, body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper .chzn-container .chzn-single, body .gform_wrapper .chzn-container-single .chzn-single, body .gform_wrapper .chzn-container-single .chzn-single b { background-color: #fff; } body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper textarea, body .gform_wrapper .chzn-container-single .chzn-single span, body .gform_wrapper select { color: #818181; } body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper textarea, body .gform_wrapper .chzn-container, body .gform_wrapper select { margin: 5px 0 0; } body .gform_wrapper input[type="button"], body .gform_wrapper input[type="submit"], body .gform_wrapper input[type="reset"] { position: relative; display: inline-block; width: auto; height: 39px; line-height: 36px; margin: 0; padding: 0 23px; border: 2px solid #303030; font-weight: 700; text-align: left; color: #303030; text-decoration: none; cursor: pointer; white-space: nowrap; outline: 0; font-style: normal; text-transform: uppercase; letter-spacing: 1px; -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; text-shadow: none; background-color: transparent; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -ms-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; } body .gform_wrapper input[type="button"]:hover, body .gform_wrapper input[type="submit"]:hover, body .gform_wrapper input[type="reset"]:hover { background-color: #1abc9c; border-color: #1abc9c; color: #fff; text-decoration: none; } body .gform_wrapper .chzn-container .chzn-single, body .gform_wrapper .chzn-container-single .chzn-single { height: auto; padding: 15px 2%} body .gform_wrapper .chzn-container-single .chzn-single div b { background-position: -18px 10px; } body .gform_wrapper .chzn-container-single .chzn-single-with-drop div b { background-position: -1px 10px; } body .gform_wrapper .chzn-container-single .chzn-search input { border: 1px solid #aaa; } body .gform_wrapper .chzn-choices { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0, #fff))!important; } body .gform_wrapper .chzn-choices .search-field .default { padding-left: 10%} body .gform_wrapper .chzn-container-multi .chzn-choices .search-field input { padding: 15px; } body .gform_wrapper div.validation_error, body .gform_wrapper .gform_confirmation_message { position: relative; padding: 17px 30px 17px 30px; color: #fff; text-transform: uppercase; margin-left: 0; margin-right: 0; font-weight: 500; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; border: 0; } body .gform_wrapper div.validation_error { background-color: #f1c40f; } body .gform_wrapper .gform_confirmation_message { background-color: #1abc9c; } body .gform_wrapper .ginput_complex .name_prefix, body .gform_wrapper .ginput_complex .name_suffix, body .gform_wrapper input.ginput_quantity { width: 60px!important; } body .gform_wrapper .datepicker { width: 105px!important; } body .gform_wrapper .gfield_time_ampm select { min-width: 80px; } body .gform_wrapper .gfield_time_hour { vertical-align: middle; } body .gform_wrapper .button.gform_button_select_files { height: 31px; line-height: 24px; padding: 0 9px; font-size: 12px; margin-left: 10px; } .vertical_menu_enabled .q_slider, .vertical_menu_enabled .full_width, .vertical_menu_enabled .content .container, .vertical_menu_enabled .title_outer, .vertical_menu_enabled footer { padding-left: 260px; } .boxed.vertical_menu_enabled .q_slider, .boxed.vertical_menu_enabled .full_width, .boxed.vertical_menu_enabled .content .container, .boxed.vertical_menu_enabled .title_outer, .boxed.vertical_menu_enabled footer { padding-left: 0; } .boxed.vertical_menu_enabled, .boxed.vertical_menu_enabled footer.uncover { padding-left: 260px; } .vertical_menu_enabled .content .title .container { padding-left: 0; } .vertical_menu_enabled .content .container, .vertical_menu_enabled .q_slider, .vertical_menu_enabled footer { width: auto; } aside.vertical_menu_area { position: fixed; width: 260px; top: 0; left: 0; padding: 10px 30px; background-color: #fff; height: 100%; z-index: 101; -webkit-backface-visibility: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; -o-transition: background-color .3s ease; -ms-transition: background-color .3s ease; transition: background-color .3s ease; outline: 0; } aside.vertical_menu_area.with_scroll { overflow: hidden; } aside.vertical_menu_area .vertical_menu_area_widget_holder { font-size: 13px; position: relative; } .vertical_menu_enabled.vertical_area_transparent .content { padding-left: 0; } .vertical_menu_transparency_on aside.vertical_menu_area.light .vertical_menu_area_widget_holder, .vertical_menu_transparency_on aside.vertical_menu_area.light .widget a, .vertical_menu_transparency_on aside.vertical_menu_area.light .q_social_icon_holder i.simple_social { color: #fff; } .vertical_menu_transparency_on aside.vertical_menu_area.dark .vertical_menu_area_widget_holder, .vertical_menu_transparency_on aside.vertical_menu_area.dark .widget a, .vertical_menu_transparency_on aside.vertical_menu_area.dark .q_social_icon_holder i.simple_social { color: #000; } .vertical_menu_enabled header { display: block; } .vertical_menu_enabled header .header_inner { display: none; } .vertical_area_background { position: fixed; width: 260px; height: 100%; background-position: right top; background-repeat: no-repeat; background-size: cover; top: 0; left: 0; z-index: 0; -webkit-transition: opacity .6s ease; -moz-transition: opacity .6s ease; -o-transition: opacity .6s ease; -ms-transition: opacity .6s ease; transition: opacity .6s ease; opacity: 1; } .vertical_logo_wrapper { z-index: 100; position: relative; } .vertical_logo_wrapper img { max-width: 100%; position: absolute; top: 0; left: 0; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -o-transition: opacity .3s ease; -ms-transition: opacity .3s ease; transition: opacity .3s ease; } .q_logo_vertical img.normal { position: relative; } .q_logo_vertical img.light, .q_logo_vertical img.dark { opacity: 0; } .vertical_menu_transparency_on .light .q_logo_vertical img.normal { opacity: 0; } .vertical_menu_transparency_on .light .q_logo_vertical img.light { opacity: 1; } .vertical_menu_transparency_on .light .q_logo_vertical img.dark { opacity: 0; } .vertical_menu_transparency_on .dark .q_logo_vertical img.normal { opacity: 0; } .vertical_menu_transparency_on .dark .q_logo_vertical img.light { opacity: 0; } .vertical_menu_transparency_on .dark .q_logo_vertical img.dark { opacity: 1; } nav.vertical_menu { position: relative; z-index: 101; margin: 45px 0 0 0; } .vertical_menu ul { list-style: none; } .vertical_menu ul li { position: relative; } nav.vertical_menu>ul>li>a { position: relative; color: #303030; font-size: 13px; font-weight: 700; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; display: block; position: relative; line-height: 34px; padding: 0; margin: 0; cursor: pointer; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; -o-transition: color .3s ease; -ms-transition: color .3s ease; transition: color .3s ease; } .vertical_menu_transparency_on .light nav.vertical_menu>ul>li>a { color: #fff; } .vertical_menu_transparency_on .dark nav.vertical_menu>ul>li>a { color: #000; } .vertical_menu .second .inner { position: relative; display: block; padding: 0; z-index: 997; } .vertical_menu_toggle .second .inner_arrow { display: none; } .vertical_menu .second .inner>ul>li>a:hover { color: #303030; } .vertical_menu_toggle .second { margin: 0; display: none; overflow: hidden; z-index: 10; } .vertical_menu_toggle .second ul ul { display: none; } nav.vertical_menu_toggle ul li a { display: block; } nav.vertical_menu_toggle ul li a .line { display: none; } nav.vertical_menu_toggle ul>li.menu-item-has-children>a>.plus { float: right; width: 20px; height: 8px; margin: 12px 0 0 0; z-index: 10000; display: block; position: relative; background-image: url('img/vertical_menu_cross.png'); background-repeat: no-repeat; background-position: 100%; -o-background-size: 8px 8px; -webkit-background-size: 8px 8px; -moz-background-size: 8px 8px; background-size: 8px 8px; } nav.vertical_menu_toggle ul li ul>li.menu-item-has-children>a>.plus { margin: 5px 0 0 0; } .no-touch nav.vertical_menu_toggle ul>li.menu-item-has-children>a:hover>.plus { background-image: url('img/vertical_menu_minus.png'); } .touch nav.vertical_menu_toggle ul>li.menu-item-has-children.open>a>.plus { background-image: url('img/vertical_menu_minus.png'); } nav.vertical_menu_toggle ul li.menu-item-has-children a span { display: inline-block; max-width: 180px; } .vertical_menu_transparency_on .light nav.vertical_menu_toggle ul>li.menu-item-has-children>a>.plus { background-image: url('img/vertical_menu_cross_white.png'); } .vertical_menu_transparency_on .light nav.vertical_menu_toggle ul>li.menu-item-has-children>a:hover>.plus { background-image: url('img/vertical_menu_minus_white.png'); } .vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul>li.menu-item-has-children>a>.plus { background-image: url('img/vertical_menu_cross_black.png'); } .vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul>li.menu-item-has-children>a:hover>.plus { background-image: url('img/vertical_menu_minus_black.png'); } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:150/100), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:160dpi) { nav.vertical_menu_toggle ul li.menu-item-has-children a .plus { background-image: url('img/vertical_menu_cross@1_5x.png'); } .no-touch nav.vertical_menu_toggle ul>li.menu-item-has-children>a:hover>.plus { background-image: url('img/vertical_menu_minus@1_5x.png'); } .touch nav.vertical_menu_toggle ul>li.menu-item-has-children.open>a>.plus { background-image: url('img/vertical_menu_minus@1_5x.png'); } .vertical_menu_transparency_on .light nav.vertical_menu_toggle ul li.menu-item-has-children a .plus { background-image: url('img/vertical_menu_cross_white@1_5x.png'); } .vertical_menu_transparency_on .light nav.vertical_menu_toggle ul>li.menu-item-has-children>a:hover>.plus { background-image: url('img/vertical_menu_minus_white@1_5x.png'); } .vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul li.menu-item-has-children a .plus { background-image: url('img/vertical_menu_cross_black@1_5x.png'); } .vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul>li.menu-item-has-children>a:hover>.plus { background-image: url('img/vertical_menu_minus_black@1_5x.png'); } }@media only screen and (-webkit-min-device-pixel-ratio:2.0), only screen and (min--moz-device-pixel-ratio:2.0), only screen and (-o-min-device-pixel-ratio:200/100), only screen and (min-device-pixel-ratio:2.0), only screen and (min-resolution:210dpi) { nav.vertical_menu_toggle ul li.menu-item-has-children a .plus { background-image: url('img/vertical_menu_cross@2x.png'); } .no-touch nav.vertical_menu_toggle ul>li.menu-item-has-children>a:hover>.plus { background-image: url('img/vertical_menu_minus@2x.png'); } .touch nav.vertical_menu_toggle ul>li.menu-item-has-children.open>a>.plus { background-image: url('img/vertical_menu_minus@2x.png'); } .vertical_menu_transparency_on .light nav.vertical_menu_toggle ul li.menu-item-has-children a .plus { background-image: url('img/vertical_menu_cross_white@2x.png'); } .vertical_menu_transparency_on .light nav.vertical_menu_toggle ul>li.menu-item-has-children>a:hover>.plus { background-image: url('img/vertical_menu_minus_white@2x.png'); } .vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul li.menu-item-has-children a .plus { background-image: url('img/vertical_menu_cross_black@2x.png'); } .vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul>li.menu-item-has-children>a:hover>.plus { background-image: url('img/vertical_menu_minus_black@2x.png'); } }nav.vertical_menu_toggle ul li a .q_menu_arrow { display: none; } nav.vertical_menu_toggle li.narrow .second .inner ul { background-color: transparent; padding: 0; width: 100%} nav.vertical_menu_toggle li.narrow .second .inner ul ul { display: none; } .vertical_menu_toggle .second .inner ul li a { display: block; height: auto; font-family: inherit; font-size: 13px; line-height: 18px; color: #818181; margin: 0; padding: 5px 0 5px 0; text-decoration: none; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; -o-transition: color .3s ease; -ms-transition: color .3s ease; transition: color .3s ease; } .vertical_menu_transparency_on .light .vertical_menu_toggle .second .inner ul li a { color: #fff; } .vertical_menu_transparency_on .dark .vertical_menu_toggle .second .inner ul li a { color: #000; } .vertical_menu_toggle .second .inner ul ul li a { padding-left: 15px; } .vertical_menu_area_widget_holder { margin: 60px 0 0 0; } .vertical_menu_enabled .carousel-inner:not(.relative_position) { left: 260px!important; } .vertical_menu_area .q_social_icon_holder { margin: 0 8px 2px 0!important; } .vertical_menu_enabled .content { margin-top: 0!important; padding-top: 0!important; } .boxed.vertical_menu_enabled .carousel-inner { width: 1150px!important; left: auto!important; } .vertical_menu_enabled.vertical_menu_transparency .full_section_inner { overflow: hidden; } .vertical_menu_enabled.vertical_menu_transparency_on aside.vertical_menu_area { background-color: transparent!important; } .vertical_menu_enabled.vertical_menu_transparency_on aside.vertical_menu_area .vertical_area_background { -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -o-transition: opacity .3s ease; -ms-transition: opacity .3s ease; transition: opacity .3s ease; opacity: 0!important; } .vertical_menu_enabled.vertical_menu_transparency .q_slider { padding-left: 0; } .vertical_menu_enabled.vertical_menu_enabled.vertical_menu_transparency .carousel-inner:not(.relative_position) { left: 0!important; } .boxed.vertical_menu_enabled.vertical_menu_enabled.vertical_menu_transparency .carousel-inner:not(.relative_position) { left: auto!important; } .vertical_menu_enabled.vertical_menu_transparency .carousel-control.left { bottom: 60px; height: 44px; right: 105px; top: auto; width: 44px; } .vertical_menu_enabled.vertical_menu_transparency .carousel-control.right { bottom: 60px; height: 44px; right: 50px; top: auto; width: 44px; } .vertical_menu_enabled.vertical_menu_transparency .carousel-control .prev_nav { left: 0; margin: 0; top: 0; height: 40px; width: 40px; line-height: 40px; } .vertical_menu_enabled.vertical_menu_transparency .carousel-control .next_nav { margin: 0; right: 0; top: 0; height: 40px; width: 40px; line-height: 40px; } .vertical_menu_enabled.vertical_menu_transparency .carousel-control i { font-size: 24px; line-height: 40px; } .vertical_menu_enabled.vertical_menu_transparency .carousel-indicators { display: none!important; } .vertical_menu_enabled.page-template-landing_page-php .q_slider, .vertical_menu_enabled.page-template-landing_page-php .full_width, .vertical_menu_enabled.page-template-landing_page-php .content .container, .vertical_menu_enabled.page-template-landing_page-php .title_outer, .boxed.vertical_menu_enabled.page-template-landing_page-php, .vertical_menu_enabled.page-template-landing_page-php .full_screen_holder { padding-left: 0!important; } .vertical_menu_enabled.page-template-landing_page-php .carousel-inner:not(.relative_position) { left: 0!important; } .popup_menu_inner { display: inline-block; height: 2px; position: relative; top: -1px; vertical-align: middle; width: 20px; position: relative; width: 20px; } .popup_menu .line { background-color: #9d9d9d; height: 2px; margin: 0; width: 13px; top: 0; left: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transform: all .3s ease-in-out; transition: all .3s ease-in-out; position: absolute; display: inline-block; } .popup_menu .line:after, .popup_menu .line:before { background-color: #9d9d9d; content: ""; display: block; height: 2px; position: absolute; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transform: all .3s ease-in-out; transition: all .3s ease-in-out; width: 13px; z-index: -1; -webkit-backface-visibility: hidden; } @media only screen and (min-width:1000px) { .dark: not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line, .dark:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:before, .dark:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:after { background-color: #000; } .light:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line, .light:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:before, .light:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:after { background-color: #fff; } }.popup_menu .line:before { top: -4px; } .popup_menu .line:after { top: 4px; } .side_menu_button .popup_menu:hover { opacity: .8; } .popup_menu.opened .line { background-color: transparent!important; } .popup_menu.opened .line:after { background-color: #fff; top: 0!important; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .popup_menu.opened .line:before { background-color: #fff; top: 0!important; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .popup_menu_holder_outer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; z-index: 105; } .popup_menu_holder { width: 100%; height: 100%; background-color: rgba(48, 48, 48, 0.95); -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; display: table; } .popup_menu_holder_inner { display: table-cell; vertical-align: middle; padding: 100px 0; } .popup_menu_opened .main_menu, .popup_menu_opened .side_menu_button a:not(.popup_menu), .popup_menu_opened #back_to_top, .popup_menu_opened .header_top, .popup_menu_opened header .tooltip, .popup_menu_opened .mobile_menu_button { visibility: hidden!important; } .popup_menu_opened .side_menu_button .shopping_cart_header { display: none; } .popup_menu_opened .popup_menu_holder_outer { visibility: visible; opacity: 1; } .touch .popup_menu_holder_outer { display: none; } .touch .popup_menu_opened .popup_menu_holder_outer { display: block; } .popup_menu_opened header.scrolled .header_bottom, .popup_menu_opened header.sticky .header_bottom { background-color: transparent!important; box-shadow: none; } .popup_menu_opened .header_top, .popup_menu_opened .header_bottom { background-color: transparent!important; border: 0!important; } .popup_menu_opened .q_logo img.normal, .popup_menu_opened .q_logo img.light, .popup_menu_opened .q_logo img.sticky, .popup_menu_opened .q_logo img.dark { opacity: 0!important; } .popup_menu_opened header .q_logo img.popup { opacity: 1!important; } nav.popup_menu { margin: 0 auto; position: relative; top: 0; text-align: left; } nav.popup_menu ul { display: none; position: relative; list-style: none; padding: 0; margin: 0; } nav.popup_menu>ul { display: block; } nav.popup_menu ul li { margin: 0; padding: 0; text-align: center; font-size: 45px; line-height: 50px; } nav.popup_menu ul li a, nav.popup_menu ul li h6 { font-size: 24px; font-weight: 500; line-height: 50px; letter-spacing: 2px; color: #fff; padding: 0; display: block; position: relative; text-decoration: none; text-transform: uppercase; cursor: pointer; } nav.popup_menu ul li a:hover, nav.popup_menu ul li h6:hover { color: #9c9c9c; } nav.popup_menu ul li a span, nav.popup_menu ul li h6 span { display: inline-block; vertical-align: middle; } nav.popup_menu ul li ul li a, nav.popup_menu ul li ul li h6 { font-size: 14px; text-transform: none; } nav.popup_menu ul li ul li ul li a, nav.popup_menu ul li ul li ul li h6 { font-size: .5em; line-height: 1em; } .popup_menu.medium .popup_menu_inner, .popup_menu.medium .line, .popup_menu.medium .line:after, .popup_menu.medium .line:before { height: 3px; width: 19px; } .popup_menu.medium .line:before { top: -6px; } .popup_menu.medium .line:after { top: 6px; } .popup_menu.large .popup_menu_inner, .popup_menu.large .line, .popup_menu.large .line:after, .popup_menu.large .line:before { height: 4px; width: 24px; } .popup_menu.large .line:before { top: -8px; } .popup_menu.large .line:after { top: 8px; } .qode_pricing_list .qode_pricing_list_holder { list-style: none; } .qode_pricing_list .qode_pricing_list_item { position: relative; border-bottom: 1px solid #e7e7e7; padding: 19px 0; } .qode_pricing_list .qode_pricing_item_title { margin-bottom: 5px; font-size: 18px; font-weight: 600; } .qode_pricing_list .qode_pricing_item_text { padding-right: 170px; } .qode_pricing_list .qode_pricing_item_price { position: absolute; width: 170px; height: 100%; text-align: right; right: 0; top: 0; } .qode_pricing_list .qode_pricing_item_price_inner { display: table; height: 100%; width: 100%} .qode_pricing_list .qode_pricing_item_price_inner span { display: table-cell; vertical-align: middle; font-size: 30px; color: #303030; font-weight: 600; } .q_elements_holder { width: 100%; display: table; } .q_elements_holder .q_elements_item { display: table-cell; vertical-align: middle; height: 100%} .q_elements_holder .q_elements_item_inner { display: table; table-layout: fixed; width: 100%} .q_elements_holder.two_columns .q_elements_item { width: 50%} .q_elements_holder.three_columns .q_elements_item { width: 33.33333333333333%} .q_elements_holder.four_columns .q_elements_item { width: 25%} .content_top_margin .content .container .container_inner.page_container_inner { padding: 0; } .content_top_margin .content .container .container_inner .call_to_action { margin: 0 -15px; } .content_top_margin .content .container .container_inner .call_to_action .container_inner { width: 100%} .post-password-form { width: 300px; } .post-password-form p { margin-bottom: 20px; } .post-password-form input[type='password'] { width: 100%; display: block; margin: 5px 0 20px; padding: 15px 12px; border: 0; outline: 0; resize: none; font-size: 13px; line-height: 17px; background-color: #fff; color: #818181; font-family: inherit; font-weight: 400; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .post-password-form input[type='submit'] { position: relative; display: inline-block; width: auto; height: 39px; line-height: 39px; margin: 0; padding: 0 23px; border: 2px solid #303030; font-size: 13px; font-weight: 700; font-family: inherit; text-align: left; color: #303030; text-decoration: none; cursor: pointer; white-space: nowrap; outline: 0; font-style: normal; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; text-shadow: none; background-color: transparent; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -ms-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; -webkit-box-sizing: initial!important; -moz-box-sizing: initial!important; box-sizing: initial!important; } .post-password-form input[type='submit']:hover { background-color: #1abc9c; border-color: #1abc9c; color: #fff; text-decoration: none; } .full_screen_holder { position: relative; display: block; z-index: 100; } .full_screen_inner { height: 100%; position: relative; -ms-touch-action: none; touch-action: none; visibility: hidden; } .fp-section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0!important; } .fp-slide { float: left; } .fp-section.fp-table, .fp-slide.fp-table { display: table; width: 100%} .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%} .vertical_menu_enabled .full_screen_holder { padding-left: 260px; } .boxed.vertical_menu_enabled .full_screen_holder { padding-left: 0; } @media only screen and (max-width:1000px) { .vertical_menu_enabled .full_screen_holder { padding-left: 0; } }.full_screen_navigation_holder { position: absolute; left: 0; width: 100%; display: block; text-align: center; z-index: 10000; visibility: hidden; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .full_screen_navigation_holder.up_arrow { top: 30px; } .full_screen_navigation_holder.down_arrow { position: fixed; bottom: 30px; } .full_screen_navigation_inner { position: relative; display: inline-block; vertical-align: middle; } .full_screen_navigation_inner a { display: block; color: #393939; font-size: 40px; line-height: 1em; opacity: 1; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .full_screen_navigation_inner a:hover { opacity: .7; } .full_screen_navigation_inner i { font-size: inherit; color: inherit; line-height: inherit; } .full_screen_preloader { position: absolute; height: 1200px; width: 100%; display: block; background-color: #1c1c1c; z-index: 10001; } .full_screen_preloader .ajax_loader { position: absolute; display: block; } .qode_image_gallery_no_space { opacity: 0; } .qode_image_gallery_no_space .qode_image_gallery_holder { overflow: hidden; position: relative; width: 100%} .qode_image_gallery_no_space ul { margin: 0; overflow: hidden; padding: 0; } .qode_image_gallery_no_space ul li { float: left; list-style: none outside none; margin: 0; } @media only screen and (min-width:800px) { .qode_image_gallery_no_space.highlight_active ul li: not(.active) { opacity: .2; } .qode_image_gallery_no_space.highlight_active ul li { -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } }.qode_image_gallery_no_space ul li:not(.active) a { cursor: default; } .qode_image_gallery_no_space a.prettyphoto { display: block; width: 100%; height: 100%} .qode_image_gallery_no_space ul li img { display: block; position: relative; } .qode_image_gallery_no_space .controls { width: 100%} .qode_image_gallery_no_space .controls a.prev-slide, .qode_image_gallery_no_space .controls a.next-slide { vertical-align: middle; font-size: 30px; position: absolute; top: 0; height: 100%; width: 10%} .qode_image_gallery_no_space .controls a.prev-slide span, .qode_image_gallery_no_space .controls a.next-slide span { margin-top: -27px; margin-left: -27px; position: absolute; left: 50%; top: 50%; background-color: transparent; border: 2px solid #303030; color: #303030; cursor: pointer; display: block; height: 54px; line-height: 54px; text-align: center; width: 54px; border-radius: 40px; -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out; -moz-transition: color .15s ease-in-out, background-color .15s ease-in-out; -ms-transition: color .15s ease-in-out, background-color .15s ease-in-out; -o-transition: color .15s ease-in-out, background-color .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out; } .qode_image_gallery_no_space.light .controls a.prev-slide span, .qode_image_gallery_no_space.light .controls a.next-slide span { color: #fff; border-color: #fff; } .qode_image_gallery_no_space.dark .controls a.prev-slide span, .qode_image_gallery_no_space.dark .controls a.next-slide span { color: #000; border-color: #000; } .qode_image_gallery_no_space .controls a.prev-slide:hover span, .qode_image_gallery_no_space .controls a.next-slide:hover span { background-color: #303030; color: #fff; } .qode_image_gallery_no_space.light .controls a.prev-slide:hover span, .qode_image_gallery_no_space.light .controls a.next-slide:hover span { background-color: #fff; color: #8a8a8a; } .qode_image_gallery_no_space.dark .controls a.prev-slide:hover span, .qode_image_gallery_no_space.dark .controls a.next-slide:hover span { background-color: #000; color: #fff; } .qode_image_gallery_no_space .controls a.next-slide { right: 20px; } @media only screen and (max-width:800px) { .qode_image_gallery_no_space .qode_image_gallery_holder { height: auto!important; } .qode_image_gallery_no_space ul { height: auto!important; width: 100%!important; } .qode_image_gallery_no_space ul li { float: none; } .qode_image_gallery_no_space ul li.-before, .qode_image_gallery_no_space ul li.-after { display: none; } .qode_image_gallery_no_space ul li div { height: auto!important; width: 100%!important; } .qode_image_gallery_no_space ul li img { height: auto; width: 100%} .qode_image_gallery_no_space .controls { display: none; } }.countdown-rtl { direction: rtl; } .countdown-row { clear: both; width: 100%; padding: 0 2px; text-align: center; } .countdown-show1 .countdown-section { width: 98%} .countdown-show2 .countdown-section { width: 48%} .countdown-show3 .countdown-section { width: 32.5%} .countdown-show4 .countdown-section { width: 24.5%} .countdown-show5 .countdown-section { width: 19.5%} .countdown-show6 .countdown-section { width: 16.25%} .countdown-show7 .countdown-section { width: 14%} .countdown { font-weight: 700; } .countdown-section { display: inline-block; vertical-align: middle; text-align: center; font-weight: inherit; } .countdown-amount { display: block; position: relative; font-size: 60px; line-height: 60px; margin-bottom: 20px; color: inherit; } .countdown_separator { display: none; width: 30px; height: 2px; background-color: #818181; margin: 30px 0; opacity: .3; } .countdown.show_separator .countdown_separator { display: inline-block; } .countdown.show_separator .countdown-amount { margin: 0; } .countdown-period { display: block; font-size: 15px; letter-spacing: 1px; text-transform: uppercase; color: inherit; } .countdown-descr { display: block; width: 100%} @media only screen and (max-width:1000px) { .countdown-amount { font-size: 50px!important; line-height: 50px!important; } .countdown-period { font-size: 15px!important; } .countdown_separator { width: 30px; } }@media only screen and (max-width:600px) { .countdown-amount { font-size: 40px!important; line-height: 40px!important; margin-bottom: 15px; } .countdown-period { font-size: 12px!important; } .countdown_separator { width: 20px; margin: 25px 0 20px 0; } }@media only screen and (max-width:600px) { .countdown-amount { font-size: 35px!important; line-height: 35px!important; margin-bottom: 10px; } .countdown-period { font-size: 10px!important; } .countdown_separator { width: 15px; margin: 20px 0 15px 0; } }

Related: See More


Questions / Comments: