/*
Theme Name: oldven
Author: GreenMinds
Author URI: https://greenminds.ru/
*/

@font-face {
    font-family: "Oranienbaum";
    src: url("fonts/Oranienbaum/Oranienbaum.eot");
    src: url("fonts/Oranienbaum/Oranienbaum.eot?#iefix")format("embedded-opentype"),
        url("fonts/Oranienbaum/Oranienbaum.woff") format("woff"),
        url("fonts/Oranienbaum/Oranienbaum.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoRegular"; */
@font-face {
    font-family: "RobotoRegular";
    src: url("fonts/RobotoRegular/RobotoRegular.eot");
    src: url("fonts/RobotoRegular/RobotoRegular.eot?#iefix")format("embedded-opentype"),
        url("fonts/RobotoRegular/RobotoRegular.woff") format("woff"),
        url("fonts/RobotoRegular/RobotoRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoBold"; */
@font-face {
    font-family: "RobotoBold";
    src: url("fonts/RobotoBold/RobotoBold.eot");
    src: url("fonts/RobotoBold/RobotoBold.eot?#iefix")format("embedded-opentype"),
        url("fonts/RobotoBold/RobotoBold.woff") format("woff"),
        url("fonts/RobotoBold/RobotoBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

body{  display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0;  font-family:RobotoRegular;word-wrap: break-word;}
* html body {height: 100%;}
main {  flex: 1;  white-space: normal;  -ms-flex-preferred-size: auto;  }
a {  color:  #007FE2;   border-bottom: 1px solid transparent; }
a:visited {    text-decoration: none;  }
a:hover, a:focus{color: #CDCDCD; text-decoration: none; border-bottom-color: transparent;}
h1{ font-family:"Oranienbaum"; font-size: 36px; text-transform: uppercase;margin-top: 30px;}
h2{ font-family:"Oranienbaum";font-size: 34px; letter-spacing: 1px;}
h3{   font-family:"Oranienbaum";  margin-top: 0px;    font-size: 24px;    }
h4{     font-family:"Oranienbaum"; font-size: 22px;}
h5{    font-size: 18px;}
h6{    font-size: 16px;}
.row { margin-left: 0px;  margin-right: 0px; }
.air{    padding-top: 40px; padding-bottom:  40px;}
.airmarg{margin-bottom: 10px; margin-top: 10px;}
.center{text-align: center;vertical-align: middle;margin: 20px 0;}
.aligncenter{text-align: center;vertical-align: middle;margin: 20px auto;}
.left{text-align: left;}
.bwhite{background-color: #fff;}
.white{color: #fff;}
.yellow{color: #FDEC00;}
.yellow a{color: #FDEC00;}
.oranienbaum{font-family:"Oranienbaum";     }
ul, ol {margin-top: -10px;}
dd ul, ol {margin-top: 5px;}
ul li {    background: url(img/ulli.png) no-repeat 0 1px;      padding: 0px 0 2px 40px;    list-style: none;}
ul.disc {    padding-left: 58px;}
ul.disc li {    background:none;     padding: 0px 0 2px 24px;    list-style: disc;}
.dl-horizontal dt{width: 120px;}
.dl-horizontal dd {    margin-left: 160px;}

/*footer*/
footer {width:100%;   z-index: 0;bottom:0; color: #818996; background-color: #242833;}

/*buttons*/
.btn-default {width: 100%;}
.btn, .btn-sm {background: #FFEB09;color: #000;border-radius: 0px;}
.btn{font-size: 16px;}
.btn-sm{font-size: 14px;}
a.btn{text-decoration: none;}
.btn-sm:hover,.btn-sm:focus, .btn:hover,.btn:focus, .btn-default:hover,.btn-default:focus{  color: #000;  background-color: #ecde3d;  border-color: #ecde3d;text-decoration: none;}
.btn:active,.btn.active { -webkit-box-shadow: none;  box-shadow: none;}
.container{padding-top: 10px; padding-bottom: 10px;}

/*main_page*/
a.logo{background: url(img/logo.png) no-repeat;height: 64px;width: 144px; border-bottom-color: transparent;}
a.logo:hover{text-decoration: none; border-bottom-color: transparent;}
.black{background: url(img/background.png) repeat #000;position: relative;}
.blue{background-color: #E6F5FA;}
.navbar{margin-bottom: 0px;margin-top: 10px;}
.navbar ul li {    background: transparent;    padding: 0px 0 0px 0px;    list-style: none; margin: 0 1px}
.navbar-toggle{   background-color: #FDEC00;    margin-right: 0;  border-radius: 1px; }
.navbar .icon-bar{color:#000; border:1px solid;}
.navbar-nav > li > a {color: #000;padding-bottom: 10px; padding-top: 10px; font-weight: normal;padding-right: 5px;padding-left: 5px;}
.navbar-nav > li.active {    background-color: #FDEC00;}
.nav > li > a:hover, .nav > li > a:focus {background-color: #FFED09;}
header .phone{font-size: 22px; font-weight: 600; color: #333333;}

.monogram{width: 226px;height: 31px;background: url(img/monogr_max.png) no-repeat;    margin: 30px auto;}
.monogram.min{background: url(img/monogr_min.png) no-repeat;width: 90px; margin: 15px auto;}
.penbox{width: 365px;height: 298px;background: url(img/pen.png) no-repeat; position: absolute;  }
.blackbox{width: 238px;height: 270px;background: url(img/poket.png) no-repeat; position: absolute; }
.line{width: 50px;height: 1px;background-color: #B7C4CA;    margin: 0 auto;}
.intro{padding: 30px 20px 40px;}
.intro .oranienbaum{font-size: 18px; line-height: 1.1;}
.intro p{margin-bottom: 20px;}
/*carousel-main*/
.carousel-inner img{width: 100%;}
/*.carousel-indicators li{background-color: rgba(0, 0, 0, 0.5);}*/
.carousel-caption{background-color: rgba(0, 0, 0, 0.5);text-shadow: none;}
.carousel-caption dl{text-align: left; margin: 30px 0;}
.carousel-caption dl dt{text-transform: uppercase; margin: 20px 0;}
.carousel-control{opacity: 1;}
.carousel-inner a.h3{font-family:"Oranienbaum";  margin-top: 0px;    font-size: 24px;   }
.carousel-inner a.h3:hover{border-bottom: 1px solid #ded6d6;}
.arr{    color: #ecde3d;        padding: 23px 10px;   border: 2px solid #ecde3d;  text-transform: uppercase;    width: 150px;position: absolute;font-size: 16px; top: 40%;    height: 100px;
         vertical-align: middle;    text-align: center;background-color: RGBA(0, 0, 0, 0.31);}
.right .arr{border-right:none;right: 120%;}
.arr-right {  width: 21px;  height: 100px;background: url(img/arrow.png) no-repeat;position: absolute;    right: -21px;    top: -2px;}
.howback{position: relative;background: url(img/how_back.png) no-repeat center ;min-height: 600px;}
.howback img{width: 100%;}
.howlist{margin: 0 auto;background-color: rgba(232, 245, 251, 0.76);padding: 40px 30px; }
.howlist ol {    list-style: none;  counter-reset: point;padding-left: 5px; }
.howlist ol li {    margin-bottom: 10px;    padding-left: 35px;    position: relative;}
.howlist ol li:before {    content: counter(point);    counter-increment: point 1;    font-size: 11px;   position: absolute;    left: 0;    top: -2px;    background: transparent;    width: 24px;    padding: 4px 0;    color: #000;    text-align: center;    border: 1px solid #638E97;border-radius: 20px;}

.safety{padding: 20px;}
.safety .line{margin: 10px 0;}
.mission{background-color: #fff; padding: 30px 30px 30px 40px;}
.mission ul{margin-bottom: 25px; padding-left: 1px;margin-top: 10px;}
.triangle-down{ width: 0px;    height: 0; z-index: 1;   border-left: 240px solid transparent;    border-top: 40px solid #fff ;    border-right:  240px solid transparent;    position: absolute; bottom: -39px; }
.triangle-left{width: 0px;    height: 0; z-index: 1;   border-left: 50px solid #fff;    border-bottom: 267px solid transparent;    border-top: 270px solid transparent;    position: absolute;    right: -49px;    top: 0%;}
.mission-phone{background: url(img/missionback.png)repeat #557685;padding:  61px 30px 112px 70px;}
.phone-ico{width: 90px; height: 90px;background: url(img/phone.png) no-repeat;margin: 0 auto;}
a.call-back-button{text-decoration: none;color: #232428; font-weight: 600;   border-bottom: 1px solid #ded6d6;padding-bottom: 3px;}

/*modal*/
.modal-body{padding: 30px;}
.modal-header{border-bottom: none;padding: 30px 30px 0 30px;}
.modal-title{font-family:RobotoRegular; font-size: 16px; }
button.close {    width: 19px;    height: 19px;    background: url(img/close.png);    opacity: 1;}
.form-horizontal .form-group {    margin-left: 0px;    margin-right: 0px; position: relative;}
.form-group .form-border{height: 32px; width: 1px; background-color: #DBDBDB;position: absolute;left: 80px;z-index: 1; top:3px; }
.form-horizontal .control-label{
    text-align: left;
    padding: 11px;
    border: 1px solid #DCDCDC;
    font-size: 11px;
    font-weight: normal;
    color: #757575;
    background-color: #F5F5F5;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: none;
}
.form-horizontal .control-label-message {
    padding: 0px;
    border: none;
    font-size: 14px;
    background-color: #fff;
}

.form-horizontal .form-group .col-sm-10{padding-left: 0px; padding-right: 0px;}
.form-control{border: 1px solid #DCDCDC;background-color: #F5F5F5;border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-left: none;
              box-shadow: none; height: 40px;padding: 8px 15px; color: #7A7A7A; font-size: 14px;}
textarea.form-control {resize: none;}
.form-control-message {border-left: 1px solid #DCDCDC;}
.form-horizontal p{color: #7A7A7A;}
.has-error {color: #D20069 !important;}
.has-error label {
    color: #a94442 !important;
    border-color: #a94442 !important;
}

/*case*/
.case {background-color: #E6F5FA;}
.content h1{ font-family:"Oranienbaum";font-size: 34px; letter-spacing: 1px; text-transform:none;}
.content h2{font-family:RobotoRegular; font-size: 20px;}
.case p{margin-bottom: 16px;}
.case img{width: 100%; height: auto; text-align: center;}
.case img.small{width: auto;}
.case figcaption {margin: 15px auto 5px;font-style: italic; font-size:14px;}
.case .wp-caption-text {margin: 15px auto 5px;font-style: italic; font-size:14px;}
.case .picbubble{    position: relative;    margin-bottom: 20px;}
.case .bubble{padding: 30px 40px; background-color:RGBA(238, 246, 249, 0.81); position: absolute;}
.case .bubble .line{width: 120px; margin: 30px auto;}
.pin{padding: 30px 40px;border:2px solid #222933;width: 50%;margin: 20px 25%;color: #222933;}
.pin ul{padding-left: 1px;}
.crossout{text-decoration: line-through;}
.case .info{background-color: #242833; padding:1px; }
.case .navigator{
    display: table;
    width: 100%;
    height: 100px;
    color: #242833;
    border: 2px solid #242833;
    text-transform: uppercase;
    font-size: 16px;
    background-color: transparent;
    text-align: center;
}
.case .navigator .navigator-text{display: table-cell; vertical-align: middle;}
.case .navigator:hover{color:#FDEC00;}
.prev .arr-left {width: 22px; height: 102px;background: url(img/arrow_left_black.png) no-repeat;position: absolute;    left:  -5px;    top: 0px;}
.next .arr-right {width: 22px;  height: 102px;background: url(img/arrow_right_black.png) no-repeat;position: absolute;    right:  -5px;    top: 0px;}
.case .navigator.prev{border-left-color: transparent;}
.case .navigator.next{border-right-color: transparent;}
.next_prev{margin: 30px 0;}
.next_prev_min{margin-bottom: 20px; display: block;}
.next_prev_min .navigator{font-size: 12px; padding: 23px 10px;}
.fa{font-size:36px;color:#FFEB09;margin: 0 10px;}
ul.list-inline{padding: 0px;margin-bottom: 11px;}
ul.list-inline li{    background:none;padding: 12px 20px;    list-style: none;display: inline-block;}
.icon{width: 30px; height: 30px;}
.icon-wu{background: url(img/icon_wu.png) no-repeat;}
.icon-tg{background: url(img/icon_tg.png) no-repeat;}
.icon-wu-black{background: url(img/icon1.png) no-repeat;width: 22px; height: 22px;}
.icon-tg-black{background: url(img/icon2.png) no-repeat;width: 24px; height: 21px;}
.bg-white{background-color: #FFFFFF;}
.mt-1{margin-top:10px; }
ul.filtr{text-align: center;}
ul.filtr li{ padding: 8px 15px; background-color: transparent; border-radius: 3px;}
ul.filtr li a{color: #000;}
ul.filtr li:hover{background-color: #CDE6ED;}
ul.filtr li.active{background-color: #CDE6ED;}
.case-list .item{position: relative;}
.case-list .item a.btn{position: absolute; top: 85px; left: 20%;display: none;}
.case-list .item img{height: 200px;}
.case-list .item .title{height: 85px; overflow: hidden;}
.case-list .item .detail{height: 60px; overflow: hidden;}
.case-list .item a .detail{color: #000;}
.case-list .item .px-2{padding: 0 25px 25px;}
.case-list .item a h3{color: #000000;}
.case-list .item:hover a h3{color: #0286E8;}
.case-list .item:hover a.btn{display: block;}
.case-list .item:hover img{opacity:0.5;}
.shadow{box-shadow:0 0.125rem 0.25rem rgba(196,224,235,0.9);}

.pagination {  display: inline-block;  padding-left: 0;  margin: 20px 0;  border-radius: 4px;}
.pagination > li {  display: inline;background: none; padding: 0px;}
.pagination > li > a,.pagination > li > span { color: #000;  background-color: transparent;  border: 1px solid #C1DAE1;  margin-left: 10px;border-radius: 2px;}
.pagination > li:first-child > a,.pagination > li:first-child > span { border-bottom-left-radius: 2px;  border-top-left-radius: 2px;}
.pagination > li:last-child > a,.pagination > li:last-child > span {  border-bottom-right-radius: 2px;  border-top-right-radius: 2px;}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,
.pagination > li > span:focus {  color: #2a6496;  background-color: #C1DAE1;  border-color: #C1DAE1;}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {  z-index: 2;  color: #ffffff;  background-color: #242833;  border-color: #242833;  cursor: default;}
.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus {  display: none;}

footer ul.list-inline{margin-top: 10px;}
footer ul.list-inline li{padding: 0px 0 0px 5px;}
header ul.list-inline{margin-top: 20px; margin-left: 0px; margin-right: 10px;}
header ul.list-inline li{padding:5px;}
header ul.list-inline li:hover{background-color: #FDEC00;}

@media (max-width: 500px) {
    .case img.small{width: 100% !important;}
    .mission-phone{padding:  61px 30px 170px 30px;}   
}
@media (min-width: 500px) {
    header ul.list-inline{float: left;}   
}
@media (max-width: 768px) {     
    .content p{font-size: 16px;}
    .blackbox{display: none; }
    .safety .line{margin: 10px auto;}
    .safety h3{text-align: center;}
    .navbar ul li {    background: #eee; border-bottom: 1px solid #ded6d6;}
    h2.phone{font-size: 20px;}
    .case .bubble{top: 0%;left: 0;}
    .pin{width: 100%;margin: 20px 0px;padding: 20px;}
    .dl-horizontal dd{margin-left: 0px;}
    .case .bubble{position: relative;}
    .hide-on-small{display: none;}
    .carousel-caption{left: 0; right: 0;top:auto;bottom: 0;padding: 20px 10px 30px; }
    .carousel-inner a.h3{font-size: 20px; text-decoration: underline;}
    .form-control {border-left: 1px solid #DCDCDC;}
    .form-horizontal .control-label {
        padding: 0px;
        border: none;
        font-size: 14px;
        background-color: #fff;
    }
}
/* Small devices (tablets, 768px and up) */
@media screen and (min-width: 768px)and (max-width: 992px) {
    .container{width: 100%;}
    .phone{font-size: 18px;}
    .nav{font-size: 12px;}
    a.call-back-button{font-size: 11px;}
    .nav > li > a {padding: 10px 7px;}
    .case .bubble{top: 5%;left: 8%;}
    .next_prev_min .navigator{font-size: 16px; }
    .carousel-caption{left: 20px;    right: 40%;    top: 20px;    bottom: 10%;    padding: 20px 20px 30px; }
    .right .arr{right: 90%;}
}

@media  (max-width: 991px) {
    .penbox{display: none; }
    .next_prev .hide-on-small{display: none;}

}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .carousel-caption {left: 10%; right: 35%;top:10%; bottom: auto; padding: 30px 20px;}
    .case .bubble{        top: 15%;        left: 15%;        width:70%;    }
    .right .arr{right: 100%;}
    .info h2.phone{font-size: 30px;}
    .next_prev_min{display: none;}
    .penbox{margin-top: 70px;}
    .blackbox{ margin-top:97px;}
}

@media  (max-width: 1200px) {
    .triangle-left{display: none;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .carousel-caption {left: 15%;right: 35%;top:15%;bottom: auto;padding: 40px 50px;}
    .case  .carousel-caption {left: 18%; right: 18%;top:25%; bottom: auto;}
    .triangle-down{display: none;}
    .howlist{ width: 680px;    margin-left: 20%;    margin-top: 10%;}
    .penbox{margin-top: 30px;}
    .blackbox{margin-top: 60px;}
    .blacksubg{width: 310px; height: 300px;background: url(img/blacksubg.png) no-repeat;    position: absolute;    right: 0px;}
    .safety{    padding: 20px 100px 20px 10px;}
    .nav{float: right; margin-right: 70px;}
    .case .bubble{        top: 25%;        left: 15%;        width:70%;    }

}