/* Theme Name: Specular Description: Specular is a multi-purpose wordpress theme. Codeless Themes are simple and powerful. Create awesome portfolio, corporate, business, restaurant and much much more pages with this theme. Version: 3.2.7 Author: Codeless Text Domain: codeless Author URI: http://www.codeless.co License URI: http://www.gnu.org/licenses/gpl-2.0.html License: GNU General Public License Theme URI: http://www.codeless.co/specular Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready */ /*----------------------------------------------------------------------------------- [Table of contents] 1. Base WP 2. Typography 3. Top Navigation 4. Header .Base .Menu .Responsive Menu .Tools .Search .Different Headers ..Header1 ..Header2 ..Header3 ..Header4 ..Header5 ..Header6 ..Header7 ..Header8 ..Header9 ..Header10 ..Header11 ..Header12 .Page Headers (Intro) 5. Layout 6. Footer 7. Blogs .Overall .Post like .Timeline Blog .Standard Blog .Alt. Blog .Grid Blog .Eye Catching Blog .Author Box .Comments 8. Buttons 9. Sidebar 10. Sliders .LayerSlider .Revolution Slider .Swiper Slider .Codeless Slider .Codeless News .Codeless Gallery Carousel 11. Portfolio Navigation 12. Portfolio .Overlayed .Grayscaled .Basic .Chrome .Layout .Isotope 13. Single Portfolio 14. Tabs .Style1 .Style2 .Style3 15. Services List * 16. Media * 17. Faq Filter * 18. Accordion / Toggles* 19. Side Navigation (Left Nav)* 20. Single Post Navigation 21. Elements .Block Title .Lists .Single Staff Member .Modern Staff .Services Small .Clients .Textbar .Services Medium .Counter .Chart Skill .Button .Skills .Testimonial .Services Large .Services Media .Google Map .Testimonial Carousel .Testimonial Cycle .Services Steps .Recent Portfolio .Latest From Blog .Recent News .Separator .CountDown .Price List .Widgetized .MailChimp 22. Carousel Modern Pagination 23. Contact Form 7 24. Search & Extra Navigation 25. 404 Not Found -----------------------------------------------------------------------------------*/ /* ------------------------------------------------------- BASE WP ---------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------- */ html { overflow-x:hidden; } body { margin-right:0 !important; -webkit-font-smoothing:antialiased; } .light h1, .light h2,.light h3,.light h4, .light h5, .light h6{ color:#fff; } body .light{color:#eee;} .wp-caption { max-width: 100%; } .wp-caption-text { margin:10px 0; text-align: center; font-size:14px; font-style:italic; } .wp-caption { max-width: 100%; padding: 4px; float: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-top:20px; margin-bottom: 10px; float:left; } .wp-caption.alignleft { margin-right: 20px; float:left; } .wp-caption.alignright { margin-left: 20px; float:right; } .wp-caption-text { padding-left: 7px; margin-bottom: 7px; text-align: center; font-size: 13px; } .sticky { display:inherit; } .gallery-caption { display:inherit; } .bypostauthor { display:inherit; } .alignleft { float: left; margin: 1em 1em 2em 0; } .alignright { float:right; margin-left:20px; } .aligncenter { display:block; float:none !important; margin-left:auto; margin-right:auto; } .wp-caption > a { display:block; padding:5px; padding-bottom:0px; } table{ margin-bottom:20px; margin-top:20px; } .wp-caption.alignleft{ margin-right:20px; } .wp-caption.alignright{ margin-left:20px; } .wp-caption-text { padding-left:7px; margin-bottom:7px; text-align:center; font-size:13px; } #content .row > .span12 > h1, #content .row > .span12 > h2, #content .row > .span12 > h3, #content .row > .span12 > h4, #content .row > .span12 > h5, #content .row > .span12 > h6 { margin: 1.414em 0 0.5em; } #content .row > .span12 > p { margin-bottom: 1.3em; margin-top:0; } article .content .text h1, article .content .text h2, article .content .text h3, article .content .text h4, article .content .text h5, article .content .text h6{ margin: 1.414em 0 0.5em; } article .content .text > p { margin-bottom: 1.3em; margin-top:0; } .comment .comment_text h1, .comment .comment_text h2, .comment .comment_text h3, .comment .comment_text h4, .comment .comment_text h5, .comment .comment_text h6{ margin: 1.414em 0 0.5em; } .comment .comment_text > p { margin-bottom: 1.3em; margin-top:0; } article .content .text table, #content .row > .span12 table, #comments table { border-collapse: collapse; margin: 0 0 1.5em; width: 100%; } article .content .text thead th, #content .row > .span12 table thead th, #comments table thead th { border-bottom: 2px solid #bbb; padding-bottom: 0.5em; } article .content .text th, #content .row > .span12 table th, #comments table th { padding: 0.4em; text-align: left; } article .content .text tr, #content .row > .span12 table tr, #comments table tr { border-bottom: 1px solid #eee; } article .content .text td, #content .row > .span12 table td, #comments table td { padding: 0.4em; } article .content .text th:first-child, #content .row > .span12 table th:first-child, article .content .text td:first-child, #content .row > .span12 table td:first-child, #comments table th:first-child, #comments table td:first-child { padding-left: 5px; } article .content .text th:last-child, #content .row > .span12 table th:last-child, article .content .text td:last-child, #content .row > .span12 table th:last-child, #comments table th:last-child, #comments table td:last-child { padding-right: 0; } .wp-caption-text,.gallery-caption,.entry-caption { line-height:1.5em; } img.wp-smiley,.rsswidget img { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; box-shadow:none; margin-bottom:0; margin-top:0; padding: 0; } /* WP Quick Gallery*/ .entry-content dl.gallery-item { margin:0; } .sticky { padding:5% !important; width:90%; background:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .post-password-form input[type="password"]{ background:#fff; height:30px; } article embed{max-width:100%;} a { -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration: 0.4s; } .scrollup { width:50px; height:50px; position:fixed; bottom:50px; right:100px; display:none; text-indent:-9999px; background-image: url('img/icon_top.png'); background-repeat:no-repeat; background-position:center; background-color:rgba(34,34,34,0.6); border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; } .tp-caption a i{color:#fff !important;} /* ------------------------------------------------------- End Base WP ------------------------------------------------------ */ /* -------------------------------------------------------------------------------------------------------------------------- */ /* ------------------------------------------------------- Typography ------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------- */ body{ -webkit-font-smoothing: subpixel-antialiased; } h1 { line-height:46px; margin-top:0; margin-bottom:0; } h2 { line-height:20px; margin-top:0; margin-bottom:0; } h3 { line-height:20px; margin-top:0; margin-bottom:0; } h4 { line-height:20px; margin-top:0; margin-bottom:0; } h5 { line-height:20px; margin-top:0; margin-bottom:0; } h6 { line-height:20px; margin-top:0; margin-bottom:0; } h1 > a,h2 > a,h3 > a,h4 > a,h5 > a,h6 > a{color:inherit;} /* ------------------------------------------------------- End Typography --------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------- */ /* ------------------------------------------------------- Top Header ------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------- */ .top_nav { width:100%; position:relative; top:0; left:0; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; opacity:1; z-index:33; } .adjustsub .menu li .sub-menu { top:58px; } .top_nav .widget { float:left; display:table; padding-left:8px; padding-right:8px; } .top_nav .widget span { } .top_nav .widget:first-child { padding-left:0; border-left:none; } .top_nav .widget:last-child { padding-right:0; border-right:none; } .top_nav .widget_text { float:left; } .topinfo{margin-top:5px;} .top_nav .topinfo .phone{background:url(img/phone.png) no-repeat 0; width:20px; height:20px; padding-left:21px; padding-right:21px;} .top_nav .topinfo .email{background:url(img/envelope.png) no-repeat 0; width:20px; height:20px; padding-left:21px; padding-right:5px;} .top_nav .widget { } .top_nav .textwidget{ display: table-cell; vertical-align: middle; text-align: center; } .top_nav .social_widget ul { margin:0; padding:0; list-style:none; padding-top:5px } .top_nav .social_widget ul li { height: auto; float:left; margin-right:10px; opacity: 1 !important; position: relative; overflow: hidden; } .top_nav .social_widget ul li:first-child { margin-left:0; } .top_nav .social_widget ul li a { float:left; width:100%; } .top_nav .social_widget .row-fluid { display:none } .top_nav .social_widget .social_row { display:block; } .top_nav .social_widget li i { float:left; width:100%; height:100%; line-height:26px; font-size:17px; display:block; text-align:center; padding-left:0; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; position: relative; z-index: 9999; } .top_nav .social_widget li a:hover { text-decoration:none; display:block; } .top_nav .megamenu_container{ height: 100%; float: left; display: table; } .top_nav .social_widget ul li:last-child { margin-right:0 } .top_nav .widget ul { list-style:none; margin:0; padding:0; display: table-cell; vertical-align: middle; text-align: center; } .top_nav .widget ul li { float:left; padding-left:5px; padding-right:5px; } .top_nav .icl_languages_selector a.lang_sel_sel { border:none !important; font-size:12px !important; line-height:21px !important; padding-left:0 !important; } .top_nav #lang_sel ul ul{left: 1px !important; background: #fafafa !important; top:31px !important; border-top:0px !important; visibility: visible !important; display: none;} .top_nav #lang_sel ul li:hover ul, .top_nav #lang_sel ul a:hover ul {display: block !important;} .top_nav #lang_sel ul ul li{border: 1px solid #eef1f2 !important; border-bottom: none !important; background: #fafafa !important; color:#555 !important; padding-top: 5px !important; padding-bottom:5px !important;} .top_nav #lang_sel ul ul li:last-child{border-bottom: 1px solid #eef1f2 !important;} .top_nav #lang_sel ul ul li :hover{background: #fafafa !important;} .top_nav #lang_sel ul ul a{background: #fafafa !important;} .top_nav #lang_sel a, .top_nav #lang_sel a:visited{border:none;} .top_nav #lang_sel > ul > li{height:40px;} .top_nav .widget.icl_languages_selector{margin-top:9px; height:15px;} .top_nav .icl_languages_selector img.iclflag { top:-1px !important; } .top_nav .icl_languages_selector li { width:97px !important; } .top_nav .icl_languages_selector ul ul li { width:160px !important; } .top_nav .icl_languages_selector ul,.top_nav .icl_languages_selector li { z-index:50000; } .top_nav .icl_languages_selector ul ul { width:160px !important; left:-21px !important; } .top_nav .icl_languages_selector ul ul a,.top_nav .icl_languages_selector ul ul a:visited { padding-left: 21px !important; } .top_nav .icon_text{ display: table-cell; vertical-align: middle; text-align: center; float:none; } .top_nav .widget_search input[type="text"] { border:1px solid #e1e1e1 !important; width:100%; height:30px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:5px 13px; border-radius:none; -webkit-border-radius:none; -moz-border-radius:none; } .top_nav #search-form:after{ content: "\e1b7"; font-family: 'moon'; font-weight:normal; font-style:normal; text-decoration:inherit; -webkit-font-smoothing:antialiased; position:absolute; right:15px; top:7px; font-size:14px; display:inline; width:auto; height:auto; line-height:normal; vertical-align:baseline; background-image:none; background-position:0% 0%; background-repeat:repeat; margin-top:0; color:#bbb; } .top_nav #search-form{width:100%; float:left; position:relative; margin-bottom:0; margin-top:5px;} .top_nav #search-form .more, .top_nav #search-form .more{ display:none; } @media (max-width:767px){ .top_nav_mobile{ height:auto !important; padding-top:5px; padding-bottom:10px; } .top_nav_mobile .widget{ height:auto !important; padding-top:5px; padding-left: 0 !important; display: block !important; } .top_nav_mobile .span6{ min-height:auto; } .top_nav_mobile .pull-right{ float:left } .top_nav_mobile .widget ul li:first-child{ padding-left:0 !important; } } /* ------------------------------------------------------- End Top Header --------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------- Header --------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------- */ #logo { float:left; height:100% } #logo a{ float:left; height:100%; } header#header { position:relative; z-index:10000; } #logo img { max-width:none; top:50%; position:relative; } #logo img.dark{ display:block; visibility: visible; } #logo img.light{ display:none; visibility: hidden; } .background--dark #logo img.light{ display:block; visibility: visible; } .background--dark #logo img.dark{ display:none; visibility: hidden; } .logo_only_sticky .header_wrapper #logo{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; opacity:0; } @media (max-width:979px){ body.sticky_on_mobile .header_wrapper{ position:fixed !important; top:0; left:0; } body.sticky_on_mobile.admin-bar .header_wrapper{ top:32px; } } .header_wrapper { width:100%; position:relative; float:left; z-index:32; } header#header .container { position:relative; } header#header .row-fluid .span12 header#header .row-fluid { -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } header#header.animate_this .row-fluid { padding-top:0; padding-bottom:0; } header#header.animate_reverse .row-fluid { padding-top:22px; padding-bottom:22px; } /* -------------------------------- Menu --------------------------------- */ /* ----------------------------------------------------------------------- */ header#header #navigation { float:right; height:100%; } nav { float:left; width:100%; height:100%; } nav .menu { float:left; padding:0; margin:0; list-style:none; text-align:center; height:100%; margin-top:0 } nav .menu li { float:left; position:relative; height:100%; } nav .menu>li:hover>a { } nav .menu>li>a { position:relative; top:50%; margin-top:-10px; float: left; } nav .menu li a:hover { text-decoration:none; } nav .menu > li > ul.sub-menu, nav .menu > li > ul.sub-menu ul { list-style:none; margin:0 !important; display:none; position:absolute; left:0; top:100%; left:6px; z-index:9999999; padding:10px; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1); box-shadow:0 2px 2px rgba(0,0,0,0.1); } nav .menu li > ul.sub-menu li { z-index:50005; float:left; text-align:left; margin:0 !important; padding:0 !important; height:auto; display:block; width:100%; } nav .menu li ul.sub-menu li a { float:left; padding:7px 12px; } nav .menu > li > ul.sub-menu li > .sub-menu { top:0 !important; left:100%; } nav .menu li ul.sub-menu li:last-child { border-bottom:none; } nav .codeless_custom_menu_mega_menu { display:none; position:absolute; right:0px; top:100%; z-index:9999999; width:160px; padding:10px; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1); box-shadow:0 2px 2px rgba(0,0,0,0.1); background-size: 100%; background-repeat: no-repeat; background-position: bottom left; } nav .codeless_custom_menu_mega_menu.codeless_mega1 { width:255px !important; } nav .codeless_custom_menu_mega_menu.codeless_mega1 li { width:195px !important; } nav .codeless_custom_menu_mega_menu.codeless_mega2 { width:600px !important; left:0; } nav .codeless_custom_menu_mega_menu.codeless_mega2 li { width:280px !important; } nav .codeless_custom_menu_mega_menu.codeless_mega3 { width:620px !important; } nav .codeless_custom_menu_mega_menu.codeless_mega3 li { width:174px !important; } nav .codeless_custom_menu_mega_menu.codeless_mega4 { width:1100px !important; } nav .codeless_custom_menu_mega_menu.codeless_mega4 li { width:240px !important; } nav .codeless_custom_menu_mega_menu.codeless_mega5 { width:1100px !important; } nav .codeless_custom_menu_mega_menu.codeless_mega5 li { width:198px !important; } nav .codeless_custom_menu_mega_menu li:first-child{border-left:none;} nav .codeless_custom_menu_mega_menu li li { margin-left:0 !important; } nav .codeless_custom_menu_mega_menu ul ul ul { margin-top:0px; margin-bottom:0; } nav .codeless_custom_menu_mega_menu ul>li { float:left; padding:0; margin:0; height:auto; padding-left:10px; padding-right:10px; } nav .codeless_custom_menu_mega_menu ul>li li { margin-left:0 !important; } nav .codeless_custom_menu_mega_menu ul>li h6{ margin-top:10px; text-align: left; padding-left:12px; margin-bottom:10px; font-weight:600; } nav .codeless_custom_menu_mega_menu ul { float:left; display:block !important; position:relative !important; margin:0; padding:0; background-color:transparent !important; border-top:none !important; list-style:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; } nav .codeless_custom_menu_mega_menu > ul{ float:left; display:block; padding:15px !important; width:100%; } nav .codeless_custom_menu_mega_menu > ul > li:first-child{ margin-left:0 !important; } nav .menu li:first-child { margin-left: 0; } .header_wrapper:not(.header_8) nav .menu > li:last-child{padding-right:0; margin-right:0;} .select-menu { display:none } /* -------------------------------- End Menu ----------------------------- */ /* ----------------------------------------------------------------------- */ /* -------------------------------- Responsive Menu ---------------------- */ /* ----------------------------------------------------------------------- */ .mobile_small_menu{ display:none; position: absolute; top: 50%; margin-top: -10px; } .mobile_small_menu.open:before{ content: "\f0c9"; font-family: FontAwesome; font-size:24px; line-height:21px; } .mobile_small_menu.close:before{ content: "\f0c9"; font-family: FontAwesome; font-size:24px; line-height:21px; } .menu-small{ display: none; float: left; width: 100%; z-index: 100000; position: relative; } .menu-small ul.menu{list-style:none; margin:0; padding:0; padding-top:20px; padding-bottom:20px;float:left;width:100%;} .menu-small ul.menu:first-child{padding-bottom:0;} .menu-small ul.menu:first-child:last-child{padding-bottom:20px;} .menu-small ul.menu:nth-child(2){padding-top:0} .menu-small ul li{float:left; width:100%;} .menu-small ul li a{ margin:0 auto; padding-left:12%; float: left; width:100%;margin-top: 8px;margin-bottom: 8px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .menu-small ul.menu > li > ul{margin:0; padding:0; list-style:none;} .menu-small ul.menu > li > ul > li > a{padding-left:13%;} .menu-small ul.menu > li > ul > li > ul{margin:0; padding:0; list-style:none;} .menu-small ul.menu > li > ul > li > ul > li > a{padding-left:14%;} .menu-small ul.menu .codeless_custom_menu_mega_menu h6{padding-left:12.5%;margin-top:20px;} .menu-small ul.menu .codeless_custom_menu_mega_menu > ul{margin:0; padding:0; list-style:none;} .menu-small ul.menu .codeless_custom_menu_mega_menu > ul > li > a{padding-left:30px;} .menu-small ul.menu .codeless_custom_menu_mega_menu > ul > li > ul{margin:0; padding:0; list-style:none; padding-left:13%;} .menu-small ul.menu .codeless_custom_menu_mega_menu > ul > li > ul > li > a{padding-left:30px;} /* -------------------------------- End Responsive Menu ------------------ */ /* ----------------------------------------------------------------------- */ /* -------------------------------- Tools -------------------------------- */ /* ----------------------------------------------------------------------- */ .header_tools{display:table; height:100%; padding-left:20px;float:right;} .header_tools .vert_mid{vertical-align: middle;display:table-cell;} #navigation{padding-right:0px;} /* -------------------------------- End Tools ---------------------------- */ /* ----------------------------------------------------------------------- */ /* -------------------------------- Search Header ------------------------ */ /* ----------------------------------------------------------------------- */ .header_tools .vert_mid > a, .header_tools .cart{ margin-right:20px; } .header_tools .cart{float:left; margin-right:20px;z-index:9999999;} .header_tools .vert_mid > a:last-child, .header_tools .cart:last-child{ margin-right:0; } .header_tools .right_search{font-size:14px !important; float:left; } .header_tools .cart_icon{font-size:14px !important; float:left;position:relative;} .header_tools .cart_icon .count{background:#222; color:#fff; position:absolute; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; top:10px; width:20px; height:20px; text-align:center; line-height:20px; right:-10px;font-size:11px;} /*header#header .cart .cart_icon:hover i, .sticky_menu .cart .cart_icon:hover i{color:#fff;}*/ .header_tools .cart .content{ display:none; position:absolute; top:100%; width:260px; z-index:9999999999; right:0; list-style:none; margin:0 !important; padding:20px; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1); box-shadow:0 2px 2px rgba(0,0,0,0.1); } .header_tools .cart .content .cart_item{ margin:0px 0px; padding:13px 0px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; width:100%; } .header_tools .cart .content .cart_item:first-child{padding-top:0;} .header_tools .cart .content .cart_item:last-child{padding-bottom:0;border-bottom:none;} .header_tools .cart .content .cart_item img{float:left; width:40px; height:40px;} .header_tools .cart .content .cart_item .description{float:left; padding-left:12px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;max-width:217px;} .header_tools .cart .content .cart_item .description .title{font-size:13px; float:left; width:100%;margin-top:-3px;-webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s;margin-top:1px;} .header_tools .cart .content .cart_item .description .price{float:left; width:100%;margin-top:-2px;} .header_tools .cart .content .empty, .header_tools .cart .content .items{padding-bottom: 10px; float:left; width:100%;} .header_tools .items .cart_item:last-child{border-bottom:none;} .header_tools .cart .checkout{width:100%; float:left;padding-top:10px;} .header_tools .cart .checkout .view_cart{float:left; } .header_tools .cart .checkout .view_cart a{ padding: 4px 14px; font-size: 10px; margin-top:5px; } .header_tools .cart .checkout .subtotal{float:right;margin-top:10px;} .header_tools .cart .cart_item .remove:after{position:absolute; content:"\e365"; font-family:'moon'; width:23px; height:23px; position:absolute; right:0; top:13px;-webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s;} .header_tools .cart .cart_item:first-child .remove:after{top:0px;} .header_tools .extra_navigation_button{font-size:14px !important; float:left;} .right_search_container{display:none;} /* -------------------------------- End Searh Header --------------------- */ /* ----------------------------------------------------------------------- */ /* -------------------------------- Different Headers -------------------- */ /* ----------------------------------------------------------------------- */ .header_wrapper{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; float:none; } header#header{width:100%;} header#header .row-fluid .span12{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .fixed_header{ position: fixed !important; width: 100%; left: 0; top: 0; z-index: 9999999; } .admin-bar .fixed_header{top:32px;} .sticky_header .header_wrapper{ visibility:hidden; width:100%; top:0; left:0; z-index:99999;-webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .sticky_header .header_wrapper.open{ -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .admin-bar.sticky_header .header_wrapper{top:32px;} .header_button{ float: right !important; top: 50%; position:relative; margin-left:30px; -webkit-transform: translateY(-50%) !important; -moz-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; -o-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } /* Shadows */ .header_shadow_full .header_wrapper{ -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.04); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.04); box-shadow: 0 3px 5px rgba(0,0,0,0.05); } .header_shadow_shadow1 .header_wrapper .container:after{ background: url(img/shadow1.png) no-repeat center top; bottom: -42px; content: ""; display: block; left: 0; width: 100%; z-index: -1; height: 42px; position: absolute; } /* End Shadows */ /* Fullwidth */ .fullwidth_header .header_wrapper header{width:100%; padding-left:70px; padding-right:70px; margin-left:0; margin-right:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} /* End Fullwidth */ /* Header 1 */ .header_1.page_header_centered .header_wrapper, .header_1.fullwidth_slider_page .header_wrapper{ position:absolute; } .header_1.header-center-menu #header #navigation{ position:absolute; float:none; left:50%; transform:translateX(-50%); } .background--dark nav .menu > li > a:hover, .background--dark header#header .header_tools .vert_mid > a:hover, .background--dark .slicknav_btn:hover:after, .background--dark header#header .header_tools .vert_mid .cart .cart_icon:hover{ color:rgba(255,255,255,0.8) !important; } /* Effect 1: Brackets */ .header_1 nav .menu > li > a::before { margin-right: 12px; content: ''; } .header_1 nav .menu > li > a::after { margin-left: 12px; content:""; } .header_1 nav .menu > li:last-child a{padding-right:0; margin-right:0;} .sticky_header .header_wrapper.header_1{ -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.04); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.04); box-shadow: 0 3px 5px rgba(0,0,0,0.05); } /* End Header 1 */ /* Header 2 */ .header_2 nav .menu>li>a{margin-top:-11px;} .header_2 nav .menu>li{ border-top:3px solid transparent; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .header_2 nav .menu > li > ul.sub-menu, .header_2 nav .menu > li > ul.sub-menu ul{top:97%;} /* End Header 2 */ /* Header 3 */ .header_3.header_wrapper{position:absolute;} .header_3.header_wrapper header > .container{ padding-left: 40px; padding-right: 40px; top: 30px; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); box-shadow: 0 2px 2px rgba(0,0,0,0.1); } .header_3 nav .menu>li>a{margin-top:-14px;} .header_3 nav .menu>li{ border-top:3px solid transparent; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .header_3 nav .menu > li > ul.sub-menu, .header_3 nav .menu > li > ul.sub-menu ul{top:97%;} .header_3 #navigation{float:left !important; margin-left:45px;} .header_3 .menu-small{margin-bottom:30px;} /* End Header 3 */ /* Header 4 */ .header_4.page_header_centered .header_wrapper, .header_4.fullwidth_slider_page .header_wrapper{ position:absolute; } .background--dark nav .menu > li > a, .background--dark header#header .header_tools .vert_mid > a, .background--dark header#header .header_tools .vert_mid .cart .cart_icon, .background--dark .slicknav_btn:after { color:rgba(255,255,255,1) !important; } .header_4 nav .menu > li{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .header_4 nav .menu > li:hover > a{ color:#fff; } .header_4 nav .menu > li > ul.sub-menu, .header_4 nav .menu > li > ul.sub-menu ul{ left:0; } .header_4 nav .menu > li:last-child{ padding-right:20px; } /* End Header 4*/ /* Header 5 */ .header_5 .open_full_menu i{font-size:28px;} .header_5 nav .menu > li > ul.sub-menu, .header_5 nav .menu > li > ul.sub-menu ul{box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;} .header_5 header .right_search, .header_5 header .extra_navigation_button {display:none;} .header_5.page_header_centered .header_wrapper, .header_5.fullwidth_slider_page .header_wrapper{ position:absolute; } .header_5 .top_nav{z-index:1;} .header_5 .header_tools{ height:100%; margin-top:0; } .header_5 .header_tools .cart{display:none;} .header_5 .open_full_menu{color:#222;} .header_5 nav .menu > li > ul.sub-menu li > .sub-menu{display:none;} /* Overlay style */ .overlay_menu { position: fixed; width: 100%; height: 100%; top: 0; left: 0; } /* Overlay closing cross */ .overlay_menu .overlay-close { width: 80px; height: 80px; position: absolute; right: 20px; top: 20px; overflow: hidden; border: none; background: url(img/cross.png) no-repeat center center; text-indent: 200%; color: transparent; outline: none; z-index: 100; } .admin-bar .overlay_menu .overlay-close{ top:50px; } /* Menu style */ .overlay_menu nav { text-align: center; position: absolute; width:100% !important; height:100%; display:table; width:auto; float:none; font-size: 54px; } .overlay_menu ul { list-style: none; padding: 0; float:none; margin: 0 auto; display: table-cell; vertical-align:middle; position: relative; width:100%; } .overlay_menu ul ul{ position: relative !important; float:left; width: 100% !important; height:0; display: block !important; visibility: visible; text-align: center; overflow: hidden; padding: 0 !important; padding-top:0px !important; opacity:1 !important; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .overlay_menu .menu-item-has-children:hover .sub-menu{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; padding-top:35px !important; } .overlay_menu ul ul a{ padding-left:0 !important; padding-right:0 !important; } .overlay_menu ul li { display: block; height: auto; padding:0 !important; text-align:center; width:100%; float:left; margin-bottom:50px; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .overlay_menu ul li:last-child{ margin-bottom:0; } .overlay_menu ul li a { display: block; -webkit-transition: color 0.2s; transition: color 0.2s; text-align:center; float:left; width:100%; margin-top:0 !important; line-height:100%; } .overlay_menu ul li a:hover, .overlay_menu ul li a:focus { } /* Effects */ .overlay-hugeinc { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; } .overlay-hugeinc.open { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .overlay-hugeinc nav { -webkit-perspective: 1200px; perspective: 1200px; } .overlay-hugeinc nav > ul { opacity: 0.4; -webkit-transform: translateY(-25%) rotateX(35deg); transform: translateY(-25%) rotateX(35deg); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; } .overlay-hugeinc.open nav ul { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .overlay-hugeinc.close nav ul { -webkit-transform: translateY(25%) rotateX(-35deg); transform: translateY(25%) rotateX(-35deg); } @media screen and (max-height: 30.5em) { .overlay_menu nav ul li a { font-size: 70%; } .overlay_menu ul li { min-height: 34px; margin-bottom:15px; } } .header_5 nav .menu li > ul.sub-menu li{ border-bottom:none !important; } /* End Header 5 */ /* Header 6 */ .header_6 #navigation{ float:left; width:100%; position:relative; } .header_shadow_full.header_6 .header_wrapper{ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .header_6 nav ul > li{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .header_6 .header_widgetized{ float:right; height:76%; position:relative; top:12%; max-width: 70%; display:table; } .header_6 nav .non_mega_menu{ left:0 !important; } .fullwidth_slider_page .header_6_wrapper{position:absolute;width:100%;} .header_6_wrapper #navigation{z-index:9999;} .header_6_wrapper .full_nav_menu{width:100%;position:relative;z-index:99999;float:none;} .header_6 .header_widgetized .widget{ display: table-cell; vertical-align: middle; } .header_6 .header_widgetized .footer_social_icons{ margin: 0; padding: 0; float: left; list-style:none; } .header_6 .header_widgetized .footer_social_icons li{ float:left; margin-right:15px; } /* End Header 6 */ /* Header 7 */ .header_7.header_wrapper{position:fixed; height:100%; top:0; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; } .header_7 .boxed_layout .header_wrapper{position:fixed !important;} .header_7.header_wrapper .container{width:100%;} .header_7.header_wrapper .span12{height:auto !important;} .header_7 .header_tools{display:none;} .header_7 nav .codeless_custom_menu_mega_menu.codeless_mega2{left:auto;} .header_7 #navigation{height:auto; float:left;width:100%;} .header_7 #navigation nav{height:auto;} .header_7 #navigation nav .menu{height:auto;width:100%;} .header_7 #navigation nav .menu > li{ width:100%; text-align:center; height:auto; } .header_7 #navigation nav .menu > li > a{ position: relative; height:auto; margin-top:0; top:0; float: left; width:100%; } .header_7 #navigation.pos_left nav .menu > li > ul.sub-menu,.header_7 #navigation.pos_left nav .menu > li > ul.sub-menu ul { top:0; right:auto; } .header_7 #navigation.pos_right nav .menu > li > ul.sub-menu,.header_7 #navigation.pos_right nav .menu > li > ul.sub-menu ul { top:0; left:auto; } .header_7 #logo{ position:relative; left:50%; height:auto !important; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .header_7 #logo img{margin-top:0;} .header_7 .header_widgetized{ float:left; width:100%; } .header_7 .header_wrapper .textwidget{text-align:center;} .header_7 .codeless_slider_wrapper{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .header_7 .header_wrapper .footer_social_icons { float:left; width:100%; margin-left:0px !important; margin-top:0px !important; position:relative; list-style:none; padding:0; } .header_7 .header_wrapper .footer_social_icons li { -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; float:left; padding-bottom:0 !important; padding-top:0 !important; margin-left:5px !important; width:32px !important; height:32px !important; } .header_7 .header_wrapper .footer_social_icons li:first-child { margin-left:0 !important; } .header_7 .header_wrapper .footer_social_icons li a { float:left; } .header_7 .header_wrapper .footer_social_icons li i { float:left; line-height:32px; font-size:16px; display:block; width:100%; text-align:center; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .header_7 nav .codeless_custom_menu_mega_menu {top:40%;} .header_7.header_shadow_shadow1 .header_wrapper .container:after{display:none;} .header_7 .ls-wp-fullwidth-helper, .header_7 .ls-wp-container, .header_7 .ls-inner, .header_7 .ls-slide{ left:0 !important; max-width:100%; } .header_7 .viewport{overflow:hidden;} /* End Header 7 */ /* Header 8 */ .header_8 nav .menu>li>a{margin-top:-8px;} .header_8 nav .menu>li{ border-bottom:3px solid transparent; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .header_8 nav .menu > li > ul.sub-menu, .header_8 nav .menu > li > ul.sub-menu ul{top:105%;left:0 } .header_8 nav .menu > li > ul.sub-menu ul { top: -10px; } /* End Header 8 */ /* Header 9 */ .header_9 nav .menu>li>a{margin-top:-10px;} .header_9 nav .menu>li > a{ border-bottom:1px solid transparent; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .header_9.page_header_centered .header_wrapper, .header_9.fullwidth_slider_page .header_wrapper{ position:absolute; } /* End Header 9 */ /* Header 10 */ .header_10 #logo{ left:50%; position:relative; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; } .header_10 .full_nav_menu{ width:100%; float:none; display:block; position:relative; z-index:11; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; } .header_10 .full_nav_menu #navigation{ float:none; } .header_10 nav .menu>li>a{ top:auto; margin-top:0; } .header_10 #navigation nav{ position:relative; width:auto; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .header_10.header_shadow_shadow1 .header_wrapper .container:after{display:none;} /* End Header 10 */ /* Header 11 */ .header_11.page_header_centered .header_wrapper, .header_11.fullwidth_slider_page .header_wrapper{ position:absolute; } .header_11 nav{ float:left; width:auto; } .header_11 .centered_header{ position:relative; float:left; left:50%; height:100%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .header_11 #logo{ margin-left:60px; margin-right:60px; } .header_11.sticky_header #logo{ display:none; } .header_11.sticky_header .header_tools{ display:none; } .header_11 .container > .row-fluid > .span12{ backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; } /* End Header 11 */ /* Header 12 */ .header_12 #navigation{ float:left; position:relative; } .header_shadow_full.header_12 .header_wrapper{ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .header_12 nav ul > li{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } .header_12 nav ul > li a{ margin-top:0; } .header_12 nav ul > li > a{ padding-top:15px; padding-bottom:15px; -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } .header_12 .header_widgetized{ float:right; position:relative; top:50%; max-width: 70%; display:table; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .header_12 nav .non_mega_menu{ left:0 !important; } .header_12 #navigation{z-index:9999;} .header_12 .full_nav_menu{width:100%;position:relative;z-index:99999;float:none; } .header_12 .full_nav_menu .container{position:relative;} .header_12 .header_widgetized .widget{ display: table-cell; vertical-align: middle; } .header_12 .header_widgetized .footer_social_icons{ margin: 0; padding: 0; float: left; list-style:none; } .header_12 .header_widgetized .footer_social_icons li{ float:left; margin-right:15px; } .header_12 .header_widgetized .footer_social_icons li { -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; float:left; padding-bottom:0 !important; padding-top:0 !important; margin-left:0px !important; width:32px !important; height:32px !important; } .header_12 .header_widgetized .footer_social_icons li:first-child { margin-left:0 !important; } .header_12 .header_widgetized .footer_social_icons li:last-child { margin-right:0 !important; } .header_12 .header_widgetized .footer_social_icons li a { float:left; } .header_12 .header_widgetized .footer_social_icons li i { float:left; line-height:32px; font-size:18px; display:block; width:100%; text-align:center; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .header_12 .header_widgetized .widget{ float:left; display:block; } .header_12 .after_navigation_widgetized{ float:right; width:200px; position:absolute; right:0; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .header_12 .after_navigation_widgetized #s { width:100%; height:34px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .header_12 .after_navigation_widgetized #search-form:after{ content: "\e1b7"; font-family: 'moon'; font-weight:normal; font-style:normal; text-decoration:inherit; -webkit-font-smoothing:antialiased; position:absolute; right:15px; top:8px; font-size:16px; display:inline; width:auto; height:auto; line-height:normal; vertical-align:baseline; background-image:none; background-position:0% 0%; background-repeat:repeat; margin-top:0; color:#bbb; } .header_12 .after_navigation_widgetized #search-form{width:100%; float:left; position:relative;margin-bottom:0;} .header_12 .after_navigation_widgetized #search-form .more, footer #search-form .more{ display:none; } .header_12 .full_nav_menu nav ul > li.current-menu-item > a, .header_12 .full_nav_menu nav ul > li.current-menu-parent > a, .header_12 .full_nav_menu nav ul > li:hover > a{color:#fff;} .header_12.header_shadow_full .full_nav_menu{ -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.04); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.04); box-shadow: 0 3px 5px rgba(0,0,0,0.05); } .header_12.header_shadow_shadow1 .full_nav_menu .container:after{ background: url(img/shadow1.png) no-repeat center top; bottom: -42px; content: ""; display: block; left: 0; width: 100%; z-index: -1; height: 42px; position: absolute; } .header_12 .full_nav_menu nav ul > li ul li{border-left:none !important;border-right:none !important;} /* End Header 12 */ /* -------------------------------- End Different Headers ---------------- */ /* ----------------------------------------------------------------------- */ /* -------------------------------- Page Headers (Intro) ----------------- */ /* ----------------------------------------------------------------------- */ .header_page { width:100%; position:relative; float:none; z-index: 0; } .header_page.normal .container{ display:flex; align-items:center; } .header_page.normal .titles, .header_page.normal .container > h1{ flex:1; } .header_page.normal .container > h1{ height: auto; line-height: 30px; } .header_page.without_shadow{ box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; } .header_page .container { position:relative; z-index:1000; height:100%; } .header_page .page_parents { } .page_parents li:first-child { padding-right:0px; } .page_parents li { float:left; padding-left:0px; position:relative; padding-left:15px; font-weight:400; padding-right:11px; font-size:12px; opacity:0.7; } .page_parents li:after { content: "/"; position: absolute; left: 0; top: 1px; width: 3px; font-size: 12px; height: 7px; display: inline; margin-top: 0; } .page_parents li:first-child:after { content:'' !important; display:none; } .page_parents li.home:after{ content:'' !important; display:none; } .page_parents li:last-child { margin-right:0px; padding-right:0; } .page_parents li a { font-size:12px; font-weight:400; color:inherit; } .page_parents li.home{ opacity:1; } .page_parents li.home a{ font-weight:bold; } .page_parents li a:hover { text-decoration:none; } .page_parents li:last-child a { margin-right:0px; } .page_parents { margin:0; padding:0; list-style:none; position:relative; margin-top:0px; -webkit-transition-duration:0.1s; -moz-transition-duration:0.1s; -o-transition-duration:0.1s; -ms-transition-duration:0.1s; transition-duration:0.1s; z-index:20; float:left; z-index:1; } .header_page h1{ color:inherit; float:left; height:100%; } .header_page.centered{opacity:0;overflow:hidden;} .header_page.centered h1{ width:100%; text-align: center; } .header_page.centered .overlay{ position:absolute; left:0; top:0; width:100%; height:100%; } .header_page.with_subtitle:not(.normal) .titles{ float:left; width:100%; position:relative; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } .header_page .titles h1:after{ content: "_"; display: block; width: 30px; margin: 0 auto 20px; text-align: center; color:inherit; } .header_page.with_subtitle.centered .titles h1{ line-height:20px; color:inherit; } .header_page.with_subtitle.centered .titles h3{ line-height:30px; color:inherit; width:100%; float:left; text-align: center; margin-top:5px; } .header_page.with_subtitle.normal .titles h1{ line-height:25px; height:auto; float:left; } .header_page.with_subtitle.normal .titles h1:after{ display:none; } .header_page.with_subtitle.normal .titles h3{ line-height:13px; color:inherit; opacity:0.7; float:left; width:100%; margin-top:4px; } .header_page.with_padding_style .divider{ display:none; } .header_page.with_padding_style.with_subtitle.centered h1{ float:left; text-align:left; padding: 0.5em 0.6em; width:auto; line-height:1; } .header_page.with_padding_style.with_subtitle.centered .titles h3{ float:left; padding:18px 20px; width:auto; margin-top:10px; text-align:left; } .header_page.with_padding_style.with_subtitle .titles{ width:500px; } .header_page.with_padding_style .titles h1:after{ content:""; display:none; } /* -------------------------------- End Page Headers (Intro) ------------- */ /* ----------------------------------------------------------------------- */ /* -------------------------------------------------------- End Header ----------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------- Layout --------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------- */ .top_wrapper { /*padding-top:100px;*/ z-index:1; margin-bottom:0; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out; position: relative; float:none; } .page_header_yes #content { padding-top:60px; } .page_header_yes .top_wrapper{ padding-top:0; } .span9 > p:first-child{margin-top:0px;} .span9 .row-dynamic-el .container { width:100% } #content { padding-top:85px; padding-bottom:85px; float:none; width:100%; position:relative; z-index:9; } #content.empty-content{ padding-top:0; padding-bottom:0; } #content.section_first { padding-top:0; } #content.section_last { padding-bottom:0; margin-bottom:-14px; } .section-style .row-dynamic-el { margin-bottom:30px } .section-style.no_borders { border:none !important; } .section-style.section_space_2 .row-dynamic-el { margin-bottom:30px; } .section-style.section_space_2 .row-dynamic-el:last-child { margin-bottom:0; } .section-style.section_space_3 { padding-top:70px !important; padding-bottom:70px !important; } .section-style.section_space_3 .row-dynamic-el { margin-bottom:90px; } .section-style.section_space_3 .row-dynamic-el:last-child { margin-bottom:0; } #content.section_last .section-style:last-child { border-bottom:none } #content.section_first .section-style:first-child { border-top:none; } .single-portfolio .page_header_yes #content{padding-top:0px !important;} .single-portfolio #content{padding-top:0px !important;} .row-dynamic-el:first-child { margin-top:0px; } .row-dynamic-el.second_space { margin-bottom:0; } .row-dynamic-el.third_space { margin-bottom:60px; } .row-dynamic-el.fourth_space { margin-bottom:60px; margin-top:-40px; } .row-dynamic-el.section-style:first-child { margin-top:0 } .row-dynamic-el:last-child { margin-bottom:0; } .customSelect { display:none !important } .boxed_layout { margin:0 auto } .boxed_layout .ls-wp-fullwidth-helper, .boxed_layout .ls-wp-container, .boxed_layout .ls-inner, .header_7 .ls-slide{ left:0 !important; max-width:100%; } .boxed_layout { margin-bottom:0px; position:relative; } .boxed_layout .top_wrapper{ min-width:100%; } /* Sections */ .section-style { padding-top:45px; padding-bottom:45px; position:relative; display: block; /*-webkit-transition: height 0.8s; -moz-transition: height 0.8s; transition: height 0.8s;*/ } .section-style.parallax_section > .container > .row-fluid{position:relative;} .section-style.parallax_section{ background-attachment: fixed; -webkit-background-size: cover; background-size: cover; background-repeat:no-repeat; overflow:hidden; background-position:50% 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .section-style.parallax_section.mobile_parallax_section{ background-attachment: fixed !important; } .section-style .bg-overlay{ height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .section_clear{margin-left:-15px; margin-right:-15px;} .section-style{padding-top:70px; padding-bottom:70px;} .vc_section{ background-position: left bottom; background-repeat: no-repeat; background-size: contain; } .vc_row{ margin-left:0 !important; margin-right:0 !important; float:none; width:100%; clear:both; } .vc_row .vc_row{ } .one_page .vc_row{ position:relative; } .vc_row.transparency_section { position:absolute; } .vc_row.standard_section{ } .vc_row.standard_section:last-child{ margin-bottom:0; } .vc_row .vc_row .container{width:100% !important;} .vc_row.section-style{ margin-right:0 !important; z-index:2; } .vc_row.section-style:last-child{ margin-bottom:0; } .vc_row .wpb_column .vc_row .container{width:auto;} .full-width-content{ padding:0; margin-right:0 !important; } .full-width-content > .col{margin:0;} .full-width-content .span_12{width:100%; float:none; display:table; } .vc_responsive .full-width-content.vc_row .vc_span6{padding-right:0;} .vc_responsive .full-width-content.vc_row .vc_span12{padding-left:0; padding-right:0;} .vc_responsive .full-width-content.vc_row .vc_col-sm-6{padding-right:0;padding-left:0;} .vc_responsive .full-width-content.vc_row .vc_col-sm-12{padding-left:0; padding-right:0;} .vc_responsive .full-width-content.vc_row .wpb_column .wpb_column{padding-left:15px; padding-right:15px;} .full-width-content .wpb_column.with_bg, .full-width-content .wpb_column.using_bg{ background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; } .vc_row .arrow_bottom{ width: 0; height: 0; border-style: solid; border-width: 25px 20px 0 20px; -webkit-transform: rotate(360deg); bottom: -25px; left: 50%; margin-left: -17.5px; position: absolute; } .vc_row .arrow_top{ width: 0; height: 0; border-style: solid; border-width: 0 20px 25px 20px; -webkit-transform: rotate(360deg); top: -25px; left: 50%; margin-left: -17.5px; position: absolute; } .full-width-content .wpb_column > .overlay{ width:100%; left:0; top:0; height:100%; position:absolute; } .full-width-content .wpb_column .wpb_wrapper{ z-index: 2; position: relative; } .wpb_column.with_overlay .wpb_wrapper{ position:relative; z-index:2; } .wpb_column.with_overlay .overlay{ width:100%; left:0; top:0; height:100%; position:absolute; } .wpb_column.centered_col{ text-align:center; display:flex; justify-content:center; } .wpb_column.centered_vertical{ display:flex; align-items:center; } .wpb_column.with_shadow{ box-shadow: 0px 23px 57px rgba(0,0,0,0.1); } .wpb_column.with_rounded_corners{ border-radius:8px; } .span12{min-height:0 !important;} .with_animation{ visibility: hidden; } .wpb_text_column p:first-child{ margin-top:0; } .wpb_image_grid .wpb_image_grid_ul{ min-height:150px; } /* Fullscreen Sections */ #fullpage .section{ display:table; width:100%; } #fullpage .section .fullscreen_inner{ display: table-cell; vertical-align: middle; width: 100%; } #fullPage-nav{ color: rgb(0, 0, 0); position: absolute; right: 40px; top: 50%; z-index: 99999; } #fullPage-nav ul{ list-style: none; padding: 0; margin: 0; } #fullPage-nav ul a{ width: 8px; margin-bottom:10px; height: 8px; border: 2px solid #bbb; float: left; border-radius: 50%; } #fullPage-nav ul a.active{ border: 2px solid #222; } /* End Fullscreen Sections */ /* -------------------------------------------------------- End Layout ----------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------- Footer --------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------- */ footer .widget_search input[type="text"] { border:1px solid rgba(255,255,255,0.02) !important; width:100%; height:40px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:5px 13px; border-radius:none; -webkit-border-radius:none; -moz-border-radius:none; } .footer_wrapper { position:relative; margin-top:0px; bottom:0px; z-index:1; width:100%; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; } footer#footer { width:100%; float: none; } footer .textwidget p:first-child{margin-top:0;} footer .icon_text{ width:100%; } footer#footer .inner .row-fluid.ff:first-child { padding-top:52px; padding-bottom:52px } footer#footer .inner .row-fluid.ff .span12:first-child:last-child{ width:300px; position:relative; left:50%; margin-left:-150px; } footer#footer .inner .row-fluid.ff .span12:first-child:last-child .widget{ text-align:center; } footer#footer .inner .row-fluid.ff .span12:first-child:last-child .widget ul li{ width:auto; margin-right:10px; padding:0; } footer#footer .inner .row-fluid.ff .span12:first-child:last-child .widget ul li:last-child{ margin-right:0; } footer#footer .inner .row-fluid.ff .span12:first-child:last-child .footer_social_icons{ position:relative; left:50%; width:auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } footer#footer .contact_information dl{ margin-bottom:5px; } footer#footer .contact_information dl:last-child{ margin-bottom:0 } #copyright { padding-top:15px; padding-bottom:15px; font-size:11px; } #copyright .desc{ display:table; float:left; } #copyright .copyright_text{ display: table-cell; vertical-align: middle; } /*General Widget Styling */ footer .inner .widget ul { margin:0; padding:0; list-style: none } /*End */ /* Footer Recent Comments */ footer .widget_recent_comments li{padding:15px !important; margin-bottom:20px !important; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } footer .widget_recent_comments li a{float:none !important; width:auto !important;} /* End Footer Comments */ footer .tagcloud a { color:#999999; padding:8px 10px; font-size:13px !important; margin-right:5px; margin-bottom:5px; float:left; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } footer .tagcloud a:hover { color:#fff; text-decoration:none } footer .widget_flickr { float:left; } footer .widget_flickr .flickr_container { float:left; margin-top:0px } footer .widget_flickr .flickr_badge_image { float:left; -webkit-transition-duration:0.7s; -moz-transition-duration:0.7s; -o-transition-duration:0.7s; -ms-transition-duration:0.7s; transition-duration:0.7s; border:2px solid rgba(0,0,0,0); margin-bottom:9px; margin-right:13px; width:68px; height:68px; border-radius:6px; -webkit-border-radius:6px; moz-border-radius: 6px } footer .span4 .flickr_badge_image{ width:75px; height:80px; max-width:93px; } footer .widget_flickr img { /*filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:url("desaturate.svg#greyscale"); filter:gray; */ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } footer .inner .widget_flickr img:hover { filter:grayscale(0%); -webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); filter:url("desaturate.svg"); filter:none; } footer .inner .widget_flickr .flickr_badge_image:nth-child(3n+1) { } footer .inner .widget ul li:last-child { border-bottom:none; padding-bottom:0; border-bottom:none !important; } footer .inner .widget ul li:first-child { padding-top:0; } footer .inner .widget ul li { margin:0; width:100%; padding:0; padding-top:4px; padding-bottom:4px; } footer .inner .widget ul li ul.children{ padding-top:7px; margin-left:10px; } footer .inner .widget ul li a { width:100%; } footer .inner .widget ul li span{ display:block; width:100%; margin-top:3px; } footer .inner .widget_nav_menu .sub-menu li{ padding-top:0 !important; padding-bottom:0 !important; } footer .inner .widget_twitter ul li a { width: auto; } footer .inner .widget_flickr .flickr_badge_image:nth-child(5) { margin-bottom:0 } footer .inner .widget_flickr .flickr_badge_image:nth-child(6) { margin-bottom:0 } footer .inner .widget_flickr .flickr_badge_image:nth-child(7) { margin-bottom:0 } footer .inner .widget_contact_info ul { margin:0; padding:0 !important; list-style:none; } footer .inner .widget_contact_info li { border:none !important; margin-bottom:0px !important; padding:0 !important; } footer .inner .widget_contact_info li i { margin-right:10px; height:30px; float:left; margin-top:2px; } footer .inner .widget_contact_info li span { line-height:18px; } footer .inner .widget_contact_info li span span { font-weight:400; } footer .inner .widget_recent_posts li { background:none; padding:0; margin:0; float:left; margin-bottom:0px; width:100%; } footer .inner .widget_recent_posts li:last-child { margin-bottom:0; } footer .inner .widget_recent_posts li dt { width:44px; height:44px; border:2px solid #444444; cursor:pointer; } footer .inner .widget_recent_posts li dt:hover { -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } footer .inner .widget_recent_posts li dt img { border:2px solid #222; width:40px; height:40px; } footer .inner .widget_recent_posts li dl { margin:0; } footer .inner .widget_recent_posts li .info { color:#a0a0a0; margin-top:0; } footer .widget_recent_posts dl { width:100%; } footer .widget_recent_posts dd { margin-left:0; } footer .inner .widget { float:left; width:100%; margin-bottom:35px; } footer .inner .widget:last-child{ margin-bottom:0; } footer .footer_social_icons { float:left; width:100%; margin-left:0px !important; margin-top:0px !important; position:relative; } footer .inner .footer_social_icons li { -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; float:left; padding-bottom:0 !important; padding-top:0 !important; margin-left:10px !important; width:32px !important; height:32px !important; } footer .inner .footer_social_icons li:first-child { margin-left:0 !important; } footer .footer_social_icons li a { float:left; } footer .footer_social_icons li i { float:left; line-height:32px; font-size:18px; display:block; width:100%; text-align:center; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } footer ul.sub-menu{ padding-left: 32px !important; } footer ul li.menu-item-has-children{ padding-bottom:10px; } footer #wp-calendar{width:100%;} footer #wp-calendar td{text-align:center} footer #wp-calendar td#today{color:#cdcdcd;} footer #search-form:after{ content: "\e1b7"; font-family: 'moon'; font-weight:normal; font-style:normal; text-decoration:inherit; -webkit-font-smoothing:antialiased; position:absolute; right:15px; top:11px; font-size:16px; display:inline; width:auto; height:auto; line-height:normal; vertical-align:baseline; background-image:none; background-position:0% 0%; background-repeat:repeat; margin-top:0; color:#ababab; } footer #search-form{width:100%; float:left; position:relative;} footer .widget-title { margin-bottom:20px; } .widget_twitter li .message{ padding-top:0; margin-top:0; } .widget_twitter dl{ margin:0; margin-bottom:20px; } .widget_twitter dl:last-child{ margin-bottom:0; } .widget_twitter dl dt{ width:18px; height:18px; } .widget_twitter dl dd{ margin-left:35px; } .widget_twitter dl dd .message span{ float:left; width:100%; margin-top:2px; } .widget_twitter dl dt i{ font-size:18px; } .widget_twitter .with_avatar dt{width:45px; height:45px;} .widget_twitter .with_avatar dd{margin-left:65px;} .widget_most_popular dt{ width:60px; height:60px; } .widget_most_popular dd{ margin-left:75px; } .widget_most_popular dl{ margin:0; } .widget_most_popular li{ margin-bottom:20px; } .widget_most_popular li:after{ content:""; display:none; } .widget_most_popular li:last-child{ margin-bottom:0; } .widget_most_popular .date{ width:100%; float:left; } #copyright .widget ul { float:left; list-style:none; display:inline-block; margin:0; border:none; } #copyright .widget ul li { float:left; padding-right:14px; margin-top:5px; border-bottom:none !important; line-height:15px !important; height:11px; } #copyright .widget ul li a{top:-2px; position:relative;} #copyright .widget ul li:first-child { border:none; } #copyright .footer_social_icons { float:left; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-left:0px !important; margin-top:0px !important; position:relative; padding:0; list-style: none } #copyright .footer_social_icons li { -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; float:left; padding-bottom:0 !important; padding-top:0 !important; margin-left:12px !important; width:26px !important; margin-top:0 !important; padding-right:0 !important; height:26px !important; } #copyright .footer_social_icons li:after{ display: none } #copyright .footer_social_icons li:first-child { margin-left:0 !important; } #copyright .footer_social_icons li a { float:left; } #copyright .footer_social_icons li i { float:left; line-height:26px; font-size:18px; display:block; width:100%; text-align:center; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } /* -------------------------------------------------------- End Footer ------------------------------------------------------ */ /* -------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------- BLOGS ---------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------- Overall ------------------------------ */ /* ----------------------------------------------------------------------- */ #blog .span9{ position:relative; } .blog-article .btn-bt{ margin-top:20px; float:left; } .blog-article .btn-bt:hover{ } .media { float:left; width:100%; } .media img { width:100% } .media iframe { width: 100%; } /* -------------------------------- End Overall -------------------------- */ /* ----------------------------------------------------------------------- */ /* -------------------------------- Post Like ---------------------------- */ /* ----------------------------------------------------------------------- */ .post-like{ float:right; margin-top:35px; font-size:16px; color:#222; } .format-quote .post-like{ margin-top:0; margin-right:0 !important; float:right !important; } .format-quote .post-like i{ margin-right:0 !important; } .post-like i{ padding-right:4px; font-size:20px; color:#222; } /* -------------------------------- End Post Like ------------------------ */ /* ----------------------------------------------------------------------- */ /* -------------------------------- Share Link --------------------------- */ /* ----------------------------------------------------------------------- */ .shares_container{position:relative;float:right;} .blog-article ul.shares{ visibility: hidden; float: left; margin-top: 26px; margin-right: 20px; position: relative; list-style: none; background: #f5f5f5; padding: 10px 15px; opacity: 0; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; transition-duration: 0.4s; } .blog-article ul.shares:after{ width: 0; content:""; height: 0; border-style: solid; border-width: 7px 0 7px 14px; border-color: transparent transparent transparent #f5f5f5; position:absolute; top:50%; margin-top:-7px; right:-10px; } .blog-article ul.shares li{display:inline-block; float:left; padding-right:15px;} .blog-article ul.shares li i{font-size:14px; color:#888;} .blog-article ul.shares li:last-child{padding-right:0px;} .blog-article .share_link{ float:right; margin-top:35px; font-size:16px; color:#222; margin-right:10px; } .format-quote.blog-article .share_link{ margin-top:0; margin-right:0 !important; float:right !important; } .format-quote.blog-article .share_link i{ margin-right:0 !important; } .blog-article .share_link i{ padding-right:4px; font-size:20px; color:#555; } /* -------------------------------- End Share Link ----------------------- */ /* ----------------------------------------------------------------------- */ /* -------------------------------- Timeline Blog ------------------------ */ /* ----------------------------------------------------------------------- */ #blog.container{position:relative;} .timeline-border{ position: absolute; top: 0; left: 55px; width: 1px; height: 88%; float: left; z-index: 0; } .fullwidth .timeline-border{ left:35px; } .blog-article.timeline-style{width:100%; float:left; margin-bottom:50px;z-index:2;} .blog-article.timeline-style .timeline{width:12.2%; height:150px; padding-right:27px;float:left;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .blog-article.timeline-style .timeline .date{ width: 70px; height: 70px; border-radius: 50%; background: #fff; } .blog-article.timeline-style .timeline .date span, .blog-article.timeline-style .timeline .date{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .blog-article.timeline-style .timeline .date .day{ font-size: 24px; font-weight: 300; color: #999; text-align: center; width: 100%; float: left; margin-top: 15px; line-height: 24px; } .blog-article.timeline-style .timeline .date .month{ font-size: 13px; font-weight: bold; color: #444; text-align: center; text-transform: uppercase; width: 100%; float: left; line-height: 18px; } .blog-article.timeline-style .timeline .avatar{ width:48px; height:48px; border-radius: 50%; background: #fff; margin-left:11px; } .blog-article.timeline-style .post_box{ width:87.8%; float:left; } .blog-article.timeline-style .post_box.box_shadow{ -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1); } .fullwidth .blog-article.timeline-style .post_box{ width:87.8%; } .blog-article.timeline-style .media{float:left;position:relative;} .blog-article.timeline-style .media .overlay{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; cursor:pointer; } .blog-article.timeline-style .media .overlay .post_type_circle i{ color:#fff; font-size:18px; text-align:center; line-height:52px; float:left; width:52px; } .blog-article.timeline-style .media .overlay .post_type_circle{ width:50px; height:50px; background:#333; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; position:absolute; top:45%; opacity:0; left:50%; cursor:pointer; margin-left:-25px; margin-top:-25px; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .blog-article.timeline-style .media:hover .overlay .post_type_circle{ top:50%; opacity:1; } .blog-article.timeline-style .media:hover .overlay{opacity:1;} .blog-article.timeline-style .media > *:not(.post_type){width:100%;} .blog-article.timeline-style .content{ padding:20px; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .blog-article.timeline-style .content h1{} .blog-article.timeline-style .content .quote{position:relative; float:left; width:100%;} .blog-article.timeline-style .content .quote i{position:absolute; top:10px; left:0px; font-size:32px;} .blog-article.timeline-style .content .quote p{ font-size: 18px; line-height: 28px; font-style: italic; padding: 0; margin: 0; padding-left: 45px; padding-top: 15px; } .blog-article.timeline-style .content .quote .author{ float: right; margin-top: 10px; font-weight: bold; } .blog-article.timeline-style .content .text{margin-top:10px;} .blog-article.timeline-style .content .text p{margin-bottom:0;} .blog-article.timeline-style .info{margin:0; padding:0; list-style:none; width:100%; float:left; margin-bottom:10px; margin-top:0px;} .blog-article.timeline-style .info li{float:left; margin-right:18px;line-height:inherit;} .blog-article.timeline-style .info li i{margin-right: 7px;float: left;line-height:inherit;} /* -------------------------------- End Timeline Blog -------------------- */ /* ----------------------------------------------------------------------- */ /* -------------------------------- Standard Blog ------------------------ */ /* ----------------------------------------------------------------------- */ .blog-article.standard-style{width:100%; float:left; margin-bottom:50px;z-index:2;} .blog-article.standard-style .media{ position:relative; } .single .blog-article.standard-style{margin-bottom:20px;} #posts_container .blog-article.standard-style .media{ width:auto; display:inline-block; position:relative;} .blog-article.standard-style .media .overlay{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; cursor:pointer; } .blog-article.standard-style .media .overlay .post_type_circle i{ color:#fff; font-size:18px; text-align:center; line-height:52px; float:left; width:52px; } .blog-article.standard-style .media .overlay .post_type_circle{ width:50px; height:50px; background:#333; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; position:absolute; top:45%; opacity:0; left:50%; cursor:pointer; margin-left:-25px; margin-top:-25px; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .blog-article.standard-style .media:hover .overlay .post_type_circle{ top:50%; opacity:1; } .blog-article.standard-style .media:hover .overlay{opacity:1;} .blog-article.standard-style .media > *:not(.post_type){width:100%;} .blog-article.standard-style .content{ padding-top:15px; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; } .blog-article.standard-style .content .quote{position:relative; float:left; width:100%;} .blog-article.standard-style .content .quote i{position:absolute; top:10px; left:0px; font-size:32px;} .blog-article.standard-style .content .quote p{ font-size: 18px; line-height: 28px; font-style: italic; padding: 0; margin: 0; padding-left: 45px; padding-top: 15px; } .blog-article.standard-style .content .quote .author{ float: right; margin-top: 10px; font-weight: bold; } .blog-article.standard-style .content .text{margin-top:10px;} .blog-article.standard-style .info{margin:0; padding:0; list-style:none; width:100%; float:left; margin-bottom:15px; margin-top:0px;} .blog-article.standard-style .info li{float:left; margin-right:18px;line-height:inherit;} .blog-article.standard-style .info li i{margin-right: 7px;float: left;line-height:inherit;} /* -------------------------------- End Timeline Blog -------------------- */ /* ----------------------------------------------------------------------- */ /* -------------------------------- Alt. Blog ------------------------ */ /* ------------------------------------------------------------------- */ .blog-article.alternate-style{width:100%; float:left; margin-bottom:50px;z-index:2;} .blog-article.alternate-style .media{float:left;position:relative;} .fullwidth .blog-article.alternate-style .media{ width:440px; } .fullwidth .blog-article.alternate-style .media iframe{ width:440px; } .fullwidth .blog-article.alternate-style .content{ width:640px; } .sidebar_right .blog-article.alternate-style .media, .sidebar_left .blog-article.alternate-style .media{ width:46%; } .sidebar_right .blog-article.alternate-style .media iframe, .sidebar_left .blog-article.alternate-style .media iframe{ width:100%; height:235px; } .sidebar_right .blog-article.alternate-style .content, .sidebar_left .blog-article.alternate-style .content{ width:54%; padding-left:20px; margin-left:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .blog-article.alternate-style.format-quote .content{ width:100%; } .blog-article.alternate-style .media .overlay{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; cursor:pointer; } .blog-article.alternate-style .media .overlay .post_type_circle i{ color:#fff; font-size:18px; text-align:center; line-height:52px; float:left; width:52px; } .blog-article.alternate-style .media .overlay .post_type_circle{ width:50px; height:50px; background:#333; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; position:absolute; top:45%; opacity:0; left:50%; cursor:pointer; margin-left:-25px; margin-top:-25px; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .blog-article.alternate-style .media:hover .overlay .post_type_circle{ top:50%; opacity:1; } .blog-article.alternate-style .media:hover .overlay{opacity:1;} .blog-article.alternate-style .media > *:not(.post_type){width:100%;} .blog-article.alternate-style .content{ margin-left:20px; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .blog-article.alternate-style .content h1{line-height:36px;} .blog-article.alternate-style .content .quote{position:relative; float:left; width:100%;} .blog-article.alternate-style .content .quote i{position:absolute; top:10px; left:0px; font-size:32px;} .blog-article.alternate-style .content .quote p{ font-size: 18px; line-height: 28px; font-style: italic; padding: 0; margin: 0; padding-left: 45px; padding-top: 15px; } .blog-article.alternate-style .content .quote .author{ float: right; margin-top: 10px; font-weight: bold; } .blog-article.alternate-style .content .text{margin-top:10px;} .blog-article.alternate-style .content .text p{margin-bottom:0;} .blog-article.alternate-style .info{margin:0; padding:0; list-style:none; width:100%; float:left; margin-bottom:10px; margin-top:0px;} .blog-article.alternate-style .info li{float:left; margin-right:18px;line-height:inherit;} .blog-article.alternate-style .info li i{margin-right: 7px;float: left;line-height:inherit;} /* -------------------------------- End Alt. Blog -------------------- */ /* ------------------------------------------------------------------- */ /* -------------------------------- GRID BLOG ------------------------ */ /* ------------------------------------------------------------------- */ .blog-article.grid-style{ float:left; margin-bottom:20px; z-index:2; padding-left:20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .blog-article.grid-style .gridbox{ -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1); background:#fff; width:100%; float:left; } .cols3 .blog-article.grid-style, .cols3 .grid-size{width:33.3333%;} .cols4 .blog-article.grid-style, .cols4 .grid-size{width:25%;} .cols2 .blog-article.grid-style, .cols2 .grid-size{width:50%;} .vc_col-sm-6.wpb_column .blog-article.grid-style, .vc_col-sm-6.wpb_column .grid-size{width:100%;} .blog-article.grid-style.no_shadow .gridbox{ -moz-box-shadow:none; -webkit-box-shadow: none; box-shadow: none; } .blog-article.grid-style .media iframe{ width:100%; height:350px; } .blog-article.grid-style .media{float:left;position:relative;} .blog-article.grid-style.format-video .media{ height:350px; } .blog-article.grid-style .media .overlay{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; cursor:pointer; } .blog-article.grid-style .media .overlay .post_type_circle i{ color:#fff; font-size:18px; text-align:center; line-height:52px; float:left; width:52px; } .blog-article.grid-style .media .overlay .post_type_circle{ width:50px; height:50px; background:#333; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; position:absolute; top:45%; opacity:0; left:50%; cursor:pointer; margin-left:-25px; margin-top:-25px; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .blog-article.grid-style .media:hover .overlay .post_type_circle{ top:50%; opacity:1; } .blog-article.grid-style .media:hover .overlay{opacity:1;} .blog-article.grid-style .media > *:not(.post_type){width:100%;} .blog-article.grid-style .content{ padding:20px; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .blog-article.grid-style.no_shadow .content{ padding:0; padding-top:20px; } .blog-article.grid-style .content h1{font-weight:700; font-size:16px; line-height:24px;} .blog-article.grid-style .content .quote{position:relative; float:left; width:100%;} .blog-article.grid-style .content .quote i{position:absolute; top:10px; left:0px; font-size:32px;} .blog-article.grid-style .content .quote p{ font-size: 18px; line-height: 28px; font-style: italic; padding: 0; margin: 0; padding-left: 45px; padding-top: 15px; } .blog-article.grid-style .content .quote .author{ float: right; margin-top: 10px; font-weight: bold; } .blog-article.grid-style .content .text{margin-top:10px;} .blog-article.grid-style .content .text p{margin-bottom:0;} .blog-article.grid-style .info{margin:0; padding:0; list-style:none; width:100%; float:left; margin-bottom:10px; margin-top:0px;} .blog-article.grid-style .info li{float:left; margin-right:11px;line-height:inherit;} .blog-article.grid-style .info li i{margin-right: 7px;float: left;line-height:inherit;} /* -------------------------------- End GRID BLOG -------------------- */ /* ------------------------------------------------------------------- */ /* -------------------------------- EyeCatching BLOG ----------------- */ /* ------------------------------------------------------------------- */ .fullscreen-blog-article{ background-position: center; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; margin:0; position:relative; } .fullpage_onepage .footer_wrapper{ display:none; } .fullpage_onepage .header_wrapper{ position:absolute; } .fullscreen-blog-article .content{ position: absolute; top: 50%; vertical-align: middle; width:600px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .fullscreen-blog-article.active .content{ } .fullscreen-blog-article .content.left{ float:left; margin-left:150px; } .fullscreen-blog-article .content.right{ right:150px; float:right; } .fullscreen-blog-article .content.background--dark{ color:#fff; } .fullscreen-blog-article .content.background--light{ color:#222; } .fullscreen-blog-article .content h1{ color:inherit !important; font-size:48px; line-height:48px; text-transform: uppercase; font-weight:bold; } .fullscreen-blog-article .content p{ color:inherit !important; font-size:14px; line-height:22px; margin-top:20px; } .fullscreen-blog-article .content .btn-bt{ float:left; } .fullscreen-blog-article .content.background--dark .btn-bt{ margin-top:20px; } /* -------------------------------- End EyeCatching BLOG ------------- */ /* ------------------------------------------------------------------- */ /* -------------------------------- Author Box ----------------------- */ /* ------------------------------------------------------------------- */ .author_box{ float:left; margin:0; margin-bottom:30px; margin-top:75px; } .author_box dt{ width:64px; height:64px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; } .author_box h5{ font-weight:bold; } .author_box dd{ margin-left:80px; } .author_box p{ margin-top:7px !important; } /* -------------------------------- End Author Box ------------------- */ /* ------------------------------------------------------------------- */ /* -------------------------------- Comments ------------------------- */ /* ------------------------------------------------------------------- */ #comments { margin-top:40px; padding-top:40px; float:left; width:100%; } #comments .single_title { font-weight:bold; line-height:50px; margin-bottom:0; width:100%; text-transform: uppercase; } .comment { position:relative; padding-top:30px; } .comments_list .children { position:relative; } .comments_list .children:after { width:20px; height:1px; background:#e8e8e8; position:absolute; } .comment.span12 { margin-left:0 } .comment:first-child { padding-top:40px; } .comment .comment-wrapper { margin-top:0; margin-bottom:0px; display:flex; flex-wrap:nowrap; padding:30px; background:#fff; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1); } .comment .comment-avatar { width:64px; height:64px; } .comment .comment-avatar img { width:100%; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; } .comment .comment-content { margin-top:0px; padding-left:20px; flex:1 } .comment .comment-content:first-child{ margin-left:0px; } .comment .comment-content > ul { margin:0; padding:0; list-style:none; float:left; width:100%; margin-top:4px; } .comment .comment-content > ul li { float:left; border-right:1px solid #999; line-height:11px; } .comment .comment-content > ul li span { padding-left:8px; padding-right:8px; color:#999; font-weight:300 !important; font-size:12px !important; } .comment .comment-content > ul li span a { color:#444444; font-weight:400; font-size:12px; } .comment .comment-content span.author a { color:#444; font-size:14px; font-weight:500 !important; } .comment .comment-content > ul li a { color:#888; font-weight:500; font-size:12px !important; } .comment .comment-content > ul li a:hover { text-decoration:none; } .comment .comment-content > ul li:first-child span { padding-left:0 } .comment .comment-content > ul li:last-child { border-right:none; } .comment { padding-top:30px; padding-bottom:30px } .comment .comment_text{ width:100%; float:left; margin-top:10px; } #respond.comment-respond{ clear:both; } #respond h3 { text-transform:uppercase; margin-top:60px; float:left; width:100%; font-size:18px; font-weight:bold; position:relative; margin-bottom:40px; } #respond label{ /*display:none;*/ } #respond textarea{ width: 100%; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #respond .comment-form-author{ width: 32%; float:left; margin-right:2%; } #respond .comment-form-email{ width: 32%; float:left; margin-right:2%; } #respond .comment-form-url{ width: 32%; float:left; } #respond input[type="text"]{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; height:40px; width:100%; float:left; margin-bottom: 0; } /* ------------------------------ End Comments ----------------------- */ /* ------------------------------------------------------------------- */ #portfolio-single-widget-area { float:left; width:100%; margin-top:60px; } .flexslider .headborder { height:18px; width:50%; position:absolute; left:50%; top:100%; margin-left: -10px; } /* -------------------------------------------------------- End BLOGS ------------------------------------------------------ */ /* -------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------- Buttons -------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------- */ .btn-bt.align-left{float:left;} .btn-bt.align-right{float:right !important;} .btn-bt.align-center{float:left; position:absolute !important; left:50%; -webkit-transform: translateX(-50%) !important; -moz-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; -o-transform: translateX(-50%) !important; transform: translateX(-50%) !important;} .btn-bt.default{ text-align: center; cursor: pointer; display: inline-block; outline: 0; position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); border-width:2px; border-style:solid; float:left; padding:10px 38px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -webkit-backface-visibility: hidden; } .btn-bt.default:hover span{left:-12px;} .btn-bt.default span{ position: relative; left: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .btn-bt.default i { font-size: 14px; position: absolute; top: 50%; line-height:20px; margin-top:1px; left: 73%; -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .btn-bt.default:hover i { left: 77%; -ms-filter: "alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .btn-bt.default i{ -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .btn-bt.default:hover{ border:2px solid; } .btn-bt.default:hover i{ left:80%; } .btn-bt.business{ text-align: center; cursor: pointer; display: inline-block; outline: 0; position: relative; border-width:0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; float:left; padding:10px 32px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .btn-bt.business i{ display:none; } .light .btn-bt.business{ border-width:1px; border-style:solid; } .btn-bt.no_padding{ text-align: center; cursor: pointer; display: inline-block; outline: 0; position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; float:left; padding:10px 0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .btn-bt.no_padding i{ display:none; } .btn-bt.rounded{ text-align: center; cursor: pointer; display: inline-block; outline: 0; position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; float:left; padding:14px 26px; border-radius:22px; -webkit-border-radius:22px; -moz-border-radius:22px; } .btn-bt.rounded i{ display:none; } .btn-bt.big{ text-align: center; cursor: pointer; display: inline-block; outline: 0; position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; float:left; padding:14px 28px; border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; box-shadow:0px 3px 5px #000; -webkit-box-shadow:0px 3px 5px #000; -moz-box-shadow:0px 3px 5px #000; } .btn-bt.big i{ display:none; } .btn-bt.with_icon{ text-align: center; cursor: pointer; display: inline-block; outline: 0; position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; float:left; padding:14px 24px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .btn-bt.with_icon i{ float: left; top: 3px; line-height:100%; position: relative; margin-right: 15px; } .btn-bt.gradient{ text-align: center; cursor: pointer; display: inline-block; outline: 0; position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; float:left; padding:12px 20px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-width:1px; border-style:solid; } .btn-bt.gradient i{ display:none; } .btn-bt.modern{ border-radius: 27px; height: 54px; line-height: 54px; padding: 0 32px; transform: translateY(0px); box-shadow: 0 18px 48px -12px rgba(19, 34, 107, 0.22); } input.btn-bt.modern{ line-height:54px; } .btn-bt.modern i{ padding-left:20px; top: 1px; position: relative; } .btn-bt.modern:hover{ transform: translateY(3px); box-shadow: 0px 0px 0px rgba(0,0,0,0.0); } /* -------------------------------------------------------- End Buttons ---------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------- Sidebar -------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------- */ aside select { width:100%; border-radius: 3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; } aside #s { width:100%; height:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } aside #search-form:after{ content: "\e1b7"; font-family: 'moon'; font-weight:normal; font-style:normal; text-decoration:inherit; -webkit-font-smoothing:antialiased; position:absolute; right:15px; top:11px; font-size:16px; display:inline; width:auto; height:auto; line-height:normal; vertical-align:baseline; background-image:none; background-position:0% 0%; background-repeat:repeat; margin-top:0; color:#bbb; } aside #search-form{width:100%; float:left; position:relative;} aside #search-form .more, footer #search-form .more{ display:none; } aside .widget-title { margin-top:0; width:100%; } aside .widget { float:left; width:100%; } aside ul { margin:0; padding:0; list-style:none } aside ul li{ padding-top:10px; padding-bottom:10px; position:relative; } aside ul li a{width:100%;} aside ul li:after{ content: "\f105"; font-family: 'FontAwesome'; position:absolute; top:10px; right:0; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } aside ul .children{ padding-left:20px; } aside ul .children li:last-child{ border-bottom:0; } aside .widget:first-child { margin-top:0 } aside .widget_most_popular li{ margin-bottom:0; } aside .widget_most_popular li a{ color:#444; } aside .widget_nav_menu li{ border-bottom:0px; padding-top:7px; padding-bottom:7px; } aside .widget_nav_menu li:after{ display:none; } aside .widget_nav_menu ul .sub-menu li:last-child{ padding-bottom:0px; } aside .widget_recent_comments li:after{ display:none; } a{color:inherit;} a:hover{text-decoration: none} aside #wp-calendar{width:100%;} aside #wp-calendar td{text-align:center;} #wp-calendar td#today {font-weight: 600;} aside .widget_rss ul li:after{content: "";} aside .tagcloud a{ padding: 8px; margin-bottom:5px; float:left; margin-right:5px; font-size:13px !important; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; } aside ul.sub-menu{ padding-left: 10px; padding-top:10px; } aside ul.sub-menu li:last-child, aside li.menu-item-has-children{ border-bottom: none; } aside li.menu-item-has-children:after{content:"";} /* -------------------------------------------------------- End Sidebar ---------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------SLIDERS HERE ----------------------------------------------------- */ /* ------------------------------------------------------------------------------------------------------------------------- */ .slider { } .slider#slider-fullwidth { width:100%; margin-top:0; } .slider.fixed_parallax .swiper-wrapper{ position:fixed; } .slider#slider-fixed { padding-top:45px; background:#fff; } #slider-fixed.section_active { padding-bottom:80px; padding-top:80px; } #slider-fullwidth .slider_container { width:940px; margin: 0 auto } .slider-img{ -webkit-background-size: cover; background-size: cover; background-repeat:no-repeat; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; background-position:center; background-repeat:no-repeat; background-position:center top; width:100%; height:450px; display:block; } /* ------------------------------ LayerSlider ------------------------ */ /* ------------------------------------------------------------------- */ .ls-defaultskin { padding:0 !important; box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; border-radius:none !important; -moz-border-radius:none !important; -webkit-border-radius:none !important; } .ls-layer { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .ls-defaultskin .ls-nav-prev { background-position:0 0 !important; opacity:0.7; width:64px !important; height:64px !important; } .ls-defaultskin .ls-nav-prev:hover { opacity:1; } .ls-defaultskin .ls-nav-next { opacity:0.7; background-position:0 0 !important; width:64px !important; height:64px !important; } .ls-defaultskin .ls-nav-next:hover { opacity:1; } .ls-defaultskin .ls-nav-prev,.ls-defaultskin .ls-nav-next { width:64px !important; height:64px !important; z-index:10000 !important; top:50% !important; margin-top:-32px !important; position:absolute !important; visibility:visible } .ls-defaultskin .ls-nav-prev { left:65px !important } .ls-defaultskin .ls-nav-next { right: 65px !important } .ls-layer .big_title_white{ font-size:50px; line-height:50px; font-weight:300; font-family:"Roboto Slab"; color:#fff; background-color:transparent; } .ls-layer .medium_title_white{ font-size:30px; line-height:50px; font-weight:300; font-family:"Roboto"; color:#fff; background-color:transparent; } .ls-layer .description_text{ font-size:20px; line-height:30px; font-weight:300; font-family:"Roboto"; color:#fff; background-color:transparent; } /* ------------------------------ End LayerSlider -------------------- */ /* ------------------------------------------------------------------- */ /* ------------------------------ Revolution ------------------------- */ /* ------------------------------------------------------------------- */ .tp-bullets.simplebullets .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 5px !important; margin-bottom: 14px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float: none !important;} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } .tparrows.hidearrows{opacity:0 !important;} .tparrows { z-index: 40000 !important; cursor: pointer; position: absolute; -webkit-border-radius: 5px; border-radius: 5px; width: 40px !important; height: 40px !important; } .tp-leftarrow.default { width:66px; height:66px; /* opacity:0.6; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s;*/ } /*.tp-rightarrow.default { width:66px !important; height: 66px !important; /* opacity:0.6; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; }*/ .tp-leftarrow.default:hover{ opacity:1; } .tp-rightarrow.default:hover{ opacity:1; } /* ------------------------------ End Revolution --------------------- */ /* ------------------------------------------------------------------- */ /* ------------------------------ Swiper Slider ---------------------- */ /* ------------------------------------------------------------------- */ .codeless-slider-container { width:100%; height:500px; cursor:-moz-grab; cursor:-webkit-grab; } .swiper-slide.layout-full { height:500px !important; cursor:-moz-grab; cursor:-webkit-grab; } .swiper-slide.layout-semi { height:250px !important; cursor:-moz-grab; cursor:-webkit-grab; } .swiper-slide { width:25%; } .codeless-slider-container .codeless-slider-container { width:100%; } .codeless-slider-container.layout-semi { height:250px !important; } .codeless-slider-container.layout-full { height:500px !important; } .swiper_slider .pagination { position:absolute; z-index:100; left:10px; bottom:10px; } .swiper_slider .swiper-pagination-switch { display:inline-block; width:10px; height:10px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#fff; margin-right:5px; opacity:1; border:1px solid #fff; cursor:pointer; } .swiper_slider .swiper-visible-switch { background:rgba(255,255,255,0.4); } .swiper_slider .swiper-active-switch { background:rgba(255,255,255,0.4); } .swiper_slider .pagination-nested { bottom:auto; top:10px; } .swiper_slider .pagination-nested .swiper-pagination-switch { display:block; margin-right:0; margin-bottom: 5px; } /* ------------------------------ End Swiper Slider ------------------ */ /* ------------------------------------------------------------------- */ /* ---------------------- Codeless Slider --------------------------------------*/ #slider-fullwidth > .default{ background: #f5f5f5; height: 300px; line-height: 300px; text-align: center; } .codeless_slider_swiper .loading{ position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; } .codeless_slider_swiper .loading i{ position:relative; top:50%; line-height:40px; font-size:36px; color:#fff; z-index:9999999; margin-top:-20px; } .codeless_slider_swiper{ position:relative; width:100%; overflow:hidden; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; min-height:400px; } .codeless_slider .swiper-slide{ position:relative; } .codeless_slider_wrapper{ overflow:hidden; min-height:400px; } .parallax_slider .codeless_slider_wrapper { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); -o-transform: translate(0, 0); -webkit-perspective: 1000; -webkit-backface-visibility: hidden; left: 0!important; position: fixed; overflow: hidden; width: 100%; z-index: 1; } .boxed_layout .parallax_slider .codeless_slider_wrapper{ position:relative; -webkit-transform: translateY(0) !important; transform: translateY(0) !important; -moz-transform: translateY(0) !important } .boxed_layout .codeless_slider_swiper{max-height:500px !important; min-height:auto !important;} .boxed_layout .codeless_slider{max-height:500px !important;} .codeless_slider .swiper-slide .container{ height:100%; position:relative; z-index:9999; } .codeless_slider .swiper-slide .content{ float: left; position: relative; } .codeless_slider .swiper-slide .content.vertical_centered{ top: 50% !important; transform: translateY(-50%) !important; -webkit-transform: translateY(-50%) !important; -moz-transform: translateY(-50%) !important; -o-transform: translateY(-50%) !important; } .codeless_slider .swiper-slide .content.horizontal_centered{ left:50% !important; transform: translateX(-50%) !important; -webkit-transform: translateX(-50%) !important; -moz-transform: translateX(-50%) !important; -o-transform: translateX(-50%) !important; } .codeless_slider .swiper-slide .content p{ margin-bottom:0; margin-top:25px; } .codeless_slider .swiper-slide .content h1{ } .codeless_slider .swiper-slide .content img.center{ position:relative; left:50%; transform: translateX(-50%) !important; -webkit-transform: translateX(-50%) !important; -moz-transform: translateX(-50%) !important; -o-transform: translateX(-50%) !important; } .codeless_slider .swiper-slide .content img.left{ position:relative; left:0; } .codeless_slider .swiper-slide .content img.right{ position:relative; left:100%; transform: translateX(-100%) !important; -webkit-transform: translateX(-100%) !important; -moz-transform: translateX(-100%) !important; -o-transform: translateX(-100%) !important; } .codeless_slider .swiper-slide .buttons{ float:left; width:auto; margin-top:25px; } .codeless_slider .swiper-slide .buttons.align-center{ position:relative; left:50% !important; transform: translateX(-50%) !important; -webkit-transform: translateX(-50%) !important; -moz-transform: translateX(-50%) !important; -o-transform: translateX(-50%) !important; } .codeless_slider .swiper-slide .buttons.align-right{ float:right; } .codeless_slider .swiper-slide .buttons a{ margin-right:10px; float:left; } .codeless_slider .swiper-slide .buttons a:last-child{ margin-right:0; } .codeless_slider .swiper-slide .buttons.colors-light a.bordered{ border-color:#fff; } .codeless_slider .swiper-slide .buttons.colors-light a.bordered *{ color:#fff; } .codeless_slider .swiper-slide .buttons.colors-dark a.bordered{ border-color:#222; } .codeless_slider .swiper-slide .buttons.colors-dark a.bordered *{ color:#222; } .codeless_slider .swiper-slide .buttons a.bordered{ opacity:0.88; } .codeless_slider .swiper-slide .buttons a.bordered:hover{ border-color:rgba(0,0,0,0); } .codeless_slider .swiper-slide .buttons.colors-light a.colored{ border-color:rgba(0,0,0,0); } .codeless_slider .swiper-slide .buttons.colors-light a.colored:hover{ background:#fff; } .codeless_slider .swiper-slide .buttons.colors-light a.colored *{ color:#fff; } .codeless_slider .swiper-slide .buttons.colors-dark a.colored{ border-color:#222; background:#222; } .codeless_slider .swiper-slide .buttons.colors-dark a.colored *{ color:#fff; } .codeless_slider .swiper-slide .codeless_animated{ visibility:hidden; } .codeless_slider .swiper-slide h1.animated{ -webkit-animation-delay:0.2s; -moz-animation-delay:0.2s; -ms-animation-delay:0.2s; -o-animation-delay:0.2s; animation-delay:0.2s; } .codeless_slider .swiper-slide p.animated{ -webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; -ms-animation-delay:0.6s; -o-animation-delay:0.6s; animation-delay:0.6s; } .codeless_slider .swiper-slide .buttons.animated{ -webkit-animation-delay:1s; -moz-animation-delay:1s; -ms-animation-delay:1s; -o-animation-delay:1s; animation-delay:1s; } /*.codeless_slider .swiper-slide p, .codeless_slider .swiper-slide h1, .codeless_slider .swiper-slide .buttons{ opacity:0; }*/ .codeless_slider #video_background { top: 0px; position: relative; -webkit-backface-visibility: hidden!important; min-width:100%; min-height:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .codeless_slider .video-wrap{ position: absolute !important; top: 0; left: 0; width: 100%; overflow: hidden; height:100%; z-index:-1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .codeless_slider .video-wrap .video_replace_mobile{ display:none; } .codeless_slider .bg-overlay{ width: 100%; position: absolute; left: 0; top: 0; height: 100%; z-index:0; } /* Navigation */ .codeless_slider .nav-thumbflip a { position: absolute; top: 50%; display: block; outline: none; text-align: left; z-index: 1000; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .codeless_slider .nav-thumbflip a.prev { left: 0; } .codeless_slider .nav-thumbflip a.next { right: 0; } .codeless_slider .nav-thumbflip a { -webkit-perspective: 1000px; perspective: 1000px; } .codeless_slider .nav-thumbflip a.prev { -webkit-perspective-origin: 100% 50%; perspective-origin: 100% 50%; } .codeless_slider .nav-thumbflip a.next { -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; } .codeless_slider .nav-thumbflip .icon-wrap { display: block; width: 50px; height: 60px; background-color: rgba(0,0,0,0.9); -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .codeless_slider .nav-thumbflip i { position: relative; text-align:center; width:100%; line-height:60px; font-size:34px; float:left; color: #fff; } .codeless_slider .nav-thumbflip .text { position: absolute; top: 0; background:#222; color:#fff; text-align:center; font-size:16px; font-weight:bold; letter-spacing:1.5px; height:100%; line-height:60px; width:80px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .codeless_slider .nav-thumbflip a.prev .text { left: 100%; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .codeless_slider .nav-thumbflip a.next .text { right: 100%; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .codeless_slider .nav-thumbflip a:hover .icon-wrap { background-color: #fff; } .codeless_slider .nav-thumbflip a:hover i { color: #222; } .codeless_slider .nav-thumbflip a:hover .text { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .codeless_slider:hover .nav-simple a{ opacity:1; } .codeless_slider .nav-simple a{ position:absolute; top:50%; height:40px; opacity:0; margin-top:-20px; z-index:999999; width:40px; } .codeless_slider .nav-simple a.prev {left:10px;} .codeless_slider .nav-simple a.next {right:10px;} .codeless_slider .nav-simple a span{ width:100%; height:100%; float:left; } .codeless_slider .nav-simple a span i{ color:rgba(255,255,255,0.9); font-size:64px; line-height:40px; text-align:center; width:100%; float:left; } .codeless_slider .nav-simple .text{ display:none; } /* ---------------------- End Codeless Slider ----------------------------------*/ /* ---------------------- Codeless News ----------------------------------------*/ .codeless_news_slider .codeless_slider_swiper{width:75%;float:left;height:400px;} .codeless_news_slider .codeless-slider-container{height:400px;} .codeless_news_slider .featured_posts{width:25%;float:left; padding-left:5px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .codeless_news_slider .featured_posts .featured{ height:197.5px; width:100%; margin-bottom:5px; background:#222; position:relative; overflow: hidden; -webkit-background-size: cover; background-size: cover; background-repeat:no-repeat; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; background-position:center; background-repeat:no-repeat; } .codeless_news_slider .swiper-slide{ -webkit-background-size: cover; background-size: cover; background-repeat:no-repeat; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; background-repeat:no-repeat; } .codeless_news_slider .swiper-slide h1{ padding:8px 30px; color:#fff; width:auto; float:left; position:absolute; bottom:20px; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .codeless_news_slider .swiper-slide .overlay{ background:rgba(0,0,0,0.0); position:absolute; top:0; left:0; width:100%; height:100%; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .codeless_news_slider .swiper-slide p{ opacity:0; bottom:-40px; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; background:rgba(0,0,0,0.6); color:#ddd; font-size:13px; padding:10px 20px; position:absolute; margin:0; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .codeless_news_slider .swiper-slide p > *{ color:#fff !important; } .codeless_news_slider .swiper-slide h1:hover{ background:rgba(0,0,0,0.8); } .codeless_news_slider .swiper-slide:hover .overlay{ background:rgba(0,0,0,0.2); } .codeless_news_slider .swiper-slide:hover h1{ bottom:40px; } .codeless_news_slider .swiper-slide:hover p{ opacity:1; bottom:0; } .codeless_news_slider .featured_posts .featured:last-child{margin-bottom:0; background:#222;} .codeless_news_slider .featured_posts .featured h4{ padding:8px 20px; color:#fff; width:auto; float:left; position:absolute; bottom:0px; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .codeless_news_slider .featured_posts .featured .overlay{ background:rgba(0,0,0,0.0); position:absolute; top:0; left:0; width:100%; height:100%; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .codeless_news_slider .featured_posts .featured h4:hover{ background:rgba(0,0,0,0.8); } .codeless_news_slider .featured_posts .featured:hover .overlay{ background:rgba(0,0,0,0.35); } .codeless_news_slider .featured_posts .featured:hover h4{ bottom:80px; } .codeless_news_slider .featured_posts .featured p{ opacity:0; bottom:-60px; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; background:rgba(0,0,0,0.6); color:#ddd; padding:10px 20px; position:absolute; margin:0; font-size:13px; width:100%; z-index:99999; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .codeless_news_slider .featured_posts .featured p > *{ color:#ddd !important; } .codeless_news_slider .featured_posts .featured:hover p{ opacity:1; bottom:0; } /* ---------------------- End Codeless News ------------------------------------*/ /* ---------------------- Codeless Gallery Carousel ---------------------------- */ .codeless_gallery_carousel.mobile_gallery{height:auto !important;} .codeless_gallery_carousel.mobile_gallery img{height:auto !important;max-width:none !important; width:100%;} .mobile_gallery .codeless_slider_swiper{min-height:50px !important;} .mobile_gallery .codeless_slider_wrapper{min-height:50px !important;} .mobile_gallery .swiper_slider, .mobile_gallery .swiper-wrapper, .mobile_gallery .swiper-slide{ height: auto !important; float: left !important; } .codeless_gallery_carousel .codeless_swiper_gallery{ opacity:0; } .codeless_gallery_carousel .swiper-slide{ height:100%; width:auto; float:left; min-width:10%; } @media (max-width:767px){ .codeless_gallery_carousel{ height:auto !important; } .codeless_gallery_carousel .codeless_slider_swiper{ min-height:auto; } .codeless_gallery_carousel .codeless_slider_wrapper{ min-height:auto !important; } .codeless_gallery_carousel .codeless_swiper_gallery{ height:auto !important; } .codeless_gallery_carousel .swiper-slide{ height:auto !important; width:100% !important; } .codeless_gallery_carousel .swiper-slide img{ height:auto !important; } } .codeless_gallery_carousel.grayscale img{ -moz-filter: grayscale(100%); filter: gray; filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: url(css/desaturate.svg#greyscale); -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .codeless_gallery_carousel.grayscale .swiper-slide-active img{ -moz-filter: grayscale(0); filter: none; filter: grayscale(0); -webkit-filter: grayscale(0); } .codeless_gallery_carousel.opacity img{ opacity:0.1; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .codeless_gallery_carousel.opacity .swiper-slide-active img{ opacity:1; } .codeless_gallery_carousel .codeless_slider_wrapper{ background:#fff; } .codeless_gallery_carousel .swiper-slide img{ height:100%; } .codeless_gallery_carousel .swiper-slide{ position:relative; } .codeless_gallery_carousel .info{ position:absolute; bottom:0; background:rgba(255,255,255,0.97); padding:30px 12px; width:100%; text-align:center; } .codeless_gallery_carousel .info > *{ opacity:0; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .codeless_gallery_carousel .info p{ margin:0; padding:0; text-align:center; width: 450px; position: relative; left: 50%; margin-left: -225px; margin-top:5px; } .codeless_gallery_carousel .swiper-slide-active .info > *{ opacity:1; } .codeless_gallery_carousel:hover .nav-simple a{ opacity:1; } .codeless_gallery_carousel .nav-simple a{ position:absolute; top:50%; height:60px; opacity:1; margin-top:-30px; z-index:999999; background:rgba(0,0,0,0.3); width:60px; } .codeless_gallery_carousel .nav-simple a:hover{ background:rgba(0,0,0,0.5); } .codeless_gallery_carousel .nav-simple a.prev {left:0px;} .codeless_gallery_carousel .nav-simple a.prev span span{ background:url('img/slider_left_carou.png') no-repeat center; } .codeless_gallery_carousel .nav-simple a.next {right:0px;} .codeless_gallery_carousel .nav-simple a.next span span{ background:url('img/slider_right_carou.png') no-repeat center; } .codeless_gallery_carousel .nav-simple a span span{ width:100%; height:100%; float:left; } .codeless_gallery_carousel .nav-simple a span{ width:100%; height:100%; float:left; } .codeless_gallery_carousel .nav-simple a span i{ color:rgba(255,255,255,0.9); font-size:64px; line-height:40px; text-align:center; width:100%; float:left; } .codeless_gallery_carousel .nav-simple .text{ display:none; } .codeless_gallery_carousel .loading{ position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; } .codeless_gallery_carousel .loading i{ position:relative; top:50%; line-height:40px; font-size:36px; color:#222; z-index:9999999; margin-top:-20px; } /* ---------------------- End Codeless Gallery Carousel ------------------------ */ /* -------------------------------------------------------END SLIDERS HERE ----------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /*--------------------------------------------------------- PORTFOLIO NAVIGATION------------------------------------------------ */ /* ----------------------------------------------------------------------------------------------------------------------------- */ #portfolio-filter { margin-bottom:35px; position:relative; min-height:20px !important; } #portfolio-filter ul { margin:0; padding:0; list-style:none; float:left; z-index:9999; } #portfolio-filter ul li { float:left; padding:8px 18px; webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } #portfolio-filter ul li a { } #portfolio-filter ul li.active a { } #portfolio-filter ul li.active { position:relative; } #portfolio-filter ul li:hover { } #portfolio-filter ul li a:hover { text-decoration:none; } /* Fullwidth POrtfolio Filter */ .content_portfolio.fullwidth #portfolio-filter{ margin-bottom:0; } .content_portfolio.fullwidth .filter-row{ } .content_portfolio.fullwidth #portfolio-filter ul { float:right; } .content_portfolio.fullwidth #portfolio-filter ul li{ border:none; background:transparent; padding:14px 18px; } .content_portfolio.fullwidth #portfolio-filter ul li a{ } .content_portfolio.fullwidth #portfolio-filter ul li a:hover{ } .content_portfolio.fullwidth #portfolio-filter ul li:last-child{ padding-right:0; } /*-----------------------------------------------------END PORTFOLIO NAV-------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /*----------------------------------------------------- Portfolio -------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /* ------------------------------ Overlayed -------------------------- */ /* ------------------------------------------------------------------- */ .portfolio-item.overlayed{ display:block; overflow:hidden; cursor:pointer; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .portfolio-item.overlayed img{ backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transition: all 400ms; -moz-transition: all 400ms; transition: all 400ms; display:block; } .portfolio-item.overlayed h4{ } .portfolio-item.overlayed a{ position:absolute; z-index:4; top:0; left:0; width:100%; height:100%; } .portfolio-item.overlayed h6{ } .portfolio-item.overlayed .tpl2{ } .portfolio-item.overlayed .bg{ -webkit-transition: all 400ms; -moz-transition: all 400ms; transition: all 400ms; } .portfolio-item.overlayed:hover img{ transform: scale(1.1) rotate(0.7deg); -ms-transform: scale(1.1) rotate(0.7deg); -webkit-transform: scale(1.1) rotate(0.7deg); -o-transform: scale(1.1) rotate(0.7deg); -moz-transform: scale(1.1) rotate(0.7deg); backface-visibility: hidden; -webkit-backface-visibility: hidden; } /* ------------------------------ End Overlayed ---------------------- */ /* ------------------------------------------------------------------- */ /* ------------------------------ Grayscale -------------------------- */ /* ------------------------------------------------------------------- */ .portfolio-item.grayscale{ position:relative; overflow:hidden; cursor:pointer; } .portfolio-item.grayscale img{ -moz-filter: grayscale(100%); filter: gray; filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: url(css/desaturate.svg#greyscale); -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; position:relative; top:0; } .portfolio-item.grayscale:hover img{ filter: none; -webkit-filter: grayscale(0); top:-80px; } .portfolio-item.grayscale .project{ height:80px; width:100%; position:absolute; bottom:-92px; left:0; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .portfolio-item.grayscale:hover .project{ bottom:0px; } .portfolio-item.grayscale .project h5{margin-top:17px;width:100%; float:left; text-align: center;} .portfolio-item.grayscale .project h6{margin-top:4px; width:100%; float:left;; text-align:center;} .portfolio-item.grayscale .project:after{ width: 0px; height: 0px; border-style: solid; border-width: 0 11px 12px 11px; position:absolute; left:50%; margin-left:-11px; top:0; margin-top:-12px; content:""; } /* ------------------------------ End Grayscale ---------------------- */ /* ------------------------------------------------------------------- */ /* ------------------------------ Basic ------------------------------ */ /* ------------------------------------------------------------------- */ .portfolio-item.basic{ -moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing: border-box; } .portfolio-item.basic .he-view{ width:100%; } .portfolio-item.basic .bg{ } .portfolio-item.basic .link{ padding:8px 12px !important; display:inline-block; margin-right:5px; } .portfolio-item.basic .tpl2 .center-bar{ height:34px; } .portfolio-item.basic .show_text{ -moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing: border-box; padding:20px; background:#fff; } .portfolio-item.basic .show_text h5 { margin-top:15px; float:left; width:100%; margin-bottom:2px; letter-spacing:1px; } .portfolio-item.basic .show_text h6{ margin-top:5px; } /* ------------------------------ End Basic -------------------------- */ /* ------------------------------------------------------------------- */ /* ------------------------------ Chrome ----------------------------- */ .portfolio-item.chrome .overlay{ height:auto; position: relative; overflow:hidden; } .portfolio-item.chrome .overlay span{ background:rgba(255,255,255,0.2); opacity:0; width:100%; left:0; top:0; height:100%; position:absolute; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .portfolio-item.chrome:hover .overlay span{ opacity:1; } .portfolio-item.chrome .bar{ width:100%; height:12px; background:url('img/chrome.png') no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; } .portfolio-item.chrome .overlay{ -moz-box-shadow: 0 2px 4px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1); box-shadow: 0 2px 4px rgba(0,0,0,.1); } .portfolio-item.chrome .overlay span{ top:12px !important; background:rgba(255,255,255,0.7); } .portfolio-item.chrome span a{ z-index: 99999999; position: absolute; top: 50%; margin-top: -25px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } .portfolio-item.chrome span a:hover{ background:#000 !important; color:#fff; } .portfolio-item.chrome .show_text{ margin-top:15px; } .portfolio-item.chrome .show_text h5{ text-align:center; text-transform: uppercase; letter-spacing: 1.5px } /* ------------------------------ End Chrome ------------------------- */ /* ------------------------------ Layout ----------------------------- */ /* ------------------------------------------------------------------- */ .no_space .filterable{ margin-left:0 !important; } .content_portfolio.fullwidth{ padding:0 !important; margin:0 !important; } .content_portfolio.fullwidth.layout-sidebar_left aside, .content_portfolio.fullwidth.layout-sidebar_right aside{ padding-top:40px; padding-right:60px; } .content_portfolio.fullwidth.layout-sidebar_left aside{ padding-right:0px; padding-left:40px; } .fullwidth .span9{ padding-left:0; } .fullwidth.layout-sidebar_left #portfolio-preview-items.normal{ padding-left:0; } .fullwidth #portfolio-preview-items.normal{ padding-left:20px; padding-right:20px; padding-top:20px; } .fullwidth #portfolio-preview-items.normal .row{ margin-left:-20px; } .fullwidth #portfolio-preview-items .row{ margin-left:0; } .fullwidth #portfolio-preview-items.no_space{ margin-left:-5px; padding-top:5px; } .fullwidth #portfolio-preview-items.no_space .portfolio-item{ padding-left:5px; padding-bottom:5px; } .portfolio-item { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } .portfolio-item img { width:100%; float:left; } .five-cols .portfolio-item { position: relative; width: 20%; padding-left: 20px; float: left; margin-bottom: 20px; } .three-cols .portfolio-item { position: relative; width: 33.33333%; padding-left: 20px; float: left; margin-bottom: 20px; } .four-cols .portfolio-item { position: relative; width: 25%; padding-left: 20px; float: left; margin-bottom: 20px; } .two-cols .portfolio-item { position: relative; width: 50%; padding-left: 20px; float: left; margin-bottom: 20px; } .no_space .portfolio-item{ margin-left:0; margin-bottom:0; padding-left:0; padding-bottom:0; } .tpl2 { float:left; width:100%; overflow: hidden; } .tpl2 img { max-width:none; width:100% } .tpl2 .bg:hover { opacity:1; } .tpl2 .bg { opacity:0; width:100%; height:100%; } .tpl2 .center-bar { position:absolute; top:50%; transform:translateY(-50%); text-align:center; width:100%; } /* Masonry */ .four-cols .masonry .grid-size{width:25%;} .four-cols .masonry .w1{width:25%;} .four-cols .masonry .wh2{width:25%;} .four-cols .masonry .w2{width:50%;} .four-cols .masonry .w3{width:75%;} .three-cols .masonry .grid-size{width:33.3333%;} .three-cols .masonry .w1{width:33.3333%;} .three-cols .masonry .w2{width:66.6666%;} .three-cols .masonry .w3{width:100%;} .five-cols .masonry .grid-size{width:20%;} .five-cols .masonry .w1{width:20%;} .five-cols .masonry .w2{width:40%;} .five-cols .masonry .w3{width:60%;} .two-cols .masonry .grid-size{width:50%;} .two-cols .masonry .w1{width:50%;} .two-cols .masonry .w2{width:100%;} .two-cols .masonry .w3{width:50%;} /* End Masonry */ /* ------------------------------ End Layout ------------------------- */ /* ------------------------------------------------------------------- */ /* ------------------------------ Isotope ---------------------------- */ /* ------------------------------------------------------------------- */ .isotope,.isotope .isotope-item { -webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -ms-transition-duration:0.8s; -o-transition-duration:0.8s; transition-duration:0.8s; } .isotope { -webkit-transition-property:height,width; -moz-transition-property:height,width; -ms-transition-property:height,width; -o-transition-property:height,width; transition-property:height,width; } .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; } /* ------------------------------ End Isotope ------------------------ */ /* ------------------------------------------------------------------- */ /*----------------------------------------------------- End Portfolio ---------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /*----------------------------------------------------- Single Portfolio ------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------- */ .single_portfolio_gallery{ margin-top:60px; } .single_portfolio_gallery .gallery a{ width:33.3333%; float:left; padding-left:20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin-bottom:20px; } .single_portfolio_gallery .content{ margin-top:40px; } .portfolio_single h4{ } .portfolio_single ul.info{ margin:0; padding:0; list-style: none; margin-top:13px; position:relative; } .portfolio_single ul.info li{ float:left; width:100%; margin-bottom:10px; } .portfolio_single ul.info li .title{ width:100%; float:left; } .portfolio_single .post-like{ position: absolute; top: 0; margin-top: 0; right: 0; width: auto !important; } .single_portfolio_container{ margin-top:60px; } .single_portfolio_container .details{ margin-top:30px; } .single_portfolio_container .content{ margin-top:40px; float:left; } .single_portfolio_floating{ margin-top:60px; } .single_portfolio_floating .media img{ margin-bottom:20px; } .single_portfolio_floating .media img:last-child{ margin-bottom:0; } .single_portfolio_floating .details{ margin-top:30px; } .single_portfolio_fullwidth .content{ margin-top:60px; } .single_portfolio_fullwidth .media{ width:100%; float:none; } .single_portfolio_fullwidth .media .featured{ -webkit-background-size: cover; background-size: cover; background-repeat:no-repeat; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; background-repeat:no-repeat; width:100%; height:600px; } @media (min-width:768px){ .fixed_sidebar{ position:sticky; top:0px; } .sticky_active .fixed_sidebar{ top:108px; } } .single_portfolio_related{ margin-top:60px; } .single_portfolio_related h4{ margin-bottom:20px; } /*---------------------------------------------------- End Single Portfolio ---------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------- Tabs -------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------- */ .tabbable .nav-tabs { margin:0; padding:0; } .tabbable .nav-tabs i { padding-right: 5px; } .wpb_tabs:last-child { margin-bottom:0; } .wpb_tabs .wpb_text_column:last-child{margin-bottom:0;} /* ------------------------------ Style 1 ---------------------------- */ /* ------------------------------------------------------------------- */ .tabbable.tabs-top.style_1 .nav.nav-tabs{ border-bottom: 2px solid #e2e2e2; } .tabbable.tabs-top.style_1 .nav.nav-tabs li.active, .vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab.vc_active { border-top:2px solid #e2e2e2; border-right:2px solid #e2e2e2; border-left:2px solid #e2e2e2; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-bottom:-2px; } .vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab.vc_active { background: #fff; border-bottom: 0px !important;} .vc_tta-panel, .vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab.vc_active > a, .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a{ background: #fff !important; } /*.vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab {border-bottom: 2px solid #fff;}*/ .vc_tta-style-classic .vc_tta-tabs-list {border-bottom:2px solid #e2e2e2;} .vc_tta.vc_tta-style-classic .vc_tta-tab>a{border-width: 0px !important;} .vc_tta-tab.vc_active a .vc_tta-title-text{font-weight: 500;} .tabbable.style_1 .nav-tabs li{ border-bottom:none; border-right:none; } .vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab.vc_active {border-bottom: none !important;} .tabbable.style_1.tabs-left .nav-tabs li { border-bottom:none; margin-top:-3px; margin-right: -1px; } .vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab { margin-top:-3px; margin-right: -1px; } .tabbable.style_1 .nav-tabs li:last-child{ margin-bottom: -1px; } .tabbable.style_1.tabs-left .nav-tabs li:last-child { border-right:none !important; } .tabbable.style_1.tabs-top .tab-content{ padding:0px 20px; } .tabbable.style_1 .nav-tabs li a, .vc_tta-tab a .vc_tta-title-text{ color:#444; border-top-left-radius: 3px; border-top-right-radius: 3px; padding-top: 10px; padding-bottom: 10px; } .wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab>a:focus, .wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab>a:hover{background: transparent !important;} .vc_tta-style-classic .vc_tta-tab>a:hover{background-color: transparent; } .vc_tta-tab a .vc_tta-title-text{font-weight: 500;} .dark_version .tabbable.style_1 .nav-tabs li a{color:#aaa;} .dark_version .nav-tabs > .active > a, .dark_version .nav-tabs > .active > a:hover{background-color:transparent;} .tabbable.style_1.tabs-left .nav-tabs li a { border-radius:3; -webkit-border-radius:3; -moz-border-radius:3; } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover{ border-left: 2px solid #e2e2e2; border-top: 2px solid #e2e2e2; border-bottom: 2px solid #e2e2e2; } .tabs-left > .nav-tabs{ border-right:2px solid #e2e2e2; } .tabbable.style_1 .tab-content { margin-top:10px; } .tabbable.style_1.tabs-left .tab-content { margin-top:0; padding: 0px 32px; } .tabbable.style_1.tabs-left .tab-content p{ margin-top:0px; } /* ------------------------------ End Style 1 ------------------------ */ /* ------------------------------------------------------------------- */ /* ------------------------------ Style 2 ---------------------------- */ /* ------------------------------------------------------------------- */ .tabbable.style_2.tabs-left { float:left; width:100%; } .tabbable.style_2.tabs-top .nav-tabs { } .tabbable.style_2.tabs-left .nav-tabs { position:relative; left:-1px; } .tabbable.style_2 .nav-tabs li { border-bottom:none; border-right:none; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .tabbable.style_2.tabs-left li { border-bottom:none; margin-bottom:-3px; margin-top:0; } .tabbable.style_2.tabs-left li:last-child { border-right:none !important; } .tabbable.style_2 .nav-tabs li:hover { border-top:1px solid #555555; } .tabbable.style_2.tabs-left .nav-tabs li:hover { border-left:1px solid #555; } .tabbable.style_2.tabs-left .nav-tabs li.active { border-right: 1px solid #fff; z-index: 1111111; position: relative; right:-1px; } .tabbable.style_2 .nav-tabs li a { color:#222; font-weight:400; } .dark_version .tabbable.style_2 .nav-tabs li a{ color:#aaa; } .tabbable.style_2.tabs-left .nav-tabs li a { border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; } .tabbable.style_2 .tab-content { padding:20px; } .tabbable.style_2.tabs-left .tab-content { margin-top:0px; padding:15px; height: 100%; position:relative; left:-2px; } /* ------------------------------ End Style 2 ------------------------ */ /* ------------------------------------------------------------------- */ /* ------------------------------ Style 3 ---------------------------- */ /* ------------------------------------------------------------------- */ .tabbable.style_3.tabs-left { float:left; width:100%; } .dark_version .tabbable.style_3.tabs-left{border-right:1px solid transparent;border-bottom:1px solid transparent; background:transparent;} .tabbable.style_3.tabs-top .nav-tabs { } .tabbable.style_3.tabs-left .nav-tabs { border-right:none; } .tabbable.style_3 .nav-tabs li { border-right:none; } .dark_version .tabbable.style_3 .nav-tabs li{background:transparent;} .tabbable.style_3 .nav-tabs li.active{border-bottom:1px solid #f9f9f9; background:#f9f9f9;} .tabbable.style_3 .nav-tabs li.active a { background:#f0f0f0; } .dark_version .tabbable.style_3 .nav-tabs li.active a{background:transparent;} .tabbable.style_3 .nav-tabs li:first-child { } .dark_version .tabbable.style_3 .nav-tabs li:first-child{border-left:2px solid transparent;} .tabbable.style_3.tabs-left .nav-tabs li:first-child { } .dark_version .tabbable.style_3.tabs-left .nav-tabs li:first-child{border-left:1px solid transparent;} .tabbable.style_3.tabs-left li { margin-bottom:0px; margin-top:0; border-bottom:none; } .dark_version .tabbable.style_3.tabs-left li{border-top:2px solid transparent; border-left:1px solid transparent;} .tabbable.style_3.tabs-left li:last-child { border-right:none !important; } .tabbable.style_3 .nav-tabs li:last-child { border-right:1px solid #fff; } .dark_version .tabbable.style_3 .nav-tabs li:last-child{border-right:1px solid transparent;} .tabbable.style_3.tabs-left .nav-tabs li:hover { } .dark_version .tabbable.style_3.tabs-left .nav-tabs li:hover{border-top:2px solid transparent;} .tabbable.style_3.tabs-left .nav-tabs li.active { border-bottom:none; } .tabbable.style_3.tabs-left .nav-tabs li.active:last-child{ border-bottom:1px solid #ebebeb !important; } .tabbable.style_3 .nav-tabs li a { color:#444; font-weight:600; text-transform: uppercase; } .dark_version .tabbable.style_3 .nav-tabs li a{color:#aaa;} .tabbable.style_3.tabs-left .nav-tabs li a { border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; margin-bottom:0; } .tabbable.style_3 .tab-content { padding:20px; } .dark_version .tabbable.style_3 .tab-content{border-top:2px solid transparent;} .tabbable.style_3.tabs-left .tab-content { margin-top:0px; padding:15px; height: 100%; } /* ------------------------------ End Style 3 ------------------------ */ /* ------------------------------------------------------------------- */ /*---------------------------------------------------- End Tabs ---------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------- Services List ----------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------- */ .services_list p { margin-top:5px; } .services_list dt { width:70px; height:70px; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#333333; } .services_list dt i { width:100%; text-align:center; color:#fff; float:left; line-height:70px; font-size:32px; } .services_list dd { margin-left:85px; } .services_list dl { position:relative; } .services_list h3 { color:#444; font-weight:bold; margin-bottom:10px; } .dark_version .services_list h3{color:#fff;} .services_list ul { margin:0; padding:0; list-style:none; } .services_list ul li { padding-left:10px; margin-bottom:3px; } /*---------------------------------------------------- End Services List ------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------- Media ------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------- */ .row-dynamic-el .media { margin-top:0; } .row-dynamic-el .media .type_image { width:auto; } .row-dynamic-el .media .type_image.alignment_left { float:left; } .row-dynamic-el .media .type_image.alignment_right { float:right; } .row-dynamic-el .media .type_image.alignment_center { margin:0 auto; display:block; } .row-dynamic-el .media .type_slideshow.alignment_center { margin:0 auto; display: block; } /*---------------------------------------------------- End Media --------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------- FAQ Filter -------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------- */ #faq-filter { margin-bottom:35px; position:relative; min-height:20px !important; height: auto; } #faq-filter ul { margin:0; padding:0; list-style:none; float:left; z-index:9999; } #faq-filter ul li { float:left; padding:8px 18px; webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } #faq-filter ul li a { } #faq-filter ul li.active a { } #faq-filter ul li.active { position:relative; } #faq-filter ul li:hover { } #faq-filter ul li a:hover { text-decoration:none; } /*---------------------------------------------------- End FAQ Filter ---------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------- Accordion / Toggles ---------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------- */ .accordion .accordion-inner { } .accordion { float:left; width:100%; } .faq { width:100%; float:left } .faq .accordion-group { position:relative; display: block } .accordion .wpb_text_column{ margin-bottom:0 !important; } .accordion p:first-child{ margin-top:0; } /*.vc_tta-accordion .vc_tta-panel-heading{background-color: #fff !important; border:0px !important;} .vc_tta-accordion .vc_tta-panel .vc_tta-panel-body {background-color:#fff !important; border:0px !important;} .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title>a{color:#222; font-size:13px;} .vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title>a:after{ width: 20px; height: 20px; background: #ddd; content: ''; float: left; left: 17px; position: absolute; top: 11px;} */ /* Style 1 */ .accordion.style_1 .accordion-group { border-left:none; border-top:none; border-right:none; margin-bottom:10px; border-bottom:none; } .accordion.style_1 .accordion-heading .accordion-toggle { position: relative; padding: 15px 55px; } .accordion.style_1 .accordion-heading .accordion-toggle:before{ background-image:url('img/plus.png'); background-position:center center; content:""; background-repeat:no-repeat; position: absolute; left: 0px; top: 5px; text-align:center; background-color:#fff; border:2px solid #ebebeb; color:#ccc; font-size:16px; width:40px; line-height:40px; height:40px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .accordion.style_1 .accordion-heading.in_head .accordion-toggle:before{ background-image:url('img/minus.png'); background-position:center center; background-repeat:no-repeat; content:""; } .accordion.style_1 .accordion-heading.in_head .accordion-toggle{ } .accordion.style_1 .accordion-inner { border-top:none; padding: 1px 55px; padding-bottom: 0px; float:left; padding-right:0; } /* End Style 1 */ /* Style 2 */ .accordion.style_2 .accordion-group { border-left:none; border-top:none; border-right:none; margin-bottom:20px; border-bottom:none; } .accordion.style_2 .accordion-heading .accordion-toggle { position: relative; padding: 15px 70px; } .accordion.style_2 .accordion-heading .accordion-toggle:before{ background-image:url('img/plus.png'); background-position:center center; content:""; background-repeat:no-repeat; position: absolute; left: 10px; top: 9px; text-align:center; background-color:#fff; color:#ccc; font-size:16px; width:32px; line-height:40px; height:32px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .accordion.style_2 .accordion-heading.in_head .accordion-toggle:before{ background-image:url('img/minus.png'); background-position:center center; background-repeat:no-repeat; content:""; } .accordion.style_2 .accordion-heading.in_head .accordion-toggle{ color:#222; } .accordion.style_2 .accordion-inner { border-top:none; padding: 20px 15px; padding-bottom: 10px; float:left; } /* End Style 2 */ /* Style 3 */ .accordion.style_3 .accordion-group { border-left:none; border-top:none; border-right:none; margin-bottom:10px; border-bottom:none; } .accordion.style_3 .accordion-heading .accordion-toggle { position: relative; padding: 8px 45px; } .accordion.style_3 .accordion-heading .accordion-toggle:before{ background-image:url('img/plus.png'); background-position:center center; content:""; background-repeat:no-repeat; position: absolute; left: 10px; top: 9px; text-align:center; background-color:#222; color:#ccc; font-size:16px; width:20px; line-height:20px; height:20px; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .accordion.style_3 .accordion-heading.in_head .accordion-toggle:before{ background-image:url('img/minus.png'); background-position:center center; background-repeat:no-repeat; content:""; } .accordion.style_3 .accordion-heading.in_head .accordion-toggle{ color:#222; } .accordion.style_3 .accordion-inner { border-top:none; padding: 20px 15px; padding-bottom: 10px; float:left; } /* End Style 3 */ /*---------------------------------------------------- Accordion / Toggles ---------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------- Side Navigation (Left Nav) ---------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------- */ .side-nav { float:left; list-style:none; margin:0; padding:0; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background:#fff; } .side-nav li { padding-top:10px; font-weight:300; padding-bottom:10px; font-size:13px; padding-left:20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .side-nav li.current_page_item{ color:#fff; font-weight:bold; } .side-nav li.current_page_item a:hover{ color:#fff; } .side-nav ul{ padding:0; margin:0; list-style: none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .side-nav ul li{ padding-left:40px; } .side-nav li a { } .side-nav li a:hover { text-decoration:none; } .side-nav li:last-child { border-bottom:none; } .side-nav .page_item { position:relative; } /*---------------------------------------------------- End Side Navigation (Left Nav) ------------------------------------------ */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------- Single Post Navigation -------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------- */ .nav-growpop a { position: fixed; top: 50%; display: block; outline: none; text-align: left; z-index: 9999999; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .nav-growpop a.prev { left: 0; } .nav-growpop a.next { right: 0; } .nav-growpop a i { display: block; margin: 0 auto; padding: 0; font-size: 24px; width: 17px; text-align: center; color: #fff; } .nav-growpop .icon-wrap { position: relative; z-index: 100; display: block; padding: 16px 5px; -webkit-transition: border-width 0.3s 0.15s; transition: border-width 0.3s 0.15s; } .nav-growpop .icon { color:#fff; } .nav-growpop div { position: absolute; top: 50%; padding: 20px; width: 440px; height: 144px; background: #fff; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .nav-growpop a.prev div { left: 0; padding: 23px 98px 0px 34px; width: 161px; height: 63px; text-align: right; -webkit-transform: translateY(-50%) translateX(-100%) scale(0.75); transform: translateY(-50%) translateX(-100%) scale(0.75); } .nav-growpop a.next div { right: 0; padding: 23px 34px 0px 98px; width: 161px; height: 63px; -webkit-transform: translateY(-50%) translateX(100%) scale(0.75); transform: translateY(-50%) translateX(100%) scale(0.75); } .nav-growpop h3 { margin: 0; padding: 8px 0 10px; color: #222; font-weight: 400; font-size: 16px; line-height: 1.2; padding-top:0; margin-top:0; } .nav-growpop div p { margin: 0; color: #999; font-style: italic; font-size: 13px; } .nav-growpop img { position: absolute; top: 10px; width: 65px; } .nav-growpop a.prev img { right: 12px; } .nav-growpop a.next img { left: 12px; } .nav-growpop a:hover .icon-wrap { border-top-width: 15px; border-bottom-width: 15px; -webkit-transition-delay: 0s; transition-delay: 0s; } .nav-growpop a:hover div { opacity: 1; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transform: translateY(-50%) translateX(0) scale(1); transform: translateY(-50%) translateX(0) scale(1); } /*---------------------------------------------------- End Single Post Navigation ---------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------- Elements ---------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /*----------------------- BLOCK TITLE -------------------------*/ .block_title.column_title{ margin-bottom:30px; } .block_title.column_title .h1{ width:auto; display:inline-block; padding-right:10px; line-height:24px; } .block_title.column_title.inner-inline_border{ position:relative; float:left; width:100%; } .block_title.column_title.inner-inline_border .h1, .block_title.column_title.inner-inline_border h1{ background:#fff; z-index:5; position:relative; padding-right:20px; width:auto; float:left; } .block_title.column_title.inner-inline_border:after{ display:block; height:1px; content:""; background:#e1e1e1; position:absolute; top:50%; margin-top:-0.5px; width:100%; z-index:-1; } .block_title.column_title h2{ width:100%; line-height:24px; } .block_title.section_title{ position:relative; } .block_title.section_title .h1{ width: 100%; text-align: center; } .block_title.section_title:first-child h2{ margin-top:-10px; } .block_title.section_title .divider{ width: 208px; position: absolute; left: 50%; margin-left: -104px; margin-top: 10px; } .block_title.section_title .divider .line{ width:90px; height:1px; background:#ccc; float:left; } .block_title.section_title .divider .circle{ width:10px; height:10px; border:1px solid #ddd; margin-left:8px; float:left; margin-right:8px; margin-top:-5px; } .block_title.section_title p{ width: 100%; padding: 0 28%; margin-top: 25px; text-align: center; font-size:14px; color:#555; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .block_title.section_title.inner-only_text p{ margin-top:10px; } .light .block_title{ color:#ddd; } .light .block_title h1{ color:#fff !important; } .light .block_title.section_title p{ color:#fff; } .light .block_title.column_title h2{ color:#fff; } /*----------------------- END BLOCK TITLE ---------------------*/ /*----------------------- LISTS -------------------------------*/ .list ul{margin:0; padding:0; list-style: none;} .list li.simple{ width:100%; position:relative; padding-left:25px; font-size:14px; line-height:22px; padding-bottom:10px; } .list li.simple:last-child{ padding-bottom:0; } .list li.simple:first-child:last-child{ padding-bottom:10px; } .list li.simple i{ position:absolute; left:0; top:0; font-size:16px; line-height:22px; } .list li.titledesc{ float:left; width:100%; margin-bottom:20px; } .list li.titledesc:last-child{ margin-bottom:0; } .list li.titledesc dl{ margin:0; padding:0; } .list li.titledesc dl dt{ width:45px; height:45px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; } .list li.titledesc dl dt .circle{ width: 36px; height: 36px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; float: left; margin-left: 2px; margin-top: 2px; } .list li.titledesc dl dt i{ font-size:16px; text-align: center; width:100%; line-height:36px; float:left; } .list li.titledesc dl dd{ margin-left:50px; } .list li.titledesc dl p{ margin:0; padding:0; margin-top:5px; } .list li.titledesc dl dt i.steadysets-icon-checkmark{ font-size: 30px; padding-left: 7px; margin-top: -5px; } .list li.titledesc h6{ font-weight:600; } /*----------------------- END LISTS ---------------------------*/ /*----------------------- Single Staff Member ---------------------------*/ .single_staff{ overflow:hidden; } .single_staff .content{ padding:15px; background:#fff; position:relative; z-index:10; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .single_staff .overlay .bg{ background: rgba(0,0,0,0.5); -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration: 0.4s; } .single_staff:hover .overlay .bg{ } .single_staff .content h5{ } .single_staff p{ margin-top:5px; } .single_staff .featured_img{ position:relative; z-index:5; overflow:hidden; display:block; width:100%; } .single_staff .featured_img img{ position:relative; top:0; left:0; width:100%; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration: 0.4s; } .single_staff:hover .featured_img img{ } .single_staff .center-bar a{ margin-left:10px; border:2px solid rgba(255,255,255,0.4); width:40px; height:40px; display:inline-block; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration: 0.4s; } .single_staff .center-bar a:first-child{ margin-left:0; } .single_staff .center-bar a:hover{ border:2px solid #fff; } .single_staff .center-bar a i{ font-size:18px; color:#fff; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration: 0.4s; opacity:0.4; text-align:center; width:100%; float:left; line-height:40px; } .single_staff .center-bar a:hover i{ opacity:1; } /* Style 2 */ .single_staff.style_2 .content{padding:0; background:transparent;text-align:center; margin-top:20px;} .single_staff.style_2 .content p{padding:0 15px;} /* End Style 2 */ /* Modern Staff */ .staff_carousel .codeless-slider-container{ height:auto !important; } .staff_carousel .swiper-slide{ height:auto !important; } .single_staff.modern{ overflow:hidden; float:left; width:100%; } .single_staff.modern .content{ position:absolute; bottom:-100%; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration: 0.4s; text-align: center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .single_staff.modern .content p{ padding-left:13%; padding-right:13%; } .single_staff.modern:hover img{ top:-50px; } .single_staff.modern:hover .content{ bottom:0; } .single_staff.modern .center-bar{ margin-top:-70px; } .swiper_pagination{ position:absolute; right:0; top:0; width:100px; height:57px; } /* .swiper_pagination .next{ background:url('img/right.png') center no-repeat; width:24px; height:57px; float:left; margin-left:25px; } .swiper_pagination .prev{ background:url('img/left.png') center no-repeat; width:24px; height:57px; float:left; }*/ /* End Modern Staff */ /*--------------------- END Single Staff Member -------------------------*/ /*--------------------- Services Small ----------------------------------*/ .services_small dl{ margin:0; } .services_small dt{ width:40px; height:40px; } .services_small dt i{ font-size:32px; } .services_small dd{ margin-left:60px; } .services_small .content{ margin-top:10px; } .services_small h4{ } .services_small .wrapper{ border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; width: 40px; height: 40px; } .services_small .wrapper i{ font-size: 18px; float: left; text-align: center; width: 100%; line-height: 40px; } .services_small.align_right dt{float:right;} .services_small.align_right dd{margin-right: 60px;margin-left: 0;} .services_small.align_right h4{text-align:right;} .services_small.align_right .content{text-align:right;} /*--------------------- ENd Services Small ------------------------------*/ /*--------------------- Clients -----------------------------------------*/ .clients { float:left; z-index:5 !important; } .caroufredsel_wrapper{ width:100% !important; margin:0 !important; } .clients .item { width:175px; padding:0 25px; float:left; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .clients .item:hover img{ opacity:1; } .clients .item a { } .clients_caro{ margin-left:0px; } .clients .item a img { opacity:0.75; top:0; left:0; float:left; bottom:0; right:0; margin:auto; margin-top:0; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s; -o-transition-duration:0.6s; -ms-transition-duration:0.6s; transition-duration:0.6s; } .clients_el{ position:relative; float: left; width:100%; } .clients_el .pagination{ margin:0; float:none; } .clients_el .pagination a{ position:absolute; width:40px; height:40px; background:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; border:1px solid #e1e1e1; top:50%; margin-top:-20px; opacity:0; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s; -o-transition-duration:0.6s; -ms-transition-duration:0.6s; transition-duration:0.6s; } .clients_el .pagination a i{ color:#444; text-align:center; float:left; width:100%; line-height:40px; } .clients_el .pagination a.prev{ left:0px; } .clients_el:hover .pagination a.prev{ left:-60px; opacity:1; } .clients_el .pagination a.next{ right:0px; } .clients_el:hover .pagination a.next{ right:-60px; opacity:1; } /*--------------------- End Clients ------------------------------*/ /*--------------------- Textbar ----------------------------------*/ .textbar{ width:100%; position:relative; float:left; } .textbar h2{ width:auto; color:inherit; float:left; line-height:33px; position:absolute; top:50%; margin-top:-16.5px; } .light .textbar h2{ color:#fff !important; } .textbar .btn-bt{ float:right; } .light .textbar .btn-bt.default{ } .textbar .btn-bt.default:hover{ opacity:1; } .textbar .btn-bt.default:hover i{ left:80%; } .textbar.style_2 h2{width:100%; text-align:center;position:static;} .textbar.style_2 .btn-bt{ float:left; position:relative; left:50%; margin-top:30px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /*--------------------- End Textbar ------------------------------*/ /*--------------------- Services Medium --------------------------*/ .services_medium { text-align:center; position:relative; top:0; padding:15px; padding-top:0; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .services_medium.style_2{ float:left; } .services_medium img{ width:100px; height:100px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; text-align:center; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; position:relative; z-index:9999; } .services_medium.style_1 .icon_wrapper { width:100px; height:100px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; left:50%; margin-left:-50px; text-align:center; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; position:relative; z-index:9999; } .services_medium.style_2 .icon_wrapper { width:100px; height:60px; left:50%; margin-left:-50px; text-align:center; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; position:relative; z-index:9999; } .services_medium.style_3 .icon_wrapper { width:94px; height:94px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; left:50%; margin-left:-47px; text-align:center; -webkit-transition-duration:0.1s; -moz-transition-duration:0.1s; -o-transition-duration:0.1s; -ms-transition-duration:0.1s; transition-duration:0.1s; position:relative; z-index:9999; } .services_medium.style_4 .icon_wrapper { width:100px; height:100px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; left:50%; margin-left:-50px; transform:translateY(0px); box-shadow: 0px 18px 48px -12px rgba(26, 29, 45, 0.14); text-align:center; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; position:relative; z-index:9999; } .services_medium.style_4:hover .icon_wrapper{ transform:translateY(-3px); box-shadow: 0px 0px 0px rgba(0,0,0,0.0); } .services_medium.style_1:hover .icon_wrapper i{ color:#fff !important; } .services_medium.style_1 i { float:left; text-align:center; width:100%; line-height:100px; font-size:48px; margin-bottom:10px; z-index:1000; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .services_medium.style_2 i { float:left; text-align:center; width:100%; line-height:60px; font-size:48px; margin-bottom:10px; z-index:1000; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .services_medium.style_2 i{ color:#222; } .services_medium.style_3 i { float:left; text-align:center; width:100%; line-height:92px; font-size:42px; margin-bottom:10px; z-index:1000; -webkit-transition-duration:0.1s; -moz-transition-duration:0.1s; -o-transition-duration:0.1s; -ms-transition-duration:0.1s; transition-duration:0.1s; } .services_medium.style_4 i { float:left; text-align:center; width:100%; line-height:100px; font-size:48px; margin-bottom:10px; z-index:1000; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .services_medium.style_4:hover .icon_wrapper i{ color:#fff !important; } .light .services_medium.style_2 i{ color:#fff; } .services_medium.style_3:hover .icon_wrapper i { color:#fff !important; } .services_medium h4 { margin-bottom:0px; float:left; width:100%; text-align:center; margin-top:15px; position:relative; z-index:9999; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .services_medium.style_2 h4{ margin-top:12px; } .services_medium p { display:block; text-align:center; float:left; margin-top:7px; position:relative; } /*--------------------- End Services Medium ----------------------*/ /*--------------------- Counter ----------------------------------*/ .count_to{ width:234px; height:120px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position:relative; left:50%; } .odometer{ width: 100%; margin-top:15px; text-align: center; } .light .odometer{ color:#fff !important; } .animated_counter h3{text-align:center; margin-top:0px; width:100%; font-weight:300;} .light .animated_counter h3{color:#fff;opacity:0.75;} .animated_counter i{ font-size:42px; text-align:center; margin-bottom:5px; width:100%; float:left; } .animated_counter.style-left i{ text-align:left !important; } .animated_counter.style-left h3{ text-align:left !important; } .animated_counter.style-left .count_to{ left:0; transform: translateX(0); } .animated_counter.style-left .odometer{ text-align:left; } /*--------------------- End Counter ------------------------------*/ /*--------------------- Chart Skill ------------------------------*/ .chart_skill .new_color { display:none; } .chart_skill { position:relative; } .chart_skill .text { line-height: 37px; width: 200px; float: left; position: absolute; top: 50%; left: 50%; font-size: 30px; margin-left: -100px; margin-top: -18px; } .chart_skill i.base { -webkit-background-clip:text; -webkit-text-fill-color: transparent; } .chart_skill h5{ width:100%; text-align: center; margin-top:20px; font-weight:600; } .light .chart_skill h5{color:#fff;} .light .chart_skill .text{color:#ddd;} /* ---------------------- End Chart Skill ------------------------*/ /* ---------------------- Button ---------------------------------*/ .wpb_content_element.button{ float:left; min-height:50px; width:100%; } .wpb_content_element.button.buttons_two{ float:left; width:auto !important; } .wpb_content_element.button.buttons_two a:first-child{ margin-right:15px; } .wpb_content_element.button.buttons_two a:nth-child(2){ background:#ebebeb; color:#444; } .wpb_content_element.button.buttons_two.al_center{ -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); left:50%; position:relative; } /* ---------------------- End Button -----------------------------*/ /* ---------------------- Skills ---------------------------------*/ .block_skill{ float:left; width:100%; } .skill { height:12px; position:relative; border-radius:16px; -webkit-border-radius:16px; -moz-border-radius:16px; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; margin-bottom:16px; float:left; width:100%; -webkit-box-shadow:inset 0 1px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow:inset 0 1px 2px 0px rgba(0,0,0,0.1); box-shadow:inset 0 1px 2px 0px rgba(0,0,0,0.1); } .section-style .dark .skill{background:#fff;} .skill:last-child { margin-bottom:0; } .skill>* { -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .skill .prog { border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; } .skill .prog .circle { width:35px; height:35px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; right:-17px; top:-8px; } .skill_title { float:left; } .block_skill .big_percentage { font-size:13px; float:right; color:#222; margin-left:5px; margin-bottom:5px; } .skill .prog { position:relative; height: 100%; } /* ---------------------- End Skills -----------------------------*/ /* ---------------------- Testimonial ----------------------------*/ .single_testimonial dl{ margin:0; } .single_testimonial dl dt{ width:90px; height:120px; } .single_testimonial dl dt img{ border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; } .single_testimonial dl dd{ margin-left:110px; } .single_testimonial dl dd p{ margin-top:0; margin-top:3px; line-height:24px; font-style: italic; margin-bottom:5px; } .single_testimonial dl dd .param{ float:right; } .single_testimonial dl dd .param h6{ font-weight:bold; float:left; margin-right:10px; } .single_testimonial dl dd .param .position{ float:left; color:#aaa; } /* ---------------------- End Testimonial ------------------------*/ /* ---------------------- Services Large -------------------------*/ .services_large .icon_wrapper{ width:120px; height:120px; position:relative; left:50%; margin-left:-60px; background:#fff; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .services_large .icon_wrapper .top{ position:absolute; width:144px; top:0; left:-12px; height:1px; } .services_large .icon_wrapper .bottom{ position:absolute; width:144px; bottom:0; left:-12px; height:1px; } .services_large .icon_wrapper .right{ position:absolute; width:1px; top:-12px; right:0px; height:144px; } .services_large .icon_wrapper .left{ position:absolute; width:1px; top:-12px; left:0px; height:144px; } .services_large .icon_wrapper i{ font-size:64px; line-height:120px; float:left; width:100%; text-align: center; -webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -o-transition-duration:0.8s; -ms-transition-duration:0.8s; transition-duration:0.8s; } .services_large p{margin-top:7px;} .services_large{text-align: center} .services_large h4{margin-top:25px; font-weight:600; text-transform: uppercase; letter-spacing: 1px} .services_large .icon_wrapper .top, .services_large .icon_wrapper .right, .services_large .icon_wrapper .bottom, .services_large .icon_wrapper .left{background:#e1e1e1;} .services_large:hover .icon_wrapper i{color:#fff;} /* ---------------------- End Services Large -------------------------*/ /* ---------------------- Services Media -----------------------------*/ .services_media { position:relative; } .services_media .overlay{ height:auto; position: relative; overflow:hidden; } .services_media .overlay > a{ width: 100%; height: auto; position: relative; display: block; z-index:1; } .services_media .overlay span{ background:rgba(255,255,255,0.2); opacity:0; width:100%; left:0; top:0; height:100%; position:absolute; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .services_media video{ position: relative; width: 100%;} .services_media:hover .overlay span{ opacity:1; } .services_media img { width:100%; } .services_media iframe { width:100%; height:180px; } .services_media h5 { margin-top:25px; } .services_media p { margin-top:7px; margin-bottom: 0; } .services_media.style_2 h5{margin:0;position:absolute; color:#fff; bottom:20px; width:auto; padding:10px 20px;z-index:9999;} .services_media.style_2 h5 a:hover{color:#fff;} /* ---------------------- End Services Media -------------------------*/ /* ---------------------- Google Map ---------------------------------*/ .row-google-map iframe{ width:100%; } /* ---------------------- End Google Map -----------------------------*/ /* ---------------------- Testimonial Carousel -------------------------*/ .testimonial_carousel{width:100%;} .testimonial_carousel_element .caroufredsel_wrapper{display:inline-block !important;} .testimonial_carousel .item{float:left; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } .testimonial_carousel .item p{float:left;text-align:center;margin-top:0;padding:0 10%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .light .testimonial_carousel .item p{ color:#eee; } .testimonial_carousel .item p{ text-align: center; width: 100%; } .testimonial_carousel .item .param{width:100%; text-align:center; float:left;} .testimonial_carousel .item .param h6{ font-weight:400; } .testimonial_carousel .item .param span{ color:#bbb !important; } .testimonial_carousel_element .pagination{ margin:0; float:none; } .testimonial_carousel_element .pagination a{ position:absolute; width:40px; height:40px; background:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; border:1px solid #e1e1e1; top:50%; margin-top:-20px; opacity:0; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .light .testimonial_carousel_element .pagination a{ background:transparent; border:1px solid #fff; } .testimonial_carousel_element .pagination a i{ color:#444; text-align:center; float:left; width:100%; line-height:40px; } .light .testimonial_carousel_element .pagination a i{ color:#fff; } .testimonial_carousel_element .pagination a.prev{ left:0px; } .testimonial_carousel_element:hover .pagination a.prev{ left:-60px; opacity:1; } .testimonial_carousel_element .pagination a.next{ right:0px; } .testimonial_carousel_element:hover .pagination a.next{ right:-60px; opacity:1; } /* ---------------------- End Testimonial Carousel -------------------------*/ /* Left Testimonial Carousel */ .left_testimonial_carousel { position:relative; } .left_testimonial_carousel:after{ content: "\e19f"; position: absolute; left: -45px; font-family: 'moon'; top: -12px; font-size: 70px; line-height: 64px; color: #1b309614; } .left_testimonial_carousel .item .param{ display:flex; align-items:center; } .left_testimonial_carousel .item .param img{ flex: 1; max-width: 64px; max-height: 64px; border-radius: 50%; } .left_testimonial_carousel .item .param .content{ padding-left:20px; } /* ---------------------- Testimonial Cycle -------------------------------- */ .testimonial_cycle{width:100%;} .testimonial_cycle .item{float:left; width:347px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } .testimonial_cycle .item p{position:relative;float:left;margin-top:0;padding:30px 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .testimonial_cycle .item p:after{ content:""; background:url('img/testimonials_arrow.png') center center; position:absolute; bottom:-12px; left:40px; width:20px; height:12px; } .testimonial_cycle .item .param{width:100%; float:left; margin-top:20px; margin-left:20px;} .testimonial_cycle .item .param i{float:left;color:#444; width:36px; height:36px; font-size:36px; line-height:36px; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%;} .testimonial_cycle .item .param .name{margin-left:20px;float:left;} .testimonial_cycle .item .param h6{ font-weight:500; float:left; width:100%; } .testimonial_cycle .item .param span{ color:#bbb !important; float:left; width:100%; } /* ---------------------- End Testimonial Cycle ---------------------------- */ /* ---------------------- Services Steps -----------------------------------*/ .services_steps{position:relative; top:50%;text-align:center;height:150px; cursor:pointer; display:block;} .services_steps .icon_wrapper{ width: 100px; height: 100px; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin-left: -50px; left: 50%; position: relative; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .services_steps .icon_wrapper i{ font-size: 42px; line-height: 100px; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s; -o-transition-duration:0.6s; -ms-transition-duration:0.6s; transition-duration:0.6s; } .services_steps:hover .icon_wrapper i{ color:#fff; } .services_steps .content{ margin-top:20px; position:relative; width:100%; } .services_steps h4{ position:absolute; top:0; width:100%; opacity:1; left:0; margin-bottom: 0; -webkit-animation:fadeInRight 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) ; -moz-animation:fadeInRight 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) ; -o-animation:fadeInRight 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) ; animation:fadeInRight 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) ; } .services_steps:hover h4{ -webkit-animation:fadeOutRight 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) forwards ; -moz-animation:fadeOutRight 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) forwards; -o-animation:fadeOutRight 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) forwards; animation:fadeOutRight 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) forwards; } .services_steps:hover p{ -webkit-animation:fadeInLeft 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) forwards; -moz-animation:fadeInLeft 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) forwards; -o-animation:fadeInLeft 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) forwards; animation:fadeInLeft 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) forwards; } .services_steps p{ margin-top:5px; position:absolute; top:0; left:0; opacity:0; width:100%; opacity:0; -webkit-animation:fadeOutRight 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) ; -moz-animation:fadeOutRight 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) ; -o-animation:fadeOutRight 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) ; animation:fadeOutRight 0.8s 1 cubic-bezier(0.175,0.885,0.320,1.275) ; } /* ---------------------- End Services Steps -----------------------------------*/ /* ---------------------- Recent Portfolio ------------------------------------ */ .full-width-content .recent_portfolio #portfolio-preview-items{margin-left:0;} .recent_portfolio .swiper-slide{height:auto !important;} .recent_portfolio .swiper-wrapper{/*width:100% !important; */ height: auto !important;} .recent_portfolio .portfolio_slider{height:auto; overflow:hidden;} .three-cols.no_space .portfolio_slider .portfolio-item{margin-left:0; margin-bottom:0;} .no_space .row{margin-left:0;} .recent_portfolio #portfolio-preview-items.no_space{margin-left:0;} .recent_portfolio .four-cols .portfolio-item:nth-last-child(1){ margin-bottom:0; } .recent_portfolio .four-cols .portfolio-item:nth-last-child(2){ margin-bottom:0; } .recent_portfolio .four-cols .portfolio-item:nth-last-child(3){ margin-bottom:0; } .recent_portfolio .four-cols .portfolio-item:nth-last-child(4){ margin-bottom:0; } /* ---------------------- End Recent Portfolio -------------------------------- */ .wpb_content_element:last-child{margin-bottom:0;} /* ---------------------- Latest From Blog ------------------------------------ */ .latest_blog .no_carousel .blog-item{ width: 33.333333333333%; padding-left: 20px; float: left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .latest_blog .blog-item.single{ width:100%; padding-left:20px; margin-left:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .latest_blog .blog-item.swiper-slide{ height:auto !important; } .latest_blog .swiper-wrapper{ height:auto !important; } .latest_blog .blog_slider{ height:auto; } .latest_blog .blog-item .content{ padding-top:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .latest_blog .blog-item .content:first-child{ padding-top:0; } .latest_blog .blog-item .content h4{ } .latest_blog .blog-item .content p { margin-top:10px; margin-bottom:0; } .latest_blog .blog-item .info{margin:0; padding:0; list-style:none; width:100%; float:left; margin-bottom:10px; margin-top:4px;} .latest_blog .blog-item .info li{float:left; margin-right:11px; display:flex; align-items:center} .latest_blog .blog-item .info li i{margin-right: 7px;float: left;} .latest_blog .blog-item .after{padding-top:15px; margin-top:15px; border-top:1px solid #ebebeb; width:100%; float:left;} .latest_blog .blog-item .after .info{float:left; margin:0; padding:0; color:#222; width:auto;} .latest_blog .blog-item .after .post-like{ margin-top:-2px; } .latest_blog .no_carousel .blog-item{padding-bottom:20px;} .latest_blog .blog-item.boxed .content{padding:20px; background:#fff;} .latest_blog .blog-item.boxed .content .after{display:none;} /* ---------------------- End Latest From Blog -------------------------------- */ /* ---------------------- Recent News ----------------------------------------- */ .recent_news.inline .blog-item{ width:100%; padding-top:15px; padding-bottom:15px; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom:1px solid rgba(0,0,0,0.05); float:left; position:relative; overflow:hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .recent_news.inline .blog-item img{ position:absolute; left:0; top:0; width:100%; opacity:0.0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .dark .recent_news.inline .blog-item:hover img{ opacity:0.2; } .recent_news.inline .blog-item a{ position:absolute; left:0; top:0; width:100%; height:100%; } .recent_news.inline .blog-item h4{ text-align:center; font-weight:600; letter-spacing: 1px; color:#222; float:left; line-height:30px; width:100%; } .recent_news.inline .blog-item .info{ position:relative; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin:0; padding:0; list-style:none; float:left; } .recent_news.inline .blog-item .info li{float:left; margin-right:11px;} .recent_news.inline .blog-item .info li i{margin-right: 7px;float: left;padding-top: 2px;} .light .recent_news.inline .blog-item h4{ color:#fff; } .light .recent_news.inline .blog-item .info{ color:#ccc; } .light .recent_news.inline .blog-item:hover{ background:rgba(0,0,0,0.2); } .recent_news.events{float:left; width:100%;} .recent_news.events .blog-item{ margin:0; padding:0; margin-bottom:15px; max-width:400px; position:relative; } .recent_news.events .blog-item > a{ position:absolute; top:0; left:0; width:100%; height:100%; } .recent_news.events .blog-item:last-child{ margin-bottom:0; } .recent_news.events .blog-item dt{ width:80px; height:60px; background:#f5f5f5; } .recent_news.events .blog-item dt .date{ font-size:13px; font-weight:bold; color:#222; text-transform: uppercase; margin-top: 20px; float: left; margin-left: 16px; letter-spacing: 1px } .recent_news.events .blog-item dd{ margin-left:90px; } .recent_news.events .blog-item dd h5{ margin-top:10px; float:left; max-width:400px; } .recent_news.events .time{ letter-spacing: 1.5px; width:300px; float:left; } .recent_news.events .link{ float:right; width:60px; position:absolute; top:0; right:0; background:#fff; height:60px; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .recent_news.events .link i{ float:left; font-size:18px; text-align:center; width:100%; line-height:60px; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .recent_news.events .blog-item:hover .link i{ color:#fff; } .recent_news.vertical .blog-item{ margin:0; padding:0; margin-bottom:15px; } .recent_news.vertical .blog-item:last-child{ margin-bottom:0; } .recent_news.vertical .blog-item dt{ width:100px; height:100px; } .recent_news.vertical .blog-item dd{ margin-left:110px; } /* ---------------------- End Recent News ------------------------------------- */ /* ---------------------- Separator ------------------------------------------- */ .codeless_separator{ position: relative; } /* ---------------------- End Separator --------------------------------------- */ /* ---------------------- Countdown ------------------------------------------- */ .countdown .countdown_row { clear:both; width:100%; padding:0px 2px; text-align:center; font-weight:300 !important; } .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_section { display:block; float:left; text-align:center; font-size:14px; text-transform: uppercase; font-weight:bold; color:#222; } .countdown_amount { font-size:86px; font-weight:300; color:#555; line-height:98px; margin-bottom:5px } /* ---------------------- End Countdown --------------------------------------- */ /* ---------------------- Price List ------------------------------------------ */ .price_table .title{width:100%; padding:20px 0;} .price_table h1{text-align:center; width:100%;} .price_table .price{width:100%; padding:20px 0px; text-align:center;} .price_table .price .p{ font-size: 54px; color: #222; font-weight:300; line-height: 60px; } .price_table .price .period{ margin-left:20px; font-size:18px; font-weight:bold; } .price_table .list{width:100%;padding:25px 0;float:left;} .price_table .list ul{width:100%; padding:0; margin:0;float:left; position:relative;} .price_table .list ul li{float:left; width:100%; text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .price_table .list ul li:before{content: "\e367";font-family: 'moon'; margin-right: 10px;} .price_table.highlighted .price .p, .price_table.highlighted .price .period{color:#fff;} .price_table .price_button{float:left; width:100%;padding-top:15px; padding-bottom:15px;} .price_table .price_button a{position:relative; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} /* ---------------------- End Price List -------------------------------------- */ /* ---------------------- Widgetized ------------------------------------------ */ .wpb_widgetised_column .footer_social_icons { float:left; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-left:0px !important; margin-top:0px !important; position:relative; padding:0; list-style: none } .wpb_widgetised_column .footer_social_icons li { -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; float:left; padding-bottom:0 !important; padding-top:0 !important; margin-left:12px !important; width:32px !important; height:32px !important; } .wpb_widgetised_column .footer_social_icons li:after{ display: none } .wpb_widgetised_column .footer_social_icons li:first-child { margin-left:0 !important; } .wpb_widgetised_column .footer_social_icons li a { float:left; } .wpb_widgetised_column .footer_social_icons li i { float:left; line-height:38px; font-size:18px; display:block; width:100%; text-align:center; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .wpb_widgetised_column .social_widget{ float: left; width: 100%; margin-bottom: 40px; } .footer_social_icons.circle li{ background:#222; width:32px !important; height:32px !important; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; } .footer_social_icons.circle li a{ width:100%; text-align:center; height:32px; } .footer_social_icons.circle li a i{ color:#fff; line-height:32px !important; font-size:14px !important; } .footer_social_icons.circle li a:hover i{ color:#fff !important; } /* ---------------------- End Widgetized -------------------------------------- */ /* ---------------------- Mailchimp ------------------------------------------- */ #mc_signup_form .mc_input{height:40px;} .mc_signup_submit{text-align:left;} #mc_signup_submit{width:inherit !important;} #mc_display_rewards{ float: left; width: 100%; margin-top: 20px; text-align: left; } .mc_form_inside .mc_signup_submit:nth-child(3){ text-align:center !important; } .mc_form_inside .mc_signup_submit:nth-child(3) #mc_signup_submit{ margin-top:0px !important; float:none !important; } .mc_merge_var:nth-child(2) label{display:none;} .mc_form_inside #mc_display_rewards:nth-child(4){ text-align:center !important; float:none !important; } /* ---------------------- End Mailchimp --------------------------------------- */ /*---------------------------------------------------- End Elements ------------------------------------------------------------ */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------- Carousel Modern Pagination ---------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------- */ .nav-fillpath a { width: 80px; height: 80px; position: absolute; top: 50%; display: block; outline: none; text-align: left; z-index: 1000; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .nav-fillpath .icon-wrap { position: relative; display: block; width: 100%; height: 100%; } .nav-fillpath a::before, .nav-fillpath a::after, .nav-fillpath .icon-wrap::before, .nav-fillpath .icon-wrap::after { position: absolute; left: 50%; width: 2px; height: 50%; background: #777; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 1px solid transparent; /* for FF */ } .nav-fillpath .icon-wrap::before, .nav-fillpath .icon-wrap::after { z-index: 100; height: 0; background: #10b8c7; -webkit-transition: height 0.3s, -webkit-transform 0.3s; transition: height 0.3s, transform 0.3s; } .nav-fillpath a::before, .nav-fillpath .icon-wrap::before { top: 50%; -webkit-transform: translateX(-50%) rotate(-135deg); transform: translateX(-50%) rotate(-135deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .nav-fillpath a.next::before, .nav-fillpath a.next .icon-wrap::before { -webkit-transform: translateX(-50%) rotate(135deg); transform: translateX(-50%) rotate(135deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .nav-fillpath a::after, .nav-fillpath .icon-wrap::after { top: 50%; -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .nav-fillpath a.next::after, .nav-fillpath a.next .icon-wrap::after { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } .nav-fillpath a.next{right:0;} .nav-fillpath a.prev{right:80px;} .nav-fillpath h3 { position: absolute; top: 50%; margin: 0; color: #10b8c7; text-transform: uppercase; font-weight: 300; font-size: 0.85em; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .nav-fillpath a.prev h3 { left: 100%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .nav-fillpath a.next h3 { right: 100%; text-align: right; -webkit-transform: translateY(-50%) translateX(50%); transform: translateY(-50%) translateX(50%); } .nav-fillpath a:hover .icon-wrap::before, .nav-fillpath a:hover .icon-wrap::after { height: 50%; } .nav-fillpath a:hover::before, .nav-fillpath a:hover .icon-wrap::before { -webkit-transform: translateX(-50%) rotate(-125deg); transform: translateX(-50%) rotate(-125deg); } .nav-fillpath a.next:hover::before, .nav-fillpath a.next:hover .icon-wrap::before { -webkit-transform: translateX(-50%) rotate(125deg); transform: translateX(-50%) rotate(125deg); } .nav-fillpath a:hover::after, .nav-fillpath a:hover .icon-wrap::after { -webkit-transform: translateX(-50%) rotate(-55deg); transform: translateX(-50%) rotate(-55deg); } .nav-fillpath a.next:hover::after, .nav-fillpath a.next:hover .icon-wrap::after { -webkit-transform: translateX(-50%) rotate(55deg); transform: translateX(-50%) rotate(55deg); } .nav-fillpath a:hover h3 { opacity: 1; -webkit-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0); } /*---------------------------------------------------- End Carousel Modern Pagination ------------------------------------------ */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------- Contact Form 7 ---------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------- */ .wpcf7-form{float:left; width:100%;} .wpcf7-form p{color:#888;float:left; width:100%; margin-top:10px; margin-bottom:10px; } .wpcf7-form-control-wrap{margin-top:5px;float:left;height:auto;} .wpcf7-form-control-wrap{ width:100%; } .one-third .wpcf7-form-control-wrap{ position: relative; width: 32%; margin-left:2%; } .wpcf7-form p:nth-child(2){ margin-top:0; } .wpcf7-form-control-wrap:first-child{margin-left:0;} .wpcf7-list-item.last{margin-left:20px;} .wpcf7-form-control-wrap:first-child:last-child{width:100%;} .wpcf7-form-control-wrap input[type="checkbox"]{ margin:0; padding:0; } .wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap input[type="email"], .wpcf7-form-control-wrap input[type="tel"]{width:100%;height:40px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px; background:#fff;box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .wpcf7-form-control-wrap textarea{width:100%; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px; background:#fff;box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .wpcf7-form p input[type="submit"]{ float:left; } .wpcf7-response-output{ clear: both; margin: 0 !important; width: 100%; margin-top: 15px !important; border: none !important; background: #f5f5f5; padding: 20px !important; box-sizing: border-box; } .wpcf7-response-output.wpcf7-display-none{ display:none; } .wpcf7-response-output.wpcf7-mail-sent-ok{ display: inline-block } /*---------------------------------------------------- End Contact Form 7 ------------------------------------------------------ */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------- Search & Extra Navigation------------------------------------------------ */ /* ----------------------------------------------------------------------------------------------------------------------------- */ .viewport{ position: relative; left: 0; z-index: 99; height: 100%; top:0; -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; } .open_search .search_bar{ -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); } .open_search.admin-bar .search_bar{ -webkit-transform: translate3d(0, 32px, 0); transform: translate3d(0, 32px, 0); } .open_search .viewport{ -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); } .open_search.admin-bar .viewport{ -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); } .search_bar{ position: absolute; left: 0; z-index: 1; width: 100%; top:0; height:80px; -webkit-transition: all 0.4s; transition: all 0.4s; background:#222; -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); } .search_bar .input-append{ height:100%; } .search_bar input[type="text"]{ background: transparent; border: none; font-size: 42px; font-weight: 300; font-family: inherit; height: 100%; width:100%; padding: 0; margin: 0; line-height: 80px; color: #888; } .search_bar form{ margin: 0; height: 100%; } .search_bar .container{ height:100%; } .search_bar button{ display:none; } .extra_navigation{ position: fixed; top:0; z-index: 9999999; width: 300px; height:100%; -webkit-transition: all 0.4s; transition: all 0.4s; background:rgba(34, 34, 34, 0.93); } .extra_navigation.right{ right:-300px; } .extra_navigation.left{ left:-300px; } .open_extra_nav .extra_navigation{ } .open_extra_nav .extra_navigation.right{ right:0; } .open_extra_nav .extra_navigation.left{ left:0; } .open_extra_nav .viewport{ } .extra_navigation .content{ margin-top:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:30px; } .extra_navigation select { width:100%; border-radius: 3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; } .extra_navigation #s { width:100%; height:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .extra_navigation #search-form:after{ content: "\e1b7"; font-family: 'moon'; font-weight:normal; font-style:normal; text-decoration:inherit; -webkit-font-smoothing:antialiased; position:absolute; right:15px; top:11px; font-size:16px; display:inline; width:auto; height:auto; line-height:normal; vertical-align:baseline; background-image:none; background-position:0% 0%; background-repeat:repeat; margin-top:0; color:#bbb; } .extra_navigation #search-form{width:100%; float:left; position:relative;} .extra_navigation #search-form .more, footer #search-form .more{ display:none; } .extra_navigation h5.widget-title { margin-bottom:24px; margin-top:0; color:#eee; float:left; width:100%; } .extra_navigation .widget { margin-bottom:35px; float:left; width:100%; } .extra_navigation ul { margin:0; padding:0; list-style:none } .extra_navigation ul li{ padding-top:10px; padding-bottom:10px; } .extra_navigation ul li a{width:100%;} .extra_navigation ul li:after{ content: "\f105"; font-family: 'FontAwesome'; float: right; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .extra_navigation .widget:first-child { margin-top:0 } .extra_navigation #wp-calendar{width:100%;} .extra_navigation #wp-calendar td{padding-left:16px;} .extra_navigation #wp-calendar td#today {font-weight: 600;} .extra_navigation .widget_rss ul li:after{content: "";} .extra_navigation .tagcloud a{ background:#111; color:#fff; padding: 8px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; } .extra_navigation ul.sub-menu{ padding-left: 32px; padding-top:10px; } .extra_navigation ul.sub-menu li:last-child, aside li.menu-item-has-children{ border-bottom: none; } .extra_navigation li.menu-item-has-children:after{content:"";} .extra_navigation .footer_social_icons { float:left; width:100%; margin-left:0px !important; margin-top:0px !important; position:relative; padding:0; list-style: none } .extra_navigation .footer_social_icons li { -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; float:left; padding-bottom:0 !important; padding-top:0 !important; margin-left:10px !important; width:32px !important; height:32px !important; } .extra_navigation .footer_social_icons li:after{ display: none } .extra_navigation .footer_social_icons li:first-child { margin-left:0 !important; } .extra_navigation .footer_social_icons li a { float:left; } .extra_navigation .footer_social_icons li i { float:left; line-height:32px; font-size:16px; display:block; width:100%; text-align:center; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; } .extra_navigation .close{ position: absolute; right: 20px; top: 70px; background: url('img/black_x.png') 0 0 no-repeat; width: 20px; height: 20px; } .extra_navigation .close:hover{ background:url('img/white_x.png') 0 0 no-repeat; opacity:1; } /*---------------------------------------------------- End Search & Extra Navigation-------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------- 404 Not Found ----------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------- */ .not_found{width:600px !important; max-width:100%; position:relative;left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} .not_found h2{float: left;width:100%; text-align:center;font-size: 200px;color: #eee;line-height: 200px;} .not_found p{float:left; width:100%; margin-top:20px; font-size:16px; text-align:center;line-height:28px;} .not_found .search_field{ display:block; float:left; margin-top:40px; width:400px; position:relative; left:50%; margin-left:-200px; } .not_found .search_field input[type="text"]{ height:40px; padding-left:20px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border-radius:none; height:50px; -webkit-border-radius:none; -moz-border-radius:none; } .not_found .search_field .btn-bt{display: block;position: absolute;top: 0;right: 0;height: 50px;z-index:99999999;} /*---------------------------------------------------- End 404 Not Found ------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------- Pagination -------------------------------------------------------------- */ .p_pagination{float:left; width:100%;} .p_pagination.hide_this .pagination{ display:none; } .p_pagination .infinite-scroll-last{ display:none !important; } .p_pagination .page-load-status{ display:none; } #portfolio-preview-items .page-load-status { margin-top:20px; } #blogmasonry #infscr-loading{ display: block; float: left; bottom: -50px; position: absolute; } #infscr-loading{width:100%; text-align:center;} #infscr-loading:after{ content: "\e1a7"; font-family: 'moon'; width: 36px; height: 36px; line-height: 40px; font-size: 36px; color: #222; z-index: 9999999; -moz-animation:spin 2s infinite linear; -o-animation:spin 2s infinite linear; -webkit-animation:spin 2s infinite linear; animation:spin 2s infinite linear; } #infscr-loading img{display:none;} #infscr-loading div{display:none;} .p_pagination .pagination { clear:both; padding:20px 0; position:relative; font-size:12px; line-height:20px; margin:0; } .content_portfolio.fullwidth .p_pagination{margin-bottom:5px; padding-left:5px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .content_portfolio.fullwidth .p_pagination .pagination{ padding:0; margin-bottom:5px; } .p_pagination .pagination span, .p_pagination .pagination a { display:block; float:left; margin: 2px 5px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#444; } .p_pagination .pagination a:hover{ color:#fff; } .p_pagination .pagination .current{ padding:6px 9px 5px 9px; color:#fff; } /*contact form 7 validation message*/ .wpcf7-validation-errors, .wpcf7-mail-sent-ok { margin: -12px; } @media (max-width: 767px){.side-nav { width: 250px !important;}} .header_8 nav .menu > li > ul.sub-menu ul { left: 220px; } .widget .screen-reader-text{ display:none; } /* GutenBerg Style Compatibility */ @media (min-width: 1200px) { .row .span12 .alignfull { width: 100vw; max-width: none; margin-left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .row .span12 .alignwide { margin-left: -20%; margin-right: -20%; max-width: none; width: 1120px; } } p.has-drop-cap:not(:focus):first-letter { font-size: 3.5em; font-weight: bold; line-height: 0.95; } .wp-block-separator { margin: 4em 0; } .wp-block-quote { margin-left: 0; margin-right: 0; padding: 0 30px; border-left: none !important; padding-left: 30px !important; position: relative; } .wp-block-quote:before { position: absolute; z-index: 0; margin: 0; left: 0; color: #fdece9; font-size: 132px; content: "\201c"; top: 25px; font-family: Georgia, Arial, sans-serif; font-style: normal; line-height: 0.41; } .wp-block-quote p { font-style: italic; margin-bottom: 15px !important; z-index: 1; position: relative; } .wp-block-quote cite { font-weight: 500; font-style: normal; } .wp-block-pullquote { margin-top: 3em; margin-bottom: 3em; border-top: 3px solid; border-bottom: 3px solid; color:#777; } .has-large-font-size { font-size: 20px; } /* End GutenBerg Style Compatibility */ span[class^="vc_icon_element-icon icon-"]{ font-family:FontAwesome; } /* Infinite Loader Style */ .cl-infinite-loader.hidden{ display:none; visibility:hidden } .cl-infinite-loader{ position:relative; width:40px; height:40px; margin:0em auto; clear:both } .cl-infinite-loader .dot{ width:10px; height:10px; border-radius:50%; background:#1b1f21; position:absolute; -webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-timing-function:ease; animation-timing-function:ease; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite } .cl-infinite-loader .dot1,.cl-infinite-loader .dot2{ left:0 } .cl-infinite-loader .dot3{ left:15px } .cl-infinite-loader .dot4{ left:30px } .cl-infinite-loader .dot1{ -webkit-animation-name:reveal; animation-name:reveal } .cl-infinite-loader .dot2,.cl-infinite-loader .dot3{ -webkit-animation-name:slide; animation-name:slide } .cl-infinite-loader .dot4{ -webkit-animation-name:reveal; animation-name:reveal; -webkit-animation-direction:reverse; animation-direction:reverse } @-webkit-keyframes reveal{ from{ -webkit-transform:scale(0.001); transform:scale(0.001) } to{ -webkit-transform:scale(1); transform:scale(1) } } @keyframes reveal{ from{ -webkit-transform:scale(0.001); transform:scale(0.001) } to{ -webkit-transform:scale(1); transform:scale(1) } } @-webkit-keyframes slide{ to{ -webkit-transform:translateX(15px); transform:translateX(15px) } } @keyframes slide{ to{ -webkit-transform:translateX(15px); transform:translateX(15px) } } .cl-infinite-loader.loadmore{ bottom:65px } /* End Infinite Loader Style */ /* New Post Style */ .post_style-modern .span12 > .blog-article{ width: 800px; max-width:100%; float: none; margin: 0 auto; } .post_style-modern .span12 > .blog-article > .media{ margin-left: -20%; margin-right: -20%; max-width: none; float: none; width: auto; height: auto; padding-bottom:60px; } .post_style-modern .span12 > .blog-article > .content > h1{ padding-top:0px; } .widget_categories li a{ display: inline-block; float: none !important; width: auto !important; } .gallery-columns-3 .gallery-item{ width: 29% !important; margin-bottom: 0 !important; padding: 0px 5px !important; } .gallery-columns-3 .gallery-item img{ border:none !important; } /* Gutenberg */ @media (min-width: 1200px) { #content > .fullwidth .alignfull { width: 100vw; max-width: none; margin-left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } @media (min-width: 1200px) { #content > .fullwidth .alignwide { margin-left: -20%; margin-right: -20%; max-width: none; width: auto; } } p.has-drop-cap:not(:focus):first-letter { font-size: 3.5em; font-weight: bold; line-height: 0.95; } .wp-block-separator { margin: 4em 0; } .wp-block-quote { margin-left: 0; margin-right: 0; padding: 0 30px; border-left: none !important; padding-left: 30px !important; position: relative; } .wp-block-quote:before { position: absolute; z-index: 0; margin: 0; left: 0; color: #fdece9; font-size: 132px; content: "\201c"; top: 25px; font-family: Georgia, Arial, sans-serif; font-style: normal; line-height: 0.41; } .wp-block-quote p { font-style: italic; margin-bottom: 15px !important; z-index: 1; position: relative; } .wp-block-quote cite { font-weight: 500; font-style: normal; } .wp-block-pullquote { margin-top: 3em !important; margin-bottom: 3em !important; border-top: 3px solid; border-bottom: 3px solid; padding:0px; } .wp-block-pullquote blockquote{ border-left:0px; padding-left:0px; } .has-large-font-size { font-size: 20px; } .wp-block-embed.alignwide .wp-block-embed__wrapper { position: relative; } .wp-block-embed.alignwide .wp-block-embed__wrapper:before { content: ""; padding-top: 56.25%; display: block; } .wp-block-embed.alignwide .wp-block-embed__wrapper iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .wp-block-embed.alignfull .wp-block-embed__wrapper { position: relative; } .wp-block-embed.alignfull .wp-block-embed__wrapper:before { content: ""; padding-top: 56.25%; display: block; } .wp-block-embed.alignfull .wp-block-embed__wrapper iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .wp-block-pullquote__content p { font-weight: normal; } .wp-block-pullquote cite { font-style: normal; text-transform: uppercase; font-size: 13px; } .wp-block-pullquote blockquote{ padding-bottom: 35px; padding-top: 35px; } .wp-block-pullquote p{ margin-bottom:20px !important; margin-top:0px; } .wp-block-image.alignfull { margin-bottom: 1.4em; } .wp-block-columns{ width:100%; } .page-links{ float:left; width:100%; } .wp-block-cover{ margin-bottom:30px; } .wp-block-cover p{ font-size:24px; } .wp-block-cover.alignleft{ margin-top:0; margin-right:20px; } .wp-block-cover .wp-block-cover-text{ color:#fff !important; padding-top:0; padding-bottom:0; } .video_lightbox_button{ display: flex; justify-content: center; } .video_lightbox_button a{ width: 86px; height: 86px; display: inline-block; font-size: 32px; border-radius: 50%; color: #fff; position: relative; box-shadow: 0px 24px 48px -12px rgba(25, 45, 146, 0.35); transform:translateY(0px); } .video_lightbox_button a:hover{ box-shadow:0px 0px 0px rgba(0,0,0,0); transform:translateY(3px); color:#fff; } .video_lightbox_button i{ position: absolute; left: 50%; top: 50%; margin-left: -9px; margin-top: -11px; font-size: 22px; } .video_lightbox_button.with-image{ position:relative; } .video_lightbox_button.with-image a{ position:absolute; top:50%; margin-top:-43px; left:50%; margin-left:-43px; } /* Media Element */ .media_el.wpb_content_element.with_shadow{ overflow:initial; } .media_el.wpb_content_element.with_shadow:not(.media_align_center){ box-shadow: 0px 23px 57px rgba(0,0,0,0.1); } .media_el.wpb_content_element.with_shadow.media_align_center .media_wrapper{ box-shadow: 0px 23px 57px rgba(0,0,0,0.1); } .media_el.wpb_content_element.rounded_left_corners img{ border-top-left-radius:10px; border-bottom-left-radius:10px; } .media_el.wpb_content_element.rounded_right_corners img{ border-top-right-radius:10px; border-bottom-right-radius:10px; } /* Shadowbox Post Style */ .blog-article.grid-style.shadowbox-style{ padding-left:40px; } .blog-article.grid-style.shadowbox-style .gridbox{ box-shadow: 0px 23px 57px rgba(0,0,0,0.05); transform:translateY(0); -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration: 0.4s; border-radius:10px; } .blog-article.grid-style.shadowbox-style .gridbox .media{ border-radius:10px; } .blog-article.grid-style.shadowbox-style:hover .gridbox{ box-shadow: 0px 0px 0px rgba(0,0,0,0.00); transform:translateY(3px); } .blog-article.grid-style.shadowbox-style .post-categories{ list-style:none; margin:0; padding:0; } .blog-article.grid-style.shadowbox-style .content{ padding: 25px 30px; width:100%; } .blog-article.grid-style.shadowbox-style h3{ font-size:20px; line-height:30px; margin-top:6px; } .blog-article.grid-style.shadowbox-style .post-info{ list-style: none; margin: 0; padding: 0; } .blog-article.grid-style.shadowbox-style .post-info li{ display:inline-block; padding-left:15px; position:relative; } .blog-article.grid-style.shadowbox-style .post-info li:after{ content: ""; display: inline-block; width: 4px; height: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; position: absolute; top: 50%; margin-top: -2px; right: -12px; background-color: #cac2c2; } .blog-article.grid-style.shadowbox-style .post-info li:first-child{ padding-left:0; } .blog-article.grid-style.shadowbox-style .post-info li:last-child:after{ display:none; } .blog-article.grid-style.shadowbox-style .author-img{ position:relative; display:block; margin-top:35px; height:32px; width:100% } .blog-article.grid-style.shadowbox-style .author-img:after{ content: ""; width: 100%; height: 1px; background: #ebebeb; position: absolute; left: 0; top: 16px; z-index: -1; } .blog-article.grid-style.shadowbox-style .author-img .img-wrap{ position:absolute; right:0; top:0; width:32px; height:32px; box-shadow: 7px 4px 22px rgba(0,0,0,0.1); border-radius:50%; } .blog-article.grid-style.shadowbox-style .author-img .img-wrap img{ border-radius:50%; } .wp-block-button{ margin-top:20px; margin-bottom:20px; }