/*  

Theme Name: Lookout

Description:  Lookout - a nice WordPress theme developed specifically for personal, streamlined blog websites. This theme is easy-to-use and brings fully responsive layout to your site. Lookout supports the awesome Theme Customizer for all theme settings and enables to create your own color scheme.  

Theme URI: https://wpmasters.org/downloads/lookout-theme/

Author: Dannci & Themnific

Author URI: https://wpmasters.org/

Version: 1.0.7

Text Domain: lookout

Tags: two-columns, custom-background, custom-header, custom-menu, editor-style, grid-layout, blog, news, featured-images, flexible-header, custom-colors, full-width-template, sticky-post, threaded-comments, translation-ready, theme-options, one-column, left-sidebar, right-sidebar, three-columns

License: GNU/GPL Version 2 or later. 

License URI: http://www.gnu.org/licenses/gpl.html 

Copyright: (c) 2017 Dannci.



*/



/*



[Table of contents]



1. CSS Resets & Clearfix

2. Fonts Styling

3. Headings

4. Header / #header

5. Navigation / #navigation

6. Content / #content, .post

7. Sidebar / #sidebar

8. Custom Widgets

9. Comments / #comments

10. Forms / 

11. Search / .searchform

12. Footer / #footer

13. Images & Galleries / img, .gallery

14. Social Buttons / .social-menu

15. Flex Slider / .flexslider

16. Buttons, Pagination, Ribbons & Scroll to top

17. Plugins

18. Homepage Blocks

19. Other (sticky, tagcloud, calendar, tabs, tooltips, speciable)



*/



 

/* 1. CSS Resets & Clearfix ******************************************************************************************** ********************************************************************************************/

 html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{

    border:0;

    margin:0;

    padding:0

}

article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{

    display:block

}

a img{

    border:0

}

figure{

    position:relative;

	overflow:hidden;

	margin:0;

}

figure img{

    width:100%

}

 body{

     overflow:visible !important;

}

 * {

     -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

     box-sizing: border-box;

}

 .clearfix:after {

     content: "\00A0";

     display: block;

     clear: both;

     visibility: hidden;

     line-height: 0;

     height: 0;

}

 .clearfix{

     display:block;

}

 html[xmlns] .clearfix {

     display: block;

}

 * html .clearfix{

     height: 1%;

}

 .clearfix {

    display: block

}

 .wrapper{

     max-width:100%;

     overflow:hidden;

}

/* 2. Body & Default styling ******************************************************************************************** ********************************************************************************************/

 html, body {

     height: 100%;

     margin:0;

     padding:0;

}

 img,.imgwrap{

     max-width:100%;

     position:relative;

     overflow: hidden;

}

 ol, ul {

     list-style:none;

     margin:0;

}

 ul.children{

     margin-left:15px;

}

 ul.children li:last-child{

     padding: 0 0 0 0 !important;

}

 .tranz,#nav,.tmnf_icon,.nav-previous a{

    -webkit-transition: all .5s ease;

     -moz-transition: all .5s ease;

     transition: all .5s ease;

}

 a,a:hover,.nav li a,.ribbon,.ribbon a{

     text-decoration:none;

     -moz-transition: all 0.2s ease-in;

     -webkit-transition: all 0.2s ease-in;

     -o-transition: all 0.2s ease-in;

     transition: all 0.2s ease-in;

     -ms-transition: all 0.2s ease-in;

}

 .ghost{

     overflow:hidden;

}

 small,.small{

     font-size:80% !important;

}

 .fl{

     float:left !important;

}

 .fr{

     float:right !important;

}

 .cntr{

     text-align:center;

}

 .p-border{

    border-style: solid;

}

 .rad, .tmnf_icon, ul.social-menu li a, .nav-previous a, .nav>li ul, .taggs a, #serinfo-nav li a, .nav_item a, #main-nav>li>a,#default-nav>ul>li>a, .flex-direction-nav a, .scrollTo_top a, .page-numbers, ul.tmnf_slideshow_thumbnails li img, .commentlist li.comment {

    -moz-border-radius: 2px;

    -khtml-border-radius: 2px;

    -webkit-border-radius:2px;

    border-radius: 2px;

}

 #content .postauthor img.avatar, .slide-nav li a:after, .slide-nav li.flex-active a:before{

    -moz-border-radius:50%;

    -khtml-border-radius:50%;

    -webkit-border-radius:50%;

    border-radius:50%;

}

 .slant{

     font-weight:normal;

     font-style:italic;

}

 .lower{

     text-transform: lowercase !important

}

 .italic{

     font-style:italic !important

}

 .fat{

     font-weight:bold !important

}

 pre{

     overflow-x: scroll;

}

 .meta, .subtitle, .ad300 h2.widget, .meta_more a{

     line-height:1;

     overflow: hidden;

     margin:10px 10px 0 0;

     padding:6px 0;

     text-transform:uppercase;

     font-family:'Montserrat';

     font-size:11px !important;

     font-weight:500;

     float:left;

	 letter-spacing: normal !important;

}

 p.meta.cat{

     z-index:1;

     margin:30px 40px -10px 40px;

     padding:6px 6px 5px 6px;

	 float:none;

	 display:inline-block;

	 overflow:hidden;

}

.has-post-thumbnail  p.meta.cat{

     position:absolute;

     top:0;

     left:0;

     margin:10px 10px;

	 max-width:40%;

}

 p.meta.author img{

     opacity:1;

     width:35px;

     border-radius:50%;

     float:left;

     margin:0 15px 0 0;

     display: inline;

}

 p.meta.author span{

     display: inline-block;

     margin:13px 0;

}

 .meta-single p.meta.date{

    margin:23px 0 0 10px;

}

 p.meta_more{

     overflow:hidden;

     padding:0;

    margin:0 0;

     float:right;

}

 .meta_more a{

     text-transform:uppercase;

     display: inline-block;

    float: none;

     margin:0 0;

}

 .meta_more a:hover{

     opacity:1;

}

 .meta_full i{

     display:inline-block;

}

/* 2. Fonts styling ******************************************************************************************** ********************************************************************************************/

 body{

     font-family: 'Libre Franklin', sans-serif;

     font-weight:400;

     font-size:17px;

     line-height:2.0;

}

 h1,h2,h3,h4,h5,h6{

    margin:20px 0 12px 0;

     line-height:1.3;

     font-weight:bold;

}

 .entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6{

     padding-bottom:10px;

    border-bottom:1px dotted rgba(102,102,102,.3)

}

 h1{

     font-family: 'Montserrat', sans-serif;

     font-size:30px;

}

 h2{

     font-family: 'Montserrat', sans-serif;

     font-size:40px;

     font-weight:700;

	 letter-spacing:-0.03em;

}

 h3{

     font-family: 'Montserrat', sans-serif;

     font-size:30px;

}

 h4{

     font-family: 'Montserrat', sans-serif;

     font-size:20px;

}

 h5{

     font-family: 'Montserrat', sans-serif;

     font-size:18px;

}

 h6{

     font-family: 'Montserrat', sans-serif;

     font-size:15px;

}

 h2.widget{

     font-size:16px;

     font-weight:bold;

     text-transform:uppercase;

     margin:30px 0 20px 0;

}

 h2.archiv{

     padding:20px 40px;

     overflow:hidden;

     margin:0 0 40px 0;

}

 .maintitle, .subtitle{

     display:block;

     overflow:hidden;

}

/* 4. Header / #header ******************************************************************************************** ********************************************************************************************/

 #header{

     padding:25px 0 23px 0;

     overflow: visible;

     margin:0 0 0 0;

     position:relative;

     display:block;

     width:100%;

     z-index:99;

     clear:both;

}

 #header h1{

     display:block;

     margin:0 auto;

     float:none;

     max-width:100%;

}

 #header img{

    margin:0;

     display:block;

     max-width:100%;

}

 #titles{

     overflow:hidden;

     float:left;

     display:block;

     padding:0 0 0 0;

    position:relative;

     max-width:28%;

     z-index:1;

}

 p.site-tagline{

     margin:2px 0;

    font-size:14px;

     font-style:italic;

     line-height:1.2;

}

 .head-bg-image{

     position:absolute;

     width:100%;

     height:100%;

     top:0;

     left:0;

     z-index:0;

     overflow:hidden;

}

 .head-bg-image img{

     width:100%;

     margin:0 0;

     padding:0 0;

}

