::selection { background: #FD685B; color: #fff; } ::-moz-selection { background: #FD685B; color: #fff; } ::-webkit-input-placeholder { color: #b3b3b3; } :-moz-placeholder { /* Firefox 18- */ color: #b3b3b3; } ::-moz-placeholder { /* Firefox 19+ */ color: #c4c4c4 !important; } :-ms-input-placeholder { color: #b3b3b3; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html {font-size: 100%;/* font-size: 16px; */;} body {background-color: #fbfbfb;color: #333;font-size: 1.125em; /* font-size: 18px; */font-family: 'Roboto', sans-serif;line-height: 1.8;overflow-x: hidden;} body, main { overflow-x: hidden; } html,body,nav > ul > li {font-family: 'Roboto', sans-serif!important;} html.font_size_10, html.font_size_10 body { font-size: 1.10em; } html.font_size_105, html.font_size_105 body { font-size: 1.105em; } html.font_size_11, html.font_size_11 body { font-size: 1.11em; } html.font_size_115, html.font_size_115 body { font-size: 1.115em; } html.font_size_12, html.font_size_12 body { font-size: 1.12em; } html.font_size_125, html.font_size_125 body { font-size: 1.125em; } html.font_size_13, html.font_size_13 body { font-size: 1.13em; } html.font_size_135, html.font_size_135 body { font-size: 1.135em; } html.font_size_14, html.font_size_14 body { font-size: 1.14em; } html.font_weight_100, html.font_weight_100 body { font-weight: 100; } html.font_weight_200, html.font_weight_200 body { font-weight: 200; } html.font_weight_300, html.font_weight_300 body { font-weight: 300; } html.font_weight_400, html.font_weight_400 body { font-weight: 400; } html.font_weight_500, html.font_weight_500 body { font-weight: 500; } html.font_weight_600, html.font_weight_600 body { font-weight: 600; } html.font_weight_700, html.font_weight_700 body { font-weight: 700; } html.font_weight_800, html.font_weight_800 body { font-weight: 800; } html.font_weight_900, html.font_weight_900 body { font-weight: 900; } html.no-buffer .row-content.buffer {padding-left: 2%;padding-right: 2%;} html.no-buffer .row-content.buffer-right {padding-right: 2%;} html.no-buffer .row-content.buffer-left {padding-left: 2%;} h1, h2, h3, h4, h5, h6 {color: #222;font-family: 'Roboto', sans-serif;line-height: 1.34;text-rendering: auto; /* Android browser */} a {color: #222;text-decoration: underline;} .csstransitions a {-webkit-transition: background-color 0.1s linear, color 0.1s linear;-moz-transition: background-color 0.1s linear, color 0.1s linear;transition: background-color 0.1s linear, color 0.1s linear;} input[type=""], input:not([type]), input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], textarea, textarea.plain {display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-bottom: 1em;border: 2px solid rgba(0, 0, 0, 0.1);-webkit-border-radius: 0.333em;-moz-border-radius: 0.333em;border-radius: 0.333em;color: #333;} input[type="submit"].button,input[type="button"].button {border: none;} textarea:focus,input:focus {outline: 0;} textarea:not([type="button"]):hover,input:not([type="button"]):hover {border-color: #cad1d9 !important;} textarea:not([type="button"]):focus, textarea:not([type="button"]):active, input:not([type="button"]):focus, input:not([type="button"]):active {border-color: #88d3ff !important;} img {display: block;} .centertxt,.text-center {text-align: center;} .text-left {text-align: left;} .text-right {text-align: right;} #main {position: relative;z-index: 10;overflow: hidden;background-color: #fbfbfb;} section {overflow-x: hidden;} .last-special {margin-right: 0% !important;} .hidden {display: none!important;} ul.filter-options li {font-weight: 700; cursor: pointer;} ul.filter-options li:hover, ul.filter-options li.active {color: red;} /*Google Translate*/ body {top: 0 !important;} .skiptranslate {display: none !important;} .lang__wrap {position: relative;padding-top: 11px;} .language {display: flex;flex-direction: row;flex-wrap: wrap;} .language__img {margin: 5px;cursor: pointer;opacity: .9;max-width: 22px;} .m-menu__locale .language__img {margin: 4px;} .language__img:hover,.language__img_active {opacity: 1;} .lang--mob {display: flex;align-items: center;justify-content: center;} .mobile.no-parallax #main section.about.greyish { margin-top: 60px;} /*---------------------------------------------------------------- Perfect Fourth (http://type-scale.com) ----------------------------------------------------------------*/ h1 {font-size: 2.369em;} h2 {font-size: 1.777em;} h3 {font-size: 1.333em;} h4 {font-size: 1em;} h5 {font-size: 0.75em;} h6 {font-size: 0.563em;} .row-content.buffer,.row-content.buffer-top {padding-top: 3.8%; /* This overwrites a layers.css rule */;} /*------------- Loaders -----------*/ .landing {position: absolute;top: 0;left: 0;z-index: 10001;width: 100%;height: 100%;} .loader {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 6.250em;height: 6.250em;-webkit-animation: rotate 2.4s linear infinite;-moz-animation: rotate 2.4s linear infinite;animation: rotate 2.4s linear infinite;} .spinner {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto auto;width: 5em;height: 2em;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;} .spinner > div {display: inline-block;width: 1em;height: 1em;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;background-color: #fff;-webkit-animation: bouncedelay 1.4s infinite ease-in-out;animation: bouncedelay 1.4s infinite ease-in-out;/* Prevent first frame from flickering when animation starts */-webkit-animation-fill-mode: both;animation-fill-mode: both;} .landing-slider .spinner > div {background-color: rgba(255,255,255,0.5);} .landing-els .spinner > div {background-color: rgba(0,0,0,0.2);} .spinner .bounce1 {margin-right: 0.5em;-webkit-animation-delay: -0.32s;animation-delay: -0.32s;} .spinner .bounce2 {margin-right: 0.5em;-webkit-animation-delay: -0.16s;animation-delay: -0.16s;} @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0);} 40% {-webkit-transform: scale(1.0);} } @keyframes bouncedelay { 0%, 80%, 100% {-webkit-transform: scale(0.0); transform: scale(0.0);} 40% {-webkit-transform: scale(1.0);transform: scale(1.0);} } /*----------------- Header menu --------------------------*/ header {position: fixed;top: 0;left: 0;z-index: 999;padding: 0.5rem 0;width: 100%;background-color: rgba(255, 255, 255, 0.97);-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);} header.light #brand a, header.light nav > ul > li > a {color: #fff;} header.color_menu_dark {background-color: #545768;} header.color_menu_red {background-color: #ff6858;} header.color_menu_orange {background-color: #fa6f52;} header.color_menu_yellow {background-color: #ffce53;} header.color_menu_green {background-color: #a0d468;} header.color_menu_aqua {background-color: #4fc0ea;} header.color_menu_blue {background-color: #5e9ded;} header.color_menu_purple {background-color: #ab92ed;} header.color_menu_pink {background-color: #ec87c1;} header.color_menu_gray {background-color: #aab2bd;} header.color_menu_mint {background-color: #49cfae;} .no-parallax header {z-index: 9998 !important;background-color: rgba(255, 255, 255, 0.97) !important;-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) !important;-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) !important;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) !important;} .no-parallax #intro {position: relative !important;} .no-parallax header.transparent.light #brand a,.no-parallax header.transparent.light nav > ul > li > a {color: #333 ;} header.transition {-webkit-transition: background-color 0.3s ease;-moz-transition: background-color 0.3s ease;-ms-transition: background-color 0.3s ease;-o-transition: background-color 0.3s ease;transition: background-color 0.3s ease;} header.transparent {background-color: transparent;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} header.transparent.light #brand a,header.transparent.light nav > ul > li > a,.caption {text-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);} header.fixed-header {position: fixed;top: 0;left: 0;z-index: 9998;background-color: rgba(255, 255, 255, 0.97);-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);-webkit-transform: none !important;-moz-transform: none !important;-ms-transform: none !important;-o-transform: none !important;transform: none !important;} header.fixed-header.color_menu_dark {background-color: #545768;} header.fixed-header.color_menu_red {background-color: #ff6858;} header.fixed-header.color_menu_orange {background-color: #fa6f52;} header.fixed-header.color_menu_yellow {background-color: #ffce53;} header.fixed-header.color_menu_green {background-color: #a0d468;} header.fixed-header.color_menu_aqua {background-color: #4fc0ea;} header.fixed-header.color_menu_blue {background-color: #5e9ded;} header.fixed-header.color_menu_purple {background-color: #ab92ed;} header.fixed-header.color_menu_pink {background-color: #ec87c1;} header.fixed-header.color_menu_gray {background-color: #aab2bd;} header.fixed-header.color_menu_mint {background-color: #49cfae;} #brand,#brand-mobile {float: left;clear: none;} #brand-mobile {display: none;} #brand a,#brand-mobile a,nav a {text-decoration: none;} #brand h1,#brand h2,#brand-mobile h1,#brand-mobile h2 {font-size: 1.556em;line-height: 3rem;} nav {position: relative;display: inline-block;float: right;clear: none;} #brand a,nav a {color: #333;} #brand-mobile a,#brand-mobile h1 {color: #fff;} #brand a img#default-logo,#brand a img#retina-logo,#brand-mobile a img {float: left;margin-top: 0.286em;margin-right: 0.5em;height: 1.143em;} #brand a img#retina-logo,#brand-mobile a img#retina-logo {display: none;} /* retina logo */ @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { #brand a img#retina-logo {display: block;} #brand a img#default-logo {display: none;} } header.transparent.light #brand a,header.transparent.light nav > ul > li > a {color: #fff;} header.fixed-header.transparent.light #brand a,header.fixed-header.transparent.light nav > ul > li > a {color: #333;text-shadow: none;} header.fixed-header.transparent.light nav > ul > li:hover > a {border-bottom: 2px solid #333;} nav > ul,nav > ul > li {float: left;clear: none;} nav > ul > li {padding: 0 0.778em;text-transform: uppercase;font-weight: 700;font-size: 0.778em;font-family: 'Roboto', sans-serif;cursor: pointer;} nav > ul > li:last-child {padding: 0 0 0 0.778em;} nav > ul > li > a {line-height: 3rem;} nav > ul > li:hover > a {border-bottom: 2px solid #333;} header.light nav > ul > li:hover > a,header.transparent.light nav > ul > li:hover > a,header.alt-header nav > ul > li:hover > a {border-bottom: 0 solid #fff;} nav li {position: relative;white-space: nowrap;} nav > ul li:hover > ul.sub-menu {display: block; /* show the submenu */;} nav .sub-arrow {padding-left: 0.500em;vertical-align: middle;font-size: 0.714em;} nav ul.sub-menu {position: absolute;left: 0;z-index: 9999; /* level 2 */display: none;margin-bottom: 0;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);} nav ul.sub-menu ul.sub-menu {top: 0px;left: 100%;/* level 3+ */margin-top: -0.063rem;padding-top: 0;} nav ul.sub-menu > li > a {display: block;padding: 0.5rem 1rem;background-color: #F6F6F6;font-size: 0.786em;} nav ul.sub-menu > li > a:hover {background-color: #FD685B;color: #fff;} nav ul.sub-menu > li:first-child > a {border-radius: 2px 2px 0 0;} nav ul.sub-menu > li:last-child > a {border-radius: 0 0 2px 2px;} #menu-toggle {display: none;color: #CCC;text-decoration: none;} #menu-toggle i {line-height: 2;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;} #menu-toggle i.active {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-1);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);} #menu-toggle:hover {color: #FD685B;} header.alt-header #menu-toggle:hover {color: #fff;} header.alt-header {position: relative;padding: 0.5rem 0 0;} header.alt-header #brand {margin-top: 1em;} header.alt-header #brand h1 {font-size: 1.556em;line-height: 3rem;} header.alt-header #brand .brand-desc {font-size: 0.55em;line-height: 1em;font-weight: 400;margin: 0;} header.alt-header #contants {padding: 0.4em 0;font-size: 0.8em;text-decoration: none;} header.alt-header #contants p {margin-top: 0!important;margin-bottom: 0.5em;} header.alt-header #contants a {text-decoration: none;} header.alt-header .feedback a {margin-top: 2.5em;} header.alt-header .row.reset {border-top: 1px solid rgba(96, 158, 234, 0.4);background-color: rgba(96, 158, 234, 0.1);padding: 0.5rem;} header.alt-header nav {float: left;} header.alt-header nav > ul > li:first-child {padding: 0;} header.alt-header.dark .row.reset ul.reset > li > a,header.alt-header.red .row.reset ul.reset > li > a,header.alt-header.yellow .row.reset ul.reset > li > a,header.alt-header.orange .row.reset ul.reset > li > a,header.alt-header.green .row.reset ul.reset > li > a,header.alt-header.aqua .row.reset ul.reset > li > a,header.alt-header.blue .row.reset ul.reset > li > a,header.alt-header.purple .row.reset ul.reset > li > a,header.alt-header.pink .row.reset ul.reset > li > a,header.alt-header.gray .row.reset ul.reset > li > a,header.alt-header.mint .row.reset ul.reset > li > a,header.alt-header #brand-mobile {color: #fff;} header.alt-header.dark .row.reset,header.alt-header.dark nav ul.sub-menu > li > a:hover,header.alt-header.dark a.icon-round:hover span,footer.bg_dark {background-color: #545768;} header.alt-header.red .row.reset,header.alt-header.red nav ul.sub-menu > li > a:hover,header.alt-header.red a.icon-round:hover span,footer.bg_red {background-color: #ff6858;} header.alt-header.orange .row.reset,header.alt-header.orange nav ul.sub-menu > li > a:hover,header.alt-header.orange a.icon-round:hover span,footer.bg_orange {background-color: #fa6f52;} header.alt-header.yellow .row.reset,header.alt-header.yellow nav ul.sub-menu > li > a:hover,header.alt-header.yellow a.icon-round:hover span,footer.bg_yellow {background-color: #ffce53;} header.alt-header.green .row.reset,header.alt-header.green nav ul.sub-menu > li > a:hover,header.alt-header.green a.icon-round:hover span,footer.bg_green {background-color: #a0d468;} header.alt-header.aqua .row.reset,header.alt-header.aqua nav ul.sub-menu > li > a:hover,header.alt-header.aqua a.icon-round:hover span,footer.bg_aqua {background-color: #4fc0ea;} header.alt-header.blue .row.reset,header.alt-header.blue nav ul.sub-menu > li > a:hover,header.alt-header.blue a.icon-round:hover span,footer.bg_blue {background-color: #5e9ded;} header.alt-header.purple .row.reset,header.alt-header.purple nav ul.sub-menu > li > a:hover,header.alt-header.purple a.icon-round:hover span,footer.bg_purple {background-color: #ab92ed;} header.alt-header.pink .row.reset,header.alt-header.pink nav ul.sub-menu > li > a:hover,header.alt-header.pink a.icon-round:hover span,footer.bg_pink {background-color: #ec87c1;} header.alt-header.gray .row.reset,header.alt-header.gray nav ul.sub-menu > li > a:hover,header.alt-header.gray a.icon-round:hover span,footer.bg_gray {background-color: #aab2bd;} header.alt-header.mint .row.reset,header.alt-header.mint nav ul.sub-menu > li > a:hover,header.alt-header.mint a.icon-round:hover span,footer.bg_mint {background-color: #49cfae;} /*--------------------- Intro ----------------------------------------------------------------*/ #intro-wrap {position: relative;width: 100%;height: 33.333em;background-color: #363842;} #intro-wrap.intro-small {height: 15em;} #intro {position: fixed;width: inherit;height: inherit;} #intro .intro-item {position: absolute;width: inherit;height: inherit;background-position: center center;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;background-repeat: no-repeat;} #intro.preload .intro-item {visibility: hidden;} .darkover {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.35);} #intro .intro-mockup,.caption,.caption-mockup,.photocaption {z-index: 2;} .caption,.photocaption {position: absolute;} #intro .intro-mockup-wrapper,.caption,.photocaption {margin: 0 auto;padding: 0 8%;} #intro .intro-mockup-wrapper {max-width: 70em;} #intro .intro-mockup img {margin: 0 auto;max-width: 40em;} #intro .intro-mockup.intro-left img,#intro .intro-mockup.intro-right img {max-width: 20em;} .owl-item .caption h2,.owl-item .caption p,.owl-item .caption .button,.owl-item .caption-mockup h2,.owl-item .caption-mockup p,.owl-item .caption-mockup .button,.owl-item .photocaption {opacity: 0;} .caption,.caption-mockup {width: 100%;text-align: center;} .caption,.caption h2,.caption-mockup,.caption-mockup h2,.photocaption,.photocaption h4 {color: #fff;} .caption.dark,.caption.dark h2,.caption-mockup.dark,.caption-mockup.dark h2 {color: #333;} .caption h2,.caption-mockup h2 {margin-bottom: 0.222em;font-size: 3em;} .caption h2 {margin-top: 0;} .caption p,.caption-mockup p {margin-top: 0;} .caption-mockup.caption-left {float: left;} .caption-mockup.caption-right {float: right;} .photocaption {right: 0;bottom: 1.111em;padding: 0;max-width: 20%;} .photocaption h4 {margin: 0;padding: 0.778em 1em;background-color: rgba(0,0,0,0.35);font-weight: 400;font-style: italic;font-size: 0.778em;font-family: 'Roboto', sans-serif;} .caption a,.caption-mockup a,.photocaption a {color: #fff;} #intro-wrap .more {position: absolute;bottom: 0; margin: 0;width: 100%;text-align: center;font-size: 2.667em;} #intro-wrap:hover .preload .more a {opacity: 0;filter: Alpha(Opacity=0); /* IE7 fix */;} #intro-wrap .more a {color: #fff;opacity: 0;filter: Alpha(Opacity=0); /* IE7 fix */-webkit-transition: opacity .3s ease;-moz-transition: opacity .3s ease;transition: opacity .3s ease;} #intro-wrap:hover .more a {opacity: 1;filter: Alpha(Opacity=100);/* IE7 fix */;} /*--------------- Masonry ----------------------------------------------------------------*/ .grid-items,.grid-items-albums,.dribbble-items {position: relative;} .grid-items,.grid-items-albums {min-height: 15em;} .dribbble-items {min-height: 9em;} .grid-items .column.three, .grid-items .column.four, .grid-items .column.six, .grid-items .column.eight .grid-items-albums .column.three, .grid-items-albums .column.four, .grid-items-albums .column.six, .grid-items-albums .column.eight {margin-right: 0;} .shuffle-sizer {position: absolute;visibility: hidden;margin-left: 3.8%;min-height: 1px;opacity: 0;} .shuffle-sizer.three {width: 22.05%;} .shuffle-sizer.four {width: 30.75%;} .grid-items .item, .grid-items-albums .item, .dribbble-items .item {position: relative;margin-bottom: 2.96%;} .dribbble-items .item {-webkit-transform: scale3d(1, 1, 1); /* Fix some Chrome flikering on hover */;} .grid-items.preload .item,.grid-items-albums.preload .item,.dribbble-items.preload .item {display: none;} @media handheld, only screen and (max-width:48em) { .shuffle-sizer-four {margin-left: 3.8%;width: 48%;} .grid-items.shuffle .column,.grid-items-albums.shuffle .column {width: 100% !important;} .grid-items .item,.grid-items-albums .item,.dribbble-items .item {position: relative;margin-bottom: 3.8%;} } article.post.item.concealed {z-index: -1;} /*-------------------- Sidebar -----------------------------------------*/ .widget {font-size: 0.722em;} .widget h4 {margin-top: 0;color: #ccc;} .widget {margin-bottom: 3.333em;} .widget_search input,.search-no-results input {padding-left: 3.077em;width: 100%;border: 1px solid #ddd;border-radius: 1.538em;} .widget_search form,.search-no-results form {position: relative;} .pre-input {position: absolute;background-color: transparent;border: none;} .pre-input i {padding: 0.35em 0.6em 0.4em 1em;color: #ccc;line-height: 1.8 !important;} /*--------------- Widgets --------------------*/ .widget h4 {text-transform: uppercase;font-size: 0.875rem;} /*------------- Sections -----------------------------------------------*/ section {position: relative;overflow-x: initial;background-color: inherit;} section.greyish {background-color: #f5f5f5;} .section-title {margin-bottom: 2em;text-align: center;} .section-title h3 {display: inline-block;border-bottom: 2px solid rgba(0,0,0,0.1);text-transform: uppercase;font-size: 0.889em;line-height: 1.8;word-break: normal;} .obliquely-before:before {z-index: 99;position: absolute;top: -1.5em;left: -5%;width: 110%;height: 3em;background-color: #fff;transform: rotate(-1.5625deg);content: '';} .obliquely-after:after {z-index: 99;position: absolute;top: initial;bottom: -1.5em;left: -5%;width: 110%;height: 3em;background-color: #fff;transform: rotate(-1.5625deg);content: '';} .obliquely-before.inverse:before,.obliquely-after.inverse:after {transform: rotate(1.5625deg);} /*------------ CTA ------------------*/ .call-to-action .row-content.buffer {padding-top: 4%;padding-bottom: 4%;} .call-to-action {text-align: center;} .call-to-action p {display: inline-block;font-family: 'Roboto', sans-serif;margin-bottom: 0;} .call-to-action .button {margin-right: 1em;margin-left: 1em;margin-bottom: 0;} /*--------------- Featured columns --------------------------*/ .small-icon,.big-icon {width: 2em;height: 2em;-webkit-border-radius: 25%;-moz-border-radius: 25%;border-radius: 25%;background-color: rgba(0,0,0,0.03);line-height: 2;} .small-icon-text {margin-left: 4.444em;} .small-icon-text h4 {margin-top: 1.1em;} .small-icon {display: block;float: left;font-size: 1.667em;} .small-icon i {width: inherit;text-align: center;} .small-icon,.small-icon-text,.small-icon-text h4,.small-icon-text p {clear: none;} .big-icon-text h4 {font-size: 1.333em;} .big-icon {display: inline-block;font-size: 5.556em;} .text-s {font-size: 0.778em;} .text-xs {font-size: 0.722em;} .text-light {color: rgba(255,255,255,0.9);} .text-gray {color: #909090;} .text-light h1,.text-light h2,.text-light h3,.text-light h4,.text-light h5,.text-light h6,.text-light i {color: #fff;} .text-light .small-icon,.text-light .big-icon {background-color: rgba(255,255,255,0.15);} .text-light a {color: #fff;} /*---------- Portfolio section -------------------*/ .more-btn {text-align: center;} /*---------- Milestone ------------------------*/ .count-item {text-align: center;} .count-item .small-icon {float: none;margin: 0 auto 0.333em auto;} .count-subject {margin-top: 0;color: #999;opacity: 0;} /*--------- Slogan --------------*/ .slogan {text-align: center;} .slogan p {font-size: 1.111em;} /*---------------------------------------------------------------- onScreen animations ----------------------------------------------------------------*/ .slogan.animation.onscreen, .call-to-action .animation.onscreen, .side-mockup.left-mockup.animation.onscreen { opacity: 1; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-animation: lfade .65s ease forwards; -moz-animation: lfade .65s ease forwards; animation: lfade .65s ease forwards; } .side-mockup.right-mockup.animation.onscreen { opacity: 1; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-animation: rfade .65s ease forwards; -moz-animation: rfade .65s ease forwards; animation: rfade .65s ease forwards; } .count-subject.subject-on { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-animation: smalllfade .65s ease forwards; -moz-animation: smalllfade .65s ease forwards; animation: smalllfade .65s ease forwards; } .owl-item .caption h2, .owl-item .caption p, .owl-item .caption .button, .owl-item .caption-mockup h2, .owl-item .caption-mockup p, .owl-item .caption-mockup .button, .owl-item .photocaption, .side-mockup.left-mockup.animation, .side-mockup.right-mockup.animation, .slogan.animation, .call-to-action .animation { opacity: 0; } .owl-item.active .photocaption { opacity: 0; -webkit-transform: translateX(3em); -moz-transform: translateX(3em); -ms-transform: translateX(3em); -o-transform: translateX(3em); transform: translateX(3em); -webkit-animation: photocaption .65s ease forwards; -moz-animation: photocaption .65s ease forwards; animation: photocaption .65s ease forwards; -webkit-animation-delay: .6s; -moz-animation-delay: .6s; animation-delay: .6s; } .no-cssanimations .owl-item.active .photocaption { -ms-transform: translateX(0); } .owl-item.active .intro-mockup img { opacity: 0; -webkit-transform: translateY(3em); -moz-transform: translateY(3em); -ms-transform: translateY(3em); -o-transform: translateY(3em); transform: translateY(3em); -webkit-animation: mcaption .65s ease forwards; -moz-animation: mcaption .65s ease forwards; animation: mcaption .65s ease forwards; -webkit-animation-delay: .8s; -moz-animation-delay: .8s; animation-delay: .8s; } .owl-item.active .caption h2, .owl-item.active .caption-mockup h2 { opacity: 0; -webkit-animation: fade .65s ease forwards; -moz-animation: fade .65s ease forwards; animation: fade .65s ease forwards; -webkit-animation-delay: .6s; -moz-animation-delay: .6s; animation-delay: .6s; } .owl-item.active .caption p, .owl-item.active .caption-mockup p { opacity: 0; -webkit-animation: fade .65s ease forwards; -moz-animation: fade .65s ease forwards; animation: fade .65s ease forwards; -webkit-animation-delay: .8s; -moz-animation-delay: .8s; animation-delay: .8s; } .owl-item.active .caption .button, .owl-item.active .caption-mockup .button { opacity: 0; -webkit-animation: fade .65s ease forwards; -moz-animation: fade .65s ease forwards; animation: fade .65s ease forwards; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; } .no-cssanimations .owl-item.active .photocaption, .no-cssanimations .owl-item.active .caption h2, .no-cssanimations .owl-item.active .caption-mockup h2, .no-cssanimations .owl-item.active .caption p, .no-cssanimations .owl-item.active .caption-mockup p, .no-cssanimations .owl-item.active .caption .button, .no-cssanimations .owl-item.active .caption-mockup .button { opacity: 1; } @-webkit-keyframes fade { to { opacity: 1; } } @-moz-keyframes fade { to { opacity: 1; } } @keyframes fade { to { opacity: 1; } } @-webkit-keyframes photocaption { to { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes photocaption { to { opacity: 1; -moz-transform: translateX(0); } } @keyframes photocaption { to { opacity: 1; transform: translateY(0); } } @-webkit-keyframes mcaption { to { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes mcaption { to { opacity: 1; -moz-transform: translateY(0); } } @keyframes mcaption { to { opacity: 1; transform: translateX(0); } } @-webkit-keyframes lfade { from { opacity: 0; -webkit-transform: translateX(-3em); } } @-moz-keyframes lfade { from { opacity: 0; -moz-transform: translateX(-3em); } } @keyframes lfade { from { opacity: 0; transform: translateX(-3em); } } @-webkit-keyframes smalllfade { from { opacity: 0; -webkit-transform: translateX(-1em); } } @-moz-keyframes smalllfade { from { opacity: 0; -moz-transform: translateX(-1em); } } @keyframes smalllfade { from { opacity: 0; transform: translateX(-1em); } } @-webkit-keyframes rfade { from { opacity: 0; -webkit-transform: translateX(3em); } } @-moz-keyframes rfade { from { opacity: 0; -moz-transform: translateX(3em); } } @keyframes rfade { from { opacity: 0; transform: translateX(3em); } } /*-------------- Plugins ------------------*/ .tag-plugin .tags.cloud {font-size: 0.622em;} .category-plugin ul {padding-left: 0;list-style: none;} /*--------------- Icons -------------------------*/ .red,i.icon.red,i.fa.red {color: #fd685c;} .orange,i.icon.orange,i.fa.orange {color: #fa6f57;} .yellow,i.icon.yellow,i.fa.yellow {color: #fecd5e;} .green,i.icon.green,i.fa.green {color: #a1d26e;} .mint,i.icon.mint,i.fa.mint {color: #4fcead;} .aqua,i.icon.aqua,i.fa.aqua {color: #55c1e7;} .blue,i.icon.blue,i.fa.blue {color: #609eea;} .purple,i.icon.purple,i.fa.purple {color: #ab94e9;} .pink,i.icon.pink,i.fa.pink {color: #ea89bf;} .white,i.icon.white,i.fa.white {color: #fff;} .grey,i.icon.grey,i.fa.grey {color: #aab2bc;} .dark-grey,i.icon.dark-grey,i.fa.dark-grey {color: #545766;} .text-light i.icon,.text-light i.fa {color: #fff !important;} /*--------- Footer ---------------*/ footer {position: relative;z-index: 10;background-color: #363842;color: #545766;} footer h1,footer h2,footer h3,footer h4,footer h5,footer h6 {color: #fff;} footer a {color: #545766;text-decoration: none;} footer a:hover {color: #fff;} footer .meta-social ul li a {border-color: #545766;color: #545766;} footer .meta-social ul li a:hover {color: #fff;} #top-footer h4 {margin-top: 1.34em;} #top-footer .widget {margin-bottom: 0;font-size: 0.778em;} footer .row-content.buffer {padding-top: 2%;padding-bottom: 0;} #bottom-footer {font-size: 0.667em;} /*-------------- 640px Breakpoint -----------------------*/ @media handheld, only screen and (max-width:40em) { header.alt-header.dark .row.reset ul.reset > li > a, header.alt-header.red .row.reset ul.reset > li > a, header.alt-header.yellow .row.reset ul.reset > li > a, header.alt-header.orange .row.reset ul.reset > li > a, header.alt-header.green .row.reset ul.reset > li > a, header.alt-header.aqua .row.reset ul.reset > li > a, header.alt-header.blue .row.reset ul.reset > li > a, header.alt-header.purple .row.reset ul.reset > li > a, header.alt-header.pink .row.reset ul.reset > li > a, header.alt-header.gray .row.reset ul.reset > li > a, header.alt-header.mint .row.reset ul.reset > li > a, header.alt-header nav ul.sub-menu > li > a, header.alt-header #brand-mobile { color: #fff!important; } header.alt-header.dark .row.reset ul.reset > li > a:hover, header.alt-header.yellow .row.reset ul.reset > li > a:hover, header.alt-header.green .row.reset ul.reset > li > a:hover, header.alt-header.aqua .row.reset ul.reset > li > a:hover, header.alt-header.blue .row.reset ul.reset > li > a:hover, header.alt-header.purple .row.reset ul.reset > li > a:hover, header.alt-header.pink .row.reset ul.reset > li > a:hover, header.alt-header.gray .row.reset ul.reset > li > a:hover, header.alt-header.mint .row.reset ul.reset > li > a:hover, header.alt-header nav ul.sub-menu > li > a:hover { color: #FD685B!important; } header.alt-header.red .row.reset ul.reset > li > a:hover header.alt-header.orange .row.reset ul.reset > li > a:hover, header.alt-header.red nav ul.sub-menu > li > a:hover, header.alt-header.orange nav ul.sub-menu > li > a:hover { color: #333!important; } #brand-mobile { display: inline-block; } header.alt-header .feedback a { margin-top: 1em; } #intro .caption h2, #intro .caption-mockup h2 { font-size: 2.4em; } #intro .caption p, #intro .caption-mockup p { font-size: 0.8em; } .photocaption { display: none; } } /*---------------------------------------------------------------- 768px Breakpoint ----------------------------------------------------------------*/ @media handheld, only screen and (max-width:48em) { .dialog-window .dialog-body { width: 80%; } #brand-mobile { display: inline-block; } header.alt-header .feedback a { margin-top: 1em; } header { position: relative !important; background-color: #fff !important; } #brand a, nav a { color: #333 !important; } nav a:hover { color: #fff !important; } #brand, nav, #menu-toggle { display: block; } #menu-toggle { float: right; clear: none; } nav { float: none; clear: both; } nav > ul { margin-top: 2em; } #brand h1 { line-height: 1.8; } nav > ul { display: none; } nav > ul, nav > ul > li { float: none; } .sub-arrow { display: none; } nav > ul li > a { display: block; margin: 0; padding: 0.625rem 0; border-bottom: 1px solid #DDD !important; line-height: 1.250rem; } nav > ul > li > a:hover { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } nav > ul li.last > a, nav > ul li.last > a:hover { border-bottom: none !important; } nav > ul > li.menu-item { padding: 0 !important; } nav ul.sub-menu > li > a { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } nav ul.sub-menu > li > a { color: #666 !important; font-size: 0.688rem; } nav ul.sub-menu > li > a, nav ul li > a:hover { background-color: transparent !important; } nav ul li > a:hover { color: #FD685B !important; } nav > ul > li:hover > a { border-bottom: none; } nav ul.sub-menu { position: static; display: block; padding: 0 0 0 1.5em; width: inherit; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #intro { position: relative; } .more { display: none; } .column .count-item { margin-bottom: 2em; } .column.last .count-item { margin-bottom: 0; } .carousel-item { text-align: center; } .carousel-item img, .about-us img, .testimonial-img img { margin: 0 auto; } .carousel-item img { max-width: 12.5em; } .about-us img { max-width: 20em; width: 100%; } .testimonial-img img { margin-bottom: 1em; max-width: 10em; width: 100%; } .testimonial-slider { text-align: center; } .blog.list-style article figure, .blog-section.list-style article figure, .search.list-style article figure { margin-bottom: 1em; } } /*---------------------------------------------------------------- 320px Breakpoint - Fix some mockups ----------------------------------------------------------------*/ @media handheld, only screen and (min-width:20em) and (max-width:20em) { .side-mockup .ipad-slider { margin-left: -21px; } .side-mockup .iphone-slider { margin-left: -18px; } .side-mockup .dasktop-slider { margin-left: -29px; } } /*---------------------------------------------------------------- Swipebox Fix ----------------------------------------------------------------*/ #swipebox-overlay div, #swipebox-overlay img, #swipebox-overlay a {clear: none!important;} /*---------------------------------------------------------------- Lightbox ----------------------------------------------------------------*/ #imagelightbox { position: fixed; z-index: 9999; cursor: pointer; } #imagelightbox-loading, #imagelightbox-overlay, #imagelightbox-close, #imagelightbox-nav { -webkit-animation: fade-in .25s linear; -moz-animation: fade-in .25s linear; -o-animation: fade-in .25s linear; animation: fade-in .25s linear; } #imagelightbox-caption { -webkit-animation: bottom-in .5s ease; -moz-animation: bottom-in .5s ease; -o-animation: bottom-in .5s ease; animation: bottom-in .5s ease; } @-webkit-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes bottom-in { from { opacity: 0; -webkit-transform: translateY(50%); } to { opacity: 1; -webkit-transform: translateY(0%); } } @-moz-keyframes bottom-in { from { opacity: 0; -moz-transform: translateY(50%); } to { opacity: 1; -moz-transform: translateY(0%); } } @-o-keyframes bottom-in { from { opacity: 0; -o-transform: translateY(50%); } to { opacity: 1; -o-transform: translateY(0%); } } @keyframes bottom-in { from { opacity: 0; transform: translateY(50%); } to { opacity: 1; transform: translateY(0%); } } #imagelightbox-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9998; background-color: #1b1f23; background-color: rgba(27, 31, 35, 0.95); } #imagelightbox-caption { position: fixed; right: 0; bottom: 0; left: 0; z-index: 10001; background-color: rgba(255, 255, 255, 0.95); text-align: center; } #imagelightbox-caption h3 { margin-top: 0.67em; } #imagelightbox-close i { position: fixed; top: 1.5em; right: 1.5em; z-index: 10002; width: 1em !important; height: 1em !important; color: rgba(255,255,255,0.5); font-size: 2em; line-height: 1 !important; -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } #imagelightbox-close i:hover { color: rgba(255,255,255,1); } .landing-els.lightbox { position: fixed; z-index: 9997; } .landing-els.lightbox .spinner > div { background-color: rgba(255,255,255,0.5); } /*---------------------------------------------------------------- Background colors ----------------------------------------------------------------*/ .bg-dark, .obliquely-bg-dark:after, .obliquely-bg-dark:before {background-color: #545768;} .bg-red, .obliquely-bg-red:after, .obliquely-bg-red:before {background-color: #ff6858;} .bg-orange, .obliquely-bg-orange:after, .obliquely-bg-orange:before {background-color: #fa6f52;} .bg-yellow, .obliquely-bg-yellow:after, .obliquely-bg-yellow:before {background-color: #ffce53;} .bg-green, .obliquely-bg-green:after, .obliquely-bg-green:before {background-color: #a0d468;} .bg-aqua, .obliquely-bg-aqua:after, .obliquely-bg-aqua:before {background-color: #4fc0ea;} .bg-blue, .obliquely-bg-blue:after, .obliquely-bg-blue:before {background-color: #5e9ded;} .bg-purple, .obliquely-bg-purple:after, .obliquely-bg-purple:before {background-color: #ab92ed;} .bg-pink, .obliquely-bg-pink:after, .obliquely-bg-pink:before {background-color: #ec87c1;} .bg-gray, .obliquely-bg-gray:after, .obliquely-bg-gray:before {background-color: #aab2bd;} .bg-grey, .obliquely-bg-grey:after, .obliquely-bg-grey:before {background-color: #aab2bd;} .bg-mint, .obliquely-bg-mint:after, .obliquely-bg-mint:before {background-color: #49cfae;} .obliquely-bg-white:after, .obliquely-bg-white:before {background-color: #fff;} .obliquely-bg-greyish:after, .obliquely-bg-greyish:before {background-color: #f5f5f5;} .obliquely-bg-main:after, .obliquely-bg-main:before {background-color: #fbfbfb;} /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% { opacity: 1; } } @-moz-keyframes empty { 0% { opacity: 1; } } @keyframes empty { 0% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleDownFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleDownFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleDownFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleDownTo { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleDownTo { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleDownTo { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes scaleDownRightFrom { from { -webkit-transform: translateX(100%); } } @-moz-keyframes scaleDownRightFrom { from { -moz-transform: translateX(100%); } } @keyframes scaleDownRightFrom { from { transform: translateX(100%); } } @-webkit-keyframes scaleDownRightTo { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleDownRightTo { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleDownRightTo { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes scaleUpLeftFrom { from { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleUpLeftFrom { from { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleUpLeftFrom { from { opacity: 0; transform: scale(.8); } } @-webkit-keyframes scaleUpLeftTo { to { -webkit-transform: translateX(-100%); } } @-moz-keyframes scaleUpLeftTo { to { -moz-transform: translateX(-100%); } } @keyframes scaleUpLeftTo { to { transform: translateX(-100%); } } @-webkit-keyframes fadeTopFrom { from { opacity: 0.3; -webkit-transform: translateY(-100%); } } @-moz-keyframes fadeTopFrom { from { opacity: 0.3; -moz-transform: translateY(-100%); } } @keyframes fadeTopFrom { from { opacity: 0.3; transform: translateY(-100%); } } @-webkit-keyframes fadeTopTo { to { opacity: 0.3; -webkit-transform: translateY(100%); } } @-moz-keyframes fadeTopTo { to { opacity: 0.3; -moz-transform: translateY(100%); } } @keyframes fadeTopTo { to { opacity: 0.3; transform: translateY(100%); } } @-webkit-keyframes overlapFrom { from { -webkit-transform: translateX(100%); } } @-moz-keyframes overlapFrom { from { -moz-transform: translateX(100%); } } @keyframes overlapFrom { from { transform: translateX(100%); } } @-webkit-keyframes overlapTo { to { -webkit-transform: translateX(-25%); } } @-moz-keyframes overlapTo { to { -moz-transform: translateX(-25%); } } @keyframes overlapTo { to { transform: translateX(-25%); } } /*WEBWORKER CUSTOM STYLES*/ /*------------------------------------------ | 1.0 General |------------------------------------------------------*/ .row-content {max-width: 52.322em;}/*Width = 940px*/ .row-content.buffer.even, .row-content.buffer-top.even {padding-top: 2.5%;}/*Section: Buffer Top*/ #intro-wrap {background-color: transparent;height: 30.9em;} #main .section-title h3 {border-bottom: 0 solid rgba(209, 39, 0, 1);} .section-title {margin-bottom: 0.5em;text-align: center;} #top-footer .footer-logo img {width: 230px;margin: 0 auto;} #top-footer .footer-copiright {padding-top: 20px;} #top-footer .footer-phone {padding-top: 20px;} #top-footer .footer-phone p {color: rgba(255, 255, 255, 1);font-size: 1.4em;font-weight: bold;margin-top: 0;} footer .row-content.buffer {padding-top: 0.5%;} nav > ul > li {padding: 0 0.378em;} #toTop {background: #5e9ded;opacity: 0.4;} #top-footer div.widget.column.footer-logo {margin-top: 10px;} /*1.1 Url's*/ header.main-header li.menu-item.last {padding-left: 10px;} header.main-header li.menu-item a {font-size: 0.85em;} header.main-header li.menu-item.last a {} header.light nav > ul > li > a,header.transparent.light nav > ul > li > a,header.alt-header nav > ul > li > a {padding: 10px;border-radius: 30px;} header.light nav > ul > li:hover > a,header.transparent.light nav > ul > li:hover > a,header.alt-header nav > ul > li:hover > a {background-color: rgba(9,104,223,1);border-radius: 30px;} header.light nav > ul > li > a:not(:hover) {transition: 1s;} /*1.2 Heading*/ h1,h2,.section-title h3,h4 {color: rgba(76,76,76, 1);font-size: 34px;line-height: 1.8em;margin: 0;} /*1.3 Fonts*/ p {color: rgba(76,76,76, 1);line-height: 1.1em;margin-top: 0.55em;} /*1.4 Color Scheme*/ /*Header and footer*/ header.alt-header.blue .row.reset, header.alt-header.blue nav ul.sub-menu > li > a:hover, header.alt-header.blue a.icon-round:hover span, footer.bg_blue {background-color: rgba(13,104,187, 1);} header.fixed-header {background-color: rgba(20, 84, 145, 0.97);} header.fixed-header.transparent.light #brand a, header.fixed-header.transparent.light nav > ul > li > a {color: #FFF;} header .nav-inner nav ul {padding-top: 7px;} /*------------------------------------------ | 2.0 General: Sections |------------------------------------------------------*/ /*----SECTION 2.1 -------------*/ /*#main section.row.section.welcome_section #page .row-content {max-width: 62.85em;}*/ #page .column.image-motivate img,.green-ribbon .rib h1 {animation: 2s ease 0.3s normal forwards 1 running smalllfade;} .welcome_section {background: rgba(0, 0, 0, 0.5) url("img/section-1-bg.jpg") no-repeat scroll left center / cover ;height: 714px;opacity: 1;} #main .welcome_section #page #intro-wrap .section-content.buffer {padding-top: 4.8%;} #page #intro-wrap .green-ribbon {/*background: url("img/green-ribbon.png") no-repeat;*/ height: 99px;margin-top: 8px;} #main .welcome_section #page #intro-wrap .green-ribbon .column {margin-right: 0 !important;} #main .welcome_section #page #intro-wrap .green-ribbon .column.eight.rib {background: #e34700 none repeat scroll 0 0;border: 0 solid #ddd;color: #fff;padding: 0;position: relative;z-index: 1;} #main .welcome_section #page #intro-wrap .green-ribbon .column.eight.rib::before {background: rgba(0, 0, 0, 0) url("img/green-ribbon-left.png") no-repeat ;top: -5px;content: "";height: 99px;position: absolute;left: -162px;width: 183px;z-index: -1;} #main .welcome_section #page #intro-wrap .green-ribbon .column.eight.rib::after {background: rgba(0, 0, 0, 0) url("img/green-ribbon-right.png") no-repeat ;top: -5px;content: "";height: 99px;position: absolute;right: -183px;width: 183px;z-index: -1;} #main .welcome_section #intro-wrap .green-ribbon h1 {color: rgba(255, 255, 255, 1);font-family: 'Lobster', cursive;font-size: 50px;font-weight: 400;line-height: 82px;text-align: center;text-transform: none;padding-top: 0;} #main .welcome_section #intro-wrap .text-motivate p {color: rgba(255, 255, 255, 1);font-size: 25px;font-weight: 800;text-align: center;text-transform: uppercase;margin-top: 0;} #page #intro-wrap .multiform-body .multiform-wrap.default-theme form.multiform-gap-form .multiform-title p {color: rgba(255,255,255, 1) !important;font-size: 20px !important;font-weight: 600 !important;line-height: 26px !important;text-align: center !important;text-transform: uppercase !important;margin-bottom: 0 !important;} #wahtmlcontrol_fields_field_7 label span {font-size: 1em !important;} .welcome_section i.fa.fa-calculator {font-size: 1.8em !important;padding-right: 20px !important;} .welcome_section .multiform-body .multiform-gap-fields {padding-top: 20px !important;} /*----SECTION 2.2 -------------*/ #main .about {background: rgba(255, 255, 255, 1) url("img/white-textile-bg.jpg") ;} #main .about {position: relative;z-index: 1;} #main .about .border {border: 3px solid #3a92ff; width: 100px; margin: 0 auto;} #main .about .text-wrap p span {color: rgba(9,104,223,1);font-weight: bold;} .more {bottom: 0;font-size: 2.667em;margin: 0;position: absolute;text-align: center;width: 100%;} i.fa-chevron-down {color: rgba(9,104,223,1);} i.fa-chevron-down:hover {color: rgba(255, 95, 65, 1);} #multiformField12.multiform-gap-field .multiform-gap-name,#multiformField16.multiform-gap-field .multiform-gap-name,#multiformField17.multiform-gap-field .multiform-gap-name,#multiformField18.multiform-gap-field .multiform-gap-name {display: none;} .multiform-body div.multiform-wrap.anketa .multiform-gap-form div.multiform-gap-fields div.success-message p,.multiform-body div.multiform-wrap.callback .success-message p,.multiform-body div.multiform-wrap.callback .success-message p i {color: #60aa45 !important;font-size: 1.7em !important;font-weight: 600 !important;margin: 0 auto !important;max-width: 500px !important;text-align: center !important;} /*----SECTION 2.3 -------------*/ #main section.register-form h2 {color: #3a92ff;line-height: 1.4em;margin: 0 auto;max-width: 18em;} #main section.register-form {background: rgba(0, 0, 0, 0) url("img/register-section-bg.jpg") no-repeat center top / cover ;} #multiformField14.multiform-gap-field.type-file.pos-left div.multiform-gap-value div input#wahtmlcontrol_fields_field_14.multishop-fileupload {border: 0 solid #fff !important; color: rgba(0, 0, 0, .1) !important;font-size: 1.2em !important;} #multiformField14.multiform-gap-field.type-file.pos-left div.multiform-gap-name {color: #38A47D !important;font-size: 1.8em !important;} .anketa .multiform-gap-value, .callback .multiform-gap-value {margin-left: 0 !important;} #main section.row.section.register-form div.row-content.buffer {padding-bottom: 2%;} .register-form .multiform-wrap.default-theme {background: none !important;border: none !important;} #main section.row.section.register-form div.row-content.buffer.even.clear-after div.column.six div.multiform-body div.multiform-wrap.default-theme form.multiform-gap-form div.multiform-gap-fields div#multiformField21.multiform-gap-field.type-file.pos-top div.multiform-gap-value div input#uploadbtn.multishop-fileupload {border: none !important;font-size: 1.2em !important;color: #999 !important;} #main section.row.section.register-form div.row-content.buffer.even.clear-after div.column.six div.multiform-body div.multiform-wrap.default-theme form.multiform-gap-form div.multiform-gap-fields div#multiformField19.multiform-gap-field.type-input.s-required.pos-top.size-large div.multiform-gap-value input#wahtmlcontrol_fields_field_19,#main section.row.section.register-form div.row-content.buffer.even.clear-after div.column.six div.multiform-body div.multiform-wrap.default-theme form.multiform-gap-form div.multiform-gap-fields div#multiformField20.multiform-gap-field.type-phone.s-required.pos-top.size-large div.multiform-gap-value input#wahtmlcontrol_fields_field_20.f-mask {border-color: #000 !important;border-radius: 50px !important;color: rgb(255, 95, 65) !important;font-family: "Roboto",sans-serif !important;font-size: 1.4em !important;font-weight: bold !important;line-height: 2em !important;padding-left: 10px !important;background: rgb(242, 242, 242) none repeat scroll 0 0;text-transform: uppercase;} #main section.row.section.register-form div.row-content.buffer.even.clear-after div.column.six div.multiform-body div.multiform-wrap.default-theme form.multiform-gap-form div.multiform-gap-fields div#multiformField19.multiform-gap-field.type-input.s-required.pos-top.size-large div.multiform-gap-name,#main section.row.section.register-form div.row-content.buffer.even.clear-after div.column.six div.multiform-body div.multiform-wrap.default-theme form.multiform-gap-form div.multiform-gap-fields div#multiformField20.multiform-gap-field.type-phone.s-required.pos-top.size-large div.multiform-gap-name{display: none !important;} #main section.row.section.register-form div.row-content.buffer.even.clear-after div.column.six div.multiform-body div.multiform-wrap.default-theme form.multiform-gap-form div.multiform-gap-fields div#multiformField19.multiform-gap-field.type-input.s-required.pos-top.size-large {margin-bottom: 20px !important;} #main section.row.section.register-form div.row-content.buffer.even.clear-after div.column.six div.multiform-body div.multiform-wrap.default-theme form.multiform-gap-form div.multiform-submit input {background: transparent!important; border: 4px solid rgba(9,104,223,1) !important;border-radius: 50px !important;color: rgba(9,104,223,1) !important;cursor: pointer !important;font-size: 20px !important;font-weight: 600 !important;line-height: 14px !important;margin: 0 !important;padding: 4px 25px !important;} #main section.row.section.register-form div.row-content.buffer.even.clear-after div.column.six div.multiform-body div.multiform-wrap.default-theme form.multiform-gap-form div.multiform-submit {text-align: center !important;margin-top: 20px !important;} #main section.row.section.register-form div.row-content.buffer.even.clear-after div.column.six div.multiform-body div.multiform-wrap.default-theme form.multiform-gap-form div.multiform-gap-fields div#multiformField21.multiform-gap-field.type-file.pos-top div.multiform-gap-value div div.multiform-file-info.filesize{color: rgba(255, 95, 65, 1) !important;} #main section.row.section.register-form div.row-content.buffer.even.clear-after div.column.six div.multiform-body div.multiform-wrap.default-theme form.multiform-gap-form div.multiform-gap-fields div#multiformField21.multiform-gap-field.type-file.pos-top div.multiform-gap-name {color: #38a47d !important;} #main section.row.section.register-form div.row-content.buffer.even.clear-after div.column.six div.multiform-body div.multiform-wrap.default-theme form.multiform-gap-form div.multiform-gap-fields div#multiformField21.multiform-gap-field.type-file.pos-top div.multiform-gap-value div input#wahtmlcontrol_fields_field_21.multishop-fileupload {border: none;color: #fd685b;max-width: 100%;width: 100%;font-size: 1.2em;} /*----SECTION 2.4 -------------*/ #main .our-interiors {background: rgba(255, 255, 255, 1) url("img/white_plaster-bg.jpg") repeat scroll left top;} .image-wrap {margin: 0 auto;max-width: 960px;position: relative;text-align: center;width: 96%;} .image-wrap img {height: auto;width: 100%;} #main .our-interiors .border {border: 3px solid #3a92ff;margin: 0 auto;width: 100px;} #main .our-interiors .row-content.buffer {padding-bottom: 2%;} /*----SECTION 2.5 -------------*/ #main .about-company {background: rgba(255, 255, 255, 1) url("img/about-our-company.jpg") repeat scroll left top;} .about-company h3 {color: #3a92ff;} #main .about-company .border {border: 3px solid #3a92ff;margin: 0 auto;width: 100px;} .benefits .column span {font-size: 3em;} .percent, .count-number, .count-number-done {color: rgba(255, 255, 255, 1);font-size: 4em;} .count-subject {color: rgba(255, 255, 255, 1);} .benefits .small-icon {font-size: 3.667em;} /*----SECTION 2.6 -------------*/ #main .work {background: rgba(0, 0, 0, 0) url("img/girl-with-laptop.jpg") no-repeat center top / cover; min-height: 500px;} .work .row-content.buffer {padding-bottom: 0;} #main .work .section-title {margin-bottom: 1em;} #main .work .section-title h3 {line-height: 1.2em;text-align: left;} #main .work .border {border: 3px solid #3a92ff;width: 100px;} .list-why {padding-left: 20px;} .rounded {counter-reset: li;list-style: none;font-size: 1.2em;padding: 0;text-shadow: 0 1px 0 rgba(255,255,255,.5);} .rounded a {position: relative;display: block;padding: .4em .4em .4em 2em;margin: .5em 0;color: #444;text-decoration: none;border-radius: .3em;transition: .3s ease-out;} .work .rounded a:hover:before {transform: rotate(360deg);} .work .rounded a:before {content: counter(li);counter-increment: li;position: absolute;left: -0.7em;top: 50%;margin-top: -0.7em;height: 2em;width: 2em;line-height: 2em;text-align: center;font-weight: bold;border-radius: 2em;transition: all .3s ease-out;color: rgba(255, 255, 255, 1);background: rgba(9,104,223,1);} /*----SECTION 2.7 -------------*/ #main .callback {background: rgba(0, 0, 0, 0) url("img/argyle_@2X.png") !important; position: relative;z-index: 1;} #triangle-top {background-color: #080808;height: 38px;left: 50%;top: -10px;position: absolute;transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 19, -8);width: 38px;z-index: 2;} .callback .section-title h3 {color: rgba(255, 255, 255, 1);} .callback .multiform-wrap.callback.multiform-theme1.multiform-adaptive-width .multiform-gap-fields {position: relative;} .callback img {position: absolute; top: 56px; right: 7%;} /*----SECTION 2.8 -------------*/ #main .seven-reasons .border {border: 3px solid #3a92ff; width: 100px; margin: 0 auto;} .seven-reasons .rounded a:hover:before {transform: rotate(360deg);} .number-right .rounded a:before,.number-left .rounded a:before {content: counter(li);counter-increment: li;position: absolute;right: -0.7em;top: 50%;margin-top: -0.7em;background: rgba(9,104,223,1);height: 2em;width: 2em;line-height: 2em;text-align: center;font-weight: bold;border-radius: 2em;transition: all .3s ease-out;color: rgba(255, 255, 255, 1);font-size: 1.3em;} .number-left .rounded a:before {left: -0.7em;} #main .number-right ol.rounded li a {font-size: 0.8em;text-transform: uppercase;line-height: 1.3em;padding-left: 0;padding-right: 63px;} #main .number-left ol.rounded li a {font-size: 0.8em;text-transform: uppercase;line-height: 1.3em;padding-right: 0;padding-left: 63px;} #main .seven-reasons .row-content.buffer {padding-bottom: 2%;} .text-wraper p {text-transform: uppercase; color: rgba(209,38,0,1);margin-top: 0;} /*----SECTION 2.9 -------------*/ #main .doitnow {background: rgba(0, 0, 0, 0) url("img/notdoubt-girl-bg.jpg") no-repeat center top / cover ;} .doitnow h3 {color: #fff;text-align: left;line-height: 1.2em;} .doitnow .border {border: 3px solid #fff;width: 100px;} .section.ew__testimonial.doitnow .up-list-wrap {margin-top: 12%;} #main .ew__testimonial.doitnow .testimonial-text p {font-style: normal;color: rgba(255, 255, 255, 1);font-size: 1.2em;font-weight: bold;} #main .ew__testimonial.doitnow .testimonial-name h3 {text-transform: uppercase;color: rgba(255, 255, 255, 1);font-size: 1.2em;} .ew__testimonial.doitnow .row-content {padding-bottom: 0;} /*----SECTION 2.10 -------------*/ #main .comparison-tables {background: rgba(255, 255, 255, 1) url("img/bg_comparison.jpg") no-repeat center top / cover ;} .comparison-tables .row-content {padding-bottom: 0;} .comparison-tables h3 {line-height: 1.2em;} .comparison-tables .border {border: 3px solid #3a92ff;margin: 0 auto;width: 100px;} .comparison-tables .good ul {list-style-image: url("img/good-bullet.png"); padding-left: 20px;} .comparison-tables .bad ul {list-style-image: url("img/bad-bullet.png");padding-left: 20px;} .comparison-tables li {line-height: 1em;height: 70px;} .comparison-tables .good h3 {background: rgba(82, 171, 112, .7) ;color: white;padding: 10px 20px;text-align: center;text-transform: uppercase;} .comparison-tables .bad h3 { background: rgba(209, 38, 0, .7) ;color: white;padding: 10px 20px;text-align: center;text-transform: uppercase; } /*----SECTION 2.11 -------------*/ .start {background: rgb(255, 255, 255) url("img/memphis-colorful.png") repeat scroll 0 0;} .start .row-content {padding-bottom: 2%;} .start h3 {line-height: 1.2em;} .start .border {border: 3px solid #3a92ff;margin: 0 auto;width: 100px;} .vertical-form {background: rgba(0, 0, 0, 0) url("img/v-form-bg.jpg") no-repeat; padding-left: 20px !important;padding-right: 20px !important;} .vertical-form h3 {color: #3a92ff;text-align: center;line-height: 1.2em;text-transform: uppercase;} .vertical-form .border {border: 3px solid #3a92ff;} .stage-row {position: relative;} .stage-top {margin-top:65px;} .stage {text-transform: uppercase;position: absolute;top: 6px;left: 56px;line-height: 1em;} .digit {position: relative;left: 0;top: 0;background-color: rgba(9, 104, 223,1);border-radius: 30px;color: #ffffff;font-family: open-sans,sans-serif;font-size: 26px;font-weight: 600;line-height: 31px;min-height: 42px;text-align: center;width: 42px;z-index: 530;} .digit p {padding-top: 6px;color: #fff;} .arrow {width: 16px;position: absolute;top: 67px;left: 11px;} .arrow-right {position: absolute;top: -12px;right: -14px;animation: 0.65s ease 0s normal forwards 1 running smalllfade;} #main section.row.section.start .column.five.vertical-form h3 {padding-top: 15px;} #main section.row.section.start .column.five.vertical-form .border {margin-bottom: 20px;} #main section.row.section.start div.row-content.buffer.even.clear-after div.row-content.buffer-top.even div.column.five.vertical-form.last div.multiform-body div.multiform-wrap.anketa.default-theme form.multiform-gap-form div.multiform-gap-fields div#multiformField14.multiform-gap-field.type-file.pos-left {margin-bottom: 0 !important; } .start .multiform-wrap.anketa.default-theme form.multiform-gap-form .multiform-gap-fields #multiformField14.multiform-gap-field.type-file.pos-left .multiform-gap-value input#wahtmlcontrol_fields_field_14.multishop-fileupload {max-width: 100% !important; width: 100% !important; color: #fd685b !important;} /*CUSTOM: Multiform*/ .multiform-wrap.default-theme {box-shadow: 0 0 0 #ccc !important;} .multiform-wrap.default-theme {background: #e5e7ed !important;} .default-theme .multiform-gap-name {font-size: 18px !important;} .multiform-wrap.default-theme {max-width: 980px !important;} #page div#intro-wrap .section-content.buffer .multiform-body div.multiform-wrap.default-theme form.multiform-gap-form div.multiform-submit {display : none;} .multiform-gap-fields {padding-top: 0 !important;padding-bottom: 0 !important;} .default-theme .multiform-gap-field {margin-top: 0 !important;margin-bottom: 0 !important;padding-top: 0 !important;padding-bottom: 0 !important;} #multiformField8.multiform-gap-field.type-formula.pos-top.size-medium .multiform-gap-value {margin-bottom: 15px;} #wahtmlcontrol_fields_field_8.multiform-formula span {font-size: 2.5em; color: #d12600;font-weight: bold;outline: 0;border: 0 solid #fff;} .rangeslider-block div.range-slider-output {font-weight: bold;font-size: 2.1em;color: rgb(9, 104, 223);margin-top: 0 !important;} #multiformField8 {text-align: center;} .default-theme .multiform-gap-name {color: #4c4c4c !important; text-align: center !important;} .rangeslider__handle {background: #2b82f2 linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)) repeat scroll 0 0 / 100% auto !important;} #wahtmlcontrol_fields_field_7 label span {font-weight: bold;} #multiformField7.multiform-gap-field.type-radio.pos-top div.multiform-gap-value div#wahtmlcontrol_fields_field_7 {background: rgba(255, 255, 255, .7) !important;} .multiform-body div.multiform-wrap.default-theme form.multiform-gap-form div.multiform-title {background: rgba(56, 164, 125, 1) !important;} .multiform-gap-fields .multiform-gap-field:nth-child(3) {margin-left: 0 !important;text-align: center !important;} .rangeslider__handle {border: 1px solid #125fc4 !important;} .rangeslider {background: #074b97 !important;} #wahtmlcontrol_fields_field_13_1-1.form-vertical-formula.multiform-formula span {background: transparent !important;} #main section.row.section.welcome_section article.content.with-sidebar div#page div#intro-wrap div.row-content.section-content.buffer div.row-content.even div.column.six.calc.last div div.multiform-body div.multiform-wrap.default-theme form.multiform-gap-form div.multiform-gap-fields div#multiformField8.multiform-gap-field.type-formula.pos-top.size-small div.multiform-gap-value div#wahtmlcontrol_fields_field_8.multiform-formula {position: relative;z-index: 1;} #main section.row.section.welcome_section article.content.with-sidebar div#page div#intro-wrap div.row-content.section-content.buffer div.row-content.even div.column.six.calc.last div div.multiform-body div.multiform-wrap.default-theme form.multiform-gap-form div.multiform-gap-fields div#multiformField8.multiform-gap-field.type-formula.pos-top.size-small div.multiform-gap-value div#wahtmlcontrol_fields_field_8.multiform-formula::after {/*background: rgba(0, 0, 0, 0) url("img/green-ribbon-right.png") no-repeat ;*/color: #d12600;content: "$/мес";font-size: 2em;font-weight: bold;position: absolute;right: -128px;top: 6px;width: 183px;z-index: 2;} .default-theme .rangeslider__fill {background: #83b9fb !important;} #main section .multiform-body .multiform-wrap.anketa,#main section .multiform-body .multiform-wrap.callback {box-shadow: none !important;border: 0 solid #FFF !important;background: transparent !important;} #main section.row.section.register-form div.row-content.buffer.even.clear-after div.column.six div.multiform-body div.multiform-wrap.anketa.default-theme form.multiform-gap-form div.multiform-gap-fields div#multiformField14.multiform-gap-field.type-file.pos-top div.multiform-gap-value div input#wahtmlcontrol_fields_field_14.multishop-fileupload{max-width: 100%; important;width: 100%;border: none !important;} #main section.row.section.register-form div.row-content.buffer.even.clear-after div.column.six div.multiform-body div.multiform-wrap.anketa.default-theme form.multiform-gap-form div.multiform-gap-fields div#multiformField14.multiform-gap-field.type-file.pos-top div.multiform-gap-name{color: rgba(82,171,112,1) !important;} .anketa .multiform-gap-value textarea, .anketa .multiform-gap-value input, .anketa .multiform-gap-value select,.callback .multiform-gap-value textarea, .callback .multiform-gap-value input, .callback .multiform-gap-value select {border-radius: 50px !important;font-weight: bold !important;font-family: "Roboto",sans-serif !important;color: rgb(255, 95, 65) !important;text-transform: uppercase !important;} #main .anketa .multiform-submit {text-align: center !important;} #main .anketa .multiform-submit input,#main .callback .multiform-submit input {background: transparent !important;border: 4px solid rgba(9,104,223,1) !important;color: rgba(9,104,223,1) !important;border-radius: 50px !important;cursor: pointer !important;font-size: 20px !important;font-weight: 600 !important;line-height: 14px !important;margin: 0 !important;padding: 4px 25px !important;} #main section.row.section.register-form div.row-content.buffer.even.clear-after div.column.six div.multiform-body div.multiform-wrap.anketa form.multiform-gap-form div.multiform-submit input:hover,#main section.row.section.start div.row-content.buffer.even.clear-after div.row-content.buffer-top.even div.column.five.vertical-form.last div.multiform-body div.multiform-wrap.anketa.default-theme form.multiform-gap-form div.multiform-submit input:hover,#main section.row.section.callback div.row-content.text-center.text-light.buffer.even.clear-after div.multiform-body div.multiform-wrap.callback.multiform-theme1.multiform-adaptive-width form.multiform-gap-form div.multiform-submit input:hover #main .anketa .multiform-submit input, #main .callback .multiform-submit input:hover {background: rgba(9,104,223,1) !important;border: 4px solid rgba(9,104,223,1) !important;color: #fff !important;} .callback .multiform-wrap.multiform-theme1 {max-width: 100% !important;} input#wahtmlcontrol_fields_field_12,input#wahtmlcontrol_fields_field_16,input#wahtmlcontrol_fields_field_17,input#wahtmlcontrol_fields_field_18 {background: rgba(242, 242, 242, 1) !important;text-transform: uppercase; } .callback .multiform-submit input[type="submit"] {width: auto !important;} .vertical-form .anketa #multiformField14.multiform-gap-field {padding-left: 30px !important;} #main section.row.section.start div.row-content.buffer.even.clear-after div.row-content.buffer-top.even div.column.five.vertical-form.last div.multiform-body div.multiform-wrap.anketa.default-theme form.multiform-gap-form div.multiform-gap-fields div#multiformField14.multiform-gap-field.type-file.pos-top div.multiform-gap-value div input#wahtmlcontrol_fields_field_14.multishop-fileupload{border: medium none !important;max-width: 100% !important;width: 100% !important;} #main section.row.section.start div.row-content.buffer.even.clear-after div.row-content.buffer-top.even div.column.five.vertical-form.last div.multiform-body div.multiform-wrap.anketa.default-theme form.multiform-gap-form div.multiform-gap-fields div#multiformField14.multiform-gap-field.type-file.pos-top div.multiform-gap-name{color: #38a47d !important;} #multiformField12,#multiformField16{margin-bottom: 20px !important;} .register-form .multiform-submit input[type="submit"],.start .multiform-submit input[type="submit"] {width: auto !important;} .form-vertical-formula.multiform-formula span {font-size: 2.5em !important;color: #e34700 !important;font-weight: bold !important;outline: 0 !important;border: 0 solid #fff !important;} .form-vertical-formula.multiform-formula { position: relative !important;} .section-content #multiformField13_1-1 .multiform-gap-value {margin: 0 auto !important;text-align: center !important;width: 100% !important;} .form-vertical-formula.multiform-formula::after {color: #e34700;content: "$/мес" !important;font-size: 2em !important;font-weight: bold !important;position: absolute !important;right: -85px !important;top: 6px !important;width: 100% !important;z-index: 2 !important;text-align: center !important;} #multiformField1_2-1,#multiformField1_2-2 {margin-bottom: 20px !important;} .form-radio-button label span {font-weight: 600 !important;} #multiformField3_2-1.multiform-gap-field.type-file.pos-top div.multiform-gap-name,#multiformField3_2-2.multiform-gap-field.type-file.pos-top div.multiform-gap-name {color: #3a92ff !important;} #wahtmlcontrol_fields_field_3_2-2.multishop-fileupload {max-width: 100% !important;width: 100% !important;margin: auto !important;} .form-vertical-upload input#wahtmlcontrol_fields_field_3_2-1.multishop-fileupload,.form-vertical-upload input#wahtmlcontrol_fields_field_3_2-2.multishop-fileupload {border: none !important;color: transparent !important;} .callback .multiform-submit {padding-top: 0 !important;} /*..........CUSTOM: FILE UPLOAD BUTTON...........*/ .form-vertical-upload label {background: transparent !important;border: 3px dashed #4169E1 !important;border-radius: 50px !important;color: #fff !important;text-align: center !important;display: block !important;padding: 3px 0 !important;} .form-vertical-upload label:hover {border: 3px dashed #FEBC0E !important;color: #FEBC0E !important;} .form-vertical-upload label span {font-size: 1.1em !important;font-weight: bold !important;line-height: 2em !important;text-transform: uppercase !important;} /*...........CUSTOM:FILE INFO BLOCK.................*/ .multiform-temp-file {background: #074B97 !important;color: #fff !important;} .multiform-cell.multiform-temp-file-icons a {color: red !important;} .multiform-temp-file .multiform-cell {word-break: normal !important;} /*404 page*/ .parent-wrap {width: 100%;height: 100%;position: fixed;top: 0;left: 0;display: flex;align-items: center;justify-content: center;overflow: auto;} .block-inside {background: rgba(255,255,255, .8);padding: 20px 40px;} .parent-wrap span {border-bottom: 10px solid white;padding-bottom: 1px;padding-left: 16px;} /*Custom: radio*/ .radio-button {vertical-align: top !important;width: 17px !important;height: 17px !important;margin: 0 3px 0 0 !important;} .radio-button + label {cursor: pointer !important;} .radio-button:not(checked) {position: absolute !important;opacity: 0 !important;} .radio-button:not(checked) + label {position: relative !important;padding: 0 0 0 30px !important;} .radio-button:not(checked) + label:before {content: '' !important;position: absolute !important;top: -3px !important;left: 0 !important;width: 22px !important;height: 22px !important;border: 1px solid #CDD1DA !important;border-radius: 50% !important;background: #FFF !important;} .radio-button:not(checked) + label:after {content: '' !important;position: absolute !important;top: 0 !important;left: 3px !important;width: 16px !important;height: 16px !important;border-radius: 50% !important;background: #82B8FA !important;box-shadow: inset 0 1px 1px rgba(0,0,0,.5) !important;opacity: 0 !important;transition: all .2s !important;} .radio-button:checked + label:after {opacity: 1 !important;} .radio-button:focus + label:before {box-shadow: 0 0 0 3px rgba(255,255,0,.5);} /*-----disabled style-----*/ .radio-button:disabled + label:before {background: #ccc !important;} .radio-button:disabled + label:before {background: #eee !important;} .radio-button:disabled:checked + label:after {background: #ccc !important;} /*Custom: radio: end*/ /*---------------------------------------------------------------- Layers CSS 1.0.2 responsive adjustments Released by Jerry Jäppinen under the MIT license http://eiskis.net/layers 2013-10-25 14:56 Europe/Helsinki ----------------------------------------------------------------*/ @media handheld,only screen and (max-width:48em) { .column.one,.column.two,.column.sixth,.column.three,.column.fourth,.column.four,.column.twosixths,.column.third,.column.five,.column.six,.column.half,.column.threesixths,.column.twofourths,.column.seven,.column.eight,.column.foursixths,.column.twothirds,.column.nine,.column.threefourths,.column.ten,.column.fivesixths,.column.eleven {float: none !important;clear: both !important;margin-right: 0 !important;margin-left: 0 !important;width: auto !important;} /*WEBWORKER MEDIA STYLES*/ .form-vertical-upload {max-width: 90% !important;width: 90% !important;margin: 0 auto !important;} header.transparent {background-color: rgba(20, 84, 145, 0.97) !important;} #menu-toggle {color: #fff;padding-top: 8px;} #menu-toggle:hover {color: #fdd105;} nav > ul li > a {border-bottom: 0 solid #ddd !important;} nav > ul > li.menu-item {text-align: center;} body.mobile header nav > ul > li > a {color: rgba(255, 255, 255, 1) !important;font-size: 1.2em !important;} #brand a, body.mobile header nav {color: rgba(255, 255, 255, 1) !important;} header.main-header li.menu-item.last {} #main .welcome_section #page #intro-wrap .green-ribbon .column.eight.rib::before,#main .welcome_section #page #intro-wrap .green-ribbon .column.eight.rib::after {background: none;} #main .welcome_section #intro-wrap .green-ribbon h1 {line-height: 44px;font-size: 30px;} #main .welcome_section #page #intro-wrap .green-ribbon .column.eight.rib {padding: 15px 0;} #main .welcome_section #page #intro-wrap .section-content .image-motivate img {display: none;} .anketa .multiform-gap-fields .multiform-gap-field,.callback .multiform-gap-fields .multiform-gap-field {clear: none !important;width: 100% !important;float: none !important;margin-left: 0 !important;margin-bottom: 2% !important;} .callback .multiform-body form.multiform-gap-form .multiform-gap-fields {clear: none !important;float: none !important;margin-left: 0 !important;width: 100% !important;} .callback .multiform-body .multiform-gap-form .multiform-submit {clear: none !important;float: left !important;margin-left: 0 !important;text-align: center !important;width: 100% !important;} #main .about-company .small-icon {margin-bottom: 0;line-height: 2.5;} .callback img {display: none;} .number-right .rounded a:before {left: -0.7em;} #main .number-right ol.rounded li a { padding-left: 63px;padding-right: 0;} .number-right .text-right {text-align: left;} #main .seven-reasons .column.twelwe {margin-right: 0;margin-left: 3.8%;} #main .seven-reasons .ew__features_01_image p {display: none;} .arrow-right {display: none;} #main section.row.section.comparison-tables div.row-content.list-nocenter {padding-left: 40px;} #top-footer .footer-copiright,#top-footer .footer-phone {text-align: center;} #triangle-top {left: 45%} #main .work {min-height: auto;background: rgba(255, 255, 255, 1) ;} #main .doitnow {background: rgba(0, 0, 0, 0) url("img/notdoubt-girl-mobile-bg.jpg") no-repeat scroll center top / cover ;} .mobile-view .column.three {clear: none !important;float: left !important;margin-left: 0 !important;margin-right: 0 !important;width: 48% !important;} .mobile-view .column.three:nth-child(1) {margin-right:4% !important;} #main .work .section-title h3 {text-align: center;} #main .work .border {margin: 0 auto;width: 100px;} .count-subject {margin: 0 auto;max-width: 50%;} #main section.register-form {background: rgba(0, 0, 0, 0) url("img/register-section-mobile-bg.jpg") no-repeat center top / cover ;} .parent-wrap span {display: block;} .block-inside .row-content p {margin-bottom: 20px;} .column .count-item {margin-bottom: 0;} } @media handheld,only screen and (max-width:48em) { body {font-size: 0.9em;-webkit-text-size-adjust: none; } } @media handheld,only screen and (max-width:30em) { .count-subject {margin: 0 auto;max-width: 100%;} .calc-wrap {width: auto;margin: 0 auto;} } /*RESERVED STYLES START HERE*/ /*----------------------- Blog & Portfolio ----------------------------------------------------------------*/ .single #post-nav ul { padding: 1em 0; border-bottom: 1px solid #ddd; line-height: 1.778em; } .single #post-nav i { vertical-align: middle; } .single .post-nav, .pagination-nav { float: left; clear: none; min-height: 1px; } .single .post-nav { width: 33.3%; } .pagination-nav { width: 50%; } .single #post-nav #all-items { text-align: center; font-size: 1.778em; } .single #prev-items, #pagination #older { text-align: left; } .single #next-items, #pagination #newer { text-align: right; } .single #post-nav a { color: #ccc; text-decoration: none; } .single #post-nav a:hover { color: #FD685B; } .single #post-nav .label { text-transform: uppercase; font-family: 'Roboto', sans-serif; } .single #post-nav .label, .single #post-nav #prev-items i, .single #post-nav #next-items i { font-size: 0.75em; } .single #post-nav #prev-items .label { padding-left: 1.5em; } .single #post-nav #next-items .label { padding-right: 1.5em; } #pagination #newer .button i { margin-right: 0; margin-left: 0.667em; } .blog h5, .blog-section h5, .single h5, .single .meta-post a, .blog.list-style .meta-post a, .search.list-style .meta-post, .search.list-style .meta-post a { color: #ccc; font-weight: 400; } .blog .column.six h5, .blog-section .column.six h5 { color: rgba(255,255,255,0.7); } .blog-overlay i { color: #fff; } .single .meta-post a, .blog.list-style .meta-post a, .search.list-style .meta-post a { text-decoration: none; } .single .meta-post a:hover, .blog.list-style .meta-post a:hover, .search.list-style .meta-post a:hover { color: #FD685B; } .single h1 { margin-top: 0; } .single .meta-social, .single .related { margin-bottom: 1.34em; } .single .related h4 { margin-bottom: 1.34em; } .blog.list-style article, .blog-section.list-style article, .search.list-style article { margin-bottom: 0 !important; padding: 3em 0; border-bottom: 1px solid #DDD; } .blog.list-style h2, .blog-section.list-style h2, .search.list-style h2 { margin-top: 0; margin-bottom: 0.313em; } .blog.list-style h5, .blog-section.list-style h5, .search.list-style h5 { margin-top: 0; } .blog.list-style article figure img, .blog-section.list-style article figure img, .search.list-style article figure img { width: 100%; -webkit-border-radius: 25%; -moz-border-radius: 25%; border-radius: 25%; } .blog.list-style article p, .blog-section.list-style article p, .search.list-style article p { margin-bottom: 0; } .blog.masonry-style article h5, .blog-section.masonry-style article h5 { text-transform: uppercase; } .blog.masonry-style article.six figure img, .blog.masonry-style article.eight figure img, .blog-section.masonry-style article.six figure img, .blog-section.masonry-style article.eight figure img { width: 100%; } .blog.masonry-style article.six figure img, .blog.masonry-style article.six figure .blog-overlay, .blog.masonry-style article.eight figure img, .blog.masonry-style article.eight figure .blog-overlay, .blog-section.masonry-style article.six figure img, .blog-section.masonry-style article.six figure .blog-overlay, .blog-section.masonry-style article.eight figure img, .blog-section.masonry-style article.eight figure .blog-overlay { -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; } .blog.masonry-style article.six .blog-excerpt, .blog.masonry-style article.eight .blog-excerpt, .blog-section.masonry-style article.six .blog-excerpt, .blog-section.masonry-style article.eight .blog-excerpt { position: absolute; bottom: 0; left: 0; padding: 0 1em; } .blog.masonry-style article.six .blog-excerpt h2, .blog.masonry-style article.eight .blog-excerpt h2, .blog-section.masonry-style article.six .blog-excerpt h2, .blog-section.masonry-style article.eight .blog-excerpt h2 { margin-top: 0; color: #fff; font-size: 1.333em; } .blog.masonry-style article.three, .blog.masonry-style article.four, .blog-section.masonry-style article.three, .blog-section.masonry-style article.four { -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; } .blog.masonry-style article.three figure img, .blog.masonry-style article.four figure img, .blog-section.masonry-style article.three figure img, .blog-section.masonry-style article.four figure img { width: 100%; } .blog.masonry-style article.three figure img, .blog.masonry-style article.three figure .blog-overlay, .blog.masonry-style article.four figure img, .blog.masonry-style article.four figure .blog-overlay, .blog-section.masonry-style article.three figure img, .blog-section.masonry-style article.three figure .blog-overlay, .blog-section.masonry-style article.four figure img, .blog-section.masonry-style article.four figure .blog-overlay { -webkit-border-radius: 1em 1em 0 0; -moz-border-radius: 1em 1em 0 0; border-radius: 1em 1em 0 0; } .blog.masonry-style article.three .blog-excerpt, .blog.masonry-style article.four .blog-excerpt, .blog-section.masonry-style article.three .blog-excerpt, .blog-section.masonry-style article.four .blog-excerpt { overflow: hidden; padding: 0.556em; -webkit-border-radius: 0 0 1em 1em; -moz-border-radius: 0 0 1em 1em; border-radius: 0 0 1em 1em; background-color: #fff; } .blog.masonry-style article.three .blog-excerpt h2, .blog.masonry-style article.four .blog-excerpt h2, .blog-section.masonry-style article.three .blog-excerpt h2, .blog-section.masonry-style article.four .blog-excerpt h2 { margin-top: 0; font-size: 0.889em; } .blog.masonry-style article.three .blog-excerpt p, .blog.masonry-style article.four .blog-excerpt p, .blog-section.masonry-style article.three .blog-excerpt p, .blog-section.masonry-style article.four .blog-excerpt p { color: #333; font-size: 0.667em; } .blog.masonry-style article.three .blog-excerpt h5, .blog.masonry-style article.four .blog-excerpt h5, .blog-section.masonry-style article.three .blog-excerpt h5, .blog-section.masonry-style article.four .blog-excerpt h5 { margin-top: 0.5em; font-size: 0.667em; } .blog.masonry-style article.three .blog-excerpt-inner, .blog.masonry-style article.four .blog-excerpt-inner, .blog-section.masonry-style article.three .blog-excerpt-inner, .blog-section.masonry-style article.four .blog-excerpt-inner { overflow: hidden; height: 100%; } .blog.masonry-style article a figure, .blog-section.masonry-style article a figure { position: relative; } .blog.masonry-style article a figure .blog-overlay, .blog-section.masonry-style article a figure .blog-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; background-color: rgba(79,193,233,0.9); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -moz-opacity: 0; } .blog.masonry-style article a, .blog-section.masonry-style article a { text-decoration: none; } .blog.masonry-style article a:hover figure .blog-overlay, .blog-section.masonry-style article a:hover figure .blog-overlay { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } .blog.masonry-style article a:hover figure .blog-overlay i, .blog-section.masonry-style article a:hover figure .blog-overlay i { -webkit-animation: overlay .5s ease forwards; -moz-animation: overlay .5s ease forwards; animation: overlay .5s ease forwards; } .blog.masonry-style article figure .blog-overlay i, .blog-section.masonry-style article figure .blog-overlay i { position: absolute; width: 100%; text-align: center; font-size: 2em; } .blog.masonry-style article.three figure .blog-overlay i, .blog-section.masonry-style article.three figure .blog-overlay i { top: 35%; } .blog.masonry-style article.six figure .blog-overlay i, .blog-section.masonry-style article.six figure .blog-overlay i { top: 10%; } .blog.list-style article h2 a, .blog-section.list-style article h2 a, .search.list-style article h2 a { color: #222; text-decoration: none; } .blog.list-style article h2 a:hover, .blog-section.list-style article h2 a:hover, .search.list-style article h2 a:hover { color: #FD685B; text-decoration: none; } .blog.list-style article.last, .blog-section.list-style article.last, .search.list-style article.last { border: none; } .blog.masonry-style article.six figure img, .blog.masonry-style article.eight figure img, .blog-section.masonry-style article.six figure img, .blog-section.masonry-style article.eight figure img, .blog.masonry-style article.three, .blog.masonry-style article.four, .blog-section.masonry-style article.three, .blog-section.masonry-style article.four, .blog.list-style article figure img, .related img, .related .overlay, .portfolio-section figure img, .portfolio-section .overlay { -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08); } .portfolio ul.cats { margin-top: 0; text-align: center; } .portfolio ul.cats li { margin-right: 1em; color: #444; font-weight: 700; font-size: 0.889em; font-family: 'Roboto', sans-serif; cursor: pointer; } .portfolio ul.cats li:hover { border-bottom: 2px solid #333; color: #333; } .portfolio ul.cats li.active { border-bottom: none; color: #FD685B; } .related .item { position: relative; float: left; clear: none; margin-right: 3.8%; margin-bottom: 3.8%; margin-left: 0; width: 100%; } .related .item.last { margin-right: 0% !important; } .related img, .related .overlay, .portfolio-section figure img, .portfolio-section .overlay { -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; } .portfolio figure img, .portfolio .overlay, .portfolio-section figure img, .portfolio-section .overlay, .single-portfolio figure img, .single-portfolio .overlay { width: 100%; } .portfolio .overlay, .portfolio-section .overlay, .related .overlay { position: absolute; top: 0; left: 0; display: block; overflow: hidden; padding: 0 1em; height: 100%; border-bottom: none; background-color: rgba(79,193,233,0.9); color: #fff; text-align: center; opacity: 0; filter: alpha(opacity=0); cursor: pointer; -moz-opacity: 0; } .portfolio-section.dribbble-items .overlay { background-color: rgba(255,107,171,0.9); } .portfolio .overlay i, .portfolio-section .overlay i, .related .overlay i { font-size: 2em; line-height: 1.8; } .portfolio .overlay h2, .portfolio-section .overlay h2, .related .overlay h2 { margin-top: 0.67em; color: #fff; text-transform: uppercase; font-size: 0.889em; } .portfolio .overlay p, .portfolio-section .overlay p, .related .overlay p { font-size: 0.722em; } .fluidvids { margin-bottom: 1em; } .portfolio .overlay, .portfolio .overlay-content, .portfolio-section .overlay, .portfolio-section .overlay-content, .related .overlay, .related .overlay-content { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .portfolio .overlay, .portfolio-section .overlay, .related .overlay { text-decoration: none; } .portfolio .overlay:hover, .portfolio-section .overlay:hover, .related .overlay:hover { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } .portfolio .overlay:hover .overlay-content i, .portfolio-section .overlay:hover .overlay-content i, .related .overlay:hover .overlay-content i { -webkit-animation: overlay .5s ease forwards; -moz-animation: overlay .5s ease forwards; animation: overlay .5s ease forwards; } @-webkit-keyframes overlay { from { -webkit-transform: translateY(-0.5em); } } @-moz-keyframes overlay { from { -moz-transform: translateY(-0.5em); } } @keyframes overlay { from { transform: translateY(-0.5em); } } /*---------------------------------------------------------------- Error pages ----------------------------------------------------------------*/ .error404 h2, .search-no-results h2, .search-results > h4 { margin-top: 0; } .error404 article, .search-no-results article, .search-results { margin-top: 3em; } /*------------------- Social widgets -----------------------*/ a.icon-round span { display: inline-block; width: 2em; height: 2em; margin-right: 0.5em; border: 1px solid; border-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: rgba(0, 0, 0, 0.18); text-align: center; -webkit-transition: background-color 0.1s linear, color 0.1s linear; -moz-transition: background-color 0.1s linear, color 0.1s linear; transition: background-color 0.1s linear, color 0.1s linear; } a.icon-round span i { vertical-align: -15%; font-size: 1em; } .meta-social ul li, ul.meta-social li { padding: 0 0.278em; text-align: center; } .meta-social ul li a, ul.meta-social li a { display: inline-block; width: 2.667em; height: 2.667em; border: 1px solid; border-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: rgba(0, 0, 0, 0.18); } .text-light .meta-social ul li a, .text-light ul.meta-social li a { border-color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5); } .meta-social ul li a i, ul.meta-social li a i { line-height: 2em; } .meta-social ul li a:hover, ul.meta-social li a:hover, a.icon-round:hover span { color: #fff; } .meta-social ul li a.vk-share:hover, ul.meta-social li a.vk-share:hover { border-color: #3b5998; background-color: #2B587A; } .meta-social ul li a.dribbble-share:hover, ul.meta-social li a.dribbble-share:hover { border-color: #ea4c89; background-color: #ea4c89; } .meta-social ul li a.facebook-share:hover, ul.meta-social li a.facebook-share:hover { border-color: #3b5998; background-color: #3b5998; } .meta-social ul li a.flickr-share:hover, ul.meta-social li a.flickr-share:hover { border-color: #0063dc; background-color: #0063dc; } .meta-social ul li a.github-share:hover, ul.meta-social li a.github-share:hover { border-color: #171515; background-color: #171515; } .meta-social ul li a.gplus-share:hover, ul.meta-social li a.gplus-share:hover { border-color: #dd4b39; background-color: #dd4b39; } .meta-social ul li a.instagram-share:hover, ul.meta-social li a.instagram-share:hover { border-color: #3f729b; background-color: #3f729b; } .meta-social ul li a.linkedin-share:hover, ul.meta-social li a.linkedin-share:hover { border-color: #0e76a8; background-color: #0e76a8; } .meta-social ul li a.pinterest-share:hover, ul.meta-social li a.pinterest-share:hover { border-color: #c8232c; background-color: #c8232c; } .meta-social ul li a.skype-share:hover, ul.meta-social li a.skype-share:hover { border-color: #00aff0; background-color: #00aff0; } .meta-social ul li a.twitter-share:hover, ul.meta-social li a.twitter-share:hover { border-color: #00acee; background-color: #00acee; } .meta-social ul li a.vimeo-share:hover, ul.meta-social li a.vimeo-share:hover { border-color: #44bbff; background-color: #44bbff; } .meta-social ul li a.youtube-share:hover, ul.meta-social li a.youtube-share:hover { border-color: #c4302b; background-color: #c4302b; } .meta-social ul li a.rss-share:hover, ul.meta-social li a.rss-share:hover { border-color: #fca13b; background-color: #fca13b; } footer .meta-social ul li { padding-right: 0.5em; padding-left: 0; } .widget.meta-social ul li a i { vertical-align: -15%; } footer .dots { font-size: 0.8em; text-decoration: none; display: inline-block; width: 54px; height: 9px; background: url("/wa-content/img/dots/all-dots-default-order@2x.png") no-repeat 0 3px; padding-top: 3px; margin-right: 10px; background-size: 54px 9px; } .b-share a, .b-share span { clear: none; } /*---------------------------------------------------------------- PRICE BOX ----------------------------------------------------------------*/ .price-box { position: relative; padding: 0.8em; text-align: center; border: 2px solid #E1DFDF; -webkit-border-radius: 0.333em; -moz-border-radius: 0.333em; border-radius: 0.333em; } .price-box.popular-dark {border-color: #545768;} .price-box.popular-red {border-color: #ff6858;} .price-box.popular-orange {border-color: #fa6f52;} .price-box.popular-yellow {border-color: #ffce53;} .price-box.popular-green {border-color: #a0d468;} .price-box.popular-aqua {border-color: #4fc0ea;} .price-box.popular-blue {border-color: #5e9ded;} .price-box.popular-purple {border-color: #ab92ed;} .price-box.popular-pink {border-color: #ec87c1;} .price-box.popular-gray {border-color: #aab2bd;} .price-box.popular-mint {border-color: #49cfae;} .popular-text { position: absolute; top: 0; margin-top: -2em; padding: 4px 20px; font-size: 0.8em; color: #fff; -webkit-border-radius: 0.333em; -moz-border-radius: 0.333em; border-radius: 0.333em; } .popular-text:after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -10px; border-top-width: 10px; border-top-style: solid; border-left: 10px solid transparent; border-right: 10px solid transparent; } .popular-text.bg-dark:after {border-top-color: #545768;} .popular-text.bg-red:after {border-top-color: #ff6858;} .popular-text.bg-orange:after {border-top-color: #fa6f52;} .popular-text.bg-yellow:after {border-top-color: #ffce53;} .popular-text.bg-green:after {border-top-color: #a0d468;} .popular-text.bg-aqua:after {border-top-color: #4fc0ea;} .popular-text.bg-blue:after {border-top-color: #5e9ded;} .popular-text.bg-purple:after {border-top-color: #ab92ed;} .popular-text.bg-pink:after {border-top-color: #ec87c1;} .popular-text.bg-gray:after {border-top-color: #aab2bd;} .popular-text.bg-mint:after {border-top-color: #49cfae;} .price-box h2.price-plan { font-size: 1.4em; text-transform: uppercase; } .price-box .price { font-size: 1.2em; } .price-box .price-desc, .price-box .price-info { font-size: 0.7em; font-weight: 400; line-height: 1.8; color: #7f7f7f; } .price-box .price-info { text-align: left; } .price-info i { padding-right: 0.5em; } .price-box hr { height: 1px; background-color: #eee; color: #eee; border: 0px none; border-color: #eee; } .price-box .price-button { margin: 1em 0 0; } /*---------------------------------------------------------------- Map ----------------------------------------------------------------*/ .map { height: 15em; } .gm-style > div > div { /* Overlay color */ height: 100%; } .gm-style img { /* Fix tooltip */ max-width: none; } .gm-style div { /* Fix tooltip */ border-style: none; } .gm-style > div.gmnoprint { /* display: none; */ } .gm-style > div > a { /* display: none !important; */ } .infoBox { text-align: center; } .infobox-inner { display: inline-block; padding: 6px 14px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #FFF; -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); text-align: center; font-weight: 700; font-size: 16px; font-family: 'Roboto', sans-serif; } .infobox-inner:after, .infobox-inner:before { position: absolute; bottom: 100%; left: 50%; width: 0; height: 0; border: solid transparent; content: " "; pointer-events: none; } .infobox-inner:after { margin-left: -10px; border-width: 10px; border-color: rgba(0,0,0,0); } .infobox-inner:before { margin-left: -10px; border-width: 10px; border-color: rgba(0,0,0,0); border-bottom-color: #fff; } /*---------------------------------------------------------------- Testimonial ----------------------------------------------------------------*/ .testimonial-slider { font-style: italic; } .testimonial-img img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1); } .quote p { margin-top: 0; margin-bottom: 1em; font-size: 1.2em; } .author { margin-bottom: 1em; font-size: 0.889em; opacity: 0.7; } .author:before { content: '− '; } .author:after { content: ' -'; } /*---------------------------------------------------------------- UPDATE 1.3.5 START ----------------------------------------------------------------*/ /*---------------------------------------------------------------- Hero block (1.3.5) ----------------------------------------------------------------*/ .ew__hero, .bg-cover { background-color: #e9e9e9; background-size: cover; background-position: top center; } .bg-fixed { background-attachment: fixed; } /*---------------------------------------------------------------- Features New 01 (1.3.5) ----------------------------------------------------------------*/ .ew__features_01 .text-wrap { margin-top: 2em; } .ew__features_01 .icon { font-size: 40px; display: block; margin-bottom: 20px; } .ew__features_01 h4 { font-size: 0.9rem; text-transform: uppercase; font-weight: 700; } .ew__features_01 p { font-size: 0.8rem; } /*---------------------------------------------------------------- Features New (1.3.5) ----------------------------------------------------------------*/ .ew__features .box { padding: 30px; background: #fff; text-align: center; color: #7f7f7f; margin-bottom: 70px; position: relative; } .ew__features .box h3 { margin: 0 0 20px 0; padding: 0; font-weight: 400; font-size: 1.1em; color: #444; } .ew__features .box p { font-size: 0.9em; } .ew__features .box .icon { width: 85px; height: 85px; margin: 0 auto; top: 0; margin-top: -70px; margin-bottom: 30px; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; display: table; text-align: center; } .ew__features .box .icon > span { display: table-cell; vertical-align: middle; } .ew__features .box .icon > span i { font-size: 40px; color: #fff !important; margin: 0; padding: 0; } /*---------------------------------------------------------------- Default Slider 01 (1.3.5) ----------------------------------------------------------------*/ .default-owlslider-01.preload .item { visibility: hidden; } .default-owlslider-01 .item { margin: 0 5px; } .default-owlslider-01 img { border-radius: 6px; } .default-owlslider-01 .owl-buttons { position: absolute; width: 100%; top: 0; } .default-owlslider-01 .owl-buttons i { color: rgba(253,104,91,1); } .default-owlslider-01.owl-theme .owl-controls .owl-page span { background-color: rgba(253,104,91,1); } .default-owlslider-01.owl-theme .owl-controls .owl-buttons .owl-prev { top: 64px; left: -60px!important; } .default-owlslider-01.owl-theme .owl-controls .owl-buttons .owl-next { top: 64px; right: -60px!important; } /*---------------------------------------------------------------- Testimonial New (1.3.5) ----------------------------------------------------------------*/ .ew__testimonial .testimonial-item { margin-bottom: 30px; float: left; width: 100%; } .ew__testimonial .testimonial-item .testimonial-name { margin-bottom: 30px; float: left; } .ew__testimonial .testimonial-item .testimonial-name img { width: 70px; float: left; margin-right: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .ew__testimonial .testimonial-item .testimonial-name .testimonial-meta { float: left; margin-top: 15px; clear: none; } .ew__testimonial .testimonial-item .testimonial-name .testimonial-meta h3 { margin: 0; font-weight: bold; font-size: 1rem; } .ew__testimonial .testimonial-item .testimonial-name .testimonial-meta .testimonial-company { font-weight: bold; text-transform: uppercase; letter-spacing: 2px; color: #cccccc; font-size: 11px !important; } .ew__testimonial .testimonial-item .testimonial-text { font-size: 0.8em; font-style: italic; float: left; width: 100%; clear: both; } /*---------------------------------------------------------------- Team New (1.3.5) ----------------------------------------------------------------*/ .ew__team .person { text-align: center; margin-bottom: 40px; float: left; width: 100%; } .ew__team .person img { display: block; margin: 0 auto 30px auto; height: 150px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .ew__team .person .name { font-size: 1.2rem; margin-bottom: 0; } .ew__team .person .position { text-transform: uppercase; margin-bottom: 30px; letter-spacing: 2px; font-size: 0.8rem; font-weight: 400; } .ew__team .person p { font-size: 0.9rem; } .ew__team .meta-social ul li a { display: inline-block; width: 1.667em; height: 1.667em; } .ew__team .meta-social ul li a i, ul.meta-social li a i { line-height: initial; } /*---------------------------------------------------------------- Skills rings ----------------------------------------------------------------*/ .chart { position: relative; display: inline-block; margin: 1em; width: 178px; height: 178px; text-align: center; } .chart canvas { width: 178px; height: 178px; } .chart-content { position: absolute; top: 0; left: 0; width: 100%; } .percent, .count-number, .count-number-done { /*color: #666;*/ font-weight: 700; /*font-size: 2.333em;*/ font-family: 'Roboto', sans-serif; line-height: 1.34; } .text-light .percent, .text-light .count-number, .text-light .count-number-done { color: #fff; } .percent:after { content: '%'; } .chart-title, .count-subject { font-weight: 700; font-size: 0.889em; font-family: 'Roboto', sans-serif; } .chart-title { color: #999; } .text-light .chart-title, .text-light .count-subject { color: rgba(255,255,255,0.7); } .text-light .timeline .experience-info p { color: rgba(255,255,255,0.7); } .text-light .timeline time { color: rgba(255,255,255,0.5); } .text-light .timeline .experience, .text-light .timeline .experience .circle { border-color: rgba(255,255,255,0.5); } /*--------- Timeline ------------------*/ .timeline-label h4 {margin-top: 0; font-size: 1.556em; } .timeline-label p { font-size: 0.889em; } .timeline .experience { position: relative; float: left; margin-left: 2em; padding-left: 2em; border-left: 2px solid #ccc; } .timeline .experience-info h5 { margin-top: 0; margin-bottom: 0.333em; font-size: 1em; } .timeline .experience-info .role { font-size: 0.778em; font-family: 'Roboto', sans-serif; } .timeline .experience-info p { color: #999; font-size: 0.722em; } .timeline time { display: block; width: 4.111em; color: #ccc; text-align: center; font-weight: 700; font-family: 'Roboto', sans-serif; } .timeline .experience-img, .timeline .experience-info, .timeline .experience-info h5, .timeline .experience-info .role, .timeline .experience-info p { clear: none; } .timeline .experience .circle { position: absolute; top: 1em; left: -0.667em; display: block; width: 1.222em; height: 1.222em; border: 3px solid #ccc; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #F5F5F5; } .timeline .experience-img.icon { position: relative; text-align: center; vertical-align: middle; background-color: #E4E4E4; border-radius: 10px; padding-top: 0.72em; } .timeline .experience-img { float: left; width: 3.333em; height: 3.333em; } .timeline .experience-img img { -webkit-border-radius: 25%; -moz-border-radius: 25%; border-radius: 25%; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08); } .timeline .experience-info { margin-left: 4.444em; } /*---------------------------------------------------------------- Default Slider ----------------------------------------------------------------*/ .default-owlslider.preload .default-owlslider-item { visibility: hidden; } .default-owlslider .owl-buttons i { color: rgba(253,104,91,1); } .default-owlslider.owl-theme .owl-controls .owl-page span { background-color: rgba(253,104,91,1); } .default-owlslider.owl-theme .owl-controls .owl-buttons .owl-prev { top: 45%!important; left: -60px!important; } .default-owlslider.owl-theme .owl-controls .owl-buttons .owl-next { top: 45%!important; right: -60px!important; } .default-owlslider .default-owlslider-item .default-owlslider-title a { text-decoration: none; } .default-owlslider .default-owlslider-item .default-owlslider-title p { margin-top: 0; } .default-owlslider .default-owlslider-item .image { max-width: 20em; margin: 0 auto; } .default-owlslider .owl-item .default-owlslider-title h3, .default-owlslider .owl-item .default-owlslider-title p, .default-owlslider .owl-item .default-owlslider-title .button { opacity: 0; } .default-owlslider .owl-item.active .default-owlslider-title h3 { opacity: 0; -webkit-animation: fadeIn .65s ease forwards; -moz-animation: fadeIn .65s ease forwards; animation: fadeIn .65s ease forwards; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; animation-delay: 0.6s; } .default-owlslider .owl-item.active .default-owlslider-title p { opacity: 0; -webkit-animation: fadeIn .65s ease forwards; -moz-animation: fadeIn .65s ease forwards; animation: fadeIn .65s ease forwards; -webkit-animation-delay: 0.95s; -moz-animation-delay: 0.95s; animation-delay: 0.95s; } .default-owlslider .owl-item.active .default-owlslider-title .button { opacity: 0; -webkit-animation: fadeIn .65s ease forwards; -moz-animation: fadeIn .65s ease forwards; animation: fadeIn .65s ease forwards; -webkit-animation-delay: 1.15s; -moz-animation-delay: 1.15s; animation-delay: 1.15s; } .default-owlslider .owl-item.active img { opacity: 0; -webkit-transform: translateY(3em); -moz-transform: translateY(3em); -ms-transform: translateY(3em); -o-transform: translateY(3em); transform: translateY(3em); -webkit-animation: mcaption .65s ease forwards; -moz-animation: mcaption .65s ease forwards; animation: mcaption .65s ease forwards; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; } /*--------------- Contact forms: Default -------------------*/ .contact-section input,.contact-section textarea,.comment-form input,.comment-form textarea {background-color: rgba(255,255,255,0.15);font-size: 0.889em !important;} .contact-section .wa-captcha-section img,.contact-section .wa-captcha-section strong,.contact-section .wa-captcha-section input {display: block; float: left; clear: none;} .contact-section .wa-captcha-refresh {font-size: 0.8em;} .text-light input,.text-light textarea {color: #fff;} .text-light input:not([type="button"]):hover,.text-light textarea:not([type="button"]):hover {border-color: rgba(255,255,255,0.5) !important;} .text-light textarea:not([type="button"]):focus, .text-light textarea:not([type="button"]):active, .text-light input:not([type="button"]):focus, .text-light input:not([type="button"]):active {border-color: #fff !important;} .text-light .contact-section i {color: rgba(255,255,255,0.7);} .text-light ::-webkit-input-placeholder {color: rgba(255,255,255,0.7);} .text-light :-moz-placeholder {/* Firefox 18- */color: rgba(255,255,255,0.7);} .text-light ::-moz-placeholder {/* Firefox 19+ */color: rgba(255,255,255,0.7);} .text-light :-ms-input-placeholder {color: rgba(255,255,255,0.7);} .contact-section input.name,.contact-section input.email,.comment-form input.name,.comment-form input.email {padding-left: 3em;} .contact-section input.name,.contact-section input.email,.contact-section textarea,.comment-form input.name,.comment-form input.email,.comment-form textarea {max-width: 100%;width: 100%;} .contact-section input[type="submit"],.comment-form input[type="submit"] {float: right;} .wa-error-msg {color: red; font-size: 0.8em;} /*------------ Team ---------------*/ .about-us img {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);} .about-us figcaption {text-align: center;} .about-us figcaption h4 {margin-bottom: 0.2em;} .about-us figcaption p {font-size: 0.778em;} .about-us .meta-social {font-size: 0.722em;} /*---- Profile ----------*/ #wa-my-info-wrapper .wa-field .wa-name,#wa-my-info-wrapper .wa-field .wa-value {float: left;clear: none;} #wa-my-info-wrapper .wa-field .wa-name {color: #ccc;width: 10em;} #wa-my-info-wrapper .wa-field .wa-value {} /*------------- Tables --------------------------*/ table td, table th {border-width: 1px;border-color: #e0e0e0;} pre, table th, .zebra .even td {background-color: #f2f2f2;} table table .zebra .even td, table table th {background-color: #f2f2f2;} /*----------- Breadcrumbs ------------------------*/ .breadcrumbs {font-size: 0.75em;} .breadcrumbs a {color: #C0C0C0;text-decoration: none;} .breadcrumbs a:hover {color: #fd685b;} .breadcrumbs i {vertical-align: middle;} .breadcrumbs span.label {font-weight: 700;font-style: normal;padding-right: 1.5em;opacity: 1;visibility: visible;-webkit-transition: opacity 0.24s ease-in-out; -moz-transition: opacity 0.24s ease-in-out; transition: opacity 0.24s ease-in-out;} /*--------------- Buttons -----------------------*/ .button,input.button { position: relative; display: inline-block; margin-right: 1em; margin-bottom: 1.34em; padding: 0.667em 2em; border-bottom: none; -webkit-border-radius: 0.333em; -moz-border-radius: 0.333em; border-radius: 0.333em; background-color: rgba(84,87,102,1); color: #FFFFFF !important; text-decoration: none !important; text-transform: uppercase; font-size: 0.778em !important; font-family: 'Roboto', sans-serif!important; line-height: 1.714em !important; cursor: pointer; word-break: normal;} .button.small,input.button.small {padding: 0.467em 1em;} .csstransitions .button,.csstransitions input.button {-webkit-transition: background-color 0.3s linear, color 0.3s linear; -moz-transition: background-color 0.3s linear, color 0.3s linear; transition: background-color 0.3s linear, color 0.3s linear;} .button:hover,input.button:hover {border-bottom: none;background-color: rgba(84,87,102,0.9);} .button:active,input.button:active {box-shadow: inset 0 3px 1px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0 3px 1px rgba(0,0,0,0.1);-moz-box-shadow: inset 0 3px 1px rgba(0,0,0,0.1);} .button i {margin-right: 0.667em;vertical-align: middle;line-height: 1em !important;} .button.red,input.button.red {background-color: rgba(253,104,91,1);} .button.red:hover,input.button.red:hover {background-color: rgba(253,104,91,0.9);} .button.orange,input.button.orange {background-color: rgba(250,111,87,1);} .button.orange:hover,input.button.orange:hover {background-color: rgba(250,111,87,0.9);} .button.yellow,input.button.yellow {background-color: rgba(254,205,94,1);} .button.yellow:hover,input.button.yellow:hover {background-color: rgba(254,205,94,0.9);} .button.green,input.button.green {background-color: rgba(161,210,110,1);} .button.green:hover,input.button.green:hover {background-color: rgba(161,210,110,0.9);} .button.mint,input.button.mint {background-color: rgba(79,206,173,1);} .button.mint:hover,input.button.mint:hover {background-color: rgba(79,206,173,0.9);} .button.aqua,input.button.aqua {background-color: rgba(85,193,231,1);} .button.aqua:hover,input.button.aqua:hover {background-color: rgba(85,193,231,0.9);} .button.blue,input.button.blue {background-color: rgba(96,158,234,1);} .button.blue:hover,input.button.blue:hover {background-color: rgba(96,158,234,0.9);} .button.purple,input.button.purple {background-color: rgba(171,148,233,1);} .button.purple:hover,input.button.purple:hover {background-color: rgba(171,148,233,0.9);} .button.pink,input.button.pink {background-color: rgba(234,137,191,1);} .button.pink:hover,input.button.pink:hover {background-color: rgba(234,137,191,0.9);} .button.white,input.button.white {background-color: rgba(255,255,255,1);color: #545766 !important;} .button.white:hover,input.button.white:hover {background-color: rgba(255,255,255,0.9);} .button.grey,input.button.grey,.button.gray,input.button.gray {background-color: rgba(170,178,188,1);} .button.grey:hover,input.button.grey:hover,.button.gray:hover,input.button.gray:hover {background-color: rgba(170,178,188,0.9);} .button.dark-grey,input.button.dark-grey {background-color: rgba(84,87,102,1);} .button.dark-grey:hover,input.button.dark-grey:hover {background-color: rgba(84,87,102,0.9);} .button.transparent,input.button.transparent {border: 2px solid rgba(84,87,102,1);background-color: transparent;color: rgba(84,87,102,1) !important;} .button.transparent:hover,input.button.transparent:hover {border: 2px solid rgba(84,87,102,1);background-color: rgba(84,87,102,1);color: #fff !important;} .button.transparent.red,input.transparent.button.red {border: 2px solid rgba(253,104,91,1);color: rgba(253,104,91,1) !important;} .button.transparent.red:hover,input.button.transparent.red:hover {border: 2px solid rgba(253,104,91,1);background-color: rgba(253,104,91,1);color: #fff !important;} .button.transparent.orange, input.transparent.button.orange { border: 2px solid rgba(250,111,87,1); color: rgba(250,111,87,1) !important; } .button.transparent.orange:hover, input.button.transparent.orange:hover { border: 2px solid rgba(250,111,87,1); background-color: rgba(250,111,87,1); color: #fff !important; } .button.transparent.yellow, input.transparent.button.yellow { border: 2px solid rgba(254,205,94,1); color: rgba(254,205,94,1) !important; } .button.transparent.yellow:hover, input.button.transparent.yellow:hover { border: 2px solid rgba(254,205,94,1); background-color: rgba(254,205,94,1); color: #fff !important; } .button.transparent.green, input.transparent.button.green { border: 2px solid rgba(161,210,110,1); color: rgba(161,210,110,1) !important; } .button.transparent.green:hover, input.button.transparent.green:hover { border: 2px solid rgba(161,210,110,1); background-color: rgba(161,210,110,1); color: #fff !important; } .button.transparent.mint, input.transparent.button.mint { border: 2px solid rgba(79,206,173,1); color: rgba(79,206,173,1) !important; } .button.transparent.mint:hover, input.button.transparent.mint:hover { border: 2px solid rgba(79,206,173,1); background-color: rgba(79,206,173,1); color: #fff !important; } .button.transparent.aqua, input.transparent.button.aqua { border: 2px solid rgba(85,193,231,1); color: rgba(85,193,231,1) !important; } .button.transparent.aqua:hover, input.button.transparent.aqua:hover { border: 2px solid rgba(85,193,231,1); background-color: rgba(85,193,231,1); color: #fff !important; } .button.transparent.blue, input.transparent.button.blue { border: 2px solid rgba(96,158,234,1); color: rgba(96,158,234,1) !important; } .button.transparent.blue:hover, input.button.transparent.blue:hover { border: 2px solid rgba(96,158,234,1); background-color: rgba(96,158,234,1); color: #fff !important; } .button.transparent.purple, input.transparent.button.purple { border: 2px solid rgba(171,148,233,1); color: rgba(171,148,233,1) !important; } .button.transparent.purple:hover, input.button.transparent.purple:hover { border: 2px solid rgba(171,148,233,1); background-color: rgba(171,148,233,1); color: #fff !important; } .button.transparent.pink, input.transparent.button.pink { border: 2px solid rgba(234,137,191,1); color: rgba(234,137,191,1) !important; } .button.transparent.pink:hover, input.button.transparent.pink:hover { border: 2px solid rgba(234,137,191,1); background-color: rgba(234,137,191,1); color: #fff !important; } .button.transparent.white, input.transparent.button.white { border: 2px solid rgba(255,255,255,1); color: rgba(255,255,255,1) !important; } .button.transparent.white:hover, input.button.transparent.white:hover { border: 2px solid rgba(255,255,255,1); background-color: rgba(255,255,255,1); color: #545766 !important; } .button.transparent.grey, input.transparent.button.grey { border: 2px solid rgba(170,178,188,1); color: rgba(170,178,188,1) !important; } .button.transparent.grey:hover, input.button.transparent.grey:hover { border: 2px solid rgba(170,178,188,1); background-color: rgba(170,178,188,1); color: #fff !important; } .button.transparent.dark-grey, input.transparent.button.dark-grey { border: 2px solid rgba(84,87,102,1); color: rgba(84,87,102,1) !important; } .button.transparent.dark-grey:hover, input.button.transparent.dark-grey:hover { border: 2px solid rgba(84,87,102,1); background-color: rgba(84,87,102,1); color: #fff !important; } /*---------------------------------------------------------------- Back to TOP button ----------------------------------------------------------------*/ #toTop {z-index: 99; display: none; position: fixed; width: 3.5em; height: 3.5em; right: 20px; bottom: 70px; border-radius: 100%; cursor: pointer; text-align: center; vertical-align: middle;} #toTop i {color: #fff;} /*---------------------------------------------------------------- Dialog ----------------------------------------------------------------*/ .dialog { display: none; } .dialog-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(55, 58, 71, 0.9); filter: alpha(opacity=80); z-index: 99; } .dialog-window .dialog-buttons { position: absolute; right: -2em; top: -2.5em; } .dialog-window .dialog-close {cursor: pointer; float: right; color: #bbb; text-decoration: none; font-size: 200%; margin-top: -3px; } .dialog-window .dialog-close:hover {color: red;} .dialog-window .dialog-body {position: fixed; top: 15%; left: 0; right: 0; opacity: 1; z-index: 100; /*overflow-x: hidden;*/ margin: 0 auto; text-align: left; width: 600px; height: auto; background: #fff; padding: 25px;} #feedback-dialog.dialog { position: relative; z-index: 9999; } /*---------------------------------------------------------------- Owl Carousel mockups ----------------------------------------------------------------*/ .owl-item { clear: none; } .owl-item > div { padding: 10px; } #intro .owl-item > div, .gallery .owl-item > div { padding: 0; } .owl-theme .owl-controls .owl-buttons div, #intro.owl-theme .owl-controls .owl-pagination { position: absolute; } #intro.owl-theme .owl-controls .owl-pagination { bottom: 1em; margin: 0 20%; width: 60%; } .slider .owl-theme .owl-controls .owl-buttons div { color: #aaa; } .gallery.slider .owl-theme .owl-controls .owl-buttons div { color: #fff; } .slider .owl-theme .owl-controls .owl-page span { background: #aaa; } .owl-theme .owl-controls .owl-buttons .owl-prev { top: 53%; left: 20px; } .owl-theme .owl-controls .owl-buttons .owl-next { top: 53%; right: 20px; } .gallery .owl-theme .owl-controls .owl-buttons .owl-prev { top: 0.944em; right: 0.333em; left: auto; } .gallery .owl-theme .owl-controls .owl-buttons .owl-next { top: 2.222em; right: 0.333em; } .owl-item img { display: block; width: 100%; height: auto; } .mockup { pointer-events: none; } .slider { display: none; } .slider .owl-wrapper-outer { margin-bottom: 1em; } .iphone-slider .owl-carousel .owl-wrapper-outer, .ipad-slider .owl-carousel .owl-wrapper-outer, .desktop-slider .owl-carousel .owl-wrapper-outer { overflow: visible; } .iphone-slider .owl-item, .ipad-slider .owl-item, .desktop-slider .owl-item { overflow-y: hidden; } .iphone-slider { margin: 0 auto; } .iphone-slider { min-height: 800px; width: 416px; } .iphone-slider .owl-item { margin: 100px 0; height: 568px; } .iphone-slider .owl-item div { padding: 0 48px; height: inherit; } .iphone-slider .owl-item, .ipad-slider .owl-item, .desktop-slider .owl-item { opacity: 0.3; -webkit-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -ms-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; } .iphone-slider .owl-item.active, .ipad-slider .owl-item.active, .desktop-slider .owl-item.active { opacity: 1; } .iphone-mockup { position: absolute; top: 0; left: 50%; margin-left: -200px; width: 400px; } .iphone-mockup, .iphone-slider .owl-wrapper-outer { height: 800px; } .iphone-mockup, .iphone-mockup.black { background: url("img/mockups/iphone-black.svg") no-repeat; } .no-svg .iphone-mockup, .no-svg .iphone-mockup.black { background: url("img/mockups/iphone-black.png") no-repeat; } .iphone-mockup.white { background: url("img/mockups/iphone-white.svg") no-repeat; } .no-svg .iphone-mockup.white { background: url("img/mockups/iphone-white.png") no-repeat; } .iphone-mockup.grey { background: url("img/mockups/iphone-grey.svg") no-repeat; } .no-svg .iphone-mockup.grey { background: url("img/mockups/iphone-grey.png") no-repeat; } .iphone-mockup, .iphone-mockup.black, .iphone-mockup.white, .iphone-mockup.grey { background-size: 400px 800px !important; } .iphone-slider .owl-theme .owl-controls .owl-buttons .owl-prev { left: -30px; } .iphone-slider .owl-theme .owl-controls .owl-buttons .owl-next { right: -30px; } .ipad-slider { margin: 0 auto; } .ipad-slider { min-height: 504px; width: 630px; } .ipad-slider .owl-item { margin: 63px 0; height: 378px; } .ipad-slider .owl-item div { padding: 0 63px; height: inherit; } .ipad-mockup { position: absolute; top: 0; left: 50%; margin-left: -315px; width: 630px; } .ipad-mockup, .ipad-slider .owl-wrapper-outer { height: 504px; } .ipad-mockup, .ipad-mockup.black { background: url("img/mockups/ipad-black.svg") no-repeat; } .no-svg .ipad-mockup, .no-svg .ipad-mockup.black { background: url("img/mockups/ipad-black.png") no-repeat; } .ipad-mockup.white { background: url("img/mockups/ipad-white.svg") no-repeat; } .no-svg .ipad-mockup.white { background: url("img/mockups/ipad-white.png") no-repeat; } .ipad-mockup.grey { background: url("img/mockups/ipad-grey.svg") no-repeat; } .no-svg .ipad-mockup.grey { background: url("img/mockups/ipad-grey.png") no-repeat; } .ipad-mockup, .ipad-mockup.black, .ipad-mockup.white, .ipad-mockup.grey { background-size: 630px 504px !important; } .ipad-slider .owl-theme .owl-controls .owl-buttons .owl-prev { left: -47px; } .ipad-slider .owl-theme .owl-controls .owl-buttons .owl-next { right: -47px; } .desktop-slider { margin: 0 auto; } .desktop-slider { min-height: 462px; width: 664px; } .desktop-slider .owl-item { margin: 26px 0; height: 315px; } .desktop-slider .owl-item div { padding: 0 45px; height: inherit; } .desktop-mockup { position: absolute; top: 0; left: 50%; margin-left: -315px; width: 630px; background: url("img/mockups/desktop.svg") no-repeat; background-size: 630px 462px !important; } .no-svg .desktop-mockup { background: url("img/mockups/desktop.png") no-repeat; } .desktop-mockup, .desktop-slider .owl-wrapper-outer { height: 462px; } .desktop-slider .owl-theme .owl-controls .owl-buttons .owl-prev { left: -30px; } .desktop-slider .owl-theme .owl-controls .owl-buttons .owl-next { right: -30px; } .side-mockup { clear: none; } .side-mockup .owl-wrapper-outer { overflow: hidden !important; } .side-mockup .iphone-slider .owl-item, .side-mockup .ipad-slider .owl-item, .side-mockup .desktop-slider .owl-item { opacity: 1; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } @media handheld, only screen and (max-width:48em) { .iphone-slider { min-height: 600px; width: 300px; } .iphone-slider .owl-item { margin: 75px 0; height: 426px; } .iphone-slider .owl-item div { padding: 0 30px; } .iphone-mockup, .iphone-mockup.black, .iphone-mockup.white, .iphone-mockup.grey { margin-left: -150px; width: 300px; background-size: 300px 600px !important; } .iphone-mockup, .iphone-mockup.black, .iphone-mockup.white, .iphone-mockup.grey, .iphone-slider .owl-wrapper-outer { height: 600px; } .ipad-slider { min-height: 240px; width: 310px; } .ipad-slider .owl-item { margin: 30px 0; height: 180px; } .ipad-slider .owl-item div { padding: 0 35px; } .ipad-mockup, .ipad-mockup.black, .ipad-mockup.white, .ipad-mockup.grey { margin-left: -150px; width: 300px; background-size: 300px 240px !important; } .ipad-mockup, .ipad-mockup.black, .ipad-mockup.white, .ipad-mockup.grey, .ipad-slider .owl-wrapper-outer { height: 240px; } .desktop-slider { min-height: 220px; width: 326px; } .desktop-slider .owl-item { margin: 12px 0; height: 151px; } .desktop-slider .owl-item div { padding: 0 26px; } .desktop-mockup { margin-left: -150px; width: 300px; background-size: 300px 220px !important; } .desktop-mockup, .desktop-slider .owl-wrapper-outer { height: 220px; } .iphone-slider .owl-theme .owl-controls .owl-buttons .owl-prev { left: -22px; } .iphone-slider .owl-theme .owl-controls .owl-buttons .owl-next { right: -22px; } .ipad-slider .owl-theme .owl-controls .owl-buttons .owl-prev { left: -28px; } .ipad-slider .owl-theme .owl-controls .owl-buttons .owl-next { right: -28px; } .desktop-slider .owl-theme .owl-controls .owl-buttons .owl-prev { left: -20px; } .desktop-slider .owl-theme .owl-controls .owl-buttons .owl-next { right: -20px; } } @media (max-width:30em) { .owl-buttons { display: none; } .side-mockup .owl-buttons, .side-mockup .owl-pagination { display: block; } } /*---------------------------------------------------------------- Owl Carousel general ----------------------------------------------------------------*/ .owl-theme .owl-controls { margin-top: 0; text-align: center; } .owl-theme .owl-controls .owl-buttons div { /* text-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); */ display: inline-block; color: #fff; font-size: 40px; line-height: 40px; opacity: 0.3; filter: Alpha(Opacity=30); -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; zoom: 1; *display: inline; } #intro-wrap .owl-controls .owl-buttons div { text-shadow: none; font-size: 2.667em; opacity: 0; filter: Alpha(Opacity=0); ; } #intro-wrap:hover .owl-controls .owl-buttons div { opacity: 0.3; filter: Alpha(Opacity=30); ; } #intro-wrap:hover .owl-controls .owl-buttons div:hover { opacity: 1; filter: Alpha(Opacity=100); ; } .dark-controls .owl-theme .owl-controls .owl-buttons div { color: #292929; } .white-controls .owl-theme .owl-controls .owl-buttons div { color: #fff; } .owl-theme .owl-controls.clickable .owl-buttons div:hover { text-decoration: none; opacity: 1; filter: Alpha(Opacity=100); } .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-controls .owl-page span { display: block; margin: 0.333em; width: 0.667em; height: 0.667em; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #fff; opacity: 0.3; filter: Alpha(Opacity=30); } .text-light .owl-theme .owl-controls .owl-page span, .text-light .testimonial-slider.owl-theme .owl-controls .owl-page span, .text-light .custom-carousel.owl-theme .owl-controls .owl-page span { background: #fff; opacity: 0.3; filter: Alpha(Opacity=30); } .dark-controls .owl-theme .owl-controls .owl-page span, .testimonial-slider.owl-theme .owl-controls .owl-page span, .custom-carousel.owl-theme .owl-controls .owl-page span { background: #aaa; } .white-controls .owl-theme .owl-controls .owl-page span { background: #fff; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span, .text-light .owl-theme .owl-controls .owl-page.active span, .text-light .testimonial-slider.owl-theme .owl-controls .owl-page.active span, .text-light .custom-carousel.owl-theme .owl-controls .owl-page.active span { opacity: 1; filter: Alpha(Opacity=100); } .owl-theme .owl-controls .owl-page span.owl-numbers { padding: 2px 10px; width: auto; height: auto; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; color: #ccc; font-size: 12px; } .owl-item.loading { min-height: 150px; background: url(img/AjaxLoader.gif) no-repeat center center; } .owl-theme .owl-controls .owl-buttons div { margin-top: -20px; font-size: 40px; } .gallery .owl-controls .owl-buttons div { font-size: 2em; } #intro-wrap .owl-carousel .owl-wrapper-outer, #intro-wrap .owl-wrapper, #intro-wrap .owl-carousel .owl-item { height: inherit; } #intro-wrap .owl-carousel .owl-item { overflow: hidden; } @media handheld, only screen and (min-width:48em) { .owl-theme .owl-controls .owl-buttons div { margin-top: -25px; font-size: 50px; } .gallery .owl-controls .owl-buttons div { font-size: 2em; } .carousel-item h1, .carousel-item h2, .carousel-item h3, .carousel-item h4, .carousel-item h5, .carousel-item h6 { margin-top: 0.67em; } .caption-mockup h2 { margin-top: 0; } #intro .intro-mockup-wrapper { margin-top: 6em; } .caption-mockup.caption-left, .caption-mockup.caption-right { margin-top: 2em; text-align: left; } .caption-mockup.caption-left h2, .caption-mockup.caption-right h2 { font-size: 2.667em; } aside.sidebar { margin-top: 3em; } .blog.masonry-style article.three .blog-excerpt-inner:after, .blog.masonry-style article.four .blog-excerpt-inner:after, .blog-section.masonry-style article.three .blog-excerpt-inner:after, .blog-section.masonry-style article.four .blog-excerpt-inner:after { position: absolute; right: 0; bottom: 0; left: 0; margin: 0 0.556em 0.556em 0.556em; height: 0.333em; background: rgba(255, 255, 255, 0); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); background: linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); content: " "; ; } } /*---------------------------------------------------------------- Core Owl Carousel CSS File ----------------------------------------------------------------*/ /* clearfix */ .owl-carousel .owl-wrapper:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; line-height: 0; } /* display none until init */ .owl-carousel { position: relative; display: none; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { position: relative; display: none; -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { position: relative; overflow: hidden; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor: url(img/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; -ms-perspective: 1200px; -ms-perspective-origin-x: 50%; -ms-perspective-origin-y: 50%; -o-perspective: 1200px; -o-perspective-origin-x: 50%; -o-perspective-origin-y: 50%; perspective: 1200px; perspective-origin-x: 50%; perspective-origin-y: 50%; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { z-index: 10; -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { z-index: -10; -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { z-index: 10; -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { z-index: -10; -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { z-index: 10; -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { z-index: 10; -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { z-index: -10; -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* scaleDown */ .owl-scaleDown-in { z-index: 10; -webkit-animation: scaleDownFrom .7s ease both; -moz-animation: scaleDownFrom .7s ease both; animation: scaleDownFrom .7s ease both; -webkit-animation-delay: .3s; -moz-animation-delay: .3s; animation-delay: .3s; } .owl-scaleDown-out { z-index: -10; -webkit-animation: scaleDownTo .5s ease both; -moz-animation: scaleDownTo .5s ease both; animation: scaleDownTo .5s ease both; } /* scaleDownRight */ .owl-scaleDownRight-in { z-index: 10; -webkit-animation: scaleDownRightFrom .7s ease both; -moz-animation: scaleDownRightFrom .7s ease both; animation: scaleDownRightFrom .7s ease both; } .owl-scaleDownRight-out { z-index: -10; -webkit-animation: scaleDownRightTo .6s ease both; -moz-animation: scaleDownRightTo .6s ease both; animation: scaleDownRightTo .6s ease both; } /* scaleUpLeft */ .owl-scaleUpLeft-in { z-index: 10; -webkit-animation: scaleUpLeftFrom .7s ease both; -moz-animation: scaleUpLeftFrom .7s ease both; animation: scaleUpLeftFrom .7s ease both; } .owl-scaleUpLeft-out { z-index: -10; -webkit-animation: scaleUpLeftTo .6s ease both; -moz-animation: scaleUpLeftTo .6s ease both; animation: scaleUpLeftTo .6s ease both; } /* fadeTop */ .owl-fadeTop-in { z-index: 10; -webkit-animation: fadeTopFrom .7s ease both; -moz-animation: fadeTopFrom .7s ease both; animation: fadeTopFrom .7s ease both; } .owl-fadeTop-out { z-index: -10; -webkit-animation: fadeTopTo .7s ease both; -moz-animation: fadeTopTo .7s ease both; animation: fadeTopTo .7s ease both; } /* overlap */ .owl-overlap-in { z-index: 10; -webkit-animation: overlapFrom .6s ease both; -moz-animation: overlapFrom .6s ease both; animation: overlapFrom .6s ease both; } .owl-overlap-out { z-index: -10; -webkit-animation: overlapTo .7s ease both; -moz-animation: overlapTo .7s ease both; animation: overlapTo .7s ease both; } /* Fix */ .section.callback #multiformField3_2-2.multiform-gap-field {display: none !important;} .multiform-wrap.anketa.default-theme form.multiform-gap-form div.multiform-gap-fields p {color: white !important;} /*Anounce*/ #popup-announce-content-1.popup-announce-content #popup-announce-header-1.popup-announce-header {font-weight: 700 !important;line-height: 1.2 !important;font-family: 'Roboto', sans-serif !important;} #popup-announce-container-1 #popup-announce-text-1.popup-announce-text p {text-align: center;} #popup-announce-container-1 #popup-announce-text-1.popup-announce-text p.close-box { text-align: center; line-height: 2; margin-top: 32px; } #popup-announce-container-1 #popup-announce-text-1.popup-announce-text p a.mfp-close { width: auto !important; height: auto !important; line-height: 1 !important; position: static !important; text-decoration: none !important; opacity: 1 !important; font-style: inherit !important; font-size: inherit !important; font-family: inherit !important; padding: 12px 18px !important; background: #189d18 !important; color: #fff !important; border-radius: 5px !important; font-family: 'Roboto', sans-serif !important; font-weight: 600; } #popup-announce-container-1 #popup-announce-text-1.popup-announce-text p a:hover.mfp-close {background: #167b16 !important;} header .nav-inner.row-content.buffer-left.buffer-right {display: flex;} .lang-column {position: relative;z-index: 1000;} @media handheld, only screen and (max-width: 48em) { #menu-toggle {margin-left: 30px;} .mobile.no-parallax header .lang__wrap {display: none;} } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type=""], input:not([type]) {width: inherit;max-width: inherit;} #multiformField3_2-1.multiform-gap-field.type-file.pos-top.mf-colm12,#multiformField3_2-3.multiform-gap-field.type-file.pos-top.mf-colm12 { display: flex; align-items: center; justify-content: center; background: rgba(0,0,0, .2); text-align: center } #multiformField3_2-3.multiform-gap-field.type-file.pos-top.mf-colm12 {flex-direction: column;} @media handheld, only screen and (max-width:48em) { #multiformField14_2-1.multiform-gap-field.type-file.pos-top.mf-colm12,#multiformField14_2-3.multiform-gap-field.type-file.pos-top.mf-colm12 {display: block;} #multiformField14_2-1.multiform-gap-field.type-file.pos-top.mf-colm12 div.multiform-gap-name.mf-colm4 {text-align: center} } .form-vertical-upload span.multiform-fileinput-button span { background: #474747; color: #fff; border: 2px dashed #38a47d; border-radius: 30px; padding: 10px 15px; }