html,
body {
    background: #fff;
    overflow-x: hidden;
}
.footertel {
    color: white !important;
}

@media screen and (max-width: 769px) {
    .wrap {
        overflow: hidden;
    }
    .wrap .icemegamenu > ul > li a.iceMenuTitle {
        overflow: none;
    }
}

.container-fluid2 {
    width: 100% !important;
    position: relative;
    padding: 0;
    overflow: hidden;
}

.a2a_default_style {
    display: block;
    text-align: center;
    float: none;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    left: 25%;
}
.title-mod-cont {
    color: #f16724 !important;
    font-size: 140% !important;
    text-align: center !important;
    text-transform: uppercase;
    padding: 0 0 5px !important;
}
.item-page button:hover {
    -webkit-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
}
.item-page li:before {
    content: '\f013';
    font-family: FontAwesome;
    color: #db6337;
    padding: 0 10px;
}
.portfolio-items li:before {
    content: none;
}
.item-page li {
    list-style-type: none;
}
.item-page ol li {
    list-style-type: none;
}
.item-page ol li:before {
    content: '\f00c';
    font-family: FontAwesome;
    color: #db6337;
}
.clear-box {
    clear: both;
}
.clearfix li {
    list-style-type: none;
}
.clearfix li:before {
    content: '\f013';
    font-family: FontAwesome;
    color: #db6337;
    padding: 0 10px;
}
.clearfix .portfolio-items li:before {
    content: none;
}
.clearfix cite {
    font-style: italic;
    color: #444;
    padding: 5px;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    display: block;
}
.clearfix cite:before {
    content: '\f10d';
    font-family: FontAwesome;
    color: #db6236;
    padding: 10px;
    font-size: 20px;
    font-weight: 100;
}
.clearfix cite:after {
    content: '\f10e';
    font-family: FontAwesome;
    color: #db6236;
    padding: 10px;
    font-size: 20px;
    font-weight: 100;
}
.item-page a:hover {
    color: #444;
    -webkit-transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
}
.item-page {
    padding: 0 0 30px;
}

.item-page cite {
    font-style: italic;
    color: #444;
    padding: 5px;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    display: block;
}
.item-page cite:before {
    content: '\f10d';
    font-family: FontAwesome;
    color: #db6236;
    padding: 10px;
    font-size: 20px;
    font-weight: 100;
}
.item-page cite:after {
    content: '\f10e';
    font-family: FontAwesome;
    color: #db6236;
    padding: 10px;
    font-size: 20px;
    font-weight: 100;
}
.contentText p {
    line-height: 1.5em;
    text-align: justify;
}
table p {
    padding: 2px 0 !important;
}
a:hover {
    color: #f77738 !important;
    text-decoration: none !important;
    -webkit-transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
}
.moduletable h1 {
    font-size: 230%;
    color: #444 !important;
    font-weight: 200;
    text-align: center;
    margin: 30px 0 50px 0;
}
h1 {
    font-size: 230% !important;
    color: #444 !important;
    font-weight: 200 !important;
    text-align: center !important;
    line-height: 130% !important;
    margin: 40px 0 20px !important;
    padding-bottom: 9px !important;
}
h3 {
    color: #444 !important;
    font-size: 160% !important;
    font-weight: 200 !important;
    text-align: center;
    line-height: 150% !important;
}
h4 {
    color: #444;
    font-size: 135% !important;
    font-weight: 200 !important;
    text-align: center;
    padding: 10px 0;
}
h2 {
    font-size: 180% !important;
    text-align: center !important;
    color: #444 !important;
    line-height: 1.5em !important;
    padding: 20px 0 !important;
    font-weight: 500 !important;
}
h2 a {
    color: #333 !important;
    text-decoration: none !important;
}
h2 a:hover {
    color: #db6337 !important;
    -webkit-transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
}
.blog-featured h2 {
    color: #666 !important;
    padding: 5px 0px;
    font-size: 180%;
}
.wrap {
    background: #f0f0f0;
}
.btn-warning a:hover {
    color: #444;
    -webkit-transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
}

@media only screen and (max-width: 360px) and (min-width: 240px) {
    .item-page h1 {
        margin: 15px 0px 15px !important;
        padding: 5px !important;
        font-size: 180% !important;
    }
    h1 {
        margin: 15px 0px 0px !important;
        padding: 5px !important;
        font-size: 180% !important;
    }
    h3 {
        font-size: 120% !important;
    }
    h2 {
        margin: 15px 0px 0px !important;
        padding: 5px !important;
        font-size: 160% !important;
    }
    .page h3 {
        padding: 0 !important;
    }
    .titleBot {
        font-size: 90% !important;
        padding: 0 0 5px !important;
    }
}
.item-page h5 {
    font-size: 90%;
}
.paragraf p {
    background: url('../img/tick.png') no-repeat top left;
    padding: 0px 10px 0px 25px !important;
    text-indent: 0;
    margin: 0 0 5px 10px;
}
.col1 {
    background: #444;
}
.col2 {
    background: #db6337;
    /*height: 68px !important;*/
}
.col3 {
    background: #333;
}
.container {
    max-width: 1280px !important;
}
.line1 {
    color: #fff;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.4em;
}

/* phone */
.phone {
    height: 40px;
}
.phone p {
    padding: 0 0 0 10px;
}
.tel2 {
    font-size: 1em;
    margin: 0 0 0 -45px;
    line-height: 2em;
    background-image: url('../img/phone.png');
    background-repeat: no-repeat;
    background-position: left 33%;
    font-weight: 200;
}
.tel1 {
    font-size: 1em;
    line-height: 2em;
    background-image: url('../img/phone.png');
    background-repeat: no-repeat;
    background-position: left 33%;
    font-weight: 200;
    margin: 0 0 0 8px;
}

@media only screen and (max-width: 420px) and (min-width: 240px) {
    /* .phone{width: 80%;}
  .tel1 {float: left;margin: 0px auto;}
  .tel2 {float: left;margin: 0px auto;}
  .enter{width: 75%; margin: 0 auto;left: -18px;top: -5px;} */
}
@media only screen and (max-width: 680px) and (min-width: 420px) {
    /* .phone{width: 80%;}
  .tel1 {float: left;margin: 0px auto;}
  .tel2 {float: left;margin: 0px auto;}
  .enter{width: 95%;margin: 0px auto;left: 19px;top: -8px;float: left;} */
}
@media only screen and (max-width: 980px) and (min-width: 768px) {
    /* .phone{width:80% !important;}
  .tel1 {float: left;margin: 0px auto;}
  .tel2 {float: left;margin: 0px auto;}
  .enter{float: right !important;margin: 10px 0 0 0;} */
}
@media only screen and (max-width: 1200px) and (min-width: 980px) {
    /* .phone{width:80% !important;}
  .tel2 {margin: 0px;}
  .enter{float: right !important;margin: -40px 0 0 0;} */
}

.enter span {
    float: right;
    margin: 6px 0 0 10px !important;
    padding: 5px;
}
.enter span:hover {
    color: #db6337 !important;
}

@media only screen and (max-width: 680px) and (min-width: 240px) {
    /* #btl {left: -20px;float: left !important;} */
}
#btl {
    float: right;
    background-image: url('../img/enter.png');
    background-repeat: no-repeat;
    background-position: left 80%;
    font-weight: 200;
}
.enter strong {
    padding: 5px;
    line-height: 2.2em;
    background-image: url(../img/enter.png);
    background-repeat: no-repeat;
    background-position: 20% 30%;
    padding-left: 40px;
    font-weight: 200;
}
.line2 {
    position: relative;
    left: 15px;
}
.logo {
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    height: 69px;
    left: -5px;
}
.breadcrumbs {
    margin: 0 0 -20px;
    padding: 25px 0px;
}
.sidebar {
    margin: 15px 0 0 0px;
}

