#open-menu {
	position: fixed; 
	top: 80px; 
	left: 0; 
	height: 65px; 
	width: 55px; 	
	background: #ccc; 
	z-index: 390
}

#open-menu a { 

	line-height: 65px;
	width: 100%;	

 }

#header-mobile {
	position: fixed;
	width: 100%;
	top: 0;
	background-color: #FFF !important;
	z-index: 390;	
}

#header-mobile img {
	max-height: 65px;
	padding: 0 5px;
	margin: auto;
}

 #header-open-menu {

	height: 65px; 
	width: 55px; 	
	background: #ccc; 
	z-index: 390	
}

#header-open-menu a { 

	line-height: 65px;
	width: 100%;	

 }

 #header-open-menu a i {
 	font-size: 18px;
 }

 #side-panel {
 	touch-action: pan-y;
 }


 .swiper-slide img {
 	width: 100%;
 }

.swiper-slide .slider-btn {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

#primary-menu {
    float: right;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.red {
    background-image: url(/img/red.jpg);
}
.blue {
    background-image: url(/img/blue.jpg);
}

.fire {
    background-image: url(/img/bg.jpg)!important;;
}

@font-face {
    font-family: 'dosis';
    src: url('/fonts/Dosis-Regular.ttf') format('woff2'),
         url('/fonts/Dosis-Regular.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'dosis';
    color: #FFFFFF!important;
    font-size: 18px!important;
}

h1, h2, h3, h4, h5, h6 {
    color: #fff;
    font-weight: 600;
    line-height: 1.5;
    margin: 0 0 30px 0;
    font-family: 'dosis';
}

.lead {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
    color: #FFFFFF;
}

.leadli {
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.4;
    color: #FFFFFF;
}

.book-category {
    opacity: 0;
    margin: 0 0 18px;
    font-family: 'dosis';
    transition: .4s ease;
    transition-delay: .1s;
    -webkit-transform: translateY(40px) scale(0);
    -ms-transform: translateY(40px) scale(0);
    transform: translateY(40px) scale(0);
    will-change: transform;
}

.dark #copyrights {
    background-image: url(/img/footer-bg.png);
    color: #000;
    text-shadow: 1px 1px 1px rgba(0,0,0,.1);
}

#copyrights {
    padding: 20px 0;
    background-color: #ddd;
    font-size: 14px;
    line-height: 1.8;
}

.dark .copyright-links a {
    color: #000;
    border-bottom-color: rgba(255,255,255,.25);
}

#footer.dark .social-icon.si-borderless, .dark #footer .social-icon.si-borderless {
    color: #000!important;
}

#page-title h1 {
    padding: 0;
    margin: 0;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 1px;
    color: #FFFFFF!important;
    font-size: 55px!important;
    text-transform: uppercase;
    text-shadow: 0 2px 1px #000;
}

ol {
    display: none;
    list-style-type: decimal;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

.portfolio-desc h3 a {
    color: #FFFFFF;
}

.button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: 0;
    white-space: nowrap;
    margin: 5px;
    padding: 0 22px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    background-color: #2D509F;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
}

h1 {
    font-size: 45px!important;
}

label {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    font-family: Raleway,sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #FFF!important;
    margin-bottom: 10px;
    cursor: pointer;
}

.feature-box.fbox-bg.fbox-center.fbox-border .fbox-icon, .feature-box.fbox-bg.fbox-center.fbox-outline .fbox-icon, .feature-box.fbox-bg.fbox-center.fbox-plain .fbox-icon {
    background-color: transparent;
}

.feature-box.fbox-bg.fbox-center {
    margin-top: 68px;
    padding: 68px 30px 30px;
    background-color: transparent;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

.feature-box h3 span.subtitle {
    display: block;
    margin-top: 5px;
    color: #FFFFFF;
    font-weight: 300;
    text-transform: none;
}

.feature-box h3 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0;
    color: #FFF;
}