копирование страниц faq

common/modules/faq/assets/GeneratorAsset.php

@@ -11,6 +11,7 @@ class GeneratorAsset extends AssetBundle
     public $css = [
         'css/generator.css',
         'css/style.css',
+        'css/responsive.css',
     ];
     public $js = [
         'js/generator.js',

common/modules/faq/assets/src/css/responsive.css

+/*==================================RESPONSIVE LAYOUTS===============================================*/
+
+
+@media only screen and (max-width: 1500px) {
+	.crystal_3, .crystal_2, .crystal_1 {
+    overflow: hidden;
+   }
+	.crystal_1 {
+    position: absolute;
+    width: 120px;
+    top: -50px;
+   }
+   .crystal_2 {
+    position: absolute;
+    width: 160px;
+    top: 240px;
+   }
+   .crystal_3 {
+    position: absolute;
+    width: 180px;
+    top: 130px;
+   }
+   .crystal_3 img {
+   	float: right;
+   }
+/* ------------------------------------------------
+    12. Rates
+------------------------------------------------ */
+
+   .rates_td .help_pop_up {
+      right: auto;
+      top: 30px;
+      left: 0;
+
+        -webkit-transform: translate(0, 0);
+    -ms-transform: translate(0, 0);
+    -o-transform: translate(0, 0);
+    transform: translate(0, 0);
+   }
+
+
+}
+
+@media only screen and (max-width: 1290px){
+   .crystal_3, .crystal_2, .crystal_1 {
+    display: none;
+   }
+}
+
+@media only screen and (max-width: 971px) {
+ body{min-width:768px;}
+
+ .menu {
+    display: block;
+  }
+  header .top_nav, header .lang_check, header .top_phone {
+  	display: none;
+  }
+  a.logo{
+  	margin-top: 1px;
+  }
+  header {
+  	padding: 0;
+  	min-height: 60px;
+  }
+
+.geentxt span {
+  font-size: 30px;
+}
+.horizontal_tab .resp-tabs-list li {
+  padding: 15px;
+}
+.btn_green {
+  font-size: 18px;
+  line-height: 18px;
+}
+.sentence_plas {
+  margin: 0;
+}
+.sentence {
+  margin-bottom: 20px;
+}
+.doc_cont .doc_line {
+    right: 247px;
+}
+.doc_cont span {
+  padding-top: 3px;
+  font-size: 11px;
+  line-height: 13px;
+  display: inline-block;
+  
+}
+.doc_poz_4_img, .doc_line_4 {
+  display: none;
+}
+.doc_line_5 {
+  right: 315px;
+}
+.doc_line_5_next {
+  right: 315px;
+}
+.doc_line_16 {
+  right: 390px;
+}
+
+.vertical_tab .resp-tabs-list li span {
+  font-size: 12px;
+}
+.vertical_tab .resp-tabs-list {
+  margin-top: 50px !important;
+}
+
+.graph_box_text_1 {
+  right: 75px;
+}
+.graph_box_text_2 {
+    right: 285px;
+    top: 32px;
+}
+.graph_box_1:after, .graph_box_3:after {
+  display: none;
+}
+.graph_box_2 h4 {
+  padding-top: 40px;
+}
+.server_box img {
+  margin-left: 0;
+  margin-bottom: 10px;
+}
+.server_or {
+  left: 180px;
+}
+.server_box {
+  font-size: 16px;
+}
+
+.sample_box {
+  display: none;
+}
+
+
+
+.footer_info {
+	margin-top: 20px;
+}
+.footer_security {
+  margin-top: 20px;
+}
+.top_phone {
+  display: block;
+}
+.footer_nav {
+	display: none;
+}
+.form_message_1 {
+  padding-top: 20px;
+}
+.box_4 {
+  min-height: auto;
+}
+/* ------------------------------------------------
+    12. Rates
+------------------------------------------------ */
+.rates_td {
+  font-size: 14px;
+}
+
+}
+
+@media only screen and (max-width: 767px) {
+ body{min-width:420px;}
+
+.geentxt span {
+  display: block;
+  margin-bottom: 0;
+  text-align: center;
+  margin-top: -1px;
+  line-height: 44px;
+}
+.bluetext span {
+  display: block;
+  margin-bottom: 0;
+  text-align: center;
+  margin-top: -1px;
+  font-size: 30px;
+  line-height: 44px;
+}
+.video_box {
+  max-width: none;
+}
+
+.resp-tab-content {
+  margin-bottom: 0;
+}
+.horizontal_tab {
+  margin-bottom: 30px !important;
+}
+.btn_green {
+  max-width: 270px;
+  font-size: 20px;
+      line-height: 34px;
+      display: block;
+      margin: 0 auto;
+      margin-bottom: 15px;
+}
+.btn_1 {
+  float: none;
+  width: 120px;
+  margin: 0 auto;
+  margin-top: 25px;
+  display: block;
+  
+}
+
+.doc_cont {
+  display: none;
+}
+
+.doc_box_img {
+    position: relative;
+    text-align: center;
+    margin: 0 auto; 
+}
+.doc_box_img>img {
+  max-width: 100%;
+  height: auto;
+}
+.doc_title {
+  margin-left: 0;
+  position: relative;
+  left: 50%;
+  -webkit-transform: translate(-50%, 0);
+    -ms-transform: translate(-50%, 0);
+    -o-transform: translate(-50%, 0);
+    transform: translate(-50%, 0);
+}
+
+.vertical_tab .img_box, .vertical_tab .resp-tab-content {
+  padding: 10px;
+}
+
+.graph_box_1 span {
+  font-size: 12px;
+}
+.graph_box_text_1 {
+  right: 0;
+  top: -5px;
+}
+.graph_box_text_2 {
+    right: 80px;
+    top: 20px;
+}
+
+.graph_box_2 img, .graph_box_3 img {
+  float: none;
+  max-width: 100%;
+  height: auto;
+}
+
+.graph_box_2 h4 {
+    padding-top: 20px;
+    padding-left: 0;
+    display: block;
+    
+}
+
+.box_3 {
+  padding: 50px 0;
+}
+.box_3 h2 {
+  margin-bottom: 30px;
+}
+
+.server_box .img_box {
+  margin-bottom: 0;
+}
+.server_box {
+  width: 400px;
+  margin: 0 auto;
+    margin-bottom: 20px;
+}
+.server_text_1 {
+    padding-right: 100px;
+}
+.btn_pink {
+    max-width: 270px;
+    font-size: 20px;
+    line-height: 33px;
+    display: block;
+    margin: 0 auto;
+    margin-bottom: 15px;
+}
+
+.box_5_arrow {
+  display: none;
+}
+.box_5 {
+  padding-top: 55px;  
+}
+.form_message_1 {
+  padding-top: 0px;
+  padding-bottom: 20px;
+}
+
+
+
+
+footer {
+text-align: center;
+}
+footer .top_phone, footer .footer_mail {
+	float: none;	
+	margin-top: 20px;
+}
+.footer_bottom {
+	padding-top: 0;
+}
+.zvonok_bt {
+	margin: 20px auto;
+}
+.social_link {
+	display: inline-block;
+}
+.vertical_tab {
+  padding-bottom: 30px;
+}
+.graph_box_2 {
+  margin-top: -50px;
+}
+
+
+.reference_box:after {
+  display: none;
+}
+
+.form_wr {
+  margin-bottom: 20px;
+}
+.reference_right_box, .reference_left_box {
+  padding: 0;
+}
+.reference_right_box {
+  background-color: #e8eaec;
+  padding: 20px;
+  margin-bottom: 40px;
+  border-radius: 5px;
+}
+
+
+/* ------------------------------------------------
+    12. Rates
+------------------------------------------------ */
+.rates_table {
+  display: block;
+}
+.rates_tr {
+ display: none;
+}
+.rates_td {
+  display: block;
+  width: 100%;
+  border: 1px solid #acacac;
+  background-color: #fff !important;
+}
+.rates_td_title  {
+  display: none;
+}
+.rates_td_img {
+  height: 170px;
+}
+.rates_tr_top {
+  display: block;
+}
+.btn_rates_open {
+  display: block;
+}
+.rates_top_img {
+  right: auto;
+  left: 0;
+}
+}
+
+@media only screen and (max-width: 479px) {
+ body{min-width:300px;}
+
+
+.box_2 {
+  padding: 35px 0;
+}
+.doc_box_img {
+  left: 0;
+}
+h2 {
+    font-family: "RobotoBold";
+    font-size: 26px;
+    line-height: 35px;
+}
+h3 {
+    font-family: "RobotoBold";
+    font-size: 22px;
+    line-height: 32px;
+}
+.graph_box_1 span {
+  font-size: 10px;
+  line-height: 12px;
+  
+}
+.graph_box_text_1 {
+  top: -15px;
+}
+.graph_box_text_2 {
+  right: 50px;
+  top: 9px;
+}
+.graph_box_2 {
+  margin-top: -20px;
+  margin-bottom: 35px;
+}
+.server_box {
+  width: auto;
+}
+.server_box span {
+  display: none;
+}
+.box_4 {
+  padding: 35px 0;
+}
+.box_5 {
+  padding-top: 35px;
+}
+.popup {
+  width: 250px;
+  padding: 20px;
+}
+.popup_bt_send {
+  width: 210px;
+}
+
+.top_line_inf li a {
+  padding: 10px;
+}
+
+.video_box>* {
+  min-height: 240px
+}
+.graph_box_12 span {
+  font-size: 13px;
+}
+
+.resp-arrow {
+    margin-top: 12px;
+}
+/* ------------------------------------------------
+    12. Rates
+------------------------------------------------ */
+.rates_table {
+  margin-bottom: 50px;
+}
+.rates_td .help_pop_up {
+  width: 230px;
+}
+.description_box .rates_td {
+  padding: 8px 3px;
+}
+.description_box .rates_td:first-child {
+  width: 60%;
+}
+.bluetext_2 span {
+  font-size: 40px;
+  line-height: 55px;
+}
+.darktext span {
+  font-size: 30px;
+  line-height: 55px;
+}
+.rates_top_title_poz {
+  padding-top: 150px;
+}
+
+}
\ No newline at end of file