@charset "utf-8";
/* CSS Document */
/* -----------------------------------------------------------------------
 OrcasThemes Rockpress Magazine HTML5 Template Framework 1.0.1
 © Copyright 2016 - Design and Sitebuild
 Web - www.orcaslabs.com
 Envato Author - http://themeforest.net/user/orcasthemes
----------------------------------------------------------------------- */

/* main.css */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,700,600);
@font-face {
	font-family: 'Raleway', sans-serif;
	src: url('https://fonts.googleapis.com/css?family=Raleway:400,700,600');
}
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?86954664');
  src: url('../font/fontello.eot?86954664#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?86954664') format('woff'),
       url('../font/fontello.ttf?86954664') format('truetype'),
       url('../font/fontello.svg?86954664#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* COLOR SWITCHER*/
:root {--primary-color: #ea1111;}
.skinbox {background-color: #fff; display: block; left: 0; padding: 5px; position: fixed; top: 5em; z-index: 1900;}
.skinbox img {display:block; padding:3px;}
.skinbox input {width:30px; height:30px; padding:5px; border:#fff; background:#fff; }

/* BASE */
html, body { height: 100% !important; height:auto; margin: 0 auto; background-color: transparent;}
html { font-size:100%; }
body {font-size:14px;color:#2b2b2b;font-family: 'Raleway', sans-serif;background-color: transparent;text-decoration:none;margin:0;padding:0;}
.core-block{margin-bottom:50px;}
.bgcover {
    background:#fff url('../img/background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* ----- HEADINGS ----- */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height:0.8; color:#2b2b2b;}
h1 {
	font-size: 42px;
	font-weight:600;
	line-height: 42px;
	text-decoration: none;
	opacity: 1;
	margin: 15px 0;
	padding: 0 1em 0 0;
	display: block;
	transition: all 0.1s linear 0s;
}

h2 {
	font-size: 24px;
	font-weight:600;
	line-height: 24px;
	text-decoration: none;
	opacity: 1;
	margin: 15px 0;
	padding: 0;
	display: block;
	transition: all 0.1s linear 0s;
}

h3,
h3.headlines {
	font-size: 24px;
	font-weight:800;
	line-height: 24px;
	text-decoration: none;
	opacity: 1;
	margin: 0;
	padding: 0 0 5px;
	display: block;
	transition: all 0.1s linear 0s;
}

h3.headlines {
	display:inline-block;
	color: #2b2b2b;
	letter-spacing: -1px;
	text-transform: uppercase;
	border-bottom: 5px solid var(--primary-color);
	margin-bottom:15px;
}


h4 {
	font-size: 18px;
	font-weight:600;
	line-height: 18px;
	text-decoration: none;
	opacity: 1;
	margin: 0 0 5px 0;
	padding: 0;
	display: block;
	transition: all 0.1s linear 0s;
}

a {color:#2b2b2b; text-decoration:none; transition: all 0.2s ease-in-out 0s;}
a:hover {color:#545454; text-decoration:none;}

/* MAIN OPTION */
header, footer, aside, nav, article {display : block;}
/* CLEARFIX */
.clearfix:after {content : "."; display : block; clear : both; visibility : hidden; line-height : 0; height : 0;}


a.main-logo {background: rgba(0, 0, 0, 0) url("../img/logo-red.png") no-repeat scroll 0 0;}


/* CSS TRANSITIONS */
ul.top-social li,
#home-slider1 li:hover,
#home-slider1 li:hover img,
#home-slider2 li,
#home-slider2 li:hover img,
#home-slider2 li:nth-child(odd):hover .contbox,
#home-slider2 li:nth-child(even):hover .contbox,
.list-post li, .list-post li img,
.list-post-mid li img,
.list-post-side li img,
a.footer-logo,
ul.tags li,
ul.tags.sidebar,
.nav li,
.pagination-steps li,
a img.post-thumb,
section#left-single a.post-thumb img,
.gallery li a img {
	transition: all 0.2s ease 0s, transform 0.45s ease 0s;
}

/* MAIN CONTAINER */
.section-maingroup {background-color:#fff; }
.head-content {width:100%; margin: 0px 0px 15px 0px; float:left;}

/* MAIN LOGO */
a.main-logo { width:336px; height:66px; display:inline-block; border:0px; margin-top:20px;}
.logobox,
.bannerbox {text-align:left; display:block;}


/* BANNERS */
a.banner-640 { height:auto; width:auto; float:right;}
a.banner-300 { height:auto; width:auto; float:left; margin: 0.5em 0.5em 2em;}
a.banner-270 { height:auto; width:auto; float:left; margin:1em;}

.box-shadow {
	box-shadow: 0px 0px 14px #aaaaaa; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	-webkit-box-shadow: 0px 0px 14px #aaaaaa; /* Safari and Chrome */
	-moz-box-shadow: 0px 0px 14px #aaaaaa; /* Firefox */
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#aaaaaa, offX=0, offY=0, positive=true); /* IE */
}
.contbox {width:270px; height:200px; position:absolute; bottom:0; z-index:998; overflow:hidden;}
.dropdown-menu {border-bottom-left-radius: 0; border-bottom-right-radius: 0; border:0; padding:0px 0;
	transition: all 0.1s linear 0s;
	min-width: 240px;
}
.dropdown-menu > li > a {padding:15px 80px 15px 15px;  border-left:8px solid #d7d7d7;
	transition: all 0.1s linear 0s;
	text-decoration:none;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {color: #fff; padding:15px 80px 15px 30px; text-decoration: none; background-color: #2a2a2a; border-left:8px solid var(--primary-color);}

h2.head a {text-decoration:none; margin:0; padding:0; font-weight: 800; transition: all 0.2s ease-in-out; padding-bottom:5px; color:#2b2b2b;}
h2.head a:hover {text-decoration:none; color:#545454; }

/* Thumbs and Posts */
.thumbr {display:inline-block;}
.thumbr img {width: 100%;}
.infor {display:inline-block; padding-left:0 !important;}
.block-category .infor {display:inline-block; padding-left:15px !important;}
.block-category h2.head {float:none; display:inline-block;}

.infor h4 {display:inline-block; margin-bottom:0; margin-top:0;}
.infor h4 a {text-decoration:none; font-size:20px; color:#2b2b2b; font-weight: 800; line-height: 20px; margin-bottom: 5px; padding: 0 1em 0 0; letter-spacing: -0.5px;}
.infor .author,
.single-post .author {line-height: 20px; margin: 5px 0; margin-right:10px; color: var(--primary-color); font-size: 12px; font-weight: 600; text-decoration: none; }
.single-post p {margin:5px 0; margin-bottom:5px !important; display:block;}
.single-post .main-post {margin-left:0; margin-right:15px;}
.infor span.entry-date {color: #5a5959; font-size:12px;}

.single-post .ratings {margin-top:25px;}
.single-post .carousel {
	margin-right: 15px;
}
.single-post span.m-tag {border:1px solid #fff; color:#2b2b2b; margin-top:10px;}
.single-post span.m-tag a {color:#2b2b2b;}
.single-post span.m-tag:hover,
.single-post span.m-tag:hover a {color:#fff;}
.single-post .embed-responsive-16by9 {margin-right:15px;}
.single-post-left-sidebar .main-post {margin-right:0; margin-left:15px;}

.carousel-post span.m-tag,
.video-post span.m-tag {border:1px solid var(--primary-color); color:#2b2b2b; margin-top:10px;}

.carousel-post span.m-tag a,
.video-post span.m-tag a {color:#2b2b2b;}

.section-404 {color:#2b2b2b;}

.fullwidth-post {margin-right:0; display:block;}
.fullwidth-post .main-post {width:100%; margin-right:0;}

.post-info {display:inline-block; margin:15px 0;}

.post-info #social-search {padding:0;}
.post-info #social-search li a,
.author-page #social-search li a,
.shop-product #social-search li a {color:#aaa;}

.post-info #social-search li a:hover,
.post-info #social-search li a:focus,
.author-page #social-search li a:hover,
.author-page #social-search li a:focus,
.shop-product #social-search li a:hover,
.shop-product #social-search li a:focus {color:#fff;}

.author-page #social-search {padding:0; margin-bottom:10px;}

blockquote {margin:1.5em;color:#404040;font-style:italic; float:left; margin-left:0; margin-right:0;}
blockquote span.author	{
	color: var(--primary-color) !important;
    display: block !important;
    font-size: 80% !important;
    line-height: 1.42857 !important;
}

/* CAROUSELS */
#main-caro-left {padding-right:0 !important; padding-left: 0;}
#main-caro-right {padding-left:0 !important; padding-right: 0;}

#block1-carousel img,
#block2-carousel img,
#block3-carousel img,
.main-post img,
.gallery-item img,
.carousel-post .carousel img,
.carouselbox .carousel img,
.author-img img {opacity: 0.7; transition: all 0.2s ease 0s, transform 0.45s ease 0s;}

.gallery-item:hover img,
.carouselbox .carousel .item:hover img,
.author-img:hover img {opacity: 0.2; transform: scale(1.06);}

.search-results ul.list-post {width:100%;}

a.gallery-item  {
	background-color: #000000;
    display: block;
    overflow: hidden;
	position: relative;
}

.gallerybox  a.gallery-item {margin-bottom:25px;}

.carousel a.title {margin: 15px 0;}
.carouselbox #main-caro-left,
.carouselbox #main-caro-right {margin-left:-15px; margin-right:-15px;}

.icon-eye-outline::before {
    color: white;
    font-size: 48px;
    left: 50%;
    margin-left: -14px !important;
    margin-top: -24px;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 30px rgba(0, 0, 0, 1);
    top: 50%;
    vertical-align: middle;
}

.icon-eye-outline {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 99;
}

.b2col-left .up-text,
.b2col-right .up-text { background-color: var(--primary-color); z-index:2; transition: all 0.2s linear 0s; position:relative; height:210px;}

#block1-carousel .item:hover img {opacity: 0.2; transform: scale(1.06);}
#block1-carousel .item .m-tag, #block2-carousel .item .m-tag  {margin-bottom: 1em;}
#block1-carousel a.title, #block2-carousel a.title {font-size:42px; line-height: 42px; margin-bottom:15px; }
#block1-carousel a.post-thumb {margin-bottom:0;}

#block2-carousel .b2col-left,
#block2-carousel .b2col-left { position: relative; }
#block2-carousel .b2col-left {padding-right:0;}
#block2-carousel .b2col-right {padding-left:0;}
#block2-carousel .b2col-left:hover img {opacity: 0.2; transform: scale(1.06);}
#block2-carousel .b2col-right:hover img {opacity: 0.2; transform: scale(1.06);}

#block2-carousel .b2col-left:hover .up-text { background-color: #2a2a2a; }
#block2-carousel .b2col-right:hover .up-text { background-color: #2a2a2a; }
#block2-carousel .b2col-left a.post-thumb,
#block2-carousel .b2col-right a.post-thumb { float:left; }
#block2-carousel a.post-thumb {margin-bottom:0;}
#block2-carousel a.title,
.carouselbox a.title {margin-bottom:0; font-size:24px; line-height:24px;}
.carouselbox a.title {margin-bottom:15px;}

#block3-carousel a.post-thumb {margin-bottom:0;}
#block3-carousel {margin-left:-15px; margin-bottom:15px;}
#block3-carousel .item:hover img {opacity: 0.2; transform: scale(1.06);}

#homepage-post-tabs { padding-left:0; padding-right:0;}

.fade {transition: opacity 0.2s linear 0s; }

/* Mid */
#middle .infor, #middle .thumbr {display:inline-block; padding-left:0; padding-right:0;}

/* Aside-Sidebar */
#sidebar h2.head {margin-left:0 !important;}
#sidebar .search-field {margin-top:0;}
#sidebar-tabs .thumbr {padding-left:0;}
ul.sidebar .infor h4 a {line-height:18px;}
/* Left Sidebar */
.left-sidebar-style {}
.left-sidebar-style #block3-carousel { margin-right:-15px; margin-left:0;}
.left-sidebar-style .list-post { margin-left: 0; margin-right: -15px;}
.left-sidebar-style .list-post .thumbr {margin-left: -15px;}
	
/* Gallery */

.home2 .infor {padding-left:15px !important;}
.post-carousel {margin-right: 15px;}
#main-caro-left.home3 {padding-right:15px !important; margin-bottom:30px;}

#sidebar {margin-top:15px;}
#sidebar .ratings {padding: 10px;
    position: absolute;
    z-index: 2;
}

/* Main Posts */
section#left.left-sidebar-style > .main-post {padding-left:0 !important; padding-right:0 !important; margin-right: -15px; margin-left:0; margin-bottom:15px; width:auto; display:inline-block;}
.page-featured-image {
	padding-left: 0 !important;
    padding-right: 0 !important;
	margin-left: -15px;
	margin-bottom:30px;
}

.main-post {padding-left:0 !important; padding-right:0 !important; margin-left: -15px; margin-bottom:15px; width:auto; display:inline-block;}
.main-post a.title, .tab-content a.title {margin:15px 0;}
.main-post:hover img,
.carousel-post .carousel .item:hover img { opacity: 0.2; transform: scale(1.06); }
.normal {margin-left:0;}

.single-post h1.head,
.single-post h1.head a.title,
.section-404 h1.head,
.author-page h1.head,
.contact-page h1.head,
.single-page h1.head {
	color: #2b2b2b;
    font-size: 48px;
    letter-spacing: -1px;
    line-height: 48px;
    margin-bottom: 0.5em;
	font-weight:700;
}

.single-page ol {margin:0;}
.single-page ol li {margin-bottom:5px;}

.contact-map {margin-left:-15px;}

.fullwidth-post span.m-tag,
.fullwidth-post span.m-tag a,
.inside-headline span.m-tag,
.inside-headline span.m-tag a  {color:#fff;}

.fullwidth-post h1.head,
.fullwidth-post h1.head a.title,
.inside-headline h1.head,
.inside-headline h1.head a.title  {
	color: #fff;
    font-size: 48px;
    letter-spacing: -1px;
    line-height: 48px;
    margin-bottom: 0.5em;
	font-weight:700;
}

.inside-headline .icon-eye-outline::before {top:10%; left:92%;}

input, select, textarea {
    background-color: #dedede;
    border: 0 solid #d2d2d2;
    color: #595959;
    display: block;
    float: left;
    font-size: 14px;
    height: auto;
    padding: 12px;
    unicode-bidi: embed;
    width: 100%;
	transition: all 0.2s linear 0s;
}
.search-btn {display:block; width:auto; height:auto; background-color:transparent; border:0px; cursor:pointer; padding:12px; margin-top:20px; z-index:50; position:absolute; right:10px;}


/* BOOTSTRAP TABS */
#hometabs .nav-pills > li > a {
	border-radius: 0 0 0 0 ;
	color: #898989;
	padding: 14px 30px;
	background:transparent;
	border-bottom: medium none;
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	outline: medium none;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.2s linear 0s;
}
#hometabs .nav-pills > li > a:hover {background-color: #2a2a2a; padding: 14px 30px; color:#ffffff;}
#hometabs .nav-pills > li.active a {color: #ffffff; padding: 14px 30px; background-color: var(--primary-color);}
#sidebar-tabs {margin-bottom:30px;}
#sidebar-tabs .nav-pills > li > a {
	border-radius: 0 0 0 0 ;
	color: #898989;
	padding: 12px 10px;
	background:transparent;
	border-bottom: medium none;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	outline: medium none;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.2s linear 0s;
}
#sidebar-tabs .nav-pills > li > a:hover {background-color: #2a2a2a; padding: 12px 10px; color:#ffffff;}
#sidebar-tabs .nav-pills > li.active a {color: #ffffff; padding: 12px 10px; background-color: var(--primary-color);}
#sidebar-tabs .infor h4 {margin:0;}
#sidebar-tabs .infor h4 a {font-size:14px;}
ul.sidebar {margin-top:20px; margin-left: 0px;}
ul.sidebar li .infor h4 a {margin-top:0;}

#search-submit {display:inline-block; margin-bottom:30px; width:100%;}
.list-post-side .thumbr {padding-left:0; padding-right:0;}
.tab-content > .active {position:relative;}
.tab-content img {opacity: 0.7; transition: all 0.2s ease 0s, transform 0.45s ease 0s;}
.tab-content .tab-post:hover img {opacity: 0.2; transform: scale(1.06);}
.tab-pane {padding-left:15px; padding-right:15px;}
.tab-post {padding-right:0; padding-left:0;}
.nav-pills {border-bottom: 10px solid var(--primary-color);}
#hometabs {margin-bottom:}
.tab-post .m-tag{margin-bottom: 1em;}

/* CAROUSEL */
.carousel-control.left, .carousel-control.right {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; top: 10%;}

.carousel-control.left { left: auto; right: 10%;}
.carousel-control.right { left: auto; right: 0;}

.carousel-control {z-index: 999;}
.carousel-control {
    background-color: rgba(0, 0, 0, 0);
    bottom: 0;
    color: #fff;
    font-size: 20px;
    left: 0;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    top: 0;
    width: 15%;
}

.icon-left-open:before { content: '\e807'; font-size:40px;} 
.icon-right-open:before { content: '\e808'; font-size:40px;} 

/* NAV SEARCH */
.navbar-right {margin-right:10px;}
button.navbar-toggle {width:auto;}
.navbar-collapse {border:0; box-shadow:none;}

#social-search {padding-top:12px; list-style: outside none none; margin-bottom: 0;}
#social-search li { display: inline-block;}
#social-search li a {
	border-radius: 50%;
	line-height: 20px;
    border-right: 0 solid white;
    color: #ffffff;
    float: left;
    font-size: 18px;
    font-weight: 600;
    height: auto;
    letter-spacing: -1px;
    padding: 8px 6px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.1s linear 0s;
    width: auto;
}
	
#social-search li a:hover,
#social-search li a:focus {
	background-color:var(--primary-color);
}


.search-block {display: inline-block; margin-left: 15px; margin-right: 15px; }
.search-form .form-group {
	float: right !important;
	transition: all 0.35s, border-radius 0s;
	width: 32px; height: 32px; background-color: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; border-radius: 25px; border: 0px solid #ccc; margin-bottom:0;
}
.search-form .form-group input.form-control {padding-right: 20px; border: 0 none; background: transparent; box-shadow: none; display:block;}
.search-form .form-group input.form-control::-webkit-input-placeholder { display: none;}
.search-form .form-group input.form-control:-moz-placeholder {/* Firefox 18- */ display: none; }
.search-form .form-group input.form-control::-moz-placeholder {/* Firefox 19+ */ display: none; }
.search-form .form-group input.form-control:-ms-input-placeholder { display: none; }
.search-form .form-group:hover,
.search-form .form-group.hover { width: 100%; border-radius: 25px 25px 25px 25px; }
.search-form .form-group span.form-control-feedback {
  position: absolute;
  top: -1px;
  right: -2px;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: var(--primary-color);
  left: initial;
  font-size: 14px;
}

/* BOOTSTRAP NAV MENU */
.dropdown .icon-right-open:before { content: '\e808'; font-size: 10px; padding-right: 20px;}
.dropdown:hover .dropdown-menu {display: block; transition: all 0.1s linear 0s;}

.navbar {margin-bottom:0;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	border-right: 0 solid white;
    color: #ffffff;
    
    font-size: 18px;
    font-weight: 600;
    height: auto;
    letter-spacing: -1px;
    padding: 18px 22px;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
	background-color: var(--primary-color);
}

.nav li.search-bar:hover {background:transparent !important;}

.navbar-default {
	border-bottom: 10px solid var(--primary-color);
	background-color: #2a2a2a;
	
	border-radius: 0;
	border-top:0;
	border-left:0;
	border-right:0;
	
	margin-left:-15px;
	margin-right:-15px;
}

.navbar-default .navbar-nav > li > a {
	border-right: 0 solid white;
    color: #ffffff;
    transition: all 0.1s linear 0s;
    font-size: 18px;
    font-weight: 600;
    height: auto;
    letter-spacing: -1px;
    padding: 18px 15px;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {color:#fff; background-color:var(--primary-color);}

.head-block {padding:30px 0;}
#block3-carousel a.title {margin: 15px 0;}

/* MISC */
#middle span.m-tag, .list-post-side span.m-tag {border:1px solid transparent;}

span.m-tag {color: #FFFFFF; display: inline-block; padding: 10px 15px; width: auto; z-index: 999; font-size: 12px; text-transform: uppercase; border:1px solid #fff; transition: all 0.2s ease-out 0s;}
span.m-tag:hover { transition: all 0.2s ease-out 0s; border:1px solid var(--primary-color); background-color:var(--primary-color);}
span.m-tag a {color: #FFFFFF; text-decoration:none;}
span.m-tag a:hover {text-decoration:underline;}
.up-text {float: left; position: absolute; z-index: 999; width:100%; height:auto; padding:2em; bottom:0px;}
a.post-thumb { display:block;  overflow: hidden;  background-color:#000000; }
h2.head, h2.search-head {float:left; color:#222222; font-size:24px; letter-spacing:-1px; text-transform:uppercase; margin-bottom:15px; padding-bottom: 5px;}
#right h2.head {margin-left:0;}
#right h2.search-head {margin-left:0; margin-bottom:0px;}
a.title {opacity:1; color:#ffffff; transition: all 0.1s linear 0s; text-decoration:none; display:inline-block; font-size: 30px; font-weight: 600; margin-bottom: 1em; line-height:30px;}
a.title:hover {opacity:0.6;}
a.author {color: #FFFFFF; display: block; font-size: 12px; padding: 0; z-index: 999;  text-decoration:none; font-weight:600;}
a.author:hover {text-decoration:underline;}
.gap-bottom {margin-bottom:30px;}

/* MISC GLOBAL */
a.title {display:block;}

.breadcrumb {background:none; padding:15px 0; margin-bottom:15px; border-bottom:1px solid #ddd; border-radius:0;}
.breadcrumb a {color:#444444; font-size:12px; text-decoration:none;}
.breadcrumb > li {font-size:12px;}
.breadcrumb a:hover {color:var(--primary-color);}
.breadcrumb > li + li:before {
   color: #444444;
   content: "/ ";
   padding: 0 5px;
}


.pagination {padding-left:15px; margin:0; margin-top:20px;}
.pagination > li > a, .pagination > li > span {
	background:#fff;
	border:0;
	color:#2b2b2b;
	font-size:16px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #fff;
  background-color: var(--primary-color);

}

.pagi {
	border-color: #ddd;
    border-image: none;
    border-style: solid;
    border-width: 0px 0;
    padding: 1em 0;
    text-align: center;
}



/* SHOP */
span.exprice {
    color: #595959;
    margin-right: 10px;
    text-decoration: line-through;
}

.shop-grid .post .infor {padding-left:15px !important;}
.shop-grid .post {margin-bottom:15px;}
.shop-item h5{color:var(--primary-color); font-weight:400; font-size:16px;}
.addcart-btn {display:inline-block; border:1px solid var(--primary-color); width:auto; height:auto; background-color:transparent; cursor:pointer; padding:10px 14px; color:#353535; margin-top:10px; text-align:center; transition: all 0.1s linear 0s;}
.addcart-btn:hover { border:1px solid var(--primary-color); background-color:var(--primary-color); color:#fff;}

.shop-product h1 {margin-top:0;}
.shop-product h1 a {color:#2b2b2b; margin-bottom: 5px;}
.shop-product .addcart-btn {margin-top:0;}
span.sku_txt, span.cat_txt, span.tags_txt {
    display: block;
    margin-bottom: 10px;
}

.shop-product .ratings {margin:5px 0 15px 0;}
.shop-product .shop-item h5 {font-size:24px; font-weight:500; margin:5px 0 20px 0;}

/* SEARCH */
input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus, input.text:focus, input.title:focus, textarea:focus {color:#ffffff; background-color: var(--primary-color);}
input.search:focus { color:#ffffff !important; }

/* PAGE CONTENT */
div#fullcontent {display: block; clear: both; }

/* SECTION */
section#left {margin: 0;}
section#middle { display:inline-block; padding-right:15px;}
section#middle h2.head {margin-left:0;}
section#right { float: right; margin: 0; width: 350px;}

/* CATEGORY */
section#left p {display:inline-block; line-height:24px; font-size:14px; color:#333333; margin-bottom:25px;}

/* SINGLE POST-PAGE */
section#left-single {width: 660px; float: left; margin: 0;}
section#left-single a.post-thumb { width:100%; height:440px; float:left; position:relative; background-color: #000000; margin-right: 20px;}
section#left-single a.post-thumb img { opacity:1; -moz-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
section#left-single a.post-thumb:hover img {opacity:0.6; -moz-opacity:0.6; -webkit-opacity:0.6; filter: alpha(opacity=60); }
section#left-single .up-text {float: left; position:absolute;  z-index: 999; width:660px; height:auto; padding:2em; bottom:27px !important;}
section#left-single span.m-tag {margin-bottom:1em; float: left;  z-index: 999;}
section#left-single .content-box { padding:1em 3em; float:left; width:100%; }
section#left-single a.title {font-size:48px; color:#2b2b2b; letter-spacing:-1px; line-height:48px; margin-bottom:0.5em;}
section#left-single a.author {font-size:14px; margin-bottom:1em;}
section#left-single p {font-size:12px; color:#333333; line-height:24px; float:left;}
section#left-single h2.head {margin-left:0;}

/* PAGE */
img.post-thumb {width:160px; height:100px; display:inline-block;}
a img.post-thumb {width:160px; height:100px; display:inline-block; opacity:1; -moz-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}
a img.post-thumb:hover {opacity:0.4; -moz-opacity:0.4; -webkit-opacity:0.4; filter: alpha(opacity=40);}

/* HOMEPAGE LIST */
.list-post { display:inline-block; margin-bottom:20px; padding-left:0; margin-left: -15px;}
.list-post li { list-style:none; display:block; width: 100%; height: auto; margin: 0px; float: left;  position: relative; cursor: default;}
.list-post li:hover img, .list-post li:hover img, .list-post-mid li:hover img, .list-post-side li:hover img { opacity: 0.2; -moz-opacity:0.2; -webkit-opacity:0.2; filter: alpha(opacity=20); transform: scale(1.06);}
.list-post li a.post-thumb{ width:100%; height:100%;  position:relative; }
.list-post li { height:auto; width:100%; border-bottom: 1px solid #e4e4e4; padding-bottom: 15px; }
.list-post li:hover {background-color:#f2f2f2;}

.list-post li:nth-child(1) span.m-tag { margin-bottom:0.5em; }
.list-post li {background-color:#ffffff; border-bottom:1px solid #e4e4e4; padding-top:15px; padding-bottom:15px; clear:both; width:100%;}
.list-post li:hover, .list-post.sidebar li:hover {background-color:#f2f2f2; }
.list-post li span.aut-tag a.title,
.list-post li span.aut-tag a.title {color:#2b2b2b; text-decoration:none; font-size:18px; font-weight:600; float:left; width:100%; position:inherit; line-height:24px; margin-bottom:5px; padding:0px;}
.list-post li:hover img {transition: all 0.2s linear 0s; opacity:0.2; -moz-opacity:0.2; -webkit-opacity:0.2; filter: alpha(opacity=100);}
.list-post li span.aut-tag a.title:hover, .list-post li:nth-child(1) span.aut-tag a.title:hover {text-decoration:underline;}
.list-post li span.aut-tag a { text-decoration:none; font-size:12px; font-weight:600; float:left;  width:auto;}
.list-post li span.aut-tag a:hover {text-decoration:underline;}
.list-post li span.aut-tag, .list-post.sidebar li:nth-child(1) span.aut-tag { color: #5a5959; display: inline-block; font-size: 12px; padding: 0px; }
.list-post li span.aut-tag a.author { margin-right:5px;}
.list-post li span.aut-tag span.entry-date {color:#5A5959;}
.list-post li span.aut-tag span.entry-date:before {content: " | ";}

/* CATEGORY LIST */
.cat-list-post {float:left; width:100%; display:block; margin-bottom:40px;}
.cat-list-post li { list-style:none; display:block; width: 100%; padding:1em 3em !important; float: left;  position: relative; cursor: default;}
.cat-list-post li img { position: relative; opacity: 0.7; -moz-opacity:0.7; -webkit-opacity:0.7; filter: alpha(opacity=70); background-color:#000; height:100%;}

.cat-list-post li:hover img,
.list-post li:hover img,
.post:hover img { opacity: 0.4; -moz-opacity:0.4; -webkit-opacity:0.4; filter: alpha(opacity=40); transform: scale(1.06);}




.tab-content span.m-tag {margin-bottom:0.5em;}
#block1-carousel .ratings {margin:10px 0;}

.list-post.sidebar li img {opacity:1;}
.list-post.sidebar li:hover img {opacity:0.2;}

.showbar {border-bottom: 1px solid #ddd;
    border-radius: 0;
    margin-bottom: 15px;
    padding: 0 0 15px 0;}

.post {
	background-color: #ffffff;
    border-bottom: 0px solid #e4e4e4;
    clear: both;
    padding-bottom: 15px;
    padding-top: 15px;
	display: inline-block;
    margin-left: -15px;
	transition: all 0.2s linear 0s;
}
.post:hover {background-color:#f2f2f2;}
.post img {opacity:1; transition: all 0.2s linear 0s;}
.post-medium .infor h4 {margin-top:15px;}

.post-grid .post {margin-right:-15px;}
.post-grid .post .infor {padding-left:15px !important;}
/* BADGES */
.shop-grid .badges-group {left:15px;}
.badges-group {position: absolute; left: 0; top: 0; z-index: 1; }
.badges-group > * img {display: block; height: auto; left: auto; margin: auto; max-width: 100%; position: static; top: auto; width: 100%; opacity:1 !important; }

/* MIDDLE LIST */
.list-post-mid {float:left; width:100%; display:block; margin-bottom:40px; list-style:none; padding-left:0;}
.list-post-mid a.title {margin-top:5px; }
.list-post-mid a.title:hover {color:#2b2b2b;}
.list-post-mid a.author { }
.list-post-mid li a.post-thumb {display: inline-block; height: auto; overflow: hidden; width: 100%; }
.list-post-mid li {border-bottom: 1px solid #E4E4E4; clear: both; margin-bottom: 20px; padding-bottom: 20px; float:left;}
.list-post-mid li p {color:#2a2a2a; float:left; font-size:12px; margin:10px 0;}
.list-post-mid li img { transition: all 0.2s ease 0s, transform 0.45s ease 0s; opacity:1; -moz-opacity:1;  -webkit-opacity:1; filter: alpha(opacity=100);}
.list-post-mid li .p-img { overflow:auto; position:inherit;}
.list-post-mid li span.m-tag {position:absolute;}

/* SIDEBAR LIST */
.list-post-side {float:left; width:100%; display:block; list-style:none; padding-left: 0;}
.list-post-side a.title {margin-top:5px;}
.list-post-side a.title:hover {color:#2b2b2b;}
.list-post-side li {border-bottom: 1px solid #E4E4E4; clear: both; margin-bottom: 20px; padding-bottom: 0px; float:left;}
.list-post-side .infor .author {margin-top:0; margin-bottom:12px; }
.list-post-side li .p-img { overflow:auto; position:inherit;}
.list-post-side li span.m-tag {position:absolute;}
.list-post-side li:last-child {margin-bottom:0px; border-bottom:0px;}

/* FOOTER */
.footer-wrapper { float:left; width:100%; background-color:#2a2a2a; padding:15px 40px; margin-top:30px;}
/* COPYRIGHT */
.copyright {float:left; width:100%; padding:20px 30px 0px 30px; background-color:#212121;}
.copyright p, .copyright a {color:#777777; font-size:12px; display:inline-block; float:left;}
.copyright a {text-decoration:none; float:right;}
.copyright a:hover {text-decoration:underline; color:#ffffff;}

ul.footer-menu-links {display:inline-block; list-style:none; padding:0; margin: 25px 0;}
ul.footer-menu-links li {margin-bottom:15px;}
ul.footer-menu-links li a {color:#fff; font-size:14px; line-height: 18px; text-decoration:none;}
ul.footer-menu-links li a:hover {color:#bdbdbd; text-decoration:none;}
ul.footer-menu-links li:before  {font-size:12px; padding-right:20px; color:#fff;}
footer h2 {font-size:24px; font-weight:600; color:#fff;}
footer ul.tags {margin-top:25px !important; display:inline-block;}
/* FOOTER NAVIGATION */
footer {background-color:#2a2a2a; border-top: 10px solid var(--primary-color) !important; padding:35px 40px; margin-top:30px; margin-left: -15px; margin-right: -15px;}
footer p {
	color: #fff;
    float: left;
}

footer ul.social {
	margin:15px 0;
}

footer ul.social li {border-radius: 50%;}
footer ul.social li a {
	border-right: 0 solid white;
	border-radius: 50%;
    color: #ffffff;
    float: left;
    font-size: 18px;
    font-weight: 600;
    height: auto;
    letter-spacing: -1px;
    padding: 8px 6px;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
	transition: all 0.1s linear 0s;
}
footer ul.social li a:hover,
footer ul.social li a:focus {
	background-color:var(--primary-color);
}
.copyright-bottom {margin-top:15px; padding-top:15px; border-top:1px solid #414141;}
.copyright-bottom p {margin:0; padding:0;}
.byorcasthemes a {color:#555555; text-decoration:none;}
.byorcasthemes a:hover {color:#ffffff;}



.bottomline {background-color:#212121; padding-top: 20px; padding-bottom:20px; padding-left:30px !important; padding-right:30px !important;}
.bottomline p, .bottomline a {color: #777777; display: inline-block; float: left; font-size: 12px; text-decoration:none; }

/* FOOTER */
.footer-nav {float:left; width:100%;}
hr.footer { background: none repeat scroll 0 0 #3e3e3e; border: medium none; clear: both; color: #3e3e3e; float: left; height: 1px; margin: 2em 0; width: 100%;}
a.footer-logo {margin-top: 10px; width: auto; opacity:0.2; -moz-opacity:0.2; -webkit-opacity:0.2; filter: alpha(opacity=20);}
a.footer-logo:hover {opacity:1; -moz-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}

/* TAGS */
ul.tags{ list-style: none; padding: 0px !important; margin: 0px !important; border: none; width: 100%; float:left; }
ul.tags li { background-color:#212121; padding: 0px !important; margin: 0px !important; margin-right:1px !important; margin-bottom:1px !important; height: auto; list-style:none; text-decoration: none;display:inline-block; float:left;}
ul.tags li a {font-size: 14px; display:inline-block; padding: 12px; margin: 0px; text-decoration: none; color: #ffffff; width:auto; font-weight:lighter;	}
ul.tags li:hover { background-color:var(--primary-color); }
ul.tags.sidebar li {background-color:#dedede;}
ul.tags.sidebar li a {color:#656565;}
ul.tags.sidebar li:hover { }
ul.tags.sidebar li:hover a {color:#ffffff; background-color:var(--primary-color);}

/* IFRAME RESPONSIVE */
.iframe-container {position: relative; padding-bottom:50%; padding-top: 30px; height: 0; overflow: hidden; width:100%; float:left; }
.iframe-container iframe,
.iframe-container object,
.iframe-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.subscribe-frame {
    background-image: repeating-linear-gradient(135deg, var(--primary-color), var(--primary-color) 10px, #fff 0px, #fff 20px, var(--primary-color) 0px, var(--primary-color) 30px, #fff 0px, #fff 40px);
    margin-bottom: 30px;
    padding: 4px;
	
}
.subscribe-frame:hover {
    background-image: repeating-linear-gradient(135deg, #2b2b2b, #2b2b2b 10px, #fff 0px, #fff 20px, #2b2b2b 0px, #2b2b2b 30px, #fff 0px, #fff 40px);
	
}
.subscribe-box {
    background: white none repeat scroll 0 0;
    padding: 25px;
    text-align: center;
	
}
.subscribe-box h2.head {margin:5px 0; float:none; display:inline-block; margin-bottom:20px;}

.submit-btn {width:auto !important; padding-left:30px !important; padding-right:30px !important;}
.subscribe-btn,
.submit-btn {display:block; border:1px solid var(--primary-color); width:100%; height:auto; background-color:var(--primary-color); cursor:pointer; padding:12px; color:#fff; text-align:center; transition: all 0.1s linear 0s;}
.subscribe-btn:hover,
.submit-btn:hover { border:1px solid var(--primary-color); background-color:#fff; color:#353535;}

.subscribe-box #subscribe {margin-bottom:15px;}
.subscribe-box p {
	color: #2a2a2a;
    display:inline-block;
    font-size: 12px;
    margin: 10px 0;
	text-align:center;
}

.post-comment label {padding:0; margin-bottom:5px; text-align:left;}
.post-comment form {display:block;}

ul.widget-cat {
	padding:0;
	margin:0;
}

ul.widget-cat li a {
    display: block;
    padding: 2px 10px;
}

ul.widget-cat li a:hover {
	background: #f7f7f7;
	border-radius: 4px;
	color:#f26522
}

ul.widget-cat li {
	list-style: outside none none;
    padding-left: 0;
    text-indent: 0;
}
ul.widget-cat li a span {
    float: right;
}


.panel {
	border-radius:0;
	border:0;
	background:#fff;
}
.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
	border-radius:0;
	border:0;
	background:#fff;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: 10px solid var(--primary-color);
	padding-left:15px;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
	text-decoration: none;
    text-transform: uppercase;
	padding: 12px 10px;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #2b2b2b;
	background-color: #dedede;
	border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	background-color: var(--primary-color);
    color: #ffffff;
    padding: 12px 10px;
}

.panel-body {padding:30px 15px;}
.nav-tabs > li > a {border-radius:0;}



/* RESPONSIVE */
@media (min-width: 1200px) {
	
}

@media (min-width: 991px) and (max-width: 1200px) {
	#block2-carousel .b2col-left .up-text,
	#block2-carousel .b2col-right .up-text { height:174px;}
	#block2-carousel a.title { margin-bottom:0; font-size:18px; line-height:18px;}
}

@media (min-width: 768px) and (max-width: 991px) {
	#middle .infor {
		display:inline-block;
		padding-left:0 !important;
		padding-right:15px !important;
	}
	
	#main-caro-left {
		padding-right: 0px !important;
	}
	
	#main-caro-left a.title {
		font-size:36px;
	}
	
	#main-caro-left img {
		opacity: 0.7;
		transition: all 0.2s linear 0s;
	}
	
	#main-caro-left .item:hover img {
		opacity: 0.2;
	}
	
	#block3-carousel,
	.main-post {
		margin-right:-15px;
	}
	
	#block2-carousel .b2col-left .up-text,
	#block2-carousel .b2col-right .up-text { height:270px;}
	#block2-carousel a.title { margin-bottom:0; font-size:30px; line-height:30px;}
	#block2-carousel .b2col-left { }
	#block2-carousel .b2col-right { }
	
	#main-caro-right{padding-left:0px !important;}
	
	.logobox,
	.bannerbox {text-align:center;}
	.shop-product .post {margin-left:0;}
	
	.page-featured-image,
	.contact-map {margin-right:-15px;}
	
	.single-post .carousel,
	.single-post .embed-responsive-16by9,
	.single-post .main-post	{margin-right:0;}
	
	.single-post-left-sidebar .main-post {margin-left:0;}
	
	#main-caro-left.home3 {padding-right:0 !important;}
	
}

@media screen and (max-width: 768px) {
	#main-caro-left {
		padding-right: 0px !important;
		
	}
	
	#block3-carousel,
	.main-post {
		margin-right:-15px;
	}
	
	.left-sidebar-style #block3-carousel,
	section#left.left-sidebar-style > .main-post {
		margin-left:-15px;
	}
	
	ul.list-post-mid .infor {padding-left:25px !important;}
	
	.core-block {
		margin-left:0;
		margin-right:0;
	}
	
	#block2-carousel .b2col-left .up-text,
	#block2-carousel .b2col-right .up-text { height:170px;}
	
	.logobox,
	.bannerbox {text-align:center;}
	
	.shop-product .post {margin-left:0;}
	
	.page-featured-image,
	.contact-map {margin-right:-15px;}
	
	.single-post .carousel,
	.single-post .embed-responsive-16by9,
	.single-post .main-post	{margin-right:0;}
	
	.fullwidth-post h1.head,
	.single-post-left-sidebar h1.head,
	.inside-headline h1.head	{font-size:30px; line-height:30px;}
	
	span.icon-eye-outline {display:none;}
	
	.single-post-left-sidebar .main-post {margin-left:0;}
	
	#main-caro-left.home3 {padding-right:0 !important;}
	
}





@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
   .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
    }
	.navbar-collapse.in, .navbar-collapse.collapsing {
    overflow-y: visible;
	}
}