@import url("generic.css");
@import url("top-menu.css");
@import url("slideshow-carousel.css");


/*===== GENERIC =*/
::selection {/* WebKit/Blink Browsers */
	background: #9885c7; 
	color:#fff;
}
::-moz-selection {/* Gecko Browsers */
	background: #9885c7; 
	color:#fff;
}

body {
	font-family: "Lexend", sans-serif;
	font-size:18px;
	line-height:28px;
	font-weight:300;
	color:#54595f;
	background:#fff;
	letter-spacing:normal;
}
a, a:focus,
a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):hover {color:#9885c7;}
a:hover {color:#1f1b26;}

a.moreInfo {color:#c6d2eb;}
a.moreInfo span {
	left: 50%;
	width: 0;
	border-bottom-color:#c6d2eb;
}
a.moreInfo:hover span {
	width: 100%;
	left:0;
}

p {
	padding:0;
	margin:0 0 3vh 0;
}

.btn {
	font-size:15px;
	line-height:22px;
	font-weight:500;
	padding:20px 30px;
	min-width:230px;
	text-transform:uppercase;
		-webkit-border-radius:4px;
	border-radius:4px;
}
.btn:hover, .btn:focus, .btn.focus, .btn:active:focus {
    box-shadow: none !important;
}
.Theme.btn {
	background:#9885c7;
	color:#fff;
}
.Theme.btn:hover, 
.Theme.btn:focus, 
.Theme.btn.focus {
	background:#1f1b26;
	color:#fff;
}

.Theme.btn.Dark {background:#1f1b26;}
.Theme.btn.Dark:hover, 
.Theme.btn.Dark:focus, 
.Theme.btn.Dark.focus {background:#9885c7;}

.Theme.btn.AnchorBtn a {
	color:#fff;
	padding:20px 30px;
}
.Theme.btn:hover.AnchorBtn a {color:#fff;}


/***** Loader */
#preloader { background-color: #fff;}
#status {
    width:80px;
    height:80px;
    margin: -40px 0 0 -40px;
}
#status:before {display:none;}

.topBtn a { border-radius: 5px;}
.topBtn a::before {background: #9885c7 !important;}

.FormWrapper label {
	color:#fff;
	font-size:16px;
	line-height:20px;
	margin-bottom:6px;
	font-weight:400;
}

.form-control {
	padding:20px;
	font-size:16px;
	line-height:22px;
	color:#1f1b26;
	font-weight:500;
	border-color:#e5e0f1;
		-webkit-border-radius:5px;
	border-radius:5px;
}

.FieldWrapp {
	background:#f9f8fc;
		-webkit-border-radius:5px;
	border-radius:5px;
}
.FieldWrapp label {
	font-size:15px;
	line-height:22px;
	color:#9e9ca4;
	font-weight:400;
	top:20px;
	left:20px;
}

.FieldWrapp input:focus + label,
.FieldWrapp textarea:focus + label {
	top:-20px;
	left:0px;
	color:#1f1b26;
}
.FieldWrapp input.not_empty,
.FieldWrapp textarea.not_empty {
	background:#f2f0f8;
	border-color:#9885c7;
}

@media All and (max-width:760px) {
	.btn {
		font-size:12px;
		padding:10px 15px;
		min-width:140px;
	}
	.Theme.btn.AnchorBtn a {padding:10px 15px;}
	
	.form-control {
		font-size:12px;
		padding: 10px 15px;
	}
	.FieldWrapp label {
		font-size:12px;
		top:10px;
		left:15px;
	}
	.FieldWrapp input:focus + label,
	.FieldWrapp textarea:focus + label {
		top:-15px;
	}
}



/****************************************
	Layout
****************************************/
	.MainWrapper {
		max-width:1320px;
		display:block;
		margin:0px auto;
		position:relative;
	}


	/**===== TOP HEADER ==**/
	#TopHead {
		width:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:1001;
		height:auto !important;
	}
	#TopHeadHeightFixed { height:160px;}

	/*#TopHead .MainWrapper {
		margin:0 60px;
		max-width:100%;
	}*/

	#TopHead .BotmRow { background:#f2f0f8;}
	
	#TopHead .Logo {
		float:left;
		margin-top:15px;
		margin-bottom:20px;
	}
	#TopHead .Logo img { height:70px;}
	

@media All and (min-width:991px) {	
	#TopHead.th_active .Logo {
		margin-top:10px;
		margin-bottom:10px;
	}
	#TopHead.th_active .Logo img { height:58px;}
	
	#TopHead.th_active .BotmRow {
			-webkit-box-shadow:0 10px 35px 0 rgba(0, 0, 0, 0.1);
		box-shadow:0 10px 35px 0 rgba(0, 0, 0, 0.1);
	}
}



	/*===== HEADING STYLE ==*/
	.TitleStyle {
		position:relative;
		text-align:center;
		margin:0 auto 5vh;
	}

	.TitleStyle .Top {
		font-size:20px;
		line-height:25px;
		font-weight:700;
		color:#9885c7;
		position:relative;
		margin-bottom:15px;
		letter-spacing:1px;
	}

	.TitleStyle .Bottom {
		font-size:50px;
		line-height:55px;
		font-weight:700;
		color:#1f1b26;
	}
	

	.SubHeading {
		font-size:28px;
		line-height:34px;
		font-weight:500;
		color:#1f1b26;
		position:relative;
		margin-bottom:15px;
	}
	.SubHeading2 {
		font-size:21px;
		line-height:26px;
		font-weight:500;
		color:#1f1b26;
		position:relative;
		margin-bottom:10px;
	}



	/**===== BODY CONTENTS ==**/
	.FullWrapper, .LightWrapper,
	.ParallaxWrapp > div {
		position:relative;
		padding:10vh 0 8vh 0;
	}
	.FullWrapper { background:#fff;}
	.LightWrapper { background:#f2f0f8;}

	.ParallaxWrapp {color:#fff;}
	.ParallaxWrapp > div { background:rgba(0,0,0,.65);}
	
	
	
	/*===== DESIGN LAYOUT ==*/
	.SquareBoxes > .row >* { margin-bottom:3vh;}
	.SquareBoxes .Box[data-ratio]>* {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		padding: 20px;
	}
	
	.SquareBoxes .Box[data-ratio="1"] {
		border:1px solid #e5e0f1;
		position:relative;
			-webkit-border-radius:20px;
		border-radius:20px;
		padding-top: 100%;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	
	.SquareBoxes .Box .Title {
		font-size: 18px;
		line-height: 22px;
		color: #1f1b26;
		font-weight: 500;
		text-transform:uppercase;
	}
	.SquareBoxes .Box img {
		height:120px;
		margin-bottom:20px;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	
	.SquareBoxes .Box:hover[data-ratio="1"] { background:#f9f8fc;}
	.SquareBoxes .Box:hover img {
			-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
	
	.ImgRound {
			-webkit-border-radius:20px;
		border-radius:20px;
	}
	
	
	#about-us > .MainWrapper > .row {
		margin-left:-30px;
		margin-right:-30px;
	}
	#about-us > .MainWrapper > .row >* {
		padding-left:30px;
		padding-right:30px;
	}
	
	#about-us .ImagesColum {
		position:relative;
		/*padding-left:30px;*/
	}
	
	#about-us > .MainWrapper > .row >*,
	#about-us .ImagesColum>.row>* {
		display:flex;
		flex-direction:column;
		justify-content:center;
	}
	
	#about-us .ImagesColum .Box {
		position:relative;
		background-color:#000;
		overflow:hidden;
		color:#fff;
			-webkit-border-radius:20px;
		border-radius:20px;
		margin-bottom:3vh;
	}
	#about-us .ImagesColum .Box a > img {
		width:100%;
		opacity:0.4;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	
@media All and (min-width:1199px) {
	#about-us .ImagesColum .Box:hover a > img {
		opacity:0.75;
		transform:scale(1.1);
	}
}
	
	#about-us .ImagesColum .Box .Overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		padding:32px;
	}
	#about-us .ImagesColum .Box .Overlay .SubHeading {
		color:#fff;
		margin:0;
		font-size:25px;
		line-height:26px;
	}
	
	
	#services .Upper { margin-bottom:6vh;}
	#services .Upper>.row>* {
		/*display: flex;
		flex-direction: column;
		justify-content: flex-start;
		position:relative;*/
	}
	/*#services .Upper .TitleStyle { margin-bottom:0;}*/
	
	#services .Upper .Desc {
		position:relative;
		height:100%;
	}
	
	#services .Serv > .row {
		margin-left:-20px;
		margin-right:-20px;
	}
	#services .Serv > .row >* {
		padding-left:20px;
		padding-right:20px;
	}
	
	#services .Serv .Box {
		position:relative;
		margin-bottom:3vh;
	}
	#services .Serv .Box .Img {
		position:relative;
		overflow:hidden;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
		margin-bottom:30px;
			-webkit-border-radius:20px;
		border-radius:20px;
	}
	#services .Serv .Box .Img img {
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	#services .Serv .Box .SubHeading {
		text-transform:uppercase;
		font-weight:600;
	}
	
	#services .Serv .Box .Link {
		font-weight:500;
		color:#9885c7;
	}
	
	#services .Serv .Box:hover .Img img {
			-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	
	#services .Serv .Box .Tagline {
		font-size:16px;
		line-height:18px;
		font-weight:500;
		color:#9885c7;
		text-transform:uppercase;
		margin-bottom:10px;
	}
	
	
	#services .BannerRow {
		background:#9885c7;
		padding:30px 50px;
			-webkit-border-radius:20px;
		border-radius:20px;
		margin-top:100px;
		margin-bottom:3vh;
		color:#000;
		font-weight:500;
	}
	#services .BannerRow a { color:#000;}
	
	#services .BannerRow > .row >* {
		/*display: flex;
		flex-direction: column;
		justify-content: center;*/
	}
	#services .BannerRow .TitleStyle { margin-bottom:15px;}
	#services .BannerRow .TitleStyle .Top,
	#services .BannerRow .TitleStyle .Bottom { color:#fff;}
	
	#services .BannerRow .Img {
		position:absolute;
		top:-110px;
		right:0;
	}
	
	
	#Parallax_Banner.ParallaxWrapp > div {
		padding-top:18vh;
		padding-bottom:18vh;
	}
	#Parallax_Banner .TitleStyle .Bottom { color:#fff;}
	
	#Parallax_Banner .WatchBtn { margin-bottom:4vh;}
	.WatchBtn {
		margin: 0 auto;
		position:relative;
	}
	.WatchBtn button[type=button]{
		background:transparent;
		border:12px solid rgba(255,255,255,0.3);
			-webkit-border-radius: 50px;
		border-radius: 50px;
		text-align: center;
		height: 100px;
		width: 100px;
		line-height: 72px;
		padding-left: 14px;
		text-align:center;
		position:relative;
		z-index:1;
	}
	.WatchBtn button[type=button] svg {
		fill:#fff;
		height:30px;
	}
	
	@keyframes rotation{
		0% {transform:rotate(0);}
		100% {transform:rotate(360deg);}
	}
	
	.WatchBtn button[type=button]:before {
		content: "";
		position: absolute;
		z-index: 0;
		left: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
		background-color: rgba(152,133,199,1);
			-webkit-border-radius: 50%;
		border-radius: 50%;
			-webkit-animation: pulse-border 1500ms ease-out infinite;
		animation: pulse-border 1500ms ease-out infinite;
		z-index: -2;
	}
	
	@keyframes pulse-border {
		0%{transform:scale(1);opacity:.25}
		100%{transform:scale(2);opacity:0}
	}
	@-webkit-keyframes pulse-border {
		0%{transform:scale(1);opacity:.25}
		100%{transform:scale(2);opacity:0}
	}
	
	
	#AboutVideo.MyBox .modal-dialog {
		text-align: center;
		max-width: 60%;
	}
	#AboutVideo.MyBox .modal-content { background:transparent;}
	
	
	#contact-us > .MainWrapper > .row {
		margin-left:-40px;
		margin-right:-40px;
	}
	#contact-us > .MainWrapper > .row>* {
		padding-left:40px;
		padding-right:40px;
	}
	
	#contact-us .Info {
		font-weight:500;
		margin-bottom:20px;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	
	#contact-us .Info a {
		width:100%;
		height:100%;
		color:#1f1b26;
		padding:0;
		display:block;
	}
	#contact-us .Info:hover a,
	#contact-us .Info:hover .SubHeading2,
	#contact-us .Info .SubHeading2 { color:#9885c7;}
	
	#contact-us .Info .Icon {
		width: 60px;
		height: 60px;
		background: #9885c7;
			-webkit-border-radius: 5px;
		border-radius: 5px;
		padding: 13px;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	#contact-us .Info .SubHeading2 { margin-bottom:3px;}
	#contact-us .Info:hover .SubHeading2 { color:#1f1b26;}
	#contact-us .Info:hover .Icon {background: #1f1b26;}
	
	
	#contact-us .Info table tr td:last-child { padding-left:20px;}

	
	/*===== SUBPAGES ==*/
	.SubpageWrapper>.MainWrapper>.row {
		margin-left:-30px;
		margin-right:-30px;
	}
	.SubpageWrapper>.MainWrapper>.row>*{
		padding-left:30px;
		padding-right:30px;
	}
	@media All and (max-width:1199px) {
		.SubpageWrapper>.MainWrapper>.row {
			margin-left:-15px;
			margin-right:-15px;
		}
		.SubpageWrapper>.MainWrapper>.row >*{
			padding-left:15px;
			padding-right:15px;
		}
	}

	.PageTitle {
		background-color:#000;
		background-attachment:fixed;
		background-repeat:no-repeat;
		background-position:center center;
			-webkit-background-size:cover;
		background-size:cover;
		position:relative;
			-webkit-border-radius:30px;
		border-radius:30px;
		overflow:hidden;
		z-index:1;
		text-align:center;
	}
	.PageTitle>div {
		height:100%;
		width:100%;
		padding-top:20vh;
		padding-bottom:20vh;
		background: rgba(0,0,0,0.6);
	}
	.PageTitle .TitleStyle { margin-bottom:0;}
	.PageTitle .TitleStyle .Top { color:#fff;}
	.PageTitle .TitleStyle .Bottom { color:#fff;}

	@media All and (max-width:1024px) {
		.PageTitle { background-attachment:scroll;}
	}
	
	
	.videoWrap { margin-bottom:30px;}
	.videoWrap .kon_video {
		width: 100%;
			-o-object-fit: cover;
		object-fit: cover;
			-webkit-border-radius: 20px;
		border-radius: 20px;
	}

	.VideoFrame {
		position:relative;
		width:100%;
		height:0;
		padding-bottom:56.25%;
	}
	.VideoFrame iframe,
	.VideoFrame video {
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		margin:0;
		border:0;
	}
	
	.hosted-video,
	.hosted-video video {
		width:100%;
		height:auto;
		object-fit:cover;
	}
	
	
	.TableWrapper .table {
		width: 100%;
		margin-bottom: 0;
		color: inherit;
	}
	
	.TableWrapper .table > thead > tr > th {
		background: #1f1b26;
		font-size:15px;
		color: #fff;
		line-height:18px;
		font-weight:400;
		vertical-align: middle;
		padding:12px 15px;
		border:none;
		border-right:1px solid #fff;
	}
	.TableWrapper .table > thead > tr > th:last-child { border-right-color:#1f1b26;}
	
	.TableWrapper .table > tbody > tr > td {
		padding:12px 15px;
		border-top:none;
		border-bottom:1px solid #e5e0f1;
		border-left:1px solid #e5e0f1;
		color:#333;
	}
	.TableWrapper .table > tbody > tr > td:last-child { border-right:1px solid #e5e0f1;}
	
	
	#ImgSlider .carousel-control-next,
	#ImgSlider .carousel-control-prev {
		width: 50px;
		height:50px;
		background:#1f1b26;
		opacity:1;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
		top:50%;
		margin-top:-25px;
			-webkit-border-radius:25px;
		border-radius:25px;
	}
	#ImgSlider .carousel-control-next {right: 15px;}
	#ImgSlider .carousel-control-prev {left: 15px;}
	
	#ImgSlider .carousel-control-next:hover,
	#ImgSlider .carousel-control-prev:hover { background:#9885c7;}
	
	#ImgSlider .carousel-control-next-icon,
	#ImgSlider .carousel-control-prev-icon {
		display: inline-block;
		width: 20px;
		height: 40px;
		background-repeat:no-repeat;
		opacity:0;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	
	#ImgSlider .carousel-control-next-icon {
		background:url(../images/icons/next.svg);
		background-size: 45%;
		background-repeat: no-repeat;
		background-position: center;
		opacity:1;
		margin-left:4px;
	}
	#ImgSlider .carousel-control-prev-icon {
		background:url(../images/icons/prev.svg);
		background-size: 45%;
		background-repeat: no-repeat;
		background-position: center;
		opacity:1;
		margin-right:4px;
	}
	
	#ImgSlider .carousel-control-prev-icon::before,
	#ImgSlider .carousel-control-next-icon::before { display:none;}


	/*===== FOOTER ==*/
	#Footer {
		background:#1f1b26;
		font-size:15px;
		line-height:22px;
		padding-top:50px;
		padding-bottom:50px;
		text-align:center;
		color:#fff;
		font-weight:300;
	}
	#Footer a { color:#9885c7;}
	#Footer .Inline {display: inline-block;}
	#Footer .Hide {padding: 0 10px;}
	
	
	
	/*== 6 - ACCORDION ==*/
	.toggle-accordion {
	  float: right;
	  font-size: 16px;
	  color: #0e172b;
	}
	.toggle-accordion:before {content: "Expand All";}
	.toggle-accordion.active:before {content: "Collapse All";}
	
	.arrows {float:right;}
	
	.AccordionWrapp .card {
		background:none;
		border:none;
		border-radius:0;
		margin-bottom:10px;
	}
	.AccordionWrapp .card-header {
		background:none;
		border:none;
		padding:0;
		margin:0;
	}
	.AccordionWrapp button[data-toggle="collapse"].collapsed {/* Normal */
		background-color:#f5f5f5;
		color:#0e172b;
		border-color:#0e172b;
			-webkit-transition: 0.5s ease;
		transition: 0.5s ease;
	}
	
	.AccordionWrapp button[data-toggle="collapse"]:hover.collapsed { /* Hover */
		background-color:#eee;
		color:#999;
		/*border-color:#999;*/
			-webkit-transition: 0.5s ease;
		transition: 0.5s ease;
	}
	
	.AccordionWrapp button[data-toggle="collapse"],
	.AccordionWrapp button[data-toggle="collapse"]:hover{ /* Active */
		font-size:14px;
		line-height:20px;
		color:#fff;
		background-color:#0e172b;
		padding:12px 20px;
		display:block;
		border:none;
		border-left:4px solid #555;
		width:100%;
		text-align:left;
	}
	
	.AccordionWrapp button[data-toggle="collapse"] i { /* Active */
		position: absolute;
		top: 12px;
		right: 12px;
		font-size: 20px;
		line-height: 20px;
		color: #fff;
	}
	
	.AccordionWrapp button[data-toggle="collapse"] i::before {
		content:'\02715';
		font-style:normal;
	}
	.AccordionWrapp button[data-toggle="collapse"].collapsed i::before {
		content:'\02630';
		font-style:normal;
	}
	
	.AccordionWrapp .card-body {
		background:#f5f5f5;
		padding:30px;
	}

	.AccordionWrapp .card {
		margin-bottom: 15px;
	}
	.AccordionWrapp button[data-toggle="collapse"],
	.AccordionWrapp button[data-toggle="collapse"]:hover {
		font-size: 17px;
		line-height: 22px;
		font-weight: 500;
		color: #0e172b;
		background-color: transparent;
		padding: 20px;
		border: 1px solid #e5e0f1;
		border-bottom-color:transparent;
			-webkit-border-radius: 10px 10px 0 0;
		border-radius: 10px 10px 0 0;
		position:relative;
	}
	.AccordionWrapp button[data-toggle="collapse"].collapsed {
		background-color: transparent;
		color: #1f1b26;
		border-color: #e5e0f1;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
			-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	.AccordionWrapp button[data-toggle="collapse"]:hover.collapsed {
		background-color: #f2f0f8;
		color: #9885c7;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	
	.AccordionWrapp button[data-toggle="collapse"] i {
		top: 50%;
		margin-top:-20px;
		color: #e5e0f1;
	}
	.AccordionWrapp button[data-toggle="collapse"].collapsed i {
		color: #e5e0f1;
		margin-top:-10px;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	
	.AccordionWrapp .card-body {
		background: transparent;
		padding: 0 20px 20px 20px;
			-webkit-border-radius: 0 0 10px 10px;
		border-radius: 0 0 10px 10px;
		border: 1px solid #e5e0f1;
		border-top-color: transparent;
	}




/****************************************
	MEDIA QUERIES
****************************************/

/***** for 1400px or less ===========*/
@media All and (max-width:1480px) {
	.MainWrapper {
		margin:0px 5%;
		max-width:100%;
	}
}


/***** for 1280px or less ===========*/
@media All and (max-width:1280px) {
	.TitleStyle .Bottom {
		font-size: 40px;
		line-height: 48px;
	}
	
	#TopHeadHeightFixed {height: 130px;}
	
	#about-us > .MainWrapper > .row {
		margin-left:-15px;
		margin-right:-15px;
	}
	#about-us > .MainWrapper > .row >* {
		padding-left:15px;
		padding-right:15px;
	}
}

@media All and (max-width:1199px) {
	.MainWrapper,
	#TopHead .MainWrapper {
		margin: 0 20px;
	}
	
	#about-us .ImagesColum .Box .Overlay {
		padding: 15px;
	}
	
	#services .Serv > .row {
		margin-left:-15px;
		margin-right:-15px;
	}
	#services .Serv > .row >* {
		padding-left:15px;
		padding-right:15px;
	}

	#services .Upper>.row>* { display:block;}
	
	#about-us .ImagesColum>.row,
	#about-us .ImagesColum>.row>*>.row {
		margin-left:-10px;
		margin-right:-10px;
	}
	#about-us .ImagesColum>.row>*,
	#about-us .ImagesColum>.row>*>.row>* {
		padding-left:10px;
		padding-right:10px;
	}
	
	#services .BannerRow {
		padding: 30px 20px;
		margin-top: 20px;
		margin-bottom: 0;
		text-align:center;
	}
	#services .BannerRow>.row>* { display:block;}
	
	#services .BannerRow .Img {
		position: relative;
		top: 0;
		right: 0;
		margin-bottom: 30px;
	}
	
	#contact-us > .MainWrapper > .row {
		margin-left:0;
		margin-right:0;
	}
	#contact-us > .MainWrapper > .row>* {
		padding-left:0;
		padding-right:0;
	}
	
	#Footer { border-top:none;}
	
}


