/* Author: Hamid Khalili */
/* 02 February,2016 */
@font-face {
    font-family: "yekan";
    src: url(../fonts/Yekan.eot);
    src: url(../fonts/Yekan.eot?#iefix) format("embedded-opentype"), url(../fonts/Yekan.woff) format("woff"), url(../fonts/Yekan.ttf) format("truetype"), url(../fonts/Yekan.svg#BYekan) format("svg");
    font-weight: normal;
    font-style: normal
}
body {
  font-family: 'yekan',Tahoma;
  background:url(../images/bgpattern.png) repeat;
}
.custom-container{
	background-color:#fff;
	padding-top:20px;
	padding-bottom:20px;
}
::-moz-selection { background: #444; color:#fff; }
::selection { background: #444; color:#fff;}
a{
	color:#777;
}
a:hover, a:focus{
	color:#333;
	outline:none;
  text-decoration: none;
}
button:focus{
  outline:none !important;
  text-decoration: none;
}
ul{
	list-style:none;
	padding:0;
}
.btn-default{
	background-color:#45af9a;
	border:1px solid #308f7c;
	color:#c3faef;
}
.btn-default:hover, .btn-default:focus{
	background-color:#38e3dd;
	border:1px solid #32c6c1;
	color:#258481;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn{
	border-radius:0;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn{
	border-radius:0;
}
header{
	border-radius:0;padding-top:30px; background:#222 url(../images/lines.png) repeat;
}
section, footer{
	padding-top:30px;
	padding-bottom:30px;
}
.myscroll{
	height:200px;
}
.top{
	padding:10px 0 !important;
	background-color:#393939;
}
.top-center{
	text-align:center;
}
.topheader{
  min-height: 50px;
  background-color: #222;
}
@media only screen and (max-width:600px){
  .topheader{
    min-height: 120px;
    padding-top: 15px;
  }
}
.company-name{
  float:right;
  padding-right: 130px;
  padding-top: 15px;
  padding-bottom:15px;
}
.tablet-mobile-logo{display: none}
@media only screen and (max-width:1024px){
  .brand-box{display: none}
  .tablet-mobile-logo{display: block !important}
  .company-name{
    padding-right:10px !important;
    min-width:50%;
    padding-top: 4px !important;
    padding-bottom:4px !important;
  }
  .company-name h1{
    height: 40px;
    line-height: 40px;
  }
  .company-name a img{
    width:40px;
    height: 40px;
  }
  .company-name a{float:right;margin-left: 10px;}
}
.company-name h1{
  font-size:16px;
  color:#fff;
  margin: 0;
}
.company-num{
  float:left;
  padding-left: 70px;
  color:#ccc;
  padding-top: 15px;
  padding-bottom:15px;
}
.login{
  float: left;
  color:#ccc;
  padding-top: 15px;
  padding-bottom:15px;
}
.login a{
  padding: 0 20px;
}
.login a:hover, .login a:focus{color:#45af9a}
.login a span{
  margin-left: 7px;
}
#detailmodal .modal-content{
  padding: 20px;
}
.modal-header{
position:relative;
background-color:#364E5E;
color:#fff;
margin-bottom:1px;
margin-top:0;
padding:10px;
padding-right:40px;
}
.modal-header::before{
position:absolute;
content:'';
top:0px;
right:-1px;
bottom:0;
width:0px;
height:0;
border:0;
border-top:28px solid transparent;
border-right:20px solid #45af9a;
border-bottom:28px solid transparent;
}
.modal hr{border-color: #aaa !important}
.pagination-box{
	text-align:center;
	border-top:1px solid #ccc;
}
.pagination>li>a, .pagination>li>span{
  color:#888;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #364E5E;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #364E5E;
    background-color: #45af9a;
    border-color: #45af9a;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #364E5E;
    border-color: #364E5E;
}
#login-modal .modal-dialog {
    width: 350px;
}

#login-modal input[type=text], input[type=password] {
	margin-top: 10px;
}

#div-login-msg,
#div-lost-msg,
#div-register-msg {
    border: 1px solid #dadfe1;
    height: 30px;
    line-height: 28px;
    transition: all ease-in-out 500ms;
}

#div-login-msg.success,
#div-lost-msg.success,
#div-register-msg.success {
    border: 1px solid #68c3a3;
    background-color: #c8f7c5;
}

#div-login-msg.error,
#div-lost-msg.error,
#div-register-msg.error {
    border: 1px solid #eb575b;
    background-color: #ffcad1;
}