/* 5. Navigation / #navigation ******************************************************************************************** ********************************************************************************************/

 #navigation{

     z-index:99;

     width:70%;

     max-width:100%;

     margin:0 auto;

     padding:0 45px 0 0;

     float:right;

}

 .nav {

     padding: 0;

     list-style: none;

     line-height: 1;

     display:block;

}

 .nav a {

     position: relative;

     display: block;

     z-index: 1;

     padding: 10px 0;

     text-decoration: none;

     font-family: 'Montserrat', sans-serif;

     font-size:14px;

}

 .nav>li>a,

 #default-nav>ul>li>a{

     display: block;

     text-decoration: none;

     border-bottom:none;

     text-transform:uppercase;

     font-weight:bold;

}

 .nav li {

     display:block;

     position: relative;

     float:left;

}

 .nav>li {

     margin:0;

}

 .nav li ul {

     margin:0 0 0 0;

     padding:0 0;

     width:180px;

     position: absolute;

     z-index:9;

     border:1px solid rgba(153,153,153,.2);

     border-width:1px !important;

}

 .nav li ul li>a {

     margin:0 25px;

     padding:15px 0px;

     border-top-width:1px;

     border-top-style:solid;

     border-color:rgba(153,153,153,.2);

     text-align:center;

     line-height:1 !important;

     font-size:13px;

}

 .nav li ul li a i{

     margin-right:5px !important;

}

 .nav li ul li:first-child a{

    border-top:none;

}

 .nav>li>ul{

     z-index:9;

     margin:0 0 0 -90px;

}

 .nav>li>ul>li, .nav li ul ul li{

    width:100%;

    max-width:300px;

}

 .nav li ul ul{

     margin: -45px 0 0 89px;

}

 .nav li.menu-item-has-children>a, .nav li.page_item_has_children>a{

     padding-right: 17px !important;

}

 .nav li ul li a.sf-with-ul {

     padding-right: 0;

}

 .menu-item-has-children>a::after, .mega2>a::after {

     position: absolute;

     display: block;

     width:4px;

     height:4px;

     right:5px;

     top:38%;

     content: "\f107";

     font-family: FontAwesome;

     font-size:12px !important;

     font-weight:normal !important;

     opacity:.5;

}

 ul.sub-menu .menu-item-has-children>a::after{

    top:16px

}

 .sf-arrows .sf-with-ul {

     padding-right: 2.5em;

}

 .nav li ul {

     position: absolute;

     left: -999em;

}

 .nav li:hover, .nav li.hover {

     position: relative;

}

 .nav li:hover ul ul, .nav li.sfhover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul {

     left: -999em;

}

 .nav li:hover ul, .nav li.sfhover ul, .nav li li:hover ul, .nav li li.sfhover ul, .nav li li li:hover ul, .nav li li li.sfhover ul, .nav li li li li:hover ul, .nav li li li li.sfhover ul {

     left: 50%;

}

/* @main menu ***************************/

 #main-nav,

 #default-nav>ul{

     float:right;

     display:block;

     margin:12px 0;

}

 #main-nav>li,

 #default-nav>ul>li{

    display:inline-block;

     margin:0 0 -2px 0;

}

 #main-nav>li>a,

 #default-nav>ul>li>a{

     padding:10px 10px;

     margin:0 3px;

}

 #main-nav>li>a>i{

     margin-right:5px !important;

}

/* @fixed menu ***************************/

 #fixed-nav{

     position:fixed;

     top:0;

     left:0;

     width:100%;

     text-align:center;

     display:none;

     z-index:99;

}

 #fixed-nav>li{

     float:none;

     display:inline-block;

}

 #fixed-nav>li>a{

    padding:10px 7px;

}

/* @mobile menu ***************************/

 a#navtrigger{

     padding:6px 14px;

     height:40px;

     width:40px;

     margin:0 0;

     float:right;

     display:none;

     z-index:99999;

     position:absolute;

     top:20px;

     right:30px;

}

 .showtrig{

     display: block !important;

     float:none;

     overflow:hidden;

}

 .hidenav{

     display:none !important;

}

 .shownav{

     display: inline-block !important;

}

/* 6. Content / #content ******************************************************************************************** ********************************************************************************************/

 #core, .postbar{

     padding-top:40px !important;

}

/* @posts: basics ***************************/

 .blogger{

     width: 100%;

     overflow:hidden;

     position:relative;

     padding:0 0;

     margin:0 0;

}

 .blogger div.post, .blogger div.page{

     position:relative;

     float:left;

     overflow:hidden;

}

 .blogger .entryhead iframe{

     float:left;

     width:100%;

     clear:both;

}

 .entryhead{

     overflow:hidden;

     position:relative;

     float:left;

}

 .grid-item {

     width: 100%;

     padding:0 0;

     margin:0 0 40px 0;

}

 .grid-item .item_inn{

     padding:10px 40px 20px 40px;

}

 .grid-item .item_inn h2{

     padding:0 0;

     margin:10px 0;

     font-size:28px;

     overflow:hidden;

     clear:both;

}

 .grid-item .item_inn h2 a{

     padding:10px 0;

}

/* @posts: single ***************************/

 .single-post h1.entry-title{

    padding:0px 0px 0px 0px;

     font-size:48px;

}

 .single-post div.item{

     width:100%;

}

 .single-post .item .item_inn{

    padding:0 60px 50px 60px;

}

 .single-post p.meta.cat{

     left:60px;

     top:35px;

}

 .page .item_inn{

    padding:40px 60px 50px 60px;

}

 .meta-single{

    border-bottom-style:solid;

     border-bottom-width:1px;

     float:left;

     width:100%;

     overflow:hidden;

     margin-bottom:20px;

     padding:20px 0;

}

 .entry p a{

    border-bottom:1px solid #ddd;

     font-weight:bold;

}

 .entry p{

    margin:5px 0 20px 0;

}

 .entry p iframe{

     max-height:450px;

}

 .fullcontent{

     margin-bottom:40px !important;

}

 .fullcontent h1.entry-title{

     margin-top:25px;

     margin-bottom:30px;

     text-align:center;

}

 .entryfull{

    margin:0 0;

     overflow:hidden;

}

 .entrywoo, .errorentry {

    padding:80px 80px

}

 .entryfull p{

    margin:0 0 10px 0;

}

 .titlewrap{

     position:absolute;

     bottom:10%;

     left:50%;

     margin:0 0 0 -580px;

     max-width:45%;

}

 .entryhead .imgwrap{

     background:none;

}

 .entry ul{

    margin:0 0 25px 20px;

}

 .entry>ul>li ul{

    margin:0 0 5px 20px;

}

 .entry>ul>li, .entry>ul>li ul li ul li{

     list-style-position:inside;

     list-style:circle;

     margin-bottom: 8px;

}

 .entry>ul>li ul li{

     list-style-position:inside;

     list-style:square;

}

 .entry .contact-form{

     overflow:hidden;

     float:none;

     clear:both;

     padding:0 0 30px 0;

}

 .entry ol{

    margin:5px 0 15px 2px;

}

 .entry ol li ol{

    margin:0 0 5px 20px;

}

 .entry ol li{

     list-style: decimal;

     list-style-position:inside;

}

 .entry ol li ol li{

     list-style: upper-latin;

    list-style-position:inside;

}

 .entry ol li ol li ol li{

     list-style: lower-latin;

    list-style-position:inside;

}

 .entry blockquote{

     border-left:4px solid #ddd;

     padding:0 40px !important;

     margin:25px 30px 25px 30px;

     line-height:1.9em !important;

     letter-spacing:0;

     font-size:16px;

     font-weight:400 !important;

     font-style: italic;

}

 .entry blockquote p{

     margin:0 0 0 0;

}

 .error ul{

     margin-bottom:5px;

}

 .error ul li{

     font-size:85%;

     opacity:.8;

}

/* @posts: other ***************************/

 .postinfo{

    overflow:hidden;

    margin:0 0 0 0;

    padding:0 0 20px 0;

}

 p.modified{

     margin:15px 0 0 0;

}

 .taggs{

     text-align:center;

     display:block;

     width:100%;

    margin:25px 0 0 0 !important;

}

 .taggs a{

     display:inline-block;

     padding:7px 8px;

     border-width:1px;

     border-style:solid;

     float:none;

     background-image: none !important;

}

 .postauthor {

     overflow:hidden;

     margin:40px 0 30px 0;

     padding:0 30px;

     float:left;

     width:100%;

     border-width:1px;

}

 .postauthor h3{

     margin:0 0 15px 0;

}

 #content .postauthor img.avatar{

     float:left !important;

     margin:0 30px 50px 0 !important;

}

 h3.additional{

    margin:30px 0;

}

 .authordesc{

     margin-top:15px;

     line-height:1.9;

}

 ul.related{

     float:left;

     width:105%;

     overflow: hidden;

     margin:15px 0 0 0;

}

 ul.related li{

     position:relative;

     float:left;

     height:80px;

     width:29%;

     margin:0 4% 35px 0;

    overflow: hidden;

     position:relative;

     padding:0;

}

 ul.related li img{

     float:left;

     margin:0 20px 0 0;

     max-width:80px;

}

 .related li h4 {

     margin-top:5px;

     font-size:14px;

     font-weight:normal;

}

 .archivloop{

     overflow:hidden;

     padding:1px 0 0 1px;

}

 .archivloop>div{

     overflow:hidden;

     margin:-1px 0 0 -1px;

     padding-top:30px !important;

    height: 395px !important;

     border:2px solid #ddd;

     width:33.33% !important;

}

 .postad, .contentad{

     width:100%;

     margin:0 0 30px 0;

     overflow:hidden;

     text-align:center;

}

 .contentad img, .contentad ins, .postad img, .postad ins{

     max-width:100%;

     display:block !important;

     margin:0 auto !important;

}

 #post-nav{

     float:right;

     width:100%;

     margin:0 0 0 0;

     padding:0 0 0 0;

    line-height:1.4 !important;

}

 #post-nav img{

     float:left;

     width:150px;

     max-width:150px;

     margin:0 -35px;

     opacity:.8;

}

 .post-nav-image{

    width:50px !important;

    height:140px !important;

     overflow:hidden;

     display:block;

}

 .post-previous, .post-next{

     width:50px !important;

    padding:0 0 0 0 !important;

     float:left;

     height:140px !important;

     margin-bottom:-70px !important;

     position:fixed;

     bottom:50%;

     left:0;

     border:none !important;

     overflow:visible !important;

     z-index:100;

}

 #post-nav .post-next{

    left: auto;

     right:0;

}

 #post-nav span.arrow{

     position:absolute;

     top:50%;

     left:50%;

     z-index:99;

     color:#fff !important;

     font-size:20px;

     width:30px;

     height:20px;

     text-align:center;

     margin:-15px -15px;

     line-height:30px;

}

 #post-nav .post-nav-text{

    position:absolute;

     top:0;

     left:0;

     width:200px;

     padding:35px 20px;

     opacity:0;

     height:140px;

     font-size:10px;

     text-transform:uppercase;

}

 #post-nav .post-previous .post-nav-text{

    left:-100px;

}

 #post-nav .post-previous:hover .post-nav-text{

    left:50px;

     opacity:1;

}

 #post-nav .post-next:hover .post-nav-text{

    left:-200px;

     opacity:1;

}

