@import "bootstrap.css";
@import "style.css";
@import "dark.css";
@import "font-icons.css";
@import "animate.css";
@import "magnific-popup.css";
@import "jquery.accordion.css";
@import "style-v4.css";
@import "responsive.css";

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

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

h1 {
	font-size:30px;
	color:#000;
	line-height:1.2;
	font-weight:700;
	background:url(../../images/title_border.png) no-repeat bottom center;
	padding-bottom:30px;
	margin-bottom:50px;
}
h2 {
	font-size:20px;
	color:#000;
	line-height:1.2;
	font-weight:700;
	margin-bottom:20px;
}

ul {
	margin:0;
	padding:0 !important;
}

p {
	margin-bottom:20px !important;
}

[data-content] > .clearfix {
	padding:0 !important;
}

.section {
	background-color:#fff;
}

#hotline {
	float:right;
}

#hotline img {
	transition:height 0.4s ease;
	-moz-transition:height 0.4s ease;
	-webkit-transition:height 0.4s ease;
	height:100px;
}

#header.sticky-header:not(.static-sticky) #header-wrap #hotline img {
	height:60px;
}

.content-wrap {
	padding:60px 0;
}

.white {
	color:#fff;
}
.black {
	color:#000;
}

.info_container {
	margin:0 -20px -20px 0;
}
.info_container .info_grid {
	background:#fff;
	padding:20px;
	float:left;
	width:calc(33.33% - 20px);
	margin:0 20px 20px 0;
	box-shadow:0 6px 15px #c6b2c3;
}

.padding-10 {
	padding:10px;
}

.shadow {
	box-shadow:0 6px 15px #dadada !important;
}

.pc_view {
	display:block;
}

.mobile_view {
	display:none;
}

.height-45 {
	height:45px;
}
.height-50 {
	height:50px;
}
.height-80 {
	height:80px;
}
.height-100 {
	height:100px;
}
.height-200 {
	height:200px;
}
.height-250 {
	height:250px;
}
.height-300 {
	height:300px;
}

.mb-0 {
	margin-bottom:0 !important;
}
.mb-10 {
	margin-bottom:10px;
}
.mb-20 {
	margin-bottom:20px;
}
.mb-30 {
	margin-bottom:30px;
}
.mb-60 {
	margin-bottom:60px !important;
}

.cutmargin {
	margin:0 !important;
}

#footer.dark {
	border:none;
	background-color:#a5005d;
}

.dark .widget h4 {
	color:#fff;
}

.dark #copyrights {
	background-color:#70003f;
	padding:30px 0;
	color:#fff;
	border-top:1px solid #9d3b73;
}

.dark .widget p, .dark .widget a, .dark .widget a:hover {
	color:#fff;
	opacity:1;
}

#footer .footer-widgets-wrap {
	padding:60px 0;
}

.button.button-3d {
	background-color:#c3905d !important;
	border:none;
	border-radius:none;
	text-transform:capitalize;
}
.button.button-3d:hover {
	background-color:#a5005d !important;
}

.principal_bg {
	background:url(../../images/principal.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	z-index:9;
	overflow:visible;
}

#ribbon {
	position:absolute;
	left:0;
	right:0;
	bottom:-8%;
	margin:0 auto;
	text-align:center;
}

.enquiry_bg {
	position:relative;
	z-index:1;
}

.slide_bg {
	background:url(../../images/slide_bg.jpg) no-repeat center;
	background-size:cover;
}

.slide_relative {
	height:150px;
	position:relative;
	padding:50px 0;
}
.slide_relative .slide_quote {
	position:relative;
	top:50%;
	transform:translateY(-50%);
}

.quote_open {
	width:49px;
	height:38px;
	background:url(../../images/open_quote.png) no-repeat center;
	background-size:contain;
	position:absolute;
	top:0;
	left:0;
}
.quote_close {
	width:49px;
	height:38px;
	background:url(../../images/close_quote.png) no-repeat center;
	background-size:contain;
	position:absolute;
	bottom:0;
	right:0;
}

