/* Theme Name: Business World Theme URI: http://web-dorado.com/wordpress-themes/business-world.html Author: web-dorado.com Author URI: http://web-dorado.com/ Description: Business World is an innovative WordPress theme great for Business websites. The theme has various interactive features, including slider, image rolls, interactive stats and etc. Business World Theme, Copyright 2014 web-dorado.com Business World is distributed under the terms of the GNU GPL Version: 1.0.7 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, editor-style, left-sidebar, post-formats, sticky-post, translation-ready, fixed-layout, featured-image-header License: GNU General Public License v3 or later License URI: license.txt Text Domain: business-world */ /*Wordpress standart*/ .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .sticky{ display:none; } .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; } .wp-caption { max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } 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 } .gallery-caption{ display:none; } body { width:100%; margin:0px; padding:0px; text-align:center; font-size:16px; } a { text-decoration:none; outline:none; } a:link, a:visited {text-decoration:none;} a:hover, a:focus, a:active {text-decoration:none;} :-webkit-input-placeholder { color: #373636; font-weight: normal; } :-moz-placeholder { color: #373636; font-weight: normal; } .search-header,.archive-header{ font-size: 24px; margin: 15px 0; } .search-no-result{ margin: 20px 0 20px 10px; font-size: 19px; } h1{ font-size:40px; } h4{ font-size: 24px; } h5{ font-size: 20px; } h6{ font-size: 18px; } h1, h2, h3, h4, h5, h6, form, p, ul, ol, dl, li {margin:0px; padding:0px;} h2,aside h3 { position:relative; margin:0px; font-size:32px; font-weight:normal; } h1, h2, h3, h4, h5, h6,pre, a, p{ word-wrap: break-word; word-break: break-word; } .styledHeading{ line-height: 34px; padding: 3px 0 0 3px; margin-top: 1px; min-height: 40px; } #blog table{ border-collapse: collapse; } #blog ol, #blog ul { padding-left: 20px; } #blog td, #blog th{ border: 1px solid #B6B6B6; padding: 7px } img{ max-width:100%; height: auto; } select{ max-width:100%; } address {font-style:normal;} object {outline:none;} .hide {display:none; } .show {display:block;} .clear {clear:both;} .home-post-date{margin-bottom:10px;} a img {border:none;} p{ margin: 0 0 24px; } /*###################################################*/ html, body {width:100%;} .phone .entry embed, .phone .entry iframe{ max-width:98%; } .container { position:relative; margin:0px auto; clear:both; } /*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; width: 23px; text-align: center; } .navigation{ clear: both; font-size: 17px; } .page-navigation{ clear: both; font-size: 20px; background: none !important; margin: 20px 0 !important; display: block !important; min-height: 40px; } .page-navigation a:last-child{ float:right; } .blog-page-navigation .navigation-previous{ float:left; } .blog-page-navigation .navigation-next{ float:right; } .blog-page-navigation { clear:both; margin: 10px 0; font-size: 18px; } /*entry meta*/ .entry-meta{ font-size: 16px; text-align: left; margin: 15px 0; clear:both; } .single-post .entry-meta{ font-size: 16px; margin: 5px 0; padding: 18px 0 5px; border-top: 1px solid #E7E7E7; letter-spacing: 0.8px; } .meta-date{ margin-bottom:15px; } .sep{ font-size: 16px; font-weight: 600; background-size: contain !important; } .sep.tag{ background:url(images/tag.png) no-repeat; height:20px; width:20px; display:inline-block; margin-bottom: -4px; margin-right: 7px; } .sep.date{ background:url(images/date.png) no-repeat; height:20px; width:20px; display:inline-block !important; margin: 0 7px 0 0 !important; } .sep.author{ background:url(images/author.png) no-repeat; height:20px; width:20px; display:inline-block; margin-right: 7px; } .sep.category{ background:url(images/categories.png) no-repeat; height:16px; width:16px; display:inline-block; margin-right: 7px; } .entry-meta-cat{ margin: 5px 0; padding: 5px 0; font-size: 16px; letter-spacing: 0.8px; } .categories-links, .tags-links, .author, .entry-meta time { margin-right: 20px; } .entry-date{ margin-right: 5px; } header, #header { position:relative; width:100%; } #header-top { width:100%; border-bottom:1px solid rgba(230,230,230,0.6); padding-top:12px; } #header-top .container { height:60px; } #social { position:absolute; left:0px; top:0px; list-style:none; height:37px; } #social li { float:left; margin:0px 5px 0px 0px; } #social li a { display:block; width:37px; height:37px; background:url(images/social.jpg) left top no-repeat; text-indent:-9999px; } #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-block { float:right; margin-top: 40px; } .tablet #search-block { margin-top: 20px; } #blog.blog-posts-page{ padding-top: 10px; } #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); background-repeat:no-repeat; padding: 5px; width: 20px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; float:right; margin: 0; border: 1px solid transparent; height: 20px; box-sizing: content-box; cursor: pointer; text-indent: 10000px; } .phone #search-block .ast-search #search-input { width: 16px; } #search-block .ast-search #search-input:focus { width: 150px; background-image:none; border: 1px solid #ddd; text-indent: 1px; } .tablet #search-block .ast-search #search-input:focus { width: 110px; } #search-block-category{ clear:both; width:190px; position: absolute; margin-top:30px; } #search-input { width:100%; height: 25px; z-index:1; border:0px; outline:none; max-width: 93%; border:1px solid #ddd; border-radius:4px; } #search-block .ast-search #search-submit { position:absolute; top:1px; right:13px; width:30px; height:31px; z-index:-1; border:0px; } #search-submit { position:absolute; top:1px; right:13px; width:30px; height:31px; background:url(images/search.png) right top no-repeat; border:0px; text-indent:-9999px; cursor:pointer; } input#search-submit:focus{ outline:0; } #header-middle { position:relative; width:25%; float:left; padding:12px 0px 12px 0px; } .tablet #header-middle { width:24%; } #header >.phone { padding-bottom:10px; } .phone #header-middle { width:100%; float:none; } #logo { position:relative; float:left; max-width:300px; } #logo h1 { font-size: 30px; font-weight:600; } .tablet #header-middle #logo { max-height: 46px; } #logo img { display:table; max-width:100%; } .tablet #logo img { max-height: 100%; } .advertismnet { background:#f5f5f5; display:table-cell; text-align:center; vertical-align:middle; font-size:40px; color:#cdcbcb; } #top-advertismnet { width:100%; max-width:468px; height:60px; float:right; } #top-advertismnet img{ width:100%; height:60px; } /*#################NAVIGATION MENU######################*/ #header .phone-menu-block { position:relative; max-width: 58%; float: right; } .phone .phone-menu-block { max-width: 100% !important; float:none !important; } #top-nav { position:relative; width:100%; } .top-nav-list *{ transition-property:background-color,color; transition-duration:0.5s; } #top-nav > div > ul,#top-nav > div > div > ul { list-style:none; display:table; text-align:left; } #top-nav > div > ul > li,#top-nav > div > div > ul > li { position:relative; float:left; margin:0px 0px 0px 0px; } #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 { display:block; margin:0px 0px 0px 0px; padding:40px 18px 0px 18px; height:60px; font-size:18px; } .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; padding: 25px 12px 0px 12px; height: 45px; } #top-nav > div > ul > li ul, #top-nav > div > div > ul > li ul { display: none; position: absolute; top: 100%; left: 0; z-index: 14; min-width: 200px; } #top-nav > div > ul > li ul li, #top-nav > div > div > ul > li ul li { position:relative; display:block; margin:0px; font-size:20px; } #top-nav > div > ul > li > ul li:hover >ul, #top-nav > div > div > ul > li > ul li:hover> ul { display:block; } #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; display:block; padding:10px 25px 0px 10px !important; height:40px; font-size:18px; white-space:nowrap; } #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: -2px; left:99%; margin-left:1px; } .top-nav-list >ul > li:before, #top-nav > div > ul > li:before, #top-nav > div > div > ul > li:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; opacity: 0; -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; } .phone .top-nav-list >ul > li:before, .phone #top-nav > div > ul > li:before, .phone #top-nav > div > div > ul > li:before{ content: ""; background-color:transparent; } .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; } .phone .featured-content img{ margin: 20px 0 30px !important; float: none !important; width: 99% !important; height: 200px !important; } .phone .featured-content{ text-align:center; } #top-page .container{ padding: 45px 0; } /*###########SLIDESHOW##########*/ #slideshow { position:relative; /*background-size:100% 100%;*/ } /*###########TOP POSTS##########*/ #top-posts { position:relative; clear:both; width:100%; text-align:left; margin-top:4px; } #top-posts h2{ position:relative; display:block; text-align:center; font-size:35px; line-height: 38px; margin-bottom: 5px; padding-top: 40px; } #top-posts p { text-align:center; margin-bottom: 20px; } #top-posts .date { position:relative; display:block; text-align:left; font-size:14px; color:#8b8b8b; margin:0px 0px -5px 0px; } #top-posts-list { width:100%; list-style:none; margin:10px 0px 0px 0px; } .tablet #top-posts-list,.phone #top-posts-list { width:100% !important; } .tablet #top-posts-list .top-post-img, .phone #top-posts-list .top-post-img{ width:auto !important; } #top-posts-list .top-post-img{ width:800px; height:400px; } #top-posts-list .top-post-caption *{ color: #ffffff; } #top-posts-list .top-post-caption h3{ font-size:35px; } #top-posts-list .top-post-caption{ position:absolute; top:0; left:0; width: 100%; height: 0; background: transparent; color: #ffffff; transition:background 0.3s ease-in-out; -webkit-transition:background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; -webkit-transform: translate3d(0,0,0); opacity:0; } #top-posts-list.phone .top-post-caption,#top-posts-list.tablet .top-post-caption{ display:none; } #top-posts-list .caption-more{ display: inline-block; padding-right: 30px; height: 30px; line-height: 30px; width: 90px; background:url(images/more_arrow.png) no-repeat right center; } #top-posts-list .caption-content{ text-align: center; margin-top: 110px; } .tablet #top-posts-list .caption-content{ margin-top: 65px; } .phone #top-posts-list .caption-content { margin-top: 40px; } .phone #top-posts-list > li:hover .top-post-caption, .tablet #top-posts-list > li:hover .top-post-caption{ height:0; opacity:0; } #top-posts-list > li:hover .top-post-caption{ height:100%; background: rgba(0,0,0,0.7); opacity:1; } .tablet #top-posts-list .top-post-img{ height:255px; } #top-posts-list li { position:relative; float:left; width:355px; background-attachment: initial; background-color: initial; background-origin: initial; background-clip: initial; background-position: 50% 0px; background-repeat: no-repeat; } .tablet #top-posts-list li { width:50% !important; } .top-posts-wrapper{ overflow: hidden; } #top-posts-list li:last-child {margin-right:0px;} #top-posts-list li h3 { position:relative; display:block; font-weight:normal; font-size:25px; width:100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom: 10px; margin-top: 2px; } #top-posts-list li div.image-block { position:relative; clear:both; width:244px; height:105px; overflow:hidden; background:#fff; margin-bottom:5px; max-width: 100%; } #top-posts-list li div.text { position:relative; width:100%; height:60px; overflow:hidden; } #top-posts-list li div.text p{ overflow:hidden; width:100%; height:100%; } #top-posts-list li div.text p { text-align:justify; } /*SLIDESHOW*/ #slides-list { height:100%; } #slideshow .nivo-caption { position:absolute; left:10%; bottom:10%; width:20%; height:40% } #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; } /*#############################MAIN#################################*/ #main { position:relative; width:100%; clear:both; } #content { position:relative; text-align:left; } /*################CATEGORIES TABS###################*/ #wd-categories-tabs { position:relative; width:100%; margin:5px 0px 10px 0px; } #wd-categories-tabs ul.tabs { position:relative; display:table; width:100%; list-style:none; } #wd-categories-tabs ul.tabs li { float:left; width:24.2%; margin-right:1%; height:67px; } #wd-categories-tabs ul.tabs li a{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } #wd-categories-tabs ul.tabs li:last-child {margin-right:0%;} #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; text-align:left; width:100%; height:47px; text-indent:8px; font-size:24px; padding-top: 15px !important; line-height: 20px !important; margin-top:0px !important; } #wd-categories-tabs ul.tabs li a span, #wd-categories-tabs ul.tabs li a:link span, #wd-categories-tabs ul.tabs li a:visited span{ font-size:11px; margin-left: 7px; } #wd-categories-tabs ul.tabs li a:hover, #wd-categories-tabs ul.tabs li a:focus, #wd-categories-tabs ul.tabs li a:active, #wd-categories-tabs ul.tabs li.active a, #wd-categories-tabs ul.tabs li.active a:link, #wd-categories-tabs ul.tabs li.active a:visited, #wd-categories-tabs ul.tabs li.active a:hover, #wd-categories-tabs ul.tabs li.active a:focus, #wd-categories-tabs ul.tabs li.active a:active { height:67px; margin-top:0px; padding-top: 15px; line-height: 20px; padding-right:5px; } #wd-categories-tabs ul.content { position:relative; /*display:table;*/ overflow:hidden; width:400%; clear:both; /*height:266px;*/ list-style:none; } #wd-categories-tabs .cont_vat_tab{ width:100%; overflow:hidden; } #wd-categories-tabs ul.content > li { position:absolute; height:auto; display:none; overflow:hidden; left:0px; right:0px; } #wd-categories-tabs ul.content > div.ui-effects-wrapper > li { position:relative; height:auto; display:none; overflow:hidden; } #wd-categories-tabs ul.content > li:first-child {display:block;} #wd-categories-tabs ul.content > li ul { display:table; position:relative; width:auto; /*margin:0px auto;*/ height:98%; /*padding:15px 1% 15px 1%;*/ list-style:none; } #wd-categories-tabs ul.content > div.ui-effects-wrapper > li ul { display:table; position:relative; width:auto; /*margin:0px auto;*/ height:98%; /*padding:15px 1% 15px 1%;*/ list-style:none; } #wd-categories-tabs ul.content > li ul li { position:relative; margin:0px; width:50%; float:left; } #wd-categories-tabs ul.content > div.ui-effects-wrapper > li ul li { position:relative; margin:0px; width:50%; float:left; } #wd-categories-tabs ul.content > li ul li div.thumbnail-block { position:relative; float:left; width:80px; height:80px; overflow:hidden; margin:1px 15px 10px 0px; } #wd-categories-tabs ul.content > div.ui-effects-wrapper > li ul li div.thumbnail-block { position:relative; float:left; width:80px; height:80px; overflow:hidden; margin:1px 15px 10px 0px; } #wd-categories-tabs ul.content > li ul li div.thumbnail-block a.image-block { display:block; overflow:hidden; } #wd-categories-tabs ul.content > div.ui-effects-wrapper > li ul li div.thumbnail-block a.image-block { display:block; overflow:hidden; } #wd-categories-tabs ul.content > li ul li div.thumbnail-block img { } #wd-categories-tabs ul.content > li ul li div.text { position:relative; /*float:left; width:270px;*/ height:80px; overflow:hidden; } #wd-categories-tabs ul.content > div.ui-effects-wrapper > li ul li div.text { position:relative; /*float:left; width:270px;*/ height:80px; overflow:hidden; } #wd-categories-tabs ul.content > li ul li div.text a{text-decoration:underline;} #wd-categories-tabs ul.content > li ul li div.text h3 { position:relative; display:inline-block; width:270px; height:25px; white-space:nowrap; text-overflow:ellipsis; font-weight:normal; } #wd-categories-tabs ul.content > div.ui-effects-wrapper > li ul li div.text h3 { position:relative; display:inline-block; width:270px; height:25px; white-space:nowrap; text-overflow:ellipsis; font-weight:normal; } #wd-categories-tabs ul.content > li ul li div.text .date { clear:both; } #wd-categories-tabs ul.content > div.ui-effects-wrapper > li ul li div.text .date { clear:both; } #videos-block { clear:both; position:relative; width:100%; margin:15px 0px 10px 0px; } #videos-block h2 { position:relative; display:block; text-align:left; font-size:40px; line-height: 50px; margin-left: 8px; } #videos-block .date { position:relative; display:block; text-align:left; font-size:14px; color:#8b8b8b; margin:0px 0px -5px 10px; line-height: 15px; } #videos-block .full-width { width:97%; clear:both; margin:10px 0px 0px 0px; padding:15px 8px 8px; border-top:1px solid #8b8b8b; } #videos-block .full-width img{ float:left; margin: 0 25px 10px 0; } #videos-block .full-width h3{ margin: 3px 0 10px; font-size: 24px; } .phone #videos-block .full-width { width:95%; } #videos-block .half-block { position:relative; width:48%; padding:1% 0% 1% 2%; 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; /*width:335px;*/ max-width:335px; background:url(images/video.1.jpg) left top no-repeat; } /*###########BLOG################*/ #blog { position:relative; margin:0px; padding-bottom:20px; padding-top:60px; } #blog.blog-posts-page , #blog.home-page{ padding-top:28px; } #blog.content-inner-block{ margin:15px 0px 10px 0px; } #blog h2.page-header { position:absolute; text-align:left; font-size:40px; padding:10px 50px 10px 0; margin:0px !important; top: -74px; z-index: 13; min-height: 74px; } #blog h2.page-header.notitle{ padding:0px; } .phone #blog h2.page-header { font-size: 23px; padding: 2px 50px 6px 0; top: -39px; min-height: 31px; } @media screen and (max-width: 500px){ .phone #blog h2.page-header { position:relative; top: 0; } .container.phone #blog { padding: 15px 5px 0 !important; } } .tablet #blog h2.page-header { font-size: 27px; padding: 5px 50px 10px 0; top: -60px; } .phone #blog h2.page-header:before{ height: 39px; } .tablet #blog h2.page-header:before{ height: 60px; } #blog h2.page-header:before{ content: ""; position: absolute; height: 74px; width: 2000px; right: 100%; top:0; } #blog h2.page-header.notitle:before{ content: ""; height: 0px; width: 0px; } #blog .date { position:relative; display:block; text-align:left; font-size:14px; margin:0px 0px 5px 10px; font-style: italic; } #blog .content-posts .date { position:absolute; margin:0px; top: 5px; left: 13px; } #blog .content-posts .date.thumb-class { left: 92px; } #blog .content-posts h2{ padding-bottom:15px; margin-bottom:0 !important; line-height: 50px; } blockquote,.single-post-text{ margin:10px 0; font-style: italic; font-size: 14px; color: #ADACAC; } #blog .content-posts .content-post { width:290px; float:left; margin:45px 0px 10px 23px; min-height:270px; border: 1px solid #ddd; border-radius: 4px; padding: 35px 15px 45px; position:relative; } .phone #blog .content-posts .content-post { width:96%; float:none; margin:45px 0 10px; position:relative; padding:50px 5px 20px; } .phone #blog .content-posts-container{ margin-left:0; } #blog .content-posts-container{ margin-left:-20px; } #blog .content-posts .content-post h3{ font-size:19px !important; font-weight:bold; line-height: 30px; margin-bottom: 10px; } #blog .content-posts .content-post img { width: 70px; height: 70px; position:absolute; top: -35px; border: 1px solid #ddd; border-radius: 100%; } #blog .content-posts .content-post p { text-align:left; } #bottom-advertismnet { display:block; position:relative; margin:0px auto; margin-top:30px; width:100%; max-width:728px; height:90px; line-height:85px; margin-bottom: 30px; } #bottom-advertismnet img { width:100%; height:90px; max-width:100% !important; } /*#####################About Us page######################*/ #percent_div .percent h4{ font-style: italic; font-size: 15px; text-align: center; margin-bottom: 20px; } #percent_div .percent{ float: left; margin-right:80px; } #percent_div .phone .percent{ float: none; margin:0 auto; } #percent_div{ padding: 70px 0 60px; margin:50px 0 40px; } #about_posts .about_post{ list-style:none; } #about_posts{ margin: 0 0 40px; } #about_posts .about_post li{ float:left; width: 230px; margin-right: 25px; line-height: 30px; } #about_posts .about_post li a{ font-size:16px; } /*#####################Service page######################*/ #service_posts{ margin:70px 0; } .service_post{ float:left; width:290px; margin-right:50px; margin-bottom:40px; overflow: hidden; min-height: 82px; } .service_post img{ float:left; border:1px solid #ddd; border-radius:100%; margin-right: 10px; width: 80px; height: 80px; } .service_post h3{ font-size:17px; font-weight:bold; margin-top: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .service_post p{ font-style:italic; color:#A3A3A3; } /*#####################SIDEBAR######################*/ aside { width:25%; float:left; text-align:left; margin-top:60px; } aside .sidebar-container { margin: 0px 3px 0px 3px; padding: 0px 5px 0px 5px; } aside .sidebar-container .widget-area { position:relative; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid rgba(0,0,0,0.8); } aside .sidebar-container .widget-area.widget_search{ min-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,#sidebar-footer .widget-container ul { padding:0px 0px 3px 0px; margin:0px 0px 0px 10px; text-indent: -3px; } .entry img{ max-width: 100% !important; height:auto; } .entry{ margin-bottom: 23px; } aside .sidebar-container .widget-area ul li{ margin-bottom:5px; } aside .widget-area> h3{ margin-bottom:5px; word-wrap: break-word; line-height: 30px; font-size:22px; } aside .widget-area> h2 { margin-bottom:5px; word-wrap: break-word; line-height: 32px; } 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-right: 15px; } /*##############FOOTER############3*/ #footer { position:relative; clear:both; border-top:2px solid; } #footer-widgets-list { width:100%; list-style:none; text-align:center; } .footer-sidbar { padding: 60px 0 40px; } #sidebar-footer .widget-container{ float:left; padding: 0 10px; margin-bottom: 10px; margin-top:0px; } #sidebar-footer.phone .widget-container{ margin-top:10px; } #sidebar-footer.phone, #sidebar-footer.phone .widget-container{ text-align:center; } #sidebar-footer.phone .widget-container ul{ display: inline-block; text-align: left; } #sidebar-footer.phone .widget-container{ padding:10px 0px !important; margin-bottom: 10px; margin-top:10px; border-bottom: 1px solid #A8A7A7; width:100% !important; float:none !important; } #sidebar-footer.phone div.widget-container:last-child{ border-bottom: 0px !important; } .widget_search form{ position:relative; height: 40px; width: 190px; max-width: 82%; } .widget_search form{ margin: 0 auto; } #sidebar-footer .widget-container h3{ position: relative; margin: 0px; font-size: 20px; font-weight: bold; margin-bottom: 8px; } #sidebar-footer .widget-container ul ,aside .sidebar-container ul,#sidebar-footer .widget-container ul, .most_categories ul{ list-style: none !important; padding-left: 0px !important; } aside .sidebar-container ul li:before,#about_posts .about_post li:before{ display:inline-block; width:10px; height: 0; content:'\2799'; margin-right:10px; } #footer-widgets-list li { display:inline-block; } #footer-bottom { position:relative; width:100%; clear:both; height:35px; padding:13px 0px 0px 0px; text-align:center; } #social_icons .social{ height:260px; width:25%; display: inline-block; position: relative; margin-left: -5px; margin-bottom: -4px; } #social_icons a{ height:260px; display: block; } .tablet #social_icons .social{ width:50%; } .phone #social_icons .social{ width:100%; float:none; } .socil{ height:260px; background-size: cover; background-position: center center; } #social_icons{ text-align:center !important; } #social_icons #facebook{ background-image:url(images/facebook.jpg); } #social_icons #googleplus{ background-image:url(images/googleplus.jpg); } #social_icons #rss{ background-image:url(images/rss.jpg); } #social_icons #twitter{ background-image:url(images/twitter.jpg); } .social-efect { position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; transition: background 0.3s ease-in-out; -webkit-transition:background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; width: 100% !important; background: transparent; height: 0 !important; } #social_icons a:hover .social-efect { height: 260px !important; opacity: 0.8; background: rgba(0,0,0,0.7); } .phone #social_icons a:hover .social-efect,.tablet #social_icons a:hover .social-efect { height: 260px !important; } /*############# PHONE ##################*/ .container.phone { width:640px; } .phone #logo { max-width:100%; } .phone #logo img { width:100%; } .phone #search-block { width:100%; overflow:hidden; float:none; margin-bottom:20px; } #header-top .container.phone { height:45px; } .phone #top-advertismnet { float:none; position:relative; margin:0px auto; display:block; } .tablet #top-advertismnet { max-width:440px; } /*TOP MENU */ #menu-button-block { position:relative; width:100%; height:50px; background-image:url(images/menu.button.png); background-position:right center; background-repeat:no-repeat; text-align:left; border: 1px solid #D7D7D7; border-left: 0; } #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 { display:block; padding: 12px 10px 0px 8px; height: 38px; font-size: 19px; } .phone #top-nav { position:absolute; top:52px; left:0px; z-index:200; background:none !important; } .phone #top-nav > div, .phone #top-nav > div > div { margin:0px 0px 0px 0px; } .phone #top-nav > div ul,.phone #top-nav > div > div ul { display:table; background:rgba(0,0,0,0.9); width: 100%; } .phone #top-nav .container{ width: 100% !important; } .phone #top-nav > div > ul li ul li.haschild > a, .phone #top-nav > div > ul li ul li.haschild > a:link, .phone #top-nav > div > ul li ul li.haschild > a:visited ,.phone #top-nav div> ul li ul li.haschild > a, .phone #top-nav div> ul li ul li.haschild > a:link, .phone #top-nav div> ul li ul li.haschild > a:visited ,.phone #top-nav div ul li.haschild > a{ background: url(images/arrow.menu.png) right bottom no-repeat; } .phone #top-nav > div > ul li ul li.haschild.open > a:hover, .phone #top-nav > div > ul li ul li .haschild.open > a:focus, .phone #top-nav > div > ul li ul li.haschild.open > a:active, .phone #top-nav > div > ul li ul li.haschild.active > a ,.phone #top-nav div ul li.haschild > a:active,.phone #top-nav div ul li.haschild > a:active,.phone #top-nav div ul li.haschild.open > a{ background: url(images/arrow.menu.png) right top no-repeat !important; background-position-y: -4px !important; } .phone #top-nav > div > ul li, .phone #top-nav > div > div > ul li { position:relative; width:100%; margin:0px !important; display:block; clear:both; display:block; 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:38px; padding:5px 0px 0px 5px; border:0px !important; } .phone #top-nav > div ul li ul,.phone #top-nav > div > div ul li ul { position:relative; width:100%; background:none; top:auto; left:auto; padding:0px; margin:0px 0px 0px 0px; display:none; } .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 { border:0px !important; } .phone #top-nav > div > ul li ul li.haschild > a,.phone #top-nav > div > ul li ul li.haschild > a:link,.phone #top-nav > div > ul li ul li.haschild > a:visited, .phone #top-nav > div > div > ul li ul li.haschild > a,.phone #top-nav > div > div > ul li ul li.haschild > a:link,.phone #top-nav > div > div > ul li ul li.haschild > a:visited { background:url(images/arow.right.white.png) 3px center no-repeat;text-indent:10px;} .phone #top-nav > div > ul li ul li.haschild > a:hover, .phone #top-nav > div > ul li ul li .haschild > a:focus,.phone #top-nav > div > ul li ul li.haschild > a:active, .phone #top-nav > div > div > ul li ul li.haschild > a:hover, .phone #top-nav > div > div > ul li ul li .haschild > a:focus,.phone #top-nav > div > div > ul li ul li.haschild > a:active{ background-image:url(images/arow.right.white.png); background-position:3px center; background-repeat: no-repeat; } .phone #top-nav > div > ul li ul li.haschild.open > a,.phone #top-nav > div > ul li ul li.haschild.open > a:link,.phone #top-nav > div > ul li ul li.haschild.open > a:visited, .phone #top-nav > div > div > ul li ul li.haschild.open > a,.phone #top-nav > div > div > ul li ul li.haschild.open > a:link,.phone #top-nav > div > div > ul li ul li.haschild.open > a:visited { background:url(images/arow.down.white.png) 3px center no-repeat;} .phone #top-nav > div > ul li ul li.haschild.open > a:hover, .phone #top-nav > div > ul li ul li .haschild.open > a:focus,.phone #top-nav > div > ul li ul li.haschild.open > a:active, .phone #top-nav > div > div > ul li ul li.haschild.open > a:hover, .phone #top-nav > div > div > ul li ul li .haschild.open > a:focus,.phone #top-nav > div > div > ul li ul li.haschild.open > a:active{ background:url(images/arow.down.white.png) 3px center no-repeat;} /*#MAIN#*/ .phone #content { width:100%; } /*#TOP POSTS#*/ .phone #top-posts-list { position:relative; overflow: hidden; } .phone .top-posts-block #top-posts-list { width:100%; } .phone .top-posts-block #top-posts-list li { width:100% !important; float:none; background-position: inherit; } .phone #top-posts-list .top-post-img { width: 100%; height: 220px; } /*#######HORIZONTAL TABS######*/ #wd-horizontal-tabs ul.tabs{ height: 100px; } .phone #wd-horizontal-tabs ul.tabs{ height: auto; } #wd-horizontal-tabs ul{ list-style:none; } #wd-horizontal-tabs{ position: relative; min-height: 250px; margin-top: 60px; } .phone #wd-horizontal-tabs{ text-align:center; min-height: 550px; } .tablet #wd-horizontal-tabs{ min-height: 350px; } #wd-horizontal-tabs .tabs li{ float:left; } .phone #wd-horizontal-tabs .tabs li { display: inline-block; margin: -4px -4px 0 0; float:none; } /* #wd-horizontal-tabs .tabs li:last-of-type{ display:none; }*/ #main_img{ width: 290px; height: 250px; float:left; } .phone #main_img{ margin:0 auto; float:none; } #main_img img{ width: 100%; height: 100%; } #wd-horizontal-tabs .tabs li img{ width:120px; height:100px; float:left; } #wd-horizontal-tabs ul.content{ position: relative; } #wd-horizontal-tabs ul.content > li{ display:none; line-height: 23px; font-style: italic; } #wd-horizontal-tabs ul.content > li:last-of-type { display: block; } .cont_horizontal_tab{ display: inline-block; padding: 25px 0 0 25px; max-width: 65%; } .phone .cont_horizontal_tab{ min-height: 145px; } @media screen and (max-width: 400px) { .phone .cont_horizontal_tab { min-height:180px; } } .tablet .cont_horizontal_tab,.phone .cont_horizontal_tab{ width: 98%; padding-left:0; display:block; clear:both; max-width:98%; } /*#######CATEGORIES TABS######*/ .phone #wd-categories-tabs .tabs-block { position:relative; } .categories-tabs-left, .categories-tabs-right { position:absolute; top:0px; width: 10%; display: table-cell; vertical-align: middle; cursor: pointer; height:60px; display:none; z-index:10; } .categories-tabs-left {left:0px;} .categories-tabs-right {right:0px;} .phone .categories-tabs-left, .phone .categories-tabs-right {display:block;} .phone .categories-tabs-left span ,.phone .categories-tabs-right span { position:relative; display:block; margin-top:25px; height: 20px; width:100%; text-indent:-9999px; float:left; cursor: pointer; } .categories-tabs-left span {background: url(images/arrow-left-right-black.png) center bottom no-repeat;} .categories-tabs-right span {background: url(images/arrow-left-right-black.png) center top no-repeat;} .phone #wd-categories-tabs .tabs li { width:100%; display:none; } .phone #wd-categories-tabs .tabs li.active {display:block;} .phone #wd-categories-tabs .tabs li a { width:40% !important; margin:0px auto; text-align:center !important; } .phone #wd-categories-tabs ul.content > li {display:none;} .phone #wd-categories-tabs ul.content > li.active {display:block;} .phone #wd-categories-tabs .content ul { /*padding:10px 10px 0px 10px;*/ width:100%; } .phone #wd-categories-tabs .content ul li { clear:both; width:100%; } /*#VIDEOS#*/ .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; } /*#BLOG#*/ .phone #blog .content-posts> ul li {width:100%;} .phone #blog .content-posts> ul li {width:98%;} /*#SIDEBAR#*/ .phone aside,.phone #sidebar1,.phone #sidebar2 { clear:both; width:100%; } .phone aside .sidebar-container { margin:0px; } .phone aside .sidebar-container .widget-area,.phone #sidebar1 .sidebar-container .widget-area,.phone #sidebar2 .sidebar-container .widget-area { /* width:50%;*/ float:left; border-bottom:0px; margin-bottom:10px; min-width: 190px; } .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; } /*#FOOTER#*/ #footer div.phone {/*NPT*/ padding-bottom:30px; } .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;} .phone #social {/*NPT*/ position:relative; top:0px; left:0px; } .phone #social li {/*NPT*/ display:inline-block; float:none; } /*#############PHONE END##################*/ /*#############TABLET BEGIN##################*/ .container.tablet { width:768px; } /*#MAIN#*/ .tablet #content { width:100%; } /*#SIDEBAR#*/ .tablet aside { clear:both; width:100% !important; } .tablet aside .sidebar-container{ margin:0px; } .tablet aside .sidebar-container .widget-area { width:33%; float:left; border-bottom:0px; } /*#############TABLET END##################*/ /*#############Dianna Style BEGIN ##################*/ body{ text-align:left !important; } .content-posts{ position:relative; padding:10px 0px 10px 0px; width: 100%; float: left; margin-bottom: 5px; } .content-postsimg { display:inline-block; margin:0px 5px 5px 0px; width:auto !important; float:left; } .content-postsp { text-align:justify; } .blog-post .read_more{ position:absolute; bottom:15px; font-style: italic; font-size: 15px; } .blog-post .read_more:after { width: 0; height: 0; border-top: solid transparent; border-bottom: solid transparent; border-width: 5px; content: "\2192"; margin-left: 5px; font-style: normal; font-weight: 100; font-size: 15px; } h1{ font-weight: normal; padding-bottom: 7px; margin-bottom: 5px; } .container.tablet #blog, .container.phone #blog { width:97%; margin-bottom:20px !important; clear:both; padding: 30px 5px 0; } .inputboxx{ float:left; width: 40%; margin-right:25px; } .log-out{ float:none !important; display: inline-block !important; padding: 10px 25px !important; } .log-in{ float: right; padding: 10px 20px !important; } #log_in{ min-height: 225px; width: 65%; margin: 0 auto 55px; padding-top: 45px; border: 1px solid #CCCCCC; } .phone #log_in{ width: 98%; } #loginform input[type="text"], #loginform input[type="password"]{ width: 98%; height: 40px; border: none; border: 1px solid #CCCCCC; padding-left: 5px; } #log_in div{ width: 65%; margin: 0 auto; margin-bottom: 25px; } .tabs li{ word-wrap:normal; overflow:hidden; white-space: nowrap; } #searchform{ margin-bottom: 10px; width: 97%; margin-left: 10px; margin-top: 10px; max-width:700px; } #searchbox { border:1px solid #000; height:42px; position:relative; } #searchinput { position:relative; float:left; width:86%; height:40px !important; padding:2px 0px 0px 3% !important; font-size:19px; outline:none; line-height: 27px; border:0; background: transparent; } #searchsubmit { position: absolute; top: 0px; right: 0px; width: 11%; height: 42px !important; cursor: pointer; font-family: Segoe UI; font-size: 24px !important; padding: 0px 2% 3px; line-height: 100%; } .phone #searchsubmit { width:23% !important; } .search-result { margin:0px 10px 0px 10px; } .search-result .entry > p { text-align:justify; margin-bottom:20px; } /*#############Hakob Style END ##################*/ #mpopular{ padding-bottom: 25px; margin-bottom: 30px; border-bottom: 1px solid #8D8D8D; } .mpopular-post { position:relative; padding:0px 0px 10px 0px; width: 30%; float: left; margin-right: 3%; max-height: 239px; overflow: hidden; } .mpopular-post img { width: 100%; height: 140px; } .mpopular-post h3 { margin-bottom: 7px; font-size: 20px; } .mpopular-post p { text-align:justify; } /* /////////////////////////////SONA ////////////////////////////////////// */ .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; } /*#################PAGE BLOG######################*/ .blog-post .image-block { float: left; margin: 0px 30px 30px 0px; } .phone .page-blog{ text-align:center; } .phone .page-blog .read_more{ position:static; margin-top: 15px; display: inline-block; } .phone .blog-post .image-block { float: none; margin:0; text-align: center; } .blog-post-div{ margin-bottom: 50px; position: relative; padding-bottom: 50px; } .phone .blog-post-div{ margin-bottom:60px; position:relative; padding-bottom: 30px; } .blog-post h3 { font-size: 24px !important; font-weight: bold !important; margin-bottom: 20px; margin-top: 0px; padding-top: 15px; } .read_blog{ right: 0; } .phone .read_blog{ bottom:0; } /*#####################PAGE NEWS##################*/ .blog.bage-news h2 { position:relative; display:block; text-align:left; font-size:40px; } .blog.bage-news{background:none !important;} .blog.bage-news .news-div-image{float:left; margin-right:7px} .blog.bage-news .news-div-text h3 a{ position:relative; bottom:5px} .blog.bage-news .news-div-text h3{margin-bottom:-7px} .blog.bage-news .news-div-text p{margin-top: 8px;} .blog.bage-news .entry{clear: both;} .blog.bage-news .news-post{padding-bottom: 10px;padding-top: 6px} .blog.bage-news .date-in-post{color:#E8E8E8} .blog.bage-news .news-post{margin-bottom: 7px;} /*#####################PAGE GALLERY##################*/ #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; } .gallery_main_div{ margin-bottom: 40px; } .zoom-icon{ width: auto !important; height: auto !important; } .GalleryPost img:not(.zoom-icon) { width: 100%; height: 230px; position:absolute; } .GalleryPost .entry-meta{ margin: 0 !important; } .GalleryPost{ float:left; position: relative; width:250px; height:230px; } .phone .gallery_main_div{ margin-left: 20px; } .gallery-post-info *{ color:#ffffff; } .GalleryPost h4{ font-size: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: bold; } .gallery-post-info{ float: left; padding-left: 15px; padding-right: 15px; } .zoom-icon-link{ float: right; margin-right:10px; } .caption{ bottom: -15px; left: -15px; position: absolute; display: none; width: 280px; background:rgba(0,0,0,0.5); padding: 15px 0; z-index:2; } /*### 404 PAGE ####*/ .image_404{ margin-top:30px; } .imgBox{ text-align:center; } .imgBox #searchform{ margin:0 auto; } .content-404{ margin-bottom:15px; font-size: 17px; } .image_404 img{ max-width:646px; width:100%; } /*****################################################# PAGE CONTACT ############################*****************/ #contactForm_div{ margin-bottom:20px; } .page-contact > p{ margin-bottom:20px; } #contactForm .forms { width: 100%; padding:0; } #contact_info div:not(.clear){ float:left; width: 23%; padding-left: 33px; min-height: 50px; margin-right: 20px; } .phone #contact_info div:not(.clear){ float:none; width: auto; padding-left: 33px; min-height: 50px; } #contact_address{ background:url(images/address.png) left top no-repeat; } #contact_phone{ background:url(images/phone.png) left top no-repeat; } #contact_mail{ background:url(images/mail.png) left top no-repeat; } #contact_info{ margin-bottom: 30px; } .styled-input { position: relative; width: 100%; } .inputback-textarea { float: left; width: 48%; } .inputback-gmap { margin-bottom:60px; width: 100%; } #gmap_canvas { height: 301px; width: 100%; } #contactForm .inputboxx input[type="text"], #contactForm .inputboxx input[type="password"] { width: 98%; height: 40px; border: 1px solid #CCCCCC; padding: 3px 0px 5px 2%; font-size: 15px; color: #64615f; } #contactForm textarea { width: 99%; height: 246px; padding: 5px 0px 7px 5px; outline: none; resize: none; color: #64615f !important; border: 1px solid #CCCCCC; font: normal 15px Verdana, Tahoma, sans-serif; } .message-textarea { margin:0 0 10px 0; float: left; width: 57%; } .button-color { position: relative; display: block; padding: 14px 25px; text-decoration: none; font-size: 16px !important; cursor: pointer; border: none; text-align: center; font-weight: normal !important; } .reset { background-color: #E8E8E8; color:#C0BFBF; position: relative; display: block; float: left; padding: 14px 25px !important; margin-right: 15px; text-decoration: none; font-size: 16px !important; cursor: pointer; border: none; text-align: center; font-weight: normal !important; } .reset:hover{ text-decoration:none; } .captcha_img{ float:left; padding-right:10px; } .captcha-div{ clear:both; } .left { width: 48%; } #contactForm .right{ float:right; min-width:210px; } .phone #contactForm > div { clear:both; position:relative; float:none !important; text-align:center; width:100%; } .inputback{ list-style:none; margin: 0px 0px 20px 0px; } .page-contact .label { position:relative; top:-3px; color: black; } .phone #contactForm > div.captcha-div{ margin-bottom:50px !important; } .phone #contactForm > div.captcha-div{ margin-bottom:50px !important; } .phone .inputback-gmap{ margin-bottom:25px !important; } .page-contact .captcha-div input{ padding-left: 4px; font-size: 16px; padding-bottom: 6px; float: left; width: 70px; height: 21px; border: 1px solid #CCCCCC; color: black !important; } .page-contact .captcha-div a{ float:left; text-decoration:none; border:none; padding-right: 6px; padding-top: 1px; } .phone #contactForm > div.right{ width: initial; float:right !important; } /*######################################################## Comment ###################################################*/ .comments-template{ width: 99%; } .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{ clear: both; } .comments-template ol ul{ margin: 0; } .comments-template textarea{ width:97%; } .wp-caption { background-color: #f3f3f3; border: 1px solid #ddd; border-radius: 3px; margin: 10px; padding-top: 4px; text-align: center; } #commentform *{ font-size: 16px; } .phone #commentform{ max-width: 95%; } .phone #respond input[type="text"], #respond textarea{ max-width: 92%; } .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; } .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; } .children .comment-body{ } 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; } .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; margin-right: 10px; padding: 0; vertical-align: middle; } .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; padding-bottom: 7px; } .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; } #respond .comment-notes{ margin-bottom: 10px; } #respond label { display: block; color:#747474 !important; } .comments-template p[class^="comment-form"]{ margin: 0px 0 8px; } #respond input[type="text"],#respond input[placeholder],#respond textarea,#respond textarea[placeholder] { color:#afafaf !important; outline:none; resize:none; padding: 10px; border-radius: 3px; margin: 5px 0; border: 1px solid #E9E9E9; } .reply{ clear: both; padding-bottom:3px; padding-top:3px; margin-right: 11px; margin-bottom: 5px; } .comment-reply-link{ padding-right:12px; padding-left:12px; } .comments-template>#respond{ display:inline-block; max-width: 99%; } .form-submit #submit { margin-bottom:10px; position: relative; display: block; float: left; padding: 0px 15px 4px 15px; text-decoration: none; font-size: 15pt !important; font-weight: normal; cursor: pointer; border: none; text-align: center; margin-top: 10px; font-weight: normal !important; background-image: none !important; } #respond #reply-title, .logged-in-as *{ color:#6D6D6D !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{ padding-left:6px; border-top: 1px; border-top-style: solid; border-top-color: #FFFFFF; } .comment-meta.commentmetadata{ font-size:12px; } .comment-body>p{ margin-right:25px; } /*######################## PAGE SITMAP ############################*/ .sitemap.half-block { position:relative; width:50%; float:left; } .sitemap.half-block h3 { margin:0px; font-size:35px; font-family:Segoe UI; } .half-block.sitemap ul{ display:table; width:100%; list-style:none; } .half-block.sitemap >ul{ margin:0px 0px 10px 0px; padding-left:0 !important; } .phone .sitemap.half-block { width:100%; } .phone .sitemap.half-block h3 {text-align:center;} .phone .half-block.sitemap ul { text-align:center; } /* MOST POPULIAR */ .mpopular-post>blockquote{ margin:0px; padding:0px; } .mp_posts>li>a{ width:90%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .mp_posts>li>a>h3{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } /* SONA */ #wd-categories-tabs ul.content > li ul li div.thumbnail-block,#wd-categories-tabs ul.content > div.ui-effects-wrapper > li ul li div.thumbnail-block{ margin: 0px 8px 5px 0px !important; } #wd-categories-tabs ul.content > li,#wd-categories-tabs ul.content > div.ui-effects-wrapper{ float:left !important; width:25%; } #wd-categories-tabs ul.content > li ul li div.text h3,#wd-categories-tabs ul.content > div.ui-effects-wrapper > li ul li div.text h3{ width: 200px !important; height: 20px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .phone #wd-categories-tabs ul.content > li ul li,.phone #wd-categories-tabs ul.content > div.ui-effects-wrapper > li ul li{ width: 100% !important; padding-right:0 !important; } #wd-categories-tabs ul.content > li ul li,#wd-categories-tabs ul.content > div.ui-effects-wrapper > li ul li{ clear: both !important; margin: 18px 0px 10px 10px !important; list-style: none !important; display: inline-table !important; width: 45% !important; list-style: none !important; float: none !important; padding-right: 20px; } .post-thumbnail { background-position: top center; background-repeat: no-repeat; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; /*max-height: 250px; max-width: 290px;*/ float:left; margin-right: 20px; margin-bottom: 15px; } .post-thumbnail img{ height: auto; float: left; width: 100%; } .post-thumbnail:before { -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3); content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 100%; } .post-thumbnail-div{ position: relative; overflow: hidden; } .single-post .post-thumbnail{ float:none; display: inline-block; } .single-post blockquote:after { content:''; display:block; clear: both; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .video-container object, .video-container embed, .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*###############Simple Date###############*/ .simple-div ul li { list-style-image: url(images/content.list.icon.gif) !important; margin-bottom: 10px; } .simple-div ul { list-style-position: outside; } .simple-div .partners img { width: 206px; float: left; padding-right: 8px; margin-right: 8px; } .simple-div.service img { margin: 5px 30px 0px 0px !important; width: 270px !important; } .simple-div .partners { border-bottom: 1px solid #DBDADA; margin-bottom: 15px; } /*############################COLOR CONTROL#################################*/ h1, h3, h4, h5, h6, h1>a, h3>a, h4>a, h5>a, h6>a,h1 > a:link, h3 > a:link, h4 > a:link, h5 > a:link, h6 > a:link,h1 > a:hover,h3 > a:hover,h4 > a:hover,h5 > a:hover,h6 > a:hover,h61> a:visited,h3 > a:visited,h4 > a:visited,h5 > a:visited,h6 > a:visited,h2, h2>a, h2 > a:link, h2 > a:hover,h2 > a:visited{ color:#000000; } .bwg_slideshow_description_text,.bwg_slideshow_description_text *,.bwg_slideshow_title_text *,.bwg_slideshow_title_text{ color:#FFFFFF; } a:link.site-title-a,a:hover.site-title-a,a:visited.site-title-a,a.site-title-a,#logo h1{ color:#007087; } #commentform #submit,.reply,#log-out-button, .button-color, #reply-title small { color:#FFFFFF; background-color: #007087; } #searchsubmit { color:#FFFFFF !important; background-color: #007087; } #blog .content-posts .content-post{ background-color: #FFFFFF; } .read_more{ color:#007087 !important; } .reply a,#reply-title small a{ color:#FFFFFF !important; } #searchsubmit{ border: 1px solid #338c9f; outline: 1px solid #007087; } #footer-bottom { background-color: #FFFFFF; } #footer{ border-top-color:#FFFFFF !important; } .footer-sidbar{ background-color:#FFFFFF; } body{ color: #000000; } #footer-bottom { color: #2C2C2C; } a:link, a:visited { text-decoration: none; color: #545454; } .top-nav-list .current-menu-item{ color: #000000 !important; background-color: #FFFFFF; } a:hover { color:#007087; } .entry-meta *,.entry-meta-cat *,.entry-meta a,.entry-meta-cat a{ color: #8F8F8F; } #menu-button-block { background-color: #FFFFFF; } #blog h2.page-header:before,#blog h2.page-header{ background-color:#FFFFFF; } .top-nav-list li li:hover .top-nav-list a:hover, .top-nav-list .current-menu-item a:hover,.top-nav-list li:hover,.top-nav-list li a:hover{ background-color: #FFFFFF; color:#000000 !important; } .top-nav-list li.current-menu-item, .top-nav-list li.current_page_item{ background-color: #FFFFFF ; color: #000000; } .top-nav-list li.current-menu-item a, .top-nav-list li.current_page_item a{ color: #000000 !important; } #top-nav,#header{ background-color:#FFFFFF; } .top-nav-list> ul > li ul, .top-nav-list > li ul { background:#FFFFFF; border-top:2px solid #007087; } #footer{ border-bottom: 7px solid #007087; } aside .sidebar-container ul li:before, #about_posts .about_post li:before{ color:#007087; } .phone .phone-menu-block { border-left:3px solid #007087; } #menu-button-block a{ color:#373737; } .phone #top-nav ul{ background:#FFFFFF !important; } .phone #top-nav{ background:none !important; } #sidebar1, #sidebar2 { background-color:#FFFFFF; } .commentlist li { background-color:#FFFFFF; } .children .comment{ background-color:#FFFFFF; } #respond{ background-color:#FFFFFF; } #top-nav.phone > li > a, #top-nav.phone > li > a:link, #top-nav.phone > li > a:visited { color:#373737; background:#FFFFFF; } .top-nav-list.phone > li:hover > a ,.top-nav-list.phone > li > a:hover, .top-nav-list.phone > li > a:focus, .top-nav-list.phone > li > a:active { color:#000000 !important; background:#FFFFFF !important; } #top-page{ background-color:#F9F9F9; } .top-nav-list.phone li ul li > a, .top-nav-list.phone li ul li > a:link, .top-nav-list.phone li ul li > a:visited { color:#373737 !important; } .top-nav-list >ul > li > a, .top-nav-list> ul > li ul > li > a,#top-nav div ul li a, #top-nav > div > ul > li > a:link, #top-nav > div > div > ul > li > a{ color:#373737; } .top-nav-list > li:hover > a, .top-nav-list > li ul > li > a:hover{ color:#000000; } .top-nav-list.phone li ul li:hover > a,.top-nav-list.phone li ul li > a:hover, .top-nav-list.phone li ul li > a:focus, .top-nav-list.phone li ul li > a:active { color:#000000 !important; background-color:#FFFFFF !important; } .top-nav-list.phone li.has-sub > a, .top-nav-list.phone li.has-sub > a:link, .top-nav-list.phone li.has-sub > a:visited { background:#FFFFFF url(images/arrow.menu.png) right top no-repeat !important; } .top-nav-list.phone li.has-sub:hover > a,.top-nav-list.phone li.has-sub > a:hover, .top-nav-list.phone li.has-sub > a:focus, .top-nav-list.phone li.has-sub > a:active { background:#FFFFFF url(images/arrow.menu.png) right top no-repeat !important; } .top-nav-list.phone li ul li.has-sub > a, .top-nav-list.phone li ul li.has-sub > a:link, .top-nav-list.phone li ul li.has-sub > a:visited{ background:#FFFFFF url(images/arrow.menu.png) right -18px no-repeat !important; } .top-nav-list.phone li ul li.has-sub:hover > a,.top-nav-list.phone li ul li.has-sub > a:hover, .top-nav-list.phone li ul li.has-sub > a:focus, .top-nav-list.phone li ul li.has-sub > a:active { background:#FFFFFF url(images/arrow.menu.png) right -18px no-repeat !important; } .top-nav-list.phone li.current-menu-ancestor > a:hover, .top-nav-list.phone li.current-menu-item > a:focus, .top-nav-list.phone li.current-menu-item > a:active{ color:#373737 !important; background-color:#FFFFFF !important; } .top-nav-list.phone li.current-menu-item > a,.top-nav-list.phone li.current-menu-item > a:visited { color:#007087 !important; background-color:#FFFFFF !important; } .top-nav-list >ul > li:hover:before, #top-nav > div > ul > li:hover:before, #top-nav > div > div > ul > li:hover:before{ background: #007087; } .top-nav-list.phone li.current-menu-parent > a, .top-nav-list.phone li.current-menu-parent > a:link, .top-nav-list.phone li.current-menu-parent > a:visited, .top-nav-list.phone li.current-menu-parent > a:hover, .top-nav-list.phone li.current-menu-parent > a:focus, .top-nav-list.phone li.current-menu-parent > a:active, .top-nav-list.phone li.has-sub.current-menu-item > a, .top-nav-list.phone li.has-sub.current-menu-item > a:link, .top-nav-list.phone li.has-sub.current-menu-item > a:visited, .top-nav-list.phone li.has-sub.current-menu-ancestor > a:hover, .top-nav-list.phone li.has-sub.current-menu-item > a:focus, .top-nav-list.phone li.has-sub.current-menu-item > a:active, .top-nav-list.phone li.current-menu-ancestor > a, .top-nav-list.phone li.current-menu-ancestor > a:link, .top-nav-list.phone li.current-menu-ancestor > a:visited, .top-nav-list.phone li.current-menu-ancestor > a:hover, .top-nav-list.phone li.current-menu-ancestor > a:focus, .top-nav-list.phone li.current-menu-ancestor > a:active { color:#373737 !important; background:#FFFFFF url(images/arrow.menu.png) right bottom no-repeat !important; } .top-nav-list.phone li ul li.current-menu-item > a, .top-nav-list.phone li ul li.current-menu-item > a:link, .top-nav-list.phone li ul li.current-menu-item > a:visited, .top-nav-list.phone li ul li.current-menu-ancestor > a:hover, .top-nav-list.phone li ul li.current-menu-item > a:focus, .top-nav-list.phone li ul li.current-menu-item > a:active{ color:#373737 !important; background-color:#FFFFFF !important; } .top-nav-list.phone li ul li.current-menu-parent > a, .top-nav-list.phone li ul li.current-menu-parent > a:link, .top-nav-list.phone li ul li.current-menu-parent > a:visited, .top-nav-list.phone li ul li.current-menu-parent > a:hover, .top-nav-list.phone li ul li.current-menu-parent > a:focus, .top-nav-list.phone li ul li.current-menu-parent > a:active, .top-nav-list.phone li ul li.has-sub.current-menu-item > a, .top-nav-list.phone li ul li.has-sub.current-menu-item > a:link, .top-nav-list.phone li ul li.has-sub.current-menu-item > a:visited, .top-nav-list.phone li ul li.has-sub.current-menu-ancestor > a:hover, .top-nav-list.phone li ul li.has-sub.current-menu-item > a:focus, .top-nav-list.phone li ul li.has-sub.current-menu-item > a:active, .top-nav-list.phone li ul li.current-menu-ancestor > a, .top-nav-list.phone li ul li.current-menu-ancestor > a:link, .top-nav-list.phone li ul li.current-menu-ancestor > a:visited, .top-nav-list.phone li ul li.current-menu-ancestor > a:hover, .top-nav-list.phone li ul li.current-menu-ancestor > a:focus, .top-nav-list.phone li ul li.current-menu-ancestor > a:active { color:#373737 !important; background:#FFFFFF url(images/arrow.menu.png) right -158px no-repeat !important; }