/* Reset default bootstrap/browser configuration */

body {
	color:#5E5E5E;
	font-family: "Lato";
	font-weight: 400;
}

a {
	color:#5949b6;
	&:hover {
			color:#5949b6;
	}	
}


	.sociallink {
		float:right;
		margin-top:25px;
		font-size:25px;
		margin-left:15px;
		svg {
			color:#e4352f;	
		}
	}

.top-nav {
	background: #DBDBDB;
	overflow:auto;

	a {
		color:#e4352f;
	}

	.text-center {
		@media(max-width:768px)
		{
			text-align:left!important;
		}

		@media(max-width:576px)
		{
			p {
				padding-bottom: 0px!important;
			}
		}

	}

	.welcome {
		@media(max-width:768px)
		{
			display: none;
		}
	}

	.toptext {
		font-size:14px;
		color:#717171;
		padding-top:10px;
		padding-bottom: 10px;
		margin-bottom: 0px;
		font-weight:300;

		@media(max-width:1200px) 
		{
			font-size:12px;
		}

		@media(max-width:576px)
		{
			text-align: center;
			&:last-child {
				padding:5px;
			}
		}

		svg {
			color:#316ecf;
		}
	}
}

/* Header / Lang / Nav etc */ 

#main-header {
	margin-bottom:40px;
	margin-top:30px;

	@media(max-width:990px)
	{
		margin-bottom: 20px;
	}
}

.userinfo {
	display:inline-block;
	font-size:13px;
}

.language-menu {
	display: inline-block;
	margin:10px 0px;
	font-size:13px;
	color:#d0d0d0;
	padding-right:0px;

	.lang-text {
		display:inline-block;
		float:left;
	}

	.drop-lang {
		display:inline;
		color:white;
		padding:10px 5px;
	}
}

/* Top menu */

.justify-content-end {
	@media(min-width:768px)
	{
		@media(max-width:990px)
		{
			justify-content:center!important;
		}
	}
}

.menu-top .menu-bar {
  color: #ED3535;
  text-align: right;
  width: 100%;
  border:1px solid #d0d0d0;
}

.menu-bar {
	span {
		color:#E73838;
		font-weight:700;
		padding:10px;
		margin-top:3px;
		margin-bottom:0px;
		float:left;
	}
}

@media (min-width: 768px) {
  .menu-top .menu-bar {
    display: none;
  }
}
.navbar {
	@media(max-width:768px)
	{
		width:100%;
		padding:0px;
	}
}
.menu-top {
	margin-top:35px;

	.nav-item {
		list-style: none;
		margin:0px;
		padding:0px;
		text-align: left;
	}

	.nav-link {
		padding:0px;
		padding-bottom:10px;
		margin-left:30px;
		position:relative;
		color:#5E5E5E;
		font-size:15px;

		@media(max-width:1200px)
		{
			margin-left:20px;
			font-size:12px;
		}
		@media(max-width:990px)
		{
			margin-left:0px;
			margin-right:20px;
		}

		@media(max-width:768px)
		{
			margin-right:14px;
			font-size:13px;
			padding: 10px 0px;
			border-bottom: 1px solid #d0d0d0;
		}

		svg {
			margin-right: 5px;
			font-size:16px;
			color:#DC2121;
			display:inline-block;
			margin-top:-2px;
		}

			&:after {
				height:3px;
				display:block;
				width:0%;
				transition:0.4s;
				content:" ";
				position:absolute;
				bottom:0px;
				margin-left: auto;
				margin-right: auto;
				left: 0;
				right: 0;

				@media(max-width:768px)
				{
					left:0px;
					margin-left:0px;
				}
			}	

		&:hover {
			
			&:after {
				width:100%;
				background:#D73737;
			}				
		}

	}

}

/* Sections */

.section-name {
	text-align:center;

	h2 {
		font-weight:600;
		text-transform: uppercase;
		color:#5849b2;
		margin:30px 0px 10px 0px;
		font-size:30vpx;
	}	

	h5 {
		text-transform: uppercase;
		font-size:13px;
		color:#6D6D6D;
		margin:10px 0px 40px 0px;
		font-weight:400;
	}
}


/* Home page content */


.carousel-caption {
	top:18%;

	@media(max-height:800px)
	{
		top:5%;
	}

	@media(max-height:720px)
	{
		top:5%;
	}

	@media(max-width:1400px)
	{
		top:10%;
	}
}