/* @posts: formats ***************************/

 .single .format-quote{

     text-align:center;

     position:relative;

     overflow:hidden;

}

 .blogger .post.format-quote .meta{

     display:none;

}

 .post.format-quote blockquote{

     font-size:22px;

     line-height:1.5;

     position:relative;

     z-index:1;

}

 .post p.quuote_author{

     font-size:14px ;

    margin:20px 0 10px 0;

     position:relative;

     z-index:1;

     text-align:right;

}

 .format-quote{

     pointer-events:none;

     border-width:0 !important;

}

 .blogger .format-quote img, .blogger .format-quote p.teaser span, .blogger .format-quote .meta_more, .blogger .format-quote .entryhead{

     display:none !important;

}

/* 7. sidebar / #sidebar ******************************************************************************************** ********************************************************************************************/

 .sidele {

     overflow:hidden;

     display:block;

     margin:0 0 40px 0;

     padding:0 30px ;

     line-height:1.7;

}

 .widgetable p {

    margin:0;

     padding:0 0 15px 0;

}

 .widgetable form{

     overflow:hidden;

     padding:3px 0;

}

 .widgetable>ul, .widgetable>div>ul{

     list-style: inside none square;

     float:none;

     overflow:hidden;

     width:100%;

     margin-bottom:30px;

}

 .widgetable>div>ul li{

     margin-bottom:8px;

}

 .widgetable select{

     margin:5px 0 30px 0;

     width:100%;

     font-size:100% !important;

     clear:both;

     float:none;

}

 .widgetable .searchform{

     margin:30px 0;

     padding:0 0;

     float:none;

     clear:both;

     overflow:hidden;

}

 li.recentcomments, cite{

     padding:0 0 10px 0;

}

 a.rsswidget{

     padding:5px 0 0 0;

}

/* 8. Custom Widgets ******************************************************************************************** ********************************************************************************************/

 .tagcloud {

     margin-bottom: 30px;

     clear: both;

     display: block;

    float: none;

     width: 102%;

}

 ul.lists{

     list-style:none;

     overflow:hidden;

     margin:0;

     width:106%

}

 ul.lists li ul, ul.lists li ul li{

     margin:0 0 0 0 !important;

    padding:0 0 0 0 !important;

     width:100%;

     background:none;

}

 .lists li{

     padding:0 10px 0 26px;

     margin:0 3% 0 0;

     float:left;

     width:31%;

     list-style:none;

}

 .widgetable li, .widgetable p{

     text-align:left;

}

 .widgetable div>ul>li{

     padding:10px 0 5px 0;

    border-bottom:1px dashed rgba(153,153,153,.2)

}

/* @custom menu ***************************/

 .widgetable ul.menu li, .widgetable ul.menu a{

     position:relative;

}

 .widgetable ul.menu li:after, .widgetable ul.menu a:after{

     display:none

}

 .widgetable ul.menu>li{

    margin:0 0 1px 0;

     list-style:none !important;

     text-align:left;

}

 .widgetable ul.menu>li>a{

     width:100%;

     margin:0 0 0 0;

     padding:15px 20px;

     line-height:1 !important;

    display: block;

}

 .widgetable ul.menu>li>a:hover{

    padding:15px 25px;

}

 .widgetable ul.menu li ul{

     margin:0 0 0 20px;

}

 .widgetable ul.menu>li>ul{

     margin:-10px 0 0 25px;

     padding-bottom:20px;

}

 .widgetable ul.menu li ul li{

     list-style:square inside;

    padding:0 0;

}

 .widgetable ul.menu li ul a{

     width:100%;

     margin:0 0 0 0;

     padding:5px 0;

}

 .widgetable ul.menu>li.menu-item-has-children>a{

    margin:0 0 15px 0;

}

/* @twitter ***************************/

 .tp_recent_tweets ul{

     margin:0 0 15px 0 !important;

}

 .tp_recent_tweets ul li{

     overflow:hidden;

     padding:15px 0 15px 25px !important;

     border-top-width: 1px ;

     border-top-style: solid;

     list-style:none !important;

     margin:0 !important;

     position:relative;

     background:none !important;

     line-height:2 !important;

}

 .tp_recent_tweets ul li:first-child{

     padding:0 0 15px 25px !important;

     border-top:none;

}

 .tp_recent_tweets ul li span a{

    /*color: #55acee;

    */

     opacity:.9;

     font-weight:normal;

}

 a.twitter_time{

     font-style:italic;

     font-size:11px;

}

 .tp_recent_tweets ul li::before {

    /*color: #55acee;

    */

     opacity:.2;

     content: "\f099";

     font-family: FontAwesome;

     font-size:16px !important;

     left:2px;

     position: absolute;

     top: 15px;

}

 .tp_recent_tweets ul li:first-child::before{

    top: -2px;

}

/* @ads ***************************/

 .ad300{

    overflow:hidden;

    width:100%;

     padding:0 0 !important;

}

 .ad300_inn{

    width: 100%;

}

 #footer .ad300{

     border:none;

    margin:30px 0 30px 0;

     background:none !important;

}

 .ad300 h2.widget{

     margin:0 0 10px 0;

     padding:0;

}

 .ad300 img{

     display:block;

     margin:0 auto 0 auto;

}

 ul.ad125{

    padding:0 0 0 0 !important;

     overflow:hidden;

     width:90% !important;

     margin:0 auto 15px auto !important;

}

 #footer ul.ad125{

    width:100% !important;

     margin:0 auto !important;

}

 ul.ad125 li{

     float:left;

     margin:0 0 10px 0;

     width:50%;

     text-align:center;

     padding:0;

     overflow:hidden;

     list-style:none !important;

     background:none !important;

}

 #footer ul.ad125 li{

    margin:0 0 5px 0;

     width:50%;

}

 ul.ad125 li img{

     float:none;

     display:block;

     margin:0 auto;

     padding:0;

     overflow:hidden

}

/* @flickr ***************************/

 span.flickr{

     color: #0061D8;

     font-style:normal;

     padding:5px 0;

}

 .widgetable h2 span span,#footer h3 span span,#archives h2 span span,h2.widget span span {

     color: #FF1183;

     padding:5px 0;

}

 .flickwrap {

     position: relative;

     padding:0;

     overflow: hidden;

     width: 115%;

     margin:5px 0 10px 0;

}

 .flickwrap img {

     float: left;

     margin:0 !important;

     padding: 0 !important;

     width:75px;

}

 .flickr_badge_image{

     float: left;

     margin: 0 30px 30px 0!important;

     padding: 0 !important;

}

 #footer .flickr_badge_image{

}

 .flickwrap a:hover img {

     background:#ccc;

}

/* @author bio ***************************/

 .about-widget h2{

     margin:20px 0 20px 0;

}

 .about-widget{

    margin:-30px -30px -30px;

    overflow:hidden;

    width:calc(100% + 60px);

    max-width:calc(100% + 60px);

    text-align:center;

     display: block;

     float:none;

     position:relative;

}

 .about-widget .mm-inner{

    background-color:#000;

}

 .about-widget img{

     margin:0 0 0 0;

     opacity:.5;

}

 .about-titles{

    position:absolute;

     top:10px;

     padding:0 30px ;

     width:100%;

     overflow:hidden;

     z-index:1;

}

 h2.author_name{

     margin:0 0;

    color:#fff;

     position:absolute;

     bottom:75%;

     font-size:22px;

     font-weight:bold;

     text-align:center;

     padding:0 30px;

     width:100%;

}

 .about-widget p.authorinfo{

     overflow:hidden;

     margin:0 0;

     position:absolute;

     top:30%;

     padding:0 30px;

     line-height:1.9;

     font-size:90%;

     text-align:center;

     color:#fff;

}

 .about-widget .mainbutton{

     margin:0;

     min-width:0;

     position:absolute;

     bottom:0;

     right:0;

     float:left;

     padding:8px 10px !important;

    font-size:90%;

}

