

/* --------------------------------------- GRID Layout ----------------------------------------- */
* { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
body { margin: 0 auto }
.grid { margin: 0 auto; max-width: 1200px; width: 100%; }
/* You can choose the grid 1200 or 1140 or 1024 or 960 as per your requirement */
.g1140 { margin: 0 auto; max-width: 1140px; width: 100%; }
.g1024 { margin: 0 auto; max-width: 1024px; width: 100%; }
.g960 { margin: 0 auto; max-width: 960px; width: 100%; }
.row { width: 100%; margin: 0 auto; }
.c1 { width: 8.33% }
.c2 { width: 16.66% }
.c3 { width: 25% }
.c4 { width: 33.33% }
.c5 { width: 41.66% }
.c6 { width: 50% }
.c7 { width: 58.33% }
.c8 { width: 66.66% }
.c9 { width: 75% }
.c10 { width: 83.33% }
.c11 { width: 91.66% }
.c12 { width: 100% }
.c1-5 { width: 20% }
/* This column can be used as a one fifth of the row */
.c1-8 { width: 12.5% }
/* This column can be used as a one eigth of the row */
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12, .c1-5, .c1-8 { min-height: 1px; float: left; padding-left: 10px; padding-right: 10px; position: relative; }
.row .row { margin-left: -10px }
sub, sup { font-size: 60%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em }
sub { bottom: -0.25em }


/* ------------------------------------------ Misc ----------------------------------------- */


 a { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family: OpenSansRegular; }

/* --------------------------------------- Clearfixes ------------------------------------------ */
.row:before, .row:after, .clearfix:before, .clearfix:after { content: ''; display: table; }
.row:after, .clearfix:after { clear: both }
.row, .clearfix { zoom: 1 }

.section-4{
	background: white;
}
/* cms and video Block start*/
video {
	background: #000;
	width: 232%;
	height:230%;
	
}
.cms-video-bg {
	border: 3px solid #eaeaea;
	background: #fff;
	display: inline-block;
	padding: 20px 15px;
	width: 100%;
	margin: 0 0px 20px
}
.cms-video-bg h3 {
	text-align: center;
}
.cms-video-bg .col-md-4 > h3, .cms-video-bg .col-md-8 > h3 {
	font-size: 20px;
}
.cms-banner {
	background: url("../images/cms-banner.jpg") repeat scroll 0 0;
	display: table-cell;
	height: 411px;
	padding: 30px;
	text-align: center;
	vertical-align: middle;
}
.cms-banner .btn-default {
    color: #fff;
    background-color: #d9121f;
    border-color: #d9121f;
}
.cms-banner h4 {
	border-bottom: 3px solid #ffffff;
	border-top: 3px solid #ffffff;
	color: #ffffff;
	font-family: "Poppins";
	font-size: 70px;
	padding: 40px 0 35px;
	margin: 0;
	font-weight: 900;
}
.cms-banner > p {
	color: #ffffff;
	font-family: "Poppins";
	font-size: 15px;
	font-weight: 300;
	padding: 15px 0;
	margin: 0;
}
.btn-default:hover {
	border-color: #e6e6e6;
}
/* cms and video Block end*/







audio {
	background: green;
	width: 100%;
	
}
.cms-audio-bg {
	border: 1px solid #eaeaea;
	background: #fff;
	display: inline-block;
	padding: 30px 15px;
	width: 100%;
	height:100%;
	margin: 0 0px 60px;
	margin-right:-12px;
}
.cms-audio-bg h3 {
	text-align: center;
}
.cms-audio-bg .col-md-4 > h3, .cms-audio-bg .col-md-8 > h3 {
	font-size: 20px;
}
.cms-banner {
	background: url("../images/cms-banner.jpg") repeat scroll 0 0;
	display: table-cell;
	height: 411px;
	padding: 30px;
	text-align: center;
	vertical-align: middle;
}
.cms-banner .btn-default {
    color: #fff;
    background-color: #d9121f;
    border-color: #d9121f;
}
.cms-banner h4 {
	border-bottom: 3px solid #ffffff;
	border-top: 3px solid #ffffff;
	color: #ffffff;
	font-family: "Poppins";
	font-size: 70px;
	padding: 40px 0 35px;
	margin: 0;
	font-weight: 900;
}
.cms-banner > p {
	color: #ffffff;
	font-family: "Poppins";
	font-size: 15px;
	font-weight: 300;
	padding: 15px 0;
	margin: 0;
}
.btn-default:hover {
	border-color: #e6e6e6;
}
/* cms and audio Block end*/

/* Sidebar
================================================== */

.sidebar .widget-title{
   font-size: 20px;
   font-weight: 700;
   position: relative;
   margin-bottom: 40px;
   margin-top: 0;
   line-height: normal;
   letter-spacing: -1px;
}

.sidebar .widget-title:after{
   content: '';
   width: 40px;
   left: 0;
   bottom: -12px;
   height: 1px;
   background: #fce329;
   position: absolute;
}

/* Widget common */

.sidebar .widget{
   margin-bottom: 40px;
}

.sidebar-left .widget{
   margin-right: 20px;
}

.sidebar-right .widget{
   margin-left: 20px;
}

.sidebar .widget.box{
   padding: 25px;
}

.widget.box.solid{
   background: #f2f2f2;
}

.widget.box.red{
   background: #ec483b;
   color: #fff;
}

.widget.box.red .widget-title{
   color: #fff;
}

.widget ul li{
   line-height: 30px;
}

.sidebar .widget ul li a{
   color: #3d4049;
}

.sidebar .widget ul li a:hover{
   color: #012e5b;  
}

.sidebar .widget ul li i{
   margin-right: 5px;
}

.sidebar .btn {
    font-weight: 700;
    font-size: 12px;
    margin-top: 15px;
    padding: 10px 25px;
}

/* Sidebar nav */

.sidebar ul.nav-tabs{
   border:0;
}

.sidebar ul.nav-tabs li.active a, 
.sidebar ul.nav-tabs li:hover a{
   color: #012e5b;
}

.sidebar ul.nav-tabs li a{
   color: #3d4049;
   border-radius: 0;
   padding: 15px 0;
   padding-left: 0;
   font-weight: 400;
   border-bottom: 1px solid #ddd;

}

.sidebar ul.nav-tabs li{
   color: #3d4049;
   line-height: normal;
   font-weight: 600;
}

.sidebar ul.nav-tabs li:last-child{
   border-bottom: 0;
}
/* Sidebar nav */

.sidebar ul.nav-tabs{
   border:0;
}

.sidebar ul.nav-tabs li.active a, 
.sidebar ul.nav-tabs li:hover a{
   color: #012e5b;
}

.sidebar ul.nav-tabs li a{
   color: #3d4049;
   border-radius: 0;
   padding: 15px 0;
   padding-left: 0;
   font-weight: 400;
   border-bottom: 1px solid #ddd;

}

.sidebar ul.nav-tabs li{
   color: #3d4049;
   line-height: normal;
   font-weight: 600;
}

.sidebar ul.nav-tabs li:last-child{
   border-bottom: 0;
}


/* Service menu */

.sidebar ul.service-menu li a{
   background-color: #f4f4f4;
   padding: 15px 20px;
   border: 0;
   font-weight: 700;
   margin-bottom: 8px;
   position: relative;
   -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}

.sidebar ul.service-menu li.active a,
.sidebar ul.service-menu li:hover a{
   background: #012e5b;
   color: #fff;
   cursor: pointer;
}

.sidebar ul.service-menu li a:before{
   content: "\f101";
    font-family: FontAwesome;
    padding-right: 10px;
    font-weight: normal;
}

/* Comments area */

.comments-area{
   margin: 40px 0;
}

.comments-list .comment-content {
    margin: 15px 0;
}

.comments-list .comment-reply {
    color: #012e5b;
    text-transform: uppercase;
    font-weight: 500;
}

.comments-counter{
	font-size: 18px;
}
.comments-counter a{
	color: #323232;
}

.comments-list{
	list-style: none;
	margin: 0;
	padding: 20px 0;
}

.comments-list .comment{
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

.comments-list .comment.last{
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.comments-list img.comment-avatar{
	width: 84px;
	height: 84px;
	margin-right: 30px;
}

.comments-list .comment-body{
	margin-left: 110px;
}

.comments-list .comment-author{
	margin-bottom: 0;
	margin-top: 0;
	font-weight: 700;
	font-size: 16px;
}

.comments-list .comment-date{
	color: #959595;
	margin-bottom: 5px;
	font-size: 12px;
}

.comments-reply{
	list-style: none;
	margin: 0 0 0 70px;
}

.comments-form{
	margin-bottom: 0;
}

.comments-form .title-normal{
   margin-bottom: 20px;
}

.comments-form .btn.btn-primary{
	padding: 10px 20px;
   margin-top: 20px;
}


.item.web_box.shop-box .col-md-8 h3 {
  color: #222;
  font-weight: 600;
  text-transform: uppercase;
}
.item.web_box.shop-box {
  background: #f9f9f9;
  border: 4px double #ccc;
  padding: 40px 30px 30px;
}
.item.web_box.shop-box .col-md-8 p {
  font-style: oblique;
  font-weight: 300;
  line-height: 1.8;
  padding: 20px 0 40px;
  font-size: 16px;
}
.item.web_box.shop-box .col-md-8 a {
  background: #222;
  color: #fff;
  display: inline-block;
  padding: 15px 50px;
}
.item.web_box.shop-box .col-md-8 a:hover{
  background: #fb2415;
}
.shop-sidebar-box {
  margin-bottom: 60px;
}
.shop-sidebar-box > h3 {
  border-bottom: 2px solid #fb2415;
  color: #222;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 30px;
  padding-bottom: 5px;
  text-transform: uppercase;
}
select.discount option {
  cursor: pointer;
  display: block;
  margin-right: 63px;
  padding:10px;
  width: 100%;
}
select.discount option:hover{
  color: #fb2415;
}
select.discount {
  border: medium none;
}
.shop-sidebar-box .control {
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 25px;
  padding-left: 50px;
  position: relative;
}

.shop-sidebar-box .control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.shop-sidebar-box .control_indicator {
	position: absolute;
	top: 2px;
	left: 0;
	width: 20px;
	height: 20px;
	background: #e6e6e6;
}
.control-radio .control_indicator {
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.shop-sidebar-box .control:hover input ~ .control_indicator,
.shop-sidebar-box .control input:focus ~ .control_indicator {
	background: #ccc;
}
.shop-sidebar-box .control input:checked ~ .control_indicator {
	background: #fb2415;
}
.shop-sidebar-box .control:hover input:not([disabled]):checked ~ .control_indicator,
.shop-sidebar-box .control input:checked:focus ~ .control_indicator {
	background: #fb2415;
}
.shop-sidebar-box .control_indicator:after {
	position: absolute;
	display: none;
	content: '';
}
.shop-sidebar-box .control input:checked ~ .control_indicator:after {
	display: block;
}
.shop-sidebar-box .control-checkbox .control_indicator::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #fff;
  -o-border-image: none;
  -webkit-border-image: none;
  -moz-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 0 2px 2px 0;
  height: 13px;
  left: 7px;
  top: 2px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px;
}