.carousel-indicators {
			@media(max-width:576px)
			{
				display: none;
			}	
}

	.innernb {
		color:#fff;


		h2 {
			font-size:51px;
			font-weight: 600;

			span {
				color:#e4352f;
				font-weight:800;
			}

			@media(max-width:1250px)
			{
				font-size:40px;
			}

			@media(max-width:990px)
			{
				font-size:30px;
			}

			@media(max-width:768px)
			{	
				margin-top:50px;
				font-size:40px;
			}

			@media(max-width:668px)
			{	
				margin-top:30px;

			}

			@media(max-width:576px)
			{	
				margin-top:0px;
			}

			@media(max-width:476px)
			{
				font-size:25px;
			}	

		}

		.secondbg {
			background:url('../img/borderright.png') right bottom no-repeat;
			padding:40px;

			@media(max-width:1200px)
			{
				padding:10px;
				background:transparent;
			}

		}

		.spacer {
			height:7px;
			width:300px;
			display:block;
			background:#fff;
			margin:0 auto;
			margin-top:30px;

			@media(max-width:768px)
			{
				display:none;
			}	
		}

		.arrowdown {
			transition: 0.4s;
			display:inline-block;

			@media(max-width:990px)
			{
				img {
					max-width:65%;
				}
			}

			@media(max-width:768px)
			{
				display:none;
			}	

			img {
				transition: 0.4s;
				border-radius:50%;
				padding:0px;
			}
			&:hover {
				padding-top:20px;
				img {
					box-shadow: 0px 0px 40px #d9d9d9;
					border-radius:50%;
				}
			}
		}

		.ddsc {
			font-size:24px;
			line-height: 30px;
			width:50%;
			font-style: italic;
			font-weight:300;
			margin:0 auto;
			background:url('../img/borderleft.png') left top no-repeat;
			margin-top:30px;

			@media(max-height:800px)
			{
				font-size:20px;
				width:60%;
			}

			@media(max-height:700px)
			{
				font-size:18px;
				width:70%;
			}

			@media(max-width:1400px)
			{
				font-size:18px;
				width:80%;
			}

			@media(max-width:1300px)
			{
				font-size:18px;
				width:90%;
			}

			@media(max-width:1200px)
			{
				background:none;
				padding:0px;
				margin-top:0px;
				font-size:17px;
				line-height: 26px;
			}

			@media(max-width:990px)
			{
				font-size:14px;
				line-height: 20px;
			}

			@media(max-width:768px)
			{
				display:none;
			}

		}
	}

.submenu {
	border-bottom:4px solid #e0e0e0;
	 		@media(max-width:768px)
		{
			border-bottom: 0;
		}

	ul {
		margin-bottom:-4px;
	}	

	svg{
		color: #E73838!important;
		float: right;
		margin-top: 10px;
	}


	li {
		border-bottom:4px solid #e0e0e0;
		transition: 0.5s;
		padding:25px 0px;


		@media(max-width:768px)
		{
			padding:7px 0px;
			border-bottom: 1px solid #fff;
		}

		.nav-link {
			font-size:10.5px;
			color:#585858!important;
			border-right:1px solid #d0d0d0;
			padding:0px 5px;

			@media(max-width:990px)
			{
				text-align: center;
			}
			@media(max-width:768px)
			{
				text-align: left;
				border-right: 0px;
				font-size:13px;
			}

		}

		&:hover {
			border-bottom:4px solid #e4352f;
		}
	}

	.navbar-toggler {
		border:0px;
		padding-left:0px;
		font-size:15px;
		padding-top:10px;
		padding-bottom:10px;
		width:100%;
		text-align:left;
		border:1px solid #d0d0d0;
		margin-top: 20px;
		border-radius: 0;		
		.navbar-toggler-icon {
			float:right;
			padding-top: 20px;
		}
	}

}


.beforemap {
	background:#e0e0e0;
	text-align: center;
	padding:30px;
	margin-bottom:50px;
	margin-top:50px;
	h3 {
		font-size:16px;
		color:#3a3939;

		a {
			float:right;
			margin-top:-20px;
			transition:0.5s;
			img {
				border-radius: 50%;
				transition: 0.2s;
			}
			&:hover {
				img {
					box-shadow: 0px 0px 12px #FFFFFF;
				}
			}

			@media(max-width:768px)
			{
				display: none;
			}
		}
	}
}

.dcontact {
background:url('../img/contact.jpg')center top;
padding:100px 0px;
color:white;

@media(max-width:990px)
{
	background-attachment: fixed;
}

	.cinfo {
		font-size:16px;
		font-weight:300;

		@media(max-width:990px)
		{
			font-size:13px;
		}

		h3 {
			font-size:35px;
			color:#fff;
			svg {
				color:#e53b35;
				font-size:50px;
			}
		}

		p {
			font-size:21px;
			font-weight:400;

		@media(max-width:990px)
		{
			font-size:14px;
		}

		@media(max-width:768px)
		{
			font-size:19px;
		}

		}

		.spacerred {
			display:block;
			width:90%;
			margin:10px 0px;
			height:1px;
			background:#e53b35;
		}
	}

}
 

