* { outline: none !important; }

/* oxygen-regular - latin-ext_latin */
@font-face {
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/oxygen-v10-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Oxygen Regular'), local('Oxygen-Regular'),
    url('../fonts/oxygen-v10-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/oxygen-v10-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/oxygen-v10-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/oxygen-v10-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/oxygen-v10-latin-ext_latin-regular.svg#Oxygen') format('svg'); /* Legacy iOS */
    font-display: swap;
}
/* oxygen-700 - latin-ext_latin */
@font-face {
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/oxygen-v10-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
    src: local('Oxygen Bold'), local('Oxygen-Bold'),
    url('../fonts/oxygen-v10-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/oxygen-v10-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/oxygen-v10-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/oxygen-v10-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/oxygen-v10-latin-ext_latin-700.svg#Oxygen') format('svg'); /* Legacy iOS */
    font-display: swap;
}
html { font-size: 20px; }
body { font-family: 'Oxygen', sans-serif; font-size: 0.8rem; font-weight: 400; color: #343434; background: #fff;
    margin:0; padding:0; border:0; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; -webkit-text-size-adjust: 100%;
}

.clr:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }

a { cursor: pointer; text-decoration: none; color: #ff6260; }
a:hover { text-decoration: none; color: #000; }
a:focus { text-decoration: none; }

.img-anim {
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
    -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;
    -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
}
.slow { -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; }

.ulclear { margin:0; padding:0; list-style:none; }

.clear { display: block; height:0; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear0 { display: block; height:0; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear5 { display: block; height:5px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear10 { display: block; height:10px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear15 { display: block; height:15px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear20 { display: block; height:20px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear30 { display: block; height:30px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear40 { display: block; height:40px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear50 { display: block; height:50px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear60 { display: block; height:60px; width:auto; clear:both; overflow:hidden; font-size:0; }

.wrapper { width: 100%; height: 100%; position: relative; }

.container { position: relative; }

.pr0 { padding-right: 0; }
.pl0 { padding-left: 0; }


.btn { border-radius: 50px; border: 0 solid transparent; font-size: 0.7rem; font-weight: 700; padding: 0.6rem 1.75rem; text-transform: uppercase;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}

.btn-default { background-color: #ff8345; color: #fff; box-shadow: 0 0 10px 0 rgba(255,100,97,0.7); }
.btn-default:hover { background-color: #ff6260; color: #fff; }

.btn-primary { background-color: #3f2b7e; color: #fff; box-shadow: 0 0 10px 0 rgba(113,95,170,0.7);}
.btn-primary:hover { background-color: #16005d; color: #fff; }

.btn-gradient {
    box-shadow: 0 0 10px 0 rgba(255,100,97,0.7);
    background: #ff6260;
    background: -moz-linear-gradient(left,  #ff6260 0%, #ff8345 100%);
    background: -webkit-linear-gradient(left,  #ff6260 0%,#ff8345 100%);
    background: linear-gradient(to right,  #ff6260 0%,#ff8345 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6260', endColorstr='#ff8345',GradientType=1 );
    color: #fff;
}
.btn-gradient:hover {
    background: #ff8345;
    background: -moz-linear-gradient(left,  #ff8345 0%, #ff6260 100%);
    background: -webkit-linear-gradient(left,  #ff8345 0%,#ff6260 100%);
    background: linear-gradient(to right,  #ff8345 0%,#ff6260 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8345', endColorstr='#ff6260',GradientType=1 );
    color: #fff;
}

.btn-white { background: #fff; color: #000; border: 1px solid #a7a7a7; }
.btn-white:hover { background: #000; color: #fff; border: 1px solid #000; }

.btn-lg { font-size: 1.2rem; padding: 1.1rem 1rem; }

/* rem?  */
.main-title { margin: 0 0 30px 0; font-size: 3.25rem; font-weight: 700; }
h1 { margin: 0 0 2rem 0; font-size: 3.25rem; font-weight: 700; }
h2 { margin: 0 0 1.25rem 0; font-size: 2.5rem; font-weight: 700; }
h3 { margin: 0 0 0.75rem 0; font-size: 1.7rem; font-weight: 700; }

.w100 { width: 100%; }

.form-control { height: 44px; font-size: 14px; border-radius: 4px; background: #e9f0f3; color: #000; padding: 6px 12px; box-shadow: none; -webkit-box-shadow: none; }
.form-control:focus { box-shadow: none; -webkit-box-shadow: none; border-color: #000; }

/*.form-control::-webkit-input-placeholder { color: #005c9b; }*/
/*.form-control::-moz-placeholder { color: #005c9b; }*/
/*.form-control:-ms-input-placeholder { color: #005c9b; }*/
/*.form-control:-moz-placeholder { color: #005c9b; }*/

select.form-control { padding: 0 12px; }
textarea.form-control { resize: none; }

header { background: #e9f0f3; position: relative; }
header .menu { padding: 2rem 0 1rem 0; display: flex; justify-content: space-between; }
header .promobox { }
header .navbar {  }
header .navbar .user-box { float: left; margin-left: 50px; }
header .navbar .user-box a:first-child { margin-right: 15px; }

.navbar { min-height: 0; margin: 0 0 0 0; border: none; background: transparent; border-radius: 0; }
.navbar .navbar-nav {  }
.navbar .navbar-nav>li {  }
.navbar .navbar-nav>li>a { font-size: 17px; color: #2d3a41; font-weight: 700; background: none; padding: 12px 20px;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.navbar .navbar-nav>li>a:hover, .navbar .navbar-nav>li>a:focus { background: none; color: #ff8345; }
.navbar .navbar-nav>li.active>a { background: none; color: #ff8345; }
.navbar .navbar-nav>li.active>a:hover, .navbar .navbar-nav>li.active>a:focus { background: none; color: #ff8345; }
.navbar .navbar-nav>li.open>a { background: none; color: #ff8345; }
.navbar-nav>li>.dropdown-menu { border-radius: 12px; }
.dropdown-menu { background: #fff; border-radius: inherit; padding: 0; border: 0; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); left: 50%; transform: translateX(-50%); }
.dropdown-menu:before { content: ''; position: absolute; top: -6px; left: 50%; margin-left: -6px;
    width: 0; height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #fff transparent; }
.dropdown-menu>li{ overflow: hidden; }
.dropdown-menu>li:first-child { border-radius: 12px 12px 0 0; }
.dropdown-menu>li:last-child { border-radius: 0 0 12px 12px; }
.dropdown-menu>li>a { font-size: 14px; color: #343434; padding: 10px; text-align: center; font-weight: 700;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background: #ff8345; color: #fff; }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background: #005c9b; color: #fff; }


.mm-menu.mm-light { background: #e9f0f3; color: #343434; }
.mm-menu.mm-light .mm-list > li > a.mm-subclose { background: #3f2b7e; color: #fff; }
.mm-menu.mm-light .mm-list>li>a.mm-subclose:before { border-color: rgba(255,255,255,0.3); }
.mm-menu.mm-light .mm-list>li.mm-selected>a:not(.mm-subopen) { color: #ff8345;  }
.mm-list>li>a, .mm-list>li>span { font-weight: 700; }
.mm-menu .mm-list { padding: 10px 0 20px 0; }
.mm-menu.mm-light .mm-list>li.info {  }
.mm-menu.mm-light .mm-list>li.info span { white-space: normal; }
.mm-menu.mm-light .mm-list>li.info.logo>span { padding: 10px; }
.mm-menu.mm-light .mm-list>li.info.logo a { display: block; max-width: 90px; margin: 0 auto; }
.mm-menu.mm-light .mm-list>li.info.logo a img {  }
.mm-menu.mm-light .mm-list>li.info.users {  }
.mm-menu.mm-light .mm-list>li.info.users a { display: block; margin-top: 10px; }
.mm-menu.mm-light .mm-list>li.info:after { content: none!important; display: none!important; }

.mobilebtn { }
.mobilebtn>a { padding: 5px 20px; font-size: 20px; }
.mobilebtn>a span { display: none; }
.mobilebtn>a i { }

svg { display: block; }

.app-button.button-wrapper { display: flex; }
.app-button .btn { display: inline-flex; justify-content: center; align-items: center; padding: 0.85rem 1.5rem; }
.app-button .btn:last-child { margin-left: 0.75rem; }
.app-button .btn.apple img { height: 2.75rem; }
.app-button .btn.google img { height: 2.5rem }

.app-button .btn.sos img { height: 2.5rem; margin:0 10px 0 0; }

.promobox { padding-bottom: 4.5rem}
.promobox .text { padding-top: 4rem; }
.promobox .text h1 {  }
.promobox .text h3 {  }
.promobox .text p { font-size: 1.1rem; margin-bottom: 1.5rem; }
.promobox .text h4 { font-size: 1.2rem; font-weight: 700; margin-bottom: 2rem; }
.promobox .text .button-wrapper { }
.promobox .text .more { margin-top: 15px; }
.promobox .text .more a { font-size: 0.9rem; font-weight: 700; }
.promobox .pic { margin-top: -50px }
.promobox .pic img {  }

.textbox { padding: 7.5rem 0 4rem 0; font-size: 1.35rem; font-weight: 400; }
.textbox h1 {}
.textbox .desc { margin-bottom: 1.5rem; }
.textbox .desc p {}
.textbox .button-wrapper {}
.textbox .button-wrapper a {}
.textbox .button-wrapper a:hover { text-decoration: underline; }

.login-box { padding: 4rem 0;
    background: url(../images/bg-loginbox.svg) 50% 0 no-repeat scroll transparent; background-size: 100% 100%;
}
.login-box .inner { display: flex; margin: 0 -13px; padding: 0 15px; }
.login-box .item { margin: 0 13px; width: 50%; flex: 1; text-align: center; background: #fff; color: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); border-radius: 10px; overflow: hidden; }
.login-box .item .top { padding: 30px 35px 90px 35px; background: #ff6260; }
.login-box .item.business .top { background: #3f2b7e; }
.login-box .item.user {}
.login-box .item .pic { margin-bottom: 2rem; }
.login-box .item .pic svg { height: 7rem; }
.login-box .item .pic use.icon { fill: #3f2b7e; margin: 0 auto; }
.login-box .item.business use.icon { fill: #ff6260; }
.login-box .item .title {}
.login-box .item .desc { font-size: 1.2rem; min-height: 3.4rem; }
.login-box .item .button-wrapper { display: flex; flex-direction: column; align-items: center; padding: 0 5rem; margin-top: -2.35rem; }
.login-box .item .button-wrapper .btn { border: 8px solid #fff; box-shadow: none; width: 100%; margin-bottom: 15px; }
.login-box .item .button-wrapper .btn-white { border: 1px solid #a7a7a7; }

.services { padding: 3rem 0 4rem 0; }
.services .inner { display: flex; align-items: center; margin: 0 -15px; }
.services .inner .col { flex: 0 0 50%; max-width: 50%; padding: 0 15px; }
.services .inner .desc .title { margin-bottom: 20px; }
.services .inner .desc p { font-size: 1.75rem; margin-bottom: 3.25rem; }
.services .inner .col-slider { position: relative; }
.services .inner .col-slider img.bg { position: relative;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; -webkit-user-drag: none;
}
.services .inner .services-slider { position: absolute; bottom: 100px; left: 15px; right: 15px; }
.services .services-slider .swiper-container{ padding: 0 10px; /*width: calc(100% + 20px); margin-left: -10px;*/ }
.services .services-slider .swiper-wrapper { padding: 10px 0; }
.services .services-slider .swiper-slide.swiper-slide-visible { box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); }
/*
.services .services-slider .swiper-slide.swiper-slide-visible.swiper-slide-active { color: #fff; }
.services .services-slider .swiper-slide.swiper-slide-visible.swiper-slide-active use.icon { fill: #fff; }
.services .services-slider .swiper-slide.swiper-slide-visible.swiper-slide-active .bg { opacity: 1; filter: alpha(opacity=100); }
 */
.services .services-slider .swiper-slide,
.services .services-slider .swiper-slide * {
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; -webkit-user-drag: none;
}
.services .services-slider .swiper-slide { position: relative; background: #fff; color: #343434; display: flex; flex-direction: column; align-items: center; padding: 1.25rem 0.25rem; border-radius: 10px; overflow: hidden;
    transition: box-shadow 0.3s 0s ease, color 0.3s 0s ease;
}
.services .services-slider .swiper-slide .bg { position: absolute; z-index: 0; top: -1px; right: -1px; bottom: -1px; left: -1px; border-radius: 10px;
    background: #ff6260;
    background: -moz-linear-gradient(left,  #ff6260 0%, #ff8345 100%);
    background: -webkit-linear-gradient(left,  #ff6260 0%,#ff8345 100%);
    background: linear-gradient(to right,  #ff6260 0%,#ff8345 100%);
    opacity: 0; filter: alpha(opacity=0);
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.services .services-slider .swiper-slide .pic { position: relative; z-index: 1; margin-bottom: 1rem; }
.services .services-slider .swiper-slide .pic svg { height: 4.5rem; }
.services .services-slider .swiper-slide .pic use.icon { fill: #343434;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.services .services-slider .swiper-slide .title { position: relative; margin: 0 0 0 0; font-size: 0.75rem; text-transform: uppercase; }
.services .services-slider .swiper-slide:hover { box-shadow: 0 0 10px 0 rgba(255,100,97,0.7); color: #fff; }
.services .services-slider .swiper-slide:hover .bg { opacity: 1; filter: alpha(opacity=100); }
.services .services-slider .swiper-slide:hover use.icon { fill: #fff; }
.services .desc {}
.services .button-wrapper {}

.main-content { }

/**/


.profile {}
.profile .orders {}
.profile .orders .table {}
.profile .orders .table thead .orderid { }
.profile .orders .table thead .date { width: 175px; }
.profile .orders .table thead .price { width: 115px; }
.profile .orders .table thead .morebtn { width: 95px; }
.profile .orders .table.table-striped>tbody>tr:nth-of-type(odd) { }

.inorder {}
.inorder .panel-heading .orderid {}
.inorder .panel-heading .date { float: right; font-size: 12px; font-style: italic; font-weight: 400; line-height: 22px; }

.inorder .products {}
.inorder .products .table td, .inorder .products .table th { vertical-align: middle; }
.inorder .products .table thead .name {}
.inorder .products .table thead .price { width: 110px; }
.inorder .products .table thead .qty { text-align: center; }
.inorder .products .table thead .totalprice { text-align: right; }
.inorder .products .table tbody .name {}
.inorder .products .table tbody .name .prod-name { display: block; font-weight: 700; }
.inorder .products .table tbody .name .sku { font-size: 12px; font-style: italic; }
.inorder .products .table tbody .price {}
.inorder .products .table tbody .qty { text-align: center; }
.inorder .products .table tbody .totalprice { text-align: right; }
.inorder .products .table .sum { background: #ddd; }
.inorder .products .table .sum td { text-align: right; font-weight: 700; }
.inorder .products .table .sum td.sumprice { }


.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { }
.cart .table>tbody>tr>td, .cart .table>tbody>tr>th, .cart .table>tfoot>tr>td, .cart .table>tfoot>tr>th, .cart .table>thead>tr>td, .cart .table>thead>tr>th {  }
.cart .basket thead .pic { width: 76px; }
.cart .basket thead .name { }
.cart .basket thead .price { width: 100px; text-align: right; }
.cart .basket thead .qty { width: 90px; text-align: center; }
.cart .basket thead .price-sum { width: 100px; text-align: right; }
.cart .basket thead .delete { width: 20px; }

.cart .basket tbody td { vertical-align: middle; }
.cart .basket tbody .pic { }
.cart .basket tbody .pic a { }
.cart .basket tbody .pic img { max-width: 60px; }
.cart .basket tbody .name { }
.cart .basket tbody .name a { }
.cart .basket tbody .name a:hover { }
.cart .basket tbody .name .modifiers { }
.cart .basket tbody .name .modifiers .modifier { }
.cart .basket tbody .name .modifiers .modifier span { }
.cart .basket tbody .prices { text-align: right; }
.cart .basket tbody .prices .price { }
.cart .basket tbody .prices .price.old { }
.cart .basket tbody .prices .price.sale { }
.cart .basket tbody .prices .price.regular { }
.cart .basket tbody .qty { text-align: center; }
.cart .basket tbody .qty .form-control { display: inline-block; width: 40px; text-align: center; padding: 6px; }
.cart .basket tbody .price-sum { text-align: right; }
.cart .basket tbody .delete { text-align: center; }
.cart .basket tbody .delete a { display: inline-block; }

.cart .basket .totals { }
.cart .basket .totals td { background: transparent; }
.cart .basket .totals td { font-weight: bold; }
.cart .basket .totals .text-right { border-left: 0 none; }
.cart .basket .totals .hidden-xs { border-right: 0 none; }

.cart .msg textarea { height: 120px; resize: none; }

.cart .summary-user { margin-bottom: 30px; }
.cart .summary-user > a.edit { float: right; }
.cart .summary-user > div { margin-bottom: 10px; }
.cart .summary-user > div > .title { font-size: 16px; font-weight: bold; margin: 5px 0 10px 0; }
.cart .summary-user .user-info { }
.cart .summary-user .user-billing { }
.cart .summary-user .user-shipping { }

.cart .buttons { }
.cart .buttons .btn { font-size: 14px; height: 32px; line-height: 32px; }
.cart .buttons .btn.back { }
.cart .buttons .btn.modify { }
.cart .buttons .btn.empty { }
.cart .buttons .btn.order { float: right; background: #000; color: #fff; }
.cart .buttons .btn.order:hover { background: #5d8c0e; color: #fff; }


.cart-breadcrumb { padding: 0 0 0 0; margin-bottom: 30px; border: 1px solid #d5d5d5; list-style: none; background: #f5f5f5; border-radius: 4px; }
.cart-breadcrumb>li { float: left; }
.cart-breadcrumb>li>a, .cart-breadcrumb>li>span { position: relative; display: block; padding: 12px 10px 12px 26px; text-align: center; font-size: 13px; line-height: 16px;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.cart-breadcrumb>li:first-child>a, .cart-breadcrumb>li:first-child>span { padding: 12px 10px 12px 16px; }
.cart-breadcrumb>li>a:before, .cart-breadcrumb>li>a:after, .cart-breadcrumb>li>span:before, .cart-breadcrumb>li>span:after {
    content:''; position: absolute; top: 0; left: 100%; z-index: 1; display: block; width: 0; height: 0;
    border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 16px solid transparent;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.cart-breadcrumb>li>a:before, .cart-breadcrumb>li>span:before { margin-left: 1px; border-left-color: #d5d5d5; }
.cart-breadcrumb>li>a:after, .cart-breadcrumb>li>span:after { border-left-color: #f5f5f5; }
.cart-breadcrumb>li.active>span { background: #91ae62; font-weight: bold; }
.cart-breadcrumb>li.active>span:after { border-left-color: #91ae62; }
.cart-breadcrumb>li>a { font-weight: 700;}
.cart-breadcrumb>li>span { cursor: default; }
.cart-breadcrumb>li>a:hover, .cart-breadcrumb>li>a:focus { background: #ddd; }
.cart-breadcrumb>li>a:hover:after, .cart-breadcrumb>li>a:focus:after { border-left-color: #ddd; }

.pager-container { text-align: center; }
.pagination { }
.pagination>li { }
.pagination>li>a,.pagination>li>span {  }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {  }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {  }
.pagination>li:first-child > a, .pagination > li:last-child > a { }

.panel-default>.panel-heading { background: #000; color: #fff; }

.user-form { }
.user-form .button-wrapper {display: flex; justify-content: space-between; align-items: center; }
.user-form .text { padding-right: 15px; }
.user-form .text p { margin: 0 0; }
.user-form .sm-text { font-size: 12px; }
.user-form textarea { height: 120px; }
.user-form .panel-default { background: #e9f0f3; }
.user-form .panel-default .form-control { background: #fff; }



.main-content { padding: 2rem 0; }

.content-lead { margin-bottom: 30px; }
.content-body { }
.content-lead img, .content-body img { display: block; max-width: 100%; height: auto; }
/*.content-lead a, .content-body a { font-weight: 700; }*/
.page-view .content-lead { font-weight: 700; }
.home-page.page-view .content-lead { font-weight: 400; }

.main-content .main-title { font-size: 2.5rem; }

.panel-faq .panel-heading { padding: 0; background: transparent; border: 0 none; }
.panel-faq .panel-heading .panel-title { font-size: 1.1rem; font-weight: 700; }
.panel-faq .panel-heading a { display: block; padding: 10px 15px; color: #fff; border-radius: 4px 4px 0 0; overflow: hidden;
    background: #ff6260;
    background: -moz-linear-gradient(left,  #ff6260 0%, #ff8345 100%);
    background: -webkit-linear-gradient(left,  #ff6260 0%,#ff8345 100%);
    background: linear-gradient(to right,  #ff6260 0%,#ff8345 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6260', endColorstr='#ff8345',GradientType=1 );
}
.panel-faq .panel-heading a.collapsed { color: #000; background: #e9f0f3; }
.panel-faq .panel-heading a.collapsed:hover { background: #ff6260; color: #fff;
    background: -moz-linear-gradient(left,  #ff6260 0%, #ff8345 100%);
    background: -webkit-linear-gradient(left,  #ff6260 0%,#ff8345 100%);
    background: linear-gradient(to right,  #ff6260 0%,#ff8345 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6260', endColorstr='#ff8345',GradientType=1 );}
.panel-faq .panel-body > p:first-child { margin-bottom: 0; }
.panel-faq .panel-body > p:first-child + p { margin-top: 15px; }

footer { background: #e9f0f3; padding: 55px 0 15px 0; }
footer .top { display: flex; border-bottom: 1px solid #c1c7c9; }
footer .top .col {}
footer .top .col-logo { flex: 0 0 213px; }
footer .top .col-menu { margin-left: 60px; display: flex; flex: 1; }
footer .top .item { flex: 0 0 25%; }
footer .top .item .title { margin: 0 0 1.5rem 0; font-size: 1rem; text-transform: uppercase; }
footer .top .item ul { margin: 0 0 1.5rem 0; padding: 0; list-style: none; font-size: 13px; font-weight: 700; }
footer .top .item li { margin-bottom: 4px; }
footer .top .item li a { display: inline-block; padding: 3px 0; color: #343434; }
footer .top .item li a:hover { color: #ff8345; }
footer .bottom { display: flex; align-items: center; font-size: 14px; font-weight: 700; padding-top: 1.5rem; }
footer .bottom a { color: #343434; }
footer .bottom a:hover { color: #ff8345; }
footer .bottom .copyright { margin-right: 10px; }
footer .bottom .createdby { }
footer .bottom .scl-box { margin-left: auto; }
footer .bottom .scl-box a { display: inline-flex; justify-content: center; align-items: center; width: 48px; height: 48px; font-size: 20px;
    border-radius: 100%; background: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); margin-left: 10px; }

.createdby {  }
.createdby a { display: inline-block; }
.createdby a:hover {  }

.error404 { text-align: center; }
.error404 h1 { font-size: 72px; font-weight: 700; text-transform: uppercase; }
.error404 h2 { font-size: 32px; }

body.stop-scrolling { padding-right: 17px; }
.sweet-overlay { overflow: visible; overflow-y: scroll; }


/*xs */
@media (max-width: 767px) {

    html { font-size: 13px; }
    body { font-size: 1rem; }

    .btn { font-size: 1rem; }

    .promobox { padding-bottom: 2rem; }
    .promobox .text { padding-top: 2rem; }
    .promobox .pic { margin: 10px 0 0 0; }
    .promobox .pic img { max-width: 30vh; }

    .textbox { padding: 4rem 0; }

    .login-box .inner { flex-direction: column; margin: 0; padding: 0; }
    .login-box .item { width: 100%; max-width: 348px; margin: 0 auto; }
    .login-box .item.business { margin-bottom: 30px; }
    .login-box .item .top { padding: 15px 15px 45px 15px; }
    .login-box .item .pic svg { height: 5rem; }
    .login-box .item .button-wrapper { padding: 0 3rem; }
    .login-box .item .desc { min-height: inherit; }

    .services .inner { flex-direction: column; }
    .services .inner .col { flex: 0 0 100%; max-width: 100%; width: 100%; }
    .services .inner .col-text { margin-bottom: 2rem; }
    .services .inner .desc p { margin-bottom: 2rem; }
    .services .inner .col-slider img.bg { height: 30rem; }
    .services .inner .services-slider { bottom: 30px; left: 0; right: 0; }

    .cart .table { font-size: 11px; }
    .inorder .products .table { font-size: 11px; }
    .profile .orders .table { font-size: 11px; }
    .cart.user-info .table { font-size: 13px; }
    .cart .summary-user { font-size: 12px; }
    .cart .table th, .cart .table td { padding: 2px; }
    .inorder .products .table td, .inorder .products .table th { padding: 4px; }
    .cart.user-info .table th, .cart.user-info .table td { padding: 4px; }
    .cart .basket thead .price { width: 70px; }
    .cart .basket thead .qty { width: 75px; }
    .cart .basket thead .price-sum { width: 55px; }
    .cart .basket tbody .prices .price { font-size: 12px; }
    .cart .basket tbody .qty .form-control { padding: 6px 3px; font-size: 11px; width: 35px; }
    .cart .buttons .btn { float: none; width: 100%; margin: 5px 0; }
    .cart-breadcrumb { display: none; }

    footer .top { flex-direction: column; }
    footer .top .col-logo { flex: 1; width: 120px; margin: 0 auto 20px auto; }
    footer .top .col-menu { margin-left: 0; flex-wrap: wrap; }
    footer .top .item { flex: 1 1 auto; }

}

/* sm */
@media (min-width: 768px) {


}

/* only sm */
@media (min-width: 768px) and (max-width: 991px) {
    .cart-breadcrumb>li>a, .cart-breadcrumb>li>span { font-size: 12px; }

    html { font-size: 15px; }
    .promobox .pic { margin-top: 0; }
    .textbox { padding: 3rem 0; }
    .login-box .inner { padding: 0 0; }
    .login-box .item .button-wrapper { padding: 0 4rem; }

    .services .inner { margin: 0 -7px; }
    .services .inner .col { padding: 0 7px; }
    .services .inner .col-text { flex: 0 0 47%; max-width: 47%;}
    .services .inner .col-slider { flex: 0 0 53%; max-width: 53%; }
    .services .inner .desc .title { font-size: 3rem; }
    .services .inner .services-slider { bottom: 35px; left: 7px; right: 7px; }
    .services .inner .col-slider img.bg { height: 34rem; }
    .services .services-slider .swiper-container {  }
    footer .top .col-logo { flex: 0 0 120px; }
    footer .top .col-menu { margin-left: 30px; }
}

/* xs & sm */
@media (max-width: 991px) {
    header .menu { padding: 10px 0; align-items: center; }
    header .menu .logo { width: 120px; }
    footer { padding: 15px 0 5px 0; }
    footer .bottom { padding-top: 15px; flex-direction: column; font-size: 12px; text-align: center; }
    footer .bottom .copyright { order: 2; margin-bottom: 5px; }
    footer .bottom .createdby { order: 3; }
    footer .bottom .scl-box { order: 1; margin: 0 auto 10px auto; }
    footer .bottom .scl-box a { width: 38px; height: 38px; font-size: 16px; }
}

/* xs & sm & md*/
@media (max-width: 1199px) {

}

/* md */
@media (min-width: 992px) {

}

/*only md */
@media (min-width: 992px) and (max-width: 1199px) {
    .cart-breadcrumb>li>a, .cart-breadcrumb>li>span { font-size: 11px; }

    html { font-size: 16px; }

    header .menu .logo { width: 150px; }
    header .navbar .user-box { margin-left: 25px; }
    .navbar .navbar-nav>li>a { font-size: 16px; padding: 12px 15px; }

    .promobox .pic { margin-top: 0 }
/*
    .services .inner .col.col-text { flex: 0 0 40%; max-width: 40%; }
    .services .inner .col.col-slider { flex: 0 0 60%; max-width: 60%; }
*/
    .services .inner .col-slider img.bg { height: 43rem; }
    .services .services-slider .swiper-slide {  }

    footer .top .col-logo { flex: 0 0 160px; }
    footer .top .col-menu { margin-left: 40px; }
}

/* lg */
@media (min-width: 1200px) {

}

/**/
div.errormark { display: none; width: 16px; height: 16px; }
div.errormark a {display: block; background: transparent url(../images/icons/error.png) no-repeat; width: 16px; height: 16px; }
div.errors { position: relative; background: #ffecec; border: solid 1px #ffffff; padding: 10px; margin-bottom: 10px; }
div.errors strong { color: #000000; }
div.errors .error-close { position: absolute; width: 17px; height: 17px; top: 0px; right: 0px; display: block; background: url(../images/icons/error_close_icon.png) no-repeat; }
div.error-text { margin-top: 5px; }

.alert-spinner {
    background: url('/frontend-files/images/loader.svg') no-repeat #bce8f1 0 center;
    padding-left: 64px;
}

.search-services #buttons .button {
    margin-bottom: 20px;
}
.search-services #buttons .button { box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); }

.search-services #buttons .button,
.search-services #buttons .button * {
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; -webkit-user-drag: none;
}
.search-services #buttons .button { position: relative; background: #fff; color: #343434; display: flex; flex-direction: column; align-items: center; padding: 1.25rem 0.25rem; border-radius: 10px; overflow: hidden;
    transition: box-shadow 0.3s 0s ease, color 0.3s 0s ease;
}

.search-services #buttons .bg { position: absolute; z-index: 0; top: -1px; right: -1px; bottom: -1px; left: -1px; border-radius: 10px;
    background: #ff6260;
    background: -moz-linear-gradient(left,  #ff6260 0%, #ff8345 100%);
    background: -webkit-linear-gradient(left,  #ff6260 0%,#ff8345 100%);
    background: linear-gradient(to right,  #ff6260 0%,#ff8345 100%);
    opacity: 0; filter: alpha(opacity=0);
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}

.search-services #buttons .button .pic { position: relative; z-index: 1; margin-bottom: 1rem; }
.search-services #buttons .button .pic svg { height: 4.5rem; }
.search-services #buttons .button .pic use.icon { fill: #343434;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}

.search-services #buttons .button .title { position: relative; margin: 0 0 0 0; font-size: 0.75rem; text-transform: uppercase; }
.search-services #buttons .button:hover { box-shadow: 0 0 10px 0 rgba(255,100,97,0.7); color: #fff; }
.search-services #buttons .button:hover .bg { opacity: 1; filter: alpha(opacity=100); }
.search-services #buttons .button:hover use.icon { fill: #fff; }