@charset "utf-8";
/* CSS Document */
/* -----------------------------------------------------------------------
 OrcasThemes Muvee Reviews - Video Magazine Bootstrap HTML5 template 1.0.1
 © Copyright 2017 - Design and Sitebuild
 Web - www.orcaslabs.com
 Envato Author - http://themeforest.net/user/orcasthemes
----------------------------------------------------------------------- */


a {
    color: rgb(42, 51, 60);
    text-decoration: none;
	outline: none;
}

a:hover, a:active, a:focus {
  outline: none;
}

input::-moz-focus-inner { 
  border: 0; 
}

object, embed { 
  outline: 0;
}

a:hover, a:focus {
    color: rgb(42, 51, 60);
    text-decoration: none;
}


/* MISC */
.ratings {
	display:block;
	color: var(--ratingstars-color);
	margin:20px 0;
}

.play-btn {
	padding:18px 20px;
	border-radius:50%;
	background: rgba(0, 0, 0, 0.4);
	display:inline-block;
	z-index:999;
	
	transition: all 0.1s linear 0s;
}

.play-btn-border {
	background: rgba(0, 0, 0, 0.6);
	border-radius:50%;
	padding:15px 0px;
	display:inline-block;
	z-index:2;
	opacity:0.7;
	position: absolute;
	left:50%;
	top:50%;
	transition: all 0.1s linear 0s;
	transform: translate(-50%, -50%) scale(1.4, 1.4);
}

.post:hover .play-btn-border {
	opacity:1;
	transform: translate(-50%, -50%) scale(1, 1);
}

.play-btn-border i:hover {
	border:5px solid var(--secondary-color);
	padding:10px 14px;
	border-radius:50%;
	color:#fff;
}

.fa-play-circle {
	color:#fff;
	border:10px;
	font-size:36px !important;
	transition: all 0.1s linear 0s;
}

.post:hover .fa-play-circle{
	color:#fff;
}

.post:hover .play-btn {
	background: rgba(0, 0, 0, 0.8);
	opacity:1;
} 

.skew-btn {
	font-family: 'Roboto Condensed', sans-serif;
	color:#0d0d0d;
	padding:5px 10px;
	background: var(--secondary-color);
	transform: skew(-15deg);
    -webkit-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    -o-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
	text-transform:uppercase;
	font-size:14px;
	display:inline-block;
	font-weight:600;
	transition: all 0.1s linear 0s;
}


/* COMMENT PANELS */
.comment-posts {
	display:inline-block;
	width:100%;
	margin: 20px 0;
}
.comment-posts .thumbnail {
	padding:0;
	border-radius:0;
	background: transparent;
    border: 0;
}
.comment-posts article {
	margin-bottom:20px;
	display:inline-block;
}
.panel {
	border-radius:0;
	font-size:16px;
	color:#1a1a1a;
	border:none;
	border-radius:8px;
}
.panel-heading {
	border:none;
	border-radius:0;
	background: var(--primary-color) !important;
	color:#fff !important;
	border-radius:8px 8px 0 0;
}


.panel>.panel-heading:before{
	border-right-color:#ddd;
	border-width:8px;
}

.comment-posts img.user-photo  {border-radius:100%;}


/* POSTS *******************/



