/* font-family: "myriadproregular"; */
@font-face {
    font-family: "myriadproregular";
    src: url("../font/myriadproregular/myriadproregular.eot");
    src: url("../font/myriadproregular/myriadproregular.eot?#iefix")format("embedded-opentype"),
        url("../font/myriadproregular/myriadproregular.woff") format("woff"),
        url("../font/myriadproregular/myriadproregular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "myriadprobold"; */
@font-face {
    font-family: "myriadprobold";
    src: url("../font/myriadprobold/myriadprobold.eot");
    src: url("../font/myriadprobold/myriadprobold.eot?#iefix")format("embedded-opentype"),
        url("../font/myriadprobold/myriadprobold.woff") format("woff"),
        url("../font/myriadprobold/myriadprobold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "myriadproitalic"; */
@font-face {
    font-family: "myriadproitalic";
    src: url("../font/myriadproitalic/myriadproitalic.eot");
    src: url("../font/myriadproitalic/myriadproitalic.eot?#iefix")format("embedded-opentype"),
        url("../font/myriadproitalic/myriadproitalic.woff") format("woff"),
        url("../font/myriadproitalic/myriadproitalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "myriadprosemibold"; */
@font-face {
    font-family: "myriadprosemibold";
    src: url("../font/myriadprosemibold/myriadprosemibold.eot");
    src: url("../font/myriadprosemibold/myriadprosemibold.eot?#iefix")format("embedded-opentype"),
        url("../font/myriadprosemibold/myriadprosemibold.woff") format("woff"),
        url("../font/myriadprosemibold/myriadprosemibold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "myriadprobolditalic"; */
@font-face {
    font-family: "myriadprobolditalic";
    src: url("../font/myriadprobolditalic/myriadprobolditalic.eot");
    src: url("../font/myriadprobolditalic/myriadprobolditalic.eot?#iefix")format("embedded-opentype"),
        url("../font/myriadprobolditalic/myriadprobolditalic.woff") format("woff"),
        url("../font/myriadprobolditalic/myriadprobolditalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "myriadprosemibolditalic"; */
@font-face {
    font-family: "myriadprosemibolditalic";
    src: url("../font/myriadprosemibolditalic/myriadprosemibolditalic.eot");
    src: url("../font/myriadprosemibolditalic/myriadprosemibolditalic.eot?#iefix")format("embedded-opentype"),
        url("../font/myriadprosemibolditalic/myriadprosemibolditalic.woff") format("woff"),
        url("../font/myriadprosemibolditalic/myriadprosemibolditalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

body{
    font-family: "myriadproregular";
}
.hidden{
    opacity: 0;
}
.visible{
    opacity: 1;
}
.padding{
    padding-top: 0px;
    padding-bottom: 50px;
}
.forsrch {
    position: relative;
}
.blockSrch {
    position: absolute;
    top:20px;
    right:15px;
    width:250px;
}
.input-group-addon {
    border-radius: 0px;
    cursor: pointer;
}
.pad-top-20{
    padding-top: 20px;
}
.no-pad{
    padding: 0px;
}
.sub-heading{
    margin-bottom: 30px;
    color: #337ab7;
    text-transform: uppercase;
}
a {
    color: #35a;
}
h2{
    font-family: "myriadprosemibold";
    color:  #35a;
    position: relative;
}
h2.proj {
    margin-top:0px;
    margin-bottom: 25px;
}

/*Index*/
/*top*/
.top-panel{
    display: block;
    position: relative;
}
.logo-text h1{
    color:#fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.logo-text h2{
    color:#ccc;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.floating {
    background-color: #333;
    width: 100%;
    /*    margin-bottom: 10px;*/
}
.fixed1 {
    position: fixed;
    top: 0px; /*здесь указываем отступ сверху*/
    z-index: 9999; /*устанавливаем блок поверх всех элементов на странице*/
}
/*navigation*/
.contacts{
    list-style-type: none;
    margin-top: 20px;
    margin-bottom:20px;
    color: #fff;
    padding-left: 15px;
}
.contacts li{
    margin-bottom: 5px;
    font-size: 18px;
}
.contacts i{
    color: #fe0;
    margin: 0px;
}
.language, .social{
    padding-left: 0px;
}
.language li{
    padding-left: 0px;
    list-style-type: none;
    display: inline-block;
}
.language li a{
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 5px;
}
.language li a:hover{
    color: #fe0;
    transition: 0.9s;
    text-decoration: none;
}
.social li{
    padding-left: 0px;
    list-style-type: none;
    display: inline-block;
}
.social li a{
    margin-top: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 5px;
    color: #fff;
    font-size: 50px;
}
.social li a:hover{
    color: #fe0;
    transition: 0.9s;
    text-decoration: none;
}
.logo{
    margin-top: 20px;
}
.navbar {
    margin-bottom: 0px;
}
.navbar-nav {
    height: 51px;
    /* margin-left: 20%; */
}
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover {
    color: #0ae;
    transition: 0.9s;
}
.navbar-inverse {
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: 0px 20px 18px -13px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 20px 18px -13px rgba(0,0,0,0.3);
    box-shadow: 0px 20px 18px -13px rgba(0,0,0,0.3);
}
.navbar-inverse .navbar-toggle,  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color: #49d;
    border-radius: 0px;
    color: #fff;
}
.navbar-inverse {
    background-color: #35a;
    border-color: #35a;
}
.clear{
    clear:both;
}
/*footer*/
.backgr{
    background-image: url(../images/background.jpg);
    background-size: cover;
}
footer p{
    margin-left: 15px;
}
.capt{
    color: #fff;
    font-size: 18px;
    padding-left: 15px;
}
footer .yashare-auto-init{
    margin-left: 15px;
}
/*slider*/
.slider-row {
 /*   margin-top:-10px;*/
}
.bxslider{
    padding: 0px;
}
.bxslider li{
    position: relative;
}
.round-sl{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(255,255,255,0.3);
}
.round-sl h3{
    margin-top: 10%;
    font-family: "myriadprosemibold";
    color: #35a;
    text-transform: uppercase;
    font-size: 32px;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);
}
.round-sl p{
    color: #000;
    text-transform: uppercase;
    font-size: 24px;
}
.bx-pager-item{
    display: inline-block;
}
.bx-pager-item a{
    color:#fff;
    padding: 15px 20px;
}
.bx-pager-item a:hover{
    text-decoration: none;
}
.bx-has-pager{
    display: none;
    position: absolute;
    top: 60%;
    right: 5%;
}
.bx-wrapper{
    position: relative;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #337ab7;
    text-decoration: none;
    color: #fff;
}
.bx-wrapper .bx-pager.bx-default-pager a.active:hover {
    text-decoration: none;
}
#myModalLabel{
    color: #337ab7;
}
.form-group label{
    color: #eee;
} 
.modal-content{
    background-color: #333;
    border-radius: 0px;
}
.btn-default, .btn-primary, .btn, textarea.form-control, input.form-control{
    border-radius: 0px;
}
/*about*/
.carousel-control{
    vertical-align: central;
}
/*news*/
.img-news{
    margin: 0px auto;
}
.pad-bot-50{
    padding-bottom: 50px;
}
.caption{
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 50%;
    z-index: 1000;
    background-color: rgba(0, 170, 238, 0.5);
    overflow-wrap: break-word;
    border: 1px solid #ddd;
}
.gallery-photo{
    border-radius: 0px;
    padding: 0px;
    margin-bottom: 0px;
}
.gallery-photo:hover .caption{
    top: 0%;
    left: 0px;
    transition:  1s;
    height: 100%;
    border: 1px solid #35a;
    transition: 0.4s;
}
.gallery-photo:hover {
    border: 1px solid #35a;
    transition: 0.9s;
}
.caption h4{
    color: #fff;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
}
.caption p{
    color: #fff;
}
.btn-caption{
    position: absolute;
    z-index: 1001;
    bottom: 5%;
    left: 30%;
    border-radius: 0px;
    display: none;
    text-transform: uppercase;
}
.btn-caption:hover{
    background-color: #fe0;
}
.gallery-photo:hover .btn-caption{
    transition:  0.6s;
    display: inline;
}
.hidden-text p{
    color: transparent;
}
.gallery-photo:hover .hidden-text p{
    color:#fff;
    transition:  1s;
}
.mg-20{
    margin-top: 20px;
    margin-bottom: 20px;
}
hr{
    display: inline-block;
    width: 100%;
}
.img-logo{
    width: 30%;
    margin: 0px auto;
    margin-bottom: 20px;
}
/*contacts*/
.cont-page{
    list-style-type: none;
    margin-top: 20px;
    margin-bottom:20px;
    padding-left: 15px;
}
.cont-page li{
    margin-bottom: 5px;
    font-size: 18px;
}
.cont-page i{
    color: #35a;
    margin: 0px;
}
.btn-send{
    border-radius: 0px;
    width: 100%;
}
.form-group input, .form-group textarea{
    border-radius: 0px;
}
iframe, .img-photo{
    border: 0px;
    width: 100%;
    height: 300px;
}

textarea.form-control {
    height: 85px;
}

.modal-body {
    color: #FFF;
}
.modal-header {
    color: #FFF;
}
/*project*/
.proj-list{
    list-style-type: none; 
    padding-left: 0px;
    width: 100%;
}
.proj-list li{
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
    border: 1px solid #35a;
}
.navbar-default .navbar-nav > li > a {
    text-transform: uppercase;
    font-size: 20px;
    padding: 15px;
    color: #35a; 
}
.navbar-default .navbar-nav > li:hover a{
    color: #0ae;
    text-decoration: none;
    transition: 0.7s;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff;
}
.navbar-default .navbar-toggle {
    background-color: #fff;
    border-radius: 0px;
    border-color: #000;
    margin: 0px;
}
.proj-list li:hover{
    border: 1px solid #0ae;
    transition: 0.7s;
}
.navbar-default {
    background-color: transparent; 
    border-color: transparent;
}
/*project-det*/
.blog-post{
    border-bottom:1px solid #ddd;
    padding-bottom: 15px;
}
.blog-post h2{
    margin-top: 0px;
}
.back{
    cursor: pointer;
}
.back:hover{
    text-decoration: underline;
}
.all{
    font-style: italic;
}
.right-n{
    padding-right: 0px;
}
h2 a:hover {
    text-decoration: none;
}
.input-group-btn .btn-primary {
    background: #3355aa;
}