html,
body {
    width: 100%;
    height: 100%;
    background-color: #ecebeb;
    background-color: #f6f5f2;
    
}

html {
	/*
	font-size: 1em; 
    -webkit-text-size-adjust: 1em; 
    -ms-text-size-adjust: 1em; 
	
	-webkit-font-smoothing: subpixel-antialiased;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    */
}


body {
  min-width: 320px;
  padding-top: 0px;
  font-family: 'Lato', sans-serif;
  /*
  background: #000;
  overflow-x: hidden;
  font-size: 100%; 
  */
}

body.body > .content > .inner-content > .left-col  {
    background-color: #fff !important;    
}

a, a:active, a:visited, a:hover, a:focus { outline: none; text-decoration: none; }
a:hover { text-decoration: none;}

button:focus { outline: none; }

a {word-wrap: break-word;}

h1,h2,h3,h4,h5,h6, .h1,.h2,.h3,.h4,.h5,.h6  {
    font-family: 'Lato', sans-serif;
}


.clear { clear: both; display: block; margin: 0px; padding:0px; height: 0px; line-height: 0px; font-size: 1px; }
.clear-row { clear: both; display: table-row; margin: 0px; padding:0px; height: 0px; line-height: 0px; font-size: 1px; }
#debug { position: fixed; top: 5px; right: 5px; z-index: 99999999999999; background: #f2f2f2; padding: 5px; }


/* sections */

.header {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    background: none no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#navigation {
    position: relative; 
    z-index: 3;
}

#content {
    position: relative;
    background: #f6f5f2;
}

#footer {
    position: relative; 
    border-top: 1px solid #D8D8D8;
    background: #fff;
    
    padding: 0;
       
    -webkit-box-shadow: 0px -2px 5px #D2D2D2;
    -moz-box-shadow: 0px -2px 5px #D2D2D2;
    box-shadow: 0px -2px 5px #D2D2D2;
    z-index: 2;
}    

#footer .content {
    max-width: 1500px; 
    margin: 0 auto;
}






















.no-gutter {
	margin: 0px;
	padding: 0px;         
}






/* ------------------------------------------------------------------------ */
/*  BACK TO TOP BUTTON
/* ------------------------------------------------------------------------ */
#back-to-top {
	position: fixed;
	z-index: 11;
	bottom: 10px;
	right: 10px;
	display: none;
}

#back-to-top a {
	display: block;
	width: 40px;
	height: 40px;
	background: #515A5F url(../images/backtotop.png) no-repeat center center;
	text-indent: -9999px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	-webkit-transition: 0.2s all linear;
	-moz-transition: 0.2s all linear;
	-o-transition: 0.2s all linear;
	transition: 0.2s all linear;
	outline: none;
}

#back-to-top a:hover {
	background-color: #222222;
	outline: none;	
}


.inner-content { 
    display: table; 
    background: #ECEBEB;
    max-width: 1440px; 
    width: 100%;
    padding: 0px;
    margin: 0px auto; 
    
}


.left-col {
    background: #F5F5F5;
    background: #ECEBEB;
    background: #FFFFFF;
    
    display: table-cell; 
    table-layout: fixed;
    
    vertical-align: top;
    position: relative;
    z-index: 1;    
    max-width: 1080px;
    
}


.right-col {
    background: none repeat scroll 0% 0% #E0E0E0; 
    background: #D8D8D8;
    
    display: table-cell;
    table-layout: fixed;
        
    vertical-align: top;
    position: relative;
    width: 360px;
    padding: 30px;
    z-index: 2;    
}

.col-container {
    display:table; width: 100%; table-layout: fixed;
}

.col-container-1 {
    display:table-cell; width: 74%; padding: 30px; vertical-align: top;
}

.col-container-2 {
    display:table-cell; width: 26%; padding: 30px 30px 0 0; vertical-align: top;
}


    

/* INLINE STYLES */

#content .body {
    background: #FFF;
}


.footer-content { 
    display: table; 
    background: #ffffff;
    max-width: 1440px; 
    width: 100%;
    padding: 0px;
    margin: 0px auto; 
    
}
























/*
@media (max-width: 367px) {
    .left-col {
        display: table-row; 
    }

    .right-col {
        background: none repeat scroll 0% 0% #E0E0E0; 
        display: table-row;
        vertical-align: top;
    }
    
}

@media (min-width: 368px) and (max-width: 650px) {
    .left-col {
        
    }

    .right-col {
        display: table-row;
        padding: 20px;
	    width: 100%;   
    }
}



@media (min-width: 651px) and (max-width: 767px) {
    .left-col {
        
    }

    .right-col {
        display: table-cell;
        padding: 20px;
	    width: 340px;   
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .left-col {

    }

    .right-col {
        padding: 20px;
	    width: 340px;   
    }
}   

@media (min-width: 992px) and (max-width: 1199px) {
	.left-col {

    }


    .right-col {
        padding: 20px;
	    width: 340px;      
    }
    
}

@media (min-width: 1200px) { 
    .left-col {
        
        
        
    }


    .right-col {
        padding: 30px;
	    width: 360px;
    }

}
*/












.hp-featured {
    margin: 20px;        
    padding-right: 325px; 
    transition: all 0.4s ease 0s; 
    position: relative; 
    min-height: 620px;
}

.hp-featured-grid {
    width: 100%;
    padding: 30px;
}

.hp-sidebar-pub {
    height: 100%; 
    z-index: 1;
    transition: all 0.4s ease 0s; 
    text-align: center;
    width: 100%; 
}
    
.hp-sidebar-pub > .promos { 
    margin: 0 auto;
}




.breadcrumb {
  background-color: #fff;
  border-radius: 4px;
  list-style: outside none none;
  margin-bottom: 0px;
  padding: 8px 15px;
}



ul.unstyled {
    list-style: none;
    padding: 0;
    margin: 0;
}



/* Boxes Media Share */
.inShare { color: #484141; padding: 0 10px; font-size: 12px !important; font-family: 'Roboto', sans-serif !important; } 
/* .shareIcon { display: inline-block; width: calc(100% - 30px) !important;cursor: pointer; } */
.shareIcon { display: inline-block; cursor: pointer; }

.shareIcon > i.fa.fa-facebook { display: inline-block; background: #3c5a98; color: #fff; padding: 7px 10px; font-size: 14px; background: #A7A7A7; color: #fff; }
.shareIcon:hover > i.fa.fa-facebook { display: inline-block; background: #3c5a98; color: #fff; padding: 7px 10px; font-size: 14px; }

.likeIcon { float: right; cursor: pointer; }
.likeIcon > i.fa.fa-heart-o { color: #484141; padding: 7px; font-size: 15px; }
.likeIcon > i.fa.fa-heart { color: #d12028; padding: 7px; font-size: 15px; }
.likeIcon > i.fa.fa-heart.active { color: #d12028; padding: 7px; font-size: 15px; }

/*
.likeIcon > i.fa.fa-heart-o:hover { color: #484141; padding: 7px; font-size: 15px; }
.likeIcon > i.fa.fa-heart:hover { color: #d12028; padding: 7px; font-size: 15px; }
*/

.recomended {
    margin-top: 60px;
    border-top: 1px solid #ebebeb;
}