/***** for 1024px or less ===========*/
@media All and (max-width:991px) {
	.ParallaxWrapp { background-attachment:scroll;}

	#TopHead {
		background:#f2f0f8;
		height:72px !important;
		position:fixed;
			-webkit-box-shadow:0 2px 3px rgba(0,0,0,.15);
		box-shadow:0 2px 3px rgba(0,0,0,.15);
	}
	#TopHeadHeightFixed {
		display:block;
		height:72px;
	}
	#TopHead .MainWrapper {
		margin: 0;
	}
	
	#TopHead .BotmRow {
		background: none;
		box-shadow: none;
		border:none;
	}
	
	#TopHead .Logo {
		float:none;
		margin-top:10px;
		margin-bottom:12px;
		margin-left:15px;
	}
	
	#TopHead .Logo img { height:50px;}
	
	.TitleStyle .Top {
		font-size: 17px;
		line-height: 22px;
		margin-bottom: 10px;
	}
	.TitleStyle .Bottom {
		font-size: 30px;
		line-height: 30px;
	}
	
	.SubHeading {
		font-size: 24px;
		line-height: 33px;
	}
	
	
	.FullWrapper, .LightWrapper,
	.ParallaxWrapp > div { padding: 60px 0 40px 0;}
	
	#welcome .mt-5 { margin-top:0 !important;}
	
	#Subpage.MainWrapper { margin:0;}
	.PageTitle {
			-webkit-border-radius: 0;
		border-radius: 0;
	}
	.PageTitle>div {
		padding-top: 15vh;
		padding-bottom: 15vh;
		padding-left: 20px;
		padding-right: 20px;
	}
}