.latestnews li {
    list-style-type: none !important;
}
.latestnews li:before {
    content: '\f013';
    font-family: FontAwesome;
    color: #db6337;
}
.latestnews li a {
    font-size: 100%;
    color: #444;
}
.latestnews li a:hover {
    color: #db6337;
}
.blog img {
    min-height: 150px;
    text-align: center;
    margin: 0 auto;
    display: block;
    padding: 2px;
    background: #eee;
    border: 1px solid #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
.page-header {
    margin: 0;
    padding: 0;
}
.page-header h2 {
    margin: 0;
    padding: 0;
    color: #db6337 !important;
}
.page-header h2 a {
    color: #db6337 !important;
    font-size: 120%;
    font-weight: 500;
    margin: 0;
    padding: 0;
}
.readmore {
    text-align: center !important;
    padding: 5px 0 10px 0;
    border-bottom: 1px solid #dc683d;
    display: block;
    clear: left;
}

.readmore .btn {
    font-size: 120%;
    position: relative;
    background: #dc683d !important;
    padding: 8px;
    color: #fff;
    text-shadow: unset;
    border-radius: unset;
}

.readmore .btn:hover {
    background: #fff !important;
    color: #dc683d !important;
    border-color: #dc683d;
}
.readmore span.icon-chevron-right {
    background-image: none !important;
    display: block;
    width: 0;
    height: 0;
    margin-top: 0;
    line-height: 0;
}

/* header2 */
.header2 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 3px;
}
.header-links {
    display: flex;
    align-items: center;
}
.footer-links {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
.header-links a,
.footer-links a {
    width: 30px;
    height: 30px;
    margin: 0 7px;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.headertel {
    width: max-content;
    display: flex;
    align-items: center;
}
.headermod {
    width: max-content;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.tel3 {
    width: max-content;
    padding: 10px 0;
    white-space: nowrap;
}
.tel4 {
    width: max-content;
    padding: 10px 20px;
    white-space: nowrap;
}
.enter2 {
    display: flex;
    align-items: center;
}
.enter3 {
    display: flex;
    align-items: center;
    padding: 2px 0;
}
.tel3 a {
    padding-left: 5px;
    color: #fff;
}
.tel4 a {
    padding-left: 5px;
    color: #fff;
}
.tel3 a:focus {
    color: #f75f14 !important;
}
.tel4 a:focus {
    color: #f75f14 !important;
}

.enter2 span {
    float: right;
    margin: 6px 0 0 10px !important;
    padding: 5px;
}
.enter2 span:hover {
    color: #db6337 !important;
}

/* topmenu */

.mzr-drop {
    background-image: url('../img/toolsorang.png');
    background-repeat: no-repeat;
    background-position: right 53%;
    padding: 0 0px 0 5px !important;
}
.mzr-drop:hover {
    background-image: url('../img/toolsgrey.png');
    background-repeat: no-repeat;
    background-position: right 41%;
}

.icemegamenu > ul > li.active {
    background: none !important;
}
.icemegamenu span:hover {
    color: #fff !important;
}
div.icemegamenu a:hover {
    color: #fff !important;
}

.collapse li:hover {
    top: 0px;
    background: #444;
    padding: 0;
    position: relative;
}

.icesubMenu li:hover {
    background-color: rgba(255, 255, 255, 0.02);
}
.icesubMenu li {
    border-bottom: 4px solid #444;
}

.icemegamenu li {
    -webkit-backface-visibility: hidden !important;
    -moz-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    -moz-backface-visibility: hidden !important;
    -ms-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    -moz-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    -moz-backface-visibility: hidden !important;
    -ms-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}

div.icemegamenu ul#icemegamenu {
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 999;
    clear: both;
    width: 100%;
    height: 50px;
    background: none !important;
    border-radius: 0px !important;
}
.icemegamenu > ul > li > a.iceMenuTitle > span.icemega_nosubtitle {
    display: block;
    font-size: 90%;
    text-shadow: none;
    color: #fff;
}
.icemegamenu ul,
.icemegamenu li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.collapse {
    overflow: visible !important;
}
.mod-languages {
    float: right !important;
    margin: 5px 0 0 0 !important;
}
/* begin mainmenu */

div.icemegamenu ul#icemegamenu li.active a.icemega_active > span.icemega_title {
    color: #fff;
    font-weight: 600 !important;
}
@media only screen and (max-width: 360px) and (min-width: 240px) {
    div.icemegamenu ul#icemegamenu li.active a.icemega_active > span.icemega_title {
        color: #fff !important;
        font-weight: 600 !important;
        background: none !important;
        padding: 0px !important;
        width: 100% !important;
        position: relative !important;
        left: 0 !important;
    }
}

/* subtitles */
.icemegamenu > ul > li span.icemega_desc {
    display: block;
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
    padding: 0;
    line-height: 1.25em;
    color: #999 !important;
    margin-bottom: 7px;
    margin-top: -8px;
    text-shadow: none !important;
}

/* when is current */
.icemegamenu > ul > li.active {
    background: #444;
}

.icemegamenu > ul > li.active:first-child {
    border-radius: 0px !important;
}

.ice-megamenu-toggle a {
    background: url('../images/mobile_menu_btn.png') no-repeat scroll 0 0 transparent;
    display: block;
    height: 30px;
    margin-top: 20px;
    text-indent: -9999px;
    width: 30px;
    cursor: pointer;
}

/* Submenu */
ul.icesubMenu {
    position: absolute;
    z-index: 600;
    padding: 0 0 10px;
    margin: 0;
    top: 80px;
    left: 0px !important;
    visibility: visible;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    background: #444 !important;
    border-radius: 0px !important;
    border: none !important;
}

#icemegamenu > li:hover > ul.icesubMenu {
    opacity: 1;
    max-height: 1000px;
    overflow: visible;
    top: 50px;
}

ul.icesubMenu ul > li {
    position: relative;
}
ul.icesubMenu > li a.iceMenuTitle {
    height: auto;
    display: block;
    font-size: 110% !important;
    padding: 0 0 0 16px;
    margin: 0 5px;
    border-radius: 0;
    background: none !important;
    border-bottom: 1px solid #393939 !important;
}

/* when is parent */
ul.icesubMenu li.parent {
    background: url(../images/arrow.png) no-repeat 93% 45%;
}

/* Second Level Dropdown */
ul.sub_level_2,
ul.sub_level_3,
ul.sub_level_4,
ul.sub_level_5 {
    top: -1px;
    left: 100%;
    margin-left: 15px;
    z-index: 99999;
    box-shadow: none;
    border: 1px solid #444;
    border-top-color: none !important;
}

ul.icesubMenu ul > li:hover > ul {
    opacity: 1;
    max-height: 1000px;
    overflow: visible;
    visibility: visible;
    margin-left: -25px;
}

/* Modules inside dropdown */
.icesubMenu .icemega_cover_module {
    padding: 10px 15px;
    color: #999;
}

.icesubMenu .icemega_cover_module span.iceModuleTile {
    color: #fff;
    font-size: 18px;
    text-shadow: 1px 1px 1px #000;
    margin-bottom: 6px;
    display: block;
}

.icesubMenu .icemega_cover_module a {
    color: #f0c237;
}

.ice_righttoleft {
    left: auto !important;
    right: 0;
}

ul.sub_level_2 li > a.iceMenuTitle {
    padding-left: 55px !important;
    background-position: 40px 10px !important;
}

/* level 3 */
ul.sub_level_3 li > a.iceMenuTitle {
    padding-left: 75px !important;
    background-position: 60px 10px !important;
}
.icemegamenu > ul > li.active:first-child {
    background: #222;
}
.collapse li:hover {
    top: 0px !important;
    border-top: none !important;
}
.icemegamenu > ul > li.active {
    background: none !important;
}

.collapse li:hover {
    top: 0px;
    background: #444;
    padding: 0;
    position: relative;
    -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
}
.icesubMenu li:hover {
    background-color: rgba(255, 255, 255, 0.02);
}
.icesubMenu li {
    border-bottom: 4px solid #444;
}

.collapse {
    overflow: visible !important;
}
.mod-languages {
    float: right !important;
    margin: 5px 0 0 0 !important;
}

/*end topmenu */

/*slider */
.slide-desc-text .slide-title {
    color: #ffffff !important;
}
.slider {
    margin: 0px 0 0 0;
}
.slider .slide-desc-bg {
    background: none !important;
}
.slider .slide-desc {
    position: absolute;
    width: 35% !important;
    top: 10%;
    left: 1% !important;
    height: auto !important;
}
.slider .slide-desc p {
    line-height: 140%;
    margin: 10px 30px;
    font-size: 120%;
    background: url(../img/tick.png) no-repeat top left;
    padding: 0 0 0 25px;
    color: #444;
    font-style: italic;
    font-weight: 400;
    font-family: arial;
}
#cust-navigation127 {
    position: absolute;
    top: 85% !important;
    left: 50% !important;
}
#cust-navigation162 {
    position: absolute;
    top: 85% !important;
    left: 50% !important;
}

.slide-desc-text .slide-title a {
    color: #444 !important;
    font-size: 120%;
}
@media only screen and (max-width: 480px) and (min-width: 240px) {
    .slider {
        display: none;
    }
    .portfol {
        display: none;
    }
}
/*end slider */
.breadcrumb {
    background: none !important;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.2em;
}
.breadcrumb a {
    color: #333333;
}
.breadcrumb > .active {
    color: #db6337 !important;
    display: inline;
}

.line5 p {
    width: 80%;
    margin: 0px auto;
    text-align: justify;
    padding-bottom: 10px;
}
.thumbnail {
    background: none !important;
    box-shadow: none !important;
    border: none !important;
}
.btnbox {
    text-align: center !important;
}
.btnbox .btn-primary {
    background: #db663b;
    border: none !important;
}
/*text */

.TextImg {
    box-shadow: 1px 1px 4px #444;
}
.portfol {
    top: 1px;
}
.forum1 {
    background-image: url(../img/forum1.png);
    height: 216px;
    background-repeat: no-repeat;
}
.forum2 {
    background-image: url(../img/forum2.png);
    height: 216px;
    background-repeat: no-repeat;
}
.col13 {
    background-image: url('/images/banners/bg-carusel.png');
    background-repeat: repeat;
    background-position: 0 0;
    height: 350px;
    padding: 30px 0 0 0;
}
/*order */
.BoxOrder {
    width: 100%;
    margin: 0 0 20px;
}

.H2Order {
    text-align: center;
    padding: 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #666;
    font-size: 110% !important;
    line-height: 125% !important;
    height: 25px;
}
.BoxImg1 {
    margin: 0 auto;
    position: relative;
    left: 20%;
}
.BoxImg2 {
    margin: 0 auto;
    position: relative;
    left: 20%;
}
.BoxImg3 {
    margin: 0 auto;
    position: relative;
    left: 20%;
}
.BtOrder {
    position: relative;
    margin: 0 auto;
    left: 5%;
    width: 160px;
}
.BtOrder a {
    color: #fff;
}
.BtOrder a:hover {
    color: #444;
    text-shadow: none;
}
@media only screen and (max-width: 360px) and (min-width: 240px) {
    .BtOrder {
        margin: 15px 0 15px 56px;
        width: 100%;
    }
}

