.col-15 {min-width: 20%;}
@media (min-width: 576px) and (max-width: 767px) {
    .col-sm-15 {min-width: 20%;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .col-md-15 {min-width: 20%;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .col-lg-15 {min-width: 20%;}
}
@media (min-width: 1200px) {
    .col-xl-15 {min-width: 20%;}
}
.img-responsive { float:none; display:inline-block;}
.thumbnail{ box-shadow:3px 3px 10px rgba(3,3,0,0.2); padding:10px;}
.row.divider > [class*='col-']:before,.row.divider > [class*='col-']:after {background: #ddd; bottom: 0; content: " "; left: 0; position: absolute; width: 1px; top: 0;}
.row.divider > [class*='col-']:before {left: 0;}
.row.divider > [class*='col-']:after {right:-1px;left:auto;}
.row.divider > [class*='col-']:first-child:before,.row.divider > [class*='col-']:last-child:after {display: none;}

@font-face {
	font-family: 'Intro';
	src: url('../fonts/Intro.eot');
	src: local(''), url('../fonts/Intro.woff') format('woff'), url('../fonts/Intro.ttf') format('truetype'), url('../fonts/Intro.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/****************************************************************************/
body{background:#281530; color:#fff; font-family:'Open Sans',sans-serif; font-size:14px; font-weight:400; margin:0px; padding:0px; line-height:26px;}


p{margin-bottom:30px;}
ul {list-style-type:disc}

p a{}

a, a:hover {text-decoration:none;}

.btn {text-decoration:none !important;}
.img-thumbnail{margin-bottom:30px;}

.radio input[type=radio]{margin-top:10px;}

.container {position:relative;}
.no-gutter {margin-left:0px!important;margin-right:0px!important;}
.no-gutter div[class^="col"]{padding-left:0px!important;padding-right:0px!important;}

.gutter-xs {margin-left:-5px!important;margin-right:-5px!important;}
.gutter-xs div[class^="col"]{padding-left:5px!important;padding-right:5px!important;}

.gutter-sm {margin-left:-10px!important;margin-right:-10px!important;}
.gutter-sm div[class^="col"]{padding-left:10px!important;padding-right:10px!important;}

.gutter-lg {margin-left:-30px!important;margin-right:-30px!important;}
.gutter-lg div[class^="col"]{padding-left:30px!important;padding-right:30px!important;}

textarea.form-control{resize:none;min-height:100px;}
.form-horizontal .form-control { height:40px; font-size:18px;}
.form-horizontal .control-label { font-weight:400;}

.panel-primary {border-color:#00153a;}
.panel-primary .panel-heading{background-color:#1c5a85;font-weight:bold;}

.btn{ moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.btn.btn-default:hover{}
.btn.btn-primary{}

h1,.h1{font-family:'Intro',sans-serif; font-weight:400; font-size:48px; line-height:48px; color:#fff; text-transform:uppercase;}
h2,.h2{font-family:Georgia,serif; font-weight:400; font-style:italic; font-size:48px; line-height:48px; color:#fff;}
h3,.h3{font-family:'Josefin Sans',sans-serif; font-weight:700; font-size:24px; line-height:28px; color:#fff; letter-spacing:6px; text-transform:uppercase;}
h4,.h4{font-family:Georgia,serif; font-weight:400; font-style:italic; font-size:21px; line-height:21px; color:#fff;}
h5,.h5{font-family:'Josefin Sans',sans-serif; font-weight:700; font-size:14px; line-height:14px; color:#fff; text-transform:uppercase;}

.bg-black {background:#120e17 !important;}

.breadcrumb{border-bottom:1px dashed #6f6f6f; margin:15px 0px; background-color:transparent;padding:0 0 15px; text-transform:uppercase; font-size:12px;}
.breadcrumb>li+li:before{content:"\00BB";color:#d0d0d0; margin:0 10px;}
a{color:#d0d0d0;}
a:hover{color:#fff;}

.btn-purple {background:#4b1f5d !important; border-radius:0px; color:#fff !important; font-family:'Josefin Sans',sans-serif; font-weight:700; font-size:12px; padding:15px 30px; text-transform:uppercase;}
.btn-purple:hover {background:#753c8c !important;}

.link {color:#fff; font-family:Georgia,serif; font-style:italic; font-size:16px;}
.link:hover {color:#e9e9e9;}

/******* Header ********************************************************************/
#Header {top:0px; z-index:999;}

/******* The side navigation menu ********************************************************************/
.MenuBtn,.dropdown-btn {cursor:pointer;}/* The side navigation menu */
.sidenav {height:100%; /* 100% Full-height */
    width:0; /* 0 width - change this with JavaScript */
    position:fixed; /* Stay in place */
    z-index:9999; /* Stay on top */
    top:0; /* Stay at the top */
    right:0; 
    background-color:#000; /*Black*/
    overflow-x:hidden; /* Disable horizontal scroll */
    padding-top: 94px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */}
/* The navigation menu links */
.sidenav a,.dropdown-btn {padding:6px 20px;text-decoration:none; font-size:14px; text-align:left !important; color:#fff;display:block;transition:0.3s; margin-bottom:1px;}
.sidenav .closebtn {border-bottom:none;}
/* When you mouse over the navigation links, change their color */
.sidenav a:hover.closebtn {color:#fff !important; background:#000;}
.sidenav a:hover {background-color:#461151; color:#fff;}
/* Position and style the close button (top right corner) */
.sidenav .closebtn {position:absolute; top:8px; right:10px; font-size:36px; margin-left:50px;}
/* Add an active class to the active dropdown button */
.sidenav a.active {background-color:#461151; color:#fff;}
/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {display:none; background-color:#0b1628;}
.dropdown-container a {font-size:15; padding:6px 6px 6px 150px;}
/* Optional: Style the caret down icon */
.fa-caret-down {float: right;padding-right: 8px;padding-top: 5px;}
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {transition: margin-left .5s;  overflow:hidden;}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {.sidenav {padding-top:94px;}} 
.MenuBtn {cursor:pointer;}

/******* Slider ********************************************************************/
#MainBanner {min-height:250px;}
#MainBanner img {width:100%;}
#MainBanner .position-absolute {font-size:15px; line-height:20px; font-weight:600; z-index:928; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); transform:translate(0,-50%);}

/* pager */
.cycle-pager{text-align:center; width:100%; z-index:999; position:absolute; bottom:40px; overflow:hidden;}
.cycle-pager span{font-family:arial; font-size:40px; width:16px; height:16px; display:inline-block; color:#fff; cursor:pointer; margin:0 2px;}
.cycle-pager span.cycle-pager-active{color:#4b1f5d;}

/* prev / next links */
.cycle-prev, .cycle-next {position:absolute; top:0; width:5%; z-index:998; height:100%; cursor:pointer;}
.cycle-prev {left:0;  background:url(../images/arrow-left.png) 50% 50% no-repeat;}
.cycle-next {right:0; background:url(../images/arrow-right.png) 50% 50% no-repeat;}

/********** Content **************************************************************************************************/
#Categories .position-absolute {bottom:40px;}
#Categories h3 {min-height:40px;}
#Categories .line {margin-bottom:150px;}

/********** Footer ***************************************************************************************************/
#Footer {font-size:13px; line-height:32px;}
#Footer a,#Footer .list-inline a {color:#fff;}
#Footer a:hover,#Footer a.active,#Footer .list-inline a:hover {color:#e1e1e1;}
#Footer .list-inline a {font-size:18px;}

#Footer .copy {font-size:12px;}
textarea.wpcf7-form-control.wpcf7-textarea.form-control { height: 120px !important;}

.p-none{display:none !important;}

@media (min-width: 767.98px) {
	#MainBanner .bnrTxt {width:42%;}
}

.container-fluid{overflow:hidden; max-width:1920px;}
@media (min-width: 1200px) {
	.container{padding:0px;}
}

@media (max-width: 1199.98px) {
	#Header {position:static !important;}
	#Categories .line {margin-bottom:70px;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	#MainBanner .bnrTxt {width:51%;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	#MainBanner .bnrTxt {width:71%;}
}

@media (max-width: 991.98px) {
	#Categories .line {margin-bottom:30px;}
}

@media (max-width: 767.98px) {
	.cycle-pager{bottom:5px;}
	#MainBanner .position-absolute {position:static !important; padding:40px 0; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); transform:translate(0,0); text-align:center;}
	#Categories .line {margin-bottom:100px;}
}

@media (max-width: 479px) {
	#Categories .position-absolute {bottom:10px;}
	#Categories .line {margin-bottom:20px;}
}

