/*--------------------------------------------------

BODY

--------------------------------------------------*/

*{

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;    /* Firefox, other Gecko */

  box-sizing: border-box;         /* Opera/IE 8+ */



	 }

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

audio, canvas, video {display:inline-block; *display:inline; *zoom:1; }

audio:not([controls]) {display:none; }

[hidden] {display:none; }

html {font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;  height: 100%;}

html, button, input, select, textarea {font-family: 'Simple CLM';color:#292929; }



body {margin:0; padding:0; background:#fff;  font-size: 18px; line-height:1.3; height: 100%;}

::-moz-selection {background:#72a9bd; color:inherit; text-shadow:none;}

::selection {background:#72a9bd; color:inherit; text-shadow:none; }

img::selection {background:transparent;}

img::-moz-selection {background:transparent;}

a{outline: none; }

a{ color: #000; }

a:hover{ color: #0190b4; }

img {border: none;}

.f-left{float: left;}

.f-right{float: right;}

.left{text-align: left;}

.right{text-align: right;}

.center{text-align: center;}

.clear{ clear: both;}

.ib{display: inline-block;}

.rtl{direction:rtl;}

body{

	-webkit-font-smoothing: subpixel-antialiased !important;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility:    hidden;

    -ms-backface-visibility:     hidden;

}
/*--------------------------------------------------

Non-Semantic Helper Classes

--------------------------------------------------*/

.ir {display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr; *line-height:0;}

.ir br {display:none;}

.hidden {display:none !important; visibility:hidden;}

.visuallyhidden {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}

.invisible {visibility:hidden;}

.clearfix:before, .clearfix:after, .cf:before, .cf:after  {display: table;content: "";line-height: 0;}

.clearfix:after, .cf:after {clear:both;}

.clearfix, .cf {*zoom:1;}

::-webkit-input-placeholder {   color: #35383d;}

:-moz-placeholder { /* Firefox 18- */   color: #35383d;}

::-moz-placeholder {  /* Firefox 19+ */    color: #35383d;}

:-ms-input-placeholder {   color: #35383d;}



/*--------------------------------------------------

Typography

--------------------------------------------------*/

h1{	margin: 0;	padding: 0; font-size: 1.5em;direction: rtl; font-weight:  700;  }

h2{font-size:1.500em;  font-weight:  700;  margin: 0;	padding: 0; direction: rtl;}

h3{	margin: 0;	padding: 0; font-size: 1.5em;font-weight: normal;direction: rtl; }

h4{	font-size: 1.250emem; font-weight: normal;direction: rtl;	margin: 0;	padding: 0; }

h5{	font-size: 1.125em; font-weight: normal; text-align: right; margin: 0;direction: rtl; }

.red{ color: #C7050D; }

/*--------------------------------------------------

HEADER

--------------------------------------------------*/

#header{ background-color: #292929; position: relative; }

.width-wrapper{margin:0 auto; width:100%; max-width: 1230px;  position: relative;}

.wrapper_inner{ margin:0 auto;padding:0 2.5%; padding-top:60px; }

.container{ margin-left: -2.5%; }

#main_gallery{ background: url(pics/gal_bg.jpg) no-repeat left #fff; background-size: cover; }

.gal_holder{ padding: 0 5%; }



#left_side{ float:left; width: 25%; padding-left:2.5%; }

#right_side{ float:right; width: 25%; padding-left:2.5%; margin-bottom:30px; }

#wide_side{ float:left; width: 75%; padding-left:2.5%; }

#logo{ float:right; width: 20%; background-color: #99bf38;  }

#logo img{ width: 100%; padding:0 19%; }

.pic_inside img{ display: block; width: 100%; }
/*--------------------------------------------------

MAIN MENU

--------------------------------------------------*/

#main_menu{ float:right; width: 70%; }

#main_menu_mob { display: none; }

.menu_holder{ position: relative;background: url(pics/gradient3.png) repeat-x center bottom #ffffff; clear: both; }



.menu_holder:after{

background: url(pics/shadow1.png) repeat-x center 0;

width: 100%;

height: 31px;

position: absolute;

content: '';

bottom: -31px;

left: 0;

 }



/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {

	margin: 0;

	padding: 0;

	list-style: none;





}

.sf-menu{

  text-align: center;

   margin:0 auto;

    padding:0;

    direction: rtl;





}



.sf-menu li {

	position: relative;

}



.sf-menu ul {

	position: absolute;

	display: none;

	top: 100%;

    right: 0px;

	z-index: 99;

    min-width: 12em; /* allow long menu items to determine submenu width */

	*width: 12em; /* no auto sub width for IE7, see white-space comment below */

    padding-top:3px;

     background:rgb(255,255,255);

    background:rgba(255,255,255,.9);

    text-align: right;





}

.sf-menu > li {

	display: inline-block;

    margin-right:-4px;





   /*	float: right;  */

}

.sf-menu li:hover > ul,

.sf-menu li.sfHover > ul {

	display: block;

}



.sf-menu a {

	display: block;

	position: relative;

}

.sf-menu ul ul {

	top: 0;

	left: 100%;

}





.sf-menu li {

	background-color: transparent;

	white-space: nowrap; /* no need for Supersubs plugin */

	*white-space: normal; /* ...unless you support IE7 (let it wrap) */



     border-top:5px solid  transparent;

	transition:all 0.3s linear;

	-moz-transition:all 0.3s linear;

	-o-transition:all 0.3s linear;

	-webkit-transition:all 0.3s linear;





}



.sf-menu li:hover{



     border-top: 5px solid  #99BF38;





	 }

.sf-menu li:last-child{border-left:none; }



.sf-menu a {

	text-decoration: none;

	transition:all 0.3s linear;

	-moz-transition:all 0.3s linear;

	-o-transition:all 0.3s linear;

	-webkit-transition:all 0.3s linear;

    padding:20px 20px;

    color: #FFFFFF;

	zoom: 1; /* IE7 */

}



.sf-menu .last a {



    border-right:none;



}

.sf-menu a:hover{ color: #99BF38; }





.sf-menu ul li {



	 border:none;

     	transition:all 0.3s linear;

	 -moz-transition:all 0.3s linear;

	-o-transition:all 0.3s linear;

	-webkit-transition:all 0.3s linear;

    padding: 7px 0;





}

.sf-menu ul li:last-child{border-bottom:none; }

.sf-menu ul li:hover { border:none; background: #99BF38;}

.sf-menu ul li a{ color: #292929; padding:0 10px; }

.sf-menu ul li a:hover{ color: #fff; }

.sf-menu ul ul li {

	background: #ff0000;

}













.styled-select{

position:relative;

 }



.styled-select select{

   background: url(pics/downarrow.png) no-repeat left white;

   width: 100%;

   padding: 5px;

   line-height: 1;

   border: none;

   direction: rtl;

   appearance:none;

   padding-right:12%;

-moz-appearance:none; /* Firefox */

-webkit-appearance:none; /* Safari and Chrome */

   }





  .video-container {

	position: relative;

	padding-bottom: 56.25%;

	height: 0;

	overflow: hidden;

}



.video-container iframe,

.video-container object,

.video-container embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



#search {

position: absolute;



top:9px;

left:0;

direction: rtl;

}
.rsABlock { width: 63%; text-align: right; right:0; top:37%; padding:10px 20px; }

.rsABlock h1{ color: #00ade5; font-size:2.33em ; }

.rsABlock h2{ color: #292929; font-size: 1.66em; }
#cat_holder{ padding-top:5%; }

.cat_item{ width: 33.333%; float: right; padding:0 5% 5% 5%; text-align: center; }

.cat_item img{ width: 100%; }

.cat_item a{ text-decoration: none; }

.cat_item h2{ font-size: 1.12em; color: #00ADE5; margin-bottom:10px; }

.cat_item h3{ font-size: 1em; color: #292929; }



#main_contact {  width: 33.333%; float: right; text-align: center;padding:3%; }

#main_contact form {  background-color: #99BF38; padding:10%; }

#main_contact input[type="text"]{

  width: 100%;

  padding:5px;

  margin: 7px 0;

  text-align: right;

  font-size: 100%;

 }

.pnimpage{width: 100%!important; padding:0!important; margin-bottom:10px; }
#top_text{ padding-top:30px; text-align: right; }
.heading1 {

width: 100%;

border: 1px solid #e3e3e3;

border-radius: 3px;

padding: 12px 18px 14px;

background: url(pics/gradient3.png) repeat-x center bottom #ffffff;

margin-bottom: 21px;

}
#project_row{ background-color: #f6f6f6;padding: 20px 0; }

#project_holder h1{ color: #00ade5; font-size: 1.667em;padding-right:3.5%; }

.more_btn{ float:left; position: absolute; bottom:0; }



#about_holder{background: url(pics/about_bg.png) no-repeat left  #ffffff; background-size: contain;}

#home_right { float:right; width: 30%; padding: 30px 0 30px 5%; }

#about_home { float:left; width: 70%; padding: 30px 0; text-align: right;padding-left:20%; direction: rtl; }



#support{ background-color: #00ADE5;display: table;width: 100%;}
#support a{ color:#fff; text-decoration: none; }
#support span{ display: table-cell; margin-right:-4px; }
#support .text{ width: 60%; vertical-align: middle; font-size: 1.333em;  text-align: right;}
#support .icon{ width: 40%;padding: 10px; }
#support .icon img{ width: 100%; }

#map_btn{ background-color: #00ADE5;display: table;width: 100%; margin-bottom:10px;  }
#map_btn a{ color:#fff; text-decoration: none; display: block; }
#map_btn span{ display: inline-block; margin-right:-4px; }
#map_btn .text{ width: 75%; vertical-align: top; font-size: 1.33em;  text-align: center; padding-top:11%;}
#map_btn .icon{ width: 25%;padding: 10px; padding-right:6%; }
#map_btn .icon img{ width: 100%; }


#works{ background-color: #99BF38;padding:20px 0; margin-top:10px;display: table; width: 100%;}

#works form{ padding:0 10%; }

#works input[type="text"]{

  width: 100%;

  padding:5px;

  margin: 7px 0;

  text-align: right;

  font-size: 100%;

 }

 #works button{ border:none; background-color: transparent; width: 100%; padding:0; cursor: pointer; }



 #works a{ color:#fff; text-decoration: none; cursor: default;  }



#works .text{ width: 60%; vertical-align: middle; font-size: 1.333em;  text-align: right; display: table-cell; margin-right:-4px;}

#works  a .text{  padding-right:10%;}
#works .icon{ width: 40%;padding: 10px;  display: table-cell; margin-right:-4px; padding-left:10%;}

#works .icon img{ width: 100%; }
#folio_row { padding:50px 0; }
#folio_row h1{ border-bottom: 1px solid #00ADE5 }
#folio_tags{ padding-top:30px; text-align: center; direction: rtl; }
#folio_tags ul{ padding:0; margin:0; list-style-type: none; }
#folio_tags li{
display: inline-block;
margin-bottom:5px;
  }
#folio_tags li a{
  display: block;
  background-color: #99BF38;
  color:  #35383D;
  text-decoration: none;
  border-radius:3px;
  padding:10px;
  font-size: 1em;
  transition:all 0.3s linear;
   -moz-transition:all 0.3s linear;
  -o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
 }

#folio_tags li a:hover{ background-color: #00ADE5; color:#fff; }
.info_title{ padding-top:20px; border-bottom:2px solid #0190B4 }
.freetext{ text-align: right; direction: rtl; }
.freetext_image img{ width: 100%;}
.freetext ul{ list-style-position: inside; }
#menu_side{ margin-top:55px; text-align: right; }
#menu_side ul{ margin: 0 0 5% 0; padding:0; }
#menu_side li{

 list-style-type: none;

 direction: rtl;

 margin-bottom: 1px;

}

#menu_side li:hover{}

#menu_side li a{

 background-color:  #35383D;

 padding:4% 2%;

 color: #fff;
 	transition:all 0.3s linear;

	-moz-transition:all 0.3s linear;

	-o-transition:all 0.3s linear;

	-webkit-transition:all 0.3s linear;

	text-decoration: none;

	display: block;

	font-weight: bold;



 }

#menu_side li a:hover{ background-color: #00ADE5; color: #FFFFFF; }


/*--------------------------------------------------
BUTTONS_EFFECT
--------------------------------------------------*/

 #main_contact button {

   padding:0;

  width: 100%;

  border:none; background-color: transparent;

   cursor: pointer;

  }

.cl-effect-2 button {

	line-height: 44px;

	-webkit-perspective: 1000px;

	-moz-perspective: 1000px;

	perspective: 1000px;

}

.cl-effect-2 button span {

  width: 100%;

	position: relative;

	display: inline-block;

	padding: 0 14px;

	background: #82a32f;

    color:#fff;

    font-size: 1.667em;

	-webkit-transition: -webkit-transform 0.3s;

	-moz-transition: -moz-transform 0.3s;

	transition: transform 0.3s;

	-webkit-transform-origin: 50% 0;

	-moz-transform-origin: 50% 0;

	transform-origin: 50% 0;

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	transform-style: preserve-3d;

}



.csstransforms3d .cl-effect-2 button span::before {

	position: absolute;

	top: 100%;

	left: 0;

	width: 100%;

	height: 100%;

	background: #739028;

	content: attr(data-hover);

	-webkit-transition: background 0.3s;

	-moz-transition: background 0.3s;

	transition: background 0.3s;

	-webkit-transform: rotateX(-90deg);

	-moz-transform: rotateX(-90deg);

	transform: rotateX(-90deg);

	-webkit-transform-origin: 50% 0;

	-moz-transform-origin: 50% 0;

	transform-origin: 50% 0;

}



.cl-effect-2 button:hover span,

.cl-effect-2 button:focus span {

	-webkit-transform: rotateX(90deg) translateY(-22px);

	-moz-transform: rotateX(90deg) translateY(-22px);

	transform: rotateX(90deg) translateY(-22px);

}



.csstransforms3d .cl-effect-2 button:hover span::before,

.csstransforms3d .cl-effect-2 button:focus span::before {

	background: #739028;

}

/* Effect 10: reveal, push out */

.cl-effect-10  {

	position: absolute;

    bottom:0;

	z-index: 1;

}
#not_main{ position: static; }


.cl-effect-10 a,.cl-effect-10 button {

  	position: relative;

	display: inline-block;



	outline: none;

	color: #fff;

	text-decoration: none;

	font-weight: normal;

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

	font-size: 1.35em;

	overflow: hidden;

	margin: 0 15px;

}



.cl-effect-10 a span,.cl-effect-10 button span  {

	display: block;

	padding: 6px 20px;

	background: #00ade5;

	-webkit-transition: -webkit-transform 0.3s;

	-moz-transition: -moz-transform 0.3s;

	transition: transform 0.3s;

}

.cl-effect-10 button { padding:0; margin:0; }

.cl-effect-10 a::before,.cl-effect-10 button::before {

	position: absolute;

	top: 0;

	left: 0;

	z-index: -1;

	padding: 6px 20px;

	width: 100%;

	height: 100%;

	background: #028ebb;

	color: #fff;

	content: attr(data-hover);

	-webkit-transition: -webkit-transform 0.3s;

	-moz-transition: -moz-transform 0.3s;

	transition: transform 0.3s;

	-webkit-transform: translateX(-25%);

}

.cl-effect-10 button::before { width: auto; }

.cl-effect-10 a:hover span,

.cl-effect-10 a:focus span,

.cl-effect-10 button:hover span,

.cl-effect-10 button:focus span

 {

	-webkit-transform: translateX(100%);

	-moz-transform: translateX(100%);

	transform: translateX(100%);

}



.cl-effect-10 a:hover::before,

.cl-effect-10 a:focus::before,

.cl-effect-10 button:hover::before,

.cl-effect-10 button:focus::before {

	-webkit-transform: translateX(0%);

	-moz-transform: translateX(0%);

	transform: translateX(0%);

}



/*--------------------------------------------------

CONTACT

--------------------------------------------------*/

#wide_side_cont{ text-align: right; direction: rtl; padding:100px 0; }

#cont_icons{ float:right; width: 30%; }

#contact{ float:left; width: 70%; }

 .half_contact{ width: 50%; float: right; padding-left:30px; }

#contact input[type="text"],#contact textarea{

  font-size: 1em;

 width: 100%; padding:5px;

 margin-bottom:15px;

 }

 #cont_icons div{ padding:6px 0; }

 #cont_icons i{padding-left:20px; color: #0190B4; }

 #contact button{ border:none; background-color: transparent; }



/*--------------------------------------------------

FOOTER

--------------------------------------------------*/

#footer{ background-color: #292929; color: #FFFFFF; }

.footer_holder{ padding: 30px 0; text-align: right; direction: rtl; }

#footer_map{ float:right; width: 60%; }

#footer_address{ float:right; width: 35%; padding-right:3%; }

#footer_address a{ color: #FFFFFF; }

#footer_address a:hover{ color: #00ADE5; }

#footer_social{ float:left; width: 5%; }





#folio_tags ul li {

padding-right: 8px;

}

.grid1 li {

min-height:320px;

}

#foliogal li h4{

text-align:right;

direction:rtl;
padding-right:10px;

}

ul#foliogal li a {

color:  #698a16;
display: block;
text-align:right;
padding-right:10px;

}

ul#foliogal li h3 {

color:#0190B4;
text-align:right;
padding-right:10px;
font-size: 1.111em;

}
ul{margin:0; padding:0;}
#folio_area ul{ text-align: center;  margin:0; padding:0;  }
#folio_area ul li {

padding-right: 8px;

}

#folio_area li {

display: inline-block;

margin-bottom: 5px;

}

#folio_area li a{
  background-color: none !important;
  font-size:0.778em;
    }

@media screen and (min-width: 560px){
.mobilemenu{
	display: none !important;
}
}
@media screen and (max-width: 560px) {
  #folio_tags li{ display: block; }
  #folio_area li{ display: block; }


#folio_area{
	margin-top: -29px;
}
#folio_area li a{
  background-color: none;
  font-size:1em;
    }

.nav{
    list-style:none;
    font-weight:bold;
    margin-bottom:10px;
    float:right;
    z-index: 99999;
	position: relative;
	 width: 50%;
	font-size:13px;
	}
.navleft{
	float: left;
}
.nav li{
    float:right;
    margin-right:10px;
    position:relative;
}
.nav a{
    display: block;
background-color: #99BF38;
color: #35383D;
text-decoration: none;
border-radius: 3px;
padding: 10px;
font-size: 1em;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.nav a:hover{
   background-color: #00ADE5;
color: #fff;
}

/*--- DROPDOWN ---*/
.nav ul{
    list-style:none;
    position:absolute;
  display:none;
}
.nav ul li{
    padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float:none;
}
.nav ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
.nav li:hover ul{ /* Display the dropdown on hover */
    display:inline-block;
}
.nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    text-decoration:underline;
}
.nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration:none;
}
.nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background:#333;
}
}
.fa-search-plus{
color: white;
}

#filterstateval{
background-color: #99BF38;
height: 38px;
padding-top: 4px;
}
.cat_item h3 {
height: 68px;
overflow: none;
}