/* FORM*/
.MegaForm {
    width: 100%;
    min-height: 370px;
}
.MegaForm label {
    margin: 0 0 0 0px;
    width: 100%;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 100%;
    padding: 5px 0;
}
.MegaForm input {
    float: right;
    margin: 0 20px 0 0;
    width: 55%;
    padding: 3px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.MegaForm textarea {
    float: right;
    margin: 0 20px 0 0;
    width: 55%;
    padding: 15px 0;
}
.MegaForm select {
    float: right;
    margin: 0 22px 0 0;
    width: 45%;
    padding: 3px 0;
}
.btMegaForm {
    background: #db6337 !important;
    -webkit-border-radius: 4px;
    border: 1px solid #c16f51;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 100%;
    padding: 8px;
    text-decoration: none;
    text-align: center;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* FORM2*/
.MegaForm2 {
    width: 100%;
    min-height: 370px;
}
.MegaForm2 label {
    margin: 0 0 0 0px;
    width: 55%;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 120%;
    padding: 5px 0;
}
.MegaForm2 input {
    margin: 0 20px 0 0;
    width: 55%;
    padding: 3px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.MegaForm2 textarea {
    margin: 0 20px 0 0;
    width: 55%;
    padding: 15px 0;
}
.MegaForm select {
    margin: 0 22px 0 0;
    width: 55%;
    padding: 3px 0;
}
.btMegaForm2 {
    background: #db6337 !important;
    -webkit-border-radius: 4px;
    border: 1px solid #c16f51;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 100%;
    padding: 8px;
    text-decoration: none;
    text-align: center;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* END FORM*/

#button {
    background: #db6337 !important;
    -webkit-border-radius: 4px;
    border: 1px solid #c16f51;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 120%;
    padding: 8px;
    text-decoration: none;
    text-align: center;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    display: block;
    margin: 75px 0 0 0px;
    width: 25%;
    position: relative;
    left: 12%;
}
.popup h1 {
    color: #008000;
    text-align: left;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    font: 24px 'Trebuchet MS', Helvetica, sans-serif;
    font-weight: bold;
}
.popup h2 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 200% !important;
    color: #444 !important;
    font-weight: 200;
    text-align: center;
}

.overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    position: fixed;
    cursor: default;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}
.is-image {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    width: 100%;
    height: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}
/* встроенные элементы м-медиа, фреймы */
embed,
iframe {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    min-width: 320px;
    max-width: 600px;
    width: 100%;
}
/* стили модального окна */
.popup {
    top: 0;
    right: 0;
    left: 0;
    font-size: 14px;
    z-index: 10;
    display: block;
    visibility: hidden;
    margin: 0 auto;
    width: 90%;
    min-width: 320px;
    max-width: 600px;
    position: fixed;
    padding: 15px;
    border: 1px solid #383838;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
    -ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
    -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8);
    opacity: 0;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.overlay:target + .popup {
    top: 2%;
    visibility: visible;
    opacity: 1;
}

.close {
    position: absolute;
    top: -10px;
    right: -10px;
    padding: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    background-color: rgba(61, 61, 61, 0.8);
    -webkit-box-shadow: 0px 0px 10px #000;
    -moz-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    line-height: 20px;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    -ms-transition: all ease 0.8s;
    -o-transition: all ease 0.8s;
    transition: all ease 0.8s;
}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: 'X';
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    font-size: 12px;
}
.close:hover {
    background-color: rgba(252, 20, 0, 0.8);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
.popup p,
.popup div {
    margin-bottom: 10px;
}

.popup2 {
    top: 0;
    right: 0;
    left: 0;
    font-size: 14px;
    z-index: 300;
    display: block;
    visibility: hidden;
    margin: 0 auto;
    min-width: 320px;
    max-width: 600px;
    position: fixed;
    padding: 15px;
    border: 1px solid #383838;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
    -ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
    -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8);
    opacity: 0;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    overflow: auto;
    max-height: auto;
}

.overlay:target + .popup2 {
    top: 5%;
    visibility: visible;
    opacity: 1;
}

.popup2 input[type='text'] {
    width: 100%;
    margin-bottom: 0px !important;
    height: 35px;
}
.popup2 textarea {
    width: 100%;
    margin-bottom: 0px !important;
}

