/*--- СТИЛИ ПРОФИЛЯ ---*/
 
 /*-- Аватар (логотип) и контакты --*/

    .profile { margin: 0 15px 20px 15px;
               overflow: hidden;
               box-sizing: border-box }
               
      .profile h1 { margin: 7px 0 10px;
                    color: #000;
                    font: normal 19px 'Arimo', sans-serif;
                    overflow-x: auto }
                   
      .profile #flag { margin-bottom: 15px }
        .profile #flag img { margin-right: 7px }      
                    
      .profile #avatar { border: 1px solid #ddd;
                         width: 100px;
                         margin-right: 45px;
                         margin-bottom: 20px;
                         padding: 3px;
                         background: #f8f8f8;
                         float: left }

      .profile table { box-sizing: border-box }
                       
        .profile table th { padding: 10px 14px 10px 0;
                            font-weight: normal;
                            text-align: left }
        
        .profile table td { padding: 8px 13px 8px 0 }
          .profile table i { color: #555 }
        
        .profile table tr:last-child { border-bottom: none }
        
        
        .profile .contacts { margin: 30px 0 15px }
          .profile .contacts a { margin-right: 17px; background: #e5e5e5; border: 1px solid #ccc; border-radius: 3px; padding: 7px }
            .profile .contacts a:last-child { margin-right: 0 }
          .profile .contacts #p { color: #224B51 }   
          .profile .contacts #v { color: #814ab2 }
          .profile .contacts #w { color: #2bb742 }
          .profile .contacts #t { color: #2199d5 }
          .profile .contacts #s { color: #0058b0 }
		 
 /*---------------------------*/

 /*-- Вкладки --*/
 ul.tabs { margin: 0;
		   padding: 0 15px;
           width: 100%;
           overflow-x: auto;
           white-space: nowrap;
		   list-style-type: none;
		   border-bottom: 1px solid #ccc;
		   box-sizing: border-box;
		   border-bottom: 1px solid #ссс }

   ul.tabs li { display: inline-block; margin-right: 3px }
     ul.tabs li:last-child { margin-right: 0 }
	
     ul.tabs li a { background: #f7f7f7;
			        color: #666;
                    display: inline-block;
                    padding: 8px 13px;
                    font: normal 13px 'Roboto', sans-serif;
                    box-sizing: border-box }
	
       ul.tabs li.current a { background: #fff;
                              border-bottom: 2px solid #015E53;
                              color: #222 }
	
  .tab-content { border: 0; padding: 0; margin: 0; box-sizing: border-box }
 /*---------------------------*/
 
 /*-- Вкладка о компании--*/
 dl { margin: 20px 15px }

 dt { font: normal 16px 'Arimo', sans-serif;
      color: #015E53 }

 dd { margin: 10px 0 0 10px;
      line-height: 1.5 }
   dd #data { margin-top: 7px }
   
   dd #work { margin: 0 0 0 -40px; line-height: 1.5 }
      dd #work ul { margin-left: -25px }
        dd #work li { list-style: none; color: #555 }
          dd #work li::before { content: "\2022"; margin-right: 7px }
	      dd #work li li { list-style: none }
	        dd #work li li::before { content: "\2013" }
 /*---------------------------*/
 
 /*-- Вкладка контактов --*/
 #adress { margin: 0; 
           background: #fff; 
           margin: 20px 15px; 
           box-sizing: border-box }
   #adress th { width: 20px;
                padding: 10px 14px 10px 0;
                font-weight: normal;
                text-align: left }
   #adress  td { padding: 8px 10px 8px 0 }
   #adress  i { color: #555 } 

 /*-- Вкладка нoвостей --*/
   .news { padding: 12px 15px;
           border-bottom: 1px solid #ccc;
           box-sizing: border-box }

   .news img { width: 70px; margin-right: 12px; float: left }
   
   .news i { margin-right: 5px }

   .news h3 { margin: 0 0 7px 0;
              font: bold 14px 'HelveticaRegular', sans-serif;
              color: #0056ac }

   .news table { width: 100% }
     .news #check { width: 30px;
                    text-align: left;
                    vertical-align: middle }
     .news th { text-align: left;
                font-weight: normal;
                font-size: 13px;
                vertical-align: top;
                padding-bottom: 7px }
 
     .news td { vertical-align: top; line-height: 1.4 }
       .news td p { margin: 0 0 10px 0 }

   .news button { margin-top: 15px }
     .news button i { margin: 0 }
 /*---------------------------*/

 .product { padding: 12px 15px;
            border-bottom: 1px solid #ccc;
            box-sizing: border-box }
            
   .product #check { width: 30px;
                     text-align: left;
                     vertical-align: middle }
   
   .product .left { width: 30%;
                    margin-bottom: 7px;
                    display: inline-block;
                    float: left;
                    font: italic 13px 'HelveticaRegular', sans-serif }
     .product .left #new,
       .product .left #new i { color: red; font-style: normal }
     .product .left #sale    { color: #ff8040 }
     .product .left #buy     { color: #008000 }
     .product .left #service { color: #000080 }
     
     .product h3 { margin: 0 0 7px 0;
                   font: bold 14px 'HelveticaRegular', sans-serif }

   .product #right { width: 70%;
                     margin-bottom: 7px;
                     text-align: right;
                     display: inline-block;
                     font: normal 13px 'HelveticaRegular', sans-serif }

  .product #ico { margin-top: 6px; font-size: 13px; }
     .product #ico i,
   .product span i { margin-right: 3px;
                     color: #747474 }

   .product table { width: 100% }

     .product th { width: 62px;
                   text-align: left;
                   vertical-align: top }
       .product th img { width: 50px }              

     .product td { vertical-align: top;
                   line-height: 1.5 }
       .product td img { margin-right: 3px;
                         vertical-align: -7px }

    .product #text { margin-bottom: 7px;
                    /*line-height: 1.4*/ }
     .product #text img { margin-right: 3px;
                          vertical-align: -7px }
                          
   .product #vac { margin-top: 10px;
                   line-height: 1.4 }

 .product button { margin-top: 15px }
 /*-------------------------------------*/ 

 fieldset { margin: 20px 0 0 15px;
            padding: 10px 0 15px 20px;
            border: 1px solid #ccc;
            line-height: 1.9;
            box-sizing: border-box;
            width: 270px }

  fieldset legend { border: 1px solid #ccc;
	                background: #f7f7f7;
	                padding: 2px 10px }
	         
  fieldset button { margin-top: 15px; 
                    margin-right: 20px; 
                    float: right } 
 /*-------------------------*/                   
                    
  @media screen and (max-width: 330px) /*iPhone 5/SE*/
   {
     .profile { margin: 0 10px 20px 10px }		
	   .profile #avatar { width: 90px;
                          margin-right: 35px }   
       .profile .contacts a { margin-right: 12px; padding: 6px }
       
     dl { margin: 20px 10px }     
     #adress { margin: 20px 10px }
     .news { padding: 12px 10px }
     .product { padding: 12px 10px }              
   }         
   
  @media screen and (min-width: 560px) and (max-width: 580px) and (orientation: landscape) /*iPhone 5/SE peyzaj*/
   {
	 .profile { margin: 0 10px 20px 10px }		
	   .profile #avatar { width: 90px;
                          margin-right: 35px }   
       .profile .contacts a { margin-right: 12px; padding: 6px }
       
     dl { margin: 20px 10px }     
     #adress { margin: 20px 10px }
     .news { padding: 12px 10px }
     .product { padding: 12px 10px }	
   } 
   
  @media screen and (min-width: 740px) and (max-width: 840px) and (orientation: portrait)  /*iPad portret*/
   {
	 .profile { margin: 0 20px 20px 20px }		
	   .profile #avatar { width: 110px;
                          margin-right: 35px }   
       .profile .contacts a { margin-right: 12px; padding: 6px }
       
     dl { margin: 20px }     
     #adress { margin: 20px }
     .news { padding: 15px 20px }
     .product { padding: 15px 20px }
	 
	 .list-menu h3 { margin-left: 15px; font-size: 15px }
	 .list-menu .small { margin-right: 15px; font-size: 14px }
	 .list-menu .list-content a { padding: 10px;
 				                  font-size: 15px }
   }      
   
  @media screen and (min-width: 980px) and (max-width: 1200px) and (orientation: landscape) /*iPad peyzaj*/
   {
	 .profile { margin: 0 20px 20px 20px }		
	   .profile #avatar { width: 110px;
                          margin-right: 35px }   
       .profile .contacts a { margin-right: 12px; padding: 6px }
       
     dl { margin: 20px }     
     #adress { margin: 20px }
     .news { padding: 15px 20px }
     .product { padding: 15px 20px }
	 
	 .list-menu h3 { margin-left: 15px; font-size: 15px }
	 .list-menu .small { margin-right: 15px; font-size: 14px }
	 .list-menu .list-content a { padding: 10px;
 				                  font-size: 15px }
   }    
   
  @media screen and (min-width: 900px) and (max-width: 1060px) and (orientation: portrait) /*iPad Pro portret*/
   {
	 .profile { margin: 0 20px 20px 20px }		
	   .profile #avatar { width: 110px;
                          margin-right: 35px }   
       .profile .contacts a { margin-right: 12px; padding: 6px }
       
     dl { margin: 20px }     
     #adress { margin: 20px }
     .news { padding: 15px 20px }
     .product { padding: 15px 20px }
     .product h3 { margin: 0 0 7px 0;
                   font-size: 15px }
	 
	 .list-menu h3 { margin-left: 15px; font-size: 16px }
	 .list-menu .small { margin-right: 15px; font-size: 14px }
	 .list-menu .list-content a { padding: 10px;
 				                  font-size: 15px }
   }
   
  @media screen and (min-width: 1200px) and (max-width: 1400px) and (orientation: landscape) /*iPad Pro peyzaj*/
   {
	 .profile { margin: 0 20px 20px 20px }		
	   .profile #avatar { width: 110px;
                          margin-right: 35px }   
       .profile .contacts a { margin-right: 12px; padding: 6px }
       
     dl { margin: 20px }     
     #adress { margin: 20px }
     .news { padding: 15px 20px }
     .product { padding: 15px 20px }
     .product h3 { margin: 0 0 7px 0;
                   font-size: 15px }
	 
	 .list-menu h3 { margin-left: 15px; font-size: 16px }
	 .list-menu .small { margin-right: 15px; font-size: 14px }
	 .list-menu .list-content a { padding: 10px;
 				                  font-size: 15px }
   }