@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'JF-Flat-regular';
	src: url('../fonts/JF-Flat-regular.eot');	 /* IE9 Compat Modes */
	src: url('../fonts/JF-Flat-regular.eot?#iefix') format('embedded-opentype'),  /* IE6-IE8 */ url('../fonts/JF-Flat-regular.woff') format('woff'),   /* Modern Browsers */ url('../fonts/JF-Flat-regular.ttf') format('truetype'),	 /* Safari, Android, iOS */ url('../fonts/JF-Flat-regular.svg#JF-Flat-regular') format('svg');  /* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}
html, body, h1, h2, h3, h4, h5, h6, p, a, img, ul, li, input, select, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	list-style: none;
	font: 15px/30px 'JF-Flat-regular';
	color: #333; }
a, a:hover , a:focus, a:active { text-decoration:none;}	
.clear { clear:both;}	

body { text-align:right; direction:rtl; }

.left ul li, a , .work ul  li,img ,.social .fb,.social .twit, 
.social .tube,.social .mail, li, .more, button,  .fa , a, p, .sendmails .btn-slide,.send,.login
 {	-webkit-transition: all ease-in-out .5s;
	-moz-transition:all ease-in-out .5s; 
	-o-transition: all ease-in-out .5s;
	transition: all ease-in-out .5s;}

.siderdiv {width: 100%;overflow: hidden;position: relative; background:#608700;}
.bc .overlay { position:absolute; top:0; right:0; height:100%; background:rgba(0, 0, 0, 0.64); z-index:50; width:100%;}

.top-header { position:absolute; top:0; z-index:100; right:0; width:100%;direction: rtl; float:right;
border-top:3px solid #608700; }
.top-head { padding-top:10px;}
.login { color:#fff; border:2px solid #fff;padding: 3px 11px; border-radius: 4px;float: left;margin-top: 10px;
 margin-right:20px;}
.login:hover { background:#608700;border:2px solid #608700; }
.top-header .logo { float:right; margin-top:-50px;}	
.top-header  .logo img { width:140px;}	

.top-header  .social { float:left; padding-top:15px;}
.top-header  .social ul li { float:left; width:30px; height:30px; line-height:30px; border-radius: 50%; 
    text-align: center;  margin-right: 7px;}
.top-header .social ul li a { color:#fff;}
.top-header .social .fb{ background:#039;}.top-header .social .twit { background:#06C;}
.top-header .social .tube{ background:#900;} .top-header .social .mail{ background:#F00;}
 /*********menu***********/
