*{
    margin:0;
    padding:0
}
html{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
*,:after,:before{
    -webkit-box-sizing:inherit;
    box-sizing:inherit
}
body{ box-sizing: border-box; font-family: 'Open Sans', sans-serif; }
img { border: none }
ul{
    list-style: none;
}
i{
    font-weight: 400;
}
button:focus{
    outline: none!important;
}
a { text-decoration: none; }
a:hover{text-decoration:none;}
p, h1, h2, h3, h4, h5{
    margin: 0; padding: 0;
}
.headertop{
    background: #15416e;
    /* background: #e21d24; */
    padding: 5px 0;
}


/* Social */
.social-head{
	display:inline-block;
}
.social-head ul{
	margin:0px;
}
.social-head ul li{
	display:inline-block;
}
.social-head ul li{
	width: 28px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    color: #ffffff;
    text-shadow: 0 1px 1px rgb(0 0 0 / 10%);
    border: 1px solid transparent;
	margin-right:5px;
}
.social-head ul .fb{
	background:#496fa4;
}
.social-head ul .twitt{
	background:#1cb7eb;
}
.social-head ul .you{
	background:#cb272d;
}
.social-head ul li i{
	color:#fff;
}

/* Contact header */
.contact-head{
	display:inline-block;
}
.contact-head ul{
	margin:0px;
}
.contact-head ul li{
	display:inline-block;
}
.contact-head ul li{
	color:rgba(255, 255, 255, 0.75);
	font-size:14px;
	font-family: 'Roboto', sans-serif;
}
.contact-head ul li i{
	margin-right: 10px;
    margin-left: 30px;
    width: 28px;
    height: 28px;
    color: #ffffff;
    font-size: 14px;
    text-shadow: 0 1px 1px rgb(0 0 0 / 10%);
    text-align: center;
    line-height: 26px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(0, 0, 0, 0.1);
}
.contact-head ul li a{color: #ffffff;}
/* Book Appoinmet */
.topright{
    float: right;
}
.bookappointment{
	padding-top:3px;
}
.bookappointment a{
	border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(0, 0, 0, 0.1);
	font-size:15px;
	letter-spacing:1.0px;
	font-family: 'Oswald', sans-serif;
	color:rgba(255, 255, 255, 0.75);
	padding:5px 20px;
}
.bookappointment a i{
	/* color:rgba(255, 255, 255, 0.75); */
	color:#fff;
	font-size:16px;
	padding-right:15px;
}
.bookappointment a i button{

}
/***********************************************************************************
Second Header
***********************************************************************************/

.headerbottom{
    /* background: #211f20; */
    padding: 10px 0;
	position:relative;
	overflow:hidden;
}
/* Logo */

.logo{padding:0 65px;}
.logo img{width:100%;}

/* Logo address detail */

.headermiddle{
	padding-top:13px;
}
.headermiddle .first-desription {
    width: 50%;
    float: left;
    padding: 0 15px;
}
.headermiddle .first-desription h1 {
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
    color: #282828;
    letter-spacing: 1.5px;
}
.headermiddle .first-desription h1 i {
    color: #e31e25;
}
.headermiddle .first-desription p {
    font-size: 14px;
    color: #686868;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    /* text-align: justify; */
    /* letter-spacing: 1px; */
	margin:0px;
}

/* Whatsapp */

.whatsapp{
	position:absolute;
	right:-10px;
	top:30px;
	background:#e31e25;
	border:1px solid transparent;
	border-radius:50px 0 0 50px;
	padding:10px 20px;
	z-index:999;
	
}
.whatsapp:hover{
	right:0px;
	transition:0.5s;
	background:#15416e;
	width:240px;
}
.whatsapp a{
	font-size:20px;
	font-family: 'Oswald', sans-serif;
	position:relative;
	padding-left:45px;
	color:#fff;
	letter-spacing:1px;
	
}
.whatsapp a span{
	display:none;
}
.whatsapp:hover span{
	display:inline-block;
	transition:0.5s;
}
.whatsapp:hover a{
	color:#fff;
	text-decoration:none;
}
.whatsapp a i{
	position:absolute;
	left:0px;
	color:#fff;
	font-size:32px;
	display:block;
}


/****************************************************************************************
Banner Section
****************************************************************************************/


.carousel-control-next, .carousel-control-prev{
	width:5%!important;
	opacity:1!important;
}

.carousel-control-next-icon{
	background:#e31e25 no-repeat center center!important;
	/* background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")!important; */
	width:40px!important;
	height:70px!important;
	border-radius:5px;
	position:relative;
}
.carousel-control-next-icon:hover{
	background:#006994!important;
	transition:0.3s;
}
.carousel-control-next-icon:hover:after{
	left:10px;
	transition:0.3s;
}
.carousel-control-next-icon:after{
	position:absolute;
	font-family: FontAwesome;
    content: "\f101";
	left:0px;
	right:0px;
	top:15px;
	font-size:26px;
}
.carousel-control-prev-icon{
	background:#e31e25 no-repeat center center!important;
	width:40px!important;
	height:70px!important;
	border-radius:5px;
	position:relative;
}
.carousel-control-prev-icon:hover{
	background:#006994!important;
	transition:0.3s;
}
.carousel-control-prev-icon:hover:after{
	right:10px;
	transition:0.3s;
}
.carousel-control-prev-icon:after{
	position:absolute;
	font-family: FontAwesome;
    content: "\f100";
	left:0px;
	right:0px;
	top:15px;
	font-size:26px;
}

.banner{
    position: relative;
}
.banner .carousel-caption{
    top: 20%;
    left: 8%;
    padding: 40px 20px;
    position: absolute;
    width: 620px;
    height: 260px;
    background: #ffffff95;

}
.banner .carousel-caption h1 {
    font-size: 55px;
    font-family: 'Lato', sans-serif;
    line-height: 35px;
    margin: 0;
    font-weight: 800;
    padding-bottom: 25px;
    color: #23428f;
}
.banner .carousel-caption h2 {
    font-size: 30px;
    color: #444;
    font-family: 'Roboto', sans-serif;
    line-height: 35px;
    margin: 0;
    font-weight: 400;
    padding-bottom: 10px;
}
.banner .carousel-caption h3 {
    font-size: 32px;
    font-family: 'Roboto', sans-serif;
    line-height: 40px;
    margin: 0;
    padding-bottom: 20px;
    color: #333;
    font-weight: 600;
}
.banner .carousel-control-next{
    position: absolute;
    width: 80px;
}
.banner .carousel-control-prev{
    position: absolute;
    width: 80px;
}
.banner .carousel-indicators li{
    background: #fff;
    cursor: pointer;
    width: 8px;
    height: 8px
}
.banner .carousel-indicators li.active{
    background: #fff;
}
.banner .btn-change5{
    height: 40px;
    width: 150px;
    background: #23428f;
   cursor: pointer;
    float: none;
    font-weight: 600;
    border:0px;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transform-origin: 50% 50%;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -webkit-box-shadow: 100px 0px 0 0 #2da7da inset , -100px 0px 0 #2da7da inset;
}
.banner .btn-change5:hover{
    -webkit-box-shadow: 0px 0px 0 0 #2da7da inset , 0px 0px 0 #2da7da inset;
}
/**************************************************************************
About
**************************************************************************/

.about{padding:50px 0;}
.about-profile{
}
.about-profile img{
	width:100%;
	border:10px solid #f1f1f1;
	border-radius:50%;
	-webkit-animation: border-transform-default1 10s linear infinite alternate forwards;
    animation: border-transform-default1 10s linear infinite alternate forwards;
}

@-webkit-keyframes border-transform-default1 {

    0%,
    to {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
    }

    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
    }

    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
    }

    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
    }

    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
    }

    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
    }

    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
    }
}

