.header{height: 100vh;}
body {height: 100%;font-family: 'Montserrat', sans-serif;font-size: 14px;background-color: #fff;font-style: normal;margin: 0 auto;overflow-x: hidden;}
header, main, footer {position:relative;width: 100%;margin: 0 auto;}
.container {max-width: 1140px !important;margin:0 auto;position: relative;}
*,*::before,*::after {-webkit-box-sizing: border-box;box-sizing: border-box;}
div[onclick*=openPopup]:hover {cursor: pointer;-webkit-box-shadow: 0px 0px 4px rgb(0, 0, 0);box-shadow: 0px 0px 4px rgb(0, 0, 0);}
a {border-bottom: 1px dashed #fff; color:#fff; text-decoration: none;}
.header::after{background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), color-stop(30%, rgba(0, 0, 0, 0.6)));background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.6) 30%);background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.6) 30%);}
.header::before{content: none !important;}
.mainmenubtn{background-color: #fff;}
.sc1_2{position:relative;margin: 0;padding: 10px;z-index: 1;background: -o-radial-gradient(circle, #fff 45%, #cfccc5 95%);background: radial-gradient(circle, #fff 45%, #cfccc5 95%);border: 2px solid transparent;border-radius: 15px;-webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);}
.mdt_h_1{color:#006604;text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);}
.mdt_h_2{margin:0;text-shadow: #000 0px 0px 0px;color:#333333;}
.mdt_h_3{position:unset; margin:1em auto 1em;height: 3.0rem;}
.mdt_h_31{margin:1em auto 1em;height: 3.0rem;background: url('../../img/download/mediterranean/dwn_tg.png') top center /contain no-repeat;}
.mdt_h_31:hover {cursor: pointer;}
.mdt_h_311{margin: 1em auto 1em;height: 4rem;width: 12rem;background: url(../../img/download/mediterranean/dwn_wa.png) top center / contain no-repeat;color: #fff;padding: 0.7rem 0.5rem 1.5rem 3.0rem;font-size: 1.0rem;text-align: center;}
.mdt_h_311:hover {cursor: pointer;}
.mdt_h_33{display:block;}
.mdt_h_33 li span{color:#E68A00;font-weight: bold;}
.m_c1{height: -webkit-fit-content;height: -moz-fit-content;height: fit-content;background: url('../../img/download/mediterranean/2.jpg') left bottom/contain no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fcfbff), to(#e6f2fe));background: url('../../img/download/mediterranean/2.jpg') left bottom/contain no-repeat, -o-linear-gradient(top, #fcfbff, #e6f2fe);background: url('../../img/download/mediterranean/2.jpg') left bottom/contain no-repeat, linear-gradient(to bottom, #fcfbff, #e6f2fe);font-size: 1rem;line-height: 1.3rem;}
.m_c1 .m_c2_3 {margin: 0;}
.m_c1 .m_c2_3 .mdt_h_3 {margin: 2em 0 10rem auto; background: -webkit-gradient(linear, left top, left bottom, from(#a6d5e9), to(#006792)); background: -o-linear-gradient(top, #a6d5e9 0%, #006792 100%); background: linear-gradient(180deg, #a6d5e9 0%, #006792 100%);}
.m_c1_1{width: 100%; padding: 0;text-align: right;font-size: 4vw;line-height: 1;font-weight: 700;text-transform: uppercase;color: rgba(99, 152, 0, 0.6);}
.m_c1_2, .m_c2_1, .m_c3_2, .m_c5_1, .m_c5_2_1_2 span, .m_c5_3_1_2 span, .m_c5_4_1_2 span, .m_c5_5_1_2 span {text-align: center;color: rgba(0, 102, 4, 1);font-size: 1.0em;line-height: 1.5em;font-weight: 600;text-transform: uppercase;}
.m_c1_4{overflow: hidden;}
.m_c1_4:nth-child(1)::before{background: url('../../img/mediterranean/m_c1_4_1.png') top right /contain no-repeat;}
.m_c1_4:nth-child(2)::before{background: url('../../img/mediterranean/m_c1_4_2.png') top right /contain no-repeat;}
.m_c1_4:nth-child(3)::before{background: url('../../img/mediterranean/m_c1_4_3.png') top right /contain no-repeat;}
.m_c1_4:nth-child(4)::before{background: url('../../img/mediterranean/m_c1_4_4.png') top right /contain no-repeat;}
.m_c1_4 h3{font-size: 1.0em;line-height: 1.4em;}
.m_c1_4 .mdt_h_3 {background: -webkit-gradient(linear, left top, left bottom, from(#99A12D), to(#577A40));background: -o-linear-gradient(top, #99A12D 0%, #577A40 100%);background: linear-gradient(180deg, #99A12D 0%, #577A40 100%);}
.m_c1_8 h2 {width:60%;height:12.5rem;line-height: 2.0rem;text-align: left;}
.m_c1_8 h3 {line-height: 1.3rem;}
.m_c1_9{background:url('../../img/download/mediterranean/m_c1_1.png') top right /50% no-repeat;}
.m_c3{position: relative;padding: 2rem 1rem 0;background-color: #FFF2CF;margin:0;}
.m_c3_7 {width: 6rem;height: 13rem;bottom: 0rem;right: 0rem;background: url('../../img/mediterranean/m_c3_7.png') top right/contain no-repeat;z-index: 1;}
.m_c3_3_3 { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 1 / 2 / 3 / 3; background: url('../../img/download/mediterranean/c9.png') center center/contain no-repeat;}
.footer{background: url('../../img/download/mediterranean/10.jpg') left bottom/cover no-repeat;}
/***************************СМАРТФОН**************************************/
@media (min-width:120px) {
.header {height: 150vh;background: url(../../img/download/mediterranean/1-320.jpg) left bottom/cover no-repeat;}
.overlay div:nth-child(4) {top:10px;}
.mdt_h_1::before {content: none;float: none;width: auto;height: auto;}
.mdt_h_1 {font-size: 1.2rem;line-height: 1.7rem;}
.mdt_h_1 span{color:#E68A00;}
.mdt_h_2 {font-size: 0.8rem;}
.sc1_2{width: 90%;top: 3%;left: 2%;}
.m_c1{background: url('../../img/download/mediterranean/2-360.jpg') left bottom/contain no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e6f2fe));background: url('../../img/download/mediterranean/2-360.jpg') left bottom/contain no-repeat, -o-linear-gradient(top, #fefefe, #e6f2fe);background: url('../../img/download/mediterranean/2-360.jpg') left bottom/contain no-repeat, linear-gradient(to bottom, #fefefe, #e6f2fe);}
.footer{background: url('../../img/download/mediterranean/10-360.jpg') left bottom/cover no-repeat;}
}
/*Samsung Galaxy S9+*/
@media  (min-width:320px) /*and (max-width:360px)*/ {
.header {height: 130vh;}    
.sc1_2{width: 90%;}
.mdt_h_33{font-size: 0.7rem;}
} 
/*Samsung Galaxy Note 9,Samsung Galaxy S8,Samsung Galaxy S III*/
@media (min-width:359px) /*and (max-width:375px)*/ {
.header {height: 109vh;background: url(../../img/download/mediterranean/1-411.jpg) left bottom/cover no-repeat;}
.footer{background: url('../../img/download/mediterranean/10-411.jpg') left bottom/cover no-repeat;}
} 
/*Ulefone*/
@media (width: 360px) and (min-height: 535px) and (max-height: 645px) {
    .header {height: 130vh;}
}
/*iPhone 6/7/8/,iPhone SE,iPhone X*/
@media (min-width:375px) /*and (max-width:390px)*/ {
.m_c1{background: url('../../img/download/mediterranean/2-411.jpg') left bottom/contain no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fcfbff), to(#e6f2fe));background: url('../../img/download/mediterranean/2-411.jpg') left bottom/contain no-repeat, -o-linear-gradient(top, #fcfbff, #e6f2fe);background: url('../../img/download/mediterranean/2-411.jpg') left bottom/contain no-repeat, linear-gradient(to bottom, #fcfbff, #e6f2fe);}
.sc1_2{top: 7%;}
} 
/*iPhone 12 Pro*/
@media (min-width:390px) /*and (max-width:411px)*/ {
.header {height: 100vh;}
}
/*Google Pixel 2 XL,Google Pixel 2,Samsung Galaxy A51 / 71,iPhone 6/7/8/ Plus,iPhone XR*/
@media (min-width:411px) /*and (max-width:475px)*/ {
.header {background: url(../../img/download/mediterranean/1-475.jpg) left bottom/cover no-repeat;}
.sc1_2{width: 90%;}
.mdt_h_3 {margin: 2em auto 2em;}
.m_c1_8 h3 {line-height: 1.6rem;}
.footer{background: url('../../img/download/mediterranean/10-475.jpg') left bottom/cover no-repeat;}
} 
@media (min-width:475px) /*and (max-width:580px)*/ {
.header {background: url(../../img/download/mediterranean/1-580.jpg) left bottom/cover no-repeat;}
.sc1_2{width: 80%;top: 10%;}
.m_c1{background: url('../../img/download/mediterranean/2-475.jpg') left bottom/contain no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fcfbff), to(#e6f2fe));background: url('../../img/download/mediterranean/2-475.jpg') left bottom/contain no-repeat, -o-linear-gradient(top, #fcfbff, #e6f2fe);background: url('../../img/download/mediterranean/2-475.jpg') left bottom/contain no-repeat, linear-gradient(to bottom, #fcfbff, #e6f2fe);}
} 
@media (min-width:580px) /*and (max-width:680px)*/ {
.header {background: url(../../img/download/mediterranean/1-680.jpg) left bottom/cover no-repeat;}
.mdt_h_1 {font-size: 1.3rem;line-height: 2.2rem;}
.mdt_h_3 {-webkit-box-sizing: unset;box-sizing: unset;padding: 0.4rem 0;}
.m_c1{background: url('../../img/download/mediterranean/2-580.jpg') left bottom/contain no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fcfbff), to(#e6f2fe));background: url('../../img/download/mediterranean/2-580.jpg') left bottom/contain no-repeat, -o-linear-gradient(top, #fcfbff, #e6f2fe);background: url('../../img/download/mediterranean/2-580.jpg') left bottom/contain no-repeat, linear-gradient(to bottom, #fcfbff, #e6f2fe);}
.m_c1_4 {-webkit-box-flex: 0;-ms-flex: 0 0 calc(50% - 10px);flex: 0 0 calc(50% - 10px);}
.m_c1_4 .mdt_h_3{width: 12rem;height: 2.5rem;font-size: 1.2rem;}
.m_c1_8 h2 {height: 21rem;line-height: 3.2rem;}
.m_c1_8 h3 {line-height: 2.6rem;}
.footer{background: url('../../img/download/mediterranean/10-580.jpg') left bottom/cover no-repeat;}
}
/*Samsung Galaxy Note 5*/
@media (min-width:680px) /*and (max-width:760px)*/ {
.header {background: url(../../img/download/mediterranean/1-760.jpg) left bottom/cover no-repeat;}
.overlay div:nth-child(3) {display:none;}
.mdt_h_1 {font-size: 1.6rem;line-height: 2.2rem;}
.mdt_h_2 {font-size: 1.2rem;}
.m_c1{background: url('../../img/download/mediterranean/2-680.jpg') left bottom/contain no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fcfbff), to(#e6f2fe));background: url('../../img/download/mediterranean/2-680.jpg') left bottom/contain no-repeat, -o-linear-gradient(top, #fcfbff, #e6f2fe);background: url('../../img/download/mediterranean/2-680.jpg') left bottom/contain no-repeat, linear-gradient(to bottom, #fcfbff, #e6f2fe);}
.footer{background: url('../../img/download/mediterranean/10-680.jpg') left bottom/cover no-repeat;}
} 
/****************************************планшет*********************************/
@media (min-width:760px) /*and (max-width:806px)*/ {
.header {background: url(../../img/download/mediterranean/1-806.jpg) left bottom/cover no-repeat;}
.mdt_h_1 {font-size: 1.8rem;line-height: 2.4rem;}
.mdt_h_2 {width: 100%;}
.mdt_h_3 {width: 14rem;font-size: 1.2rem;}
.m_c1{background: url('../../img/download/mediterranean/2-760.jpg') left bottom/contain no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fcfbff), to(#e6f2fe));background: url('../../img/download/mediterranean/2-760.jpg') left bottom/contain no-repeat, -o-linear-gradient(top, #fcfbff, #e6f2fe);background: url('../../img/download/mediterranean/2-760.jpg') left bottom/contain no-repeat, linear-gradient(to bottom, #fcfbff, #e6f2fe);}
.m_c1 .m_c2_3 {margin: 2rem 0 0 0;}
.m_c1 .mdt_h_3 {margin: 2em 0 0rem auto;}
.m_c1_4 {-webkit-box-flex: 0;-ms-flex: 0 0 calc(50% - 10px);flex: 0 0 calc(50% - 10px);}
.m_c1_8 h2 {height: 26rem;line-height: 4rem;}
.mdt_h_33{font-size: 1rem;}
.footer{background: url('../../img/download/mediterranean/10-760.jpg') left bottom/cover no-repeat;}
} 
/*Apple iPad 10.2,Apple iPad Pro 11″*/
@media (min-width:806px){
.header {background: url(../../img/download/mediterranean/1.jpg) left bottom/cover no-repeat;}
.sc1_2 {top: 35%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 35%;}
.mdt_h_1{font-size: 1.2rem;line-height: 1.5rem;}
.mdt_h_2 {font-size: 0.8rem;width: 100%;}
.mdt_h_3 {padding: 0.1rem 0;}
.sc1_2 {top: 40%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 75%;opacity: 0.9;}
.m_c1{background: url('../../img/download/mediterranean/2-806.jpg') left bottom/contain no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fcfbff), to(#e6f2fe));background: url('../../img/download/mediterranean/2-806.jpg') left bottom/contain no-repeat, -o-linear-gradient(top, #fcfbff, #e6f2fe);background: url('../../img/download/mediterranean/2-806.jpg') left bottom/contain no-repeat, linear-gradient(to bottom, #fcfbff, #e6f2fe);}
.footer{background: url('../../img/download/mediterranean/10-806.jpg') left bottom/cover no-repeat;}
} 
/******нетбук*****/
@media (min-width:1024px) /*and (max-width:1240px)*/ {
.header {height:715px;background: url(../../img/download/mediterranean/1.jpg) left center/cover no-repeat;}
.mdt_h_1{font-size: 1.4rem;line-height: 1.9rem;}
.sc1_2 {top:39%;}
.m_c1{background: url('../../img/download/mediterranean/2.jpg') left bottom/contain no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fcfbff), to(#e6f2fe));background: url('../../img/download/mediterranean/2.jpg') left bottom/contain no-repeat, -o-linear-gradient(top, #fcfbff, #e6f2fe);background: url('../../img/download/mediterranean/2.jpg') left bottom/contain no-repeat, linear-gradient(to bottom, #fcfbff, #e6f2fe);}
.m_c1 h2 {margin:0; font-size:3.2rem; line-height: 4.5rem;}
.m_c1 h3 {font-size:1.5rem;; line-height: 4rem;}
.m_c1_1{margin: 0 0 1rem 0;}
.m_c1 .m_c2_3 .mdt_h_3 {margin: 2rem 0 18rem auto;}
.m_c1_2 {font-size:2rem; background: none;}
.m_c1_9{background:url('../../img/download/mediterranean/m_c1_1.png') top right /contain no-repeat;}
.m_c1_8 h2 {height: auto; line-height: 5rem;}
.m_c1_8 h3 {width: 55%;text-align: left;}
.footer{background: url('../../img/download/mediterranean/10.jpg') left bottom/cover no-repeat;}
.f2 {display: -webkit-box;display: -ms-flexbox;display: flex;}
} 