/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com/
Author:               UX-Themes
Author URI:           http://www.uxthemes.com/
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.14.3
Requires at least:    5.0.0
Requires PHP:         5.6.20
WC requires at least: 4.0.0
Text Domain:          flatsome
License:              http://themeforest.net/licenses
License URI:          http://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/

.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1200px !important;}

.header-main {border-bottom: 1px solid #eee;}
.header-main .nav > li > a {padding-right: 8px;}


#logo img {height: 60px;}

/*TOP FORM STYLES*/
.top-form {margin: 0 auto;}
.top-form .wpcf7-form {margin-bottom: 0px}
.top-form .wpcf7-select {height: 60px;border-radius: 30px; background-color: #f0f0f0; color: #000; border: 0px; margin-bottom: 20px; font-size: 16px; cursor: pointer; font-weight: 600; box-shadow: none;padding-left: 20px;}
.top-form input[type="email"],
.top-form input[type="tel"] {height: 50px;border-radius: 30px; background-color: #f0f0f0; border: 0px; margin-bottom: 20px; font-size: 16px;padding-left: 20px;}
.top-form p {font-size: 20px; color: #000; line-height: 1.55; font-weight: 400; text-align: left; padding-bottom:5px;}
.top-form .zirka {font-size: 16px; font-weight: 400; line-height: 1.2; color: #222; position: relative; top: -15px; left: 5px;}
.top-form .wpcf7-submit {width: 100%;}
/*TOP FORM RANGE SLIDER*/
.top-form input {border: 0px !important;}
.top-form .ocrscf_scale-slider.ui-slider {margin: 60px 0px 60px 0px !important;}
.top-form .ocrscf_scale-slider.ui-slider .ui-slider-line {display: none;}
.top-form .ocrscf_scale-slider .ui-slider-handle {border-radius: 20px; height: 20px !important; width: 20px !important; background-color: red; border: 0px;}
.top-form .ocrscf_scale-slider .ui-slider-handle .ui-slider-tip {display: block;}
.top-form .ocrscf_scale-slider .ui-slider-pip:nth-of-type(10n+3) .ui-slider-label {top: 6px; padding-left: 10px;}
.ui-slider-float .ui-slider-tip, .ui-slider-float .ui-slider-tip-label {opacity: 1; visibility: visible;}
.top-form .ui-widget.ui-widget-content {border-color: red;}


.tabs-prices {}
.tabs-prices h4 {display: none;}
.tabs-prices .nav-tabs {border-bottom: 0px;}
.tabs-prices .nav-tabs + .tab-panels {border: 0px; padding: 30px 0px;}
.tabs-prices .tab-panels {padding-top: 40px;}
.tabs-prices .tab-panels .row {margin: 0px;}


.tabs-prices .nav-tabs > li > a {border: 0px 0px 2px 0px solid #fff; TEXT-DECORATION: NONE;}
.tabs-prices .nav-tabs > li.active > a {border: 0px 0px 2px 0px solid #008dd2;}
.tabs-prices .nav-uppercase > li.active > a {color:#008dd2 !IMPORTANT;}
.tabs-prices .nav > li {min-width: 25%; text-align: center; margin: 0px;}


.price-offer {border-radius: 9px;padding: 40px 0px; box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.22);}
.price-offer .po-one, .price-offer .po-three {margin-top: 20px;}
.price-offer .title {background: none;height: 30px;margin-bottom: 10px;font-size: 22px;font-weight: 600;color: #000;border-bottom: 0px;padding: 0px;font-family: 'Roboto',Arial,sans-serif;}
.price-offer .price  {font-size: 42px;color: #1d873f;margin-top: 30px;line-height: 1.23;font-weight: 600;padding: 0px;font-family: 'Roboto',Arial,sans-serif;}
.price-offer .description {font-weight: 700;font-size: 14px; line-height: 1.55;font-family: 'Roboto',Arial,sans-serif;}
.price-offer .pricing-table-items {padding: 0px;margin: 0 auto; max-width: 300px;}

@media only screen and (min-width: 768px) {
  .price-offer .pricing-table-items {position: absolute;bottom: 30px;left: 30px;}
  .price-offer {height: 1000px;position: relative;}
  .price-offer .text{line-height: 18px;}
}


.price-offer .bullet-item {padding: 10px !important;text-align: left; font-size: 16px; line-height: 1.55;border-bottom: 0px !important;font-family: 'Roboto',Arial,sans-serif;color: #000;}
.price-offer a.button {border-radius: 99px !important;font-size: 16px;font-weight: 600;line-heigth: 60px;}
.price-offer a.button span {line-heigth: 60px;}

.price-offer .col-sm-12 {min-width: 100%;}

.section-title {font-size: 42px; padding-bottom: 60px; text-align: center;}
/*#content .container {padding-top: 60px;}*/

.steps {margin-bottom: 60px; margin-left: 0px !important; margin-right: 0px !important;}
.steps img {width: 70px; margin-bottom: 25px;}
.steps h3 {font-size: 30px; line-height: 1.17; color: #000; margin-bottom: 25px; margin-top: 12px;}

.container h2 {padding-top: 60px; margin-bottom: 90px; font-weight: 700; color: #000; font-size: 42px; text-align: center;}

.main-page-examples {text-align: center;}
.main-page-examples a {color: #000;}
.main-page-examples a:hover {color: #000 !important; text-decoration: none;}

.project-block{margin-bottom: 40px;}
.project-block img {border: 2px solid #fff;}
.project-block:hover img {border: 2px solid #008dd2;}
.project-block p {padding: 20px 40px 0 40px; color: #737477;}

.tablewrapper{display: table; width: 100%; padding-bottom:30px;}
.circlewrapper {display: table-cell; vertical-align: top;}
.textwrapper {display: table-cell; vertical-align: top; padding-left: 20px; width: 100%;}
.circle-title{background-color: #ccc;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
display: block;
width: 60px;
height: 60px;
text-align: center;
font-size: 20px;
line-height: 60px;
color: #000;
overflow: hidden;
white-space: nowrap;}
.textwrapper-title {font-size:18px ; padding-bottom:20px;  }
.textwrapper-text { font-size:16px; text-align:justify; }

.aboutus-list {margin-left: 30px; margin-top: 30px !important;}
.aboutus-list li {font-size: 20px; line-height: 1.55; margin-bottom: 0px; font-weight: 300; text-align:justify;}


.main-page-list {padding-left: 30px; margin-top: 20px;}
.main-page-list li {margin-bottom: 0px; font-weight: 600;}

/*POPUP*/
.default-contact-popup {height: auto !important;}
.default-contact-popup .ays_content_box {padding: 0px;max-width: 650px;margin: 0 auto;background-color: #fff;}
.popup-form-emb {padding: 40px 45px;}
.av_pop_modals_2 {background: rgb(0, 0, 0, 0.5); padding: 0px !important;}
.ays-pb-modal.ays-pb-modal_2 {padding: 0px !important;}


.get-contact h2 {font-size:38px;color: #000;font-weight: 700;paDDING-BOTTOM: 30PX;}
.get-contact p {font-size: 20px;  line-height: 1.55;}
.get-contact .consulting-form {padding: 20px 0px;}
.get-contact .consulting-form input {height:60px; margin-bottom: 30px; box-shadow: none; border: 0px; border-bottom: 1px solid #ccc; font-size: 18px;}

.questions1 {min-height:503px; background-image:url(/wp-content/uploads/siteitems/questions.jpg); background-size: cover !important; background-repeat: no-repeat !important; background-position: 0% 0%; padding:30px 0px;}
/*.questions h2 {font-size: 42px; text-align: left; margin-bottom: 30px;} */
.questions p {font-size: 18px;}

.questions .button {color:#ffffff;background-color:#008dd2;border-radius:99px; -moz-border-radius:99px; -webkit-border-radius:99px; height: 60px;line-height: 60px; font-size: 18px; padding-left: 30px; padding-right: 30px; margin-left: 10px;}


.cust-footer {padding-top: 80px; font-size: 18px;color: #000; font-weight: 600;}
.flogo img {width: 90%;}
.fcontacts {}
.fadres {}
.fsocials {text-align: right;}

.absolute-footer {text-align: center;}


@media screen and (min-width: 850px) {
  .s1234- {background: rgba(0, 0, 0, 0) url("/wp-content/uploads/workers.png") no-repeat scroll right / cover; min-height: 650px; padding-top: 60px;}
}