@import 'https://fonts.googleapis.com/css?family=Assistant';
.demo{
position:absolute;
top:0;
left:0;
right:0;
margin:0 auto;
width:1400px;
height:4067px;
background:url(../../../design/default/css/demo.jpg) top center no-repeat;
z-index:1
}
.real{
position:relative;
z-index:2;
opacity:0.7
}
body{
-webkit-appearance:none;
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:#9a002e;
z-index:-1
}
.header .header_contact{
float:right;
width:60%;
margin:0 20%;
height:46px
}
/*.header .header_contact a,
.header .header_contact p{
float:right;
color:#fff;
text-decoration:none;
font-size:20px;
margin-top:9px;
margin-left:0;
margin-bottom:0;
letter-spacing:0.5px;
font-weight:bold
}*/
.header .header_contact .header_email{
margin-right:271px
}
.header .header_contact .header_address{
margin-right:23px
}
.header .header_contact .header_phone{
margin-right:10px;
font-weight:bold;
color:#fff
}
.header .header_contact p{
margin-right:23px
}
.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:74px 0 0 0;
width:890px;
font-size:20px
}
.header .menu a{
float:right;
text-decoration:none;
color:black;
margin-left:46px
}
.content .slider{
position:relative;
float:right;
width:100%;
height:430px;
margin:7px 0 0 0
}
.content .slider .contact_left{
left:0;
width:478px;
z-index:100;
position:absolute;
background:#c8a872;
height:100%
}
.content .slider .contact_left .contact_title{
float:right;
width:337px;
padding:20px 70px;
text-align:center;
font-size:34px;
font-weight:bold;
color:#fff;
line-height:36px
}
.content .slider .contact_left .contact_form{
float:right;
width:100%;
margin:0 0 0 0
}
.content .slider .contact_left .contact_form input[type="text"]{
float:right;
width:330px;
height:36px;
border:none;
margin:0 74px 22px 74px;
padding:0 21px 0 0;
font-size:26px;
font-family:'Assistant',sans-serif
}
.content .slider .contact_left .contact_form select{
/*-webkit-appearance:none;
*/
float:right;
width:330px;
height:36px;
border:none;
margin:0 74px 22px 74px;
padding:0 21px 0 0;
font-size:26px;
font-family:'Assistant',sans-serif;
background:#fff;
box-sizing:content-box
}
.content .slider .contact_left .contact_form .submit{
float:right;
margin:4px 74px 0 74px;
padding:0;
width:350px;
height:44px;
border:0;
font-family:'Assistant',sans-serif;
font-size:26px
}
.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:#c8a872
}
.content .about .text .subtitle{
float:right;
font-size:22px;
margin:10px 0 13px 0;
line-height:26px;
color:#757472
}
.content .about .text .txt_content{
float:right
}
.content .about .text > a{
float:left;
margin:92px 0 0 8px
}
.content .about .img_left{
float:right;
margin:10px 0 0 0
}
.content .about .img_right{
float:right;
margin:10px 0 0 0
}
.content .about .block-left{
float:left
}
.content .mp_contact{
float:right;
width:100%;
position:relative;
margin:58px 0 0 0;
height:178px
}
.content .mp_contact .mp_contact_bg{
position:absolute;
top:0;
height:176px;
right:-50%;
width:200%;
z-index:-1;
background:#c8a872;
border-top:1px solid #c8a872;
border-bottom:1px solid #c8a872
}
.content .mp_contact .contact_title {
text-align:center;
float:right;
width:100%;
margin:20px 0 0 0;
color:#fff;
font-weight:bold;
font-size:36px
}
.content .mp_contact .inputs{
float:right;
margin:17px 106px 0 0;
width:100%
}
.content .mp_contact .inputs .input{
float:right
}
.content .mp_contact .radio_inputs{
float:right;
width:100%;
margin:10px 0 0 0;
font-size:22px
}
.content .mp_contact .radio_inputs input[type="radio"]{
float:right;
height:26px;
width:26px
}
.content .mp_contact .radio_inputs .radio_input{
float:right;
margin:0 0 0 40px
}
.content .mp_contact .inputs .input input{
float:right;
border:none;
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 .divisions{
float:right;
width:100%
}
.content .divisions .divisions_title{
float:right;
width:100%;
text-align:center;
font-size:38px;
margin:48px 0 0 0;
font-weight:bold;
color:#c8a872
}
.content .divisions .division{
float:right;
width:330px;
margin:40px 68px 0;
padding:0 0 40px 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:#9a002e
}
.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:40px 0 0;
width:100%;
text-align:center;
color:#c8a872;
text-decoration:none
}
.content .mp_gallery{
float:right;
width:100%;
position:relative;
height:588px;
margin:44px 0 0 0
}
.content .mp_gallery .gallery_title {
float:right;
width:100%;
text-align:center;
font-size:38px;
margin:8px 0 0 0;
font-weight:bold;
color:#c8a872
}
.content .mp_gallery .arrw_right{
position:absolute;
top:298px;
right:35px;
cursor:pointer
}
.content .mp_gallery .arrw_left{
position:absolute;
top:298px;
left:35px;
cursor:pointer
}
.content .mp_gallery .mp_gallery_holder{
position:absolute;
top:93px;
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:360px;
position:relative;
overflow:hidden
}
.content .recs .recs_title{
float:right;
width:100%;
text-align:center;
font-size:38px;
margin:54px 0 0 0;
padding:0;
color:#c8a872;
font-weight:bold
}
.content .recs .recs_arrw_right{
position:absolute;
top:179px;
right:34px;
z-index:2;
cursor:pointer
}
.content .recs .recs_arrw_left{
position:absolute;
top:179px;
left:34px;
z-index:2;
cursor:pointer
}
.content .recs .recs_holder{
/*float:right;
width:100%;
height:280px;
margin:-10px 0 0 0;
*/
position:absolute;
top:93px;
right:116px;
overflow:hidden;
height:280px;
width:1170px
}
.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:0 0 0 0;
padding:0 0 0 0;
width:1170px
}
.content .recs .recs_holder .recs_slider .rec{
float:right;
width:100%;
/*background:url(../../../design/default/css/new_mp_imgs/qoute_right.png)  322px 0 no-repeat;
*/
height:100%
}
.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:100%
}
.content .recs .recs_holder .recs_slider .rec_title{
float:right;
width:100%;
text-align:right;
font-weight:bold;
font-size:22px;
margin:86px 0 0 0;
letter-spacing:1px;
color:#9a002e
}
.content .recs .recs_holder .recs_slider .rec_txt{
float:right;
width:100%;
text-align:right;
font-size:24px;
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
}
.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:#E5EFF0
}
.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:#1392a9;
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 #1391aa;
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
}
.footer{
float:right;
margin:18px 0
}
.footer .footer_about{
float:right;
margin:94px 75px 0 0;
width:298px
}
.footer .footer_about .footer_about_title{
float:right;
width:100%;
font-size:24px;
font-weight:bold;
color:#9a002e
}
.footer .footer_about .footer_about_txt{
float:right;
width:100%;
font-size:18px;
margin:10px 0 0 0;
color:#000;
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:#000;
text-decoration:none
}
.footer .footer_contact{
float:right;
width:240px;
margin:96px 85px 0 0
}
.footer .footer_contact .footer_contact_title{
float:right;
width:100%;
font-size:22px;
color:#9a002e;
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:#000
}
.footer .footer_contact .footer_icons .contact_btn{
float:right;
margin:19px 12px 0 0;
width:218px;
height:34px;
padding:0;
font-size:22px
}
.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{
-webkit-appearance:none;
color:#fff;
background:#9a002e;
text-decoration:none;
font-weight:bold;
text-align:center
}
.button-md{
width:126px;
height:30px;
padding:5px 0 0 0
}
@media all and (max-width:480),(max-device-width:480px){
.mobile_btn {
display:block;
float:none;
position:absolute;
left:0;
top:0;
margin:70px 0 0 10px
}
.wrap{
width:480px
}
.header_bg {
right:0;
width:100%;
height:43px
}
.header .header_contact{
width:100%;
margin:0
}
.header .header_contact .header_email {
margin-right:0;
width:100%;
text-align:center
}
.header .header_contact .header_address {
margin-right:5px;
width:auto;
text-align:center
}
.header .header_contact .header_phone {
margin-right:5px
}
.header .header_contact p {
margin-right:1%
}
/*.header .header_contact a,.header .header_contact p {
font-size:18px
} */
.header .logo {
margin:21px 0 0 0;
width:100%;
text-align:center;
height:92px;
background:url(../../../design/default/css/logo.png) top center no-repeat
}
.header .logo h1{
display:none
}
.content .slider {
height:auto;
position:relative;
float:right;
margin:0
}
.content .slider .slider_holder {
position:relative;
float:right;
height:147px
}
.content .slider .contact_left {
width:100%;
position:relative;
float:right;
height:430px
}
.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 .mp_contact {
height:420px
}
.content .mp_contact .mp_contact_bg {
height:394px;
right:0;
width:100%
}
.content .mp_contact .inputs {
float:right;
margin:35px 17% 0 17%;
width:66%
}
.content .mp_contact .radio_inputs .radio_input {
float:right;
margin:0 0 0 10px
}
.content .mp_contact .inputs .input input {
margin:0 0 14px 30px
}
.content .mp_contact .inputs .input .submit {
width:300px;
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 .divisions .division{
border-bottom:1px solid #646a6c
}
.content .divisions .division:last-child{
border-bottom:none
}
.content .mp_gallery {
height:508px
}
.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:400px
}
.content .recs .recs_title {
margin:24px 0 0 0
}
/*.content .recs .recs_holder .recs_slider {
max-width:none
}*/
.content .recs .recs_holder {
height:320px;
right:20px;
width:368px
}
.content .recs .recs_holder .recs_slider {
max-width:none
}
.content .recs .recs_holder .recs_slider .rec_title{
margin:16px 0 0 0
}
.content .recs .recs_holder .row {
float:right;
margin:0 0 0 0;
padding:0 77px 0 0;
width:282px;
max-width:none
}
.content .recs .recs_holder .recs_slider .rec {
width:282px;
height:auto;
/*background:url(../../../design/default/css/new_mp_imgs/qoute_right.png) 100px 0 no-repeat;
*/
}
.content .lower_mp_contact .lower_mp_contact_bg {
position:absolute;
top:0;
right:0;
width:100%;
height:658px;
z-index:-1;
background:#E5EFF0
}
.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:url(../../../design/default/css/new_mp_imgs/send_btn2.png) no-repeat;
background-size:100%;
border:none
}
.footer .footer_about {
margin:10px 10% 0 0;
width:80%;
text-align:center
}
.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
}
.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
}
}