.right-contact {

	.halfi {
		display:flex;

		@media(max-width:576px)
		{
			display:inherit;
		}

		input {
			margin-right:3%;
			width:47%;
			border:4px solid #fff;
			background:transparent;
			color:white;
			padding:14px;

		@media(max-width:576px)
		{
			width:97%;
			margin-top:10px;
			margin-right:3%;
		}

		}
	}

	textarea {
		margin-right:3%;
		width:97%;
		height:300px;
		margin-top:15px;
		border:4px solid #fff;
		background:transparent;
		color:white;
		margin-bottom:10px;
		padding:14px;

		@media(max-width:990px)
		{
			height:200px;
		}

	}

	.sendi {
		font-size:14px;
		font-weight:400;
		color:#fff;
		padding:14px;
		border: 0px;
		margin:0px;
		margin-top:10px;

		background:#e53b35;
		cursor:pointer;
		&:hover {
				opacity:0.7;
			}
	}

	.approval-text {
		font-size:13px;
		line-height:15px;
		margin-left:3px;
		color:#CFCFCF;
		display:inline-block;
		font-weight:normal;
		width: 90%;
	}

	h3 {
			font-size:35px;
			margin-bottom:30px;
			color:#fff;
			svg {
				color:#e53b35;
				font-size:50px;
			}
	}
}


.main-block {
	background:transparent;
	margin-top:60px;
	.aboutbg {
		background:#e0e0e0 url('../img/aboutbg.jpg') center no-repeat;
		transition:0.5s;

		@media(max-width:990px)
		{
			background:#e0e0e0 url('../img/aboutbg.jpg') center right -400px no-repeat;
		}
		@media(max-width:768px)
		{
			background:#e0e0e0;
		}

	}

	h4 {
		color:#fff;
		margin-top:40px;
		font-weight: 800;
		font-size:30px;
		padding-bottom:30px;
		svg {
			color:#2177ff;
		}
	}
}


.offer-block {
	background:transparent;
	margin-top:60px;
	.aboutbg {
		background:#e0e0e0 url('../img/aboutbg2.jpg') center no-repeat;
		transition:0.5s;
		@media(max-width:990px)
		{
			background:#e0e0e0 url('../img/aboutbg2.jpg') center left -400px no-repeat;
		}

		@media(max-width:768px)
		{
			background:#e0e0e0;
		}


	}

	h4 {
		color:#fff;
		margin-top:40px;
		font-weight: 800;
		font-size:30px;
		padding-bottom:30px;
		svg {
			color:#2177ff;
		}
	}
}

.inner-content {
	padding:50px;

	@media(max-width:990px)
	{
		height: auto;
		margin-bottom: 30px;
		padding-bottom:30px;
	}

	@media(max-width:768px)
	{
		padding:40px 10px;
	}

	.text-content {
		font-size:16px;
		line-height: 29px;
		color:#4f4d4d;

		@media(max-width:1200px)
		{
			font-size:13px;
			line-height: 20px;
		}
		@media(max-width:1200px)
		{
			font-size:14px;
			line-height: 24px;
		}

		@media(max-width:576px)
		{
			text-align: center;
		}

	}

	h3 {
		color:#363535;
		font-weight: 400;
		font-size:28px;
		position:relative;
		padding-bottom:18px;

		&:after {
			content:" ";
			width:100px;
			height:5px;
			background:#e4352f;
			display:inline-block;
			position:absolute;
			bottom:0px;
			left:0px;

			@media(max-width:576px)
			{
				left:0;
				right:0;
				margin:0 auto;
			}

		}

		@media(max-width:576px)
		{
			text-align: center;
		}

	}

	.linksabout {
		overflow:hidden;
		margin-top:10px;
		.findus {
			width:45%;
			float:left;
			padding:12px;
			text-align:center;
			color:#363535;
			border:2px solid #666666;
			margin-right:3%;
			text-decoration: none;
			transition: 0.1s;
			&:hover {
				opacity:0.7;
			}
			@media(max-width:576px)
			{
				font-size:11px;
			}

		}
		.aboutusm {
			width:45%;
			float:left;
			padding:12px;
			text-align:center;
			color:white;
			background: #e4352f;
			border:2px solid #e4352f;
			text-decoration: none;
			transition: 0.1s;
			&:hover {
				opacity:0.7;
			}
			@media(max-width:576px)
			{
				font-size:11px;
			}

		}
	}

}