.about-description{}
.about-description h1{
	font-size:28px;
	color:#4a4a4a;
	font-family: Monotype Corsiva;
	letter-spacing:1px;
	border-bottom:1px dotted #4a4a4a;
	display:inline-block;
}
.about-description h2{
	font-size:36px;
	color:#e31e25;
	font-family: 'Oswald', sans-serif;
	letter-spacing:1px;
	border-bottom:1px solid #f1f1f1;
	padding-bottom:10px;
}
.about-description h3{
	font-size:18px;
	color:#15416e;
	font-family: 'Roboto', sans-serif;
	letter-spacing:1px;
}
.about-description p{
	font-size:16px;
	color:#4a4a4a;
	font-family: 'Roboto', sans-serif;
	text-align:justify;
	line-height:28px;
	padding-bottom:10px;
	margin:0px;
}
.about-description a{
	font-size:18px;
	font-family: 'Oswald', sans-serif;
	color:#4a4a4a;
	border:2px solid #ddd;
	padding:5px 15px;
}
.about-description a i{
	color:#4a4a4a;
	padding-left:10px;
}

.about-description1{
	width:100%;
	display:inline-block;
	padding-top:50px;
}
.about-description1 h4{
	font-size:22px;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	letter-spacing:1px;
	background:#194d81;
	margin:0px;
	padding:8px 15px;
}
.about-description1 ul{
	padding-top:15px;
}
.about-description1 ul li{
	font-size:16px;
	font-family: 'Roboto', sans-serif;
	color:#4a4a4a;
	letter-spacing:1px;
	margin:8px 0;
	position:relative;
	padding-left:25px;
}
.about-description1 ul li i{
	color:#e31e25;
	position:absolute;
	left:0px;
	top:4px;
	animation: wiggle 3s linear infinite;
}

