/*!
 * Start Bootstrap - Landing Page v5.0.8 (https://startbootstrap.com/themes/landing-page)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-landing-page/blob/master/LICENSE)
 */
 
@font-face
{
	font-family: "AlergiaNormal-UltraLight";
	src: url('../fonts/AlergiaNormal/Ultralight/AlergiaNormal-UltraLight.eot');
	src: url('../fonts/AlergiaNormal/Ultralight/AlergiaNormal-UltraLight.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/AlergiaNormal/Ultralight/AlergiaNormal-UltraLight.woff') format('woff'),
         url('../fonts/AlergiaNormal/Ultralight/AlergiaNormal-UltraLight.ttf') format('truetype'),
         url('../fonts/AlergiaNormal/Ultralight/AlergiaNormal-UltraLight.svg#AlergiaNormal-UltraLight') format('svg');
}
@font-face
{
	font-family: "AlergiaNormal-Hairline";
	src: url('../fonts/AlergiaNormal/Hairline/AlergiaNormal-Hairline.eot');
	src: url('../fonts/AlergiaNormal/Hairline/AlergiaNormal-Hairline.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/AlergiaNormal/Hairline/AlergiaNormal-Hairline.woff') format('woff'),
         url('../fonts/AlergiaNormal/Hairline/AlergiaNormal-Hairline.ttf') format('truetype'),
         url('../fonts/AlergiaNormal/Hairline/AlergiaNormal-Hairline.svg#AlergiaNormal-Hairline') format('svg');
}


html,body{overflow-x:hidden;}
body
{
	background-color: #fff;
	font-family: "AlergiaNormal-UltraLight";
}
a 
{
    color: #818285;
}
h1,
h2,
h3,
h4,
h5,
h6
{
  
  font-weight: 700;
}

@media (min-width: 1200px)
{
.container, .container-lg, .container-md, .container-sm, .container-xl
{
    max-width: 100%;
}
}
.container
{
    width: 100%;
    padding-right: 35px;
    padding-left: 35px;
}
.logo img
{
	max-width:300px;
}

.bs-canvas-overlay
{
	opacity: 1;
    z-index: 1100;
    background-color: transparent !important;
}
	
.bs-canvas
{
	top: 0;
	z-index: 9999999;
	overflow-x: hidden;
	overflow-y: auto;
	width: 300px;
	transition: margin .4s ease-out;
	-webkit-transition: margin .4s ease-out;
	-moz-transition: margin .4s ease-out;
	-ms-transition: margin .4s ease-out;
	background: #e2211c;
}
.bs-canvas .close
{
	font-size: 2rem;
	opacity: 1;
    color: #fff;
}
.bs-canvas .close img{max-width:12px;}
.bs-canvas-content,.bs-canvas-header
{
	float: left;
    width: 100%;
    padding: 25px 35px;
}
.bs-canvas-content{padding-top:70px;}
.bs-canvas ul.nav li
{
	display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 30px;
}
.bs-canvas ul.nav li a
{
	color:#fff;
	font-size: 20px;
	text-transform:capitalize;
	text-decoration: none;
}
.bs-canvas ul.nav li a:hover,.bs-canvas ul.nav li.active a
{
	color:#fff;
}
.bs-canvas-left
{
	left: 0;
	margin-left: -300px;
}
	
.bs-canvas-right
{
	right: 0;
	margin-right: -300px;
}
.menuicon
{
	position: fixed;
    right: 35px;
    top: 35px;
}
.menuicon a
{
	color:#e8b136;
	text-decoration:none;
	text-align: right;
}
.menuicon img
{
	max-width: 50px;width: 50px;
}



.mainheaderimage img
{
    width:100%;
    height:auto;
}

.mainheaderleft
{
    background: rgba(255, 255, 255, .55);
    position: absolute;
    top: 0;
    left: 10%;
    width: calc(100% - 10%);
    right: 0;
    max-width: 500px;
    padding: 50px 30px 30px 30px;
    text-align: center;
}
.mainheaderleft p:last-child
{
    margin:0px;
}
.mainheaderleft p
{
    font-size: 17px;
    color: rgb(64, 75, 78);
    line-height: 1.5;
    font-family: "AlergiaNormal-UltraLight";
    margin-bottom: 25px;
}


.mainheaderright
{
    position: absolute;
    top: 30px;
    right: 30px;
    width: calc(100% - 30px);
    max-width: 50%;
    text-align: right;
}
.mainheaderright h1
{
    font-size: 35px;
    line-height: 1.2;
    color: #000;
    font-family: "AlergiaNormal-Hairline";
    font-weight: normal;
    margin-bottom: 20px;
}
.mainheaderright p
{
    font-family: "AlergiaNormal-Hairline";
    font-size: 25px;
    line-height: 1.5;
    color: #000;
    margin:0px;
}
.mainheaderright p a
{
    color:#000;

}
.mainheaderright h2
{
    font-family: "AlergiaNormal-Hairline";
    font-size: 28px;
    line-height: 1.5;
    color:#000;
    font-weight: normal;
    margin-top: 20px;
}
.innerlogo
{
    margin-top: 80px;
}
.innerlogo img
{
    width:100%;
    height:auto;
    max-width:200px;
}









@media (max-width: 768px)
{
    .mainheaderleft
    {
        position:unset;
        width:100%;
    }
    .mainheaderright
    {
        position: absolute;
        top: 10px;
        right: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
    .mainheaderright h1
    {
        font-size:25px;
        margin-bottom:10px;
    }
    .mainheaderright h2
    {
        font-size:20px;
        margin-top:10px;
    }
    .mainheaderright p
    {
        font-size:18px;
    }
    .innerlogo {
        margin-top: 0;
    }
    .innerlogo img
    {
        width:100%;
        height:auto;
        max-width:100px;
    }
}