/*
Theme Name: OKDC
Theme URI: 
Author: yamato-design.ru
Author URI: 
Description: theme for OKDC
Version: 1.0
License: GNU General Public License
License URI: license.txt
*/


@font-face {
   font-family: 'Din Bold';
   src: local("Din"),
        url(http://na-vse-100.com/wp-content/themes/navse100/font/ProstoOne-Regular.eot);
   src: url("fonts/PFDinTextPro-Bold.eot?#iefix") format("embedded-opentype"),
         url("fonts/PFDinTextPro-Bold.woff") format("woff"),
         url("fonts/PFDinTextPro-Bold.ttf") format("truetype"),
         url("fonts/PFDinTextPro-Bold.otf") format("opentype"),
         url("fonts/PFDinTextPro-Bold.svg#JournalRegular") format("svg"); 
}

@font-face {
   font-family: 'Din Thin';
   src: local("Din"),
        url(http://na-vse-100.com/wp-content/themes/navse100/font/ProstoOne-Regular.eot);
   src: url("fonts/PFDinTextPro-Thin.eot?#iefix") format("embedded-opentype"),
         url("fonts/PFDinTextPro-Thin.woff") format("woff"),
         url("fonts/PFDinTextPro-Thin.ttf") format("truetype"),
         url("fonts/PFDinTextPro-Thin.otf") format("opentype"),
         url("fonts/PFDinTextPro-Thin.svg#JournalRegular") format("svg"); 
}

@font-face {
   font-family: 'Din Regular';
   src: local("Din"),
        url(http://na-vse-100.com/wp-content/themes/navse100/font/ProstoOne-Regular.eot);
   src: url("fonts/PFDinTextPro-Regular.eot?#iefix") format("embedded-opentype"),
         url("fonts/PFDinTextPro-Regular.woff") format("woff"),
         url("fonts/PFDinTextPro-Regular.ttf") format("truetype"),
         url("fonts/PFDinTextPro-Regular.otf") format("opentype"),
         url("fonts/PFDinTextPro-Regular.svg#JournalRegular") format("svg"); 
}

@font-face {
   font-family: 'Din Light';
   src: local("Din"),
        url(http://na-vse-100.com/wp-content/themes/navse100/font/ProstoOne-Regular.eot);
   src: url("fonts/PFDinTextPro-Light.eot?#iefix") format("embedded-opentype"),
         url("fonts/PFDinTextPro-Light.woff") format("woff"),
         url("fonts/PFDinTextPro-Light.ttf") format("truetype"),
         url("fonts/PFDinTextPro-Light.otf") format("opentype"),
         url("fonts/PFDinTextPro-Light.svg#JournalRegular") format("svg"); 
}


h4{
   font-size:17px;
   color:#dc3780;
   padding-top:15px;
   padding-bottom:15px;
}

h2{
   font-family: Din Thin;
   font-size:37px;
   color:#000;
   padding-bottom:15px;
}


h5{
font-size: 67px;
letter-spacing: -1px;
color: #dc3780;
font-weight: normal;
text-shadow: 1px 1px 0px #222;
padding-top: 20px;
padding-bottom: 20px;
font-family: 'Din Regular', sans-serif;
}

p {
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}


.last_name {
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
color: #B3B3B3;
}

.spec{
   font-size:13px;
   -webkit-margin-before: 0em;
-webkit-margin-after: 0em;
}

.bottom_menu{
   text-align:left;
}

.bottom_menu a{
color: #FFFFFF;
}

.bottom_menu a:hover{
color: #0ac2d2;;
}

.top_menu a{
color: #FFFFFF;
text-shadow: 1px 1px 0px #000;
border-radius: 15px;
padding: 5px;
font-size:20px;
padding-left: 10px;
padding-right: 10px;
}


.top_menu li{
border-radius: 15px;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
}


.top_menu a:hover{
color: #FFFFFF;
background: #dc3780;
border-radius: 15px;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
}


#doc {
   float:left;
   width: 130px;
height: 160px;
   
}

.current{
   color:#333;
}


ul{
   list-style: none;
-webkit-padding-start: 20px;
-webkit-margin-before: 1em;
}

.date{
padding: 10px;
border: 1px solid #999;
display: inline-block;
font-size: 14px;
border-radius: 5px;
}


.detail{
   padding: 5px;
padding-left: 10px;
padding-right: 10px;
background-color: #dc3780;
color: #FFF;
font-size: 16px;
display: initial;
border-radius: 15px;
}

.detail:hover{
   cursor:pointer;
   background-color: #0ac2d2;
}




.news{
   padding-bottom:25px;
}





.menu li{
   padding-bottom:10px;
   list-style:none;
   
list-style-type: none;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
   
}


.ei-slider{
   position: relative;
   width: 100%;
   max-width: 1920px;
height: 691px;
margin: -17px;
}
.ei-slider-loading{
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0px;
   left: 0px;
   z-index:999;
   background: rgba(0,0,0,0.9);
   color: #fff;
   text-align: center;
   line-height: 400px;
}
.ei-slider-large{
   height: 100%;
   width: 100%;
   position:relative;
   overflow: hidden;
}
.ei-slider-large li{
   position: absolute;
   top: 0px;
   left: 0px;
   overflow: hidden;
   height: 100%;
   width: 100%;
}
.ei-slider-large li img{

}
.ei-title{
   position: relative;
   width:950px;
   text-align:left;
margin: -480px 0px 0px -835px;
}
.ei-title h2, .ei-title h3{
   text-align: right;
}
.ei-title h2{
   font-size: 40px;
   line-height: 50px;
   font-family: 'Playfair Display', serif;
   font-style: italic;
   color: #b5b5b5;
}
.ei-title h3{
   font-size: 70px;
   line-height: 70px;
   font-family: 'Open Sans Condensed', sans-serif;
   text-transform: uppercase;
   color: #000;
}
.ei-slider-thumbs{
   height: 13px;
   margin: 0 auto;
   position: relative;
}
.ei-slider-thumbs li{
   position: relative;
   float: left;
height: 30px;
}
.ei-slider-thumbs li.ei-slider-element{
   top: 0px;
   position: absolute;
height: 50px;
   z-index: 10;
   text-indent: -9000px;
background: rgba(255, 0, 122, 0.35);
}
.ei-slider-thumbs li a{
   display: block;

background: rgba(255, 255, 255, 0.5);
   width: 100%;
   height: 100%;
   cursor: pointer;
   padding-top: 20px;
   -webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
   background-color: #f0f0f0;
}
.ei-slider-thumbs li img{
   position: absolute;
   bottom: 50px;
   opacity: 0;
   z-index: 999;
   max-width: 100%;
margin: 0px 0px 0px -155px;
   -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
   -webkit-box-reflect: 
        below 0px -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(50%, transparent), 
            to(rgba(255,255,255,0.3))
            );
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
   opacity: 1;
   bottom: 13px;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media screen and (max-width: 830px) {
   .ei-title{
      position: absolute;
      right: 0px;
      margin-right: 0px;
      width: 100%;
      text-align: center;
      top: auto;
      bottom: 10px;
      background: #fff;
      background: rgba(255,255,255,0.9);
      padding: 5px 0;
   }
   .ei-title h2, .ei-title h3{
      text-align: center;
   }
   .ei-title h2{
      font-size: 20px;
      line-height: 24px;
   }
   .ei-title h3{
      font-size: 30px;
      line-height: 40px;
   }
}


.alignleft {
float:left;
padding-right:15px;
padding-top:5px;
padding-bottom:10px;
}

.zoomLink{
outline:none;
}

#doc img:hover{
width:115px;
margin-left: -2px;
margin-top: -2px;
}


input, textarea {
  -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
     -moz-box-sizing: border-box; /* For all Gecko based browsers */
          box-sizing: border-box;
}






.main_field{
   background: #e5e4e5;
margin: -32px 0px 0px 0px;
padding-top: 50px;
padding-bottom: 50px;
}

.work_field{
   background: #f5f5f5;
width: 1000px;
padding: 50px;
box-shadow: 0px 0px 15px #CFCFCF;
}






.field td{
   padding:10px;
}



.depth {

background: linear-gradient(#eee, #fff);
transition: all 0.3s ease-out;
padding: 13px;
width: 220px;
padding-top: 9px;
padding-bottom: 9px;
border-radius: 8px;
color: #333;
border: none;
box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.6), 0px -5px 10px rgba(255, 255, 255, 1), 0px 5px 15px #C4C4C4;
color: #555;
}

.depth:focus {
  outline: none;
   box-shadow: 0px 0px 9px 2px #64d5ff, inset 0 2px 3px rgba(0, 0, 0, 0.6), 0px -5px 10px rgba(255, 255, 255, 1), 0px 5px 15px #C4C4C4;
  
}







.keyboardInput {

background: linear-gradient(#eee, #fff);
transition: all 0.3s ease-out;
padding: 13px;
width: 220px;
padding-top: 9px;
padding-bottom: 9px;
border-radius: 8px;
color: #333;
border: none;
box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.6), 0px -5px 10px rgba(255, 255, 255, 1), 0px 5px 15px #C4C4C4;
color: #555;
}

.keyboardInput:focus {
  outline: none;
  background-position: 0 -2.4em;
  box-shadow: 0px 0px 9px 2px #64d5ff, inset 0 2px 3px rgba(0, 0, 0, 0.6), 0px -5px 10px rgba(255, 255, 255, 1), 0px 5px 15px #C4C4C4;
  
}
      
.labeled{
   font-family: 'Din Thin';
   font-size:24px;
}


label
  {padding: 5px 0px 15px 40px;}


      
      #bday {
display: inline;
padding-right: 25px;
z-index: 9999999;
position: relative;
}
      #bmonth{
display: inline;
padding-right: 25px;
z-index: 9999999;
position: relative;;
      }
      #byear { 
