@import 'https://fonts.googleapis.com/css?family=Assistant';
body{
font-family:'Assistant',sans-serif;
font-size:16px;
color:black;
overflow-x:hidden
}
.wrap{
direction:rtl;
width:1400px;
margin:0 auto
}
.header,
.content,
.footer{
float:right;
width:100%
}
.header_bg{
position:absolute;
top:0;
right:-100%;
width:200%;
height:46px;
background:#b0dcf7;
z-index:-1
}
.header .header_contact{
float:right;
width:100%;
margin-right:271px
}
.header .header_contact .phone_mobile{
display:none
}
.header .header_contact .header_icons_holder{
float:right;
margin-top:15px
}
.header .header_contact a,
.header .header_contact p{
float:right;
color:black;
text-decoration:none;
font-size:20px;
margin-top:9px;
margin-left:0;
margin-bottom:0;
letter-spacing:0.5px
}
.header .header_contact .header_email{
color:#3f4d4e;
margin-right:5px;
margin-left:43px
}
.header .header_contact .header_address{
margin-right:5px;
color:#3f4d4e;
margin-left:38px
}
.header .header_contact .header_phone{
color:#3f4d4e
}
.header .header_contact p{
color:#3f4d4e;
margin-right:5px
}
.header .logo{
float:right;
margin:21px 86px 0 0
}
.header .logo h1{
float:right;
text-indent:0;
padding:0;
margin:0;
background:none;
height:102px;
width:182px
}
.header .menu{
float:right;
margin:57px 242px 0 0;
width:890px
}
.header .menu a{
float:right;
text-decoration:none;
color:#3f4d4e;
font-weight:bold;
margin-left:46px
}
.content .slider{
position:relative;
float:right;
width:100%;
height:430px;
margin:7px 0 0 0
}
.content .slider .slider_holder{
position:absolute;
top:0;
right:0;
width:100%
}
.content .slider .slider_holder .img_holder{
position:absolute;
top:0;
right:0;
width:100%;
max-width:1400px;
z-index:1;
opacity:0;
transition:all 2s ease
}
.content .slider .slider_holder .next{
z-index:2;
opacity:1
}
.content .slider .slider_holder .active,
.content .slider .slider_holder .first{
z-index:3;
opacity:1
}
.content .about{
float:right;
margin:50px 0 0 0
}
.content .about .text{
float:right;
width:596px;
margin:0 106px 0 70px
}
.content .about .text h2{
float:right;
margin:0;
padding:0;
font-size:34px;
width:100%;
color:#b0dcf7
}
.content .about .text .subtitle{
float:right;
font-size:22px;
margin:10px 0 13px 0;
line-height:26px;
color:#9e7d4a
}
.content .about .text .txt_content{
float:right;
color:#968d7c
}
.content .about .text > a{
float:left;
margin:92px 0 0 8px
}
.content .about .img_left{
float:right;
margin:10px 0 0 0
}
.content .mp_contact{
float:right;
width:100%;
position:relative;
margin:58px 0 0 0;
height:78px
}
.content .mp_contact .mp_contact_bg{
position:absolute;
top:0;
height:120px;
right:-50%;
width:200%;
z-index:-1;
background:#b0dcf7;
border-top:1px solid #b0dcf7;
border-bottom:1px solid #b0dcf7
}
.content .mp_contact .inputs{
float:right;
margin:17px 106px 0 0;
width:100%
}
.content .mp_contact .inputs .input{
float:right
}
.content .mp_contact .inputs .input input{
float:right;
border:2px solid #fff;
padding:2px 14px 0 0;
margin:0 0 0 30px;
width:300px;
height:36px;
font-size:22px;
font-family:'Assistant',sans-serif
}
.content .mp_contact .inputs .input .submit{
width:130px;
margin:0 11px 0 0;
height:38px;
padding:0
}
.content .mp_contact .nl_approve{
float:right;
margin:22px 0 0 0;
font-size:18px;
color:#fff
}
.content .mp_contact .nl_approve input[type="checkbox"]{
width:18px;
height:18px;
margin:0 10px 0 0
}
.content .mp_contact .nl_approve label{
cursor:pointer
}
.content .services{
float:right;
width:100%
}
.content .services .services_title{
float:right;
width:100%;
text-align:center;
font-size:38px;
margin:48px 0 20px 0;
font-weight:bold;
color:#3f4d4e
}
.content .services .service:nth-child(even){
float:right;
width:30%;
margin:10px 200px 0 0;
min-height:50px
}
.content .services .service:nth-child(odd){
float:right;
width:40%;
margin:10px 68px 0;
min-height:50px
}
.content .services .service .icon_holder{
float:right;
width:80px;
text-align:center
}
.content .services .service .service_title{
float:right;
font-size:24px;
margin:0 0 0 0;
color:#3f4d4e;
font-weight:bold;
width:330px
}
.content .services .service .service_txt{
float:right;
width:100%;
text-align:center;
font-size:22px
}
.content .services .service .service_link{
font-size:22px;
float:right;
margin:40px 0 0;
width:100%;
text-align:center;
color:#3f4d4e;
text-decoration:none
}
.content .divisions{
float:right;
width:100%;
position:relative
}
.content .divisions .mp_divisions_bg {
position:absolute;
top:20px;
height:526px;
right:-50%;
width:200%;
z-index:-1;
background:#fcfbf7
}
.content .divisions .divisions_title{
float:right;
width:100%;
text-align:center;
font-size:38px;
margin:48px 0 0 0;
font-weight:bold;
color:#3f4d4e
}
.content .divisions .division{
float:right;
width:330px;
margin:53px 68px 0;
text-align:center
}
.content .divisions .division .icon_holder{
float:right;
width:100%;
text-align:center
}
.content .divisions .division .division_title{
float:right;
width:100%;
text-align:center;
font-size:34px;
margin:28px 0 0 0;
color:#3f4d4e;
font-weight:bold
}
.content .divisions .division .division_txt{
float:right;
width:100%;
text-align:center;
font-size:22px
}
.content .divisions .division .division_link{
font-size:22px;
float:right;
margin:20px 0 0;
width:100%;
text-align:center;
color:#3f4d4e;
text-decoration:none;
font-weight:bold
}
.content .title_block {
float:right;
width:100%
}
.content .title_block .title {
float:right;
width:70%;
text-align:center;
font-size:62px;
margin:48px 0 0 0;
font-weight:bold;
color:#3f4d4e
}
.content .title_block .author {
float:right;
width:30%;
text-align:center;
font-size:20px;
margin:92px 0 0 0;
font-weight:bold;
color:#3f4d4e
}
.content .mp_gallery{
float:right;
width:100%;
position:relative;
height:588px;
margin:44px 0 0 0
}
.content .mp_gallery .mp_gallery_bg {
position:absolute;
top:0;
height:588px;
right:-50%;
width:200%;
z-index:-1;
background:#b0dcf7
}
.content .mp_gallery .arrw_right{
position:absolute;
top:248px;
right:35px;
cursor:pointer
}
.content .mp_gallery .arrw_left{
position:absolute;
top:248px;
left:35px;
cursor:pointer
}
.content .mp_gallery .mp_gallery_holder{
position:absolute;
top:43px;
right:116px;
overflow:hidden;
height:502px;
width:1170px
}
.content .mp_gallery .mp_gallery_holder .mp_gallery_slider{
position:absolute;
top:0;
right:0;
width:500000px;
height:100%;
transition:all 0.75s ease
}
.content .mp_gallery .mp_gallery_holder .mp_gallery_slider .row{
float:right;
width:380px;
padding:0 0 0 10px
}
.content .mp_gallery .mp_gallery_holder .mp_gallery_slider .row img{
float:right;
margin:0 0 33px 0;
cursor:pointer
}
.content .recs{
float:right;
width:100%;
height:430px;
position:relative
}
.content .recs .recs_bg {
position:absolute;
top:0;
height:430px;
right:-50%;
width:200%;
z-index:-1;
background:#f9f8f4
}
.content .recs .recs_title{
float:right;
width:100%;
text-align:center;
font-size:38px;
margin:54px 0 0 0;
padding:0;
color:#3f4d4e;
font-weight:bold
}
.content .recs .recs_arrw_right{
position:absolute;
top:210px;
right:34px;
z-index:2;
cursor:pointer
}
.content .recs .recs_arrw_left{
position:absolute;
top:210px;
left:34px;
z-index:2;
cursor:pointer
}
.content .recs .recs_holder{
float:right;
width:100%;
height:440px;
margin:-10px 0 0 0;
overflow:hidden;
position:absolute
}
.content .recs .recs_holder .recs_slider{
position:absolute;
top:0;
right:0;
width:50000px;
height:100%;
transition:all 0.75s ease;
z-index:1
}
.content .recs .recs_holder .row{
float:right;
margin:164px 0 0 0;
padding:0 136px 0 0;
width:1170px
}
.content .recs .recs_holder .recs_slider .rec{
float:right;
width:500px;
border:1px solid #818b8c;
margin:0 0 0 40px;
position:relative;
padding:20px
}
.content .recs .recs_holder .recs_slider .rec .quote{
position:absolute;
top:-40px;
right:-20px
}
.content .recs .recs_holder .recs_slider .equal.rec{
background:url(../../../design/default/css/new_mp_imgs/qoute_left.png) 256px 0 no-repeat;
margin:124px 80px 0 0;
width:500px
}
.content .recs .recs_holder .recs_slider .rec_title{
float:right;
width:100%;
text-align:right;
font-weight:bold;
font-size:18px;
letter-spacing:1px
}
.content .recs .recs_holder .recs_slider .rec_txt{
float:right;
width:100%;
text-align:right;
font-size:20px;
line-height:28px
}
.content .recs .recs_holder .recs_slider .equal .rec_title{
font-size:18px;
margin:148px 0 0 0;
letter-spacing:1px
}
.content .recs .recs_holder .recs_slider .equal .rec_txt{
font-size:24px;
line-height:28px
}
.content .lower_mp_contact{
float:right;
width:100%;
position:relative;
padding:0 0 20px 0
}
.content .lower_mp_contact .contact_right{
float:right;
margin:34px 124px 0 0;
width:478px
}
.content .lower_mp_contact .lower_mp_contact_bg{
position:absolute;
top:0;
right:-50%;
width:200%;
height:608px;
z-index:-1;
background:#b0dcf7
}
.content .lower_mp_contact .contact_right .contact_title{
float:right;
width:298px;
padding:0 90px;
text-align:center;
font-size:40px;
font-weight:bold;
color:#3f4d4e;
line-height:42px
}
.content .lower_mp_contact .contact_right .contact_form{
float:right;
width:100%;
margin:35px 0 0 0
}
.content .lower_mp_contact .contact_right .contact_form input[type="text"]{
float:right;
width:446px;
border:1px solid #3f4d4e;
height:66px;
border-radius:5px;
margin:0 0 30px 0;
padding:0 30px 0 0;
font-size:26px;
font-family:'Assistant',sans-serif
}
.content .lower_mp_contact .contact_right .contact_form .submit{
float:right;
margin:16px 120px 0 0;
padding:0;
width:238px;
height:56px;
border:0;
font-family:'Assistant',sans-serif;
font-size:36px
}
.content .lower_mp_contact .contact_left{
float:left
}
.content .lower_mp_contact .contact_left img{
}
.content .map {
float:right;
position:relative;
width:100%;
height:450px
}
.content .map iframe {
position:absolute;
right:-18%;
width:136%
}
.footer{
float:right;
margin:0 0;
position:relative
}
.footer .footer_bg{
position:absolute;
top:0;
right:-50%;
width:200%;
height:608px;
z-index:-1;
background:#3f4d4e
}
.footer .footer_about{
float:right;
margin:94px 175px 0 0;
width:40%
}
.footer .footer_about .footer_about_title{
float:right;
width:100%;
font-size:24px;
font-weight:bold;
color:#b0dcf7
}
.footer .footer_about .footer_about_txt{
float:right;
width:100%;
font-size:18px;
margin:10px 0 0 0;
color:#fff;
line-height:22px
}
.footer .footer_links{
float:right;
margin:96px 108px 0 0;
width:514px
}
.footer .footer_links .footer_links_row{
float:right;
width:256px
}
.footer .footer_links .footer_links_row .footer_links_row_title{
float:right;
width:100%;
font-size:22px;
font-weight:bold
}
.footer .footer_links .footer_links_row a{
float:right;
width:100%;
font-size:20px;
margin:10px 0 0 0;
color:#fff;
text-decoration:none
}
.footer .footer_contact{
float:right;
width:240px;
margin:96px 176px 0 0
}
.footer .footer_contact .footer_contact_title{
float:right;
width:100%;
font-size:22px;
color:#b0dcf7;
font-weight:bold;
margin:0 16px 0 0
}
.footer .footer_contact .footer_icons{
float:right;
width:250px;
margin:19px 0 0 0
}
.footer .footer_contact .footer_icons .footer_icon{
float:right;
width:100%;
margin-bottom:16px
}
.footer .footer_contact .footer_icons .footer_icon .footer_icons_holder{
float:right;
width:40px;
text-align:center
}
.footer .footer_contact .footer_icons .footer_icon a{
float:right;
width:200px;
text-align:right;
text-decoration:none;
font-size:20px;
color:#fff
}
.footer .footer_contact .footer_icons .contact_btn{
float:right;
margin:19px 12px 0 0;
width:148px;
height:34px;
padding:0;
font-size:22px;
color:black;
background:#b0dcf7
}
.footer_credit {
color:#fff
}
.footer_credit a{
color:#fff
}
.overlay{
position:fixed;
top:0;
right:0;
left:0;
bottom:0;
background:rgba(0,0,0,0.7);
width:100%;
height:100%;
z-index:10;
display:none
}
.overlay .big_img_holder{
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
width:980px;
height:625px;
margin:auto;
z-index:2;
overflow-x:hidden
}
.overlay .big_img_holder #big_img_slider{
position:absolute;
top:0;
right:0;
width:500000px;
height:625px;
transition:all 1s ease
}
.overlay .big_img_holder #big_img_slider img{
float:right
}
.overlay .big_img_arrws_holder{
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
height:625px;
margin:auto;
width:1100px
}
.overlay .big_img_arrws_holder .arrw_right{
position:absolute;
top:300px;
right:0;
cursor:pointer;
z-index:3
}
.overlay .big_img_arrws_holder .arrw_left{
position:absolute;
top:300px;
left:0;
cursor:pointer;
z-index:3
}
/* [Grids and schemes] */
.button{
color:#b0dcf7;
background:#3f4d4e;
text-decoration:none;
font-weight:bold;
text-align:center
}
.button2{
color:black;
background:#fff;
text-decoration:none;
font-weight:bold;
text-align:center
}
.button-md{
width:126px;
height:30px;
padding:5px 0 0 0
}
.accessibility_menu{
display:none
}
@media all and (max-width:480),(max-device-width:480px){
.mobile_btn {
display:block;
float:none;
position:absolute;
left:0;
top:0;
margin:80px 0 0 10px
}
.wrap{
width:480px
}
.header_bg {
right:0;
width:100%;
height:52px
}
.header .header_contact {
margin-right:0
}
.header .header_contact .phone_mobile{
display:inline-block;
float:right;
margin:12px 0 0 0
}
.header .header_contact .header_icons_holder {
float:right;
margin-top:15px;
margin-right:15px;
display:none
}
.header .header_contact .header_email {
margin-right:0;
width:50%;
text-align:center;
margin-left:40%;
display:none
}
.header .header_contact .header_address {
margin-right:0;
width:50%;
text-align:center;
margin-left:40%;
line-height:30px;
display:none
}
.header .header_contact p {
margin-right:50px;
width:50%;
text-align:center
}
.header .logo {
margin:21px 0 0 0;
width:100%;
text-align:center;
height:130px;
background:url(../../../design/default/css/logo.jpg) top center no-repeat
}
.header .logo h1{
display:none
}
.content .slider {
height:148px
}
.content .about {
margin:25px 0 0 0
}
.content .about .text {
width:92%;
margin:0 20px 0 20px
}
.content .about .text > a {
margin:42px 0 0 8px
}
.content .about .img_left {
display:none
}
.content .mp_contact {
height:278px
}
.content .mp_contact .mp_contact_bg {
height:304px;
right:0;
width:100%
}
.content .mp_contact .inputs {
float:right;
margin:35px 17% 0 17%;
width:66%
}
.content .mp_contact .inputs .input input {
margin:0 0 14px 30px;
width:316px
}
.content .mp_contact .inputs .input .submit {
width:316px;
margin:0 0 0 0;
height:38px;
padding:0;
background:url(../../../design/default/css/new_mp_imgs/send_btn.png) no-repeat;
background-size:100%;
border:none
}
.content .services .service:nth-child(odd),.content .services .service:nth-child(even) {
width:90%;
margin:10px 24px 0
}
.content .services .services_title {
font-size:46px
}
.content .divisions .mp_divisions_bg {
right:0;
width:100%;
height:100%
}
.content .divisions .divisions_title {
font-size:46px
}
.content .divisions .division {
margin:33px 68px 0;
border-bottom:1px solid #d1d1cf;
padding-bottom:30px
}
.content .divisions .division:last-child {
border-bottom:none
}
.content .title_block .title {
width:100%
}
.content .title_block .author {
width:100%;
margin:12px 0 0 0;
color:#3f4d4e
}
.content .mp_gallery {
height:508px
}
.content .mp_gallery .mp_gallery_bg {
right:0;
width:100%;
height:100%
}
.content .mp_gallery .arrw_right {
top:208px
}
.content .mp_gallery .arrw_left {
top:208px
}
.content .mp_gallery .mp_gallery_holder {
right:90px;
width:298px
}
.content .mp_gallery .mp_gallery_holder .mp_gallery_slider {
max-width:none
}
.content .mp_gallery .mp_gallery_holder .mp_gallery_slider .row {
float:right;
width:298px;
padding:0 0 0 10px
}
.content .mp_gallery .mp_gallery_holder .mp_gallery_slider .row img {
width:298px
}
.content .recs {
overflow-x:visible;
height:460px
}
.content .recs .recs_bg {
right:0;
width:100%;
height:100%
}
.content .recs .recs_title {
margin:24px 0 0 0
}
.content .recs .recs_holder .recs_slider {
max-width:none
}
.content .recs .recs_holder .row {
float:right;
margin:134px 0 0 0;
padding:0 86px 0 0;
width:310px;
max-width:none
}
.content .recs .recs_holder .recs_slider .rec {
width:270px;
border:none
}
.content .recs .recs_holder .recs_slider .rec_title {
text-align:center
}
.content .recs .recs_holder .recs_slider .rec_txt {
text-align:center
}
.content .recs .recs_holder {
height:470px
}
.content .recs .recs_holder .recs_slider .rec .quote {
position:absolute;
top:-20px;
right:0
}
.content .recs .recs_holder .recs_slider .rec .quote2 {
position:absolute;
bottom:-20px;
left:0
}
.content .lower_mp_contact .lower_mp_contact_bg {
position:absolute;
top:0;
right:0;
width:100%;
height:658px;
z-index:-1
}
.content .lower_mp_contact .contact_right {
margin:34px 0 0 0
}
.content .lower_mp_contact .contact_left {
margin:40px 0 0 0
}
.content .lower_mp_contact .contact_right .contact_form {
width:90%;
margin:35px 5% 0 5%
}
.content .lower_mp_contact .contact_right .contact_form input[type="text"] {
width:93%
}
.content .lower_mp_contact .contact_right .contact_form .submit {
margin:16px 100px 0 0;
background-size:100%;
border:none
}
.content .map iframe {
position:absolute;
right:0;
width:100%
}
.footer .footer_bg {
right:0;
width:100%;
height:100%
}
.footer .footer_about {
margin:30px 10% 0 0;
width:80%;
border-bottom:1px solid #b0dcf7;
padding-bottom:20px
}
.footer .footer_links {
margin:16px 10% 0 0;
width:90%
}
.footer .footer_links .footer_links_row {
width:45%;
margin:0 0 0 5%
}
.footer .footer_contact {
width:100%;
margin:16px 0 0 0
}
.footer .footer_contact .footer_contact_title {
width:100%;
margin:0 0 0 0;
text-align:center
}
.footer .footer_contact .footer_icons {
width:50%;
margin:19px 25% 10px 0
}
.footer .footer_contact .footer_icons .contact_btn {
width:228px
}
.overlay .big_img_arrws_holder {
height:306px;
width:100%
}
.overlay .big_img_holder {
height:306px
}
.overlay .big_img_holder {
width:480px
}
.overlay .big_img_holder #big_img_slider {
max-width:none;
height:306px
}
.overlay .big_img_arrws_holder .arrw_right {
top:125px
}
.overlay .big_img_arrws_holder .arrw_left {
top:125px
}
}