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

@font-face {
  font-family: 'Deron-Regular';
  src: url('../fonts/Deron-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Deron-Regular.otf')  format('opentype'),
	     url('../fonts/Deron-Regular.woff') format('woff'), url('../fonts/Deron-Regular.ttf')  format('truetype'), url('../fonts/Deron-Regular.svg#Deron-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Deron-Light';
  src: url('../fonts/Deron-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Deron-Light.otf')  format('opentype'),
	     url('../fonts/Deron-Light.woff') format('woff'), url('../fonts/Deron-Light.ttf')  format('truetype'), url('../fonts/Deron-Light.svg#Deron-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Deron-Black';
  src: url('../fonts/Deron-Black.eot?#iefix') format('embedded-opentype'),  url('../fonts/Deron-Black.otf')  format('opentype'),
	     url('../fonts/Deron-Black.woff') format('woff'), url('../fonts/Deron-Black.ttf')  format('truetype'), url('../fonts/Deron-Black.svg#Deron-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{
	background:#f0f0ef;
	font-family: 'Deron-Regular';
	color:#393838;
	}

.bg-logo{
	position:relative;
	}
.bg-logo img.bg-brand{	
    position: absolute;
    top: 22%;
    left: 0;
    width: 70%;
    margin: auto 15%;
    opacity: 0.5;	
}

.bg-brand-payment-failed{
	    position: absolute;
    top: 12%;
    left: 0;
    width: 60%;
    margin: auto 20%;
    opacity: 0.5;
	}
	
.top-line p{
	color: #4d4c4e;
    font-size: 14px;
	}

.hero-text h1{
	    font-weight: 600;
	}
	
.txt-black{
	color:#393838;
	}		

.txt-purple{
	color:#7f7290;
	}	
	
.bg-purple{
	background:#7f7290;
	}	
	
.visit-us p{
	 font-size: 23px;
    font-family: 'Deron-Light';
	}	
.visit-us a{	
    display: inline-block;
    padding: 10px 70px;
    outline: 1px solid #fff;
    font-size: 23px;
    font-family: 'Deron-Light';
    letter-spacing: 1px;	
	    position: relative;
    transition: 0.2s all ease-in-out;
}

.visit-us a img{
	position: absolute;
        right: 40px;
    top: 17px;
	}

.visit-us a:hover{	
	background: #393838;
    transition: 0.2s all ease-in-out;
	text-decoration:none;
}

.visit-us a i{
	font-size: 25px;
	margin-left: 10px;
}

.social-icons ul li a{
	background: #7f7290;
    color: #fff;
    padding: 3px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 20px;
    display: block;
	transition: 0.2s all ease-in-out;
	}
	
.social-icons ul li a:hover{
	background: #393838;
    transition: 0.2s all ease-in-out;
	}	
.menu{
    border-top: 1px solid #7f7290;
    border-bottom: 1px solid #7f7290;
    padding-top: 10px;
    padding-bottom: 7px;	
}
	
.menu ul li a{
	color:#7f7290;
	}	
.menu ul li a:hover{
	color:#4d4c4e;
	text-decoration:none;
	}	
	
.menu ul li{
	position:relative;
	}	
.menu ul li:after{
	content: "";
    height: 3px;
    width: 3px;
    border-radius: 50%;
    background: #7f7290;
    position: absolute;
    top: 10px;
    right: -11px;
	}
.menu ul li:last-child:after{
	display:none;
	}		
	
.cta a{	
    display: inline-block;
    padding: 10px 70px;
    outline: 1px solid #7f7290;
    font-size: 23px;
    font-family: 'Deron-Light';
    letter-spacing: 1px;	
	color:#7f7290;
	    background: transparent;
    transition: 0.2s all ease-in-out;
}

.cta a:hover{	
	background: #393838;
    transition: 0.2s all ease-in-out;
	text-decoration:none;
	color:#fff;
}	
.social-icon-border ul{
	    border-top: 1px solid #7f7290;
    border-bottom: 1px solid #7f7290;
	}
	
.banner .banner-text{
	position: absolute;
    top: 100px;
    left: 45px;
	}	
.banner-text h1{
	font-weight:700;
	}	
.banner-text p{	
	width: 55%;
    font-size: 20px;
    line-height: 1.4;
    margin-top: 35px;	  
}
@media screen and (max-width:767px){
.banner .banner-text {
    top: 20px;
    left: 25px;
}	
.banner-text h1 {
       font-size: 20px;
}
.banner-text p {
    width: 60%;
    font-size: 14px;
    margin-top: 15px;
}
}
	
@media screen and (max-width:545px){
.order-table th,.order-table td{
	    font-size: 0.8rem;
	}
.visit-us p {	
	 font-size: 19px;
}
.cta a{
    padding: 10px 30px;
    font-size: 17px;
}
.visit-us a{
	font-size: 17px;
	}
.bg-brand-payment-failed {
    top: 25%;
    width: 70%;
    margin: auto 15%;
}
.visit-us a img{
	width:4%;
	    right: 50px;
	}
	}	
	
@media screen and (max-width:375px){	
	.banner-text h1 {
    font-size: 16px;
}
.banner-text p {
    font-size: 12px;
}
.w-80-375px{
	width: 80% !important;
	}
}