@font-face{
   font-family: 'JosefinSans-Bold';
   src:url('../fonts/JosefinSans-Bold.ttf') format('truetype');
}

@font-face{
   font-family: 'JosefinSans-SemiBold';
   src:url('../fonts/JosefinSans-SemiBold.ttf') format('truetype');
}


@font-face{
   font-family: 'OpenSans-Regular';
   src:url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face{
   font-family: 'OpenSans-Semibold';
   src:url('../fonts/OpenSans-Semibold.ttf') format('truetype');
}
@font-face{
   font-family: 'OpenSans-Bold';
   src:url('../fonts/OpenSans-Bold.ttf') format('truetype');
}

@font-face{
   font-family: 'Roboto-Regular';
   src:url('../fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face{
   font-family: 'oswald';
   src:url('../fonts/oswald.ttf') format('truetype');
}
@font-face{
   font-family: 'source-sans-pro';
   src:url('../fonts/source-sans-pro.ttf') format('truetype');
}

@font-face{
   font-family: 'oswald.light';
   src:url('../fonts/oswald.light.ttf') format('truetype');
}

@font-face{
   font-family: 'oswald.regular';
   src:url('../fonts/oswald.regular.ttf') format('truetype');
}

/*#80375d*/
html, body{scroll-behavior: smooth;}
body{ 
 font-family: 'source-sans-pro', sans-serif;
 position:relative; 
}
h1,h2,h3,h4{
   /*font-family: 'oswald', sans-serif;*/
   letter-spacing: 0.5px;
   color:#616161;
}
p{margin-top: 10px;}

.banner{padding: 0; position: relative; overflow: hidden;}

.banner img{width:100%;}

.mynav{
  border-radius: 0;
  margin-bottom: 0;
  border: 0;
  height: 70px;
}

.mynav .nav{margin-top: 10px;}
.mynav .nav li a{
  font-size: 17px;
  text-transform: uppercase;
  color:#333333;
  letter-spacing: 1px;
   font-family: 'oswald.light';
   font-weight: 600;
}

.mynav .nav li a:hover{
  background: none;
  color:#FD225C;
 }  

.logo{
  width: 175px;
  position: absolute;
  z-index: 2;
}

.over{
   /*position: absolute;*/
   /*bottom:-80px;*/
   width: 100%;
   float:left;
   background:linear-gradient(90deg, #FD225C 1.12%, #FE7A40 100%);
   /*background-color: rgba(110, 110, 110, 0.6);*/
   padding-top: 10px;
   padding-bottom: 10px;
   color:#ffffff;
   z-index: 3;
   font-family: 'oswald';
   text-align: center;
}

.over h1{color:#ffffff; letter-spacing: 1px;}
.over h3{color:#ffffff; letter-spacing: 1px;}

.mt70{margin-top: 70px;}
.mt50{margin-top: 50px;}
.mt30{margin-top: 30px;}

.about{color: #555555;}
.about h3{
    font-family: 'oswald';
}

.about p{
   font-family: 'source-sans-pro';
   font-size: 18px;
   line-height: 26px;
   letter-spacing: 0.5px;
   color: #666666;
}

.about ul{
   padding-left: 0;
   list-style: none;
}

.about ul li i{color: #FD225C;}

.fullbg{
   background: #f7f7f7;
   padding-top: 30px;
   padding-bottom: 50px;
}

.head{color: #FD225C; 
   font-family: 'oswald';
   text-align: center;
   letter-spacing: 1px;
}

.dark{
color: #FD225C; 
}

.ser{margin-top: 30px; float: left; width: 100%;}

.descp{background: #ffffff; float: left; width: 100%; padding:15px}
.descp h2{color: #FD225C;
   text-align: center;
   font-family: 'OpenSans-Bold';
   font-size: 24px;
   margin-top: 10px;
}
.descp p{
   font-size: 18px;
   color:#666666;
   letter-spacing: 0.5px;
   line-height: 25px;
}

.proc{text-align: center; margin-top: 30px;}
.proc h3{
   font-family: 'OpenSans-Bold';
   font-size: 20px;
   text-align: center;
}

.proc p{
   font-size: 17px;
   line-height: 25px;
   text-align: center;
   letter-spacing: 0.5px;
   color: #555555;
}

.proc span{
   display: inline-block;
   background:linear-gradient(90deg, #FD225C 1.12%, #FE7A40 100%);
   height: 50px;
   width: 50px;
   font-size: 30px;
   font-family: 'OpenSans-Bold';
   color: #ffffff;
   border-radius: 50%;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

.get{
    background:linear-gradient(90deg, #FD225C 1.12%, #FE7A40 100%);
    color:#ffffff !important;
    font-weight: 600;
}

.get:hover{
    background:linear-gradient(90deg, #FD225C 1.12%, #FE7A40 100%) !important;
    color:#ffffff !important;
    font-weight: 600;
}

.const{
   padding-top: 30px;
   padding-bottom: 50px;
   text-align: left;
}
.const h2{
   color:#ffffff;
   text-align: center;
   margin-bottom: 50px;
}

form{ 
   font-family: 'source-sans-pro', sans-serif; 
   background: #ffffff;
   padding: 15px 25px;
   
}

form h3{color:#FD225C !important;}

form input{
   width: 100%;
   height: 40px;
   margin-top: 15px;
   padding-left: 10px;
   color:#555555;
   letter-spacing: 0.5px;
   font-size: 17px;
}

form textarea{
   width: 100%;
   height: 100px;
   margin-top: 15px;
   padding-left: 10px;
   color:#555555;
   letter-spacing: 0.5px;
   font-size: 17px;
}

form button{
   background:linear-gradient(90deg, #FD225C 1.12%, #FE7A40 100%) !important;
   color:#ffffff;
   padding: 10px 25px;
   border: 0;
   margin-top: 15px;
   font-size: 20px;
}
.cd p{
   color:#ffffff !important;
   font-family: 'source-sans-pro', sans-serif;
   font-size: 18px;
}
.cd h4{
   color:#ffffff !important;
   letter-spacing: 1px;
}

.footer{
   background: #212324;
   padding-top: 30px;
   padding-bottom: 30px;
   color:#ffffff;
   font-size: 16px;
}

@media(max-width: 768px){
   .logo{width: 100px;}
   .mynav{height: auto; }
   .mynav .nav li{text-align: right;}
   .get{display: inline-block !important;}
   .banner img{width: 135%;margin-left: -120px;}
}