body{font-family: 'Poppins', sans-serif; }

header { position: absolute; top: 0; width: 100%; }
header .center {box-shadow: 0 0 40px rgba(0,0,0,.2); height: 120px; position: relative; z-index: 99; margin-top: 40px; background: #fff}
header .logo { float: left; margin-top:40px; max-width: 170px;}
header .header-right { float: right; text-align: right;}
header .header-right .header-top { width: 100%; }
header .header-right nav { width: 100%; }
header ul { list-style: none; }
header ul li { display: inline-block; }
header .header-right .header-top a { color: #333; padding: 20px 15px; display: block; }
header .header-right nav ul li a {  color: #000; padding: 15px 15px; display: block; font-size: 14px; font-weight: 600; position: relative;}
header .header-right nav ul li a:hover:before { position: absolute; content: ''; left: 0; right: 0; bottom:0; height: 4px; background: #000; }
header .svg-inline--fa, header .header-right nav ul li a:hover { color:#c31727  }


.slider { position: relative;width: 100%;}
.slide .center { top: 60vh;position: absolute;z-index: 999;max-width: 1280px; left: 0; right: 0; margin: auto; z-index: 10}
.slider .owl-dots { position: absolute; top: 40%; right:20px; }
.slider .owl-theme .owl-dots, .owl-theme .owl-nav { width: 60px !important;}
.slider .owl-theme .owl-nav.disabled+.owl-dots { text-align: right; }
.slider .owl-theme .owl-dots .owl-dot span { background:#c31727; width: 20px; height: 4px; border-radius: 0; }
.slider .owl-theme .owl-dots .owl-dot.active span {background: #000; width: 30px; height: 4px; border-radius: 0}
.slider .owl-carousel button.owl-dot { margin-bottom: 5px; }

.service { position: relative; }
.s-overlay { position: absolute; top: 0; left: 0; right: 0; bottom:0;background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); }
.overlay-cont { position: absolute; padding: 30px 30px 0 30px; left: 0; right: 0; bottom:0; }

.btn { background: #c31727; border-radius: 30px; color: #fff; font-size: 14px; font-weight: 600; padding: 15px 30px; display: inline-block; }

.services-box .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 40px; }

.home-form { background:url(../img/formbg.jpg) center center no-repeat; }
.home-form h3, .home-form p { color: #fff; }


.home-services .s-box .box { box-shadow: 0 0 20px rgba(0,0,0,.2);}
.home-services .s-box .box a { display: flex; }
.home-services .s-box .box span { width: 50px; height: 50px; display: block; padding: 10px; background: #c31727; text-align: center; color: #fff;}
.home-services .s-box .box h5 { flex: 3; padding:15px 10px; margin-bottom: 0 }

.home-services .svg-inline--fa { font-size: 24px; }

h1:after, h2:after, h3:after{  position: absolute; bottom:-5px;right:0; left:0;height: 5px; background: #333; content: ''; width:100px; }


footer { background: #1D1D1B }
footer img { margin-bottom: 20px; }
footer p { color: #fff; }
footer ul { list-style: none; }
footer ul li { margin-bottom: 20px; }
footer ul li a { color: #fff; }
footer h4 { margin-bottom: 40px; }

.bottom { background: #141414 }

#menu-open { background:#999; width: 32px; height: 32px; z-index: 9999; position: relative; display: none; float: right;margin-top: 25px;background:url(../img/icon-menu.svg) center center no-repeat;border-radius: 2px;}
.open { background:url(../img/icon-close.svg) center center no-repeat !important; }

img.s-desktop {}
img.s-mobile { display: none !important; }

.page-top { background:url(../img/page-top.jpg) center center no-repeat; padding:250px 0 30px 0 }

.page-top h2 { color: #fff; margin-bottom: 0; }


.content img { margin-bottom: 20px; }

.sidebar-content { display: flex; }
.sidebar {flex: 1; max-width: 300px;}
.content { flex: 3; margin-right: 30px;}

.sidebar .side-menu { margin-bottom: 20px; }
.sidebar .side-menu ul { list-style: none; }
.sidebar .side-menu ul li a { display: block; padding: 10px 20px; border-bottom:1px solid #ebebeb; font-size: 18px; font-weight: 600; color: #1D1D1B; position: relative;}
.sidebar .side-menu ul li:last-child a { border-bottom:none; }

.sidebar .side-menu ul li.active a:before { content: '>'; position: absolute; left: 0;}

.sidebar .side-menu ul li a:hover, .sidebar .side-menu ul li.active a { color: #c31727;  padding-left: 20px;  }

.service-page h4 { color: #222; }
.service-page ul { list-style: none; }
.service-page ul li { color: #000; margin-bottom: 5px; }

.code-page h4 { margin-top: 40px; color: #000 }
.code-page { border-bottom:1px solid #ebebeb; }

.accordion h4 { color: #000; margin-bottom:0; padding:20px 20px 20px 40px; border-bottom:1px solid #ebebeb; background: url(../img/acc-open.svg) left center no-repeat; }
.accordion h4.ui-state-active {background: url(../img/acc-close.svg) left center no-repeat;}
.acc-content { padding:20px; }

.contact h5 { color:#000; margin-top: 20px; }
form label { color: #fff; }

.home-form footer h4 { color: #666 }

@media only screen and (max-width:990px) {

	img.s-desktop { display: none !important; }
	img.s-mobile { display:block !important; }
	#menu-open { display: block; width: 32px; height: 32px; }
	nav { display: none; }

	header .logo { float: none; margin-top: 20px;}
	header .header-right { float: none; text-align: center;}


	header .header-right .header-top a { padding: 10px 0; font-size: 11px;}

	header { position: relative; }

	.page-top { padding: 50px 0 }

	header nav { float: none; padding:0 20px; position:absolute; top:120px; left: 0; right: 0; background:#fff; z-index: 999}
	header nav ul li { display: block; text-align: center; }
	header nav ul li a { display: block; padding:15px 10px; font-size:20px; color:#333; }
	header nav ul li.active a:before, header nav ul li a:hover:before { display: none; }
	header .center { margin-top: 0;}


	.sidebar-content { display: block; }
	.sidebar {max-width:100%;}
	.content {margin-right: 0;}
	.sidebar img { width: 100%; }

	h1:after, h2:after, h3:after { display: none; }


}