#cssmenu ul li  .active { color:#fff; }
 #cssmenu ul li a:hover { color:#fff; background:#8ac31c;}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile {
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#cssmenu:after, #cssmenu > ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
#cssmenu #head-mobile {
	display: none
}
#cssmenu { background:#608700; height:50px; margin-top:20px; }
#cssmenu ul {
	float: right;
}
#cssmenu > ul > li {
	float: right;border-left:1px solid #4a6704;
}
#cssmenu > ul > li:last-child {
	margin: 0;
}
#cssmenu ul li a {padding: 17px 30px ; font-size:15px; color:#fff; }
#cssmenu > ul > li:last-child { border:none;}
#cssmenu ul ul {
	position: absolute;
	right: -9999px; background:#f8f8f8;
}
#cssmenu ul ul li {
	height: 0;
	-webkit-transition: all .25s ease;
	-ms-transition: all .25s ease;
	padding: 0px 10px;
	transition: all .25s ease
}
#cssmenu li:hover > ul {
	right: 0;
	border-radius: 0px 0px 4px 4px;
	top: 50px;
	z-index: 100;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.31);
}
#cssmenu li:hover > ul > li {
	height: 40px; text-align:right;
}
#cssmenu ul ul ul {
	margin-left: 100%;
	top: 0px !important;
	padding-top: 0px !important;
}
#cssmenu ul ul li a {
	border: 0 !important;
	border-bottom:1px dotted #ccc !important;
	padding: 11px 0px;
	background: none !important;
	width: 212px;
	color: #666 !important;
	font-size: 14px;
}
#cssmenu ul ul li a::before, #cssmenu ul ul li a::after {
	display: none;
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover, .menu.sticky #cssmenu ul ul li:hover > a, .menu.sticky #cssmenu ul ul li a:hover {
	color: #608700!important;
	border: 0 !important;
	border-bottom: 1px dotted rgba(148, 148, 148, 0.52) !important;
	background: none;
}
#cssmenu ul ul li.has-sub > a:after {
	position: absolute;
	top: 16px;
	left: 11px;
	width: 8px;
	height: 2px;
	display: block;
	background: #3b3b3b;
	content: ''
}
#cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a {
	border-bottom: 0 !important;
	padding-top: 10px;
	line-height: 18px;
}
#cssmenu ul ul li.has-sub > a:before {
	position: absolute;
	top: 13px;
	right: 14px;
	display: block;
	width: 2px;
	height: 8px;
	background: #3b3b3b;
	content: '';
	-webkit-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease
}
#cssmenu ul ul > li.has-sub:hover > a:before {
	top: 17px;
	height: 0
}
#cssmenu ul ul ul li.active a {
	border-left: 1px solid #333
}
#cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active> a {
	border-top: 1px solid #333
}
#cssmenu > ul > li.ico-min {
	display: none;
}
 @media (max-width:1199px) {
#cssmenu ul li a {
	padding: 17px 25px;
}
.membe {
	width: 50%;
}
}
 @media (max-width:991px) {
	 .sticky{ padding-right:20px !important;}
.sticky	 #cssmenu {margin-top: 20px;}
 .top-header .sticky .logo img, .top-header .sticky .logo { width:60px;}
.sticky #cssmenu ul  { padding-right:0 !important;}
.sticky #cssmenu ul li{ border-bottom: 1px solid #517504 !important;}
.sticky #cssmenu ul li a { color:#fff !important;}
	 #cssmenu { border-top:none;margin-top: 70px;}
	  #cssmenu ul li a:hover { color:#fff; border:none !important; padding-right:7px;}
	  #cssmenu ul li  .active {border:none !important;}

#cssmenu ul li:hover > ul, #cssmenu ul li > ul {
	box-shadow: none;
	border-radius: 0px;
	/*background: #fff;*/
}
#cssmenu ul {
	width: 100%;
	display: none;
	background:#608700;
	padding: 5px;
	top: 60px;
	width: 223px;
	z-index: 120;
	position: absolute;
	left: 0px; 
	
	border-radius: 0px 0px 4px 4px;
}
#cssmenu ul ul {background:#8ac31c;}
#cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a {
	padding-top: 3px;
}
#cssmenu ul li {
	width: 100%;
	border-bottom:1px solid #4e6b06;}
