@charset "utf-8";



/*=========== POWERED BY MERIDIAN IT SOLUTIONS ============*/



/*************** DEFAULT CSS ***************/

body{

 	font-family: 'Poppins', sans-serif;

	font-size:14px;

	font-style: normal;

	line-height:24px;

	font-weight:400;

	color:#555;

	text-decoration: none;

	margin:0px;

	-webkit-font-smoothing: antialiased;

	padding:0;

	

}

html{ scroll-behavior: smooth;}

* {

    -webkit-box-sizing: border-box;

    -mox-box-sizing: border-box;

    box-sizing: border-box;

}

::selection {

    background: #fff; /* Safari */

	color:#000;

        }

::-moz-selection {

    background: #fff; /* Firefox */

	color:#000;

}

a {

	color:#e31f26;

	text-decoration: none;

	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

	}

	a:hover {

	color: #000;

    }

p {

	margin:0 0 30px 0;

	clear:left;

	padding:0;

	}

h1, h2, h3, h4, h5, h6 {

	margin:0 0 20px 0;

	padding:0;

	font-weight:normal;

	}	

hr {

	margin:40px  0 60px 0;

	height:1px;

	border:0;

	border-top:1px solid #e8e8e8;

	border-bottom:1px solid #e8e8e8;

	float:left;

	width:100%;

	position:relative;

}

img{

	border:0;

}	

a img {

	border: 0;

	}



/*************** COLUMS AND ROWS ***************/

main{

    position:relative;

	}

row{

	width:100%;

	display:block;

	float:left;

	margin:0 0 30px 0;

	padding:0;

}

clearfix{

	width:100%;

	height:100px;

	float:left;

	margin:0;

	padding:0;

	display:block;

}

.container{

	width:1180px;

	margin:0 auto;

}

.fullwidth{

	width:100%;

	display:block;

}

clearfix{

	width:100%;

	height:100px;

	float:left;

	margin:0;

	padding:0;

	display:block;

}

.two-col{

	width: 46%;

    float: left;

    margin-right: 8%;

}

.three-col{

	width:30%;

	float:left;

	margin-right:5%;

}

.four-col{

	width:22%;

	float:left;

	margin-right:4%;

}

.last{

	margin-right:0 !important;

}

section {

	width: 100%;

	float: left;

}

aside {

    width: 30%;

    float: left;

    margin: 0;

    padding: 0;

}

summary {

    width: 70%;

    float: right;

    margin: 0;

    padding: 0;

}



/*************** HOME PAGE CSS ***************/

.body-bg{ float: left; width: 100%; height: 100vh; background-image: url(../images/banner.jpg); background-repeat: no-repeat;

background-size: cover; background-position: center;}

.admin-bg{ background-image: url(../images/login-bg.jpg); }

header{ float: left; width: 100%; margin-top: 20px; }

.search-wrapper{position: absolute;bottom: 80px;width: 100%;left: 0;text-align: center;}

