@charset "utf-8";
/* CSS Document */


.searchtxt h5{
    font-size: 1.2em;	
}

.search_becorner{
    margin-right: 2%;		
}

.new_user{
	alignment-adjust:central;
    margin-right: 20%;	
	margin-left: 20%;		
}


.becorner{
    margin-left: 35%;
	
	
}

.nbecorner{
    margin-left: 5%;
	
	
}

g1.item {
    border-style: solid;
    border-width: 1px;
    background-color: orangee;
	padding:2px 2px;
	margin-left: 5%;
	margin-right: 5%;
}

g1.ita {
  
	color:white;
    background-color: green;
	padding:10px 20px;
}

p.events {
  
	color:white;
	text-transform: uppercase;
    background-color: #FF6600;
	padding:10px 20px;
}

p.flyers {
  
	color:white;
    background-color: #3D4C1F;
	padding:10px 20px;
}

p.pickup {
  
	color:white;
    background-color: #3A3A8B;
	padding:10px 20px;
}


p.one {
  
	color:white;
    background-color: red;
	padding:10px 20px;
}
p.one a{
	color: #FFF;
}

p.ita {
  
	color:white;
    background-color: green;
	padding:10px 20px;
}

p.ita a{
	color: #FFF;
}

p.item {
    border-style: solid;
    border-width: 1px;
    background-color: orangee;
	padding:2px 2px;
	margin-left: 35%;
}

p.item2 {
    border-style: solid;
    border-width: 1px;
    background-color: orange;
	padding:2px 2px;
	margin-left: 20%;
	margin-right: 20%;
}
p.item3 {
    border-style: solid;
    border-width: 1px;
    background-color: white;
	padding:2px 2px;
	margin-left: 20%;
	margin-right: 20%;
}

p.item4 {
    border-style: solid;
    border-width: 1px;
    background-color: white;
	padding:2px 2px;
}

p.safety {
  
	color:white;
    background-color: orange;
	padding:10px 20px;
}

p.safety a{
	color: #FFF;
}


p.safety1 {
  
	color:white;
    background-color: yellow;
	padding:10px 20px;
}

p.safety1 a{
	color: #FFF;
}

p.safety2 {
  
	color:white;
    background-color: blue;
	padding:10px 20px;
}

p.safety2 a{
	color: #FFF;
}


.becorner h4{
	padding-bottom: 10px;
	float:left;
}

.becorner h4 a{
	color:#fff;
	font-size:1.4em;
}
.becorner h4 a:hover{
	color:#000;
}
.becorner ul li a {
	font-size: 13px;
	color: #FFF;
	padding-left: 5px;
}
.becorner ul li a:hover {
	text-decoration:underline;
}

