.container:after,
#nav:after,
.block:after,
.section:after {
content: " ";
display: block;
clear: both;
}
#nav > ul,
#nav > ul ul,
.add-nav,
.awards-items,
.social-networks,
.col-wrapp ul {
margin: 0;
padding: 0;
list-style: none;
}
@font-face {
font-family: "icomoon";
src: url("../fonts/icomoon.eot?pj0tgf");
src: url("../fonts/icomoon.eot?#iefixpj0tgf") format("embedded-opentype"), url("../fonts/icomoon.ttf?pj0tgf") format("truetype"), url("../fonts/icomoon.woff?pj0tgf") format("woff"), url("../fonts/icomoon.svg?pj0tgf#icomoon") format("svg");
font-weight: normal;
font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
font-family: "icomoon";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; /* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-play:before {
content: "\e605";
}
.icon-arrow-left:before {
content: "\e600";
}
.icon-arrow-right:before {
content: "\e601";
}
.icon-facebook1:before {
content: "\e602";
}
.icon-linkedin1:before {
content: "\e603";
}
.icon-twitter1:before {
content: "\e604";
}
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
body {
margin: 0;
color: #484848;
background: #fff;
font: 16px/1.25 "Source Sans Pro", "Arial", "Helvetica", sans-serif;
min-width: 320px;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
}
* {
max-height: 1000000px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
display: block;
}
img {
border-style: none;
max-width: 100%;
height: auto;
vertical-align: top;
}
a {
text-decoration: none;
color: #a46e90;
}
a:hover {
text-decoration: underline;
}
input,
textarea,
select {
font: 100% "Source Sans Pro", "Arial", "Helvetica", sans-serif;
color: #484848;
vertical-align: middle;
}
form,
fieldset {
margin: 0;
padding: 0;
border-style: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="submit"] {
-webkit-appearance: none;
-webkit-border-radius: 0;
cursor: pointer;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
margin: 0;
padding: 4px 7px;
-webkit-appearance: none;
-webkit-border-radius: 0;
border: 1px solid #484848;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
border-color: black;
}
textarea {
overflow: auto;
resize: vertical;
vertical-align: top;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Source Sans Pro", "Arial", "Helvetica", sans-serif;
line-height: 1.2em;
margin: 0 0 1.2em;
}
p {
margin: 0 0 1.2em;
}
q {
quotes: none;
}
q:before,
q:after {
content: "";
content: none;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.gm-style img {
max-width: none;
}
#wrapper {
overflow: hidden;
width: 100%;
position: relative;
}
.container {
max-width: 1070px;
margin: 0 auto;
padding: 0 10px;
}
#header {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 20;
padding-top: 22px;
padding-bottom: 24px;
margin-top: 0;
background: transparent;
-webkit-transition: padding .4s, background .2s;
transition: padding .4s, background .2s;
}
#header.fixed-position {
background: #dc6f30;
padding-top: 0;
padding-bottom: 0;
}
#header.fixed-position #nav {
padding-top: 14px;
}
#header.fixed-position .logo {
width: 106px;
height: 52px;
margin-top: 7px;
}
#header .container {
max-width: 1158px;
}
.logo {
float: left;
width: 152px;
height: 74px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
margin-top: 0;
}
.logo img {
display: block;
width: 100%;
}
#nav {
float: right;
padding: 19px 0 12px;
-webkit-transition: padding-top .2s;
transition: padding-top .2s;
}
#nav > ul {
float: left;
padding: 0 3px 0 0;
font-size: 16px;
line-height: 18px;
}
#nav > ul > li {
margin: 0 6px;
position: relative;
float: left;
}
#nav > ul > li.has-drop.hover {
margin: 0;
}
#nav > ul > li.has-drop.hover > a {
background: #fff;
border-radius: 5px 5px 0 0;
border: none;
color: #db6d2f;
padding: 8px 10px;
}
#nav > ul > li.active > a {
border-color: #b75620;
}
#nav > ul > li.hover ul {
display: block;
}
#nav > ul > li.hover > a {
border-color: #b75620;
}
#nav > ul > li > a {
display: block;
padding: 6px 4px 4px;
border: solid transparent;
border-width: 0 0 4px;
-webkit-transition: border-color .3s ease;
transition: border-color .3s ease;
color: #fff;
text-decoration: none;
}
#nav > ul > li > a:hover {
text-decoration: none;
}
#nav > ul ul {
display: none;
background: #fff;
border-radius: 0 5px 5px;
box-shadow: 0 -3px 0 #e6e6e6 inset;
position: absolute;
top: 100%;
left: 0;
padding: 10px;
width: 200px;
}
#nav > ul ul li a {
display: block;
padding: 5px;
}
#nav > ul ul li a:hover {
color: #dd6d23;
text-decoration: none;
}
#nav .btn {
border: none;
padding: 7px 10px 11px;
color: #eb8839;
-webkit-transition: background .3s ease;
transition: background .3s ease;
margin: 0 0 0 16px;
font-weight: 700;
min-width: 140px;
background: #fff;
box-shadow: 0 -3px 0 #e6e6e6 inset;
}
#nav .btn:hover {
background: #f2f2f2;
}
#main {
overflow: hidden;
width: 100%;
}
.btn {
display: inline-block;
vertical-align: top;
padding: 7px 10px 11px;
min-width: 128px;
text-align: center;
color: #fff;
font-size: 16px;
line-height: 20px;
font-weight: 600;
background: #a46e90;
border-radius: 5px;
box-shadow: 0 -3px 0 #a06364 inset;
-webkit-transition: background .3s ease;
transition: background .3s ease;
border: none;
}
.btn:hover {
text-decoration: none;
background: #90627e;
}
.visual {
overflow: hidden;
width: 100%;
padding: 103px 0 0;
background: url(../images/hero-texture.jpg) no-repeat 0 100%;
background-size: cover;
}
.visual .text-block {
overflow: hidden;
padding: 0 10% 50px;
text-align: center;
color: #fff;
font-size: 18px;
line-height: 21px;
margin: 0 0 -72px;
position: relative;
z-index: 10;
}
.visual h1 {
font-size: 32px;
line-height: 36px;
margin: 0 0 16px;
font-weight: 400;
}
.visual p {
margin: 0 auto 17px;
max-width: 64%;
}
.visual img {
margin: 0 0 -27px;
}
.logos-block {
padding-top: 17px;
padding-bottom: 19px;
max-width: 976px;
}
.add-nav {
overflow: hidden;
margin: 0 -2px;
font-size: 18px;
line-height: 20px;
}
.add-nav li {
float: left;
width: 33.332%;
padding: 0 2px;
}
.add-nav li:nth-child(2n) a {
background: #dd6d23;
}
.add-nav li:nth-child(2n) a:hover {
background: #b2571b;
}
.add-nav li:last-child a {
background: #75bfc6;
}
.add-nav li:last-child a:hover {
background: #51aeb7;
}
.add-nav a {
display: block;
width: 100%;
background: red;
color: #fff;
padding: 25px 10px 24px;
text-align: center;
background: #a46e90;
-webkit-transition: background .3s ease;
transition: background .3s ease;
}
.add-nav a:hover {
text-decoration: none;
background: #895676;
}
.add-nav a i {
display: inline-block;
vertical-align: top;
margin: 1px 0 -4px 10px;
font-size: 20px;
}
.block {
width: 100%;
background: url(../images/shadow-line-chart.svg) no-repeat 0 100%;
background-size: 100% 500px;
position: relative;
overflow: hidden;
}
.block:before {
content: "";
position: absolute;
top: -149px;
width: auto;
left: -40px;
right: -40px;
-webkit-transform: rotate(-5.5deg);
-ms-transform: rotate(-5.5deg);
transform: rotate(-5.5deg);
background: #f6f6f6;
height: 500px;
z-index: 1;
}
.block:after {
content: "";
position: absolute;
top: -106px;
width: auto;
left: -40px;
right: -40px;
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
background: #e9e6e4;
height: 500px;
border-bottom: 58px solid #f1f1f1;
z-index: 0;
}
.section {
width: 100%;
font-size: 22px;
line-height: 29px;
font-weight: 300;
position: relative;
z-index: 5;
padding: 68px 0 78px;
}
.section.item {
padding: 68px 0 264px;
background: url(../images/data-line-chart.svg) no-repeat 0 100%;
background-size: 100% 280px;
}
.section.results {
padding-top: 26px;
padding-bottom: 264px;
}
.section .container {
max-width: 1180px;
}
.section .holder {
width: 100%;
display: table;
table-layout: fixed;
}
.section h1 {
font-size: 46px;
line-height: 50px;
margin: 0 0 16px;
font-weight: 300;
color: #a46e90;
}
.section .sub-title {
display: block;
text-transform: uppercase;
color: #a46e90;
font-weight: 600;
}
.section p {
margin: 0 0 20px;
}
.section .text-box {
display: table-cell;
vertical-align: top;
padding: 35px 20px 20px;
width: 50%;
}
.section .text-box.v-aligncenter {
padding: 45px 20px 20px;
vertical-align: middle;
}
.section .img-box {
position: relative;
width: 50%;
text-align: center;
display: table-cell;
vertical-align: bottom;
overflow: hidden;
padding: 0 0 41px;
}
.section .img-box.style-1 {
background: none;
padding: 0;
}
.section .img-box.style-1:before {
display: none;
}
.section .img-box:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
background: #fff url(../images/bg-shadow.png) no-repeat;
background-size: 100% auto;
height: 41px;
}
.section .img-box img {
display: inline-block;
vertical-align: bottom;
}
.section .img-box img.position-1 {
margin: 0 0 -45px;
}
.section .img-box img.position-2 {
margin: 0 0 -24px;
}
.section .img-box img.position-3 {
margin: 0 0 -29px;
}
.form-box {
padding-top: 50px;
padding-bottom: 50px;
}
.form-box h1 {
text-align: center;
font-size: 40px;
line-height: 46px;
margin: 0 0 30px;
color: #a46e90;
font-weight: 600;
}
.chat-form {
overflow: hidden;
margin: 0 auto;
max-width: 616px;
}
.chat-form input[type="text"],
.chat-form input[type="email"] {
border: 2px solid #7bbfc4;
font-size: 14px;
line-height: 20px;
color: #919191;
padding: 8px 10px 10px;
border-radius: 5px;
height: 41px;
box-shadow: none;
width: 100%;
float: left;
}
.chat-form input[type="text"]::-webkit-input-placeholder,
.chat-form input[type="email"]::-webkit-input-placeholder {
color: #919191;
}
.chat-form input[type="text"]::-moz-placeholder,
.chat-form input[type="email"]::-moz-placeholder {
opacity: 1;
color: #919191;
}
.chat-form input[type="text"]:-moz-placeholder,
.chat-form input[type="email"]:-moz-placeholder {
color: #919191;
}
.chat-form input[type="text"]:-ms-input-placeholder,
.chat-form input[type="email"]:-ms-input-placeholder {
color: #919191;
}
.chat-form input[type="text"].placeholder,
.chat-form input[type="email"].placeholder {
color: #919191;
}
.chat-form input[type="text"]:focus,
.chat-form input[type="email"]:focus {
outline: none;
}
.chat-form .row {
overflow: hidden;
}
.chat-form input[type="submit"] {
height: 41px;
float: right;
padding: 0 20px;
margin: 0 0 0 30px;
outline: none;
min-width: 0;
}
.cycle-gallery {
position: relative;
width: 100%;
overflow: hidden;
}
.cycle-gallery .mask {
position: relative;
overflow: hidden;
width: 100%;
}
.cycle-gallery .slideset {
width: 99999px;
float: left;
}
.cycle-gallery .slide {
width: 100%;
float: left;
overflow: hidden;
}
.cycle-gallery .slide.active {
z-index: 1;
}
.cycle-gallery .slide a:hover {
text-decoration: none;
}
.cycle-gallery .slide a:hover .more {
color: #78bfc5;
}
.cycle-gallery .slide a:hover img {
opacity: 1;
}
.cycle-gallery .slide img {
opacity: .925;
width: 100%;
height: auto;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.cycle-gallery .btn-next,
.cycle-gallery .btn-prev {
position: absolute;
right: 99px;
bottom: 54px;
text-decoration: none;
width: 36px;
height: 36px;
background: rgba(255, 255, 255, .6);
color: #575757;
z-index: 20;
-webkit-transition: background .2s ease;
transition: background .2s ease;
border-radius: 50%;
outline: none;
}
.cycle-gallery .btn-next:before,
.cycle-gallery .btn-prev:before {
position: absolute;
top: 50%;
left: 44%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
font-size: 24px;
}
.cycle-gallery .btn-next:hover,
.cycle-gallery .btn-prev:hover {
background: rgba(255, 255, 255, .8);
}
.cycle-gallery .btn-next {
right: 36px;
}
.cycle-gallery .btn-next:before {
left: 56%;
}
.cycle-gallery .text-box {
z-index: 5;
bottom: 36px;
left: 0;
position: absolute;
width: 513px;
}
.cycle-gallery .text-box .holder {
overflow: hidden;
padding: 23px 18px 22px 54px;
background: rgba(0, 0, 0, .75);
font-size: 18px;
line-height: 30px;
color: #c7c7c7;
}
.cycle-gallery .text-box .sub-title {
font-size: 20px;
line-height: 28px;
font-weight: 400;
display: block;
background: rgba(120, 191, 197, .9);
padding: 10px 18px 9px 54px;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
}
.cycle-gallery .text-box .sub-title.item {
background: rgba(163, 111, 143, .9);
}
.cycle-gallery .text-box h1 {
font-size: 36px;
line-height: 44px;
margin: 0 0 5px;
font-weight: 400;
color: #fff;
letter-spacing: -1px;
}
.cycle-gallery .text-box p {
margin: 0 0 7px;
}
.cycle-gallery .text-box .more {
display: inline-block;
vertical-align: top;
text-transform: uppercase;
font-size: 16px;
line-height: 20px;
color: #db6d2f;
-webkit-transition: color .3s ease;
transition: color .3s ease;
letter-spacing: 1px;
}
.col-holder {
overflow: hidden;
width: 100%;
}
.col-holder .head {
overflow: hidden;
width: 100%;
text-align: center;
padding: 45px 20px 32px;
}
.col-holder .head h1 {
font-size: 46px;
line-height: 50px;
margin: 0 0 16px;
font-weight: 300;
color: #a46e90;
}
.col-holder .col {
float: left;
width: 33.332%;
padding: 60px 32px 104px;
font-size: 17px;
line-height: 22px;
background: url(../images/clients-background-4.png) no-repeat;
background-size: cover;
color: #fff;
text-align: center;
position: relative;
}
.col-holder .col.bg-style-4,
.col-holder .col.bg-style-3,
.col-holder .col.bg-style-2,
.col-holder .col.bg-style-1 {
background: url(../images/clients-background-1.png) no-repeat;
background-size: cover;
}
.col-holder .col.bg-style-2 {
background: url(../images/clients-background-3.png) no-repeat;
}
.col-holder .col.bg-style-3 {
background: url(../images/clients-background-6.png) no-repeat;
}
.col-holder .col.bg-style-4 {
background: url(../images/clients-background-2.png) no-repeat;
}
.col-holder .col blockquote {
margin: 0;
padding: 0;
}
.col-holder .col blockquote cite {
position: absolute;
bottom: 50px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.col-holder .col p {
margin: 0 0 10px;
}
.awards-items {
overflow: hidden;
width: 100%;
font-size: 0;
line-height: 0;
letter-spacing: -4px;
text-align: center;
padding: 8px 0 48px;
}
.awards-items li {
padding: 30px 12px 0;
display: inline-block;
vertical-align: top;
}
#footer {
background: #4a4a4a;
padding: 77px 0 36px;
color: #78bfc5;
border-bottom: 137px solid #db6d2f;
}
#footer .container {
max-width: 1040px;
}
#footer .holder {
overflow: hidden;
width: 100%;
}
#footer .info-box {
float: left;
border-top: 2px solid #737373;
padding: 17px 8px 0 0;
font-size: 0;
line-height: 0;
}
#footer .footer-logo {
width: 100px;
height: 49px;
margin: 0 66px 0 0;
display: inline-block;
vertical-align: middle;
}
#footer .footer-logo img {
display: block;
width: 100%;
}
#footer .phone {
color: #db6d2f;
display: inline-block;
vertical-align: middle;
font-size: 16px;
line-height: 20px;
font-weight: 600;
-webkit-transition: color .3s ease;
transition: color .3s ease;
margin: 0 86px 0 0;
}
#footer .phone:hover {
color: #78bfc5;
text-decoration: none;
}
.social-networks {
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 0;
}
.social-networks li {
display: inline-block;
vertical-align: top;
margin: 0 10px;
font-size: 23px;
line-height: 24px;
}
.social-networks a {
color: #78bfc5;
text-decoration: none;
-webkit-transition: color .3s ease;
transition: color .3s ease;
}
.social-networks a:hover {
color: #db6d2f;
}
.col-wrapp {
overflow: hidden;
width: 100%;
}
.col-wrapp .col {
float: left;
width: 25%;
padding: 0 10px 11px 0;
}
.col-wrapp .col:hover ul a {
color: #868686;
}
.col-wrapp .col:hover ul a:hover {
color: #78bfc5;
}
.col-wrapp .title {
font-weight: 600;
display: block;
font-size: 18px;
line-height: 23px;
}
.col-wrapp .title a {
display: block;
color: #78bfc5;
-webkit-transition: color .3s ease;
transition: color .3s ease;
padding: 8px 0;
}
.col-wrapp .title a:hover {
text-decoration: none;
color: #db6d2f;
}
.col-wrapp ul {
font-size: 18px;
line-height: 24px;
}
.col-wrapp ul li {
color: #5c5c5c;
}
.col-wrapp ul a {
display: block;
color: #6c6c6c;
text-decoration: none;
padding: 8px 0;
-webkit-transition: color .3s ease;
transition: color .3s ease;
}
.col-wrapp ul a:hover {
color: #78bfc5;
}
@media only screen and (min-width: 1025px) {
a[href^=tel],
a[href^=skype],
a[href^=sms] {
cursor: default;
pointer-events: none;
}
}
@media (max-width: 1023px) {
.logo {
width: 106px;
height: 52px;
}
.visual .text-block {
padding: 0 0 50px;
}
.block {
background-size: 150% auto;
background-position: 100% 100%;
}
.section {
font-size: 16px;
line-height: 24px;
}
.section.item {
padding: 68px 0 155px;
background-size: 100% 160px;
}
.section.results {
padding-bottom: 60px;
}
.section h1 {
font-size: 34px;
line-height: 38px;
}
.cycle-gallery {
height: 440px;
}
.cycle-gallery .slide img {
width: auto;
height: 440px;
max-width: none;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.col-holder .col {
width: 50%;
}
.awards-items li img {
width: 156px;
}
#footer {
border-bottom: 50px solid #db6d2f;
}
#footer .footer-logo {
margin: 0 15px 0 0;
}
#footer .phone {
margin: 0 5px 0 0;
}
.col-wrapp .title {
font-size: 16px;
line-height: 22px;
}
.col-wrapp ul {
font-size: 16px;
line-height: 22px;
}
}
@media (max-width: 767px) {
#header {
position: relative;
-webkit-transition: none !important;
transition: none !important;
padding-bottom: 0;
padding-top: 60px;
background: #db6d2f;
overflow: hidden;
}
#header.fixed-position {
top: auto;
left: auto;
padding-bottom: 0;
padding-top: 60px;
-webkit-transition: none !important;
transition: none !important;
background: #db6d2f;
position: relative !important;
}
#header.fixed-position #nav {
padding-top: 0;
}
#header.fixed-position .logo {
width: 70px;
height: 34px;
margin-top: 0;
}
.logo {
width: 70px;
height: 34px;
position: absolute;
top: 10px;
left: 10px;
}
#nav {
text-align: center;
padding: 0 0 12px;
}
#nav > ul {
width: 100%;
padding: 0;
}
#nav > ul > li {
position: static;
float: none;
display: inline-block;
vertical-align: top;
}
#nav > ul > li.has-drop.hover {
margin: 0 6px;
}
#nav > ul > li.has-drop.hover > a {
border: solid #b75620;
border-width: 0 0 4px;
padding: 6px 4px 4px;
border-radius: 0;
background: none;
color: #fff;
}
#nav > ul ul {
display: none !important;
}
#nav .btn {
position: absolute;
right: 10px;
top: 10px;
}
.visual {
background: #db6d2f;
padding: 0;
}
.visual .text-block {
font-size: 14px;
line-height: 18px;
margin: 0 0 -30px;
}
.visual h1 {
font-size: 20px;
line-height: 24px;
}
.visual p {
max-width: none;
}
.add-nav {
font-size: 14px;
line-height: 18px;
}
.add-nav li {
width: 100%;
}
.add-nav a {
padding: 16px 10px;
}
.add-nav a i {
font-size: 16px;
}
.block {
background-size: 232% auto;
background-position: 100% 100%;
}
.section {
padding: 30px 0;
}
.section.item {
padding: 10px 0 105px;
background-size: 100% 110px;
}
.section.results {
padding-bottom: 10px;
}
.section h1 {
font-size: 24px;
line-height: 28px;
margin: 0 0 10px;
}
.section .text-box {
width: 100%;
padding: 0 0 20px;
display: table-header-group;
}
.section .text-box.v-aligncenter {
padding: 0 0 20px;
}
.section .img-box {
width: 100%;
padding: 20px 0 41px;
}
.section .img-box img {
max-width: 250px;
margin: 0 auto;
}
.form-box {
padding-top: 20px;
padding-bottom: 20px;
}
.form-box h1 {
font-size: 24px;
line-height: 28px;
margin: 0 0 10px;
font-weight: 400;
}
.chat-form {
position: relative;
padding: 0 0 50px;
}
.chat-form input[type="submit"] {
position: absolute;
margin: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
}
.cycle-gallery {
height: auto;
min-height: 388px;
}
.cycle-gallery .slide img {
height: 290px;
}
.cycle-gallery .btn-next,
.cycle-gallery .btn-prev {
left: 22px;
right: auto;
top: 127px;
}
.cycle-gallery .btn-next {
right: 22px;
left: auto;
}
.cycle-gallery .text-box {
width: 100%;
position: static;
}
.cycle-gallery .text-box .holder {
padding: 18px 11px;
font-size: 14px;
line-height: 25px;
}
.cycle-gallery .text-box .sub-title {
padding: 5px 11px;
font-size: 17px;
line-height: 20px;
}
.cycle-gallery .text-box h1 {
font-size: 30px;
line-height: 36px;
}
.cycle-gallery .text-box .more {
font-size: 13px;
line-height: 18px;
}
.col-holder .head {
padding: 20px 20px 14px;
}
.col-holder .head h1 {
font-size: 24px;
line-height: 28px;
margin: 0 0 10px;
}
#footer {
padding: 20px 0;
border-bottom: 30px solid #db6d2f;
}
#footer .info-box {
padding: 17px 0 0;
width: 100%;
}
#footer .phone {
float: right;
margin: 15px 0 0;
}
.social-networks {
width: 100%;
overflow: hidden;
text-align: center;
padding: 10px 0 0;
}
.col-wrapp .col {
width: 50%;
padding: 0 10px 20px;
}
.col-wrapp .title {
font-size: 14px;
line-height: 18px;
}
.col-wrapp ul {
font-size: 14px;
line-height: 18px;
}
}
@media (max-width: 524px) {
.col-holder .col {
width: 100%;
}
}