body,html{
height: 100%;
padding: 0;
margin: 0;
font-family:'Raleway medium';
color:#363636;
}
*{
box-sizing: border-box;
}
a{
text-decoration: none;
}
img{
max-width: 100%;
width: auto;
}
.wrapper{
/*max-width: 1920px;*/
width: 100%;
}
.wrapper .header,.wrapper .content,.wrapper .footer{
width: 100%;
}
.header-hide-menu{
display: none;
}
.inner-wrapper{
min-width: 1420px;
width: 1420px;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.up-header{
color:#818181;
font-size: 15px;
height: 52px;
width: 100%;
overflow: hidden;
border-bottom: 1px solid #818181;
line-height: 52px;
font-family: "Raleway Medium";
}
.up-header .left{
float: left;
}
.up-header .left img{
margin: 0 10px;
}
.up-header .right{
float: right;
}
.up-header .right .img,.hide-menu li .img{
margin-right: 5px;
display: inline-block;
padding: 3px 3px 0 0;
}
.up-header .left .img:first-child img{
margin-left: 0;
}
.up-header .left .img{
padding: 4px 0 0 0;
vertical-align: middle;
display: inline-block;
line-height: 1;
}
.up-header a.img img:nth-child(2),.up-header a.img:hover img:nth-child(1){
display: inline-block;
}
.up-header a.img img:nth-child(1),.up-header a.img:hover img:nth-child(2){
display:none;
}
.up-header .right .button-donate{
width: 220px;
height: 100%;
background:#112b50;
text-align: center;
display: inline-block;
vertical-align:top;
margin-left: 10px;
}
.up-header .right .button-donate a{
color:white;
font-family: "Raleway Bold";
font-size: 16px;
display: block;
width: 100%;
}
.header-menu{
height: 96px;
line-height: 96px;
}
.header-menu .logo{
float: left;
height: 95px;
display: table;
line-height: 1;
}
.header-menu .logo a{
vertical-align: middle;
display: table-cell;
}
.header-menu .search{
float: right;
margin-left: 20px;
width: 200px;
}
.header-menu .search input{
width: 85%;
display: inline-block;
border: 0;
}
.header-menu .search label{
background: transparent;
border: 0;
cursor: pointer;
padding: 0;
display: inline-block;
}
.header-menu .search label img{
/*height: 1vw;*/
}
.header-menu .menu{
display: inline-block;
float: right;
height: 95px;
}
.header-menu .menu ul{
padding: 0;
margin: 0;
font-size: 0;
}
.header-menu .menu ul li{
display: inline-block;
font-size: 15px;
}
.header-menu .menu ul li a{
display: block;
height: 100%;
cursor:pointer;
font-family: "Raleway Medium";
color:#363636;
padding: 0 20px;
}
.header-menu ul.menu>li>a{
text-transform: uppercase;
}
.inner-wrapper.overflow-visible{
overflow: visible;
}
.header-menu .menu li.for-sub-menu{
position: relative;
}
.header-menu .menu li.for-sub-menu ul{
position: absolute;
z-index: 100;
top:100%;
left:0;
background: #fff;
display: none;
box-shadow: 0px 1px 2px 1px rgba(224,224,224,0.5);
}
.header-menu .menu li.for-sub-menu ul li{
display: block;
list-style-type: none;
margin: 0;
border-left:1px solid #e9e9e9;
border-right:1px solid #e9e9e9;
border-bottom:1px solid #e9e9e9;
}
.header-menu .menu li.for-sub-menu ul li a{
font-size: 15px;
padding: 10px 20px;
width: 200px;
line-height: 3;
color:#489bc9;
}
.header-menu .menu li.for-sub-menu:hover ul,.header-menu .menu li.for-sub-menu ul:hover{
display: block;
}
.header-menu .menu li:hover>a,.header-menu .menu li.for-sub-menu ul li:hover a{
background: #60aed5;
color:#fff;
}
.header-menu .menu li.for-sub-menu ul li:hover{
border-left:1px solid #60aed5;
border-right:1px solid #60aed5;
border-bottom:1px solid #e9e9e9;
}
.under-slider{
background:#112b50;
width: 100%;
height: 108px;
color: white;
padding: 28px 0 30px;
font-size: 18px;
}
.under-slider .under-slider-form{
text-align: center;
}
.under-slider .under-slider-form div.wpcf7{
display: inline-block;
}
.under-slider .under-slider-form div.wpcf7 p{
margin: 0
}
.under-slider .under-slider-form div.wpcf7 br{
display: none;
}
.under-slider .under-slider-form span.wpcf7-not-valid-tip{
background: #489ac9 none repeat scroll 0 0;
color: #fff;
font-size: 1.1em;
left: 20px;
padding:10px 5px;
position: absolute;
top: -90px;
width: 290px;
z-index: 60;
}
.under-slider div.wpcf7-validation-errors{
border:2px solid red;
}
.under-slider .under-slider-form .ajax-loader,.mailing-form div.wpcf7 img.ajax-loader{
width: 3%;
position: absolute;
}
.mailing-form div.wpcf7-response-output{
color: #fff;
}
.under-slider .under-slider-form .wpcf7-response-output{
position: absolute;
color:black;
}
.under-slider .under-slider-form .text{
margin: 0 40px 0 0;
font-family: "Raleway Bold";
}
.under-slider .under-slider-form .text .img{
vertical-align: middle;
display: inline-block;
margin-right: 15px;
}
.under-slider .under-slider-form input[type="text"],.under-slider .under-slider-form input[type="email"]{
width: 295px;
height: 52px;
margin-left: 20px;
padding-left: 10px;
font-size: 16px;
border: 1px solid;
}
.under-slider .under-slider-form input[type="submit"]{
background: #489bc9;
font-size: 16px;
border: none;
height: 52px;
vertical-align: top;
width: 197px;
color: #fff;
margin-left: 50px;
text-transform: uppercase;
cursor: pointer;
font-family: "Raleway Bold";
}
.slider .points{
position: absolute;
bottom: 5%;
left: 47.5%;
z-index: 100;
padding: 0;
margin: 0;
}
.slider .points .point{
display: inline-block;
width: 20px;
background: #999;
height: 20px;
border-radius: 50%;
margin-right: 10px;
opacity: 0.7;
}
.slider .points .point.active{
background: #fff;
opacity: 1;
}
.slider{
height: 690px;
width: 100%;
overflow: hidden;
}
.slider .bx-wrapper,.slider .bx-wrapper .bx-viewport .hero-slider,.slider .bx-wrapper .bx-viewport .hero-slider li{
height: 100%;
}
.slider .bx-wrapper .bx-viewport{
height: 100% !important;
}
.hero {
position: relative;
}
.hero-slider {
list-style-type: none;
margin: 0;
padding: 0;
}
.hero-slider li {
background: #000;
background-size: cover;
background-position: center center;
width: 100%;
box-sizing: border-box;
}
.slider .slider-panel{
position: absolute;
z-index: 55;
width: 700px;
height: 250px;
text-align: center;
top: calc(50% - 135px);
left: calc(50% - 350px);
}
.slider .slider-title{
font-family: "Raleway Bold";
color:#fff;
font-size: 55px;
margin-bottom: 15px;
}
.slider .slider-text{
font-family: "Raleway Regular";
color:#fff;
font-size: 18px;
margin-bottom: 25px;
line-height: 1.5;
}
.slider .slider-button a{
font-family: "Raleway Bold";
color:#fff;
font-size: 16px;
background:#489bc9;
text-transform: uppercase;
width: 295px;
height: 65px;
display: inline-block;
text-align: center;
line-height: 65px;
}
.content .gray-block{
background: #ebebeb;
text-align: center;
padding: 95px 0 100px;
}
.gray-block .gray-blocks{
font-size: 0;
}
.gray-title{
font-family: "Raleway Bold";
font-size: 30px;
color:#363636;
margin: 0 0 40px 0;
}
.gray-text{
font-family: "Raleway Regular";
font-size: 18px;
color:#363636;
margin: 0 auto 45px;
width: 995px;
line-height: 1.5;
}
.gray-button{
width: 340px;
height: 64px;
background: #489ac9;
display: inline-block;
line-height: 64px;
text-align: center;
margin-right: 20px;
}
.gray-button:last-child{
margin-right: 0;
}
.gray-button a{
display: inline-block;
width: 100%;
height: 100%;
font-size:16px;
text-transform: uppercase;
color: #fff;
font-family: "Raleway Bold";
}
.footer .footer-up{
width: 100%;
background: url("../img/footer-fon.jpg") no-repeat;
background-size:cover;
/*padding: 4.9vw 22vw 3.9vw 12.7vw;*/
padding: 100px 0 80px;
overflow: hidden;
}
.footer-down{
background: #05121d;
color:#fff;
font-size: 15px;
text-align: center;
height: 70px;
line-height: 70px;
font-family: "Raleway Regular";
}
.quick-link-block{
float: left;
width: 460px;/*470px*/
}
.quick-link-block .title,.contact .title{
font-size: 25px;
text-transform: uppercase;
color:#489bc9;
margin-bottom:50px;
font-family: "Raleway Bold";
}
.quick-link-block .block{
font-size: 0;
}
.quick-link-block .block a{
font-size: 15px;
color: #fff;
padding: 10px;
background: #1d3952;
cursor: pointer;
display: inline-block;
margin: 3px 2px;
font-family: "Raleway Regular";
}
.footer .contact{
width: 460px;
float: right;
}
.footer .contact .text{
color: #fff;
margin-bottom:30px;
font-size: 15px;
font-family: "Raleway Regular";
}
.footer .contact .text span{
font-family: "Raleway Bold";
}
.footer .contact .contact-image .img,.content .social .icon{
display: inline-block;
height: 20px;
width: 25px;
}
.footer .contact .contact-image .img.fb,.content .social .icon.fb{
background: url("../img/fb-bl.png") no-repeat center center;
}
.footer .contact .contact-image .img.tw,.content .social .icon.tw{
background: url("../img/tw-bl.png") no-repeat center center;
}
.footer .contact .contact-image .img.in,.content .social .icon.in{
background: url("../img/linkedin-bl.png") no-repeat center center;
}
.footer .contact .contact-image .img.g,.content .social .icon.g{
background: url("../img/logo-google-plus-blue.png") no-repeat center center;
}
.content{
background: #fff;
}
.content .what-we-do{
padding: 95px 0 100px;
}
.content .what-we-do .inner-wrapper{
height: auto;
}
.content .what-we-do .title{
font-size: 30px;
text-align: center;
font-family: "Raleway Bold";
margin-bottom: 95px;
}
.content .what-we-do .blocks{
font-size: 0;
}
.what-we-do .left-block,.what-we-do .center-block,.what-we-do .right-block{
color:#fff;
font-size: 18px;
width: 32.3%;
margin-left: 22px;
padding: 90px 35px 0;
height: 345px;
text-align: center;
position: relative;
display: inline-block;
vertical-align: top;
}
.what-we-do .left-block .image,.what-we-do .center-block .image,.what-we-do .right-block .image{
background: #fff;
width: 27%;
border-radius: 50%;
position: absolute;
top: -17%;
left: 36%;
height: 120px;
line-height: 160px;
}
.what-we-do .blocks .title-text{
font-size: 25px;
margin: 0 0 20px;
font-family: "Raleway Bold";
}
.what-we-do .blocks .text{
line-height: 1.5;
font-family: "Raleway Regular";
}
.what-we-do .left-block{
background: #489bc9;
margin: 0;
}
.what-we-do .left-block .image{
border: 3px solid #489bc9;
}
.what-we-do .center-block{
background: #295792;
}
.what-we-do .center-block .image{
border: 3px solid #295792;
}
.what-we-do .right-block{
background: #112b50;
}
.what-we-do .right-block .image{
border: 3px solid #112b50;
}
.investigations{
background: #ebebeb;
position: relative;
padding: 95px 0 100px;
overflow: hidden;
}
.investigations .title{
font-size: 30px;
text-align: center;
font-family: "Raleway Bold";
margin-bottom: 45px;
}
.investigations .blocks{
font-size: 0;
height: 264px;
}
.investigations .arrow{
position: absolute;
width: 160px;
height: 230px;
top:15px;
cursor: pointer;
}
.investigations .arrow:hover{
/*background-color: rgba(75,75,75,0.4)*/
}
.investigations .arrow-left{
left: -155px;
background: url('../img/arrow-left.png') no-repeat 75% 50%;
}
.investigations .arrow-right{
right: -155px;
background: url('../img/arrow-right.png') no-repeat 25% 50%;
}
.investigations .blocks .wrap{
position: relative;
left: 0;
top: 0;
width: 10000000px;
height: 100%;
}
.investigations .blocks .block{
width: 284px;
display: inline-block;
position: relative;
}
.investigations .blocks .block{
background: url("../img/photo.png") no-repeat center center #112b50;
height: 100%;
}
.investigations .blocks .block .fon{
height: 100%;
}
.investigations .blocks .block .fon div{
height: 100%;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
background-position: center;
}
.investigations .blocks .block .description{
position: absolute;
top:0;
left:0;
font-size: 18px;
background: #489bc9;
width: 100%;
height: 100%;
text-align: center;
display: none;
}
.investigations .blocks .block:hover .description{
display: table;
}
.investigations .blocks .block .description>div{
display: table-cell;
vertical-align: middle;
/*height: 14vw;*/
}
.blocks .block .description .text{
color:#fff;
font-family: "Raleway Regular";
padding: 0 20px;
line-height: 1.5;
}
.blocks .block .description .link{
margin-top: 45px;
font-family: "Raleway Bold";
color:#16365b;
}
.blocks .block .description .link a{
color:#112b50;
}
.read-us-on{
background: #489bc9;
height: 110px;
line-height: 110px;
font-family: "Raleway Bold";
text-align: center;
}
.read-us-on .text{
color:#fff;
font-size: 18px;
margin-right: 45px;
}
.read-us-on .text img{
margin-right: 20px;
vertical-align: middle;
}
.read-us-on .link{
margin-right: 30px;
}
.read-us-on .link a{
font-size:16px;
color: #fff;
border: 2px solid #fff;
padding: 15px 45px;
}
/*two ------------------------*/
.content .content-title{
height: 170px;
display: table;
position: relative;
width: 100%;
}
.content .content-title img{
height: 100%;
position: absolute;
width: 100%;
}
.content .content-title span{
font-family: "Raleway Regular";
font-size: 35px;
color: #fff;
display: table-cell;
z-index: 2;
vertical-align: middle;
position: relative;
width: 88%;
}
.content .views{
overflow: hidden;
float: left;
width: 70%;
}
/*fullv*/
.content .full-view,.content .full-def-page .views{
padding-bottom: 100px;
}
.content .full-view .views{
width: 65%;
/*margin-top:155px; */
margin-top: 0;
}
.content .full-view.margin-small .views{
margin: 60px 0 0;
}
.content .full-view .views .view{
margin-top: 42px;
}
.content .views .view{
margin-top: 95px;
}
.views .view .data{
font-family: "Raleway SemiBold";
color:#636363;
font-size:15px;
text-transform: uppercase;
}
.views .view .title,.views .view .title a{
font-size: 24px;
color: #243c4f;
font-family: "Raleway Bold";
padding: 10px 0 20px;
}
.views .view .title{
border-bottom: 2px solid #f3f6f9;
}
.views .view .tags,.views .view .text{
margin: 28px 0;
line-height: 1.6;
}
.views .view .user{
/*width: 9.5vw;*/
display: inline-block;
margin-right: 10px;
}
.views .view .user-icon{
display: flex;
align-items: center;
float: left;
width: 45px;
height: 45px;
margin: 0 5px 0 0;
}
.views .view .user-icon img{
height: auto;
}
.view .user-info .user-name{
font-size: 16px;
font-family: "Raleway Bold";
}
.view .user-info .user-group{
font-size: 13px;
font-family: "Raleway Regular";
text-transform: uppercase;
}
.views .view .user-info{
/*display: inline-block;*/
/*vertical-align: middle;*/
float: left;
}
.views .view .tag{
font-family: "Raleway Regular";
font-size: 13px;
background: #f3f3f3;
color: #7c7c7c;
padding: 10px;
display: inline-block;
vertical-align: top;
margin-right:5px;
}
.views .view .img{
width: 100%;
height: 320px;
overflow: hidden;
position: relative;
}
.views .view .img img{
position: absolute;
top: -35%;
left: 0;
max-width: inherit;
min-width: 100%;
height:auto;
}
.views .view .text{
font-family: "Raleway Regular";
font-size: 16px;
color: #7c7c7c;
}
.views .view .link{
font-family: "Raleway Bold";
color: #fff;
font-size: 14px;
background: #489bc9;
text-transform: uppercase;
width: 220px;
height: 50px;
display: inline-block;
text-align: center;
line-height: 50px;
}
.views .view a{
color:#000;
font-size: 15px;
font-family: "Raleway Bold";
}
.content .mailing-form{
margin: 95px 0 0 2%;
width: 28%;
float: right;
background: #112b50;
padding: 65px 80px;
}
.content .full-view .mailing-form{
width: 33%;
margin-top: 28px;
}
.content .mailing-form form{
margin: 0;
}
.mailing-form br{
display: none;
}
.mailing-form p{
margin: 0;
}
.mailing-form .text{
color:#fff;
font-family: "Raleway Bold";
font-size: 18px;
text-align: center;
margin: 15px 0 45px;
}
.mailing-form .img{
margin: 0 auto 10px;
width: 9%;
}
.mailing-form input[type="text"],.mailing-form input[type="email"]{
margin: 20px auto 0;
display: block;
width: 100%;
padding-left: 10px;
font-size: 14px;
height: 50px;
line-height: 50px;
border-radius:0;
border:0;
}
.mailing-form input[type="submit"]{
background: #489bc9;
font-size: 15px;
margin-top: 50px;
border: none;
height: 64px;
color: #fff;
width: 100%;
text-transform: uppercase;
cursor: pointer;
font-family: "Raleway Bold";
}
.content .navigation{
clear: both;
padding: 70px 0 100px;
}
.content .navigation>span{
border-bottom: 1px solid #eff3f6;
border-top:1px solid #eff3f6;
}
.content .navigation a,.content .navigation span{
font-size: 16px;
font-family: "Raleway Bold";
color: #636363;
display: inline-block;
padding: 10px;
}
.content .navigation a.none{
display: none;
}
.content .navigation ul{
list-style-type: none;
margin: 0;
padding: 0;
display: inline-block;
}
.navigation ul li{
display: inline-block;
}
.navigation>span>a:hover,.navigation li.active a,.navigation li:hover a{
color:#c0c0c0;
}
/*-------------three-------------*/
.content .latest{
margin: 120px 0 0 2%;
width: 33%;
float: left;
background:#489bc9;
color:#fff;
font-family: "Raleway Bold";
font-size: 20px;
padding: 50px 75px 50px 50px;
}
.content .ads-before-latest + .latest{
margin: 30px 0 0 2%;
}
.content .latest .title{
font-family: "Raleway Regular";
font-size: 35px;
margin-top: 0;
}
.content .latest a{
color:#fff;
display: block;
margin: 27px 0;
}
.content .info-link{
margin-top: 42px;
/*position: absolute;*/
}
.content .info-link .navigation-link {
font-size: 15px;
font-family: "Raleway Bold";
text-transform: uppercase;
margin-bottom: 55px;
}
.content .info-link .navigation-link a,.content .info-link .link-material span{
color:#123b5b;
}
.content .info-link .navigation-link a:last-child{
color:#8a8a8a;
font-family: "Raleway SemiBold";
}
.content .info-link .link-material{
border:1px solid #79b6d7;
border-radius:2%;
padding: 10px;
font-size: 13px;
font-family: "Raleway Bold";
display: inline-block;
}
.content .info-link .link-material span.blue{
color:#79b6d7;
font-family: "Raleway Regular";
}
.content .social{
float: right;
}
.record .small-hide-link{
display: none;
}
.content .record h3,h1,h2{
margin: 45px 0 24px;
font-size:24px;
font-family:"Raleway Bold";
color:black;
}
.content .record{
font-family: "Raleway Regular";
color: rgb(124, 124, 124);
font-size:16px;
}
.content .award-data{
font-size: 15px;
font-family:"Raleway Medium";
}
.content .view .award .box{
font-size:13px;
font-family: "Raleway Bold";
color: #123b5b;
border:1px solid #489bc9;
padding:10px;
}
.content .view .award .row .text{
margin: 0;
}
.content .view .award .row h1{
margin:45px 0 25px;
}
.content .view .award h1{
font-size:24px;
font-family: "Raleway Bold";
color: #112b50;
margin:45px 0 35px;
}
.content .view .award .award-list{
border-top:1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
padding:0 30px 0;
width: 100%;
}
.content .view .award .award-list tr{
font-size: 16px;
font-family: "Raleway SemiBold";
}
.content .view .award .award-list tr td{
padding:30px 0;
border-bottom: 1px dashed #d7d7d7;
}
.content .view .award .award-list tr td:first-child{
color:#489bc9;
text-transform: uppercase;
}
.content .view .award .award-list tr td:first-child a{
color: #112b50;
}
.content .view .award .award-list tr td:last-child{
color:#636363;
text-align: right;
}
.content .view .award .award-list tr:last-child td{
border:0;
}
.content .view .award .award-footer{
font-style:italic;
margin:50px 0 100px;
}
.content .full-view .views .view p{
margin: 30px 0 0;
}
.content .form-cs{
width: 100%;
}
.content .form-cs br{
display:none;
}
.form-cs input[type="checkbox"]{
margin:0;
vertical-align: middle;
}
.form-cs label span{
vertical-align: middle;
}
.form-cs input[type="text"],.form-cs input[type="email"],.form-cs textarea{
margin: 20px 0 0;
display: block;
width: 300px;
padding-left: 10px;
font-size: 14px;
height: 50px;
line-height: 50px;
border-radius: 0;
border: 2px solid #79b6d7;
}
.form-cs textarea{
height: 150px;
line-height: 1.4;
margin-bottom: 25px;
padding-top: 10px;
}
.form-cs input[type="submit"],#btnPrint{
background: #489bc9;
font-size: 15px;
margin-top: 50px;
border: none;
height: 64px;
color: #fff;
width: 20%;
text-transform: uppercase;
cursor: pointer;
font-family: "Raleway Bold";
}
.form-cs div.wpcf7-response-output,.form-cs span.wpcf7-list-item{
margin-left: 0
}
.modal{
width: 100%;
height: 100%;
position:fixed;
top:0;
left: 0;
display: none;
z-index: 100;
background-color: rgba(0,0,0,0.7);
}
.modal.in{
overflow-y: auto;
}
.modal .modal-dialog{
background: #FBF9F9;
width: 60%;
min-height: 90%;
height: auto;
margin: 2% 20% 2%;
padding: 20px 5%;
position: relative;
top:-400px;
opacity: 0;
transition: all 1s ease;
}
.modal.in .modal-dialog{
opacity: 1;
transform: translate(0,400px);
}
.modal .modal-dialog .modal-header .close{
background: transparent;
border: 0;
color: red;
font-size: 24px;
position: absolute;
right: 20px;
top: 20px;
cursor: pointer;
}
body.modal-open{
overflow-y: hidden;
}
.form-cs .ajax-loader{
width: 3%;
position: absolute;
}
/*New style css for ads.*/
.ads{
margin:0 auto;
/*display: block!important;
background: #ccc;*/
}
.ads-728{
margin-top:95px;
}
.ads-300{
margin-top:30px;
}
.content .views .view + .ads-300{
margin-top: 40px;
}
.ads-before-latest{
float: left;
width: 33%;
margin:95px 0 0 2%;
}
@media screen and (max-width:1569px) and (min-width: 1024px){
.content .views .view + .ads-300{
margin-top: 5vw;
}
.ads-728,.ads-before-latest{
margin-top:4.9vw;
}
.inner-wrapper{
min-width: 768px;
width: 75vw;
margin: 0 auto;
}
.up-header{
font-size: 0.9vw;
height: 2.9vw;
line-height: 2.9vw;
}
.up-header .left img{
margin: 0 5px;
}
.up-header .right .img,.hide-menu li .img{
margin-right: 5px;
padding: 0.2vw 0.2vw 0 0;
}
.up-header .img img{
height: 0.9vw;
}
.up-header .right .button-donate{
width: 11.8vw;
}
.up-header .right .button-donate a{
font-size: 0.88vw;
}
.header-menu{
height: 5vw;
line-height: 5vw;
}
.header-menu .logo{
height: 5vw;
line-height: 1;
width: 10vw;
}
.header-menu .logo a{
vertical-align: middle;
display: table-cell;
}
.header-menu .search{
float: right;
margin-left: 1.9vw;
width: 11vw;
}
.header-menu .search input{
width: 85%;
display: inline-block;
border: 0;
}
.header-menu .search label{
width: 10%;
background: transparent;
border: 0;
cursor: pointer;
padding: 0;
display: inline-block;
}
.header-menu .search label img{
height: 1vw;
}
.header-menu .menu{
display: inline-block;
float: right;
height: 5vw;
}
.header-menu .menu ul{
padding: 0;
margin: 0;
font-size: 0;
}
.header-menu .menu ul li{
display: inline-block;
font-size: 0.8vw;
}
.header-menu .menu ul li a{
display: block;
height: 100%;
cursor:pointer;
font-family: "Raleway Medium";
color:#363636;
padding: 0 1vw;
}
.inner-wrapper.overflow-visible{
overflow: visible;
}
.header-menu .menu li.for-sub-menu{
position: relative;
}
.header-menu .menu li.for-sub-menu ul{
position: absolute;
z-index: 100;
top:100%;
left:0;
background: #fff;
display: none;
border:1px solid #e9e9e9;
}
.header-menu .menu li.for-sub-menu ul li{
display: block;
list-style-type: none;
margin: 0;
border-top:1px solid #e9e9e9;
}
.header-menu .menu li.for-sub-menu ul li a{
font-size: 0.8vw;
padding: 0.5vw 1vw;
width: 12.5vw;
line-height: 3;
}
.header-menu .menu li.for-sub-menu:hover ul,.header-menu .menu li.for-sub-menu ul:hover{
display: block;
}
.header-menu .menu li:hover>a,.header-menu .menu li.for-sub-menu ul li:hover a{
background: #60aed5;
color:#fff;
}
.under-slider{
background:#112b50;
width: 100%;
height: 5.75vw;/*108px*/
color: white;
padding: 1.35vw 0 1.4vw;
font-size: 1vw;
}
.under-slider .under-slider-form{
text-align: center;
}
.under-slider .under-slider-form div.wpcf7{
display: inline-block;
}
.under-slider .under-slider-form div.wpcf7 p{
margin: 0
}
.under-slider .under-slider-form div.wpcf7 br{
display: none;
}
.under-slider .under-slider-form span.wpcf7-not-valid-tip{
font-size: 1.2em;
top: -6vw;
width: 17vw;
left: 1.6vw;
padding: 1vw 0.6vw;
}
.under-slider .under-slider-form .ajax-loader,.mailing-form div.wpcf7 img.ajax-loader,.form-cs .ajax-loader{
width: 3%;
position: absolute;
}
.mailing-form div.wpcf7-response-output{
color: #fff;
}
.under-slider .under-slider-form .wpcf7-response-output{
position: absolute;
color:black;
}
.under-slider .under-slider-form .text{
/*margin: 0 50px 0 0;*/
font-family: "Raleway Bold";
}
.under-slider .under-slider-form .text .img{
width: 1%;
display: inline-block;
margin-right: 5px;
}
.under-slider .under-slider-form input[type="text"],.under-slider .under-slider-form input[type="email"]{
width: 17vw;
height: 3.1vw;
margin-left: 20px;
padding-left: 10px;
font-size: 0.85vw;
}
.under-slider .under-slider-form input[type="submit"]{
background: #489bc9;
font-size: 0.9vw;
border: none;
height: 3vw;
vertical-align: top;
width: 11.5vw;
color: #fff;
margin-left: 50px;
text-transform: uppercase;
cursor: pointer;
font-family: "Raleway Bold";
}
.slider{
height: 36.1vw;
width: 100%;
overflow: hidden;
}
.slider .bx-wrapper,.slider .bx-wrapper .bx-viewport .hero-slider,.slider .bx-wrapper .bx-viewport .hero-slider li{
height: 100%;
}
.slider .bx-wrapper .bx-viewport{
height: 100% !important;
}
.hero {
position: relative;
}
.hero-slider {
list-style-type: none;
margin: 0;
padding: 0;
}
.hero-slider li {
background: #000;
height: 36.19vw;
background-size: cover;
background-position: center center;
width: 100%;
box-sizing: border-box;
}
.slider .slider-panel{
position: absolute;
z-index: 55;
width: 36.6vw;
height: 13vw;
text-align: center;
top: calc(50% - 6.5vw);
left: calc(50% - 17.8vw);
}
.slider .slider-title{
font-family: "Raleway Bold";
color:#fff;
font-size: 2.95vw;
margin-bottom: 20px;
}
.slider .slider-text{
font-family: "Raleway Regular";
color:#fff;
font-size: 0.97vw;
margin-bottom: 25px;
}
.slider .slider-button a{
font-family: "Raleway Bold";
color:#fff;
font-size: 0.87vw;
background:#489bc9;
text-transform: uppercase;
width: 15.5vw;
height: 3.4vw;
display: inline-block;
text-align: center;
line-height: 3.4vw;
}
.content .gray-block{
background: #ebebeb;
text-align: center;
padding: 4.9vw 0;
}
.gray-block .gray-blocks{
font-size: 0;
}
.gray-title{
font-family: "Raleway Bold";
font-size: 1.55vw;
color:#363636;
margin: 0 0 2vw 0;
}
.gray-text{
font-family: "Raleway Regular";
font-size: 1vw;
color:#363636;
margin: 0 auto 2.55vw;
width: 60%;
}
.gray-button{
width: 17.6vw;
height: 3.42vw;
background: #489ac9;
display: inline-block;
line-height: 3.42vw;
text-align: center;
margin-right: 1vw;
}
.gray-button:last-child{
margin-right: 0;
}
.gray-button a{
display: inline-block;
width: 100%;
height: 100%;
font-size:1vw;
text-transform: uppercase;
color: #fff;
font-family: "Raleway Bold";
}
.footer .footer-up{
width: 100%;
background: url("../img/footer-fon.jpg") no-repeat;
background-size:cover;
/*padding: 4.9vw 22vw 3.9vw 12.7vw;*/
padding: 4.9vw 0 3.9vw;
overflow: hidden;
}
.footer-down{
background: #05121d;
color:#fff;
font-size: 0.9vw;
text-align: center;
height: 3.4vw;
line-height: 3.4vw;
font-family: "Raleway Regular";
}
.quick-link-block{
float: left;
width: 24.6vw;
}
.quick-link-block .title,.contact .title{
font-size: 1.3vw;
text-transform: uppercase;
color:#489bc9;
margin-bottom:2.5vw;
font-family: "Raleway Bold";
}
.quick-link-block .block{
font-size: 0;
}
.quick-link-block .block a{
font-size: 0.8vw;
color: #fff;
padding: 0.5vw;
background: #1d3952;
cursor: pointer;
display: inline-block;
margin: 3px 2px;
font-family: "Raleway Regular";
}
.footer .contact{
width: 24.8vw;
float: right;
}
.footer .contact .text{
color: #fff;
margin-bottom:1.48vw;
font-size: 0.8vw;
font-family: "Raleway Regular";
}
.footer .contact .text span{
font-family: "Raleway Bold";
}
.footer .contact .contact-image .img,.content .social .icon{
display: inline-block;
height: 1.5vw;
width: 1.5vw;
}
.footer .contact .contact-image .img.fb,.content .social .icon.fb{
background: url("../img/fb-bl.png") no-repeat center center;
background-size: 40%;
}
/*.footer .contact .contact-image .img.fb:hover,.content .social .icon.fb:hover{
background: url("../img/fb2.png") no-repeat center center;
background-size: 100%;
}*/
.footer .contact .contact-image .img.tw,.content .social .icon.tw{
background: url("../img/tw-bl.png") no-repeat center center;
background-size: 70%;
}
/*.footer .contact .contact-image .img.tw:hover,.content .social .icon.tw:hover{
background: url("../img/tw2.png") no-repeat center center;
background-size: 100%;
}*/
.footer .contact .contact-image .img.in,.content .social .icon.in{
background: url("../img/linkedin-bl.png") no-repeat center center;
background-size: 70%;
}
/*.footer .contact .contact-image .img.in:hover,.content .social .icon.in:hover{
background: url("../img/in-2.png") no-repeat center center;
background-size: 100%;
}*/
.footer .contact .contact-image .img.g,.content .social .icon.g{
background: url("../img/logo-google-plus-blue.png") no-repeat center center;
background-size: 80%;
}
/*.footer .contact .contact-image .img.g:hover,.content .social .icon.g:hover{
background: url("../img/google-plus-blue1.png") no-repeat center center;
background-size: 100%;
}*/
.content{
background: #fff;
}
.content .what-we-do{
padding: 5vw 0;
}
.content .what-we-do .inner-wrapper{
height: auto;
}
.content .what-we-do .title{
font-size: 1.56vw;
text-align: center;
font-family: "Raleway Bold";
margin-bottom: 5vw;
}
.content .what-we-do .blocks{
font-size: 0;
}
.what-we-do .left-block,.what-we-do .center-block,.what-we-do .right-block{
color:#fff;
font-size: 1vw;
width: 32%;
margin-left: 1.5vw;
padding: 3.2vw 3vw 0;
height: 18vw;
text-align: center;
position: relative;
display: inline-block;
vertical-align: top;
}
.what-we-do .left-block .image,.what-we-do .center-block .image,.what-we-do .right-block .image{
background: #fff;
width: 26%;
border-radius: 50%;
padding: 1.7vw 1vw 1.5vw;
position: absolute;
top: -17%;
left: 36%;
height: auto;
line-height: 1;
}
.what-we-do .blocks .title-text{
font-size: 1.55vw;
margin: 0.5vw;
font-family: "Raleway Bold";
}
.what-we-do .blocks .text{
font-family: "Raleway Regular";
}
.what-we-do .left-block{
background: #489bc9;
margin: 0;
}
.what-we-do .left-block .image{
border: 3px solid #489bc9;
}
.what-we-do .center-block{
background: #295792;
}
.what-we-do .center-block .image{
border: 3px solid #295792;
}
.what-we-do .right-block{
background: #112b50;
}
.what-we-do .right-block .image{
border: 3px solid #112b50;
}
.investigations{
background: #ebebeb;
position: relative;
padding: 5.2vw 0 5vw;
}
.investigations .title{
font-size: 1.56vw;
text-align: center;
font-family: "Raleway Bold";
margin-bottom: 2.5vw;
}
.investigations .blocks{
font-size: 0;
height: 14vw;
}
.investigations .arrow{
position: absolute;
width: 8vw;
height: 12vw;
top:calc(50% + 1vw);
cursor: pointer;
}
.investigations .arrow:hover{
/*background-color: rgba(75,75,75,0.4)*/
}
.investigations .arrow-left{
left:-8vw;
/*background: url('../img/arrow-left.png') no-repeat 95% 50%;*/
background-size: 3vw;
}
.investigations .arrow-right{
right:-8vw;
/*background: url('../img/arrow-right.png') no-repeat 5% 50%;*/
background-size: 3vw;
}
.investigations .blocks .wrap{
position: relative;
left: 0;
top: 0;
width: 10000000px;
height: 100%;
}
.investigations .blocks .block{
width: 15.05vw;
display: inline-block;
position: relative;
}
.investigations .blocks .block{
background: url("../img/photo.png") no-repeat center center #112b50;
height: 100%;
}
.investigations .blocks .block .fon{
height: 100%;
}
.investigations .blocks .block .fon div{
height: 100%;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
background-position: center;
}
.investigations .blocks .block .description{
position: absolute;
top:0;
left:0;
font-size: 1vw;
background: #489bc9;
width: 100%;
height: 100%;
text-align: center;
display: none;
}
.investigations .blocks .block:hover .description{
display: table;
}
.investigations .blocks .block .description>div{
display: table-cell;
vertical-align: middle;
height: 14vw;
}
.blocks .block .description .text{
color:#fff;
font-family: "Raleway Regular";
font-size: 1vw;
padding: 0 1vw;
}
.blocks .block .description .link{
margin-top: 2vw;
font-family: "Raleway Bold";
color:#16365b;
}
.blocks .block .description .link a{
color:#112b50;
}
.read-us-on{
background: #489bc9;
height: 6vw;
line-height: 6vw;
font-family: "Raleway Bold";
text-align: center;
}
.read-us-on .text{
color:#fff;
font-size: 0.95vw;
margin-right: 2vw;
}
.read-us-on .text img{
width: 1%;
margin-right: 1vw;
vertical-align: middle;
}
.read-us-on .link{
margin-right: 1.5vw;
}
.read-us-on .link a{
font-size: 0.9vw;
color: #fff;
border: 2px solid #fff;
padding: 0.5vw 2.5vw;
}
/*asd*/
.content .content-title{
height: 8.8vw;
display: table;
position: relative;
width: 100%;
}
.content .content-title img{
height: 100%;
position: absolute;
width: 100%;
}
.content .content-title span{
font-family: "Raleway Regular";
font-size: 1.9vw;
color: #fff;
display: table-cell;
z-index: 2;
vertical-align: middle;
position: relative;
width: 88%;
}
.content .views{
overflow: hidden;
float: left;
width: 70%;
}
.content .full-view,.content .full-def-page{
padding-bottom: 5vw;
}
.content .full-view .views{
width: 65%;
/*margin-top:8vw; */
}
.content .full-view.margin-small .views{
margin: 3vw 0 0;
}
.content .views .view{
margin-top: 5vw;
}
.content .full-view .views .view{
margin-top: 2.2vw;
}
.views .view .date{
font-family: "Raleway Bold";
color:#969696;
font-size:1vw;
}
.views .view .title,.views .view .title a{
font-size: 1.7vw;
color: #243c4f;
font-family: "Raleway Bold";
padding: 0.5vw 0 1vw;
border-bottom: 1px solid #f3f6f9;
}
.views .view .tags,.views .view .text{
margin: 1.5vw 0;
}
.views .view .user{
/*width: 9.5vw;*/
display: inline-block;
margin-right: 10px;
}
.views .view .user-icon{
display: flex;
align-items: center;
float: left;
width: 2vw;
height: 2.5vw;
margin: 0 5px 0 0;
}
.views .view .user-icon img{
height: auto;
}
.view .user-info .user-name{
font-size: 0.88vw;
font-family: "Raleway Bold";
}
.view .user-info .user-group{
font-size: 0.685vw;
font-family: "Raleway Regular";
text-transform: uppercase;
}
.views .view .user-info{
/*display: inline-block;*/
/*vertical-align: middle;*/
float: left;
}
.views .view .tag{
font-family: "Raleway Regular";
font-size: 0.685vw;
background: #f3f3f3;
color: #7c7c7c;
padding: 0.49vw;
display: inline-block;
vertical-align: top;
}
.views .view .img{
width: 100%;
height: 16.61vw;
overflow: hidden;
position: relative;
}
.views .view .img img{
position: absolute;
top: -35%;
left: 0;
max-width: inherit;
height:auto;
}
.views .view .text{
font-family: "Raleway Regular";
font-size: 0.88vw;
color: #7c7c7c;
}
.views .view .link{
font-family: "Raleway Bold";
color: #fff;
font-size: 0.73vw;
background: #489bc9;
text-transform: uppercase;
width: 11.5vw;
height: 3vw;
display: inline-block;
text-align: center;
line-height: 3.3vw;
}
.views .view a{
color:#000;
font-size: 0.88vw;
font-family: "Raleway Bold";
}
.content .mailing-form{
margin: 4.9vw 0 0 2%;
width: 28%;
float: right;
background: #112b50;
padding: 3.4vw 4vw;
}
.content .full-view .mailing-form{
width: 33%;
margin-top: 1.5vw;
}
.content .mailing-form form{
margin: 0;
}
.mailing-form br{
display: none;
}
.mailing-form p{
margin: 0;
}
.mailing-form .text{
color:#fff;
font-family: "Raleway Bold";
font-size: 0.9vw;
text-align: center;
margin: 1vw 0 2.45vw;
}
.mailing-form .img{
margin: 0 auto 0.2vw;
width: 9%;
}
.mailing-form input[type="text"],.mailing-form input[type="email"]{
margin: 1vw auto 0;
display: block;
width: 100%;
padding-left: 10px;
font-size: 0.88vw;
height: 2.5vw;
line-height: 2.5vw;
}
.mailing-form input[type="submit"]{
background: #489bc9;
font-size: 0.9vw;
margin-top: 2.5vw;
border: none;
height: 3vw;
color: #fff;
width: 100%;
text-transform: uppercase;
cursor: pointer;
font-family: "Raleway Bold";
}
.content .navigation{
clear: both;
padding: 4vw 0 5.3vw;
}
.content .navigation>span{
border-bottom: 1px solid #eff3f6;
border-top:1px solid #eff3f6;
display: inline-block;
padding: 0.5vw 0 0.8vw;
}
.content .navigation a,.content .navigation span{
font-size: 0.88vw;
font-family: "Raleway Bold";
color: #636363;
display: inline-block;
padding: 0.5vw;
}
.content .navigation a.none{
display: none;
}
.content .navigation ul{
list-style-type: none;
margin: 0;
padding: 0;
display: inline-block;
}
.navigation ul li{
display: inline-block;
}
.navigation>span>a:hover,.navigation li.active a,.navigation li:hover a{
color:#c0c0c0;
}
/*-------------three-------------*/
.content .latest{
margin: 4.9vw 0 0 2%;
width: 33%;
float: left;
background:#489bc9;
color:#fff;
font-family: "Raleway Bold";
font-size: 1.2vw;
padding: 2.4vw 4vw 2.4vw 2.4vw;
}
.content .ads-before-latest + .latest{
margin: 1.9vw 0 0 2%;
}
.content .latest .title{
font-family: "Raleway Regular";
font-size: 1.8vw;
margin-top: 0;
}
.content .latest a{
color:#fff;
display: block;
margin: 20px 0;
}
.content .info-link{
margin-top: 2vw;
/*position: absolute;*/
}
.content .info-link .navigation-link {
font-size: 0.8vw;
font-family: "Raleway Bold";
text-transform: uppercase;
margin-bottom: 3vw;
}
.content .info-link .navigation-link a,.content .info-link .link-material span{
color:#123b5b;
}
.content .info-link .navigation-link a:last-child{
color:#8a8a8a;
}
.content .info-link .link-material{
border:1px solid #79b6d7;
border-radius:2%;
padding: 0.5vw;
font-size: 0.8vw;
font-family: "Raleway Regular";
display: inline-block;
}
.content .info-link .link-material span.blue{
color:#79b6d7;
}
.content .social{
float: right;
}
.content .record h3,h1,h2{
font-size:1.4vw;
margin: 2vw 0 1.2vw;
}
.content .record{
font-size:0.88vw;
}
.form-cs input[type="text"],.form-cs input[type="email"],.form-cs textarea{
margin: 1vw 0 0;
padding-left: 10px;
font-size: 0.88vw;
height: 2.5vw;
line-height: 2.5vw;
}
.form-cs textarea{
height: 8vw;
line-height: 1.4;
margin-bottom: 1vw;
padding-top: 0.5vw;
}
.form-cs input[type="submit"],#btnPrint{
font-size: 0.9vw;
margin-top: 2.5vw;
height: 3vw;
}
}
#navigation-left ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
#navigation-left ul li {
float: left;
}
#navigation-left ul li a {
display: inline-block;
color: #818181;
text-align: center;
padding: 0px 16px;
text-decoration: none;
}
#navigation-left ul li:after {
content: " | ";
}
#navigation-left ul li:last-child:after {
content: none;
}
/* #navigation-left ul li a:hover {
background-color: #818181;
color:white;
}*/
/*#navigation-left ul li:hover:after {
display: none
}*/
#navigation-left ul li.first{
background-color: #818181;
}
#navigation-left ul li.first a{
color:white;
}