* { outline: none !important; }

body { font-family: 'Raleway', sans-serif; font-size: 16px; font-weight: 400; color: #000; 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: #005c9b; }
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; }

h1, h2, h3, h4, h5 { font-family: 'Pridi', sans-serif; font-weight: 500; }

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

.container { position: relative; }

.btn { display: inline-flex; align-items: inherit; justify-content: inherit; overflow: hidden; border-radius: 0; border: 0 none; font-size: 20px; font-weight: 700; padding: 0; background: transparent; }
.btn .icon { display: flex; justify-content: center; align-items: center; position: relative; background: #ed2142; margin-right: 15px; padding: 0 0.2em 0 0.4em; }
.btn .icon:before { content: ''; position: absolute; top: 0; left: 100%; bottom: 0;
    width: 0; height: 0; border-style: solid; border-width: 100px 10px 0 0; border-color: #ed2142 transparent transparent transparent;
}
.btn .icon i { display: block; width: 1.5em; height: 1.5em; background: 50% 50% no-repeat scroll transparent; background-size: 100%; }
.btn .text { position: relative; padding: 0.25em 0.5em; background-color: 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;
}
.btn .text:before { content: ''; position: absolute; top: 0; right: 100%; bottom: 0;
    width: 0; height: 0; border-style: solid; border-width: 0 0 100px 10px; border-color: transparent transparent #fff 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;
}
.btn-default { color: #000; }
.btn-default .text { background-color: #fff; }
.btn-default:hover { background-color: transparent; color: #fff; }
.btn-default:hover .text { background: #000; }
.btn-default:hover .text:before { border-color: transparent transparent #000 transparent; }

.btn-scroll-up { position: fixed; bottom: 80px; right: 15px; z-index: 10; width: 60px; height: 60px;
    margin: auto; padding: 0; text-align: center; color: #282828; border: solid 1px rgba(0,0,0,.12); border-radius: 50px; background-color: #fff; display: none;
}
.btn-scroll-up .svg-icon { display: inline-block; fill: currentColor; vertical-align: middle; position: relative; bottom: 1px; }

.icon-idea .icon i { background-image: url(../images/icon-idea.png); }
.icon-phone .icon i { background-image: url(../images/icon-phone.png); }
.icon-callback .icon i { background-image: url(../images/icon-callback.png); }
.icon-email .icon i { background-image: url(../images/icon-email.png); }

.btn-primary {color: #000; }
.btn-primary .text { background-color: #fdc016; }
.btn-primary .text:before { border-color: transparent transparent #fdc016 transparent; }
.btn-primary:hover { background-color: transparent; color: #fff; }
.btn-primary:hover .text { background: #000; }
.btn-primary:hover .text:before { border-color: transparent transparent #000 transparent; }

.btn.w100 { display: flex; }
.btn.w100 .text { flex: 1; }

.form-group .control-label { display: block; padding: 0; color: #000; font-family: 'Pridi', sans-serif; font-size: 20px; font-weight: 500; margin-bottom: 15px; }

.form-control { height: 40px; font-family: 'Pridi', sans-serif; font-weight: 500; font-size: 20px; border-radius: 0; border: 0 none; border-bottom: 1px solid #c7c7c7; background: transparent; color: #000; padding: 6px 0; box-shadow: none; -webkit-box-shadow: none; }
.form-control:focus { box-shadow: none; -webkit-box-shadow: none; border-color: #000; }

.custom-control { margin: 0; padding: 5px 0 0 0; font-size: 14px; font-weight: 400; cursor: pointer; }
.custom-control, .custom-control * {
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; -webkit-user-drag: none;
}
.custom-control input { float: left; position: relative; width: 21px; height: 21px; margin: -1px 15px 0 0; cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 0 none; }
.custom-control input:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 2px; border: 2px solid #FBC83B; border-radius: 100%; font-family: 'FontAwesome'; color: #FBC83B; }
.custom-control input[type="checkbox"]:checked:before { content: '\f00c'; }
.custom-control .text {  }
.custom-control .text a { font-weight: 700; color: #000; }
.custom-control .text a:hover { text-decoration: underline; }

.input-group { display: flex; flex-wrap: wrap; }
.input-group .custom-control { margin: 0 20px 15px 0; padding: 5px 0; }

/*
.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: vertical; }

.has-error .form-control { box-shadow: none; }

.d-flex { display: flex; }

header { background: #fff; padding: 20px 0; }
header .inner { align-items: center; }
header .logo { width: 160px; }
header .logo img { }
header .navbar { margin: 0 auto; }
header .lang-box { }
header .social-box { }

.social-box { margin-left: 20px; }
.social-box a { display: inline-block; vertical-align: top; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: #000; border-radius: 100%; border: 2px solid #000;  }
.social-box a+a { margin-left: 10px; }
.social-box a:hover { background: #000; color: #fff; }

.lang-box {}
.lang-box a { color: #000; font-size: 14px; font-weight: 700; text-transform: uppercase; }
.lang-box a+a {}
.lang-box a+a:before { content: '/'; margin: 0 3px 0 0; color: #000!important; }
.lang-box a:hover { color: #FBC83B; }
.lang-box .active { color: #FBC83B; }

.navbar { min-height: 0; margin: 0 0 0 0; border: none; background: transparent; border-radius: 0; }
.navbar .navbar-nav {  }
.navbar .navbar-nav>li { margin: 0 5px; }
.navbar .navbar-nav>li>a { font-size: 15px; font-weight: 700; color: #000; background: transparent; padding: 10px 10px; border-bottom: 1px 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;
}
.navbar .navbar-nav>li>a:hover, .navbar .navbar-nav>li>a:focus { background: transparent; border-color: #FBC83B; color: #FBC83B; }
.navbar .navbar-nav>li.active>a { background: transparent; border-color: #FBC83B; color: #FBC83B; }
.navbar .navbar-nav>li.active>a:hover, .navbar .navbar-nav>li.active>a:focus { background: transparent; border-color: #FBC83B; color: #FBC83B; }
.navbar .navbar-nav>li.open>a { background: transparent; border-color: #FBC83B; color: #FBC83B;  }

.dropdown-menu { background: #fff; border-radius: 0; padding: 0; border: 1px solid #d9e5e9; }
.dropdown-menu>li>a { font-size: 15px; color: #464F59; padding: 10px 20px; background: none;
    -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: transparent; color: #FBC83B; }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background: transparent; color: #FBC83B; }

.mobilebtn {}
.mobilebtn a { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; color: #000; background: #FBC83B; border-radius: 100%; font-size: 22px; }
.mobilebtn a span { display: none; }
.mobilebtn a i {}

.mm-menu.mm-light { background: url(../images/bg.jpg) 50% 0 repeat scroll #FBC83B; color: #000; }
.mm-menu.mm-light .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.2); color: #fff; }
.mm-menu>.mm-list { padding: 10px 0; }
.mm-menu .info {}
.mm-menu .info span { padding: 0; }
.mm-menu .info .logo { display: block; max-width: 80px; margin: 0 auto 10px auto; }
.mm-menu .info .logo img { }
.mm-list>li>a, .mm-list>li>span { font-weight: 700; }
.mm-menu.mm-light .mm-list > li > a.mm-subclose { background: #FBC83B; color: #000; }
.mm-menu.mm-light .mm-list>li>a.mm-subclose:before, .mm-menu.mm-light .mm-list>li>a.mm-subopen:after { border-color: #000; }
.mm-menu.mm-light .mm-list>li.mm-selected>a:not(.mm-subopen), .mm-menu.mm-light .mm-list>li.mm-selected>span { background: #FBC83B; }
.mm-list>li.info:after { display: none!important; }

.mm-menu .info.bottom { padding: 0 0 10px 20px; position: absolute; bottom: 0; left: 0; font-size: 13px; }
.mm-menu .info.bottom .lang-box { margin-bottom: 10px; }
.mm-menu .info.bottom .social-box { margin: 0 0 5px 0; }
.mm-menu .info.bottom .social-box a { display: inline-flex; justify-content: center; align-items: center; width: 30px; height: 30px; font-size: 14px; border-width: 1px; }
.mm-menu .info.bottom .social-box a:hover { color: #fff; }
.mm-menu .info.bottom .info-box { font-weight: 400; }
.mm-menu .info.bottom .info-box a { color: #000; }
.mm-menu .info.bottom .info-box .company { color: #ee2242; font-weight: 700; font-size: 18px; margin-bottom: 5px; }

.text-yellow { color: #FBC83B; }

.teaser { position: relative; z-index: 1; padding: 15px 0 175px 0; text-align: center; background: url(../images/bg.jpg) 50% 0 repeat scroll #f5f5f5; }
.teaser h1 { margin: 0 0 0 0; font-size: 129px; }
.teaser h2 { margin: 0 0 0 0; font-size: 50px; }
/*
.teaser h1 { margin: 0 0 0 0; font-size: 148px; }
.teaser h2 { margin: 0 0 0 0; font-size: 60px; }
*/
.teaser h2 span { display: block; font-size: 42px; text-transform: uppercase; margin-top: 10px; }

.page-title { position: relative; z-index: 1; padding: 30px 0; text-align: center; background: url(../images/bg.jpg) 50% 0 repeat scroll #f5f5f5; }
.page-title h1 { margin: 0 0 0 0; font-size: 60px; }

.page-view { padding: 30px 0; }

.product.list {}
.product.list:not(.widget) { padding: 30px 0 0 0;}
.product.list.widget { position: relative; z-index: 5; margin-top: -105px; }
.product.list .list-wrapper { flex-wrap: wrap; margin: 0 -15px; }
.product.list .list-wrapper .col { flex: 0 1 25%; padding: 0 15px 40px 15px; }
.product.list .item { display: flex; flex-direction: column; color: #000; font-size: 15px;
    -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;
}
.product.list .item .images { position: relative; display: block; margin-bottom: 20px; overflow: hidden; }
.product.list .item .logo { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 5; display: block; }
.product.list .item .logo img { height: 40px;}
.product.list .item .pic { position: relative; z-index: 1; display: block; overflow: hidden; background: #000; }
.product.list .item .pic img { transform: scale(1.3); opacity: 1; filter: alpha(opacity=100); }
.product.list .item .title { margin: 0 0 5px 0; font-size: 32px; }
.product.list .item .desc { display: block; color: #000; }
.product.list .item:hover { color: #fdc016 }
.product.list .item:hover .pic img { transform: scale(1); opacity: 0.4; filter: alpha(opacity=40); }

.product.view {}
.product.view .teaser { padding: 30px 0; margin-bottom: 30px; }
.product.view .teaser h1 { position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; font-size: 78px; margin-bottom: 20px; }
.product.view .teaser h1 strong { position: absolute; top: -999em; left: -999em; width: 0; height: 0; line-height: 0; font-size: 0; }
.product.view .teaser h1 span {  }
/*.product.view .teaser h1 img { margin-left: 15px; }*/

.product.view .main-content {
    --main-color: #FEC017;
}
.product.view .main-content .content-text { margin-right: auto; margin-left: auto; }
.product.view .main-content .content-text h2:after,
.product.view .main-content .content-text h3:after { background: var(--main-color); }
.product.view .main-content .content-lead { margin-bottom: 60px; }
.product.view .main-content .content-body {}
.product.view .main-content .block { margin-bottom: 40px; }
.product.view .main-content .block>.title { position: relative; text-align: center; padding: 80px 0; margin: 0 0 60px 0; background: 50% 50% no-repeat fixed var(--main-color); background-size: cover; }
.product.view .main-content .block>.title>.container { position: relative; z-index: 5; }
.product.view .main-content .block>.title>.bg-overlay{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: var(--main-color); opacity: 0.8;}
.product.view .main-content .block>.title h2 { margin: 0 0 0 0; font-size: 58px; }
.product.view .main-content .block .block-content {}
.product.view .main-content .block .list-wrapper { margin: 0 -15px; }
.product.view .main-content .block .list-wrapper .item { flex: 1 1 16.6666%; width: 16.6666%; padding: 15px; text-align: center; }
.product.view .main-content .block .list-wrapper .item .pic { margin-bottom: 30px; }
.product.view .main-content .block .list-wrapper .item .pic img { max-width: 150px; }
.product.view .main-content .block .list-wrapper .item .title { margin: 0 0 0 0; font-size: 18px; }
.product.view .main-content .block.benefits .block-content { padding: 30px 0; }
.product.view .main-content .block.casestudy .desc { margin-bottom: 30px; }
.product.view .main-content .block.video { margin-bottom: 0; padding: 60px 0; background: url(../images/bg.jpg) 50% 0 repeat scroll #f5f5f5; }

.team { display: flex; flex-wrap: wrap; justify-content: center;}
.team .divider { flex: 1 1 100%; width: 100%; text-align: center; color: #FBC83B; margin: 0 0 70px 0; }
.team .divider .title { margin: 0 0 0 0; font-size: 32px; }
.team .profile { width: 25%; text-align: center; margin-bottom: 70px; padding: 0 15px; }
.team .profile .pic { margin-bottom: 50px; }
.team .profile .pic img { width: 150px; border-radius: 100%; box-shadow: 0 10px 22px 0 rgba(0,0,0,0.33); }
.team .profile .name { margin-bottom: 5px; font-size: 18px; font-weight: 500; font-family: 'Pridi', sans-serif; color: #FBC83B; }
.team .profile .title { font-weight: 700; font-size: 14px; }

.contact-block { padding: 55px 0 45px 0; text-align: center; background: url(../images/bg-contact-block.jpg) 50% 0 no-repeat scroll transparent; background-size: cover; }
/*.contact-block { padding: 55px 0 45px 0; text-align: center; background: transparent; }*/
.contact-block .title { margin: 0 0 20px 0; font-size: 60px; }
.contact-block p { margin-bottom: 30px; font-size: 38px; font-weight: 500; }
.contact-block .btn { font-size: 48px; }
/*
.contact-block .btn .icon { width: 80px; }
.contact-block .btn .icon i { width: 56px; height: 56px; }
.contact-block .btn .text:before { border-width: 0 0 89px 10px; }
.contact-block .btn .icon:before { border-width: 89px 10px 0 0; }
*/
.contact { padding: 30px 0 120px 0; }
.contact .inner { display: flex; background: #fff; box-shadow: 0 0 10px 1px rgba(0,0,0,0.1); }
.contact .col { padding: 50px 60px; }
.contact .col.info { display: flex; width: 45%; background: url(../images/bg-contact.jpg) 50% 100% no-repeat scroll #fdc016; }
.contact .col.info .wrap { position: relative; width: 100%; }
.contact .col.info h2 { margin-top: 0; }
.contact .col.info h2:after { background: #fff; }
.contact .col.info .company-info { font-family: 'Pridi', sans-serif; font-weight: 500; margin-bottom: 30px; font-size: 18px; }
.contact .col.info .company-info a { color: #000; }
.contact .col.info .company-info a:hover { text-decoration: underline; }
.contact .col.info .btn { display: flex; font-size: 30px; margin-bottom: 20px; }
.contact .col.info .btn .text { width: 100%; }
.contact .col.user-form { width: 55%; }
.contact .col.user-form .btn { font-size: 32px; }
.contact .social-box { position: absolute; bottom: 0; right: 0; }
.contact .social-box a { width: 58px; height: 58px; line-height: 58px; font-size: 26px; background: #fff; border: 0 none; }
.contact .social-box a:hover { background: #000; color: #fff; }

.gmap { position: relative; overflow: hidden; height: 600px; }
.gmap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 600px; }

.page-container { position: relative; z-index: 2; }
.contact-container {  }
.contact-container:before { content: ''; position: absolute; z-index: 0; top: 0; right: 0; left: 0; height: 300px; background: url(../images/bg.jpg) 50% 0 repeat scroll #f5f5f5; }

.page-view .content-text,
.product.view .main-content .content-text:not(.text-center) { text-align: justify; }

.product.view .main-content .block.casestudy .desc { display: none!important; }

footer { background: #0e102b; color: #fff; }
footer .inner { font-size: 14px;  padding: 40px 0 10px 0; border-bottom: 1px solid #fff;}
footer .logo { max-width: 155px;}
footer a { color: #fff; }
footer a:hover { color: #FBC83B; }
footer .title { margin: 15px 0 10px 0; font-size: 15px; }
footer ul { margin: 0 0 0 0; padding: 0; list-style: none; }
footer ul li { margin: 5px 0; }
footer ul li a { display: inline-block; padding: 3px 0; }
footer ul li a:hover { color: #fff; text-decoration: underline; }
footer .divider { display: inline-block; margin: 0 10px; }
footer .bottom { padding: 15px 0; display: flex; align-items: center; font-size: 13px; }
footer .bottom .copyright {}
footer .bottom .createdby {}
footer .bottom .social-box { margin-left: auto; }
footer .bottom .social-box a { border: 0 none; color: #FBC83B; font-size: 22px }
footer .bottom .social-box a:hover { background: none; color: #fff; }

/**/


.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 { }


.user-form { }
.user-form textarea { height: 120px; }


.content-lead { margin-bottom: 30px; }
.content-body { }
.content-lead img, .content-body img { display: block; max-width: 100%; height: auto; margin: 0 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; }

.content-text { font-size: 20px; }
.content-text h2,
.content-text h3 { position: relative; margin: 40px 0 20px 0; padding-bottom: 20px; }
.content-text h2:after,
.content-text h3:after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 7px; background: #FEC017; }
.content-text h2 { font-size: 32px; }
.content-text h3 { font-size: 24px; }


.footer { }

.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) {
    .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; }

}

/* 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; }
    .teaser h1 { font-size: 100px; }
    .teaser h2 { font-size: 42px; }
    .teaser h2 span { font-size: 28px; }

    .product.list .list-wrapper .col { flex: 0 1 33%; }
    .product.list .item .title { font-size: 26px; }
    .product.list .item .logo img { height: 30px; }
    .product.list .item .desc { font-size: 14px; }

    .contact-block .title { font-size: 40px; }
    .contact-block p { font-size: 26px; }
    .contact-block .btn { font-size: 24px; }
    /*
    .contact-block .btn .icon { width: 60px; }
    .contact-block .btn .icon i { width: 40px; height: 40px; }
    .contact-block .btn .text:before {  border-width: 0 0 57px 10px; }
    .contact-block .btn .icon:before { border-width: 57px 10px 0 0; }
*/
    .product.view .teaser h1 img { height: 44px; }

    .content-text h3 { margin: 20px 0 10px 0; padding-bottom: 20px; }
    .content-text h2 { font-size: 26px; }
    .content-text h3 { font-size: 20px; }

    .product.view .main-content .block>.title { padding: 40px 0; background-attachment: scroll; margin-bottom: 30px; }
    .product.view .main-content .block>.title h2 { font-size: 36px; }

    .page-title h1 { font-size: 42px; }

    .contact .col { padding: 15px; }
    .contact .col.info { background-position: 50% 80%; }
    .contact .col.info .company-info { font-size: 14px; }
    .form-control { font-size: 14px; }
    .form-group .control-label { font-size: 14px; }

    .contact { padding: 15px 0 60px 0; }
    .contact .col.info .btn { font-size: 22px; }
    .contact .col.user-form .btn { font-size: 28px; }

    .gmap { height: 300px; }

    footer .bottom { flex-direction: column; padding: 10px 0 5px 0; }
    footer .bottom .copyright { order: 2; }
    footer .bottom .createdby { order: 3; }
    footer .bottom .social-box { margin: 0 0 10px 0; order: 1; }

}

/* xs & sm */
@media (max-width: 991px) {
    header .navbar { margin: 0 0 0 auto; }
    header .lang-box { display: none; }
    header .social-box { display: none; }

    .product.view .teaser { margin-bottom: 15px; }

    .content-text { font-size: 14px; }
    .product.view .main-content .block .list-wrapper { margin: 0 -7px; }
    .product.view .main-content .block .list-wrapper .item { padding: 0 7px; }
    .product.view .main-content .block .list-wrapper .item .pic { margin-bottom: 15px; }
    .product.view .main-content .block .list-wrapper .item .pic img { max-width: 100%; }
    .product.view .main-content .block .list-wrapper .item .title { font-size: 16px; }
}

/* xs */
@media (max-width: 767px) {
    .teaser { padding: 0 0 15px 0; }
    .teaser h1 { font-size: 76px; }
    .teaser h2 { font-size: 26px; }
    .teaser h2 span { font-size: 18px; }

    .product.list.widget { margin-top: 0; padding: 30px 0 0 0; }

    .product.list .list-wrapper { margin: 0 -7px; }
    .product.list .list-wrapper .col { flex: 0 1 33%; padding: 0 7px 30px 7px; }
    .product.list .item .logo img { height: 24px; }
    .product.list .item .title { font-size: 22px; }
    .product.list .item .desc { font-size: 12px; }

    .contact-block { padding: 15px 0; }
    .contact-block .title { font-size: 28px; }
    .contact-block p { font-size: 14px; }
    .contact-block .btn { font-size: 20px; }

    .contact .inner { flex-direction: column; }
    .contact .inner .col { width: 100%; padding: 15px; }
    .contact .inner .col.info { order: 2; background-image: none; }
    .contact .inner .col.user-form { order: 1; padding: 15px 15px 60px 15px; }

    .contact .col.info .company-info { font-size: 14px; }
    .form-control { font-size: 14px; }
    .form-group .control-label { font-size: 14px; }

    .contact { padding: 15px 0 60px 0; }
    .contact .col.info .btn { font-size: 16px; }
    .contact .col.user-form .btn { font-size: 20px; }

    .contact .social-box { position: static; text-align: center; }
    .contact .social-box a { margin: 0 10px; }

    .gmap { height: 150px; }

    .team .divider { margin-bottom: 30px; }
    .team .profile { width: 50%; margin-bottom: 40px; padding: 0 7px; }
    .team .profile .pic { margin-bottom: 25px; }
    .team .profile .name { font-size: 14px; margin-bottom: 0; }
    .team .profile .title { font-size: 11px; }

    .product.view .teaser { padding: 15px 0; }
    .product.view .teaser h1 img { height: 44px; }

    .content-text h3 { margin: 20px 0 10px 0; padding-bottom: 20px; }
    .content-text h2 { font-size: 26px; }
    .content-text h3 { font-size: 20px; }

    .product.view .main-content .block>.title { padding: 40px 0; background-attachment: scroll; margin-bottom: 30px; }
    .product.view .main-content .block>.title h2 { font-size: 36px; }
    .product.view .main-content .block.video { padding: 15px 0; }

    .product.view .main-content .block .list-wrapper { flex-wrap: wrap; justify-content: center; }
    .product.view .main-content .block .list-wrapper .item { width: 33%; flex: 0 0 33%; margin-bottom: 15px; }
    .product.view .main-content .block .list-wrapper .item .title { font-size: 12px; }

    .page-title { padding: 30px 15px; }
    .page-title h1 { font-size: 26px; }

    footer { text-align: center; }
    footer .inner { padding: 15px 0; }
    footer .logo { max-width: 80px; margin: 0 auto 10px auto; }
    footer ul { margin-bottom: 20px; }
    footer .menu-modules .col:first-child ul { margin-bottom: 0; }

    footer .bottom { flex-direction: column; padding: 10px 0 5px 0; font-size: 11px;}

    footer .bottom .divider { margin: 0 2px; }
    footer .bottom .copyright { order: 2; }
    footer .bottom .createdby { order: 3; }
    footer .bottom .social-box { margin: 0 0 10px 0; order: 1; }

}
@media (max-width: 540px) {
    .product.list .list-wrapper .col { flex: 0 1 50%; width: 50%; }

    .product.view .main-content .block>.title { padding: 15px 0; }
    .product.view .main-content .block>.title h2 { font-size: 30px; }

    .product.view .main-content .block.benefits .block-content { padding: 0 0; }

}
@media (max-width: 374px) {
    .product.list .item .logo img { height: 20px; }
    .product.list .item .title { font-size: 18px; }
    .product.list .item .desc { font-size: 12px; }
}

/* xs & sm & md*/
@media (max-width: 1199px) {
    .product.list .item .images { margin-bottom: 10px;  }
}

/* md */
@media (min-width: 992px) {
    .product.view .main-content .content-text { max-width: 80%; }
}

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

    .product.list .item .title { font-size: 26px; }
    .product.list .item .logo img { height: 32px; }

    .contact .col { padding: 20px 30px; }
    .contact .col.info .btn { font-size: 26px; }
}

/* lg */
@media (min-width: 1200px) {
    .product.view .main-content .content-text { max-width: 70%; }
}

/**/
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; }

.todo { display: none; }
.todo { position: fixed; z-index: 200; left: 0; top: 200px; background: #ff2f38; font-size: 13px; color: #000; padding: 10px; border-radius: 0 5px 5px 0; box-shadow: 0 6px 12px rgba(0,0,0,0.3);
    transform: translateX(-95%);
    -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;
}
.todo ul { margin: 0; padding: 0; list-style: none; }
.todo ul ul { padding-left: 15px; }
.todo:hover { transform: translateX(0); }