a.post-thumb {
    background-color: #000000;
    display: block;
    overflow: hidden;
	position:relative;
	border-radius:8px;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.post {transition: all 0.1s linear 0s;}
.post:hover img { opacity: 0.4; -moz-opacity:0.4; -webkit-opacity:0.4; filter: alpha(opacity=40); transform: scale(1.2); border-radius: 8px; }
.post img {opacity: 1; transition: all 0.1s linear 0s;}
.thumbr img { width: 100%; border-radius: 8px;

}



.post:hover  .thumbr {transition: all 0.1s linear 0s; z-index:999; transform: scale(1.02); }

.post:hover .thumbr {
	-webkit-box-shadow: 0px 30px 13px -21px rgba(0,0,0,1);
	-moz-box-shadow: 0px 30px 13px -21px rgba(0,0,0,1);
	box-shadow: 0px 30px 13px -21px rgba(0,0,0,1);
}

.headline-round {
	border:5px solid var(--primary-color);
	padding:10px 14px;
	border-radius:50%;
	color:#fff;
}

.posts-txt {color:#fff; font-size:14px; text-align:left; }
.posts-txt i {color:#fff; padding-right:15px; }
.fa-thumbs-up { color:#fff;}
.infor .ratings {float:right; display:inline-block; margin:0;}

/* VIDEO TIME */
.cactus-note.ct-time {
    left: auto;
    margin-left: auto;
    margin-right: 12px;
    right: 0;
	font-size:12px;
}

.cactus-note {
    background-color: var(--primary-color);
    bottom: 0;
    color: #fff;
    left: 0;
    line-height: 1;
    margin-bottom: 10px;
    margin-left: 10px;
	margin-right:15px;
    padding: 5px 10px;
    position: absolute;
	z-index:500;
	border-radius:3px;
}

/* MAIN ROLL */
#editor-choice article { margin-bottom:40px;}
#editor-choice article:nth-child(2n+1) { clear: left;}
#main-roll-1 h2 {margin-top:0;}
#myCarousel3 h2 {margin-top:0;}
.tab-pane .post {margin-bottom:40px;}

.reviews .thumbr { 
    border-radius: 100%;
    border:7px solid var(--primary-color);
	overflow:hidden;
	background-size: cover;
}

.reviews .thumbr:hover { 
    border-radius: 100%;
    border:7px solid var(--secondary-color);
	overflow:hidden;
	transform: scale(1);
}

.reviews .thumbr img {
	display:block;
	min-width: 100%;
    min-height: 100%;
	border-radius:100%;
	overflow:hidden;
}

.review-number {
	position:absolute;
	color:#fff;
	font-size:24px;
	font-weight:600;
	padding:15px 0px;
	display:inline-block;
	z-index:999;
	opacity:0;
	position: absolute;
	left:43%;
	top:37%;
	transition: all 0.2s linear 0s;
}

.post:hover .review-number {opacity:1;}
.reviews .post {text-align:center; }
.reviews .post .infor .ratings {float:none;}
.flag i {position:absolute; left:-26px; top:-7px;}
.flag1 {border-left: 30px solid var(--secondary-color);}
.flag {
    border-bottom: 30px solid transparent;
    border-left: 30px solid var(--secondary-color);
    border-top: 30px solid transparent;
    height: 0;
    width: 0;
	position: absolute;
    top: 40px;
    z-index: 100;
}




/*********** RESPONSIVE **************/
/*************************************/
@media (min-width: 768px) and (max-width: 1024px) {
	
        .collapsing {
            overflow: hidden!important;
        }
}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	
	.infor h4 {font-size:24px; line-height:30px;}
	ul.sidebar-links li a {font-size:20px;}
	ul.sidebar-links li span {font-size:18px;}
	.carousel-control i {font-size:36px;}
	
	.subscribe-box {display:block;}
	h2.icon {font-size:36px;}
	.cactus-note.ct-time {font-size:16px;}
	.infor h4 {font-size:24px; line-height:30px;}
	.posts-txt {font-size:18px;}
	input {font-size:18px;}
	.subscribe-btn {font-size:22px;}
	.main-large-post .infor h4 {font-size:48px; line-height:54px;}
	.small-post .infor h4 {font-size:30px; line-height:36px;}
	
	#tabs li h2 {font-size:36px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
	
	.subscribe-box {display:block;}
	h2.icon {font-size:36px;}
	.cactus-note.ct-time {font-size:16px;}
	.infor h4 {font-size:24px; line-height:30px;}
	.posts-txt {font-size:18px;}
	input {font-size:18px;}
	.subscribe-btn {font-size:22px;}
	.main-large-post .infor h4 {font-size:48px; line-height:54px;}
	.small-post .infor h4 {font-size:30px; line-height:36px;}

	#tabs li h2 {font-size:36px;}

	
	ul.sidebar-links li a {font-size:20px;}
	ul.sidebar-links li span {font-size:18px;}
	
	.carousel-control i {font-size:36px;}
	
	.map-frame {margin-bottom:30px;}
	
	.review-xs-thumbs .post {margin-bottom:20px;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.footer-logo {margin-left:35%;}
	#contact-page form {display:block;}
	.subscribe-box {display:block;}
	h2.icon {font-size:36px;}
	.cactus-note.ct-time {font-size:16px;}
	.infor h4 {font-size:16px; line-height:30px;}
	.posts-txt {font-size:18px;}
	input {font-size:18px;}
	.subscribe-btn {font-size:22px;}
	.main-large-post .infor h4 {font-size:48px; line-height:54px;}
	.small-post .infor h4 {font-size:30px; line-height:36px;}

	#tabs li h2 {font-size:36px;}
	.map-frame {margin-bottom:30px;}
	
	.review-xs-thumbs .post {margin-bottom:20px;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.footer-logo {margin-left: 20%;}
	.navbar-default .navbar-toggle {
		position: absolute;
		right: 0;
		top: -103px;
	}
	
	#tabs h2.title {margin:10px 0;}
	.main-large-post .infor h4 {font-size:30px; line-height:36px;}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	
}

@media (min-width:1200px){
    .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
    .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
    .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
    .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-xs-6:nth-child(odd){clear:left;}
}

.content-detail .row div {
	padding-top: 9px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

@media (min-width: 768px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
	}

	.col-sm-12 {
		width: 100%;
	}

	.col-sm-11 {
		width: 91.66666667%;
	}

	.col-sm-10 {
		width: 83.33333333%;
	}

	.col-sm-9 {
		width: 75%;
	}

	.col-sm-8 {
		width: 66.66666667%;
	}

	.col-sm-7 {
		width: 58.33333333%;
	}

	.col-sm-6 {
		width: 50%;
	}

	.col-sm-5 {
		width: 41.66666667%;
	}

	.col-sm-4 {
		width: 33.33333333%;
	}

	.col-sm-3 {
		width: 25%;
	}

	.col-sm-2 {
		width: 16.66666667%;
	}

	.col-sm-1 {
		width: 8.33333333%;
	}

	.col-sm-pull-12 {
		right: 100%;
	}

	.col-sm-pull-11 {
		right: 91.66666667%;
	}

	.col-sm-pull-10 {
		right: 83.33333333%;
	}

	.col-sm-pull-9 {
		right: 75%;
	}

	.col-sm-pull-8 {
		right: 66.66666667%;
	}

	.col-sm-pull-7 {
		right: 58.33333333%;
	}

	.col-sm-pull-6 {
		right: 50%;
	}

	.col-sm-pull-5 {
		right: 41.66666667%;
	}

	.col-sm-pull-4 {
		right: 33.33333333%;
	}

	.col-sm-pull-3 {
		right: 25%;
	}

	.col-sm-pull-2 {
		right: 16.66666667%;
	}

	.col-sm-pull-1 {
		right: 8.33333333%;
	}

	.col-sm-pull-0 {
		right: auto;
	}

	.col-sm-push-12 {
		left: 100%;
	}

	.col-sm-push-11 {
		left: 91.66666667%;
	}

	.col-sm-push-10 {
		left: 83.33333333%;
	}

	.col-sm-push-9 {
		left: 75%;
	}

	.col-sm-push-8 {
		left: 66.66666667%;
	}

	.col-sm-push-7 {
		left: 58.33333333%;
	}

	.col-sm-push-6 {
		left: 50%;
	}

	.col-sm-push-5 {
		left: 41.66666667%;
	}

	.col-sm-push-4 {
		left: 33.33333333%;
	}

	.col-sm-push-3 {
		left: 25%;
	}

	.col-sm-push-2 {
		left: 16.66666667%;
	}

	.col-sm-push-1 {
		left: 8.33333333%;
	}

	.col-sm-push-0 {
		left: auto;
	}

	.col-sm-offset-12 {
		margin-left: 100%;
	}

	.col-sm-offset-11 {
		margin-left: 91.66666667%;
	}

	.col-sm-offset-10 {
		margin-left: 83.33333333%;
	}

	.col-sm-offset-9 {
		margin-left: 75%;
	}

	.col-sm-offset-8 {
		margin-left: 66.66666667%;
	}

	.col-sm-offset-7 {
		margin-left: 58.33333333%;
	}

	.col-sm-offset-6 {
		margin-left: 50%;
	}

	.col-sm-offset-5 {
		margin-left: 41.66666667%;
	}

	.col-sm-offset-4 {
		margin-left: 33.33333333%;
	}

	.col-sm-offset-3 {
		margin-left: 25%;
	}

	.col-sm-offset-2 {
		margin-left: 16.66666667%;
	}

	.col-sm-offset-1 {
		margin-left: 8.33333333%;
	}

	.col-sm-offset-0 {
		margin-left: 0%;
	}
}

@media (min-width: 992px) {
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
		float: left;
	}

	.col-md-12 {
		width: 100%;
	}

	.col-md-11 {
		width: 91.66666667%;
	}

	.col-md-10 {
		width: 83.33333333%;
	}

	.col-md-9 {
		width: 75%;
	}

	.col-md-8 {
		width: 66.66666667%;
	}

	.col-md-7 {
		width: 58.33333333%;
	}

	.col-md-6 {
		width: 50%;
	}

	.col-md-5 {
		width: 41.66666667%;
	}

	.col-md-4 {
		width: 33.33333333%;
	}

	.col-md-3 {
		width: 25%;
	}

	.col-md-2 {
		width: 16.66666667%;
	}

	.col-md-1 {
		width: 8.33333333%;
	}

	.col-md-pull-12 {
		right: 100%;
	}

	.col-md-pull-11 {
		right: 91.66666667%;
	}

	.col-md-pull-10 {
		right: 83.33333333%;
	}

	.col-md-pull-9 {
		right: 75%;
	}

	.col-md-pull-8 {
		right: 66.66666667%;
	}

	.col-md-pull-7 {
		right: 58.33333333%;
	}

	.col-md-pull-6 {
		right: 50%;
	}

	.col-md-pull-5 {
		right: 41.66666667%;
	}

	.col-md-pull-4 {
		right: 33.33333333%;
	}

	.col-md-pull-3 {
		right: 25%;
	}

	.col-md-pull-2 {
		right: 16.66666667%;
	}

	.col-md-pull-1 {
		right: 8.33333333%;
	}

	.col-md-pull-0 {
		right: auto;
	}

	.col-md-push-12 {
		left: 100%;
	}

	.col-md-push-11 {
		left: 91.66666667%;
	}

	.col-md-push-10 {
		left: 83.33333333%;
	}

	.col-md-push-9 {
		left: 75%;
	}

	.col-md-push-8 {
		left: 66.66666667%;
	}

	.col-md-push-7 {
		left: 58.33333333%;
	}

	.col-md-push-6 {
		left: 50%;
	}

	.col-md-push-5 {
		left: 41.66666667%;
	}

	.col-md-push-4 {
		left: 33.33333333%;
	}

	.col-md-push-3 {
		left: 25%;
	}

	.col-md-push-2 {
		left: 16.66666667%;
	}

	.col-md-push-1 {
		left: 8.33333333%;
	}

	.col-md-push-0 {
		left: auto;
	}

	.col-md-offset-12 {
		margin-left: 100%;
	}

	.col-md-offset-11 {
		margin-left: 91.66666667%;
	}

	.col-md-offset-10 {
		margin-left: 83.33333333%;
	}

	.col-md-offset-9 {
		margin-left: 75%;
	}

	.col-md-offset-8 {
		margin-left: 66.66666667%;
	}

	.col-md-offset-7 {
		margin-left: 58.33333333%;
	}

	.col-md-offset-6 {
		margin-left: 50%;
	}

	.col-md-offset-5 {
		margin-left: 41.66666667%;
	}

	.col-md-offset-4 {
		margin-left: 33.33333333%;
	}

	.col-md-offset-3 {
		margin-left: 25%;
	}

	.col-md-offset-2 {
		margin-left: 16.66666667%;
	}

	.col-md-offset-1 {
		margin-left: 8.33333333%;
	}

	.col-md-offset-0 {
		margin-left: 0%;
	}
}
@media (min-width: 1200px) {
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
		float: left;
	}

	.col-lg-12 {
		width: 100%;
	}

	.col-lg-11 {
		width: 91.66666667%;
	}

	.col-lg-10 {
		width: 83.33333333%;
	}

	.col-lg-9 {
		width: 75%;
	}

	.col-lg-8 {
		width: 66.66666667%;
	}

	.col-lg-7 {
		width: 58.33333333%;
	}

	.col-lg-6 {
		width: 50%;
	}

	.col-lg-5 {
		width: 41.66666667%;
	}

	.col-lg-4 {
		width: 33.33333333%;
	}

	.col-lg-3 {
		width: 25%;
	}

	.col-lg-2 {
		width: 16.66666667%;
	}

	.col-lg-1 {
		width: 8.33333333%;
	}

	.col-lg-pull-12 {
		right: 100%;
	}

	.col-lg-pull-11 {
		right: 91.66666667%;
	}

	.col-lg-pull-10 {
		right: 83.33333333%;
	}

	.col-lg-pull-9 {
		right: 75%;
	}

	.col-lg-pull-8 {
		right: 66.66666667%;
	}

	.col-lg-pull-7 {
		right: 58.33333333%;
	}

	.col-lg-pull-6 {
		right: 50%;
	}

	.col-lg-pull-5 {
		right: 41.66666667%;
	}

	.col-lg-pull-4 {
		right: 33.33333333%;
	}

	.col-lg-pull-3 {
		right: 25%;
	}

	.col-lg-pull-2 {
		right: 16.66666667%;
	}

	.col-lg-pull-1 {
		right: 8.33333333%;
	}

	.col-lg-pull-0 {
		right: auto;
	}

	.col-lg-push-12 {
		left: 100%;
	}

	.col-lg-push-11 {
		left: 91.66666667%;
	}

	.col-lg-push-10 {
		left: 83.33333333%;
	}

	.col-lg-push-9 {
		left: 75%;
	}

	.col-lg-push-8 {
		left: 66.66666667%;
	}

	.col-lg-push-7 {
		left: 58.33333333%;
	}

	.col-lg-push-6 {
		left: 50%;
	}

	.col-lg-push-5 {
		left: 41.66666667%;
	}

	.col-lg-push-4 {
		left: 33.33333333%;
	}

	.col-lg-push-3 {
		left: 25%;
	}

	.col-lg-push-2 {
		left: 16.66666667%;
	}

	.col-lg-push-1 {
		left: 8.33333333%;
	}

	.col-lg-push-0 {
		left: auto;
	}

	.col-lg-offset-12 {
		margin-left: 100%;
	}

	.col-lg-offset-11 {
		margin-left: 91.66666667%;
	}

	.col-lg-offset-10 {
		margin-left: 83.33333333%;
	}

	.col-lg-offset-9 {
		margin-left: 75%;
	}

	.col-lg-offset-8 {
		margin-left: 66.66666667%;
	}

	.col-lg-offset-7 {
		margin-left: 58.33333333%;
	}

	.col-lg-offset-6 {
		margin-left: 50%;
	}

	.col-lg-offset-5 {
		margin-left: 41.66666667%;
	}

	.col-lg-offset-4 {
		margin-left: 33.33333333%;
	}

	.col-lg-offset-3 {
		margin-left: 25%;
	}

	.col-lg-offset-2 {
		margin-left: 16.66666667%;
	}

	.col-lg-offset-1 {
		margin-left: 8.33333333%;
	}

	.col-lg-offset-0 {
		margin-left: 0%;
	}
}