@font-face {
	font-family: 'Gisha';
	src: url('scriptlibrary/fonts/Gisha.eot');
	src: local('☺'), url('scriptlibrary/fonts/Gisha.woff') format('woff'), url('scriptlibrary/fonts/Gisha.ttf') format('truetype'), url('scriptlibrary/fonts/Gisha.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
		margin: 0;
		padding:0;
/*font-family:Arial, Helvetica, sans-serif;*/
	font-family:Gisha;
	font-size: 15px;
  /*background:#FFFFFF;*/
    background:#FFFEE9;

color:#483D55;
height:auto;
direction: rtl;

}
body.white{
  background:#FFFFFF;
}

    /*body {
      position: relative;
      margin: 0;
      /*height: 100%;*/
      -webkit-font-smoothing: antialiased;
    }
    */
    
    

img{border:none;outline: 0;}

h1{margin: 0 0 0 0; padding :0; font-weight:normal;}
h2{margin: 0 0 0 0; padding :0; font-weight:normal; }
h3{margin: 0 0 0 0; padding :0; font-weight:normal;}
h4{margin: 0 0 0 0; padding :0; font-weight:normal;}


.text1 {color:#183C69; }

form {margin:0; padding:0;}

.float_r {float:left;}
.float_l {float:right;}

body.mceContentBody {   background: #FFF;}
.clear { clear:both; padding:0; margin:0; width:100%; height:0; line-height:0px; font-size:0px; overflow:hidden; float:none; }


a:link {color:#483D55;	 text-decoration:none;}
a:visited {color:#483D55;	text-decoration:none; }
a:hover {color:#483D55;	 text-decoration:none; }
a:active {color:#483D55;	text-decoration:none; }

.clickable {
   cursor: pointer;
}
.clickable:hover {
}



.bun {display:none;}
 
/*.main{width:950px; max-width:950px; margin:auto;}*/


.header .logo1{ width:91px; min-width:91px; margin:33px auto 0;  
  -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
.logo1 img{width:100%; all:auto;}
/*.logo1.home{display:none;}*/ 

.main.home .intro.top{width:100%; background:url(images/bg1.png) no-repeat top center #483D55; height:730px; direction: ltr;overflow:hidden;}
.main.home .intro.top .content{position:relative; /*top:237px; left:10%*/ margin:237px 0 0 10%; }
.main.home .intro.top .content>div{letter-spacing:-1px}
.main.home .intro.top .content .text1{color:#FFFFFF;font-size:3.000em; /*top:237px; left:10%*/}
.main.home .intro.top .content .text2{color:#FFFFFF;font-size:6.625em;font-weight:900; line-height:0.3em; letter-spacing:-9px /*top:284px; left:10%*/}
.main.home .intro.top .content .text2 span{color:#F0B817;font-weight:normal;letter-spacing:0px}
 .main.home .intro.top .content .text3{color:#FFFFFF;font-size:3.000em; line-height:1.85em; margin:0 0 0 40px; /*top:348px; left:10%*/}
 .main.home .intro .nav2_holder{display:block; position:relative; text-align:center;margin:160px 0 0; direction:rtl;}
 .main.home .intro .nav2_holder .nav2 ul{list-style: none; padding:8px 0 8px; margin:0;}
 .main.home .intro .nav2_holder .nav2 ul li{display:inline-block; margin:0 0 0 16px; cursor:pointer;  font-size:1.375em;  }
 .main.home .intro .nav2_holder .nav2 ul li a {color:#FFFFFF;transition: all  0.75s ease; padding:6px 0; border-top :6px solid #FFFFFF}
 .main.home .intro .nav2_holder .nav2 ul li a:hover {text-decoration:none;color:#F0B817; border-top :12px solid #F0B817}
 
 /*.main.logos .nav2_holder{display:hidden;}*/


.header{position:fixed; height:66px; background:#483D55; top:0; left:0; text-align:center; width:100%; z-index: 9999; 
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s ease;}
    
/*.header.home{position:fixed; top:0; left:0; text-align:center; width:100%; z-index:99;    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;}    
    */


    
.header_inner{width:100%; max-width:1200px; margin:0 auto;}
/*.header.inner .logo1{margin:17px auto 0;}*/
.header.inner .logo1{position:absolute;margin:0; left:48%; top:17px;z-index: 100;}

.header.home .nav1_holder{position:absolute; top:65px; left:0; right:0;  -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s ease;}
.header.home .nav1_holder .nav1 ul{list-style: none; padding:8px 0 8px; margin:0;}
.header.home .nav1_holder .nav1 ul li{display:inline-block; margin:0 0 0 16px; cursor:pointer;  font-size:1em; }
.header.home .nav1_holder .nav1 ul li a {color:#FFFFFF; transition: all  0.75s ease;}
.header.home .nav1_holder .nav1 ul li a:hover {text-decoration:none;color:#F0B817;}

.header.inner .nav1_holder{display:none;}


.header.home .nav2_holder{display:none;}
.header.inner .nav2_holder_inner{display:block; float:left; width:40%; margin:18px 0 0;}


.header.home .nav2_holder{display:none;}

/*.header.home .nav2_holder{text-align:center; position:absolute; top:560px; left:0; width:100%; direction:rtl;}*/
/*.header.home .nav2_holder .nav2 ul{list-style: none; padding:8px 0 8px; margin:0;}
.header.home .nav2_holder .nav2 ul li{display:inline-block; margin:0 0 0 16px; cursor:pointer;  font-size:1.375em;  }
.header.home .nav2_holder .nav2 ul li a {color:#FFFFFF;transition: all  0.75s ease; padding:6px 0; border-top :6px solid #FFFFFF}
.header.home .nav2_holder .nav2 ul li a:hover {text-decoration:none;color:#F0B817; border-top :12px solid #F0B817}*/

.header.inner .nav2_holder{display:block; float:left; width:40%; margin:18px 0 0;}
.header.inner .nav2_holder .nav2{text-align:center; position:relative; top:auto; width:100%;}
.header.inner .nav2_holder .nav2 ul{list-style: none; padding:8px 0 8px; margin:0;}
.header.inner .nav2_holder .nav2 ul li{display:inline-block; margin:0 0 0 16px; cursor:pointer;  font-size:1em;  }
.header.inner .nav2_holder .nav2 ul li a {color:#FFFFFF;transition: all  0.5s ease; padding:6px 0; border-top :0 solid #FFFFFF}
.header.inner .nav2_holder .nav2 ul li a:hover {text-decoration:none;color:#F0B817; border-top :0 solid #F0B817; font-size:1em;}

    .header.smaller{ height:35px; /*text-align:left; top:-30px;*/ 
    background: rgba(72,61,85,0.9);
    }
    .header.smaller .nav1_holder{position:absolute; top:0; left:35%;}
    .header.smaller .logo1{ width:50px; margin:5px auto 0; top:0;}
    
.header.inner.smaller .nav2_holder {  margin: 0;}

  

/*.nav1_holder .nav1 ul.home {display:block;}
.nav1_holder .nav1 ul a.active {color:red;}*/


.circles_holder{border-top:23px solid #F0B817;  position:relative;height:475px;/*overflow:hidden;*/}
.circles_holder>h2, .slides>h2, .clients>h2{margin:75px auto; display:block; text-align:center; font-size:3.438em;}
.slides>h2, .clients>h2{margin:55px auto; }
.circles_holder ul{list-style:none; padding:0; margin:0 auto;display:block; width:1065px;}
/*.circles_holder ul li{float:right; text-align:right; width:20%; background:url(images/arrow_circles.png) no-repeat 15%; margin:0 0 0 2%;}*/
.circles_holder ul li{display:none;}
.circles_holder ul li>div{float:right; }

.circles_holder ul li{float:right; text-align:right; width:202px; position:relative;}
.circles_holder ul li.arrow{ /*width:5.5%;*/ width:85px; min-height:120px; background:url(images/arrow_circles.png) no-repeat bottom ; min-width:55px;}

.arrow_section.intro{position:absolute; top :-50px; margin:0; left:47%; z-index:999;}


.arrow_section{width:25%; max-width:74px; margin:60px auto; cursor:pointer;}
.arrow_section img{width:100%; height:auto;}

/*.arrow_section:hover{width:25%; max-width:94px; margin:60px auto 40px; }*/


.main.home .slides{text-align:center; width:60%; margin:0 auto;/*display:none;*/}
.main.home .slides .intro{width:90%;  max-width:675px; margin:0 auto 20px;font-size:1.133em; text-align:center;}
.main.home .slides .slides_holder{margin:0 auto; direction:ltr; }

.main.home .clients{text-align:center;/*display:none;*/}
.main.home .clients .intro{width:90%;  max-width:675px; margin:0 auto 20px; font-size:1.133em; text-align:center; display:none;}
/*.main.home .clients .slides_holder{margin:0 auto; direction:ltr; }*/


.contact_footer{width:100%; background:url(images/bg2.png) no-repeat top center #483D55;  padding:53px 0 12px; min-height:350px; margin:40px 0 0;}
.contact_footer .content{width:90%;  max-width:1080px; margin:0 auto; }
.contact_footer .content h3{font-size:3.000em; color:#F0B817; }
.contact_footer .content .intro{font-size:0.933em; color:#FFFFFF; margin:10px 0;}
.contact_footer .content .intro strong{color:#f0b817; font-weight:normal;}
.contact_footer .content h4{font-size:0.933em; color:#FFFFFF;  }
.contact_footer .content h5{font-size:3.000em; margin:5px 0 0;}
.contact_footer .content h5 a{color:#FFFFFF;transition: all  0.75s ease;}
.contact_footer .content h5 a:hover{color:#F0B817;}



.contact_footer .holder1{width:53%; float:right; margin:20px 0 0;}
.contact_footer .form_item_holder {width:47%; float:right; margin:0 2% 15px 0; position:relative; max-width:275px;}
.contact_footer .form_item_holder.large{width:96%; max-width:550px; /*margin:0 4% 7px 0;*/}
.contact_footer .form_item_holder label {width:100%; color :#554B61; /*max-width:90px;*/ position:absolute;  top:9px; right:8px; text-align:right; /*margin:3px 0;*/ display: inline-block; /*padding:7px 0 ;*/ font-size:1em; line-height:1em;}
/*.contact_footer .form_item_holder  .small {font-size:0.750em}*/
.contact_footer .form_item_holder input[type=text] {width:97%; /*float:right;*/ margin:0 0 0 0; padding:0 3% 0 0;  background:#FFFEE9; height:35px; border:0;}
.contact_footer .form_item_holder textarea {width:97%; /*float:right; margin:0 0 0 0; */ border:0 solid #5A496B; padding:3px 3% 0 0; height:32px; /*min-height:40px;*/ background:#FFFEE9}
.contact_footer .form_item_holder.captcha{width:250px; min-height:0;  margin:30px 0 0;}
.contact_footer   button {background:none;   padding:0; border:0; width:14%;  margin:12px 0 0; cursor:pointer;/*text-decoration:none; border:0;*/ display:block; float:left;}
.contact_footer   button img{width:100%; height:auto; }

/*.main .form_reg1.form_reg2 .form_item_holder.captcha{width:86%; min-height:0;  margin:0 14% 20px 0;}*/

.footer_links{margin:70px auto 20px; width:95%; max-width:1075px;}
.footer_links h3{font-size:1em; margin:0; font-weight:bold;}
.footer_links .logo{float:right;width:20%; height:190px;}
.footer_links .logo img{width:75%;height:auto;
-webkit-box-shadow: 5px 5px 10px 0px rgba(194,194,194,1);
-moz-box-shadow: 5px 5px 10px 0px rgba(194,194,194,1);
box-shadow: 5px 5px 10px 0px rgba(194,194,194,1);
}

.footer_links>ul{list-style: none; padding:0; margin:0;}
.footer_links>ul>li{width:20%; float:right;}
.footer_links>ul>li ul{list-style: none; padding:0; margin:16px 0 0;}


.footer_icons .icon_phone{display: none;}
.footer_icons{width:20%; max-width:175px; margin:60px auto 20px;}
.footer_icons>div{width:50%; text-align:center;float:right;}
.footer_icons>div img{width:87%; height:auto; cursor:pointer;}


.main.logos>.intro,.main.websites>.intro{width:90%;  max-width:950px; margin:131px auto 55px;font-size:1em; text-align:right; position:relative;}
.main.logos .intro h1,.main.websites .intro h1{margin:0 0 3px;font-size:1em; text-align:right; font-weight:bold;}

.but_back{position:absolute; width:7%; bottom:0; left:0; cursor:pointer;}
.but_back img{ width:100%; height:auto;}

ul.portfolio.logos {list-style:none; padding:0; margin:0 auto; max-width:950px; width:85%;}
ul.portfolio.logos li{margin-bottom:40px; float:right; position:relative;}
ul.portfolio.logos li .overlay, .main.websites .content_holder ul li .col_l .overlay{width:100%; height:93%; background :#483D55; position:absolute; top:0; left:0; display:none;}
.main.websites .content_holder ul li .col_l .overlay{width:75%; height:90%;}

ul.portfolio.logos li img{width:100%; height:auto;}


ul.portfolio.logos li h2{font-size:1em; text-align:center;}

.main.logos .content_holder,.main.websites .content_holder , .main.about .content_holder{width:90%; margin:0 auto; max-width:950px;}
.main.logos .col_r{float:right; width:21%; margin:0 0 0 4%; border-top:4px solid #483D55;padding-top:27px;}
.main.logos .col_r h2{font-size:1em;font-weight:bold;}
.main.logos .col_l{float:right; width:75%; margin:0; }
.main.logos .col_l  ul{list-style:none; margin:0; padding:0;}
.main.logos .col_l  ul li h2{text-align:center; font-size:1em; margin:4px 0 25px; height:20px;}
.main.logos .col_l  ul li a:hover h2{color:#483D55;}
.main.logos .col_l  ul li img{width:100%; height:auto;}

/*.main.websites .content_holder{width:90%; margin:0 auto; max-width:950px;}*/
.main.websites .content_holder ul{list-style:none; margin:0; padding:0;}
.main.websites .content_holder ul li{ margin:0 0 35px 0; padding:0; position:relative;}
.main.websites .content_holder ul li .col_r{float:right; width:21%; margin:0 0 0 4%; border-top:4px solid #483D55;padding-top:27px;}
.main.websites .content_holder ul li .col_r h2{font-size:1em;}
.main.websites .content_holder ul li .col_l{float:right; width:75%; margin:0; }
.main.websites .content_holder ul li .col_l ul{list-style:none; margin:0; padding:0;}
.main.websites .content_holder ul li .col_l h2{text-align:center; font-size:1em; margin:4px 0 25px; height:20px;}
.main.websites .content_holder ul li .col_l a:hover h2{color:#483D55;}
.main.websites .content_holder ul li .col_l .pic{width:100%; height:auto;}
.main.websites .content_holder ul li .col_l .link{position:absolute; left:32%; top:30%; width:15%; max-width:124px; height:auto; display:none;}

.main.about .content_holder .intro1, .main.about .content_holder .pic1{width:48%; float:right; margin:131px 0 0 2%;}
.main.about .content_holder .intro2, .main.about .content_holder .pic2{width:50%; float:right; margin:131px 0 0;}


.main.about .content_holder .pic1{margin:90px 0 150px 2%;}
.main.about .content_holder .pic2{margin:90px 0 150px;}
.main.about .content_holder .pic2 img, .main.about .content_holder .pic1 img{width:100%; height:auto;}


.extra_links{text-align:center;margin-top:40px;}
.extra_links h4{font-size:3.200em; color:#F0B817; display:inline; margin-left:5%;}
.extra_links ul{padding:0; margin:0; list-style:none; display:inline;}
/*.extra_links ul li{ display:inline;}*/

.extra_links ul li{display:inline-block; margin:0 0 0 16px; cursor:pointer;  font-size:1.375em;  }
.extra_links ul li a {color:#483D55;transition: all  0.75s ease; padding:6px 0; border-top :6px solid #483D55}
.extra_links ul li a:hover {text-decoration:none;color:#F0B817; border-top :12px solid #F0B817}

.emotive{font-size:0.688em; margin:30px 0 15px 0; text-align:center; }
.emotive a {text-decoration:none;/*color:#FFFFFF;*/}
.emotive a:hover {text-decoration:underline;/*color:#FFFFFF;*/}



.fancybox-wrap {overflow:hidden}
.fancybox-iframe{overflow:hidden}


/*.icon_top{display:none;}*/

.mobile_hit{display: none;}
.mobile_hide{display: block;}
.mobile_show{display:none;}
.mobile_only{display:none;}
.inline{display:inline;}
.lang_hit1{display: block;}
.tinynav { display: none }










@media screen and (max-width: 480px) {
	/*	portrait mobile*/
	
body{	font-size: 16px; /*background:#ffffff;*/}	
.logo1{ /*width:91px; min-width:91px;*/ margin:10px auto 0; }
	
.main.home .intro.top{background:#483D55; height:450px; direction: ltr; padding: 0 0 40px 0;}
.main.home .intro.top .content{position:relative; top:0; left:0; width:95%; margin:auto; padding:95px 0 0;}
.main.home .intro.top .content>div{letter-spacing:-1px}
.main.home .intro.top .content .text1{color:#FFFFFF;font-size:1.600em; /*top:237px; left:10%*/ margin:0 0 0; line-height:0.2em}
.main.home .intro.top .content .text2{color:#FFFFFF;font-size:3.600em; font-weight:900; line-height:0.85em; letter-spacing:-9px /*top:284px; left:10%*/}
.main.home .intro.top .content .text2 span{color:#F0B817;font-weight:normal;letter-spacing:0px}
 .main.home .intro.top .content .text3{color:#FFFFFF;font-size:1.600em; line-height:1em; margin:-5px 0 0 25px;; /*top:348px; left:10%*/}
 
.main.home .intro .nav2_holder {  margin: 60px 0 0;}
.main.home .intro .nav2_holder .burger,.main.home .intro .nav2_holder .bun{ display:none;}
.main.home .intro .nav2_holder .nav2{text-align:center;  top:260px; width:100%;}
.main.home .intro .nav2_holder .nav2 ul li{display:block; font-size:1.200em;  margin:0 0 40px;}

/*.main.home .intro .nav2_holder .nav2 ul li a,.header.inner .nav2_holder .nav2 ul li a {}
.main.home .intro .nav2_holder .nav2 ul li a:hover, .header.inner .nav2_holder .nav2 ul li a:hover {}*/
 
 
 /*.main.home .nav2_holder{display:none;}
 .main.logos .nav2_holder{display:none;}
 */
 /*.header.home .nav2_holder_inner{display:block;}
 .header.inner .nav2_holder_inner{display:block; float:none; width:95%; margin:0 auto 0;}*/



.header.inner .nav1_holder{display:none;}

.header.home .nav1_holder{display:none;}

.header.home .nav2_holder_inner{display:block;float:none; width:95%; margin:0 auto 0;}
.header.inner .nav2_holder{display:block; float:none; width:95%; margin:0 auto 0;}
.header.inner .nav2_holder .nav2 {text-align:center;  top:0; width:100%;}
.header.inner .nav2_holder .nav2 ul li{display:block; font-size:1.200em;  margin:0;}
 
 .header.inner{/*position:fixed;*/ height:80px; /*background:#483D55; top:0; left:0; text-align:center; width:100%; z-index: 99;*/}
/*.header_inner{width:100%; max-width:1200px; margin:0 auto;}*/
.header.inner .logo1{position:relative ;margin:0; left:0; top:0;z-index: 100; margin:25px auto; width:35%;}





/*.header.home .nav2_holder .nav2, .header.inner .nav2_holder .nav2 {text-align:center;  top:260px; width:100%;}*/
/*.header.home .nav2_holder .nav2 ul,.header.inner .nav2_holder .nav2 ul{list-style: none; padding:0; margin:0;}*/
/*.header.home .nav2_holder .nav2 ul li, .header.inner .nav2_holder .nav2 ul li{display:block;font-size:1.200em;  margin:0 0 40px;}
.header.home .nav2_holder .nav2 ul li a,.header.inner .nav2_holder .nav2 ul li a {}
.header.home .nav2_holder .nav2 ul li a:hover, .header.inner .nav2_holder .nav2 ul li a:hover {}

.header.inner .nav2_holder .nav2 {text-align:center;  top:0; width:100%;}*/

.circles_holder{display:none;}

	
.arrow_section.ScrollSlides{width:15%;  position:absolute; top :-35px; margin:0; left:45%; z-index:999; }
.arrow_section{width:15%;  margin:25px auto; }

.slides>h2, .clients>h2{margin:35px auto 25px;   /*font-size:2em; */ font-size:3.667em}
.clients>h2{font-size:2em}
/*.slides>h2, .clients>h2{margin:55px auto; }*/

.main.home .slides{ width:100%; border-top:16px solid #F0B817; position:relative;}
.main.home .slides .intro{width:90%; margin:0 auto 20px;font-size:1em; }


.contact_footer{ background:#483D55;  padding:23px 0 12px; min-height:350px; margin:20px 0 0;}
/*.contact_footer .content h3{font-size:3.000em; color:#F0B817; }
.contact_footer .content .intro{font-size:0.933em; color:#FFFFFF; margin:20px 0;}
.contact_footer .content .intro strong{color:#f0b817; font-weight:normal;}
.contact_footer .content h4{font-size:0.933em; color:#FFFFFF;  }
.contact_footer .content h5{font-size:3.000em; color:#FFFFFF; margin:5px 0 0;}*/



.contact_footer .holder1{width:100%; float:none; margin:20px 0 0;}
.contact_footer .form_item_holder {width:96%; float:none; margin:0 0 15px 0; position:relative; max-width:none;}
/*.contact_footer .form_item_holder.large{width:96%; max-width:550px; }
.contact_footer .form_item_holder label {width:100%; color :#554B61; position:absolute;  top:9px; right:8px; text-align:right; display: inline-block;  font-size:1em; line-height:1em;}
.contact_footer .form_item_holder input[type=text] {width:97%; margin:0 0 0 0; padding:0 3% 0 0;  background:#FFFEE9; height:35px; border:0;}
.contact_footer .form_item_holder textarea {width:97%;  border:0 solid #5A496B; padding:3px 3% 0 0; height:32px;background:#FFFEE9}*/
.contact_footer .form_item_holder.captcha{width:305px; min-height:0;  margin:14px auto 0 ; text-align:center;}
.contact_footer   button {background:none;   padding:0; border:0; width:24%;  margin:12px auto 0; cursor:pointer; display:block; float:none;}
.contact_footer   button img{width:100%; height:auto; }



.footer_links{display:none;}
/*.footer_links h3{font-size:1em; margin:0; font-weight:bold;}
.footer_links .logo{float:none;width:50%; height:auto; margin:0 auto 15px;}
.footer_links .logo img{width:100%;height:auto;
-webkit-box-shadow: 5px 5px 10px 0px rgba(194,194,194,1);
-moz-box-shadow: 5px 5px 10px 0px rgba(194,194,194,1);
box-shadow: 5px 5px 10px 0px rgba(194,194,194,1);
}*/

.footer_links>ul{list-style: none; padding:0; margin:0;}
.footer_links>ul>li{width:95%; float:none; margin:auto;}
.footer_links>ul>li ul{list-style: none; padding:0; margin:10px 0 0;}

.footer_icons .icon_phone{display: block;}
.footer_icons>div{width:33%; text-align:center;float:right;}


.footer_icons{width:75%; max-width:255px; margin:40px auto 20px;}
/*.footer_icons>div{width:75%; text-align:center;float:right;}
.footer_icons>div img{width:87%; height:auto; cursor:pointer;}*/



/*.main.logos .content_holder,.main.websites .content_holder , .main.about .content_holder{width:90%; margin:0 auto; max-width:950px;}*/
.main.logos .col_r{float:none; width:95%; margin:0 auto 0; border-top:3px solid #483D55;padding-top:27px;}
/*.main.logos .col_r h2{font-size:1em;font-weight:bold;}*/
.main.logos .col_l{float:right; width:95%; margin:0 auto 0;  }
/*.main.logos .col_l  ul{list-style:none; margin:0; padding:0;}
.main.logos .col_l  ul li h2{text-align:center; font-size:1em; margin:4px 0 25px; height:20px;}
.main.logos .col_l  ul li a:hover h2{color:#483D55;}
.main.logos .col_l  ul li img{width:100%; height:auto;}*/
/*
.main.websites .content_holder ul{list-style:none; margin:0; padding:0;}
.main.websites .content_holder ul li{ margin:0 0 35px 0; padding:0; position:relative;}*/
.main.websites .content_holder ul li .col_r{float:none; width:95%; margin:0 auto 0 ; border-top:4px solid #483D55;padding-top:27px;}
/*.main.websites .content_holder ul li .col_r h2{font-size:1em;}*/
.main.websites .content_holder ul li .col_l{float:none; width:95%; margin:0; }
/*.main.websites .content_holder ul li .col_l ul{list-style:none; margin:0; padding:0;}
.main.websites .content_holder ul li .col_l h2{text-align:center; font-size:1em; margin:4px 0 25px; height:20px;}
.main.websites .content_holder ul li .col_l a:hover h2{color:#483D55;}
.main.websites .content_holder ul li .col_l .pic{width:100%; height:auto;}*/
.main.websites .content_holder ul li .col_l .link{position:absolute; left:33%; top:30%; width:33%; max-width:124px; height:auto; display:none;}

/*ul.portfolio.logos li .overlay, .main.websites .content_holder ul li .col_l .overlay{width:100%; height:93%; background :#483D55; position:absolute; top:0; left:0; display:none;}*/
.main.websites .content_holder ul li .col_l .overlay{/*display:none;*/width:100%; height:90%;}

.but_back{/*position:absolute; width:7%; bottom:0; left:0; cursor:pointer;*/ display:none;}



.main.about .content_holder .intro1, .main.about .content_holder .pic1{width:100%; float:none; margin:131px auto 0 ;}
.main.about .content_holder .intro2, .main.about .content_holder .pic2{width:100%; float:none; margin:15px auto 0;}
.main.about .content_holder .pic1{margin:15px auto; width:100%;}
.main.about .content_holder .pic2{margin:0; width:100%;}

.main.home .slides .slides_holder {
	width:95%;
  direction: ltr;
  margin: 0 auto;
}
.main.home .slides .slides_holder img{width:100%; height:auto; margin:0 0 15px}

.icon_top{display:block; /*max-width:37px; max-height:36px;*/ width:10%; margin:0 auto 0 auto; cursor:pointer; }






.mobile_hide{display: none;}
.mobile_hit{display: block;}
.mobile_show{display:block;}
.mobile_only{display:block;}


}

	
	
@media screen and (max-width: 768px) and (min-width: 481px) {
	/*	landscape mobile */
#main{min-height:0; }
.mobile_hit{display: none;}

body{	font-size: 15px; background:#ffffff;}



.icon_top{display:block; /*max-width:37px; max-height:36px;*/ width:10%; margin:0 auto 0 auto; cursor:pointer; }



#footer {text-align:center; margin:40px 0 0 0;}
#footer .emotive{font-size:0.688em;}
#footer .emotive a {text-decoration:none;}



.social_holder {display:none;
    /*margin-top: 0;
    position:fixed;
    left: 0;
    top:30%;
    z-index:99999;
    width:4%;
    max-width:42px;*/
}

.social_holder img{width:100%; height:auto; min-width:22px;}

}
@media screen and (max-width: 1024px) and (min-width: 481px) {
/*	big tablet/small laptop*/
/*body{	font-size: 15px; background:#ffffff;}*/
	
	
	body{	font-size: 16px; }
		
.logo1{ /*width:91px; min-width:91px;*/ margin:10px auto 0; }
	
.main.home .intro.top{background:#483D55; height:450px; direction: ltr; padding: 0 0 40px 0;}
.main.home .intro.top .content{position:relative; top:0; left:0; width:95%; margin:auto; padding:95px 0 0;}
.main.home .intro.top .content>div{letter-spacing:-1px}
.main.home .intro.top .content .text1{color:#FFFFFF;font-size:1.600em; /*top:237px; left:10%*/ margin:0 0 0; line-height:0.2em}
.main.home .intro.top .content .text2{color:#FFFFFF;font-size:3.600em; font-weight:900; line-height:0.85em; letter-spacing:-9px /*top:284px; left:10%*/}
.main.home .intro.top .content .text2 span{color:#F0B817;font-weight:normal;letter-spacing:0px}
 .main.home .intro.top .content .text3{color:#FFFFFF;font-size:1.600em; line-height:1em; margin:-5px 0 0 25px;; /*top:348px; left:10%*/}
 
.main.home .intro .nav2_holder {  margin: 60px 0 0;}
.main.home .intro .nav2_holder .burger,.main.home .intro .nav2_holder .bun{ display:none;}
.main.home .intro .nav2_holder .nav2{text-align:center;  top:260px; width:100%;}
.main.home .intro .nav2_holder .nav2 ul li{display:block; font-size:1.200em;  margin:0 0 40px;}

.header.inner .nav1_holder{display:none;}
.header.home .nav1_holder{display:none;}

.header.home .nav2_holder_inner{display:block;float:none; width:95%; margin:0 auto 0;}
.header.inner .nav2_holder{display:block; float:none; width:95%; margin:0 auto 0;}
.header.inner .nav2_holder .nav2 {text-align:center;  top:0; width:100%;}
.header.inner .nav2_holder .nav2 ul li{display:block; font-size:1.200em;  margin:0;}
 
 .header.inner{/*position:fixed;*/ height:80px; /*background:#483D55; top:0; left:0; text-align:center; width:100%; z-index: 99;*/}
/*.header_inner{width:100%; max-width:1200px; margin:0 auto;}*/
.header.inner .logo1{position:relative ;margin:0; left:0; top:0;z-index: 100; margin:25px auto; width:35%;}

.circles_holder{display:none;}

	
.arrow_section.ScrollSlides{width:15%;  position:absolute; top :-35px; margin:0; left:45%; z-index:999; }
.arrow_section{width:15%;  margin:25px auto; }

.slides>h2, .clients>h2{margin:35px auto 25px;   /*font-size:2em; */ font-size:3.667em}
.clients>h2{font-size:2em}
/*.slides>h2, .clients>h2{margin:55px auto; }*/

.main.home .slides{ width:100%; border-top:16px solid #F0B817; position:relative;}
.main.home .slides .intro{width:90%; margin:0 auto 20px;font-size:1em; }


.contact_footer{ background:#483D55;  padding:23px 0 12px; min-height:350px; margin:20px 0 0;}

.contact_footer .holder1{width:100%; float:none; margin:20px 0 0;}
.contact_footer .form_item_holder {width:96%; float:none; margin:0 0 15px 0; position:relative; max-width:none;}
.contact_footer .form_item_holder.captcha{width:305px; min-height:0;  margin:14px auto 0 ; text-align:center;}
.contact_footer   button {background:none;   padding:0; border:0; width:24%;  margin:12px auto 0; cursor:pointer; display:block; float:none;}
.contact_footer   button img{width:100%; height:auto; }



.footer_links{display:none;}


.footer_links>ul{list-style: none; padding:0; margin:0;}
.footer_links>ul>li{width:95%; float:none; margin:auto;}
.footer_links>ul>li ul{list-style: none; padding:0; margin:10px 0 0;}

.footer_icons .icon_phone{display: block;}
.footer_icons>div{width:33%; text-align:center;float:right;}


.footer_icons{width:75%; max-width:255px; margin:40px auto 20px;}




.main.logos .col_r{float:none; width:95%; margin:0 auto 0; border-top:3px solid #483D55;padding-top:27px;}
.main.logos .col_l{float:right; width:95%; margin:0 auto 0;  }

.main.websites .content_holder ul li .col_r{float:none; width:95%; margin:0 auto 0 ; border-top:4px solid #483D55;padding-top:27px;}
.main.websites .content_holder ul li .col_l{float:none; width:95%; margin:0; }
.main.websites .content_holder ul li .col_l .link{position:absolute; left:33%; top:30%; width:33%; max-width:124px; height:auto; display:none;}

.main.websites .content_holder ul li .col_l .overlay{/*display:none;*/width:100%; height:90%;}

.but_back{display:none;}



.main.about .content_holder .intro1, .main.about .content_holder .pic1{width:100%; float:none; margin:131px auto 0 ;}
.main.about .content_holder .intro2, .main.about .content_holder .pic2{width:100%; float:none; margin:15px auto 0;}
.main.about .content_holder .pic1{margin:15px auto; width:100%;}
.main.about .content_holder .pic2{margin:0; width:100%;}

.main.home .slides .slides_holder {
	width:95%;
  direction: ltr;
  margin: 0 auto;
}
.main.home .slides .slides_holder img{width:100%; height:auto; margin:0 0 15px}

.icon_top{display:block; /*max-width:37px; max-height:36px;*/ width:10%; margin:0 auto 0 auto; cursor:pointer; }






.footer_icons .icon_phone{display: block;}
.footer_icons{width:20%; max-width:200px; margin:60px auto 20px;}
.footer_icons>div{width:33%; text-align:center;float:right;}

.mobile_hide{display: none;}
.mobile_hit{display: block;}
.mobile_show{display:block;}
.mobile_only{display:block;}
}

@media screen and (max-width: 320px)  {
/*	very small phone*/




}