0byt3m1n1
Path:
/
data
/
21
/
3
/
125
/
28
/
3125354
/
user
/
3486433
/
htdocs
/
wp-content
/
themes
/
perfecti
/
[
Home
]
File: style.css
/* ----------------------------------------------------------------------------------- Theme Name: Perfecti Theme URI: http://perfecti.evatheme.com Description: Premium Multi-Purpose WordPress Theme Author: Evatheme Author URI: http://www.evatheme.com Version: 1.6 Tags: one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, custom-background, custom-colors, custom-menu, featured-image-header, featured-images, post-formats, sticky-post, theme-options, translation-ready */ /* ------------ IMPORT FONT ------------- */ @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900italic,900,700italic,700,500italic,500,400italic,300italic,300); /* ------------ BASE ------------- */ body{ overflow-x:hidden; position:relative; margin: 0; padding:0; line-height:1.7; } ::-webkit-input-placeholder{ opacity:1 !important;} :-moz-placeholder{opacity:1 !important;} ::-moz-placeholder{ opacity:1 !important;} :-ms-input-placeholder{ opacity:1 !important;} *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} *:before, *:after{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} iframe{border: 0 none; border-radius: 0; font-size: 0; margin: 0; outline: medium none; padding: 0; vertical-align: top; width: 100%;} a, input, select, textarea{vertical-align:top; outline:none !important;} textarea{resize: noservice_itemne;} button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{border: none;} img{ vertical-align:top; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } img.scale-with-grid{ max-width: 100%; height: auto; } li{line-height: 1.9;} p{ margin-bottom: 20px; } iframe, embed, img{ max-width: 100%; border: none; } .row-fluid [class*="span"]{ min-height:1px; } .clear{ clear:both; height:0; font-size:0; } .right{text-align:right;} .center{text-align:center;} /* Preloader */ #preloader{ position:fixed; z-index:999999; left:0; top:0; width:100%; height:100%; background-color:#fff; } #preloader span{ position:absolute; left:0; top:50%; width:100%; margin-top:-10px; display:block; text-align:center; line-height:20px; font-size:13px; } #preloader img{ position:absolute; left:50%; top:50%; width:32px; height:32px; margin:-16px 0 0 -16px; } /* Extra Class */ .margbot0{margin-bottom:0 !important;} .margbot5{margin-bottom:5px !important;} .margbot10{margin-bottom:10px !important;} .margbot20{margin-bottom:20px !important;} .margbot25{margin-bottom:25px !important;} .margbot30{margin-bottom:30px !important;} .margbot40{margin-bottom:40px !important;} .margbot50{margin-bottom:50px !important;} .margbot60{margin-bottom:60px !important;} .margbot65{margin-bottom:65px !important;} .margbot70{margin-bottom:70px !important;} .margbot80{margin-bottom:80px !important;} .pad0{padding:0 !important;} .padbot0{padding-bottom:0 !important;} .padbot10{padding-bottom:10px !important;} .padbot15{padding-bottom:15px !important;} .padbot20{padding-bottom:20px !important;} .padbot30{padding-bottom:30px !important;} .padbot40{padding-bottom:40px !important;} .padbot45{padding-bottom:45px !important;} .padbot50{padding-bottom:50px !important;} .padbot60{padding-bottom:60px !important;} .padbot70{padding-bottom:70px !important;} .padbot80{padding-bottom:80px !important;} .padtop0{padding-top:0 !important;} .padtop30{padding-top:30px !important;} .highlight{ color: #4da4f3 } p{ margin: 0 0 20px 0 } p img{ margin: 0 } em{ font-style: italic } strong{ font-weight: bold } small{ font-size: 80% } hr{ border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } pre{ height: auto; font-family: Consolas, monospace; border: 1px solid #e2e2e2; background: #f7f7f7; padding: 10px 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 20px 0; overflow-x:auto; } .hidden{ display: none !important } /* 02. Links and Form */ a{ color: #333; text-decoration: none; outline: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } a:hover, a:focus{ color: #666666; text-decoration: none; outline: 0; } p a, p a:visited{ line-height: inherit } select{ height:40px; padding:10px 20px 10px 10px; line-height:20px; font-size:12px; color:#666; border:1px solid #e3e3e3; box-shadow:3px 3px 3px rgba(0,0,0,0.05) inset; } /* =WordPress Core -------------------------------------------------------------- */ .alignnone{ margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter{ display: block; margin: 5px auto 5px auto; } .alignright{ float:right; margin: 5px 0 20px 20px; } .alignleft{ float: left; margin: 5px 20px 20px 0; } .aligncenter{ display: block; margin: 5px auto 5px auto; } a img.alignright{ float: right; margin: 5px 0 20px 20px; } a img.alignnone{ margin: 5px 20px 20px 0; } a img.alignleft{ float: left; margin: 5px 20px 20px 0; } a img.aligncenter{ display: block; margin-left: auto; margin-right: auto } .wp-caption{ background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone{ margin: 5px 20px 20px 0; } .wp-caption.alignleft{ margin: 5px 20px 20px 0; } .wp-caption.alignright{ margin: 5px 0 20px 20px; } .wp-caption img{ border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text{ font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Theme Boxed Layout Style*/ .theme-boxed{ position:relative; width: 1230px; margin-left: auto; margin-right:auto; background: #fff; box-shadow: 0 0 7px rgba(0,0,0,0.3); } .theme-boxed header.menu_fixed{ left:50%; width:1230px; transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); } /* ------------ MAIN --------------- */ .page-wrap{ overflow-x:hidden; position:relative; } #main, #slider{ position: relative; background: #FFF; } body.home #slider{margin-top:70px;} #slider{ margin-bottom:70px; min-height:600px; } #main{ margin-top:0; padding-top: 0; padding-bottom: 0; } .right-sidebar{ float: right; } .content-left{ float: right; } /*-----------------------------------------------------------------------------------*/ /* Typography /*-----------------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6{ margin: 0 0 25px 0; padding: 0; text-transform:none; font-weight: 700; line-height:1.2; color: #333; } h1{font-size: 34px;} h2{font-size: 28px;} h3{font-size: 24px;} h4{font-size: 22px;} h5{font-size: 18px;} h6{font-size: 16px;} .eva-title-container h1.eva-title{font-size:68px;} .eva-title-container h2.eva-title{font-size:60px;} .eva-title-container h3.eva-title{font-size:52px;} .eva-title-container h4.eva-title{font-size:44px;} .eva-title-container h5.eva-title{font-size:36px;} .eva-title-container h6.eva-title{font-size:28px;} .eva-title-container .eva-title.center{text-align:center;} .eva-title-container .eva-title.left{text-align:left;} .eva-title-container .eva-title.right{text-align:right;} .full-width-content.light, .full-width-content.light .eva-title, .full-width-content.light h1, .full-width-content.light h2, .full-width-content.light h3, .full-width-content.light h4, .full-width-content.light h5, .full-width-content.light h6{ color:#fff !Important; } /*-----------------------------------------------------------------------------------*/ /* Page Title /*-----------------------------------------------------------------------------------*/ #no-pagetitle{ margin-bottom:130px; } #page-title{ margin-top:69px; margin-bottom:60px; padding: 43px 0 42px; text-align:center; background-image:url(assets/img/page-title1.jpg); background-size:cover; background-position:center center; background-repeat:no-repeat; } #page-title h2{ margin-bottom:8px; font-weight:700; line-height:64px; font-size:70px; color:#333; } #page-title h3{ margin-bottom:9px; font-weight:400; line-height:30px; font-size:30px; color:#666; } /* Breadcrumbs */ #breadcrumbs-wrap span{ position:relative; display:inline-block; padding:0 17px 0 12px; line-height:20px; font-size:14px; color:#666; } #breadcrumbs-wrap span:before{ content:''; position:absolute; right:0; top:8px; width:6px; height:6px; border-radius:50%; border:2px solid transparent; } #breadcrumbs-wrap span:last-child:before, #breadcrumbs-wrap span.current:before{ display:none; } #breadcrumbs-wrap span a{ color:#666; } /*-----------------------------------------------------------------------------------*/ /* Header /*-----------------------------------------------------------------------------------*/ header{ position:absolute; z-index:9499; left:0; right:0; top:0; padding:17px 0; background-color:#fff; transition: padding 0.3s ease-in-out; -webkit-transition: padding 0.3s ease-in-out; } header.with-topbar{top:51px;} header:before{ content:''; position:absolute; left:0; top:100%; right:0; height:27px; background-image:url(assets/img/header_shadow.png); background-repeat:no-repeat; background-position:center top; background-size:100% auto; -webkit-background-size:100% auto; } header.menu_fixed{ position:fixed; top:0; padding:10px 0; } header .container{position:relative;} header .container:before{ content:''; position:absolute; z-index:1000; left:0; top:-18px; width:100%; height:1px; box-shadow:0 -1px 0 #eee inset; } /* Top Bar */ .top_bar_phone{ display:inline-block; vertical-align:top; padding:12px 20px 14px 0; font-weight:900; line-height:24px; font-size:15px; color:#333; } .top_bar_address{ display:inline-block; vertical-align:top; padding:11px 20px 14px 0; line-height:24px; font-size:13px; color:#666; } .top_bar_phone i, .top_bar_address i{ vertical-align:top; padding-right:3px; line-height:24px; font-size:20px; } /* logo */ #top_logo{float:left;} #top_logo a{ display:block; padding:4px 0 3px; font-weight:900; line-height:28px; font-size:28px; color:#333 !important; } #footer_logo a{ display:block; padding:2px 0 3px; font-weight:900; line-height:28px; font-size:28px; color:#fff !important; } /* Top Search */ #top_search{ position:relative; float:right; width:90px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } #top_search.ct-search-open{ width:290px; margin-left:-200px; } #top_search i{ position:absolute; z-index:1; left:2px; top:2px; width:30px; height:30px; line-height:30px; text-align:center; font-size:15px; color:#ccc; transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; } #top_search.ct-search-open i{color:#333;} #top_search form{margin:0;} #top_search form input[type="text"]{ width:100%; height:34px; margin:0; padding:8px 0 8px 30px; font-size:13px; color:#ccc; border:2px solid #eee; border-radius:4px; box-shadow:none !important; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } #top_search form input[type="text"]:focus{ color:#333; border-color:#666; } #top_search form input[type="submit"]{ overflow:hidden; position:absolute; z-index:2; left:2px; top:2px; margin:0; padding:0; width:30px; height:30px; text-indent:-999px; background:none; } /*-----------------------------------------------------------------------------------*/ /* Menu /*-----------------------------------------------------------------------------------*/ .mobile_menu_icon{ display:none; } #top_menu{ position:relative; float:right; margin-right:20px; padding-top:4px; } #top_menu ul{margin:0; list-style: none;} #top_menu li{ position:relative; float:left; margin:0; } #top_menu li a{ position:relative; display:block; padding:0 21px; text-transform:none; font-weight:400; line-height:20px; font-size:16px; color:#666; } #top_menu li a.main-menu-link:before{ content:''; position:absolute; right:0; top:5px; bottom:4px; width:1px; border-right:1px dotted #999; } #top_menu li.last_item a.main-menu-link:before{ display:none; } #top_menu li.current-menu-parent a, #top_menu li.current-menu-item a, #top_menu li:hover a{color:#333;} #top_menu li a.main-menu-link:after{ content:''; position:absolute; z-index:9506; left:21px; right:21px; top:-23px; height:3px; opacity:0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } header.menu_fixed #top_menu li a.main-menu-link:after{ top:-14px; } #top_menu li.current-menu-parent a.main-menu-link:after, #top_menu li.current-menu-item a.main-menu-link:after, #top_menu li:hover a.main-menu-link:after{ opacity:1; } /* Sub Menu */ #top_menu .sub-nav{ visibility:hidden; opacity:0; position:absolute; z-index:100; left:0; top:100%; width:190px; margin:28px 0 0; padding:0; border-radius:2px; box-shadow:0 2px 5px 1px rgba(0,0,0,0.1); background-color:rgba(255,255,255,0.9); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } #top_menu .sub-nav:after{ content:''; position:absolute; left:0; top:-28px; height:28px; width:100%; } #top_menu .has-submenu:hover .sub-nav{ visibility:visible; opacity:1; } #top_menu .sub-menu li{ position:relative; width:100%; margin:0; padding:0; } #top_menu .sub-menu li a{ padding:7px 21px 7px; text-transform:none; font-weight:400; font-size:13px; color:#666; border:0; } #top_menu .sub-menu li.mega-menu-item-has-subtitle a{ padding-left:35px; } #top_menu .sub-menu li a:before{display:none;} #top_menu .sub-menu li.current-menu-item a, #top_menu .sub-menu li:hover a{ color:#333; background-color:#fff; } #top_menu .sub-menu li i{ display:inline-block; padding-right:7px; line-height:20px; color:#ccc; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } #top_menu .sub-menu li.mega-menu-item-has-subtitle i{ position:absolute; left:15px; top:7px; } #top_menu span.subtitle{ display:block; line-height:15px; font-size:11px; color:#999; } /* Sub Menu 2 lvl */ #top_menu .sub-sub-menu{ position:absolute; visibility:hidden !Important; opacity:0 !important; left:100%; top:-2px; width:190px; margin:0 0 0 4px; padding:0; border-radius:2px; box-shadow:0 2px 5px 1px rgba(0,0,0,0.1); background-color:rgba(255,255,255,0.9); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } #top_menu .sub-sub-menu:before{ content:''; position:absolute; left:-7px; top:0; display:block; width:7px; height:100%; } #top_menu .has-submenu .has-submenu:hover .sub-sub-menu{ visibility:visible !Important; opacity:1 !important; } #top_menu .sub-sub-menu li a{ color:#666 !important; } #top_menu .sub-sub-menu li.current-menu-item a, #top_menu .sub-sub-menu li:hover a{ color:#333 !important; } #top_menu .sub-menu .sub-menu li i{ left:20px; color:#ccc; } #top_menu .sub-menu .sub-menu li.current-menu-item i, #top_menu .sub-menu .sub-menu li:hover i{ left:25px; color:#333; } /* Mega Menu */ #top_menu .mega-menu-item{position:static;} #top_menu .mega-menu-item .sub-nav{ margin-right:-1px; } #top_menu .mega-menu-item .sub-nav-group{ display: inline-block; vertical-align: top; margin: 0 -1px 0 0; padding: 0; width:200px; } /*-----------------------------------------------------------------------------------*/ /* Social Icons /*-----------------------------------------------------------------------------------*/ .eva-social-icon a{ display: inline-block; margin: 0 0 0 17px; padding: 0; width:24px; height:24px; text-align: center; line-height: 24px; font-size: 20px; color:#ccc; } .eva-social-icon a.facebook:hover, .member-social a.facebook:hover{color:#3b5998;} .eva-social-icon a.flickr:hover{color:#fd0070;} .eva-social-icon a.google-plus:hover, .member-social a.google-plus:hover{color:#f63e28;} .eva-social-icon a.twitter:hover, .member-social a.twitter:hover{color:#58ccff;} .eva-social-icon a.instagram:hover{color:#685044;} .eva-social-icon a.pinterest:hover{color:#d73532;} .eva-social-icon a.skype:hover{color:#04b3ec;} .eva-social-icon a.vimeo-square:hover{color:#1ab7ea;} .eva-social-icon a.youtube:hover{color:#e02921;} .eva-social-icon a.dribbble:hover, .member-social a.dribbble:hover{color:#e4508a;} .eva-social-icon a.linkedin:hover{color:#0085ae;} .eva-social-icon a.rss:hover{color:#ff9900;} .eva-social-icon a:focus{color:#ccc;} #top_bar .eva-social-icon{ float:right; padding:13px 0; } footer .eva-social-icon{ padding-top:6px; text-align:center; } /*-----------------------------------------------------------------------------------*/ /* Footer /*-----------------------------------------------------------------------------------*/ footer .container{ padding-top:35px; padding-bottom:12px; border-bottom:1px solid #2a2a2a; } #bottom .container{ padding-top:26px; padding-bottom:27px; } /* Scroll Top */ #scrollTop{ float:right; width:34px; height:34px; text-align:center; line-height:34px; font-size:18px; color:#1c1c1c; border-radius:4px; background-color:#262626; cursor:pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } /* Copyright */ p.copyright{ display:inline-block; margin:5px 0; padding-right:20px; font-size:14px; color:#333; } /*-----------------------------------------------------------------------------------*/ /* Widgets /*-----------------------------------------------------------------------------------*/ #sidebar .widget{margin-bottom:57px;} #sidebar h6.widget-title{ margin-bottom:20px; text-transform:uppercase; } footer h6.widget-title{ margin:0 0 20px; text-transform:uppercase; } /* Facebook Widget */ .widget_facebook_widget{overflow:hidden;} /* Search Widget */ .widget_search .search_form{ position:relative; padding:10px; background-color:#eee; } .widget_search .search_form i{ content: "\f002"; position:absolute; z-index:1; top:13px; right:13px; width:34px; height:34px; line-height:34px; text-align:center; font-size:16px; color:#fff; border-radius:4px; } .widget_search .search_form input[type="text"]{ width:100%; height:40px; margin:0; padding:0 50px 0 10px; font-size:16px; color:#999; border:1px solid #e6e6e6; border-radius:0; } .widget_search .search_form .screen-reader-text{ display:none; } .widget_search .search_form input[type="submit"]{ overflow:hidden; position:absolute; z-index:2; top:13px; right:13px; width:34px; height:34px; margin:0; padding:0; text-indent:-999px; opacity:0; background:none; border:none; } /* Categories Widget */ .widget_archive select, .widget_categories select{ width:100%; } .widget_meta ul, .widget_archive ul, .widget_categories ul{ margin:0; list-style: none; border:1px solid #eee; } footer .widget_meta ul, footer .widget_archive ul, footer .widget_categories ul{ border-color: #2a2a2a; } .widget_meta li, .widget_archive li, .widget_categories li{ position:relative; padding:13px 10px 12px 50px; line-height:24px; border-bottom:1px solid #eee; } footer .widget_meta li, footer .widget_archive li, footer .widget_categories li{ border-color: #2a2a2a; } .widget_meta li:last-child, .widget_archive li:last-child, .widget_categories li:last-child{ border-bottom:0; } .widget_meta li i, .widget_archive li i, .widget_categories li i{ position:absolute; left:20px; top:14px; font-weight:600; line-height:24px; font-size:8px; color:#333; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .widget_meta li a, .widget_archive li a, .widget_categories li a{ display:inline-block; vertical-align:top; padding-right:7px; font-weight:600; font-size:18px; } /* Widget Nav Menu */ .widget_nav_menu ul{ width:100% !important; margin:0; list-style: none; border:1px solid #eee; } footer .widget_nav_menu ul{ border-color: #2a2a2a; } .widget_nav_menu ul li{ position:relative; padding:13px 10px 12px 50px; line-height:24px; border-bottom:1px solid #eee; } .widget_nav_menu ul li:last-child{ border-bottom:none; } .widget_nav_menu ul li a{ font-weight:600; font-size:18px; color:#333; } .widget_nav_menu li a:before{ content:"\f054"; position:absolute; left:20px; top:14px; font-family:'FontAwesome'; font-weight:600; line-height:24px; font-size:8px; color:#333; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .widget_nav_menu ul li span.subtitle{ display: block; padding-left: 22px; line-height: 13px; font-size: 11px; color: #999; } .widget_nav_menu ul li i{ display: inline-block; padding-right: 7px; line-height: 20px; color: #ccc; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; } /* Sub Menu */ .widget_nav_menu ul li .sub-nav, .widget_nav_menu ul li .sub-sub-menu{ margin-left:-30px; } .widget_nav_menu ul ul, .widget_nav_menu ul li li{ border:none; } .widget_nav_menu ul li li a, .widget_nav_menu li li a:before{ color:#333 !important; } /* Footer */ footer .widget_nav_menu ul{ margin:0; padding:0; list-style: none; border:none; } footer .widget_nav_menu ul li{ padding:0; border:none; } footer .widget_nav_menu ul li a{ position:relative; padding:0 0 6px 16px; font-weight:400; font-size:14px; color:#999; } footer .widget_nav_menu ul li.current-menu-item a, footer .widget_nav_menu ul li:hover a{ color:#fff; } footer .widget_nav_menu ul li a:before{ content:''; position:absolute; left:0; top:6px; width:7px; height:7px; border-radius:50%; border:2px solid #666; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } /* Widget Pages */ .widget_pages ul{ margin:0; list-style: none; } .widget_pages ul li a{ position:relative; padding:0 0 6px 16px; color:#666; } .widget_pages ul li a:before{ content:''; position:absolute; left:0; top:6px; width:7px; height:7px; border-radius:50%; border:2px solid #666; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } /* Popular Posts Widget */ .eva-recent-posts-widget .recent-thumb{ float:left; width:70px; height:50px; margin-right:20px; border:1px solid #efefef; } .eva-recent-posts-widget .recent-thumb span{ position:relative; display:block; } .eva-recent-posts-widget .recent-thumb span:before{ position:absolute; left:0; top:0; width:100%; height:100%; font-family: FontAwesome; text-align:center; line-height:50px; font-size:20px; color:#ccc; cursor:default; } .eva-recent-posts-widget .recent-thumb span.standard:before{content: "\f044";} .eva-recent-posts-widget .recent-thumb span.audio:before{content: "\f028";} .eva-recent-posts-widget .recent-thumb span.link:before{content: "\f0c1";} .eva-recent-posts-widget .recent-thumb span.video:before{content: "\f03d";} .eva-recent-posts-widget .recent-thumb span.gallery:before{content: "\f03e";} .eva-recent-posts-widget .recent-thumb span.image:before{content: "\f03e";} .eva-recent-posts-widget ul{ margin:0; list-style:none; } .eva-recent-posts-widget li{margin-bottom:20px;} .eva-recent-posts-widget li:last-child{margin-bottom:0;} .eva-recent-posts-widget .eva-recent-content{ margin:-5px 0 0 90px; } .eva-recent-posts-widget .eva-recent-content h4{ margin:0; line-height:20px; } .eva-recent-posts-widget .eva-recent-content a{ display:inline-block; margin-bottom:4px; font-weight:400; line-height:17px; font-size:14px; color:#666; } .eva-recent-posts-widget .eva-recent-content a:hover{ color:#333; } .eva-recent-posts-widget .eva-recent-content .date{ display:block; text-transform:uppercase; line-height:23px; font-size:11px; } /* Tags Widget */ .widget_tag_cloud .tagcloud, .widget_product_tag_cloud .tagcloud{ margin-right:-5px; } .widget_product_tag_cloud a, .meta-tag-list a, .widget_tag_cloud a{ display:inline-block; margin:0 2px 5px 0; padding:3px 10px 2px; text-transform:capitalize; line-height:24px; font-size:14px !Important; color:#fff; background-color:#333; } /* Twitter Widget */ .twitterwidget li{ position:relative; margin-bottom:10px; padding-left:30px; } .twitterwidget li i.fa{ position:absolute; left:6px; top:4px; font-size:16px; color:#333; } .twitterwidget li p{ display:block; line-height:20px; font-size:12px; } .last-tweets li .twitter_time{ display:inline-block; line-height:20px; font-size:11px; color:#999; } /* Widget Calendar */ .widget_calendar thead{background-color:#efefef;} footer .widget_calendar thead{background-color:#2a2a2a;} .widget_calendar thead th{text-align:center;} .widget_calendar tbody{border-left:1px solid #efefef;} footer .widget_calendar tbody{border-left:1px solid #2a2a2a;} .widget_calendar tbody td{ text-align:center; font-weight:700; font-size:16px; color:#999; border-top:1px solid #efefef; border-right:1px solid #efefef; } footer .widget_calendar tbody td{ border-top:1px solid #2a2a2a; border-right:1px solid #2a2a2a; } .widget_calendar table{ width:100%; background-color:transparent; border-collapse:collapse; border-spacing:0; } .widget_calendar table caption{ padding:8px; text-align:left; font-weight:700; font-size:14px; border-left:1px solid #f0f0f0; border-top:1px solid #f0f0f0; border-right:1px solid #f0f0f0; } footer .widget_calendar table caption{ border-left:1px solid #2a2a2a; border-top:1px solid #2a2a2a; border-right:1px solid #2a2a2a; } .widget_calendar table th, .widget_calendar table td{ padding:8px; line-height:20px; text-align:center; vertical-align:top; border-top:1px solid #f0f0f0; } footer .widget_calendar table th, footer .widget_calendar table td{ border-top:1px solid #2a2a2a; } .widget_calendar table td#prev{text-align:left;} .widget_calendar table td#next{text-align:right;} .widget_calendar table th{ font-weight:bold; } .widget_calendar table thead th{ vertical-align:bottom; text-align:center; } .widget_calendar table caption + thead tr:first-child th, .widget_calendar table caption + thead tr:first-child td, .widget_calendar table colgroup + thead tr:first-child th, .widget_calendar table colgroup + thead tr:first-child td, .widget_calendar table thead:first-child tr:first-child th, .widget_calendar table thead:first-child tr:first-child td{border-top:0} .widget_calendar table tbody + tbody{ border-top:2px solid #ddd; } /* Flickr Widget */ .flickr_widget .flickr-widget{margin:0 -10px 0 0;} .flickr_widget a{ display:inline-block; width:70px; height:70px; margin:0 10px 10px 0; } .flickr_widget:hover a{opacity:0.3;} .flickr_widget a:hover{opacity:1;} /* Dribbble Widget */ .dribbble-widget{margin:0 -10px 0 0;} .dribbble-widget a{ overflow:hidden; display:inline-block; width:70px; height:70px; margin:0 10px 10px 0; } .dribbble-widget:hover a{opacity:0.3;} .dribbble-widget a:hover{opacity:1;} .dribbble-widget a img{ width:auto; max-width:none; height:100%; } /* Widget Recent Entries */ .widget_recent_entries ul{ margin:0; list-style:none; } .widget_recent_entries li{ padding-bottom:10px; } .widget_recent_entries li a{ color:#666; } .widget_recent_entries li:hover a{ color:#333; } footer .widget_recent_entries li:hover a{ color:#fff; } .widget_recent_entries .post-date{ display:block; text-transform:uppercase; line-height:13px; font-size:11px; color:#333; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } /* Contact Form 7 */ form.wpcf7-form input, form.wpcf7-form textarea{ display:block; width:100%; height:40px; margin-bottom:10px; padding:9px 10px; font-size:16px; color:#999; border:1px solid #e6e6e6; border-radius:0; background:none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } form.wpcf7-form input:focus, form.wpcf7-form textarea:focus{ border-color:#666; box-shadow:none; } form.wpcf7-form textarea{ height:150px; margin-bottom:30px; padding:9px 10px; resize:none; } form.wpcf7-form input[type="submit"]{ width:auto; height:50px; margin-bottom:0; padding:15px 42px; text-transform:uppercase; font-weight:900; font-size:15px; color:#fff; letter-spacing:2px; border:none; border-radius:5px; background: #141414; } form.wpcf7-form input[type="submit"]:hover{background:#333;} form.wpcf7-form input[type="submit"]:focus{background:#000;} form.wpcf7-form .ajax-loader{display:none;} form.wpcf7-form span{display:block;} form span.your-name{ float:left; width:32.4%; margin-right:10px; } form span.your-email{ float:left; width:32.4%; margin-right:10px; } form span.your-phone{ float:left; width:32.4%; } /* Validation */ .wpcf7-validation-errors{ display:none !important; } form.wpcf7-form span.wpcf7-not-valid-tip{ margin:-3px 0 5px; line-height:17px; font-size:11px; } /* Widget Social */ .sociallinkswidget a{ display: inline-block; font-size: 20px; height: 24px; line-height: 24px; margin: 0 17px 0 0; opacity: 0.15; padding: 0; color: #fff !important; text-align: center; width: 24px; } .sociallinkswidget a:hover{ opacity:1; } #sidebar .sociallinkswidget a{ color:#333 !important; } /* Widget Rss */ .widget_rss ul{ margin:0; list-style:none; } .widget_rss li{padding-bottom:30px;} .widget_rss li a{ font-weight:700; line-height:18px; font-size:14px; } .widget_rss li span.rss-date{ position:relative; display:block; padding-left:20px; padding-bottom:4px; line-height:18px; font-size:12px; color:#999; } .widget_rss li span.rss-date:before{ content: ""; position: absolute; left: 0; top: 0; font-family: 'FontAwesome'; color: #999; font-size: 14px; } .widget_rss li .rssSummary{ padding-bottom:4px; } .widget_rss li cite{ display:block; font-style:italic; font-size:12px; } /* Widget Recent Comments */ .widget_recent_comments ul{ margin:0; list-style:none; } .widget_recent_comments li{padding-bottom:20px;} .widget_recent_comments li{ line-height:18px; font-size:12px; color:#999; } .widget_recent_comments li a{ display:block; font-size:14px; } /* Widget Tabbed */ .widget_evatheme_tabbed ul{ margin:0 0 -1px; list-style:none; } .widget_evatheme_tabbed li{ display:inline-block; margin:0 -3px 0 0; border:1px solid #eee; background-color:#f7f7f7; transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out; -webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out; } .widget_evatheme_tabbed li:hover, .widget_evatheme_tabbed li.active{ border-bottom-color:#fff; background-color:#fff; } .widget_evatheme_tabbed li a{ display:block; padding:12px 10px 11px; text-transform:uppercase; font-weight:700; line-height:20px; font-size:14px; color:#999; } .widget_evatheme_tabbed li:hover a, .widget_evatheme_tabbed li.active a{ color:#333; } .widget_evatheme_tabbed .tab-content{ padding:16px 19px 8px; border:1px solid #eee; } .widget_evatheme_tabbed .tabbed-popular-post, .widget_evatheme_tabbed .tabbed-latest-post, .widget_evatheme_tabbed .tabbed-comment{ padding-bottom:13px; } .widget_evatheme_tabbed .tab-content a{ display:block; margin-bottom:4px; line-height:17px; font-size:14px; color:#666; } .widget_evatheme_tabbed .tab-content a:hover{ color:#333; } .widget_evatheme_tabbed .tab-content .date{ display:block; text-transform:uppercase; line-height:13px; font-size:11px; } .widget_evatheme_tabbed .tab-content .excerpt{ line-height:17px; font-size:12px; color:#999; } /* Widget Contacts info */ .textwidget .footer_phone{ display:block; margin-bottom:13px; line-height:30px; font-size:30px; color:#fff; } .textwidget .footer_fax{ display:block; margin-bottom:10px; line-height:20px; font-size:18px; color:#666; } .textwidget .footer_mail{ display:block; line-height:20px; font-size:14px; color:#999; } .textwidget .footer_phone:hover{ color:#666; } .textwidget .footer_fax:hover, .textwidget .footer_mail:hover{ color:#fff; } /*-----------------------------------------------------------------------------------*/ /* Blog Post /*-----------------------------------------------------------------------------------*/ .type-post-wrap{ position:relative; margin-bottom:30px; padding:19px; border:1px solid #eee; transition: border-color 0.3s ease-in-out !Important; -webkit-transition: border-color 0.3s ease-in-out !important; } .type-post-wrap:hover{ margin-top:-1px; border-top:2px solid transparent; } .type-post-wrap:before{ content:''; position:absolute; left:3px; right:3px; bottom:-3px; height:3px; border:1px solid #eee; } .type-post-wrap:after{ content:''; position:absolute; left:6px; right:6px; bottom:-5px; height:3px; border:1px solid #eee; } .type-post-wrap .loop-media{ float:left; margin-right:30px; } .type-post-wrap .loop-title{ margin:-10px 0 1px; font-weight:400; line-height:48px; font-size:40px; } .meta-container{margin-bottom:23px;} .loop-meta{ margin:0; list-style:none; } .loop-meta li{ position:relative; display:inline-block; vertical-align:top; margin:0 7px 0 0; padding:0 7px 0 0; } .loop-meta li:after{ content:''; position:absolute; right:0; top:7px; width:1px; height:11px; background-color:#ccc; } .loop-meta li:last-child:after{ display:none; } .loop-meta li i{ display:inline-block; vertical-align:top; padding-right:10px; line-height:24px; font-size:16px; color:#ccc; } .loop-meta li.comments a, .loop-meta li.date, .loop-meta li.author a{ display:inline-block; vertical-align:top; text-transform:uppercase; line-height:24px; font-size:11px; color:#999; } .loop-meta li.comments a:hover, .loop-meta li.author a:hover{ color:#333; } /* image gallery */ .loop-gallery.flexslider{ overflow:hidden; position:relative; } .loop-gallery.flexslider .slides img{ width:100%; } .medium_image .loop-media .loop-gallery{width:380px;} .loop-gallery .flex-direction-nav a{ position:absolute; z-index:100; top:50%; margin-top:-25px; display:block; width:40px; height:40px; text-align:center; line-height:40px; font-size:14px; color:#fff; opacity:0; border-radius:5px; background-color:rgba(51,51,51,0.75); } .loop-gallery .flex-direction-nav a:hover{ background-color:#333; } .loop-gallery .flex-direction-nav a.flex-prev{ left:-10px; } .loop-gallery .flex-direction-nav a.flex-next{ right:-10px; } .loop-gallery:hover .flex-direction-nav a.flex-prev{ left:20px; opacity:1; } .loop-gallery:hover .flex-direction-nav a.flex-next{ right:20px; opacity:1; } .loop-gallery .flex-control-nav{ position:absolute; z-index:101; left:0; bottom:-10px; width:100%; list-style:none; margin:0; text-align:center; opacity:0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .loop-gallery:hover .flex-control-nav{ bottom:20px; opacity:1; } .loop-gallery .flex-control-nav li{ display:inline-block; margin:0 6px 0 7px; cursor:pointer; } .loop-gallery .flex-control-nav li a{ overflow:hidden; display:block; width:7px; height:7px; cursor: pointer; text-indent:-999px; border-radius:50%; box-shadow:0 0 0 4px #fff inset; } /* Format Video */ .format-video .loop-media{ width:380px; } /* Masonry Style */ .eva-blog.masonry, .eva-blog.full_width{ margin-right:-30px; } .eva-blog.full_width{ margin-left:30px; } .eva-blog.masonry.col2 .type-post, .eva-blog.full_width.col2 .type-post{ width:50%; padding-left:15px; padding-right:15px; } .eva-blog.masonry.col3 .type-post, .eva-blog.full_width.col3 .type-post{ width:33.3334%; padding-left:15px; padding-right:15px; } .eva-blog.masonry.col4 .type-post, .eva-blog.full_width.col4 .type-post{ width:24.9%; padding-left:15px; padding-right:15px; } .eva-blog.masonry.col5 .type-post, .eva-blog.full_width.col5 .type-post{ width:19.9%; padding-left:15px; padding-right:15px; } .eva-blog.masonry .type-post .loop-media, .eva-blog.full_width .type-post .loop-media{ float:none; margin-right:0; margin-bottom:25px; } .eva-blog.masonry .format-video .loop-media, .eva-blog.full_width .format-video .loop-media{ width:100%; } .eva-blog.masonry .type-post .loop-title, .eva-blog.full_width .type-post .loop-title{ margin-top:0; margin-bottom:5px; line-height:26px; font-size:24px; } .eva-blog.masonry .meta-container, .eva-blog.full_width .meta-container{ margin-bottom:0; } /* Blog Carousel Style */ .eva-blog.carousel{ margin-left:-30px; width:auto; } .eva-blog.carousel .owl-wrapper-outer{ padding-top:1px; } .eva-blog.carousel article.type-post{ margin-left:30px; } .eva-blog.carousel .type-post .loop-media{ float:none; margin-right:0; margin-bottom:25px; } .eva-blog.carousel .format-video .loop-media{ width:100%; } .eva-blog.carousel .type-post .loop-title{ margin-top:0; margin-bottom:5px; line-height:26px; font-size:24px; } .eva-blog.carousel .meta-container{ margin-bottom:0; } /*-----------------------------------------------------------------------------------*/ /* Single Blog Post /*-----------------------------------------------------------------------------------*/ .single.type-post{ padding:0; border:none; } .single.type-post .loop-media{ float:none; width:100%; height:auto; margin:0 0 35px; } .type-post .single-title{ margin:0 0 1px; font-weight:400; line-height:52px; font-size:52px; } /* Share Links */ .blogpost_share{ font-weight:700; line-height:30px; font-size:18px; color:#333; } .blogpost_share a{ display: inline-block; width: 24px; height: 24px; margin: 3px 17px 0 0; padding: 0; text-align: center; line-height: 24px; font-size: 20px; color: #ccc; } .blogpost_share a.share_facebook:hover{color:#3b5998;} .blogpost_share a.share_gplus:hover{color:#f63e28;} .blogpost_share a.share_tweet:hover{color:#58ccff;} .blogpost_share a.share_linkedin:hover{color:#0085ae;} .blogpost_share a:focus{color:#ccc;} /* Post Format */ .format-quote .loop-media,.format-link .loop-media{ display: block; } /* Audio */ .format-audio.type-post .loop-media{ float:none; width:100%; height:auto; margin:0 0 35px; } /* Links */ .format-link.type-post .loop-media{ float:none; width:100%; height:auto; margin:0 0 35px; } /* aside */ article.format-aside .loop-block{ padding: 15px 20px; background: #fff; border: 1px solid #dddddd; } /* Blockquote */ blockquote{ margin:0 0 20px; padding: 16px 20px; border-left:2px solid transparent; background-color:#fff6e9; } blockquote p{ padding: 0; margin:0; font-style: italic; line-height: 24px; font-size: 16px; color: #666; } /* Divider */ .eva-divider{height:1px;} .eva-divider.type-light{ background-color:#efefef; } .eva-divider.type-dark{ background-color:#333; } .eva-divider.type-dot{ position:relative; background-color:#eee; } .eva-divider.type-dot:before{ content:''; position:absolute; left:50%; top:-6px; width:13px; height:13px; margin-left:-6px; border:2px solid #eee; border-radius:50%; background-color:#fff; } /* link */ .loop-media .link-content{ background: #fff; padding: 25px 30px 30px 75px; position: relative; } .loop-media .link-text{ font-size: 22px; line-height: 1.5; font-weight: normal; margin-bottom: 5px; } .loop-media h2:before{ display: inline-block; font-family: FontAwesome; position: absolute; content: "\f0c1"; left: 30px; top: 30px; font-size: 24px; } .loop-media .link-text a{ color: #282828; } /* jp player */ div.jp-jplayer.jp-jplayer-video{background-color: #333;} .jp-jplayer-video video{margin-bottom: -10px;} div.jp-audio, div.jp-video{ font-size: 1em; color: #fff; line-height: 1.6; margin-bottom: 20px; } div.jp-audio, div.jp-video{ width: 100%; } div.jp-interface{ position: relative; z-index: 100; width: 100%; border-radius:5px; background-color:#333; } div.jp-type-single div.jp-interface{ height: 50px; } div.jp-interface ul.jp-controls{ list-style-type: none; padding: 0; margin: 0; } div.jp-interface ul.jp-controls li{ display: inline; } div.jp-interface ul.jp-controls a{ position: absolute; z-index: 1; overflow: hidden; width: 50px; height: 100%; } div.jp-interface ul.jp-controls a i{ display:block; text-align:center; font-size:16px; line-height:50px; color:#666; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } div.jp-interface ul.jp-controls a:hover i{ color:#fff; } a.jp-mute, a.jp-unmute{ top: 0; right: 40px; } a.jp-mute i, a.jp-unmute i{ text-align:left !Important; } div.jp-progress-container{ position: absolute; top: 50%; left: 70px; right:150px; width: auto !important; height: 6px; margin-top:-3px; } .jp-progress-container .jp-progress{width:auto !important;} .single div.jp-type-single div.jp-progress{width: 411px;} div.jp-seek-bar{ width: 0px; height: 6px; cursor: pointer; background-color: #666; } div.jp-play-bar{ width: 0px; height: 6px; background-color: #999; } div.jp-volume-bar-container{ position: absolute; top: 50%; right: 20px; width: 40px; height: 6px; margin-top:-3px; } div.jp-volume-bar{ position: relative; overflow: hidden; background-color: #666; width: 100%; height: 6px; cursor: pointer; } div.jp-volume-bar-value{ width: 0px; height: 100%; background: #999; } .seperator-first, .seperator-second{ height: 100%; width: 1px; position: absolute; left: 50px; background-color:#3e3e3e; } .seperator-second{ left:auto; right:110px; } /* Pagination */ .pagination{ margin:50px 0; padding-top:41px; text-align:center; border-top:1px solid #eee; } .eva-blog.masonry, .eva-blog.full_width{ overflow:visible !Important; margin-bottom:150px; } .eva-blog.masonry .pagination, .eva-blog.full_width .pagination{ position:absolute; left:0; bottom:-115px; right:30px; } .pagination span, .pagination a{ display:inline-block; margin:0 2px 0 3px; padding:3px 16px; font-weight:600; line-height:24px; font-size:18px; color: #666; border:2px solid #e8e8e8; border-radius:5px; background-color:#e8e8e8; } .pagination a:focus{ color:#666; } .pagination a:hover{ color:#fff; } .pagination span.current{ color: #333; cursor:default; background-color:transparent; } .pagination a.prev, .pagination a.next{ color: #333; border:none; background:none !important; background-color:transparent; } .pagination a.prev{float:left;} .pagination a.next{float:right;} /* Single post pagination */ .single-post-pagination{ margin-top:50px; } .single-post-pagination a{ display: block; width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 18px; color: #999; border-radius: 5px; background-color:#e8e8e8; } .single-post-pagination a:hover{ color:#fff; } /* Infinite Scroll */ .eva-infinite-scroll{ padding-top:20px; padding-bottom:20px; text-align:center; } .eva-infinite-scroll>.loading, .eva-infinite-scroll[data-has-next="false"]>.next, .eva-infinite-scroll[data-has-next="true"]>.no-more{ display: none; } .eva-infinite-scroll a{ display:inline-block; height:48px; margin:0 auto; padding:12px 30px 12px 36px; text-transform:uppercase; text-align:center; font-weight:900; line-height:24px; font-size:15px; color:#fff; letter-spacing:2px; border-radius:5px; } .eva-infinite-scroll a:hover, .eva-infinite-scroll a:focus{ color:#fff; background-color:#333; } .eva-infinite-scroll a i{ display:inline-block; vertical-align:top; margin-left:15px; width:24px; height:24px; line-height:24px; color:#c04848; } /* Post Author Information */ .eva-author{ margin: 30px 0 35px; padding: 19px; border: 1px solid #eee; } .eva-author .author-image{ float: left; margin-right: 30px; } .eva-author h3{ margin:0 0 3px; font-weight:700; font-size: 16px; } .eva-author p{ margin: 0; } /* Comment Form */ #comments .comment-respond{ margin-bottom:20px; padding:22px 25px 8px; border:1px solid #eee; background-color:#f7f7f7; } .comment-respond .comment-reply-title{ margin-bottom:20px; font-size:28px; } .comment-respond .comment-reply-title a{ display:inline-block; vertical-align:top; margin-left:20px; line-height:24px; } .comment-form-author, .comment-form-email, .comment-form-rating{ margin: 0; } #commentform label{ display:block; margin:0 0 6px; font-size:16px; color:#666; } #commentform label span{ font-size:12px; color:#999; } #commentform input[type="text"], .comment-form-comment textarea{ width: 100%; padding: 10px 20px; margin-bottom: 0; height:40px; font-size:16px; color:#999; border:1px solid #e6e6e6; border-radius:0; box-shadow: 4px 4px 4px rgba(0,0,0,0.08) inset; } .comment-form-comment textarea{ margin-bottom: 20px; padding:10px 20px; min-height:140px; resize:none; } #commentform p{position:relative;} #commentform p i{ position:absolute; left:8px; top:11px; font-size:16px; color:#ccc; } #commentform input[type="submit"]{ height:50px; margin:0; padding:15px 35px; text-transform:uppercase; font-weight:900; line-height:20px; font-size:15px; color:#fff; letter-spacing:2px; border:0; box-shadow:0; border-radius:5px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } #commentform input[type="submit"]:hover{ background-color:#333; } #commentform input[type="submit"]:focus{ background-color:#000; } /* Comment List */ #comments .comment-list{ padding-bottom:25px; } .comment-list .comment-block .comment-block{ margin-left: 20px; } #comments .comment{ position:relative; margin-bottom:20px; padding:15px 19px 0; border:1px solid #eee; } #comments img.avatar{ position:absolute; left:19px; top:19px; } #comments .comment-content{ padding-left:90px; } #comments .comment-author-link{ margin-bottom:0; line-height:20px; } #comments .comment-date{ display:block; padding-bottom:13px; text-transform:uppercase; line-height:18px; font-size:11px; } #comments .comment-reply-link{ position:absolute; top:19px; right:19px; width:36px; height:34px; font-size:0; border-radius:4px; background-color:#e8e8e8; } #comments .comment-reply-link:before{ content: "\f064"; position:absolute; left:0; top:0; width:100%; height:100%; font-family:FontAwesome; text-align:center; line-height:37px; font-size:14px; color:rgba(0,0,0,0.3); } #fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span{ width: 100% !important; } /*-----------------------------------------------------------------------------------*/ /* Page Builder Elements /*-----------------------------------------------------------------------------------*/ /* Promo Text */ .promo_text{ padding:24px 29px 29px 28px; text-align:center; border:1px solid #eee; } .black_style .promo_text{ border:none; background-color:#333; } .eva-promo-text.with-button a.btn{ float:right; margin-top:25px; } .black_style.eva-promo-text.with-button a.btn:hover{ color:#333 !important; background-color:#fff !important; } .with-button .promo-text-content{ float:left; width:70%; text-align:left; } .promo-text-content h3{ margin-bottom:9px; text-transform:none; font-weight:400; line-height:28px; font-size:28px; } .black_style .promo-text-content h3{ color:#fff; } .promo-text-content p{ margin:0; font-size:14px; } .black_style .promo-text-content p{ color:#fff; } /* Service Box */ .eva-service-box{ position:relative; } .eva-service-box.style1, .eva-service-box.style2{ text-align:center; } .eva-service-box.style1 .fa, .eva-service-box.style2 .fa{ display:inline-block; width:70px; height:70px; margin-bottom:19px; line-height:70px; font-size:70px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .eva-service-box.style2 .fa{ font-size:40px; color:#fff; border-radius:9px; } .eva-service-box.style1:hover .fa, .eva-service-box.style2:hover .fa{ opacity:0.5; transform:scale(0.8); -webkit-transform:scale(0.8); } .eva-service-box.style3 .fa, .eva-service-box.style4 .fa{ position:absolute; left:0; top:0; width:45px; height:45px; line-height:45px; font-size:36px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .eva-service-box.style4 .fa{ top:5px; text-align:center; font-size:26px; color:#fff; border-radius:5px; } .eva-service-box.style3:hover .fa{ color:#333 !important; } .eva-service-box.style4:hover .fa{ background-color:#333 !important; } .eva-service-box.style4 .eva-service-content{padding-left:70px;} .eva-service-box.style1 h3, .eva-service-box.style2 h3{ margin-bottom:18px; text-transform:none; font-weight:700; line-height:28px; font-size:28px; color:#333; } .eva-service-box.style3 h3{ margin-bottom:18px; padding:10px 0 11px 50px; text-transform:none; font-weight:600; line-height:24px; font-size:20px; color:#333; } .eva-service-box.style4 h3{ margin-bottom:6px; text-transform:none; font-weight:600; line-height:24px; font-size:20px; color:#333; } /* Accordion */ .accordion-group{ position:relative; margin:0 0 -1px; border:1px solid #eee; border-radius:0; } .collapse{position:static;} .accordion-body.in:before{ content:''; position:absolute; left:-1px; top:0; bottom:0; width:2px; } .accordion-heading .accordion-toggle{ position:relative; padding:12px 48px 12px 20px; line-height:24px; font-size:18px; } .accordion-heading .accordion-toggle:before{ content: "\f107"; position:absolute; right:10px; top:10px; width:26px; height:26px; font-family:FontAwesome; text-align:center; font-weight:400; line-height:22px; font-size:20px; color:#999; border:2px solid #e8e8e8; border-radius:50%; background-color:#e8e8e8; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .eva-toggle .accordion-heading .accordion-toggle:before{ content: "+"; } .accordion-heading .accordion-toggle.active:before{ content: "\f106"; color:#fff; } .eva-toggle .accordion-heading .accordion-toggle.active:before{ content:'-'; line-height:20px; font-size:24px; } .accordion-heading .accordion-toggle.active:hover:before{ color:#fff; } .accordion-heading .accordion-toggle:hover:before{ color:#333; background-color:transparent; } .accordion-heading .accordion-toggle:after{ content:''; position:absolute; left:-1px; top:0; bottom:0; width:2px; opacity:0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .accordion-heading .accordion-toggle:hover:after{ opacity:1; } .accordion-inner{ padding:6px 35px 0 19px; border:0; } /* Tabs */ .eva-tab .nav-tabs{ margin-bottom:0; border-bottom:1px solid #eee; } .eva-tab .nav-tabs li a{ margin-right:-1px; padding:15px 19px 14px; text-transform:uppercase; font-weight:700; line-height:20px; font-size:16px; color:#999; border:1px solid #eee; border-radius:0; background-color:#f7f7f7; transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; } .eva-tab .nav-tabs li a:hover{ color:#333; border-color:#eee; background-color:#f7f7f7; } .eva-tab .nav-tabs li.active a, .eva-tab .nav-tabs li.active a:hover, .eva-tab .nav-tabs li.active a:focus{ margin-top:-1px; color:#333; border-color:#eee; border-bottom-color:#fff; background-color:#fff; } .eva-tab .tab-content{ padding:13px 19px 0; border-right:1px solid #eee; border-bottom:1px solid #eee; border-left:1px solid #eee; } .eva-tab.tabs-left .nav-tabs{ margin-right:-1px; } .eva-tab.tabs-left .nav-tabs li a{ margin-bottom:-1px; } .eva-tab.tabs-left .nav-tabs li.active a, .eva-tab.tabs-left .nav-tabs li.active a:hover, .eva-tab.tabs-left .nav-tabs li.active a:focus{ margin-top:0; margin-left:-1px; border-top:1px solid #eee; border-bottom-color:#eee; border-right-color:#fff; } .eva-tab.tabs-left .tab-content{ border-top:1px solid #eee; } /* Pricing table */ .eva-pricing-wrapper{margin-left:-30px;} .pricing_table_item{ float:left; margin-left:30px; margin-bottom:30px; text-align:center; background-color:#f7f7f7; } .pricing_table_item.price_new{ position:relative; } .pricing_table_item.price_new:before{ content:''; position:absolute; left:-5px; top:-5px; width:70px; height:70px; background-image:url(assets/img/price_new.png); background-repeat:no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; } .pricing_table_item.price_popular{ background-color:#fff6e9; } .pricing_table_heading{ padding:24px 10px 22px; text-transform:uppercase; font-weight:700; line-height:24px; font-size:24px; color:#333; } .pricing_table_price_wrap{ padding:23px 10px 25px; background-color:#e6e6e6; } .pricing_table_price{ display: block; font-weight: 700; line-height: 52px; font-size:60px; color:#333; } .pricing_table_period{ display:block; text-transform:none; font-weight:600; line-height:20px; font-size:20px; } .pricing_table_item.price_popular .pricing_table_price{ color:#fff; } .pricing_table_item.price_popular .pricing_table_period{ color:#fff; } .price_item_text{ border-bottom: 1px solid #ccc; padding: 16px 15px; font-size:14px; } .pricing_table_item.price_popular .price_item_text{ border-bottom: 1px solid #e7e7e7; } .price_item_btn{ padding:30px 10px; } .price_item_btn a.btn{ color:#333; border:2px solid transparent; background-color:#fff; } .price_popular .price_item_btn a.btn{ color:#fff; } .price_popular .price_item_btn a.btn:hover{ border-color:#333; background-color:#333 !important; } /* Twitter */ .eva-twitter li{ position:relative; padding:0 0 10px 26px; } .eva-twitter li:last-child{ padding-bottom:0; } .eva-twitter li i{ position:absolute; left:0; top:0; font-size:20px; } .eva-twitter li p{ margin:0 0 3px; line-height:20px; } .eva-twitter li p a{ font-weight:700; } .eva-twitter li .twitter_time{ font-size:11px; color:#999; } /* Twitter Carousel */ .eva-twitter.carousel{ text-align:center; } .eva-twitter.carousel li{ padding:0 0 20px; } .eva-twitter.carousel li i{ position:static; display:block; margin:0 auto 20px; width:40px; height:40px; line-height:40px; font-size:36px; } .full-width-content.light .eva-twitter.carousel li i{ color:#fff; } .eva-twitter.carousel li p{ margin-bottom:20px; line-height:30px; font-size:25px; } .eva-twitter.carousel li p a{ color:#333; } .eva-twitter.carousel li .twitter_time{ font-size:13px; } /* Carousel Elements */ .caroufredsel_wrapper{margin: 0 !important;} .list_carousel{ position: relative; margin: 0 -15px !important; } .list_carousel li{ width: 270px; height: auto; padding: 0; margin: 0 15px; display: block; float: left; position: relative; } ul.eva-carousel{margin-left: 0;} .carousel-arrow{top:-12px;} .list_carousel .carousel-arrow{ position: absolute; right: 0; top: -92px; width:100%; height:0; } .list_carousel .carousel-arrow.center{text-align:center;} .list_carousel .carousel-arrow.left{text-align:left;} .list_carousel .carousel-arrow.left a.carousel-prev{margin:0 5px 0 0 !important;} .list_carousel .carousel-arrow.left a.carousel-next{margin:0 !important;} .list_carousel .carousel-arrow.right{text-align:right;} .list_carousel .carousel-arrow.right a.carousel-prev{margin:0 !important;} .list_carousel .carousel-arrow.right a.carousel-next{margin:0 0 0 5px !important;} .list_carousel a.carousel-prev, .list_carousel a.carousel-next{ position:relative; z-index:10; display: inline-block !important; width: 36px; height: 26px; background-position:0 0; background-repeat:no-repeat; background-size:100% auto; -webkit-background-size:100% auto; transition: none; -webkit-transition: none; } .list_carousel a.carousel-prev{background-image:url(assets/img/arrow-l.png);} .list_carousel a.carousel-next{background-image:url(assets/img/arrow-r.png);} .list_carousel a.carousel-prev:hover, .list_carousel a.carousel-next:hover{ background-position:0 -26px; } /* Message Box */ .message-box{ position:relative; margin-bottom:30px; line-height:20px; font-size:16px; color:#333; padding:16px 49px 14px 70px; } .message-box p{ margin:0; font-weight:600; } .message-box i.fa{ position:absolute; left:13px; top:15px; width:40px; height:40px; text-align:center; line-height:40px; font-size:36px; } .message-box.alert-warning{background-color:#fef0c6;} .message-box.alert-warning i.fa{color:#e8ce7f;} .message-box.alert-info{background-color:#b4e7f6;} .message-box.alert-info i.fa{color:#7fcbe1;} .message-box.alert-success{background-color:#c8f1a7;} .message-box.alert-success i.fa{color:#a1dc72;} .message-box.alert-error{background-color:#fec6c6;} .message-box.alert-error i.fa{color:#f48989;} .message-box .close{ position:absolute; top:50%; right:14px; width:20px; height:20px; margin-top:-10px; line-height:20px; font-size:20px; text-shadow:none; opacity:1; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .message-box.alert-warning .close{color:#e8ce7f;} .message-box.alert-info .close{color:#7fcbe1;} .message-box.alert-success .close{color:#a1dc72;} .message-box.alert-error .close{color:#f48989;} .message-box .close:hover{ font-size:28px; } /* Partners */ .partner-item{ float:left; } .partner-item a{ position:relative; display:block; padding:0 15px 30px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .partner-item a img{ filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(100%); transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out } .partner-item a:hover img{ -webkit-filter:grayscale(0%); filter:none; } /* Partners Carousel */ /* Progress Bar */ /*line*/ .skill_item{ position:relative; min-width:170px; height:40px; } .skill-bar{ position: relative; z-index:10; display:block; margin-bottom: 25px; height:40px; background-color:#eee; } .skill-bar:before{ content: attr(data-percent); position:absolute; right:14px; top:10px; font-weight:900; line-height:20px; font-size:18px; color:#333; } .skill_item span{ position:absolute; z-index:11; left:15px; top:10px; display:block; font-weight:600; line-height:20px; font-size:20px; color:#fff; } .progress-complete{ position: absolute; z-index: -1; left: 0; bottom: 0; display: block; height:100%; } /*circle*/ .eva-progress-wrap{text-align:center;} .progress-items{ display:inline-block; vertical-align:top; margin:0 auto 30px; } .progress-items.line{ display:block; } .chart{ position: relative; display: block; vertical-align:top; margin:0 auto; width: 170px; height: 170px; text-align: center; } .chart canvas{ width: 170px; height: 170px; } .chart-content{ position: absolute; top: 0; left: 0; width: 100%; } .chart-content .percent{ font-size: 40px; line-height: 40px; } .chart-content .percent:after{content: '%';} .chart-content .chart-title{ margin:0; text-transform:none; font-weight: 600; line-height:20px; font-size: 20px; } /* Button */ .btn{ display:inline-block; vertical-align:top; margin-bottom:5px; padding:10px 35px; text-transform:uppercase; font-weight:900; line-height:20px; font-size: 15px; color:#fff; letter-spacing:1px; text-shadow:none; border-radius:5px; border:none; box-shadow:none; background: #141414; } .btn:hover{ color: #fff !important; background:#333 !Important; } .btn:focus{ color: #fff !important; background:#000 !Important; } .btn i.fa{ display:inline-block; vertical-align:top; margin-right:14px; width:20px; height:20px; font-weight:normal; text-align:center; line-height:20px; } .btn.btn-medium.btn_notext{ padding:0; width:40px; height:40px; } .btn.btn-medium.btn_notext i{ margin:0; width:40px; height:40px; line-height:40px; font-size:17px; } .btn.btn-small{ padding:7px 25px; font-size:13px; } .btn.btn-small.btn_notext{ padding:0; width:34px; height:34px; } .btn.btn-small.btn_notext i{ margin:0; width:34px; height:34px; line-height:34px; font-size:15px; } .btn.btn-large{ padding: 20px 45px; font-size: 18px; } .btn.btn-large.btn_notext{ padding:0; width:60px; height:60px; } .btn.btn-large.btn_notext i{ margin:0; width:60px; height:60px; line-height:60px; font-size:20px; } /* Input */ input[type="submit"]{ display:inline-block; vertical-align:top; margin-bottom:5px; padding:8px 25px; text-transform:uppercase; font-weight:900; line-height:24px; font-size: 13px; color:#fff; text-shadow:none; border-radius:5px; border:none; box-shadow:none; background: #141414; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .btn:hover{ color: #fff; background:#333; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{ height:auto; font-size:16px; border:1px solid #e6e6e6; border-radius:0; box-shadow:3px 4px 4px rgba(0,0,0,0.08) inset; background:#fff; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus{ box-shadow:3px 4px 4px rgba(0,0,0,0.08) inset; } /* Dropcaps */ .eva-dropcap{ float: left; text-transform: uppercase; font-size: 16px; line-height: 1.8; font-weight: bold; background-color: #4DA4F3; color: #FFF; padding: 8px 16px; text-align: center; margin-right: 14px; } .eva-dropcap.circle{ border-radius: 50%; } /* Testimonials */ .eva-testimonials ul{ margin:0; list-style:none; } .eva-testimonials.columns ul{ margin-right:-30px; } .testimonial-item{ position:relative; min-height:142px; margin-bottom:30px; color:#ccc; border:1px solid #eee; } .eva-testimonials.full_width .testimonial-item{ padding:19px; } .eva-testimonials.columns .testimonial-item{ float:left; width:270px; margin-right:30px; padding:29px 25px 25px; text-align:center; } .testimonial-item:before{ content:''; position:absolute; left:0; right:0; bottom:-15px; height:15px; background-image:url(assets/img/testim-shadow.png); background-repeat:no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; } .testimonials-avatar{ overflow:hidden; display:inline-block; margin:0 auto 23px; border-radius:50%; border:1px solid #ccc; } .eva-testimonials.full_width .testimonials-avatar{ position:absolute; left:19px; top:19px; } .testimonials-avatar img{ border-radius:50%; border:5px solid #fff; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; } .testimonial-item:hover .testimonials-avatar img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); } .eva-testimonials.columns .testimonial-item-content{ padding-bottom:15px; font-weight:400; line-height:23px; font-size:18px; color:#333; } .eva-testimonials.full_width .testimonial-content-wrap{ padding-left:130px; } .eva-testimonials.full_width .testimonial-item-content{ padding-bottom:6px; font-weight:400; line-height:29px; font-size:24px; color:#333; } .testimonials-name{color:#333;} .eva-testimonials.flexslider .testimonial-item{ position:relative; padding:49px 100px 47px 268px; min-height:230px; } .eva-testimonials.flexslider .testimonial-item:after{ content:''; position:absolute; left:-1px; top:-1px; width:30px; height:30px; background-image:url(assets/img/testim_angle.jpg); background-repeat:no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; } .eva-testimonials.flexslider .testimonials-avatar{ overflow:visible; position:absolute; top:49px; left:100px; } .eva-testimonials.flexslider .testimonials-avatar:before{ content:'”'; position:absolute; left:-75px; top:50px; width:30px; height:100px; font-weight:700; line-height:80px; font-size:120px; } .eva-testimonials.flexslider .testimonial-item-content{ padding:8px 0 25px; line-height:34px; font-size:30px; color:#333; } .eva-testimonials.flexslider .time-line{ position:absolute; left:0; right:0; bottom:-1px; height:3px; background-color:#eee; } .eva-testimonials.flexslider .testimonial-item .time-line span{ position:absolute; left:0; top:0; width:0; height:3px; transition: all 0s linear 0s; -webkit-transition: all 0s linear 0s; } .eva-testimonials.flexslider .testimonial-item.flex-active-slide .time-line span{ width: 100%; transition: all 3.5s linear 0.5s; -webkit-transition: all 3.5s linear 0.5s; } /* Element Counter */ .eva-counter-wrap .timer{ text-align:center; } /* style1 */ .eva-counter-wrap.style1 .timer{ padding:21px 50px 23px; border:1px solid #eee; } .eva-counter-wrap.style1 span{ display:block; padding-bottom:4px; font-weight:900; line-height:50px; font-size:50px; } .eva-counter-wrap.style1 p{ margin:0; line-height:20px; font-size:14px; } /* style2 */ .eva-counter-wrap.style2 .eva-counter-icon{ width:60px; height:60px; margin:0 auto 20px; line-height:60px; font-size:50px; } .eva-counter-wrap.style2 h5{ margin-bottom:10px; font-weight:900; line-height:60px; font-size:75px; } .eva-counter-wrap.style2 h4{ margin:0; text-transform:none; font-weight:400; line-height:26px; font-size:24px; } /* style3 */ .eva-counter-wrap.style3 span{ position:relative; display:block; margin-bottom:14px; padding-bottom:13px; font-weight:900; line-height:62px; font-size:70px; } .eva-counter-wrap.style3 span:before{ content:''; position:absolute; left:50%; bottom:0; width:30px; height:2px; margin-left:-15px; } .eva-counter-wrap.style3 h5{ margin:0; text-transform:none; font-weight:700; line-height:26px; font-size:18px; } /* Element Image */ .eva-image-wrap{ text-align:center; } .eva-image-wrap img{ margin-bottom:-20px; } /* Element Team */ .eva-our-team{margin-left:-15px; margin-right:-15px;} .eva-our-team .team-member-wrap{ position:relative; display:inline-block; vertical-align:top; width:33.33%; min-width:400px; padding-left:15px; padding-right:15px; padding-bottom:30px; } .span9 .eva-our-team .team-member-wrap{ min-width:300px; } .eva-our-team .team-member-wrap.with-descr{ width:50%; min-width:600px; } .span9 .eva-our-team .team-member-wrap.with-descr{ min-width:450px; } .team-member-wrap:before, .team-member-wrap:after{ content:''; position:absolute; top:-14px; width:10px; height:20px; background-image:url(assets/img/team-stick.png); background-repeat:no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; } .team-member-wrap:before{left:45px;} .team-member-wrap:after{right:45px;} .team-member{ padding:29px 23px; border:1px solid #eee; } .team-member-img-wrap{ overflow:hidden; float:left; width:47%; border-radius:50%; } .team-member-img-wrap img{ border-radius:50%; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; } .team-member:hover .team-member-img-wrap img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); } .member-description-wrap{ float:right; width:47%; padding-top:6px; } .member-description-wrap h2{ margin-bottom:2px; font-weight:600; line-height:26px; font-size:24px; } .span9 .member-description-wrap h2{ line-height:24px; font-size:20px; } .member-description-wrap p{ position:relative; margin-bottom:12px; padding-bottom:14px; } .member-description-wrap p:before{ content:''; position:absolute; left:0; bottom:0; width:30px; height:2px; } .with-descr .member-social{padding-top:15px;} .member-social{padding-top:0;} .member-social a{ float:left; width:24px; height:24px; margin-right: 15px; text-align:center; line-height:24px; font-size:18px; color:#ccc; } .span9 .member-social a{margin-right:5px;} /* Element Full Width */ .full-width-content.bg-scroll{ background-repeat:no-repeat; background-size:cover; background-position:center center; } .full-width-content.bg-fixed{ background-attachment:fixed; background-repeat:no-repeat; background-size:cover; background-position:center center; } .full-width-content.bg-parallax{ background-repeat:no-repeat; background-size:cover; background-position:center center; } /* Element Gallery */ .gallery-block.flexslider{ overflow:hidden; position:relative; } .gallery-block.flexslider .slides img{ width:100%; } .gallery-block .flex-direction-nav a{ position:absolute; z-index:100; top:50%; margin-top:-25px; display:block; width:40px; height:40px; text-align:center; line-height:40px; font-size:14px; color:#fff; opacity:0; border-radius:5px; background-color:rgba(51,51,51,0.75); } .gallery-block .flex-direction-nav a:hover{ background-color:#333; } .gallery-block .flex-direction-nav a.flex-prev{ left:-10px; } .gallery-block .flex-direction-nav a.flex-next{ right:-10px; } .gallery-block:hover .flex-direction-nav a.flex-prev{ left:20px; opacity:1; } .gallery-block:hover .flex-direction-nav a.flex-next{ right:20px; opacity:1; } .gallery-block .flex-control-nav{ position:absolute; z-index:101; left:0; bottom:-10px; width:100%; list-style:none; margin:0; text-align:center; opacity:0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .gallery-block:hover .flex-control-nav{ bottom:20px; opacity:1; } .gallery-block .flex-control-nav li{ display:inline-block; margin:0 6px 0 7px; cursor:pointer; } .gallery-block .flex-control-nav li a{ overflow:hidden; display:block; width:7px; height:7px; cursor: pointer; text-indent:-999px; border-radius:50%; box-shadow:0 0 0 4px #fff inset; } /* Columns */ .gallery-columns .gallery-item-wrap{ float:left; } .gallery-columns .gallery-item{ overflow:hidden; position:relative; } .gallery-columns .gallery-item a{ position:absolute; z-index:1; top:-67px; right:0; width: 40px; height: 40px; line-height: 40px; font-size: 20px; text-align: center; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .gallery-columns .gallery-item:hover a{ top:0; } .gallery-columns .gallery-item a:before{ content: ""; position: absolute; z-index: -1; right: 0; top: 0; width: 0; height: 0; border-left: 67px solid transparent; border-top: 67px solid #fff; } .gallery-columns .gallery-item img{ width:100%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .gallery-columns .gallery-item:hover img{ opacity:0.2; } .gallery-columns.three_cols .gallery-item-wrap{width:33.3334%;} .gallery-columns.four_cols .gallery-item-wrap{width:24.99%;} .gallery-columns.five_cols .gallery-item-wrap{width:20%;} .gallery-columns.six_cols .gallery-item-wrap{width:16.6667%;} .gallery-columns.seven_cols .gallery-item-wrap{width:14.2857%;} .gallery-columns.eight_cols .gallery-item-wrap{width:12.5%;} /*-----------------------------------------------------------------------------------*/ /* Portfolio /*-----------------------------------------------------------------------------------*/ /* Featured Works */ .portfolio-img-wrap{ overflow:hidden; position:relative; } .portfolio-img-wrap img{ transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .type-portfolio .loop-image:hover .portfolio-img-wrap img{ opacity:0.2; } .portfolio-zoom{ position:absolute; z-index:2; top:-67px; right:0; width:40px; height:40px; line-height:40px; text-align:center; font-size:20px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .type-portfolio .loop-image:hover .portfolio-zoom{ top:0; } .portfolio-zoom:before{ content:''; position:absolute; z-index:-1; top:0; right:0; width: 0; height: 0; border-top: 67px solid #fff; border-left: 67px solid transparent; } .portfolio-descr{ position:relative; padding-top:17px; } .portfolio-descr h2{ margin-bottom:0; text-transform:none; font-weight:400; line-height:24px; font-size:24px; } .eva-portfolio.deafult .portfolio-descr h2{ padding-right:30px; } .portfolio-date{ display:block; text-transform:uppercase; line-height:20px; font-size:11px; color:#999; } .eva-portfolio.deafult .portfolio-date{ padding-right:30px; } .eva-portfolio.with_spaces .likeit, .eva-portfolio.without_spaces .likeit{ display:none; } .likeit{ position:absolute; top:20px; right:0; display:block; width:20px; text-align:center; cursor:pointer; } .likeit i{ display:block; line-height:20px; font-size:18px; color:#e8e8e8; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .likeit.liked i:before{ content: "\f004"; } .likeit span{ display:block; line-height:24px; font-size:11px; color:#999; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } /* Portfolio Filter */ .eva-filter ul li{ display:inline-block; padding-left: 0; padding-right: 0; padding-bottom:10px; } .eva-filter ul li a{ display:block; padding:7px 13px; font-weight:600; line-height:20px; font-size:18px; color: #333; border-radius:5px; } .eva-filter ul li a:hover{ color:#f07241; } .eva-filter ul li a.selected{ color: #fff; background-color:#f07241; } /* Portfolio Style */ .span12 .eva-portfolio .row{ margin-left:-15px; margin-right:-15px; } .span12 .eva-portfolio.full_width .row{ margin:0; } .span12 .eva-portfolio .portfolio.span6, .span12 .eva-portfolio .portfolio.span4, .span12 .eva-portfolio .portfolio.span3, .span12 .eva-portfolio .portfolio.span2{ margin-left:0; padding-left:15px; padding-right:15px; } .span12 .eva-portfolio .portfolio.span6{ width:49.9%; } .span12 .eva-portfolio .portfolio.span5{ width:33.33%; } .span12 .eva-portfolio .portfolio.span4{ width:33.33%; } .span12 .eva-portfolio .portfolio.span3{ width:24.99%; } .span12 .eva-portfolio .portfolio.span2{ width:19.99%; } .span9 .eva-portfolio.without_spaces .portfolio{ width:33.33%; } /* Portfolio Style with Spaces */ .eva-portfolio.with_spaces .loop-image{ position:relative; } .eva-portfolio.with_spaces .portfolio-img-wrap{ margin-bottom:0; } .eva-portfolio.with_spaces .portfolio-descr{ position:absolute; left:10px; right:10px; top:70%; text-align:center; opacity:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .eva-portfolio.with_spaces .loop-image:hover .portfolio-descr{ opacity:1; top:50%; } .eva-portfolio.with_spaces .portfolio-descr h2 a{color:#fff;} .eva-portfolio.with_spaces .portfolio-date{color:#fff;} /* Portfolio Style without Spaces */ .eva-portfolio.without_spaces .row{ margin-left:0; margin-right:0; } .eva-portfolio.without_spaces .portfolio.span6, .eva-portfolio.without_spaces .portfolio.span4, .eva-portfolio.without_spaces .portfolio.span3, .eva-portfolio.without_spaces .portfolio.span2{ margin-left:0; margin-bottom:0; padding-left:0; padding-right:0; } .eva-portfolio.without_spaces .loop-image{ position:relative; } .eva-portfolio.without_spaces .portfolio-img-wrap{ margin-bottom:0; } .eva-portfolio.without_spaces .portfolio-descr{ position:absolute; left:10px; right:10px; top:50%; text-align:center; opacity:0; transform:translateY(-50%) scale(2); -webkit-transform:translateY(-50%) scale(2); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .eva-portfolio.without_spaces .loop-image:hover .portfolio-descr{ opacity:1; transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1); } .eva-portfolio.without_spaces .portfolio-descr h2 a{color:#fff;} .eva-portfolio.without_spaces .portfolio-date{color:#fff;} /* Portfolio Styling */ .eva-portfolio .eva-filter.left, .eva-portfolio .eva-filter.right{ margin-top:-75px; } .eva-portfolio .eva-filter ul{ list-style: none; margin:0 0 30px; } .eva-portfolio.carousel .eva-filter{ display:none !Important; } .eva-portfolio article.portfolio{ margin-bottom: 30px; overflow: hidden; } .related_portfolios{ margin-bottom:50px; } .related_portfolios .eva-portfolio article.portfolio{ margin-bottom: 30px; } .eva-portfolio article.portfolio p, .eva-portfolio article.portfolio div.jp-audio, .eva-portfolio article.portfolio div.jp-video{ margin-bottom: 0; } .eva-portfolio article.portfolio iframe{ height: auto; } .eva-portfolio article.portfolio .video-height iframe{ height: 100%; } .eva-portfolio article.portfolio p iframe{ margin-bottom: -5px; } /* Portfolio Carousel */ .eva-portfolio.without_spaces.carousel .portfolio{ width:100%; } .span12 .eva-portfolio.carousel .portfolio.span4{ width:100%; } /* Portfolio Single */ article.single-portfolio{ margin-bottom: 60px; } .loop-image img, .gallery-slide img{ width:100%; } .single-portfolio .single-portfolio ul{ margin-top:-15px; margin-left:13px; list-style:disc; } .single-portfolio .project_info ul{ list-style:none; margin:0; } .single-portfolio .project_info li{ position:relative; padding:0 0 6px 13px; line-height:24px; font-size:15px; } .single-portfolio .project_info li:before{ content: "\f054"; position:absolute; left:0; top:3px; font-family: 'FontAwesome'; font-weight:700; line-height:20px; font-size:7px; } .single-portfolio .project_info li b{ font-weight:900; color:#333; } /* video format */ .video-height{ background: #ddd; overflow: hidden; position: relative; } .video-height img{ height: 100%; max-width: none; } .eva-pagination.pagination ul>li>a.selected{ background: #4da4f3; color: #fff; } /* Isotope CSS3 transitions */ .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; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition{ -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .hidden{ display: none; } /* List */ ul.eva-list{ list-style: none; } ul.eva-list>li>i{ margin-left: -15px; margin-right: 5px; } /*-----------------------------------------------------------------------------------*/ /* Page 404 /*-----------------------------------------------------------------------------------*/ body.error404 #page-title{display:none;} body.error404 #main{ background-repeat:no-repeat; background-size:cover; background-position:center center; } body.error404 #error404-container{ width:80%; margin:0 auto; padding-top:184px; padding-bottom:50px; text-align:center; } #error404-container h2{ margin-bottom:16px; text-transform:uppercase; font-weight:700; line-height:94px; font-size:120px; color:#fff; } .eva-404-error{ padding-bottom:26px; line-height:32px; font-size:30px; color:#fff; } #error404-container form.search_form{ position:relative; width:430px; height:40px; margin:0 auto 86px; } #error404-container input[type="text"]{ height:40px; width:100%; padding-left:10px; padding-right:50px; line-height:40px; font-size:16px; color:#999; background-color:#fff; } #error404-container input[type="submit"]{ overflow:hidden; position:absolute; z-index:3; top:0; right:0; width:40px; height:40px; padding:0; margin:0; text-indent:-999px; background:none; } #error404-container form i{ position:absolute; z-index:2; top:0; right:0; width:40px; height:40px; line-height:40px; font-size:16px; text-align:center; } #error404-container .btn{ border:2px solid #fff; background:none; } #error404-container .btn:hover{ color:#272727 !important; background:#fff !Important; } /*-----------------------------------------------------------------------------------*/ /* Search Results /*-----------------------------------------------------------------------------------*/ .search-results #main article{ padding-bottom:50px; } /** * Theme check. */ .sticky{} .gallery-caption{} .bypostauthor{}