.accordion_container {
	margin:0 -20px -20px 0;
}
.accordion_container .accordion_grid {
	float:left;
	width:calc(50% - 20px);
	margin:0 20px 20px 0;
}
.accordion_container .accordion_grid.right {
	float:right;
}
.accordion_border {
	border:1px solid #ebebeb;
	border-radius:10px;
}
.open {
	background:none !important;
}
[data-accordion] > [data-control]::after {
	right:auto;
	left:10px;
}
.accordion_border .accordion_title {
	border-bottom:1px solid #ebebeb;
	padding-left:40px;
}
.accordion .accordion_title.last {
	border-bottom:none;
}
.accordion.open .accordion_title.last {
	border-bottom:1px solid #ebebeb;
}
.accordion.open .accordion_info.first {
	border-bottom:1px solid #ebebeb;
}
.accordion .accordion_info ul li {
	color:#555;
}

.toggle.toggle-bg {
	border:1px solid #d5d5d5;
}
.toggle.toggle-bg .togglet {
	background-color:transparent;
	border-bottom:0px solid #d5d5d5;
}
.toggle.toggle-bg .toggleta {
	background-color:transparent;
	border-bottom:1px solid #d5d5d5;
}
.toggle.toggle-bg .togglec {
	padding:20px;
}
.first_accordion {
	border-radius:10px 10px 0 0;
	margin:0;
}
.toggle.toggle-bg.last_accordion {
	border-radius:0 0 10px 10px;
}

#primary-menu-trigger {
	display:none;
}

#whatsapp {
	position:fixed;
	bottom:120px;
	right:20px;
	z-index:99;
	cursor:pointer;
	opacity:0;
	transition:opacity, bottom 0.2s ease;
	-moz-transition:opacity, bottom 0.2s ease;
	-webkit-transition:opacity, bottom 0.2s ease;
}
#whatsapp img {
	transition:max-width 0.2s ease;
	-moz-transition:max-width 0.2s ease;
	-webkit-transition:max-width 0.2s ease;
	max-width:60px;
}

@media (max-width: 1200px) {
	
}

@media (max-width: 979px) {
	.height-300 {
		height:450px;
	}
	
	[data-content] > * {
		font-size:15px !important;
	}
	
	#ribbon {
		width:calc(100% - 40px);
	}
}

@media (max-width: 767px) {
	.pc_view {
		display:none;
	}
	
	.mobile_view {
		display:block;
	}
	
	#hotline_mobile {
		position:fixed;
		right:20px;
		bottom:30px;
		z-index:99999;
	}
	#hotline_mobile img {
		max-width:45px;
	}
	
	.info_container .info_grid {
		float:none;
		width:100%;
		margin:0 0 20px 0;
	}
	
	.slide_relative {
		height:250px;
	}
	
	.accordion_container {
		margin:0 0px -20px 0;
	}

	.accordion_container .accordion_grid, .accordion_container .accordion_grid.right {
		float:none;
		width:100%;
		margin:0 0 20px 0;
	}
	
	.info_container {
		margin:0 0px -20px 0;
	}
	
	.height-300 {
		height:400px;
	}
	
	#ribbon {
		bottom:-3%;
	}
	
	.mobile-pt-0 {
		padding-top:0 !important;
	}
	.mobile-pb-0 {
		padding-bottom:0 !important;
	}
	
	#whatsapp {
		bottom:100px;
		transition:bottom 0.2s ease;
		-moz-transition:bottom 0.2s ease;
		-webkit-transition:bottom 0.2s ease;
	}
	
	#whatsapp img {
		max-width:45px;
		transition:max-width 0.2s ease;
		-moz-transition:max-width 0.2s ease;
		-webkit-transition:max-width 0.2s ease;
	}
}

@media (max-width: 480px) {
	#ribbon {
		bottom:-2%;
	}
	
	.height-mobile-80 {
		height:80px !important;
	}
	
	.height-mobile-100 {
		height:100px !important;
	}
}