.mapform{
float: right;
width: 20%;
min-width: 320px;
color:white;


}
.mapcanvas{
width: 100%;
min-height: 1600px;/*min-height: 600px;*/

}
.gmapInfoWindow{

	text-align: right;
	direction: rtl;
	overflow: hidden;

}
.svis{
cursor: pointer;
background-color: rgba(220, 208, 215, 0.73);
border-radius: 18px;
padding: 2px 12px 2px 12px;
font-weight: bold;
border: 1px black solid;
font-size: 17px;
}
.mapsidebar{
color:white;
display: inline-block;
width: 100px;
position: absolute;
right: 0;
z-index: 9999;
background-color:#292929;
text-align: right;
direction: rtl;
height: 1600px;
}

.towmarkers div {
	width: 48%;
	display: inline;
}
.karkerstest {
width: 30px;
}
.towmapmarkers {
width: 69px;
}
.karkerstest {
width: 30px;
position: absolute;
top: 10px;
right: 65px;
}
.karkerstest > div {
margin-top: 17px;
}
.mapsidebar form input {
width: 94px;
}
.formmapform{
	border-top:1px solid #ffffff;
	width:100px;
}
.gmapshown{
	border-top: 1px solid #ffffff;
	text-align: center;
}
.addtoform {
margin-right: 12px;
font-size: 17px;
font-weight: bold;
background-color: rgb(83, 209, 116);
padding: 1px 7px 1px;
cursor: pointer;
border-radius: 12px;
border: 1px black solid;
}
.mapbardbclick{
	font-size: 10px;
}
.towmarkers {
width: 100px;
}
.btns-place {
margin-bottom: 10px;
}
.campdatetext{
	  font-size: 10px;
 	 margin: 3px;
 	 line-height: 0.9;
}
#mapsenderbtn {
text-align: center;
width: 94px;
background-color: rgba(0, 129, 255, 0.91);
display: block;
margin: 0 auto;
margin-top: 5px;
margin-bottom: 4px;
border-radius: 5px;
border: 1px solid;
cursor: pointer;
}
.towmarkers {
border-bottom: 1px solid rgba(255, 255, 255, 0.55);
margin-top: 5px;
}

