/***** Import File *****/ @import url("reset.css"); @import url("bootstrap.css"); @import url("socialize.css"); /***** General *****/ html, body {font-family: 'Open Sans Condensed', sans-serif,'Lucida Sans','Lucida Grande','Lucida Sans Unicode',sans-serif;color:#60666c; margin:0; padding:0;} .left { float:left;} .right {float:right;} .center{ text-align:center;} .divider{ width:100%; min-height:1px; margin-top:20px; margin-bottom:20px; display:inline-block; position:relative;} .divider-strip{padding-bottom:0px; display:inline-block; position:relative; background:url(../images/line.png) 0 50% repeat-x; margin-bottom:15px;} .divider-strip h1,.divider-strip h3{ font-size:20px; float:left; text-transform:uppercase; margin:0; padding:0 20px 0 0; background:#ffffff;font-family: 'Open Sans Condensed', sans-serif; font-weight:700;} .widget-title { overflow:hidden; margin-bottom:15px; background-color:#F8F8F8; padding:4px 0 3px 4px;} .widget-title h3{font-weight:400; margin:0; padding:5px 10px 6px 10px; line-height:16px;font-size:16px; float:left;text-transform:uppercase;font-family: 'Oswald' ,sans,serif;} a.all_cat{ position:absolute; top:2px; right:21px; z-index:5;background-image:url(../images/link-cat.png); height:20px; width:20px; display:block;} a.rss_cat{ position:absolute; top:2px; right:0px;z-index:5;background-image:url(../images/rss-cat.png); height:20px; width:20px; display:block;} .divider-strip.author{margin-bottom:30px;} .divider-strip.author h3{ text-transform:capitalize; font-size:16px !important; font-weight:400 !important;} .strip-lines{border-bottom:1px #e3e3e8 solid;} .widget{ padding-bottom:10px;} .csc-tab-widget,.csc-reviews-posts,.csc-recent-posts,.csc_facebook-widget,.csc_google-widget{ padding-bottom:5px;} #magaz_page .widget{ padding-bottom:10px;} .divider-post{min-height:1px; margin-top:15px; margin-bottom:25px; display:inline-block; position:relative; border-bottom:1px #e3e3e8 solid;} .strip-block em{ font-size:16px;} .no-float{ float:none;} .no-padding-lr{ padding-left:0; padding-right:0;} .margin-right{ margin-right:19px} a, img , button { outline: none; } /* http://sonspring.com/journal/clearing-floats */ .clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;} /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */ .clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;} .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner { border: 0; } button:focus, input[type="reset"]:focus, input[type="button"]:focus, input[type="submit"]:focus { border: 0; } button{ border:none} section{ padding-top:20px;} article{ margin-top:10px;clear: both;display: inline-block;} .basis{background:#ffffff; padding:0 30px; margin-top:0px;} .basis-footer{padding:0 30px;margin-bottom:0px;} .shadow{-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);} .bottom_copy {background:#2b2b2b;margin:20px 0 0 0;} /***** Typography & Element *****/ .alignleft {float:left;margin: 0px 20px 0px 0;} .alignright {float:right;margin: 0px 0 0px 20px} .aligncenter {display: block;margin: 0px auto 10px auto;} .wp-caption-text {display:block;text-align:center;padding:7px 0 10px;} .imageLeft {float: left;margin: 0px 20px 10px 0;} .imageRight {float: right;margin: 0px 0 10px 20px} .wp-caption {}.sticky {}.gallery-caption {}.bypostauthor {} .wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center;} .wp-caption.alignnone {margin: 5px 20px 20px 0;} .wp-caption.alignleft {margin: 5px 20px 20px 0;} .wp-caption.alignright {margin: 5px 0 20px 20px;} .wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;} .wp-caption p.wp-caption-text {font-size: 11px;line-height: 12px;margin: 0;padding: 10px 4px 0px 4px;} .entry-content p img{background: #fff;border: 1px solid #f0f0f0;padding: 5px; max-width:98%} a { color:#577088;} a:hover{} h1, h2, h3, h4, h5, h6{ font-weight:400;} .entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{ font-weight:400; margin-top:0; line-height: normal !important;} .entry-content h1 ,.entry-content h1 a {font-size: 36px;} .entry-content h2 ,.entry-content h2 a {font-size: 24px;} .entry-content h3 ,.entry-content h3 a {font-size: 18px;} .entry-content h4 ,.entry-content h4 a {font-size: 16px;} .entry-content h5 ,.entry-content h5 a {font-size: 13px;} .entry-content h6 ,.entry-content h6 a {font-size: 12px;} address{ font-style:italic; font-weight:bold;} .no-margin-l{ margin-left:0} p{ font-family: 'PT Sans', sans-serif;} /***** Header *****/ .top-bar a{ color:#f8f8f8} .menutopdefault.fixed { position: fixed; top:0; z-index:99999;} .strip-line{border-bottom:1px #e3e3e8 solid; height:103px;} .logotext{ padding:35px 0;} .logotext h2 { font-size:42px; line-height:42px; margin:0; padding:0; font-weight:700; font-family: !important 'Oswald' ,sans,serif; } .logotext h3 { font-size:16px; line-height:16px; margin:0; padding:10px 0 0 0; font-weight:700; font-family: !important 'Oswald' ,sans,serif; } a.logo{ height:50px; display:block; margin:15px 0 0 0; padding:10px 0 0 0; } #top-search .search-query.span4 { background:#ffffff url(../images/search-icon.png) 2px 4px no-repeat; border: none; width:1px; cursor:pointer; background-color:#515151; color:#f8f8f8; height:25px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} #top-search .form-search{ margin:4px 10px 0 0; float:right;} #pagehead {padding:0;border-bottom:1px #e3e3e8 solid;} #pagehead h1,.page-header h1{ font-size:14px; font-weight:400; text-transform: uppercase;} #pagehead .page-title{ padding:0 5px; margin:0 5px} #pagehead h1 small{ font-weight:400; text-transform:lowercase; line-height:35px;} /***** Main Nav *****/ nav select.menuselect{ display:none; margin-top:20px; width:100% !important;} nav{ display:inline-block; float:left;} nav ul.menu{ margin-bottom:0; } nav ul.menu li .data{ display:none !important;} nav ul.menu li:hover { visibility: inherit; } nav ul.menu li {float:left;border-right: 3px solid white;} nav ul.menu li.positions{ position:relative;border-right: 3px solid #0059ff;} nav ul.menu li > a{ position:relative;} nav ul.menu li > a > i{ position:absolute; bottom:5px; right:4px; margin:0 !important; opacity:.9;} nav ul.menu li:hover > a > i{opacity:1} nav ul.menu li > a{display: block;margin:0;padding:12px 12px 10px 12px;font-size:12px;font-weight: 400;font-family: 'Oswald', sans-serif;text-transform: uppercase;color: #f8f8f8;} nav ul.menu li a:hover,nav ul.menu li a:active, nav ul li.current-menu-item > a,nav ul li.current-menu-parent > a,nav ul li.current_page_parent > a{color: #e16652;border: none;} nav ul.menu li ul li a:hover,.menu li ul li.sfHover > a,nav ul.menu li ul li ul li a:hover{ padding-left:12px;} nav ul.menu li.sfHover > a:hover{background:#f8f8f8;} nav ul.menu li a em { display:block; margin:0 0 0 5px; text-transform:none;font-weight: 400; font-size:10px; line-height:14px;font-family: 'Oswald', sans-serif;} ul.menu i{ margin-right:7px;} /***** Sub-Menu *****/ nav ul.menu li:hover li ul, nav ul.menu li.sfHover li ul {top:-9999px;} nav ul.menu li:hover > ul, nav ul.menu li.sfHover ul {left:0px;top:40px;z-index:9999; box-shadow:#1b1a1a 1px 1px 4px;} nav ul.menu li li:hover ul, nav ul.menu li li.sfHover ul {left:160px;top:0;} nav ul.menu ul {position:absolute;top:-9999px;width: 160px;margin-left:0; z-index:9999} nav ul.menu li ul li{padding: 0 0 1px 0;background:#F00 url(../images/border_bg.png) bottom repeat-x; width:100%; margin:0; border-right:none !important} nav ul.menu li ul li.sfHover,nav ul.menu li ul li.sfHover a{border-top:none; margin-top:0; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} nav ul.menu li ul li a{font-weight: 400;color: #474747;border:none; padding:10px;margin:0; border:none; font-size:13px; background:#f8f8f8;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} nav ul.menu li ul li a:hover{color: #474747;background:#577088 ; margin-top:0; border:none;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} /***** Top-Menu *****/ .menu-t { float: left; margin:0; margin-top:4px;} .menu-t{ margin-bottom:0;} .menu-t li:hover { visibility: inherit; } .menu-t li {float:left;position:relative;margin:0 0 0 3px; padding-right:10px;} .menu-t li > i{ position:absolute; bottom:1px; right:5px; margin:0 !important; opacity:.5} .menu-t li > a{display: block;margin:0;padding:4px 5px 4px 0;;font-size:12px; line-height:12px;text-transform: uppercase;color: #f8f8f8;} .menu-t li a:hover,.menu-t li a:active, .menu-t li.current-menu-item > a,.menu-t li.current-menu-parent > a,.menu-t li.current_page_parent > a{color: #f8f8f8;border: none;} .menu-t li ul li a:hover,.menu li ul li.sfHover > a,.menu-t li ul li ul li a:hover{ padding-left:12px;} .menu-t li span.indicator { width:12px; height:13px; background:url(../images/sub-indicator.png) top center no-repeat; position:absolute; top:6px; right:2px; display:block;} ul.menu-t i{ margin-right:3px;} /***** Sub-Menu *****/ .menu-t li:hover li ul, .menu-t li.sfHover li ul {top:-9999px;} .menu-t li:hover ul, .menu-t li.sfHover ul {left:0px;top:30px;z-index:9999; box-shadow:#000 1px 1px 2px;} .menu-t li li:hover ul, .menu-t li li.sfHover ul {left:160px;top:0;} .menu-t ul {position:absolute;top:-9999px;width: 160px;margin-left:0; z-index:9999} .menu-t li ul li{padding: 0 0 1px 0;background:#666 url(../images/border_bg.png) bottom repeat-x; width:100%; margin:0;} .menu-t li ul li.sfHover,.menu-t li ul li.sfHover a{border-top:none; margin-top:0; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} .menu-t li ul li a{color: #fff!important; padding:10px;margin:0; border:none; font-size:13px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} .menu-t li ul li a:hover{color: #fff !important; margin-top:0; border:none;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} .menu-t li ul li span.indicator-right { width:12px; height:13px; background:url(../images/sub-indicator-right.png) top center no-repeat; position:absolute; top:11px; right:5px; display:block;} /***** Mega Menu *****/ #menu-top .main{ position:relative;border: 3px solid #E3E3E8;} #menu-top .main .mega-menu > ul{ box-shadow:none !important; display:block; position:relative !important; top:0 !important} #menu-top .main .mega-menu {position:absolute;top:40px;left:0;z-index:999;overflow:hidden;width:100%; display:none;} #menu-top .main .mega-menu .sub-links {float:left;width:25%;margin-bottom:0px;margin-left:0px;display:block;} #menu-top .main .mega-menu.fullblock .sub-links li {padding:0;margin-right:15px;} #menu-top .main .mega-menu .sub-links li a{display:block;padding:6px 25px;} #menu-top .main .mega-menu .sub-posts {float:right;width:71%;padding:20px 2% 10px;margin-bottom:0px;margin-left:0px;display:block;} #menu-top .main .mega-menu .sub-posts li {float:left;width:29.333%;padding:0;margin:0 2%;border-bottom:none;display: inline-block;background: none !important} #menu-top .main .mega-menu .sub-posts li a{ display: inline-block;padding:3px;} #menu-top .main .mega-menu .sub-posts img {width:100%;height:auto;display:block;} #menu-top .main .mega-menu .sub-posts li span.caption{ text-align:center; position:absolute; bottom:25px; left:0; z-index:99; width:100%; text-align:center;color:#FFF;font-size:16px; display:block; background-color:transparent !important; text-shadow:#666 0 1px 1px; text-transform:uppercase;} #menu-top .main .fullblock .sub-posts {width:96%;} #menu-top .main .fullblock .sub-links {width:100%; text-align:center;} /***** Sidebar *****/ .widget_nav_menu li , li.cat-item,.widget_archive li,.widget_meta li,.widget_pages li, .widget_rss li, .widget_recent_entries li,.widget_recent_comments li {display: block;margin: 0 0 -1px;padding: 8px 14px;border: 1px solid #e5e5e5;font-weight:400;text-transform: capitalize;} .widget_nav_menu li .fa-chevron-right,li.cat-item .fa-chevron-right,.widget_archive li .fa-chevron-right,.widget_meta li .fa-chevron-right,.widget_pages li .fa-chevron-right ,.widget_meta li .fa-chevron-right,.widget_pages li .fa-chevron-right, .widget_rss li .fa-chevron-right, .widget_recent_entries li .fa-chevron-right,.widget_recent_comments li .fa-chevron-right {float:left;margin-top: 0px;margin-left: -6px;margin-right:5px;opacity: .5; margin-top:4px;} .widget_nav_menu li:hover, li.cat-item:hover,.widget_archive li:hover,.widget_archive li:hover,.widget_pages li:hover ,.widget_meta li:hover,.widget_pages li:hover, .widget_rss li:hover, .widget_recent_entries li:hover,.widget_recent_comments li:hover {background-color: #f5f5f5;} .widget_nav_menu li:hover .fa-chevron-right,li.cat-item:hover .fa-chevron-right,.widget_archive li:hover .fa-chevron-right,.widget_meta li:hover .fa-chevron-right,.widget_pages li:hover .fa-chevron-right ,.widget_meta li:hover .fa-chevron-right,.widget_pages li:hover .fa-chevron-right, .widget_rss li:hover .fa-chevron-right, .widget_recent_entries li:hover .fa-chevron-right,.widget_recent_comments li:hover .fa-chevron-right {opacity: .7;} .widget_nav_menu li.current-menu-item .fa-chevron-right{opacity: .7;} /***** Home Magazine *****/ .stb_l{position:relative;height:381px;margin-top:1px;} .stb_r{margin-left:1px; margin-top:1px; width:239px;position:relative; height:190px;} .stp_s{padding-bottom:20px; height:401px !important} .stp_l{position:relative;height:210px;margin-left:1px;width:659px;} .stp_r{margin-left:1px; margin-top:1px; width:239px;position:relative; height:190px;} .stwo_l{padding-bottom:20px; width:469px} .stwo_r{padding-bottom:20px; width:469px; margin-left:2px} h3.caption-static{ position:absolute; bottom:10px; left:20px; padding:10px 9px 8px 9px; z-index:9;font-weight:700 !important;text-shadow:#666 0 1px 1px} h3.caption-static a{ color:#fff;font-weight:400} h3.caption-static.smalls{ padding:2px 8px 4px 8px;} h3.caption-static.smalls a{ color:#fff; font-size:14px !important;font-weight:400} img.eff-hover-d{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .eff-hover-h{ overflow:hidden;} .eff-hover-h:hover img.eff-hover-d{ -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9;} /***** Sitemap *****/ #map-cat li.cat-item{ border:none !important; padding:0;} #map-cat li.cat-item .fa-chevron-right{ display:none;} #map-cat li.cat-item i,#map-aut li i{ float:left !important;margin-right:7px; margin-top:2px} #map-cat li.cat-item:hover{ background: none !important} #sitemap-list li{ padding-bottom:5px !important; font-size:15px !important; text-transform: capitalize} #sitemap-list i{font-size:13px !important} #sitemap-list h2{ margin-top:0;} /***** Breadcrumbs *****/ .breadcrumbs_menu{ margin-bottom:5px; padding-bottom:10px; font-size:12px;border-bottom: 1px solid #E3E3E8;} .breadcrumbs_menu .current{} .colorB{color:#359bed;} /***** News block *****/ .hot_top_news,.hot_top_news a{ color:#fff !important} .hot-news a.nextNav,.hot-news a.prevNav {position:absolute;display:block;width:40px;height:40px;text-indent:-9999px;border:0;opacity: 0;top: 50%;margin-top:-5px;filter: alpha(opacity = 0);-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;z-index:9999;} .hot-news a.nextNav{ background:url(../images/arrow-slider.png) right top no-repeat;right: 20px;} .hot-news a.prevNav{ background:url(../images/arrow-slider.png) 0 0 no-repeat;left: 50px;} .hot-news:hover a.nextNav, .hot-news:active a.prevNav,.hot-news:hover a.prevNav, .hot-news:active a.nextNav { opacity: .99;filter: alpha(opacity = 99); } .hot-news:hover a.prevNav, .hot-news a.prevNav:hover, .hot-news a.prevNav:active { left:30px; } .hot-news:hover a.nextNav, .hot-news a.nextNav:hover, .hot-news a.nextNav:active { right:0px; } /***** Breaking *****/ .breaking-roll {padding:0; margin-left:0; margin-bottom:0; display:block} .breaking-roll li{ height:40px; font-size:13px; font-weight:400; float:left; margin-top:4px;} .breaking-roll li a{ margin-left:20px; font-weight:700;color:#999999 !important} .breaking{ margin-top:0px;} a.all_break{position:absolute; top:0; right:0; z-index:10; color:#999999 !important; padding:5px;} .breaking{background-color:#2E2E2E; color:#fff !important; margin-bottom:-20px;} /***** Widgets Magazine set *****/ .bl-bg{ background-color:#f8f8f8; margin-bottom:10px; padding-top:5px; padding-bottom:5px;} .bl-bg p { padding-right:5px; padding-left:10px;} .rslides_nav {position: absolute;top:2px;right:23px;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 20px;width: 20px;background: url(../images/arrow-slider3.png) no-repeat left top;} .rslides_nav.next {right: 1px;background-position: right top;} .entry-info .button.small{opacity:.7} .entry-info .button.small:hover,.rslides1_nav:hover,.rslides1_nav.next:hover{opacity:.7} a.all_cat:hover,a.rss_cat:hover{opacity:.8} .news-info {padding:5px 0px; font-size:10px; line-height:14px !important; color:#999999} .news-info .p-comm{ margin-left:5px;} .news-info .p-rate{ margin-left:5px;} .rslides .stars-rate img,.flexslider .stars-rate img{ max-width:70px !important; max-height:12px !important; margin:0 !important} .rslides .stars-rate{ float: right !important; margin-top:5px !important; margin-right:145px !important;} .flexslider .stars-rate{ margin-top:5px !important; display:block;} .entry-more{ font-size:13px; line-height:14px; margin-top:5px; margin-bottom:10px; display:block;} .news-infop div.posts{ position:absolute; bottom:45px; left:0; z-index:999; display:block; padding:5px 10px; color:#fff; font-size:10px; line-height:14px !important;-moz-box-shadow: 2px 2px 3px #1b1a1a; -webkit-box-shadow: 2px 2px 3px #1b1a1a;box-shadow: 2px 2px 3px #1b1a1a;} .news-infop.p-video div.posts{ left:20px;} .news-infop div.posts .p-day{ background: url(../images/time-icon.png) left top no-repeat; padding-left:16px;} .news-infop div.posts .p-comm{ background: url(../images/comm-icon.png) left top no-repeat; padding-left:16px; margin-left:5px;} .news-infop div.posts .p-rate{ background: url(../images/rate-icon.png) left top no-repeat; padding-left:13px; margin-left:5px;} .top-num{font-size:55px; color:#ccc;font-weight:700; position:absolute; top:17px; left:0; z-index:0;} .rev_block .scorehomebig{ font-size:15px !important; font-weight:700; color:#fff; padding:5px; font-style:normal; position:absolute; top:8px; right:0; z-index:0;-webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);} /***** Blog *****/ blockquote small:before {content: "";} ul.control-menu{ margin-bottom:30px; padding: 0;float: right; margin-left:2px; display:inline-block;} ul.control-menu li{ margin: 0; float:left; display:inline-block; line-height:none; overflow:hidden} ul.control-menu li a{ margin-right:2px; padding:6px 12px;display:block;font-size: 12px; text-align:center; text-decoration: none; text-transform:uppercase;background:#e3e3e8;color:#f8f8f8; line-height:15px; } ul.control-menu li a:hover{ background-color:#577088; color: #f8f8f8;} ul.control-menu li a{ background-color:#577088; border:none; font-weight:400;} ul.control-menu li a:hover{background-color:#f14a29;border:none;} .post-img { position:relative;} .post-img .post-format{ position:absolute; left:0; top:0; z-index:99;} .post-format { position:relative; display: inline-block; opacity:0;} .post-format > span{display:block; width:40px; height:40px; background:#577088 url(../images/post-format-sprite.png) 50% 40px no-repeat; position:absolute; top:0; left:0; z-index:99;} .blog-meta{width:40px; height:40px; float:left; margin:0px 20px 15px 0;} .blog-meta .post-format { display:block;opacity:1; } .blog-meta .post-format > span{ width:40px; height:40px; display:block; background:#577088 url(../images/post-format-sprite.png) 50% 40px no-repeat;} .format-aside .post-format > span { background-position: 50% 0;} .format-audio .post-format > span{ background-position: 50% -40px;} .format-chat .post-format > span{ background-position: 50% -80px;} .format-standard .post-format > span{ background-position: 50% -120px;} .format-gallery .post-format > span{ background-position: 50% -160px;} .format-link .post-format > span{ background-position: 50% -200px;} .format-quote .post-format > span{ background-position: 50% -240px;} .format-status .post-format > span{ background-position: 50% -280px;} .format-video .post-format > span{ background-position: 50% -320px;} .format-image .post-format > span{ background-position: 50% -360px;} .post-format-s { display:inline-block; width:100%;} .post-format-s > span.icon{display:block; width:40px; height:30px; background:#577088 url(../images/post-format-sprite.png) 50% 0px no-repeat; float:left; opacity:0.5} .format-aside .post-format-s > span.icon { background-position: 50% 0;} .format-audio .post-format-s > span.icon{ background-position: 50% -45px;} .format-chat .post-format-s > span.icon{ background-position: 50% -85px;} .format-standard .post-format-s > span.icon{ background-position: 50% -125px;} .format-gallery .post-format-s > span.icon{ background-position: 50% -165px;} .format-link .post-format-s > span.icon{ background-position: 50% -205px;} .format-quote .post-format-s > span.icon{ background-position: 50% -245px;} .format-status .post-formatv > span.icon{ background-position: 50% -285px;} .format-video .post-format-s > span.icon{ background-position: 50% -325px;} .format-image .post-format-s > span.icon{ background-position: 50% -365px;} .post-format-s:hover > span,.post-img:hover .post-format{opacity:1;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;} .post-title{ margin:0 0 0 0; font-size:28px; line-height:32px;} .post-title.post-cat{ margin:0 0 5px 0 !important;} .post-title.top{ margin:10px 0 0 0;} .post-title-small{ margin:0; font-size:17px !important; line-height:19px;} .post-title-small a{font-size:17px !important;} #blog_page .post-img{ margin-bottom:5px;} #blog_page .post-img img{ margin-bottom:0px;} .entry-header{ font-size:12px;color: #999} .entry-info {font-size:13px; text-transform: capitalize;color: #999;margin-top:10px;} .entry-info span{ font-size:12px; color: #999;} .entry-info span a,.entry-info a { font-weight:400 !important; font-style:normal;font-size:12px;} .entry-content{ margin-top:10px;} .entry-content ul li{ list-style-type: disc; } .entry-content ol li{ list-style-type: decimal;} .entry-content p{ margin-bottom:10px;} .entry-content p a{font-style:normal; /* border-bottom:dashed #999999 1px;*/} .blog-quote a{font-weight:700; font-style:normal; font-size:15px} .tagcloud{ margin: 0;} .tagcloud a { font-size:12px;padding:5px 10px 7px 10px; display: inline-block; text-transform:lowercase; margin:0 1px 3px 0; border:1px #e0e0e0 solid;} .tagcloud a:hover{ color:#fff} .home-p p{ margin-bottom:0;} .blog-quote blockquote{ padding:20px 0 0 0; font-style:italic;font-size:16px; background:url(../images/quote.png) 95% 90% no-repeat; border-left:none; border-bottom:2px #e3e3e8 solid;border-top:2px #e3e3e8 solid;} .blog-quote blockquote small{ font-style: normal; font-weight:700; margin-top:20px; font-size:16px;} blockquote{ padding:20px 0; font-style:italic;font-size:16px; background:url(../images/quote.png) 95% 90% no-repeat; border-left:none; border-bottom:1px #e3e3e8 solid;border-top:1px #e3e3e8 solid; margin:10px 0 !important;} blockquote small{ font-style: normal; font-weight:700; margin-top:20px; margin-bottom:20px; font-size:16px;} .more_post{ padding:0 !important; font-size:14px !important; line-height:12px !important; margin:0 !important; margin-left:10px !important;} /*****Widgets Sidebar *****/ .widget ul{ margin-left:0 !important;} #searchform{ margin-bottom:0;} input.search-query { width:99%; padding:0; height:20px; padding-top:5px; padding-bottom:5px; background:#ffffff url(../images/search-icon.png) top right no-repeat;border-color:#E3E3E8; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} input.search-query.mains { margin:3% auto 0 auto; width:150px; padding:0; height:20px; padding-left:5px; padding-top:5px; padding-bottom:5px; background:url(../images/zoom-icon.png) top right no-repeat;border: none; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; color:#999999;border-color: #111111; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); } .searchboxtop{ position:absolute; top:0px; right:0px; z-index:9;} input.search-query.mains:focus{ padding: 5px 25px 5px 0px; outline: 0; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); } .navigation{float:left;} .pagenavi > a,.pagenavi > span { margin-right:3px;} #blog_page .pagenavi span.current,#blog_page #commentform button{ color:#f8f8f8} .pagenavi .pages { display:none;} .w-recentpost{ margin-left:0;} .w-recentpost li{ margin-bottom:10px; display: inline-block; width:100%;} .csc_latest_portfolio{ margin-left:0;display:inline-block; margin-bottom:0;} .nav-tabs > li > a{background-color:#F0F0F0; border:none !important; margin-right:1px !important; font-size:14px !important} .csc-acc-widget li a,.csc-recent-posts li a,.csc-tab-widget li a{ font-size:13px;font-family: 'PT Sans',sans,serif; line-height:12px; font-weight:400;} .csc-acc-widget li span,.csc-recent-posts li span,.csc-acc-widget li span a,.csc-recent-posts li span a,.csc-tab-widget li span a,.csc-tab-widget li span {font-size:10px;font-weight:400;color: #999999;} .csc-acc-widget li span a,.csc-recent-posts li span a ,.csc-tab-widget li span a {font-size:12px;font-family: 'PT Sans',sans,serif; font-weight:700;color: #999999;} .accordion-group,.nav-tabs > li > a{ -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; font-weight:400} .counter-widget { margin:0;font-family: 'PT Sans',sans,serif;} .counter-widget li.tw{background:#00aced url(../images/tw-cb.png) top left no-repeat; border-bottom:2px solid #E5E4E4;} .counter-widget li.fb{background:#39599f url(../images/fb-cb.png) top left no-repeat; border-bottom:2px solid #E5E4E4;} .counter-widget li.rss{background:#f8bc2e url(../images/rss-cb.png) top left no-repeat; border-bottom:2px solid #E5E4E4;} .counter-widget li.yt{background:#CD332D url(../images/yt-cb.png) top left no-repeat; border-bottom:2px solid #E5E4E4;} .counter-widget li.vo{background:#162221 url(../images/vo-cb.png) top left no-repeat; border-bottom:2px solid #E5E4E4;} .counter-widget li.de{background:#d97aa5 url(../images/de-cb.png) top left no-repeat; border-bottom:2px solid #E5E4E4;} .counter-widget li.tw:hover{background:#f0f0f0 url(../images/tw-cb.png) top left no-repeat; border-bottom:2px solid #E5E4E4;} .counter-widget li.fb:hover{background:#f0f0f0 url(../images/fb-cb.png) top left no-repeat; border-bottom:2px solid #E5E4E4;} .counter-widget li.rss:hover{background:#f0f0f0 url(../images/rss-cb.png) top left no-repeat; border-bottom:2px solid #E5E4E4;} .counter-widget li.yt:hover{background:#f0f0f0 url(../images/yt-cb.png) top left no-repeat; border-bottom:2px solid #E5E4E4;} .counter-widget li.vo:hover{background:#f0f0f0 url(../images/vo-cb.png) top left no-repeat; border-bottom:2px solid #E5E4E4;} .counter-widget li.de:hover{background:#f0f0f0 url(../images/de-cb.png) top left no-repeat; border-bottom:2px solid #E5E4E4;} .counter-widget a{ display:block;padding:10px 0 5px 0; padding-left:70px; color:#fff} .counter-widget a:hover{ color:#9c9b9b !important} .counter-widget a span{font-size:20px; text-transform:uppercase; font-weight:700; padding:0;} .counter-widget a em{ font-size:11px; text-transform: lowercase;line-height:20px;} #wp-calendar{ width:100%; } #wp-calendar caption{padding:5px 0;font-weight:bold;} #wp-calendar td, #wp-calendar th{width:14%;line-height:28px;text-align:center;} #wp-calendar th{font-size:11px;font-weight:bold;padding:0;background:none; color:#fff; margin-left:1px;} #wp-calendar td{padding:0;border:none; padding-bottom:1px !important; padding-left:1px !important } #wp-calendar tbody td.pad, #footer #wp-calendar tbody td.pad{background:none;border:none;} #wp-calendar tbody td a{display:block;font-weight:bold; color:#fff !important; } #wp-calendar tbody td#today a{background:#888;color:#fff !important;font-weight:bold;} #wp-calendar tfoot td, #footer #wp-calendar tfoot td{border:none;background:none; padding-left:20px; padding-right:20px;} #wp-calendar tfoot td#prev{ text-align:left;} #wp-calendar tfoot td#next{ text-align:right;} /***** Photostream *****/ .photostream{ display:inline-block;} .photostream ul, .widget .photostream ul {list-style-type: none;padding: 0;margin: 0;margin-left: -10px;} .photostream ul li,.widget .photostream ul li {width: auto;float: left; margin: 0 2px 2px 0; padding:1px; background-color:#E5E4E4;} .photostream a, .photostream img{height: 56px;width: 56px;} .photostream a:hover img{opacity:.7;} .csc_latest_portfolio li{float: left; margin: 0 2px 2px 0; padding:1px; background-color:#E5E4E4;} /***** Hack Bootstrap*****/ textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #E3E3E8; box-shadow: none; outline: 0 none; } /***** Share*****/ .share{ background:#f8f8f8; padding-top:10px; padding-bottom:10px;margin-top:20px;} .share ul.soc-share { margin:0px; padding:10px 0 0 0; margin-right:0px; display:inline-block;} .share ul.soc-share li{ float:left; margin-left:20px;} .share h3{ float:left; margin:3px 0 0 20px; line-height:18px; font-size:18px;} #share_port{ background: none !important } /***** Comments *****/ #comments,#comments h4{} #commentform label{color:#999999 !important;font-size:13px;padding:5px 0 2px 0; margin-bottom:0px !important;} #commentform label small{color:#F14A29;} #comments p{padding-bottom:20px;} #comments span,#respond-title span{font-size:10px;font-weight:400;display:block;color:#666;} .commentlist{list-style-type:none;margin:20px 0 40px;} .pinglist{list-style-type:decimal;margin:20px 0 40px 20px;} .comment{margin:0 0 10px!important;padding:0!important;} #commentform input{position:relative; margin-bottom:1px; border-radius:0px !important} #commentform textarea{border-radius:0px !important} #commentform p:last-child{margin-bottom:0!important;} #respond #submit{width:auto;margin-bottom:0;} .children{list-style-type:none;margin:10px 0 0 80px;padding:0!important;} .comment .avatar{float:left;border-right:solid 1px #CCC;margin:0 14px 0 0;padding:0 15px 0 0;} .comments-pagination{margin:0 0 40px;padding:0;} .comments-pagination a{font-size:10px;margin:0;} .author-tag{font-size:12px!important;color:#888;text-transform:uppercase;float:right;line-height:13px;} .comment-author{margin:-4px 0 0 75px;} .comment-inner{margin:0 0 0 65px;} .comment-inner p{margin-bottom:10px!important;} .comment-meta{margin-top:7px;margin-bottom:15px;font-size:14px;} .cancel-comment-reply{margin:0 0 20px;} .comment-author cite{font-weight:700;} .nocomments{text-align:center;padding:20px;} .comment-body{background-color:#f8f8f8;position:relative;padding:20px 20px 0;} a.comment-reply-link{background-color:#e3e3e8;font-size:10px;position:absolute;bottom:10px;right:10px;text-transform:uppercase;padding:0 7px;} a.comment-reply-link:hover{background-color:#96a9bb;color:#f8f8f8;} #respond-title,#comments .vcard{font-size:16px;} /***** Reviews *****/ .overall-score-criterion ul{ margin-left:0; margin-bottom:0; margin-top:0px;} .overall-score-criterion ul li{ border-bottom:1px #e3e3e8 solid; padding:4px 0 6px !important; min-height:28px;} .overall-score-criterion ul li:last-child{} .overall-score-criterion ul li h4{ float:left; padding:0 !important; margin:0 !important; font-weight:400; font-size:15px;} .overall-score-criterion ul li span{ float: right; margin:0 !important;} .overall-score-criterion ul li span img{ padding:0 !important; margin:0 !important;} .overall-score{background-color:#f8f8f8;} .overall-score h2{ font-weight:700 !important; color:#fff !important;font-size:20px;text-align:center; padding-top:4px; padding-bottom:4px; margin-top:10px;} .overall-score h3{ font-weight:700 !important; margin-left:20px; padding:10px 0;} .overall-score img{ padding:0; margin-top:17px !important; padding-bottom:10px;} .overall-summary{ text-align:left;padding:0;} .overall-summary p{ padding:0 !important; margin:20px 0; margin-left:20px} .topreviews .overall-summary p{ padding:0 !important; margin:10px; margin-top:0;} .contbar{width:100%; background-color:#e4e4e8; height:20px; float:left; margin:5px 0 0 0;} .contbar.progress{ border-radius:0px !important} #over-slide .contbar{ height:20px;} #over-slide .progress .bar{ -webkit-box-shadow: none !important; -moz-box-shadow:none !important; box-shadow: none !important; background-image:none !important} .scorebar{ height:13px; background-color:#ADC71E; float:left !important;} .over-more{ position:absolute; top:16px; right:15px;} span.score{ font-size:16px; padding-right:10px !important; font-style:italic;} .scoreimage{position:absolute; top:0px; right:0; z-index:999; background-color:#ADC71E; padding:10px 8px 8px 8px; color:#fff; font-size:30px; width:56px; text-align:center;} .scorehome{ padding:1px 4px; font-style:normal !important; font-weight:400 !important; text-align:center; font-size:10px !important;} .scorehome small{font-size:12px !important;font-weight:400 !important;} .scoreinfo{margin-left:30px; padding:8px; font-size:18px !important;color: #ADC71E !important;} .inform{ background:none !important; font-size:13px !important; line-height:26px; float:right; margin-right:10px;} /***** Portfolio & Gallery *****/ .portfolio .item-block{ margin-bottom:20px;} .item-block{ position: relative; overflow:hidden; margin-bottom:20px;} .port-block li {display: inline-block;height: 220px;text-align:center;} .port-item {width: 100%;height: 100%;position: relative;box-shadow: 0 1px 2px rgba(0,0,0,0.1);cursor: default;} .port-info-wrap, .port-info{position: absolute;width: 180px;height: 180px;} .port-info-wrap {top: 20px;left: 20px;box-shadow: 0 0 0 20px rgba(255,255,255,0.2), inset 0 0 3px rgba(115,114, 23, 0.8);} .port-info > div {display: block;position: absolute;width: 100%;height: 100%;background-position: center center;-webkit-backface-visibility: hidden;} .port-info .port-info-front {-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .port-info .port-info-back {opacity: 0;background: #e16652;pointer-events: none;-webkit-transform: scale(1.5);-moz-transform: scale(1.5);-o-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5);-webkit-transition: all 0.4s ease-in-out 0.2s;-moz-transition: all 0.4s ease-in-out 0.2s;-o-transition: all 0.4s ease-in-out 0.2s;-ms-transition: all 0.4s ease-in-out 0.2s;transition: all 0.4s ease-in-out 0.2s;} .port-info h3 a {color: #fff;text-transform: uppercase;font-size: 18px;margin: 0 15px;padding: 30px 0 0 0;height: 50px;font-family: 'Open Sans Condensed', sans-serif;line-height:20px;} .port-info p {color: #fff;padding: 10px 5px 0;margin:0 10px;font-size: 12px;line-height:14px;border-top: 1px solid #f8f8f8;opacity: 0;-webkit-transition: all 1s ease-in-out 0.4s;-moz-transition: all 1s ease-in-out 0.4s;-o-transition: all 1s ease-in-out 0.4s;-ms-transition: all 1s ease-in-out 0.4s;transition: all 1s ease-in-out 0.4s;} .port-info-back p a {display: inline-block; color: #f8f8f8;font-style: normal;font-weight: 700;text-transform: uppercase;font-size: 9px;letter-spacing: 1px;padding-top: 10px;font-family: 'Open Sans', Arial, sans-serif;} .port-info p a:hover {color: #fff;} .port-item:hover .port-info-front {-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);opacity: 0;} .port-item:hover .port-info-back {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); opacity: 1;pointer-events: auto;} .port-item:hover .port-info p {opacity: 1;} a.description{ display:block; padding:15px 0;font-family: 'PT Sans', sans-serif; font-weight:400; text-transform:uppercase; font-size:16px; background-color:#f2f2f2; color:#577088; text-align:center;} .item-block:hover > a,a.description:hover{ color:#fff !important} .portfolio li.item-gallery.span2{ margin-left:1px; margin-bottom:1px; width:233px; height:233px;} .item-gallery .port-item,.item-gallery .port-info-wrap{ box-shadow:none;} .item-gallery .port-info-wrap,.item-gallery .port-info{position: absolute;width: 100%;height: 100%;} .item-gallery .port-info-wrap {top: 0px;left: 0px;} .item-gallery .port-item:hover .port-info-back{opacity: .7;pointer-events: auto;} .item-gallery .port-item:hover .port-info-back > a.zoom{opacity: 1;pointer-events: auto;} .item-gallery .port-info .port-info-back a.zoom{ background: url(../images/zoom-icon.png) center center no-repeat; display:block;width: 100%;height: 100%; background-size:40px 40px;} /***** Portfolio filter *****/ ul#portfolio-filter,ul.filter-data,ul.control-menu{ margin-bottom:20px; padding: 0;float: right; margin-left:2px; display:inline-block;} ul.filter-change{ margin-bottom:30px; padding: 0;float: right; margin-right:2px; } ul#portfolio-filter li,ul.filter-data li,ul.filter-change li,ul.control-menu li{ margin: 0; float:left; display:inline-block; line-height:none; overflow:hidden} ul#portfolio-filter a,ul.filter-data a,ul.filter-change li a,ul.control-menu li a{ margin-right:2px; padding:6px 12px;display:block;font-size: 12px; text-align:center; text-decoration: none; text-transform:uppercase;background:#d0d0d3;color:#ffffff; line-height:15px; } ul.control-menu li a{background:#f14a29; color:#ffffff; line-height:14px;} ul.filter-change li a{ float:left; margin-left:3px;padding:6px 12px 5px;} #change-small .change-select,#change-small2 .change-select,ul.filter-change li a:hover,ul#portfolio-filter li a:hover,ul.filter-data li a:hover,ul.control-menu li a:hover{ background-color:#577088; color: #f8f8f8;} ul.control-menu li a{ background-color:#577088; border:none; font-weight:400;} ul.control-menu li a:hover{background-color:#f14a29;border:none;} ul#portfolio-filter li a.currents,ul.filter-data li a.selected{ background-color:#577088; color: #f8f8f8; background-position:0 -30px; display:block;} ul#portfolio-filter li a:hover,ul.filter-data li a:hover{ background-position:0 -30px;} .loader { width:24px;height:24px;background:url(../images/load-ajax.gif) no-repeat 50% 50%;display: none;margin:0; position:absolute; top:23px; left:50%; margin-left:-12px;} .item-display-ajax{ display:none} .item-choise { position: relative; line-height: 0; } .item-choise .hoverport { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: transparent; overflow: hidden; z-index: 48; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .item-choise .zoom, .item-choise .details { display: block; color: #fff; background: #666; padding: 0 10px; line-height: 32px; color: #fff; font-weight: 800; font-size: 12px; text-transform: uppercase; position: absolute; top: 80%; margin-top: -16px; z-index: 50; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .item-choise .zoom i, .item-choise .details i{ margin: 0 8px 0 0; } .item-choise .zoom:hover, .item-choise .details:hover{ color: #373737; background: #fff; } .item-choise .details { left: 51%; -webkit-transition: top 0.4s ease-in-out, opacity 0.4s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition-delay: 0.1s, 0.1s, 0s, 0s; -moz-transition: top 0.4s ease-in-out 0.1s, opacity 0.4s ease-in-out 0.1s, background-color 0.2s ease-in-out, color 0.2s ease-in-out; -o-transition: top 0.4s ease-in-out 0.1s, opacity 0.4s ease-in-out 0.1s, background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: top 0.4s ease-in-out 0.1s, opacity 0.4s ease-in-out 0.1s, background-color 0.2s ease-in-out, color 0.2s ease-in-out; } .item-choise .zoom { right: 51%; -webkit-transition: top 0.4s ease-in-out, opacity 0.4s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out; -moz-transition: top 0.4s ease-in-out, opacity 0.4s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out; -o-transition: top 0.4s ease-in-out, opacity 0.4s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: top 0.4s ease-in-out, opacity 0.4s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out; } .item-choise:hover .hoverport { background-color: #e16652; opacity:0.6 } .item-choise:hover .details { opacity:1; } .item-choise:hover .details, .item-choise:hover .zoom { top: 50%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.9s; -moz-transition-duration: 0.9s; -ms-transition-duration: 0.9s; -o-transition-duration: 0.9s; transition-duration: 0.9s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .item-block-isotope * { position: absolute; margin: 0; z-index:1; } ul.portfolio { max-width: 1380px; margin: 0 auto; padding:0; border:none; } /***** Google map *****/ #google_map{height: 400px; margin-bottom:40px;} #google_map2{height: 400px;} #google_map_home{height: 300px;margin-bottom:20px;} /***** Contact form *****/ #form .error-input {border:1px solid #f14a29;} #form .error{ color:#f14a29; margin:0 0 10px 0;} .sending{margin:0; padding:3px;font-size:15px; display:none;} .mess {display: none; padding:40px 0 40px 0;} .mess h3{ padding:10px; font-weight:400;} #form input,#form textarea{ -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} /***** Footer *****/ footer{ margin:0;color:#8f8e8e;} .footers{ background:#2e2e2e; color:#8f8e8e; border-bottom:5px #262626 solid; border-top:#262626 5px solid; padding:0 30px;} footer .textwidget p{color:#8f8e8e; display:inline-block} #footers .widget-title{ margin:0; padding:20px 0 10px 0; color:#7d7d7d !important; background:none; display:block; float:none;font-size:16px;border:none} #footers .widget-title{ margin-bottom:0;} #footers .widget-title h3{color:#7d7d7d !important; margin:0 !important; padding-left:0 !important} #footers .widget{ padding-bottom:0; background-image:none;color:#7d7d7d !important;} #footers .csc-recent-posts li{ margin-bottom:5px !important;border:none !important; background:none !important} #footers .csc-recent-posts li a img{ width:61px !important; height:61px !important;} #footers .csc-recent-posts li p{ display:none !important} #footers img:hover{opacity:.7;} #footers .photostream ul li{background-color:#262626;} #footers .photostream img{height: 51px;width: 51px;} #footers .flickr_badge_image{ float: left; margin: 0 5px 5px 0;} #footers .tagcloud a{ border:none; background-color:#2b2b2b; color:#7D7D7D;padding:5px 9px;} #footers .tagcloud a:hover{ color:#fff} .tweets{padding:0;font-size:12px; line-height:16px; overflow:hidden;} .tweets ul{ margin:0;} .tweets ul li,.tweets p {font-size:15px; line-height:16px; border:none;} .tweets ul li { background:#f8f8f8 url(../images/bird-small.png) 8px 12px no-repeat; padding:10px 10px 10px 35px; margin:0 0 15px 0;border-bottom:2px #f0f0f0 solid;} .tweets ul li a{font-style:italic; font-weight:bold;font-size:12px; font-weight:400} #footers .tweets{padding:0;font-size:12px; line-height:16px; overflow:hidden;} #footers .tweets ul li,.tweets p {font-size:13px; line-height:14px;} #footers .tweets ul li { background:#262626 url(../images/bird-small.png) 8px 12px no-repeat; padding:10px 10px 10px 35px; margin:0 0 15px 0; border:none} #footers .tweets ul li a{font-style:italic; font-weight:bold;font-size:12px;color:#f14a29;font-weight:400} .copy,.copy a{ font-size:13px;padding:10px 0 10px 0; color:#7d7d7d !important;} .menu-f { float:right; margin:10px 10px 0 0;} .menu-f li{ float:left; margin:0 0 0 10px;} .menu-f li a { text-transform:capitalize;font-size:13px;color:#7d7d7d;} #footers #wp-calendar tbody td a{display:block;font-weight:bold; color:#f4f4f4 !important} /***** Back to Top *****/ #toTop{ display:none; text-decoration:none; position:fixed; bottom:50%; right:10px; margin-top:-25px; overflow:hidden; width:50px; height:50px; border:none; text-indent:-999px; background:url(../images/ui.totop.png) no-repeat left top; } #toTopHover{ background:url(../images/ui.totop.png) no-repeat left -50px; width:50px; height:50px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #toTop:active, #toTop:focus{ outline:none; } /***** Dropcap *****/ .dropcap{display:block;float:left;font-size:24px;line-height:30px;text-align:center;width:34px;margin:4px 8px 1px 0; background:#577088; color:#f8f8f8} /***** Button *****/ .button{margin: 0 0 10px;display: inline-block;padding: 12px 20px 12px;color: #f8f8f8;font-size: 13px;text-decoration: none;outline: none;cursor: pointer;background: #577088; font-weight:400} .button:hover, .button:focus{color: #f8f8f8;text-decoration: none;outline: none;background: #f14a29} .button:active{color: #ffffff;text-decoration: none;outline: none;} .button.small{padding: 8px 10px 8px;font-size: 12px;line-height: 12px;} .button.large{padding: 16px 25px 16px;font-size: 16px;line-height: 16px;} .button.biglarge{padding: 20px 30px 20px;font-size: 20px;line-height: 20px;} .rounded{-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;} .button.blue { background: #577088;} .button.blue:hover { background: #f14a29;} /***** List style *****/ ul.circle li{padding: 0 0 1px 14px;background: url(../images/circle.png) no-repeat left 2px;list-style: none outside none;font-size:13px;} ul.square li{padding: 0 0 1px 14px;background: url(../images/square.png) no-repeat left 2px;list-style: none outside none;font-size:13px;} ul.bullet li{padding: 0 0 1px 14px;background: url(../images/bullet.png) no-repeat left 2px;list-style: none outside none;font-size:13px;} ul.arrow li{padding: 0 0 1px 14px;background: url(../images/arrow.png) no-repeat left 2px;list-style: none outside none;font-size:13px;} /***** Message Boxes *****/ .message-box{position: relative;margin-bottom:20px;padding: 10px 20px;font-size: 14px;line-height: 1.2em;border-width: 1px;border-style: solid;} .message-box .closemsg{position: absolute;display: block;width: 9px;height: 10px;right: 12px;top: 14px;background-position: 0 0;background-repeat: no-repeat;cursor: pointer;} .message-box.info{background-color: #dff2fa;color: #2e7893;border-color: #85cfec;} .message-box.info .closemsg{background-image: url(../images/close-info.png);} .message-box.note{background-color: #f8f2cb;color: #8f5c0b;border-color: #edca42;} .message-box.note .closemsg{background-image: url(../images/close-note.png);} .message-box.confirm{background-color: #e5f2c0;color: #4a630e;border-color: #aacf49;} .message-box.confirm .closemsg{background-image: url(../images/close-confirm.png);} .message-box.error{background-color: #ffd4d4;color: #cd0a0a;border-color: #d97676;} .message-box.error .closemsg{background-image: url(../images/close-error.png);} /***** Accordion / Toggle *****/ .open-block-acc {float: left;width: 100%;padding: 10px 0 10px 0;margin:0 0 5px 0;background:#eee url(../images/open-close.png) 97% 10px no-repeat;cursor:pointer;} .open-block-acc span {padding-left: 15px;} .open-block-acc.active {background:#577088 url(../images/open-close.png) 98% -30px no-repeat; color:#fff;} .accordion-box {float: left;padding: 10px;} .toggle-block {float: left;width: 100%;margin:0 0 5px 0;} .open-block a {display: block;padding: 10px 10px 10px 15px;text-decoration: none;background:#eee url(../images/open-close.png) 97% 10px no-repeat;} .open-block.active a { background:#577088 url(../images/open-close.png) 98% -30px no-repeat;color:#fff;} .toggle-box {float: left;padding: 10px;} .open-block-acc,.open-block{ font-family: 'PT Sans', sans-serif,'Lucida Sans','Lucida Grande','Lucida Sans Unicode',sans-serif;} .open-block-acc:hover,.open-block a:hover{ background-color:#ddd} /***** Set hover effect *****/ .item-block-isotope .zoomi,.item-block-isotope .linki,.item-block-isotope .info:hover,#change-small .change-select,ul.filter-change li a:hover,ul#portfolio-filter li a:hover,ul.filter-data li a:hover,ul.control-menu li a:hover,.carousel-left:hover,.carousel-right:hover,a.thumbnail:hover,.item-block .desc a:hover,a.comment-reply-link:hover,ul.price li:hover,.button:hover,.button.blue:hover,.btn-success:hover,.open-block-acc:hover,.open-block a:hover ,a.nivo-nextNav:hover,a.nivo-prevNav:hover,.item-block:hover > a.description,#img_z.item-block-isotope:hover > .description,a.soc-follow:hover,nav ul.menu a:hover,.widget_nav_menu li a:hover,li.cat-item:hover,a.all_break,a.all_cat,a.rss_cat,.counter-widget li:hover,.rslides1_nav,.rslides1_nav.next,a.hover-img:hover img,.tagcloud a:hover,input.search-query.mains:focus,.soc-share a:hover{ -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;} .item-block-isotope .zoomi:hover,.item-block-isotope .linki:hover,.item-block-isotope .info:hover{ background-color:#f14a29;} .images-hide { opacity: 0; } .images-load { opacity: 1; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } /* adipoli plugin -------------------------------------------------- */ .adipoli-wrapper { margin:auto; position:relative; display: inline-block; } .adipoli-wrapper>img { position: absolute; z-index: 1; } .adipoli-before { position: absolute; z-index: 5; } .adipoli-after { position: absolute; z-index: 10; } .adipoli-slice { display:block; position:absolute; z-index:15; height:100%; } .adipoli-box { display:block; position:absolute; z-index:15; } /* Media player -------------------------------------------------- */ .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #3caac8; background: rgba(60,170,200,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(173,199,30,0.8)), to(rgba(205,226,88,0.8))); background: -webkit-linear-gradient(top, rgba(173,199,30,0.8), rgba(205,226,88,0.8)); background: -moz-linear-gradient(top, rgba(173,199,30,0.8), rgba(205,226,88,0.8)); background: -o-linear-gradient(top, rgba(173,199,30,0.8), rgba(205,226,88,0.8)); background: -ms-linear-gradient(top, rgba(173,199,30,0.8), rgba(205,226,88,0.8)); background: linear-gradient(rgba(173,199,30,0.8), rgba(205,226,88,0.8)); width: 0; } .mejs-controls .mejs-button button:focus { outline: none; } /* Responsive -------------------------------------------------- */ @media (max-width: 320px) { .post-img img{ max-width:263px !important;} ul#mainmenu,.top-bar,.hot-news,.breaking,.banner_head_right,.news-info div,.news-infop div,.slider-caption,.searchboxtop { display: none !important; } nav { margin:0 !important; width:100% !important;} #menu-top > select{ display: inline-block; margin-bottom:0 !important; width:100% !important; } .nivo-caption,.slider-caption {display:none !important; } .container{padding-left: 20px;padding-right: 20px;} #price .block,#price2 .block,#price3 .block{ width:100%; margin:20px 0; display:inline-block;} #pagehead small,.nivo-caption,.promo-slogan,.promo-slogan-buy{display:none !important;} .basis{ padding:0;} .basis-footer{padding:0px;} iframe,input.search-query{ width:100%} article{ margin-bottom:20px;} #footers h3{ display:inline-block} .bottom_copy {margin:0; padding:0; margin-top:20px; background:none;border-top:#2b2b2b 2px solid;} .stb_l{height: auto !important;} .stb_r{ display:none !important;} .stp_s{height: auto !important;} .stp_l{display:none !important;} .stp_r{display:none !important;} .stwo_l{width: auto !important;} .stwo_r{display:none !important;} } @media (min-width: 479px) and (max-width: 480px) { .post-img img{ max-width:403px !important;} ul#mainmenu,.top-bar,.hot-news,.breaking,.banner_head_right,.news-info div,.news-infop div,.slider-caption,.searchboxtop { display: none !important; } nav { margin:0 !important; width:100% !important;} #menu-top > select{ display: inline-block; margin-bottom:0 !important; width:100% !important; } .nivo-caption,.slider-caption {display:none !important; } .container{padding-left: 20px;padding-right: 20px;} #price .block,#price2 .block,#price3 .block{ width:100%; margin:20px 0; display:inline-block;} #pagehead small,.nivo-caption,.promo-slogan,.promo-slogan-buy{display:none !important;} .basis{ padding:0;} .basis-footer{padding:0px;} iframe,input.search-query{ width:100%} article{ margin-bottom:20px;} #footers h3{ display:inline-block} .bottom_copy {margin:0; padding:0; margin-top:20px; background:none;border-top:#2b2b2b 2px solid;} .stb_l{height: auto !important;} .stb_r{ display:none !important;} .stp_s{height: auto !important;} .stp_l{display:none !important;} .stp_r{display:none !important;} .stwo_l{width: auto !important;} .stwo_r{display:none !important;} } @media (min-width: 599px) and (max-width: 600px) { .post-img img{ max-width:523px !important;} .stb_l{height: auto !important;} .stb_r{ display:none !important;} .stp_s{height: auto !important;} .stp_l{display:none !important;} .stp_r{display:none !important;} .stwo_l{width: auto !important;} .stwo_r{display:none !important;} } @media (min-width: 480px) and (max-width: 767px) { ul#mainmenu,.top-bar,.hot-news,.breaking,.banner_head_right ,.news-info div,.news-infop div,.slider-caption ,.searchboxtop { display: none !important; } nav { margin:0 !important; width:100% !important;} #menu-top > select{ display: inline-block; margin-bottom:0 !important; width:100% !important; } .container{padding-left: 20px;padding-right: 20px;} #price .block,#price2 .block,#price3 .block{ width:100%; margin:20px 0; display:inline-block;} #pagehead small,.promo-slogan,.promo-slogan-buy{display:none !important;} .port-info-wrap{ left:0 !important; top:0 !important;} .port-info-wrap, .port-info,.port-info-front{ width:100% !important; height:100% !important;} .port-item, .port-info-wrap, .port-info, .port-info > div,.port-info-front{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} .basis{ padding:0;} .basis-footer{padding:0px;} iframe,input.search-query{ width:100%} article{ margin-bottom:20px;} .clients_block{ width:100%} .clients_block .span2{margin-bottom:10px; width:154px; float:left;} .clients_block > a{ text-align:center; } #footers h3{ display:inline-block} .basis{padding:0 10px !important; margin-top:0px;} .basis-footer{padding:0 10px !important;margin-bottom:0px;} .bottom_copy {margin:0; padding:0; margin-top:20px; background:none;border-top:#2b2b2b 2px solid;} .span3.item-block{ width:120px; height:120px; margin-left:9px !important; margin-top:9px !important;} .span3.item-block .port-info-front,.span3.item-block .port-item { background:no-repeat center center;background-size: 120px 120px;} .port-info-wrap{ box-shadow:none !important;} .span3.item-block .port-info-back p{ display:none;} .span3.item-block .port-info-back h3{ padding-top:5px;} .span3.item-block .port-info-back h3 a{ font-size:12px; padding-top:0;} #filters { display:none;} .stb_l{height: auto !important;} .stb_r{ display:none !important;} .stp_s{height: auto !important;} .stp_l{display:none !important;} .stp_r{display:none !important;} .stwo_l{width: auto !important;} .stwo_r{display:none !important;} .sp-img-top{ margin-top:10px !important; margin-bottom:10px !important} .sp-img-bot{ margin-top:10px !important; width:50% !important; float:left !important} .sp-img-top img{width:100% !important; } .sp-img-bot img{width:100% !important;} } @media (min-width: 768px) and (max-width: 980px) { ul#mainmenu,.top-bar ,.news-info div,.news-infop div,.slider-caption,.searchboxtop,.banner_head_right { display: none !important; } nav { margin:0 !important; width:100% !important;} #menu-top > select{ display: inline-block; margin-bottom:0 !important; width:100% !important; } .container{padding-left:0px;padding-right: 0px;} .info-text,.promo-area-slider { display: none; } #price .block,#price2 .block,#price3 .block{ width:100%; margin:20px 0; display:inline-block;} #pagehead small,.promo-slogan,.promo-slogan-buy{display:none !important;} .port-info-wrap{ left:0 !important; top:0 !important;} .port-info-wrap, .port-info,.port-info-front{ width:100% !important; height:100% !important;} .port-item, .port-info-wrap, .port-info, .port-info > div,.port-info-front{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} .basis{padding:0 10px !important; margin-top:0px;} .basis-footer{padding:0 10px !important;margin-bottom:0px;} .bottom_copy {margin:0; padding:0; margin-top:20px; background:none;border-top:#2b2b2b 2px solid;} iframe,input.search-query{ width:100%} .counter-widget li{ margin-left:0 !important; width:50% !important;} .counter-widget a span {font-size: 13px;} .counter-widget a{ padding-left:60px} .stb_l{height: auto !important;} .stb_r{ display:none !important;} .stp_s{height: auto !important;} .stp_l{display:none !important;} .stp_r{display:none !important;} .stwo_l{width: auto !important;} .stwo_r{display:none !important;} .sp-img-top{ margin-top:10px !important;} .sp-img-bot{ margin-top:10px !important; width:50% !important;} } @media (max-width: 720px) { ul#mainmenu,.top-bar,.hot-news,.breaking,.news-info div,.news-infop div,.slider-caption ,.searchboxtop,.banner_head_right { display: none !important; } nav { margin:0 !important; width:100% !important;} #menu-top > select{ display: inline-block; margin-bottom:0 !important; width:100% !important; } .container{padding-left: 20px;padding-right: 20px;} #price .block,#price2 .block,#price3 .block{ width:100%; margin:20px 0; display:inline-block;} #pagehead small,.promo-slogan,.promo-slogan-buy{display:none !important;} .port-info-wrap{ left:0 !important; top:0 !important;} .port-info-wrap, .port-info,.port-info-front{ width:100% !important; height:100% !important;} .port-item, .port-info-wrap, .port-info, .port-info > div,.port-info-front{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} .basis{ padding:0;} .basis-footer{padding:0px;} iframe,input.search-query{ width:100%} article{ margin-bottom:20px;} .clients_block{ width:100%} .clients_block .span2{margin-bottom:10px; width:154px; float:left;} .clients_block > a{ text-align:center; } #footers h3{ display:inline-block} .basis{padding:0 10px !important; margin-top:0px;} .basis-footer{padding:0 10px !important;margin-bottom:0px;} .bottom_copy {margin:0; padding:0; margin-top:20px; background:none;border-top:#2b2b2b 2px solid;} .span3.item-block{ width:120px; height:120px; margin-left:9px !important; margin-top:9px !important;} .span3.item-block .port-info-front,.span3.item-block .port-item { background:no-repeat center center;background-size: 120px 120px;} .port-info-wrap{ box-shadow:none !important;} .span3.item-block .port-info-back p{ display:none;} .span3.item-block .port-info-back h3{ padding-top:5px;} .span3.item-block .port-info-back h3 a{ font-size:12px; padding-top:0;} #filters { display:none;} .stb_l{height: auto !important;} .stb_r{ display:none !important;} .stp_s{height: auto !important;} .stp_l{display:none !important;} .stp_r{display:none !important;} .stwo_l{width: auto !important;} .stwo_r{display:none !important;} } @media (min-width: 1300px) and (max-width: 1380px) { .basis{ padding:0 10px} } @media (min-width: 980px) and (max-width: 1209px) { .counter-widget li{ margin-left:2px !important;width: 147px;} .counter-widget a span {font-size: 16px;} } /* LARGE DESKTOP SCREENS */ @media (min-width: 1210px) { .counter-widget li{ margin-left:2px; width:147px;} #sliders.nivoSlider,#magflexslider.flexslider,#magflexslider2.flexslider{ min-height:250px;} } img.logoCesiune { padding-top: 20px; } form.MailNews { padding: 0px 0px 0px 20px; float:left; } form.MailNews input[type="email"] { margin-top: 10px; } form.MailNews input[type="submit"] { background-color: #359BED; border: none; padding: 5px; color: #ffffff; box-shadow: 1px 1px 5px #888888; } p.MailNews { font-size: 20px; color: #0059FF; font-weight: 600; margin: 0 0 0 5px; } span.MailNews { font-style: italic; color: #6f7072; } .logoL { width: 19.8%; } .banner_head_right{ width: 76%; } .textCenter { text-align: center; } #menu-item-21{ border-right: none; } #mainmenu { width: 935px; } p.readMore { font-size: 12px; font-weight: 600; } .marginWeb{ margin-top: -10px; } a.linkMailNews { color: #0059ff; font-weight: 400; } tr.ProfileForm th { padding: 10px; } span.contactStrong{ font-weight:bold; } span.required{ color:#DC0001; font-weight:bold; }