.back-ware{
	background-image:url('../images/warehouse.webp');
	height:250px;
	background-size:100% 100%;
}

.logo-head{
	color:white;
	margin-top:7px;
	margin-left: 9px;
}

.header-row{
	background:black;
    width: 100%;
    margin-right: -15px;
    margin-left: -15px;
}

.search-box{
	float:left;
	width:100%;
	opacity:0;
}
.search-box-display{
	 opacity: 1; 
	
}

.search-btn{
	    padding: 3px 8px 7.4px;
    color: white;
    background: linear-gradient(45deg, #2e750b, #7cf143);linear-gradient(45deg, #2e750b, #7cf143);
    border: none;
	outline:none;
	
}

.search-dropdown{
	  outline:none;
    height: 30px
	
}

.search-textbox{
	    outline:none;
		width: 233px;
		    height: 30.1px;
}

.searchbox-form{
	    margin-top: 8px;
    margin-bottom: 0px;
}




.get-price{
	    margin: 0px 7px;
    font-weight: bold;
    background: linear-gradient(45deg, #2e750b, #69d635);
    color: white;
    padding: 5px 6px 4px;
    border: none;
	outline:none;
	
}

.para1{
	color: white;
    font-size: 23px;
}

.search-div{
	text-align:center;
	    padding-top: 62px;
}
.search-box2{
	width: 90%;
    margin: 0px auto;
    height: 41px;
}

.dropdown2{
	    float: left;
    height: 40px;
	width:20%;
}

.search-textbox2{
	    float: left;
    height: 40px;
    width: 60%;
}

.searchbox-btn2{
	 float: left;
    padding: 4px 12px 9px;
    background: linear-gradient(45deg, #2e750b, #7cf143);
    border: none;
    font-size: 20px;
	color:white;
}

.header-btn{
	    font-size: 15px;
    font-weight: bold;
    color: white;
    background: none;
    outline: none;
    border: none;
    margin-top: 3px;
}
.header-icon{
	font-size: 22px;
    color: white;
}

.heading-both{
	    font-size: 37px;
    margin-top: 40px;
}

.para2{
	    margin-top: -5px;
    font-weight: 600;
}

.back-color{
	background:white;
}
.back-color-nav{
	background:black;
}


.slider{
	width:100%;
}


.category-box{
	width: 90%;
    background: white;
    margin: 30px auto;
    
	padding: 0px 17px;
}
.border-top{
	border-top: 4px solid black;
}
.border-right{
	border-right: 1px solid #d4d2d2;
}


.img-box{
	width: 100%;
    height: 500px;
	padding-top:300px;
	background-repeat:no-repeat;
	background-size:100% 100%;
}
.img1{
	background-image: url(../images/category2.jpg);
}
.img2{
	background-image: url(../images/category3.jpg);
}
.category-links{
	 
    margin-left: 25px;
    font-size: 17px;
}

.view-btn{
	    margin-left: 25px;
    background: linear-gradient(45deg, #2e750b, #7cf143);
	    background-repeat: no-repeat;
    border: none;
    color: black;
    padding: 9px 30px;
    font-size: 17px;
    margin-top: 16px;
    outline: none;
	color:white;
	font-weight:bold;
}


.border-grey{
	border:1px solid #dbdbdb;
	    height: 157px;
    margin-bottom: 14px;
}
.pad1{
	padding-right: 19px;
}







.logo{
	    width: 68px;
    margin-left: 28px;
}

.social-logo{
	width:35px;
}

.social-logo-contact{
	width:26px;
}

.footer-row-pad{
	padding:6px 0px;
}
.size1{
font-size:25px;
}

.footer-heading{
	margin-top: 5px;
    font-size: 18px;
}

.row3{
	background: white;
    padding: 20px 0px;
	
}

.center-text{
	text-align:center;
}

.para3{
	    font-size: 17px;
    font-weight: bold;
}
.para4{
	color: grey;
}

.btn3{
	    background: none;
    border: 1px solid green;
    padding: 11px 20px;
    border-radius: 20px;
    outline: none;
}

/*drop down styling*/
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none; 
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 6px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}
.help-dropdown-content a:hover {background-color: #ddd;}
.sign-in-dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .help-dropdown-content {display: block;}
.dropdown:hover .sign-in-dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}


.help-dropdown-content{
	display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    margin-left: -28px;
}
.help-dropdown-content a {
  color: black;
  padding: 6px 16px;
  text-decoration: none;
  display: block;
}




.sign-in-dropdown-content{
	    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 230px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    margin-left: -136px;
}
.sign-in-dropdown-content .sign-anchor{
  color: black;
  padding: 6px 16px;
  text-decoration: none;
  display: block;
}

.btn-sign{
	    font-weight: bold;
    background: linear-gradient(45deg, #2e750b, #69d635);
    color: white;
    padding: 4px 11px 5px;
    border: none;
    margin: 5px 74px;
    cursor: pointer;
    border-radius: 4px;
	outline:none;
}

.btn-sign:hover{
	background: linear-gradient(45deg, #69d635,#2e750b);
}

.sign-text{
	text-align: center;
    font-size: 12px;
}




.back-color2{
	background:#e2e2e2;
}

.para5{
	font-size: 25px;
    font-weight: bold;
}
.row4{
	padding: 18px 20px 0px;
}


.icon-style{
	    font-size: 54px;
    color: #50ad23;
	margin-bottom:10px;
}


/* Modal Start*/

/* The Modal (background) */
.mymodal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.mymodal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.modal-close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.modal-close:hover,
.modal-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.mymodal-header {
  padding: 2px 16px;
  background-color: #3e9413;
  color: white;
}

.mymodal-body {padding: 2px 16px;}

.mymodal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}



.mymodal-body .modal-mob{
	width: 10%;
    font-size: 20px;
}


.mymodal-body .modal-text{
	width: 90%;
    display: inline;
}


/*Modal End*/



.mybtn-submit{
	    background:radial-gradient(#67ca37,#3e9413);
    color: white;
    border: none;
    outline: none;
    width: 251px;
    font-size: 23px;
    padding: 7px 0px;
    margin: 20px 0px 0px;
}

.customGPlusSignIn{
	display: inline-block;
    background: #4685f5;
    color: #fff;
    width: auto;
    border-radius: 0px;
    border: thin solid #4685f5;
    box-shadow: 1px 1px 1px grey;
    white-space: nowrap;
}
.Gicon{
	    background: url(../images/Glogo.png) white 50% 50% no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-size: 22px 22px;
    width: 42px;
    height: 42px;
}
.buttonText{
	    display: inline-block;
    vertical-align: middle;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 16px;
    font-weight: bold;
    font-family: sans-serif;
}

.para6{
	    margin-left: 20px;
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    line-height: 2.3;

}




footer a{
	color: #353535;
}

.fixed-nav{
	position:fixed;
	z-index:5;
}



@media only screen and (min-width: 1200px) {
	
	.trust-verify{
	color:grey;
	margin:32px 0px;
	}
}
@media only screen and (max-width: 1200px) {
	
	.trust-verify{
	color:grey;
	margin-bottom:0px;
	}
}
@media only screen and (min-width: 1160px) {

	.card-img-box{
	width: 100%;
    height:200px;
	position:relative;
	}
	.card-btn{
	    background: linear-gradient(#6ad038,#50ad23);
    border: 1px solid #50ad23;
    color: white;
    font-size: 17px;
    padding: 6px 13px;
    font-weight: bold;
    cursor: pointer;
    outline: none;
	border-radius: 5px;
	
	}
}
@media only screen and (max-width: 1160px) {

	.card-img-box{
	width: 100%;
    height: 150px;
	position:relative;
	}.card-btn{
	    background: linear-gradient(#6ad038,#50ad23);
    border: 1px solid #50ad23;
    color: white;
    font-size: 14px;
    padding: 6px 13px;
    font-weight: bold;
    cursor: pointer;
    outline: none;
	border-radius: 5px;
	
	}
}
@media only screen and (min-width: 1150px) {

	.category-img{
	float:left;
	margin-top:10px;
	width:100px;
	
	}
		
	.sub-box{
		float: left;
		margin-left: 15px;
		margin-top: 8px;
	}
}
@media only screen and (max-width: 1150px) {

	.category-img{
	float:left;
	margin-top:10px;
	width:95px;
	margin-left:-12px;
	}
		
	.sub-box{
		float: left;
		margin-left: 3px;
		margin-top: 8px;
	}
}
@media only screen and (max-width: 1070px) {
	.ph-font{
		font-size:12px;
	}
	
}
@media only screen and (min-width: 1070px) {
	.ph-font{
		    font-size: 18px;
	}
	.contact-sup-font{
		font-size: 19px;
	}
	
	
}
@media only screen and (max-width: 992px) {
	
		
	.sub-box a{
		color:#767676;
		font-size:1.4vw;
	}
	.sub-box p a{
		color:black;
		font-weight:bold;
		font-size:1.4vw;
	}
	.product-category-heading{
		font-size: 2.5vw;
		font-weight: bold;
		margin-top: 18px;
	}
	.ph-font{
		font-size:15px;
	}
	.product-left-box-size{
		width:100%;
	}
	.product-right-box-size{
		width:100%;
	}
	.product-section{
	width: 100%;
    height: 520px;
    margin-bottom: 27px;
    box-shadow: 0px 0px 5px 4px #bfbfbf;
	}
	.product-right-box{
	   
    background: #e6e6e6;
    float: left;
	padding: 10px 10px;
	    height: 230px;
	}
	.supplier-box{
	width:100%;
	height:110px;
	}

	
	.header-row{
		text-align:center;
	}
	.sign-in-dropdown-content{
		text-align:left;
	}
	.help-dropdown-content{
		text-align:left;
	}
	.card-img-box{
	width: 100%;
    height: 200px;
	position:relative;
	}
	.category-img{
	float:left;
	margin-top:10px;
	width:100px;
	margin-left:0px;
	}
		
	.sub-box{
		float: left;
		margin-left: 15px;
		margin-top: 8px;
	}
	.cat-par2{
		font-size:1.3vw;
	}
	.cat-par-3{
		font-size:1.3vw;
	}
}
@media only screen and (min-width: 992px) {
	
	.sub-box a{	
		color:#767676;
		font-size:1.1vw;
	}	
	.sub-box p a{
		color:black;
		font-weight:bold;
		font-size:1.1vw;
	}
	.product-category-heading{
		font-size: 2vw;
		font-weight: bold;
		margin-top: 18px;
	}
	.cat-par-3{
		font-size:1vw;
	}
	.cat-par2{
		font-size:1.2vw;
	}
	.right-nav{
		float:right;
		margin-right: 20px;
	}
	.location-border-right{
		border-right: 1px solid #dadada;
	}
	.myleft-col{
		width:20%;
		float:left;
	}
	.myright-col{
		width: 80%;
    float: left;
    margin-left: 6px;
	}
		.product-left-box-size{
		width:70%;
	}
	.product-right-box-size{
		width:30%;
	}
	.product-right-box{
	   
    background: #e6e6e6;
    float: left;
	padding: 10px 10px;
	    height: 290px;
	}
	.supplier-box{
	width:100%;
	height:150px;
	}
	.product-section{
	width: 100%;
    height: 290px;
    margin-bottom: 17px;
	}
		
	
	 .margin-searchbox-area{
		margin-top:48px;
		
	}
	.get-price{
		float:left;
	}
	.search-dropdown{
		
		float:left;
	}
	.search-textbox{
		float:left;
	}
	.search-btn{
		float:left;
	}
	
	
}

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

	.card-img-box{
	width: 100%;
    height:150px;
	position:relative;
	}
}
@media only screen and (min-width: 768px) {
		.mymodal-content{
		width: 450px;
	}
	 .contact-area{
		 text-align: right;
    margin-top: 10px;
	 } 
	 .contact-footer-area{
		 text-align: right;
    margin: 10px 0px;
	 }
	.sel-reg-par{
		font-weight: bold;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    font-size: 2vw;
	}
	
}
@media only screen and (max-width: 768px) {
	.sub-box a{	
		color:#767676;
		font-size:2vw;
	}	
	.sub-box p a{
		color:black;
		font-weight:bold;
		font-size:2vw;
	}
	.cat-par2{
		font-size:1.7vw;
	}
	.cat-par-3{
		font-size:1.6vw;
	}
	.sel-reg-par{
		font-weight: bold;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    font-size: 3vw;
	}
	.contact-area{
		margin: 10px 0px;
	 }
	 .contact-footer-area{
		 text-align:center;
		margin: 10px 0px;
	 }
	  .margin-searchbox-area{
		margin-top:0px;
		
	}
	
	.get-price{
		margin:5px 0px;
	}
	.card-img-box{
	width: 100%;
    height:150px;
	position:relative;
	}
}


.padding-top{
	    padding-top: 7px;
}

.para7{
	color:#717171;
	display:inline;
}
.para7 a{
	color:#717171;
	
}
.para8{
	display: inline;
    font-size: 28px;
}
.para9{
		display: inline;
    font-size: 13px;
    color: #717171;
}
.para10{
	display: inline;	
	    color: grey;
    font-size: 17px;
    font-weight: bold;
}	
.back-color-white{
	background:white;
}
.select-form-style{
	height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
	outline: none;
    width: 160px;
}
.select-form-style option{
	outline:none;
}

.pad2{
	padding: 7px 20px;
}
.location-icon{
	color:#50ad23;
}

.pad3{
	padding:0px 20px;
}
.my-box2{
	    padding-left: 7px;
    padding-right: 7px;
    width: 98%;
    margin: 0px auto;
}

.my-box3{
	
    width: 96%;
    margin: 0px auto;
}

.my-box4{
	border-top: 1px solid #cecece;
    width: 100%;
    float: left;
    padding: 9px 0px 16px;
}

.back-color-pad{
	    background: white;
    padding: 20px 15px;
}

.location-box-style{
	padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 7px;
}


.para11{
	    display: inline;
    color: #b7b7b7;
}

.para12{
	display: inline;
    font-weight: bold;
}
.para13{
	display: inline;
}
.right-cate{
	width:100%;
	text-align:right;
	
}

.right-cate a{
	color: #696868;
}
.breakline{
	display:inline;
}

.city-nav ul{
	list-style-type:none;
	padding:0px;
}
.city-nav ul li{
	float: left;
    padding: 0px 7px;
    font-size: 15px;
	margin:0px 2px;
}

.city-nav ul li:hover{
	border-bottom:2px solid #50ad23;
}

.city-nav ul li a{
	color:grey;
	text-decoration:none;
}

.city-nav{
	    width: 100%;
    height: 23px;
    margin-top: -5px;
}

.city-nav ul .active{
	border-bottom:2px solid #50ad23;
}

.city-nav ul .active a{
	color:black;
	font-weight:bold;
}


.myleft-col{
	
    margin-left: -6px;
	
}

.margin-top-cate{
	margin-top:11px;
}

.head1{
	background: #dedede;
    font-weight: bold;
    padding: 5px;
    font-size: 17px;
    border: 1px solid #d6d4d4;
}
.cate-box ul{
	list-style-type:none;
	padding:7px;
}


.cate-box ul li a{
	color:grey;
}


.cate-box{
	width:100%;
}


.product-left-box{
	    
    background: white;
    float: left;
	padding: 10px 0px;
	    height: 290px;
}


.picture-box{
	width: 40%;
    float: left;
    height: 250px;
    border: 2px solid #bdbbbb;
    border-radius: 5px;
    text-align: center;
    margin-left: 10px;
    padding: 10px;
    position: relative;
    line-height: 250px;
	
}
.content-box{
	float:left;
	    padding-left: 10px;
		width:50%;
	
}

.content-head{
	margin-bottom:0px;
	color: #50ad23;
    font-weight: bold;
    font-size: 20px;
	
}

.content-price{
	font-weight: bold;
    font-size: 17px;
}

.content-detail{
	margin-bottom:0px;
}

.sup-name{
	    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0px;
}
.sup-city{
	color:grey;
}

.verify-icon{
	color:#50ad23;
}
.ph-no{
	background: transparent;
    outline: none;
    border: 2px solid #50ad23;
    color: #50ad23;
    font-weight: bold;
    padding: 9px;
    border-radius: 6px;
}	

.quote-btn{
	background: radial-gradient(#e4ff03, #d4ce15);
    width: 75%;
    margin: 11px auto;
    border-radius: 5px;
    padding: 3px;
}

.para14{
	
    font-weight: bold;
    margin-bottom: 0px;
}
.para15{
	    margin-bottom: 0px;
}



.contact-sup{
	    text-align: center;
    
}



.pro-img-box{
	    width: 100%;
    border: 1px solid #eaeaea;
    padding: 10px;
	text-align: center;
}
.pro-img{
	width:90%;
}

.pad4{
	    padding-top: 20px;
	    padding-bottom: 20px;
}

.content-detail2{
	    margin-bottom: 3px;
    font-size: 16px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 3px;
}

.contact-sel-btn{
	    background-image: linear-gradient(white, #efefef);
	    width: 90%;
    margin: 11px auto;
    border-radius: 5px;
    padding: 3px;
    border: 2px solid #50ad23;
    color: #50ad23;
	    cursor: pointer;
}


.quote-btn2{
	background: radial-gradient(#e4ff03, #d4ce15);
    width: 90%;
    margin: 11px auto;
    border-radius: 5px;
    padding: 3px;
	    cursor: pointer;
}

.relation-box{
	border: 1px solid #d8d8d8;
    padding: 20px 0px;
    border-radius: 10px;
}

.supplier-box2{
	text-align: center;
    width: 100%;
    margin-bottom: 18px;
}

.pro_para{
	    margin-bottom: 0px;
    padding-bottom: 7px;
    border-bottom: 3px solid #50ad23;
    display: inline;
    font-size: 25px;
    font-weight: bold;
}

.pro_detail{
	border-bottom: 1px solid #d6d3d3;
    padding-bottom: 6px;
}

.pro_spe{
	    font-weight: bold;
    font-size: 20px;
}

.product-spec-box table{
	    width: 90%;
    margin: 0px auto;
}

.product-spec-box table tr{
	    border-bottom: 1px solid #dedede;
}



.product-spec-box table tr td{
	  width:50%;
	  padding: 5px;
}

.pro_sub{
color: grey;	
}
.pro_sub_content{
	font-weight: bold;
}

.com_tit{
    margin-bottom: 0px;
    font-size: 17px;
    color: grey;
}

.com_des{
	margin-bottom: 0px;
    font-size: 17px;
    font-weight: bold;
}


.card{
	text-align: center;
	padding: 20px;
    border: 1px solid #c1c1c1;
    box-shadow: 0px 0px 5px 2px #cacaca;
	    margin-bottom: 40px;
}


.card-img{
	    max-width: 95%;
    max-height: 95%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
}
.card-title{
	font-size: 17px;
    font-weight: bold;
	height: 58px;
	color:black;
}
.card-price{
	border-top: 1px solid #eee;
    padding-top: 8px;
    color: #50ad23;
    font-size: 16px;
    font-weight: bold;
}

.product-other-img
{
	width:50%;
}



.pad5{
	padding:20px 0px;
}

.company-logo-box{
	width: 100%;
    height: 135px;
    float: left;
    position: relative;
    padding: 0px;
    text-align: center;
   
}
.visible{
	opacity:1;
}
.clint-logo-img{
	    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    max-width: 90%;
    max-height: 90%;
    margin: auto;
}

.sup-product-box{
	width: 100%;
    box-shadow: 0px 0px 2px 2px #c5c5c5;
    background: white;
	float:left;
	transition: height 2s;
	margin-bottom: 30px;
}

.sup-pro-top-row{
	background: #fbfbfb;
    width: 100%;
    box-shadow: 0 5px 5px -2px grey;
    margin-bottom: 20px;
	float: left;
}
.sup-title{
	    margin-bottom: 0px;
    color: #50ad23;
    font-size: 22px;
    font-weight: bold;
}

.sup-city{
	margin-bottom: 0px;
	
}
.sup_contact_no{
	background: white;
    border: 1px solid #50ad23;
    color: #50ad23;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
    outline: none;
    padding: 3px 12px;
    cursor: pointer;
}
.sup_mob_no{
	background: white;
    border: 1px solid #50ad23;
    color: #50ad23;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
    outline: none;
    padding: 3px 12px;
    cursor: pointer;
}
.sup_view_catelog{
	background: white;
    border: 1px solid #50ad23;
    color: #50ad23;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
    outline: none;
    padding: 3px 12px;
    cursor: pointer
}
.sup_cont{
	padding: 3px 12px;
    background: #50ad23;
    color: white;
    border: 1px solid #50ad23;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
}
.sup-pro-bottom-row{
	float:left;
	width:100%;
}
.product-name{
	font-size: 16px;
    font-weight: bold;
    margin-bottom: 0px;
	text-transform: capitalize;
}

.mycard-box{
	text-align: center;
	cursor:pointer;
	padding: 10px 0px;
}


.mycard-box:hover a{
	color:black;
	text-decoration:none;
}


.mycard-box a{
	color:black;
	text-decoration:none;
}
.mycard-box:hover{
	box-shadow: 0px 0px 7px 3px #d6d4d4;
}
.mycard-box-title{
	    height: 50px;
}
.mycard-box-title .product-name{
	    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0px;
}
.mycard-box-img{
	width: 90%;
    margin: 0px auto;
    height: 180px;
	position:relative;
}
.product-img-sup{
	    max-width: 95%;
    max-height: 95%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
}
.product-img{
	    max-width: 95%;
    max-height: 95%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
}


.feedback-form{
	padding: 20px;
    background: white;
    box-shadow: 0px 0px 5px 5px #bdbcbc;
	margin-top:20px;
}
.feed-header{
	text-align:center;
}

.feed-head-par{
	font-size: 43px;
    margin-bottom: 0px;
    font-weight: bold;
}
.feed-content-par{
	margin-bottom: 1px;
    font-weight: bold;
}


.feed-content label{
	font-weight: 100;
	cursor:pointer;
}
.com-title{
	font-weight: bold;
    margin-top: 20px;
    margin-bottom: 2px;
}
.feed-footer{
	    text-align: center;
    margin: 20px 0px;
}
.feed-btn{
	padding: 10px 19px;
    background: #50ad23;
    color: white;
    border: 1px solid #50ad23;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
}


.head-logo-div{
	text-align:center;
}
.head-logo-div img{
	    width: 146px;
}

.sign-in-par{
	text-align: center;
    font-size: 22px;
    margin-top: 10px;
}

.sign-in-form label{
	margin-top:16px;
	cursor:pointer;
}

.mart-btn{
	padding: 7px 19px;
    background: #50ad23;
    color: white;
    border: 1px solid #50ad23;
    outline: none;
    cursor: pointer;
    font-size: 21px;
    font-weight: bold;
    width: 100%;
    border-radius: 17px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.sign-in-div{
	text-align:center;
}
.reg-footer{
	text-align:center;
}

.reg-footer p{
	color:grey;
}


.btn-change{
	background: white;
    border: 1px solid #50ad23;
    color: #50ad23;
    font-size: 21px;
    font-weight: bold;
    border-radius: 17px;
    outline: none;
    padding: 7px 19px;
    cursor: pointer;
    width: 100%;
}


.reg-form{
	padding: 30px;
}


.sel-form{
	    background: #ffffffc2;
    border-radius: 13px;
    margin-top: 30px;
   
}

.sel-head{
	text-align: center;
    font-size: 17px;
    font-weight: bold;
    border-bottom: 1px solid grey;
    padding-top: 20px;
}

.sel-content{
	padding: 15px 30px;
}

.sel-right-head{
	background: #50ad23;
    padding: 10px 0px;
    text-align: center;
    margin-top: 30px;
    color: white;
    font-size: 19px;
}
.sel-right-head p{
	margin-bottom:0px;
}

.sel-par{
	    margin-bottom: 5px;
    font-weight: bold;
    margin-top: 5px;
}

.sel-btn{
	padding: 7px 19px;
    background: #50ad23;
    color: white;
    border: 1px solid #50ad23;
    outline: none;
    cursor: pointer;
    font-size: 21px;
    font-weight: bold;
    width: 100%;
    border-radius: 17px;
    margin-top: 10px;
    margin-bottom: 40px;
}
.sel-btn3{
	padding: 7px 19px;
    background: #50ad23;
    color: white;
    border: 1px solid #50ad23;
    outline: none;
    cursor: pointer;
    font-size: 21px;
    font-weight: bold;
    width: 100%;
    border-radius: 17px;
    margin-top: 10px;
    margin-bottom: 4px;
}

.sel-footer{
	padding: 15px 30px;
	text-align:center;
}

.sel-right-content{
	color: white;
    text-align: center;
    padding: 20px;
    font-size: 17px;
}
.sel-right-content p{
	margin-bottom:0px;
}
.sel-right-content2{
	float: left;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 16px;
}
.sel-icon{
	width:60%;
}
.sel-right-content3{
	    float: left;
    background: black;
    text-align: center;
    padding: 20px 20px;
    color: white;
}
.sel-right-icon{
	    width: 60%;
    border-radius: 8px;
}


.cat-left-box{
	width: 35%;
    float: left;
}
.cat-right-box{
	width: 65%;
    float: left;
}

.cat-left-box img{
	width:93%;
}
.cat-right-box p{
	margin-bottom:0px;
}
.cat-right-box p a{
	color:#444343;
}

.cat-par1{
	    font-size: 23px;
		font-weight: bold;
}

.cat-par2 a{
		color:black;
		font-weight: bold;
}

.pad6{
	padding: 0px 14px;
}

.cat-box4{
    cursor: pointer;
    padding-top: 4px;
    padding-bottom: 12px;
	border-top: 1px solid #d2d2d2;
}

.cat-box4:hover{
	background: #62cb3052;
}



.sel-btn2{
	padding: 7px 0px;
    background: #50ad23;
    color: white;
    border: 1px solid #50ad23;
    outline: none;
    cursor: pointer;
    font-size: 17px;
    font-weight: bold;
    width: 80%;
    border-radius: 17px;
    margin-top: 10px;
    margin-bottom: 9px;
}

.verify-text-box{
	    width: 70%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
    text-align: center;
}


.login-link{
	    margin: 20px;
    font-size: 17px;
    font-weight: bold;
    text-decoration: underline;
	color:grey;
	cursor:pointer;
}


.register-link{
	    margin: 20px;
    font-size: 17px;
    font-weight: bold;
    text-decoration: underline;
	color:grey;
	cursor:pointer;
}
.verify-otp{
	    padding: 7px 19px;
    background: #50ad23;
    color: white;
    border: 1px solid #50ad23;
    outline: none;
    cursor: pointer;
    font-size: 21px;
    font-weight: bold;
    width: 100%;
    border-radius: 17px;
    margin-top: 10px;
    margin-bottom: 30px;
}
.resend{
	    background: white;
    border: 1px solid #50ad23;
    color: #50ad23;
    font-size: 21px;
    font-weight: bold;
    border-radius: 17px;
    outline: none;
    padding: 7px 19px;
    cursor: pointer;
    width: 100%;
}

.verify-msg{
	color: red;
    font-weight: bold;
    font-size: 17px;
    margin-left: 9px;
}
.not_me{
	text-align:right;
	color: #2f2f94;
    cursor: pointer;
}
.verify-section{
	text-align:center;
}
.otp_did{
	display: inline;
}
.otp_did1{
	display: inline;
}
.resend-txt{
	background: none;
    outline: none;
    border: none;
    color: #2f2f94;
    cursor: pointer;
}
.error_msg{
	    color: #c32323;
    font-size: 13px;
}
.msg1{
	    color: #c32323;
    font-size: 13px;
}
.msg2{
	    color: #c32323;
    font-size: 13px;
}
.msg3{
	    color: #c32323;
    font-size: 13px;
}
.sel-profile-head{
	    background: black;
    color: white;
    padding: 5px;
	    margin-top: 30px;
}
.sel-profile-body{
	   padding: 5px;
    background: #4c4c4c;
}
.sel-table tr td{
	    font-size: 14px;
		color:white;
		padding-left:5px;
		padding-bottom: 8px;
}
.btn-head-sel4{
	    float: left;
    background: #e8e8e8;
    padding: 5px 0px;
    border: none;
    outline: none;
    color: #6b6969;
    border-left: 1px solid black;
    width: 25%;
}
.btn-head-sel3{
	float: left;
    background: #e8e8e8;
    padding: 5px 0px;
    border: none;
    outline: none;
    color: #6b6969;
    width: 25%;
}
.btn-head-sel2{
	    float: left;
    background: #50ad23;
    padding: 5px 0px;
    border: none;
    outline: none;
    color: white;
    font-weight: bold;
    width: 25%;
}
.btn-head-sel1{
	float: left;
    background: white;
    padding: 5px 0px;
    border: none;
    outline: none;
    color: #5a5a5a;
    width: 25%;
}
.jumbo-group{
	width:100%;
}
.sel-detail-form{
	margin-top: 30px;
    background: #cacaca;
    width: 100%;
    padding: 7px;
	float:left;
}
.sel-business-detail{
	
	padding: 20px 35px;
	
}
.sel-bus-par1{
	font-size: 19px;
    border-bottom: 2px solid grey;
}

.sel-bus-par2{
	margin-bottom: 0px;
    font-weight: bold;
}
.sel-bus-btn1{
	background: linear-gradient(#6ad038,#50ad23);
    border: 1px solid #50ad23;
    color: white;
    font-size: 17px;
    padding: 6px 22px;
    font-weight: bold;
    cursor: pointer;
    outline: none;
    border-radius: 5px;
    margin-top: 17px;
        float: right;
    margin-right: 17px;
}
.sel-bus-left{
	float:left;
	width:70%;
}
.sel-bus-right{
	float:left;
	width:30%;
}

.sel-product{
	    width: 80%;
    height: 175px;
    background-image: url(../images/gallary.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 0px auto;
}
.sel-bus-btn2{
	background: #66ca34;
    color: white;
    border-radius: 50%;
    font-size: 30px;
    padding: 12px;
    border: none;
    outline: none;
	margin-top: 68px;
}



.btn-dash{
	background: linear-gradient(#6ad038,#50ad23);
    border: 1px solid #50ad23;
    color: white;
    font-size: 17px;
    padding: 6px 22px;
    font-weight: bold;
    cursor: pointer;
    outline: none;
    border-radius: 5px;
    
}
.congrat{
	    text-align: center;
    color: #4b9428;
    font-weight: bold;
    font-size: 19px;
}


.msg-upload{
	text-align: center;
    color: #50ad23;
    margin-top: 13px;
	display:none;
}

.msg-upload2{
	text-align: center;
    color: #50ad23;
    margin-top: 13px;
	display:none;
}
.notme_otp{
	cursor:pointer;
	float:right;
	color:#337ab7;
}
.cnt_head{
	    text-align: center;
    font-size: 35px;
    font-weight: bold;
	margin-bottom:0px;
}
.cnt_top-bottom-padding{
	padding-top: 5px;
	padding-bottom: 5px;
}

.cnt_left{
	    background: #fff;
    padding: 20px;
    box-shadow: 0px 0px 4px 4px #dadada;
}
.cnt_visit{
	font-size: 30px;
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 2px solid green;
}
.cnt_support{
	font-size: 30px;
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 2px solid green;
}
.cnt_address{
	font-size: 18px;
    color: #616161;
}
.cnt_anchor a{
	    color: #616161;
    text-decoration: none;
    font-size: 16px;
}
.cnt_email{
	width:50%;
	float:left;
}
.cnt_name{
	width:50%;
	float:left;
	padding-right:5px;
}
.cnt_btn{
	padding: 3px 12px;
    background: #50ad23;
    color: white;
    border: 1px solid #50ad23;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    font-size: 25px;
    font-weight: bold;
}
.cnt_touch{
	    font-size: 25px;
    margin-bottom: 25px;
}
.user_par1{
	font-size: 26px;
    font-weight: bold;
    margin: 10px 0px 10px 7px;
}
.user-personal-information{
	background: white;
    padding: 10px 25px;
    box-shadow: 0 2px 2px rgba(60, 60, 60, 0.24);
}

.user_par2{
	color: #50ad23;
    font-size: 20px;
    font-weight: bold;
}
.user_par3{
	    font-size: 15px;
    color: #666;
    font-weight: bold;
    padding-left: 4px;
}
.user_profile_btn{
    padding: 7px 12px;
    background: #50ad23;
    color: white;
    border: 1px solid #50ad23;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    width: 256px;	
}
.cmng{
	background-color:white;
	box-shadow:0px 0px 5px 2px #cacaca;
	padding-top:80px;
	padding-bottom:100px;
	
}
.coming_sn{
	font-size:100px;
	color:#50ad23;
}
.wrk_progress{
	font-size:50px;
	color:grey;
}
.cmg_anc{
	color:black;
}
.about-us-box{
	    box-shadow: 0px 0px 6px 0px #ccc8c8;
    background: white;
}

.millions{
	color:#50ad23;
}
.pk_link{
	color:#50ad23;
}
.pk_link:hover{
	color:#50ad23;
}
.advert-btn{
	    background: #50ad23;
    color: white;
    border: 1px solid #50ad23;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    font-size: 17px;
    font-weight: bold;
	    padding: 3px 17px;

}
.advert-btn a{
	text-decoration:none;
	color:white;
}
.advert-btn a:hover{
	text-decoration:none;
	color:white;
}
.advert-box{
	    padding: 20px 27px;
    box-shadow: 0px 0px 4px 1px #dedede;
    width: 90%;
    border-bottom: 3px solid grey;
    margin: 0px auto;
}
.advert-box i{
	font-size: 35px;
}
.advert-par2{
	color:grey;
}
.advert-par1{
	    color: #333333;
    font-size: 1.6em;
    font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.4;
    margin: 4px 0;
    padding: 4px 18px;
    text-align: center;
}
.pdf_anc_link{
	color: #50ad23;
    font-size: 20px;
    text-decoration: underline;
}

.save-msg-box{
	    background: #23ada0;
    padding: 10px;
    color: white;
    font-weight: bold;
    border-radius: 5px;
	    display: none;
}

.view-more-cat{
	background: #2e3192;
    color: white;
    padding: 3px 20px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 10px;
	margin-top:6px;
}
.view-more-cat:hover{
	color: white;
	text-decoration: none;
}

.dir-cat-img{
	    width: 45%;
    float: left;
}
.dir-cat-des{
	    width: 45%;
    float: left;
    margin-left: 3%;
    font-size: 13px;
    color: #666;
}


/* Style End */


/* Font Start */
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url(font/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEoYNNZQyQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url(font/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEoadNZQyQ.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url(font/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEoYdNZQyQ.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url(font/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEobtNZQyQ.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url(font/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEoYtNZQyQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url(font/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEoY9NZQyQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url(font/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEobdNZ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url(font/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAgM9UvI.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url(font/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLCwM9UvI.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url(font/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAwM9UvI.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url(font/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDAM9UvI.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url(font/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAAM9UvI.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url(font/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAQM9UvI.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url(font/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDwM9.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url(font/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoYNNZQyQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url(font/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoadNZQyQ.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url(font/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoYdNZQyQ.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url(font/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYobtNZQyQ.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url(font/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoYtNZQyQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url(font/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoY9NZQyQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url(font/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYobdNZ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url(font/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCkYb8td.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url(font/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCAYb8td.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url(font/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCgYb8td.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url(font/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCcYb8td.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url(font/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCsYb8td.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url(font/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCoYb8td.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url(font/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYbw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(font/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(font/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(font/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(font/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(font/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(font/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(font/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Font End */

/* Bootsnav Start */
/* ==============================================================

Template name : Bootsnav - Multi Purpose Header
Categorie : Bootstrap Menu in CSS
Author : adamnurdin01
Version : v.1.2
Created : 2016-06-02
Last update : 2016-10-19

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

/* MEGAMENU STYLE
=================================*/
nav.bootsnav .dropdown.megamenu-fw {
    position: static;
}

nav.bootsnav .container {
    position: relative;
}

nav.bootsnav .megamenu-fw .dropdown-menu {
    left: auto;
}

nav.bootsnav .megamenu-content {
    padding: 15px;
    width: 100% !important;
}

nav.bootsnav .megamenu-content .title{
    margin-top: 0;
}

nav.bootsnav .dropdown.megamenu-fw .dropdown-menu {
    left: 0;
    right: 0;
}

/* Navbar
=================================*/
nav.navbar.bootsnav{
    margin-bottom: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    background-color: #fff;
    border: none;
    border-bottom: solid 1px #e0e0e0;
    z-index: 9;
}

nav.navbar.bootsnav ul.nav > li > a{
    color: #6f6f6f;
    background-color: transparent;
    outline: none;
    margin-bottom: -2px;
}

nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover,
nav.navbar.bootsnav ul.nav li.megamenu-fw > a:focus,
nav.navbar.bootsnav ul.nav li.active > a:hover,
nav.navbar.bootsnav ul.nav li.active > a:focus,
nav.navbar.bootsnav ul.nav li.active > a{
    background-color: transparent;
}

nav.navbar.bootsnav .navbar-toggle{
    background-color: #fff;
    border: none;
    padding: 0;
    font-size: 18px;
    position: relative;
    top: 5px;
}

nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu{
    top: 0;
    left: 100%;
}

nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a{
    white-space:normal;
}


ul.menu-col{
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.menu-col li a{
    color: #6f6f6f;
}

ul.menu-col li a:hover,
ul.menu-col li a:focus{
    text-decoration: none;
}

/* Navbar Full
=================================*/
nav.bootsnav.navbar-full{
    padding-bottom: 10px;
    padding-top: 10px;
}

nav.bootsnav.navbar-full .navbar-header{
    display: block;
    width: 100%;
}

nav.bootsnav.navbar-full .navbar-toggle{
    display: inline-block;
    margin-right: 0;
    position: relative;
    top: 0;
    font-size: 30px;
    -webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

nav.bootsnav.navbar-full .navbar-collapse{
    position: fixed;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
    padding: 0;
    display: none !important;
    z-index: 9;
}

nav.bootsnav.navbar-full .navbar-collapse.in{
    display: block !important;
}

nav.bootsnav.navbar-full .navbar-collapse .nav-full{
    overflow: auto;
}

nav.bootsnav.navbar-full .navbar-collapse .wrap-full-menu{
    display: table-cell;
    vertical-align: middle;
    background-color: #fff;
    overflow: auto;
}

nav.bootsnav.navbar-full .navbar-collapse .nav-full::-webkit-scrollbar {
    width: 0;
}

nav.bootsnav.navbar-full .navbar-collapse .nav-full::-moz-scrollbar {
    width: 0;
}

nav.bootsnav.navbar-full .navbar-collapse .nav-full::-ms-scrollbar {
    width: 0;
}

nav.bootsnav.navbar-full .navbar-collapse .nav-full::-o-scrollbar {
    width: 0;
}


nav.bootsnav.navbar-full .navbar-collapse ul.nav{
    display: block;
    width: 100%;
    overflow: auto;
}

nav.bootsnav.navbar-full .navbar-collapse ul.nav a:hover,
nav.bootsnav.navbar-full .navbar-collapse ul.nav a:focus,
nav.bootsnav.navbar-full .navbar-collapse ul.nav a{
    background-color: transparent;
}

nav.bootsnav.navbar-full .navbar-collapse ul.nav > li{
    float: none;
    display: block;
    text-align: center;
}

nav.bootsnav.navbar-full .navbar-collapse ul.nav > li > a{
    display: table;
    margin: auto;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 24px;
    padding: 10px 15px;
}

li.close-full-menu > a{
    padding-top: 0px;
    padding-bottom: 0px;
}

li.close-full-menu{
    padding-top: 30px;
    padding-bottom: 30px;
}

/* Atribute Navigation
=================================*/
.attr-nav{
    float: right;
    display: inline-block;
    margin-left: 13px;
    margin-right: -15px;
}

.attr-nav > ul{
    padding: 0;
    margin: 0 0 -7px 0;
    list-style: none;
    display: inline-block;
}

.attr-nav > ul > li{
    float: left;
    display: block;
}

.attr-nav > ul > li > a{
    color: #6f6f6f;
    display: block;
    padding: 28px 15px;
    position: relative;
}

.attr-nav > ul > li > a span.badge{
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 5px;
    font-size: 10px;
    padding: 0;
    width: 15px;
    height: 15px;
    padding-top: 2px;
}

.attr-nav > ul > li.dropdown ul.dropdown-menu{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px;
    -o-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
    border: solid 1px #e0e0e0;
}

ul.cart-list{
    padding: 0 !important;
    width: 250px !important;
}

ul.cart-list > li{
    position: relative;
    border-bottom: solid 1px #efefef;
    padding: 15px 15px 23px 15px !important;
}

ul.cart-list > li > a.photo{
    padding: 0 !important;
    margin-right: 15px;
    float: left;
    display: block;
    width: 50px;
    height: 50px;
    left: 15px;
    top: 15px;
}

ul.cart-list > li img{
    width: 50px;
    height: 50px;
    border: solid 1px #efefef;
}

ul.cart-list > li > h6{
    margin: 0;
}

ul.cart-list > li > h6 > a.photo{
    padding: 0 !important;
    display: block;
}

ul.cart-list > li > p{
    margin-bottom: 0;
}

ul.cart-list > li.total{
    background-color: #f5f5f5;
    padding-bottom: 15px !important;
}

ul.cart-list > li.total > .btn{
    display: inline-block;
    border-bottom: solid 1px #efefef;
}

ul.cart-list > li .price{
    font-weight: bold;
}

ul.cart-list > li.total > span{
    padding-top: 8px;
}

/* Top Search
=================================*/
.top-search{
    background-color: #333;
    padding: 10px 0;
    display: none;
}

.top-search input.form-control{
    background-color: transparent;
    border: none;
    -moz-box-shadow: 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px;
    -o-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
    color: #fff;
    height: 40px;
    padding: 0 15px;
}

.top-search .input-group-addon{
    background-color: transparent;
    border: none;
    color: #fff;
    padding-left: 0;
    padding-right: 0;
}

.top-search .input-group-addon.close-search{
    cursor: pointer;
}

/* Side Menu
=================================*/
body{
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

body.on-side{
    margin-left: -280px;
}

.side{
    position: fixed;
    overflow-y: auto;
    top: 0;
    right: -280px;
    width: 280px;
    padding: 25px 30px;
    height: 100%;
    display: block;
    background-color: #333;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
    z-index: 9;
}

.side.on{
    right: 0;
}

.side .close-side{
    float: right;
    color: #fff;
    position: relative;
    z-index: 2;
    font-size: 16px;
}

.side .widget{
    position: relative;
    z-index: 1;
    margin-bottom: 25px;
}

.side .widget .title{
    color: #fff;
    margin-bottom: 15px;
}

.side .widget ul.link{
    padding: 0;
    margin: 0;
    list-style: none;
}

.side .widget ul.link li a{
    color: #9f9f9f;
    letter-spacing: 1px;
}

.side .widget ul.link li a:focus,
.side .widget ul.link li a:hover{
    color: #fff;
    text-decoration: none;
}

/* Share
=================================*/
nav.navbar.bootsnav .share{
    padding: 0 30px;
    margin-bottom: 30px;
}

nav.navbar.bootsnav .share ul{
    display: inline-block;
    padding: 0;
    margin: 0 0 -7px 0;
    list-style: none;
}

nav.navbar.bootsnav .share ul > li{
    float: left;
    display: block;
    margin-right: 5px;
}

nav.navbar.bootsnav .share ul > li > a{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 35px;
    height: 35px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #cfcfcf;
    color: #fff;
}

/* Transparent
=================================*/
nav.navbar.bootsnav.navbar-fixed{
    position: fixed;
    display: block;
    width: 100%;
}

nav.navbar.bootsnav.no-background{
    -webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

/* Navbar Sticky
=================================*/
.wrap-sticky{
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.wrap-sticky nav.navbar.bootsnav{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.wrap-sticky nav.navbar.bootsnav.sticked{
    position: fixed;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

body.on-side .wrap-sticky nav.navbar.bootsnav.sticked{
    left: -280px;
}

/* Navbar Responsive
=================================*/
@media (min-width: 1024px) and (max-width:1400px) {
    body.wrap-nav-sidebar .wrapper .container{
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 1024px) {
    /* General Navbar
    =================================*/
    nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu{
        margin-top: -2px;
    }

    nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu .dropdown-menu{
        left: -200px;
    }
    
    nav.navbar.bootsnav ul.nav > li > a{
        padding: 30px 15px;
        font-weight: 600;
    }
    
    nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
        font-family: 'FontAwesome';
        content: "\f0d7";
        margin-left: 5px;
        margin-top: 2px;
    }
    
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
        -moz-box-shadow: 0px 0px 0px;
        -webkit-box-shadow: 0px 0px 0px;
        -o-box-shadow: 0px 0px 0px;
        box-shadow: 0px 0px 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        padding: 0;
        width: 200px;
        background: #fff;
        border: solid 1px #e0e0e0;
        border-top: solid 5px;
    }
    
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover,
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover{
        background-color: transparent;
    }
    
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{
        padding: 10px 15px;
        border-bottom: solid 1px #eee;
        color: #6f6f6f;
    }
    
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a{
        border-bottom: none;
    }
    
    nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a{
        text-align: right;
    }
    
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before{
        font-family: 'FontAwesome';
        float: right;
        content: "\f105";
        margin-top: 0;
    }
    
    nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before{
        font-family: 'FontAwesome';
        float: left;
        content: "\f104";
        margin-top: 0;
    }
    
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu{
        top: -3px;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content{
        padding: 0 15px !important;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li{
       padding: 25px 0 20px;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed{
        padding: 0;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed > li{
        padding: 0;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu{
        padding: 0 30px;
        margin: 0 -0.5px;
        border-left: solid 1px #f0f0f0;
        border-right: solid 1px #f0f0f0;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:first-child{
        border-left: none;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:last-child{
        border-right: none;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content{
        display: none;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a{
        text-align: left;
        padding: 5px 0;
        display: block;
        width: 100%;
        margin-bottom: 0;
        border-bottom: none;
        color: #6f6f6f;
    }
    
    nav.navbar.bootsnav.on ul.dropdown-menu.megamenu-content .content{
        display: block !important;
        height: auto !important;
    }
    
    /* Navbar Transparent
    =================================*/  
    nav.navbar.bootsnav.no-background{
        background-color: transparent;
        border: none;
    }
    
    nav.navbar.bootsnav.navbar-transparent .attr-nav{
        padding-left: 15px;
        margin-left: 30px;
    }
    
    nav.navbar.bootsnav.navbar-transparent.white{
        background-color: rgba(255,255,255,0.3);
        border-bottom: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
    nav.navbar.bootsnav.navbar-transparent.dark{
        background-color: rgba(0,0,0,0.3);
        border-bottom: solid 1px #555;
    }
    
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav{
        border-left: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav,
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav{
        border-left: solid 1px #555;
    }
    
    nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
    nav.navbar.bootsnav.no-background.white ul.nav > li > a{
        color: #fff;
    }
    
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{
        color: #eee;
    }
    
    nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-scrolled,
    nav.navbar.bootsnav.navbar-fixed.no-background .logo-scrolled{
        display: none;
    }

    nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-display,
    nav.navbar.bootsnav.navbar-fixed.no-background .logo-display{
        display: block;
    }

    nav.navbar.bootsnav.navbar-fixed .logo-display{
        display: none;
    }

    nav.navbar.bootsnav.navbar-fixed .logo-scrolled{
        display: block;
    }
    
    /* Atribute Navigation
    =================================*/    
    .attr-nav > ul > li.dropdown ul.dropdown-menu{
        margin-top: 0;
        margin-left: 55px;
        width: 250px;
        left: -250px;
    }
    
    /* Menu Center
    =================================*/
    nav.navbar.bootsnav.menu-center .container{
        position: relative;
    }
    
    nav.navbar.bootsnav.menu-center ul.nav.navbar-center{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }
    
    nav.navbar.bootsnav.menu-center .navbar-header,
    nav.navbar.bootsnav.menu-center .attr-nav{
        position: absolute;
    }
    
    nav.navbar.bootsnav.menu-center .attr-nav{
        right: 15px;
    }
    
    /* Navbar Brand top
    =================================*/
    nav.bootsnav.navbar-brand-top .navbar-header{
        display: block;
        width: 100%;
        text-align: center;
    }
    
    nav.bootsnav.navbar-brand-top ul.nav > li.dropdown > ul.dropdown-menu{
        margin-top: 2px;
    }
    
    nav.bootsnav.navbar-brand-top ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu{
        margin-top: 0;
    }
    
    nav.bootsnav.navbar-brand-top .navbar-header .navbar-brand{
        display: inline-block;
        float: none;
        margin: 0;
    }
    
    nav.bootsnav.navbar-brand-top .navbar-collapse{
        text-align: center;
    }
    
    nav.bootsnav.navbar-brand-top ul.nav{
        display: inline-block;
        float: none;
        margin: 0 0 -5px 0;
    }
    
    /* Navbar Center
    =================================*/
    nav.bootsnav.brand-center .navbar-header{
        display: block;
        width: 100%;
        position: absolute;
        text-align: center;
        top: 0;
        left: 0;
    }
    
    nav.bootsnav.brand-center .navbar-brand{
        display: inline-block;
        float: none;
    }
    
    nav.bootsnav.brand-center .navbar-collapse{
        text-align: center;
        display: inline-block;
        padding-left: 0;
        padding-right: 0;
    }
    
    nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu{
        margin-top: 2px;
    }
    
    nav.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu{
        margin-top: 0;
    }
    
    nav.bootsnav.brand-center .navbar-collapse .col-half{
        width: 50%;
        float: left;
        display: block;
    }
    
    nav.bootsnav.brand-center .navbar-collapse .col-half.left{
        text-align: right;
        padding-right: 100px;
    }
    
    nav.bootsnav.brand-center .navbar-collapse .col-half.right{
        text-align: left;
        padding-left: 100px;
    }
    
    nav.bootsnav.brand-center ul.nav{
        float: none !important;
        margin-bottom: -5px !important;
        display: inline-block !important;
    }
    
    nav.bootsnav.brand-center ul.nav.navbar-right{
        margin: 0;
    }
    
    nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left{
        text-align: left;
        padding-right: 100px;
    }
    
    nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right{
        text-align: right;
        padding-left: 100px;
    }
    
    /* Navbar Sidebar
    =================================*/
    body.wrap-nav-sidebar .wrapper{
        padding-left: 260px; 
        overflow-x: hidden;
    }

    nav.bootsnav.navbar-sidebar{
        position: fixed;
        width: 260px;
        overflow: hidden;
        left: 0;
        padding: 0  0 0 0 !important;
        background: #fff;
        border-right: solid 1px #dfdfdf;
    }  
    
    nav.bootsnav.navbar-sidebar .scroller{
        width: 280px;
        overflow-y:auto;
        overflow-x: hidden;
    }

    nav.bootsnav.navbar-sidebar .container-fluid,
    nav.bootsnav.navbar-sidebar .container{
        padding: 0 !important;
    }

    nav.bootsnav.navbar-sidebar .navbar-header{
        float: none;
        display: block;
        width: 260px;
        padding: 10px 15px;
        margin: 10px 0 0 0 !important;
    }
    
    nav.bootsnav.navbar-sidebar .navbar-collapse{
        padding: 0 !important;
        width: 260px;
    }

    nav.bootsnav.navbar-sidebar ul.nav{
        float: none;
        display: block;
        width: 100%;
        padding: 0 15px !important;
        margin: 0 0 30px 0;
    }

    nav.bootsnav.navbar-sidebar ul.nav li{
        float: none !important;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav > li > a{
        padding: 10px 15px;
        font-weight: bold;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > a:after{
        float: right;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu{
        left: 100%;
        top: 0;
        position: relative !important;
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
        background-color: transparent;
        border: none !important;
        padding: 0;
        -moz-box-shadow: 0px 0px 0px;
        -webkit-box-shadow: 0px 0px 0px;
        -o-box-shadow: 0px 0px 0px;
        box-shadow: 0px 0px 0px;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav .megamenu-content .col-menu{
        border: none !important;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu{
        margin-bottom: 15px;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu{
        padding-left: 0;
        float: none;
        margin-bottom: 0;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a{
        padding:  5px 15px;
        color: #6f6f6f;
        border: none;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu{
        padding-left: 15px;
        margin-top: 0;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown > a:before{
        font-family: 'FontAwesome';
        content: "\f105";
        float: right;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a:before{
        content: "\f107";
    }
    
    nav.bootsnav.navbar-sidebar ul.dropdown-menu.megamenu-content > li{
        padding: 0 !important;
    }
        
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu{
        display: block;
        float: none !important;
        padding: 0;
        margin: 0;
        width: 100%;
    }
    
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title{
        padding: 7px 0;
        text-transform: none;
        font-weight: 400;
        letter-spacing: 0px;
        margin-bottom: 0;
        cursor: pointer;
        color: #6f6f6f;
    }
    
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before{
        font-family: 'FontAwesome';
        content: "\f105";
        float: right;
    }
    
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before{
        content: "\f107";
    }
    
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu{
        border: none;
    }
    
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content{
        padding: 0 0 0 15px;
    }
    
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu ul.menu-col li a{
        padding: 3px 0 !important;
    }
}

@media (max-width: 992px) {
    /* Navbar Responsive
    =================================*/ 
    nav.navbar.bootsnav .navbar-brand    {
        display: inline-block;
        float: none !important;
        margin: 0 !important;
    }
    
    nav.navbar.bootsnav .navbar-header {
        float: none;
        display: block;
        text-align: center;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    nav.navbar.bootsnav .navbar-toggle {
        display: inline-block;
        float: left;
        margin-right: -200px;
        margin-top: 10px;
    }
    
    nav.navbar.bootsnav .navbar-collapse {
        border: none;   
        margin-bottom: 0;
    }
    
    nav.navbar.bootsnav.no-full .navbar-collapse{
        max-height: 350px;
        overflow-y: auto !important;
    }
    
    nav.navbar.bootsnav .navbar-collapse.collapse {
        display: none !important;
    }
    
    nav.navbar.bootsnav .navbar-collapse.collapse.in {
        display: block !important;
    }
    
    nav.navbar.bootsnav .navbar-nav {
        float: none !important;
        padding-left: 30px;
        padding-right: 30px;
        margin: 0px -15px;
    }
    
    nav.navbar.bootsnav .navbar-nav > li {
        float: none;
    }
    
    nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before{
        font-family: 'FontAwesome';
        content: "\f105";
        float: right;
        font-size: 16px;
        margin-left: 10px;
    }
    
    nav.navbar.bootsnav li.dropdown.on > a.dropdown-toggle:before{
        content: "\f107";
    }
    
    nav.navbar.bootsnav .navbar-nav > li > a{
        display: block;
        width: 100%;
        border-bottom: solid 1px #e0e0e0;
        padding: 10px 0;
        border-top: solid 1px #e0e0e0;
        margin-bottom: -1px;
    }
    
    nav.navbar.bootsnav .navbar-nav > li:first-child > a{
        border-top: none;
    }
    
    nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu{
        border-bottom: solid 1px #e0e0e0;
    }
    
    nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle{
        float: none !important;
        position: relative;
        display: block;
        width: 100%;
    }
    
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{
        width: 100%;
        position: relative !important;
        background-color: transparent;
        float: none;
        border: none;
        padding: 0 0 0 15px !important;
        margin: 0 0 -1px 0 !important;
        -moz-box-shadow: 0px 0px 0px;
        -webkit-box-shadow: 0px 0px 0px;
        -o-box-shadow: 0px 0px 0px;
        box-shadow: 0px 0px 0px;
        -moz-border-radius: 0px 0px 0px;
        -webkit-border-radius: 0px 0px 0px;
        -o-border-radius: 0px 0px 0px;
        border-radius: 0px 0px 0px;
    }
    
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a{
        display: block;
        width: 100%;
        border-bottom: solid 1px #e0e0e0;
        padding: 10px 0;
        color: #6f6f6f;
    }
    
    nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover,
    nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus{
        background-color: transparent;
    }
    
    nav.navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu{
        float: none !important;
        left: 0;
        padding: 0 0 0 15px;
        position: relative;
        background: transparent;
        width: 100%;
    }
    
    nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu{
        display: inline-block;
        margin-top: -10px;
    }
    
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after{
        display: none;
    }
    
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title{
        padding: 10px 15px 10px 0;
        line-height: 24px;
        text-transform: none;
        font-weight: 400;
        letter-spacing: 0px;
        margin-bottom: 0;
        cursor: pointer;
        border-bottom: solid 1px #e0e0e0;
        color: #6f6f6f;
    }
    
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a{
        display: block;
        width: 100%;
        border-bottom: solid 1px #e0e0e0;
        padding: 8px 0;
    }
    
   nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title:before{
        font-family: 'FontAwesome';
        content: "\f105";
        float: right;
        font-size: 16px;
        margin-left: 10px;
       position: relative;
       right: -15px;
    }
    
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child .title{
        border-bottom: none;
    }
    
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on:last-child .title{
        border-bottom: solid 1px #e0e0e0;
    }
    
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child ul.menu-col li:last-child a{
        border-bottom: none;
    }
    
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .title:before{
        content: "\f107";
    }
    
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .content{
        padding: 0 0 0 15px;
    }
    
    nav.bootsnav.brand-center .navbar-collapse{
        display: block;
    }
    
    nav.bootsnav.brand-center ul.nav{
        margin-bottom: 0px !important;
    }
    
    nav.bootsnav.brand-center .navbar-collapse .col-half{
        width: 100%;
        float: none;
        display: block;
    }
    
    nav.bootsnav.brand-center .navbar-collapse .col-half.left{
        margin-bottom: 0;
    }
    
    nav.bootsnav .megamenu-content{
        padding: 0;
    }
    
    nav.bootsnav .megamenu-content .col-menu{
        padding-bottom: 0;
    }
    
    nav.bootsnav .megamenu-content .title{
        cursor: pointer;
        display: block;
        padding: 10px 15px;
        margin-bottom: 0;
        font-weight: normal;
    }
    
    nav.bootsnav .megamenu-content .content{
        display: none;
    }
    
    .attr-nav{
        position: absolute;
        right: 60px;
    }
    
    .attr-nav > ul{
        padding: 0;
        margin: 0 -15px -7px 0;
    }
    
    .attr-nav > ul > li > a{
        padding: 16px 15px 15px;
    }
    
    .attr-nav > ul > li.dropdown > a.dropdown-toggle:before{
        display: none;
    }
    
    .attr-nav > ul > li.dropdown ul.dropdown-menu{
        margin-top: 2px;
        margin-left: 55px;
        width: 250px;
        left: -250px;
        border-top: solid 5px;
    }
    
    .top-search .container{
        padding: 0 45px;
    }
    
    /* Navbar full Responsive
    =================================*/   
    nav.bootsnav.navbar-full ul.nav{
        margin-left: 0;
    }
    
    nav.bootsnav.navbar-full ul.nav > li > a{
        border: none;
    }
    
    nav.bootsnav.navbar-full .navbar-brand    {
        float: left !important;
        padding-left: 0;
    }
    
    nav.bootsnav.navbar-full .navbar-toggle {
        display: inline-block;
        float: right;
        margin-right: 0;
        margin-top: 10px;
    }
    
    nav.bootsnav.navbar-full .navbar-header {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    /* Navbar Sidebar
    =================================*/ 
    nav.navbar.bootsnav.navbar-sidebar .share{
        padding: 30px 15px;
        margin-bottom: 0;
    }
    
    /* Tabs
    =================================*/ 
    nav.navbar.bootsnav .megamenu-content.tabbed{
        padding-left: 0 !mportant;
    }
    
    nav.navbar.bootsnav .tabbed > li{
        padding: 25px 0;
        margin-left: -15px !important;
    }
    
    /* Mobile Navigation
    =================================*/     
    body > .wrapper{
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    body.side-right > .wrapper{
        margin-left: 280px;
        margin-right: -280px !important;
    }
    
    nav.navbar.bootsnav.navbar-mobile .navbar-collapse{
        position: fixed;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        display: block;
        background: #fff;
        z-index: 99;
        width: 280px;
        height: 100% !important;
        left: -280px;
        top: 0;
        padding: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in{
        left: 0;
    }
    
    nav.navbar.bootsnav.navbar-mobile ul.nav{
        width: 293px;
        padding-right: 0;
        padding-left: 15px;
    }
    
    nav.navbar.bootsnav.navbar-mobile ul.nav > li > a{
        padding: 15px 15px;
    }
    
    nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a{
        padding-right: 15px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    
    nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{
        padding-right: 30px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    nav.navbar.bootsnav.navbar-mobile .navbar-collapse [class*=' col-'] {
        width: 100%;
    }
    
    nav.navbar.bootsnav.navbar-fixed .logo-scrolled{
        display: block !important;
    }

    nav.navbar.bootsnav.navbar-fixed .logo-display{
        display: none !important;
    }
    
    nav.navbar.bootsnav.navbar-mobile .tab-menu,
    nav.navbar.bootsnav.navbar-mobile .tab-content{
        width: 100%;
        display: block;
    }
}

@media (max-width: 767px) {
    nav.navbar.bootsnav .navbar-header {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    nav.navbar.bootsnav .navbar-nav {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .attr-nav{
        right: 30px;
    }
    
    .attr-nav > ul{
        margin-right: -10px;
    }
    
    .attr-nav > ul > li > a{
        padding: 16px 10px 15px;
        padding-left: 0 !important;
    }
    
    .attr-nav > ul > li.dropdown ul.dropdown-menu{
        left: -275px;
    }
    
    .top-search .container{
        padding: 0 15px;
    }
    
    nav.bootsnav.navbar-full .navbar-collapse{
        left: 15px;
    }
    
    nav.bootsnav.navbar-full .navbar-header{
        padding-right: 0;
    }
    
    nav.bootsnav.navbar-full .navbar-toggle {
        margin-right: -15px;
    }
    
    nav.bootsnav.navbar-full ul.nav > li > a{
        font-size: 18px !important;
        line-height: 24px !important;
        padding: 5px 10px !important;
    }
    
    /* Navbar Sidebar
    =================================*/ 
    nav.navbar.bootsnav.navbar-sidebar .share{
        padding: 30px 15px !important;
    }
    
    /* Navbar Sidebar
    =================================*/ 
    nav.navbar.bootsnav.navbar-sidebar .share{
        padding: 30px 0 !important;
        margin-bottom: 0;
    }
    
    nav.navbar.bootsnav.navbar-mobile.navbar-sidebar .share{
        padding: 30px 15px !important;
        margin-bottom: 0;
    }
    
    /* Mobile Navigation
    =================================*/ 
    body.side-right > .wrapper{
        margin-left: 280px;
        margin-right: -280px !important;
    }
    
    nav.navbar.bootsnav.navbar-mobile .navbar-collapse{
        margin-left: 0;
    }
    
    nav.navbar.bootsnav.navbar-mobile ul.nav{
        margin-left: -15px;
    }
    
    nav.navbar.bootsnav.navbar-mobile ul.nav{
        border-top: solid 1px #fff;
    }
    
    li.close-full-menu{
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    nav.bootsnav.navbar-full ul.nav{
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
/* Style */

     .navigation-font{    
    font-family: 'Roboto Condensed', sans-serif;
	background:white;
	border-bottom: 2px solid #d4d4d4;
    
}

nav.navbar.bootsnav{
    border: none;
    background: none;
    margin-top: 18px;
    margin-left: 20px;
}
nav.navbar.bootsnav ul.nav > li{ margin-right: 16px; }
nav.navbar.bootsnav ul.nav > li > a{
    padding: 10px 15px;
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    color: black;
    text-transform: uppercase;
    position: relative;
    transition: all 0.5s ease 0s;
}
nav.navbar.bootsnav ul.nav > li.dropdown > a{ padding: 10px 13px 10px 13px; }
nav.navbar.bootsnav ul.nav > li.active > a,
nav.navbar.bootsnav ul.nav > li.active > a:hover,
nav.navbar.bootsnav ul.nav > li > a:hover,
nav.navbar.bootsnav ul.nav > li.on > a{
  color: #3ea90a;
}
nav.navbar.bootsnav ul.nav > li > a > span:before,
nav.navbar.bootsnav ul.nav > li > a > span:after{
    content: "";
    width: 100%;
    height: 100%;
    background: #58bced;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transition: all 0.4s ease 0s;
}
nav.navbar.bootsnav ul.nav > li > a > span:after{
    width: 50px;
    background-color: #ffa500;
}
nav.navbar.bootsnav ul.nav > li:hover > a > span:before,
nav.navbar.bootsnav ul.nav > li.active > a > span:before{
  transform: translateX(-50%) translateY(-50%) rotate(0);
  opacity: 1;
}
nav.navbar.bootsnav ul.nav > li:hover > a > span:after,
nav.navbar.bootsnav ul.nav > li.active > a > span:after{
  transform: translateX(-50%) translateY(-50%) rotate(0);
  opacity: 1;
  width: 0;
}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0 0 0 7px;
}
nav.navbar.bootsnav ul.nav > li.dropdown > ul{
    top: 100%;
    transition: all 0.8s ease 0s;
}
nav.navbar.bootsnav ul.nav > li.dropdown.on > ul{ top: 140%; }
.dropdown-menu.multi-dropdown{
    position: absolute;
    left: -100% !important;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border: none;
    border-radius: 10px;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content li{ font-size: 14px; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content .title{
    font-size: 16px;
    font-weight: bold;
    color:#3ea90a ;
}
@media only screen and (max-width: 990px){
    .dropdown-menu.multi-dropdown{ left: 0 !important; }
    nav.navbar.bootsnav .navbar-toggle{
        background: transparent !important;
        color: black;
    }
    nav.navbar.bootsnav ul.nav > li{
        width: 75%;
        margin: 5px auto 15px;
    }
    nav.navbar.bootsnav.navbar-mobile ul.nav > li > a{
        text-align: center;
        color: #fff;
        border: none;
    }
    nav.navbar.bootsnav ul.nav > li.active > a,
    nav.navbar.bootsnav ul.nav > li > a,
    nav.navbar.bootsnav ul.nav > li > a:hover,
    nav.navbar.bootsnav ul.nav > li.on > a{ color: black;}
    nav.navbar.bootsnav.navbar-mobile .navbar-collapse{ background: #b71540; }
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{
        color: #fff;
        border-bottom-color: none;
    }
    nav.navbar.bootsnav ul.nav > li.dropdown > ul{ top: 100%; }
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content .title,
    nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{
        font-size: 14px;
        font-weight: normal;
        color: #fff;
    }
     
     
/* Amazing Slider */
/* blue button large */
.as-btn-blue-large {
  	display: inline-block;
  	border: none;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	margin: 0;
  	background: #009cde;
  	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
  	color: #fff;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	text-shadow: none;
  	text-transform: none;
  	white-space: nowrap;
  	-webkit-font-smoothing: antialiased;
	padding: 10px 16px;
	font-size: 24px;
	font-weight: 300;
  	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
}

.as-btn-blue-large:hover {
  	color: #fff;
  	background: #0285d2;
}

.as-btn-blue-large:focus {
  	outline: 0;
}

/* blue button medium */
.as-btn-blue-medium {
  	display: inline-block;
  	border: none;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	margin: 0;
  	background: #009cde;
  	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
  	color: #fff;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	text-shadow: none;
  	text-transform: none;
  	white-space: nowrap;
  	-webkit-font-smoothing: antialiased;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: normal;
  	-webkit-border-radius: 2px;
  	-moz-border-radius: 2px;
  	border-radius: 2px;
}

.as-btn-blue-medium:hover {
  	color: #fff;
  	background: #0285d2;
}

.as-btn-blue-medium:focus {
  	outline: 0;
}

/* blue button small */
.as-btn-blue-small {
  	display: inline-block;
  	border: none;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	margin: 0;
  	background: #009cde;
  	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
  	color: #fff;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	text-shadow: none;
  	text-transform: none;
  	white-space: nowrap;
  	-webkit-font-smoothing: antialiased;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: normal;
  	-webkit-border-radius: 0px;
  	-moz-border-radius: 0px;
  	border-radius: 0px;
}

.as-btn-blue-small:hover {
  	color: #fff;
  	background: #0285d2;
}

.as-btn-blue-small:focus {
  	outline: 0;
}

/* blue border large */
.as-btn-blueborder-large {
  	display: inline-block;
  	border: 2px solid #009cde;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	margin: 0;
  	background: transparent;
  	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
  	color: #009cde;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	text-shadow: none;
  	text-transform: none;
  	vertical-align: baseline;
  	white-space: nowrap;
  	-webkit-font-smoothing: antialiased;
	padding: 10px 16px;
	font-size: 24px;
	font-weight: 300;
  	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
}

.as-btn-blueborder-large:hover {
  	color: #fff;
  	background: #009cde;
}

.as-btn-blueborder-large:focus {
  	outline: 0;
}

/* blue border medium */
.as-btn-blueborder-medium {
  	display: inline-block;
  	border: 2px solid #009cde;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	margin: 0;
  	background: transparent;
  	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
  	color: #009cde;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	text-shadow: none;
  	text-transform: none;
  	vertical-align: baseline;
  	white-space: nowrap;
  	-webkit-font-smoothing: antialiased;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: normal;
  	-webkit-border-radius: 2px;
  	-moz-border-radius: 2px;
  	border-radius: 2px;
}

.as-btn-blueborder-medium:hover {
  	color: #fff;
  	background: #009cde;
}

.as-btn-blueborder-medium:focus {
  	outline: 0;
}

/* blue border small */
.as-btn-blueborder-small {
  	display: inline-block;
  	border: 2px solid #009cde;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	margin: 0;
  	background: transparent;
  	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
  	color: #009cde;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	text-shadow: none;
  	text-transform: none;
  	vertical-align: baseline;
  	white-space: nowrap;
  	-webkit-font-smoothing: antialiased;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: normal;
  	-webkit-border-radius: 0px;
  	-moz-border-radius: 0px;
  	border-radius: 0px;
}

.as-btn-blueborder-small:hover {
  	color: #fff;
  	background: #009cde;
}

.as-btn-blueborder-small:focus {
  	outline: 0;
}

/* orange button large */
.as-btn-orange-large {
  	display: inline-block;
  	border: none;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	margin: 0;
  	background: #f7a020;
  	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
  	color: #fff;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	text-shadow: none;
  	text-transform: none;
  	white-space: nowrap;
  	-webkit-font-smoothing: antialiased;
	padding: 10px 16px;
	font-size: 24px;
	font-weight: 300;
  	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
}

.as-btn-orange-large:hover {
  	color: #fff;
  	background: #ffc030;
}

.as-btn-orange-large:focus {
  	outline: 0;
}

/* orange button medium */
.as-btn-orange-medium {
  	display: inline-block;
  	border: none;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	margin: 0;
  	background: #f7a020;
  	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
  	color: #fff;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	text-shadow: none;
  	text-transform: none;
  	white-space: nowrap;
  	-webkit-font-smoothing: antialiased;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: normal;
  	-webkit-border-radius: 2px;
  	-moz-border-radius: 2px;
  	border-radius: 2px;
}

.as-btn-orange-medium:hover {
  	color: #fff;
  	background: #ffc030;
}

.as-btn-orange-medium:focus {
  	outline: 0;
}

/* orange button small */
.as-btn-orange-small {
  	display: inline-block;
  	border: none;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	margin: 0;
  	background: #f7a020;
  	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
  	color: #fff;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	text-shadow: none;
  	text-transform: none;
  	white-space: nowrap;
  	-webkit-font-smoothing: antialiased;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: normal;
  	-webkit-border-radius: 0px;
  	-moz-border-radius: 0px;
  	border-radius: 0px;
}

.as-btn-orange-small:hover {
  	color: #fff;
  	background: #ffc030;
}

.as-btn-orange-small:focus {
  	outline: 0;
}

/* orange border large */
.as-btn-orangeborder-large {
  	display: inline-block;
  	border: 2px solid #f7a020;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	margin: 0;
  	background: transparent;
  	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
  	color: #f7a020;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	text-shadow: none;
  	text-transform: none;
  	vertical-align: baseline;
  	white-space: nowrap;
  	-webkit-font-smoothing: antialiased;
	padding: 10px 16px;
	font-size: 24px;
	font-weight: 300;
  	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
}

.as-btn-orangeborder-large:hover {
  	color: #fff;
  	background: #f7a020;
}

.as-btn-orangeborder-large:focus {
  	outline: 0;
}

/* orange border medium */
.as-btn-orangeborder-medium {
  	display: inline-block;
  	border: 2px solid #f7a020;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	margin: 0;
  	background: transparent;
  	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
  	color: #f7a020;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	text-shadow: none;
  	text-transform: none;
  	vertical-align: baseline;
  	white-space: nowrap;
  	-webkit-font-smoothing: antialiased;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: normal;
  	-webkit-border-radius: 2px;
  	-moz-border-radius: 2px;
  	border-radius: 2px;
}

.as-btn-orangeborder-medium:hover {
  	color: #fff;
  	background: #f7a020;
}

.as-btn-orangeborder-medium:focus {
  	outline: 0;
}

/* orange border small */
.as-btn-orangeborder-small {
  	display: inline-block;
  	border: 2px solid #f7a020;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	margin: 0;
  	background: transparent;
  	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
  	color: #f7a020;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	text-shadow: none;
  	text-transform: none;
  	vertical-align: baseline;
  	white-space: nowrap;
  	-webkit-font-smoothing: antialiased;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: normal;
  	-webkit-border-radius: 0px;
  	-moz-border-radius: 0px;
  	border-radius: 0px;
}

.as-btn-orangeborder-small:hover {
  	color: #fff;
  	background: #f7a020;
}

.as-btn-orangeborder-small:focus {
  	outline: 0;
}

/* white button large */
.as-btn-white-large {
  	display: inline-block;
  	border: none;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	margin: 0;
  	background: #fff;
  	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
  	color: #444;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	text-shadow: none;
  	text-transform: none;
  	white-space: nowrap;
  	-webkit-font-smoothing: antialiased;
	padding: 10px 16px;
	font-size: 24px;
	font-weight: 300;
  	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
}

.as-btn-white-large:hover {
  	color: #fff;
  	background: #444;
}

.as-btn-white-large:focus {
  	outline: 0;
}

/* white button medium */
.as-btn-white-medium {
  	display: inline-block;
  	border: none;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	margin: 0;
  	background: #fff;
  	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
  	color: #444;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	text-shadow: none;
  	text-transform: none;
  	white-space: nowrap;
  	-webkit-font-smoothing: antialiased;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: normal;
  	-webkit-border-radius: 2px;
  	-moz-border-radius: 2px;
  	border-radius: 2px;
}

.as-btn-white-medium:hover {
  	color: #fff;
  	background: #444;
}

.as-btn-white-medium:focus {
  	outline: 0;
}

/* white button small */
.as-btn-white-small {
  	display: inline-block;
  	border: none;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	margin: 0;
  	background: #fff;
  	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
  	color: #444;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	text-shadow: none;
  	text-transform: none;
  	white-space: nowrap;
  	-webkit-font-smoothing: antialiased;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: normal;
  	-webkit-border-radius: 0px;
  	-moz-border-radius: 0px;
  	border-radius: 0px;
}

.as-btn-white-small:hover {
  	color: #fff;
  	background: #444;
}

.as-btn-white-small:focus {
  	outline: 0;
}

/* white border large */
.as-btn-whiteborder-large {
  	display: inline-block;
  	border: 2px solid #fff;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	margin: 0;
  	background: transparent;
  	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
  	color: #fff;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	text-shadow: none;
  	text-transform: none;
  	vertical-align: baseline;
  	white-space: nowrap;
  	-webkit-font-smoothing: antialiased;
	padding: 10px 16px;
	font-size: 24px;
	font-weight: 300;
  	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
}

.as-btn-whiteborder-large:hover {
  	color: #444;
  	background: #fff;
}

.as-btn-whiteborder-large:focus {
  	outline: 0;
}

/* white border medium */
.as-btn-whiteborder-medium {
  	display: inline-block;
  	border: 2px solid #fff;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	margin: 0;
  	background: transparent;
  	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
  	color: #fff;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	text-shadow: none;
  	text-transform: none;
  	vertical-align: baseline;
  	white-space: nowrap;
  	-webkit-font-smoothing: antialiased;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: normal;
  	-webkit-border-radius: 2px;
  	-moz-border-radius: 2px;
  	border-radius: 2px;
}

.as-btn-whiteborder-medium:hover {
  	color: #444;
  	background: #fff;
}

.as-btn-whiteborder-medium:focus {
  	outline: 0;
}

/* white border small */
.as-btn-whiteborder-small {
  	display: inline-block;
  	border: 2px solid #fff;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	margin: 0;
  	background: transparent;
  	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
  	color: #fff;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	text-shadow: none;
  	text-transform: none;
  	vertical-align: baseline;
  	white-space: nowrap;
  	-webkit-font-smoothing: antialiased;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: normal;
  	-webkit-border-radius: 0px;
  	-moz-border-radius: 0px;
  	border-radius: 0px;
}

.as-btn-whiteborder-small:hover {
  	color: #444;
  	background: #fff;
}

.as-btn-whiteborder-small:focus {
  	outline: 0;
}

/* navy button large */
.as-btn-navy-large {
  	display: inline-block;
  	border: none;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	margin: 0;
  	background: #334455;
  	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
  	color: #fff;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	text-shadow: none;
  	text-transform: none;
  	white-space: nowrap;
  	-webkit-font-smoothing: antialiased;
	padding: 10px 16px;
	font-size: 24px;
	font-weight: 300;
  	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
}

.as-btn-navy-large:hover {
  	color: #fff;
  	background: #445566;
}

.as-btn-navy-large:focus {
  	outline: 0;
}

/* navy button medium */
.as-btn-navy-medium {
  	display: inline-block;
  	border: none;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	margin: 0;
  	background: #334455;
  	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
  	color: #fff;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	text-shadow: none;
  	text-transform: none;
  	white-space: nowrap;
  	-webkit-font-smoothing: antialiased;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: normal;
  	-webkit-border-radius: 2px;
  	-moz-border-radius: 2px;
  	border-radius: 2px;
}

.as-btn-navy-medium:hover {
  	color: #fff;
  	background: #445566;
}

.as-btn-navy-medium:focus {
  	outline: 0;
}

/* navy button small */
.as-btn-navy-small {
  	display: inline-block;
  	border: none;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	margin: 0;
  	background: #334455;
  	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
  	color: #fff;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	text-shadow: none;
  	text-transform: none;
  	white-space: nowrap;
  	-webkit-font-smoothing: antialiased;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: normal;
  	-webkit-border-radius: 0px;
  	-moz-border-radius: 0px;
  	border-radius: 0px;
}

.as-btn-navy-small:hover {
  	color: #fff;
  	background: #445566;
}

.as-btn-navy-small:focus {
  	outline: 0;
}