/*--

Author: W3layouts

Author URL: http://w3layouts.com

License: Creative Commons Attribution 3.0 Unported

License URL: http://creativecommons.org/licenses/by/3.0/

--*/

/* reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}

ol,ul{list-style:none;margin:0px;padding:0px;}

blockquote,q{quotes:none;}

blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}

table{border-collapse:collapse;border-spacing:0;}

/* start editing from here */

a{text-decoration:none;}

.txt-rt{text-align:right;}/* text align right */

.txt-lt{text-align:left;}/* text align left */

.txt-center{text-align:center;}/* text align center */

.float-rt{float:right;}/* float right */

.float-lt{float:left;}/* float left */

.clear{clear:both;}/* clear float */

.pos-relative{position:relative;}/* Position Relative */

.pos-absolute{position:absolute;}/* Position Absolute */

.vertical-base{	vertical-align:baseline;}/* vertical align baseline */

.vertical-top{	vertical-align:top;}/* vertical align top */

nav.vertical ul li{	display:block;}/* vertical menu */

nav.horizontal ul li{	display: inline-block;}/* horizontal menu */

img{max-width:100%;}

/*end reset*/

/****-----start-body----****/

body{

	background:url(../images/bg-2.jpg);

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

}

h1 {

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

  text-align: center;

  font-size: 2.5em;

  font-weight: 400;

  color: #ffffff;

  padding-top: 1.8em;

}

.login-box {

  background: url(../images/login-back.png) no-repeat 0px 0px;

  width: 400px;

  height: 300px;

  padding: 3em;

     margin: 8em auto 0 auto;

}

form {

  padding-top: 2em;

}

form li{

	list-style: none;

	margin-bottom: 25px;

	width: 100%;

	background: #b73338;

	border-radius: 0.3em;

	-webkit-border-radius: 0.3em;

	-o-border-radius: 0.3em;

	-moz-border-radius: 0.3em;

}

input[type="text"] {

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

	width: 350px;

	padding: 1em 1em 1em 3em;

   color: #fff;

   font-size: 14px;

   outline: none;

   background: url(../images/icon-1.png) no-repeat 5px 7px #b73338;

   border: none;

   font-weight: 100;

   margin-bottom: 1em;

}

 input[type="password"]{

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

  width: 350px;

  padding: 1em 1em 1em 3em;

  color: #fff;

  font-size: 14px;

  outline: none;

  background: url(../images/icon-2.png) no-repeat 5px 7px #b73338;

  border: none;

  margin-bottom: 3em;

  }



/*--checkbox--*/

.check-box{

	float: left;

}

input#slideThree {

  display: none;

}

.remember{

	float: left;

	margin: 1em 0 0 1em;

}

.remember a{

	font-size: 13px;

	color: #fff;

}

.btn{

	float: right;

}

.btn input[type="submit"] {

  background: url(../images/tick.png) no-repeat 9px 12px #fff;

  padding: .6em .6em .6em 2em;

  outline: none;

  border: none;

  font-size: 18px;

  border-radius: 0.3em;

  -webkit-border-radius: 0.3em;

  -moz-border-radius: 0.3em;

    cursor: pointer;

}

.btn input[type="submit"]:hover {

  background: #4cd662;

  background: url(../images/tick.png) no-repeat 9px 12px #4cd662;

  color: #fff;

}

.slideThree {

	width: 80px;

	height: 26px;

	background: #00bf00;

	margin: 20px auto;



	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;

	position: relative;



	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);

	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);

	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);

  bottom: 6px;

  right: 0;

}



.slideThree:after {

	content: 'OFF';

	font: 12px/26px Arial, sans-serif;

	color: #000;

	position: absolute;

	right: 10px;

	z-index: 0;

	font-weight: bold;

	text-shadow: 1px 1px 0px rgba(255,255,255,.15);

}



.slideThree:before {

	content: 'ON';

	font: 12px/26px Arial, sans-serif;

	color: #fff;

	position: absolute;

	left: 10px;

	z-index: 0;

	font-weight: bold;

}



.slideThree label {

	display: block;

	width: 34px;

	height: 20px;

	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-o-transition: all .4s ease;

	-ms-transition: all .4s ease;

	transition: all .4s ease;

	cursor: pointer;

	position: absolute;

	top: 3px;

	left: 3px;

	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);

	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);

	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);

	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );

}

.slideThree input[type=checkbox]:checked + label {

	left: 43px;

}

.copy-right p {

	text-align: center;

	padding-top:3em;

	color: #fff;

	font-size: 1em;

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

	font-weight: 600;

}

.copy-right p a {

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

	font-size: 1em;

	color:#4cd662;

}