/************************************************************************************
Services
************************************************************************************/

.serv-title{
	/* background:#4a4a4a; */
	/* background:#15416e; */
	background:#e31e25;
	padding:10px 0;
}
.service-title-home{text-align:center;width:100%;}
.service-title-home h1{
	font-size:28px;
	color:#fff;
	font-family: 'Oswald', sans-serif;
	letter-spacing:1.6px;
	text-align:center;
	margin:0px;
	text-transform:capitalize;
	font-weight:400;
}

.service{
	background:url(../img/services.jpg) no-repeat;
	background-size:100% 100%;
	/* background:#15416e; */
	width:100%;
	padding:50px 0;
}

.imagebox {
    position: relative;
	/* border:5px solid #f1f1f1; */
	/* box-shadow:1px 1px #f1f1f1; */
}
.imagebox .box-wrapper {
    overflow: hidden;
    position: relative;
}
img {
    max-width: 100%;
    height: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.imagebox .box-header {
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 5px;
    padding: 10px 39px 10px 10px;
    min-height: 50px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.imagebox .box-header:before {
    content: "\f054";
    position: absolute;
    font-family: "fontAwesome";
    text-align: center;
    line-height: 39px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    width: 30px;
    height: 39px;
    color: #ffffff;
    background-color: #15416e;
    /* text-shadow: 0 1px 1px rgb(0 0 0 / 10%); */
    font-weight: normal;
    font-size: 18px;
}
.imagebox .box-header:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #fff;
    -webkit-opacity: 0.85;
    -khtml-opacity: 0.85;
    -moz-opacity: 0.85;
    opacity: 0.85;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
    filter: alpha(opacity=85);
}
.imagebox .box-header .box-title {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.4;
    margin: 0;
    position: relative;
    /* text-shadow: 0 1px 1px rgb(0 0 0 / 20%); */
}
.imagebox .box-header .box-title:after {
    width: 50px;
    height: 3px;
    content: "";
    position: absolute;
    left: 0;
    top: -10px;
}
.imagebox .box-header .box-title a {
    color: #282828;
    /* text-shadow: 0 1px 1px rgb(0 0 0 / 20%); */
}
.imagebox .box-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #ffffff;
    padding: 20px 25px;
    text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.imagebox .box-content:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #15416e;
    z-index: -1;
    -webkit-opacity: 0.9;
    -khtml-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    filter: alpha(opacity=90);
}
.box-desc{text-align:justify;}
.imagebox .box-content .button.style1 {
    margin-top: 17px;
}
.button.style1 {
    color: #ffffff;
    font-weight: bold;
    padding: 0 35px 0px 14px;
    text-transform: uppercase;
    position: relative;
}
input[type="submit"], button[type="submit"], input[type="submit"].scheme2:hover, button[type="submit"].scheme2:hover, .button, .button.scheme2:hover {
    color: #ffffff;
    background-image: none;
    background-color: #e31e25;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    cursor: pointer;
    white-space: nowrap;
    border: none;
    display: inline-block;
    font-weight: bold;
    text-shadow: 0 1px 2px rgb(0 0 0 / 10%);
    text-transform: uppercase;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.button.style1:after {
    content: "\f054";
    font-family: "FontAwesome";
    position: absolute;
    top: 0;
    right: 20px;
    font-weight: normal;
    font-size: 14px;
}
.imagebox:hover .box-header {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.imagebox:hover .box-content {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
}


/***********************************************************************************
Attachment
***********************************************************************************/

.attachment{padding:50px 0;}
.attachment-inner{
	border:1px solid #f1f1f1;
	padding:10px;
	animation: wiggle 3s linear infinite;
}
.attachment-inner:hover{
	background:#15416e;
	transition:0.5s;
}
.attachment-inner:hover h1,
.attachment-inner:hover p{
	color:#fff;
	transition:0.5s;
}
/* Keyframes */
@keyframes wiggle {
  0%, 7% {
    transform: rotatey(0);
  }
  15% {
    transform: rotatey(-15deg);
  }
  20% {
    transform: rotatey(10deg);
  }
  25% {
    transform: rotatey(-10deg);
  }
  30% {
    transform: rotatey(6deg);
  }
  35% {
    transform: rotatey(-4deg);
  }
  40%, 100% {
    transform: rotatey(0);
  }
}
.attachment-inner h1{
	font-size:22px;
	color:#4a4a4a;
	font-family: 'Oswald', sans-serif;
	letter-spacing:1px;
	line-height:32px;
	border-bottom:1px dotted #e3e3e3;
	padding-bottom:5px;
	margin-bottom:18px;
}
.attachment-inner p{
	font-size:16px;
	color:#4a4a4a;
	font-family: 'Roboto', sans-serif;
	position:relative;
	padding-left:25px;
}
.attachment-inner p i{
	color:#e31e25;
	position:absolute;
	left:0px;
	top:3px;
}
.attachment-inner ul{}
.attachment-inner ul li{
	display:inline-block;
	border:1px solid #f1f1f1;
	background:#15416e;
	padding:5px 15px;
}
.attachment-inner ul li a{
	color:#fff;
	font-size:16px;
	font-family: 'Oswald', sans-serif;
	letter-spacing:1px;
}
.attachment-inner ul li a i{
	color:#fff;
	padding-right:5px;
}

/*******************************************************************************
Footer Section
*******************************************************************************/

.footer{

}
.about-footer, .quick-footer, .service-footer{
	height:490px;
}
.footer .col-md-4{padding:0px;}
.about-footer{
	background:#4a4a4a;
	padding:30px 30px;
}
.about-footer h1{
	padding:10px 50px;
	background:#f1f1f1;
}
.about-footer img{
	width:100%;
}
.about-para{
	padding-top:10px;
}
.about-footer p{
	font-size:16px;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	text-align:justify;
	padding-top:10px;
	line-height:28px;
}
.about-footer a{
	font-size:16px;
	font-family: 'Oswald', sans-serif;
	color:#4a4a4a;
	letter-spacing:1px;
	background:#fff;
	border:1px solid #fff;
	border-radius:4px;
	padding:5px 15px;
}

.service-footer{
	background:#4a4a4a;
	padding:30px;
}
.service-footer h1{
	font-size:28px;
	color:#fff;
	font-family: 'Oswald', sans-serif;
	letter-spacing:1px;
	border-bottom:1px solid #686868;
	padding-bottom:10px;
	animation: wiggle 3s linear infinite;
}
.service-footer ul{}
.service-footer ul li{
	padding:4px 0;
}
.service-footer ul li a{
	font-size:16px;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	letter-spacing:1px;
}

.quick-footer{
	background:#15416e;
	padding:30px;
}
.quick-footer h1{
	font-size:28px;
	color:#fff;
	font-family: 'Oswald', sans-serif;
	letter-spacing:1px;
	border-bottom:1px solid #104c89;
	padding-bottom:10px;
	text-align:center;
	animation: wiggle 3s linear infinite;
}
.quick-footer ul{
	padding-top:10px;
	text-align:center;
}
.quick-footer ul li{
	display:inline-block;
	padding:5px 15px;
	font-size:16px;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	letter-spacing:1px;
}
.quick-footer ul li a{
	font-size:16px;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	letter-spacing:1px;
}
.quick-footer ul li a:hover{
	text-decoration:none;
	color:#e31e25;
}
.quick-footer h2{
	font-size:28px;
	color:#fff;
	font-family: 'Oswald', sans-serif;
	letter-spacing:1px;
	border-bottom:1px solid #104c89;
	padding-bottom:10px;
	text-align:center;
	animation: wiggle 3s linear infinite;
}

/*****Copyright******/
.quick-footer p{
	font-size:16px;
	color:#fff;
	line-height:29px;
	font-family: 'Roboto', sans-serif;
	letter-spacing:1.5px;
	border-bottom:1px solid #104c89;
	padding-bottom:10px;
	text-align:center;
}
.cmp-logo{padding-left:10px;}
.cmp-logo img{width:20px;}

.foot-copyright{
	background:#15416e;
	padding:5px 0;
	width:100%;
	display:none;
}
.foot-copyright p{
	font-size:16px;
	color:#fff;
	line-height:29px;
	font-family: 'Roboto', sans-serif;
	letter-spacing:1.5px;
	text-align:center;
	margin:0px;
}

/*****************************************************************************
Header Title
*****************************************************************************/

.head-title{
	background:#15416e;
	padding:30px 0;
}
.header-description {
	text-align:center;
	margin:0 auto;
}
.header-description h1{
	font-size:28px;
	color:#fff;
	font-family: 'Oswald', sans-serif;
	letter-spacing:1.5px;
	border-bottom:3px solid #163a5e;
	display:block;
	padding-bottom:5px;
}
.header-description ul{
	margin:0px;
}
.header-description ul li{
	display:inline-block;
	padding-right:10px;
	font-size:16px;
	color:#fff;
	font-family: 'Oswald', sans-serif;
}
.header-description ul li a{
	font-size:16px;
	color:#fff;
	font-family: 'Oswald', sans-serif;
	letter-spacing:1.5px;
	padding-right:15px;
}

/*******************************************************************************
Contact Us 
*******************************************************************************/

.contact{padding:50px 0;}
.contact-inner-head{
	text-align:center;
	margin:0 auto;
	width:100%;
	height:310px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
	padding:20px;
	animation: wiggle 3s linear infinite;
}
.contact-inner-head .icon{
	font-size:22px;
	background:#e31e25;
	text-align:center;
	line-height:80px;
	color:#fff;
	width:80px;
	height:80px;
	margin:0 auto;
	-webkit-animation: border-transform-default1 10s linear infinite alternate forwards;
    animation: border-transform-default1 10s linear infinite alternate forwards;
}
.contact-inner-head .icon i{
	font-size:38px;
	line-height:80px;
}
.contact-inner-head h1{
	font-size:18px;
	color:#4a4a4a;
	font-family: 'Oswald', sans-serif;
	letter-spacing:1.5px;
	text-transform:capitalize;
	padding-top:20px;
	text-decoration:underline;
	/* line-height:28px; */
	/* border-bottom:1px solid #f1f1f1; */
	padding-bottom:10px;
}
.contact-inner-head p{
	font-size:15px;
	color:#4a4a4a;
	font-family: 'Roboto', sans-serif;
	letter-spacing:1px;
	margin:0px;
}

@-webkit-keyframes border-transform-default1 {

    0%,
    to {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
    }

    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
    }

    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
    }

    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
    }

    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
    }

    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
    }

    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
    }
}


