html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a img {
border: none;
}
a {
outline: none;
text-decoration: none;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-ms-transition: all .4s ease;
transition: all .4s ease;
color: #f51f33;
}
textarea {
height: auto;
min-height: 50px;
-webkit-resize: none;
-moz-resize: none;
resize: none;
}
.clearfloat:before, .clearfloat:after {
content: "";
display: table;
}
.clearfloat:after {
clear: both;
}
/* For IE 6/7 (triggers hasLayout) */
.clearfloat {
*zoom: 1;
}
img {
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
display: inline-block;
vertical-align: middle;
}
select {
width: 100%;
}
/*FONTS--------------------------------------------------------------------*/
@font-face {
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-weight: normal;
src: url("fonts/fa-brands-400.eot");
src: url("fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),
url("fonts/fa-brands-400.woff2") format("woff2"),
url("fonts/fa-brands-400.woff") format("woff"),
url("fonts/fa-brands-400.ttf") format("truetype"),
url("fonts/fa-brands-400.svg#fontawesome") format("svg");
}
.fab {
font-family: 'Font Awesome 5 Brands';
}
@font-face {
font-family: 'Font Awesome 5 Pro';
font-style: normal;
font-weight: 300;
src: url("fonts/fa-light-300.eot");
src: url("fonts/fa-light-300.eot?#iefix") format("embedded-opentype"),
url("fonts/fa-light-300.woff2") format("woff2"),
url("fonts/fa-light-300.woff") format("woff"),
url("fonts/fa-light-300.ttf") format("truetype"),
url("fonts/fa-light-300.svg#fontawesome") format("svg");
}
.fal {
font-family: 'Font Awesome 5 Pro';
font-weight: 300;
}
@font-face {
font-family: 'Font Awesome 5 Pro';
font-style: normal;
font-weight: 400;
src: url("fonts/fa-regular-400.eot");
src: url("fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),
url("fonts/fa-regular-400.woff2") format("woff2"),
url("fonts/fa-regular-400.woff") format("woff"),
url("fonts/fa-regular-400.ttf") format("truetype"),
url("fonts/fa-regular-400.svg#fontawesome") format("svg");
}
.far {
font-family: 'Font Awesome 5 Pro';
font-weight: 400;
}
@font-face {
font-family: 'Font Awesome 5 Pro';
font-style: normal;
font-weight: 900;
src: url("fonts/fa-solid-900.eot");
src: url("fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
url("fonts/fa-solid-900.woff2") format("woff2"),
url("fonts/fa-solid-900.woff") format("woff"),
url("fonts/fa-solid-900.ttf") format("truetype"),
url("fonts/fa-solid-900.svg#fontawesome") format("svg");
}
.fa,
.fas {
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
}
@font-face {
font-family: 'PT Sans';
src: url('fonts/PTSans-BoldItalic.eot');
src: url('fonts/PTSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/PTSans-BoldItalic.woff2') format('woff2'),
url('fonts/PTSans-BoldItalic.woff') format('woff'),
url('fonts/PTSans-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'PT Sans';
src: url('fonts/PTSans-Bold.eot');
src: url('fonts/PTSans-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/PTSans-Bold.woff2') format('woff2'),
url('fonts/PTSans-Bold.woff') format('woff'),
url('fonts/PTSans-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'PT Sans';
src: url('fonts/PTSans-Italic.eot');
src: url('fonts/PTSans-Italic.eot?#iefix') format('embedded-opentype'),
url('fonts/PTSans-Italic.woff2') format('woff2'),
url('fonts/PTSans-Italic.woff') format('woff'),
url('fonts/PTSans-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'PT Sans';
src: url('fonts/PTSans-Regular.eot');
src: url('fonts/PTSans-Regular.eot?#iefix') format('embedded-opentype'),
url('fonts/PTSans-Regular.woff2') format('woff2'),
url('fonts/PTSans-Regular.woff') format('woff'),
url('fonts/PTSans-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PT Serif';
src: url('fonts/PTSerif-Italic.eot');
src: url('fonts/PTSerif-Italic.eot?#iefix') format('embedded-opentype'),
url('fonts/PTSerif-Italic.woff2') format('woff2'),
url('fonts/PTSerif-Italic.woff') format('woff'),
url('fonts/PTSerif-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'PT Serif';
src: url('fonts/PTSerif-Bold.eot');
src: url('fonts/PTSerif-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/PTSerif-Bold.woff2') format('woff2'),
url('fonts/PTSerif-Bold.woff') format('woff'),
url('fonts/PTSerif-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'PT Serif';
src: url('fonts/PTSerif-Regular.eot');
src: url('fonts/PTSerif-Regular.eot?#iefix') format('embedded-opentype'),
url('fonts/PTSerif-Regular.woff2') format('woff2'),
url('fonts/PTSerif-Regular.woff') format('woff'),
url('fonts/PTSerif-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PT Serif';
src: url('fonts/PTSerif-BoldItalic.eot');
src: url('fonts/PTSerif-BoldItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/PTSerif-BoldItalic.woff2') format('woff2'),
url('fonts/PTSerif-BoldItalic.woff') format('woff'),
url('fonts/PTSerif-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
h1, h2, h3, h4, h5, h6{
font-family: 'PT Sans', 'Open Sans', Arial, Helvetica, sans-serif;
color: #002663;
}
h1 {
font-size: 70px;
font-family: 'PT Serif', 'PT Sans', 'Open Sans', Arial, Helvetica, sans-serif;
}
h2 {
font-size: 40px;
}
h3 {
font-size: 34px;
}
h4 {
font-size: 26px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 18px;
}
/*
################################################
# #
# author: webrix-studio #
# url: http://webrix-studio.com #
# #
################################################
*/
/*BODY-------------------------------------------------------------------*/
body {
background-color: #f1eee5;
font-family: 'PT Sans', 'Open Sans', Arial, Helvetica, sans-serif;
color: #002663;
font-size: 18px;
}
.wrapper{
max-width: 1170px;
margin: 0 auto;
}
.big-wrapper{
max-width: 1450px;
margin: 0 auto;
}
/*-------------- header ---------------*/
header{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
box-sizing: border-box;
z-index: 1100;
}
.header-right{
float: right;
margin-top: 20px;
margin-bottom: 18px;
margin-left:50px;
}
/*----------------------- logo -------------------------*/
.logo{
float: left;
position: relative;
z-index: 2;
margin: 60px 0 13px;
}
.logo a{
display: block;
}
/*------------------- header contacts --------------------*/
.header-contacts{
float: left;
}
.header-contacts a{
display: inline-block;
color: #f51f33;
font-size: 18px;
font-weight: bold;
margin-right: 38px;
line-height: 46px;
border-bottom: 1px solid transparent;
}
.header-contacts a span {
color: #002663}
.header-contacts a i{
font-size: 22px;
}
.header-contacts a:hover,
.header-contacts a:hover span {
color: #f1eee5;
}
/*-------------- other menu ---------------*/
.other-menu{
float: left;
position: relative;
z-index: 10;
}
.other-menu ul{
margin: 0px;
padding: 0px;
list-style-type: none;
color: #f51f33;
}
.other-menu ul li{
position: relative;
}
.other-menu > ul > li{
display: inline-block;
}
.other-menu ul li a{
display: block;
font-size: 18px;
color: #f51f33;
line-height: 46px;
font-weight: bold;
position: relative;
white-space: nowrap;
text-transform: uppercase;
}
.other-menu > ul > li:hover > a{
color: #f1eee5;
}
/* ------------------------ search ------------------------- */
.search-wrap {
float: left;
position: relative;
line-height: 46px;
margin-left: 5px;
margin-right: 20px;
}
.search-link{
position: relative;
text-indent: -9999em;
font-size: 0;
width: 20px;
height: 46px;
text-align: right;
cursor: pointer;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
box-sizing: border-box;
}
.s-search:before{
content: "\f002";
font-family: 'Font Awesome 5 Pro';
font-size: 20px;
position: absolute;
top: 0px;
left: 0px;
color: #f51f33;
width: 100%;
font-weight: bold;
}
.s-close:before {
content: "\f00d";
font-family: 'Font Awesome 5 Pro';
font-size: 20px;
position: absolute;
top: 0px;
left: 0px;
color: #f51f33;
width: 100%;
font-weight: bold;
}
.search{
position: absolute;
top: 2px;
right: 22px;
display: none;
z-index: 10;
width: 365px;
height: 42px;
background: #fff;
border: 1px solid #d7d7d7;
box-sizing:border-box;
}
.search-submit{
border: 0px;
float: right;
display: block;
font-size: 18px;
color: #e2001a;
width: 42px;
height: 40px;
text-align: center;
line-height: 40px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-ms-transition: all .4s ease;
transition: all .4s ease;
}
.search-submit:hover{
color: #000;
}
.search-input{
float: left;
background: none;
padding-left: 13px;
width: calc(100% - 45px);
height: 40px;
border: 0px;
color: #000;
font-size: 14px;
font-family: 'Roboto-Condensed', Arial, sans-serif;
outline: none;
line-height: 40px;
box-sizing:border-box;
}
/*----------------------------- make request btn -------------------------------*/
.header-right .big-btn{
float: left;
padding: 11px 30px;
min-width: inherit;
margin-top: 0px;
}
/*----------------------------- menu -------------------------------*/
#menu{
float: right;
}
#menu ul{
margin: 0px;
padding: 0px;
list-style-type: none;
}
#menu ul li{
position: relative;
}
#menu > ul > li{
display: block;
float: left;
margin-left: 25px;
}
#menu ul li a{
display: block;
font-size: 20px;
color: #fff;
white-space: nowrap;
position: relative;
line-height: 20px;
padding: 18px 5px;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;
}
#menu > ul > li > a:before {
content: "";
position: absolute;
z-index: -1;
width: 100%;
bottom: 0;
left: 0;
background: #fff;
height: 8px;
-webkit-transform: translateY(9px);
transform: translateY(9px);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
#menu > ul > li:hover > a:before, #menu > ul > li:focus > a:before, #menu > ul > li:active > a:before, #menu > ul > li.menu-current > a:before {
-webkit-transform: translateY(0);
transform: translateY(0);
}
#menu ul li i{
font-size: 18px;
display: inline-block;
position: relative;
margin-left: 5px;
}
/* submenu */
#menu > ul > li > .submenu-wrap {
top: 120%;
left: 0;
}
#menu ul li .submenu-wrap {
opacity: 0;
min-width: 100%;
visibility: hidden;
position: absolute;
}
#menu ul li ul {
text-align: left;
z-index: 9999;
background: #f6f6f6;
padding: 15px 0px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}
#menu ul li ul li:last-child{
border-bottom: none;
}
#menu ul li ul li a{
padding: 9px 40px 9px 25px;
font-size: 17px;
color: #002561;
}
#menu ul li ul li a i{
position: absolute;
top: 50%;
right: 20px;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#menu ul li:hover > .submenu-wrap {
visibility: visible;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
#menu > ul > li:hover > .submenu-wrap {
top: 100%;
opacity: 1;
}
#menu ul li ul li:hover > a{
color: #e2001a;
}
/* sub submenu */
#menu ul li ul li .submenu-wrap {
top: -15px;
left: 100%;
}
#menu ul li ul li:hover .submenu-wrap {
left: 100%;
opacity: 1;
}
/*---------------------------------- banner -----------------------------------*/
.ban-wrap{
width: 100%;
height: 730px;
position: relative;
z-index: 0;
}
.fade{
z-index: 1;
width: 100%;
height: 100%;
left: 0;
margin: 0;
position: relative;
top: 0;
}
.fade .slick-list, .fade .slick-track{
height: 100%;
}
.ban-parallax {
width: 100%;
height: 100%;
}
.ban-title{
color: #fff;
max-width: 1170px;
margin: 0px auto;
padding-top: 470px;
}
/*------------------------- buttons in site -------------------------*/
.big-btn{
display: inline-block;
font-weight: bold;
color: #fff;
font-size: 16px;
text-transform: uppercase;
text-align: center;
padding: 16px 35px;
min-width: 260px;
border-radius: 28px;
background: #f51f33;
margin-top: 55px;
border: 2px solid #f51f33;
box-sizing: border-box;
}
.big-btn:hover{
background: transparent;
color: #f51f33;
}
.btn{
display: inline-block;
background: #f51f33;
min-width: 200px;
font-size: 12px;
text-align: center;
line-height: normal;
font-weight: bold;
text-transform: uppercase;
color: #fff;
padding: 12px 25px;
border: 2px solid #f51f33;
border-radius: 25px;
margin-top: 22px;
box-sizing: border-box;
}
.btn:hover{
background: transparent;
color: #f51f33;
border: 2px solid #f51f33;
}
.btn-transp{
background: transparent;
color: #f51f33;
border: 2px solid #f51f33;
}
.btn-transp:hover{
background: #f51f33;
color: #fff;
}
.btn-place{
text-align: center;
}
.btn-place .big-btn{
margin-top: 0px;
}
/*---------------------------------- accents -----------------------------------*/
.accents{
margin-top: -90px;
position: relative;
z-index: 5;
}
.acc-wrap{
float: right;
background: #d7182a;
border-radius: 20px;
padding: 30px;
width: 390px;
margin-right: 48px;
position: relative;
box-sizing: border-box;
}
.acc-wrap::before{
content: '';
position: absolute;
width: 138px;
height: 138px;
background: #002663;
border-radius: 20px;
right: -48px;
top: -48px;
z-index: -1;
}
.acc-wrap h6{
color: #fff;
font-size: 14px;
margin-bottom: 7px;
}
.acc-one .date{
color: #fff;
}
.acc-one h4 a{
color: #fff;
}
.acc-one h4 a:hover{
text-decoration: underline;
}
.view-more{
display: inline-block;
color: #fff;
font-size: 18px;
font-weight: bold;
margin-top: 20px;
}
.view-more i{
font-size: 26px;
position: relative;
margin-right: 10px;
top: 3px;
}
.view-more:hover{
color: rgba(255,255,255,0.7);
}
/*------------------------- section about us -------------------------*/
.about-us{
position: relative;
padding-bottom: 130px;
}
.title{
margin-bottom: 50px;
font-family: 'PT Serif';
font-size: 70px;
}
.small-title{
position: relative;
color: #002663;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
margin-bottom: 25px;
padding-left: 65px;
}
.small-title::before{
content: '';
position: absolute;
width: 48px;
height: 3px;
top: 7px;
left: 0px;
background: #002663;
}
.more{
display: inline-block;
font-weight: bold;
font-size: 18px;
margin-top: 30px;
}
.more i{
font-size: 22px;
position: relative;
top: 3px;
margin-left: 7px;
color: #f51f33;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-ms-transition: all .4s ease;
transition: all .4s ease;
}
.more:hover{
color: #002663;
}
.more:hover i{
margin-left: 15px;
}
/*------------------------- section services -------------------------*/
.serv-one{
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 150px 0px;
overflow: hidden;
}
.bgr-1{
background-image: url("../images/parallax1.jpg");
}
.bgr-2{
background-image: url("../images/parallax2.jpg");
}
.bgr-3{
background-image: url("../images/parallax3.jpg");
}
.serv-one, .serv-one .title, .serv-one .small-title{
color: #fff;
}
.serv-one .small-title::before{
background: #fff;
}
.some-links{
margin: 50px 0 0;
padding: 0px;
list-style-type: none;
}
.some-links li{
display: inline-block;
border-right: 2px solid #fff;
line-height: 18px;
padding-right: 25px;
margin-right: 21px;
}
.some-links li:last-child{
padding: 0px;
margin: 0px;
border: none;
}
.some-links li a{
display: inline-block;
color: #fff;
font-size: 20px;
font-weight: bold;
border-bottom: 1px solid transparent;
}
.some-links li a:hover{
border-bottom: 1px solid #fff;
}
.serv-one:nth-child(2n){
text-align: right;
}
.serv-one:nth-child(2n) .small-title::before{
right: 65px;
left: auto;
}
/*------------------------- section benefits -------------------------*/
.benefits{
padding: 80px 0px 100px !important;
}
.serv-one h4 {
color: #fff;}
/*------------------------------- some other accordion -------------------------------*/
.ac {
margin: 45px -45px 0px;
overflow: hidden;
box-sizing: border-box;
}
.ac-float{
float: left;
width: 50%;
padding: 0 45px;
box-sizing: border-box;
}
.a-btn {
width:100%;
margin:0 auto;
cursor:pointer;
}
.a-btn h3{
font-size: 40px;
color: #fff;
padding: 18px 45px 18px 0px;
position: relative;
box-sizing: border-box;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-ms-transition: all .4s ease;
transition: all .4s ease;
}
.a-btn h3:before{
content: '';
position: absolute;
top: 50%;
right: 0px;
width: 32px;
height: 2px;
background: #fff;
margin-top: -1px;
}
.a-btn h3.selected:before{
opacity: 1;
visibility: visible;
background: #d7182a;
}
.a-btn h3:after{
content: '';
position: absolute;
top: 50%;
right: 15px;
width: 2px;
height: 32px;
background: #fff;
margin-top: -16px;
}
.a-btn h3.selected:after{
opacity: 0;
visibility: hidden;
}
.a-content {
height: 0px;
width: 100%;
margin: 0 auto 20px;
overflow:hidden;
position: relative;
}
.a-content-inner {
padding: 0px 105px 20px 0px;
}
.open {
height: auto;
}
/*----------------------------------- section index news -------------------------------*/
.index-news{
padding: 95px 0px 85px;
}
.news-wrap{
margin-left: -12px;
margin-right: -12px;
}
.blog-item{
float: left;
width: 33.333%;
padding: 0 12px;
position: relative;
overflow: hidden;
box-sizing: border-box;
}
.blog-item figure{
position: relative;
margin-bottom: 25px;
overflow: hidden;
}
.blog-item figure a{
display: block;
}
.blog-item figure img{
max-width: none;
width: 100%;
webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.blog-item:hover figure img {
-webkit-transform: scale3d(1.1,1.1,1);
transform: scale3d(1.1,1.1,1);
}
.blog-item-title{
margin-bottom: 15px;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.blog-item-title a{
color: #002663;
}
.blog-item:hover .blog-item-title a{
color: #e2001a;
}
.blog-item .text{
font-size: 16px;
}
.blog-item .more{
margin-top: 15px;
}
/*-------- date ----------- */
.date{
display: block;
font-size: 14px;
color: #002663;
margin-bottom: 18px;
}
.view{
position: absolute;
font-size: 0px;
opacity: 0;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 2;
}
/*------------------------- section index contacts -------------------------*/
.index-contacts{
position: relative;
background-image: url("../images/parallax4.jpg");
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 100px 0px;
overflow: hidden;
color: #fff;
}
.index-contacts .title, .index-contacts .small-title{
color: #fff;
}
.index-contacts .small-title::before{
background: #fff;
}
.float-contacts{
float: left;
width: 50%;
box-sizing: border-box;
}
.index-contacts .heading{
color: #fff;
}
.index-contacts .address{
font-size: 16px;
line-height: normal;
}
.index-contacts .address a {
color: #fff;
}
.view-map{
display: inline-block;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
}
.view-map i{
font-size: 34px;
margin-right: 10px;
position: relative;
top: 4px;
}
.view-map:hover{
color: #fff;
}
.index-contacts .input{
font-size: 12px;
background: transparent;
border: 0px;
border-bottom: 1px solid #fff;
color: #fff;
height: 30px;
padding: 0px;
}
.index-contacts textarea.input{
height: 130px;
}
.index-contacts .input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #fff;
}
.index-contacts .input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff;
opacity: 1;
}
.index-contacts .input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fff;
opacity: 1;
}
.index-contacts .input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #fff;
}
.index-contacts .input:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
color: #fff;
}
.index-contacts .checkbox-custom{
padding: 0 12px;
margin-bottom: 20px;
}
.index-contacts .checkbox-custom label{
font-size: 12px;
}
.index-contacts .checkbox-custom input[type=checkbox]+label:before{
background: transparent;;
border: 1px solid #fff;
color: #f51f33;
}
.index-contacts .captcha{
padding: 0 12px;
}
.index-contacts .captcha img:hover{
border: none;
}
.index-contacts .captcha img{
border: none;
}
.index-contacts .fl-el{
padding: 0 12px;
}
.index-contacts .btn{
margin-top: 20px;
padding: 9px 20px;
min-width: 116px;
font-weight: normal;
}
.index-contacts .just-text{
font-size: 12px;
}
/*---------------------------------- footer ------------------------------------*/
footer{
padding-top: 50px;
background: #001b54;
position: relative;
z-index: 2;
}
.auth {
position: absolute;
bottom: 1px;
left: 1px;
z-index: 1;
}
.footer-title{
color: #fff;
font-size: 16px;
text-transform: uppercase;
font-weight: normal;
margin-bottom: 5px;
}
.footer-title a {
color: #fff;
}
.footer-title a:hover {
color: #f51f33;
}
.footer-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
box-sizing: border-box;
}
.flex-item {
margin-bottom: 25px;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
position: relative;
box-sizing: border-box;
}
/*---------- footer menu -----------*/
.footer-menu{
margin-bottom: 15px;
}
.footer-menu ul{
margin: 0px;
padding: 0px;
list-style-type: none;
}
.footer-menu ul li{
line-height: 24px;
}
.footer-menu ul li a{
font-size: 16px;
color: #fff;
font-weight: lighter;
}
.footer-menu ul li a:hover{
color: #f51f33;
}
/*---------- footer bottom -----------*/
.footer-bottom{
padding: 0px 0px 40px;
}
.footer-left{
float: left;
}
.footer-left .some-links{
margin-bottom: 12px;
margin-top: 0px;
}
.footer-left .some-links li{
line-height: 12px;
}
.footer-left .some-links li a{
color: #fff;
font-size: 16px;
font-weight: normal;
}
.rights{
font-size: 12px;
color: #fff;
}
.rights a{
display: inline-block;
color: #e4e2e2;
margin-left: 20px;
}
.rights a:hover{
text-decoration: underline;
}
/*-------------- socials ---------------*/
.socials{
float: right;
color: #fff;
font-size: 16px;
}
.socials a{
display: inline-block;
font-size: 25px;
line-height: 25px;
margin-left: 12px;
color: #e4e2e2;
position: relative;
}
.socials a:hover{
color: #e2001a;
}
.socials a img{
position: relative;
display: block;
top: 2px;
z-index: 1;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-ms-transition: all .4s ease;
transition: all .4s ease;
}
.socials a img:nth-of-type(2){
position: absolute;
top: 2px;
left: 0px;
z-index: 0;
opacity: 0;
}
.socials a:hover img{
opacity: 0;
}
.socials a:hover img:nth-of-type(2){
opacity: 1;
}
/*--------------- page top button -----------------*/
.page-top{
visibility: hidden;
opacity: 0;
position: fixed;
bottom: 15px;
right: 20px;
display: block;
width: 50px;
height: 50px;
background: #fff;
border: 1px solid #b3b3b3;
color: #000;
text-align: center;
font-size: 16px;
line-height: 49px;
z-index: 100;
}
.page-top:hover{
background: #001030;
border: 1px solid #001030;
color: #fff;
}
.page-top.page-top-show{
visibility: visible;
opacity: 1;
}
/*--------------------------- breadcrumb --------------------------*/
.breadcrumb{
color: #002663;
font-size: 14px;
padding: 18px 0px;
margin-bottom: 55px;
}
.breadcrumb span{
color: #6f809c;
}
.breadcrumb a{
color: #002663;
border-bottom: 1px solid transparent;
}
.breadcrumb a:hover{
border-bottom: 1px solid #002663;
}
/*-------------------------------- page inside -------------------------------*/
.header-inner{
position: relative;
background: #fff;
}
.header-inner #menu ul li a{
color: #002561;
}
.header-inner #menu > ul > li > a:before{
background: #002561;
}
.header-inner .other-menu > ul > li:hover > a,
.header-inner .header-contacts a:hover{
color: #002663;
}
.content{
position: relative;
overflow: hidden;
}
.heading{
margin-bottom: 20px;
}
.text-module{
margin-bottom: 25px;
}
hr{
border: none;
width: 100%;
height: 1px;
background: #e42234;
}
/*------------------------------------- news --------------------------------- */
.main-new {
margin-bottom: 55px;
}
.main-new .blog-item{
float: none;
width: auto;
padding: 0px;
}
.main-new .blog-item figure{
float: left;
width: 48%;
margin-right: 40px;
}
.main-new .blog-item-title{
min-height: 99px;
}
.grid-sizer, .grid-item {
width: 33.333% !important;
}
.grid-item{
margin-bottom: 50px;
}
.blog-item.grid-item{
padding-bottom: 30px;
}
.blog-item.grid-item::after{
content: '';
position: absolute;
bottom: 0px;
left: 12px;
right: 12px;
height: 1px;
background: #d7182a;
}
/*-------------------------------------- news details ------------------------------------*/
.simple-image{
float: left;
margin-right: 40px;
margin-bottom: 20px;
max-width: 48%;
}
/*--------------- simple list in whole site -----------------*/
.text ul{
margin: 0px;
padding: 0px;
list-style-type: none;
}
.text ul li{
position: relative;
}
.text ul li:before{
content: '\f111';
font-family: 'Font Awesome 5 Pro';
font-size: 5px;
position: relative;
color: #002663;
top: -3px;
margin-right: 10px;
font-weight: bold;
}
.text ul li ul{
padding-left: 35px;
}
/*------------------------ Tables for whole site ------------------------*/
table {
width: 100%;
border-collapse: collapse;
border: none;
margin-bottom: 20px;
overflow-x: auto;
font-size: 16px;
color: #002561;
box-sizing: border-box;
}
table th{
display: table-cell;
padding: 12px 8px;
background: #002561;
color: #fff;
border: none;
font-weight: bold;
text-transform: uppercase;
overflow: hidden;
text-align: center;
}
table td{
background: transparent;
display: table-cell;
padding: 9px;
text-align: center;
border: 1px solid #002561;
}
/*------------- Simple gallery in details ------------ */
.simple-gallery{
width: 100%;
margin: 20px -12px 0px;
padding: 0px;
list-style-type: none;
}
.simple-gallery li{
display: inline-table;
vertical-align: top;
width: 33.3333%;
padding: 12px;
margin-right: -4px;
box-sizing: border-box;
}
.simple-gallery li a{
display: block;
}
.simple-gallery li img{
max-width: none;
width: 100%;
}
.simple-gallery li a:hover{
opacity: 0.75;
}
/*table----------------------------------------------------------------------*/
.nl_osn {
width: 100%;
margin: 20px 0;
overflow: hidden;
font-size: 14px;
font-weight: normal;
color: #909090;
margin-top: 40px;
box-sizing: border-box;
}
.nl_osn a {
font-size: 14px;
text-decoration: none;
}
.tr {
width: 100%;
display: table;
padding: 5px 10px;
background: #fff;
border-bottom: 1px solid #f1f1f1;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
cursor: default;
box-sizing: border-box;
}
.tr:hover {
background: #f3f2f0;
color: #000;
}
.tr span,
.th {
display: table-cell;
vertical-align: middle;
color: #3b3e4a;
margin:0px !important;
box-sizing: border-box;
}
.download1 {
width: 30%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: none !important;
}
.size1,
.type1 {
width: 8%;
padding: 0 3px;
text-align: right;
}
a.pdf,
a.pdf:visited {
display: block;
float: right;
font-size:13px;
margin-bottom: 5px;
margin-left: 5px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
padding: 7px 12px;
display: table-cell;
top: 3px;
position: relative;
color: #fff;
background: #e2001a;
}
a.pdf:hover{
color: #fff;
background: #363636;
}
.tr span.date{
width: 90px;
}
.tr span.heading{
font-weight: bold;
width: 65%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 17px;
}
/*pagination-----------------------------------------------------------------*/
.pagination{
padding-bottom: 40px;
}
.pagination ul {
font-size: 16px;
text-align: center;
padding: 0px;
margin: 0px;
}
.pagination li {
list-style-type: none;
display: inline-block;
}
.pagination a,
.pagination a:visited {
display: inline-block;
text-align: center;
line-height: 38px;
width: 36px;
height: 36px;
background: #fff;
border: 1px solid #fff;
color: #3e3e3e;
text-decoration: none;
}
.pagination a:hover,
.pagination a:visited:hover {
background: #707070;
border: 1px solid #707070;
color: #FFF;
}
.pagination a.currentpage {
background: #363636;
border: 1px solid #363636;
color: #fff;
cursor: default;
}
.pagination a.currentpage:hover{
background: #363636;
border: 1px solid #363636;
}
.pagination a.disablelink,
.pagination a.prevnext {
color: #9f9f9f;
cursor: default;
}
.pagination a.disablelink:hover,
.pagination a.prevnext:hover {
color: #9f9f9f;
background: #fff;
border: 1px solid #fff;
}
/*--------------- video -----------------*/
.video{
width: 100%;
margin: 40px auto 0px;
}
.videowrapper {
float: none;
clear: both;
width: 100%;
position: relative;
padding-bottom: 51%;
height: 0;
border: 1px solid #ccc;
margin-top: 20px;
}
.videowrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
/*--------------- tags -----------------*/
.tagsContainer{
margin-top: 30px;
position: relative;
}
.tagsContainer::before{
content: '\f02c';
font-family: 'Font Awesome 5 Pro';
font-size: 14px;
color: #656565;
position: relative;
left: 0px;
top: 0px;
margin-right: 10px;
}
.tagsContainer .tag-filter {
display: inline-block;
padding: 4px 10px;
border: 1px solid #E6E6E6;
background: #fff;
color: #002663;
margin: 6px 5px 0 0;
border-radius:3px;
font-size: 14px;
}
.tagsContainer .tag-filter:hover {
color: #fff;
background: #002663;
border: 1px solid #002663;
}
/*--------------- news navigation -----------------*/
.news-nav{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
box-sizing: border-box;
margin-bottom: 70px;
margin-top: 15px;
}
.news-nav a {
display: inline-block;
font-size: 18px;
font-weight: bold;
-webkit-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
position: relative;
box-sizing: border-box;
}
.news-nav i {
font-size: 22px;
position: relative;
top: 3px;
color: #f51f33;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-ms-transition: all .4s ease;
transition: all .4s ease;
}
.news-nav a span{
display: inline-block;
margin: 0 10px;
}
.news-nav a:hover{
color: #002663;
}
/*contact form------------------------------------------------------------------*/
.map{
height: 420px;
margin-top: 40px;
overflow: hidden;
}
.map iframe{
pointer-events: none;
}
.address{
margin-bottom: 20px;
line-height: 30px;
padding-right: 50px;
}
.address a{
color: #002663;
}
.address a:hover{
color: #f51f33;
}
.address .socials{
float: none;
margin-top: 10px;
}
.address .socials a{
margin-left: 0px;
margin-right: 12px;
}
.float-field-wrap{
margin-right: -12px;
margin-left: -12px;
}
.float-field{
float: left;
width: 50%;
padding: 0 12px;
box-sizing: border-box;
}
.input{
border: 1px solid #002663;
background: #fff;
padding: 0 15px;
margin-bottom: 20px;
width: 100%;
height: 66px;
color: #002663;
font-family: 'PT Sans', Arial, Helvetica, sans-serif;
font-size: 18px;
outline: none;
box-sizing: border-box;
}
textarea.input{
height: 230px;
resize: none;
padding: 14px 15px;
box-sizing: border-box;
}
.ok, .error {
display: block;
font-size: 13px;
margin: 10px;
}
.error {
color: #BF1717;
}
.contact-form{
margin-right: -12px;
margin-left: -12px;
}
.contact-form .float-field{
width: 60%;
}
.contact-form div.float-field:first-child{
width: 40%;
}
.contact-form .big-btn{
margin-top: 15px;
float: right;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #002663;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #002663;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #002663;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #002663;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
color: #002663;
}
.label{
margin-bottom: 7px;
display: inline-block;
}
.red-text{
color: #e2001a;
}
.styled-select {
width: 100%;
height: 66px;
position: relative;
overflow: hidden;
background: #fff;
border: 1px solid #002663;
margin-bottom: 17px;
box-sizing: border-box;
}
.styled-select select {
display: block;
background: transparent;
width: 110%;
padding: 0px 15px;
height: 64px;
border: 0;
border-radius: 0;
-webkit-appearance: none;
color: #002663;
font-size: 18px;
font-family: 'PT Sans', Arial, Helvetica, sans-serif;
outline: none;
position: relative;
z-index: 1;
}
.styled-select:after {
content: '\f107';
font-family: 'Font Awesome 5 Pro';
color: #002663;
font-size: 18px;
position: absolute;
top: 50%;
right: 15px;
font-weight: normal;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 0;
}
.captcha input {
width: 48%;
}
.captcha img {
border: 2px solid transparent;
}
.captcha img:hover{
border: 2px solid #999;
opacity: 0.9;
}
.just-text{
font-size: 14px;
font-style: italic;
}
.fl-el .just-text{
float: left;
margin-top: 20px;
}
.fl-el .btn{
float: right;
}
.alert {
border-radius: 0;
-webkit-border-radius: 0;
box-shadow: 0 1px 2px rgba(0,0,0,0.11);
display: table;
width: 100%;
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-white {
background-image: linear-gradient(to bottom, #fff, #f9f9f9);
border-top-color: #d8d8d8;
border-bottom-color: #bdbdbd;
border-left-color: #cacaca;
border-right-color: #cacaca;
color: #404040;
padding-left: 61px;
position: relative;
}
.alert-white.rounded {
border-radius: 3px;
-webkit-border-radius: 3px;
}
.alert-white .icon {
text-align: center;
width: 45px;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 1px solid #bdbdbd;
}
.alert-white.rounded .icon {
border-radius: 3px 0 0 3px;
-webkit-border-radius: 3px 0 0 3px;
}
.alert-white.alert-success .icon, .alert-white.alert-success .icon::after {
border-color: #54a754;
background: #60c060;
}
.alert-white .icon i {
font-size: 20px;
color: #fff;
left: 12px;
margin-top: -10px;
position: absolute;
top: 50%;
}
/*----------------------- Checkbox and Radio style ----------------------*/
.checkbox-custom, .radio-custom {
position: relative;
display: block;
margin-bottom: 10px;
line-height: 17px;
}
.checkbox-custom label,.radio-custom label{
position:relative;
display:inline-block;
vertical-align:middle;
margin:0;
padding:0;
cursor:pointer;
font-size: 18px;
line-height: 24px;
padding-left: 28px;
}
.checkbox-custom input[type=checkbox]{
opacity:0;
position:absolute;
margin: 0px;
}
.checkbox-custom input[type=checkbox]+label:before{
content:'';
background:#fff;
border: 1px solid #002663;
display:inline-block;
vertical-align:top;
width: 22px;
height: 22px;
text-align:center;
font-size: 16px;
color: #000;
line-height: 20px;
font-family: 'Font Awesome 5 Pro';
position: absolute;
left: 0px;
top: 0px;
-webkit-transition:box-shadow .1s ease-in-out;
-o-transition:box-shadow .1s ease-in-out;
transition:box-shadow .1s ease-in-out;
box-sizing: border-box;
}
.checkbox-custom input[type=checkbox]:checked+label:before{
background: rgba(255,255,255,0.3);
content: '\f00c';
}
.checkbox-custom input[type=checkbox].disabled+label:before,.checkbox-custom input[type=checkbox]:disabled+label:before,fieldset[disabled] .checkbox-custom input[type=checkbox]+label:before{
cursor:default;
opacity:.4;
}
.radio-custom.radio-inline{
padding-left:0;
}
.radio-custom input[type=radio]{
opacity:0;
position:absolute;
margin: 0px;
}
.radio-custom input[type=radio]+label:before{
border-radius:50%;
content:'';
background:#fff;
border: 1px solid #e5e7e9;
display:inline-block;
vertical-align:top;
position: absolute;
top: 0px;
left: 0px;
width: 18px;
height: 18px;
padding:2px;
margin-right:10px;
text-align:center;
box-shadow:inset 0 0 0 8px #fff;
-webkit-transition:box-shadow .1s ease-in-out;
-o-transition:box-shadow .1s ease-in-out;
transition:box-shadow .1s ease-in-out;
box-sizing: border-box;
}
.radio-custom input[type=radio]:checked+label:before{
background: #000;
box-shadow:inset 0 0 0 3px #fff;
}
/*
.radio-custom input[type=radio]:focus+label:before{
box-shadow:inset 0 0 0 3px #fff;
}*/
.radio-custom input[type=radio].disabled+label:before,.radio-custom input[type=radio]:disabled+label:before,fieldset[disabled] .radio-custom input[type=radio]+label:before{
cursor:default;
opacity:.4;
}
/*---------------------------------------- about us -------------------------------------*/
.team-wrap {
margin-left: -12px;
margin-right: -12px;
padding-top: 30px;
}
.team-item {
float: left;
width: 33.333%;
padding: 0 12px;
position: relative;
overflow: hidden;
box-sizing: border-box;
}
.team-item figure {
position: relative;
margin-bottom: 25px;
border-radius: 20px;
overflow: hidden;
}
.team-item figure a {
display: block;
}
.team-item figure img {
max-width: none;
width: 100%;
webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.t-title{
font-size: 40px;
margin-bottom: 15px;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.work-position{
text-transform: uppercase;
margin-bottom: 25px;
}
/*---------------------------------------- Договорни фондове -------------------------------------*/
.content-bgr{
background: url('../images/bgr1.jpg') no-repeat center top;
background-size: cover;
color: #fff;
}
.content-bgr .breadcrumb, .content-bgr .breadcrumb a{
color:#fff;
}
.content-bgr .breadcrumb a:hover{
border-bottom: 1px solid #fff;
}
.content-bgr .title{
color: #fff;
}
.box-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
box-sizing: border-box;
margin-bottom: 70px;
margin: 0px -12px;
}
.box-flex-item {
display: block;
-webkit-flex: 0 0 33.333%;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
position: relative;
padding: 12px;
box-sizing: border-box;
}
.box{
background: rgba(255,255,255,0.7);
border-radius: 20px;
height: 100%;
padding: 35px;
font-size: 18px;
color: #002663;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-ms-transition: all .4s ease;
transition: all .4s ease;
box-sizing: border-box;
}
.box:hover{
background: rgba(255,255,255,1);
}
.box h3{
margin-bottom: 15px;
font-size: 31px;
min-height: 81px;
}
.box h4{
text-align: center;
text-transform: uppercase;
margin-bottom: 25px;
}
.box h5{
margin-bottom: 20px;
font-size: 22px;
}
.box h6{
text-transform: uppercase;
margin-bottom: 20px;
}
.text-wrap{
height: 190px;
overflow: hidden;
}
.price-wrap{
border-top: 1px solid #002663;
padding-top: 12px;
margin-top: 10px;
min-height: 40px;
}
.price-text{
float: left;
font-size: 16px;
font-weight: bold;
line-height: 20px;
}
.price{
float: right;
font-size: 22px;
text-align: right;
line-height: 20px;
}
.price span{
display: block;
font-size: 14px;
}
/*---------------------------------------- Invest consulting -------------------------------------*/
.why-invest{
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 60px 0px;
overflow: hidden;
color: #fff;
}
.why-invest .heading{
text-align: center;
color: #fff;
max-width: 740px;
margin: 0px auto 30px;
}
.list-why{
margin-right: -40px;
margin-left: -40px;
}
.list-one{
display: inline-table;
vertical-align: top;
margin-right: -4px;
width: 50%;
padding: 19px 40px;
box-sizing: border-box;
}
.list-one figure{
float: left;
width: 55px;
height: 55px;
line-height: 53px;
text-align: center;
background: #002663;
border-radius: 50%;
margin-right: 20px;
}
.list-one-text{
overflow: hidden;
color: #fff;
}
.list-one-text strong{
display: block;
font-size: 22px;
}
/*--------------- Bot menu ----------------*/
.bot-menu{
background: #fff;
margin-top: 50px;
}
.bot-menu ul{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}
.bot-menu ul li{
position: relative;
display: inline-block;
margin: 0px 25px;
}
.bot-menu ul li a{
display: inline-block;
font-size: 20px;
color: #002663;
white-space: nowrap;
font-weight: bold;
position: relative;
line-height: 20px;
padding: 33px 5px;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;
}
.bot-menu ul li a:before {
content: "";
position: absolute;
z-index: -1;
width: 100%;
bottom: 0;
left: 0;
background: #002663;
height: 8px;
-webkit-transform: translateY(9px);
transform: translateY(9px);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.bot-menu ul li:hover a:before, .bot-menu ul li:focus a:before, .bot-menu ul li:active a:before {
-webkit-transform: translateY(0);
transform: translateY(0);
}
/*--------------- info accordion ----------------*/
.info-accordion{
padding-top: 80px;
}
.info-accordion .heading{
text-align: center;
margin-bottom: 55px;
}
.accordion-white > div{
background: #fff;
border: 2px solid #ebebeb;
padding: 6px 28px;
}
.accordion-white .a-btn h3{
color: #002663;
font-size: 22px;
}
.accordion-white .a-btn h3:before{
background: #002663;
width: 17px;
margin-top: 0px;
}
.accordion-white .a-btn h3:after{
background: #002663;
height: 17px;
right: 8px;
margin-top: -8px;
}
.accordion-white .a-btn h3.selected:before {
background: #d7182a;
}
.accordion-white .a-content{
margin: 0 auto;
}
.btn-consult-place{
text-align: center;
}
.btn-consult-place .big-btn{
margin-bottom: 75px;
}
/*---------------------------------------- Invest doveritelno -------------------------------------*/
/*--------------- Individual ----------------*/
.individual{
padding: 70px 0px 0px;
overflow: hidden;
}
.individual .heading{
text-align: center;
margin-bottom: 40px;
}
.individual h4{
text-align: center;
margin-bottom: 30px;
}
.box-red .box{
background: #f34252;
color: #fff;
}
.box-red .box h4, .box-blue .box h4{
color: #fff;
}
.box-red .text ul li:before{
color: #fff;
}
.box-red .text ul li{
margin-bottom: 15px;
}
.float-l{
float: left;
width: 50%;
padding-right: 20px;
box-sizing: border-box;
}
.float-r{
float: right;
width: 50%;
padding-left: 20px;
box-sizing: border-box;
}
.documents .float-l{
min-height: 330px;
}
/*--------------- blue section ----------------*/
.blue-section{
background: #6f809c;
color: #fff;
padding: 70px 0px;
overflow: hidden;
}
.blue-section .small-title, .blue-section .title{
color: #fff;
}
.blue-section .small-title::before{
background: #fff;
}
.blue-section .heading, .blue-section h4{
text-align: center;
color: #fff;
margin-bottom: 50px;
}
.blue-section .text ul li:before{
color: #fff;
}
.start-wrap{
margin: 0px -15px 30px;
position: relative;
}
.start-wrap::after{
content: '';
position: absolute;
bottom: 0px;
left: 15px;
right: 15px;
height: 1px;
background: #fff;
z-index: 1;
}
.start-one{
position: relative;
display: inline-table;
vertical-align: top;
width: 50%;
padding: 0px 15px;
margin-right: -4px;
margin-bottom: 40px;
box-sizing: border-box;
}
.start-one em{
font-style: normal;
font-size: 130px;
font-weight: bold;
float: left;
line-height: 105px;
margin-right: 20px;
}
.start-one .text{
overflow: hidden;
}
.start-one h4{
text-align: left;
text-transform: uppercase;
margin-bottom: 15px;
}
.stored{
padding-top: 70px;
}
.subtitle{
display: block;
text-align: center;
max-width: 790px;
margin: 0 auto 30px;
}
.box-red-border .box{
background: transparent;
border: 2px solid #f34252;
}
.invest-profiles{
padding-top: 25px;
}
.box-flex.box-blue{
align-items: center;
}
.box-blue .box{
background: #6f809c;
color: #fff;
margin-bottom: 24px;
min-height: 297px;
}
.box-blue h6, .box-red h6{
color: #fff;
}
.box-blue h5, .box-red h5 {
color: #fff;
}
/*--------------- Institutional ----------------*/
.institutional{
padding: 80px 0px 70px;
overflow: hidden;
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color: #fff;
}
.institutional .heading {
text-align: center;
margin-bottom: 50px;
color: #fff;
}
.institutional h4 {
color: #fff;
margin-bottom: 30px;
}
.institutional .text ul li:before {
color: #fff;
}
/*--------------- Documents ----------------*/
.documents{
padding: 70px 0px 15px;
}
.documents h4 {
text-align: left;
margin-bottom: 30px;
font-size: 22px;
}
.doc-one{
display: block;
position: relative;
color: #002663;
text-transform: uppercase;
padding-left: 40px;
margin-bottom: 25px;
}
.doc-one:hover{
color: #f51f33;
}
.doc-one::before{
content: '\f15b';
font-family: 'Font Awesome 5 Pro';
color: #002663;
position: absolute;
top: 0px;
left: 0px;
font-weight: lighter;
font-size: 34px;
}
.doc-one .date{
margin-bottom: 0px;
}
.documents .doc-one{
color: #fff;
}
.documents .doc-one:hover{
color: #b31826;
}
.documents .doc-one::before{
color: #fff;
}
.documents .doc-one .date{
color: #fff;
}
/*---------------------------------------- Spestoven plan -------------------------------------*/
.bgr-4{
background-image: url(../images/parallax6.jpg);
}
.example-plan{
padding-top: 80px;
overflow: hidden;
}
.example-plan .heading {
text-align: center;
}
.table-plan{
padding-top: 10px;
}
.table-plan table {
max-width: 730px;
margin: 0px auto;
}
.table-plan th{
background: transparent;
color: #002561;
}
.table-plan td{
border: 0px;
}
.nice-words{
margin: 70px -7px;
}
.nice-words figure{
position: relative;
text-align: center;
padding: 7px;
display: inline-table;
vertical-align: top;
margin-right: -4px;
width: 25%;
box-sizing: border-box;
}
.nice-words figure > a{
display: block;
}
.nice-words figure img{
border-radius: 20px;
max-width: none;
width: 100%;
}
.nice-words figure figcaption{
font-weight: bold;
padding-top: 25px;
}
.chart-circle{
text-align: center;
/* padding: 15px 0px;
margin-bottom: 40px;*/
}
/*---------------------------------------- Global trends -------------------------------------*/
.col-2 .box-flex-item{
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.monthly-bulletin{
height: 100%;
padding-left: 15px;
padding-bottom: 25px;
border-bottom: 1px solid #e42234;
box-sizing: border-box;
}
.monthly-bulletin em{
font-style: normal;
text-transform: uppercase;
font-size: 16px;
display: block;
margin-bottom: 10px;
}
.download-link{
display: inline-block;
text-transform: uppercase;
font-weight: bold;
font-size: 16px;
position: relative;
padding-left: 42px;
margin-top: 40px;
}
.download-link::before{
content: '';
background: url('../images/download_icon.png') no-repeat;
width: 31px;
height: 37px;
position: absolute;
top: -10px;
left: 0px;
}
.download-link:hover{
color: #002663;
}
.monthly-bulletin .download-link{
float: right;
}
/*--------------- Subscribe ------------------*/
.subscribe{
margin-top: 25px;
}
.subscribe strong{
font-size: 28px;
display: inline-block;
width: calc(100% - 270px);
}
.subscribe .big-btn{
margin-top: 0px;
}
.list-two-columns{
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
.list-two-columns li {
margin-bottom: 8px;
}
.btn-consult-place .big-btn span{
font-size: 18px;
display: inline-block;
margin-left: 10px;
}
/*--------------- Presentation ------------------*/
.presentation{
padding-top: 70px;
overflow: hidden;
}
.presentation .heading {
text-align: center;
margin-bottom: 40px;
}
.table-present th{
background: transparent;
color: #002561;
}
.table-present td{
border: 0px;
border-bottom: 1px solid #e42234;
color: #242424;
}
.table-present tr:last-child td{
border-bottom: 0px;
}
.table-present tr td:first-child{
color: #002561;
text-transform: uppercase;
font-weight: bold;
text-align: left;
}
.pres-left{
float: left;
width: 30%;
overflow: hidden;
margin-bottom: 40px;
box-sizing: border-box;
}
.pres-right{
float: left;
width: 70%;
padding-left: 50px;
margin-bottom: 40px;
box-sizing: border-box;
}
.pres-left table td{
padding: 9px 0px;
}
.pres-left .table-present tr td:first-child{
width: 135px;
font-weight: normal;
}
.pres-left .table-present tr:first-child td:first-child{
font-weight: bold;
}
.pres-left .table-present td{
border-bottom: 0px;
}
.pres-left .table-present tr:first-child td{
border-bottom: 1px solid #e42234;
}
.pres-left .table-present tr td:last-child{
text-align: right;
font-size: 14px;
}
.pres-left .table-present tr td span{
display: block;
font-size: 22px;
}
/*--------------- Invest Structure ------------------*/
.structure{
padding-top: 55px;
text-align: center;
overflow: hidden;
}
.structure .heading {
text-align: center;
margin-bottom: 40px;
}
/*--------------- Price History ------------------*/
.price-history{
padding-top: 42px;
overflow: hidden;
}
.price-history .heading {
text-align: center;
margin-bottom: 40px;
}
.price-history .box{
background: #6f809c;
color: #fff;
}
.calculator > strong{
display: block;
margin-bottom: 20px;
}
.calculator .btn{
margin-top: 10px;
font-size: 16px;
min-width: 170px;
padding: 6px 20px;
}
.calculator .label{
vertical-align: middle;
display: inline-block;
margin-bottom: 10px;
font-size: 16px;
width: 60px;
}
.calculator .styled-select{
display: inline-block;
vertical-align: middle;
width: 58px;
margin-bottom: 10px;
border: none;
height: 35px;
margin-left: 3px;
}
.calculator div.styled-select:nth-of-type(1){
width: 78px;
}
.calculator .styled-select select{
height: 33px;
font-size: 16px;
color: #242424;
padding: 0 10px;
}
.calculator .styled-select:after{
right: 10px;
}
.result{
border-top: 1px solid #e42234;
margin-top: 20px;
font-size: 16px;
color: #fff;
}
.result-text{
display: inline-block;
vertical-align: middle;
width: 135px;
text-transform: uppercase;
font-weight: bold;
padding: 9px 0px;
margin-right: -4px;
}
.result-number{
display: inline-block;
vertical-align: middle;
width: calc(100% - 135px);
text-align: right;
font-size: 22px;
padding: 9px 0px;
margin-right: -4px;
}
.float-r .subscribe strong{
display: block;
width: auto;
font-size: 26px;
}
.float-r .subscribe .big-btn{
float: right;
margin-top: 10px;
}
.spravki{
font-size: 22px;
font-weight: bold;
padding: 0px 0 40px 40px;
}
.spravki > span{
display: inline-block;
margin-right: 48px;
}
.spravki .more{
margin-top: 0px;
}
/* sitemap ---------------------------------------------------------------*/
.sitemap ul {
padding: 0;
list-style-type: none;
margin: 0px 0px 0px 20px;
}
.sitemap ul ul,.sitemap ul ul ul, .sitemap ul ul ul ul {
padding: 10px;
padding-right: 0px;
list-style-type: none;
margin: 10px 0px 10px 20px;
border-left: 1px solid #C0C0C0;
}
.sitemap ul li {
padding: 2px;
}
.sitemap a {
color: #000;
}
.sitemap a:hover {
color: #ef9e3e;
}
/* error page ---------------------------------------------------------------*/
i.fa-meh-o{
margin-right: 10px;
}
.error-page{
background: #FBEEED;
border: 1px solid #F7D8DD;
padding: 20px 15px;
color: #d9534f;
}
.error-page h6{
margin-bottom: 10px;
color: #d9534f;
}
/* search results ---------------------------------------------------------------*/
.search-result-wrap{
border: 1px solid #ebebeb;
padding: 20px 40px;
}
.search-result{
padding: 25px 0px;
border-bottom: 1px solid #f1f1f1;
}
.search-result:last-child{
border-bottom: none;
}
.search-result h4{
color: #000;
font-size: 15px;
margin-bottom: 8px;
}
.search-result h4 a{
color: #000;
}
.search-result h4 a:hover{
color: #3181c8;
}
.path{
color: #9f9f9f;
}
.validate-error {
padding:10px;
margin:10px 0;
color: #D8000C;
background-color: #FFD2D2;
}
.custBul ul {
list-style: none;
padding-left: 14px;
}
.custBul ul li {
position: relative;
margin-bottom: 12px;
padding-left: 28px;
}
.custBul ul li:before {
content: '\f00c';
font-family: 'Font Awesome 5 Pro';
font-size: 19px;
position: absolute;
left: 0px;
color: #d7182a;
top: 1px;
}
.blue-section .custBul ul,
.institutional .custBul ul {
list-style: none;
padding-left: 0px;
}
.blue-section .custBul ul li:before,
.institutional .custBul ul li:before {
font-size: 16px;
color: #fff;
top: 3px;
}
.services h2.title a {
color: #fff;
}
.about-us h2.title a {
color: #002663;
}
.services h2.title a:hover {
color: #fff;
}
.header-right .big-btn i {
display: none;
}
/*------------------------------------------------------ Landing page --------------------------------------------------*/
body.landing-body{
background: #fff;
}
.landing-body header{
display: none;
}
.landing-body .ban-wrap{
display: none;
}
.landing-body footer{
display: none;
}
.landing-body .big-wrapper{
max-width: 1630px;
margin: 0 auto;
padding: 0 20px;
}
.landing-body .page-top{
bottom: 55px;
}
.text, p{
line-height: 24px;
}
/*-------------- header land ---------------*/
.header-land{
position: absolute;
width: 100%;
left: 0px;
top: 0px;
z-index: 1100;
padding-top: 40px;
box-sizing: border-box;
}
/*----------------------- logo -------------------------*/
.logo-land{
float: left;
position: relative;
z-index: 2;
}
.logo-land a{
display: block;
}
/*------------------- header contacts land --------------------*/
.header-contacts-land{
float: right;
}
.header-contacts-land a{
display: inline-block;
font-family: 'PT Serif', 'PT Sans', 'Open Sans', Arial, Helvetica, sans-serif;
color: #fff;
font-size: 21px;
font-weight: bold;
}
.header-contacts-land a i{
position: relative;
margin-right: 15px;
}
.header-contacts-land a:hover {
color: #001b54;
}
.menu93 .header-contacts-land a{
color: #001b54;
}
.menu93 .header-contacts-land a:hover {
color: #f51f33;
}
/*------------------------ banner land --------------------------*/
.b-wrap-land{
position: relative;
background-image: url(../images/parallax_land.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 800px;
box-sizing: border-box;
}
/*---------------- ban text --------------*/
.b-text-land{
float: left;
position: relative;
margin-top: 170px;
z-index: 2;
max-width: 500px;
box-sizing: border-box;
}
.b-text-land h1{
line-height: 72px;
position: relative;
margin-bottom: 70px;
padding-bottom: 20px;
}
.b-text-land h1::after{
content: '';
position: absolute;
bottom: 0px;
left: 0px;
width: 50px;
height: 6px;
background: #d7182a;
}
.b-text-land h1 strong{
font-size: 63px;
text-transform: uppercase;
display: block;
}
.b-text-land .text ul li{
font-size: 20px;
}
/*--------------- simple list in whole site -----------------*/
.text ul{
margin: 0px;
padding: 0px;
list-style-type: none;
}
.text ul li{
position: relative;
}
.text ul li:before{
content: '\f111';
font-family: 'Font Awesome 5 Pro';
font-size: 5px;
position: relative;
color: #d60b2b;
top: -4px;
margin-right: 13px;
font-weight: bold;
}
/*------------------------- some form -------------------------*/
.some-form{
float: right;
margin-top: 170px;
background: #001b54;
border-radius: 15px;
width: 440px;
padding: 48px 68px;
box-sizing: border-box;
position: relative;
}
.learn-more{
display: inline-block;
position: absolute;
top: -35px;
left: 50%;
z-index: 1;
width: 210px;
margin-left: -105px;
color: #fff;
font-size: 24px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
padding: 13px 10px;
border-radius: 10px;
background: #001b54;
box-sizing: border-box;
}
.some-form h4{
color: #fff;
text-transform: uppercase;
font-weight: normal;
margin-bottom: 20px;
text-align: center;
}
.some-form h4 strong{
font-size: 31px;
display: block;
}
.some-form .checkbox-custom label, .some-form .radio-custom label{
color: rgba(255,255,255,0.7);
}
.some-form .checkbox-custom label a, .some-form .radio-custom label a{
color: rgba(255,255,255,1);
}
.some-form .btn{
margin-top: 15px;
font-size: 18px;
text-transform: none;
min-width: 230px;
padding: 12px 20px;
}
.form-flex{
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
box-sizing: border-box;
}
.float-flex {
-webkit-box-flex: none;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
box-sizing: border-box;
}
.col-2 .float-flex{
-webkit-flex: 0 0 48%;
-ms-flex: 0 0 48%;
flex: 0 0 48%;
}
.col-3 .float-flex{
-webkit-flex: 0 0 31%;
-ms-flex: 0 0 31%;
flex: 0 0 31%;
}
.col-4 .float-flex{
-webkit-flex: 0 0 22%;
-ms-flex: 0 0 22%;
flex: 0 0 22%;
}
.float-flex .input{
width: 100%;
}
.input-label{
display: block;
font-size: 14px;
color: #fff;
text-align: left;
font-weight: 500;
margin-bottom: 4px;
}
.input-place{
background: #fff;
border-radius: 6px;
height: 50px;
margin-bottom: 18px;
font-size: 13px;
line-height: 44px;
position: relative;
box-sizing: border-box;
}
.input-f{
border: none;
padding: 0 12px;
width: 100%;
height: 40px;
border-radius: 6px;
background: #fff;
color: #001b54;
font-family: 'PT Sans', 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 16px;
margin-bottom: 17px;
outline: none;
box-sizing: border-box;
}
textarea.input-f {
width: 100%;
height: 150px;
resize: none;
padding: 10px 15px;
line-height: normal;
box-sizing: border-box;
}
.input-f::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #c6c6c6;
}
.input-f:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #c6c6c6;
opacity: 1;
}
.input-f::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #c6c6c6;
opacity: 1;
}
.input-f:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #c6c6c6;
}
.input-f:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
color: #c6c6c6;
}
/*------------------------- section why us -------------------------*/
.why-us{
position: relative;
padding: 80px 0px;
overflow: hidden;
}
.title-land{
position: relative;
padding-bottom: 20px;
margin-bottom: 50px;
}
.title-land::after{
content: '';
position: absolute;
bottom: 0px;
left: 0px;
width: 50px;
height: 6px;
background: #d7182a;
}
.why-us-info{
float: left;
width: 40%;
padding-top: 30px;
padding-right: 80px;
text-align: justify;
box-sizing: border-box;
}
.why-us-image{
float: right;
width: 60%;
box-sizing: border-box;
}
.why-us-image img{
max-width: none;
width: 100%;
}
/*------------------------- section testimonials -------------------------*/
.testimonials{
padding: 80px 0px;
background: #f9f9fa;
overflow: hidden;
text-align: center;
}
.testimonials .title-land::after{
left: 50%;
margin-left: -25px;
}
.testimonials .wrapper{
max-width: 1240px;
}
.autoplay-t{
padding: 0 40px;
}
.testimon-item{
margin: 0 45px;
font-size: 19px;
position: relative;
}
.testimon-item::before{
content: '\f10d';
font-family: 'Font Awesome 5 Pro';
font-size: 14px;
color: #d7182a;
font-weight: bold;
display: inline-block;
position: absolute;
top: 40px;
left: 0px;
}
.testimon-item .text{
margin-bottom: 25px;
}
.testimon-item-title{
font-size: 20px;
}
.city{
font-size: 20px;
text-align: center;
margin-bottom: 24px;
}
/*------------------------- section land news -------------------------*/
.land-news{
padding: 80px 0px;
overflow: hidden;
}
.land-news .wrapper{
max-width: 1380px;
padding: 0 20px;
}
.land-news .title-land{
text-align: center;
}
.land-news .title-land::after{
left: 50%;
margin-left: -25px;
}
.land-news-wrap{
margin-left: -38px;
margin-right: -38px;
}
.land-blog-item{
display: inline-table;
vertical-align: top;
margin-right: -4px;
width: 33.333%;
padding: 20px 38px;
position: relative;
overflow: hidden;
box-sizing: border-box;
}
.land-blog-item figure{
position: relative;
margin-bottom: 25px;
overflow: hidden;
}
.land-blog-item figure a{
display: block;
}
.land-blog-item figure img{
max-width: none;
width: 100%;
webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.land-blog-item:hover figure img {
-webkit-transform: scale3d(1.1,1.1,1);
transform: scale3d(1.1,1.1,1);
}
.land-blog-item-title{
margin-bottom: 15px;
font-size: 19px;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.land-blog-item-title a{
color: #002663;
}
.land-blog-item:hover .land-blog-item-title a{
color: #d7182a;
}
/*-------- land-date ----------- */
.land-date{
display: block;
font-size: 14px;
color: #001b54;
margin-bottom: 5px;
}
/*------------------------- section awards -------------------------*/
.awards{
padding: 80px 0px;
background: #f9f9fa;
overflow: hidden;
}
.awards .title-land{
text-align: center;
}
.awards .title-land::after{
left: 50%;
margin-left: -25px;
}
.awards-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
box-sizing: border-box;
margin: 0px -30px;
}
.award-one {
display: block;
-webkit-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
position: relative;
padding: 15px 30px;
max-width: 340px;
text-align: center;
box-sizing: border-box;
}
.award-one figure{
line-height: 180px;
margin-bottom: 40px;
}
.award-one h6{
font-size: 20px;
}
.award-one h6 a{
color: #001b54;
}
.award-one h6 a:hover{
color: #d60b2b;
}
/*----------------------------------- footer land --------------------------------*/
.footer-land{
padding: 22px 0px;
background: #001b54;
}
.rights-land{
float: left;
color: #666666;
font-size: 12px;
line-height: 30px;
}
.follow-us-land{
float: right;
line-height: 30px;
color: #fff;
font-weight: bold;
font-size: 16px;
}
.follow-us-land > span{
display: inline-block;
margin-right: 5px;
}
.follow-us-land a{
display: inline-block;
color: #fff;
margin-left: 14px;
font-size: 30px;
vertical-align: middle;
}
.small-text {
font-size: 14px;
line-height: 20px;
}
.b-wrap-land.ban103 .some-form {
display: none;
}
.why-us-info.mod2951 {
width: 100%;
}
/*/*media queries----------------------------------------------------------*/
@media only screen and (max-width: 1680px) {
}
@media only screen and (max-width: 1500px) {
.big-wrapper{padding: 0 20px;}
}
@media only screen and (max-width: 1440px) {
.why-us-info{padding-top: 0px;}
}
@media only screen and (max-width: 1366px) {
.why-us-info{padding-right: 40px;}
.title-land{margin-bottom: 40px;}
.b-wrap-land{background-attachment: inherit;}
}
@media only screen and (max-width: 1240px) {
#menu ul li a{font-size: 18px;}
#menu > ul > li{margin-left: 20px;}
.header-contacts a{font-size: 16px;}
.other-menu ul li a{font-size: 16px;}
.s-search:before, .s-search:after{font-size: 18px;}
.ban-wrap{height: 600px;}
.ban-title{padding-top: 170px;}
h1, .title{font-size: 64px;}
.serv-one{padding: 120px 0px;}
.a-btn h3{font-size: 34px; padding-top: 9px; padding-bottom: 9px;}
.flex-item{-webkit-flex: 0 0 33.333%;-ms-flex: 0 0 33.333%;flex: 0 0 33.333%;}
.wrapper{padding: 0 20px;}
.ban-title{padding: 170px 20px 0px;}
}
@media only screen and (max-width: 1150px) {
#menu > ul > li{margin-left: 14px;}
.t-title{font-size: 32px;}
.bot-menu ul li{margin: 0 15px;}
.pres-left{width: 40%;}
.pres-right{width: 60%; padding-left: 35px;}
.b-wrap-land{height: 670px;}
.b-text-land h1{font-size: 56px; line-height: 58px; margin-bottom: 30px;}
.b-text-land h1 strong{font-size: 50px;}
.some-form{padding: 30px 40px; width: 380px; margin-top: 130px;}
.learn-more{font-size: 20px; width: 170px; padding: 8px 10px; margin-left: -85px; top: -30px;}
}
@media only screen and (max-width: 1100px) {
#menu{display: none;}
header .responsive-menu-btn{display: block;}
.logo{margin: 0px; padding: 13px 0px; border-bottom: 1px solid #f1f1f1; float: none; text-align: center;}
.header-right{margin-top: 10px; margin-bottom: 12px; margin-left:0px;}
h1, .title{font-size: 54px;}
.ban-title{padding-top: 200px;}
.title{margin-bottom: 40px;}
.small-title{margin-bottom: 15px;}
.ac-float{padding: 0 30px;}
.ac{margin: 45px -30px 0px;}
.benefits{padding: 70px 0px !important;}
.index-news{padding: 70px 0px;}
.index-news .small-title{margin-bottom: 25px;}
h4{font-size: 22px;}
.about-us{padding-bottom: 80px;}
.more{margin-top: 20px;}
.main-new .blog-item-title{min-height: inherit;}
.why-us-info{float: none; width: auto; padding-right: 0px; margin-bottom: 40px; text-align: center;}
.why-us-image{float: none; width: auto;}
.why-us .title-land::after{left: 50%; margin-left: -25px;}
.why-us, .testimonials, .land-news, .awards{padding: 60px 0px;}
.land-blog-item{padding: 20px 15px;}
.land-news-wrap{margin-left: -15px; margin-right: -15px;}
}
@media only screen and (max-width: 1030px) {
.a-btn h3{font-size: 30px;}
.float-contacts{float: none; width: auto; margin-bottom: 50px;}
.index-contacts{padding: 80px 0px 30px;}
.list-one-text strong{font-size: 18px;}
.bot-menu ul li{margin: 0 10px;}
.bot-menu ul li a{font-size: 19px;}
h3{font-size: 30px;}
.text-wrap{height: 262px;}
.award-one h6{font-size: 18px;}
}
@media only screen and (max-width: 980px) {
.main-new .blog-item figure{margin-right: 30px;}
.address{padding-right: 0px;}
.bot-menu ul li a{font-size: 18px;}
.box-flex-item{-webkit-flex: 0 0 50%;-ms-flex: 0 0 50%;flex: 0 0 50%;}
.text-wrap{height: 194px;}
.start-one em{font-size: 90px; line-height: 74px;}
.individual .heading{margin-bottom: 20px;}
.invest-profiles .box{min-height: inherit;}
.invest-profiles .box-flex{flex-direction: column; align-items: stretch;}
.invest-profiles .box-flex-item{padding: 0 12px;}
.price-history .box{padding: 25px;}
.b-wrap-land{background-position: left center; height: 610px; position: relative; margin-bottom: 475px;}
.b-wrap-land.ban103 {margin-bottom: 0px !important;}
.b-text-land{float: none;}
.some-form{float: none; width: auto; margin-top: 0px; position: absolute; top: 100%; left: 0px; right: 0px; z-index: 1; border-radius: 0;}
.download1{width: 60%;}
.size1, .type1{width: 10%;}
}
@media only screen and (max-width: 900px) {
h1, .title{font-size: 50px;}
h2{font-size: 34px;}
h3{font-size: 28px;}
.ac-float{float: none; padding: 0px; width: auto;}
.ac{margin: 45px 0px 0px;}
.grid-sizer, .grid-item{width: 50% !important;}
.contact-form .float-field{width: 50%;}
.contact-form div.float-field:first-child{width: 50%;}
.accordion-white .a-btn h3{font-size: 20px;}
.list-one{padding: 19px 25px;}
.list-why{margin-left: -25px; margin-right: -25px;}
.bot-menu ul li{margin: 0 5px;}
.text-wrap{height: 190px;}
.start-one{display: block; width: auto; margin-right: 0px; padding: 0px;}
.start-wrap{padding-bottom: 20px; margin: 0 0 30px;}
.nice-words figure{width: 50%; margin-bottom: 20px;}
.nice-words{margin: 60px -7px 15px;}
.pres-left{float: none; width: auto;}
.pres-right{float: none; width: auto; padding-left: 0px;}
.calculator div.styled-select:nth-of-type(1){width: 30%;}
.calculator .styled-select{width: 18%;}
.land-blog-item{width: 50%;}
.simple-image{float: none; width: auto; margin-right: 0px; text-align: center; max-width: none;}
.simple-image img{max-width: none; width: 100%;}
}
@media only screen and (max-width: 850px) {
.bot-menu ul li{margin: 0px; display: block;}
.bot-menu ul li a{display: block; padding: 22px 0px; font-size: 19px; border-bottom: 1px solid #f1eee5;}
table.table-present {display: block; overflow-x: auto; white-space: nowrap; width: 100%;}
.pres-left table.table-present {display: table; white-space: normal;}
.why-invest {background-attachment:scroll;}
}
@media only screen and (max-width: 800px) {
.header-contacts a{margin-right: 25px;}
h1, .title{font-size: 44px;}
h2{font-size: 32px;}
.blog-item{width: auto; float: none; margin-bottom: 50px;}
.index-news{padding: 70px 0 20px;}
.flex-item{-webkit-flex: 0 0 50%;-ms-flex: 0 0 50%;flex: 0 0 50%;}
.main-new .blog-item figure{float: none; width: auto; margin-right: 0px;}
.main-new .blog-item{border-bottom: 1px solid #d7182a; padding-bottom: 30px;}
.breadcrumb{margin-bottom: 30px;}
.t-title{font-size: 30px;}
.contact-form .float-field{float: none; width: auto;}
.contact-form div.float-field:first-child{width: auto;}
.address{margin-bottom: 50px;}
.contact-form .big-btn{float: none;}
.list-why{margin: 0px;}
.list-one{display: block; margin-right: 0px; width: auto; padding: 18px 0px;}
.bot-menu{margin-top: 30px;}
.box{padding: 25px;}
.col-2 .box-flex-item{-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;}
.subscribe strong{width: auto;}
.subscribe .big-btn{margin-top: 20px;}
.float-r .subscribe strong{font-size: 22px;}
.presentation{padding-top: 60px;}
.testimon-item{margin: 0 25px;}
.search-result-wrap{padding: 10px 25px;}
}
@media only screen and (max-width: 740px) {
.header-contacts a span{display: none;}
.header-contacts a i{font-size: 18px; font-weight: bold;}
.header-contacts a{margin-right: 10px;}
.search{width: 240px;}
.serv-one{padding: 100px 0px;}
.big-btn{padding: 13px 25px; min-width: 220px;}
.footer-left{float: none;}
.socials{float: none; margin-top: 25px;}
.info-accordion .heading{margin-bottom: 35px;}
.info-accordion{padding-top: 60px;}
.float-l{float: none; width: auto; padding-right: 0px; margin-bottom: 35px;}
.float-r{float: none; width: auto; padding-left: 0px;}
.list-two-columns{-webkit-columns: 1; -moz-columns: 1; columns: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px;}
.pagination{padding-top: 0px;}
}
@media only screen and (max-width: 700px) {
.t-title{font-size: 28px;}
.subscribe strong{font-size: 24px;}
.land-blog-item{width: 100%;}
.b-text-land h1{font-size: 44px; line-height: 48px;}
.b-text-land h1 strong{font-size: 40px;}
.b-text-land .text ul li{font-size: 18px;}
.b-text-land{margin-top: 145px;}
.b-wrap-land{height: 550px;}
.why-us, .testimonials, .land-news, .awards{padding: 50px 0px;}
.testimon-item{font-size: 18px;}
.text-module{margin-bottom: 25px;}
.search-result{padding: 18px 0px;}
}
@media only screen and (max-width: 640px) {
h1, .title{font-size: 38px;}
h2{font-size: 30px;}
h3{font-size: 26px;}
.title{margin-bottom: 35px;}
.ban-wrap{height: 540px;}
.about-us{padding-top: 25px;}
.some-links li a{font-size: 15px;}
.some-links li{padding-right: 0; margin-right: 0; width: 100%; box-sizing: border-box; border: none;}
.news-nav a{font-size: 15px;}
.news-nav a:nth-child(2){position: relative; top: 4px;}
.box-flex-item{-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;}
.text-wrap{height: auto;}
.invest-profiles .box{min-height: inherit;}
.main-part .text-module.clearfloat>div.text {font-size: 17px !important;}
.box h3 {min-height: inherit; font-size: 26px;}
.sitemap ul{margin: 0px;}
table {display: block; overflow-x: auto; white-space: nowrap; width: 100%;}
.price-wrap{min-height: inherit;}
.b-wrap-land{background-position: -50px center;}
}
@media only screen and (max-width: 550px) {
.ban-title{padding-top: 172px;}
h4{font-size: 20px;}
.acc-wrap{width: 360px; margin-right: 25px;}
.acc-wrap::before{right: -30px; top: -30px;}
.accents{margin-top: -108px;}
.a-btn h3{font-size: 26px;}
.a-content{margin-bottom: 10px;}
.flex-item{-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;}
.float-field{float: none; width: auto;}
h1, .title{font-size: 34px;}
h2{font-size: 28px;}
.search{width: 175px; top: 0px;}
.a-content-inner{padding-right: 35px;}
.grid-sizer, .grid-item{width: 100% !important;}
.blog-item{margin-bottom: 30px;}
.contact-form .big-btn{display: block;}
.example-plan{padding-top: 60px;}
.subscribe strong{font-size: 20px;}
.rights-land{float: none; text-align: center;}
.follow-us-land{float: none; text-align: center;}
.simple-gallery li{width: auto; margin-right: 0px; display: block; padding-right: 0px;}
.search-result-wrap{padding: 0px 15px;}
}
@media only screen and (max-width: 500px) {
.ban-title{font-size: 30px;}
.big-btn{font-size: 14px;}
.news-nav a{display: block; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-bottom: 9px; padding-top: 8px; border-bottom: 1px solid #e42234;}
.news-nav i{display: none;}
.news-nav a span{margin: 0px;}
.news-nav a:nth-child(2){top: auto;}
h3{font-size: 24px;}
.accordion-white > div{padding: 6px 20px;}
.nice-words figure{display: block; margin-right: 0px; width: auto;}
.blue-section .heading, .blue-section h4{margin-bottom: 30px;}
.documents{padding-top: 60px;}
.tr span, .th {display: block; text-align: left !important;}
.tr span.date {width: 100%;}
.tr span.heading {width: 100%; overflow: auto;}
.tr span.download1 {display: none;}
.tr span.size1, .tr span.type1 {width: 50%; display: inline-block;}
a.pdf, a.pdf:visited {float: left; margin: 5px 0;}
.header-right .big-btn i {display: inline-block; font-size: 24px;}
.header-right .big-btn span {display: none;}
.header-right .big-btn {padding: 6px 7px;}
.b-text-land{margin-top: 95px; background: rgba(255,255,255,0.6); max-width: 275px; padding: 15px;}
.b-text-land h1{font-size: 34px; line-height: 38px; margin-bottom: 20px; padding-bottom: 12px;}
.b-text-land h1 strong{font-size: 30px;}
.b-text-land .text ul li{font-size: 16px;}
.text, p{line-height: 22px;}
.header-land{padding-top: 15px;}
.b-wrap-land{height: 440px;}
.header-contacts-land a{font-size: 17px;}
}
@media only screen and (max-width: 430px) {
.search-wrap{margin-right: 15px; margin-left: 0px;}
body{font-size: 17px;}
.accents {margin-top: -46px;}
.acc-wrap{width: 280px;}
.acc-wrap h4{font-size: 15px;}
.acc-one .date {margin-bottom: 5px;}
.acc-one .view-more {margin-top: 5px;}
.view-more{font-size: 14px;}
.view-more i{font-size: 20px; top: 1px;}
.serv-one{padding: 85px 0px;}
.a-btn h3{font-size: 24px;}
.footer-bottom{padding-bottom: 75px;}
.ban-title{font-size: 24px;}
.ban-wrap{height: 470px;}
.box{font-size: 17px;}
.start-one em{font-size: 58px; line-height: 50px; margin-right: 15px;}
.nice-words figure figcaption{padding-top: 15px;}
.subscribe .big-btn{display: block;}
.float-r .subscribe .big-btn{float: none;}
.b-text-land .text ul li{font-size: 14px;}
.b-text-land .text{line-height: 18px;}
.b-text-land{max-width: 245px;}
.landing-body .big-wrapper{padding: 0 10px;}
.landing-body .wrapper{padding: 0 10px;}
.b-text-land h1{font-size: 30px; line-height: 34px;}
.b-text-land h1 strong{font-size: 27px;}
.b-wrap-land {background-position: -90px center; margin-bottom: 465px;}
.some-form h4 strong{font-size: 27px;}
.checkbox-custom label, .radio-custom label{font-size: 16px;}
.input-f{margin-bottom: 10px;}
.why-us{padding-bottom: 10px;}
.title-land{margin-bottom: 35px;}
.testimon-item{margin: 0 5px;}
.land-blog-item{padding: 0 15px; margin-bottom: 45px;}
.land-news{padding-bottom: 10px;}
}
@media only screen and (max-width: 360px) {
.big-wrapper, .wrapper{padding: 0 10px;}
.ban-title{font-size: 22px; padding-left: 10px; padding-right: 10px;}
.about-us{padding-bottom: 60px;}
.a-btn h3{font-size: 22px;}
.acc-wrap{padding: 20px; width: 255px;}
h1, .title{font-size: 30px;}
h2{font-size: 24px;}
h3{font-size: 22px;}
.title{margin-bottom: 30px;}
.logo{padding: 10px 0px;}
.breadcrumb{margin-bottom: 20px;}
.list-one figure{margin-right: 20px;}
.list-one-text strong{font-size: 17px;}
.info-accordion .heading{margin-bottom: 25px;}
.info-accordion{padding-top: 45px;}
body{font-size: 16px;}
.bot-menu{margin-top: 20px;}
.box{padding: 20px;}
.price-history .box{padding: 20px;}
.header-contacts-land a i{margin-right: 10px;}
.header-contacts-land a{font-size: 16px;}
.b-wrap-land{background-position: -130px center; margin-bottom: 450px;}
.some-form{padding: 25px 10px;}
.testimon-item{font-size: 17px;}
.contact-form .btn{display: block;}
.search-result{padding: 13px 0px;}
.search-result h4{font-size: 14px;}
}
@media only screen and (max-width: 320px) {
.a-btn h3{font-size: 21px;}
}