/* comments widget ***************************/

 .com_post{

     overflow:hidden;

     padding:20px 0 !important;

     border-top:1px solid #ddd;

     margin:0 0 0 0 !important;

     list-style:none !important;

}

 .com_post:first-child{

     padding:0 0 20px 0 !important;

     border-top: none;

}

 .com_post img{

     float:left;

     margin:8px 20px 5px 0 !important;

}

 .com_post span{

     float:left;

     margin-right:7px;

     font-style: normal

}

 .com_post p{

     padding:0 0 0 75px !important;

}

/* tabs widget ***************************/

 #hometab {

     float: left;

     width:100%;

     padding:0 0 0 0;

     margin:30px 0 15px 0;

     overflow: hidden;

     position: relative;

}

 #footer #hometab {

     width:100%;

     padding:0;

     background: none !important;

}

 ul#serinfo-nav {

     position:relative;

     z-index: 1;

     margin:0 0 0 0 !important;

     overflow:hidden;

}

 ul#serinfo-nav>li {

     padding:0 0 !important;

     float: left;

     margin-right: 0;

     width: 50%;

     text-align: center;

     text-shadow: none;

     cursor: pointer;

     background-image:none !important;

     list-style:none !important;

}

 #footer ul#serinfo-nav>li {

    padding:0 0;

     margin:0 0 !important;

}

 #serinfo-nav li.current {

     position:relative;

     z-index: 6;

     border-bottom:none;

     overflow:hidden;

}

 #serinfo-nav li a{

     text-transform: uppercase;

     font-family:'Montserrat';

     padding:11px 0 10px 0;

     display:block;

     font-size:11px;

}

 li#serpane0, li#serpane1, li#serpane2, li#serpane4, li#serpane5{

     margin: 0 0 0 0 !important;

     padding:0 !important;

     list-style:none !important;

     width:100%;

     border:none;

}

 li#serpane3{

     padding: 30px 0 20px 0;

}

 ul#serinfo {

     position: relative;

     z-index: 2;

     float: left;

     padding: 0 0 0 0;

     overflow: hidden;

     margin-top:-1px;

     width:100%;

}

 .tab-post {

     min-height:100px;

     overflow:hidden;

     border-bottom:1px solid #ddd;

     margin:0 0 0 0;

     padding:25px 0 10px 0;

     line-height: 18px;

     width:100%;

     position:relative;

     text-align:left;

}

 #serinfo li>div:last-child{

     border:none;

     margin-bottom:-10px;

}

 .tab-post .imgwrap{

     float:left;

    margin: 5px 20px 15px 0 !important;

     max-width:60px;

}

 .tab-post h4{

     margin:0 0 10px 0;

     font-size:14px !important;

     font-weight:normal;

     line-height:1.2 !important;

}

 .tab-post .meta{

     opacity:.4;

}

 .tab-post img {

     padding:0;

     float: left;

}

/* featured ***************************/

 ul.featured {

     margin: 0 0 -5px 0 !important;

     overflow: hidden;

     float: left;

     list-style:none !important;

     width:100%;

}

 ul.featured li{

     list-style:none !important;

     padding:0 0 !important;

     margin:0 0 !important;

     display:block;

     border:none !important;

}

 ul.featured li:first-child>div{

     padding-top:5px;

}

 ul.featured li:last-child>div{

     border:none;

}

 .serchwidget{

     overflow:hidden;

    margin-bottom:25px;

}

 .twinsbox{

     margin:0 0 30px 0;

}

 ul.featured_big{

     width:calc(100% + 60px) !important;

     margin:0 -30px !important;

}

 ul.featured_big li:first-child>div{

     padding-top:0;

}

 ul.featured_big .tab-post-big{

     overflow:hidden;

     clear:both;

     margin:0 0 !important;

}

/* 9. Comments / #comments ******************************************************************************************** ********************************************************************************************/

 #comments {

     clear: both;

     margin:0 0 20px 0;

     padding:0 0;

     border-top-style:solid;

     border-top-width:2px 

}

 .single-work #comments {

     margin:0 0 10px 0;

     padding-top:40px;

}

 #comments .navigation {

     padding:20px 0;

     clear: both;

     overflow:hidden;

}

 h3#comments-title, h3#reply-title {

     padding:30px 0 10px 0;

     margin:0 0 20px 0;

}

 .commentlist {

     list-style: none;

     margin:30px 0 0 0 !important;

}

 .commentlist li.comment {

     line-height:2;

     margin: 0 0 25px 0;

     padding: 20px 0 10px 80px;

     position: relative;

     list-style:none;

}

 ul.children li.comment:last-child{

     padding: 20px 0 10px 80px !important;

}

 .commentlist li:last-child {

     border-bottom: none;

     margin-bottom: 0;

}

 #comments .comment-body p{

     margin-bottom:8px;

}

 #comments .comment-body ul, #comments .comment-body ol {

     margin-bottom: 18px;

}

 #comments .comment-body p:last-child {

     margin-bottom: 6px;

}

 #comments .comment-body blockquote p:last-child {

     margin-bottom: 24px;

}

 .commentlist ol {

     list-style: decimal;

}

 .commentlist .avatar {

     position: absolute;

     top:20px;

     left:0;

}

 .comment-author cite {

}

 .comment-author .says {

     font-style: italic;

     display:none;

}

 .comment-meta {

     margin: 0 0 20px 0;

     font-size:80%;

}

 .comment-meta a:link, .comment-meta a:visited {

     color: #888;

     text-decoration: none;

}

 .comment-meta a:active, .comment-meta a:hover {

     color: #ff4b33;

}

 #content .topic a, #content .reply a {

     font-size: 12px !important;

     text-transform:uppercase;

     margin: 0 0 0 0 !important;

     display:inline-block;

     padding: 4px 6px 1px;

}

 .reply a, a.comment-edit-link {

     color: #888;

}

 .reply a:hover, a.comment-edit-link:hover {

     color: #ff4b33;

}

 #comments a.comment-reply-link{

     margin:8px 0 15px 0 !important;

}

 .commentlist .children {

     list-style: none;

     margin: 0;

}

 .commentlist .children li {

     list-style: none;

     border: none;

     margin: 0;

}

 .nopassword, .nocomments{

    display: none;

}

 #comments .pingback {

     border-bottom: 1px solid #e7e7e7;

     margin-bottom: 18px;

     padding-bottom: 18px;

}

 .commentlist li.comment+li.pingback {

     margin-top: -6px;

}

 #comments .pingback p {

     color: #888;

     display: block;

     font-size: 12px;

     line-height: 18px;

     margin: 0;

}

 #comments .pingback .url {

     font-size: 13px;

     font-style: italic;

}

/* Comments form ***************************/

 #respond {

     margin:0;

     overflow: hidden;

     position: relative;

}

 #respond p {

     margin: 0;

}

 .comment-form-author, .comment-form-email, .comment-form-url{

     width:31.3%;

     float:left;

     margin-right:3% !important;

}

 .comment-form-url{

    margin-right:0 !important;

}

 input#author, input#email, input#url{

     width:99.7% !important;

     margin-bottom:20px !important;

     border-width:2px;

     border-style:solid;

}

 #respond .comment-notes {

     margin-bottom: 1em;

     opacity:.7;

     font-size:90%;

}

 .form-allowed-tags {

    display: none;

}

 .children #respond {

    margin: 0 48px 0 0;

}

 #comments-list #respond {

    margin:0;

}

 #comments-list ul #respond {

    margin: 0;

}

 #cancel-comment-reply-link {

     font-size: 12px;

     font-weight: normal;

     line-height: 18px;

     margin-left:10px;

}

 #respond .required {

     color: #ff4b33;

     font-weight: bold;

     margin-left:3px;

}

 #respond label {

     color: #888;

     font-size: 12px;

}

 #respond input {

     margin:0;

     width: 96%;

}

 #respond textarea {

     width: 100%;

     padding:10px 1.5%;

}

 #respond .form-allowed-tags, #respond .form-allowed-tags code {

    display: none;

}

 #respond .form-submit {

    margin: 12px 0;

}

 #respond .form-submit input {

     font-size: 14px;

     width: auto;

     margin:20px 1px 20px 1px;

}

/* 10. Forms ******************************************************************************************** ********************************************************************************************/

 input, textarea,input checkbox,input radio,select, file{

     border-width:2px;

     border-style:solid;

     padding:10px 5%;

     margin:0 0 5px 0;

     line-height:1.3 !important;

     border-radius: 0;

}

 input checkbox{

     margin-right:5px;

}

 form#contactform fieldset input{

     float:none;

     width:320px;

     margin-top:30px;

}

 form#contactform fieldset textarea{

     margin-top:30px;

     width:430px;

     border: 1px solid #eee;

     background:#fff;

}

 form#contactform fieldset input#submit{

     width:150px;

     cursor:pointer;

}

 #contact{

    padding:0 0 30px 0;

}

select{

	max-width:100%;

	overflow:hidden;

}

/* 10. Search / .searchform ******************************************************************************************** ********************************************************************************************/

 .searchform {

     position: relative;

     float: none;

     width:100%;

     margin:0 0 40px 0;

}

 .searchSubmit {

     position: absolute;

     height: 46px;

     width: 46px;

     border: none;

     cursor: pointer;

     margin:0;

     overflow:hidden;

     padding:4px;

     top: 2px;

     right:2px;

     font-size:10px !important;

     line-height:1 !important;

}

 .searchform input.s {

     padding:15px 5%;

     margin:0 0 0 0;

     height:50px;

     font-style:normal;

     width:100%;

     border-width: 2px;

     border-style:solid;

     background-image:none;

}

 .search #content .searchform, .archive #content .searchform {

    margin: 0 0 60px 0 ;

    width:100%;

}

 .search .errorentry{

     padding:0px 5%;

}