.copy-right p a:hover {

	color:#999;

  transition: 0.5s all;

  -webkit-transition: 0.5s all;

  -moz-transition: 0.5s all;

  -o-transition: 0.5s all;

}

/*--start-responsive-design--*/

@media (max-width:480px){

	.login-box {

		  width: 400px;

		    padding: 3em 2.3em 0em 1.9em;

		  background-size: 100%;

		}

	h1 {

		font-size: 2em;

	}

}

@media (max-width:320px){

	.login-box {

	  width: 247px;

	  padding: 1.5em .6em .3em .6em;

	  background-size: 100%;

	    height: 200px;

	}

	input[type="text"] {

		width: 190px;

	}

	input[type="password"] {

		width: 190px;

		  margin-bottom: 4px;

	}

	h1 {

	  font-size: 1.3em;

	  padding-bottom: 0em;

	}

	form {

		padding-top: 0;

	}

	.btn input[type="submit"] {

	  background: url(../images/tick.png) no-repeat 6px 12px #fff;

	  background-size: 18%;

	  padding: .8em .8em .8em 1.8em;

	  font-size: 11px;

	}

	.btn input[type="submit"]:hover{

	  background: url(../images/tick.png) no-repeat 6px 12px #4cd662;

	  background-size: 18%;

	  padding: .8em .8em .8em 1.8em;

	  font-size: 11px;

	}

	.remember {

	    margin: 1.2em 0 0 0.3em;

	}

	.remember a {

	  font-size: 10px;

	}

	.btn {

	  margin-top: 0.9em;

	}

}.top{	background-color: #e5e5e5;}.top-inner{	width: 75%;	margin: auto;	height: 30px;	}.top .t-l{	float: left;}.top .t-l p{	margin: 0;	line-height: 30px;	font-size: 13px;}.top .t-r{	float: right;}.top .t-r a{	float: left;	height: 30px;	line-height: 30px;	color: #000;	font-size: 13px;}.mid{	width: 75%;	margin: 20px auto;	clear: both;	height: 50px;	}.mid .logo{	float: left;	width: 20%;	height: 50px;}.mid .logo img{	width: 100%;	height: 100%;}.mid .m-r{	float: right;	width: 50%;	margin-top: 10px;}.mid .m-r .phone{	float: left;}.mid .m-r .phone .p{	float: left;	width: 35px;	height: 35px;	margin-right: 10px;}.mid .m-r .phone .p img{	width: 100%;	height: 100%;}.mid .m-r .phone p{	float: left;	margin: 0;	line-height: 35px;	color: #D72B3B;	}.bot{	background: #D72B3B;}.bot .nav{	width: 75%;	margin: auto;	}.bot .nav>ul{	margin-bottom:0 ;	height: 40px;	margin-left: 0;}.bot .nav>ul>li{	float: left;	width: 10%;	height:40px;	list-style: none;}.bot .nav>ul>li:hover{	background-color: #d7583c;}.bot .nav>ul>li>a{	color: #fff;	height: 100%;	width: 100%;	line-height: 40px;	text-align: center;}.bot .nav .sub-nav{	background: rgba(0,0,0,0.5);	z-index: 1020;}.bot .nav .sub-nav ul{	padding: 0;}.bot .nav .sub-nav ul li{	list-style: none;	height: 40px;}.bot .nav .sub-nav ul li a{	color: #fff;	line-height: 40px;	text-align: center;}.bot .nav .sub-nav ul li:hover{	background: rgba(0,0,0,0.6);}footer{	background: #343434;	clear: both;}.footer-inner{	width: 75%;	margin: auto;	height: 180px;}.footer-inner .footer-left{	    float: left;    width: 13%;    height: 75%;    /*margin-left: -142px;*/    margin-top: 20px;}.footer-inner .footer-left img{	width: 100%;	height: 100%;}.footer-inner .footer-mid{	width: 65%;	margin: 30px 30px;	float: left;}.footer-inner .footer-mid ul{	padding: 0;	overflow: hidden;	border-bottom: 1px solid #ccc;}.footer-inner .footer-mid ul li{	float: left;	list-style: none;	height: 30px;}.footer-inner .footer-mid ul li a{	display: block;	font-size: 13px;	padding: 0 10px;	color: #ccc;}.footer-inner .footer-mid p{	color: #8b8b8b;	font-size: 12px;	text-align: center;}.footer-inner .footer-right{	float: left;	margin-top: 20px;	width: 9%;}.footer-inner .footer-right img{	width: 100%;}.footer-inner .footer-right p{	color: #ccc;	font-size: 15px;	text-align: center;	margin: 0;}

/*--End-responsive-design--*/