.search-hm{padding: 20px 20px;position: relative;border-radius: 40px;-webkit-border-radius: 40px;-moz-border-radius: 40px;

background: #fff;width:42%;display: inline-block;}

.form-control { border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;

height: 50px; border-color: #e9e9e9; background-color: rgba(255, 255, 255, 0); font-weight: 400;

box-shadow: none; position: relative; z-index: 2; float: left; width: 100%;margin-bottom: 0; padding: 0 20px;}

.cs-searchbar input { height: 55px; background: #f5f5f5; padding-left: 30px; font-size: 16px; border:1px solid #e5e5e5;}

.cs-search-btn { background: #e31f26; color: #fff; font-size: 15px;font-weight: 500;text-align: center;height: 44px;padding: 10px 25px;

border-color: #e31f26;min-width: 150px;border: 0;border-radius: 50px;}

.input-group{ position: relative; float: left; width:50%; padding: 0 3px; }

.input-group-single{ width: 100%; }

.cs-search-input-group{ text-align: center; width: 100%;display: block;float: left;margin-top: 10px; }

.skip-btn { float: left; width: 100%; text-align: center; margin-top: 10px; font-size: 15px; font-weight: 600; color: #676767;}

.skip-btn:hover{ color: #e31f26; }

footer{position: absolute;bottom: 0px;left: auto;right: auto;width: 100%;padding: 12px 0px;background-color:#2828284f;}

.copy{float: left;color: #fff;font-weight: 400;font-size: 13px;}

.copy a{ color: #fff; }

social{ float: right; }

social a{ color: #fff;  margin: 0 5px; }

social a:hover{ color: #e31f26; }

.login-hm .search-hm { padding: 30px; width: 30%; background-color: #f7ab31; border-radius: 20px; -webkit-border-radius: 20px;

-moz-border-radius: 20px;}

.logo-admin-logo{ text-align: center; margin-top: 10px; }

.logo-admin-logo img{ width: 200px; }

.login-hm h1{ color: #000; text-transform: uppercase; font-size: 22px; font-weight: 500; margin-bottom: 15px; }

.admin-bg .logo{ text-align: center; }

.login-hm{ bottom: 28%;}



.alert-hm{padding: 20px;background-color: #e02618b3;color:#fff;display: inline-block;width: 62%;border-radius: 10px;position: relative;}

.closebtn {margin-left: 15px;color:#fff;font-size: 22px;line-height: 20px;cursor: pointer;transition: 0.3s;position: absolute;right: 10px;top: 6px;}

.closebtn:hover {color: #e31f26;}





/**********forms**************/

form{

	margin:0;

	padding:0;

}

*:focus {  

	outline: none;

}

.fieldset{

	width:100%;

	height:auto;

	padding:12px 0 12px 32px;

	background-color:transparent;

	display:block;

	border: none;

	border-bottom: 1px solid #e2e2e2;

	margin: 0 0 15px 0;

	color:#000;

	font-size:12px;

	float:left;

}

.sendbutton{

	width:auto;

	height:auto;

	border:0;

	outline:0;

	margin:0 5px 0 0;

	float:left;

	color:#fff;

	font-size: 12px;

	cursor:pointer;

	vertical-align:top;

	padding:20px 55px 16px 20px;

	text-align:center;

	text-transform:uppercase;

	font-weight: 700;

	border-radius: 50px;

	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	background-color:#2069a4;

	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

	}

.sendbutton:hover{

	background-color:#e45a1c;

	color:#fff;

	background-position:right 20px center;

	}



::-webkit-input-placeholder {

   color: #555 !important;

}

:-moz-placeholder { /* Firefox 18- */

   color: #555 !important;

}

::-moz-placeholder {  /* Firefox 19+ */

   color: #555 !important;

}

:-ms-input-placeholder {  

   color: #555 !important;

}





.login-hm .fieldset { border-radius: 50px; border: 1px solid #000; margin-bottom: 6px; padding: 14px 30px;

-webkit-border-radius: 50px; -moz-border-radius: 50px; color: #000;}

.login-hm .btn-primary{ background:#f7ab31; color: #000; font-size: 15px; font-weight: 500;text-align: center; border-radius: 50px;

border:1px solid #000; -webkit-border-radius: 50px; -moz-border-radius: 50px; padding: 8px 40px;     text-transform: uppercase;}

.login-hm .btn-primary:hover{ background:#d2932f;  }

.login-hm ::-webkit-input-placeholder {

   color: #000 !important;

}

.login-hm :-moz-placeholder { /* Firefox 18- */

   color: #000 !important;

}

.login-hm ::-moz-placeholder {  /* Firefox 19+ */

   color: #000 !important;

}

.login-hm :-ms-input-placeholder {  

   color: #000 !important;

}



/************************************* 1180px *************************************/

@media only screen and (max-width: 1180px) {

.container{ width:96%;}

}



/************************************* 1024px *************************************/

@media only screen and (max-width: 1024px) {

.container{ width:90%;}

}



/************************************* 980px *************************************/

@media only screen and (max-width: 980px) {

.search-hm { width: 60%;}

.login-hm .search-hm { width: 52%;}

}



/************************************* 767px *************************************/

@media only screen and (max-width: 768px) {

.search-hm { width: 70%;}

.alert-hm { width: 90%;}

}



/************************************* 640px *************************************/

@media only screen and (max-width: 640px) {

.two-col, .three-col, .four-col, aside, summary{ width:100%; margin:0 0 25px 0;}

.body-bg{ background-image: url(../images/banner-mob.jpg);}

.admin-bg{ background-image: url(../images/login-bg-mob.jpg); }

.search-hm, .login-hm .search-hm { width: 90%;}

.logo{ width: 100%; text-align: center; }

.logo img{ width: 140px; } 

.copy{ width: 100%; text-align: center; }

social{ width: 100%; text-align: center; }

.alert-hm p{ font-size: 13px; line-height: 18px; }



}



/************************************* 480px *************************************/

@media only screen and (max-width: 480px) {

.container{ width:90%; }

.input-group { padding-right: 0; width: 100%; margin-bottom: 10px;}

.cs-search-input-group { position: relative; margin-top: 0px;}

.cs-search-btn{ font-size: 14px; height: 36px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;

margin-top: 10px;padding: 6px 15px; }

.form-control { border-radius: 50px; -webkit-border-radius: 50px;-moz-border-radius: 50px; height: 43px;}

}



/************************************* 360px *************************************/

@media only screen and (max-width: 360px) {

.search-wrapper { bottom: 100px;}

.login-hm{ bottom: 28%;}

}



/************************************* 320px *************************************/

@media only screen and (max-width: 320px) {

}