@charset "UTF-8";

@-moz-viewport {
    width: device-width; }

@-ms-viewport {
    width: device-width; }

@-o-viewport {
    width: device-width; }

@-webkit-viewport {
    width: device-width; }

@viewport {
    width: device-width; }

/*font-family: 'Open Sans', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Raleway', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;*/



body {
    color: #00000a;
    line-height: 1.3;
    font-weight: normal;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden !important;
}
.fancybox-enabled {
    margin-right: 0px;
}
.fancybox-enabled body {
    margin-right: 17px;
}
.fancybox-enabled .navbar {
    width: calc(100% - 17px);
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Raleway', sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #080808;
    line-height: 1.2;
    margin-bottom: 20px;
}
.header_relative{
    position: relative;
}
p {
/*
    font-size: 16px;
    font-weight: 400;
*/
    color: #3a3838;
    line-height: 1.6;
    word-spacing: 1px;
}


/* Admin style (cтилизация оформления с админки)  */

.admin_design{position: relative;}
.admin_design .help_install_template{position: absolute;right: 0px;top: 0px;}
.admin_design .help_install_template a{
    font-size: 16px;
    font-weight: 600;
    color: #38c0f3;
}
.admin_design .help_install_template a:hover{text-decoration: none;}
.admin_design .help_install_template svg{ margin-right: 3px;}
.admin_design .help_install_template svg,
.admin_design .help_install_template span{
    display: inline-block;
    vertical-align: middle;
}
.admin_design img{
    border: 1px solid #eee;
}
.admin_design a{
    text-decoration: underline;
    color: #1f7772;
}
.admin_design a:hover{
    text-decoration: none;
    color: #1f7772;
}
.admin_design figure img{
    border: none;
}
.admin_design figure {
    margin: 0 0 15px;
    border: 1px solid #eee;
    background-color: #fefefe;
    padding: 5px;
    width: auto;
    max-width: 100%;
    display: inline-block;
}
.admin_design figcaption {
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    color: #565656;
    padding: 10px 5px 5px 5px;
}
.admin_design h2{
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 32px;
    font-weight: 600;
    color: #212330;
    margin-bottom: 25px;
    margin-top: 50px;
}
.admin_design h3{
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #212330;
    margin-bottom: 25px;
    margin-top: 35px;
}
.admin_design h4{
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #212330;
    margin-bottom: 25px;
    margin-top: 25px;
}
.admin_design h5{
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #212330;
    margin-bottom: 25px;
    margin-top: 25px;
}
.admin_design p{
    font-family: 'Fira Sans Condensed', sans-serif;
/*
    font-size: 16px;
    font-weight: 400;
*/
    color: #333;
    margin: 25px 0;
    line-height: 1.5;
}
.admin_design ul {
    list-style-type: disc;
    margin-left: 25px;
    padding-left: 25px;
}
.admin_design ol{
    margin-left: 0px;
    padding-left: 25px;
    list-style: decimal;
}
.admin_design ol li,
.admin_design ul li{
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 1.4;
    margin: 15px 0px;
    font-style: italic;
    list-style: inherit;
}

