body{
      margin:0;
      padding:0;
      font-family: "My Custom Font", Verdana, Tahoma;
      background:#f5f5f5;
      background: linear-gradient(to top, #f5f5f5 50%,#f5f5f5 67%,white 100%);	
      overflow-x:hidden;	
      ackground-image: url("../images/bodybg.jpg");  
}
.company{
      float:right;
      margin-top:-10px;
}
.slogani{
      margin-top:-20px;
      margin-left:20px;
      width:700px;
      height:100px;
}
.social{
      width:25px;
      height:25px;
      margin-left:10px;
      argin-top:10px;
      border-radius:60%;
      filter: grayscale(100%);
      -webkit-filter: grayscale(100%);  
      -webkit-transition: all .6s ease;  
      cursor:pointer;
      box-shadow:grey 0 0 1px;
      float:right;
}
.social:hover{ 
      filter: grayscale(0%);
      -webkit-filter: grayscale(0%);
      filter: none;
      -webkit-transform: rotateY(180deg);
      -webkit-transform-style: preserve-3d;
      transform: rotateY(180deg);
      transform-style: preserve-3d;
      -webkit-transition: all 0.7s ease;
      transition: all 0.7s ease;
}
.etention{
      color:white;
      float:left;
      width:600px;
      margin-left:98px;
      text-align:justify;
}
.clock{
      float:right;
      margin-top:-20px;
      margin-right:20px;
}
.title{
      margin-left:110px;
      float:right;
      margin-top:-17px;
      margin-right:-15px;
      width:490px;
}
#contact_div{
      width:100%;
      height:390px;
      background:#272723;
      background-image: url(../images/footerbg.png);
      clear:both;
      display:none;
      position:absolute;
      top:0px;
      width:102%;
}
.logo{
      margin-top:-10px;
      float:left;
      width:160px;
      height:160px;
      border-radius:70%;
}
#container{
      width:1140px;
      margin:auto;
      padding:15px;
      overflow: hidden;
}
#about_container{
      width:1120px;
      margin:auto;
      padding:15px;
      overflow: hidden;
}
#header_container{
      width:1180px;
      margin:auto;
      padding:5px;
      margin-top:10px;
}
#lang_div {
      float:right;
      margin-right:25px;
}
.lang_link{
      text-decoration:none;
      color:grey;
      font-size:13px;
}
.mail_orange{
      float:right;
      margin-right:10px;
}
.drop{
      width:100%;
      cursor:pointer;
      clear:both;
      margin-top:-25px;
}
.up{
      width:50px;
      cursor:pointer;
      float:right;
      margin-right:40px;
      margin-top:-55px;
}
.social_icon{
      width:35px;
      height:35px;
      margin-left:10px;
      margin-top:110px;
      cursor:pointer;
      float:right;
      transition: width 2s, height 2s, transform 2s;
}
.social_icon:hover {
      transform: rotate(360deg);
}

#frmContact {
      border-top:#F0F0F0 2px solid;
      ackground:#FAF8F8;
      padding:10px;
      height:500px;
}
#frmContact div{
      margin-bottom: 15px;
}
#frmContact div label{
      margin-left: 5px;
}
.demoInputBox{
      padding:10px;  
      border-radius:4px
      border:2px solid grey;
      width:100%;
}
.error{
      background-color: #FF6600;
      border:#AA4502 1px solid;
      padding: 5px 10px;
      color: #FFFFFF;
      border-radius:4px;
}
.success{
      background-color: #cc8800;
      padding: 9px 10px;
      color: #FFFFFF;
      border-radius:4px;
      clear:both;
      width:96.5%;
      margin-bottom:20px;
}
.info{
      font-size:.8em;
      color: #FF6600;
      letter-spacing:2px;
      padding-left:5px;
}
.btnAction{
      background:white;
      border:2px solid grey;
      color:black;
      cursor:pointer;
      font-family: "My Custom Font", Verdana, Tahoma;
      border:2px solid grey;
      padding:10px 40px; 
      border-radius:4px;
}
.btnAction:hover{
      background-color:#cc8800;
      color:white;
}


.main_h{
      float:left;
      font-weight:bold;
      cursor:pointer;
      margin-left:30px;
      font-size:30px;
      color:#cc8800;
      clear:both;
}