display: inline;
padding-right: 25px;
z-index: 9999999;
position: relative;;
      }
      
      #territory{
         z-index: 999999;
         position: relative;
      }

      
      #bday .selectbox .select .text{
         width: 22px;
      }
      #bmonth .selectbox .select .text{
         width: 48px;
      }
      #byear .selectbox .select .text{
         width: 22px;
      }
      #territory .selectbox .select .text{
         width: 200px;
      }

      #territory .selectbox .dropdown{
         width: 250px;
         margin: 0px 0px 0px 0px;
      }

      #bday .selectbox.dropdown{
         width: 10px;
         margin: 0px 0px 0px 0px;
      }
      
      #bmonth .selectbox.dropdown{
         width: 10px;
         margin: 0px 0px 0px 0px;
      }
      
      #byear .selectbox.dropdown{
         width: 10px;
         margin: 0px 0px 0px 0px;
      }

      #assignment .selectbox .select .text{
         width: 270px;
      }
      



      #ter .selectbox .select .text{
         width: 290px;
      }

      #ter .selectbox .dropdown{
         width: 340px;
         margin: 0px 0px 0px 0px;
      }


      #street .selectbox .select .text{
         width: 290px;
      }

      #street .selectbox .dropdown{
         width: 340px;
         margin: 0px 0px 0px 0px;
      }


      #mkb .selectbox .select .text{
         width: 415px;
      }

      #mkb .selectbox .dropdown{
         width: 470px;
         margin: 0px 0px 0px 0px;
      }
      
      #identity .selectbox .select .text{
         width: 265px;
      }

      #identity .selectbox .dropdown{
         width: 320px;
         margin: 0px 0px 0px 0px;
      }


      #speciality .selectbox .select .text{
         width: 270px;
      }
      
      #department .selectbox .select .text{
         width: 270px;
      }
      
      #assignment .selectbox .dropdown{
         width: 320px;
         margin: 0px 0px 0px 0px;
      }
      
      #speciality .selectbox .dropdown{
         width: 320px;
         margin: 0px 0px 0px 0px;
      }
      
      #department .selectbox .dropdown{
         width: 320px;
         margin: 0px 0px 0px 0px;
      }
      
      
      .selectbox {
      vertical-align: middle;
      cursor: pointer;
      }