/* curtain search */

 #navigation a.searchOpen{

     top:12px;

     right:0;

     padding:11px;

     position:absolute;

     display: inline;

     height:35px;

     width:35px;

     line-height:1 !important;

     font-size:12px;

     text-align:center;

}

 #curtain{

     position:fixed;

     top:0;

     left:0;

     background:#000;

    opacity:.0;

     height:0;

     width:100%;

     z-index:99;

     overflow:hidden;

}

 #curtain.open{

    height:100%;

    opacity:.9;

}

 #curtain .searchform{

     max-width:40%;

     width:600px;

     height:80px;

    margin:-40px 0 0 -300px;

     float:none;

     position:absolute;

     top:50%;

     left:50%;

}

 #curtain .searchform input.s{

     padding: 12px 35px;

    height:80px;

     background:url(images/transparent-dark.png);

     color:#ccc !important;

     border:2px solid rgba(255,255,255,.3);

     font-size:30px !important;

}

 #curtain .searchSubmit, #curtain a.curtainclose {

    background-color:transparent;

    color:#ccc !important;

    border:none !important;

    top: 20px;

    right:15px;

    font-size:25px !important;

     width:40px;

     height:40px

}

 #curtain a.curtainclose {

     margin:-25px 0 0 340px;

     float:none;

     position:absolute;

     top:50%;

     left:50%;

}

/* 12. Footer / #footer ******************************************************************************************** ********************************************************************************************/

 #footer {

     width: 100%;

     margin:0 auto;

     padding:50px 0 0 0;

     overflow:hidden;

     position:relative;

     text-shadow:none;

     font-size:90%;

}

 #footer .foocol h2{

    font-size:14px !important;

     padding:10px 0;

}

 #footer .ghost{

     background: none !important;

}

 #footer ul{

     margin:0 0 30px 0;

}

 #footer .foocol ul li{

     margin:0 0 8px 0;

     padding:0 0 0 1px;

     list-style:inside none square;

    position:relative;

}

 #footer p{

     margin:0 0 15px 0;

}

 #footer .menu li ul{

     margin:8px 0 10px 18px;

}

/*#footer input{

     background:none !important;

}

*/

 .footer-top{

     overflow:hidden;

     text-align:center;

     border-bottom:1px solid #333;

     margin:0 8% 40px 8%;

}

 #copyright {

    padding:40px 0;

     overflow:hidden;

     border-top:1px solid #444;

    font-size:80%;

     text-transform:uppercase;

     opacity:.7;

}

 .footer-logo{

     float:left;

     width:30%;

}

 .footer-logo img{

     margin:0 0 10px 0;

}

 #copyright p {

    margin: 0;

    padding: 5px 0;

}

 .bottom-menu{

     float:right;

     max-width:55%;

     margin:0 auto 20px auto !important;

     display:block;

     text-align:center;

}

 .bottom-menu li{

     display: inline;

}

 .bottom-menu li a{

     padding:5px 5px 5px 5px;

}

 .bottom-menu li:first-child a{

     padding:5px 10px 5px 0;

    background:none;

}

 #footer .menu-item-has-children > a::after, .bottom-menu .menu-item-has-children > a::after, .bottom-menu .mega2 > a::after{

     display:none;

}

/* 13. Images @ Galleries / img ******************************************************************************************** ********************************************************************************************/

 img.aligncenter {

     display: block;

     margin-left: auto;

     margin-right: auto;

     float: none;

}

 img.alignright {

     margin: 10px 1px 10px 20px !important;

     display: inline;

     float: right;

}

 img.alignleft {

     margin: 10px 20px 10px 1px !important;

     display: inline;

     float: left;

}

 .alignright {

     float: right;

     margin-left:15px;

}

 .alignleft {

     float: left;

     margin-right:15px;

}

 .aligncenter {

     display: block;

     margin-left: auto;

     margin-right: auto;

}

 .alignleft {

     float: left;

}

 .alignright {

     float: right;

}

 .wp-caption {

     text-align: center;

     padding-top: 0;

     margin-bottom:10px;

     max-width:100%;

     overflow:hidden;

}

 .wp-caption img {

     margin:0 auto;

     display:block;

     float:none !important;

     padding:10px 5px;

     border: 0 none;

     max-width:100%;

}

 .wp-caption p.wp-caption-text {

     font-size: 12px;

     padding: 0 0;

     margin:0 0 10px 0;

     overflow:hidden 

}

 img.wp-smiley {

     background: transparent;

     border: none;

     margin: 0;

     padding: 0;

}

/* Text meant only for screen readers. */

 .screen-reader-text {

     clip: rect(1px, 1px, 1px, 1px);

     position: absolute !important;

     height: 1px;

     width: 1px;

     overflow: hidden;

}

 .screen-reader-text:focus {

     background-color: #f1f1f1;

     border-radius: 3px;

     box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

     clip: auto !important;

     color: #21759b;

     display: block;

     font-size: 16px;

     font-size: 0.875rem;

     font-weight: bold;

     height: auto;

     left: 5px;

     line-height: normal;

     padding: 15px 23px 14px;

     text-decoration: none;

     top: 5px;

     width: auto;

     z-index: 100000;

    /* Above WP toolbar. */

}

/* @wp gallery ***************************/

 .attachment .headimg{

     display:none;

     visibility:hidden;

}

 .wp-smiley {

     margin:0;

}

 .gallery {

     margin:0 auto 30px auto !important;

     width:100%;

}

 .gallery .gallery-item {

     float: left;

     margin:0 1px 1px 0 !important;

     text-align: center;

     width:auto !important;

     height:auto;

     overflow:hidden;

     background:#000 url(images/icons/zoom.png) 50% 50% no-repeat !important;

     border:none !important;

     -moz-border-radius: 0;

    -khtml-border-radius:0;

    -webkit-border-radius:0;

    border-radius:0;

}

 .entryfull .gallery .gallery-item{

     max-width:149px;

}

 .gallery img {

     border:none !important;

     float:left;

}

 .gallery a {

     overflow:hidden;

     float:left;

}

 .gallery .gallery-caption {

     margin-left: 0;

}

 .gallery dl {

     margin: 0;

}

 dt.gallery-icon{

     padding:0 0 !important;

}

 .gallery-caption {

     color: #888;

     font-size: 12px;

     margin:-24px 0 24px 0;

}

 .gallery br+br, .gallery-caption {

     display: none;

}

/* 14. Social Buttons / .social-menu ******************************************************************************************** ********************************************************************************************/

 ul.social-menu {

     position: relative;

     overflow: hidden;

     padding: 0;

     margin:10px 0 30px 0;

     float:left;

}

 .header-bottom ul.social-menu{

     float:none;

     margin: 0 auto 8px auto;

     padding:0 0 0 0;

     text-align:center;

}

 #footer ul.social-menu{

     float:none;

     text-align:center;

     display:inline-block;

     margin-top:25px;

}

 .widgetable ul.social-menu{

    margin:0 0 20px 0 !important;

}

 ul.social-menu li {

     display: inline;

     list-style-type: none;

     position: relative;

     line-height:1;

     float: left;

     margin: 3px 1px 3px 0;

     padding:0 0 0 0;

     overflow: hidden;

     text-align:center;

     -moz-transition: opacity 0.3s ease-in;

     -webkit-transition: opacity 0.3s ease-in;

     -o-transition: opacity 0.3s ease-in;

}

 ul.social-menu li:hover {

     opacity:1;

     -moz-transition: opacity 0.3s ease-in;

     -webkit-transition: opacity 0.3s ease-in;

     -o-transition: opacity 0.3s ease-in;

}

 .header-bottom ul.social-menu li{

     margin:0 0;

     display: inline-block;

     float:none;

}

 ul.social-menu li a{

     margin: 0 0 0 0;

     font-size:20px;

     width:40px;

     height:40px;

     text-align:center;

     padding:7px 0 7px 1px;

     float:left;

     border-width:1px;

     border-style:solid;

}

 .header-bottom ul.social-menu li a{

     margin:0 0 0 0;

     border-width:0;

     width:auto;

     height:auto;

     padding:2px 6px;

}

 .header-bottom ul.social-menu li a i, .widgetable ul.social-menu li a span, #footer ul.social-menu li a span{

     display:none;

}

 .social-menu li a.searchOpen{

     display:block;

     overflow:hidden;

}

 .social-menu li a.searchOpen i{

     display:inline-block !important;

}

 ul.social-menu li a:hover, #header ul.social-menu li a:hover{

     background-image:none;

}

