@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/*
Theme Name: Jagad
Author: VirtualPeople
Author URI: http://virtualpeople.pl/
Description: Theme made for Jagad by VirtualPeople based on Bootstrap starter. 
Version: 1.0

font-family:'Nunito',sans-serif;
*/

/*https://wordpress.org/support/theme/wp-bootstrap-starter/*/

body{margin:0;-webkit-font-smoothing:auto;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a{background-color:transparent;}
a:active,a:hover{outline:0;}
dfn{font-style:italic;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 2.5rem;}
hr{box-sizing:content-box;height:0;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;}
input[type="checkbox"],
input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
textarea{overflow:auto;}
optgroup{font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:0;}
img{height:auto;max-width:100%;}
figure{margin:1em 0;}
table{margin:0 0 1.5em;width:100%;}
.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;height:1px;width:1px;overflow:hidden;word-wrap:normal!important;}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);clip:auto !important;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;left:0.313rem;line-height:normal;padding:0.938rem 1.438rem 0.875rem;text-decoration:none;top:0.313rem;width:auto;z-index:100000;}
#content[tabindex="-1"]:focus{outline:0;}
.alignleft{display:inline;float:left;margin-right:1.5em;}
.alignright{display:inline;float:right;margin-left:1.5em;}
.aligncenter{clear:both;display:block;margin:0 auto;}
a img.alignright{float:right;margin:0.313rem 0 1.25rem 1.25rem;}
a img.alignnone{margin:0.313rem 1.25rem 1.25rem 0;}
a img.alignleft{float:left;margin:0.313rem 1.25rem 1.25rem 0;}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.wp-caption.alignnone{margin:0.313rem 1.25rem 1.25rem 0;}
.wp-caption.alignleft{margin:0.313rem 1.25rem 1.25rem 0;}
.wp-caption.alignright{margin:0.313rem 0 1.25rem 1.25rem;}
.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after{content:"";display:table;table-layout:fixed;}
.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after{clear:both;}
.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none;}
.infinity-end.neverending .site-footer{display:block;}
.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0;}
embed,iframe,object{max-width:100%;}
.wp-caption{background:#f1f1f1 none repeat scroll 0 0;border:1px solid #f0f0f0;max-width:96%;padding:0.313rem 0.313rem 0;text-align:center;}
.wp-caption img[class*="wp-image-"]{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:auto;}
.wp-caption .wp-caption-text{font-size:0.688rem;line-height:1.063rem;margin:0;padding:0.625rem;}
.wp-caption-text{text-align:center;}
.gallery{margin-bottom:1.5em;}
.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%;}
.gallery-item .gallery-columns-2{max-width:50%;}
.gallery-item .gallery-columns-3{max-width:33.33333%;}
.gallery-item .gallery-columns-4{max-width:25%;}
.gallery-item .gallery-columns-5{max-width:20%;}
.gallery-item .gallery-columns-6{max-width:16.66667%;}
.gallery-item .gallery-columns-7{max-width:14.28571%;}
.gallery-item .gallery-columns-8{max-width:12.5%;}
.gallery-item .gallery-columns-9{max-width:11.11111%;}
.gallery-caption{display:block;}
.woocommerce-cart-form .shop_table .coupon .input-text{width:8.313rem !important;}
.variations_form .variations .value > select{margin-bottom:0.625rem;}
.woocommerce-MyAccount-content .col-1,.woocommerce-MyAccount-content .col-2{max-width:100%;}