.selectbox .select {
   width: 100%;
   background: linear-gradient(#eee, #fff);
transition: all 0.3s ease-out;
padding: 13px;
padding-top: 9px;
padding-bottom: 9px;
border-radius: 8px;
color: #333;
border: none;
box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.6), 0px -5px 10px rgba(255, 255, 255, 1), 0px 5px 15px #C4C4C4;
color: #555;
}
.selectbox .select:hover {
   background-color: #E6E6E6;
   background-position: 0 -38px;
}
.selectbox .select:active {
   background: #f5f5f5;
   box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);
}
.selectbox.focused .select {
   border: 1px solid #5794BF;
}
.selectbox .select .text {
   display: block;

   white-space: nowrap;
   text-overflow: ellipsis;
}
.selectbox .trigger {
   position: absolute;
   top: 0;
   right: 0;
   width: 34px;
   height: 100%;
}
.selectbox .trigger .arrow {
position: absolute;
top: 8px;
right: 6px;
width: 20px;
height: 21px;
overflow: hidden;
background: url(http://yamato-design.ru/demo/wp-content/themes/okdc/images/gui_03.png) no-repeat;
}

.selectbox .dropdown {
top: 42px;
width: 135px;
z-index: 999999 !important;
margin: 0px 0px 0px -15px;
padding: 0px;
background: #FFF;
border-radius: 4px;
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
font-size: 16px;
}

.dropdown ul{
   padding:0px;
   -webkit-padding-start: 0px;
-webkit-margin-before: 0em;
}

.selectbox li {
padding: 0px 10px 5px;
color: #707070;
}
.selectbox li.selected {
   background: #08c;
   color: #FFF;
}
.selectbox li:hover {
   background: #ea1d5d;
   color: #FFF;
}
.selectbox li.disabled {
   color: #AAA;
}
.selectbox li.disabled:hover {
   background: none;
}

.button{
color: #fff;
background: -moz-linear-gradient(#FFF, #e5e5e5);
background: -ms-linear-gradient(#FFF, #e5e5e5);
background: -o-linear-gradient(#FFF, #e5e5e5);
background: -webkit-linear-gradient(#E4E4E4, #D3D3D3);
text-align: center;
border: none;
margin: 20px 0px 10px 0px;
display: inline;
border-radius: 7px;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.52);
font-size: 18px;
font-family: Din Light;
color: #000 !important;
text-decoration: none !important;
font-weight: bold !important;
box-shadow: 0 5px #AAAAAA, 0 20px 15px -10px #bac2c5;
padding: 10px 25px 10px 25px;
cursor:pointer;
}

.button:hover{
   background: -moz-linear-gradient(#ffeb84, #ffd600, #deab1b);
background: -ms-linear-gradient(#ffeb84, #ffd600, #deab1b);
background: -o-linear-gradient(#ffeb84, #ffd600, #deab1b);
background: -webkit-linear-gradient(#ffeb84, #ffd600, #deab1b);
box-shadow: 0 5px #b78a16, 0 20px 15px -10px #bac2c5;
}


.button:active{
   background: -moz-linear-gradient(#ffeb84, #ffd600, #deab1b);
background: -ms-linear-gradient(#ffeb84, #ffd600, #deab1b);
background: -o-linear-gradient(#ffeb84, #ffd600, #deab1b);
background: -webkit-linear-gradient(#ffeb84, #ffd600, #deab1b);
box-shadow: 0 5px #b78a16, 0 10px 10px -3px #bac2c5;
margin: 20px 0px 10px 0px;
}


.button2{
   cursor:pointer;
   color: #fff;
   background: -moz-linear-gradient(#ffeb84, #facc53, #f6a813);
background: -ms-linear-gradient(#ffeb84, #facc53, #f6a813);
background: -o-linear-gradient(#ffeb84, #facc53, #f6a813);
background: -webkit-linear-gradient(#ffeb84, #facc53, #f6a813);
text-align: center;
border: none;
margin: 20px 0px 10px 0px;
display: inline;
border-radius: 7px;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.52);
font-size: 18px;
font-family: Din Light;
color: #000 !important;
text-decoration: none !important;
font-weight: bold !important;
box-shadow: 0 5px #b78a16, 0 20px 15px -10px #bac2c5;
padding: 10px 25px 10px 25px;
}

.button2:hover{
background: -moz-linear-gradient(#FFF, #e5e5e5);
background: -ms-linear-gradient(#FFF, #e5e5e5);
background: -o-linear-gradient(#FFF, #e5e5e5);
background: -webkit-linear-gradient(#FFF, #e5e5e5);

box-shadow: 0 5px #AAAAAA, 0 20px 15px -10px #bac2c5;
}


.button2:active{
   background: -moz-linear-gradient(#ffeb84, #ffd600, #deab1b);
background: -ms-linear-gradient(#ffeb84, #ffd600, #deab1b);
background: -o-linear-gradient(#ffeb84, #ffd600, #deab1b);
background: -webkit-linear-gradient(#ffeb84, #ffd600, #deab1b);
box-shadow: 0 5px #b78a16, 0 10px 10px -3px #bac2c5;
margin: -7px 0px 10px 0px;
}

.descr001{
   font-size:14px;
   font-family:Din Light;
   text-shadow: 1px 1px 0px #FFF;
   color:#848484;
}

#textfield{
   width:200px;
}
     
#textfield2{
   width:60px;
}

#textfield7{
   width:260px;
}

#contented3{
   padding-bottom:55px;
}

#contented3 ul{
   display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}

#contented3 td {
   vertical-align: top;
}

<!-- Carousel -->
         #contented .list_carousel {
            width: 1062px;
         }
         
         .list_carousel {
            width: 1062px;
         }
         .list_carousel ul {
            margin: 0;
            padding: 0;
            list-style: none;
            display: block;
         }
         .list_carousel li {
            font-size: 40px;
            color: #999;
            text-align: center;

            width: 1050px;
            height: 290px;
            padding: 0;
            margin: 6px;
            display: block;
            float: left;
         }
         .list_carousel.responsive {
            width: auto;
            margin-left: 0;
         }
         .clearfix {
            float: none;
            clear: both;
         }
         
         
         
#contented2 img{
padding-top: 15px;
padding-bottom: 10px;
padding-right: 15px;
}
         
.menu{
text-align:left;
padding-bottom: 105px;
display: block;
list-style-type: none !important;
-webkit-margin-before: 0em !important;
-webkit-margin-after: 0em !important;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px !important;
}
         
.submenu{         
list-style-type: none !important;
-webkit-margin-after: 0em !important;
-webkit-padding-start: 20px !important;
}
               
         
.prev {
width: 45px;
padding: 20px;
height: 47px;
float: left;
margin: -14px 0px 0px 32px;
background: url(http://yamato-design.ru/demo/wp-content/themes/okdc/images/arrow_prev_1.png);
background-repeat: no-repeat;
}
         
.prev:hover {
background: url(http://yamato-design.ru/demo/wp-content/themes/okdc/images/arrow_prev_2.png);
background-repeat: no-repeat;
}

.next {
width: 45px;
padding: 20px;
float: right;
margin: -14px -10px 0px 0px;
height: 47px;
background: url(http://yamato-design.ru/demo/wp-content/themes/okdc/images/arrow_1.png);
background-repeat: no-repeat;
}

.next:hover {
background: url(http://yamato-design.ru/demo/wp-content/themes/okdc/images/arrow_2.png);
background-repeat: no-repeat;
}        
         
         .pager {
padding-top: 150px;
display:none !important;
            width: 300px;
            text-align: center;
         }
         .pager a {
            margin: 0 5px;
            text-decoration: none;
         }
         .pager a.selected {
            text-decoration: underline;
         }
         .timer {
            background-color: #999;
            height: 6px;
            width: 0px;
         }


.Input {

background: linear-gradient(#eee, #fff);
transition: all 0.3s ease-out;
padding: 13px;
width: 356px;
padding-top: 9px;
padding-bottom: 9px;
border-radius: 8px;
color: #333;
border: none;
box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.6), 0px -5px 10px rgba(255, 255, 255, 1), 0px 5px 15px #C4C4C4;
color: #555;
}

.Input:focus {
  outline: none;
  background-position: 0 -2.4em;
  box-shadow: 0px 0px 9px 2px #64d5ff, inset 0 2px 3px rgba(0, 0, 0, 0.6), 0px -5px 10px rgba(255, 255, 255, 1), 0px 5px 15px #C4C4C4;
  
}

.image-container {
   background-color: #F5F5F5; /* фон для подвала логотипа */
   border: 1px solid #AB4A75;
}