/* ul.social-menu li.sprite-rss a:hover{

     background-color:#FE9900 !important;

}

 ul.social-menu li.sprite-google a:hover{

     background-color:#DB4A37 !important;

}

 ul.social-menu li.sprite-delicious a:hover{

     background-color:#3274D2 !important;

}

 ul.social-menu li.sprite-yahoo a:hover{

     background-color:#65106E !important;

}

 ul.social-menu li.sprite-stumbleupon a:hover{

     background-color:#EC4823 !important;

}

 ul.social-menu li.sprite-skype a:hover{

     background-color:#00A8E9 !important;

}

 ul.social-menu li.sprite-behance a:hover{

     background-color:#2D9AD2 !important;

}

 ul.social-menu li.sprite-myspace a:hover{

     background-color:#003399 !important;

}

 ul.social-menu li.sprite-lastfm a:hover{

     background-color:#B70736 !important;

}

 ul.social-menu li.sprite-linkedin a:hover{

     background-color:#0274B3 !important;

}

 ul.social-menu li.sprite-flickr a:hover{

     background-color:#F3006F !important;

}

 ul.social-menu li.sprite-deviantart a:hover{

     background-color:#455548 !important;

}

 ul.social-menu li.sprite-tumblr a:hover{

     background-color:#35506B !important;

}

 ul.social-menu li.sprite-vimeo a:hover{

     background-color:#1BB6EC !important;

}

 ul.social-menu li.sprite-youtube a:hover{

     background-color:#EC2828 !important;

}

 ul.social-menu li.sprite-twitter a:hover{

     background-color:#00ABF0 !important;

}

 ul.social-menu li.sprite-facebook a:hover{

     background-color:#47639E !important;

}

 ul.social-menu li.sprite-pinterest a:hover{

     background-color:#CA222F !important;

}

 ul.social-menu li.sprite-instagram a:hover{

     background-color:#734332 !important;

}

 ul.social-menu li.sprite-dribbble a:hover{

     background-color:#DF3E7B !important;

}

 ul.social-menu li.sprite-github a:hover{

     background-color:#000 !important;

}

 ul.social-menu li.sprite-px a:hover{

     background-color:#000 !important;

}

 ul.social-menu li.sprite-foursquare a:hover{

     background-color:#8CC540 !important;

}

 ul.social-menu li.sprite-soundcloud a:hover{

     background-color:#FE5419 !important;

}

 ul.social-menu li.sprite-spotify a:hover{

     background-color:#7CC110 !important;

}

 ul.social-menu li.sprite-ebay a:hover{

     background-color:#FFCB01 !important;

}

 */

/* footer-icons */

 .footer-icons{

     text-align:center;

     position:relative;

     overflow:hidden;

     z-index:9;

     border-top-width:1px;

     border-bottom-width:1px;

    border-style:solid;

}

 .footer-icons ul.social-menu{

     text-align:center;

     float:none;

     display:inline-block;

     margin:38px auto 25px auto;

}

 .footer-icons ul.social-menu li a{

     width:auto;

     padding:7px 10px;

     margin:0 5px;

     position:relative;

     height:33px;

     min-width:38px;

    font-size: 12px;

    font-weight: 500;

     font-family:'Montserrat';

    text-transform: uppercase;

}

 .footer-icons ul.social-menu li a span{

     margin-left:25px;

     margin-right:4px;

     line-height:1.5;

}

 .footer-icons ul.social-menu li a i{

     position:absolute;

     top:10px;

     left:13px;

}

/* 15. Flex Slider / .flexslider ******************************************************************************************** ********************************************************************************************/

/* Browser Resets *********************************/

 .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {

    outline: none;

}

 .slides, .flex-control-nav, .flex-direction-nav {

    margin: 0;

     padding: 0;

     list-style: none;

}

/* FlexSlider Necessary Styles *********************************/

 .flexslider {

    margin: 0;

     padding: 0;

}

 .flexslider .slides > li {

    display: none;

    /* -webkit-backface-visibility: hidden;

    */

}

/* Hide the slides before the JS is loaded. Avoids image jumping */

/*.flexslider .slides > li:first-child {

    display: block;

     -webkit-backface-visibility: visible;

}

*/

 .flexslider .slides li>img, .flexslider .slides li>a>img {

    max-width: 100%;

     display: block;

     margin:0 auto;

}

 .flex-pauseplay span {

    text-transform: capitalize;

}

/* Clearfix for the .slides element */

 .slides:after {

    display: block;

     clear: both;

     visibility: hidden;

     line-height: 0;

     height: 0;

}

 html[xmlns] .slides {

    display: block;

}

 * html .slides {

    height: 1%;

}

/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */

 .no-js .slides > li:first-child {

    display: block;

}

 .loading .loading-inn{

     opacity:1;

     display:block;

    min-height:580px;

     width:100%;

     position:relative;

     z-index:99;

}

 .loading-inn{

     opacity:0;

     display:none;

}

 .loading-inn i{

     position:absolute;

     top:50%;

     left:50%;

     font-size:15px;

     margin:-5px 0 0 -25px;

    color:#ccc !important

}

/* FlexSlider Default Theme ***************************/

 .flexslider {

     margin: 0 0 0 0;

     zoom: 1;

     position:relative;

}

 .flex-viewport {

     max-height: 600px;

     overflow:hidden;

     -webkit-transition: all 1s ease;

     -moz-transition: all 1s ease;

     -o-transition: all 1s ease;

     transition: all 1s ease;

}

 .loading .flex-viewport {

}

 .flexslider .slides {

     zoom: 1;

}

 .carousel li {

     margin-right: 5px;

}

/* Direction Nav */

 .flex-direction-nav {

    *height: 0;

}

 .flex-direction-nav a {

     display: block;

     width:44px;

     height:44px;

    line-height:1 !important;

     margin: -25px 0 0;

     position: absolute;

     bottom: 30px;

     z-index: 2;

     overflow: hidden;

     opacity: 0;

     cursor: pointer;

     -webkit-transition: all .3s ease;

     -moz-transition: all .3s ease;

     transition: all .3s ease;

     text-align:center;

}

 .flex-direction-nav .flex-prev {

     right: 80px;

     padding:15px 18px;

}

 .flex-direction-nav .flex-next {

     right: 30px;

    padding:15px 18px;

}

 .flexslider:hover .flex-prev {

     opacity: 1;

}

 .flexslider:hover .flex-next {

     opacity: 1;

}

 .flex-direction-nav .flex-disabled {

     opacity: 0!important;

     filter:alpha(opacity=0);

     cursor: default;

}

 .flex-direction-nav .flex-next:before {

    font-family:'FontAwesome' ;

    content:"\f105";

     font-size:13px;

     letter-spacing:100px;

     line-height:1 !important;

}

 .flex-direction-nav .flex-prev:before {

    font-family:'FontAwesome' ;

    content:"\f104";

     font-size:13px;

     letter-spacing:100px;

    line-height:1 !important;

}

/* Pause/Play */

 .flex-pauseplay a {

     display: block;

     width: 20px;

     height: 20px;

     position: absolute;

     bottom: 5px;

     left: 10px;

     opacity: 0.8;

     z-index: 10;

     overflow: hidden;

     cursor: pointer;

     color: #000;

}

 .flex-pauseplay a:before {

    display: inline-block;

}

 .flex-pauseplay a:hover {

     opacity: 1;

}

 .flex-pauseplay a.flex-play:before {

}

/* Control Nav */

 .flex-control-nav {

    width: 300px;

     position: absolute;

     top:30px;

     left:50%;

     margin-left:-150px;

     text-align:center;

     display:none;

}

 .flex-control-nav li {

    margin: 0 4px;

     display: inline-block;

     zoom: 1;

     *display: inline;

}

 .flex-control-paging li a {

    width: 13px;

     height: 13px;

     display: block;

     cursor: pointer;

     text-indent: -9999px;

     -webkit-border-radius: 20px;

     -moz-border-radius: 20px;

     -o-border-radius: 20px;

     border-radius: 20px;

     border:2px solid #fff;

}

 .flex-control-paging li a:hover {

     background: #fff;

     opacity:.7 

}

 .flex-control-paging li a.flex-active {

     background: #fff;

     cursor: default;

}