.mybutton{border:0;width:50%;height:30px;color:#444;padding:0 2em;cursor:pointer;font-weight:400;font-size:1.2em;text-decoration:none;background-color:#ddd;font-family:"Open Sans",Arial,Helvetica,sans-serif;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;display:inline-block;*display:inline;zoom:1}

.mybutton a{
	color: #FFF;
	}
	
.red-btn{background-color:#f03d00;color:#fff}
.red-btn:hover{background-color:#c30}

.mybest{background-color:#66CD00;font-size:medium
}
.mybest a{color: #FFF;
}

.mybestbtn{border:0;width:60px;height:25px;color:#444;padding:0 1 em;cursor:pointer;font-size:0.7em;background-color:#b3b3b3;-webkit-border-radius:3px;-moz-border-radius:1px;-o-border-radius:1px;border-radius:3px;display:inline-block;*display:inline;zoom:1}

.mybestbtnok{border:0;width:60px;height:25px;color:#444;padding:0 1 em;cursor:pointer;font-size:0.7em;background-color:#f03d00;-webkit-border-radius:3px;-moz-border-radius:1px;-o-border-radius:1px;border-radius:3px;display:inline-block;*display:inline;zoom:1}

.mybestbtn a{
	color: #FFF;
	}
	
.mybestbtnok a{
	color: #FFF;
	}
	

.mytranslation{background-color:#3F0;font-size:large;padding:10px 20px}
.mytranslation a{color: #FFF;}


.toptitle { font-size:large; alignment-adjust:central;  background-color:#f03d00;color:#fff;padding:10px 20px; margin-bottom:10px}

.toptitle p{ text-align:center;
   alignment-adjust:central;
              background-color:#f03d00;color:#fff }
			  
/* Tooltips and tool bar */			  
.tooltips-and-tabs-left{
	float:left;
	width:90%;
	margin-right:2%;
}
.tooltips-and-tabs-right{
	float: right;
	background: #2B2937;
	width: 30%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 4px solid #1A1822;
}
.tooltips-top-row ul li{
	display: inline-block;
	width: 13%;
	float: left;
	margin-right: 2%;
}
.tooltips-top-row ul li:last-child{
	margin-right:0%;
}
.gray-tootip{
	background: #394264;
	position: relative;
	border-bottom: 3px solid #2B2935;
}
.gray-tootip span{
	position: absolute;
	height: 30px;
	width: 30px;
	display: block;
	left: 42%;
	bottom: -30px;
	background: url(../images/dark-tool.png) no-repeat;
}
.green-tootip span{
	position: absolute;
	height: 30px;
	width: 30px;
	display: block;
	left: 42%;
	bottom: -30px;
	background: url(../images/green-tool.png) no-repeat;
}
.gray-tootip,.red-tootip{
	font-size: 0.875em;
	color: #9095AA;
	line-height: 1.5em;
}
.green-tootip{
	font-size: 0.875em;
	color: #eee;
	line-height: 1.5em;
	position: relative;
	border-bottom: 3px solid #18937B;
}
.green-tootip{
	background:#1ABC9C;
}
.red-tootip{
	background:#E52C39;
	font-size: 0.875em;
	color: #eee;
	line-height: 1.5em;
	position: relative;
	border-bottom: 3px solid #760D15;
}
.red-tootip span{
	position: absolute;
	height: 30px;
	width: 30px;
	display: block;
	left: 42%;
	bottom: -30px;
	background: url(../images/red-tool.png) no-repeat;
}
.tooltips-top-row li a{
	display: block;
	padding: 15% 16%;
	text-align: center;
}
.tooltips-top-row ul li a{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.tooltips-bottom-row ul li{
	display:inline-block;
	float:left;
}
.left-tootip{
	background:#32364E;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 3px solid #1A1822;
	width:40%;
	float:left;
	margin-right:2%;
	position:relative;
}
.left-tootip span{
	position: absolute;
	height: 30px;
	width: 30px;
	display: block;
	right: -28px;
	top: 50%;
	bottom: -30px;
	background: url(../images/right-dark-tool.png) no-repeat;
}
.left-tootip h5{
	font-size:0.875em;
	text-transform:uppercase;
	color:#9095AA;
	background:#2B2937;
	padding:0.8em;
	font-weight: bold;
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	-o-border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
}
.left-tootip p{
	font-size: 0.875em;
	color: #9095AA;
	line-height: 1.5em;
	padding:0.5em 1em;
}
.tooltips-bottom-row{
	margin-top:1em;
}
.top-tootip{
	float:right;
	width: 56.5%;
	background:#1ABC9C;
	border-bottom:3px solid #18937B;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	position:relative;
}
.top-tootip span{
	position: absolute;
	height: 30px;
	width: 30px;
	display: block;
	right: -28px;
	top: -7%;
	left: 47%;
	bottom: -30px;
	background: url(../images/top-green-tool.png) no-repeat;
}
.top-tootip h5{
	font-size: 0.875em;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	text-align:center;
	padding:0.8em 0;
}
.top-tootip p{
	color: #FFF;
	font-size: 0.875em;
	line-height: 1.5em;
	text-align: center;
	width: 60%;
	margin: 0 auto;
	padding-bottom: 1.2em;
}
.tooltips-bottom-row{
	margin-bottom:1em;
}	

@media (max-width: 600px) {
	.searchtxt h5{  font-size: 1em;	}
	.search_becorner{ font-size: 1.2em;;		
}
}

 /*---start-buttons-----*/
.big-buttons-col1{
	width: 100%;
	margin-right: 0%;
	float:none;
}
.big-buttons-col1:last-child{
	margin:0;
}
.big-buttons-col1 li{
	margin-bottom:0.5em;
}
.big-buttons input[type="button"]{
	width:100%;
}
/*---start-green-btns-----*/
.buttons input[type="button"]{
	font-family: 'Open Sans', sans-serif;
}
.g-btngreen{
	font-size: 1em;
	background: #1ABC9C;
	color: #fff;
	padding: 1em 0;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	cursor: pointer;
	box-shadow: 0 4px #18937B;
	border:none;
	outline:none;
	cursor:pointer;
}
.g-btngreen:hover{
	background: #18937B;
	box-shadow: 0 4px #0C5D4D;
}
.g-btngreen:active{
	background: #0C5D4D;
	box-shadow: 0 4px #053E33;
}
.g-btngreen:disabled{
	background: #AACFCD;
	box-shadow: 0 4px #A6C2C0;
}
.g-btnn{
	font-size: 1em;
	background: #1ABC9C;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	cursor: pointer;
	box-shadow: 0 4px #18937B;
	border:none;
	outline:none;
	cursor:pointer;
}
.g-btnh{
	font-size: 1em;
	background: #18937B;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #0C5D4D;
	border:none;
	outline:none;
	cursor:pointer;
}
.g-btna{
	font-size: 1em;
	background: #0C5D4D;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #053E33;
	border:none;
	outline:none;
	cursor:pointer;
}
.g-btnd{
	font-size: 1em;
	background: #AACFCD;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #A6C2C0;
	border:none;
	outline:none;
	cursor:pointer;
}
/*---start-Yellow-btns-----*/
.l-btnyellow{
	font-size: 1em;
	background: #EAC80D;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #BFA30C;
	border:none;
	outline:none;
	cursor:pointer;
}
.l-btnyellow:hover{
	background: #BFA30C;
	box-shadow: 0 4px #8C7708;
}
.l-btnyellow:active{
	background: #8C7708;
	box-shadow: 0 4px #655604;
}
.l-btnyellow:disabled{
	background: #E4D78F;
	box-shadow: 0 4px #D0C483;
}
.l-btnn{
	font-size: 1em;
	background: #EAC80D;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #BFA30C;
	border:none;
	outline:none;
	cursor:pointer;
}
.l-btnh{
	font-size: 1em;
	background: #BFA30C;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #8C7708;
	border:none;
	outline:none;
	cursor:pointer;
}
.l-btna{
	font-size: 1em;
	background: #8C7708;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #655604;
	border:none;
	outline:none;
	cursor:pointer;
}
.l-btnd{
	font-size: 1em;
	background: #E4D78F;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #D0C483;
	border:none;
	outline:none;
	cursor:pointer;
}
/*---start-blue-btns-----*/
.b-btnblue{
	font-size: 1em;
	background: #5D6A99;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #3D4A79;
	border:none;
	outline:none;
	cursor:pointer;
}
.b-btnblue:hover{
	background:#3D4A79;
	box-shadow: 0 4px #293357;
}
.b-btnblue:active{
	background: #293357;
	box-shadow: 0 4px #12182F;
}
.b-btnblue:disabled{
	background:#A8AFC5;
	box-shadow: 0 4px #969DB3;
}
.b-btnn{
	font-size: 1em;
	background: #5D6A99;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #3D4A79;
	border:none;
	outline:none;
	cursor:pointer;
}
.b-btnh{
	font-size: 1em;
	background: #3D4A79;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #293357;
	border:none;
	outline:none;
	cursor:pointer;
}
.b-btna{
	font-size: 1em;
	background: #293357;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #12182F;
	border:none;
	outline:none;
	cursor:pointer;
}
.b-btnd{
	font-size: 1em;
	background: #A8AFC5;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #969DB3;
	border:none;
	outline:none;
	cursor:pointer;
}
/*---start-red-btns-----*/
.r-btnred{
	font-size: 1em;
	background: #E52C39;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #AA1A24;
	border:none;
	outline:none;
	cursor:pointer;
}
.r-btnred:hover{
	background:#AA1A24;
	box-shadow: 0 4px #760D15;
}
.r-btnred:active{
	background: #760D15;
	box-shadow: 0 4px #4B050B;
}
.r-btnred:disabled{
	background:#E59197;
	box-shadow: 0 4px #D47D83;
}
.r-btnn{
	font-size: 1em;
	background: #E52C39;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #AA1A24;
	border:none;
	outline:none;
	cursor:pointer;
}
.r-btnh{
	font-size: 1em;
	background: #AA1A24;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #760D15;
	border:none;
	outline:none;
	cursor:pointer;
}
.r-btna{
	font-size: 1em;
	background: #760D15;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #4B050B;
	border:none;
	outline:none;
	cursor:pointer;
}
.r-btnd{
	font-size: 1em;
	background: #E59197;
	color: #fff;
	padding: 1em 0;
	width:240px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 4px #D47D83;
	border:none;
	outline:none;
	cursor:pointer;
}
 /*---End-buttons-----*/
 
 /*start menu */
.menu{
	margin:  10px 0;
}
.mcd-menu {
	font-family: 'Montserrat', sans-serif;
	list-style: none;
	padding: 0;
	margin: 0;
	background: #FFF;
	height: 78px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.mcd-menu li {
	width: 25%;
	float: left;
	position: relative;
}
.mcd-menu li a {
	display: block;
	text-decoration: none;
	padding: 15px 10px;
	text-align: center;
	color: #777;
	border-right: 1px solid #E7E7E7;
}
.mcd-menu li a i {
	width: 34px;
	height: 34px;
	display: inline-block;
	background: url(../images/nav_icon.png) no-repeat;
	vertical-align: middle;
	transition: none;
	margin: 0 auto;
}
.mcd-menu li  a > i.icon1{
	background-position:0px 0px;
}
.mcd-menu li a:hover > i.icon1{
	background-position:0px -46px;
}
.mcd-menu li  a > i.icon2{
	background-position: -42px -46px;
}
.mcd-menu li a:hover > i.icon2{
	background-position: -42px -46px;
}
.mcd-menu li  a > i.icon3{
	background-position:-86px 0px;
}
.mcd-menu li a:hover > i.icon3{
	background-position:-86px -46px;
}
.mcd-menu li  a > i.icon4{
	background-position:-130px 0px;
}
.mcd-menu li a:hover > i.icon4{
	background-position:-130px -46px;
}
.mcd-menu li  a > i.icon5{
	background-position:-180px 0px;
}
.mcd-menu li a:hover > i.icon5{
	background-position:-180px -46px;
}
.mcd-menu li a strong {
	display: block;
	text-transform: capitalize;
	font-size: 10px;
}
.mcd-menu li a strong, .mcd-menu li a small {
	position: relative;
	transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
}
.mcd-menu li:hover > a i {
    opacity: 1;
    -webkit-animation: moveFromTop 300ms ease-in-out;
    -moz-animation: moveFromTop 300ms ease-in-out;
    -ms-animation: moveFromTop 300ms ease-in-out;
    -o-animation: moveFromTop 300ms ease-in-out;
    animation: moveFromTop 300ms ease-in-out;
}
.mcd-menu li:hover a strong {
    opacity: 1;
    -webkit-animation: moveFromLeft 300ms ease-in-out;
    -moz-animation: moveFromLeft 300ms ease-in-out;
    -ms-animation: moveFromLeft 300ms ease-in-out;
    -o-animation: moveFromLeft 300ms ease-in-out;
    animation: moveFromLeft 300ms ease-in-out;
}
.mcd-menu li:hover a small {
    opacity: 1;
    -webkit-animation: moveFromRight 300ms ease-in-out;
    -moz-animation: moveFromRight 300ms ease-in-out;
    -ms-animation: moveFromRight 300ms ease-in-out;
    -o-animation: moveFromRight 300ms ease-in-out;
    animation: moveFromRight 300ms ease-in-out;
}
.mcd-menu li:hover > a {
 	color: #EC2D00;
}
.mcd-menu li a.active,.mcd-menu li a:hover {
	position: relative;
	color: #EC2D00;
	border: 0;
	border-top: 8px solid #EC2D00;
	border-bottom: 8px solid #EC2D00;
	margin-top: -7px;
	box-shadow: inset -1px 0px 0px #e7e7e7;
	-webkit-box-shadow: inset -1px 0px 0px #e7e7e7;
	-moz-box-shadow: inset -1px 0px 0px #e7e7e7;
	-o-box-shadow: inset -1px 0px 0px #e7e7e7;
}
.mcd-menu li a.active:before {
	content: "";
	position: absolute;
	top: 0;
	left: 45%;
	border-top: 8px solid #EC2D00;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}
@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
        -moz-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@-webkit-keyframes moveFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(200%);
        -moz-transform: translateX(200%);
        -ms-transform: translateX(200%);
        -o-transform: translateX(200%);
        transform: translateX(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@-webkit-keyframes moveFromRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(-200%);
        -moz-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        -o-transform: translateX(-200%);
        transform: translateX(-200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

 /*start menu internal*/
.menu2{
	margin:  5px 0;
}
.mcd-menu2 {
	font-family: 'Montserrat', sans-serif;
	list-style: none;
	padding: 0;
	margin: 0;
	background: #FFF;
	height: 58px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.mcd-menu2 li {
	width: 20%;
	float: left;
	position: relative;
}
.mcd-menu2 li a {
	display: block;
	text-decoration: none;
	padding: 15px 10px;
	text-align: center;
	color: #777;
	border-right: 1px solid #E7E7E7;
}
.mcd-menu2 li a i {
	width: 34px;
	height: 34px;
	display: inline-block;
	background: url(../images/nav_icon.png) no-repeat;
	vertical-align: middle;
	transition: none;
	margin: 0 auto;
}
.mcd-menu2 li  a > i.icon1{
	background-position:0px 0px;
}
.mcd-menu2 li a:hover > i.icon1{
	background-position:0px -46px;
}
.mcd-menu2 li  a > i.icon2{
	background-position: -42px -46px;
}
.mcd-menu2 li a:hover > i.icon2{
	background-position: -42px -46px;
}
.mcd-menu2 li  a > i.icon3{
	background-position:-86px 0px;
}
.mcd-menu2 li a:hover > i.icon3{
	background-position:-86px -46px;
}
.mcd-menu2 li  a > i.icon4{
	background-position:-130px 0px;
}
.mcd-menu2 li a:hover > i.icon4{
	background-position:-130px -46px;
}
.mcd-menu2 li  a > i.icon5{
	background-position:-180px 0px;
}
.mcd-menu2 li a:hover > i.icon5{
	background-position:-180px -46px;
}
.mcd-menu2 li a strong {
	display: block;
	text-transform: capitalize;
	font-size: 10px;
}
.mcd-menu2 li a strong, .mcd-menu2 li a small {
	position: relative;
	transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
}
.mcd-menu2 li:hover > a i {
    opacity: 1;
    -webkit-animation: moveFromTop 300ms ease-in-out;
    -moz-animation: moveFromTop 300ms ease-in-out;
    -ms-animation: moveFromTop 300ms ease-in-out;
    -o-animation: moveFromTop 300ms ease-in-out;
    animation: moveFromTop 300ms ease-in-out;
}
.mcd-menu2 li:hover a strong {
    opacity: 1;
    -webkit-animation: moveFromLeft 300ms ease-in-out;
    -moz-animation: moveFromLeft 300ms ease-in-out;
    -ms-animation: moveFromLeft 300ms ease-in-out;
    -o-animation: moveFromLeft 300ms ease-in-out;
    animation: moveFromLeft 300ms ease-in-out;
}
.mcd-menu2 li:hover a small {
    opacity: 1;
    -webkit-animation: moveFromRight 300ms ease-in-out;
    -moz-animation: moveFromRight 300ms ease-in-out;
    -ms-animation: moveFromRight 300ms ease-in-out;
    -o-animation: moveFromRight 300ms ease-in-out;
    animation: moveFromRight 300ms ease-in-out;
}
.mcd-menu2 li:hover > a {
 	color: #EC2D00;
}
.mcd-menu2 li a.active,.mcd-menu2 li a:hover {
	position: relative;
	color: #EC2D00;
	border: 0;
	border-top: 8px solid #EC2D00;
	border-bottom: 8px solid #EC2D00;
	margin-top: -7px;
	box-shadow: inset -1px 0px 0px #e7e7e7;
	-webkit-box-shadow: inset -1px 0px 0px #e7e7e7;
	-moz-box-shadow: inset -1px 0px 0px #e7e7e7;
	-o-box-shadow: inset -1px 0px 0px #e7e7e7;
}
.mcd-menu2 li a.active:before {
	content: "";
	position: absolute;
	top: 0;
	left: 45%;
	border-top: 8px solid #EC2D00;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}
@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
        -moz-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@-webkit-keyframes moveFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(200%);
        -moz-transform: translateX(200%);
        -ms-transform: translateX(200%);
        -o-transform: translateX(200%);
        transform: translateX(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@-webkit-keyframes moveFromRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(-200%);
        -moz-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        -o-transform: translateX(-200%);
        transform: translateX(-200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

/*---start-textareaboxs-----*/
.textarea-box1{
	float:left;
	width:100%;
	margin-right:0%;
	margin: 1em 0;
}
.textarea-box1 textarea{
	width: 87%;
	height: 100px;
	border: 1px solid #CCCCCC;
	color: #222;
	font-family: 'Open Sans', sans-serif;
	padding: 1em;
	font-size:0.875em;
	line-height: 1.8em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
} 
.textarea-box2{
	float:none;
	width:100%;
	margin-right:0%;
	margin-top:1em;
}
.textarea-box2 textarea{
	width: 87%;
	height: 100px;
	border: 1px solid #222;
	color: #FFF;
	font-family: 'Open Sans', sans-serif;
	background:#394264;
	padding: 1em;
	font-size:0.875em;
	line-height: 1.8em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
} 

/*---start-various-grids-right------*/
.various-grids-right{
	float:none;
	width:100%;
}
.various-grids-right-grid{
	background: url(../images/pin-pic.png) no-repeat;
	background-size:100%;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.various-grids-right-grid a{
	color:#FFF;
	background:#1ABC9C;
	text-transform:uppercase;
	display:block;
	padding:1em;
	width:50%;
	font-size:0.875em;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-o-border-top-left-radius: 5px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.various-grids-right-grid a:hover{
	color:#E5E5E5;
	background:#21A58B;
}
.various-grids-right-grid p{
	color:#FFF;
	background:#2B2937;
	padding:1em;
}

.various-grids-right-white{
	float:none;
	width:100%;
}
.various-grids-right-grid-white{
	background: url(../images/pin-pic.png) no-repeat;
	background-size:100%;
	border-style: solid;
    border-width: 1px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.various-grids-right-grid-white a{
	color:#FFF;
	background:#1ABC9C;
	text-transform:uppercase;
	display:block;
	padding:1em;
	width:50%;
	font-size:0.875em;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-o-border-top-left-radius: 5px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.various-grids-right-grid-white a:hover{
	color:#E5E5E5;
	background:#21A58B;
}
.various-grids-right-grid-white p{
	color:#000000;
	background:#FFFFFF;
	padding:1em;
}

.various-grids-right-brands{
	float:none;
	width:100%;
}
.various-grids-right-grid-brands{
	background: url(../images/pin-pic.png) no-repeat;
	background-size:100%;
	border-style: solid;
    border-width: 1px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.various-grids-right-grid-brands g{
	color:#FFF;
	background:#1ABC9C;
	text-transform:uppercase;
	display:block;
	padding:1em;
	width:50%;
	font-size:0.875em;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-o-border-top-left-radius: 5px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.various-grids-right-grid-brands a:hover{
	color:#E5E5E5;
	background:#21A58B;
}
.various-grids-right-grid-brands p{
	color:#000000;
	background:#FFFFFF;
	padding:1em;
}


.various-grids-right-experience{
	float:none;
	width:100%;
}
.various-grids-right-grid-experience{
	background: url(../images/pin-pic.png) no-repeat;
	background-size:100%;
	border-style: solid;
    border-width: 1px;
	border-color:#FFF;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.various-grids-right-product{
	float:none;
	width:100%;
}
.various-grids-right-grid-product{
	background: url(../images/pin-pic.png) no-repeat;
	background-size:100%;
	border-style: solid;
    border-width: 1px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.various-grids-right-grid-product g{
	color:#FFF;
	background:#1ABC9C;
	text-transform:uppercase;
	display:block;
	padding:1em;
	width:50%;
	font-size:0.875em;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-o-border-top-left-radius: 5px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.various-grids-right-grid-product a:hover{
	color:#E5E5E5;
	background:#21A58B;
}
.various-grids-right-grid-product p{
	color:#000000;
	background:#FFFFFF;
	padding:1em;
}

.various-grids-right-profile{
	float:none;
	width:100%;
	
}
.various-grids-right-grid-profile{
	background: url(../images/pin-pic.png) no-repeat;
	background-size:100%;
	border-style: solid;
    border-width: 1px;
	
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.various-grids-right-grid-profile g{
	color:#FFF;
	background:#1ABC9C;
	text-transform:uppercase;
	display:block;
	padding:1em;
	width:50%;
	font-size:0.875em;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-o-border-top-left-radius: 5px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.various-grids-right-grid-profile a:hover{
	color:#E5E5E5;
	background:#21A58B;
}
.various-grids-right-grid-profile p{
	color:#000000;
	background:#FFFFFF;
	padding:1em;
	
}

 .profileinsert {
       padding: 20px;
    }

 
 /* grid1_of_list1 */
.grid1_of_list1{
	margin-top: 10px;
	display: block;
}
.grid_img{
	margin-bottom: -5px;
	position: relative;
}
.grid_img img{
	width: 100%;
	border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-o-border-radius: 8px 8px 0px 0px;
	position: relative;
}
.grid_img:after{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 10px solid #F1F1F1;
	border-bottom: 0 solid rgba(0, 0, 0, 0)!important;
	border-right: 10px solid rgba(0, 0, 0, 0)!important;
	border-left: 10px solid rgba(0, 0, 0, 0)!important;
	left: 10%;
	bottom: -5px;
	margin-left: -10px;
}
.grid_text{
	background: #ffffff;
	border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	-o-border-radius: 0px 0px 8px 8px;
}
.grid_text1{
	padding: 10px;
}
.grid_text1 h4{
	font-size: 2.5em;
	color: #797979;
	text-transform: capitalize;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
}
.grid_text1 h5{
	font-size:1.5em;
	color: #797979;
	text-transform: capitalize;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
}
.list1{
	padding-bottom: 8px;
}
.list1 li.active a{
	background: #f5f5f5;
}
.list1 li a{
	display: block;
	padding: 10px;
	background: #ffffff;
	color: #303030;
	text-transform: capitalize;
	font-size: 0.8725em;
	transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.list1 li a:hover{
	background: #f0f0f0;
}
.list1 li a span{
	float: right;
	font-size: 1.2em;
	color: #555555;
}
 
 
 /* grid1_of_list2 */
.grid1_of_list2{
	margin-top: 10px;
}
.grid1_of_list{
	background: #71AF42;
	text-align: center;
	padding: 10px;
	border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-o-border-radius: 8px 8px 0px 0px;
}
.grid1_of_list h4{
	font-size: 1.5em;
	color: #ffffff;
	text-transform: capitalize;
	font-weight: 400;
}
.list2{
	background: #ffffff;
	text-align:center;
	border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	-o-border-radius: 0px 0px 8px 8px;
}
.list2 li {
	display:inline-block;
	border-left: 1px solid rgb(226, 226, 226);
	padding: 15px 20px;
	background: #ffffff;
	color: #555555;
	text-transform: capitalize;
	font-family: 'Montserrat', sans-serif;
}
.list2 li:nth-child(1){
	border-left:none;
}
.list2 li p{
	display: block;
	color: #858477;
}
.list2 li span{
	display: block;
	font-size: 3em;
}

@media (max-width: 600px) {
	.list2 li span{
	display: block;
	font-size: 2em;
     }		
}

@media (max-width: 360px) {
	.list2 li {
		padding: 10px 10px;
	}
	.list2 li span{
	display: block;
	font-size: 1em;
     }		
}
 
.gd-bottom-box { min-height:55px; float:left; width:99%; border-right: 0px solid #ffffff; }
.gd-box:last-child { border-right: 0px; width: 34%; }

.price-label 
{ width: 100%;float:left; font-size: 18px; line-height: 30px; color:#787878; }

.price 
{ width: 100%; float:left; font-weight: bold; font-size: 34px; text-indent: 5px; color:#f89516 ; text-shadow: 1px 1px 0px #787878; }
.value-label 
{ display: none ; }

.discount-label 
{ width: 100%;float:left; font-size: 18px; line-height: 30px; color:#787878; }

/* start span_of_3 */
.span1_of_1{
 	float: left;
 	width: 45%;
}

.span1_of_corner{
 	float: left;
 	width: 90%;
}
.span_of_1{
	padding:20px;
 	background: #ffffff;
 	border-radius:10px;
 	-webkit-border-radius:10px;
 	-moz-border-radius:10px;
 	-o-border-radius:10px;
 	box-shadow: 0px 2px 10px #7B887C;
 	-webkit-box-shadow: 0px 2px 10px #7B887C;
 	-moz-box-shadow: 0px 2px 10px #7B887C;
 	-o-box-shadow: 0px 2px 10px #7B887C;
}
.span_of_1.top{
	margin-top: 10%;
}
.span_of_3{
 	background: #ffffff;
	border-radius:10px;
 	-webkit-border-radius:10px;
 	-moz-border-radius:10px;
 	-o-border-radius:10px;
	box-shadow: 0px 2px 10px #8D7C77;
	-webkit-box-shadow: 0px 2px 10px #8D7C77;
	-moz-box-shadow: 0px 2px 10px #8D7C77;
	-o-box-shadow:0px 2px 10px #8D7C77;
}
.span_of_3.top{
	padding: 20px;
	margin-top: 10%;
}
.span1_of_2{
 	float: left;
 	width: 43%;
 	margin-left: 2.33333%;
 	padding:20px;
 	background: #ffffff;
 	border-radius:10px;
 	-webkit-border-radius:10px;
 	-moz-border-radius:10px;
 	-o-border-radius:10px;
 	box-shadow:  0px 2px 10px #7B887C;
 	-webkit-box-shadow:  0px 2px 10px #7B887C;
 	-moz-box-shadow:  0px 2px 10px #7B887C;
 	-o-box-shadow:  0px 2px 10px #7B887C;
}
.span1_of_3{
 	float: right;
 	width: 35.33333%;
 	margin-left: 3.33333%;
}
.span1_of_2 h3{
	margin: 4% 0;
}
.soc_icons{
	text-align:center;
	margin: 8% 0;
}
.soc_icons li a span{
	display: block;
	padding-top: 10px;
}
.soc_icons li{
	display:inline-block;
	margin-left: 30px;
}
.soc_icons li:first-child{
	margin-left: 0px;
}
.soc_icons li a > i.twt {
	background-position: -2px 0px;
}
.soc_icons li a > i.fb{
	background-position: -64px 0px;
}
.soc_icons li a > i.gp{
	background-position:-126px 0px;
}
.soc_icons li a {
	line-height: 1.8em;
	padding: 8px 8px;
	font-family: 'Open Sans', sans-serif;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1em;
	color: #555555;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.soc_icons li a > i{
	width: 53px;
	height: 53px;
	display:block;
	margin: 0px auto;
	background:url(../images/soc_icons.png) no-repeat;
	vertical-align:top;
}
.soc_icons li a:hover{
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.7;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}

@media only screen and (max-width: 768px) {
	.wrap{
		width:95%;
	}
	.main {
		margin: 4% 0;
	}
	/* display with 768px  */
	
	.top-nav{
		display: block;
		margin-bottom: 20px;
	}
	.search {
		margin: 4% 0;
	}
	.grid1_of_2 {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-top: 4%;
	}
	.grid1_of_3 {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-top: 4%;
	}
	.span1_of_1 {
		float: none;
		width: 100%;
	}
	.span1_of_2 {
		width: 92%;
		margin-left: 0;
		margin-top: 4%;
		padding: 20px;		
	}
	.span1_of_3 {
		width: 100%;
		margin-top: 4%;
	}
	.grid1_of_2 h3 {
		margin: 2% 0;
	}
	.contact_form input[type="submit"].bg {
		margin: 4% 0 2%;
	}
	.contact_form input[type="submit"].bg1 {
		margin: 4% 0 2%;
	}
	.contact_form input[type="submit"].bg2 {
		margin: 4% 0 2%;
	}
	.span1_of_2 h3 {
		margin: 2% 0;
	}
	.span_of_1.top {
		margin-top: 4%;
	}
	.soc_icons {
		margin: 2% 0 0;
	}
	.soc_icons li {
		float: none;
		display:inline-block;
		margin-left: 20px;
	}
	.span_of_1 {
		padding: 20px;
	}
	.span_of_3.top {
		margin-top: 4%;
	}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		bottom: 12% !important;
		right: 45% !important;
	}
	.user_img {
		margin: 2% 0;
	}
}

		  
</style>