:root {
    --theme-color:#014c76;
    --dark-color:#ff403f;
}

@font-face {
    font-family: 'Impact';
    src: local('Impact'),
        url('fonts/Impact.woff2') format('woff2'),
        url('fonts/Impact.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.breadcrumb {display:none;}

.thumbnails {margin: 0; padding: 0; list-style: none;}
.thumbnail {border-radius:0;}

.container-small {max-width:670px; margin:auto; padding:15px; border-radius:5px; background:#EEE;}

video {width: 100%; height: auto;}

.content-top .carousel-gallery-thumb + .carousel-gallery-thumb {margin-top:10px;}
.carousel-gallery-thumb + .carousel-gallery-thumb .swiper-slide {border:3px solid #FFF; opacity: 0.4;}
.carousel-gallery-thumb + .carousel-gallery-thumb .swiper-slide-active {opacity: 1;}
.carousel-gallery-thumb.swiper-viewport {background:transparent;}

.tab-pane .swiper-viewport.carousel-gallery {border:0; border-radius:0; box-shadow:none;}
.tab-pane .swiper-viewport.carousel-gallery .swiper-slide {border:3px solid #EEE;}
.tab-pane .swiper-viewport.carousel-gallery .swiper-button-prev, .tab-pane .swiper-viewport.carousel-gallery .swiper-button-next,
.tab-pane .swiper-viewport.carousel-gallery .swiper-button-next:before, .tab-pane .swiper-viewport.carousel-gallery .swiper-button-prev:before
{color:#000;}

.container-small .carousel-door-thumb {margin:0; padding:0; border:0; box-shadow:none; background:transparent;}
.container-small .carousel-door-thumb + .carousel-door-thumb {margin-top:10px;}
.carousel-door-thumb + .carousel-door-thumb .swiper-slide {border:3px solid #FFF; opacity: 0.4;}
.carousel-door-thumb + .carousel-door-thumb .swiper-slide-active {opacity: 1;}

#information-information .tab-content {padding:15px; border:1px solid #DDD; border-top:0;}

.product-thumb {border: 1px solid #DDD; text-align: center; padding: 10px; margin-bottom: 30px;}
.product-thumb .image img {margin:auto;}

.form-control, .form-control:focus {outline:none; box-shadow:none;}

body {font-family: 'Roboto', sans-serif; font-weight: 400; color: #666; line-height: normal; overflow-x: hidden; background:#FFF;}

.product-thumb h4,
a, a:active, a:focus, a:hover {color:var(--theme-color); text-decoration:none;}

body, .btn, .form-control {font-size: 18px;}

h1, h2, h3, h4, h5, h6 { margin-bottom:20px;}

.form-control, .btn {height:40px; border-radius:50px; line-height:38px; padding:0 20px;}

hr + .box {margin-top:50px;}

.btn-xs {font-size:14px; padding:0 10px; line-height:22px; height:24px;}
.btn, .btn.focus, .btn:focus, .btn:hover, .btn:active {box-shadow:none;}

.top-bar {padding:5px 0; background:#EEE;}
.top-bar .contact-info {line-height:40px;}
.top-bar ul {margin:0;line-height: 40px;}

#overlay-search .container {position:relative;}
#overlay-search {padding:5px 0;}
#overlay-search .btn-closed {display:block; position:absolute; font-size:12px; height:30px; width:30px; background:rgba(0,0,0,.5); color:#FFF; text-align:center; line-height:30px; border-radius:50px; top: 5px; right: -20px;}
#search {width: 100%; max-width:400px; position: relative; float:right; margin-right: 5px;}
.top-bar .btn, #search .btn, #search .form-control {border-radius:0;}
#search .form-control {padding:0 10px;}
#search .btn {position: absolute; right: 0; top: 0; padding: 0 15px;}

@media (max-width: 768px) {
    .body-header .logo img {margin:auto;}
	#address select{width:100% !important;}
	.box > .row h1, .box > h1,
.box > .row h2, .box > h2,
.box > .row h3, .box > h3,
.box > .row h4, .box > h4 {font-size:24px !important; margin-bottom:10px !important;}
.btn{margin-bottom:10px !important;}
#top-features, #ser
	{
		background-image:none !important;
		padding-left:20px !important;
	}
.navbar-toggle
	{
		float:none !important;
	}
#menu
	{
		text-align:center;
	}
	
}

#menu {margin-top:20px; margin-bottom:19px; border:0;}

.body-footer {background:var(--dark-color); padding:25px 0 25px 0;}
.body-footer h4 {font-size:24px;}
.copyrights {line-height:30px; font-size:14px;}
.copyrights .powerd {padding-top:15px; padding-bottom:15px;}
.copyrights ul {margin:0; line-height:90px;}

section {padding:25px 0;}
.section-image {background-size: 50% !important; background: #FFF no-repeat center left; position:relative; overflow:hidden; border: 10px solid #FFF;
    border-width: 10px 0;}
.section-image.right-image { background: #FFF no-repeat center right;}
.section-image:after {position: absolute; content: ""; width: 100px; background: #FFF; height: 200%; top: -50%; left: calc(50% - 50px); transform: rotate(-5deg); z-index:1;}
.section-image.right-image:after {transform: rotate(5deg);}
.section-image .container {position:relative; z-index: 2;}

.gray-section {background:#EEE;}

.full-width {width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;}

.content-top .swiper-viewport {margin:0; border:0; box-shadow:none; border-radius:0; background: transparent;}
.content-top .swiper-pagination {display:none;}

.box > .row h1, .box > h1,
.box > .row h2, .box > h2,
.box > .row h3, .box > h3,
.box > .row h4, .box > h4 {font-size:36px; padding:0; margin:0; margin-bottom:40px; color:black; position:relative;}
.box > .row h4, .box > h4 {font-size:24px;}

.box-content p {line-height:150%; margin-bottom:20px;}

.box > .row h4:before, .box > h4 {margin-bottom:20px;}
.box > .row h4:before, .box > h4:before {width:65px; height:50px; top:-10px; left:5px;}

.box + .box {margin-top:40px;}

.icon-box {font-size:60px;}

.carousel-services .swiper-slide {background:#EEE; position: relative; padding:30px;}
.carousel-services .swiper-slide:nth-child(odd) {background:#DDD;}

.carousel-services .swiper-slide .image {position: relative; padding-right: 20px; padding-bottom: 20px;}
.carousel-services .swiper-slide .image img {position: relative; border-radius:10px;}
.carousel-services .swiper-slide .image:before {position: absolute; content: ''; right: 0px; top: 20px; bottom: 0px; left: 20px; border-radius:10px; background: rgba(0,0,0,.5); box-shadow: 0 0 5px 5px rgba(0,0,0,.5);}
.carousel-services .swiper-slide  h4 {margin:0; margin-top:15px;}
ol.fancy-list {counter-reset: li; list-style: none; padding: 0; font-size: 16px;}
ol.fancy-list li span {position:relative; display: block; line-height: 2em;
    padding: 0 1em; margin: 1.5em 0;background: linear-gradient(-60deg, #092a52, #4d6c8f) !important; color: #fff; text-decoration: none; border-radius: .1em;}
ol.fancy-list li span:before {content: counter(li); counter-increment: li; position: absolute; left: -.5em; top: -.5em; background: #000; height: 3em; width: 3em; line-height: 2.4em; border: .3em solid #e9e9e9; text-align: center; font-weight: bold; border-radius: 2em; color:#FFF; display:none;}
ol.fancy-list li:nth-child(2n) span {background:linear-gradient(-60deg, #4d6c8f, #092a52) !important;}


#top-services, #top-gallery {background:#EEE; position:relative;}
#top-gallery:before {position: absolute; content: ''; left: 0px; height: 50%; width: 100%; bottom: 0; background: var(--dark-color) url(../images/pattern-2.png) left bottom; background-size: cover; z-index: 1;}
.swiper-viewport.carousel-gallery {background:transparent;}
.swiper-container.swiper-container-coverflow {padding:20px 0;}
.swiper-viewport.carousel-gallery .swiper-button-prev,
.swiper-viewport.carousel-gallery .swiper-button-next {text-shadow:none;}
.swiper-viewport.carousel-gallery, .swiper-viewport:hover .swiper-button-prev,
.swiper-viewport.carousel-gallery .swiper-viewport:hover .swiper-button-next {opacity:1;}

.page-title {position:relative; margin-bottom:30px; background:#EEE url(../images/bg-heading.jpg) no-repeat center top fixed; background-size:cover; min-height:100px;}
.page-title h1 {padding:0; margin:0; line-height:100px; font-size:36px; color:#000; overflow:hidden; height:100px; text-align:center;}

.content-description {margin-bottom:30px;}

#gallery-album .thumbnail img {display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden;}
#gallery-album .thumbnail .middle {transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; font-size:40px;}
#gallery-album .thumbnail:hover img {opacity: 0.7;}
#gallery-album .thumbnail:hover .middle {opacity: 1;}
#gallery-album .thumbnail h3 {margin: 0; padding: 0; text-align: center; font-size:16px; text-transform:uppercase; font-weight:800; line-height:40px;}

#album .thumbnail img {display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden;}
#album .thumbnail .middle {transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; font-size:40px;}
#album .thumbnail:hover img {opacity: 0.7;}
#album .thumbnail:hover .middle {opacity: 1;}
#album .thumbnail h3 {margin: 0; padding: 0; text-align: center; font-size:16px; text-transform:uppercase; font-weight:800; line-height:40px;}

.big-text {font-size:20px;}

.image-door {position:relative;}
.image-door img {width:100%;}
.image-door i.fa {height: 30px; width: 30px; text-align: center; line-height: 33px; border-radius: 50px; overflow: hidden; position:absolute;}
.image-door i.fa.plus-1 {left: -5px; top: 5px;}
.image-door i.fa.plus-2 {left: 70%; top: 15%;}
.image-door i.fa.plus-3 {top: 50%; left: 15%;}
.image-door i.fa.plus-4 {top: 70%; left: 53%;}
.image-door i.fa.plus-5 {top: 84%; left: 20%;}

.nav-tabs-center {border: 0; text-align: center; padding: 30px 35px; box-shadow: 0px 0px 15px rgba(0,0,0,0.08); margin-bottom:40px;}
.nav-tabs.nav-tabs-center>li {float: none;margin: 0; display: inline-block;}

.nav-tabs.nav-tabs-center>li.active>a:hover,
.nav-tabs.nav-tabs-center>li.active>a,
.nav-tabs.nav-tabs-center>li>a,
.nav-tabs.nav-tabs-center>li>a:hover {border:0; background: transparent; margin: 0; font-size: 24px; line-height: normal; padding: 0 20px;}

.footer-up .content,
#top-features .content {position: relative; padding: 15px 15px 15px 50px; border: 2px solid #d9dfd7; margin-bottom:30px; border-radius:30px;}
.footer-up .content h3,
#top-features .content h3 {margin:0; margin-bottom:10px;}
.footer-up .icon-box,
#top-features .icon-box {border: 2px solid #d9dfd7; border-radius:50px; font-size: 24px; position: absolute; left: -25px; background: #FFF; padding: 20px 10px; transition: all .5s ease; top:8px;}

.footer-up .icon-box {right: 20px; left: auto; top: -20px; padding: 10px 30px;}

#overlay-search,
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .footer-up .content:hover .icon-box,
#top-features .content:hover .icon-box, .image-door i.fa, #gallery-album .thumbnail h3, ol.fancy-list li span:before {background:var(--theme-color);}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover,
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {border-color:var(--theme-color);}
.footer-up .content:hover .icon-box,
#top-features .content:hover .icon-box, .image-door i.fa, .swiper-viewport.carousel-gallery .swiper-button-next:before, .swiper-viewport.carousel-gallery .swiper-button-prev:before, .body-footer, .body-footer a,
.page-title, .page-title a, #gallery-album .thumbnail h3, .btn, .btn.focus, .btn:focus, .btn:hover, .btn:active {color:#FFF;}


.btn, .btn.focus, .btn:focus, .btn:hover, .btn:active {background:var(--theme-color) !important;}
.btn, .btn.focus, .btn:focus, .btn:hover, .btn:active {border-color:var(--theme-color) !important;}
.body-footer h4,
.btn, .btn.focus, .btn:focus, .btn:hover, .btn:active {color:#FFF !important;}

#search .btn, #search .form-control {background:#FFF !important; border-color:#FFF !important;}
h1, h2, h3, h4, h5, h6,
#search .btn {color:var(--theme-color) !important;}

.footer-up .content:hover .icon-box,
#top-features .content:hover .icon-box {background:var(--dark-color); border-color:var(--dark-color);}
.copyrights img {
    margin-top: 10px;
    height: 70px;
}
div#self_div, div#other_div {
    padding: 40px;
    background-color: #e8eff2;
    float: left;
    width: 100%;
    margin-bottom: 14px;
}
.service-image {
    background-size: 62% !important;
    background: #FFF no-repeat -176px 60px;
    position: relative;
    overflow: hidden;
    border: 10px solid #fff;
    border-width: 10px 0;
}
.full-width-container {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}
.sr .content {
    padding: 15px 15px 15px 30px !important;
}
.sr .icon-box {
    top:2px;
    padding: 5px !important;
}
.sr .content h3
{
	margin-bottom:0 !important;font-size:18px;
}
form h2
{
	font-size:24px !important;
}
.bk
{
	background: #FD413F;
    padding: 0 10px;
    color: #fff;
    box-shadow: 0px 0px 2px 2px #024975;
}
.bk2
{
	background: #FD413F !important;
    padding: 10px 60px !important;
    color: #fff !important;
    box-shadow: 0px 0px 2px 2px #024975;
    border-radius: 0;
    height: 60px;
   
}
.bk:hover
{box-shadow:none;}
.bk a:hover
{background-color:#FD413F !important;}
.bk a{color:#fff;}
.panel-title
{
	font-size:18px !important;
}
label{font-weight:normal !important;}
#collapse-payment-address .form-control{width:auto; height:32px !important;}
b{font-weight:500 !important;}
#address select{width:46% !important;}