#cssmenu ul ul li, #cssmenu li:hover > ul > li {
	float: right;
	height: auto;
}
#cssmenu ul li a, #cssmenu ul ul li a {
	width: 100%;
	border-bottom: 0
}
#cssmenu > ul > li {
	margin: 0;
}
#cssmenu ul ul li {
	border: 0;
}
#cssmenu ul ul ul li a {
	padding-left: 35px
}
#cssmenu ul ul li a {
	background: none;
	padding: 10px 5px;
	color: #fff;
}
#cssmenu ul ul, #cssmenu ul ul ul {
	position: relative;
	right: 0;
	width: 100%;
	margin: 0;
	top: 0 !important;
	padding: 0 !important;
	text-align: right;
}
#cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before {
	display: none
}
#cssmenu #head-mobile {
	display: block;
	color: #ddd;
	font-size: 12px;
	font-weight: 700
}
.button {
	position: absolute;
	left: 0px;
	top: 10px;
	cursor: pointer;
	z-index: 12399994;
}
.button:after {
	position: absolute;
	top: 14px;
	left: 8px;
	display: block;
	height: 8px;
	width: 20px;
	border-top: 2px solid #8ac31c;
	border-bottom: 2px solid #8ac31c;
	content: ''
}
.button:before {
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	position: absolute;
	top: 8px;
	left: 8px;
	display: block;
	height: 2px;
	width: 20px;
	background: #8ac31c;
	content: ''
}
.button.menu-opened:after {
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	top: 14px;
	left: 8px;
	border: 0;
	height: 2px;
	width: 19px;
	background: #8ac31c;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.button.menu-opened:before {
	top: 14px;
	background: #8ac31c;
	width: 19px;
	left: 8px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
#cssmenu .submenu-button {
	position: absolute;
	z-index: 99;
	left: 0;
	top: 0;
	display: block;
	border-right:1px solid rgb(78, 107, 6);
	height: 42px;
	width: 46px;
	cursor: pointer
}
/*#cssmenu .submenu-button.submenu-opened {
	background: #b72428;
}*/
#cssmenu ul ul .submenu-button {
	height: 34px;
	width: 34px
}
#cssmenu .submenu-button:after {
	position: absolute;
	top: 22px;
	right: 19px;
	width: 8px;
	height: 2px;
	display: block;
	background: #000;
	content: ''
}
#cssmenu ul ul .submenu-button:after {
	top: 15px;
	right: 13px
}
#cssmenu .submenu-button.submenu-opened:after {
	background: #fff
}
#cssmenu .submenu-button:before {
	position: absolute;
	top: 19px;
	right: 22px;
	display: block;
	width: 2px;
	height: 8px;
	background: #000;
	content: ''
}
#cssmenu ul ul .submenu-button:before {
	top: 12px;
	right: 16px
}
#cssmenu .submenu-button.submenu-opened:before {
	display: none
}
#cssmenu ul ul ul li.active a {
	border-left: none
}
#cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a {
	border-top: none
}
#cssmenu > ul > li > a {
	padding: 13px 15px;
	border: 0 !important;
	border-radius: 0;
	color: #fff; text-align:right;
}
#cssmenu ul ul li a {
	float: right;
	background: none !important;
	color: #fff !important;
}
#cssmenu ul ul li:hover a {
	
	color: #fff !important; border-top:none !important;
}
#cssmenu > ul > li.has-sub:hover > a:after {
	background: #fff;
}
}
 .sticky { position:fixed; top:0; width:100%; z-index:9999; border-bottom:1px solid #ccc; background:#fff; right:0;
  padding-right:80px;}
 .sticky .logo { margin-top:-10px;}
.sticky .logo img { width:70px;}
.sticky #cssmenu { border-top:none; background-color:transparent; margin-top:10px; }
.sticky #cssmenu ul { padding-top:10px; padding-right:120px;}
.sticky #cssmenu ul li { border:none;}
.sticky #cssmenu ul li .active{ background:#5c8702; color:#fff;}
.sticky #cssmenu ul li a { color:#333; margin-left:5px; }
.sticky #cssmenu ul li a:hover { background:#5c8702; color:#fff;}
.sticky  #cssmenu li ul { padding-right:0 !important;}
.sticky .social { display:none;}
/*************about*****/
.about { padding:50px 0; float:right; width:100%;}
.tit
{width: 100%;
    text-align: center;
    font-size: 23px;
    background: url(../images/ba-bo1.png) bottom center no-repeat;
    padding-bottom: 20px;}