.index-offer {
	margin-top:100px;
	margin-bottom:100px;
	text-align:center;

	.single-p {
		margin-bottom:50px;
		&:hover {
			.morei {
				span {
					opacity: 1;
				}
			}
			img {
				filter:blur(2px);
			}
			.morep {
				background:#e4352f;
				color:#fff;
			}	

		}
	}

	.morei {
		border:2px solid #dadada;
		display:inline-block;
		position:relative;
		span {
			position:absolute;
			top:120px;
			transition:0.5s;
			margin-left: auto;
			margin-right: auto;
			left: 0;
			right: 0;
			font-size:30px;
			font-weight:600;
			border:3px solid #e4352f;
			color:#e4352f;
			display:inline-block;
			opacity:0;
			width:70%;
			padding:10px 40px;
			text-decoration: none;
			@media(max-width:990px)
			{
				top:70px;
				font-size:17px;
				padding:10px 20px;
			}

			@media(max-width:768px)
			{
				top:40px;
			}

			@media(max-width:576px)
			{
				top:120px;
			}
		}
	}

	img {
		max-width:100%;
		transition: 0.4s;
	}


	.morep {
		display:block;
		width:70%;
		font-size:13px;
		margin:0 auto;
		margin-top:20px;
		padding:15px;
		background:#e0e0e0;
		color:#686868;
		text-transform: uppercase;
		text-decoration: none;
		transition: 0.4s;
		@media(max-width:990px)
		{
			width:100%;
			padding:15px 5px;
			font-size:12px;
		}

		@media(max-width:576px)
		{
			width: 60%;
		}

	}

}

.section-name {
	h2 {
		color:white;
		font-weight: 600;
		text-transform: none;
		font-size:46px;
		margin-bottom:10px;
	}
	h5 {
		font-size:17px;
		color:white;
		font-weight: 300;
		margin-top: 0px;
		text-transform: none;
	}
}

.logo {
	padding-top:20px;
	padding-bottom:20px;

	@media(max-width:990px)
	{
		text-align: center;
	}

	@media(max-width:430px)
	{
		padding-top:0px;
		padding-bottom:0px;
	}

	img {
		max-width: 80%;
		@media(max-width:430px)
		{
			max-width:70%;
			position:relative;
			top:20px;
		}
	}
}


.mores {
	background: url('../img/logom.jpg')left center no-repeat;
	text-align: right;

	a {
		color:#24548B;
		font-weight:600;
	}

	@media(max-width:576px)
	{
		background:transparent;
	}

}

.news-image {
	img {
	max-width:100%;
	}
}


/* Contact home */

.contact-home {
	margin-top:50px;
}


/* Footer */

#pagefooter {
	color:#A5A5A5;
	background: #FFFFFF;
}


.logof {
	margin-top:20px;
	img {
		max-width: 100%;
	}

	@media(max-width:768px)
	{
		text-align: center;
	}
}

.copyr {
	margin-top:40px;
	color:#A2A2A2;

	@media(max-width:990px){
		font-size:12px;
	}
	@media(max-width:768px)
	{
		text-align: center;
		margin-top:10px;
	}
}

.poweredby {
	margin-top:40px;
	a {
		color:#9F9F9F;
		text-decoration: none;
	}
	@media(max-width:768px)
	{
		text-align: center!important;
		margin-top:10px;
	}	
}



/* Page content */

.page-content {
	margin-top:40px;
	margin-bottom:40px;
	font-size:14px;
	min-height:550px;
	line-height:30px;


	.page-title {
		font-weight:300;
		border-bottom:1px solid #E8E8E8;
		padding-bottom:10px;
		margin-bottom:20px;
	}

	footer {
		margin-top:30px;
		border-top:1px solid #E2E2E2;
		padding-top:14px;

		.created {
			color:#858585;
			font-size:13px;
			margin-top:0px;
			margin-bottom:5px;

		}

		.modified {
			color:#A9A9A9;
			font-size:11px;
			margin-top:0px;
		}

	}

}

.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
    height:auto!important;
}
.no-video .video-container video,
.touch .video-container video {
    display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
}
.video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 500px;
    width: 100%;
    overflow: hidden;
    background: #000;
}
.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}
.video-container .filter {
    z-index: 100;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
}
.video-container video {
    position: absolute;
    z-index: 0;
    bottom: 0;
}
.video-container video.fillWidth {
    width: 100%;
}