#icon-login-msg,
#icon-lost-msg,
#icon-register-msg {
    width: 30px;
    float: right;
    line-height: 28px;
    text-align: center;
    background-color: #dadfe1;
    margin-left: 5px;
    transition: all ease-in-out 500ms;
}

#icon-login-msg.success,
#icon-lost-msg.success,
#icon-register-msg.success {
    background-color: #68c3a3 !important;
}

#icon-login-msg.error,
#icon-lost-msg.error,
#icon-register-msg.error {
    background-color: #eb575b !important;
}

#img_logo {
    max-height: 100px;
    max-width: 100px;
}

/* #########################################
   #    override the bootstrap configs     #
   ######################################### */

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8;
}

.modal-content {
    background-color: #ececec;
    border: 1px solid #bdc3c7;
    border-radius: 0px;
    outline: 0;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px 15px 15px 15px;
    border-bottom: 0px;
}

.modal-body {
    position: relative;
    padding: 5px 15px 5px 15px;
}

.modal-footer {
    padding: 15px 15px 15px 15px;
    text-align: left;
    border-top: 0px;
}

.checkbox {
    margin-bottom: 0px;
}

.btn {
    border-radius: 0px;
}
.btn-link {
    padding: 5px 10px 0px 0px;
    color: #95a5a6;
}