/* Contact Form */


.form-container{
    background-color: #f1f1f1;
    font-family: 'Titillium Web', sans-serif;
    padding: 25px 10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.form-container:before{
    content: '';
    background: radial-gradient(at 50% 25%,#e52729 0%, #e52729 100%);
    height: 70%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 75%);
}
.form-container .form-icon{
    color: #fff;
    font-size: 55px;
    line-height: 55px;
    text-align:  center;
    margin: 0 0 10px;
}
.form-container .title{
    color: #fff;
    font-size: 33px;
    font-weight: 500;
    text-align: center;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    margin: 0 0 25px;
}
.form-container .form-horizontal{
    background: #fff;
    padding: 10px;
    margin: 0 0 20px;
    box-shadow: 0 0 7px rgba(0,0,0,0.3);
    border-radius: 3px;
}
.form-horizontal .form-group{
    background-color: #fff;
    margin: 0 0 15px;
    border-radius: 3px;
    border-bottom: 1px solid #ddd;
}
.form-horizontal .form-group:nth-child(3){ margin-bottom: 20px; }
.form-horizontal .input-icon{
    color: #007bb7;
    font-size: 22px;
    text-align: center;
    line-height: 43px;
    height: 45px;
    width: 25px;
    margin: 0 0 0 4px;
    vertical-align: top;
    display: inline-block;
}
.form-horizontal .form-control{
    color: #555;
    background-color: transparent;
    font-size: 16px;
    letter-spacing: 1px;
    width: calc(100% - 33px);
    height: 45px;
    padding: 0 5px;
    box-shadow: none;
    border: none;
    border-radius: 0;
    display: inline-block;
    transition: all 0.3s;
}
.form-horizontal .form-control:focus{
    box-shadow: none;
    border: none;
}
.form-horizontal .form-control::placeholder{
    color: #999;
    font-size: 16px;
    font-weight: 300;
    text-transform: capitalize;
}
.form-horizontal .forgot-pass{
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    margin: 0 0 15px 0;
    display: block;
}
.form-horizontal .forgot-pass a{
    color: #007bb7;
    transition: all 0.3s ease 0s;
}
.form-horizontal .forgot-pass a:hover{ color: #555; }
.form-horizontal .btn{
    color: #fff;
    background: #4a4747;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 1px;
    width: 100%;
    /* padding: 5px 15px 5px; */
    margin: 0;
    border: none;
    border-radius: 3px;
    transition: all 0.3s ease;
}
.form-horizontal .btn:hover,
.form-horizontal .btn:focus{
    color: #fff;
    background-color: #e52729;
    letter-spacing: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3),0 0 10px rgba(0,0,0,0.3) inset;
    outline: none;
}
.form-container .user-signup{
    color: #e52729;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    display: block;
}
.form-container .user-signup a{
    color: #007bb7;
    transition: all 0.3s ease 0s;
}
.form-container .user-signup a:hover{
    color: #555;
    text-shadow: 0 0 1px rgba(0,0,0,0.5);
}


/******************************************************************************
Service page 
******************************************************************************/

.serv_main{padding:50px 0;}
.service_iner{}
.service_iner .servi_profile{
	border:3px solid #f1f1f1;
	border-radius:10px;
	padding:5px;
}
.service_iner .servi_profile img{
	width:100%;
	border-radius:7px;
}
.service_iner .service_description{
	padding-top:15px;
}
.service_iner .service_description h1{
	font-size:28px;
	font-family: 'Oswald', sans-serif;
	color:#e31e25;
	letter-spacing:1.5px;
	border-bottom:1px solid #f1f1f1;
	padding-bottom:7px;
	margin-bottom:10px;
}
.service_iner .service_description h2{
	font-size:28px;
	font-family: 'Oswald', sans-serif;
	color:#15416e;
	letter-spacing:1.5px;
	border-bottom:1px solid #f1f1f1;
	padding-bottom:7px;
	margin-bottom:10px;
}
.service_iner .service_description p{
	font-size:16px;
	color:#4a4a4a;
	font-family: 'Roboto', sans-serif;
	text-align:justify;
	line-height:28px;
}
.service_iner .service_description ul{
	padding-top:10px;
}
.service_iner .service_description ul li{
	font-size:16px;
	color:#4a4a4a;
	font-family: 'Roboto', sans-serif;
	position:relative;
	padding-left:25px;
	font-weight:500;
	margin:7px 0;
}
.service_iner .service_description ul li i{
	position:absolute;
	top:3px;
	left:0px;
	color:#e31e25;
}
/*********************************************************************
Gpay Sticky
*********************************************************************/

.gpay{
	position:fixed;
	bottom:50px;
	right:10px;
	z-index:999;
}
.gpay img{
	width:65px;
	height:65px;
	box-shadow: 2px 2px 3px #4a4a4a;
	border-radius:50%;
	animation: zoom-in-zoom-out 2s ease infinite;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}



.qr-sec{
	padding:0 40px;
}
.qr-sec img{
	width:100%;
	border-radius:20px;
}


.sidebar-w {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidebar-w a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidebar-w a:hover {
  color: #f1f1f1;
}

.sidebar-w .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebar-w {padding-top: 15px;}
  .sidebar-w a {font-size: 18px;}
}