/* Theme Name: Business Elite Theme URI: https://web-dorado.com/wordpress-themes/business-elite.html Author: web-dorado.com Author URI: https://web-dorado.com/ Text Domain: business-elite Description: Business Elite a responsive multipurpose theme.The simple and SEO-friendly theme powered by web-dorado framework is very easy to use. It has a wide list of customizable features allowing you to make different kind of changes in layout, style, colors and fonts with minimum coding knowledge. Business Elite has a large elegant slider, a lightbox with fill-screen image slideshow. Among theme features are sticky menu, scrolling effects and widgets with social links and statistical data. Demo URL: https://themedemo.web-dorado.com. Business Elite Theme, Copyright 2015 web-dorado.com Business Elite is distributed under the terms of the GNU GPL Version: 1.1.0 Tags: black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, white, yellow, dark, light, custom-menu, custom-header, custom-background, featured-images, custom-colors, flexible-header, full-width-template, one-column, two-columns, three-columns, right-sidebar, theme-options, threaded-comments, fluid-layout, responsive-layout License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.en.html */ /*Wordpress standard*/ html, body {width:100%;} body { margin:0px; padding:0px; text-align:left; font-size:15px; overflow-x:hidden; } body.custom-background { background-size:100% 100% !important; } header{ width:100% !important;} .aligncenter, div.aligncenter { display: block; margin: 20px auto 15px 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; } .wp-caption { background-color: #f3f3f3; border: 1px solid #ddd; border-radius: 3px; text-align: center; padding: 10px 5px; max-width: 96%; clear:both; } .wp-caption p.wp-caption-text { padding: 0 4px 5px; line-height: 17px; font-size: 11px; margin: 0; } mark, ins{ background: #fff9c0; text-decoration: none;} abbr[title]{border-bottom: 1px dotted #2b2b2b; cursor: help;} pre{ border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } blockquote{ color: #767676; font-size: 19px; font-style: italic; font-weight: 300; line-height: 1.2631578947; margin-bottom: 24px; } dt {font-weight: bold;} dd {margin-bottom: 20px;} a { text-decoration:none; outline:none;} a:link, a:visited {text-decoration:none;} a:hover, a:focus, a:active {text-decoration:none;} 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 } .custom-header-a img {width:100% !important;} .sticky{display:none;} :-webkit-input-placeholder { color: #373636; font-weight: normal; } :-moz-placeholder { color: #373636; font-weight: normal; } .archive-page{margin:0 0 5%;} .archive-header{ font-size: 24px; margin: 15px 0 0; } h1{font-size:40px !important;} h2{font-size: 32px !important;} h3{font-size: 28px !important;} h4{font-size: 24px !important;} h5{font-size: 20px !important;} h6{font-size: 16px !important;} h1, h2, h3, h4, h5, h6, form, p, ul, ol, dl {margin:0px; padding:0px;} aside h3 { font-size:22px !important; font-weight:normal; position:relative; margin:0px; } h1, h2, h3, h4, h5, h6,pre, a, p{ word-wrap: break-word; word-break: break-word; } #sidebar1, #sidebar2{ margin:1.5% 0 1% !important;} .styledHeading{ line-height: 34px; margin-top: 1px; min-height: 40px; } .phone .styledHeading {text-align:center;} #blog table, #blog_home table { border-collapse: collapse; width:100%;} #blog td, #blog th, #blog_home td, #blog_home th{ border: 1px solid #B6B6B6; padding: 7px; } #blog ol, #blog ul{ padding-left:20px; } #blog ol.da-thumbs ,#blog ul.da-thumbs { padding-left:0; } .hide {display:none; /*visibility:hidden;*/} .show {display:block; /*visibility:visible;*/} .clear {clear:both;} .home-post-date{margin-bottom:10px;} a img {border:none;} address {font-style:normal;} object {outline:none;} .post_image { overflow:hidden;} /* ------BLUE IMAGE--------*/ .before_blog{ -webkit-transform: skew(50deg); -moz-transform: skew(50deg); -o-transform: skew(50deg); -ms-transform:skew(50deg); transform:skew(50deg); background-color:#ffffff; position: relative; width: 90% !important; height:25px; top:-23px; z-index:2; right: 30%; content: ""; } .before_blog_2{ background:url(images/page_top_pic_2.png) no-repeat; background-size:cover; text-align:center; width:100% !important; height:215px !important; } .before_blog_2 h2{ font-size: 60px !important; color: #ffffff !important; margin: 0 auto; padding: 4%; width: 90%; } .container { position:relative; margin:0px auto; clear:both; } .top_post_title,.mp_posts>li>a,.mp_posts>li>a>h3, .mpopular-post-p h3, .blog-post h3, #blog .content-posts .content-post h3, #blog_home .content-posts .content-post h3, .GalleryPost h4,.before_blog_2 h2, #wd-categories-tabs ul.content > li ul li .text h3{ overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; } /*--------------------------HOME------------------------------*/ #main { position:relative; width:100%; clear:both; } #content { position:relative; text-align:left; } header, #header { position:relative; width:100%; } #header-top { border-bottom:1px solid rgba(230,230,230,0.6); padding-top:12px; width:100%; } #header-top .container {height:60px;} /*----- SOCIAL ICONS -----*/ /* #social{ position:absolute; list-style:none; height:37px; left:50%; top:75%; } #social li { float:left; margin:0px 5px 0px 0px; } #social li a { width:37px; height:37px; display:block; text-indent:-9999px; background:url(images/social.jpg) left top no-repeat; } #social li.twitter a{background:url(images/social.jpg) left -37px no-repeat;} #social li.gplus a{background:url(images/social.jpg) left -74px no-repeat;} #social li.rss a{background:url(images/social.jpg) left -111px no-repeat;} */ /*----- SEARCH -----*/ #search-block { float:right; margin-top:35px; padding-right:5px; } #search-block .ast-search { max-width: 950px; margin: auto; padding-right: 10px; position:relative; } #search-block .ast-search #search-input{ background:url(images/search.png) no-repeat 97% 7px; border:1px solid #EAEAEA; background-size:22px; padding-left:3px; height:33px; width:220px; float:right; margin:0; } #search-block .ast-search #search-input:focus { background-image:none; width:220px; } #search-block-category{ clear:both; width:190px; margin-top:30px; position: absolute; } #search-input { background:url(images/search.png) no-repeat 97% 3px; border:1px solid #ddd !important; height: 30px; width:98%; outline:none; z-index:1; } #search-block .ast-search #search-submit { position:absolute; top:1px; right:13px; width:30px; height:31px; z-index:-1; border:0px; } #search-submit { background:url(images/search.png) right top no-repeat; text-indent:-9999px; position:absolute; cursor:pointer; height:31px; width:30px; border:0px; right:13px; top:1px; } /*----- LOGO -----*/ #header-middle { position:relative; padding:22px 0; height:70px; float:left; width:45%; } #logo { position:relative; max-width:445px; float:left; } #logo h1 { font-weight:600; line-height:36px; } #header-middle #logo {height:85px;} #logo img { display:table; max-width:100%; height:80%; } #description{ position: relative; float: right; right: 20px; top: 45px; } /*--- INTEGRATION ---*/ /*-Advertisement-*/ .advertismnet { vertical-align:middle; background:#fafafa; display:table-cell; text-align:center; font-size:25px; color:#cdcbcb; } #bottom-advertismnet { border: 1px solid #F5F2F2; line-height:40px; margin: 3% auto 0; padding:2%; width:auto !important; min-width: 300px; display: table; } /*----- NAVIGATION MENU -----*/ .sticky_menu{ -webkit-transition-property: height; transition-property: height; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; z-index: 13 !important; position: relative; } #trigram-for-heaven { content: ""; position: absolute; right: 14px; display: block; width: 16px; top: 6px; height: 0; -webkit-box-shadow: 1px 10px 1px 1px, 1px 16px 1px 1px, 1px 22px 1px 1px ; box-shadow: 0 10px 0 1px, 0 16px 0 1px, 0 22px 0 1px ; } #top-nav { box-sizing:border-box; position:relative; z-index:15; } #header.sticky_menu .container{ font-family: Open Sans !important; font-style: italic; margin:0 auto; } #header.sticky_menu .clear { display:none !important;} .phone #header{ position: relative !important; } #header.sticky_menu { border-bottom:2px solid #dddddd; position:fixed !important; clear:none !important; } #header.phone.stycky_menu{position:fixed !important;} .sticky_menu #top-nav { border:none;} .sticky_menu #header-middle{ padding:0px; height:0px !important; width:20%; } .sticky_menu #header-middle #logo {display:none;} .sticky_menu #logo { padding:0 !important;} .sticky_menu #logo img { width: 95%; max-height: 43px; display:none;} .sticky_menu #logo h1 { font-size:28px !important;} .sticky_menu #search-block,.sticky_menu #description { display:none;} .sticky_menu a{ padding: 5px 0px !important; font-size: 15px !important; } .phone .sticky_menu a {font-size: 20px !important; } /*.top-nav-list *,*/ .read_more{ transition-property:background-color,color; transition-duration:1.5s; } /*.top-nav-list >li >ul a:hover { font-weight:600;}*/ .web .top-nav-list >li>ul li:hover >ul, .web .top-nav-list>ul >li>ul li:hover >ul { display:block !important; } .top-nav-list > li ul{border-top:none;} #top-nav > div > ul, #top-nav > div > div > ul { display:table; list-style:none; text-align:left; font-style:italic; } #top-nav > div > ul > li, #top-nav > div > div > ul > li { margin:0px 1px 0px 0px; display: inline-block; text-align: center; position:relative; padding: 0 20px; } .sticky_menu #top-nav > div > ul > li, .sticky_menu #top-nav > div > div > ul > li {padding: 9px 27px;} #top-nav > div > ul > li:last-child, #top-nav > div > div > ul > li:last-child { border:0px;} #top-nav > div > ul > li > a, #top-nav > div > ul > li > a:link, #top-nav > div > ul > li > a:visited, #top-nav > div > div > ul > li > a, #top-nav > div > div > ul > li > a:link, #top-nav > div > div > ul > li > a:visited { font-family:Open Sans !important; margin:0px 0px 0px 0px; padding:10px 2px; font-size:18px; display:block; } .tablet #top-nav > div > ul > li > a, .tablet #top-nav > div > ul > li > a:link, .tablet #top-nav > div > ul > li > a:visited, .tablet #top-nav > div > div > ul > li > a, .tablet #top-nav > div > div > ul > li > a:link, .tablet #top-nav > div > div > ul > li > a:visited { font-size:16px; } .active_menu{ font-weight:600 !important;} #top-nav > div > ul > li ul, #top-nav > div > div > ul > li ul { position: absolute; text-align:left; min-width:100%; display: none; z-index: 11; top: 100%; left: 0; } #top-nav > div > ul > li ul li, #top-nav > div > div > ul > li ul li { position:relative; text-indent:0.3em; font-size:20px; display:block; margin:0px; } .top-nav-list li.haschild > a:after,.top-nav-list li ul li.haschild > a:after{ top:75%; left: 45%; content: '►'; font-size: 9px; position: absolute; font-family: sans-serif; } .top-nav-list li.haschild > a:after{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); } .top-nav-list li ul li.haschild > a:after{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); } #top-nav > div > ul > li ul li.haschild > a:after, #top-nav > div > div > ul > li ul li.haschild > a:after{ top:15px; left:0%; content: '►'; font-size: 10px; position: absolute; font-family: sans-serif; } #top-nav > div > ul > li ul li a, #top-nav > div > ul > li ul li a:link, #top-nav > div > ul > li ul li a:visited, #top-nav > div > div > ul > li ul li a, #top-nav > div > div > ul > li ul li a:link, #top-nav > div > div > ul > li ul li a:visited { border-top:1px solid #c5c5c5 !important; padding:9px 12px !important; white-space:nowrap; font-size:16px; display:block; } #top-nav > div > ul > li ul li:first-child > a, #top-nav > div > div > ul > li ul li:first-child > a { border-top:0px !important;} #top-nav > div > ul > li ul ul, #top-nav > div > div > ul > li ul ul { top: 0px; left:100%; } .top-nav-list >ul > li:before, #top-nav > div > ul > li:before, #top-nav > div > div > ul > li:before{ top: 0; left: 0; width:100%; height:1px; opacity: 0; content: ""; position: absolute; -webkit-transition: height 0.5s, opacity 0.5s, -webkit-transform 0.5s; -moz-transition: height 0.5s, opacity 0.5s, -moz-transform 0.5s; transition: height 0.5s, opacity 0.5s, transform 0.5s; } .top-nav-list >ul > li:hover:before, #top-nav > div > ul > li:hover:before, #top-nav > div > div > ul > li:hover:before{ height: 8px; opacity: 1;} #top-nav > div > div > ul li.active> .children, .top-nav-list >ul li.active > .children, #top-nav > div > ul li.active > .sub-menu, #top-nav > div > div > ul li.active > .sub-menu{ display: block; -webkit-animation: wd-fade 0.2s ease-in-out; animation: wd-fade 0.2s ease-in-out; -webkit-transform-origin: 0 0; transform-origin: 0 0; } #top-nav > div > div > ul > li.active> .children, .top-nav-list >ul > li.active > .sub-menu, #top-nav > div > ul > li.active > .sub-menu, #top-nav > div > div > ul > li.active > .sub-menu{ -webkit-animation: wd-scale-up 0.2s ease-in-out; animation: wd-scale-up 0.2s ease-in-out; } /*///////////*/ .wd-animation-fade { -webkit-animation-name: wd-fade; animation-name: wd-fade; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .wd-animation-scale-up { -webkit-animation-name: wd-scale-up; animation-name: wd-scale-up; } .wd-animation-scale-down { -webkit-animation-name: wd-scale-down; animation-name: wd-scale-down; } .wd-animation-slide-top { -webkit-animation-name: wd-slide-top; animation-name: wd-slide-top; } .wd-animation-slide-bottom { -webkit-animation-name: wd-slide-bottom; animation-name: wd-slide-bottom; } .wd-animation-slide-left { -webkit-animation-name: wd-slide-left; animation-name: wd-slide-left; } .wd-animation-slide-right { -webkit-animation-name: wd-slide-right; animation-name: wd-slide-right; } .wd-animation-reverse { -webkit-animation-direction: reverse; animation-direction: reverse; } @-webkit-keyframes wd-fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes wd-fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes wd-scale-up { 0% { opacity: 0; -webkit-transform: scale(0.2); } 100% { opacity: 1; -webkit-transform: scale(1); } } @keyframes wd-scale-up { 0% { opacity: 0; transform: scale(0.2); } 100% { opacity: 1; transform: scale(1); } } @-webkit-keyframes wd-scale-down { 0% { opacity: 0; -webkit-transform: scale(1.8); } 100% { opacity: 1; -webkit-transform: scale(1); } } @keyframes wd-scale-down { 0% { opacity: 0; transform: scale(1.8); } 100% { opacity: 1; transform: scale(1); } } @-webkit-keyframes wd-slide-top { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes wd-slide-top { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes wd-slide-bottom { 0% { opacity: 0; -webkit-transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes wd-slide-bottom { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes wd-slide-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes wd-slide-left { 0% { opacity: 0; transform: translateX(-100%); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes wd-slide-right { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes wd-slide-right { 0% { opacity: 0; transform: translateX(100%); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes wd-slide-top-fixed { 0% { opacity: 0; -webkit-transform: translateY(-10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes wd-slide-top-fixed { 0% { opacity: 0; transform: translateY(-10px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes wd-slide-bottom-fixed { 0% { opacity: 0; -webkit-transform: translateY(10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes wd-slide-bottom-fixed { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes wd-spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @keyframes wd-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } /*----- HOME FEATURED POST -----*/ #top-page .featured-content img{ width: 300px; height: 250px; float: left; margin-right: 35px; } #top-page .container{padding: 45px 0;} /*----- SLIDESHOW -----*/ #slideshow {position:relative; z-index:2;} #slides-list {height:100%;} #slideshow .nivo-caption { position:absolute; width: 20%; bottom:10%; left:10%; } #slideshow .nivo-prevNav, #slideshow .nivo-nextNav { display:block; width:10px; height:20px; text-indent:-9999px; } #slideshow .nivo-prevNav { padding:0px 0px 0px 5%; background:url(images/arrow-left-right-black.png) right bottom no-repeat; } #slideshow .nivo-nextNav { padding:0px 5% 0px 0px; background:url(images/arrow-left-right-black.png) left top no-repeat; } /*----- TOP POSTS -----*/ #top_posts_out{ position: relative; } /*.web */#top_posts_out{display:inline-block;} #top-posts { float:left; width:100%; text-align:center; /*position:relative;*/ } .wd_cat_tabs.pagination_button{ border-radius: 16px; position: absolute; /* padding-top: 10px; */ display:inline-block; width: 36px; height: 36px; top: 82px; background: rgba(255, 255, 255, 0.4); text-align: center; } .wd_cat_tabs.pagination_button .fa{ display:inline-block; margin-top: 6px; position: relative; font-size: 24px; font-weight: bold; color:red; opacity: 1; } #wd_cat_tabs_right{ right: 20px; } #wd_cat_tabs_left{ left: 20px; } #wd_cat_tabs_right .fa{ left: 2px; } #wd_cat_tabs_left .fa{ right: 2px; } .top_posts.pagination_button{ cursor: pointer; position:absolute; top:50%; width:30px; height:30px; border-radius: 15px; display:table; text-align: center; } .top_posts.pagination_button .fa{ font-size: 18px; display: table-cell; vertical-align: middle; } #top_posts_left{ left:20px; } #top_posts_right{ right:20px; } #top_posts_list { padding-bottom:4%; position:relative; list-style:none; display:block; margin:0 auto; } #top_posts_list li{ border-top-left-radius: 15px; border-top-right-radius: 15px; height:400px; width:300px; display:inline-block; text-align:center; margin-right:4%; overflow:hidden; /*float:left;*/ } .web #top_posts_list li:last-child{margin-right: 0% !important;} #top_posts_list li div.image-block{ display: inline-block; overflow: hidden; height: 175px; width:300px; } #top_posts_list li .image-block div{ max-width:100%; height:175px; } #top_posts_list li .top_content{ border: 1px solid #EAEAEA; margin-top:-5px;} .top_post_title { text-transform: uppercase; font-size: 17px !important; color: #000000 !important; width: 92% !important; padding-top: 13px; font-weight: 600; margin: 0 auto; min-height:23px; } #top_posts_list li div.text-block { width: 95%; z-index: 10; overflow:hidden; margin: 0px auto; line-height:23px; max-height: 115px; height:40% !important; text-overflow:ellipsis; } .text {font-size:14px;} .more_info_tpost{ text-align: center; font-weight:bold; font-size: 14px; height:30px; } .more_info_tpost .tab-more:after { border-top: solid transparent; border-bottom: solid transparent; border-width: 5px; font-style: normal; position: relative; font-size: 14px; content: "\2799"; width: 0; height: 0; top: 1px; } .heading:last-child{color: #6D6D6D;} .heading{ text-transform:uppercase; padding-top:7% !important; font-weight:600; font-size:17px; } .blog_heading{ top: -13px; position: relative; text-transform: uppercase; } /*----- CATEGORIES TABS -----*/ .wd_tabs_dynamic{width:74.5%; text-align: center;} .wd_tabs_dynamic .blog{ display:inline-block; float:none; } #wd-categories-tabs { position:relative; margin-top: 2%; width:98%; } #wd-categories-tabs ul.tabs li { width:100%; height:55px; display:none; } #wd-categories-tabs ul.tabs li.active, #wd-categories-tabs ul.tabs li.active:link{ width:100%; display:block; } .tabs-block .categories-tabs-leftt, .tabs-block .categories-tabs-rightt { position:absolute; cursor: pointer; height:31px; z-index:10; width: 5%; top:13px; } .tabs-block .categories-tabs-leftt {left:0px;} .tabs-block .categories-tabs-rightt {right:0px;} .tabs-block .categories-tabs-rightt {background: url(images/left-right.png) center bottom no-repeat;} .tabs-block .categories-tabs-leftt {background: url(images/left-right.png) center top no-repeat;} #wd-categories-tabs ul.tabs li a, #wd-categories-tabs ul.tabs li a:link, #wd-categories-tabs ul.tabs li a:visited { display: block; font-size: 1.5em; text-align: center; padding-top: 10px !important; color:#fff !important; } #wd-categories-tabs .cont_vat_tab{ border: 1px solid #EAEAEA; margin-bottom:4%; overflow:hidden; } #wd-categories-tabs ul.content { width:100%; overflow:hidden; list-style:none; clear:both; } #wd-categories-tabs ul.content > li { display: none; height: 510px !important; width: 100%; } .cont_vat_tab .content li.active { display: block !important; } #wd-categories-tabs ul.content > li.active li:first-child .text { display: block;} #wd-categories-tabs ul.content > li/*:first-child*/ { display:block; position: relative; overflow: hidden; } #wd-categories-tabs ul.content > li .text { display: none;} #wd-categories-tabs ul.content > li.active .text.active { display: block !important;} #wd-categories-tabs ul.content > li ul li{ border: 1px solid rgb(224, 221, 221); margin: 1% 0px 3% 1%; list-style: none; float: left; width:31.8%; } #wd-categories-tabs ul.content > li ul li .thumbnail-block{ position:relative; overflow:hidden; height:179px; width:100%; } /*--- Title ---*/ #wd-categories-tabs ul.content > li ul li .thumbnail-block .hide_title{ top: auto; bottom: 0; padding: 7px 10px; background: #fff; opacity: 0.8; width:100%; position:absolute; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } #wd-categories-tabs ul.content > li ul li .thumbnail-block .hide_title h3{font-size:20px !important;} #wd-categories-tabs ul.content > li ul li .thumbnail-block:hover .hide_title, #wd-categories-tabs ul.content > li ul li .thumbnail-block:hover h3{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*--- Content ---*/ #wd-categories-tabs ul.content > li ul li .text{ position:absolute; text-align:center; overflow:hidden; padding:0; z-index:1; width:85%; left:7%; } #wd-categories-tabs ul.content > li ul li .text h3{ font-weight: 600; padding:4% 0; width:100%; } #wd-categories-tabs ul.content > li ul li .text p { font-style: italic; line-height: 21px; font-size: 16px; } /*--- Date ---*/ #wd-categories-tabs ul.content > li ul li .text .div_date{margin:20px auto 0%;} /*--- Read more ---*/ #wd-categories-tabs ul.content > li ul li .text .slaq{ text-align: center; margin:3% auto 0; width:30%; } .phone #wd-categories-tabs ul.content > li ul li .text .slaq{ margin:10px auto 0; } #wd-categories-tabs ul.content > li ul li .text .slaq a, #wd-categories-tabs ul.content > li ul li .text .slaq a:hover{ display:block; padding:9% 0%; border:1px solid #dadada; } /*------ SIDEBAR ------*/ .widget-sidebar{ margin-top:10%; clear:both; } .widget-sidebar:first-child{margin-top:0%;} aside { width:25%; float:left; text-align:left; } aside .sidebar-container {padding:14px 10px;} aside .sidebar-container .widget-area { position:relative; margin-bottom:3%; } aside .sidebar-container .widget-area.widget_search{ height: 40px; padding-top: 10px; } aside .sidebar-container .widget-area .aside-advertismnet { display:block; width:223px; height:145px; font-size:28px; } aside .sidebar-container .widget-area .aside-adsence { display:block; width:200px; height:200px; font-size:28px; margin:0px auto; } aside .sidebar-container ul, #first-sidebar-footer .widget-container ul, #second-sidebar-footer .widget-container ul { padding:0px 0px 0px 0px; margin:0px 0px 0px 20px; } #second-sidebar-footer .widget-container:last-child {position:relative; left:0;} .entry img{ max-width: 100%; height:auto; } .entry { margin: 10px 0;} .phone .entry{padding:0 5%;} aside .sidebar-container .widget-area ul li {margin-bottom:5px;} aside .widget-area> h3{ margin-bottom:5px; word-wrap: break-word; line-height: 43px; font-size:31px; } aside .widget-area> h2 { margin-bottom:5px; word-wrap: break-word; line-height:28px; } aside .sidebar-container .widget-area .testimonials > div { padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #c8c8c8; } aside .sidebar-container div.widget-area:nth-last-of-type(2) {border-bottom:0 !important;} aside .sidebar-container .widget-area .testimonials > div:last-child { border-bottom:0px;} aside .sidebar-container .widget-area .testimonials > div p {text-align:justify;} .events-widg{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #B9B8B8; } .textwidget span.phone { font-size: 20px;} .textwidget span.phone.second { margin-left:36px;} .footer-sidbar .widget-container{ margin: 20px 40px; float: left; } .percent_text_title{ text-align:center; font-weight:bold; font-size:19px; margin-top:5%; color:#000000 !important; } .footer_logo{ margin:15px 0px 0px; text-align:center; line-height:22px; font-size:15px; color:#656868; } .footer_logo img{width:90px;} /*---- VIDEO BLOCK -----*/ #videos-block { background-attachment: fixed !important; background-repeat:no-repeat !important; background-size: cover !important; padding:145px 0px 0; clear:both; } #videos-block h2 { position:relative; text-align: center; line-height: 50px; margin-left: 8px; font-size:40px; display:block; } #videos-block .date { margin:0px 0px -5px 10px; position:relative; line-height: 15px; text-align:left; font-size:14px; color:#8b8b8b; display:block; } #videos-block .full-width { width: 75%; clear: both; margin: 0 auto; text-align: center; } #videos-block .full-width li{list-style:none;} #videos-block .full-width img{ float:left; margin: 0 25px 10px 0; } #videos-block .full-width h3{ margin: 3px 0 10px; font-size: 24px; } #videos-block .half-block { padding:1% 0% 1% 2%; position:relative; width:48%; float:left; } #videos-block .half-block h3 { font-size:22px; font-weight:normal; margin:0px 0px 10px 0px; } #videos-block .half-block .video-block { position:relative; height:244px; max-width:335px; background:url(images/video.1.jpg) left top no-repeat; } #videos-block .full-width #p1{ font-size:45px; font-weight:600; margin-bottom:3%; font-family:Open-Sans; text-transform:uppercase; } /*----- BLOG -----*/ #blog,#blog_home{ position:relative; margin:0px; margin-bottom:2%; } #blog h2, #blog_home h2{ z-index: 11; width: 100%; top: 0px; } #blog_home.content-inner-block{overflow:hidden;} #blog .content-posts .content-post, #blog_home .content-posts .content-post{ border: 1px solid #ddd; position:relative; height:500px; float:left; } #blog .single-post{ margin-left:7px; margin-right:7px; } #blog .content-posts .content-post:nth-child(2n+1), #blog_home .content-posts .content-post:nth-child(2n+1){width:24.8%;} #blog .content-posts .content-post:nth-child(2n), #blog_home .content-posts .content-post:nth-child(2n){width:24.73%;} #blog .content-posts .content-post:nth-child(2n) .div_image, #blog_home .content-posts .content-post:nth-child(2n) .div_image { position:absolute !important; bottom:0;} #blog .content-posts .content-post .div_image,#blog_home .content-posts .content-post .div_image{ width: 100%; height:50.1%;} #blog .content-posts .content-post .div_image img, #blog_home .content-posts .content-post .div_image img{ width: 100%; height:100%;} .home_blog_post{ height:50.5% !important; position:relative; margin-top:-3px; } #blog .content-posts .content-post h3, #blog_home .content-posts .content-post h3{ border: none; font-weight:bold; margin-bottom:10px; padding:15px 20px 3px; text-transform:uppercase; font-size:18px !important; } #blog .content-posts .single-post-text, #blog_home .content-posts .single-post-text{ font-style: italic; font-size: 14px; margin:10px 0; } #blog .content-posts .content-post p, #blog_home .content-posts .content-post p{ padding: 0px 20px 0px; font-size:15px; text-align:left; font-style:italic; font-family:Open Sans; } .content-post .home_blog_post .more_info{ height:49px !important; background-color:#fafafa; border:1px solid #dadada; border-top:none; width:100.2%; bottom:-5px; left:-1px; } .content-post:nth-child(2n) .home_blog_post .more_info{ border-bottom:1px solid #dadada; background-color:#fafafa; height:45px !important; bottom:0px; } h2.page-header > a{ z-index: 1; position: relative; color:#0D82DB !important; } #blog .content-posts .tab-more, #blog_home .content-posts .tab-more{ font-size:17px; padding-top:13px; padding-left:6%; float:left; } #blog .date_b, .home_content .date_b { background-color:#D8D8D8; padding:0px 6px; } #blog .content-posts .date, #blog_home .content-posts .date { padding:0px 4px 10px 8px; width:45px !important; text-align:center; height:36px; margin:0px; top:0px; right:0; } #blog_date_number { font-size:18px !important; font-weight:600; } #blog_date_month {font-size:14px !important;} /*----- PORTFOLIO (home) -----*/ #portfolio_home_out{ display:block; position: relative; width:100%; } .portfolio_home{ padding:0 0 5%; margin:2% auto 0; } .portfolio_home_pagination{ cursor: pointer; margin: 10px 20px; font-weight: normal !important; font-size: 16px !important; text-transform: uppercase; text-decoration: none; display: block; padding:4px; } .portfolio_home_pagination .fa{ padding-left: 4px; padding-right: 4px; } #portfolio_home_left{ float: left; } #portfolio_home_right{ float: right; } .port_list li{ position:relative; list-style:none; height:330px; width:33.33%; float:left; } .port_list li img { width:100%; height:100%; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; } .port_list li:hover img{ filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; } .overlay_port { width:100%; height:100%; position:absolute; background-color:#000; opacity:0.3; display:none; } .port_list li:hover .overlay_port {display:block; z-index: 1;} /*---- CONTACT US (home) -----*/ .overlay_contact { background-color:#000; position:absolute; opacity:0.5; height:100%; width:100%; } .cont_us_top{ position: relative; padding:4% 0% 0%; margin:0 auto; z-index: 1; width:74%; text-align: center; } .cont_us_top li{ text-align:center; list-style:none; margin:0 8%; float:none; display: inline-block; } /*.cont_us_top li:last-child{margin-right:0;}*/ .circle{ border:3px solid white; border-radius:150px; margin:0 auto; height:150px; width:150px; } #circle_bg1{background:url(images/cont_name.png) no-repeat center;} #circle_bg2{background:url(images/cont_add.png) no-repeat center;} #circle_bg3{background:url(images/cont_mail.png) no-repeat center;} .circle div{ position: relative; line-height: 30px; height: 90px; width: 175px; left: 110%; top: 32%; } #cont_title{color:#fff !important; font-weight:bold; font-size:25px;} #cont_text{color:#fff !important; font-size:20px;} .cont_home_form{ position:relative; z-index:1; } .inputboxx_home{ width:80%; margin:0 auto;} .styled-input_home{width:100%;} .styled-input_home .home_contact, .styled-input_home .home_contact_area{ width: 98%; height: 55px; padding:2% 0 1% 0; font-size:18px; color:#fff; border: 0; border-bottom: 1px solid white; background-color: transparent; } .styled-input_home .home_contact_area{ height:200px; resize:none;} .styled-input_home textarea{ border:0 !important; border-bottom: 1px solid white !important; } .styled-input_home input[type="text"], .styled-input_home textarea:focus { outline: none; overflow:hidden;} .inputboxx_home .reset_home, .inputboxx_home .submit_home{ background-color: transparent; text-transform: uppercase; border: 1px solid #fff; font-family: Open-Sans; letter-spacing:3px; font-weight: bold; font-size:18px; padding:5% 10%; color:#fff; } .inputboxx_home .submit_home{margin-right:2%;} .contact_home_bottom{ position:relative; height:160px; width:99%; text-align: center; } .left_home{ margin:2% 0% 2%; float:left; width:45%; } .left_home input{cursor: pointer;} input:-webkit-autofill, textarea:-webkit-autofill { -webkit-box-shadow: 0 0 0px 668px rgba(187,187, 187, 1) inset; } /*---- SOCIAL ICONS(home) ----*/ .right_home{ margin:1% 0% 0%; float:right; } .right_home .front,.right_home .back { width:60px; height:60px;} .twitter_home{background:url(images/social_icons/twitter1.png) no-repeat;} .twitter_home_back{background:url(images/social_icons/twitter2.png) no-repeat;} .facebook_home{background:url(images/social_icons/facebook1.png) no-repeat;} .facebook_home_back{background:url(images/social_icons/facebook2.png) no-repeat;} .rss_home{background:url(images/social_icons/rss1.png) no-repeat;} .rss_home_back{background:url(images/social_icons/rss2.png) no-repeat;} .youtube_home{background:url(images/social_icons/youtube1.png) no-repeat;} .youtube_home_back{background:url(images/social_icons/youtube2.png) no-repeat;} .googlep_home{background:url(images/social_icons/googlep1.png) no-repeat;} .googlep_home_back{background:url(images/social_icons/googlep2.png) no-repeat;} .instagram_home{background:url(images/social_icons/instagram1.png) no-repeat;} .instagram_home_back{background:url(images/social_icons/instagram2.png) no-repeat;} .twitter_home,.twitter_home_back,.facebook_home,.facebook_home_back,.rss_home,.rss_home_back, .youtube_home,.youtube_home_back,.googlep_home,.googlep_home_back,.instagram_home,.instagram_home_back { background-size:contain;} /*----CONTENT FOR HOME-----*/ .content_for_home .title_href_home{ font-size: 1.6em; font-weight: 500; padding: 2% 0; } .content_for_home .home_content{ border:1px solid #dadada; border-top:none; line-height:25px; } .content_for_home .home_content p{padding:2% 3%;} /*----- NAVIGATION -----*/ .page-links{ margin: 14px 0; font-size: 17px; clear: both; } .page-links-title, .page-links-number {margin-right: 5px;} .page-links-number{ display: inline-block; text-align: center; width: 23px; } #blog_nav{ background: none !important; display: block !important; width: 20% !important; text-align: center; font-size: 20px; height:25px; margin:1% auto; clear: both; padding:0; } .phone #blog_nav{ margin:10px 0; width: 100% !important; } .page-navigation{ background: none !important; display: block !important; width: 100% !important; text-align: right; margin:5% auto 2%; font-size: 20px; clear: both; padding:0; } .page-navigation a:first-child { float:left; text-align:left; padding: 0 10px; } .page-navigation a:last-child { float:right; text-align:right; padding: 0 10px; } /*------ FOOTER ------*/ #footer{ position:relative; clear:both; } #sidebar3{ border-bottom: 3px solid rgba(197, 197, 197, 0.5); padding: 30px 0px; } #sidebar4 { padding:15px 0px;} #footer-widgets-list { width:100%; list-style:none; text-align:center; } #first-sidebar-footer .widget-container, #second-sidebar-footer .widget-container{ padding: 20px 0px 0px; margin-bottom: 0px; margin-top:0px; float:left; } #first-sidebar-footer{ display: table; margin: 0 auto;} .widget_search form{ position:relative; margin-bottom:5%; /*max-width:82%; width: 190px;*/ height:29px; } .widget_web_buis_percent{text-align:center !important;} #first-sidebar-footer .widget-container h3, #second-sidebar-footer .widget-container h3{ position:relative; margin:0px; font-size:20px; font-weight:normal; margin-bottom: 8px; } #first-sidebar-footer .widget-container ul, aside .sidebar-container ul, #first-sidebar-footer .widget-container ul, .most_categories ul{ list-style: none !important; padding-left: 0px !important; } #first-sidebar-footer .widget-container ul li:before, #second-sidebar-footer .widget-container ul li:before{ border-width:5px !important; } #wp-calendar #today{font-weight:700;} #footer-widgets-list li {display:inline-block;} #footer-bottom { border-top:3px solid rgba(197, 197, 197, 0.5); position:relative; text-align:center; padding:20px 0px; width:100%; clear:both; } #go-to-top{ position: fixed; bottom: 10px; right: 20px; text-indent: -999em; color: white; border-radius: 50%; background: url(images/go_to_top.png) no-repeat; background-size: 109%; padding: 0; height: 35px; width: 40px; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); z-index: 1; display: none; -webkit-transition: opacity 0.4s ease-in-out 0s; -moz-transition: opacity 0.4s ease-in-out 0s; transition: opacity 0.4s ease-in-out 0s; background-position: -2px; } /*flip*/ .flip-container { margin:15px 10px 15px 3px; position:relative; height:45px; width:55px; float:left; -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; -ms-perspective: 1000; perspective: 1000; } .flip-container:hover .flipper { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform:rotateY(180deg); transform: rotateY(180deg); } .flipper { -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; width:55px; } .front, .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; } .front { width:55px; height:55px; z-index:0; float:left; } .front img { position:absolute; height:55px; width:55px; top: 0px; left:0px; border:0; } .back { width:55px; height:55px; overflow:hidden; position: absolute; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } #back img { width: 100%; height: 100%;} #social_description { margin-top:6%; width:95%; } #social_description img { width:95%;} /*////*/ .top-posts-left, .top-posts-right { position:absolute; top:10px; width: 10%; display: table-cell; vertical-align: middle; cursor: pointer; height:200px; display:none; } .top-posts-left {left:0px;} .top-posts-right {right:0px;} .top-posts-left span {background: url(images/arrow-left-right.png) center top no-repeat;} .top-posts-right span { background: url(images/arrow-left-right.png) center bottom no-repeat;} /*----- ENTRY META -----*/ .entry-meta{ text-align: left; margin: 10px 0 0; clear:both; } .single-post .entry-meta{ padding: 5px 0; border-top: 1px solid #E7E7E7; } .sticky_post { background-color: #F7F7F7; padding: 5%; } .meta-date{margin-bottom:15px; margin-top:-2%;} .sep{ font-size: 16px; font-weight: 600; padding-left:0.5em; background-size: contain !important; } .sep.tag{ background:url(images/meta_icons/tag.png) no-repeat; display:inline-block; margin-bottom: -4px; height:20px; width:8px; } .sep.date{ background:url(images/meta_icons/date.png) no-repeat 0 75%; margin: 0 7px 0 0 !important; font-size:2.5em; } .sep.author{ background:url(images/meta_icons/author.png) no-repeat 0 75%; margin-right: 7px; font-size:2.5em; } .sep.category{ background:url(images/meta_icons/categories.png) no-repeat 40% 0; display:inline-block; font-size:2.5em; height:18px; } .entry-meta, .entry-meta-cat{font-size: 15px;} .entry-meta-cat * { color: #B2B0B0 !important;} .entry-date { margin-right: 5px; } .tags-links{margin-left:2%;} .phone .entry-meta, .phone .entry-meta-cat{width:85%; margin:0 5% 2%;} /*--- PAGE ABOUT US ---*/ .blog.page_about .entry p{ clear: both; padding:1% 0%; line-height:25px; text-indent:0.5em; } .blog.page_about .about_posts h2{ margin-bottom:12px; } .blog.page_about .about_posts .about_content { padding:2% 0%; text-indent:0.5em; line-height:25px; } .about_content a.read_more{ clear:both; margin:2% 0%; border:1px solid #F1F0F0; } /*--- PAGE MOST POPULAR (OUR TEAM) ---*/ #mpopular {margin-top:40px;} .mpopular-post { position:relative; overflow: hidden; margin-right:2%; margin-bottom:5%; height:205px; width: 48%; float: left; } .mpopular-post .mp_image{ position:relative; overflow: hidden; height:185px; width: 210px; margin:10px; float:left; } .phone .mpopular-post .mp_image{ display:inline-block; text-align: left; float:none; } .mpopular-post .mp_image img{ position:absolute; } .blog-description {margin:0 1% 5% 0%; padding:0 1%;} .blog-description p {line-height:25px;} .mpopular-post h3 { font-size: 17px !important; text-transform:uppercase; margin-bottom: 4px; font-weight:700; padding-top:4px; } .mpopular-post p {line-height:25px;} .most_categories { width: 31%; float:left; min-height:180px; margin:0 10px 30px 0; } .most_categories h3 {margin-bottom: 5px;} .most_categories h3 a{font-weight: bold;} .most_categories a{display: inline-block;} .mpopular-post>blockquote{ margin:0px; padding:0px; } .mp_posts>li>a{ width:90%;} .mp_posts>li>a>h3{width:100%;} /*--- PAGE BLOG ---*/ #blog .blog-post{ background-color: rgba(255, 255, 255, 0.4); border:2px solid rgba(0, 0, 0, 0.1); display:inline-block; margin:3% 3% 0% 0%; clear:both; width:98%; } /*--Title--*/ .blog-post h3{ border-bottom: 1px solid #F3EDED; font-size:22px !important; text-transform: uppercase; padding: 12px 20px; font-weight: 700; } /*--Image--*/ .blog-post .blog_post_image { overflow:hidden; height:200px; width:100%; } .blog-post .blog_post_image div{ height:200px; width:100%;} /*--Content--*/ .blog-post .blog_content{ border-top: 1px solid #F3EDED; padding: 10px 20px 20px; height:100px; } /*--Read_more--*/ .blog-post-info { height:50px; background:#FAFAFA; } .blog-post .read_more{ text-transform:uppercase; padding:15px 3%; font-size:19px; } .blog-post .read_more:hover{color:#000 !important;} .blog-post-info ul { list-style:none; float:right; display:inline;} .blog-post-info ul li { text-align:center !important; width:auto !important; float:left !important; } .blog-post-info ul li.date { margin:0 !important;} /*.blog-post-info ul li.admin { background:url(images/blogpostinfo.admin.gif) left center no-repeat;}*/ .blog-post-info ul li span { word-wrap:break-word; padding-top:15px; min-height:35px; font-weight:600; font-size:18px; display:block; color:white; } .content-posts.read-more { bottom:95px !important;} .read_more{ display: inline-block; padding: 6px 3%; font-size: 15px; } .more_info{ text-transform: uppercase; position:absolute; color: #D9D9D9; height:44px; bottom:0px; width:100%; } /*----- PAGE GALLERY ------*/ .gallery_main_div { margin-bottom:5%;} #overlay { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); } /* #modal { position:absolute; background:url('/images/tint20.png') 0 0 repeat; background-color: rgb(151, 151, 151); border-radius:14px; padding:8px; } #content {border-radius:8px;} #close { position:absolute; background:url('/images/close.png') 0 0 no-repeat; width:24px; height:27px; display:block; text-indent:-9999px; top:-7px; right:-7px; } */ .GalleryPost img { width: 200px; height: 125px; top: 0px; left: 0px; margin-top: 10px; } .GalleryPost .entry-meta { margin: 0 !important;} .GalleryPost{ float:left; margin: 5px 5px 20px 5px; position: relative; width:215px; } .GalleryPost h4{ font-size: 16px;} .caption{ bottom:202px; position: absolute; display:none; width: 100%; } .gallery-caption { display:none;} /*------ LOGIN IN------*/ #log_in{ border:1px solid rgba(0, 0, 0, 0.1); border-spacing: inherit; padding: 5% 10% 12%; margin: 2% auto; width: 335px; } #loginform h3 { text-align: center; } #loginform .entry{ width: 100%; text-align:center; } #loginform input{ height: 40px; border: none; margin-top:3%; border: 1px solid rgba(215, 207, 207, 0.44); } .sidebar-container.login { background-color: rgba(0, 0, 0, 0) !important;} #log_in div{ width: 90%; margin-bottom: 12px; text-align:left; color:#656868; } #log_in div .read_more{ height:35px; width:105px; float: left; } .log-out{ position: static !important; font-size: 18px !important; float:none !important; padding:10px 20px; } .log-in{ width: 75px; float: right; cursor:pointer; border:none; font-size: 18px; padding: 3px 10px 6px; } #loginform input[type="text"], #loginform input[type="password"]{ width:320px; height:45px; border: none; border: 1px solid #F1F1F1; padding-left: 5px; margin-top:3%; } #log_in div{ width: 95%; margin-bottom: 12px; } .page-login .read_more{ border:1px solid #dadada; margin-bottom:4%; position:static; } .tabs li{ word-wrap:normal; overflow:hidden; white-space: nowrap; } .sticky_menu.phone #menu-button-block{ top: 0; left:0; position: fixed; border-bottom:3px solid #fff; } #menu-button-block { background-position: right center; background-repeat:no-repeat; background-position-x: 96%; margin-bottom:20px; position:relative; height:45px; width:100%; } #menu-button-block a, #menu-button-block a:link, #menu-button-block a:visited,#menu-button-block a:active, #menu-button-block a:focus, #menu-button-block a:active { padding:6px 0px 0px 0px; color:#fff !important; text-align:center; font-size:20px; display:block; height:30px; } /*------ PAGE SERACH------*/ #searchbox { border: 1px solid rgba(0, 0, 0, 0.1); position:relative; height:45px; } #searchinput { padding:0px 0px 0px 2% !important; color: rgb(172, 161, 161); height:45px !important; position:relative; line-height:27px; font-size:17px; outline:none; float:left; width:82%; border:0; } #searchsubmit { border: 1px solid #dadada; font-size: 24px !important; height:45px !important; position: absolute; line-height:100%; cursor: pointer; outline:none; padding:0%; right: 0px; width:15%; top:0px; } .search-settings-block { border: 1px solid rgba(0, 0, 0, 0.1); background-color:#fff; font-family:Segoe UI; margin-top:20px; display:table; height:45px; padding:3px; color:#000; width:84%; } #inc-posts, #inc-pages { margin: 14px 0px 0px 10px; padding-left: 3px; cursor: pointer; float: left; } .styled-select { margin:11px 0px 0px 12px; width: 165px; float:left; } .styled-select select{ width:159px; height:23px; margin:0px !important; background:#FFFFFF; border:1px solid #ddd; border-radius: 0; outline:none; } #searchform{ width: 100%; max-width:700px; margin:1% 1% 5%; } .search-page #searchform{max-width:98%;} .search-result { margin:15px 10px; } .search-result a.read_mores{ display:block; font-size: 1.2em; } .search-result #serach_thumbnail { width:285px !important; max-height:165px !important; overflow:hidden !important; border:1px solid rgb(244, 239, 239); } .search-result #serach_thumbnail img {width:100%; height:auto;} .search-result h3{ font-size:25px; font-weight:normal; margin-top:5px; } .search-result .entry { margin:1% 0; line-height:27px;} /*------ PAGE SITEMAP -------*/ .sitemap.half-block { position:relative; margin-bottom:5%; width:25%; float:left; } .sitemap.half-block h3 { border-bottom:2px solid #d1d1d1; font-family:Segoe UI; padding-bottom:10px; font-size:25px; margin:0px; width:85%; } .sitemap.half-block ul a{ padding-left:7px; font-size:15px; color:#000; } .half-block.sitemap ul{ padding-left: 20px; list-style:none; display:table; width:100%; } .half-block.sitemap ul li:before { width: 0; height: 0; border-top: solid transparent; border-bottom: solid transparent; border-width: 5px; content: "\2799"; font-style: normal; font-weight: 100; font-size: 16px; top: 1px; position: relative; line-height:30px; } .half-block.sitemap.admin_icon ul li:before { content: "__"; color:transparent !important; background:url(images/admin_icon.png) no-repeat 60% 55% !important; } .half-block.sitemap >ul{ margin:0px 0px 10px 0px; padding-left:0 !important; width:85%; } /*---- SINGLE PAGE ----*/ .post-thumbnail { background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; background-position:center; margin:6px 15px 0 0; height: 230px; width: 320px; } .single-post h2.single-title{ padding-bottom: 40px !important; border-bottom:0 !important; line-height: 44px; } .wdcontent h2{ text-align:right; padding-right:15px; } .widget-title{ font-size:22px !important; margin-bottom:9px !important; } .single-post p{ margin:0; padding:0; line-height:25px; width:100%; } /*------- COMMENT-------*/ .comments-template{ border:1px solid #f2f2f2; background-color:#fff; display: inline-block; padding:1% 2%; margin: 1% 0; width: 96%; } .comments-template ol li{width:100%;} .comments-template > h5{ border-bottom:1px solid #DADADA; padding-bottom:6px; } ol.commentlist{margin-top:9px;} .gravatar {float: right;} .comments-template ol ul {margin: 0;} .comment-form-comment {width:100% !important;} .comments-template textarea {width:97%;} #commentform #submit, .reply{ border: 1px solid #F1F0F0;} #commentform #submit:hover, .reply:hover{border: 1px solid rgba(0, 0, 0, 0.2);} #commentform *{ font-size: 14px;} .form-allowed-tags { font-size:12px !important;} #commentform label {display: none;} #comment {height: 115px !important;} #overlay {z-index: 9 !important;} #modal {z-index: 10;} .post-comments {margin: 0 0 40px 0;} .post-comments:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .post-comments h2, h3#comments-title { margin-bottom: 1em; font-size: 2.8em; color: #747474; } .comment, .trackback, .pingback {float: left;height: 1%;} .comment:after, .trackback:after, .pingback:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .pingback p, .trackback p { font-size: 1.1em; line-height: 1.5; color: #aaa; } .comment-avatar {width: 60px;float: left;} .comment-avatar img { width: 54px; padding: 2px; background: #fff; border: 1px solid #000; } .comment-author{ padding:0px !important; color:#B9009C; text-transform:capitalize; } .comment-author img{ width:74px; height:77px; padding:0px !important; } .comment-body ul { margin: 0 0 1.4em 1.2em;} ol>li>.comment-body { border-bottom:1px solid #D2D0D0;} ul.children>li.comment { margin-top:8px;} .comment-body li { font-size: 11px; line-height: 1.5; } .comment-body {float:left;} .comment-body blockquote { margin-left: 30px; margin-bottom: 1.4em; padding-left: 15px; font-size: 11px; line-height: 1.5; border-left: 2px solid #E0E8EF; } single-post .entry blockquote{ font-style: italic; font-weight: 300; padding-left: 75px; position: relative; } .entry blockquote:before{ font-family: "Source Sans Pro", Helvetica, sans-serif !important; content: '\201C'; font-size: 72px; font-weight: 400; line-height: .8; padding-right: 10px; float: left; height: 1px; } .entry blockquote p{ display:inline; } .img_container.fixed{ position:relative; overflow:hidden; } .blog-post.home-post. img_container.unfixed{ width:200px; } .img_container.fixed img{ position:relative; } .size250x180{ width:250px; height:180px; } .size200x150{ width:200px; height:150px; } .size400x250{ width:400px; height:250px; } .size180x150{ width:180px; height:150px; } .size370x310{ width:370px; height:310px; } .size360x250{ width:370px; height:250px; } .comment-body blockquote p {font-size: 1em;} .comment-meta { margin:0px; font-size: 1.1em; color:#FF69ED; } /*---Author Comments---*/ .bypostauthor .avatar {background:#542929;} .commentlist { background:url(images/blog.post.border.bottom.png) left top repeat-x; list-style: none; margin: 0; padding: 0; padding-left: 0 !important; } .commentlist ol {list-style: decimal;} .commentlist li { margin: 0; margin-bottom: 8px; } .commentlist h1, .commentlist h2, .commentlist h3, .commentlist h4, .commentlist h5, .commentlist h6{ line-height: 55px; } .commentlist li cite { color: #111; font-size: 22px; font-style: normal; font-weight: 400; } .commentlist .children { list-style: none !important; list-style-type: none !important; margin-left: 32px; margin-right: 5px; } .children li {margin-bottom:0px;} .commentlist .avatar { float: left; padding: 0; vertical-align: middle; margin-right: 10px; } .comment-author .fn {position:relative;} .comment-author .says { display:none; float:left; color: #999; } .comment-body .comment-meta { color: #999 !important; display: inline-block; margin: 0; padding: 0; text-align: left; } .comment-body .comment-meta a {font-size: 11px;} .comment-body { width:99%; clear: both; padding-left:6px; padding-top:5px; } .comment-body .reply {float:right !important;} .comment-body .reply a { padding-bottom:3px; padding-top:3px; } #cancel-comment-reply-link{ padding-right: 12px; padding-left: 12px; padding-bottom:3px; padding-top:3px; } .pingback, .trackback { list-style: none; margin: 20px 0; } .pingback cite, .trackback cite {font-style: normal;} #pings, #comments {text-align: left;} .logged-in-as {padding-bottom: 12px;} .comment-form-comment label {vertical-align:top !important;} #respond h3, #respond .comment-notes, #respond .form-allowed-tags{ color:#747474 !important; width:98%; } #respond .comment-notes {margin-bottom: 15px;} #respond label { display: inline; color:#747474 !important; } #respond input[type="text"], #respond input[placeholder], #respond textarea, #respond textarea[placeholder] { border: 1px solid #E9E9E9; color:#afafaf !important; outline:none; resize:none; padding: 12px; margin: 10px 0; } #respond input[type="text"], #respond input[placeholder]{max-width:201px !important;} .reply{ clear: both; padding:3px 0px 6px 0px; margin-bottom: 5px; margin-right: 5px; } .comment-reply-link{ padding-right:12px; padding-left:12px; } .comments-template>#respond{ display:inline-block; max-width: 99%; } .form-submit #submit { background-image: none !important; font-weight: normal !important; font-size: 15pt !important; padding: 5px 15px 10px 15px; color: #fff !important; text-decoration: none; margin-bottom:10px; position: relative; text-align: center; margin-top: 10px; cursor: pointer; display: block; float: left; } #respond #reply-title { color:#000 !important;} #reply-title small{ font-size:15px; float:right; } #reply-title small{ line-height: 1; margin-top: 7px; padding-bottom:7px; padding-top:3px; } #reply-title small a { font-size:12px; margin-left:11px; margin-right:12px; } .comment-reply-link {font-size:12px;} #respond { border-top: 1px; border-top-style: solid; border-top-color: #FFFFFF; } .comment-meta.commentmetadata {font-size:12px;} .comment-body>p {margin-right:25px;} /*----- PAGE CONTACT -------*/ .page-contact > p{ padding-left:5%; margin-bottom:20px; } .page-contact form { padding:0 1%;} #contactForm .forms { width: 100%; margin-top:5%;} #blog #contactForm .forms {padding:0 !important;} .styled-input { margin: 0px 0px 20px 0px; position: relative; width: 100%; } .styled-input,.styled-input a { color:#000 !important;} .styled-input img { width:20px; margin:0px 10px -2px 0px;} .inputback-textarea { float: left; width: 100%; } #gmap_canvas { height: 350px;width: 100%;} #contactForm .inputboxx input[type="text"], #contactForm .inputboxx input[type="password"] { border: 1px solid #D5D5D5; padding: 3px 1px 5px 2.7%; margin: 0 3px 8px 0; font-size: 15px; color: #64615f; float: left; height:25px; width:29%; } .message-textarea textarea { padding:10px 0px 7px 9px; color: #64615f !important; border: 1px solid #D5D5D5; font-size:15px; height:150px; outline:none; resize:none; width:96%; } .message-textarea {margin:0 0 10px 0;} .contact_send,.reset{ font-weight: normal !important; font-size: 16px !important; border: 1px solid #E8E8E8; text-transform: uppercase; text-decoration: none; position: relative; text-align:center; cursor: pointer; display: block; height:45px; width:48%; } .reset {float: left;} .contact_send{ float: right; padding:0 !important; } .captcha_img{ padding-right:10px; margin-top:1%; float:left; } .left { width:53%;margin-top: 6px;} #contactForm .right{ margin-right:2%; float:right; width:43%; } .inputback {list-style:none;} .page-contact .label { position:relative; top:-3px; color: black; } .page-contact .captcha-div input{ padding-left: 4px; font-size: 16px; padding-bottom: 6px; float: left; width: 70px; height: 21px; border: 1px solid #E5E5E5; color: black !important; } .page-contact .captcha-div a{ text-decoration:none; padding-right: 6px; padding-top:6px; border:none; float:left; } /*----- ARCHIVE PAGE -----*/ .archive-page h1{ font-style:italic;} .archive-page img{width:190px; height:190px;} .phone .archive-page{ width: 90% !important; margin: 0 auto 5%; text-align:justify; } .phone .archive-page .post h3{text-align:center !important;} .phone .archive-page img {width:100%;} /*----- 404 PAGE -----*/ .image_404{margin-top:30px;} .imgBox { text-align:center; margin-bottom:10%; } .imgBox #searchform {margin:0 auto;} .content-404{ margin-bottom:15px; font-size: 17px; } .image_404 img{ max-width:40%; width:100%; } /*########################## PHONE ###############################*/ body.phone{padding-top:0 !important;} .phone .before_blog_2 { height:140px !important; padding-top:6%; } .phone .before_blog_2 h2 {font-size:30px !important;} .phone .before_blog:before { right:174px !important;} #header .phone-menu-block {position: relative;} .phone #header .phone-menu-block { max-width: 100%; float:none; } #header-top .container.phone {height:45px;} .phone #slideshow{margin-top:0 !important;} /*--- SOCIAL ---*/ .phone #social {/*NPT*/ position:relative; top:0px; left:0px; } .phone #social li {/*NPT*/ display:inline-block; float:none; } /*--- SEARCH ---*/ .phone #search-block .ast-search #search-input{ float:none; padding-right:4px; } .phone #search-block .ast-search{padding-right:0;} .phone #search-block { display:none !important;} .phone #search-block .ast-search #search-input{ margin-bottom:10px; width:97%; } .phone #search-input{max-width:98%;} .phone .search-result #serach_thumbnail{width:100% !important;} /*--- LOGO ---*/ .container.phone {width:640px;} .container.phone #header-middle{ padding:22px 0 0 0; text-align: center; width: 100%; float: none; } .container.phone #logo { float: none; } .phone #logo {max-width:50%;} .phone #logo img {margin: 0 auto; } .phone #description{ text-align:center; padding:8px 0; width:98%; top:-5px; right:0%; } /*/////*/ .phone #top-advertismnet { position:relative; margin:0px auto; display:block; float:none; } /*--- NAVIGATION MENU ---*/ .phone .phone-menu-block .top-nav-list > li.haschild > a:after{ top: 30px; left: 49%; content: '►'; font-size: 10px; position: absolute; font-family: sans-serif; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); } .phone #top-nav { background:none !important; width:99.9% !important; position:absolute; z-index:200; top:45px; left:0px; } .phone #top-nav > div, .phone #top-nav > div > div { margin:0px 0px 0px 0px; width:100%;} .phone #top-nav > div ul, .phone #top-nav > div > div ul { display:table; width:99.9% !important; } .phone #top-nav > div > ul li, .phone #top-nav > div > div > ul li { margin:0px !important; position:relative; display:block; clear:both; border:0px; border-bottom:1px solid rgba(150,150,150,0.4); } .phone #top-nav > div > ul > li.haschild.open > ul, .phone #top-nav > div > div > ul > li.haschild.open > ul{display:table;} .phone #top-nav > div > ul li a, .phone #top-nav > div > ul li a:link.phone #top-nav > div > ul li a:visited, .phone #top-nav > div > div > ul li a, .phone #top-nav > div > div > ul li a:link.phone #top-nav > div > div > ul li a:visited { display:block; height:27px; } .phone .top-nav-list > li.haschild > a:after { top:30px;left:49%;} .phone #top-nav > div ul li ul, .phone #top-nav > div > div ul li ul { margin:0px 0px 0px 0px; position:relative; text-align:center; background:none; display:none; padding:0px; width:100%; left:auto; top:auto; } .phone #top-nav > div > ul li ul li, .phone #top-nav > div > div > ul li ul li { padding:0px; border:0px !important; } .phone #top-nav > div > ul li ul li .haschild.open > ul{display:table;} .phone #top-nav > div > div > ul li ul li .haschild.open > ul{display:table;} .phone #top-nav > div > ul li ul li a, .phone #top-nav > div > div > ul li ul li a { text-decoration:underline !important; padding:5px 0px 5px !important; border:0px !important; height:25px; width:100%; } /*--- TOP POST ---*/ .phone #top_posts_list li{ float:none; margin:0 auto; } /*---- CATEGORIES TABS ----*/ .wd_tabs_dynamic.phone { width:90% !important; } .phone #wd-categories-tabs ul.content > li ul li .thumbnail-block{height: 230px;} .phone #wd-categories-tabs .cont_vat_tab,.phone #wd-categories-tabs ul.content,.phone #wd-categories-tabs ul.content > li { min-height:1115px !important; } .phone #wd-categories-tabs ul.content > li ul li{ width:97% !important; margin:1% 0px 0% 1%; } .phone #wd-categories-tabs ul.content > li ul li .text { width:85%; bottom:55px; } .phone #wd-categories-tabs ul.content > li ul li .text .slaq{ width: 45%; } .phone #wd-categories-tabs ul.content > li ul li .text .div_date{width: 100%;} .phone #wd-categories-tabs ul.tabs li a, .phone #wd-categories-tabs ul.tabs li a:link, .phone #wd-categories-tabs ul.tabs li a:visited {padding-top: 12px !important;} /*---- SIDEBAR ----*/ .phone aside, .phone #sidebar1, .phone #sidebar2 { clear:both; width:100% !important; } .phone aside .sidebar-container { padding:8px; margin:0px; } .phone aside .sidebar-container .widget-area, .phone #sidebar1 .sidebar-container .widget-area, .phone #sidebar2 .sidebar-container .widget-area { margin-bottom:10px; border-bottom:0px; min-width: 190px; float:left; } .phone aside .sidebar-container .widget-area.widget_search {width:50%;} .phone aside .sidebar-container .widget-area > div, .phone aside .sidebar-container .widget-area > img { position:relative; margin:0px auto; display:block; } .phone #wdposts-tabs{ width:100% !important; float:none;} .phone #social_description{width:70% !important; margin:5% auto 0 !important;} /*---- VIDEO ----*/ .phone #videos-block{ padding: 70px 15px 0; margin: 10% 0 0; display: inline-table; box-sizing: border-box; } .phone #videos-block .full-width { width:95%;} .phone #videos-block .half-block { clear:both; float:none; position:relative; margin:0px auto; text-align:center; width:auto; } .phone #videos-block .half-block *{ position:relative; margin:0px auto; } #videos-block.phone{ margin:0 auto !important; width:96%; } .phone #videos-block .full-width #p1{ font-size: 30px !important;} /*---- BLOG ----*/ .phone .blog-post{ margin:0 auto 5%; width:97% !important; } #blog .content-posts.phone .content-post, #blog_home .content-posts.phone .content-post{ width: 100%; height:440px; margin-bottom:5px; position:relative; } #blog .content-posts.phone .content-post .div_image, #blog_home .content-posts.phone .content-post .div_image{ width: 100%; height:40%; } #blog .content-posts.phone .content-post .div_image img, #blog_home .content-posts.phone .content-post .div_image img{width: 100%; height:100%;} #blog .content-posts.phone .content-post .div_image, #blog_home .content-posts.phone .content-post .div_image {position:relative !important;} #blog .content-posts.phone .content-post h3, #blog_home .content-posts.phone .content-post h3, #blog .content-posts.phone .content-post p, #blog_home .content-posts.phone .content-post p{text-align:center;} .phone .content-post .home_blog_post .more_info{ position:fixed; bottom:-1px; width:100%; } #blog .content-posts.phone .tab-more, #blog_home .content-posts.phone .tab-more { padding-left:6%; padding-top:15px; } #blog .content-posts.phone .date, #blog_home .content-posts.phone .date{ padding:3px 4px 10px 8px; height:40px; } .phone .content-post:nth-child(2n) .home_blog_post .more_info{height:52px !important;} .phone .content-post:nth-child(2n+1) .eye_blog,.phone .content-post:nth-child(2n) .eye_blog{ top:20% !important; left:35%; } /*--- PORTFOLIO ---*/ .phone .port_list li{ float:none; margin:0 auto; width:98%; height:250px; } .phone .port_list li .eye_port { top: 30% !important; left: 40% !important; } .phone .contact_home_bottom{height:290px;} .phone .left_home,.phone .right_home, .tablet .left_home,.tablet .right_home{ float:none; display:inline-block; } .phone .inputboxx_home .submit_home{margin:5px 0;} /*--- CONTACT US (home) ---*/ ..phone .contact_home { float:none;} .phone .cont_us_top li{margin-right: 0; float:none;} .phone .circle{margin:4% auto;} /*//////*/ .phone .page-navigation {text-align:center; width:90% !important;} /*---- FOOTER ----*/ #first-sidebar-footer.phone .widget-container, #second-sidebar-footer.phone .widget-container { margin-top:10px; } #first-sidebar-footer.phone, #first-sidebar-footer.phone .widget-container { text-align:center; } #first-sidebar-footer.phone .widget-container ul, #second-sidebar-footer.phone .widget-container ul{ display: inline-block; text-align: left; } #first-sidebar-footer.phone .widget-container, #second-sidebar-footer.phone .widget-container{ padding: 0px !important; margin:0px; width:100% !important; float:none !important; } #first-sidebar-footer.phone div.widget-container:last-child, #second-sidebar-footer.phone div.widget-container:last-child{ border-bottom: 0px !important; } .phone .entry embed, .phone .entry iframe {max-width:98%;} #footer div.phone {/*NPT*/ padding-bottom:30px; text-align:center; } .phone #footer-widgets-list { width:100%; clear:both;} .phone #footer-widgets-list li{ width:100%; border-bottom:1px solid #000; } .phone #footer-widgets-list li:last-child {border-bottom:0px;} /*--- PAGE NEWS (About Us) ---*/ .phone #blog{width:100% !important;} .phone .blog.page_about .news-div-image{ float:none; margin:1% auto 3%; width:98% !important; height:160px !important; } .phone .news-div-image img{ width:100% !important; height:auto; } /*------PAGE MOST POPULAR (Our Team) ---*/ .phone #mpopular {margin-top:20px;} .phone .mpopular-post{ margin-bottom:5%; float: none; width:100%; height:auto; text-align: center; } .phone .mpopular-post img{ height:190px; float:none; width:100%; padding:0; } .phone .mpopular-post p.our_team{ padding:0; text-align:center; } .phone .mpopular-post-p { padding:5px 10px;} .phone .mpopular-post .caption_our_team .zoom-icon { width:100% !important;} .phone .mpopular-post h3 { margin:4% 0 0; padding:0; } .phone .mpopular-post p { margin:0; padding:0; } .phone .blog-description { text-align:center; padding:5px 10px; } /*---- PAGE BLOG ----*/ .phone .blog_post_image{height:150px !important;} .phone .blog-post h3 {text-align:center;} .phone .blog-post .blog_content{ padding:12px 7px; line-height:23px; } .phone .blog-post-info{ position:relative; bottom:-1px; } .phone .blog-post .read_more{padding:14px 3%;} .phone #blog .date_b {padding:0px 10px;} .phone .single-post p{width:92%; margin:0 auto;} .phone .blog-post-info ul li span{font-size:16px;} /*--- PAGE GALLERY ---*/ .phone #content {width:100% !important;} .phone .gallery_main_div{width:100% !important;} .phone .image_grid{float:none;} .phone .image_grid li{ width: 200px; height: 200px; /*float:none; */ } .phone .image_grid li img{width:100%;} .phone .da-thumbs li article{ width:100%;} .phone .da-thumbs li article h3{ font-size:18px; padding:0px; } .phone .da-thumbs li article a{padding:16px;} .phone article .gal_zoom_desc { height:35px !important; margin-bottom:1%; line-height:18px; } .phone span.zoom{ background-size:cover; height:35px; width:35px; } /*--- Log In ---*/ .phone #log_in{ padding:35px 25px 75px; margin-left:2%; width:80%; } .phone #loginform input[type="text"],.phone #loginform input[type="password"]{ width:100%; } .phone #log_in div .read_more{width:35%;} .container.phone #loginform { background-size: 560px 250px !important;} /*--- SEARCH PAGE ---*/ .phone #searchform,.phone #searchinput, .phone .search-settings-block {width:97%;} .phone #searchsubmit { width:23% !important;} .phone #inc-posts, .phone #inc-pages,.tablet #inc-posts, .tablet #inc-pages{width:13% !important;} .phone .search-result, .phone .search-result .entry >p{text-align:center !important;} /*--- PAGE SITEMAP ---*/ .phone .sitemap.half-block {width:100%;} .phone .sitemap.half-block h3 {text-align:center;} .phone .sitemap.half-block h3 {margin:0 auto; width:90%;} .phone .half-block.sitemap ul {text-align:center;} .phone .half-block.sitemap >ul {margin:0 3%;} /*--- SINGLE PAGE ---*/ .phone .post-thumbnail{ width:95%; margin:0 auto; float:none; } /*--- CONTACT PAGE ---*/ .phone #contactForm .inputboxx input[type="text"], .phone #contactForm .inputboxx input[type="password"], .phone #contactForm .inputboxx textarea{ width:70%; float:none; text-align:center; } .phone #contactForm .inputboxx textarea { width:95%;} .phone #contactForm > div.right{ width: initial; float:right !important; } .phone #contactForm > div { margin:5% auto 0 !important; float:none !important; text-align:center; position:relative; clear:both; width:100%; } .phone #contactForm > div.captcha-div{margin-bottom:50px !important;} .phone #contactForm > div.left{text-align:left;} .phone .left{ margin:0 auto; float:none; width:95%; } .phone .captcha-div > input[type="text"]{ width:50% !important; } .phone #contactForm .right{ margin: 4% auto 0; float: none; width:220px; } /*--- COMMENTS ---*/ .phone #commentform{max-width: 95%;} .phone .comments-template{ margin: 15% auto; display: block; width:95%; } .phone .comments-template>div {width:100% !important; } /*////*/ .phone .top-posts-left, .phone .top-posts-right {display:block;} .phone .top-posts-left span , .phone .top-posts-right span { position:relative; display:block; margin-top:70px; height: 42px; width:100%; text-indent:-9999px; float:left; } .phone #respond input[type="text"], #respond textarea { max-width: 91%;} .phone .int_2 {width:100%;} .phone .comment-body{width:97% !important;} /*########################## PHONE END ###############################*/ /* /* /* /*########################### TABLET ################################*/ #header.sticky_menu .tablet{ position: relative !important; margin-top:10px !important; margin-bottom:5px !important; } .tablet #header .phone-menu-block{width:100% !important; float:none;} .tablet .sticky_menu #top-nav { width:100% !important; } .tablet .sticky_menu #header-middle{display:none;} .tablet .sticky_menu #top-nav { border:none; margin-top:0%;} .tablet .sticky_menu #top-nav > div > ul, .tablet .sticky_menu #top-nav > div > div > ul{width: 100% !important;} .tablet .sticky_menu #top-nav > div > ul > li, .tablet .sticky_menu #top-nav > div > div > ul > li{padding:0 1.2%;} .tablet #top-nav > div > ul > li, .tablet #top-nav > div > div > ul > li {padding:0 1.2%;} .tablet .before_blog:before{ right:400px !important;} .container.tablet {width:768px;} .tablet #content {width:70% !important;} .tablet #top-advertismnet { max-width:440px;} /*--- SEARCH ---*/ .tablet #search-block .ast-search #search-input { width:190px !important; } /*--- TOP POSTS ---*/ .tablet #top_posts_list li{ margin-right:2%; width: 225px; } .tablet #top_posts_list li:last-child{margin-right: 0% !important;} .tablet #top_posts_list li .image-block{width: 225px; height:145px;} .tablet #top_posts_list li .image-block div{ height:145px;} /*--- CATEGORIES TABS ---*/ .wd_tabs_dynamic.tablet{width:87% !important;} .tablet #wd-categories-tabs ul.content > li ul li{ margin:1% 0px 3% 1.7%; width: 31%; } .tablet #wd-categories-tabs .cont_vat_tab, .tablet #wd-categories-tabs ul.content, .tablet #wd-categories-tabs ul.content > li {min-height:545px !important;} .tablet #wd-categories-tabs ul.content > li ul li .text{ width: 86%; } /*--- SIDEBAR ---*/ .content-inner-block.tablet { background-size: cover !important; } .phone aside, .tablet:not(.home) .tablet aside { width:100% !important; } .phone .widget-sidebar{ margin-top:10%; float: left; } .tablet #sidebar1, .tablet #sidebar2, .phone #sidebar1, .phone #sidebar2{ -moz-column-count: 2; -moz-column-gap: 0px; -webkit-column-count: 2; -webkit-column-gap: 0px; column-count: 2; column-gap: 0px; width: 350px; } @media only screen and (max-width : 361px), only screen and (max-device-width : 361px){ #sidebar1, #sidebar2{ -moz-column-count: 1; -moz-column-gap: 0px; -webkit-column-count: 1; -webkit-column-gap: 0px; column-count: 1; column-gap: 0px; width: 310px; } } .tablet aside .sidebar-container .widget-area { width:100%; float:left; border-bottom:0px; } /*--- BLOG ---*/ .tablet #blog h2, .tablet #blog_home h2{ font-size:32px;} #blog .tablet.content-posts .content-post, #blog_home .tablet.content-posts .content-post { background-color:#fff !important;} #blog_home .tablet.content-posts .content-post { margin:0 auto !important; height:260px !important; width:97%; float:none; } #blog .tablet.content-posts .content-post:nth-child(2n+1) .div_image, #blog_home .tablet.content-posts .content-post:nth-child(2n+1) .div_image{ float: left !important;} #blog .tablet.content-posts .content-post:nth-child(2n) .div_image, #blog_home .tablet.content-posts .content-post:nth-child(2n) .div_image{ float: right !important;} #blog .tablet.content-posts .content-post:nth-child(2n+1) .div_image, #blog_home .tablet.content-posts .content-post:nth-child(2n+1) .div_image, #blog .tablet.content-posts .content-post:nth-child(2n) .div_image, #blog_home .tablet.content-posts .content-post:nth-child(2n) .div_image{ height:100%; width: 50%;} #blog .tablet.content-posts .content-post .div_image img, #blog_home .tablet.content-posts .content-post .div_image img{width: 100%; height:100%;} #blog .tablet.content-posts .content-post .div_image, #blog_home .tablet.content-posts .content-post .div_image{position:relative !important;} .tablet .content-post:nth-child(2n+1) .home_blog_post, .tablet .content-post:nth-child(2n) .home_blog_post { height:100% !important; width: 50%; } .tablet .content-post:nth-child(2n+1) .home_blog_post{float: right !important;} .tablet .content-post:nth-child(2n) .home_blog_post{float: left !important;} .tablet .content-post:nth-child(2n+1) .eye_blog,.tablet .content-post:nth-child(2n) .eye_blog { top:35% !important; left:40% !important; } #blog .tablet.content-posts .content-post p, #blog_home .tablet.content-posts .content-post p{ font-size:17px; line-height:26px; } #blog .tablet.content-posts .date, #blog_home .tablet.content-posts .date{height:45px !important;} .tablet .content-post:nth-child(2n+1) .home_blog_post .more_info{ width:100%; bottom:-4px; left:1px; } .tablet .content-post:nth-child(2n) .home_blog_post .more_info{ height:50px !important; width:99.5%; bottom:-4px; left:0px; } .content-postsimg { display:inline-block; margin:0px 5px 5px 0px; width:auto !important; float:left; } .content-postsp {text-align:justify;} /*--- PORTFOLIO ---*/ .tablet .port_list li{width:50%; height:360px;} /*--- CONTACT US ---*/ .tablet .contact_home { float:none;} .tablet .cont_us_top { width:97%; margin:0 auto 4%;} .tablet .cont_us_top li{width:33%; margin:0;text-align:center;} .tablet .home_contact_area{width:99% !important; float:none !important;} .tablet .contact_home_bottom{width:100%;} .tablet .right_home { /*width:50% !important; */border:none; margin:0;} .tablet .left_home{margin:2.2% 0% 0%; } .tablet .inputboxx_home .reset_home, .tablet .inputboxx_home .submit_home{padding:18px 15px;} /*--- FOOTER ---*/ .footer-sidbar .tablet .widget-container { margin: 20px 8px; } #second-sidebar-footer.tablet .widget-container{ width:33% !important; margin:0 auto; } /*--- PAGE NEWS(About Us) ---*/ .tablet .about_content{width:100%;} .tablet .blog.page_about .about_content p{line-height:25px;} /*--- MOST POPULAR (Our Team) ---*/ .tablet .mpopular-post { height: 210px !important; width: 100% !important; float:none; } .tablet .mpopular-post .mp_image{ height: 200px; width: 235px; margin-right: 2%;} .tablet .mpopular-post .mp_image img { height:100%; width:100%; } .tablet .mpopular-post .caption_our_team .zoom-icon { width:100% !important;} .tablet .mpopular-post h3, .tablet .mpopular-post p { line-height:25px; } /*--- PAGE BLOG ---*/ .tablet #blog .date_b{padding:4px 6px !important;} .tablet .blog-post-info ul li span { font-size:16px; min-height: 32px; padding-top: 10px; } /*--- PAGE GALLERY ---*/ .tablet .gallery_main_div .da-thumbs{ text-align: center; margin: 0 auto; width: 90%; } .tablet .image_grid li{ height: 220px; width: 220px; } /*--- SITEMAP ---*/ .tablet .entry-content{padding:0 15px;} /*--- LOGIN ---*/ .container.tablet #log_in{ margin:0 auto 6%; width:49%; } .tablet #log_in div .read_more { float: none;} .tablet #log_in { padding:50px 50px 35px 50px;} .container.tablet #loginform { background-size: 720px 290px !important; } .tablet #log_in div { text-align:-webkit-center;} .tablet .int_2{ width:90% !important; margin:0 auto; float:none; } /*--- PAGE CONTACT ---*/ .tablet #contactForm .forms { width:90%; margin:2% auto 0 !important; } .tablet #contactForm .inputboxx input[type="text"], .tablet #contactForm .inputboxx input[type="password"]{ padding: 1% 2% 1% 7px; margin: 0 1% 2% 0%; width: 28.3% !important; } .tablet #contactForm .left{margin-left:5%;} .tablet #contactForm .right{ width:25%; margin-right:7%; margin-bottom:3%; } .tablet #contactForm textarea{ margin-bottom:4%; float:left; width:95.3%; } /*////*/ .inputboxx{ float:left; width:45%; margin:5% 0%; } .int_2 { width:50%; margin: 5% 0% 5% 5%; } .tablet .inputboxx{ width: 100%; text-align:center;} .tablet .inputboxx h4{ text-align:center; font-size:29px; } .tablet #searchform { width:85%; } /*########################## TABLET END ###########################*/ /* Portolio Hover */ .da-thumbs li, .da-thumbs li img { display: block; position: relative; z-index: 1; width: 100%; height:100%; } .da-thumbs li {overflow: hidden;} .da-thumbs li article { position: absolute; background-image:url(images/image_hover.png); background-repeat:repeat; width: 100%; height: 100%; } .da-thumbs li article.da-animate { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 1; } /* Initial state classes: */ .da-slideFromTop { left: 0px; top: -100%; } .da-slideFromBottom { left: 0px; top: 100%; } .da-slideFromLeft { top: 0px; left: -100%; } .da-slideFromRight { top: 0px; left: 100%; } /* Final state classes: */ .da-slideTop {top: 0px;} .da-slideLeft {left: 0px;} .da-thumbs li article a { color:#fff; padding:12px; display:block; } .da-thumbs {text-align:center;} .da-thumbs li article h3{ padding: 10% 0px 0px 0px; color: #ffffff; } .da-thumbs li article h4 a:hover{color: #ffffff !important;} .da-thumbs li article em{ margin-bottom:10px; color:#fff; display:block; } .da-thumbs li article span { display:inline-block; } span.link_post{ display:block; width:35px; height:35px; border-radius:50px; cursor:pointer; background-image:url(images/link_post_icon.png); background-repeat:no-repeat; background-position:center; margin-right:10px; } span.zoom{ overflow:hidden; display:block; width:50px; height:45px; border-radius:50px; cursor:pointer; background-image:url(images/zoom_icon.png); background-repeat:no-repeat; background-position:center; } .gal_zoom_desc{ width: 90% !important; height: 40px !important; overflow: hidden; margin: 0 auto; font-size: 13px; text-align: center; line-height: 20px; margin-bottom: 7%; } .gal_zoom_desc p { color:#ffffff !important;} .gal_zoom_desc>blockquote { padding:0;margin:0;} .gal_zoom_desc>blockquote p{color:#ffffff !important;} .portfolio_2col article h3 { padding-top:70px !important;} /* Image Grid */ .image_grid { overflow:hidden; margin-bottom:3%; position:relative; margin:0 auto; } .image_grid li{ display:inline-block; border:1px solid #dadada; text-align:center; line-height:25px; list-style:none; overflow:hidden; height:250px; /*width:24.6%;*/ width:250px; float: none; } @media only screen and (max-width: 988px) { .image_grid li img{ width:300px; } } /* ---- --- ----*/ .animate{ -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } /* ---- FOR TEXT SLIDE *START*----*/ .slide-in-right{ -webkit-transform: translateX(250px); -moz-transform: translateX(250px); -ms-transform: translateX(250px); -o-transform: translateX(250px); transform: translateX(250px); opacity: 0; } .slide-in-right.animate { -webkit-animation-name: slide-in-right; -moz-animation-name: slide-in-right; animation-name: slide-in-right; opacity: 1; } @-webkit-keyframes slide-in-right { 0% { -webkit-transform: translateX(250px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes slide-in-right { 0% { -moz-transform: translateX(250px); } 100% { -moz-transform: translateX(0); } } @keyframes slide-in-right { 0% { -webkit-transform: translateX(250px); -moz-transform: translateX(250px); -ms-transform: translateX(250px); -o-transform: translateX(250px); transform: translateX(250px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } /* ---- FOR TEXT SLIDE *END*----*/ /* ---- FOR TOP POSTS ZOOM *START*----*/ .zoom-in { -webkit-animation-name: zoom-in; -moz-animation-name: zoom-in; animation-name: zoom-in; } @-webkit-keyframes zoom-in { 0% { -webkit-transform: scale3d(.3, .3, .3); opacity: 0; } 50% { opacity: 1; } } @-moz-keyframes zoom-in { 0% { -moz-transform: scale3d(.3, .3, .3); opacity: 0; } 50%{ opacity: 1;} } @keyframes zoom-in { 0% { -webkit-transform: scale3d(.3, .3, .3); -moz-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); -o-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } 50%{ opacity: 1;} } /* ---- FOR TOP POSTS ZOOM *END*----*/ /* ---- FOR GALLERY IMG *START*----*/ .gall_effect{ -webkit-animation: gall_effect 0s; animation: gall_effect 1s 0s; } @-webkit-keyframes gall_effect{ 0% { -webkit-transform:scale(0.7,0.7);} 50% { -webkit-transform:scale(1,1); } } @-moz-keyframes gall_effect { 0% { -moz-transform:scale(0.7,0.7) } 100% { -moz-transform:scale(1,1) } } @keyframes gall_effect { 0% { transform:scale(0.7,0.7) } 100% { transform:scale(1,1) } } /* ---- FOR GALLERY IMG *END*----*/ /* Responsive image grid*/ /* Mobile landscape width 320 */ @media only screen and (max-width: 768px) { .image_grid li{ height: 145px; } .portfolio_3col .da-thumbs li article h3{ padding-top:50px; } .portfolio_2col .da-thumbs li article h3{ padding-top:53px !important; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .image_grid li{ width:178px } .portfolio_3col .da-thumbs li article h3{ padding-top:34px; } .portfolio_2col .da-thumbs li article h3{ padding-top:23px !important; } } @media (max-width: 784px) { .bwg_slideshow_image, .bwg_slideshow_image_container, .bwg_slideshow_image_wrap{ height:auto; } .flip-container {margin:8px 0 17px 10px;} .footer-sidbar .widget-container{ margin: 0 auto; float: none !important; } } .top_part { padding: 3% 0;} .phone .top_part{ padding: 30px 0 20px;} .phone .top_part h2{font-size:30px;} .top_part h2{ text-align:center !important; text-transform:uppercase; font-family:Open-Sans !important; font-size:35px; font-weight:700; } .top_part p { font-style:italic; text-align:center; font-size:16px; } /*ZOOM*/ .eye_port,.eye_blog,.eye_our,.eye_single { background:url(images/eye.png) no-repeat center; background-size:55%; border:3px solid white; position:absolute; display:none; } .port_list li .eye_port,.eye_single, .content-post .eye_blog{ border-radius:90px; height:90px; width:90px; } .eye_our{background-size:45px;} /*1*/ .port_list li .eye_port{ top:40% !important; left:40% !important; } .eye_single{ top:30% !important; left:35% !important; } .port_list li:hover .eye_port,.post-thumbnail-div .post-thumbnail:hover .eye_single {display:block; z-index: 1;} /*2*/ .content-post:nth-child(2n+1) .eye_blog{top: 15% !important; left:33%;} .content-post:nth-child(2n) .eye_blog{top: 30% !important;left:35%;} .content-post:hover .eye_blog {display:block; z-index: 1;} /*3*/ .mpopular-post .eye_our{ width:80px; height:80px; left:67px !important; top:47px !important; border-radius:60px; } .mpopular-post:hover .eye_our{display:block; z-index: 1;} .screen-reader-text{ display: none !important; } #TB_window { width: initial !important; height:auto !important; top:50% !important; background-color:#fafafa !important; } #TB_Image { margin:0 !important;} #TB_window img#TB_Image { margin:0 auto !important; border:0px !important; max-width: 100%; } #TB_caption, #TB_closeWindow { height: 0px !important; padding: 10px 10px 30px !important; background-color:#fafafa !important; } #TB_prev a, #TB_next a { color:#000 !important;} #TB_window { width:auto !important;} #wpadminbar { margin-top:0 !important;} /**************************************************************/ /** * lightbox styles */ .spider_popup_loading, .footer-list-block .bwp_gallery .spider_popup_loading, .footer-list-block .bwp_gallery_tags .spider_popup_loading { background-image: url("inc/images/ajax_loader.png"); background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-position: 0 0; background-size: 50px 50px; border: none !important; height: 50px; width: 50px; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; overflow: hidden; position: fixed; display: none; z-index: 10102; -webkit-animation: spin 2.5s infinite linear; -moz-animation: spin 2.5s infinite linear; -o-animation: spin 2.5s infinite linear; animation: spin 2.5s infinite linear; } .spider_popup_overlay{ background-color: rgba(0, 0, 0, 0.5); height: 100%; width: 100%; left: 0; top: 0; position: fixed; cursor: pointer; display: none; z-index: 10100; } div[id^="wdwt_container"] p { padding: 0 !important; margin: 0 !important; } .spider_ajax_loading { border: none !important; -webkit-animation: spin 2.5s infinite linear; -moz-animation: spin 2.5s infinite linear; -o-animation: spin 2.5s infinite linear; animation: spin 2.5s infinite linear; } .spider_popup_overlay, .footer-list-block .bwp_gallery .spider_popup_overlay, .footer-list-block .bwp_gallery_tags .spider_popup_overlay { cursor: pointer; display: none; height: 100%; width: 100%; left: 0; top: 0; position: fixed; z-index: 10100; } .spider_popup_close, .spider_popup_close_fullscreen { -moz-box-sizing: content-box !important; box-sizing: content-box !important; cursor: pointer; display: table; line-height: 0; position: absolute; z-index: 11100; } #spider_popup_left { left: 0; } #spider_popup_right { right: 0; } #spider_popup_left:hover, #spider_popup_right:hover { visibility: visible; } #spider_popup_left:hover span { left: 20px; } #spider_popup_right:hover span { left: auto; right: 20px; } #spider_popup_left, #spider_popup_right { background: transparent url("images/blank.gif") repeat scroll 0 0; bottom: 35%; cursor: pointer; display: inline; height: 30%; outline: medium none; position: absolute; width: 35%; z-index: 10130; } #spider_popup_left-ico,#spider_popup_right-ico { -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: table; left: -9999px; line-height: 0; margin-top: -15px; position: absolute; top: 50%; z-index: 10135; } .wdwt_image_info_container1{ height: 100%; width: 100%; position: absolute; margin: 0 auto; } .wdwt_image_info_container2 { height: 100%;width: 100%; position: absolute; margin: 0 auto; display: table; } .wdwt_image_info_spun { height: 100%; width: 100%; display: table-cell; left: 0; top: 0; overflow: hidden; position: relative; } .wdwt_image_info{ display: inline-block; position: relative; text-decoration: none; word-wrap: break-word; z-index: 11; width:300px; }