/* Main Slider ***************************/

 .mainflex{

     margin:0 auto 40px auto;

     float:none;

     overflow:hidden;

     position:relative;

     background:#000;

}

 .mainflex a,.mainflex p{

    color:#fff;

}

 .mainflex .slides {

     display:block;

     width:100%;

     margin:0 0;

}

 .mainflex, .mainflex .slides>li{

    max-height:620px;

     min-height:500px;

}

 .mainflex .slides img, .mainflex .slides iframe{

    width:100%;

     display:block;

     float:none;

     margin:0 auto;

}

 .mainflex .slides img {

     opacity:1;

}

 .mainflex li:hover img {

     opacity:.3;

}

 .mainflex .entryhead{

     margin:0 0;

     max-width:100%;

     position:relative;

}

 .mainflex .entryhead:after{

     content:'';

     display:block;

     width:auto;

     height:50%;

     z-index:1;

    position:absolute;

     bottom:0;

     left:0;

     right:0;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */

     background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);

    /* FF3.6-15 */

     background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);

    /* Chrome10-25,Safari5.1-6 */

     background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);

    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );

    /* IE6-9 */

}

 .mainflex-full{

     max-width:1300px;

    margin:0 auto 0 auto;

}

 .flexinside{

     padding:10px 0 20px 0;

     overflow:hidden;

     position:absolute;

     bottom:150px;

     left:40px;

     width:60%;

     z-index:2;

}

 .flexinside h2{

     margin:25px 0 10px 0;

}

 .flexinside h2 a{

     padding:15px 0;

}

 .flexinside p.meta{

     display: inline-block;

}

 .slide-nav{

    overflow:hidden;

     width:100%;

     height:110px;

     padding:0 40px;

     position:absolute;

     left:0;

     bottom:0;

     z-index:2;

     display:inline-block;

}

 .slide-nav li{

     line-height:1.4 !important;

     margin:0 0;

     padding:10px 0 0 0;

     display:block;

    width:20%;

     float:left;

     position:relative;

}

 .slide-nav li a:after{

     background-color:#fff !important;

     content:"";

     display:block;

     position:absolute;

     height:5px;

     width:5px;

     top:-3px;

     left:0;

     margin-left:-3px;

     opacity:0.3

}

 .slide-nav li>a{

     padding:20px 20px 15px 0;

    height:110px;

     width:100%;

     display: inline-block;

     border-top:1px solid rgba(255,255,255,0.1);

     position:relative;

     z-index:1;

     overflow:visible;

    font-family: 'Montserrat', sans-serif;

     font-size:13px;

}

 .slide-nav li>a .title{

     opacity:.5;

}

 .slide-nav li.flex-active a:after{

     opacity:1;

}

 .slide-nav li.flex-active a:before{

     opacity:1;

    height:11px;

     width:11px;

     left:0;

     top:-7px;

    margin-left:-7px;

     content:"";

     border:1px solid #fff;

     display:block;

     position:absolute;

}

 .slide-nav li.flex-active>a .title{

     opacity:1;

}

/* 16. Buttons, Pagination, Ribbons & Scroll to top ******************************************************************************************** ********************************************************************************************/

/* Buttons ***************************/

 a.more-link {

     display: none;

     visiblity:hidden;

}

 a.read-more {

     display: block;

     visibility:visible;

}

 a.mainbutton,#comments .navigation a,.tagssingle a,.submit,.wpcf7-submit,a.comment-reply-link{

     margin:4px;

     line-height:1;

     padding:7px 10px;

     background: #f5f5f5;

     border:none !important;

     text-shadow:none;

     overflow:hidden;

     display:block;

     cursor:pointer;

}

 a.mainbutton{

     margin:20px 0 0 0;

     padding:15px 20px 14px 20px;

     text-align: center;

     display:block;

     min-width:130px;

     text-transform:uppercase;

     float:left;

}

 a.mainbutton.tiny {

     min-width: 105px;

     padding: 6px;

}

 a.morebutton{

    margin:0 0 0 0;

     display:block;

     float:none;

     line-height:1 !important;

     text-align:center;

     padding:15px 20px;

     overflow:hidden;

}

/* Pagination ***************************/

 .pagination{

     margin:0 0 0 0;

     float:none;

     padding:3px 0;

     overflow:hidden;

     text-align:center;

}

 .loop-pagination{

     margin-bottom:10px;

}

 a.page-numbers {

     margin:30px 8px -1px 0;

     text-shadow:none;

}

 .page-numbers {

     font-size: 16px;

     line-height:1 ;

    padding:12px 16px !important;

     border-width:0;

     display:inline-block;

}

 .page-numbers.current {

    font-weight:bold;

    margin:0 8px -1px 0;

     text-shadow:none;

}

 .dots {

     letter-spacing: 1px;

    margin:0 15px -1px 0;

}

 .wp-pagenavi a, .wp-pagenavi span{

     border:none !important;

     padding:3px 10px 3px 0 !important;

     margin:0 10px 0 0 !important;

}

 .wp-pagenavi span.pages{

     display:none;

}

/* Post Pagination ***************************/

 .post-pagination{

    display:block;

     overflow:hidden;

     width:100%;

     position:relative;

     padding:0 20px;

     margin:5px 0 0 0;

     height:42px;

     text-transform:uppercase;

     background-image:none !important;

}

 .post-pagination p{

     margin:15px;

}

 .post-pagination>p a:first-child{

     float:left;

     border-bottom:none;

}

 .post-pagination>p a:last-child{

     float:right;

     border-bottom:none;

}

 .page-link{

     margin:3px 0 0 0;

     display:inline-block;

     text-align:center;

     overflow:hidden;

     position:absolute;

     width:60%;

     left:20%;

}

 .page-link span{

     margin:1px 0 -2px 0;

     padding:9px 9px;

    overflow:hidden;

     display:inline-block;

     width:30px;

}

 .page-link a{

}

 .page-link a span{

    background:#fff;

}

/* Scroll To Top ***************************/

 .scrollTo_top {

     position:fixed;

     right:54px;

     bottom:-4px;

     z-index:9999;

     width:50px;

     margin:0 0 0 0;

     text-align:center;

}

 .scrollTo_top a i{

     float:left;

     padding:15px 18px 20px 18px;

}

/* 17. Plugins ******************************************************************************************** ********************************************************************************************/

 .su-box{

     border-width:1px !important;

}

/* contact form */

 .wpcf7-form p{

     width:100%;

     overflow:hidden;

     clear:both;

     margin:0 0 10px 0;

     font-size:11px;

     font-style:italic;

}

 .wpcf7-form p img{

     float:left;

}

 .wpcf7-form p input, .wpcf7-form p textarea{

     width: 100%;

     font-size:12px !important;

     font-style:normal;

     padding:15px 3%;

     margin:5px 0;

     overflow:hidden;

     clear:both;

}

 .wpcf7-form p textarea{

     height:150px !important;

}

 .wpcf7-form p.sixcol{

     float: left;

     margin-right: 6%;

     width: 47%;

     clear:none;

}

 .wpcf7-form p.sixcol.last{

    margin-right: 0;

}

 .wpcf7-submit.wpcf7-submit{

     font-weight:bold;

     width:70px !important;

     padding:8px !important;

     margin:0 0 0 0 !important;

}

 .wpcf7-form p img{

     float:left;

}

 input.wpcf7-captchar{

     width:65px !important;

     margin-top:5px;

}

 span.wpcf7-not-valid-tip{

     position:relative !important;

     margin-top:5px;

}

/* awesome weather */

 .awesome-weather-wrap{

     margin:0 0 40px 0;

}

/* coco social */

 .blog_builder .coco-social {

     float: left;

     width: 60%;

     margin:-2px 0 25px 0 !important;

}

 .coco-social ul.coco-social-buttons {

    padding-bottom:5px;

}

 .coco-social ul.coco-social-buttons li{

     margin:0 -1px 0 0 !important;

}

 .coco-social ul.coco-social-buttons li a{

     border-width:1px;

     border-style:solid;

     padding:11px 7px !important;

     background: none !important;

     color:#444 !important;

     display: inline-block;

     width:100%;

     margin-right:-1px !important;

     text-align: center;

     line-height:1 !important;

     font-size:12px !important;

     -moz-transition: all 0.2s ease-in;

     -webkit-transition: all 0.2s ease-in;

     -o-transition: all 0.2s ease-in;

     transition: all 0.2s ease-in;

     -ms-transition: all 0.2s ease-in;

}

 .coco-social ul.coco-social-buttons li a:hover{

     color:#777 !important;

}

 .wrapper [class^="cocosocial-icon-"]::before, .wrapper [class*=" cocosocial-icon-"]::before{

     font-size:12px !important;

     margin:0 0 !important;

     display:inline-block !important;

}

 .wrapper [class^="cocosocial-icon-"], .wrapper [class*=" cocosocial-icon-"] {

    margin:0 0 !important;

    display:inline-block !important;

}

 .wrapper .coco-social ul.coco-social-buttons li a span{

     margin:0 5px;

}

 .wrapper .coco-social ul.coco-social-buttons.fifths li {

    width: 20%;

}

 .format-quote .coco-social ul, .format-aside .coco-social ul, blockquote .coco-social{

     display:none !important;

}

 .coco-social ul.coco-social-buttons.auto_width.icon_only li{

     width:auto !important;

}

/* mail chimp */

 .mc4wp-form{

     border-width:5px;

     border-style:solid;

     padding:30px 10% 35px 10%;

     text-align:center;

     margin-top:40px;

}

 .mc4wp-form p, .mc4wp-form label{

     width:100%;

     clear:both;

     overflow:hidden;

     display:block;

    margin:0 0 5px 0;

}

 .mc4wp-form small{

     font-style:italic;

}

 .mc4wp-form input{

    float:none !important;

    clear:both;

     margin:15px auto;

     text-align:center;

}

 .mc4wp-form input[type="email"]{

    width:70%;

     overflow:hidden;

     background:none;

    padding: 20px 4%;

}

 .mc4wp-form input[type="submit"]{

     border:none !important;

    width: 100px !important;

     cursor:pointer;

     margin: 0 0;

     padding:10px !important;

}

 .widgetable .mc4wp-form{

     padding:0 20px 0 20px !important;

     text-align:left;

    margin:0 0 30px 0;

}

 .widgetable .mc4wp-form input{

     width:100%;

     margin:0 auto;

    padding: 10px 4%;

}

 .widgetable .mc4wp-form input[type="email"]{

    text-align:left;

}

 #footer .mc4wp-form{

     padding:0 0 !important;

     text-align:left;

    margin:0 0 30px 0;

     border:0;

     background:none !important;

}

