/* ============== theme update ===================== */

body{ 
    background: #FFF; 
    -webkit-font-smoothing: subpixel-antialiased;
}

#emc_header iframe{
z-index: 1 !important;
}

.clearfix:after{
content:' ';
display:block;
clear:both;
}

#main{width:auto;}
.inner{width:1000px;margin:auto;  }

#main > .bg-color-grey,
#main > .bg-color-white,
#main > .bg-color-black,
#main > .bg-color-red,
#main > .bg-color-blue,
#main > .bg-color-white{width:1000px;margin:auto;}

.site-header ul li{list-style:none;}
body, td, th, div, a, p{font-family: 'Roboto', sans-serif;}

h1,h2,h3,h4,h5,h6{font-family: Helvetica Neue, serif;}

img{max-width:100%;height:auto;}

/* ====================     HEADER   ==========================*/
.category-wrap *,
.single-post-wrap *,
.site-footer *,
.site-header *{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.site-header-wraper{min-height:100px;margin-bottom: 20px;}

.site-header{
padding: 15px 0 0px 0;
background:#c33333;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

#block-logo {
    height: auto;
    float: left;
    margin-top: 20px;
    max-width: 350px;
    position: absolute;
    top: 10px;
}

#block-logo .space-min-top{float:none;margin:0;}

#block-navigation-top {
width: auto;
height: auto;
padding: 0;
margin: 0;
background: none;
clear: none;
float: right;
}

div#menu-top {
width: auto;
padding: 0;
float: none;
}


div#menu-top ul {
margin:0px 0 0 0;
text-align: center;
width: auto;
padding: 0;
float: none;
overflow: hidden;
font-size:0;
}

div#menu-top ul li {
list-style: none;
padding: 0 9px 20px 9px;
margin: 0;
float: none;
display: inline-block;
color: #FFF;
vertical-align: top;
}

div#menu-top ul li.search{
padding:10px;
font-size: 20px;
cursor:pointer;
}

.social-links ul li.search:hover,
.social-links ul li.search.active,
div#menu-top ul li.search:hover,
div#menu-top ul li.search.active{color: #FF8787;}

div#menu-top ul li a {
padding: 10px 0 5px 0;
margin: 0;
height: auto;
float: none;
display: block;
color: #fff;
text-transform: uppercase;
font-size: 14px;
font-family: 'Roboto', sans-serif;
border-bottom: 2px solid #c33333;

-moz-transition: 0.3s border-color linear;
-webkit-transition: 0.3s border-color linear;
-ms-transition: 0.3s border-color linear;
transition: 0.3s border-color linear;
}

div#menu-top ul > li:hover > a{border-color: #fff;}

div#menu-top ul li:hover .header-sub-menu{
visibility:visible;

-moz-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
}

.search-wrap{
display:none;
position: absolute;
width: 100%;
left: 0;
top: 100px;
padding: 10px;
background: #303030;
cursor:
}

.search-wrap form{
max-width:1000px;
margin:auto;
overflow:hidden;
}