/*background:url('./img/xxx.png')no-repeat left center;*/
html{overflow-x:hidden;}
body{font-family:Tahoma,'Inter',sans-serif;font-size:20px;/*line-height:24.2;*/font-weight:400;color:#636363;overflow-x:hidden;background:#fff;position:relative;word-wrap:break-word;}
::-moz-selection{background:#D40000;color:#fff;}
::selection{background:#D40000;color:#fff;}

a, button, .wpcf7-submit,span.more, a.mega-menu-link{transition:all .2s ease-in;}
a:hover, button:hover, .wpcf7-submit:hover,span.more:hover, a.mega-menu-link:hover{transition:all .2s ease-out;text-decoration:none;}
a:focus, a:active{text-decoration:none;}
button:active,button:focus{outline:none!important;border:none!important;}

/*global*/
h1,h2,h3,h4,h5,h6{margin:0;}
.container{padding-bottom:0;}
h1{font-weight:800;font-size:48px;line-height:58px;color:#000;position:relative;}
h1 em{color:#0000FF;font-style:normal;}

a.more{padding:16px 42px;text-align:center;font-weight:700;font-size:16px;line-height:20px;background:#0000FF;border-radius:7px;display:inline-block;color:#fff;}
a.more:hover{background:#D40000;}
a.more-inverse{padding:16px 42px;text-align:center;font-weight:700;font-size:16px;line-height:20px;background:#D40000;border-radius:7px;display:inline-block;color:#fff;}
a.more-inverse:hover{background:#0000FF;}


/*top + menu*/
.upper-header{text-align:right;padding-top:11px;background:#fff;}
.upper-header a{background:url('./img/phone.svg')no-repeat left center;font-weight:700;font-size:16px;line-height:20px;color:#000000;padding-left:30px;}
.upper-header a:hover{color:#D40000;}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover{font-weight:500!important;margin:0 10px;}

.site-header{padding-bottom:16px;}
.site-header h6{margin-left:20px;margin-right:255px;font-weight:900;font-size:24px;line-height:29px;text-transform:uppercase;color:#636363;max-width:240px;}
.site-header .extra-links{margin-left:60px;display:inline-block;}
.site-header .extra-links a{font-weight:700;font-size:16px;line-height:19px;border-radius:7px;color:#fff;display:inline-block;padding:12px 25px;}
.site-header .extra-links a.log{background:#0000FF;}
.site-header .extra-links a.log:hover{background:#D40000;}
.site-header .extra-links a.reg{background:#D40000;margin-left:20px;}
.site-header .extra-links a.reg:hover{background:#0000FF;}

#mysticky-nav.wrapfixed{box-shadow:0 4px 12px 0 rgba(0,0,0,.1);border:1px solid #F6F6F6;}
#mysticky-nav.wrapfixed .myfixed{margin-top:10px;margin-bottom:10px;}

ul.mega-sub-menu{box-shadow:0 4px 12px 0 rgba(0,0,0,.1)!important;border:1px solid #F6F6F6!important;}

/*home*/
.hp-top{background:url('./img/hp-top.jpg')no-repeat top center / cover;/*min-height:450px;padding:114px 70px 0 998px;padding:5.938vw 3.646vw 0 51.979vw;*/min-height:23.438vw;margin-bottom:46px;}
.hp-top p{font-weight:800;/*font-size:36px;line-height:44px;margin-top: 117px;*/margin-top:6.094vw;font-size:1.875vw;line-height:2.233vw;color:#000000;}
.hp-top em{font-style:normal;color:#0000FF;}

.hp-grid{}
.hp-grid a{border:1px solid #BABABA;border-radius:10px;display:block;padding:36px 30px;margin-bottom:30px;}
.hp-grid a:hover{box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.2);}
.hp-grid a br{display:none;}
.hp-grid em{font-weight:800;font-size:20px;line-height:24px;color:#000000;font-style:normal;border-bottom:1px solid #BABABA;max-width:346px;display:block;padding-bottom:15px;}

.hp-sell{background:#F6F6F6;border-radius:10px;text-align:center;max-width:870px;margin:95px auto 90px;padding-bottom:38px;}
.hp-sell img{top:-35px;position:relative;}
.hp-sell p{font-weight:500;font-size:16px;line-height:22px;margin:0;}
.hp-sell a.more{margin-top:30px;}

.hp-services{}
.hp-services h3{font-weight:800;font-size:36px;line-height:44px;color:#000;margin-bottom:68px;overflow:hidden;}
.hp-services h3:after{content:url('./img/line.png');position:absolute;right:15px;top:-13px;}
.hp-services h3 em{font-style:normal;color:#D40000;}
.hp-services a.more-inverse{margin-top:30px;}

.hp-services .owl-carousel{text-align:center;}
.hp-services .owl-carousel .owl-item img{border-radius:10px;}

.hp-services .sa_owl_theme .owl-dots {border-radius:10px;
	position: relative;
	width: auto;
	display: inline-block !important;
	padding: 10px 30px 8px !important;
	bottom:0 !important;
	text-align: center !important;
	font-size: 12px !important;
	line-height: 12px !important;
	background: #F6F6F6;
	margin: 0 auto;
}
.hp-services .sa_owl_theme .owl-dots .active span{background-color:#D40000!important;}
.hp-services .sa_owl_theme .owl-dots .owl-dot span{margin:0 8px !important;width:12px!important;height:12px!important;}
.hp-services .nav-tabs .nav-item a{position:relative;}
.hp-services .nav-tabs .nav-item a em{background:url('./img/arrow-blue.png')no-repeat center center;display:block;width:90px;height:90px;position:absolute;z-index:99;right:-42px;top:0;}
.hp-services .nav-tabs .nav-item a.nav-link.active em{background:url('./img/arrow-white.png')no-repeat center center;}

.hp-services .card .collapse img{border-radius:10px;}



.hp-bottom-title{text-align:center;margin:76px auto 36px;max-width:900px;}
.hp-bottom-title h3{font-weight:800;font-size:38px;line-height:44px;color:#000;}
.hp-bottom-title h3 em{color:#0000FF;font-style:normal;}
.hp-bottom{background:#F6F6F6;text-align:center;padding-top:47px;padding-bottom:62px;}
.hp-bottom .inner{min-height:230px;border-radius:9px;background:#fff;padding:36px 30px 66px;}
.hp-bottom h6{margin-top:21px;font-weight:500;font-size:16px;line-height:20px;color:#000;}

/*o nas*/
.top-about{background:url('./img/top-about.jpg')no-repeat top center;min-height:277px!important;padding-top:96px;}
.top-about h1{font-size:36px;line-height:44px;}

.about-top{margin-top:67px;}
.about-top h1{margin-top:38px;margin-bottom:87px;max-width:700px;overflow:hidden;}
.about-top h1:after{content:url('./img/line.png');position:absolute;left:390px;top:-13px;}
.about-top p{font-weight:500;font-size:16px;line-height:20px;margin-bottom:28px;max-width:700px;color:#000;}
.about-top p strong{font-weight:700;display:block;}
.about-top img{border-radius:10px;margin-top:-220px;}

.about-bottom-title{text-align:center;margin:142px auto 54px;max-width:900px;}
.about-bottom-title h2{font-weight:800;font-size:36px;line-height:44px;color:#000000;margin-bottom:43px;}
.about-bottom-title h2 em{color:#D40000;font-style:normal;}
.about-bottom-title p{font-weight:500;font-size:16px;line-height:20px;color:#636363;margin:0 auto;max-width:760px;}

.about-bottom{background:#F6F6F6;padding-top:74px;padding-bottom:50px;}
.about-bottom .box{background:#fff;border-radius:9px;margin-bottom:30px;padding:31px 115px 24px 46px;}
.about-bottom h6{padding-top:15px;padding-left:142px;max-width:490px;font-weight:700;font-size:20px;line-height:24px;color:#000000;min-height:77px;background-repeat:no-repeat;background-position:left center;}
.about-bottom .box01 h6{background-image:url('./img/about-icon01-big.png');}
.about-bottom .box02 h6{background-image:url('./img/about-icon02-big.png');}
.about-bottom .box03 h6{background-image:url('./img/about-icon03-big.png');}
.about-bottom .box04 h6{background-image:url('./img/about-icon04-big.png');}
.about-bottom .box05 h6{background-image:url('./img/about-icon05-big.png');}
.about-bottom p{margin-top:24px;margin-left:142px;font-weight:500;font-size:15px;line-height:20px;border-top:1px solid #636363;padding-top: 14px;}

/*subpages*/

.top-sub{background-repeat:no-repeat;background-position:top center;background-size:cover;min-height:14.375vw;}
.top-inventory{background-image:url('./img/top-sub-inventory.jpg');}
.top-design{background-image:url('./img/top-sub-design.jpg');}
.top-wms{background-image:url('./img/top-sub-wms.jpg');}
.top-stock{background-image:url('./img/top-sub-stock.jpg');}

.sub-first{margin-bottom:40px;/*max-width:1476px;margin:0 auto 62px;*/}
.sub-first h1{font-weight:800;font-size:36px;line-height:44px;color:#000;max-width:780px;margin-top:100px;margin-bottom:46px;position:relative;}
.sub-first h1:after{content:'';position:absolute;top:20px;height:2px;background:#AEAEAE;/*width:278px;width:14.479vw;left:594px;*/width:128px;right:-30px;}
.sub-first h1 em{color:#0000FF;font-style:normal;}
.sub-first p{font-size:16px;line-height:20px;margin-bottom:18px;max-width:670px;}

.sub-first .box{margin:-95px auto 0;padding:40px 31px 20px;background:#F6F6F6;box-shadow:0 4px 24px rgba(0, 0, 0, 0.2);border-radius:10px;width:573px;float:right;}
.sub-first .box h5{font-weight:800;font-size:20px;line-height:25px;color:#000;margin-bottom:36px;max-width:460px;}
.sub-first .box ul{padding-left:0;margin-bottom:46px;}
.sub-first .box ul li{font-weight:500;font-size:16px;line-height:20px;list-style-type:none;background:url('./img/dot-box.jpg')no-repeat top 6px left;padding-left:25px;margin-bottom:17px;}
.sub-first a{margin-top:25px;}

.sub-coop{background:url('./img/sub-cooperation.jpg')no-repeat top center;min-height:708px;margin-bottom:10px;padding-top:60px;}
.sub-coop h3{font-weight:800;font-size:20px;line-height:24px;color:#000;margin-top:54px;margin-bottom:54px;position:relative;}
.sub-coop h3:after{content:url('./img/line.png');position:absolute;left:320px;top:-6px;}
.sub-coop h3 em{/*color:#D40000;*/font-style:normal;}
.sub-coop h6{font-weight:500;font-size:16px;line-height:20px;margin-bottom:20px;color:#000;}
.sub-coop ul{padding-left:25px;margin-bottom:42px;}
.sub-coop ul li{font-weight:500;font-size:16px;line-height:20px;color:#000;}
.sub-coop p{font-weight:500;font-size:16px;line-height:20px;color:#000;}

.sub-who{text-align:center;margin-bottom:44px;}
.sub-who h3{font-weight:800;font-size:36px;line-height:44px;color:#000;margin-bottom:36px;}
.sub-who h3 em{color:#0000FF;font-style:normal;}
.sub-who p{margin:15px 8px;display:inline-block;padding:19px 23px;background:#F6F6F6;box-shadow:0 3px 4px rgba(0, 0, 0, 0.17);border-radius:15px;font-weight: 800;font-size:20px;line-height:24px;color:#000;}

.sub-bottom-upper{background-repeat:no-repeat;background-position:top center;min-height:450px;}
.sub-bottom-upper-inventory{background-image:url('./img/sub-bottom-inventory.jpg');}
.sub-bottom-upper-design{background-image:url('./img/sub-bottom-design.jpg');}
.sub-bottom-upper-wms{background-image:url('./img/sub-bottom-wms.jpg');}
.sub-bottom-upper-stock{background-image:url('./img/sub-bottom-stock.jpg');}

.sub-bottom{padding:33px 90px 31px;margin:-248px auto 75px;max-width:1146px;text-align:center;box-shadow:0 4px 24px rgba(0, 0, 0, 0.2);border-radius:10px;z-index:9;position:relative;background:#fff;}
.sub-bottom p{font-weight:500;font-size:16px;line-height:20px;}
.sub-bottom h3{font-weight:800;font-size:20px;line-height:25px;color:#000000;display:inline-block;margin-bottom:36px;}
.sub-bottom h3:before{content:url('./img/hp-sell.png');position:relative;left:-30px;top:18px;}
.sub-bottom a.more-inverse{margin-top:26px;}

/*shop*/
.empty-shop{text-align:center;background:#F6F6F6;border-radius:0;padding-top:30px;padding-bottom:30px;margin:34px auto 64px;}
.empty-shop p{font-weight:800;font-size:20px;line-height:24px;color:#000;margin:38px auto 0;max-width:600px;}
.empty-shop em{color:#D40000;font-style:normal;}

/*contact*/
body.page-id-20, body.page-id-146{background:#F6F6F6;}
body.page-id-20 .upper-header,body.page-id-20 .site-header,body.page-id-20 .site-footer,body.page-id-20 .bottom-footer{background:#fff;}
body.page-id-146 .upper-header,body.page-id-146 .site-header,body.page-id-146 .site-footer,body.page-id-146 .bottom-footer{background:#fff;}

.contact-back{/*background:#F6F6F6;*/margin-top:-317px;padding-bottom:62px;}
.contact-back h1{font-weight:800;font-size:36px;line-height:44px;text-align:center;margin-bottom:43px;}
.contact-back h1 em{color: #0000FF;font-style:normal;}
.top-contact{background:url('./img/top-contact.jpg')no-repeat top center;min-height:450px;}

.contact{background:#FFF;box-shadow:0 4px 24px rgba(0, 0, 0, 0.2);border-radius:10px;padding:50px 0 51px;margin:0 auto;/*max-width:1462px;*/max-width:1140px;}
.contact h6{font-weight:800;font-size:20px;line-height:24px;text-align:center;color:#000;}
.contact .box-subject{background:#F6F6F6;border-radius:10px;margin:28px auto 0;/*max-width:1150px;*/max-width:1025px;padding:27px 32px 0px;}
.contact .box-subject p{margin-bottom:0;}
.contact .box-subject .wpcf7-list-item{display:block;}
.contact .box-subject .wpcf7-list-item-label{font-weight:700;font-size:15px;line-height:20px;color:#000;padding-left:10px;cursor:pointer;}

.bottom-form{max-width:940px;margin:60px auto 0;}
.bottom-form label{font-weight:700;font-size:16px;line-height:20px;color:#000;width:100%;}

.bottom-form .form-control{margin-top:10px;height:auto;border:0;border-bottom:2px solid #636363;border-radius:0;font-weight:500;font-size:16px;line-height:20px;color:#8A8A8A;padding:9px .75rem;}
.textarea.form-control{max-height:177px!important;font-family:'Inter';font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:#8A8A8A;}

.bottom-form .file{font-weight:500;font-size:14px;line-height:17px;color:#8A8A8A;}

.bottom-form .accept .wpcf7-list-item{margin:0;}
.bottom-form .accept label{font-weight:500;font-size:14px;line-height:17px;color:#8A8A8A;}
.bottom-form .accept label a{color:#0000FF;}
.bottom-form .accept label a:hover{color:#D40000;}
.bottom-form .accept p{margin:0;}
.bottom-form span.ast{color:#D40000;}
.bottom-form p.red{font-weight:500;font-size:14px;line-height:17px;color:#D40000;}

.contact-bottom{max-width:1170px;margin:58px auto 0;}
.contact-bottom .box{background:#fff;border-radius:10px;margin-top:15px;padding:21px 32px 31px 32px;min-height:208px;}
.contact-bottom .box strong{font-weight:400;font-size:16px;line-height:19px;display:block;margin-bottom:42px;color:#636363;}
.contact-bottom .first h6{background:url('./img/icon-pin.png')no-repeat top left;padding-left:40px;font-weight:800;font-size:20px;line-height:29px;color:#000;}
.contact-bottom .first p{font-weight:500;font-size:14px;line-height:17px;margin-bottom:0;max-width:460px;}
.contact-bottom .second h6{background:url('./img/icon-phone.png')no-repeat top left;padding-left:40px;font-weight:800;font-size:20px;line-height:29px;color:#000;}
.contact-bottom .second .box a{margin-bottom:20px;display:iniline-block;color:#636363;}
.contact-bottom .second p{margin:0;font-weight:500;font-size:16px;line-height:19px;}

.wpcf7-submit{background:#D40000;margin-top:47px;padding:16px 45px;text-align:center;font-weight:700;font-size:16px;line-height:20px;border-radius:7px;display:inline-block;color:#fff;border:0;}
.wpcf7-submit:hover{background:#0000FF;}

.contact-bottom .wpcf7-spinner{display:block;background-color:#D40000;opacity:1;}

.contact-thanks{text-align:center;}
.contact-thanks h5{font-weight:800;font-size:20px;line-height:24px;color:#000;margin-top:35px;margin-bottom:41px;}

.policy{max-width:1140px;margin:90px auto;font-size:16px;line-height:20px;}
.policy h1{margin:0 auto 30px;text-align:center;font-weight:800;font-size:36px;line-height:44px;}
.policy strong{color:#000;}


@media (min-width:1179px){
#post-20 span[data-name="radio-508"] .wpcf7-radio {position:relative;display:block;min-height:150px;}
#post-20 span[data-name="radio-508"] .wpcf7-list-item {position:absolute;width:30%;}
#post-20 span[data-name="radio-508"] .wpcf7-list-item:first-of-type {left:0;top:0;}
#post-20 span[data-name="radio-508"] .wpcf7-list-item:nth-of-type(2) {left:36%;top:0;}
#post-20 span[data-name="radio-508"] .wpcf7-list-item:nth-of-type(3) {left:36%;top:30px;}
#post-20 span[data-name="radio-508"] .wpcf7-list-item:nth-of-type(4) {left:36%;top:60px;}
#post-20 span[data-name="radio-508"] .wpcf7-list-item:nth-of-type(5) {left:36%;top:90px;}
#post-20 span[data-name="radio-508"] .wpcf7-list-item:last-of-type {left:82%;top:0;}
}

/*footer*/
.site-footer{padding-top:73px;}
.site-footer img{/*height:62px;*/height:47px;}
.site-footer h5{font-weight:900;font-size:15px;line-height:19px;text-transform:uppercase;color:#636363;margin-left:7px;max-width:180px;margin-top:8px;}
.site-footer h6{font-weight:800;font-size:18px;line-height:22px;color:#000;margin-bottom:14px;}
.site-footer a,.site-footer p{font-weight:500;font-size:14px;line-height:23px;display:block;color:#636363;}
.site-footer a:hover{color:#0000FF;padding-left:10px;}

.bottom-footer{font-weight:500;font-size:13px;line-height:18px;color:#636363;text-align:right;padding-top:30px;padding-bottom:90px;}
.bottom-footer br{height:20px;display:block;}
.bottom-footer a{font-weight:700;color:#636363;}
.bottom-footer a:hover{color:#0000FF;}

.wpcf7-not-valid-tip{font-size:14px;margin-bottom:15px;}
div.wpcf7 .ajax-loader{display:block;}
.wpcf7 form .wpcf7-response-output{border-radius:10px;margin:2em 0.5em 1em;padding:.75rem 1.25rem;border:1px solid transparent;font-size:16px;line-height:23px;text-align:center;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{color:#856404;background-color:#fff3cd;border-color:#ffeeba;}
.wpcf7 form.sent .wpcf7-response-output{color:#155724;background-color:#d4edda;border-color:#c3e6cb;}
.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb;}
.wpcf7 form.spam .wpcf7-response-output{color:#856404;background-color:#fff3cd;border-color:#ffeeba;}

.extendfull{margin-left:-450px;margin-right:-450px;padding-left:450px;padding-right:450px;}
.row-full{/*padding-left:15px;padding-right:15px;*/width:100vw;position:relative;margin-left:-50vw;left:50%;}

footer.entry-meta, footer.entry-footer{display:none;}


@media (max-width:576px){

	.hp-top{padding:7.813vw 3.646vw 2.813vw;min-height:34.438vw;}
	.hp-top p{font-size:4.875vw;line-height:6.292vw;background:rgba(255, 255, 255, .6);padding:3.5vw;}
	.hp-sell{margin:60px auto 50px;}
	.hp-bottom-title h3{font-size:30px;line-height:45px;}
	
	.top-about h1{font-size:28px;}
	.about-bottom .box{padding:26px 20px 10px;margin-bottom:15px;}
	.about-bottom .box p{margin-left:0;}
	.about-bottom h6{padding-top:0;padding-left:128px;}
	
	.sub-first h1{font-size:41px;line-height:53px;margin-top:40px;margin-bottom:38px;}
	.sub-bottom{padding:28px 15px 41px;}
	.sub-bottom h3{padding-top:75px;}
	.sub-bottom h3::before{position:absolute;left:40%;}
	
	.empty-shop{padding:60px 30px 60px;}
	.empty-shop p{font-size:20px;line-height:32px;}
	
	.contact-back h1{font-size:40px;}
	.contact .box-subject .wpcf7-list-item{margin:0;}
	.contact .box-subject .wpcf7-list-item-label{font-size:14px;padding-left:5px;}
	.wpcf7-submit{padding:20px 74px;}
	.contact{padding:50px 0 0;}
	.contact h6{font-size:17px;}
	.contact-bottom .box{padding:21px 20px 31px;min-height:auto;}
	.contact-bottom .second .box a{display:inline-block;}
	
	.site-footer h6{margin-top:20px;}
	.bottom-footer{text-align:center;}

}
@media (min-width: 577px) and (max-width:767px) {

	.hp-top{padding:4.813vw 3.646vw 0;}
	.hp-top p{font-size:2.875vw;line-height:3.292vw;background:rgba(255, 255, 255, .6);padding:1.5vw;}
	.hp-bottom-title h3{font-size:40px;line-height:52px;}
	
	.about-bottom h6{padding-top:10px;padding-left:130px;}
	.about-bottom .box p{margin-left:130px;}
	.about-bottom .box{padding:31px 46px 24px;}
	
	.sub-bottom{padding:28px 30px 41px;}
	.sub-bottom h3{padding-top:75px;}
	.sub-bottom h3::before{position:absolute;left:44%;}
	
	.site-footer .second{margin-bottom:30px;}
}
@media (max-width: 768px){
	.xs-hidden{display:none!important;} 
	
	.site-header img{display:inline-block;margin-bottom:20px;}
	.site-header h6{margin-right:0;margin-left:0;display:inline-block;margin-bottom:20px;}
	.navbar{text-align:center;display:block;}
	.site-header .extra-links{display:none;}
	
	.hp-services h3{margin-bottom:30px;}
	.hp-services h3::after{content:'';}
	.hp-services a.more{margin-bottom:50px;display:block;}
	.hp-bottom .inner{min-height:auto;padding:36px 30px 30px;margin-bottom:15px;}
	
	.about-top{margin-top:60px;}
	.about-top h1{margin-top:0;margin-bottom:50px;}
	.about-top img{margin-top:20px;}
	.about-bottom-title{margin:30px auto 54px;}
	
	.sub-first h1::after{display:none;}
	.sub-first .box{margin:60px auto 0;width:auto;}
	.sub-who p{display:block;margin:15px 0;font-size:19px;}
	.sub-who h3{font-size:33px;}

	.contact-bottom .second{margin-top:40px;}
	.contact .box-subject{border-radius:0;padding:27px 32px 20px;}
	.contact-thanks{padding-bottom:50px;}
	
	.top-sub{min-height:55.396vw;}
	.top-inventory{background-image:url('./img/top-sub-inventory-mob.jpg');}
	.top-design{background-image:url('./img/top-sub-design-mob.jpg');}
	.top-wms{background-image:url('./img/top-sub-wms-mob.jpg');}
	.top-stock{background-image:url('./img/top-sub-stock-mob.jpg');}
}

@media (min-width: 769px){
	.xs-up-hidden{display:none!important;}
}


@media (min-width: 769px) and (max-width:991px) {
	.sm-hidden{display:none;}
	
	.site-header h6{margin-left:0;margin-right:0;}
	#mega-menu-wrap-primary{width:100%;text-align:center;margin-top:20px;margin-bottom:20px;}
	#mega-menu-wrap-primary #mega-menu-primary{text-align:center;}
	.site-header .extra-links{margin-left:0;text-align:center;width:100%;margin-bottom:15px;}
	
	.hp-grid a{padding:36px 20px;}
	.hp-grid em{font-size:19px;line-height:22px;min-height:54px;}
	.hp-services h3{margin-bottom:30px;}
	.hp-services h3::after{content:'';}
	.hp-bottom .inner{min-height:180px;padding:36px 30px 30px;margin-bottom:30px;}
	
	.about-top{margin-top:60px;}
	.about-top h1{margin-top:0;margin-bottom:50px;}
	.about-top img{margin-top:20px;}
	.about-bottom-title{margin:30px auto 54px;}
	
	.sub-first h1::after{display:none;}
	.sub-first .box{margin:60px auto 0;float:none;}
	.sub-bottom{padding:28px 65px 41px;}
	
	.contact-bottom .second{margin-top:40px;}
	
	.site-footer .second{margin-bottom:30px;}

}
@media (min-width: 992px) and (max-width:1200px) {
	.site-header h6{margin-left:0;margin-right:0;}
	#mega-menu-wrap-primary{width:100%;text-align:center;margin-top:20px;margin-bottom:20px;}
	#mega-menu-wrap-primary #mega-menu-primary{text-align:center;}
	.site-header .extra-links{margin-left:0;text-align:center;width:100%;margin-bottom:15px;}
	

	
	.hp-grid a{padding:36px 20px;}
	.hp-grid em{font-size:19px;}
	
	.hp-services h3{margin-bottom:30px;}
	.hp-services h3::after{content:'';}
	
	.hp-bottom .inner{padding:36px 10px 15px;}
	.hp-bottom h6{font-size:15px;line-height:21px;}
	
	.about-top{margin-top:60px;}
	.about-top h1{margin-top:0;margin-bottom:50px;}
	.about-bottom-title{margin:30px auto 54px;}
	
	.sub-first h1{font-size:38px;line-height:48px;margin-bottom:40px;}
	.sub-first h1::after{right:-10px;}
	.sub-first .box{margin:-50px auto 0;width:auto;}
	
	.contact-bottom .box{padding:21px 18px 31px;}

}
@media (min-width: 1201px){
	
	#mysticky-nav.wrapfixed .myfixed img{/*width:11.438vw;*/width:13.438vw;}
	
	.mega-menu-wrap{margin-left:114px!important;}

	/*.container-fluid{margin-left:4.167vw;margin-right:4.167vw;} 1760*/
	.container{max-width:none;/*max-width:1760px;*/max-width:1310px;}
	.hp-top .container{max-width:1380px;}
	
	/*
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover{margin:0 0.521vw;font-size:1.042vw;}
	*/

	/*.site-header img{width:13.438vw;}*/
	.site-header h6{margin-left:1.042vw;margin-right:13.281vw;font-size:1.250vw;line-height:1.510vw;max-width:12.500vw;}
	.site-header .extra-links{/*margin-left:3.125vw;margin-left:4.275vw;*/margin-left:0;position:absolute;right:0;}
	/*.site-header .extra-links a{font-size:0.833vw;line-height:0.990vw;padding:0.625vw 1.302vw;}*/
	.site-header .extra-links a.reg{margin-left:1.042vw;}
	
	.hp-grid{/*margin:0 auto;max-width:1440px;margin:0 7.6vw;*/margin:0 2.865vw;}
	
	.hp-bottom .row{margin:0 auto;max-width:1150px;}
	.hp-bottom .row .col-lg{padding-left:6px;padding-right:6px;}
	.hp-bottom .inner{padding:48px 1.563vw 20px;}
	/*.hp-bottom .inner h6{font-size:1.042vw;}*/
	
	.sub-first .first{/*padding-left:8.073vw;*/padding-left:15px;}
	/*
	.sub-first h1{font-size:3.333vw;line-height:4.010vw;max-width:40.625vw;}
	.sub-first h1::after{left:30.938vw;top:2.083vw;width:14.479vw;}
	*/
	.about-bottom .box{margin:0 3.6vw 13px;}
	
	.sub-coop .second{padding-left:60px;}
}

@media (min-width:1600px){
	.hp-services .first{padding-right:70px;}
	.tab button{padding-right:50px!important;}
	.hp-services h3::after{right:64px;}
}

@media (min-width:1921px){
	/*.site-header .container{max-width:none;}1310px*/
	.site-header .container{max-width:1600px;}
	.hp-top p{font-size:33px;}
}

@media (min-width: 1330px){
	.hp-grid img{max-width:280px;}
	.about-bottom-title{margin:42px auto 54px;}
}
/*

@media (-webkit-device-pixel-ratio: 1.25) {
  :root {
    zoom: 0.8;
  }

*/


.hp-services .nav-tabs {
  display: none;
}

@media (min-width: 768px) {
.hp-services .nav-tabs {
    display: flex;
    flex-flow: column nowrap;
  }
.hp-services .nav-tabs{display:flex;border:0;}
.hp-services .nav-tabs .nav-item{margin:5px 0;}
.hp-services .nav-tabs .nav-item + .nav-item{margin:5px 0;}
.hp-services .nav-tabs .nav-link{background:#F6F6F6;border-radius:10px;color:#636363;line-height:24px;padding:21px 25px;border:0!important;min-height:90px;}
.hp-services .nav-tabs .nav-link br{display:none;}
.hp-services .nav-tabs .nav-link:hover {
    background-color: #f7f7f7;
    border-color: transparent;
  }
.hp-services .nav-tabs .nav-link.active{background:#fff;border:0;box-shadow:0 0 8px rgba(0, 0, 0, 0.2);}
.hp-services .nav-tabs .nav-link.active:hover{background-color:#fff;}

.hp-services .card {
    border: none;
  }

.hp-services .card .card-header {
    display: none;
  }

.hp-services .card .collapse {
    display: block;
  }
}

@media (max-width: 767px) {
.hp-services .tab-pane {
    display: block !important;
    opacity: 1;
  }
}






 /* Style the tab */
.tab{padding-right: 25px;}

/* Style the buttons that are used to open the tab content */
.tab button {font-size:16px;line-height:20px;
background: #F6F6F6;
    border-radius: 10px;
    color:#000;
    padding: 21px 25px;
    border: 0 !important;
    min-height: 90px;text-align:left;width:100%;position:relative;
}

/* Change background color of buttons on hover */
.tab button:hover{background-color:#fff;box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);}

/* Create an active/current "tab button" class */
.tab button.active{background-color:#fff;box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);}

/* Style the tab content */
.tabcontent{display:none;} 
.tabcontent img{border-radius:10px;}
.tab a br{display:none;}

.tab p{margin-bottom:11px;}
.tab button:after{content:url('./img/arrow-blue-small.png');display:block;width:78px;height:78px;position:absolute;z-index:99;right:-42px;top:5px;}
.tab button.active:after{content:url('./img/arrow-white-small.png');}
.tab button:hover:after{content:url('./img/arrow-white-small.png');}