/* woocommerce */

 .woocommerce ul.products li.product h3{

     margin-bottom:15px;

     font-size:18px;

}

 .woocommerce ul.products li.product .onsale {

     height: 45px;

     width: 45px;

     z-index: 1;

}

/* 19. Other (sticky, tagcloud, calendar, tabs, tooltips, speciable) ******************************************************************************************** ********************************************************************************************/

.blogger div.post.sticky{ position:relative; margin-bottom:40px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,cecece+100&0+0,0.45+100 */

background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(206,206,206,0.20) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(206,206,206,0.20) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(206,206,206,0.20) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#73cecece',GradientType=1 ); /* IE6-9 */

}



.blogger div.post.sticky .entryhead{ margin-bottom:0;}



.blogger div.post.sticky .item_inn{ padding:15px 25px; background:none !important;}



.blogger div.post.sticky:after{

	position:absolute;

	top:25px;

	right:25px;

	z-index:2;

	font-family:'FontAwesome' ;

	content:"\f097";

	font-size:30px;

	letter-spacing:0;

	line-height:1 !important;

	color:#000;

}  padding-right:25px;

}

 .tagcloud{

     padding:0 0 25px 0 !important;

     overflow:hidden;

}

 .tagcloud,#serpane3{

     width:102%;

}

 .tagcloud a{

     float:left;

     font-size:13px !important;

     line-height:1;

     padding:6px 8px;

     border:1px solid rgba(0, 0, 0, 0.1);

     margin:0 8px 9px 0;

}

 #footer .tagcloud a{

     font-size:11px !important;

}

 .widgetable ul li.cat-item, .widgetable ul li.page_item{

     padding:3px 0;

     margin:0 0 0 0;

     list-style: square;

     list-style-position: inside;

}

/* icons ***************************/

 .icon-rating{

     position:absolute;

     right:5px;

    top:5px;

     z-index:2;

     font-size:16px !important;

     padding:0 0;

     overflow:hidden;

     line-height:1 !important;

     opacity:0;

     height:30px;

     margin:0 0 0 0;

     display:inline-block;

     text-align:center;

}

 .mainflex .icon-rating{

    left:5px;

    top:5px;

     right:auto;

}

 .entryhead:hover .icon-rating, .item:hover .icon-rating{

     opacity:1;

}

 .wrapper .icon-rating.tiny .wp-review-show-total {

    font-size:9px !important;

}

 .tmnf_icon{

     font-size:12px !important;

     padding:12px 8px;

     text-align:center;

     opacity:0;

    line-height:1 !important;

    width:36px;

    height:36px;

    bottom:10px;

    right:10px;

     position:absolute;

     z-index:2;

}

 .mainflex .tmnf_icon{

     top:10px;

    bottom:auto;

}

 div:hover>.tmnf_icon, .item:hover .tmnf_icon, li:hover>.tmnf_icon{

     opacity:1;

}

/* ratings ***************************/

 .icon-rating .wp-review-show-total{

     float:none;

     display:inline-block;

     padding:9px !important;

     margin:0 1px 0 0;

    height:35px;

     vertical-align: top;

}

 .icon-rating .review-total-star i{

     font-size:10px !important;

}

 h5.review-title{

     font-size:20px !important;

}

 .review-list li, .review-desc, .user-review-area, .review-title {

     padding: 15px 35px;

}

 .review-wrapper, .review-title, .review-desc, .user-review-area, .review-list li{

     border-width:1px !important;

}

 .review-wrapper{

     margin:40px 0 !important;

}

 .bar-point .review-result, .percentage-point .review-result{

     z-index:3 !important;

}

/* calendar widget ***************************/

 .widget_calendar {

    float: left;

}

 #wp-calendar {

    width: 100%;

     margin:0 0 40px 0;

}

 #wp-calendar caption {

     text-align: left;

     color: #333;

     font-size: 10px;

     text-transform: uppercase;

     padding-bottom:5px;

     margin-bottom: 5px;

}

 #wp-calendar thead {

     font-size: 10px;

}

 #wp-calendar tbody {

     color: #aaa;

}

 #wp-calendar tbody td {

     border:1px solid rgba(153,153,153,.1);

     text-align: center;

}

 #wp-calendar tbody td:hover {

}

 #wp-calendar tbody .pad {

     background: none;

}

 #wp-calendar tfoot #next {

     font-size: 10px;

     text-transform: uppercase;

     text-align: right;

}

 #wp-calendar tfoot #prev {

     font-size: 10px;

     text-transform: uppercase;

     padding-top: 10px;

}

/* tables, def lists ***************************/

 table,dl {

     border: 1px solid rgba(153,153,153,.1);

     width: 90%;

     margin:0 0 30px 0;

}

 table td, table th, dd {

     border-top: 1px solid rgba(153,153,153,.1);

}

 table tr:first-child th{

     border-top:none;

}

 table th, dt {

     font-weight: normal;

     padding:10px 0;

     line-height: 1 !important;

     font-size: 12px;

}

 table td,dd {

     padding:8px 0;

     vertical-align: top;

     line-height: 1 !important;

}

/* @tooltips ***************************/

 div.tooltip {

     display:none;

     position:absolute;

     text-align:center;

     line-height:normal;

     z-index:100000;

     opacity:1;

     background:#444;

     color:#eee;

     -moz-border-radius: 2px;

    -khtml-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

}

 div.tooltip p {

     padding:10px 15px;

     line-height:1.4 !important;

     border-radius:2px;

     -moz-border-radius:2px;

     -webkit-border-radius:2px;

     text-shadow:none;

     max-width:250px;

     text-transform:capitalize;

     position:relative;

}

 div.tooltip p:after {

     width: 0;

     height: 0;

     border-left: 10px solid transparent;

     border-right: 10px solid transparent;

     border-top: 10px solid #444;

     bottom: -8px;

     content: "";

     position: absolute;

     left:50%;

     margin-left:-10px;

}

/* @speciable ***************************/

/* forsure */

 .link--forsure{

     outline: none;

     text-decoration: none;

     position: relative;

     display: inline-block;

}

 .link--forsure::before, .link--forsure::after {

     content: '';

     width: 100%;

     height: 1px;

     background: #fff;

     position: absolute;

     -webkit-transform: scale3d(0,1,1);

     transform: scale3d(0,1,1);

     -webkit-transition: -webkit-transform 0.5s;

     transition: transform 0.5s;

}

 .blogger .link--forsure::before, .blogger .link--forsure::after{

     background:#000;

     opacity:.1;

}

 .imglarge .entryhead .link--forsure::before, .imglarge .entryhead .link--forsure::after{

     background:#fff;

     opacity:1;

}

 .link--forsure::before {

     right: 0;

     top: 0;

     -webkit-transform-origin: 100% 50%;

     transform-origin: 100% 50%;

}

 .link--forsure::after {

     left: 0;

     bottom: 0;

     -webkit-transform-origin: 0 50%;

     transform-origin: 0 50%;

}

 .item:hover .link--forsure::before, .item:hover .link--forsure::after, .link--forsure:hover::before, .link--forsure:hover::after {

     -webkit-transform: scale3d(1,1,1);

     transform: scale3d(1,1,1);

}

 .link--forsure span {

     position: relative;

     -webkit-transition: color 0.5s;

     transition: color 0.5s;

}

 img{

     max-width:100%;

     height:auto;

     display:block;

}

 object,embed,iframe {

    max-width: 100%;

}

 ::selection {

    background:#000;

     color:#FFF;

}

 ::-moz-selection {

    background:#000;

    color:#FFF;

}

 .upper #header h1, .upper h1.entry-title, .upper h2.posttitle, .upper h3.additional, .upper .widgetable ul.menu>li>a, .upper .nav>li>a, .upper h2.archiv, .upper .uppercase, .upper .foocol h2, .upper .widgetable h2, .upper .flexinside h2, .upper .slide-nav li a .title, .upper .postinfo h4, .upper h3#reply-title, .upper #footer .threecol h2, .upper #respond .form-submit input {

     text-transform: uppercase;

}

 .ghost,.grid-item,a.page-numbers {

     background-color:#ffffff;

}

.p-border,.social-menu a,.taggs a {

     border-color:#eeeeee;

}

.ribbon,.format-quote .item_inn,.tmnf_icon,.page-numbers.current,li.current a,.flex-direction-nav a {

     background-color:#f8af2d;

}

.ribbon,.ribbon a,a.ribbon,.format-quote,.format-quote a,.tmnf_icon,.page-numbers.current,li.current a,.flex-direction-nav a {

     color:#222222;

}

a {

     color:#000000;

}

a:hover {

     color:#687077;

}

 #header,.nav li ul,#fixed-nav {

     background-color:#ffffff;

}

.nav a {

     color:#222222;

}

#titles a {

     color:#222222;

}

#titles p {

     color:#444444;

}

#header .searchOpen,.nav li a:hover {

     background-color:#f8af2d;

}

#header .searchOpen,.nav li a:hover {

     color:#222222;

}

 #footer {

     background-color:#29323d;

}

#footer a {

     color:#8fa7bf;

}

#footer,#footer p,#footer input,#footer h2 {

     color:#afb8bf;

}

#footer,#footer .p-border,#copyright {

     border-color:#3b4149;

}

 body,.tab-post-big {

     background-color:#f7f7f7;

}