add upper block offline-map

Author: 3004Kristina

landing_page/mainpage/static/css/style.css

@@ -825,7 +825,7 @@ header {
 .hero {
     background: url("../images/imagehero.jpg") #252526 50% 50% no-repeat;
     color: #ffffff;
-    padding: 170px 0 0;
+    padding: 170px 0 50px;
     background-size: cover;
 }
 
@@ -4010,13 +4010,19 @@ ul.installment-plan li:before {
     }
 }
 
-.price-second .price-list {
+#swich_block_online .price-second .price-list {
     display: flex;
     flex-direction: row;
     justify-content: center;
     margin: 0 -25px;
 }
 
+.price-list {
+    display: flex;
+    flex-direction: row;
+    margin: 0 -25px;
+}
+
 .price-list.offline-list {
     padding-top: 10px;
 }
@@ -4102,11 +4108,16 @@ ul.installment-plan li:before {
     padding-top: 0;
 }
 
-.price-second .price-list .price-item {
+#swich_block_online .price-list .price-item {
     padding: 20px;
     margin: 15px 100px;
 }
 
+.price-second .price-list .price-item {
+    padding: 20px;
+    margin: 15px;
+}
+
 @media (max-width: 1300px){
     .price-second .price-list .price-item {
         padding: 20px;
@@ -4137,6 +4148,10 @@ ul.installment-plan li:before {
     padding: 100px 0;
 }
 
+.offline-map.upper{
+    padding: 100px 0 0;
+}
+
 .offline-map .pc-section-header{
     padding-bottom: 67px;
 }
@@ -4258,6 +4273,10 @@ ul.installment-plan li:before {
         padding: 0px;
     }
 
+    .offline-map.upper {
+        padding: 0px;
+    }
+
     .offline-map .pc-section-header h2 {
         text-align: left;
         text-transform: uppercase;
@@ -4293,7 +4312,7 @@ ul.installment-plan li:before {
         font-size: 16px;
     }
 
-    .price-second .price-list{
+    #swich_block_online .price-second .price-list{
         flex-direction: column;
     }
 }
@@ -4404,19 +4423,33 @@ ul.installment-plan li:before {
     height: 826px;
 }
 
+#upper-offline-map {
+    width: 100%;
+    height: 826px;
+}
+
 @media (max-width: 992px) {
 
     #offline-map{
         height: 560px;
         margin-bottom: 30px;
     }
+
+    #upper-offline-map{
+        height: 560px;
+        margin-bottom: 30px;
+    }
 }
 
 @media (max-width: 760px){
     #offline-map{
         height: 400px;
     }
 
+    #upper-offline-map{
+        height: 400px;
+    }
+
     .offline_city_content_wrapper h3{
         font-size: 20px;
         margin: 0 0 24px;
@@ -4469,6 +4502,10 @@ ul.installment-plan li:before {
         height: 400px;
     }
 
+    #upper-offline-map{
+        height: 400px;
+    }
+
     .offline_city_content_wrapper h3{
         font-size: 18px;
         margin: 0 0 24px;
@@ -4521,6 +4558,10 @@ ul.installment-plan li:before {
         height: 550px;
     }
 
+    #upper-offline-map{
+        height: 550px;
+    }
+
     .offline_city_content_wrapper h3{
         font-size: 16px;
         margin: 0 0 25px;
@@ -4579,46 +4620,89 @@ ul.installment-plan li:before {
     box-sizing: border-box !important;
 }
 
+#upper-offline-map .ymaps-2-1-78-balloon,
+#upper-offline-map .ymaps-2-1-78-balloon *,
+#upper-offline-map .ymaps-2-1-78-balloon *:before,
+#upper-offline-map .ymaps-2-1-78-balloon *:after {
+    box-sizing: border-box !important;
+}
+
 #offline-map .ymaps-2-1-78-balloon__tail:after{
     display: none;
 }
 
+#upper-offline-map .ymaps-2-1-78-balloon__tail:after{
+    display: none;
+}
+
 #offline-map .ymaps-2-1-78-balloon__close+.ymaps-2-1-78-balloon__content{
     padding: 0 !important;
 }
 
+#upper-offline-map .ymaps-2-1-78-balloon__close+.ymaps-2-1-78-balloon__content{
+    padding: 0 !important;
+}
+
 #offline-map .ymaps-2-1-78-balloon__content {
     padding: 0 !important;
 }
 
+#upper-offline-map .ymaps-2-1-78-balloon__content {
+    padding: 0 !important;
+}
+
 #offline-map .ymaps-2-1-78-balloon__content > ymaps[id] {
     /*width: 100% !important;*/
     /*height: 100% !important;*/
     /*overflow: visible !important;*/
     padding: 30px;
 }
 
+#upper-offline-map .ymaps-2-1-78-balloon__content > ymaps[id] {
+    /*width: 100% !important;*/
+    /*height: 100% !important;*/
+    /*overflow: visible !important;*/
+    padding: 30px;
+}
+
 #offline-map .ymaps-2-1-78-balloon__layout{
     width: 100%;
     height: 100%;
 }
 
+#upper-offline-map .ymaps-2-1-78-balloon__layout{
+    width: 100%;
+    height: 100%;
+}
+
 @media (max-width: 760px){
     #offline-map .ymaps-2-1-78-balloon__content > ymaps[id] {
         padding: 20px;
     }
+
+    #upper-offline-map .ymaps-2-1-78-balloon__content > ymaps[id] {
+        padding: 20px;
+    }
 }
 
 @media (max-width: 500px){
     #offline-map .ymaps-2-1-78-balloon__content > ymaps[id] {
         padding: 12px;
     }
+
+    #upper-offline-map .ymaps-2-1-78-balloon__content > ymaps[id] {
+        padding: 12px;
+    }
 }
 
 @media (max-width: 400px){
     #offline-map .ymaps-2-1-78-balloon__content > ymaps[id] {
         padding: 17px;
     }
+
+    #upper-offline-map .ymaps-2-1-78-balloon__content > ymaps[id] {
+        padding: 17px;
+    }
 }
 
 @media (max-width: 992px) {

landing_page/mainpage/static/js/main.js

@@ -85,6 +85,10 @@ class LearnPython {
 		if (window.matchMedia('(min-width: 1160px)').matches){
 			new SimpleBar(document.getElementById('city-simplebar'));
 		}
+
+		if (window.matchMedia('(min-width: 1160px)').matches){
+			new SimpleBar(document.getElementById('upper-city-simplebar'));
+		}
 	}
 
 	initOnlineSlider() {