.btnline {
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

.btngar {
    background-color: #ff5722;
    padding: 10px;
    color: #fff !important;
}

.garantbtn:hover {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(219, 99, 55, 1) !important;
    cursor: pointer;
    text-decoration: none;
}

.garantblck {
    width: 100%;
    text-align: center;
    margin: 25px 0;
}

.garantbtn {
    padding: 15px 15px;
    font-size: 16px;
    background: #f26722;
    color: #fff;
}

/* cat */
.BoxCat {
    min-height: 90px;
    padding: 0;
    margin: 0;
    width: 100%;
    position: relative;
    left: 30px;
}
.BoxCat2 {
    background: #ffffff;
    min-height: 200px;
    padding: 0px;
    width: 105%;
    margin: 0 0 0 -33px;
}
.text-home {
    position: relative;
}
.text-home p {
    border-left: 3px solid #db6337;
    border-left: 3px solid #db6337;
    padding: 0 0px 0 10px;
    margin: 20px 0;
}
.BoxCat h2 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 200%;
    color: #444 !important;
    font-weight: 200;
    padding: 5px;
}
.CatDesc {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 100%;
    line-height: 140%;
    text-align: justify;
    padding: 10px 0px;
}
.CatBt {
    background: #db6337 !important;
    -webkit-border-radius: 4px;
    border: 1px solid #c16f51;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 100%;
    padding: 8px;
    text-decoration: none;
    text-align: center;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    float: left;
}
.CatBt a {
    color: #fff;
    font-size: 100%;
    text-decoration: none;
    text-align: center;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.CatBt a:hover {
    color: #444;
    text-shadow: none;
}
.BoxCat .clear {
    clear: both;
}
.btcalculator {
    width: 150px;
    height: 30px;
    left: 40% !important;
    position: relative !important;
}

@media only screen and (max-width: 800px) and (min-width: 360px) {
    .HomeImg {
        float: left;
        width: 437px;
        height: 280px;
        background: url('../img/HomeImg.png');
        background-repeat: no-repeat;
        margin: 8px 0 0 -18px;
    }
}

@media only screen and (max-width: 680px) and (min-width: 240px) {
    .BoxCat {
        width: 100%;
        position: relative;
        left: 0px;
    }
}
.CatImg {
    float: left;
    width: 448px;
    height: 306px;
    background: url('../img/CalImg.png');
    background-repeat: no-repeat;
}

.HomeImg {
    float: left;
    width: 100%;
    height: 640px;
    background: url('../img/HomeImg.png');
    background-repeat: no-repeat;
    margin: 20px 0 0px 0;
}
.BoxCat h2 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 200% !important;
    color: #444 !important;
    font-weight: 200;
}
@media only screen and (max-width: 900px) and (min-width: 240px) {
    .BoxCat h2 {
        font-size: 150% !important;
    }
}
.CatBt {
    background: #db6337 !important;
    -webkit-border-radius: 4px;
    border: 1px solid #c16f51;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 100%;
    padding: 8px;
    text-decoration: none;
    text-align: center;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    float: left;
}
.CatBt a {
    color: #fff;
    font-size: 100%;
    text-decoration: none;
    text-align: center;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.BoxCat .clear {
    clear: both;
}
/* end cat */

/* page */
.page h3 {
    color: #444 !important;
    text-align: center;
    padding: 0 0 5px 0;
    margin: 40px 0;
}

.BoxPrice p {
    text-indent: 0;
    padding: 5px 10px;
    line-height: 1.5em;
}
.BoxPrice2 p {
    text-indent: 0;
    padding: 5px 10px;
    line-height: 1.5em;
}
.BoxPrice3 p {
    text-indent: 0;
    padding: 5px 10px;
    line-height: 1.5em;
}
.BoxPrice4 p {
    text-indent: 0;
    padding: 5px 10px;
    line-height: 1.5em;
}
.BoxPrice5 p {
    text-indent: 0;
    padding: 5px 10px;
    line-height: 1.5em;
}

.price_new {
    position: relative;
    left: 30px;
}
.price_new p {
    text-align: justify;
    line-height: 130%;
}
.BoxPrice {
    margin: 0px 0 20px 0;
}
.BoxPrice2 {
    margin: 0px 0 30px 0;
    float: left;
    position: relative;
}
.BoxPrice2 a:hover {
    color: #444;
}
.BoxPrice3 {
    margin: 0px 0 20px 0;
    position: relative;
    float: left;
}
.BoxPrice4 {
    margin: 0px 0 20px 0;
}
.BoxPrice5 {
    margin: 0px 0 0px 0;
    min-height: 190px;
}
.BoxPrice img:hover {
    box-shadow: 0px 0px 20px #db6337;
    -webkit-box-shadow: 0px 0px 20px #db6337;
    -moz-box-shadow: 0px 0px 20px #db6337;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.BoxPrice2 img:hover {
    box-shadow: 0px 0px 20px #db6337;
    -webkit-box-shadow: 0px 0px 20px #db6337;
    -moz-box-shadow: 0px 0px 20px #db6337;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.BoxPrice3 img:hover {
    box-shadow: 0px 0px 20px #db6337;
    -webkit-box-shadow: 0px 0px 20px #db6337;
    -moz-box-shadow: 0px 0px 20px #db6337;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.BoxPrice4 img:hover {
    box-shadow: 0px 0px 20px #db6337;
    -webkit-box-shadow: 0px 0px 20px #db6337;
    -moz-box-shadow: 0px 0px 20px #db6337;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.PriceImg {
    margin: 10px 0 0 0;
    float: left;
    width: 156px;
    height: 155px;
}
.PriceImg1 {
    margin: 10px 0 0 0;
    float: left;
    width: 156px;
    height: 155px;
    background: url('../img/PriceImg1.png');
    background-repeat: no-repeat;
}
.PriceImg2 {
    margin: 10px 0 0 0;
    float: left;
    width: 156px;
    height: 155px;
    background: url('../img/PriceImg2.png');
    background-repeat: no-repeat;
}
.PriceImg3 {
    margin: 0px 0 0 0;
    float: left;
    width: 156px;
    height: 155px;
}
.PriceImg4 {
    margin: 10px 0 0 0;
    float: left;
    width: auto;
    height: 100px;
}
.PriceImg5 {
    margin: 0;
    float: left;
    height: 160px;
    padding: 0;
}
.PriceImg5 img:hover {
    box-shadow: 0px 0px 20px #db6337;
    -webkit-box-shadow: 0px 0px 20px #db6337;
    -moz-box-shadow: 0px 0px 20px #db6337;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.PriceImg6 {
    margin: 20px 0 0 0;
    float: left;
    height: 160px;
    padding: 0;
}
.PriceImg6 img:hover {
    box-shadow: 0px 0px 20px #db6337;
    -webkit-box-shadow: 0px 0px 20px #db6337;
    -moz-box-shadow: 0px 0px 20px #db6337;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.H2Price {
    font-size: 120% !important;
    line-height: 140%;
    text-align: left;
    font-weight: 400;
    color: #444;
    padding: 5px 0 !important;
}
.H2Price2 {
    font-size: 120% !important;
    text-align: left;
    font-weight: 400;
    color: #444;
    padding: 5px 0 !important;
}
.H2Price3 {
    font-size: 120% !important;
    line-height: 140%;
    text-align: left;
    font-weight: 400;
    color: #444;
    padding: 5px 0 !important;
}
.H2Price4 {
    font-size: 120% !important;
    line-height: 140%;
    text-align: left;
    font-weight: 400;
    color: #444;
    padding: 5px 0 !important;
}
.H2Price5 {
    font-size: 160% !important;
    line-height: 140%;
    text-align: left;
    margin: 0px 0 20px 8px;
    font-weight: 400;
    color: #444;
    padding: 5px 0 !important;
}
.H2Price6 {
    font-size: 160% !important;
    line-height: 140%;
    text-align: left;
    margin: 0px 0 20px 8px;
    font-weight: 400;
    color: #444;
    padding: 5px 0 !important;
}

.PriceRight {
    width: 60%;
    float: left;
    padding: 0 0 0 10px;
    margin: -10px 0 0 0;
    min-height: 210px;
    position: relative;
}
.PriceRight1 {
    width: 60%;
    float: left;
    padding: 0 0 0 10px;
    margin: -10px 0 0 0;
    min-height: 186px;
    position: relative;
}
.PriceRight2 {
    width: 60%;
    float: left;
    padding: 0 0 0 10px;
    margin: 0px 0 0 0;
    min-height: 200px;
}
.PriceRight3 {
    width: 75%;
    float: left;
    padding: 0 0 0 10px;
    margin: 0px 0 0 0;
    min-height: 160px;
    position: relative;
}
.PriceRight4 {
    width: 60%;
    float: left;
    padding: 0 0 0 10px;
    margin: 0 0 30px;
    height: 100px;
    position: relative;
}
.PriceRight5 {
    width: 80%;
    float: left;
    padding: 5px;
    margin: 0px 0 0 0;
    min-height: 150px;
    position: relative;
}
.PriceRight6 {
    width: 80%;
    float: left;
    padding: 5px;
    margin: 0px 0 0 0;
    min-height: 150px;
    position: relative;
}

.PriceDesc {
    text-align: left;
    margin: -5px 0 5px 0;
    font-weight: 100;
    color: #444;
}
.PriceDesc1 {
    text-align: left;
    margin: -5px 0 5px 0;
    font-weight: 100;
    color: #444;
}
.PriceDesc2 {
    text-align: left;
    margin: -5px 0 5px 0;
    font-weight: 100;
    color: #444;
}
.PriceDesc3 {
    text-align: justify;
    margin: 0;
    padding: 0 0 20px;
    margin: 0 0 12px 0;
    font-weight: 100;
    color: #444;
}
.PriceDesc4 {
    text-align: left;
    margin: -5px 0 5px 0;
    font-weight: 100;
    color: #444;
}
.PriceDesc5 {
    text-align: justify;
    margin: 0;
    margin: 0;
    padding: 2px 8px;
    font-weight: 100;
    color: #444;
}
.PriceDesc6 {
    text-align: justify;
    margin: 0;
    margin: 0;
    padding: 2px 8px;
    font-weight: 100;
    color: #444;
}
.PriceDesc:hover {
    color: #444;
    font-weight: 100;
}
.PriceDesc1:hover {
    color: #444;
    font-weight: 100;
}
.PriceDesc2:hover {
    color: #444;
    font-weight: 100;
}
.PriceDesc3:hover {
    color: #444;
    font-weight: 100;
}
.PriceDesc4:hover {
    color: #444;
    font-weight: 100;
}
.PriceDesc5:hover {
    color: #444;
    font-weight: 100;
}
.PriceDesc6:hover {
    color: #444;
    font-weight: 100;
}
.prc_dsl {
    padding: 10px 0;
    width: 95%;
}

.PriceBt5 {
    background: #db6337 !important;
    -webkit-border-radius: 4px;
    border: 1px solid #c16f51;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 8px 30px;
    position: relative;
    margin: 8px 0 0 0px;
    width: 150px;
    text-align: center !important;
}
.PriceBt5 a {
    color: #fff;
}
.PriceBt5 a:hover {
    color: #444;
    text-shadow: none;
}
.PriceBt6 {
    background: #db6337 !important;
    -webkit-border-radius: 4px;
    border: 1px solid #c16f51;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 8px 30px;
    position: relative;
    margin: 8px 0 0 0px;
    width: 150px;
    text-align: center !important;
}
.PriceBt6 a {
    color: #fff;
}
.PriceBt6 a:hover {
    color: #444;
    text-shadow: none;
}
.PriceBt {
    background: #db6337 !important;
    -webkit-border-radius: 4px;
    border: 1px solid #c16f51;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 20px;
    float: left;
    position: absolute;
    bottom: 0;
}
.PriceBt1 {
    background: #db6337 !important;
    -webkit-border-radius: 4px;
    border: 1px solid #c16f51;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 20px;
    float: left;
    position: absolute;
    bottom: 0;
}
.PriceBt2 {
    padding: 5px 20px !important;
    float: left;
    position: absolute;
    bottom: 0;
    background: #db6337 !important;
}
.PriceBt3 {
    background: #db6337 !important;
    -webkit-border-radius: 4px;
    border: 1px solid #c16f51;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 20px;
    float: left;
    position: absolute;
    bottom: 0;
}
.PriceBt4 {
    background: #db6337 !important;
    -webkit-border-radius: 4px;
    border: 1px solid #c16f51;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 20px;
    float: left;
    position: absolute;
}

.PriceBt a {
    color: #fff;
    font-size: 100%;
    text-decoration: none;
    text-align: center;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.PriceBt1 a {
    color: #fff;
    font-size: 100%;
    text-decoration: none;
    text-align: center;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.PriceBt2 a {
    color: #fff;
    font-size: 100%;
    text-decoration: none;
    text-align: center;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.PriceBt3 a {
    color: #fff;
    font-size: 100%;
    text-decoration: none;
    text-align: center;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.PriceBt4 a {
    color: #fff;
    font-size: 100%;
    text-decoration: none;
    text-align: center;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.PriceBt4 a:hover {
    color: #444;
}

.BoxPrice2 button:hover {
    -webkit-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
}
.BoxPrice3 button:hover {
    -webkit-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
}
.BoxPrice4 button:hover {
    -webkit-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
}
.BoxPrice5 button:hover {
    -webkit-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
}
.BoxPrice button:hover {
    -webkit-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
}
@media only screen and (max-width: 420px) and (min-width: 240px) {
    .BoxPrice {
        width: 100%;
        margin: -5px 0px 0px -10px;
    }
    .PriceImg {
        left: 25%;
        position: relative;
        width: 50%;
        float: left;
        height: auto;
    }
    .PriceRight {
        width: 100%;
        text-align: center;
        margin: -60px 0px 0px;
        padding: 0px !important;
    }
    .H2Price {
        font-size: 120% !important;
        line-height: 140%;
        text-align: center;
    }
    .PriceDesc {
        font-size: 90%;
        margin: -5px 0px 5px;
        text-align: center;
    }
    .PriceBt {
        margin: 0px 0px 10px;
        position: relative;
        float: none;
    }

    .BoxPrice2 {
        width: 100%;
        margin: -5px 0px 0px -10px;
    }
    .PriceRight2 {
        width: 100%;
        text-align: center;
        margin: 0px;
        padding: 0px !important;
        height: auto;
        min-height: auto;
    }
    .H2Price2 {
        font-size: 120% !important;
        text-align: center;
    }
    .PriceDesc2 {
        font-size: 90%;
        margin: -5px 0px 5px;
        text-align: center;
    }
    .PriceBt2 {
        margin: 0px 0px 10px;
        position: relative;
        float: none;
    }

    .PriceRight1 {
        width: 100%;
        margin: 0px;
    }
    .PriceImg1 {
        text-align: center;
        position: relative;
        left: 25%;
    }
    .PriceImg2 {
        text-align: center;
        position: relative;
        left: 25%;
    }
    .H2Price1 {
        font-size: 120%;
        text-align: center;
    }
    .PriceDesc1 {
        margin: 0px;
        text-align: center;
    }
    .PriceBt1 {
        margin: 5px 0px 10px;
        position: relative;
        float: none;
        text-align: center;
    }

    .BoxPrice3 {
        margin: 0px;
        position: relative;
        left: -10%;
    }
    .PriceRight3 {
        width: 110%;
        margin: 0px;
        text-align: center;
    }
    .H2Price3 {
        font-size: 100% !important;
        text-align: center;
    }
    .PriceImg3 {
        margin: 10px 0px 0px;
        float: left;
        width: 50%;
        text-align: center;
        left: 30%;
        position: relative;
        height: auto;
    }
    .PriceDesc3 {
        text-align: center;
        margin: 0 0 0px;
        font-size: 95%;
    }
    .PriceBt3 {
        float: none;
        position: relative;
    }

    .PriceImg4 {
        width: 100px;
        float: left;
        position: relative;
        left: 30%;
        height: auto;
    }
    .PriceBt4 {
        float: none;
        text-align: center;
        margin: 0;
        width: 100%;
    }
    .H2Price4 {
        font-size: 110% !important;
        text-align: center;
    }
    .PriceRight4 {
        width: 90%;
        float: left;
        padding: 0px 0px 0px 10px;
        min-height: 75px;
        position: relative;
        margin: 0 0 20px;
    }

    .PriceImg5 {
        margin: 0px 0 30px;
    }
    .H2Price5 {
        margin: 0;
    }
    .PriceDesc5 {
        padding: 10px 0;
    }
    .H2Price5 {
        padding: 10px 0;
    }

    .PriceImg6 {
        margin: 0px 0 30px;
    }
    .H2Price6 {
        margin: 0;
    }
    .PriceDesc6 {
        padding: 10px 0;
    }
    .H2Price6 {
        padding: 10px 0;
    }
}

@media only screen and (max-width: 768px) and (min-width: 420px) {
    .PriceImg1 {
        left: 33%;
    }
    .PriceImg2 {
        left: 33%;
    }
    .PriceBt1 {
        left: 25%;
    }
    .PriceBt2 {
        position: relative;
    }
    .PriceRight2 {
        margin: 0;
    }
    .PriceRight4 {
        width: 75%;
    }
    .BoxPrice4 {
        margin: 0;
    }

    .PriceImg5 {
        margin: 0px 0 30px;
    }
    .H2Price5 {
        margin: 0;
    }
    .PriceDesc5 {
        padding: 10px 0;
    }
    .H2Price5 {
        padding: 10px 0;
    }

    .PriceImg6 {
        margin: 0px 0 30px;
    }
    .H2Price6 {
        margin: 0;
    }
    .PriceDesc6 {
        padding: 10px 0;
    }
    .H2Price6 {
        padding: 10px 0;
    }
}
@media only screen and (max-width: 980px) and (min-width: 768px) {
    .PriceImg {
        width: 60%;
        margin: 0px auto;
        float: none;
    }
    .PriceRight {
        width: 100%;
        float: left;
        padding: 0px 0px 0px 10px;
        margin: -10px 0px 0px;
        position: relative;
        height: 218px;
    }
    .H2Price {
        font-size: 120% !important;
        line-height: 140%;
        text-align: center;
    }
    .PriceDesc {
        margin: -5px 0px 0px;
        text-align: center;
        font-size: 100%;
    }
    .PriceBt {
        float: left;
        bottom: 0px;
        position: absolute;
        left: 30%;
    }

    .BoxPrice2 {
        width: 100%;
        margin: 0 auto;
    }
    .PriceRight2 {
        width: 100%;
        float: left;
        padding: 0px;
        position: relative;
        left: 0;
        margin: -15px 0px 0px;
    }
    .H2Price2 {
        font-size: 120% !important;
        text-align: center;
    }
    .PriceDesc2 {
        margin: -5px 0px 5px;
        text-align: center;
    }
    .PriceBt2 {
        float: left;
        left: 15%;
        text-align: center;
        width: 70%;
        position: absolute;
        bottom: 0px;
    }

    .PriceImg3 {
        margin: 25px 0px 0px;
        width: 20%;
    }

    .PriceImg4 {
        width: 100px;
        height: 100px;
        margin: 10px 0px 0px;
        float: left;
        left: 28%;
        position: relative;
    }
    .PriceBt4 {
        float: none;
        text-align: center;
    }
    .PriceRight4 {
        width: 65%;
        float: left;
        padding: 0 0 0 100px;
        margin: 0 0 30px;
        height: auto;
        position: relative;
    }

    .PriceImg5 {
        margin: 0px 0 30px;
    }
    .H2Price5 {
        margin: 0;
    }
    .PriceDesc5 {
        padding: 10px 0;
    }
    .H2Price5 {
        padding: 10px 0;
    }
    .PriceRight5 {
        width: 95%;
    }

    .PriceImg6 {
        margin: 0px 0 30px;
    }
    .H2Price6 {
        margin: 0;
    }
    .PriceDesc6 {
        padding: 10px 0;
    }
    .H2Price6 {
        padding: 10px 0;
    }
    .PriceRight6 {
        width: 95%;
    }

    .tel3 {
        width: 40%;
        padding: 10px 0;
        float: left;
    }
    .tel4 {
        width: 60%;
        padding: 10px 20px;
        float: left;
    }

    .enter2 {
        width: 70%;
        float: left;
    }
    .enter3 {
        width: 30%;
        float: right;
        padding: 2px 0;
    }

    .mod-languages li {
        margin-right: 0px !important;
    }
}
@media only screen and (max-width: 1200px) and (min-width: 980px) {
    .PriceImg {
        width: 60%;
        margin: 0px auto;
        float: none;
    }
    .PriceRight {
        width: 100%;
        float: left;
        padding: 0px 0px 0px 10px;
        margin: -10px 0px 0px;
        position: relative;
        height: 218px;
    }
    .H2Price {
        font-size: 120% !important;
        line-height: 140%;
        text-align: center;
    }
    .PriceDesc {
        margin: -5px 0px 0px;
        text-align: center;
        font-size: 100%;
    }
    .PriceBt {
        float: left;
        bottom: 0px;
        position: absolute;
        left: 30%;
    }

    .BoxPrice2 {
        width: 100%;
        margin: 0;
    }
    .PriceRight2 {
        width: 90%;
        float: left;
        padding: 0px 0px 0px 10px;
        margin: -10px 0px 0px;
        min-height: 190px;
        position: relative;
        left: 0;
    }
    .H2Price2 {
        font-size: 120% !important;
        text-align: center;
    }
    .PriceDesc2 {
        margin: -5px 0px 5px;
        text-align: center;
        min-height: 110px;
    }
    .PriceBt2 {
        bottom: 0px;
        float: left;
        position: absolute;
        left: 15%;
        text-align: center;
    }

    .PriceImg3 {
        margin: 25px 0px 0px;
        width: 20%;
    }

    .PriceImg4 {
        width: 100px;
        height: 100px;
        margin: 10px 0px 0px;
        float: left;
        left: 28%;
        position: relative;
    }
    .PriceBt4 {
        float: none;
        text-align: center;
    }
    .PriceRight4 {
        width: 65%;
        float: left;
        padding: 0 0 0 100px;
        margin: 0 0 30px;
        height: auto;
        position: relative;
    }
}

/* end page */
/* galery */
.clear {
    clear: both;
}
.portfolio-items .col-md-4 {
    margin: 0 !important;
    padding-left: 0 !important;
}
.portfolio-items li,
.portfolio-items h4,
.portfolio-items p,
.portfolio-items a {
    margin: auto;
    text-indent: 0em;
    clear: left;
    display: block;
    max-width: 280px;
}
.portfolio-container {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
}
.portfolio-items {
    text-align: center;
}
.portfolio-items li,
.portfolio-items .img_item {
    display: inline-block;
    float: left;
    list-style: none;
    position: relative;
    margin: 0 0 10px;
}
.portfolio-items img {
    display: block;
    width: 280px;
    height: 190px !important;
    background: #eee;
    border: 1px solid #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    padding: 2px;
}
.portfolio-items div.caption9 h4 {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #aaa;
    text-shadow: 1px 1px 1px #303857;
    color: #fff;
}
.title-portf {
    text-align: left !important;
    font-size: 14px !important;
}
.portfolio-items h5 {
    text-align: center;
    font-size: 120%;
    color: #333;
    font-weight: 300;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.primer-portfol {
    text-align: center !important;
    border-bottom: 1px solid #db6337;
    padding: 10px 0;
    font-size: 20px;
    text-transform: uppercase;
    margin: 20px 0;
}
.portfolio-items h5 a {
    color: #333;
    font-weight: 100;
}
.portfolio-items h5:hover {
    color: #db6337;
    text-decoration: none;
    font-weight: 100;
}
.TitlePortfol {
    font-size: 150%;
    color: #444 !important;
    padding: 40px 0px 15px 0;
    font-weight: 500;
    position: relative;
    left: 22%;
}
@media only screen and (max-width: 680px) and (min-width: 240px) {
    .TitlePortfol {
        font-size: 130%;
    }
}
.portfolio-container a:hover {
    color: #db6337;
    text-decoration: none;
}
.portfolio-items li div.caption9 {
    display: block;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-family: Arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
    position: absolute;
    overflow: hidden;
    text-shadow: 1px 1px 1px #303857;
    opacity: 1;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding: 10px;
    bottom: 3px !important;
    right: 3px !important;
    width: 98%;
    height: 185px;
}

.line-portfolio {
    background: url('/images/icons/line_portfolio.png') no-repeat scroll 50% 0 rgba(0, 0, 0, 0);
}

.line-portfolio p {
    text-transform: uppercase;
    text-align: center;
    font-size: 110%;
    color: #fff;
    padding-bottom: 35px;
    padding-top: 15px;
}

.line-portfolio2 p {
    background: url('/images/icons/line2.png') no-repeat scroll 50% 0 rgba(0, 0, 0, 0);
    text-transform: uppercase;
    text-align: center;
    font-size: 110%;
    color: #000;
    padding-top: 25px;
    line-height: 100px;
}

.caption9 p {
    text-align: center;
    line-height: 150px;
    font-size: 110%;
    color: #fff;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.portfolio-items li:hover div.caption9 {
    width: 100%;
    height: 185px;
    opacity: 0;
    filter: alpha(opacity=80);
}
.portfolio-items li div.caption {
    top: 7px !important;
    right: 7px !important;
    width: 0;
    height: 0;
}
.caption p {
    text-indent: 0em;
}

/*Страница портфолио 2*/
/*
.portfolio-items2 {
margin: auto;
text-indent: 0em;
clear: left;
display: block;
max-width: 380px;
}


.grebanniy_li ul li img{
display: block;
width: 380px;
height: 290px;
background: #eee;
border: 1px solid #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.25);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.25);
padding: 2px;
}
*/

.portfolio-items div.caption12 {
    display: block;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-family: Arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
    position: absolute;
    overflow: hidden;
    text-shadow: 1px 1px 1px #303857;
    opacity: 1;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding: 10px;
    bottom: 3px !important;
    right: 3px !important;
    width: 274px;
    height: 185px;
}

.caption12 p {
    text-align: center;
    position: absolute;
    top: 40%;
    left: 45%;
    height: 30%;
    width: 60%;
    margin: -15% 0 0 -25%;
    line-height: 15px;
    font-size: 80%;
    color: #fff;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.portfolio-items li:hover div.caption12,
.portfolio-items .img_item:hover div.caption12 {
    width: 274px;
    height: 185px;
    opacity: 0;
    filter: alpha(opacity=80);
}
/*конец стилей страниці портфолио 2*/

.portfolio-items li:hover div.caption10,
.portfolio-items li:hover div.caption11 {
    bottom: 7px;
    right: 7px;
    width: 181px;
    height: 130px;
    opacity: 1;
    filter: alpha(opacity=80);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
b,
strong {
    font-weight: bold;
}

img {
    font-size: 0;
    vertical-align: middle;
    /*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
    -ms-interpolation-mode: bicubic;
}

li {
    /*
  For IE6 + IE7.
*/
    display: list-item;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th,
td,
caption {
    font-weight: normal;
    vertical-align: top;
    text-align: left;
}

svg {
    /*
  For IE9.
*/
    overflow: hidden;
}
/* end galery */

/* carusel */
#cis_slider_1.cis_main_wrapper {
    padding: 50px 0 0 0 !important;
    background-repeat: repeat;
    background-position: 0 0;
    background-image: url('/images/banners/bg-carusel.png');
    height: 350px;
}
#cis_slider_2.cis_main_wrapper {
    padding: 50px 0 0 0 !important;
    background-repeat: repeat;
    background-position: 0 0;
    background-image: url('/images/banners/bg-carusel.png');
    height: 350px;
}
#cis_slider_2.cis_main_wrapper {
    width: 100% !important;
    margin: 0px auto;
    padding: 20px 0px;
}
.cis_images_row {
    max-width: 1200px;
    overflow: hidden;
    position: relative;
    z-index: 100;
    margin: 0 auto !important;
}
.cis_button_left {
    display: block;
    position: absolute;
    top: 40% !important;
    left: -1000px;
    z-index: 10000;
    cursor: pointer;
}
.cis_button_right {
    display: block;
    position: absolute;
    top: 40% !important;
    right: -10000px;
    z-index: 10000;
    cursor: pointer;
}
/* end carusel */
.titleBot {
    font-size: 220%;
    padding: 20px 0;
    text-align: center;
    font-family: Verdana, Geneva, sans-serif;
    color: #f16724;
    background: none;
    line-height: 105%;
}
.logo_bott {
    background-image: url(../img/logo_bott.png);
    height: 52px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 10px 0 10px 0;
}
.separator {
    border-top: 1px solid #222;
    padding: 5px 0;
}
.contactStyle p {
    color: #fff;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-align: center;
    padding: 2px;
    margin: 0;
}
.contactStyle strong {
    color: #db6337;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.4em;
    display: block;
    font-weight: 200;
    text-align: center;
    padding: 5px;
}
.copyright p {
    color: #fff;
}
@media only screen and (max-width: 767px) and (min-width: 240px) {
    .phn {
        text-align: center !important;
        left: 0 !important;
    }

    .headertel {
        float: left;
    }

    .tel3 {
        width: max-content;
        padding: 0;
        float: none;
    }
    .tel4 {
        width: max-content;
        padding: 0;
        float: none;
    }
    .tel3 a,
    .tel4 a {
        font-size: 12px;
    }
    .icemegamenu > ul#icemegamenu > li a.iceMenuTitle {
        height: 35px;
    }
    .icemegamenu > ul#icemegamenu > li > a.iceMenuTitle > span.icemega_nosubtitle {
        font-size: 16px;
    }
    body #icemegamenu .mzr-drop:after {
        width: 10px;
        height: 10px;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .header-links {
        display: none;
    }

    .enter2 {
        width: 100%;
    }
    .enter3 {
        width: 100%;
        float: none;
        padding: 0 15px 0 0;
    }
    .enter2 span {
        float: right;
        margin: 6px 0 0 10px !important;
        padding: 5px;
    }

    .phn {
        text-align: center !important;
        left: 0 !important;
    }

    .BoxCat {
        width: 100%;
        position: relative;
        left: 0px !important;
    }

    #btl .btl-panel > span {
        box-shadow: unset !important;
    }

    #btl {
        background-position: left 60% !important;
    }

    body {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

.bottommenu li {
    padding: 2px 0 0 0;
    margin: 0;
    line-height: 0;
}
.bottommenu li a {
    color: #fff;
    text-align: center;
    font-size: 110%;
}
.bottommenu li a:hover {
    color: #f26722 !important;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: transparent !important;
}
.bottommenu > li > a:hover,
.bottommenu > li > a:focus {
    background-color: none !important;
}
.nav li a:hover {
    background-color: none !important;
}
.bottommenu li a:hover {
    background-color: none !important;
}
.footer p {
    color: #fff;
    font-size: 110%;
    text-align: center;
    line-height: 1.3em;
}

.phn {
    text-align: left;
    line-height: 1.2em;
    position: relative;
    font-size: 95%;
}
.phn2 {
    text-align: left !important;
    line-height: 1.2em;
    left: 30%;
    position: relative;
    font-size: 95%;
}
.phn2 img {
    padding: 0px 0px 0 0px;
    position: relative;
    top: 0px;
    left: 2px;
}
.phn img {
    padding: 0px 5px 0 0px;
    position: relative;
    top: 0px;
}
.footer h3 {
    color: #f16724 !important;
    font-size: 150% !important;
    text-align: center !important;
}
.text_cont {
    text-align: center;
    margin: 0 0 20px;
}
.contact img {
    margin: 0 10px 0 0;
}
.contact h4 {
    margin: 0 0 0 -30px;
}
.text_cont p {
    margin: 0;
    font-size: 110%;
    line-height: 160%;
}
.text_cont2 p {
    margin: 0;
    font-size: 110%;
    line-height: 160%;
    width: 50%;
    text-align: center;
    left: 24%;
    position: relative;
}
/* calculator */
.calculator {
    background: #e7e7e7;
    min-height: 100px;
    padding: 10px 5px;
    border-bottom: 5px solid #db6337;
    margin: 10px 0 10px;
}
.CalculatorCol {
    float: left;
    width: 30%;
}
.calculator table {
    background: #e7e7e7;
    font-size: 97%;
}
.calculator .table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: none !important;
}
.calculator .table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border: none !important;
}
.calculator .table > thead > tr > th {
    border: none !important;
}
.result_box {
    margin: 0px 0 10px;
}
.table_result td {
    border: 1px solid #e9e9e9;
    padding: 5px 10px;
    text-align: center;
}

@media (min-width: 240px) and (max-width: 360px) {
    .calculator input {
        width: 50% !important;
    }
    .calculator th {
        font-size: 120% !important;
        color: #333 !important;
    }
    .calculate {
        position: relative;
        left: 0;
    }
    .calculate {
        position: relative;
        left: 42%;
        margin: 5px 0;
        font-size: 150%;
        color: #fff;
        background-color: #db6337 !important;
        border-color: #c16f51 !important;
    }
}
.myTab li:before {
    content: none;
}
.nav-tabs > li:before {
    content: none;
}

@media only screen and (max-width: 480px) and (min-width: 280px) {
    .line1 {
        font-size: 1.3em !important;
    }
}

@media screen and (max-width: 305px) {
    .enter3 {
        padding: 0 10px 0 0 !important;
    }
    .headertel img {
        display: none;
    }
}

@media (max-width: 480px) {
    ul.sigProArtistic {
        margin: 0 auto !important;
        width: 290px;
    }
}
ul.sigProArtistic li.sigProThumb a.sigProLink,
ul.sigProArtistic li.sigProThumb a.sigProLink:hover {
    padding: 0px !important;
}
.bt_nav {
    margin: 20px 0;
    text-transform: uppercase;
}
.bt_nav a {
    padding: 10px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}
.bt_nav a:hover {
    color: #444;
    box-shadow: none;
}
.MsoNormalTable p {
    text-indent: 0;
}
/* nav-repair */
.nav-repair {
    margin: 20px 0;
    padding: 30px 0 0 0;
    border-top: 1px solid #dd764f;
}
.nav-box {
    margin: 0 0 20px 0;
}
.nav-img {
    float: left;
    margin: 0 10px 0 0px;
}
.nav-img:hover {
    box-shadow: 1px 2px 3px #ccc;
    -webkit-box-shadow: 1px 2px 3px #ccc;
    -moz-box-shadow: 1px 2px 3px #ccc;
    border-radius: 15%;
    -webkit-border-radius: 15%;
    -moz-border-radius: 15%;
    -webkit-transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
}
.nav-title a {
    font-size: 120%;
    font-weight: 100;
    color: #444;
    padding: 0 5px 5px 0;
}
.nav-bt {
    margin: 5px 0 0 0;
}
.nav-bt a {
    color: #fff;
    font-weight: 400;
}
.nav-bt a:hover {
    color: #444;
}

.navigator-portfol {
    margin: 0 auto;
    text-align: center !important;
    display: block;
}
.navigator-portfol a {
    margin: 2px;
}

.navigator-portfol .icone-nav {
    padding: 2px 10px 0 0;
    font-size: 16px;
}
ul.sigProArtistic li:before {
    content: none;
}
.navigator-portfol button {
    margin: 20px 10px;
}
.navigator-portfol button a {
    color: #fff;
    font-weight: 200;
}
.table-meter {
    border-right: 3px solid #db6337;
    border-left: 3px solid #db6337;
    border-bottom: 3px solid #db6337;
    width: 100%;
    margin: 30px 0 0 0;
}
.title-table {
    background: #db6337 !important;
    color: #fff;
    font-size: 15px;
}
.table-meter td {
    padding: 5px;
}
.table-meter tr:nth-child(odd) {
    background: #ebebeb;
}
.table-meter i {
    color: #db6337;
    font-size: 18px;
    font-weight: 100;
}
.text-img1 h4 {
    text-align: left;
    margin: 10px 0;
}
.text-img1 span {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    clear: both;
}
.text-img1 p {
    text-indent: 0em;
    margin: 0 0 30px 0;
}
.text-img2 span {
    display: block;
    float: left;
    margin: 0 10px 0 0;
    clear: both;
    border: 2px solid #e47348;
    border-radius: 100%;
    padding: 6px;
    overflow: hidden;
}
.text-img2 p {
    text-indent: 0em;
    margin: 0 0 40px 0;
}

/*slider web-bee*/
.slide-text .ak-1 {
    background: url('/images/banners/ak-1.png') no-repeat;
    width: 70px;
    height: 70px;
    padding: 0px 80px 0 0px;
    position: relative;
    top: -15px;
    display: block;
    float: left;
    margin: 0 0 10px;
}
.slide-text .ak-2 {
    background: url('/images/banners/ak-2.png') no-repeat;
    width: 70px;
    height: 70px;
    padding: 0px 80px 0 0px;
    position: relative;
    top: -15px;
    display: block;
    float: left;
    margin: 0 0 10px;
}
.slide-text .ak-3 {
    background: url('/images/banners/ak-3.png') no-repeat;
    width: 70px;
    height: 70px;
    padding: 0px 80px 0 0px;
    position: relative;
    top: -15px;
    display: block;
    float: left;
    margin: 0 0 10px;
}
.slide-text p {
    line-height: 2em;
    color: #fff;
    text-shadow: 0px 1px 2px #000;
    font-size: 20px;
    clear: both;
}

/*pagination-list*/
.pagination-list i.icon-next:before {
    content: '\f04e';
    font-family: FontAwesome;
    margin: 0;
    padding: 0;
    line-height: 0;
    width: 20px;
    height: 20px;
    font-size: 15px;
    font-style: normal;
}
.pagination-list i.icon-previous:before {
    content: '\f04a';
    font-family: FontAwesome;
    margin: 0;
    padding: 0;
    line-height: 0;
    width: 20px;
    height: 20px;
    font-size: 15px;
    font-style: normal;
}
.pagination-list i.icon-first:before {
    content: '\f049';
    font-family: FontAwesome;
    margin: 0;
    padding: 0;
    line-height: 0;
    width: 20px;
    height: 20px;
    font-size: 15px;
    font-style: normal;
}
.pagination-list i.icon-last:before {
    content: '\f050';
    font-family: FontAwesome;
    margin: 0;
    padding: 0;
    line-height: 0;
    width: 20px;
    height: 20px;
    font-size: 15px;
    font-style: normal;
}
.pull-right {
    float: right !important;
    margin: 2px 0px 0 20px;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
    color: #333333 !important;
    background-color: #e8e8e8;
}
.btn-warning {
    color: #fff !important;
    background: #f77738 !important;
    border: #ffdec2 2px solid !important;
}
.item-page a.btn-warning:hover {
    -webkit-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
    color: #333333 !important;
    background-color: #fff !important;
}

.extravote {
    text-align: center !important;
    padding-top: 20px;
}

/*ACTION*/

.wrapper_action {
    position: relative;
    width: 100%;
    height: 900px;
    margin: 0 auto;
}

.wrapper_action_sale {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
/*.wrapper_action_sale img:nth-child(1),.wrapper_action_sale img:nth-child(2){
	width: 50%;
}*/
@media screen and (max-width: 480px) {
    /*.wrapper_action_sale img:nth-child(1),.wrapper_action_sale img:nth-child(2){
		width: 100%;
	}*/

    .wrapper_action_dizayn {
        height: 180px !important;
    }
    .background_action {
        background-size: 100% 100% !important;
    }
}
/*.action_item{
	position: relative;
	width: 50%;
	height: 450px;
	background-size: contain;
	background-repeat: no-repeat;
}

.action_item1{
	background-image: url(../../../images/akci/1-600-450.jpg);
}
.action_item2{
	background-image: url(../../../images/akci/2-600-450.jpg);
}
.action_item3{
	width: 100%;
	background-image: url(../../../images/akci/3-1200-450.jpg);
}*/

.order {
    z-index: 100;
    position: absolute;
    left: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.order.center {
    top: 50%;
    transform: translateY(-50%);
}
.order.vbottom {
    top: 100%;
    transform: translateY(-50%);
}
.clear {
    clear: both;
}
.aperehod {
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Open Sans';
    font-size: 1.2em;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    background-color: rgba(237, 28, 36, 1);
    padding: 15px 35px 15px;
    -moz-box-shadow: inset 0 -3px 1px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 -3px 1px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 -3px 1px rgba(0, 0, 0, 0.5);
    white-space: nowrap;
    outline: none;
    position: relative;
    top: -20px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
}
.aperehod:hover,
.aperehod:focus {
    color: #ddd !important;
    outline: none !important;
    text-decoration: none !important;
}
.order.bottom {
    display: none;
}

.order.middle {
    display: none;
    top: 103%;
    transform: translateY(-103%);
}

#myBtn,
#myBtna {
    text-transform: uppercase;
    font-family: 'Open Sans';
    font-size: 1.2em;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    background-color: rgba(237, 28, 36, 1);
    padding: 15px 35px 15px;
    -moz-box-shadow: inset 0 -3px 1px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 -3px 1px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 -3px 1px rgba(0, 0, 0, 0.5);
    white-space: nowrap;
    outline: none;
}

.order a:visited {
    color: rgba(255, 255, 255, 1);
}

.order a:hover {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(237, 28, 36, 1) !important;
    -moz-box-shadow: 1px 10px 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 10px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 10px 10px rgba(0, 0, 0, 0.5);
}

.order a:active {
    background-color: rgba(237, 28, 36, 1);
    color: rgba(255, 255, 255, 1);
}

.large {
    text-transform: uppercase;
}

.cube {
    float: left;
    width: 50%;
    height: 50%;
    color: rgba(255, 255, 255, 1);
    line-height: 1.2;
    font-family: 'Open Sans';
}

.square {
    float: left;
    width: 100%;
    height: 50%;
    color: rgba(255, 255, 255, 1);
    line-height: 1.2;
    font-family: 'Open Sans';
}

.fifty {
    font-family: inherit;
    font-size: 8em;
    line-height: 1.2;
}

.cube p {
    margin-bottom: 0;
}

.explain {
    font-family: Arial;
    margin-top: 60px;
    font-size: 1.8em;
}

.explain p {
    padding: 0 65px 0;
}

.big {
    margin-top: 30px;
    font-size: 3em;
    text-transform: uppercase;
    font-family: 'Open Sans';
    font-weight: bold;
}

.time {
    margin: 30px auto;
    display: block;
}

.timesmall {
    margin: 30px auto;
    display: none;
}

.conditions {
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 0 5px;
}

.color {
    background-color: rgba(11, 170, 222, 1);
    font-weight: bold;
}

.cube.slogan.image {
    background-image: url(../../../images/akci/prestige.jpg);
}

.square.slogan.image {
    background-image: url(../../../images/akci/luxury.jpg);
}

.slogan.image {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    font-weight: bold;
}

.fill_action {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.slogan p {
    text-align: center;
    padding: 0 !important;
}

.scheme {
    background-color: rgba(222, 123, 66, 1);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.type {
    background-image: url(../../../images/akci/drawingtype.png);
}

.prestige {
    background-image: url(../../../images/akci/drawingprestige.png);
}

.cube.timer {
    display: relative;
    background-color: rgba(159, 183, 24, 1);
}

.cube.timer p {
    text-align: center;
}

.cube.points {
    background-color: rgba(0, 134, 178, 1);
}

.cube.points p {
    text-align: center;
}

.table_points img {
    max-width: none !important;
    width: 65px;
    height: auto;
    margin-right: 45px;
}

.table_points {
    border-collapse: separate;
    border-spacing: 0px 15px;
    margin: 0 auto;
    width: 510px;
}

.table_points tr,
td {
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.table_points p {
    font-family: Arial;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2;
    padding: 0;
    margin: 0;
}

.table_points span {
    color: rgba(222, 123, 66, 1);
}

.table_points td:nth-child(even) p {
    text-align: left;
}

.table_points td:nth-child(even) img {
    vertical-align: middle;
}

.sigFreeLink img.is-horizontal {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sigFreeLink img.is-vertical {
    width: auto !important;
    object-fit: contain;
}

.sigFreeLink{
    display: flex !important;
    background-color: #fff !important;
    height: 240px;
    max-height: 240px;
    float: none !important;
    justify-content: center;
    align-items: center;
}

/*ACTIONEND*/

@media only screen and (max-width: 1182px) {
    .table_points img {
        max-width: none !important;
        width: 50px;
        height: auto;
        margin-right: 25px;
    }

    .table_points {
        border-collapse: separate;
        border-spacing: 0px 10px;
        margin: 0 auto;
        width: 400px;
    }

    .table_points p {
        font-family: Arial;
        font-size: 1.2em;
        font-weight: bold;
        line-height: 1.2;
        padding: 0;
        margin: 0;
    }
}

@media only screen and (max-width: 978px) and (min-width: 240px) {
    .headertel {
        position: static !important;
        left: unset !important;
        float: none !important;
        padding-left: 10px;
    }
}

@media screen and (max-width: 769px) {
    .header2 {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media screen and (max-width: 980px) {
    .ice-megamenu-toggle a {
        margin: 20px 20px 0 0;
    }
}

@media only screen and (max-width: 973px) {
    .big {
        margin-top: 30px;
        font-size: 2em;
        text-transform: uppercase;
        font-family: 'Open Sans';
        font-weight: bold;
    }

    .table_points img {
        display: none;
    }

    .table_points {
        border-collapse: separate;
        border-spacing: 0px 20px;
        margin: 0 auto;
        width: 90%;
    }
}

@media only screen and (max-width: 750px) {
    .explain {
        padding: 0 5px;
        font-size: 1.5em;
        margin-top: 10px;
    }

    .fifty {
        font-family: inherit;
        font-size: 5em;
        line-height: 0.8 !important;
    }
}

@media only screen and (max-width: 670px) {
    .wrapper_action {
        height: none;
    }

    .cube {
        clear: both;
        width: 100%;
        height: auto;
        color: rgba(255, 255, 255, 1);
        line-height: 1.2;
        font-family: 'Open Sans';
    }

    .cube.scheme {
        height: 450px;
    }
    .cube.slogan {
        height: 450px;
    }

    .order.bottom {
        display: block;
        transform: translateY(-25px);
    }
}

@media only screen and (max-width: 365px) {
    .table_points {
        border-collapse: separate;
        border-spacing: 0px 15px;
        margin: 0 auto;
        width: 90%;
    }

    #CDT {
        font-size: 70px;
    }

    .timesmall {
        margin: 30px auto;
        display: block;
    }
}

@media only screen and (max-width: 360px) {
    .explain {
        font-size: 1.2em;
        margin-top: 10px;
    }

    .fifty {
        font-size: 4em;
    }
}

/*ACTIONS CSS */

a:focus {
    border: none;
    outline: none;
}

.wrapper_actions {
    width: 100%;
    height: 290px;
    margin-bottom: 25px;
    font-family: 'Open Sans';
    color: white;
}

.background {
    float: left;
    height: inherit;
    width: 66.5%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.background_action {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../../../images/akci/akcii.jpg);
}

.action {
    position: relative;
    float: left;
    height: inherit;
    width: 33.5%;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
}

#exclusive {
    background-image: url(../../../images/akci/luxury.jpg);
}

#prestige {
    background-image: url(../../../images/akci/prestige.jpg);
}

#type {
    background-color: rgba(11, 170, 222, 1);
}

.background p {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-transform: uppercase;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
}

.fill_actions {
    position: relative;
    width: 100%;
    height: inherit;
    background-color: rgba(0, 0, 0, 0.4);
}

.action p {
    line-height: 1.2;
    text-align: center;
}

#actionexclusive {
    background-color: rgba(159, 183, 24, 1);
}

#actionprestige {
    background-color: rgba(0, 134, 178, 1);
}

#actiontype {
    background-color: rgba(222, 123, 66, 1);
}

#actionsale {
    background-color: rgba(233, 94, 11, 1);
}

.text {
    padding-top: 20px;
}

.button {
    display: inline;
    text-transform: uppercase;
    background-color: rgba(237, 28, 36, 1);
    padding: 15px;
    -moz-box-shadow: inset 0 -3px 1px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 -3px 1px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 -3px 1px rgba(0, 0, 0, 0.5);
    white-space: nowrap;
}

.button:hover {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(237, 28, 36, 1);
    -moz-box-shadow: 1px 10px 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 10px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 10px 10px rgba(0, 0, 0, 0.5);
}

.fuck {
    position: absolute;
    bottom: 50px;
    text-align: center;
    left: 0;
    right: 0;
}

.page-header {
    border-bottom: none !important;
}

.fuck a {
    color: #ffffff;
    text-decoration: none;
}

.button:active {
    background-color: rgba(237, 28, 36, 1);
    color: rgba(255, 255, 255, 1);
}

.fuck a:link {
    color: rgba(255, 255, 255, 1);
}

.fuck a:visited {
    color: rgba(255, 255, 255, 1);
}

.fuck a:hover {
    color: rgba(255, 255, 255, 1);
}

.fuck a:active {
    color: rgba(92, 31, 220, 1);
}

@media only screen and (max-width: 565px) {
    .background {
        clear: both;
        width: 100%;
    }

    .action {
        clear: both;
        width: 100%;
    }
    .header2 {
        padding-top: 0;
        padding-bottom: 8px;
        flex-direction: column;
    }
    .headertel {
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding-left: 0;
        width: 100%;
    }
    .tel3 img,
    .tel4 img {
        width: 15px;
    }

    .headermod {
    }
}

/*END ACTIONS CSS */

.modalform {
    /* Hidden by default */
    display: none;
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.6); /* Black w/ opacity */
}

.modalform_content2 {
    vertical-align: middle;
    background-color: rgba(255, 255, 255, 1);
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 300px;
    height: 400px; /* Could be more or less, depending on screen size */
}

.closemodalform {
    float: right;
    font-size: 25px;
    font-weight: bold;
}

.closemodalform:hover,
.closemodalform:focus {
    color: rgba(255, 106, 5, 1);
    text-decoration: none;
    cursor: pointer;
}

#push {
    width: 100%;
    height: 50px;
    background-color: rgba(222, 123, 66, 1);
    color: rgba(0, 0, 0, 1);
    font-size: 1.2em;
}