.about p { text-align:justify; padding-bottom:25px; padding-top:25px;}	
.more {  background:#5c8702; color:#fff;
  padding: 7px 20px;  border-bottom:4px solid #8ac31c; }
.more:hover {background:#8ac31c;border-bottom:4px solid  #5c8702;}
/*******service***********/
.service { padding:50px 0;background:url(../images/body_bg.jpg) repeat;}

.service  .mores {
  background:#fbb140 ; color:#fff;
  padding: 5px 20px;
  border: 0; border-radius:4px;  outline:none;}
.service  .mores:hover { background:#8ac31c; box-shadow:3px 0px 3px #8ac31c; }
.service .info img {
  width: 100%;
  height: 100%;
  transition: 2s
}

.info:hover img {
  transform: scale(2);
}

.service .info {
  overflow: hidden;
  position: relative;
  margin-top: 30px; height:200px;border-top: 5px solid #5c8702;border-right: 5px solid #5c8702;}


/* hover 1*/

.caption {
  background:rgba(92, 135, 2, 0.88); padding:15px;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.6s;
  color: #fff;
  transform: skew(50deg);
  opacity: 0}
 .caption  .title2 { padding-top:0;}
.title2 a { color:#fff; font-size:17px;}
.info:hover .caption {
  transform: skew(0deg);
  opacity: 1
}
.caption  .title2:after{ margin:0 auto;}
.caption .det  { height:50px; overflow:hidden; color:#fff; font-size:14px; line-height:2;margin-bottom:15px;}


.top-footer { width:100%; text-align:center; }
.top-footer img {margin:0 auto;}
/*********footer***********/
.footer { background:#191919; padding:50px 0;}
.top { background:url(../images/border.png) repeat; width:100%; height:5px;}
.title2
{ position:relative; padding-top:10px;padding-bottom:10px; font-size:18px;  color:#fff ; }
.title2:after
{ content:""; width:40px; border-bottom-style:solid; border-bottom-color:#8ac31c; border-bottom-width:3px; display:table;
 padding-top:7px;}
 .contabox { float:right;}
  .category { float:right;}
 .category p ,.contabox p{ float:right; width:100%; color:#989292;}
 .extra { color:#8ac31c; }
 .extra:hover { text-decoration:underline;}
 .key { float:right;}
.key ul li a { padding-top:5px; border-radius:5px; color:#808080;}
.key ul li a:hover {color:#8ac31c; text-decoration:underline; }
.sendmails {
	position: relative;
	float: right;
	width: 100%;
	margin-top: 20px;
}
.sendmails .btn-slide {
	position: absolute;
	width: 80px;
	height: 80px; border-radius:50%;
	left: -16px;
	top: -20px;
}
.btn-slide {
	float: right;
	height: 50px;
	color: #fff;
	border: 0;
	outline-style: none;
	text-align: center;
	line-height: 35px;
	background: #8ac31c;
}
.btn-slide:hover{ background:#5c8702;}

.input-footer {
	float: right;
	width: 100%;
	border-radius: 0px;
	height: 50px;
	background: rgba(255, 255, 255, 0.03);
	outline-style: none;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.31);
	padding: 0px 10px 0px 90px;
	border: none !important;
}
	
	.end-footer { background:#1F1F1F; width:100%; float:right; padding:10px; margin-top:30px;}
.end-footer p { text-align:center; color:#808080; font-size:15px;}
.end-footer span { color:#8ac31c; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif;}

  /****scroll******/
  .scrollToTop {width:30px;height:30px;border-radius:4px;position: fixed;bottom: 10px;right: 0px;right: 5px;display: none;background:#8ac31c;z-index: 1000;text-align: center;color: #fff;font-size: 20px;line-height:30px; border-radius:50%;}
.scrollToTop:after {content: '';position: absolute;left:8px;top:-12px; width: 0;height: 0;border: 7px solid transparent;border-bottom-color:#8ac31c; }

/*****content*****/
.content { 
	background: #f7f7f7 url(../images/gplay.png) repeat; 
	width: 100%;
	padding:50px 0;
}
.details { padding-top:20px; }
.login a { color:#fff;}
.login .fa { padding-left:5px;}
.login:hover .click{ color:#fff;} 
.btn-primary,.btn-primary:hover ,.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{ background-color:transparent; border-color:transparent;}
.dropdown-menu > li > a { font-size:14px; padding:5px 20px;}
.dropdown-menu > li:hover a { color:#608700}
.alert-success { margin-top:15px;}
.alert { padding:7px;}
.content .more { border-color: transparent;border-bottom: 4px solid #8ac31c !important; outline:none;
padding: 5px 45px; margin-top:30px;}
.content .more:hover,.content .more:active,.content .more:focus {border-bottom: 4px solid #5c8702 !important; color:#fff; background:#8ac31c ;}
.forget { font-weight:bold; float:right }.new { float:left;font-weight:bold;}
.forget:hover,.new:hover { text-decoration:underline; color:#5c8702}
.box { width:100%; height:250px; position:relative; overflow:hidden; margin-top:40px;}
.box img { width:100%; height:250px; }
.box:hover img{ 
	-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1); }
.price { position:absolute; top:0; right:0; z-index:10; color:#fff; background:rgba(92, 135, 2, 0.81);
 padding:7px; border-bottom-left-radius:20px; }
 .box .fa { padding-left:5px;}
 .user  { position:absolute; top:0; left:0; z-index:10; color:#fff; background:rgba(92, 135, 2, 0.81);
 padding:7px; border-bottom-right-radius:20px; text-transform:capitalize; }
 .box:hover .price, .box:hover .user  { background:#5c8702;} 
.content .title2 { color:#333;}
.fa-calendar { color:#5c8702; padding-left:5px;}
.date { font-size:14px; font-family:Tahoma, Geneva, sans-serif;  float:left;}
select { width:100%; height:50px; border:1px solid #ccc; padding-right:15px; color:#a99c9c;}
textarea { width:100%;border:1px solid #ccc; padding:15px;}
.bc {
	 background:url(../images/bc.jpg) no-repeat 50% 50%; 
	 position:relative; 
	 height:400px;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
 .contact .title { font-size:20px;}
.input-group { width:100%; margin-bottom:15px;}
.form-control { height:50px;}
textarea { resize:none;}
.form-control:hover, select:hover ,textarea:hover{ border:1px solid #8ac31c;}


#regForm {
  width: 100%;
  display: flex;
}

.bold-tit {
	float: right;
	width: 100%;
}

.box-price {
	float: right;
	width: 100%;

}
.img-price {
	width: 100px;
	height: 70px;
}
thead {
	background: #5d8502;
	text-align: center;
}
table {
	margin-top: 30px;
}
tbody {
	text-align: right;
	background: #f7f7f7;
}
.first {
	width: 34.5%;
}
tbody  input[type="radio"],
 tbody input[type="checkbox"] {
	 float: right;
	 margin-right: 0 !important;
 }
 .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, 
 .table > thead:first-child > tr:first-child > th, 
 .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td
 
 {
	 padding: 15px 10px;
	 color: #fff;
	 text-align: center;
 }
 
 .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, 
 .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{
	 vertical-align: middle;
 }
 .total {
	 padding-right: 20px;
	 font-weight: bold;
 }
 .color-price {
	 color: #f00;
	 font-weight: bold;
	 text-align: center;
	 font-size: 20px;
 }
 .head-con {
	 font-size: 20px;
	 margin: 10px 0;
	 color: #5c8702;
 }
 .head-con span {
	 color: #8ac31c;

 }
 .basket {
	 float: right;
	 width: 100%;
	 text-align: center;
	 margin: 20px 0;
 }
 .basket .show-basket {
	 padding: 7px 30px;
	 color: #fff;
	 background: #5c8702;
	 box-shadow: 0 3px 5px #5c8702;
	 font-size: 17px;

 }

.request , .add {
	display: inline-block;
	padding: 5px 30px;
	color: #fff;
	background: #5c8702;
	box-shadow: 0 3px 5px #5c8702;
	font-size: 15px;
	margin: 10px;


}
.request:hover {
	cursor: pointer;
}
.column-btns {
text-align: center;
}

.modal-body .form-control {
	margin-bottom: 10px;
}
.form-control:active,
.form-control:focus,
.modal-header .close:hover,
.modal-header .close:focus {
	outline: none;
	box-shadow: none;
}
.modal-footer {
	border-top: none;
	text-align: center;
	padding-top: 0;
}
.confirm {
	padding: 5px 30px;
	color: #fff;
	background: #5c8702;
	box-shadow: 0 3px 5px #5c8702;
	font-size: 15px;
	border: none;
	box-shadow: none;
	border-radius:none;

}
.modal-header{
	position: relative;

} 
.modal-header .close {
  position: absolute;
  right: 20px;
  color: #5c8702;
  opacity: 1;
  font-size: 30px;
}
 input,
textarea {
  border: 1px solid #eeeeee;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  padding: 10px;
}

input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

 table .input-group {
  clear: both;
  margin: 15px 0;
  position: relative;
  display: flex;
}

table  .input-group input[type='button'] {
  background-color: #5c8702;
  min-width: 38px;
  width: auto;
  transition: all 300ms ease;
  color: #fff;
}

.input-group .button-minus,
.input-group .button-plus {
  font-weight: bold;
  height: 38px;
  padding: 0;
  width: 38px;
  position: relative;
}

.input-group .quantity-field {
  position: relative;
  height: 38px;
  left: -6px;
  text-align: center;
  width: 62px;
  display: inline-block;
  font-size: 13px;
  resize: vertical;
}

.button-plus {
  left: -13px;
}

input[type="number"] {
  -moz-appearance: textfield;
  -webkit-appearance: none;
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}

.head { font-weight:bold; padding-bottom:7px; padding-top:7px;}
button {
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
}

button:hover {
  opacity: 0.8;
}
.title-head { float:right; color: #608700; padding:10px 0; width:100%; font-weight:bold; font-size:20px;}

.tab select {  border: 2px solid #608700; height:40px;}
.tab select:active,.tab select:focus { box-shadow:none; outline:none;}
.tab .input-group{     display: table;
    table-layout: fixed;
    width: 100%;
    border: 2px solid #608700;
}
.tab input[type="radio"], input[type="checkbox"]{ margin-left:10px; margin-right:10px;}
.tab .input-group>div {display: table-cell;
    text-align: right;
    border-left: 2px solid #608700;
    background: #fff;
    vertical-align: middle;
 }
.tab .input-group>div:last-child { border-left:none;}
.tab { padding-top:30px;}
.tab .more { margin-top:5px;}
.inputt { width:100%; padding:5px 10px;}
.inputt:hover,.inputt:active,.inputt:focus { box-shadow:none; outline:none;}

@media only screen and (min-width:800px) and (max-width:1000px) {
 .about-img { margin-bottom:30px;}  }

@media only screen and (min-width:158px) and (max-width:800px) {

.top-header  .logo img, .top-header .logo { width:120px;}
.left { padding-top:10px; padding-bottom:10px;}
.left ul li { padding:5px 7px;}
}

 	 @media only screen and (min-width:200px) and (max-width:770px){
	.sendmails .btn-slide { left:0;}}

 	 @media only screen and (min-width:150px) and (max-width:470px){
		 #cssmenu {margin-top:100px;} .top-header  .logo img, .top-header .logo { width:80px;}
.sticky #cssmenu { margin-top:20px;}.sticky{ padding-right:20px;}
#regForm {min-width: 250px;}
	 }

	 @media (max-width:550px) {
		#cssmenu > ul > li.ico-min {
			display: block;
		}
		.input-group .quantity-field {
			width: 40px;
		}
		.button-plus, 
		.button-minus {
            min-width: 25px !important;
		}
		table .input-group {
			margin: 15px 10px;
		}
		}