0.0.146

static/css/styles.css

@@ -691,7 +691,7 @@ section.register>form {
 
     /* Body text 3 */
     height: 60px;
-    width: 100%;
+    width: 97%;
     background: #FF613A;
     color:  #FFF;
     /* Heading 5 */
@@ -1850,7 +1850,7 @@ button#more_button{
 .bottom_block_static img{
     position: absolute;
 }
-.bottom_block_static>#sub_title_static>p{
+#sub_title_static>p{
     /*перенос строки в верстке из переноса в html*/
     white-space: pre;
 }
@@ -2017,11 +2017,123 @@ button#send_feedback_form{
     margin-bottom: 20px;
 }
 
-
-
 /*end_static_pages*/
 
-/*my routes END*/
+/*Switcher*/
+
+.checkbox-green {
+    display: block;
+    height: 28px;
+    line-height: 28px;
+    vertical-align: middle;
+    font-size: 14px;
+    user-select: none;
+    margin: auto;
+    text-align: center;
+}
+.checkbox-green .checkbox-green-switch {
+	display: inline-block;
+	height: 28px;
+	width: 90px;
+	box-sizing: border-box;
+	position: relative;
+	border-radius: 2px;
+	background: #848484;
+	transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
+}
+.checkbox-green .checkbox-green-switch:before {
+	content: attr(data-label-on);
+	display: inline-block;
+	box-sizing: border-box;
+	width: 45px;
+	padding: 0 12px;
+	position: absolute;
+	top: 0;
+	left: 45px;
+	text-transform: uppercase;
+	text-align: center;
+	color: rgba(255, 255, 255, 0.5);
+	font-size: 10px;
+	line-height: 28px;
+}
+.checkbox-green .checkbox-green-switch:after {
+	content: attr(data-label-off);
+	display: inline-block;
+	box-sizing: border-box;
+	width: 44px;
+	border-radius: 1px;
+	position: absolute;
+	top: 1px;
+	left: 1px;
+	z-index: 5;
+	text-transform: uppercase;
+	text-align: center;
+	background: white;
+	line-height: 26px;
+	font-size: 10px;
+	color: #777;
+	transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
+}
+.checkbox-green input[type="checkbox"] {
+	display: block;
+	width: 0;
+	height: 0;
+	position: absolute;
+	z-index: -1;
+	opacity: 0;
+}
+.checkbox-green input[type="checkbox"]:checked + .checkbox-green-switch {
+	background-color: #70c767;
+}
+.checkbox-green input[type="checkbox"]:checked + .checkbox-green-switch:before {
+	content: attr(data-label-off);
+	left: 0;
+}
+.checkbox-green input[type="checkbox"]:checked + .checkbox-green-switch:after {
+	content: attr(data-label-on);
+	color: #4fb743;
+	transform: translate3d(44px, 0, 0);
+}
+
+/* Hover */
+.checkbox-green input[type="checkbox"]:not(:disabled) + .checkbox-green-switch:hover {
+	cursor: pointer;
+}
+.checkbox-green input[type="checkbox"]:not(:disabled) + .checkbox-green-switch:hover:after {
+	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
+}
+
+/* Disabled */
+.checkbox-green input[type=checkbox]:disabled + .checkbox-green-switch {
+	opacity: 0.6;
+	filter: grayscale(50%);
+}
+
+
+/*END Switcher*/
+
+/*Confidential_ policy*/
+.wrapper_name_art {
+    font-size: 44px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 52px;
+    text-align: center;
+    margin-bottom: 40px;
+}
+
+.wrapper_text_art{
+    width: 1280px;
+    margin: auto;
+}
+.wrapper_text_art>p{
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+}
+
+/*END_Confidential_ policy*/