.modalformbutton {
}

@media only screen and (max-width: 565px) {
}
/*END-ACTION*/

@media screen and (max-width: 640px) {
    .bx-imopenlines-config-button {
        display: none;
    }

    body #btl-content-registration {
        min-width: inherit !important;
    }
    body #simplemodal-container {
        top: 10px !important;
        left: 10px !important;
        right: 10px !important;
        width: inherit !important;
    }
    .header-links {
        display: none;
    }
}

/*MAINPAGE_HOME*/

.makeorder {
    margin-bottom: 50px;
    clear: both;
    padding: 50px 0;
    background-color: rgba(219, 99, 55, 1);
    font-family: HelveticaNeueCyr;
    text-align: center;
    text-transform: uppercase;
    font-weight: lighter;
    color: rgba(255, 255, 255, 1);
    font-size: 30px;
    line-height: 1.5;
}

.middletext {
    font-size: 20px;
}

#myBtn1 {
    display: inline-block;
    padding: 20px 50px;
    border: 2px solid rgba(255, 255, 255, 1);
    font-size: 16px;
    font-family: HelveticaNeueCyr;
}

#myBtn1:hover {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(219, 99, 55, 1) !important;
    cursor: pointer;
    text-decoration: none;
}

#myBtn1:active {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(219, 99, 55, 1);
    text-decoration: none;
    font-weight: bolder;
}