.admin_design blockquote {
  font-size: 1.2em;
  margin: 40px auto;
  color: #333333;
  padding: 1em 0 1em 34px;
  line-height: 1.2em;
  position: relative;
  background: #F6F6F6;
}
.admin_design .syntaxhighlighter {
    background-color: #4a4949;
    padding: 10px 0px;
    margin: 25px 0 25px;
    border-radius: 3px;
    background: #f5f2f0;
}
.admin_design ul.style{
    margin-bottom: 20px;
    margin-top: 20px;
    color: #212330;
    font-size: 8px;
}
.admin_design ul.style li{
    font-size: 14px;
    font-weight: 600;
    color: #212330;
    margin-bottom: 10px;
    margin-top: 10px;
    line-height: 1.4;
    font-style: italic;
}
.admin_design table {
    background: #fff;
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    border: 1px solid #d6d5d5;
}
.admin_design table th {
    border: 1px solid #d6d5d5;	
    color: #212330;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 15px;
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px;
}
.admin_design ol.style {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/ 
    margin: 0;
    margin-left: 2em;
    padding: 0;
    counter-reset: li-counter;
}
.admin_design ol.style > li{
    font-family: 'Fira Sans Condensed', sans-serif;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #212330;
    margin-bottom: 20px;
    padding-left: 0.5em;
    min-height: 3em;
    border-left: 2px solid #38c0f3;

}
.admin_design ol.style > li:before {
    position: absolute;
    top: 0;
    left: -1em;
    width: 0.8em; 
    font-size: 2.4em;
    line-height: 1;
    font-weight: bold;
    text-align: right;
    color: #38c0f3;
    content: counter(li-counter);
    counter-increment: li-counter;
}
.admin_design ul.style {
    margin: 25px 10px 25px 36px;
    padding: 0;
    list-style: none;
}
.admin_design ul.style > li{
    font-family: 'Fira Sans Condensed', sans-serif;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #212330;
    margin: 25px 0px;
    padding-left: 7px;
}
.admin_design ul.style > li:before {
    content: "";
    position: absolute;
    top: 0px;
    left: -30px;
    width: 24px;
    line-height: 1;
    font-weight: bold;
    text-align: right;
    color: #38c0f3;
    background: url(../images/check-box.png) no-repeat;
    height: 24px;
    background-size: cover;
}
.admin_design .box_video{
  overflow:hidden;
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
}
.admin_design .box_video iframe {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.admin_design .video_box{
  overflow:hidden;
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
}
.admin_design .video_box iframe {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.admin_design table tr:nth-child(odd) {
    background: #f5f2f0;
}
.admin_design .comparison_table table tbody tr:nth-child(odd) {background: #fff;}
.admin_design .comparison_table table thead tr {background: #f7f9fa;}
.admin_design table th:first-child {
    border-left: 1px solid #d6d5d5;	
    border-bottom:  1px solid #d6d5d5;
}
.admin_design table th:last-child {
    border-right: 1px solid #d6d5d5;
    border-bottom:  1px solid #d6d5d5;
}
.admin_design table td {
    border-left: 1px solid #d6d5d5;	  
    padding: 15px 15px;
    font-size: 14px;  
    position: relative;
    transition: all 0.5s ease;
}
.admin_design table td:first-child {border-left: 1px solid #d6d5d5;}
.admin_design table tbody:hover td {
    color: transparent;
    text-shadow: 0 0 3px #a09f9d;
}
.admin_design table tbody:hover tr:hover td {
    color: #444444;
    text-shadow: none;
}
.admin_design iframe {
    margin: 0px auto;
    display: block;
}
.admin_design .product_video {
    margin: 20px auto 40px;
    display: block;
    overflow: hidden;
    text-align: left;
}
.admin_design .product_video a {
    max-width: 100%!important;
    display: inline-block;
    border: 3px solid #d6d5d5;
}
.admin_design .product_video_title {
    text-align: left;
    margin-top: 20px;
}
.box_notice{
    font-family: 'Fira Sans Condensed', sans-serif;
    margin: 25px auto 25px;
    background: #e1f6fd;
    border-radius: 3px;
    padding: 25px;
    min-height: 110px;
    position: relative;
}
.box_notice.notice_success{
    background: #c9ffba;
    min-height: 100px;
}
.box_notice.notice_alert{
    background: #ffcac6;
    min-height: 100px;
}
.box_notice .inner_text{padding-left: 85px;}
.box_notice .inner_text:before{
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    width: 63px;
    height: 63px;
    display: block;
    background: url(../images/info_notice.png) no-repeat;
}
.box_notice.notice_success .inner_text:before{
    background: url(../images/info_notice_success.png) no-repeat;
    width: 64px;
    height: 64px;
    background-size: cover;
}
.box_notice.notice_alert,
.box_notice.notice_success{padding: 20px;}
.box_notice.notice_alert .inner_text:before{
    background: url(../images/info_notice_alert.png) no-repeat;
    width: 64px;
    height: 64px;
    background-size: cover;
}
.box_notice .inner_text p{
     color: #212330;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
    line-height: 22px;
}
.notice_blockquote,
.notice_info,
.notice_alert,
.notice_success{
    margin: 5px auto 25px;
    background: #e1f6fd;
    border-radius: 3px;
    padding: 15px;
    min-height: 55px;
    position: relative;
}
.notice_blockquote{background: #FFF4E0;}
.notice_info{background: #e1f6fd;}
.notice_success{background: #c9ffba;}
.notice_alert{background: #ffcac6;}

.notice_blockquote .inner_text:before{
    background: url(../images/quote.png) no-repeat;
    background-size: cover;
}
.notice_info .inner_text:before{
    background: url(../images/info_notice.png) no-repeat;
    background-size: cover;
}
.notice_success .inner_text:before{
    background: url(../images/info_notice_success.png) no-repeat;
    background-size: cover;
}
.notice_alert .inner_text:before{
    background: url(../images/info_notice_alert.png) no-repeat;
    background-size: cover;
}
.notice_blockquote .inner_text:before,
.notice_info .inner_text:before,
.notice_success .inner_text:before,
.notice_alert .inner_text:before{
    content: "";
    position: absolute;
    top: calc(50% - 20px);
    left: 20px;
    width: 40px;
    height: 40px;
    display: block;
}
.notice_blockquote .inner_text,
.notice_info .inner_text,
.notice_alert .inner_text,
.notice_success .inner_text{
    padding-left: 65px;
    font-style: italic;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 1.3;
}
.notice_blockquote .inner_text city{
    font-style: italic;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    display: block;
    margin-top: 10px;
}
.notice_blockquote .inner_text city:before{
    content: "-";
    margin-right: 5px;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #333;
}

.languages{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.languages_item{
    padding: 0 10px!important;
}
.languages_item.active{
    color: #10b9b1!important;
    
}
.pagination {
    list-style: none;
    padding: 0;
    text-align: center;
    position: relative;
    margin: 0px;
    display: block;
}
.page_item {
  display: inline-block;
  margin: 8px 0px;
}
.page_item.page_all {
    position: absolute;
    left: 0px;
    right: 0px;
    width: 200px;
    margin: 0px auto;
}
.page_link {
    display: block;
    padding: 3px 5px;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    color: #d5d6d8;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    font-size: 16px;
    font-weight: 600;
}
.page_link:hover,
.active .page_link {
    color: #10b9b1;
    text-decoration: none;
}
.page_link .next_icon svg {
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}
.page_link .prev_icon svg {
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.pagination .disabled {
    display: none;
}  

img {
    max-width: 100%;
    height: auto;
}

span,
a,
a:hover {
    display: inline-block;
    text-decoration: none;
    color: inherit;
}

.section-padding {
    padding: 120px 0;
}

.section-head {
    margin-bottom: 80px;
}
.hidden{display: none;}
.section-head h6 {
    font-size: 11px;
    font-weight: 600;
    font-family: inherit;
    text-transform: uppercase;
    letter-spacing: 4px;
    word-spacing: 1px;
    display: inline-block;
    padding: 0 15px;
    position: relative;
}

.section-head h6:before,
.section-head h6:after {
    content: '';
    width: 50px;
    height: 2px;
    background-color: #10b9b1;
    position: absolute;
    bottom: 3px;
}

.section-head h6:before {
    left: -50px;
}

.section-head h6:after {
    right: -50px;
}

.section-head h4 {
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 4px;
    line-height: .7;
    position: relative;
    margin-bottom: 15px;
}

.bg-gray {
    background: #f7f7f7;
}

.bg-gray .owl-theme .owl-dots .owl-dot span {
    background: #777;
}

.o-hidden {
    overflow: hidden;
}

.position-re {
    position: relative;
}

.full-width {
    width: 100% !important;
}

.bg-img {
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-fixed {
    background-attachment: fixed;
}
.block{
    margin-bottom: 60px;
}
.valign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.v-middle {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

header .svg {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    z-index: 2;
}

header .svg svg {
    fill: #fff;
    width: 101%;
}

.cd-headline {
    font-size: 3rem;
    line-height: 1.2;
}

.top_admin_bookmark {
    z-index: 10;
}


@media only screen and (min-width: 768px) {
    .cd-headline {
        font-size: 4.4rem;
        font-weight: 300;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-headline {
        font-size: 6rem;
    }
}

.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
}

.cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0;
}

.cd-words-wrapper b.is-visible {
    position: relative;
}

.no-js .cd-words-wrapper b {
    opacity: 0;
}

.no-js .cd-words-wrapper b.is-visible {
    opacity: 1;
}

/* xclip */

.cd-headline.clip span {
    display: inline-block;
    padding: .2em 0;
}

.cd-headline.clip .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top;
}

.cd-headline.clip .cd-words-wrapper::after {
    /* line */
    content: '';
    position: absolute;
    top: 10%;
    right: 0;
    width: 2px;
    height: 70%;
    background-color: #aebcb9;
}

.cd-headline.clip b {
    opacity: 0;
}

.cd-headline b.is-visible {
    opacity: 1;
    font-weight: 900;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 15px;
    line-height: .7;
}

.owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 0 7px;
    border-radius: 50%;
    background: #ddd;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #10b9b1;
}

/* ----------------------------------------------------------------
     [ End Basic ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
     [ 01 Start Buttons ]
-----------------------------------------------------------------*/

.butn {
    padding: 10px 30px;
    border: 1px solid rgb(238, 238, 238);
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
    letter-spacing: 1px;
    position: relative;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    font-family: 'Raleway', sans-serif;
}

.butn:after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 1;
    background: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.butn:hover {
    border-color: #fff;
}

.butn:hover:after {
    width: 100%;
    left: 0;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}

.butn:hover span {
    color: #1c1c1c;
}

.butn span {
    position: relative;
    z-index: 2;
}

.butn-bg {
    background: #10b9b1;
    border-color: #10b9b1;
    color: #fff;
}

.butn-bord:after {
    background: #10b9b1;
}

.butn-bord:hover {
    border-color: #10b9b1;
}

.butn-bord:hover span {
    color: #fff;
}

.butn.round {
    border-radius: 30px;
}

.butn.round:after {
    border-radius: 30px;
}

/* ----------------------------------------------------------------
     [ End Buttons ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
     [ 02 Start Navbar ]
-----------------------------------------------------------------*/

.navbar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: transparent;
    z-index: 9;
    min-height: 80px;
}
.top_navbar_left{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #fff;
}
.navbar .icon-bar {
    color: #fff;
}

.navbar .navbar-nav .nav-link {
    font-size: 14px;
    color: rgb(255, 255, 255);
    letter-spacing: .5px;
    margin: 15px 5px;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}
.navbar .navbar-nav .nav-item:hover .nav-link,
.navbar .navbar-nav .active {
    color: #10b9b1;
}
.navbar .navbar-nav .dropdown-menu .nav-item .nav-link{
    color: #fff;
}
.navbar .navbar-nav .dropdown-menu .nav-item:hover .nav-link{
    color: #10b9b1;
}
.nav-scroll {
    background: rgb(0, 0, 0);
    //border-bottom: 1px solid rgba(12, 12, 12, 0.04);
    padding: 0;
    position: fixed!important;
    top: -100px;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    min-height: 65px;
}

/*
.nav-scroll .icon-bar {
    color: #222;
}

.nav-scroll .navbar-nav .nav-link {
    color: #222;
}
*/

.nav-scroll .navbar-nav .logo {
    padding: 15px 0;
    color: #111;
}
.top_navbar .top_navbar_social:before, 
.top_navbar .top_navbar_social:after {
    content: " ";
    display: table;
}
.top_navbar .top_navbar_social:after {
    clear: both;
}
.top_navbar .top_navbar_social {
    float: right;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    border-bottom: 1px solid rgb(69, 69, 69);
}
.top_navbar .top_navbar_social li {
    position: relative;
    display: block;
    float: left;
    border-left: 1px solid rgb(69, 69, 69);
}
.top_navbar .top_navbar_social li:last-child {
    border-right: 1px solid rgb(69, 69, 69);
}
.top_navbar .top_navbar_social li a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    padding: 0 20px;
    line-height: 40px;
    letter-spacing: 0.25px;
    font-size: 15px;
    position: relative;
    display: block;
    color: rgb(255, 255, 255);
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}
.top_navbar .top_navbar_social li:last-child a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}
.top_navbar .top_navbar_social li a:hover, 
.top_navbar .top_navbar_social li a:focus {
    background: rgb(46, 73, 95);
    color: rgb(255, 255, 255);
    text-decoration: none;
}
.logo {
    padding: 8px 0;
    width: 100px;
}
.logo img {
    max-width: 100%;
   max-height: 80px;
    width: auto;
}
.nav-scroll .logo img {
   max-height: 50px;
}
.btn_free_analize {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    border-radius: 0px;
    text-transform: uppercase;
    padding: 8px 15px;
    border: 1px solid;
    background: none;
    border-color: #10b9b1;
    color: #10b9b1;
    margin-left: 5px;
        -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}
.btn_free_analize:hover, .btn_free_analize:focus {
    background: #10b9b1;
    color: #fff;
}
/* ----------------------------------------------------------------
     [ End Navbar ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
     [ 04 Start Header ]
-----------------------------------------------------------------*/

.header {
    min-height: 100vh;
    overflow: hidden;
}

.header .caption .o-hidden {
    display: inline-block;
}

.header .caption h4 {
    font-weight: 200;
    letter-spacing: 4px;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}

.header .caption h1 {
    margin: 10px 0;
    font-size: 40px;
    font-weight: 500;
    font-family: inherit;
    word-spacing: 2px;
    letter-spacing: 2px;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.header .caption h2 {
    font-size: 55px;
    font-weight: 600;
}

.header .caption h4 {
    font-family: 'Raleway', sans-serif;
    font-weight: 200;
    font-style: normal;
    letter-spacing: 4px;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    font-size: 30px;
}

.header .caption p {
    font-size: 22px;
    font-weight: 400;
    color: #eee;
    letter-spacing: 1px;
    word-spacing: 2px;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.header .arrow {
    position: absolute;
    bottom: 5vh;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 13px;
    z-index: 8;
}

.header .arrow i {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.header .arrow i:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    z-index: -1;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.header .arrow i:hover:after {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.slider .arrow,
.slider-fade .arrow {
    display: none !important;
}

.slider .owl-item,
.slider-fade .owl-item {
    height: 100vh;
    position: relative;
}

.slider .item,
.slider-fade .item {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
}

.slider .item .caption,
.slider-fade .item .caption {
    z-index: 9;
}

.slider .owl-theme .owl-dots,
.slider-fade .owl-theme .owl-dots {
    position: absolute;
    bottom: 5vh;
    width: 100%;
}

.creative {
    min-height: 100vh;
}

.creative .svg {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    z-index: 2;
}

.creative .svg svg {
    fill: #fff;
    width: 101%;
}

.bg-vid {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
}

#particles-js {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
/*
#particles-js{
  width: 100%;
  height: 100%;
  background-color: #b61924;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
*/
.fn_ajax_wait {
    background: rgba(255, 255, 255, 0.52) url('../images/fn_ajax_wait.gif') no-repeat;
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    position: absolute;
    background-position: 400px 400px;
}
/* Slick slider    v1.5.9 */
.slick-slider {
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0; }

.slick-list:focus {
    outline: none; }

.slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -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); }

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block; }

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''; }

.slick-track:after {
    clear: both; }

.slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px; }

[dir='rtl'] .slick-slide {
    float: right; }

.slick-slide.slick-loading img {
    display: none; }

.slick-slide.dragging img {
    pointer-events: none; }

.slick-initialized .slick-slide {
    display: block; }

.slick-loading .slick-slide {
    visibility: hidden; }

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
    display: none; }

.slick-loading .slick-list {
    background: #fff url("../images/fn_loader.gif") center center no-repeat; }

.slick-prev,
.slick-next {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    padding: 0;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
    text-align: center;
    color: #cfd0d2;
}
.slick-prev {
    left: 0;
}
.slick-next {
    right: 0px;
}
.slick-next::before,
.slick-prev::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    border-top: 1px solid;
    border-left: 1px solid;
}
.slick-next::before {
    margin-left: -12px;
    transform: rotate(135deg);
}
.slick-prev::before {
    margin-left: 12px;
    transform: rotate(-45deg);
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
        color: #a3a3a3;
}
.all_brands .slick-prev,
.all_brands .slick-next {
    margin: 0;
    top: -58px;
    width: 70px;
    height: 57px;
    line-height: 57px;
    border-left: 1px solid #e8e8e1;
    border-top: none;
}
.all_brands .slick-next{
    right: -1px;
}
.all_brands .slick-prev {
    left: auto;
    right: 71px;
}

.comparison_page .slick-prev,
.comparison_page .slick-next {
    top: 160px; }

.slick-dots {
    position: absolute;
    right: 55px;
    bottom: 30px;
    display: block;
    font-size: 0;
    padding: 0;
    list-style: none;
    text-align: right; }

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 8px;
    padding: 0;
    cursor: pointer; }

.slick-dots li button {
    display: block;
    width: 12px;
    height: 12px;
    outline: none;
    padding: 0;
    border: 0;
    border-radius: 100%;
    cursor: pointer;
    color: transparent;
    background-color: #fff;
    opacity: .4;
}
.slick-dots li.slick-active button {
    opacity: 1;
}
.slick-dots li button:hover {
    opacity: .8;
}
.captcha {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    margin: 0 0px 10px 0;
}
.form_captcha{
    display: block;
    position: relative;
    width: calc(100% - 100px);
}
.input_captcha {
    width: 130px;
    line-height: 38px;
    vertical-align: top;
    height:40px;
}
.secret_number {
    border: 1px solid rgb(232, 232, 225);
    padding: 9px;
    border-radius: 0px;
    background: rgb(245, 248, 249);
    display: inline-block;
    position: relative;
    text-shadow: 1px 1px rgb(56, 192, 243), -1px 1px rgb(72, 209, 204), -1px -1px rgb(72, 209, 204), 1px -1px rgb(72, 209, 204);
    color: rgb(255, 255, 255);
    font-weight: bold;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    pointer-events: none;
    cursor: pointer;
    width: 100px;
    bottom: 1px;
}
.contact .form .button_form{
    background: #10b9b1;
    border-color: #10b9b1;
    color: rgb(255, 255, 255);
    padding: 10px 30px;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    position: relative;
    margin: 10px 0px 0;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    font-family: 'Raleway', sans-serif;
    cursor: pointer;
    width: auto;
    border: none;
}
.contact .form .button_form:hover{
    background: rgb(230, 9, 230);
    border-color: rgb(230, 9, 230);
}
/*
.secret_number:before {
    content: "";
    position: absolute;
    top: 10px;
    right: -15px;
    bottom: -15px;
    left: 0;
    z-index: -1;
    background: linear-gradient(-45deg,
    rgba(72, 209, 204, 0) 2px, mediumturquoise 3px, rgba(72, 209, 204, 0) 3px ) repeat;
    background-size: 4px 4px;
}
*/
.secret_number:after {
    content: attr(data-name);
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: -2;
    text-shadow: 1px 1px white,
    2px 2px white,
    3px 3px white,
    4px 4px white;
    color: white;
    transition: all 1s;
}
.message_error {
    clear: both;
    padding: 10px 20px;
    margin-bottom: 20px;
    color: #f00;
    background-color: #ffcaca;
    border: 1px dotted #ff4545;
}
.message_success {
    padding: 11px 23px;
    margin-bottom: 25px;
    color: #ffffff;
    background-color: #ff6600;
    text-transform: uppercase;
}
.error{
    color: #f00;
}
label.error {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
}
/* BREADCRUMBS */
.breadcrumbs {
    list-style: none;
    font-size: 12px;
}
.breadcrumbs li {
    display: inline-block;
    padding: 0;
    margin: 3px 0;
    color: #fff;
}
.breadcrumbs li + li:before {
    padding: 0 2px;
    content: "/\00a0";
}
/* Scroll to top */
.to_top {
    width: 42px;
    height: 42px;
    border-radius: 100%;
    position: fixed;
    bottom: 50px;
    right: 10px;
    z-index: 99;
    display: none;
    background-color: #b8b7b7;
    background-image: url(../images/up-arrow.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.to_top:hover {
    background-color: #38c0f3;
}
/* POPUP WINDOW */
.popup {
    width: 320px;
    max-width: 100%;
    padding: 20px;
    text-align: center;
}
.popup_heading {
    margin-bottom: 12px;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}
/* Autocomplete CSS */
.autocomplete-suggestions {
    background-color: #fff;
    overflow: hidden;
    overflow-y: auto;
    border: 0.0625rem solid #e0e0e0;
    display: table; }

.autocomplete-suggestion {
    display: table-row;
    width: 100%; }

.autocomplete-suggestion:nth-child(even) {
    background-color: #fbfbfb; }

.autocomplete-suggestions .autocomplete-selected {
    background: #f0f0f0; }

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #ffb400; }

.autocomplete-suggestion div {
    width: 45px !important;
    text-align: center; }

.autocomplete-suggestion div,
.autocomplete-suggestions span,
.autocomplete-suggestions a {
    padding: 0.125rem 0.3125rem;
    display: table-cell;
    vertical-align: middle; }

.autocomplete-suggestions span {
    white-space: nowrap; }


/* ----------------------------------------------------------------
     [ End Header ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
     [ 05 Start Hero ]
-----------------------------------------------------------------*/

.hero .extra-text {
    font-weight: 200;
    line-height: 1.2;
    margin-bottom: 15px;
}

.hero .extra-text b {
    font-weight: 600;
}

.hero .extra-text span {
    padding: 0;
}

.hero .cd-headline {
    font-size: 35px;
}

.hero .cd-headline.clip .cd-words-wrapper::after {
    display: none;
}

.hero .tabs-section .tabs {
    border-bottom: 1px solid #eee;
    position: relative;
}

.hero .tabs-section .tabs .nav-item {
    width: 33.3333%;
    text-align: center;
}

.hero .tabs-section .tabs .nav-item .nav-link {
    position: relative;
    padding: 0 0 15px;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: block;
    font-weight: 600;
}

.hero .tabs-section .tabs .nav-item .nav-link:after {
    content: "";
    width: 0;
    height: 2px;
    background: #10b9b1;
    position: absolute;
    bottom: -1px;
    left: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    display: none;
}

.hero .tabs-section .tabs .nav-item .active {
    background: transparent;
    color: inherit;
}

.hero .tabs-section .tabs .nav-item .active:after {
    width: 100%;
}

.hero .tabs-section .list {
    overflow: hidden;
}

.hero .tabs-section .list li {
    float: left;
    width: 50%;
    margin-top: 15px;
    color: #555;
}

.hero .tabs-section .list li i {
    margin-right: 5px;
    color: #10b9b1;
}

.hero .tabs-section .underline li {
    display: inline-block;
    text-align: center;
    width: 33.33333%;
}

.hero .tabs-section .one.active ~ .hr {
    left: 0;
}

.hero .tabs-section .two.active ~ .hr {
    left: 33.33333%;
}

.hero .tabs-section .three.active ~ .hr {
    left: 66.66666%;
}

.hero .tabs-section .underline .hr {
    position: absolute;
    bottom: -1px;
    right: 0;
    height: 2px;
    width: 33.33333%;
    margin: 0;
    background: #10b9b1;
    border: none;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hero .tabs-section .underline .hr:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: calc(50% - 2.5px);
    bottom: -8px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #10b9b1;
}

.hero .skills {
    margin-top: 30px;
}

.hero .skills .skill-item {
    margin-bottom: 20px;
}

.hero .skills .skill-item .skill-progress {
    position: relative;
    height: 26px;
    border: 4px solid #f7f7f7;
    border-radius: 50px;
    -webkit-box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.06) inset;
    box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.06) inset;
}

.hero .skills .skill-item .skill-progress h6 {
    font-size: 11px;
    position: relative;
    z-index: 4;
    color: #fff;
    padding-top: 2px;
}

.hero .skills .skill-item .skill-progress h6 em {
    float: right;
    font-size: 10px;
}

.hero .skills .skill-item .skill-progress .progres {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    border-radius: 50px;
    padding: 0 10px 0;
    background-color: #10b9b1;
    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.freelancer .no-m .row {
    margin: 0;
}

.freelancer .sm-pd {
    padding: 0 2px;
}

.freelancer .content h3 {
    font-weight: 800;
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 15px;
}

.freelancer .content h3:after {
    content: '';
    width: 30px;
    height: 2px;
    background: #10b9b1;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.freelancer .content h6 {
    margin-bottom: 15px;
}

.freelancer .content p {
    margin-bottom: 10px;
}

.freelancer .content .social a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    border: 1px solid #eee;
    text-align: center;
}

.freelancer .content .social a:hover {
    background: #10b9b1;
    border-color: #10b9b1;
    color: #fff;
}

.feat .item {
    background: #fff;
    text-align: center;
    padding: 30px 15px;
    -webkit-box-shadow: 0px 5px 35px 0px rgba(148, 146, 245, 0.15);
    box-shadow: 0px 5px 35px 0px rgba(148, 146, 245, 0.15);
    border-radius: 5px;
    margin-bottom: 30px;
}

.feat .item .icon {
    font-size: 50px;
    margin-bottom: 15px;
    color: #10b9b1;
}

.feat .item h6 {
    margin-bottom: 15px;
    font-weight: 600;
}

.offer .item {
    padding: 60px 15px;
}

.offer .item .icon {
    margin-bottom: 20px;
}

.offer .item h6 {
    margin-bottom: 20px;
}

/* ----------------------------------------------------------------
     [ End Hero ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
     [ 06 Start Video Intro ]
-----------------------------------------------------------------*/

.video-intro h6 {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 7px;
    word-spacing: 2px;
    margin-bottom: 15px;
}

.video-intro h2 {
    font-size: 55px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.video-intro .vid-butn {
    height: 60px;
    width: 60px;
    line-height: 60px;
    margin-right: -20px;
    background: #fff;
    color: #10b9b1;
    border-radius: 50%;
    position: relative;
    z-index: 2;
}

/* ----------------------------------------------------------------
     [ End Video Intro ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
     [ 07 Start Portfolio ]
-----------------------------------------------------------------*/

.portfolio {
    overflow: hidden;
}

.portfolio .filtering span {
    padding: 9px 30px;
    border-radius: 30px;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
}

.portfolio .filtering .active {
    background: #10b9b1;
    color: #fff;
    -webkit-box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.2);
}

.portfolio .items {
    padding: 0;
}

.portfolio .item-img {
    position: relative;
    overflow: hidden;
}
.portfolio .item-img img{
   width: 100%;
}

.portfolio .item-img:hover .item-img-overlay {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio .item-img:hover h6 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio .item-img h6 {
    font-weight: 600;
    position: relative;
    margin-bottom: 5px;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    -webkit-transition: all .5s;
    transition: all .5s;
}

.portfolio .item-img-overlay {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    background: white;
    color: #35424C;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 2;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

.portfolio .item-img-overlay a {
    font-size: 30px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    color: #10b9b1;
}
.preview{
    margin-bottom: 30px;
}
.product_image{
    border: 1px solid rgb(245, 245, 245);
}
.product_block{
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.portfolio .gallery a {
    display: block;
}
/* ----------------------------------------------------------------
     [ End Portfolio ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
     [ 08 Start featruse ]
-----------------------------------------------------------------*/

.featruse .item {
    padding: 30px;
    background: #fff;
    -webkit-box-shadow: 0px 5px 35px 0px rgba(148, 146, 245, 0.15);
    box-shadow: 0px 5px 35px 0px rgba(148, 146, 245, 0.15);
    border-radius: 5px;
    margin-bottom: 30px;
}

.featruse .item .icon {
    font-size: 40px;
    margin-bottom: 20px;
    color: #10b9b1;
}

.featruse .item h6 {
    font-size: 16px;
    font-weight: 500;
    font-family: inherit;
    margin-bottom: 20px;
    letter-spacing: 1px;
    font-weight: 600;
}

/* ----------------------------------------------------------------
     [ End featruse ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
     [ 09 Start Team ]
-----------------------------------------------------------------*/

.team .titem .team-img {
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    width: 210px;
    height: 210px;
    margin: auto;
}

.team .titem .team-img:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.team .titem img {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.team .titem h6 {
    font-size: 18px;
    font-weight: 600;
    font-family: inherit;
    margin: 20px 0 10px;
}

.team .titem span {
    font-size: 14px;
    color: #959595;
}

.team .titem .social {
    margin: 15px 0;
}

.team .titem .social a {
    margin: 0 5px;
}

/* ----------------------------------------------------------------
     [ End Team ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
     [ 10 Start get-ready ]
-----------------------------------------------------------------*/

.get-ready h6 {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 7px;
    word-spacing: 2px;
    margin-bottom: 15px;
}

.get-ready h2 {
    font-size: 55px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

/* ----------------------------------------------------------------
     [ End get-ready ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
     [ 11 Start Testimonails ]
-----------------------------------------------------------------*/

.testimonails .quote {
    width: 100%;
    margin: 0 auto 0px;
    max-width: 120px;
    max-height: 120px;
    display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    height: 120px;
    margin-bottom: 20px;
}

.testimonails .item-box .info {
    margin: 30px 0 15px;
}

.testimonails .item-box .info h6 {
    font-size: 14px;
    font-weight: 600;
    margin-right: 5px;
    display: block;
}

.testimonails .item-box .info span {
    font-size: 12px;
    font-weight: 600;
    color: #777;
}

/* ----------------------------------------------------------------
     [ End Testimonails ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
     [ 12 Start Numbers ]
-----------------------------------------------------------------*/

.numbers {
    background-attachment: fixed;
}

.numbers .item:hover .icon .front {
    -webkit-transform: translateX(-120%);
    transform: translateX(-120%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.numbers .item:hover .icon .back {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.numbers .item .icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
    overflow: hidden;
}

.numbers .item .icon i {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    line-height: 70px;
    border-radius: 50%;
    background: rgba(250, 250, 250, 0.1);
}

.numbers .item .icon .back {
    background: #10b9b1;
    -webkit-transform: translateX(120%);
    transform: translateX(120%);
}

.numbers .item h3 {
    font-weight: 600;
    font-family: inherit;
    margin-bottom: 15px;
}

.numbers .item h6 {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
}

/* ----------------------------------------------------------------
     [ End Numbers ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
     [ 13 Start Price ]
-----------------------------------------------------------------*/

.price .item {
    padding: 30px 0;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0px 5px 40px 0px rgba(148, 146, 245, 0.2);
    box-shadow: 0px 5px 40px 0px rgba(148, 146, 245, 0.2);
}

.price .type {
    margin-bottom: 30px;
}

.price .type h4 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
}

.price .value {
    padding: 30px 0;
    position: relative;
}

.price .value:before,
.price .value:after {
    content: '';
    background: #eee;
    width: 70%;
    height: 2px;
    position: absolute;
    left: 15%;
}

.price .value:before {
    top: 0;
}

.price .value:after {
    bottom: 0;
}

.price .value h3 {
    display: inline-block;
    padding-right: 10px;
    font-size: 50px;
    font-weight: 800;
    position: relative;
}

.price .value h3 span {
    font-size: 14px;
    position: absolute;
    top: 5px;
    right: 0;
}

.price .value .per {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #777;
}

.price .features {
    padding: 15px 0;
}

.price .features li {
    margin: 15px 0;
    color: #777;
}

.price .order {
    padding-top: 15px;
    position: relative;
}

.price .order:before {
    content: '';
    background: #eee;
    width: 70%;
    height: 1px;
    position: absolute;
    left: 15%;
    top: 0;
}

.price .order .butn {
    overflow: hidden;
}

.price .order .butn:hover {
    border-color: #10b9b1;
}

.price .order .butn-bord {
    border: 1px dashed #10b9b1;
    color: #10b9b1;
}

/* ----------------------------------------------------------------
     [ End Price ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
     [ 14 Start Blog ]
-----------------------------------------------------------------*/

.blog .item {
    -webkit-box-shadow: 0px 5px 35px 0px rgba(148, 146, 245, 0.15);
    box-shadow: 0px 5px 35px 0px rgba(148, 146, 245, 0.15);
    border-radius: 5px;
}

.blog .item .post-img {
    position: relative;
    overflow: hidden;
}

.blog .item .post-img:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.blog .item .post-img img {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.blog .item .content {
    padding: 40px 20px;
    background: #fff;
    position: relative;
}
.news_annotation{
    height: 130px;
    overflow: hidden;
}
.blog .item .content .tag {
    color: #888;
    font-weight: 500;
    margin-bottom: 10px;
}

.blog .item .content .type {
    display: block;
    position: absolute;
    top: -22px;
    right: 15px;
    background: #10b9b1;
    color: #fff;
    font-size: 16px;
    height: 44px;
    width: 44px;
    line-height: 44px;
    border-radius: 50%;
    text-align: center;
    z-index: 2;
}

.blog .item .content h5 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 15px;
}
.page_nav,
.blog-nav {
    position: static;
    margin: 0;
}

.blog-nav .logo {
    color: #1c1c1c !important;
}

.blog-nav .navbar-nav li a {
    color: #1c1c1c !important;
    font-weight: 500;
}

.min-header {
    height: calc(30vh + 100px);
    background: #1c1c1c;
    position: relative;
    margin-bottom: 20px;
}
.min-header > .v-middle {
    padding-top: 100px;
}

.min-header h1 {
    font-weight: 600;
    font-size: 38px;
    letter-spacing: 1px;
    color: rgb(204, 204, 204);
    margin-bottom: 15px;
}

.min-header a {
    position: relative;
    color: #ddd;
}

.min-header a:after {
    content: '/';
    position: relative;
    margin: 0 10px;
}

.min-header a:last-child:after {
    display: none;
}

.blogs .posts .post {
    margin-bottom: 50px;
    border-bottom: 1px solid #eee;
}

.blogs .posts .post .content {
    padding: 50px 15px;
    background: #fff;
}

.blogs .posts .post .content .post-title h5 {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 10px;
}

.blogs .posts .post .content .meta {
    margin-bottom: 20px;
}

.blogs .posts .post .content .meta li {
    display: inline-block;
    font-size: 12px;
    color: #777;
    margin: 5px;
}

.blogs .posts .post .content p {
    font-weight: 300;
}

.blogs .posts .post .content .spical {
    padding: 15px;
    margin: 30px 0;
    border-left: 2px solid #111;
    background: #f7f7f7;
    font-size: 16px;
}

.blogs .posts .post .content .butn:hover {
    border-color: #10b9b1;
}

.blogs .posts .post .share-post {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px dashed #eee;
    text-align: left;
}

.blogs .posts .post .share-post span {
    font-weight: 700;
}

.blogs .posts .post .share-post ul {
    float: right;
}

.blogs .posts .post .share-post ul li {
    display: inline-block;
    margin: 0 10px;
}

.blogs .posts .title-g h3 {
    font-weight: 800;
    font-size: 25px;
}

.blogs .posts .comments-area .comment-box {
    padding-bottom: 30px;
    margin-bottom: 50px;
    border-bottom: 1px solid #eee;
}

.blogs .posts .comments-area .comment-box:nth-child(odd) {
    margin-left: 80px;
}

.blogs .posts .comments-area .comment-box:last-child {
    margin-bottom: 0;
}

.blogs .posts .comments-area .comment-box .author-thumb {
    width: 80px;
    float: left;
}

.blogs .posts .comments-area .comment-box .comment-info {
    margin-left: 100px;
}

.blogs .posts .comments-area .comment-box .comment-info h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

.blogs .posts .comments-area .comment-box .comment-info .reply {
    margin-top: 10px;
    font-weight: 600;
}

.blogs .posts .comments-area .comment-box .comment-info .reply i {
    padding-right: 5px;
    font-size: 12px;
}

.blogs .posts .comment-form .form input[type='text'],
.blogs .posts .comment-form .form input[type='email'],
.blogs .posts .comment-form .form textarea {
    width: 100%;
    border: 0;
    border-radius: 5px;
    padding: 10px;
    background: #f4f4f4;
}

.blogs .posts .comment-form .form textarea {
    height: 160px;
    max-height: 160px;
    max-width: 100%;
}

.blogs .posts .comment-form .form button[type='submit'] {
    background: #10b9b1;
    border: 1px solid #10b9b1;
    color: #fff;
    padding: 10px 30px;
    margin-top: 15px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
}

.blogs .posts .comment-form .form button[type='submit']:after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 1;
    background: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blogs .posts .comment-form .form button[type='submit'] span {
    position: relative;
    z-index: 2;
}

.blogs .posts .comment-form .form button[type='submit']:hover:after {
    width: 100%;
    left: 0;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}

.blogs .posts .comment-form .form button[type='submit']:hover span {
    color: #10b9b1;
}

.blogs .posts .pagination {
    display: block;
    text-align: center;
}

.blogs .posts .pagination li {
    display: inline-block;
    padding: 5px 10px;
    margin: 2px;
    border: 1px solid #ddd;
}

.blogs .side-bar .widget {
    margin-bottom: 50px;
}

.blogs .side-bar .widget:last-child {
    margin-bottom: 0;
}

.blogs .side-bar .widget .widget-title {
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}

.blogs .side-bar .widget .widget-title h6 {
    position: relative;
    padding-bottom: 15px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.blogs .side-bar .widget .widget-title h6:after {
    content: '';
    width: 30px;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
}

.blogs .side-bar .widget li {
    margin-bottom: 10px;
    color: #777;
}

.blogs .side-bar .widget li:last-child {
    margin: 0;
}

.blogs .side-bar .search form input {
    width: calc(100% - 52px);
    height: 50px;
    padding: 0 10px;
    border: 0;
    background: #f7f7f7;
}

.blogs .side-bar .search form button {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #1c1c1c;
    color: #fff;
    border: 0;
    float: right;
}


/* ----------------------------------------------------------------
     [ End Blog ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
     [ 15 Start Clients ]
-----------------------------------------------------------------*/

.clients {
    padding: 30px 0;
}
.clients .brand {
    padding: 5px;
    opacity: .5;
}
.clients .brand .brand_name{
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 4px;
    font-size: 16px;
    text-transform: uppercase;
}
.clients .brand .brand_image {
    display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
     -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    width: 100px;
    max-width: 100%;
    height: 100px;
    margin-bottom: 10px;
}
.clients .brand .brand_image img {
    width: auto;
    max-width: 100%;
}
.clients .brand:hover {
    opacity: 1;
}
.page_reviews_block{
    
}
.page_reviews_block .review_item{
    font-size: 14px;
    font-weight: 500;
    color: rgb(165, 165, 165);
    margin-bottom: 25px;
    position: relative;
}
.page_reviews_block .wrap_review_item{
    overflow: hidden;
}
.page_reviews_block .review_image{
    float: left;
    width: 120px;
    height: auto;
    display: block;
    overflow: hidden;
    border-radius: 0;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: 0px;
}
.page_reviews_block .review_image img {
    border-radius: 50%;
}
.page_reviews_block .review_info{
    float: left;
    margin-bottom: 15px;
    border: 2px solid rgb(234, 234, 234);
    width: calc(100% - 140px);
    padding: 10px 15px;
    position: relative;
    background: rgb(255, 255, 255);
}
.page_reviews_block .review_info::after,
.page_reviews_block .review_info::before {
    right: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.page_reviews_block .review_info::before {
    border-color: rgba(133, 155, 168, 0);
    border-right-color: rgb(234, 234, 234);
    border-width: 13px;
    margin-top: -13px;
  }
.page_reviews_block .review_info::after {
    border-color: rgba(255, 255, 255, 0); 
    border-right-color: rgb(255, 255, 255);
    border-width: 10px;
    margin-top: -10px;
}

.page_reviews_block .review_info .review_name{
    font-size: 16px;
    font-weight: 600;
    color: rgb(33, 35, 48);
}
.page_reviews_block .review_info .comment_rating{
    margin-top: 0px;
}
.page_reviews_block .review_info .review_text{
    border-top: 1px solid rgb(234, 234, 234);
    margin-top: 10px;
    padding-top: 10px;
    font-size: 14px;
    color: rgb(33, 35, 48);
    margin-bottom: 10px;
}

/* ----------------------------------------------------------------
     [ End Clients ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
     [ 16 Start Map ]
-----------------------------------------------------------------*/

.map {
    height: 400px;
}

.map #ieatmaps {
    height: 100%;
    width: 100%;
}

/* ----------------------------------------------------------------
     [ End Map ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
     [ 17 Start Contact ]
-----------------------------------------------------------------*/

.contact .map {
    padding: 0;
    position: relative;
    z-index: 4;
    display: none;
}

.contact #ieatmaps {
    height: 100%;
}

.contact .info {
    padding: 0 5%;
    z-index: 5;
}

.contact .info .item {
    overflow-wrap: break-word;
    word-wrap: break-word;
    margin-bottom: 30px;
}

.contact .info .item .icon {
    font-size: 20px;
    color: #10b9b1;
    float: left;
}

.contact .info .item .cont {
    margin-left: 30px;
}

.contact .info .item .cont h6 {
    margin-bottom: 10px;
    font-size: 15px;
}

.contact .info .item .cont p {
    margin-bottom: 10px;
}

.contact .info .social a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    margin: 0 5px;
}

.contact .info .social a:hover {
    background: #10b9b1;
    border-color: #10b9b1;
}

section.contact .form {
    padding: 0px 10%;
}
.blocks_comments{
    margin-bottom: 25px;
}
.block_comments{
    background: rgb(245, 248, 249);
    border-left: 2px solid rgb(204, 204, 204);
    padding: 15px;
}
.admin_note {
    background: rgb(221, 221, 221);
    border-color: #10b9b1;
    margin-top: -5px;
}
.comment_header{
    margin-bottom: 10px;
}
.comment_header .comment_author{
    font-weight: bold;
    text-transform: uppercase;
}
.comment_content {
    font-size: 14px;
    color: rgb(111, 111, 111);
}
.comment_header .comment_date{
    font-size: 12px;
    font-weight: 500;
    float: right;
}
.contact .form input,
.contact .form textarea {
    width: 100%;
    padding: 10px;
    border: 0;
    border-bottom: 1px solid #ddd;
    background: transparent;
}
.contact .form .butn {
    overflow: hidden;
    cursor: pointer;
}

.contact .form .butn:hover {
    border-color: #10b9b1;
}
.form_type2 .form_input, 
.form_type2 .form_textarea {
    width: 100%;
    border: 0px;
    border-radius: 0px;
    padding: 10px;
    background: rgb(245, 248, 249);
    border: 1px solid rgb(232, 232, 225);
    font-size: 14px;
}
.form_type2 .secret_number {
    bottom: 0px;
}
.form_type2 .form_captcha {
    width: calc(100% - 115px);
    margin-left: 15px;
}
.form_type2 .butn {
    width: 100%;
    cursor: pointer;
    border: 1px solid rgb(238, 238, 238);
    background: #10b9b1;
    color: rgb(255, 255, 255);
}
.form_type2 .butn:after {
    content: none;
}
.form_type2 .butn:hover {
    background: #09716c;
}
.form_type2 .butn:hover span {
    color: #fff;
}
.product_share .jssocials-shares {
    margin: 0.2em 0 0 1em;
    font-size: 12px;
}
.product_share{
    display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
}
/* ----------------------------------------------------------------
     [ End Contact ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
     [ 18 Start Footer ]
-----------------------------------------------------------------*/

footer {
    background: #111;
    padding: 80px 0;
}

footer .social a {
    color: #777;
    font-size: 18px;
    margin: 15px 15px;
}

footer p {
    color: #999;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* ----------------------------------------------------------------
     [ End Footer ]
-----------------------------------------------------------------*/

div .display-none {
	
    display: none;
}
h2 .display-none {
	
    display: none;
}

/* ----------------------------------------------------------------
     [ Start Конверсионные блоки ]
-----------------------------------------------------------------*/


/*аккордион*/
div .font-22-marg-bot-10 {
    font-size: 22px;
    margin-bottom: 2px;
    background: #a7a4a7;
    color: white;
    padding: 5px 10px;
}

div .font-22-marg-bot-10-zmist {
    font-size: 22px;
    margin-bottom: 2px;
    background: #1c1c1c;
    color: white;
    padding: 5px 10px;
}
/*аккордион*/

/*сетка цен*/
div .price-table-column{
	text-align: center;
	font-size: 18px;
	padding-top: 10px;
}
div .price-table-column-title{
	font-size: 18px;
	padding-top: 10px;
}
div .height-column-50{
	height: 50px;
 	margin: 0;
 	border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #10b9b1;
}
div .height-column-50-not-dotted{
	border-bottom-width: 0px;    
}

div .height-column-50 p{
	margin: 0;
}
div .height-column-50 img{
	border: 0;
}
div .height-row-title{
	height: 50px;
	font-size: 22px;
	font-weight: bold;
 	margin-bottom: 15px;
}
div .price-table-column-middle{
    background: #f1ebf1;
}
div .height-row-title-none{
    font-size: 18px;
    font-weight: normal;
}
div .height-column-50 .admin_design a:hover {
    color: rgb(255, 255, 255);
}
div .height-column-50 .admin_design a {
    text-decoration: none;
    
}

@media (max-width: 767px){
div .height-column-50{
	height: 100px;
}
}
/*сетка цен*/

/*сброс стилей ссылки*/
div .reset-a a {
    color: #212330;
    text-decoration: none;
}
/*сброс стилей ссылки*/


/*Адаптивные вспомогатели bootstrap*/
div .visible-xs,
div .visible-sm,
div .visible-md,
div .visible-lg {
  display: none !important;
}

@media (max-width: 767px) {
  div .visible-xs {
    display: block !important;
  }
 }
@media (min-width: 768px) and (max-width: 991px) {
  div .visible-sm {
    display: block !important;
  }
 }
@media (min-width: 992px) and (max-width: 1199px) {
  div .visible-md {
    display: block !important;
  }
 }
@media (min-width: 1200px) {
  div .visible-lg {
    display: block !important;
  }
 }
/*Адаптивные вспомогатели bootstrap*/

div p .button_choice {
    background: #10b9b1;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: inherit;
    line-height: inherit;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
 	text-align: center;
}

div p .button_choice:hover {
    text-decoration: none;
    background: #fff;
    color: #10b9b1;
}

div p .button_more-details {
    background: #fff;
    color: #10b9b1;
    text-decoration: none;
    border-radius: 5px;
    font-size: inherit;
    line-height: inherit;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
 	text-align: center;
 	margin-top: 0;
 	
}

div p .button_more-details:hover {
    text-decoration: none;
    background: #f3f3f3;
    color: #10b9b1;
}

@media (max-width: 991px) {
  div p .button_more-details {
    margin-top: 20px;
  }
 }

div .bg-oblako {
 	background-image: url(https://shiftreset.com.ua/files/uploads/uslugi/oblako11.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

div .shadow:hover {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}

div .fs-1-3em {
	font-size: 1.3em;
}

div .fs-1-3em li{
	font-size: 0.9em;
}

div .padd-3-20 {
	
}

/*Блок читайте ещё*/
div .read-more-row{
	background: #d0c6d0;
	border-radius: 3px;
}

div .read-more-10{
	display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 15px 0 20px;
 	font-size: 1.4em;
}

div .read-more-span{
	color: #344137;
}

div .read-more-2{
 	background: #ca8aca;
	display: flex;
    justify-content: flex-end;
    align-items: center;
	border-radius: 3px;
}

div .read-more-2 a{
	background: #ca8aca;
}

div img .read-more-img{
	border-width: 0px;
 	border-color: #ca8aca;
}

@media screen and (max-width: 767px) {
div .read-more-2{
 	background: #ca8aca;
}

 div img .read-more-img{
	border-width: 0 1px 0 1px;
    border-color: #d0c6d0;
}
}

/*Блок читайте ещё*/

a.button7 {
  display: inline-block;
    color: white;
    text-decoration: none;
    padding: .5em 2em;
    outline: none;
    border-width: 2px 0;
    border-style: solid none;
    border-color: #e1f4f2 #000 #10b9b1;
    border-radius: 6px;
    background: linear-gradient(#1c9891, #57c5be) #57c5be;
    transition: 0.2s;
}
a.button7:hover { background: linear-gradient(#10b9b1, #10b9b1) #57c5be; 
	color: #1b2c37;
}
a.button7:active { background: linear-gradient(#10b9b1, #10b9b1) #10b9b1; }
div.konv-wrap{
    border: solid;
    border-radius: 5px;
    border-color: #a2ddd7;
    background: #e1f4f2;
    padding: 21px;
    text-align: center;
}
div.konv-text{
    font-size: 1.4em;
    display: flex;
    justify-content: end;
    align-items: center;
}
div.konv-button{
    display: flex;
    justify-content: center;
    align-items: center;
}



/* ----------------------------------------------------------------
     [ End Конверсионные блоки ]
-----------------------------------------------------------------*/

/*Блок бренды*/

div .block-popular-brands {
    border-top: 2px solid #000;
 	border-bottom: 2px solid #000;
    padding: 1.8rem 0;
    line-height: 1.4;
}
div .manufacturer img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity: .5;
}
div .manufacturer img:hover {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    filter: none;
    opacity: 1;
}

/*Блок бренды*/

/*Декор списков*/
div .pink-checkmark li {
 	list-style: none;
    background: url(https://shiftreset.com.ua/files/uploads/uslugi/check-mark.svg) no-repeat;
    padding-top: 45px;
    padding-bottom: 20px;
    padding-left: 50px;
 	margin: 0px;
 	font-size: 20px;
}

div .pink-checkmark ul {
 	margin-left: 10px;
 	padding-left: 0px;
 }


div .bullet {
margin-left: 0;
list-style: none;
counter-reset: li;
}
div .bullet li {
position: relative;
margin-bottom: 1.5em;
border: 1px solid #ad77ad;
padding: 0.6em;
border-radius: 4px;
background: #FEFEFE;
color: #231F20;
}
div .bullet li:before {
position: absolute;
top: -0.7em;
padding-left: 0.4em;
padding-right: 0.4em;
font-size: 16px;
font-weight: bold;
color: #10b9b1;
background: #FEFEFE;
border-radius: 50%;
counter-increment: li;
content: counter(li);
}

/*декор списков*/

/*приближение при наведении*/

div .scale {
    transition: 1s; /* Время эффекта */
   }
div .scale:hover {
    transform: scale(1.2); /* Увеличиваем масштаб */
   }

/*приближение при наведении*/

/* ----------------------------------------------------------------
     [ Start decor ]
-----------------------------------------------------------------*/
div .checklistText {
    border: 2px solid #e4e4e4;
    border-radius: 8px;
    padding: 12px;
    color: #545454;
    font-size: 10pt;
    line-height: 160%;
    background-color: #f9f9f9;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
}
div .progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
div .panel-default.questionPanel {
    border-color: #efefef;
    margin-left: 20px;
    margin-right: 20px;
}

div .panel-default {
    border-color: #ddd;
}
div .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
div .panel-body {
    padding: 15px;
}
div .itemBlockCheckbox {
    margin-top: 0;
    margin-bottom: 0;
}
div .checkbox {
    font-size: 12pt;
    line-height: 140%;
    font-weight: bold;
    padding-left: 26px;
}
div .checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}
div .itemBlockCheckbox.checkbox label {
    position: absolute;
}
div .checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}
div .checkbox label, div .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
div .checkboxHelpText {
    font-size: 13px;
    line-height: 20px;
    font-weight: normal;
    margin-top: 10px;
    font-style: italic;
}
div .checkbox-checked {
    color: #b8b8b8;
    text-decoration: line-through;
}
div .itemBlockTitle {
    margin: 20px 0;
    padding-top: 15px;
    color: #10b9b1;
    line-height: 135%;
    font-weight: bold;
    font-size: 16pt;
}
div .btn-clear-checkboxes {
    padding-top: 2px;
    padding-bottom: 2px;
}
div .margin-14 {
    margin-top: 14px;
}
div .btn-checklist {
    
}
span .coup180 {
	transform: translate(2px, 0) rotate(45deg);
 	color: red;
}
span  .coup180 {
	color: red;
	transform: translate(2px, 0) rotate(45deg)
}

/* ----------------------------------------------------------------
     [ End decor ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
     [ Start accordion ]
-----------------------------------------------------------------*/
div .accordion details summary::-webkit-details-marker {
display: none;
}

div .vopros1 {
    background: url(https://shiftreset.com.ua/files/uploads/uslugi/vopros.png) no-repeat 5px 5px;
}

div .vopros2 {
    background: url(https://shiftreset.com.ua/files/uploads/uslugi/vopros-2.png) no-repeat 5px 5px;
}

div .vopros3 {
    background: url(https://shiftreset.com.ua/files/uploads/uslugi/vopros-3.png) no-repeat 5px 5px;
}

div .vopros4 {
    background: url(https://shiftreset.com.ua/files/uploads/uslugi/vopros-4.png) no-repeat 5px 5px;
}

div .vopros5 {
    background: url(https://shiftreset.com.ua/files/uploads/uslugi/vopros-5.png) no-repeat 5px 5px;
}

div .vopros6 {
    background: url(https://shiftreset.com.ua/files/uploads/uslugi/vopros-6.png) no-repeat 5px 5px;
}

div .accordion {
    padding: 23px  0px 25px 100px;
 	color: #242424;
 	font-size: 20px;
 	border: 1px solid #ffc8ff;
    border-radius: 5px;
 	margin-bottom: 5px;
}

div .accordion .otvet {
 	background: url(https://shiftreset.com.ua/files/uploads/uslugi/otvet.png);
    background-repeat: no-repeat;
    padding: 10px 0px 0px 65px;
    margin-left: 15px;
 	font-size: 18px;
}

@media (max-width: 991px) {
  div .accordion {
    padding: 18px 0px 15px 68px;
}
 
  div .accordion .otvet {
 	margin-left: -25px;
}
 }
/* ----------------------------------------------------------------
     [ End accordion ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
 	 [ 19 Responsive ]
-----------------------------------------------------------------*/
@media screen and (max-width: 1199px) {
    .navbar .navbar-nav .nav-link {
        font-size: 12px;
    }
    .header .caption p {
        margin-bottom: 20px;
    }
    .header .caption h1 {
        font-size: 45px;
    }
}
@media screen and (max-width: 991px) {
    .tablet_hidden {
        display: none;
    }
    .wrap_info {
        margin-top: 20px;
    }
    .mb-md50 {
        margin-bottom: 50px;
    }

    .mb-md30 {
        margin-bottom: 30px;
    }
    .top_navbar{
        display: none;
    }
    .logo img {
        max-height: 50px;
    }
    .mb-md0 {
        margin-bottom: 0;
    }

    .bg-fixed {
        background-attachment: scroll !important;
    }

    .navbar .navbar-collapse {
        max-height: calc(100vh - 70px);
        overflow: scroll;
        overflow: auto;
        background: rgba(17, 17, 17, 0.99);
        text-align: center;
        padding: 10px 0;
        position: absolute;
        left: 0px;
        width: 100%;
        top: 100%;
    }
    .navbar .nav-link {
        margin: 10px auto !important;
    }
    .navbar_container{
        position: relative;
    }
    .bottom_navbar .btn_free_analize{
        display: none;
    }
    .navbar .navbar-nav .nav-link {
         font-size: 14px;
        margin: 0px !important;
        padding: 10px 0px;
        display: block;
    }
    .navbar-nav .dropdown-menu {
        position: relative;
        float: none;
        margin: 0px;
        top: inherit;
        left: inherit;
        background: transparent;
        min-width: auto;
        padding: 0px
    }
    .navbar-nav .dropdown-menu .nav-item{
        width: 340px;
        margin: 0px auto;
        max-width: 100%;
        border-top: 1px solid rgb(68, 68, 68);
        padding: 10px 0px;
    }
    .navbar-nav .dropdown-menu .nav-item:last-child{
        border-bottom: 1px solid rgb(68, 68, 68);
    }
    .navbar .navbar-nav .nav-link-lev1 {
        text-align: left;
    }
    .navbar .navbar-nav .nav-link-lev2 {
        padding-left: 28px;
        font-size: 14px;
        color: rgb(129, 129, 129);
        position: relative;
        margin: 5px 0px 10px;
    }
    .navbar .navbar-nav .nav-link-lev2 .cat_img {
        position: absolute;
        left: 0px;
        top: 1px;
    }
/*
    .nav-scroll .navbar-collapse .nav-link {
        color: #fff !important;
    }
    .nav-scroll .navbar-collapse .active {
        color: #10b9b1 !important;
    }
*/

    .header {
        background-attachment: scroll !important;
        background-position: 50% 0% !important;
    }
    .header .caption h4 {
        font-size: 30px;
    }
    .header .caption h1 {
        font-size: 45px;
        line-height: 1.4;
    }

    .video-intro h2 {
        font-size: 35px;
        line-height: 1.4;
    }

    .get-ready h2 {
        font-size: 35px;
        line-height: 1.4;
    }

    .portfolio .bg-img {
        text-align: center;
    }
    .portfolio .bg-img h6 {
        line-height: 1.5;
        margin-bottom: 15px;
    }
    .portfolio .bg-img h6,
    .portfolio .bg-img .butn {
        float: none;
    }

    .contact .v-middle {
        position: relative;
        padding: 100px 0;
    }
    .config-variants.flex_none {
        display: block;
    }
}
.correct_img {
    background: url(https://shiftreset.com.ua/files/uploads/chek/checkmark-30.png) no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: 18px;
    position: absolute;
    left: 0px;
    top: 1px;
}

@media screen and (max-width: 767px) {
    .mb-sm50 {
        margin-bottom: 50px;
    }

    .mb-sm30 {
        margin-bottom: 30px;
    }

    .section-head h4 {
        font-size: 20px;
        letter-spacing: 1px;
    }

    .header .caption h4 {
        font-size: 16px;
    }
    .header .caption h1 {
        font-size: 25px;
    }
    .header .caption p {
        font-size: 14px;
    }

    .hero .cd-headline {
        font-size: 20px;
    }

    .video-intro h6 {
        line-height: 2;
    }

    .get-ready h6 {
        line-height: 2;
    }

    .portfolio .filtering span {
        margin-bottom: 10px;
    }

    .blog .item .content h5 {
        line-height: 1.4;
    }

    .contact .social {
        text-align: left !important;
    }
    .contact .social a {
        text-align: center !important;
    }

    footer .social a {
        margin: 15px 5px;
        font-size: 16px;
    }
    footer p {
        line-height: 1.8;
    }
}
@media (max-width: 575px) {
    .config-variants__list-item.font_small {
        font-size: 12px;
    }
    .h1.application_title {
        font-size: 30px;
    }
   .config-variants__list-btn .icon {
        height: 18px !important;
    }
}
/* sm_build_own_configuration */
.config-variants {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}
.config-variants > div {
    flex: 0 0 calc(50% - 30px);
}
.config-variants__content {
    margin-bottom: 15px;
    padding: 15px 20px;
    border: 1px solid #333;
    color: #333;
}
.config-variants__list-item {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 12px;
    font-size: 17px;
    color: #333;
    padding-right: 45px;
}
.config-variants__list-item.active {
    color: #888;
}
.config-variants__list-item:last-child {
    margin-bottom: 0;
}
.config-variants__list-price {
    margin-left: 20px;
    white-space: nowrap;
}
.config-variants__list-btn {
    position: absolute;
    right: 0;
    height: 27px;
}
.config-variants__list-btn input {
    display: none;
}
.config-variants__total-price {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}
.config-variants__btn-wrap {
    margin-top: 25px;
}
.config-variants__btn {
    width: 100%;
    font-size: 14px;
    height: 44px;
}
#config-variants__selected > div {
    display: none;
    opacity: 0;
    transition: opacity .3s;
    color: #333;
}
#config-variants__selected > div.active {
    display: block;
    opacity: 1;
}
.config-variants__list-btn {
    cursor: pointer;
}
.config-variants__list-btn .icon {
    display: inline-block;
    width: 30px;
    height: 27px;
    background: url(../images/plus.png) no-repeat center;
    background-size: 18px;
}
#config-variants .config-variants__list-item:not(.active) .config-variants__list-btn:hover .icon,
#config-variants__selected .config-variants__list-item.active .config-variants__list-btn:hover .icon {
    background-size: 20px;
}
#config-variants .config-variants__list-item.active.active label {
    pointer-events: none;
}
#config-variants__selected .config-variants__list-item.active .icon {
    background-image: url(../images/minus.png);
}
#config-variants .config-variants__list-item.active .icon {
    background-image: url(../images/confirm.png);
}
.application_form {
    padding-left: 15px;
    padding-right: 15px;
}
.application_btn {
    width: auto;
     padding: 10px 30px;
     border: 1px solid rgb(238, 238, 238);
     border-radius: 4px;
     text-transform: uppercase;
     font-size: 14px;
     font-weight: 500;
     margin-top: 10px;
     letter-spacing: 1px;
     font-family: 'Raleway',
     sans-serif;
}

.application_btn:hover {
    border: 1px solid #10b9b1;
    background: transparent;
    color: #10b9b1;
}
.text_center {
    text-align: center;
}
.input_popup {
    padding: 10px;
    background: rgb(245, 248, 249);
    border: 1px solid rgb(232, 232, 225);
    font-size: 14px;
    width: 90%;
}
.info_email {
    font-size: 10px;
    color: gray;
    margin-left: -31px;
}
.form-group_phone {
    margin-bottom: 8px;
}
.link_button {
   padding: 13px;
   background: #b1a2a2;
   margin-top: 0;
}
.link_button:hover {
    background: transparent;
    color: #000;
    border: 1px solid grey;
}
.center_btn {
    text-align: center;
}
.callback_btn {
    display: block;
    margin: auto;
}
.descr_application {
    padding: 15px 20px;
}
.page_404_content > div {
    margin: auto;
}
.certificate_img {
   width: 400px;
   padding: 10px;
}
.fn_banner_certificates .slick-dots li button {
        width: 8px;
        height: 8px;
        background-color: #ddd;
        opacity: 1;
}

.fn_banner_certificates .slick-dots {
    right: 483px;
    bottom: -43px;
}
.fn_banner_certificates li.slick-active button {
    background-color: #10b9b1;
}
#exshop{
 width:98%
 margin:auto;
}
.shop{
 width:24%;
 float:left;
}

/*блок вывода длинного изображения*/

div .keis-container-new {
    max-width: 800px;
    margin: 40px auto 30px;
    background-color: #e5e5e5;
    color: #393939;
    border-radius: 30px;
    padding: 40px;
    max-height: 800px;
}
div .keis-block {
  
    overflow-y: auto;
    max-height: 400px;
}
img .into-keis-img{
  position: relative;
  max-width: 703px;
}
/*блок вывода длинного изображения*/

@media (min-width: 992px) {
    .desctope_hidden {
        display: none;
    }
}

div .font-size-20{
    font-size: 20px;
}
div .font-size-11{
    font-size: 11px;
}
div .font-size-25{
    font-size: 25px;
}
div .font-size-30{
    font-size: 30px;
}
div .text-align-center{
    text-align: center;
}
div .text-align-left{
    text-align: left;
}
div .text-align-right{
    text-align: right;
}
div .block-content-flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
div .image-block-center{
    border-width: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
div .bg-color-light-mint{
    background-color: #e7fdfc;
}
div .tipa-h2{
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 32px;
    font-weight: 600;
    color: #212330;
}
div .lines-hr-social-left hr{
    margin-top: 7px;
    margin-bottom: 1px;
    color: #10b9b1;
    background-color: #10b9b1;
}
div .lines-hr-social-right hr{
    margin-bottom: 1px;
    margin-top: 28px;
    color: #10b9b1;
    background-color: #10b9b1;
}