*{
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
}

.cf::after{
    content: ' ';
    display: table;
    clear: both;
}

body { font:12px Tahoma, Helvetica, sans-serif; color:#4d585e; line-height:1.5em;  min-width: 1000px;}

a img {border:0;}

h1 {
font-size: 14px;
padding-bottom: 15px;
text-align: left;
color: #e67401;
font-weight: normal;
}

h2{margin-bottom: 1.5em;}
p{margin-bottom: 1.5em;}

.adjustment {margin-top: -20px;}

a.common{ color:#4d585e;}
a.common :hover{ color:#878787;}

.orange { color:#e67401; }
a.orange:hover { color:#ff8102; }


.nc_row a {
color: black;
/*margin-bottom: 6px;
display: block;*/
}

.nc_row a:hover {
color:#515151;
/*margin-bottom: 6px;
display: block;*/
}

.black { color:#000000; }
a.black:hover { color:#515151; }

.indent_header{font-size: 14px; /*padding: 15px 0 15px 30px;*/padding: 15px 0 15px 30px; text-align: left;}
.good_text{color: #69767e;}

a.no_decoration { text-decoration: none; }
.anons{font-size: 18px; text-align: justify;line-height:22px;}
.indent{ padding: 10px 0px 10px 0px; text-align: left;}
.big_padding{padding: 3px 0 3px 0;}
.font_bigger{font-size: 14px;}

input.long_input{width: 250px;}

div.clr { clear:both; height:0; font-size:0; line-height:0; }
span.clickable { cursor:pointer; color:#063794; border-bottom:1px dashed; }
span.switched { color:#555555; }

p.par_padding{padding: 10px 0px 10px 0px;}
p.center_paragraf{text-align: center;}
p.just_paragraf{text-align: justify;}

#header_main {height: 210px; background: #a6deed url('../imgs/fon_main.jpg') 0 0 repeat;  min-width: 1000px;}
#header {height: 201px; background: #a6deed url('../imgs/fon.jpg') 0 0 repeat;  min-width: 1000px;}
    #header_content{ max-width: 1100px; padding-right: 25px;}
    #logo{padding: 0px 30px; float: left;}
        #logo img {border: 0;}
    #top_line{float: right; padding: 15px 0px 0px 0px;}
        #top_line img { padding-right: 25px; padding-top: 4px;}
       /* .find_button{width: 60px; text-align: center; vertical-align: middle;}*/
    #top_menu{ padding: 70px 0px 0px 210px;}
        #top_menu table{width: 100%;}
        #top_menu td{ border-right: 1px #3a434a solid; text-align: center; font-size: 15px; padding: 0px 10px;/* width: 27%;*/}
        #top_menu td:last-child{ border: 0px !important;}
        .last_td{border: 0px !important; text-align: right !important; padding-right: 0px !important; width: 19% !important; }
        #top_menu a{ color:#3a434a; }
        #top_menu a:hover{ color:#383838; }
.ident_menu {
    list-style:none;
    /*text-transform:lowercase;*/
    margin-left:20px;
}
#content_main{ min-width: 1000px;margin:auto;}
#content{ min-width: 1000px; max-width: 1100px;  margin-top: -47px;/*margin:auto;*/}
    .read_more{ text-align: left; padding-top: 5px;}
    #carousel_bar{position: relative; margin-top: -150px; height: 339px; overflow: hidden;}
        .slidebar_prev{position: absolute; top: 122px; z-index: 999; margin-left: 5px;}
        #slidebar{width: auto !important;}
        #slidebar li {width: auto !important;}
        .slidebar_next{position: absolute; top: 122px; left: 97%; z-index: 999;}
        #makeMeScrollable_fline{margin-top: -338px !important;}
        #makeMeScrollable{margin-top: -158px !important;}
        .makeMeScrollable {margin-top: -150px !important; text-align: center;}
        #movie_scroll{margin-top: -150px !important; text-align: center; margin-bottom: 25px;}
        .makeMeScrollable div.scrollableArea *
        {
            position: relative;
            display: block;
            float: left;
            padding: 0;
            margin:  0;
            height: 339px;
        }
        div.scrollingHotSpotLeft{
            min-width: 400px;
            width: 50%;
            height: 339px;
            position: absolute;
            z-index: 200;
            left: 0;
        }
        div.scrollingHotSpotLeftVisible
              {
            background-image: url(../images/arrow_left.gif);
            background-color: #fff;
            background-repeat: no-repeat;
            opacity: 0;
            -moz-opacity: 0;
            filter: alpha(opacity = 0);
            zoom: 1;
        }
        div.scrollingHotSpotRight{ min-width: 400px; width: 50%; height: 339px;  position: absolute;z-index: 200;right: 0;}
        div.scrollingHotSpotRightVisible{ background-image: url(../images/arrow_right.gif);	background-color: #fff;	background-repeat: no-repeat; opacity: 0; filter: alpha(opacity = 0); -moz-opacity: 0; zoom: 1;}
        div.scrollWrapper{ position: relative; overflow: hidden; width: 100%; height: 339px; }
        div.scrollableArea { position: relative; width: auto; height: 339px; }

        div.scrollbar_fisrt_row{ width: 300px; text-align: center;}
        div.scrollbar_second_row{ width: 200px; text-align: center;}

        .makeMeScrollable img {border: 0px;}

        #item {
            width:100px;
            height:100px;
            margin:0 auto;
            position: relative;

        }
        #item ul{
				list-style-type: none;
			}
        #item img {border: 0px;}


    .info_block{max-width: 1100px; text-align: left;z-index: 300;}
    #main_news_block{width: 50%; float: left; z-index: 300;}
        .new_heads_pict{ max-width: 300px; min-width: 150px; float: left; text-align: center; padding: 0px 10px 0px 0px; z-index: 300;}
            .new_heads_pict img {border: 0px;}
        .news_anons{ padding: 10px 70px 10px 10px; text-align: justify;z-index: 300;}
    #main_action_block{width: 50%; float: left; z-index: 300;}
        .action_heads_pict{ max-width: 300px; min-width: 150px; float: left; text-align: center; padding: 0px 10px 0px 40px; z-index: 300;}
            .action_heads_pict img {border: 0px;}
        .action_anons{padding: 10px 10px 10px 10px; text-align: justify;z-index: 300;}


    .left_menu	{margin: 0px 20px 0 30px; float: left; text-align: left; }
	.left_menu a  {display: block; margin-bottom: -12px;}
	.left_menu a:first  {display: block; margin-bottom: -12px; color: #000000;}
	.par_padding a  {display: block; margin-bottom: -12px; color: #000000;}

    .ident_menu {margin-left: 20px; line-height: 31px;}
    #inner_block {margin-left: 250px; margin-top: -30px; text-align: left; margin-right: 25px;}
    #inner_block_under_menu {margin-left: 250px; margin-top: -15px; text-align: left;}
        .page_inner{padding-left: 30px;}
        .page_inner_pages{padding-left: 30px; width: 740px;}
        table.catalog {width: 97%;}
        table.catalog td {text-align: center; position: relative; padding-left: 15px; width: 20%;}
        table.catalog_divan {}
        table.catalog_divan td {text-align: center; position: relative; padding-left: 15px;}

        table.chair {width: 97%;}
        table.chair td {text-align: center; position: relative;}
        table.chair_pict{width: 100%; margin-bottom: 10px;}
        table.chair_pict td {text-align: center; position: relative; width: 33%; padding-bottom: 5px;}
        .chair_materials{}
        table .tbl_chair_materials{/*width: auto !important;*/ /*width: 260px;*/ /*text-align: center;*/ text-align: left; line-height: 0.8em; padding-left: 20px;  padding-top: 20px; font-size: 13px; color: #000000;}
            .tbl_chair_materials td{width:  auto !important; padding: 3px 3px; vertical-align: middle;}
        .td_left{text-align: left !important;}
        .td_right{text-align: right !important;}
        .td_pict{padding: 0 15px 0px 30px;}

        .div_td{height: inherit; float:left; margin-right: 15px; margin-top: 5px;}
        .pict_top {}
        .text_bottom{margin-bottom: 15px; font-size: 10px; line-height: 1em; margin-top: 3px; text-align:center;}

        .chair_descr{border: 0;}
        .chair_descr_active{ padding: 3px 3px; border: #f3ba6d 1px solid;}
        .chair_descr_inactive{ padding: 3px 3px; border: #ffffff 1px solid;}
        .material_descr_active{ padding: 3px 3px; border: #f3ba6d 1px solid;}
        .material_descr_inactive{ padding: 3px 3px; border: #ffffff 1px solid;}

        .properties{ font-size: 12px; color: #000000; padding: 15px 0 15px 30px; text-align: left;}
        .chair + .properties{margin-top: 50px; font-size: 14px; font-weight: bold;}

/*        .properties_model{padding-left: 30px; width: 97%; border-right: 1px solid #dcdcdc; }
            .properties_model td {padding: 4px 4px 4px 8px; border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; font-size: 11px;}
            .properties_model_last_td{  border-bottom: 1px solid #dcdcdc; }
*/
        .properties_model{margin-left: 30px; width: 97%; border-collapse:collapse; }
        .properties_model td {padding: 4px 4px 4px 8px; font-size: 11px;border: 1px solid #dcdcdc;}

        .divan_intrier {padding-left: 30px;}
		table.shop_list {width: 97%; margin-left: 15px;}
        table.shop_list td {text-align: left; position: relative; padding-left: 15px; width: 33%; padding-bottom: 25px; }

        .question_column{padding-top: 40px; max-width: 700px;}
        .question_describe{max-width: 700px;}
        .question_answer{padding: 7px 0 7px 0; text-align: justify;}
        #question_send{ width: 90px; text-align: center; vertical-align: middle; height: 22px;}
        #city_select{margin-top: 15px;}
        .search_news{padding: 10px 0px 0px 10px;}

        .news_block{padding-bottom: 15px; }
        .news_date{padding-top: 10px; text-align: right; font-weight: bold;}

        .family_table{text-align: center; width: 100%; padding-top: 30px; font-size: 11px; overflow: hidden;}
            .family_table img {border: 0;}
#footer{padding-top: 40px; color: #bfbfbf; font-size: 11px; padding-bottom: 15px; position: relative; line-height:1.1 em;clear:both;  }
    #mail_counter{}
	.footer_text{color: #bfbfbf; }

.clear {clear:both;}


/**** варианты обивки ****/
.chair_materials_caption {height:34px;line-height:34px;margin:3px; /*float:left;*/ /*width:114px;*/ font-size: 14px; font-weight: bold; text-align: left;}
.chair_materials a {float:left;}
.chair_descr{width:34px;height:34px;margin:3px;}

/**** виды регулировки ****/
.adjustment img {margin:5px; margin-top: -10px;}

/**** список магазинов ****/
.shop_list{}
.shop_item{float:left; width:33%;text-align:left;padding-bottom:25px;}
.shop_name{font-size: 14px;font-weight:bold !important;}


/****** картинки-превью в полном выводе объекта ******/
.chair_pict {margin-bottom:20px;}
.chair_pict div {float:left; margin: 0 15px 24px; text-align:center;}

.material_pict {margin-bottom:20px;}
.material_pict div {display:inline-block;width:113px;margin:0 5px; text-align:center;}

/******** семейство *******/
.family_table img {width:250px; /*height:286px;*/}
.family_table div.family-slide {
    width: 33%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


/********* страница списка обивок *********/
.materials {}
.materials div {float:left; width:158px;text-align:center;}
.materials div img{widht:118px;height:118px;}

/********* каталог *********/
.catalog {}
.catalog div_td {float:left; width:158px;text-align:center;}
.catalog  img{width:135px;height:154px;}


/********* комментарии **********/
.comments {}
.comment h2 {}
.com_comment_row {margin:10px 0;}
.com_comment_row .nc_item {}
.com_comment_row .nc_item .nc_title {font-weight:bold;}
.com_comment_row .nc_item .date {color:#bfbfbf;}
.com_comment_row .nc_item .time {color:#bfbfbf;}
.com_comment_row .text {}
.comment .put_comment a {color:#ff8102;}


/********* гостевая книга *********/
.nc_guestbook{margin-top:30px;}
.nc_guestbook h3 {margin:15px 0;}
.nc_guestbook h3 a{color:#ff8102;}
.nc_guestbook .nc_row {margin:15px 0;}
.nc_guestbook .nc_author {}
.nc_guestbook .nc_message {}
.nc_guestbook .nc_date {}
.nc_guestbook .nc_time {}
.nc_guestbook .nc_email {}
.nc_guestbook .nc_answer {}
.warnText{color:red;}

/************* поиск **************/
.search {display:inline-block;}
.nc_search .submit{width: 60px; text-align: center; vertical-align: middle;margin-left:5px;cursor:pointer;}
.nc_search_form{}
.nc_search_results {margin:15px 0;}
.nc_search_list{margin:10px 0;}
.nc_search_title a{color:#e67401;}
.nc_search_context{}
.nc_search_context .matched{}

.nc_search_pages{}
.nc_search_nav a{color:#e67401;}

/*************** big_change_photo *********************/
#big_change_photo{min-height:400px; margin-top: 13px;width: 350px;}
.big_change_photo_divan {width:680px;height:450px;overflow:hidden;}
.big_change_photo_divan img{display: block; max-width: 100%;}

.catalog{position:relative;float:left; /*width: 795px;*/ width: 820px;}

.divan img{width:190px;height:120px;}


/*************** карта сайта *********************/
.sitemap, .sitemap ul{list-style: none;}
.sitemap a{color: #A5A6A8;text-decoration: none;}
.sitemap a:hover{text-decoration: underline;}
.sitemap ul {margin-left:15px;}

#materal-preview {cursor:pointer;}

#artv{width:185px;background:transparent url(/imgs/artv.gif) no-repeat scroll 0 0;height:33px;padding-left:47px;margin-top:10px;text-align:left;}
#artv a{color:#e67401;}
#artv a:hover{color:#ff8102;}
/* подсветка ключевого слова из поиска */
.matched {
	font-weight: bold;
	background-color: #eff839;
}

/* Новости - полный вывод
==============================================================================*/
.nc_news .nc_datetime{
    margin: 1.5em 0 0;
    font-style: italic;
    text-align: right;
}

/* 3D-обзор
==============================================================================*/
.spinner-btn{
    margin: 0 auto;
    width: 115px;
    text-align: center;
    /*text-decoration: underline;*/
    cursor: pointer;
}

.td_left .spinner-cont{
    overflow: hidden;
    position: relative;
    width: 0;
    height: 0;
}

.td_left .spinner-cont img{
    position: absolute;
}

.spinner-cont b{
    color: #e67401;
}

.spinner .fancybox-skin{
    padding: 20px 50px !important;
    height: auto !important;
    background: #fff;
}

.spinner .fancybox-inner{
    width: auto !important;
    background: #fff;
}

#spinner{
    position: relative;
}

#spinner img{
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
}

/* Типы материалов обивки
==============================================================================*/
/*#E67401*/
.tbl_chair_materials .material-type{
    clear: both;
    padding-left: 4px;
    line-height: 34px;
    /*font-family: serif;*/
    font-size: 14px;
    text-align: left;
    text-transform: capitalize;
    color: #e67401;
}

/* Баннер на титульной
==============================================================================*/
.main-promo{
    margin: 0 0 30px;
}

/* примечание под контентом
==============================================================================*/
small.disclaimer{
    display: block;
    margin: 40px 0 0;
    font-size: 11px;
}


/* Слайдер на титульной
==============================================================================*/
#movie_scroll.index-slider{}

.promo-scroll-wrap{
  position: relative;
  overflow: hidden;
  /*padding: 10px 0;*/
  width: 100%;
}

.promo-scroll{}

.promo-scroll-overlay{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    pointer-events: none;
}

.promo-scroll-scrollpane{
    font-size: 0;
    white-space: nowrap;
}

@keyframes forward {
    0%   {transform: translateX(0%);}
    100% {transform: translateX(100%);}
}

.promo-scroll-scrollpane.forward{
    animation: forward 20s linear;
    /*transition: 20s linear;*/
    /*transform: translateX(100%);*/
}

.promo-scroll-item{
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    height: 300px;
    font-size: 12px;
}

.promo-scroll-item a{
    display: block;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.promo-scroll-item-img{
    display: block;
    height: 100%;
}

.promo-scroll-item-name{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    line-height: 100px;
    white-space: normal;
    background: rgba(255,255,255,.8);
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(0,0,0,.5);
    opacity: 0;
    transition: .2s linear;
}

.promo-scroll-item:hover .promo-scroll-item-name{
    opacity: 1;
}

.promo-scroll-item-name::before,
.promo-scroll-item-name::after{
    content: ' ';
    display: inline;
}

.promo-scroll-item-name b{
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    line-height: normal;
    text-shadow: 0px 0px 1px #fff;
}

.promo-scroll-item-extra{}


/* chairman gallery fix
==============================================================================*/
table.chair #big_change_photo img{
    display: block;
    max-width: 100%;
}


/* NETKAM ADDITIONS */

.block_title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 0;
}

.short-description {
    font-size: 16px;
}

.instruction_link.new {
    display: inline-block;
    position: relative;
    font-size: 0;
    width: 230px;
    height: 70px;
    border: 2px solid grey;
    border-radius: 40px;
    text-align: center;
    color: grey;
    transition: opacity 0.25s ease;
}

.instruction_link.new:before {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border: 2px solid grey;
    border-radius: 50%;
    background-image: url('/imgs/ico/dl.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.instruction_link.new a :hover,
.instruction_link.new :hover {
    opacity: 0.7;
}

.instruction_link.new a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    font-size: 14px;
    line-height: 1.5;
    padding-right: 30%;
    padding-top: 10px;
    padding-left: 15px;
    box-sizing: border-box;
    color: grey;
    text-decoration: none;
}

#getup {
    position: fixed;
    bottom: 185px;
    right: 100px;
    transition: opacity 0.25s ease;
}

#getdown {
    position: fixed;
    bottom: 100px;
    right: 100px;
    transition: opacity 0.25s ease;
}

#getup:hover,
#getdown:hover {
    opacity: 0.7;
}

#getup img {
    transform: rotate(-90deg);
}

#getdown img {
    transform: rotate(90deg);
}

.yamarket {
    display: inline-block;
    background-image: url('/imgs/ico/download.png');
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
    width: 230px;
    height: 70px;
    transition: opacity 0.2s ease;
}

.yamarket:hover {
    opacity: 0.7;
}

.tuts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-top:2px solid lightgrey;
    border-bottom:2px solid lightgrey;
    padding: 30px 0;
}

.colors-list {
    border-bottom: 2px solid lightgrey;
    padding: 30px 0;
}

.colors-list .material_category {
    padding: 10px;
    overflow: hidden;
}

.yamarket-block {
    border-bottom: 2px solid lightgrey;
    padding: 30px 0;
    overflow: hidden;
}

.yamarket-block .yamarket {
    float: right;
    margin-right: 10px;
}

.properties-block {
    padding-bottom: 30px;
    border-bottom: 2px solid lightgrey;
    margin: 30px 0;
}

.family_table.slider {
    border-bottom: 2px solid lightgrey;
    padding-bottom: 20px;
    margin-bottom: 20px;
    overflow: visible;
}

.family_table.slider .family-slide a {
    text-transform: uppercase;
    color: #e67401;
    font-size: 16px;
}

.family_table.slider .slick-arrow {
    width: 75px;
    top: 130px;
    position: absolute;
    border: none;
    cursor: pointer;
    transition: opacity 0.25s ease;
    z-index: 10;
    background-color: transparent;
}

.family_table.slider .slick-arrow:hover {
    opacity: 0.7;
}

.family_table.slider .prev {
    left: -20px;
}

.family_table.slider .next {
    right: -20px;
}

.family_table.slider .slick-arrow img {
    width: 100%;
}

.left_menu {
    width: 200px;
    margin-left: 0;
}

.filter-head {
    text-transform: uppercase;
    color: #333;
    font-size: 16px;
}

form.filter {
    padding: 20px 10px;
    background-color: #ecf0f3;
    width: 200px;
    overflow: hidden;
}

form.filter .select2-container {
    max-width: 100%;
    min-width: 100%;
}

form.filter .select2-container .select2-selection {
    border-radius: 0;
    border-width: 2px;
}

form.filter button[type="submit"] {
    width: 100%;
    border: none;
    border-radius: 3px;
    background-color: #e67401;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    cursor: pointer;
    transition: all 0.25s ease;
}

form.filter button[type="submit"]:hover {
    background-color: #d56e06;
}

form.filter button[type="submit"]:active {
    box-shadow: inset 3px 3px 5px 0 rgba(0, 0, 0, 0.2);
}

form.filter .filter-name {
    color: #6d787e;
    font-size: 14px;
    margin-bottom: 2px;
}

form.filter .select2-results__option {
    font-size: 14px;
}

form.filter .reset-form {
    color: #6d787e;
    font-size: 14px;
    display: block;
    margin-top: 10px;
    width: 100%;
    text-align: center;
    text-decoration: none;
    line-height: 2.4;
    transition: color 0.25s ease;
}

form.filter .reset-form span {
    font-size: 30px;
    line-height: 1;
}

form.filter .reset-form:hover {
    color: #3a3a3a;
}

.combinations {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.combinations .combination {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 49%;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.25s ease;
}

.combinations .combination:hover {
    background-color: rgb(230, 230, 230);
}

.combinations .combination img {
    max-width: 100%;
}

.combinations .combination:hover img {
    -webkit-filter: contrast(1.1);
    filter: contrast(1.1);
}

.combinations .combination .combination_caption {
    display: block;
    padding: 5px 0;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 0;
    color: #e67401;
    text-decoration: none;
}

.callback {
    display: block;
    margin: 30px auto 0;
    position: relative;
    font-size: 0;
    width: 230px;
    height: 70px;
    border: 2px solid grey;
    border-radius: 40px;
    text-align: center;
    color: grey;
    transition: opacity 0.25s ease;
}

.callback:before {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border: 2px solid grey;
    border-radius: 50%;
    background-image: url('/imgs/ico/letter.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.callback:hover {
    opacity: 0.7;
}

.callback_link {
    line-height: 50px;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    font-size: 14px;
    padding-right: 30%;
    padding-top: 10px;
    padding-left: 15px;
    box-sizing: border-box;
    color: grey;
    text-decoration: none;
}

form .result {
    padding: 10px 0;
    margin: 10px 0;
    color: #ff5555;
}

.callback-modal,
.modal-dialog.message {
    width: 540px;
}

.callback-modal *,
.modal-dialog.message * {
    box-sizing: border-box;
}

.callback-modal .modal-content,
.modal-dialog.message .modal-content {
    background-color: transparent;
    box-shadow: none;
    border: none;
    border-radius: 0;
}

.callback-modal .modal-content .modal-header,
.modal-dialog.message .modal-content .modal-header {
    border: none;
    position: relative;
}

.callback-modal .modal-content .modal-header .close,
.modal-dialog.message .modal-content .modal-header .close {
    text-decoration: none;
    font-size: 60px;
    color: #fff;
    opacity: 1;
    font-weight: 100;
    line-height: 0;
    position: absolute;
    right: -45px;
    bottom: -10px;
    transition: opacity 0.25s ease;
}

.callback-modal .modal-content .modal-header .close:hover,
.modal-dialog.message .modal-content .modal-header .close:hover {
    opacity: 0.7;
}

.callback-modal .modal-content .modal-body,
.modal-dialog.message .modal-content .modal-body {
    background-color: #ecf0f2;
    padding: 40px;
    color: #1a1a1a;
}

.callback-modal .modal-content .modal-body .form-title,
.modal-dialog.message .modal-content .modal-body .title {
    padding: 20px 0 35px;
    font-size: 26px;
    text-transform: uppercase;
}

.callback-modal .modal-content .modal-body .nc-field-type-string {
    margin-bottom: 25px;
}

.callback-modal .modal-content .modal-body input[type='text'] {
    padding: 10px;
    width: 100%;
    box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    font-size: 16px;
}

.callback-modal .modal-content .modal-body input[type='checkbox'] {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    margin-right: 15px;
}

.callback-confirm .modal-text {
    font-size: 16px;
    padding: 25px 0;
    margin-bottom: 20px;
}

.callback-modal .modal-content .modal-body .nc-field a {
    color: #e67401;
    text-decoration: underline;
    font-size: 16px;
}

.callback-modal .modal-content .modal-body .nc-field a:hover {
    text-decoration: none;
}

.callback-modal .modal-content .modal-body .submit-btn,
.modal-dialog.message .modal-content .modal-body #confirm-quit {
    border: none;
    border-radius: 3px;
    background-color: #e67401;
    color: #fff;
    font-size: 14px;
    padding: 10px 60px;
    cursor: pointer;
    transition: all 0.25s ease;
}

.callback-modal .modal-content .modal-body .submit-btn:hover,
.modal-dialog.message .modal-content .modal-body #confirm-quit:hover {
    background-color: #d56e06;
}

.callback-modal .modal-content .modal-body .submit-btn:active,
.modal-dialog.message .modal-content .modal-body #confirm-quit:active {
    box-shadow: inset 3px 3px 5px 0 rgba(0, 0, 0, 0.2);
}

.floating-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 200px;
}

.floating-icons__icon {
    background-color: #fff;
    max-width: 100px;
    min-width: 100px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 3px solid grey;
    text-align: center;
    will-change: transform;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    transition: all 0.35s ease-in;
    overflow: hidden;
    z-index: 10;
    margin: 0 20px;
    padding: 10px;
}

.floating-icons__icon_img {
    text-align: center;
}

.floating-icons__icon_img img {
    max-width: 80%;
}

.floating-icons__icon_text {
    opacity: 0;
    font-size: 16px;
    color: #333;
    width: 155px;
    padding: 0 10px;
    position: absolute;
    bottom: -74px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.25s ease-out;
}

.floating-icons__icon:hover {
    max-width: 185px;
    min-width: 185px;
    width: 185px;
    height: 185px;
    margin: 0;
}

.floating-icons__icon:hover .floating-icons__icon_text {
    opacity: 1;
    bottom: 10px;
}