/***** for 768px or less ===========*/
@media All and (max-width:760px) {
	body {
		font-size: 15px;
		line-height: 22px;
		font-weight:400;
	}
	p { margin-bottom:20px;}

	
	.TitleStyle { margin-bottom:20px;}
	
	.TitleStyle .Top {
		font-size: 15px;
		line-height: 20px;
	}
	.TitleStyle .Bottom {
		font-size: 20px;
		line-height: 25px;
	}
	
	.SubHeading, .SubHeading2 {
		font-size: 17px;
		line-height: 24px;
		font-weight: 500;
		margin-bottom: 10px;
	}
	
	.SquareBoxes > .row {
		margin-left:-8px;
		margin-right:-8px;
	}
	.SquareBoxes > .row >* {
		margin-bottom: 16px;
		padding-left:8px;
		padding-right:8px;
	}
	.SquareBoxes .Box[data-ratio]>* { padding:5px;}
	.SquareBoxes .Box img {
		height: 70px;
		margin-bottom: 15px;
	}
	.SquareBoxes .Box[data-ratio="1"] {
			-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	.SquareBoxes .Box .Title {
		font-size: 14px;
		line-height: 18px;
		font-weight: 600;
	}
	
	#AboutVideo.MyBox .modal-dialog {
		text-align: center;
		max-width: 100%;
	}
	
	
	#about-us .ImagesColum .Box .Overlay .SubHeading {
		font-size: 20px;
		line-height: 20px;
	}
	
	#about-us .ImagesColum .Box {
			-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	
	#services .Serv .Box .SubHeading {
		text-align:center;
	}
	#about-us .ImagesColum .Box a>img {opacity: 0.75;}
	
	#services .Upper {margin-bottom: 25px;}
	
	#services .Serv { text-align:center;}

	#services .Serv .Box .Img {
			-webkit-border-radius:10px;
		border-radius:10px;
	}

	
	#Footer .Hide {display: none;}
	#Footer .Inline {display: block;}
	
	.PageTitle .TitleStyle .Bottom {
        font-size: 22px;
    }
	
	#KoningVideos.row {
		margin-left:-10px;
		margin-right:-10px;
	}
	#KoningVideos.row>* {
		padding-left:10px;
		padding-right:10px;
	}
	.videoWrap { margin-bottom:15px;}
}

/***** for 576px or less ===========*/
@media All and (max-width:576px) {
	#contact-us .Info .Icon {
		width: 50px;
		height: 50px;
		padding: 12px;
	}
	#contact-us .Info table tr td:last-child {padding-left: 10px;}
	#contact-us .Info {
		font-size:14px;
		line-height:20px;
	}
	
	#Parallax_Banner .WatchBtn { margin-top: 4vh;}
	
	.ListStyle.ml-5 {
		margin-left: 15px !important;
	}
}

/***** for 480px or less ===========*/
@media All and (max-width:480px) {
	#contact-us .Info .SubHeading2 {
		font-size: 15px;
		line-height: 20px;
	}
}