.mapsidebar > div > input {
margin: 0 auto;
display: block;
margin-top: 4px;
width: 95px;
}
.karkerstest > div {
    margin-top: 18px;
   font-size: 12px;
}
.gmapinput{
	display: none !important;
}
.towmarkers div > img {
/* border: none; */
border-left: 1px solid;
width: 25px;
}

.karkerstest {
  width: 30px;
  position: absolute;
  top: 28px;
  right: 65px;
}
p.mapok , p.maperr {
  font-size: 11px;
  margin: 0;
  margin-right: 5px;
}
p.mapok{
	color: green;
}
p.maperr{
	color:red;
}
.gmapshown:hover > .minusdell{
 color:red;
 font-weight: bold;
 cursor: pointer;
}
.minusdell{
 color:gray;
}
.towmarkers div a{
color:#ffffff;
font-size: 17px;


}
.androidhide{
	display: none;
}
.contact_form {
    direction:rtl;
}
/*--------------------------------------------------

media query

--------------------------------------------------*/
@media screen and (min-width:100px) and (max-width:320px) {
.androidhide{display: inline;}
#main_menu_mob{ display: block; }
#main_menu{ display: none; }
#logo{ width: 100%; }
.rsABlock{ top:8%; }
.rsABlock h1{ font-size: 1.33em; }
.rsABlock h2{ font-size: 1em; }
.cat_item{ width: 100%; }
#main_contact{ width: 100%; }
#about_home{ width: 100%;padding:0 15px; }
#home_right{ width: 100%;padding:15px; }
#about_holder{background-position:top; background-size:auto;}
#footer_map{ width: 100%; }
#footer_social{ width: 15%; }
#footer_address{ width: 85%; }
#wide_side{ width: 100%; padding:15px; }
#right_side{ width: 100%; padding:0; }
#support .text{ width: 68%; }
#works a .text{ padding-right:0; }
#wide_side_cont{ padding:15px; }
#cont_icons{ width: 100%; }
#contact { width: 100%; }
.half_contact{ width: 100%; }


}