#form-search-input,
.search-wrap input[type="submit"]{
float:left;
height:45px;
font-size:14px;
padding:10px;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;

-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
outline:0;

font-family: 'Roboto', sans-serif;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

#form-search-input{width:85%;background:#fff;}

.search-wrap input[type="submit"]{
width:15%;
cursor:pointer;
text-transform:uppercase;
}

.search-wrap input[type="submit"]:hover{background-color: #424242;}

.site-header .social-links{text-align: right;}

.social-links ul{padding: 0;margin: 0;}
.social-links ul li{display: inline-block;margin: 0;vertical-align: middle;}

.social-links ul li.search,
.social-links ul li a{
color: #FFF;
padding: 6px 0 0 0;
font-size: 20px;
width: 30px;
height: 30px;
text-align: center;
line-height: 35px;

-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.social-links ul li a{display: block;}

.social-links ul li a.fb:hover{background:#3b5998;}
.social-links ul li a.tw:hover{background:#4099FF;}
.social-links ul li a.gp:hover{background:#D34836;}
.social-links ul li a.rss:hover{background:#ee802f;}


.social-links ul li a.extra-links{
width: auto;
font-size: 12px;
line-height: 1;
height: auto;
padding: 0 10px 0 10px;
font-family: 'Montserrat', sans-serif;
}

.social-links ul li a.extra-links:hover{color: #FFC1C1;}


/* ======= STICKY MENU =====*/
.site-header.sticky{
position: fixed;
width: 100%;
z-index:99;
padding: 0;
}

.social-links ul li a.extra-links,
.sticky div#menu-top ul li.search,
.social-links ul li.search,
.sticky-show,
.sticky .sticky-hide{display:none;}

.sticky .social-links ul li.search{display:inline-block;}

.sticky .social-links ul li a.extra-links,
.sticky .sticky-show {
    display:block;
}

.sticky .sticky-show {
    width: 60px;
    height: 37px;
    margin: 0;
    overflow-y: hidden;
    top: 6px;
    position: absolute;
}

.sticky .sticky-show img {
    width: 60px;
    height: auto;   
}

.sticky-logo{
width: 38px;
margin-top: 6px;
}

.sticky #block-logo{
    margin-top: 0;
    position: absolute;
    top: 7px;
    left: 0;
}

.site-header.sticky .social-links{
float: right;
background: #AD3636;
padding: 7px;
}

.sticky div#menu-top{float: right;margin: 11px 30px 0px 0px;}

.sticky #menu-top .header-sub-menu,
.sticky .search-wrap{top:43px;}

.sticky div#menu-top ul li{padding: 0 7px 9px 7px;margin: 0 4px;}
.sticky div#menu-top ul li a{padding:1px 0;font-size: 12px;}



/* ===== SUB MENU ======= */
#menu-top .header-sub-menu{
position: absolute;
width: 100%;
visibility:hidden;
background: #333;
left: 0;
top: 100px;
padding: 20px 0;
z-index:10;

-moz-transition: visibility 0s linear;
-webkit-transition: visibility 0s linear;
-ms-transition: visibility 0s linear;
transition: visibility 0s linear;
}

div#menu-top ul li .header-sub-menu .sub-menu-posts{
margin: 0 -5px;
}
div#menu-top ul li .header-sub-menu .sub-menu-post{
padding: 0 10px;
margin: 0;
display: block;
width: 20%;
float: left;
}

div#menu-top ul li .header-sub-menu a{
border: 0;
padding: 0;
}


div#menu-top ul li .header-sub-menu .sub-menu-post .img-wrap{
margin-bottom: 5px;
}
div#menu-top ul li .header-sub-menu .sub-menu-post .img-wrap img{
padding: 0;
margin: 0;
display: block;
float: none;
width: 100%;
}
.sub-menu-post .text{}

.sub-menu-post .text .title{
padding: 0;
color: #fff;
font-size: 14px;
text-transform: none;
}

.sub-menu-post a:hover .text .title{color: #FF6868;}

.header-sub-menu .link-wrap{
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHklEQVQIW2NkQAL/gYARxgdzQAAkAOOA2IzIHJAAACAGEAFjDBirAAAAAElFTkSuQmCC);
margin: 40px 0 20px 0;
height: 15px;
}

div#menu-top ul li .header-sub-menu .link-wrap a{
display: inline-block;
background: #333;
width: 150px;
line-height: 35px;
position: relative;
margin-top: -10px;
}

div#menu-top ul li .header-sub-menu .link-wrap a:hover{background: #C33333;}







/*   ================= PATTERN TITLE ======================   */
.section-title-pattern{
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAJHjhz5zwjjgzg2NjaMYAEYB8RmROaABADyVQ9Q9HXahAAAAABJRU5ErkJggg==);
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
.section-title-pattern .text{
font-family: 'Roboto',sans-serif;
letter-spacing: 1px;
font-size: 18px;
text-transform: uppercase;
color: #fff;
background: #C33333;
display: inline-block;
line-height: 36px;
padding: 0px 15px;
position:relative;
font-weight: bold;
}

.section-title-pattern .text:before{
content:' ';
width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 36px 0px;
border-color: transparent transparent #C33333 transparent;
position: absolute;
right: -15px;
top: 0;
z-index:1;
}

.section-title-pattern .text:after{
content:' ';
width: 0;
height: 0;
border-style: solid;
border-width: 0 23px 55px 0px;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFF rgba(0, 0, 0, 0);
position: absolute;
right: -23px;
top: -10px;
z-index:0;
}


.section-title-pattern .view-more{
float: right;
text-transform: uppercase;
color: #C33333;
font-weight: bold;
margin: 8px 10px 0 0;
letter-spacing: 1px;
}

.section-title-pattern .view-more:hover{color:#333;}







/* ==================== FOOTER ==================== */
.site-footer{
margin-top:20px;
background: #222;
padding: 50px 0;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

.site-footer .col-wrap{
display: table;
width: 100%;
margin-bottom: 30px;
}

.site-footer .col-wrap .f-col{display: table-cell;vertical-align: top;}
.site-footer .col-wrap .f-col:last-child{text-align:right;}

.f-col .nav{margin-bottom: 10px;}

.f-col .nav a{
color: #fff;
padding-left: 20px;
font-size: 14px;
}

.site-footer .copyright{color: #fff;font-size: 14px;}
.site-footer .copyright p{color: #696969;margin: 5px 0 0 0;}
.site-footer .copyright a{color: #666;}

.f-col .nav a:hover,
.site-footer .copyright a:hover{color:#999;}

.category-bread {
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
	padding-top: 20px;
	line-height: 0px;
}

.category-bread a{
	text-transform: uppercase;
	font-size: 16px;
	line-height: 0px;
}