@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=Dosis:400,600);
@import url('https://fonts.googleapis.com/css?family=Slabo+27px');

.blockup{
   margin-top:-30px;
}
.imagecour{
/*    box-shadow:0 0 10px black; */
}

html,body { height: 100%;width:100%;font-family: 'Montserrat', serif; background: #fff;}

.contact-us{font-size: 14px;color: #111;text-align: center;}


/* CSS Document */

body {}
p{font-size: 14px; line-height: 26px; color:#111;}

img {max-width: 100%;}

h1,
h2,
h3,
h4,
h5,
h6 {color: #111;text-transform: uppercase;text-align:center;}

a {color: #333333;}
a:hover, a:focus{text-decoration: none;}
a:hover{transition: all ease 0.3s;color: #0260AC;}

/*  MARGINS AND PADDINGS	============================================================================= */

.margin-top-0			{ margin-top: 0px !important; }
.margin-top-10			{ margin-top:10px !important; }
.margin-top-20			{ margin-top:20px !important; }
.margin-top-30			{ margin-top:30px !important; }
.margin-top-40			{ margin-top:40px !important; }
.margin-top-50			{ margin-top:50px !important; }
.margin-top-60			{ margin-top:60px !important; }
.margin-top-70			{ margin-top:70px !important; }
.margin-top-80			{ margin-top:80px !important; }
.margin-left-0			{ margin-left: 0px !important; }
.margin-left-5			{ margin-left:5px !important; }
.margin-left-10			{ margin-left:10px !important; }
.margin-left-20			{ margin-left:20px !important;		}
.margin-left-30			{ margin-left:30px !important;		}
.margin-left-40			{ margin-left:40px !important;		}
.margin-left-50			{ margin-left:50px !important;		}
.margin-left-60			{ margin-left:60px !important;		}
.margin-left-70			{ margin-left:70px !important;		}
.margin-left-80			{ margin-left:80px !important;		}

.margin-bottom-0		{ margin-bottom: 0px !important;	}
.margin-bottom-10		{ margin-bottom:10px !important;	}
.margin-bottom-20		{ margin-bottom:20px !important;	}
.margin-bottom-30		{ margin-bottom:30px !important;	}
.margin-bottom-40		{ margin-bottom:40px !important;	}
.margin-bottom-50		{ margin-bottom:50px !important;	}
.margin-bottom-60		{ margin-bottom:60px !important;	}
.margin-bottom-70		{ margin-bottom:70px !important;	}
.margin-bottom-80		{ margin-bottom:80px !important;	}

.padding-top-0			{ padding-top: 0px !important;		}
.padding-top-10			{ padding-top:10px !important;		}
.padding-top-20			{ padding-top:20px !important;		}
.padding-top-30			{ padding-top:30px !important;		}
.padding-top-40			{ padding-top:40px !important;		}
.padding-top-50			{ padding-top:50px !important;		}
.padding-top-60			{ padding-top:60px !important;		}
.padding-top-70			{ padding-top:70px !important;		}
.padding-top-80			{ padding-top:80px !important;		}

.padding-left-0			{ padding-left: 0px !important;		}
.padding-left-10		{ padding-left:10px !important;		}
.padding-left-20		{ padding-left:20px !important;		}
.padding-left-30		{ padding-left:30px !important;		}
.padding-left-40		{ padding-left:40px !important;		}
.padding-left-50		{ padding-left:50px !important;		}
.padding-left-60		{ padding-left:60px !important;		}
.padding-left-70		{ padding-left:70px !important;		}
.padding-left-80		{ padding-left:80px !important;		}

.padding-bottom-0		{ padding-bottom: 0px !important;	}
.padding-bottom-10		{ padding-bottom:10px !important;	}
.padding-bottom-20		{ padding-bottom:20px !important;	}
.padding-bottom-30		{ padding-bottom:30px !important;	}
.padding-bottom-40		{ padding-bottom:40px !important;	}
.padding-bottom-50		{ padding-bottom:50px !important;	}
.padding-bottom-60		{ padding-bottom:60px !important;	}
.padding-bottom-70		{ padding-bottom:70px !important;	}
.padding-bottom-80		{ padding-bottom:80px !important;	}

/******************* Content Style *********************************/

.m_p_0{ margin:0px; padding:0px;}

/*------------------------------------------------------------------
[ HOME PAGE ]
-------------------------------------------------------------------*/

#wraper{position:relative;width:100%;height:100%;}

/*  Header STYLES 	============================================================================= */

.white_block{
	padding:10px;
	background:#FFF;
}
.header{ background:#eee; text-align:center; padding:10px 0}

.logo{
    text-align: center;
    width: 220px;
}

.logo img{
    height:90px!important;
}
.blue_base{text-align: center;background: #56aaff;}

.blue_base p{
	display: inline-block;
	margin: 0;
	padding: 0;
	line-height: 24px;
	margin: 0 20px;
	font-size:25px;
}
.blue_base p i{
	margin-right: 5px;
}

.blue_base p a{
	color: #fff;
}
#projects-slide{
    background: rgba(0,0,0,0.2);
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 9px -3px rgba(0,0,0,1);
    -moz-box-shadow: 2px 2px 9px -3px rgba(0,0,0,1);
    box-shadow: 2px 2px 9px -3px rgba(0,0,0,1);
}

#projects-slide li{list-style: none;}

.footer{width:100%;
padding:0px 0px;
background: #335d73;}

/*  MAIN CONTENT  STYLES 	

============================================================================= */

.top-tagline{

	width:100%;

	background:#335d73;

	padding:10px;

	margin:0px 0px 0px 0px;

	text-align:center;

}

.top-tagline p{

	display:inline-block;

	margin-right:20px;

	font-size:14px;

	padding:0px;

	margin-bottom:0px;

	color:#fff;

}



.top-tagline p strong{

	color:#fff;

}





.top-tagline p i{

	font-size:24px;

	margin-right:10px;

	color:#fff;

}



.top-tagline p a{

	color:#fff;

}



.main-content{

	margin: 50px 0px 10px 0px;

}



.slider-wrap{

	width:100%;

	height:450px;

	background:#fff;

	border-radius:4px;

}





.head {

	position: absolute;

	top:-15%;

	left: 35%;

}

.head img {

	border-radius:50%;

	-webkit-border-radius:50%;

	-o-border-radius:50%;

	-moz-border-radius:50%;

	border:6px solid rgba(221, 218, 215, 0.23);

}

.login-form {
background: #2e3192; color:#ccc;
width: 100%;
padding: 20px;
position: relative;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-moz-border-radius:4px;
-webkit-box-shadow: 2px 2px 9px -3px rgba(0,0,0,1);-moz-box-shadow: 2px 2px 9px -3px rgba(0,0,0,1); box-shadow: 2px 2px 9px -3px rgba(0,0,0,1);
}

.login-form h1{
font-size:25px;
color:#fff;text-align: left;
font-weight:400;
margin: 0 0 20px 0;
padding: 0 0 0 0;
}

.login-form a{ color:#eee;}
.login-form a:hover{ color:#fff; text-decoration:underline}

.main p {

text-align: center;

}

.main form p a {

	color: #888;

	font-family: 'Open Sans', sans-serif;

}

form p a:hover {

	color:#21A957;

}





@media (max-width:480px){                                  

	.head img {

	width: 78%;

	}

	.head {

	top: -15%;

	left: 34%;

	}

	input[type="text"], input[type="password"], input[type="submit"] {

	font-weight: 600;


	}

}





@media (max-width:320px){                                  

	.login-form  {

		margin:20% auto 0;

		width: 100%;

		

	

	}

	.main h1 {

	padding-top: 20%;

	font-size: 20px;

	}

	.head img {

	width: 60%;

	border: 5px solid rgba(221, 218, 215, 0.23);

	}

	.head {

	top: -15%;

	left: 36%;

	}

	input[type="text"], input[type="password"],input[type="submit"] {

	font-weight:600;

	font-size: 15px;

	}
	.main form p a {
	font-size: 15px;
	}
	input[type="submit"] {
	padding: 4%;
	}
}

/*
input::-webkit-input-placeholder {
color: red !important;
}
input:-moz-placeholder { 
color: red !important;  
}

input::-moz-placeholder {
color: red !important;  
}
input:-ms-input-placeholder {  
color: red !important;  
}
*/

.footer_login{
padding: 7px 0px;
background: #eee;
position: fixed;
bottom: 0;
}
.footer_login p{
	padding: 0;
	margin: 0;
	line-height: 30px;
}
.form-group:after{
	display: table;
	clear: both;
	content: '';
}

.footer_login .copyright{ text-align:left; color:#111;}

.footer_login .contact-us{ text-align:right;} 
.footer_login .contact-us a{ color:#111;} 
.font{ color: #111;font-family: 'Slabo 27px', serif;}
.modal-body{
            max-height: calc(100vh - 200px);
            overflow-y: auto;
        }
.modal-body p{
    color:#222;
}
.form-group label{
	font-size: 14px;
	color: #fff;
	text-align: left;
	margin: 0;
	padding: 0;
}

.form_link a{
	font-size: 18px;
	color: #fff;
	margin-top: 20px;
	display: block;
}

.form_link a:hover{
	text-decoration: underline;
}

.box_alert{
    box-shadow: 0 0 19px rgba(26, 26, 26, 0.1);
	background: #fff;
	border-radius: 10px;
	padding: 15px;
	color: #000 !important;
	text-align: center;
	font-size: 20px;
}

.box_alert a{color: red;}
.footer_login a{color: #fff;}
.footer_login a:hover{color:#ee3237;}

.modallogo{
    margin-left: 32%;
}

.modalphone{font-size: 20px;line-height: 32px;}


@media screen and (max-width: 1199px){
.retailer .navigation>ul>li>a {
    padding: 10px 11px;
}
}

@media screen and (max-width: 991px){
.form-group {
    margin: 20px 0;
}
.retailer .dashboard_drop{	
    margin-top: 10px;
}
.retailer .wallet{
    margin-top: 10px;
}
}

@media screen and (max-width: 767px){
#dis_none{
	display: none !important;
}

.form-group {
    margin: 10px 0;
}

.footer_login{
	position: relative;
}

.login-form h1{
	margin-bottom: 10px;
}

.form-group label{
	margin-left: 15px;
}

.logo img{
	width: 20%;

}
.main-content{
	margin-top: 10px;
}	
}

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