.btn-link:hover, .btn-link:focus {
    color: #2c3e50;
    text-decoration: none;
}
.time{
	margin:8px 0; margin-left:30px !important;
	display:inline-block;
	float:left;
	padding:2px 5px;
	background-color:#f3d99b;
	border-radius:2px;
}
@media only screen and (max-width:768px){
	.time{display:none}
}
.time span{
	display:inline-block;
	vertical-align:middle;
	color:#9c7b2d;
	font-size:12px;
	margin:0 3px;
  margin-top: -2px !important;
}
.social-network ul{
	margin-bottom:0;
}
.social-network ul li{
	float:right;
	margin-left:10px;
}
.social-network ul li span{
	display:block;
	width:32px;
	height:32px;
}
.google-icon{
	background:url(../images/google-plus.png) no-repeat;
}
.facebook-icon{
	background:url(../images/facebook.png) no-repeat;
}
.instagram-icon{
	background: url(../images/instagram.png) no-repeat;
}
.contact-nav{

}
.contact-nav li{
	float:left;
	position:relative;
	color:#805a41;
	margin-right:10px;
	cursor:pointer;
}
.contact-nav li a:hover, .contact-nav li a:focus{
text-decoration:none;
}
.contact-nav li span{
	margin-left:5px;
	background-color:#45af9a;
	border-radius:50%;
	color:#fff !important;
	display:block;
	width:32px;
	height:32px;
	text-align:center;
	padding:6px 3px;
	font-size:18px;
}
.contact-nav li .tiptip{
	background-color:#fff;
	border:1px dashed #45af9a;
	border-radius:6px;
	padding:5px;
	position:absolute;
	min-width:150px;
	text-align:center;
	bottom:-32px;
	left:10px;
	opacity:0;
	visibility:hidden;
	z-index:10;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.ltr{
	direction:ltr;
}
.showtip{
	opacity:1 !important;
	visibility:visible !important;
}
.top-bar{
	position:relative;
	padding:5px 0 !important;
	background-color:#fff;

}

@media only screen and (max-width: 1024px) {
	.container{
		width:100% !important;
	}
	.searchbox{margin-left:0 !important}
}

@media only screen and (max-width: 360px) {
	.sitetitle{
	  max-width:60%;
	  margin-right:20px !important;
	  }
	.sitetitle h5{
	  font-size:11px !important;
	  font-weight:normal !important;
	  direction:ltr;
	  }
	  .brand-box img{
		margin-top:13px  !important;
		}
		.brand-box::before{
		top:-20px !important;
		}

}
.form-control, input, select, textarea{
	border:none;
	border-radius:0;
}
.form-control:focus, input:focus, select:focus, textarea:focus{
	box-shadow:none !important;
}
.brand-box{
	position:absolute;
	top:5px;
	right:40%;
	left:40%;
	width:20%;
	margin:auto;
	text-align:center;
	z-index:2;
}
.brand-box a{
	display:block;
	width:222px;
	height:151px;
	background-image:url(../images/logobg.png);
  background-position: center;
	margin:auto;
}
.brand-box img{
z-index:1;
margin:20px auto;
}
.sitetitle{
	float:right;
	padding:10px;
	margin-right:40px;
}
.sitetitle h5{
	font-weight:bold;
	font-size:12px;
	margin:5px 0;
}
.sitetitle h2:first-child{
	color:#805a41 !important;
	font-size:30px !important;
}
.sitetitle h2{
	font-size:16px;
	text-align:left;
	color:#aaa;
}
.searchbox{
	width:270px;
float:left;
position: relative;
z-index: 2;
margin-left:50px;
}
.searchbox .form-control{
height:41px;
background-color:#555;
color:#ccc;
border:none;
}
.searchbox .input-group-btn > .btn{
	height:41px;
	background-color:#45af9a;
	border:none;
}

/**********full-slider ********/
.full-slider{
	position:relative;
	padding:0 !important;
	min-height:200px;
}
#full-slider{
	direction:ltr;
	overflow:hidden;
}
#full-slider .owl-wrapper, #full-slider .owl-item{

}
#full-slider .item{
	height:600px;
}
#full-slider .item img{
	display: block;
	width: 100%;
	max-height:100%;
}
#full-slider .item .slide-caption{
  position: absolute;
  bottom:200px;
  width:50%;
  right:25%;
  left:25%;
  text-align: center;
}
#full-slider .item h1{
  display: inline-block;
  background-color: rgba(0,0,0,0.7);
  color:#ddd;
  padding: 20px;
  margin: auto;
}
#full-slider .item h4{
  display: inline-block;
  background-color: rgba(0,0,0,0.6);
  color:#ddd;
  padding: 20px;
  margin: auto;
}
@media only screen and (max-width: 1024px) {
	.full-slider{
		height:auto;
	}
	#full-slider .owl-wrapper, #full-slider .owl-item{

		height:auto;
	}
	#full-slider .item{
		height:500px !important;
	}
}
@media only screen and (max-width: 768px) {
	#full-slider .item{
		height:400px !important;
	}
  #full-slider .item .slide-caption{
    bottom:150px !important;
    width: 90% !important;
    right:5% !important;
    left:5% !important;
  }
  #full-slider .item .slide-caption hr{
    margin: 4px 0 !important;
  }
  #full-slider .item .slide-caption h1{
    font-size: 18px !important;
  }
  #full-slider .item .slide-caption h4{
    font-size: 14px !important;
  }
}
@media only screen and (max-width: 750px) {
  #full-slider .item .slide-caption{
    bottom:50px !important;
  }
}
@media only screen and (max-width: 480px) {
	#full-slider .item{
		height:300px !important;
	}
	.owl-theme .owl-controls .owl-buttons div{
		display:none !important;
	}
}
@media only screen and (max-width: 360px) {
	#full-slider .item{
		height:200px !important;
	}
}
.truckanimate{
  position: absolute;
  width:100%;
  max-width: 100%;
  height: 170px;
  bottom:0;
  right:0;
  left:0;
  z-index: 2;
}
.truckanimate-box{
  position: relative;
  background-image: url(../images/mountaine.png);
  background-position: bottom 24px center;
  background-repeat:repeat-x;
  width:100%;
  max-width: 100%;
  min-height: 170px;
  overflow: hidden;
}
.road{
  position: absolute;
  width:100%;
  height:24px;
  background-image: url(../images/road.png);
  background-position: bottom;
  background-repeat:repeat-x;
  bottom:0;
  right:0;
  left:0;
  z-index:1;
}
.street-light{
  position: absolute;
  width:100%;
  height:64px;
  background-image: url(../images/street-light.png);
  background-position: bottom;
  background-repeat:repeat-x;
  bottom:24px;
  right:0;
  left:0;
  z-index:2;
}
.mytruck{
  position: absolute;
  bottom: 15px;
  display: block;
  width: 250px;
  height: 78px;
  transform-origin: 50%;
  z-index: 3;
  background-image: url(../images/mytruck.png);
  animation:truckloop 25s infinite linear;
	-webkit-animation:truckloop 25s infinite linear;
}
.mytruck2{
  position: absolute;
  bottom: 5px;
  display: block;
  width: 250px;
  height: 78px;
  transform-origin: 50%;
  z-index: 3;
  background-image: url(../images/mytruck2.png);
  animation:truckloop2 25s infinite linear;
	-webkit-animation:truckloop2 25s infinite linear;
}
.tire{
  position: absolute;
  bottom: 0;
  display: block;
  width: 20px;
  height: 20px;
  z-index: 4;
  background-image: url(../images/tire.png);
  animation:rotateme2 1s infinite linear;
	-webkit-animation:rotateme2 1s infinite linear;
}
.tire-revers{
  position: absolute;
  bottom: 0;
  display: block;
  width: 20px;
  height: 20px;
  z-index: 4;
  background-image: url(../images/tire.png);
  animation:rotateme1 1s infinite linear;
	-webkit-animation:rotateme1 1s infinite linear;
}
.tire1{right:11px;}
.tire2{right:85px;}
.tire3{right:160px;}
.tire4{right:182px;}
.tire5{right:207px;}
.tire-revers.tire1{left:11px !important; right: auto !important;}
.tire-revers.tire2{left:85px !important;right: auto !important;}
.tire-revers.tire3{left:160px !important;right: auto !important;}
.tire-revers.tire4{left:182px !important;right: auto !important;}
.tire-revers.tire5{left:207px !important;right: auto !important;}
@keyframes rotateme1{
	0%{ transform:rotate(360deg); -webkit-transform:rotate(360deg); }
	100%{ transform:rotate(0deg); -webkit-transform:rotate(0deg); }
}
@-webkit-keyframes rotateme1{
  0%{ transform:rotate(360deg); -webkit-transform:rotate(360deg); }
	100%{ transform:rotate(0deg); -webkit-transform:rotate(0deg); }
}
@keyframes rotateme2{
	0%{ transform:rotate(-360deg); -webkit-transform:rotate(-360deg); }
	100%{ transform:rotate(0deg); -webkit-transform:rotate(0deg); }
}
@-webkit-keyframes rotateme2{
	0%{ transform:rotate(-360deg); -webkit-transform:rotate(-360deg); }
	100%{ transform:rotate(0deg); -webkit-transform:rotate(0deg); }
}
@keyframes truckloop{
  0%{ left:-250px; }
  50%{ left:50%;}
  100%{left:100%; }
}
@-webkit-keyframes truckloop{
  0%{ left:-250px; }
  50%{ left:50%;}
  100%{left:100%; }
}
@keyframes truckloop2{
  0%{ right:-250px; }
  50%{ right:50%;}
  100%{right:100%; }
}
@-webkit-keyframes truckloop2{
  0%{ right:-250px; }
  50%{ right:50%;}
  100%{right:100%; }
}
.ourfeatures{
	text-align:center;
  padding-top: 30px;
  margin:30px 0;
}
.feature{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	background: #333;
	color:rgba(255,255,255,0.7);
	width:250px;
	height:auto;
	min-height:220px;
	padding-top:30px;
	margin:0px;
	border-left:1px solid #ddd;
	font-size:12px;
}
.feature:last-child{border-left:none}
@media only screen and (max-width: 800px) {
	.full-slider{
		margin-bottom:20px;
	}
	.ourfeatures{
		position:relative !important;
		bottom:0;
	}
	.feature{
		margin-bottom:10px;
		width:30%;
	}
}
@media only screen and (max-width: 640px) {
	.feature{
		margin:10px 5px;

	}
}
@media only screen and (max-width: 479px) {
	.feature{
		width:100%;

	}
}
.feature h2{
	color:#45af9a;
	font-size:18px;
}
.feature .f1-icon, .feature .f2-icon, .feature .f3-icon {
	position:absolute;
	text-align:center;
	top:-35px;
	display:block;
	width:100%;
	height:64px;
}