.my_h{
      
      font-weight:bold;
      cursor:pointer;
      font-size:30px;
      color:#4a4a4a;
      clear:both;
}
#h1:hover{
      color: rgba(102, 168, 355, 1);
}
.decor{
      color:#cc8800;
}
#menu{
      float:left;
	 
}
#menu span .links{
      text-decoration:none;
      font-size:12px;
      font-weight:bold;
      color:#FF9331;
      position:relative;
      color:#858585;
      margin-right:10px;
      margin-left:10px;
      margin-top:-10px;
      float:right;
      padding:3px;
      transition: border-color .7s ease-in-out;
      border: 3px solid transparent;
      border-radius:5px;
      ext-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
#menu span a:hover{
      color:#4a4a4a;
      border:3px solid #cc8800;
      border-radius:5px;
}

.first{
      font-size:17px;
}



#right_content{
      padding:9px;
      float:right;
      width:460px;
      font-size:13px;
      margin-top:20px;
      color:#4a4a4a;
      text-align:justify;
}
#right_content img{
      margin-left:-7px;

}
h4{
      color:#cc8800;  
	  
}

.expert_table{
      width:380px;
      height:100px;
      float:left;
      margin-bottom:75px;
      order:1px solid red;
}
.expert_table img{
      width:45px;
      height:45px;
	 
}

.expert_table tr td:first-child{
      border-right:1px solid grey;
      width:55px;
}
.expert_table tr td:last-child {
      padding:10px;
}
#texts{
      clear:both;
      margin-bottom:100px;
	 
}

/****ratom chven ****/
#whyus_div{
      width:98%;
      min-height:16px;
      margin-left:-5px;
      margin-top:10px;
      padding:16px;
      font-size:19px;
      border-radius:5px;
      background:white;
      box-shadow:grey 0 0 3px;
      font-family: "My Custom Font", Verdana, Tahoma;
      cursor:pointer;
      color:#797979;
}
#tools_div:hover{
      box-shadow:grey 0 0 3px;
}
#whyus_div span{
      font-size:19px;
      cursor:pointer;
}
#whyus_div .concret_span{
      float:left;
    
}
#whyus_div .view{
      float:right;
      margin-right:10px;
      margin-top:-5px;
      font-weight:bold;
}
.tools_div{
      display:none;
      clear:both;
      margin-top:50px;
      color:#cc8800;
}
/****ratom chven ****/


#page_title_div{
      width:98%;
      height:90px;
      padding:20px;
      background:#4a4a43;
      margin-top:-5px;
      background-image: url(../images/footerbg.png);
}
#page_title_div h1{
      color:white;
      font-size:25px;
      margin-left:5px;
}

	  
#footer{
      width:100%;
      height:350px;
      background:#272723;
      padding:15px;
      background-image: url(../images/footerbg.png);
}
#partniors_div{
      float:left;
      width:650px;
      margin-top:20px;
}
#footer_right{
      float:right;
      margin-right:45px;
}
.image{
      float:left;
      width:28px;
      height:28px;
      margin-top:-6px;
      margin-right:6px;
      clear:both;
      border-radius:60%;
}
#adress{
      float:left;
      border:2px solid #9d9d9c;
      border-radius:60%;
      width:22px;
      height:22px;
      margin-top:-5px;
      margin-right:6px;
      margin-left:1px;
}
 .image:hover{
      -webkit-transform: rotateY(180deg);
      -webkit-transform-style: preserve-3d;
      transform: rotateY(180deg);
      transform-style: preserve-3d;
      -webkit-transition: all 0.7s ease;
      transition: all 0.7s ease;
}
#adress:hover{
      -webkit-transform: rotateY(180deg);
      -webkit-transform-style: preserve-3d;
      transform: rotateY(180deg);
      transform-style: preserve-3d;
}
#adress:hover {
      -webkit-transition: all 0.7s ease;
      transition: all 0.7s ease;
}
#footer_menu{
      margin-top:5px;
      float:left;
}
#footer_right p{
      color:#7b7b7b;
      font-size:11px;
      font-weight:bold;
}
.partnior_img {
       filter: grayscale(100%);
       -webkit-filter: grayscale(100%);  
       filter: gray;  
       -webkit-transition: all .6s ease;  
       width:100px;
       height:90px;
       border-radius:3px; 
       margin:5px;
       border-radius:4px;
}

.partnior_img:hover{ 
      filter: grayscale(0%);
      -webkit-filter: grayscale(0%);
      filter: none;
      box-shadow:black 0 0  30px;
}

