html {
font-family : sans-serif;
line-height : 1.15;
}
body {
margin : 0;
padding : 0;
}
html, body {
height : 100%;
}
body.home {
background-color : #272828;
color : #fff !important ;
}
header, nav {
display : block;
}
img {
border-style : none;
}
button {
font-family : sans-serif;
font-size : 100%;
line-height : 1.15;
margin : 0;
}
button {
overflow : visible;
}
button {
text-transform : none;
}
.site-header:before, .site-header:after, .site-content:before, .site-content:after {
content : "";
display : table;
table-layout : fixed;
}
.site-header:after, .site-content:after {
clear : both;
}
body, button {
color : #333;
font-family : "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
font-size : 15px;
font-size : 0.9375rem;
font-weight : 400;
line-height : 1.66;
}
html[lang="ru-RU"] body, html[lang="ru-RU"] button {
font-family : "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
html[lang="ru-RU"] * {
letter-spacing : 0 !important ;
}
button {
background-color : #222;
border : 0;
border-radius : 2px;
box-shadow : none;
color : #fff;
display : inline-block;
font-size : 14px;
font-size : 0.875rem;
font-weight : 800;
line-height : 1;
padding : 1em 2em;
text-shadow : none;
}
ul {
margin : 0 0 1.5em;
padding : 0;
list-style : disc;
}
a {
color : #222;
text-decoration : none;
}
img {
height : auto;
max-width : 100%;
}
div:after {
content : ' ';
display : block;
clear : both;
}
img {
max-width : 100%;
}
* {
box-sizing : border-box;
}
.btn {
display : inline-block;
font-weight : 400;
text-align : center;
vertical-align : middle;
white-space : nowrap;
padding : 6px 12px;
font-size : 14px;
line-height : 1.42857143;
color : #fff;
border : #fff solid 1px;
margin : 40px auto;
background-image : linear-gradient(to bottom, #c71010 50%, #fff 50%);
background-size : 100% 200%;
}
.align-btn {
text-align : center;
margin : 0 auto;
display : block;
}
#back-to-top {
position : fixed;
right : 10px;
bottom : 10px;
background : rgba(255, 255, 255, 0.2);
padding : 5px;
border-radius : 5px;
border : #ccc;
display : none;
z-index : 999;
}
.col-1 {
padding : 0 15px;
}
.col-1 {
float : left;
width : 100%;
}
.site-header {
background-color : #272828;
position : relative;
z-index : 99;
}
header a {
color : #fff;
text-decoration : none;
}
.container {
margin-right : auto;
margin-left : auto;
padding-left : 15px;
padding-right : 15px;
max-width : 1170px;
position : relative;
}
.row {
margin-left : -15px;
margin-right : -15px;
}
.header-left, .header-right {
float : left;
}
.header-left {
padding-top : 15px;
width : 40%;
}
.header-right {
width : 60%;
}
.site-title {
display : block;
margin-top : 15px;
margin-bottom : 15px;
text-transform : uppercase;
font-size : 24px;
}
.header-left img {
float : left;
margin-right : 15px;
max-width : 50px;
height : auto;
}
.main-menu ul {
list-style : none;
margin : 0;
padding : 0;
float : right;
margin-top : 22px;
}
.main-menu ul > li {
float : left;
margin-right : 20px;
}
.main-menu ul > li:last-child {
margin-right : 0;
}
.main-menu ul > li > a {
display : inline-block;
text-decoration : none;
padding : 5px;
position : relative;
}
.navbar-mobil {
background-color : #555;
position : absolute;
right : 15px;
top : 28px;
display : none;
}
.site-content {
position : relative;
}
.video-bg {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
height : 100%;
width : 100%;
background-size : cover;
margin : 0;
z-index : -1;
}
.welcom-wrapper {
text-align : center;
max-width : 760px;
margin : 0 auto;
position : relative;
}
.welcom-wrapper p {
font-size : 22px;
}
.frontpage-title {
font-size : 64px;
line-height : 1.2;
padding : 1em 0;
text-transform : uppercase;
}
.welcom-description, .welcom-registration {
color : #fff;
}
.home-btn {
text-decoration : none;
}
.arrow-circle-down {
color : rgba(255, 255, 255, 0.7);
display : block;
margin-top : 80px;
margin-bottom : 40px;
}
.metrika {
display : none !important ;
}
@media only screen and (min-width:992px) {
body.home {
background : url(images/bg-1.jpg) top center no-repeat fixed #333;
}
}
@media only screen and (min-width:768px) and (max-width:992px) {
body.home {
background : url(images/bg-1-992.jpg) top center no-repeat #333;
}
}
@media only screen and (min-width:479px) and (max-width:768px) {
body.home {
background : url(images/bg-1-768.jpg) center center no-repeat #333;
}
}
@media only screen and (max-width:992px) {
.main-menu ul > li {
margin-right : 15px;
}
}
@media only screen and (max-width:768px) {
.header-left {
width : 70%;
}
.header-right {
width : 30%;
}
.navbar-mobil {
display : block;
}
.main-menu {
display : none;
position : absolute;
background : rgba(0, 0, 0, 0.8);
top : 77px;
left : 0;
right : 0;
border-bottom : 1px solid #c6c6c6;
border-top : 1px solid #c6c6c6;
}
.main-menu ul {
margin-top : 0;
padding : 10px;
float : none;
}
.main-menu ul > li {
float : none;
display : block;
border-bottom : 1px solid #c6c6c6;
}
.main-menu ul > li:last-child {
border-bottom : none;
}
.main-menu ul > li > a {
padding : 10px;
display : block;
}
.navbar-mobil {
top : 15px;
padding : 1em 1.5em;
}
.welcom-wrapper .frontpage-title {
font-size : 56px;
}
.arrow-circle-down {
display : none;
}
}
@media only screen and (max-width:479px) {
.header-left {
display : none;
}
.navbar-mobil {
width : 100%;
top : 15px;
margin-bottom : 15px;
float : right;
color : #fff;
right : 0;
background : rgba(0, 0, 0, 0.8);
position : relative;
height : 40px;
}
.main-menu {
margin-top : -20px;
}
.welcom-wrapper .frontpage-title {
font-size : 2em;
padding : 20px;
margin : 0;
}
.btn {
font-size : 18px;
}
}
.yarpp-thumbnail {
box-shadow : none !important ;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
min-height : 150px !important ;
width : 33.33333% !important ;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
min-height : 130px !important ;
width : 100% !important ;
}
.height-600 > div {
height : 600px !important ;
}
html {
font-family : sans-serif;
line-height : 1.15;
}
body {
margin : 0;
padding : 0;
}
html, body {
height : 100%;
}
body.home, .page-models {
background-color : #272828;
color : #fff !important ;
}
article, aside, footer, header, nav, section {
display : block;
}
h1 {
font-size : 2em;
margin : 0.67em 0;
}
figcaption, figure {
display : block;
}
figure {
margin : 1em 0;
}
hr {
box-sizing : content-box;
height : 0;
overflow : visible;
}
a:hover {
outline-width : 0;
}
abbr[title] {
border-bottom : 1px dotted #767676;
text-decoration : none;
}
strong {
font-weight : inherit;
font-weight : 700;
}
small {
font-size : 80%;
}
sub, sup {
font-size : 75%;
line-height : 0;
position : relative;
vertical-align : baseline;
}
sub {
bottom : -0.25em;
}
sup {
top : -0.5em;
}
video {
display : inline-block;
}
audio:not([controls]) {
display : none;
height : 0;
}
img {
border-style : none;
}
svg:not(:root) {
overflow : hidden;
}
button, input, select, textarea {
font-family : sans-serif;
font-size : 100%;
line-height : 1.15;
margin : 0;
}
button, input {
overflow : visible;
}
button, select {
text-transform : none;
}
textarea {
overflow : auto;
}
[type="checkbox"], [type="radio"] {
box-sizing : border-box;
padding : 0;
}
[type="search"] {
outline-offset : -2px;
}
[hidden] {
display : none;
}
.alignleft {
display : inline;
float : left;
margin-right : 1.5em;
}
.aligncenter {
clear : both;
display : block;
margin-left : auto;
margin-right : auto;
}
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .entry-footer:before, .entry-footer:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .nav-links:before, .nav-links:after, .pagination:before, .pagination:after, .comment-author:before, .comment-author:after, .widget-area:before, .widget-area:after, .widget:before, .widget:after, .comment-meta:before, .comment-meta:after {
content : "";
display : table;
table-layout : fixed;
}
.clear:after, .entry-content:after, .entry-footer:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .nav-links:after, .pagination:after, .comment-author:after, .widget-area:after, .widget:after, .comment-meta:after {
clear : both;
}
body, button, input, select, textarea {
color : #333;
font-family : "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
font-size : 15px;
font-size : 0.9375rem;
font-weight : 400;
line-height : 1.66;
}
h1, h2, h3, h4, h5 {
line-height : 1.4;
margin : 0 0 0.75em;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child {
padding-top : 0;
}
h1 {
font-size : 24px;
font-size : 1.5rem;
font-weight : 300;
}
h2 {
font-size : 20px;
font-size : 1.25rem;
font-weight : 300;
}
h3 {
color : #333;
font-size : 18px;
font-size : 1.125rem;
font-weight : 300;
}
h4 {
color : #333;
font-size : 16px;
font-size : 1rem;
font-weight : 800;
}
h5 {
color : #767676;
font-size : 13px;
font-size : 0.8125rem;
font-weight : 800;
letter-spacing : 0.15em;
text-transform : uppercase;
}
h6 {
color : #333;
font-size : 15px;
font-size : 0.9375rem;
font-weight : 800;
}
dfn, em {
font-style : italic;
}
blockquote {
color : #666;
font-size : 18px;
font-size : 1.125rem;
font-style : italic;
line-height : 1.7;
margin : 0;
overflow : hidden;
padding : 0;
}
pre {
background : #eee;
font-family : "Courier 10 Pitch", Courier, monospace;
font-size : 15px;
font-size : 0.9375rem;
line-height : 1.6;
margin-bottom : 1.6em;
max-width : 100%;
overflow : auto;
padding : 1.6em;
}
code, kbd {
font-family : Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size : 15px;
font-size : 0.9375rem;
}
mark {
background : #eee;
text-decoration : none;
}
blockquote {
quotes : "" "";
}
blockquote:before, blockquote:after {
content : "";
}
html[lang="ru-RU"] body, html[lang="ru-RU"] button, html[lang="ru-RU"] input, html[lang="ru-RU"] select, html[lang="ru-RU"] textarea {
font-family : "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
html[lang="ru-RU"] h1, html[lang="ru-RU"] h2, html[lang="ru-RU"] h3, html[lang="ru-RU"] h4, html[lang="ru-RU"] h5, html[lang="ru-RU"] h6 {
font-weight : 700;
line-height : 1.2;
}
html[lang="ru-RU"] * {
letter-spacing : 0 !important ;
}
label {
color : #333;
display : block;
font-weight : 800;
margin-bottom : 0.5em;
}
fieldset {
margin-bottom : 1em;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
color : #666;
background : #fff;
border : #bbb solid 1px;
border-radius : 3px;
display : block;
padding : 0.7em;
width : 100%;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
color : #222;
border-color : #333;
}
select {
border : #bbb solid 1px;
border-radius : 3px;
height : 3em;
max-width : 100%;
}
input[type="radio"], input[type="checkbox"] {
margin-right : 0.5em;
}
input[type="radio"] + label, input[type="checkbox"] + label {
font-weight : 400;
}
button, input[type="button"], input[type="submit"] {
background-color : #222;
border : 0;
border-radius : 2px;
box-shadow : none;
color : #fff;
cursor : pointer;
display : inline-block;
font-size : 14px;
font-size : 0.875rem;
font-weight : 800;
line-height : 1;
padding : 1em 2em;
text-shadow : none;
transition : background 0.2s;
}
input + input[type="button"], input + input[type="submit"] {
padding : 0.75em 2em;
}
input[type="reset"] {
background-color : #ddd;
color : #222;
}
button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
background : #767676;
}
input[type="reset"]:hover, input[type="reset"]:focus {
background : #bbb;
}
hr {
background-color : #bbb;
border : 0;
height : 1px;
margin-bottom : 1.5em;
}
ul {
margin : 0 0 1.5em;
padding : 0;
list-style : disc;
}
ol {
list-style : decimal;
}
li > ul {
margin-bottom : 0;
margin-left : 1.5em;
}
a {
color : #222;
text-decoration : none;
}
a:focus {
outline : thin dotted;
}
a:hover, a:active {
color : #000;
outline : 0;
}
.entry-content a, .widget a {
box-shadow : 0 -1px 0 rgba(15, 15, 15, 1) inset;
transition : color 80ms ease-in, box-shadow 130ms ease-in-out;
}
.entry-title a, .post-navigation a, .pagination a, .widget ul li a, .site-footer .widget-area ul li a {
box-shadow : 0 -1px 0 rgba(255, 255, 255, 1) inset;
text-decoration : none;
transition : color 80ms ease-in, box-shadow 130ms ease-in-out;
}
.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {
color : #000;
box-shadow : 0 0 0 rgba(0, 0, 0, 0) inset, 0 3px 0 rgba(0, 0, 0, 1);
}
a:hover img {
opacity : 0.699999988079071044921875;
transition : all 0.5s ease;
}
.entry-content a img, .widget a img {
box-shadow : 0 0 0 8px #fff;
}
.post-navigation .nav-previous {
position : relative;
padding-left : 3em;
float : left;
width : 50%;
}
.post-navigation .nav-previous:before {
content : '\2190';
display : block;
left : 0;
position : absolute;
font-size : 2em;
font-weight : 700;
top : 25px;
}
.post-navigation .nav-next {
position : relative;
padding-right : 3em;
float : right;
text-align : right;
width : 50%;
}
.post-navigation .nav-next:before {
content : '\2192';
display : block;
right : 0;
position : absolute;
font-size : 2em;
font-weight : 700;
top : 25px;
}
.post-navigation {
font-weight : 800;
margin : 3em 0;
}
.post-navigation .nav-links {
padding : 1em 0;
}
.meta-nav {
color : #767676;
display : block;
margin-bottom : 1em;
}
.screen-reader-text {
display : none;
}
.pagination {
border-top : 1px solid #eee;
font-size : 14px;
font-size : 0.875rem;
font-weight : 800;
padding : 2em 0 3em;
text-align : center;
}
.comments-pagination {
border : 0;
}
.page-numbers {
padding : 0.5em 0.75em;
}
.page-numbers.current {
color : #767676;
display : inline-block;
}
.page-numbers.current .screen-reader-text {
clip : auto;
height : auto;
overflow : auto;
position : relative !important ;
width : auto;
}
.next.page-numbers {
background-color : #ddd;
border-radius : 2px;
display : inline-block;
font-size : 24px;
font-size : 1.5rem;
line-height : 1;
padding : 0.25em 0.5em 0.4em;
transition : background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.prev.page-numbers:focus, .prev.page-numbers:hover, .next.page-numbers:focus, .next.page-numbers:hover {
background-color : #767676;
color : #fff;
}
.prev.page-numbers {
float : left;
}
.next.page-numbers {
float : right;
}
.post-thumbnail a:hover img, .post-thumbnail a:focus img {
opacity : 0.699999988079071044921875;
}
#comments {
clear : both;
padding : 2em 0 0.5em;
}
.comment-respond {
margin-top : 2em;
}
.comment-list li:before {
display : none;
}
.comment-metadata a {
color : #767676;
}
.comment-metadata a.comment-edit-link {
color : #222;
margin-left : 1em;
}
.comment-body {
color : #333;
font-size : 14px;
font-size : 0.875rem;
margin-bottom : 4em;
}
.comment-reply-link {
font-weight : 800;
position : relative;
}
.comments-pagination {
margin : 2em 0 3em;
}
.form-submit {
text-align : right;
}
.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
content : "05E";
}
.widget {
padding-bottom : 3em;
}
.widget ul {
list-style : none;
margin : 0;
}
.widget ul li {
border-bottom : 1px solid #ddd;
border-top : 1px solid #ddd;
padding : 0.5em 0;
}
.widget ul li + li {
margin-top : -1px;
}
.widget_text {
overflow-wrap : break-word;
}
.widget_rss .widget-title .rsswidget:first-child:hover {
background-color : transparent;
}
.widget_rss ul li {
padding : 2.125em 0;
}
.widget_rss .rss-date {
margin : 0.5em 0 1.5em;
padding : 0;
}
.search-form {
position : relative;
}
.search-form .search-submit {
bottom : 3px;
position : absolute;
right : 3px;
}
.tagcloud, .widget_tag_cloud {
line-height : 1.5;
}
.widget .tagcloud a, .widget.widget_tag_cloud a {
border : #ddd solid 1px;
box-shadow : none;
display : inline-block;
float : left;
font-size : 14px !important ;
font-size : 0.875rem !important ;
margin : 4px 4px 0 0 !important ;
padding : 4px 10px 5px !important ;
position : relative;
transition : background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
width : auto;
overflow-wrap : break-word;
z-index : 0;
}
.widget .tagcloud a:hover, .widget .tagcloud a:focus, .widget.widget_tag_cloud a:hover, .widget.widget_tag_cloud a:focus, .wp_widget_tag_cloud a:hover, .wp_widget_tag_cloud a:focus {
border-color : #bbb;
box-shadow : none;
text-decoration : none;
}
img, video {
height : auto;
max-width : 100%;
}
iframe, object {
border : none;
margin-bottom : 1.5em;
max-width : 100%;
}
.wp-caption img[class*="wp-image-"] {
display : block;
margin-left : auto;
margin-right : auto;
}
.site-content .wp-playlist-light .wp-playlist-item:hover, .site-content .wp-playlist-light .wp-playlist-item:focus {
border-bottom-color : rgba(0, 0, 0, 0);
background-color : #767676;
color : #fff;
}
.site-content .wp-playlist-light a.wp-playlist-caption:hover, .site-content .wp-playlist-light .wp-playlist-item:hover a, .site-content .wp-playlist-light .wp-playlist-item:focus a {
color : #fff;
}
.site-content .wp-playlist-dark .wp-playlist-item:hover, .site-content .wp-playlist-dark .wp-playlist-item:focus {
border-bottom-color : rgba(0, 0, 0, 0);
background-color : #aaa;
color : #222;
}
.site-content .wp-playlist-dark a.wp-playlist-caption:hover, .site-content .wp-playlist-dark .wp-playlist-item:hover a, .site-content .wp-playlist-dark .wp-playlist-item:focus a {
color : #222;
}
.site-content .wp-playlist-item a, .site-content .wp-playlist-item a:focus, .site-content .wp-playlist-item a:hover {
box-shadow : none;
background : transparent;
}
.gallery-item a:hover img, .gallery-item a:focus img {
filter : opacity(60%);
}
.gallery-caption {
display : block;
text-align : left;
padding : 0 10px 0 0;
margin-bottom : 0;
}
div:after {
content : ' ';
display : block;
clear : both;
}
a {
transition : all 0.5s ease;
}
figure {
text-align : center;
margin : 10px;
}
figcaption {
margin-top : 1.2em;
font-size : 1.5em;
}
img {
max-width : 100%;
}
.video-container {
position : relative;
padding-bottom : 56.25%;
padding-top : 30px;
height : 0;
overflow : hidden;
}
.video-container iframe {
position : absolute !important ;
top : 0;
left : 0;
width : 100% !important ;
height : 100% !important ;
}
* {
box-sizing : border-box;
}
.btn {
display : inline-block;
font-weight : 400;
text-align : center;
vertical-align : middle;
cursor : pointer;
white-space : nowrap;
padding : 20px 40px;
font-size : 32px;
line-height : 1.42857143;
color : #fff;
border : #fff solid 1px;
margin : 40px auto;
background-image : linear-gradient(to bottom, #c71010 50%, #fff 50%);
background-size : 100% 200%;
transition : all 0.5s ease;
}
.btn:hover {
background-position : 100% -100%;
color : #5f0606;
border : #5f0606 solid 1px;
box-shadow : 0 0 2px #5f0606 inset;
}
.align-btn, .center {
text-align : center;
margin : 0 auto;
display : block;
}
.decoration-none {
box-shadow : none !important ;
text-decoration : none !important ;
}
.clear {
clear : both;
}
#back-to-top {
position : fixed;
right : 10px;
bottom : 10px;
background : rgba(255, 255, 255, 0.2);
padding : 5px;
border-radius : 5px;
border : #ccc;
display : none;
z-index : 999;
}
.back-to-top {
color : #ccc;
}
video {
display : block;
width : 100%;
}
.left {
float : left !important ;
}
.right {
float : right !important ;
}
.red {
background-color : #D80808 !important ;
}
.green {
background-color : #6CAC57 !important ;
}
.brown {
background-color : #8B7689 !important ;
}
.text-red {
color : #D80808 !important ;
}
.text-green {
color : #6CAC57 !important ;
}
.text-brown {
color : #8B7689 !important ;
}
.col-1, .col-2, .col-3, .col-4 {
padding : 0 15px;
}
.col-1 {
float : left;
width : 100%;
}
.col-2 {
float : left;
width : 50%;
}
.col-3 {
float : left;
width : 33.33333334%;
}
.col-4 {
float : left;
width : 41.66666667%;
}
.site-header {
background-color : #272828;
position : relative;
z-index : 99;
}
header a {
color : #fff;
text-decoration : none;
}
header h2 a {
color : #1a1a1a;
}
.container {
margin-right : auto;
margin-left : auto;
padding-left : 15px;
padding-right : 15px;
max-width : 1170px;
position : relative;
}
.row {
margin-left : -15px;
margin-right : -15px;
}
.header-left, .header-right {
float : left;
}
.header-left {
padding-top : 15px;
width : 40%;
}
.header-right {
width : 60%;
}
.site-title {
display : block;
margin-top : 15px;
margin-bottom : 15px;
text-transform : uppercase;
font-size : 24px;
}
.site-title a:hover {
color : #ab0000 !important ;
}
.header-left img {
float : left;
margin-right : 15px;
max-width : 50px;
height : auto;
}
.main-menu ul {
list-style : none;
margin : 0;
padding : 0;
float : right;
margin-top : 22px;
}
.main-menu ul > li {
float : left;
margin-right : 20px;
}
.main-menu ul > li:last-child {
margin-right : 0;
}
.main-menu ul > li > a {
display : inline-block;
text-decoration : none;
padding : 5px;
position : relative;
}
.main-menu ul > li > a:hover {
color : #ab0000;
}
.navbar-mobil {
background-color : #555;
position : absolute;
right : 15px;
top : 28px;
display : none;
}
.site-content {
position : relative;
}
.content, .sidebar {
padding : 15px;
float : left;
}
.content {
width : 70%;
}
.content-full {
width : 100% !important ;
}
.chats-menu {
margin : 30px 0;
text-align : center;
}
.chats-menu ul {
list-style : none;
margin : 0;
padding : 0;
}
.chats-menu ul > li {
border : #bbb solid 1px;
display : inline-block;
margin : 1em;
}
.chats-menu ul > li > a {
color : #00a7ff;
display : inline-block;
padding : 1em;
}
.content a {
color : #3914af;
font-weight : 700;
}
.content a:hover {
box-shadow : 0 0 0 rgba(0, 0, 0, 0) inset, 0 3px 0 rgba(0, 0, 0, 1);
color : #000;
}
.sidebar {
width : 30%;
}
.video-bg {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
height : 100%;
width : 100%;
background-size : cover;
margin : 0;
z-index : -1;
}
.video-bg img, .video-bg video {
opacity : 0.5;
}
.video-bg img {
width : 100%;
}
.welcom-wrapper {
text-align : center;
max-width : 760px;
margin : 0 auto;
position : relative;
}
.welcom-wrapper p {
font-size : 22px;
}
.frontpage-title {
font-size : 64px;
line-height : 1.2;
padding : 1em 0;
text-transform : uppercase;
}
.welcom-wrapper .btn:hover {
background-position : 100% -100%;
color : #c71010;
border : #c71010 solid 1px;
box-shadow : 0 0 2px #5f0606 inset;
}
.welcom-description, .welcom-registration {
color : #fff;
}
.home-btn {
text-decoration : none;
}
.arrow-circle-down {
color : rgba(255, 255, 255, 0.7);
display : block;
margin-top : 80px;
margin-bottom : 40px;
}
.services-wrapper {
background : #16181b;
padding : 50px 0;
position : relative;
z-index : 0;
}
.heading-title {
text-align : center;
}
.heading-title h1, .heading-title h2, .service-title {
padding : 50px 0;
font-size : 30px;
font-weight : 100 !important ;
color : #fff;
text-transform : uppercase;
}
.heading-title h1:after, .heading-title h2:after, .service-title:after {
content : ' ';
display : block;
height : 1px;
max-width : 200px;
margin : 8px auto;
text-align : center;
background-color : #C00;
}
.services-menu {
position : relative;
}
.services-menu ul {
text-align : center;
display : table;
width : 100%;
border-collapse : collapse;
}
.services-menu ul > li {
display : table-cell;
text-align : center;
margin-right : 20px;
}
.services-menu ul > li:last-child {
margin-right : 0;
}
.services-menu ul > li > a {
color : #fff;
display : inline-block;
font-size : 22px;
text-transform : uppercase;
padding : 5px 10px;
}
.services-menu ul > li:before {
content : "/";
color : #B80606;
padding : 0 4px;
margin-right : 7px;
font-size : 25px;
}
.services-menu ul > li > a:hover {
color : #B80606;
}
article ul {
padding-left : 2.5em;
}
.article-wrapper {
overflow : hidden;
border-bottom : 1px solid #484848;
background : #373737;
padding-bottom : 50px;
}
.article-wrapper figure {
border : #fff solid 1px;
padding : 5px 5px 15px;
margin-top : 0;
max-width : 30%;
margin-left : 0;
margin-right : 30px;
}
.article-wrapper h1 {
text-transform : uppercase;
font-size : 30px;
font-family : sans-serif;
}
.article-wrapper p {
font-size : 18px;
}
.article-wrapper .btn {
text-decoration : none;
}
.section-portfolio {
background-color : #262626;
overflow : hidden;
}
.section-portfolio ul {
list-style : none;
margin : 0;
overflow : hidden;
padding : 0 0 70px;
}
.section-portfolio ul > li {
float : left;
width : 20%;
}
.hover-overlay {
width : 100%;
height : auto;
overflow : hidden;
position : relative;
}
.hover-overlay img {
transition : all 600ms;
}
.hover-overlay > a {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
cursor : pointer;
}
.item-overlay {
opacity : 1;
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
transition : background-color 400ms linear;
}
.overlay-content {
position : absolute;
bottom : 0;
left : 0;
z-index : 20;
width : 100%;
text-align : center;
opacity : 1;
}
.overlay-content .span4, .overlay-content .span5 {
color : #fff;
text-transform : uppercase;
}
.overlay-content .span4 {
font-size : 22px;
font-weight : 800;
}
.overlay-content .span5 {
font-size : 12px;
font-weight : 400;
}
.hover-overlay:hover .item-overlay {
background : rgba(204, 0, 0, 0.6);
}
.hover-overlay:hover img {
transform : scale(1.2);
}
.section-portfolio ul > li:hover .overlay-content {
bottom : 35%;
opacity : 1;
transition : bottom 400ms linear;
}
#instruction {
background-color : #373737;
overflow : hidden;
padding-bottom : 70px;
}
a.caption {
color : #fff;
}
a.caption:hover {
color : #C00;
}
#instruction .col-3 {
margin-bottom : 30px;
}
#instruction figure {
border : #555 solid 1px;
padding : 15px;
}
.accordion-item h5:after {
content : '+';
position : absolute;
right : -15px;
top : 0;
}
.accordion-item.open h5:after {
content : '-';
position : absolute;
right : -15px;
top : 0;
}
.review-chats, body.home .adv_recent_entries {
background : #333;
}
.review-chats {
overflow : hidden;
}
.review-chats h3 {
color : #fff;
font-size : 22px;
font-family : sans-serif;
margin-top : 10px;
}
.review-chats .row {
border-bottom : 1px solid #666;
margin-top : 20px;
}
.review-chats .row:last-child {
border-bottom : none;
}
.review-chats img {
padding-top : 10px;
}
.review-chats figure {
border : #fff solid 1px;
padding : 10px;
}
.statistic ul {
list-style : none;
margin : 0;
padding : 0 0 50px;
overflow : hidden;
}
.statistic ul > li {
float : left;
width : 25%;
text-align : center;
}
.statistic ul > li .statistic-number > span, .statistic ul > li .statistic-text > span {
font-family : sans-serif;
padding : 0 15px;
margin : 15px 0;
}
.statistic ul > li .statistic-number > span {
color : #fff;
font-size : 80px;
}
.statistic ul > li .statistic-text > span {
color : #fff;
font-size : 16px;
}
.start-chating {
background-color : #c71010;
text-align : center;
padding-bottom : 50px;
overflow : hidden;
}
.start-chating .btn {
margin-top : 0;
margin-bottom : 40px;
}
.page-models .video-bg {
z-index : 0;
}
.block-overlay {
position : absolute;
width : 100%;
height : 100%;
background : rgba(0, 0, 0, 0.3);
z-index : 0;
}
.models {
background : url(images/Rectangle-1-copy.png) center no-repeat;
text-shadow : 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.models .modeis-title {
color : #ffd400;
font-family : sans-serif;
font-size : 72px;
text-align : left;
margin : 80px 0 50px;
line-height : 1;
}
.models .modeis-title > span {
color : #c71010;
}
.models ul {
list-style : none;
margin : 0;
padding : 0;
}
.models ul > li {
color : #fff;
font-size : 18px;
padding : 5px 0;
}
.models ul > li > i {
margin-right : 1em;
}
.welcom-bottom {
text-align : center;
margin : 5em auto;
}
.models blockquote {
color : #fff;
}
.models blockquote:before {
color : #c71010;
content : '\00AB';
margin-right : 1em;
position : relative;
}
.models blockquote:after {
color : #c71010;
content : '\00BB';
margin-left : 1em;
position : relative;
}
.welcom-bottom p {
line-height : 1em;
text-transform : uppercase;
letter-spacing : 0.3em;
}
.models-procent {
position : relative;
font-size : 10em;
color : #c71010;
letter-spacing : normal !important ;
margin : 0;
}
.models-procent span {
font-size : 0.3em;
position : relative;
top : -40px;
}
.cash {
background : url(images/devushka_dengi.jpg) center top no-repeat #fff;
position : relative;
overflow : hidden;
color : #373737;
}
.cash .col-2 {
padding : 80px 15px;
}
.cash .row > .col-1 {
background-color : #fff;
padding : 20px;
border-radius : 15px;
box-shadow : 0 0 10px rgba(0, 0, 0, 0.5);
}
.cash-left h2, .earnings-growth h2 {
color : #ffd400;
font : 65px/70px 'Open Sans Condensed', Arial, sans-serif;
font-weight : 700;
text-shadow : 0 4px 12px #000;
text-transform : uppercase;
}
.cash-left h2 > span, .earnings-growth h2 > span {
color : #c00;
}
.cash ul, .earnings-growth ul {
margin : 0;
padding : 0;
list-style : none;
}
.cash ul > li, .earnings-growth ul > li {
background-color : rgba(255, 212, 0, 0.7);
margin : 20px 0;
padding : 10px;
line-height : 22px;
}
.cash ul > li span, .earnings-growth ul > li span {
display : block;
margin-left : 25px;
}
.cash-right h3 {
margin-left : 40px;
font : 24px/70px 'Open Sans Condensed', Arial, sans-serif;
}
.cash-right ul {
margin-bottom : 50px;
}
.cash-right ul > li {
display : block;
color : #373737;
font-weight : 500;
background : #ffd400;
background : linear-gradient(to left, #ffd400, #fff);
}
.width-9 {
width : 90%;
}
.width-8 {
width : 80%;
}
.width-7 {
width : 70%;
}
.width-6 {
width : 60%;
}
.width-5 {
width : 50%;
}
.width-4 {
width : 40%;
}
.earnings-growth {
background : url(images/earnings-growth.jpg) center top no-repeat #fff;
position : relative;
overflow : hidden;
}
.earnings-growth .col-2 {
margin : 80px 0;
}
.earnings-growth .block-overlay {
background : rgba(255, 255, 255, 0.55);
}
.earnings-growth ul > li {
background-color : transparent;
color : #373737;
}
.block-content {
color : #373737;
}
.earnings-growth-right h3 {
color : #373737;
font : 24px/28px 'Open Sans Condensed', Arial, sans-serif;
font-weight : 700;
text-align : center;
text-transform : uppercase;
}
.scheme {
padding-bottom : 80px;
padding-top : 40px;
background-color : #333;
}
.timeline {
background-image : url(images/timeline-bg.png);
background-repeat : repeat-y;
background-position : center center;
background-color : transparent;
}
.timeline-header {
padding : 30px 0;
text-align : center;
}
.timeline-header.first {
padding-top : 0;
}
.timeline-header span {
background-color : #ffc400;
color : #333;
font-size : 18px;
font-weight : 700;
padding : 10px 20px;
}
.timeline-item {
display : table;
position : relative;
}
.timeline-item:before {
width : 30px;
height : 30px;
background-color : #444;
border : #d5d5d5 solid 2px;
content : "";
position : absolute;
left : 50%;
top : 50%;
margin-top : -15px;
margin-left : -15px;
border-radius : 50%;
}
.timeline-content {
color : #fff;
background-color : #444;
position : relative;
padding : 20px;
font-size : 16px;
font-weight : 300;
line-height : 26px;
}
.timeline-content:before {
width : 20px;
height : 20px;
background-color : #444;
content : "";
position : absolute;
right : -11px;
top : 50%;
margin-top : -9px;
transform : rotate(45deg);
}
.timeline-title h4 {
color : #fff;
margin : 0;
font : 18px/22px 'Open Sans Condensed', Arial, sans-serif;
font-weight : 700;
text-transform : uppercase;
}
.timeline-content.right:before {
right : auto;
left : -10px;
}
.timeline-header.last {
padding-bottom : 0;
}
.timeline-item:hover .timeline-content {
background-color : #262626;
color : #fff;
}
.timeline-item:hover .timeline-content:before {
background-color : #262626;
}
.timeline-item:hover.timeline-item:before {
background-color : #ffc400;
}
.section-first {
background : url(images/webmasters-bg.jpg) top center no-repeat;
padding-top : 80px;
}
.section-first p {
font-size : 22px;
font-weight : 400;
line-height : 1.4em;
}
.first-welcom {
background : rgba(0, 0, 0, 0.5);
padding : 80px 0;
}
.first-welcom .webmaster-main-heading {
font : bold 40px/48px 'Open Sans Condensed', Arial, sans-serif;
color : #ACF147;
}
.section-first ul {
list-style : none;
margin-bottom : 80px;
padding-left : 0;
}
.section-first ul > li {
padding : 10px 0;
font-size : 24px;
}
.section-first ul > li > i {
color : #ACF147;
}
.section-work p {
margin-bottom : 100px;
font-size : 18px;
line-height : 1.5em;
}
.work-content {
width : 70%;
margin : 0 auto 100px;
}
.section-work .col-3 {
text-align : center;
}
.section-work .col-3 i {
padding : 25px;
border-radius : 50%;
width : 100px;
display : inline-block;
height : 100px;
}
.section-work .col-3 p {
text-align : left;
}
.section-procent {
background-color : rgba(60, 59, 59, 0.7);
}
.section-procent .col-3 > div {
position : relative;
background : url(images/cash.jpg) no-repeat;
min-height : 260px;
margin : 10px;
}
.section-procent .col-3 .block-overlay {
background : rgba(0, 0, 0, 0.85);
}
.section-procent .col-3 .block-overlay + p {
font-size : 3em;
text-align : center;
padding-top : 1em;
margin : 0;
}
.section-procent .col-3 > div > p {
padding : 15px;
color : #fff;
position : relative;
}
.section-procent .work-content h3 {
font-size : 2em;
margin-top : 100px !important ;
}
#section-promo {
background-color : #fff;
}
#section-promo img {
display : block;
max-width : 615px;
margin : 0 auto;
width : 100%;
}
#section-promo, #section-promo .heading-title h2 {
color : #333;
text-shadow : none;
}
.site-footer {
overflow : hidden;
background-color : #16181b;
padding : 30px 0;
text-align : center;
}
.site-footer ul {
list-style : none;
display : inline-block;
margin : 0;
padding : 0;
}
.site-footer ul > li {
float : left;
}
.site-footer ul > li > a {
display : inline-block;
margin-right : 15px;
padding : 10px;
}
.social ul > li > a {
color : #555;
}
.social ul > li.twitter > a:hover {
color : #094779;
}
.social ul > li.youtube > a:hover {
color : #650606;
}
.site-footer p, .site-footer ul > li > a {
color : #555;
}
.footer-links a {
text-decoration : underline;
}
.blog img, .archive img {
width : 100%;
}
.image-cat-desc {
max-width : 200px !important ;
}
article img {
border : #c6c6c6 solid 1px;
padding : 7px;
}
.tag > a {
display : inline-block;
padding : 15px 30px;
background : #eee;
border : #ccc solid 1px;
margin : 5px;
color : #428bca;
text-decoration : none;
box-shadow : 0 -1px 0 rgba(15, 15, 15, 0) inset;
}
.tag > a:hover {
color : #428bca;
box-shadow : 0 0 0 rgba(0, 0, 0, 0) inset, 0 3px 0 #428bca;
}
.breadcrumb {
padding : 10px;
border : #bbb solid 1px;
margin-bottom : 30px;
}
.breadcrumb > a {
color : #428bca;
}
.counts-statistic {
display : none;
}
.after-post-social-block {
margin : 30px 0;
}
.after-post-social-block > ul {
margin : 0;
padding : 0;
list-style : none;
}
.after-post-social-block > ul > li {
display : inline-block;
margin : 0 10px 10px;
}
.after-post-social-block > ul > li > a {
box-shadow : none;
color : #fff;
display : inline-block;
border : transparent solid 1px;
padding : 5px 30px;
}
.twitter-1, .youtube-4 {
background : #094779;
}
.youtube-2 {
background : #650606;
}
.twitter-3 {
background : #1da1f2;
}
.youtube-6 {
background : #ee8208;
}
.after-post-social-block > ul > li > a:hover {
box-shadow : none;
}
.twitter-1 a:hover, .youtube-4 a:hover {
color : #094779;
background : #fff;
border : #094779 solid 1px;
}
.youtube-2 a:hover {
color : #650606;
background : #fff;
border : #650606 solid 1px;
}
.twitter-3 a:hover {
color : #1da1f2;
background : #fff;
border : #1da1f2 solid 1px;
}
.youtube-6 a:hover {
color : #ee8208;
background : #fff;
border : #ee8208 solid 1px;
}
.col-sm-6 {
width : 25%;
float : left;
position : relative;
}
.col-sm-6 > .thumbnail {
margin : 0 15px 20px;
height : auto;
position : relative;
}
.col-sm-6 > .thumbnail > img {
position : relative;
height : 150px;
width:100%;
}
img, a, span {
transition : 0.5s ease-in-out;
}
.col-sm-6 > .thumbnail > .caption > p > a {
color : #fff;
box-shadow : none;
}
.col-sm-6 > .thumbnail > .caption > p > i {
color : #fff;
}
.col-sm-6 > .thumbnail > .caption p {
position : absolute;
}
.col-sm-6 > .thumbnail > .caption > p + p {
top : 98px;
background : #c00;
right : 0;
padding : 5px;
border : solid 1px;
opacity : 0;
}
.col-sm-6 > .thumbnail > .caption {
text-align : center;
}
.col-sm-6 > .thumbnail > .caption > p > a:hover {
color : #fff;
box-shadow : 0 0 0 rgba(255, 255, 255, 0) inset, 0 3px 0 rgba(255, 255, 255, 1);
}
.col-sm-6 > .thumbnail:hover a {
opacity : 1;
z-index : 2;
}
.col-sm-6 > .thumbnail:hover img {
opacity : 0.300000011920928955078125;
}
.col-sm-6 > .thumbnail:hover p + p {
opacity : 1;
}
.col-sm-6 > .thumbnail:hover span {
opacity : 1;
}
.sidebar .col-sm-6 {
width : 100%;
}
.sidebar .col-sm-6 > .thumbnail > img {
height : auto;
}
.sidebar .col-sm-6 > .thumbnail > .caption p {
position : relative;
margin : 0;
padding : 0;
}
.sidebar .col-sm-6 > .thumbnail > .caption > p > a {
color : #333;
box-shadow : none;
}
.sidebar .col-sm-6 > .thumbnail > .caption > p > a:hover {
color : #333;
box-shadow : 0 0 0 rgba(0, 0, 0, 0) inset, 0 3px 0 rgba(0, 0, 0, 1);
}
.sidebar .more {
color : #333 !important ;
}
.sidebar .more:hover {
box-shadow : 0 0 0 rgba(0, 0, 0, 0) inset, 0 3px 0 rgba(0, 0, 0, 1) !important ;
}
.sidebar .col-sm-6 {
border-bottom : 1px solid #ddd;
margin-bottom : 20px;
}
.sidebar .col-sm-6 > .thumbnail > .caption {
text-align : left;
}
.sidebar .col-sm-6 > .thumbnail > .caption > p + p {
background : transparent;
border : none;
opacity : 1;
position : relative;
top : 0;
}
.sidebar .col-sm-6 > .thumbnail > .caption > p > i {
color : #333;
}
.fixed {
border-top : 2px solid #c71010;
border-bottom : 1px solid #DEE1E2;
background : rgba(22, 24, 27, 0.8);
position : fixed !important ;
top : 0;
left : 0;
padding-bottom : 10px;
z-index : 9999;
width : 100%;
}
.metrika {
display : none !important ;
}
#comments {
clear: both;
padding: 2em 0 0.5em;
}
.comments-title {
font-size: 20px;
font-size: 1.25rem;
margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
list-style: none;
margin: 0;
padding: 0;
}
.comment-list li:before {
display: none;	
}
.comment-body {
margin-left: 65px;
}
.comment-author {
font-size: 16px;
font-size: 1rem;
margin-bottom: 0.4em;
position: relative;
z-index: 2;
}
.comment-author .avatar {
height: 50px;
left: -65px;
position: absolute;
width: 50px;
}
.comment-author .says {
display: none;
}
.comment-meta {
margin-bottom: 1.5em;
}
.comment-metadata {
color: #767676;
font-size: 10px;
font-size: 0.625rem;
font-weight: 800;
letter-spacing: 0.1818em;
text-transform: uppercase;
}
.comment-metadata a {
color: #767676;
}
.comment-metadata a.comment-edit-link {
color: #222;
margin-left: 1em;
}
.comment-body {
color: #333;
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 4em;
}
.comment-reply-link {
font-weight: 800;
position: relative;
}
.comment-reply-link .icon {
color: #222;
left: -2em;
height: 1em;
position: absolute;
top: 0;
width: 1em;
}
.children .comment-author .avatar {
height: 30px;
left: -45px;
width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
border: 1px solid #333;
padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
color: #767676;
font-size: 14px;
font-size: 0.875rem;
font-style: italic;
}
.comments-pagination {
margin: 2em 0 3em;
}
.form-submit {
text-align: right;
}
@media only screen and (min-width:992px) {
.statistic {
background : url(images/statistic-bg.jpg) top center no-repeat fixed #333;
}
}
@media only screen and (min-width:768px) and (max-width:992px) {
.statistic {
background : url(images/statistic-bg-992.jpg) top center no-repeat #333;
}
}
@media only screen and (min-width:479px) and (max-width:768px) {
.statistic {
background : url(images/statistic-bg-768.jpg) center center no-repeat #333;
}
}
@media only screen and (max-width:992px) {
.main-menu ul > li {
margin-right : 15px;
}
.section-portfolio ul > li:hover .overlay-content {
bottom : 5%;
}
.statistic ul > li h4 {
font-size : 3em;
}
.page-models .header-left {
width : 45%;
}
.page-models .header-right {
width : 55%;
}
.page-models .site-content {
background : url(images/site-content-bg.jpg) no-repeat;
}
.page-models .site-content video {
display : none;
}
}
@media only screen and (max-width:768px) {
.header-left {
width : 70%;
}
.header-right {
width : 30%;
}
.navbar-mobil {
display : block;
}
.main-menu {
display : none;
position : absolute;
background : rgba(0, 0, 0, 0.8);
top : 77px;
left : 0;
right : 0;
border-bottom : 1px solid #c6c6c6;
border-top : 1px solid #c6c6c6;
}
.main-menu ul {
margin-top : 0;
padding : 10px;
float : none;
}
.main-menu ul > li {
float : none;
display : block;
border-bottom : 1px solid #c6c6c6;
}
.main-menu ul > li:last-child {
border-bottom : none;
}
.main-menu ul > li > a {
padding : 10px;
display : block;
}
.navbar-mobil {
top : 15px;
padding : 1em 1.5em;
}
.welcom-wrapper .frontpage-title {
font-size : 56px;
}
.arrow-circle-down {
display : none;
}
.article-wrapper figure {
border : #fff solid 1px;
float : none !important ;
padding-bottom : 15px;
margin : 0 auto 20px;
max-width : 100%;
}
.section-portfolio ul > li {
float : none;
width : 59%;
text-align : center;
margin : 0 auto 20px;
}
.insntuction-left, .insntuction-right {
float : none;
width : 100%;
}
.insntuction-left {
text-align : center;
}
#instruction .col-3 {
width : 100%;
}
.review-chats .col-2 {
float : left;
width : 100%;
}
.statistic ul > li {
width : 50%;
}
.page-models .header-left {
width : 70%;
}
.page-models .site-header {
padding-bottom : 15px;
}
.welcom-bottom {
margin : 2em auto;
}
.page-models .col-2 {
float : none;
width : 100%;
padding : 0 15px;
}
.cash-right h3 {
margin-left : 40px;
font : bold 24px/70px 'Open Sans Condensed', Arial, sans-serif;
text-shadow : 1px 1px 1px rgba(255, 255, 255, 0.9);
}
.cash-left h2, .earnings-growth h2 {
font : 60px/70px 'Open Sans Condensed', Arial, sans-serif;
}
.timeline-content:before {
height : 0;
width : 0;
}
.section-work .col-3 {
float : none;
width : 100%;
}
#section-promo img {
width : 100%;
}
.col-sm-6 {
width : 50%;
padding-bottom : 2.5em;
}
.col-sm-6 > .thumbnail > img {
width : 100%;
}
}
@media only screen and (max-width:479px) {
.header-left {
display : none;
}
.navbar-mobil {
width : 100%;
top : 15px;
margin-bottom : 15px;
float : right;
color : #fff;
right : 0;
background : rgba(0, 0, 0, 0.8);
position : relative;
height : 40px;
}
.main-menu {
margin-top : -20px;
}
.welcom-wrapper .frontpage-title {
font-size : 2em;
padding : 20px;
margin : 0;
}
.services-menu ul > li {
display : block;
}
.heading-title h2 {
margin : 1em 0;
padding : 5px 0;
}
#instruction {
padding-bottom : 40px;
}
.btn {
font-size : 18px;
}
.statistic {
padding-top : 10px;
}
.statistic ul > li {
width : 100%;
}
.start-chating {
padding-bottom : 0;
}
.timeline-item > .col-4 {
float : none;
width : 100%;
}
.block-counter .col-3 {
float : none;
width : 100%;
}
.content, .sidebar {
float : none;
width : 100%;
}
.col-sm-6 {
width : 100%;
float : none;
position : relative;
}
}
@media only screen and (max-width:410px) {
.models .modeis-title, .cash-left h2, .earnings-growth h2 {
font-size : 40px;
line-height : 48px;
}
.models-procent {
font-size : 8em;
margin : 0.5em 0;
}
.page-models .welcom-bottom p {
letter-spacing : 0.1em;
}
.cash-right h3 {
line-height : 32px;
}
}