@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Top Bar
	3.2 Header Content
	3.3 Logo
4. Menu
5. Home
6. Boxes
7. About
8. Departments
9. Services
10. CTA
11. Footer



******************************/

/***********
1. Fonts
***********/

@font-face {
    font-family: "SVN-Poppins Bold";
    src: url("../fonts/SVN-Poppins-Bold.ttf");
}

@font-face {
    font-family: "SVN-Poppins Regular";
    src: url("../fonts/SVN-Poppins-Regular.ttf");
}

@font-face {
    font-family: "SVN-Poppins Medium";
    src: url("../fonts/SVN-Poppins-Medium.ttf");
}

/*********************************
2. Body and some general stuff
*********************************/

* {
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
body {
	font-family: 'SVN-Product Sans Regular', sans-serif;
}
div {
	display: block;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul {
	list-style: none;
	margin-bottom: 0px;
}
p {
	font-family: 'SVN-Poppins Regular', sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	color: #000000;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p:last-of-type {
	margin-bottom: 0;
}
a {
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
a, a:hover, a:visited, a:active, a:link {
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
a:hover {
	color: #D9A728 !important;
}
::selection {
	color: #E70000;
}
p::selection {
	
}
h1{font-size: 48px;}
h2{font-size: 36px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h1, h2, h3, h4, h5, h6 {
	font-family: 'SVN-Poppins Bold', sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
h1::selection, 
h2::selection, 
h3::selection, 
h4::selection, 
h5::selection, 
h6::selection {
	
}

@media (max-width: 991px) {
    .container {
        width: calc(100% - 10%) !important;
        padding: 0 15px;
        max-width: 100% !important;
        /* padding: 0 10% !important; */
    }

}

@media (min-width: 1200px) {
    .container {
        width: calc(100% - 10%) !important;
        max-width: 100% !important;
        /* padding: 0 10% !important; */
    }
}


@media(max-width: 990px) {
    .container {
        width: calc(100% - 5%) !important;
        padding: 0 15px;
        max-width: 100% !important;
        /*padding: 0 10% !important;*/
    }

}

@media(max-width: 580px) {
    .container {
        width: 100% !important;
    }

    .row {
        margin-left: -5px;
        margin-right: -5px;
    }

    .row>div {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.modal-full {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}

.modal-full .modal-content {
	height: 100%;
    border: 0;
    border-radius: 0;
}

.frm-search-modal input[type="text"]::placeholder {
	color: #ffffff;
}

img {
	max-width: 100%;
	height: auto;
}
section {
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.trans_300
{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.trans_400
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.trans_500
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.fill_height
{
	height: 100%;
}
.super_container
{
	width: 100%;
	overflow: hidden;
}
.prlx_parent
{
	overflow: hidden;
}
.prlx
{
	height: 130% !important;
}
.parallax-window
{
    min-height: 400px;
    background: transparent;
}
.nopadding
{
	padding: 0px !important;
}
.button
{
	display: inline-block;
	height: 51px;
	background: #283290;
}
.button::after
{
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: #20d34a;
	content: '';
	z-index: 0;
	-webkit-transition: all 400ms cubic-bezier(.33,.68,.59,.99);
	-moz-transition: all 400ms cubic-bezier(.33,.68,.59,.99);
	-ms-transition: all 400ms cubic-bezier(.33,.68,.59,.99);
	-o-transition: all 400ms cubic-bezier(.33,.68,.59,.99);
	transition: all 400ms cubic-bezier(.33,.68,.59,.99);
}
.button a
{
	display: block;
	position: relative;
	line-height: 51px;
	font-size: 14px;
	font-weight: 900;
	color: #FFFFFF;
	padding-left: 39px;
	padding-right: 45px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	z-index: 10;
}
.button:hover::after
{
	height: 100%;
}
.button:hover a
{
	color: #FFFFFF !important;
}


/*********************************
3. Header
*********************************/

.header {
	display: block;
	/*position: fixed;*/
	top: 0;
	left: 0;
	width: 100%;
	background: #FFFFFF;
	z-index: 100;
}

.header.scrolled {
	top: -48px;
}

.text-search i {
	color: #ffffff;
}

/*********************************
3.1 Top Bar
*********************************/

.top_bar
{
	width: 100%;
	background: #ffffff;
}
.top_bar_content
{
	width: 100%;
	height: 48px;
	padding-left: 214px;
}

.emergencies ul, .icon-social ul {
	display: flex;
}

.emergencies ul li {
	border-right: 1px solid #D4D4D4;
}

.emergencies ul li:last-child {
	border: 0;
}

.emergencies ul li a {
	color: #000000;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.2px;
	padding: 0 20px;
}

.emergencies ul li:first-child a {
	padding-left: 0;
}

.emergencies ul li:last-child a {
	padding-right: 0;
	font-family: 'SVN-Poppins Bold', sans-serif;
	font-size: 16px;
	color: #E70000;
}

.icon-social ul {
	padding-left: 15px;
}

.icon-social ul li {
	width: 26px;
	height: 26px;
}

/*********************************
3.2 Header Content
*********************************/

.header_container {
	width: 100%;
	background: #ffffff;
}
.header_content {
	width: 100%;
	height: 80px;
}
.header.scrolled .header_content {
	height: 80px;
}
.main_nav ul li {
	display: inline-block;
}
.main_nav ul li:not(:first-child)
{
	margin-left: 32px;
}
.main_nav ul li a
{
	font-size: 16px;
	font-weight: 700;
	color: #000000;
}
.hamburger
{
	display: none;
	cursor: pointer;
}
.hamburger i
{
	font-size: 24px;
	color: #272727;
}

/*********************************
3.3 Logo
*********************************/

.logo_container_outer
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.logo_container
{
	position: absolute;
	top: 0;
	left: 15px;
	width: 220px;
	height: 110px;
	padding: 24px;
	background: #FFFFFF;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
	border-radius: 0px 0px 16px 16px;
	z-index: 10;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.header.scrolled .logo_container {
	top: 48px;
	height: 120px;
}
.logo_container a
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.logo_content {
	width: 100%;
	height: 100%;
}

.logo
{
	margin-top: 27px;
}
.logo span
{
	color: #20d34a;
}
.logo_container a .logo:hover
{
	color: #283290;
}


/*********************************
4. Menu
*********************************/

.menu_container
{
	position: fixed;
	top: 0;
	right: -50vw;
	width: 50vw;
	height: 100vh;
	background: #FFFFFF;
	z-index: 101;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	visibility: hidden;
	opacity: 0;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.menu_container.active
{
	visibility: visible;
	opacity: 1;
	right: 0;
}
.menu
{
	position: absolute;
	top:150px;
	left: 0;
	padding-left: 20px;
}
.menu_inner
{
	width: 100%;
	height: 100%;
}
.menu_list
{
	-webkit-transform: translateY(1.5rem);
	-moz-transform: translateY(1.5rem);
	-ms-transform: translateY(1.5rem);
	-o-transform: translateY(1.5rem);
	transform: translateY(1.5rem);
	-webkit-transition: all 1000ms 400ms ease;
	-moz-transition: all 1000ms 400ms ease;
	-ms-transition: all 1000ms 400ms ease;
	-o-transition: all 1000ms 400ms ease;
	transition: all 1000ms 400ms ease;
	opacity: 0;
}
.menu_container.active .menu_list
{
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
}
.menu_item
{
	margin-bottom: 10px;
}
.menu_item a
{
	font-family: 'SVN-Poppins Bold', sans-serif;
	font-size: 36px;
	color: #272727;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_item a:hover
{
	color: #ffb606;
}
.menu_close_container
{
	position: absolute;
	top: 86px;
	right: 79px;
	width: 21px;
	height: 21px;
	cursor: pointer;
	z-index: 10;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menu_close
{
	top: 9px;
	width: 21px;
	height: 3px;
	background: #3a3a3a;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_close::after
{
	display: block;
	position: absolute;
	top: -9px;
	left: 9px;
	content: '';
	width: 3px;
	height: 21px;
	background: #3a3a3a;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_close_container:hover .menu_close,
.menu_close_container:hover .menu_close::after
{
	background: #20d34a;
}
.menu_extra
{
	position: absolute;
	left: 0;
	bottom: 0;
	padding-left: 15%;
	padding-bottom: 25px;
}
.menu_appointment a
{
	font-size: 13px;
	color: #283290;
}
.menu_emergencies
{
	font-size: 13px;
	color: #272727;
}
.button_custom{
	background-color: #D9A728;
	color: #ffffff !important;
}
.button_custom:hover{
	color: #ffffff !important;
}



/*********************************
5. Home
*********************************/

.mg-top-40{
	margin-top: 40px;
}
.image_background{
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.main_container{
	padding: 60px 0px;
}
.container_background{
	background-color: #F8F8F8;
}

.swiper {
  width: 100%;
  height: 100%;
}


.swiper-pagination-bullet{
	width: 15px !important;
	height: 15px !important;
}
.swiper-pagination-bullet{
	background-color: #ffffff !important;
	opacity: 1 !important;
}
.swiper-pagination-bullet-active{
	background-color: #D9A728 !important;
}
.swiper-button-next, .swiper-button-prev, .swiper-button-disabled{
	color: #000000 !important;
	opacity: 1 !important;
}
.swiper-button-next{
	right: var(--swiper-navigation-sides-offset,-30px) !important;
}
.swiper-button-prev{
	left: var(--swiper-navigation-sides-offset,-30px) !important;
}
.banner{
	position: relative;
}
.content_banner *{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #ffffff;
	font-size: 36px;
	font-weight: 700;
	line-height: 46px;
	text-align: center;
}
.banner img{
	width: 100%;
}

/*********************************
5. Service
*********************************/
.section_title h2{
	font-size: 32px;
	font-weight: 700;
	color: #353535;
	line-height: 40px;
	text-transform: uppercase;
}

.group_servive{
	margin-top: -98px;
}
.servive_col{
	display: flex;
	justify-content: center;
}
.item_service{
	width: 170px;
	height: 170px;
	border-radius: 50%;
	background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
	box-shadow: inset 5px -8px 0px #D9A728;
	transition:  ease .8s;
}
.item_service:hover{
	background: linear-gradient(180deg, #D9A728 0%, #A47A12 100%);
}
.item_service:hover p{
	color: #ffffff;
}

#tab_product{
	margin-top: 40px;
}

#tab_product .nav-item{
	margin: 0px 40px;
	
}
#tab_product .nav-item .nav-link{
	padding: 12px 40px !important;
	border-radius: 30px;
	color: #959595;
	background-color: #EFEFEF;
}
#tab_product .nav-item .nav-link.active{
	color: #ffffff !important;
	background-color: #D9A728;
}
.cart_items{


}
.title_cart{
	font-size: 15px;
	font-weight: 700;
	line-height: 24px;
	color: #000000;
}

.price_cart{
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
	color: #FF3D3D;
}


/*********************************
5. List Fenural 
*********************************/


.short_description{
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #353535;
}


/*********************************
5. List Blog 
*********************************/
.date_blog{
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	font-style: italic;
	color: #D9A728;
}
.title_blog{
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	color: #000000;
}
.short_description_blog{
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	color: #1C1C1C;
}



/*********************************
5. Footer
*********************************/


.footer{
	color: #ffffff !important;
	background: linear-gradient(180deg, #D9A728 0%, #B78812 100%);
}
.footer *{
	color: #ffffff;
}
.footer-col-3{
	justify-content: center;
}
.footer_phone{
	font-family: 'Roboto';
	font-size: 32px;
}
.follow .follow_items{
	border: 1px solid;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
}

.follow .follow_items:hover{
	background-color: #ffffff;
}

.list li{
	font-family: 'SVN-Poppins Regular', sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
	margin-bottom: 20px;
}
.list li a:hover{
	color: #E1251B !important;
}

.form-contact input{
	width: 100% !important;
}
.form_input{
	padding: 4px 0px;
}
.form_input .form-control{
	padding: 9px 24px;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	border: none;
	color: #ffffff;
	background: rgba(255, 255, 255, 0.25);
}
.form_input .form-control::placeholder{
	color: #ffffff;
}
.form_input .forservice_containerm-control:focus{
	box-shadow: 0 0 0 0.2rem rgba(255,255,255,.25);
	border-color: #ffffff !important;
}
.form-contact button{
	background-color: #E1251B !important;
}

.footer-col-1 img{
	object-fit: contain;
}
.footer-2{
	border-top: 1px solid rgba(255, 255, 255, 0.35);
}