@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');

@font-face {
	font-family:'Legan';
	src:url('../fonts/Legan-Roman.eot');
	src:url('../fonts/Legan-Roman.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Legan-Roman.woff2') format('woff2'),
		url('../fonts/Legan-Roman.woff') format('woff'),
		url('../fonts/Legan-Roman.ttf') format('truetype'),
		url('../fonts/Legan-Roman.svg#Legan-Roman') format('svg');
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}

body { font-family:'Open Sans', sans-serif; font-size:15px; color:#222; line-height:25px; font-weight:400; overflow-x:hidden; text-rendering:optimizeLegibility !important; -webkit-font-smoothing:antialiased !important; }

ul, ol { margin:0; padding:0; list-style: none; }
ul.plain, ol.plain { list-style:none; }

.content li { padding-left:28px; }
.content li:before { font-family:FontAwesome; content:"\f00c"; color:#c33; display:inline-block; margin-left:-24px; width:24px; }
.content li ul li:before { font-family:FontAwesome; content:"\f105"; color:#333; font-size:16px; display:inline-block; margin-left:-26px; width:12px; }

h1, h2, h3, h4, h5, h6 { font-weight:600; color:#222; }
h1, h2, h3, h4 { font-family:"Legan", serif; }
.h4, h4 { font-size:22px; }

strong, .semibold { font-weight:600; }
hr { margin-top:0; margin-bottom:0; }
img { max-width:100%; height:auto; }
.img-center { margin-left:auto; margin-right:auto; }
.circle { -webkit-border-radius:100%; border-radius:100%; }

a, a:focus, a:active { color:#0c68b7; text-decoration:none; outline:0; -webkit-transition:all 0.3s; transition:all 0.3s; }
a:hover { color:#d00; text-decoration:none; }

::-moz-selection { background:#d00; color:#fff; text-shadow:none; outline:none; }
::selection { background:#d00; color:#fff; text-shadow:none; outline:none; }

.parallax { background-repeat:no-repeat; background-attachment:fixed; background-position:50% 0; background-size:cover; }

.mb30 { margin-bottom:30px; }
.pad60 { padding:60px 0; }
.pad-t30 { padding-top:30px; }
.pad-b10 { padding-bottom:10px; }
.pad-b100 { padding-bottom:100px; }


/* topbar */
.topbar { height:30px; background-color:#333; color:#ffffff; padding:7px 0; font-size:14px; }
.topbar a { color:#fff; } .topbar a:hover { color:#d00; }
.topbar .contact-info { text-align:right; }
.topbar .contact-info li { display:inline-block; list-style:none; margin-left:14px; }
.topbar .contact-info li i{ margin-right:5px; }
ul.social-icons { list-style:none; padding:0; margin:0px; display:inline-block; }
ul.social-icons li { display:inline-block; margin:0px 12px; font-size:25px;  }
ul.social-icons li a:hover i.fa-facebook-square { color:#4267B2; }

/* navbar */
.navbar-fixed-top {
	-webkit-animation-name:fadeInDown; animation-name:fadeInDown;
	animation-duration:.8s; -webkit-animation-duration:.8s;
	animation-timing-function:ease-in-out; -webkit-animation-timing-function:ease-in-out;
}

@media screen and (min-width:768px) {

	.navbar.navbar-default {
		box-shadow:0 0 8px rgba(0, 0, 0, 0.8); margin-bottom:0; background:#fff; border:none; border-radius:0; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; }

	.navbar.navbar-default .navbar-brand { height:80px; margin-top:10px;  padding: 0; margin:0 0 0 -10px; }
	.navbar.navbar-default .navbar-brand img { height:100%; }
	.navbar-fixed-top .navbar.navbar-default .navbar-brand { height:60px; }
	.navbar-fixed-top .navbar.navbar-default .navbar-nav > li > a { padding:20px 16px;  }

	.navbar.navbar-default .navbar-collapse { padding-left:0; padding-right:0; }
	.navbar.navbar-default .navbar-nav { transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; }
	.navbar.navbar-default .navbar-nav > li > a {
		background-color:#fff !important; color:#333; font-size:15px; font-weight:600; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; padding:30px 16px;
	}
	.navbar.navbar-default .navbar-nav > li > a:hover, .navbar.navbar-default .navbar-nav > li > a.active { color:#d00 !important; }

	.navbar-collapse li.dropdown .dropdown-btn { display:none; }
	.navbar.navbar-default .navbar-nav li.dropdown > ul.dropdown-menu {
		position: absolute; top: 80%; left: 0px;
		display:table; width: auto; background: #ffffff;
		visibility: hidden; opacity: 0; z-index: 3;
		text-align: left;
		margin: 0; padding:10px;
		transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out;
	}
	.navbar.navbar-default .navbar-nav li.dropdown ul.dropdown-menu li a {
		display: block; margin: 0; padding:10px; text-decoration: none; color: #333; font-size: 14px; font-weight: 400;
		transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
	}
	.navbar.navbar-default .navbar-nav li.dropdown:hover > ul.dropdown-menu { visibility: visible; opacity: 1; }
	.navbar.navbar-default .navbar-nav li.dropdown > ul.dropdown-menu:hover + a { color:red; }
	.navbar.navbar-default .navbar-nav li.dropdown ul.dropdown-menu li a:hover { color: #fff !important; background-color: #d00; }
}

@media screen and (max-width:767px) {
	.navbar-default { text-align:left; margin-bottom:0; }
	.navbar-default .navbar-collapse.collapse.in { max-height:300px; overflow-y:scroll; }
	.navbar-default .navbar-nav > li > a { padding:5px 15px; color:#333; font-weight:600; }
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color:#555; background-color:#e7e7e7; }
	.navbar-default .navbar-nav > .open > a , .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open .dropdown-btn {
		color:#fff; background-color:#d00;
	}
	.navbar-default .navbar-nav > .open .dropdown-btn { transform:rotate(-180deg); }
	.navbar-default .navbar-nav .open .dropdown-menu > li > a { color:#444; }
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color:#111; background-color:#eee; }
}



/* index */
.section-title { position:relative; margin:0 0 46px; }
.section-title h3 { position:relative; font-family:'Legan', serif; font-size:32px; color:#222; }
.section-title h3:after { position:absolute; right:0; bottom:0; left:0; width:150px; height:1px; margin:-20px auto; content:''; opacity:1; background:#d00; }

.banner { padding:200px 0; } .banner h1 { font-size:70px; line-height:70px; font-weight:700; margin-bottom:40px; } .banner p { margin-bottom:50px; } .banner.white h1, .banner.white p { color:#fff; } .banner.primary h1, .banner.primary p { color:#d00; }

.rev_slider_wrapper .tp-leftarrow.hermes { position:absolute; left:0 !important; }
.rev_slider_wrapper .tp-rightarrow.hermes { position:absolute; right:0 !important; }
.rev_slider_wrapper .btn.btn-primary { text-shadow:none; }
.rev_slider_wrapper .btn.btn-primary:hover { color:#fff !important; }
.rev_slider_wrapper .tp-caption.max-style span { color:#d00 !important; }
.rev_slider .slide-title  { text-shadow:rgba(150, 10, 10, .3) 1px 1px 3px; }
.rev_slider .slide-sub-title { text-shadow:rgba(0, 0, 0, 0.5) 0 1px 3px; }
.rev_slider .slide-title span, .rev_slider .slide-sub-title span { color:#d00 !important; }
.rev_slider_wrapper ul, .rev_slider_wrapper li { list-style:inside; }
.rev_slider_wrapper .btn { padding:8px 14px !important; }
@media screen and (max-width:991px) {
	.rev_slider_wrapper ul, .rev_slider_wrapper li { font-size:14px  !important; line-height:20px  !important; } 
}
@media screen and (max-width:767px) {
	.rev_slider .slide-sub-title { text-shadow:none !important; }
}
@media screen and (max-width:480px) {
	.rev_slider_wrapper .btn { padding:5px 10px; font-size:12px; }
}

.feature-box {
	display:inline-block; padding:30px; margin:0 0 10px 0; border:1px solid #ddd; border-radius:3px;
	font-family:'Legan'; color:#444; font-size:17px; line-height:19px; text-align:center;  -webkit-transition:all 0.3s; transition:all 0.3s;
}
.feature-box a { color:#444; }
.feature-box img { width:64px; }
.feature-box h4 { font-size:22px; letter-spacing:1px; margin:10px 0; -webkit-transition:all 0.3s; transition:all 0.3s; }
.feature-box:hover { border-color:#d00; }
.feature-box:hover h4 { color:#d00; }

.about { text-align:justify; }
.about img { float:left; margin:0 26px 10px 0; width:170px; }

.media {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
  }
  
.featured-news { margin-bottom:30px; }
.featured-news .media-left, .featured-news .pull-left { padding-right:20px; }
.featured-news .media-left.primary i, .featured-news .pull-left.primary i { color:#d00; }
.featured-news img { width:30px; max-width:30px; -webkit-transition:0.4s; transition:0.4s; }
.featured-news i { font-size:36px; width:36px; height:36px; line-height:36px; color:#222; -webkit-transition:0.4s; transition:0.4s; }
.featured-news h3, .featured-news h3 a { font-family:'Legan', serif; margin:0 0 4px; font-size:21px; line-height:24px; color:#222; -webkit-transition:0.4s; transition:0.4s; }
.featured-news:hover i, .featured-news:hover h3, .featured-news:hover h3 a { color:#d00; }

.featured-news:hover img { filter: invert(11%) sepia(71%) saturate(7311%) hue-rotate(359deg) brightness(83%) contrast(116%); }


/* pages */
.featured-img { position: relative; padding-top:350px; height:0; }
@media screen and (max-width:991px) { .featured-img { padding-top:300px; } }
@media screen and (max-width:767px) { .featured-img { padding-top:250px; } }
.featured-img iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

section.text h1 { font-family:'Legan'; font-size:26px; text-decoration:underline; text-decoration-color:#dd0000b3; text-underline-offset:4px; }
section.text.h1-smaller h1 { font-size:23px; }
section.text:not(.h1-smaller) h1:first-child { margin:30px 0 20px; }

section.product h1 { font-size:36px; margin-bottom:0; color:#d00; }
section.product h2 { font-size:22px; margin:4px 0 20px 0; text-decoration:underline; text-decoration-color:#dd0000b3; text-underline-offset:3px; }

.fa-clone { position:relative; top:-2px; left:5px; }
.tip { position: relative; display: inline-block; }
.tip .tiptext {
	position:absolute; left:-40px; top:-45px; width: 116px; padding:5px 0; z-index: 1;
	visibility:hidden; opacity:0; transition:opacity 0.3s; border-radius: 5px;
	background-color: #555; color: #fff; text-align: center; font-size:12px; line-height:16px;
}
.tip .tiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; }
.tip:hover .tiptext { visibility: visible; opacity: 1; }


/* accordion */
.accordion-button { 
	font-size:18px; 
	font-weight:bold; 
	text-decoration: none;
 }
 .accordion-button a.collapsed { 
	color:#222;
 } 
.accordion-button a.collapsed:hover, a.collapsed:hover:before { 
	color:#d00;
 }
.accordion-body { 
	padding: 15px !important; 
	border:0 !important; 
	font-size:15px; 
	line-height:24px; 
	background-color:transparent !important;
 }
.accordion-body ul {
	list-style-type: none;
	padding-left: 10px;
  }
  
.accordion-body  ul li::before {
	content: "\2714" !important;  
	color: black !important;
	display: inline-block !important;
	width: 1em !important;
	margin-left: -1em !important;
  }



/* contact */
/* #honey_fields { position:absolute; top:1000px; left:-1000px; display:none !important; }
#honey_blank { display:none; }
.form-control, .form-control:focus {
	width:100%; display:block; padding:8px 12px; background:transparent; border-radius:3px; border:1px solid #ccc; outline:none; margin:0 0 20px; box-shadow:none;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;
}
.form-control:focus { border:1px solid #999; }
.error { border:1px solid #d00 !important; box-shadow:none; }

.contact-block { margin-bottom:30px; }
.contact-block .media-left, .contact-block .pull-left { padding-right:20px; }
.contact-block .media-left.primary i, .contact-block .pull-left.primary i { color:#d00; }
.contact-block i { font-size:32px; width:32px; line-height:34px; color:#444; -webkit-transition:0.4s; transition:0.4s; }
.contact-block h4 { margin:0 0 4px; font-size:22px; line-height:22px; -webkit-transition:0.4s; transition:0.4s; }
.contact-block:hover i, .contact-block:hover h4 { color:#d00; }
textarea { resize:vertical; }
.btn-primary, .btn-primary:active { margin:0; padding:10px 20px; color:#222; border-color:#999; background:#fff; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; }
.btn-primary:hover { background:#d00; color:#fff; border-color:#e22; }
.btn-primary[disabled], .btn-primary[disabled]:hover { background-color:#bbb; border-color:#aaa; color:#fff; }
.alerts { margin-top:10px; }
.alert { padding:10px; position:relative; }
.close { font-size:30px; position:absolute; top:8px; right:10px; } */


/* footer */
.footer { padding:60px 0 20px; background-color:#233139; }
.footer .container .row > div { padding-bottom:40px; }
.footer-title { position:relative; margin:0 0 30px; }
.footer-title h3 { color:#d2d2d2; font-size:19px; line-height:22px; font-weight:normal; }
.footer-title:after { position:absolute; bottom:0; left:0; width:60px; height:1px; margin:-15px auto; content:''; opacity:1; background:#d00; }
.footer-title.white h3 { color:#ffffff; }
.footer-title span i:before { font-size:40px; color:#d00; }
.footer-title.center { text-align:center; }
.footer-title.center:after { left:0; right:0; width:40px; height:3px; margin:-28px auto; }

.footer p, .footer a, .footer i.fa { color:#bfbfbf; }
.footer a:hover { color:#d00; }
.footer li strong + div { margin-top: -5px; font-size: 13px; }
.footer-address { margin-bottom:30px; } .footer-address p span { color:#d00; }

.footer-networks { margin-top:16px; }
.footer-networks li { display:inline-block; } .footer-networks li a { background:#32454f; font-size:20px; padding:7px 10px; color:#fff; } .footer-networks li:hover a { background:#d00; }

.copyright { background:#07040d; color:#9b9b9b; border-top:1px ridge #333; padding:15px 0; font-size:12px; line-height:26px; text-align:center; }

.back-to-top {  }
.back-to-top.reveal { cursor:pointer; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s; opacity:30; filter:alpha(opacity=3000); }
.back-to-top.reveal:focus, .back-to-top.reveal:active, .back-to-top.reveal:hover { opacity:100; filter:alpha(opacity=10000); background-color:#d00; }
.back-to-top {
	position:fixed; z-index:1000; right:25px; bottom:15px; width:40px; height:40px; margin:0; padding:10px; background-color:#777; color:#fff; border-radius:6px;
	opacity:0; filter:alpha(opacity=0); -webkit-transition:opacity 350ms; -o-transition:opacity 350ms; transition:opacity 350ms;
}
.back-to-top i { font-size:30px; margin-top:-5px; }



/* RESPONSIVE */

@media screen and (max-width:1024px) {
	.tp-leftarrow, .tp-rightarrow { width:40px !important; height:40px !important; }
	.tp-leftarrow { left:-15px !important; }
	.tp-rightarrow { left:101% !important; }
	.tparrows:before { line-height:25px !important; }
}

@media screen and (max-width:992px) {
	.navbar { min-height:60px; }
	.navbar-brand > img { width:160px; height:auto !important; }
	.navbar-fixed-top .navbar-brand > img { width:170px; margin-top:4px; }
	.navbar.navbar-default .navbar-brand { height:60px !important; }
	.navbar.navbar-default .navbar-nav > li > a { font-size:16px; padding:10px 0 10px 20px; }
	.navbar-collapse.collapse { margin-top:10px; }
	.topbar .social-icons { display:none; } .topbar .contact-info { text-align:center; }
}


@media screen and (max-width:767px) {
	.navbar-header { text-align:center; }
	.navbar-brand { padding:0; }
	.navbar-default .navbar-brand img { width:165px; margin-top:5px; height:auto; display:inline-block; }
	.navbar { min-height:70px; }
	.navbar-toggle { margin-top:15px; }
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color:transparent; border-color:#aaa;  -webkit-transition:all 0.2s; transition:all 0.2s; text-decoration:none; }
	.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar { background-color:#d00; }
	.navbar-collapse li.dropdown .dropdown-btn { display:block; position:absolute; right:25px; top:10px; font-size:24px; }
}