.modalform {
    /* Hidden by default */
    display: none;
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.6); /* Black w/ opacity */
}

.modalform_content {
    vertical-align: middle;
    background-color: rgba(255, 255, 255, 1);
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 300px;
    height: 300px; /* Could be more or less, depending on screen size */
}

.closemodalform {
    float: right;
    font-size: 25px;
    font-weight: bold;
}

.closemodalform:hover,
.closemodalform:focus {
    color: rgba(255, 106, 5, 1);
    text-decoration: none;
    cursor: pointer;
}

#push {
    width: 100%;
    height: 50px;
    background-color: rgba(222, 123, 66, 1);
    color: rgba(0, 0, 0, 1);
    font-size: 1.2em;
}

.modalform_body input {
    width: 100%;
    height: 50px !important;
}

/*MAINPAGE_HOME END*/
#scrollup {
    position: fixed; /* фиксированная позиция */
    opacity: 0.5; /* прозрачность */
    padding: 5px 10px; /* отступы */
    background: #aaa;
    border-radius: 5px; /* скругление углов */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    left: 10px; /* отступ слева */
    bottom: 10px; /* отступ снизу */
    display: none; /* спрятать блок */
    cursor: pointer;
}

.cenitab {
    overflow: auto;
}

#CDT {
    text-align: center;
    font-size: 50px;
    color: #eee;
    font-weight: bold;
}