.feature .f1-icon span, .feature .f2-icon span, .feature .f3-icon span{
	display:block;
	width:64px;
	height:64px;
	margin:auto;
	padding: 0;
	background-color:#45af9a;
	color:#fff;
	font-size:36px;
	line-height:60px;
	border:5px solid #333;
	border-radius:100px;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
.content{
	width:100%;
	float:right;
	padding-top:50px !important;
}
.whyusbox{
	background-color:#fff;
	padding:10px;
	border:1px solid #ddd;
	margin-bottom:15px;
}
.whyus img{
	margin:auto;
	width:80px; height:80px
}
.whyus h3, .whyus .imgcon{
	text-align:center;
}
.whyus h3{
	font-size:18px;
	color:#45af9a;
}
.whyus p{
	color:#666;
}
.bottom2{
	background:url(../images/blog-bg.png) no-repeat center /cover;
	background-attachment:fixed;
	padding-top:60px !important;
}
.newsbox, .blogbox{
	border:1px solid #333;
}
.newsbox > h4, .blogbox > h4, .hottopics > h4, .links > h4{
	position:relative;
	background-color:#364E5E;
	color:#fff;
	margin-bottom:1px;
	margin-top:0;
	padding:10px;
	padding-right:40px;
}
.newsbox > h4::before, .blogbox > h4::before, .hottopics > h4::before , .links > h4::before{
	position:absolute;
	content:'';
	top:0px;
	right:-1px;
	bottom:0;
	width:0px;
	height:0;
	border:0;
	border-top:20px solid transparent;
	border-right:20px solid #45af9a;
	border-bottom:20px solid transparent;
}
.newsbox ul li, .blogbox ul li{
	background-color:#fff;
	color:#333;
	padding:8px 10px;
	margin-bottom:2px;
}
.newsbox ul li a span, .blogbox ul li a span{
	color:#45af9a;
	margin-left:5px;
	position:relative;
}
.newsbox ul li a , .blogbox ul li a {
	color:#333;
	text-decoration:none;
	font-size:13px;
}
aside{
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:10px;
}
aside.links{
	padding:0 !important;
}
aside.links li{
	padding:5px;
}
aside.links li a .fa{
	margin-left:5px;
	color:#45af9a;
}
.weather-tools{
	text-align:center;
}
.news-ticker{
	margin-bottom:10px;
}
#ticker_container {
  background: #eee;
  padding: 8px;
  border:1px solid #ddd;
  color:#777;
  overflow: auto;
}
#newscontent #controls{
	margin-top:3px;
}
.ads{
	margin:0;
	text-align:center;
}
.hottopics{
	border:1px solid #333;
	margin-bottom:10px;
}
.news-carousel{
	padding:10px;
	padding-bottom:30px !important;
}
.news-carousel .item img{
	width:120px;
	height:100px;
	float:right;
	border-radius:3px ;
}
.news-carousel .item p{
	color:#888;
}
.news-carousel .carousel-indicators{
	bottom:0;
	margin-bottom:0;
}
.news-carousel .carousel-indicators li{
	border-color:#45af9a;
	border-radius:0;
	width:12px;
	height:12px;
	margin:0 2px;
}
.news-carousel .carousel-indicators li.active{
	background-color:#45af9a;
	width:12px;
	height:12px;
	margin:0 2px;
}
.sideslide{direction:ltr}
.sideslide img{
	height:200px;
	width:100%;
}
#khorma-list{
	direction:ltr;
	padding-bottom:30px;
}
#khorma-list .item{
	text-align:center;
}
#khorma-list img{
	width:100px;
	height:100px;
	margin:auto;
	border-radius:15px;

}
footer{
	background-color:#444;
	color:#fff;
}
footer h3{
	color:#45af9a;
}
footer .fa{
	margin-left:8px;
	color:#45af9a;
}
footer a{
	color:#fff;
}
footer a:hover, footer a:focus{
	color:#45af9a;
}
.copyright p{
	font-size:12px;
}
.copyright{
	background-color:#333;
	text-align:center;
	color:#ddd;
	padding:8px 0;
}
#notify .modal-dialog{
	top:20%;
}
#notify .modal-content{
	background:url(../images/palm-bg2.jpg) no-repeat;
	min-height:250px;
}
#notify .modal-content .input-group{
	margin:20px auto;
	width:250px;
}
#notify .modal-content .form-control{
	background-color:rgba(0,0,0,0.5);
	color:#eee;
}
#notify .modal-content ::-webkit-input-placeholder {
   color: white;
}
#notify .modal-content :-moz-placeholder {
   color: white;
}
#notify .modal-content ::-moz-placeholder {
   color: white;
}
#notify .modal-content :-ms-input-placeholder {
   color: white;
}
.feeds-text{
	padding-right:34px;
	background:url(../images/rss.png) no-repeat right;
	min-height:24px;
}
/*********SUB Page *************/
.article{
	background-color:#fff;
	min-height:95px;
	padding:10px;
	margin-bottom:20px;
	position:relative;
	border:1px solid #ccc;
}
.blog-post{
	background-color:#fff;
	min-height:95px;
	padding:10px;
	margin-bottom:20px;
	position:relative;
	border:1px solid #ccc;
}
.blog-img{
	float:right;
	margin-left:10px;
}
.blog-text{
	display:table;
}
.blog-text h4{
	margin-bottom:5px;
}
.blog-link{
	background:url(../img/blog-link.png) no-repeat;
	display:block;
	width:50px;
	height:15px;
	position:absolute;
	left:0;
	bottom:-15px;
}
.blog-title{
	padding-right:85px;
	margin-top:10px;
}
.blog-date{
	position:absolute;
	top:10px;
	right:10px;
	background:url(../images/blog-date.png) no-repeat center;
	width:80px;
	height:40px;
	text-align:right;
	color:#fff;
	padding-right:7px;
}
.blog-day{
	font-size: 23px;
    margin-top: 0px;
    position: relative;
    top: 5px;

	color:#45af9a;
}
.blog-year{
	display: inline-block;
vertical-align: text-bottom;
line-height: 1.3;
font-size: 11px;
color: #8dcfe4;
}
.blog-body{
	margin-top:10px;
	margin-bottom:10px;
	line-height:2;
}
.blog-body img.blogimg{
	margin:10px 0;
	width:300px;
	float:right;
	margin-left:10px;
}
.mainimg img{
	margin:20px auto;
	width:250px;
	height:200px;
	border:10px solid #eee;
	border-radius:50px;
}
.mainimg{
	background:url(../images/blogimg-bg.png) no-repeat center;
}
.blog-footer{
	background-color:#eee;
	padding:5px;
	clear:both;
	overflow:auto;

}
.blog-author{
	padding:7px;
}
.blog-author i{
	color:#aaa;
}
.contactform{
	position:relative;
	background-color:#eee;
	border:3px solid #ddd;
	padding:30px;
	margin-bottom:10px;
}
.mail-icon{
	background:url(../img/blog-date.png) center no-repeat;
	position:absolute;
	top:20px;
	right:-8px;
	width:80px;
	height:40px;
}
.mail-icon span{
	position:absolute;
	top:7px;
	right:-8px;
	background:url(../img/mail.png) no-repeat center;
	display:block;
	width:80px;
	height:20px;
}
.contactform .form-group{
	margin:15px 0;
}
.contactform .input-group-addon:first-child{
	background-color:transparent;
	border:none;
	color:#45af9a;
	min-width:40px;
}
.contactform select{
	padding:0 12px;
}
.contactform .radio{
	padding-right:40px;
}
.contactform button.btn .glyphicon{
	top:3px;
	margin-left:7px;
}
.telegram{
	margin-top:10px;
	margin-bottom:10px;
}
@media only screen and (max-width: 1024px) {
	#map2{
		display:block;
	}
	.map-md{
		display:none;
	}
	.ads-wide{
		display:none;
	}
}
@media only screen and (min-width: 1025px) {
	#map2{
		display:none;
	}
	.map-md{
		display:block;
	}
}
.ads-wide{
	margin-bottom:10px;
}
.customform fieldset{
	border:1px dashed #bbb;
}
.customform legend{
	width:auto !important;
	border-bottom:none;
	padding: 5px 10px;
margin-bottom: 10px;
font-size: 14px;
color:#45af9a;
}
.customform input, .customform textarea, .customform select{
	border:1px solid #e7e7e7;
}