@media screen and (min-width:321px) and (max-width:559px) {
.androidhide{display: inline;}
#main_menu_mob{ display: block; }
#main_menu{ display: none; }
#logo{ width: 100%; }
.rsABlock{ top:8%; }
.rsABlock h1{ font-size: 1.33em; }
.rsABlock h2{ font-size: 1em; }
.cat_item{ width: 100%; }
#main_contact{ width: 100%; }
#about_home{ width: 100%;padding:0 15px; }
#home_right{ width: 100%;padding:15px; }
#about_holder{background-position:top; background-size:auto;}
#footer_map{ width: 100%; }
#footer_social{ width: 15%; }
#footer_address{ width: 85%; }
#wide_side{ width: 100%; padding:15px; }
#right_side{ width: 100%; padding:0; }
#support .text{ width: 68%; }
#works a .text{ padding-right:0; }
#wide_side_cont{ padding:15px; }
#cont_icons{ width: 100%; }
#contact { width: 100%; }
.half_contact{ width: 100%; }


}


@media screen and (min-width:560px) and (max-width:959px) {
.rsABlock{ top:33%; width: 52%; }
.rsABlock h1{ font-size: 2em; }
.rsABlock h2{ font-size: 1.33em; }
.cat_item{ width: 50%; }
#main_contact{ width: 50%; }
#about_home{ padding-left:20px; }
#main_menu{ width: 80%; }
.sf-menu a{ padding:10px; }
}


@media screen and (min-width:960px) and (max-width:1024px) {
#main_menu{ width: 80%; }
.sf-menu a{ padding:15px 20px; }
#home_right{ width: 35%; }
#about_home{ width: 65%;padding-left:5%; }
}


@media screen and (min-width:1025px) and (max-width:1200px) {

}


@media screen and (min-width:1200px) and (max-width:1400px) {

}

@media screen and (min-width:1401px)and (max-width:1600px) {

}