#CDT .number-wrapper {
    margin: 10px;

    position: relative;
}

#CDT .number {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

#CDT .line {
    position: absolute;
    width: 100%;
    height: 1px;
    top: 52%;
    left: 0;
}

.caption {
    font-size: 12px;
    position: absolute;
    bottom: -30px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #fff;
}

.liracrm-modal-dialog .liracrm-modal-footer .liracrm-text-help a {
    display: none;
}

.inform {
    padding-left: 95px;
    background: transparent url('/images/am03.jpg') 0 0 no-repeat;
    line-height: 25px !important;
    height: 90px;
    display: table-cell;
    vertical-align: middle;
}
.inform2 {
    padding-left: 95px;
    background: transparent url('/images/am00004.jpg') 0 0 no-repeat;
    line-height: 25px !important;
    height: 90px;
    display: table-cell;
    vertical-align: middle;
}

.item-page ol li,
.item-page ul li {
    padding-top: 8px;
    padding-bottom: 8px;
}

@media (max-width: 769px) {
    body {
        padding-top: 70px;
    }
    #content.row {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        padding: 0;
    }
    body .row,
    body .thumbnails {
        margin: 0;
    }
    ul.sigProArtistic {
        width: 100%;
        margin: 0;
    }
    ul.sigProArtistic li.sigProThumb {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
    ul.sigProArtistic li.sigProThumb a.sigProLink {
        width: 100% !important;
        height: auto !important;
    }
    ul.sigProArtistic li.sigProThumb a.sigProLink img.sigProImg {
        width: 100% !important;
        height: auto !important;
        background-size: cover;
    }
    section.portfolio-container,
    .portfolio-container {
        margin: 0;
    }
    ul.portfolio-items {
        margin: 0;
        display: flex;
        flex-direction: column;
    }
    .portfolio-items .col-md-4 {
        padding-right: 0;
    }
    .portfolio-items li,
    .portfolio-items .img_item {
        float: none;
        max-width: 100%;
        width: 100%;
    }
    .portfolio-items li,
    .portfolio-items h4,
    .portfolio-items p,
    .portfolio-items a {
        max-width: 100%;
    }
    .portfolio-items li div.caption9 {
        top: 10px;
        bottom: 10px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        height: auto;
        width: 100%;
    }
    .portfolio-items div.caption12 {
        top: 15px;
        bottom: 15px !important;
        left: 10px;
        right: 10px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        height: auto;
        width: auto;
    }
    .caption12 p {
        position: static;
        height: auto;
        width: auto;
        margin: 0;
    }
    .portfolio-items li:hover div.caption9,
    .portfolio-items li:hover div.caption12 {
        height: auto;
    }
    .portfolio-items img {
        width: 100%;
        height: auto !important;
    }
    .footer .custom,
    .wrap.container-fluid .separator .custom {
        padding-top: 0;
    }
}

@media (max-width: 480px) {
    img.textimg {
        float: none !important;
        width: 100%;
        margin: 10px auto !important;
    }
}