#footer_menu a{
      color:#7b7b7b;
      text-decoration:none;
      margin-left:20px;
      font-weight:bold;
}
#footer_menu a:hover{
      color:#cc8800;
}
#footer_end{
      width:95%;
      height:30px;
      border:3px solid #555555;
      border-radius:5px;
      padding:10px;
      margin-top:250px;
      font-size:12px;
      color:#7b7b7b;
      clear:both;
}
#author{
      float:right;
      margin-top:5px;
}
#author a{
      color:#7b7b7b;
}

#left_content{
      width:600px;
      min-height:500px;
      float:left;
      padding:10px;
      margin-top:20px;
      color:#4a4a4a;
      text-align:justify;
}
#left_content img{
      float:left;
      margin-top:3px;
      margin-right:15px;
}
#left_content  .about_logo{
      width:200px;
      height:200px;
      float:left;
	  margin-top:15px;
}
#left_content p{
      font-size:14px;
      text-align:justify;
      float:right;
}
#back-top {
      position: fixed;
      bottom: 36px;
      right: 4%;
}
#back-top a {
      width: 64px;
      display: block;
      text-align: center;
      font: 11px/100% Arial, Helvetica, sans-serif;
      text-transform: uppercase;
      text-decoration: none;
      color: #bbb;
      transition: 1s;
}
#back-top a:hover {
      color: #000;
}
/* arrow icon (span tag) */
#back-top span {
      width: 60px;
      height: 60px;
      display: block;
      margin-bottom: 7px;
      background: #ddd url(../images/tools/top.png) no-repeat center center;
      border-radius: 15px;
      transition: 1s;
}
#back-top a:hover span {
      background-color: #fff;
}
#back{
      font-weight: bold;
      font-size: 22px;
      padding:10px;
      border: 2px solid #333;
      border-radius: 29px;
}

hr{
      color:grey;
      opacity:.20;
      width:99%;
	  
}

.employ_info{
      width:100%;
      min-height:130px;
      margin:10px;
      font-size:13px;
      padding:10px;
      loat:left;
      color:#4a4a4a;
      border:4px solid #4a4a4a;
      table-layout: fixed;
   word-break: break-all;
   word-wrap: break-word;
}

.employ_info td{
      vertical-align:top;
      font-family: "My Custom Font", Verdana, Tahoma;
      font-size:13px;
       able-layout: fixed;
   ord-break: break-all;
   ord-wrap: break-word;
}
.employ_info  .namegvari{
      font-size:16px;
      font-weight:bold;
      margin-left:15px;
	  
}
.employ_info  .tanamdeboba{
      font-size:13px;
      font-size:11px;
      font-weight:bold;
      margin-left:15px;
}
.employ_miniatura_td{
      width:175px;
	  
}
.employ_miniatura_td img{
      width:170px;
      height:180px;
      margin-right:30px;
      filter: grayscale(100%);
      -webkit-filter: grayscale(100%);  
      filter: gray;  
      -webkit-transition: all .6s ease;  
      cursor:pointer;
}

.employ_miniatura_td img:hover{ 
      filter: grayscale(0%);
      -webkit-filter: grayscale(0%);
      filter: none;
}

.hidden{
      display:none;
      border:1px solid red;
}
.hidden td{
      text-align:justify;
}
.hidden td ul{
      margin-top:-20px;
      margin-left:-5px;
}
.click_to_view small{
      text-decoration:none;
      padding:6px;
      color:#4a4a4a;
      float:right;
      font-size:12px;
      border:2px solid gray;
      border-radius:6px;
      cursor:pointer;
	 
}


#view_expertise_img{
      float:left; 
      width:200px; 
      height:200px;  
      margin:45px;
}
#view_expertise_span{
      margin-top:40px;
      float:right;
      width:840px;
      margin-bottom:150px;
}

#half_first{
      width:50%;
      float:left;
}
#half_second{
      width:50%;
      float:right;
}

#video_div{
      width:310px;
      height:350px;
      float:left;
      padding:15px;
      margin:15px;
      border:1px solid  white;
      cursor:pointer;
      overflow: hidden;
      border:1px solid  #DBDAD8;
}
#video_div:hover{
      border:1px solid  #cc8800;
}
#youtube_iframe{
      width:190px;
      width:100%;
      height:250px;
      margin:auto;
}
#video_description{
      color:#4a4a4a;
      font-size:12px;
      text-align:justify;
}
#video_date{
      color:grey;
      font-size:10px;
      float:right;
}