::-moz-selection {
 color: #fff;
 background: #338fff;
}

body, p, ul, li, a, button, input, textarea, select, table, td, th {
	 font-family: 'DM Sans', sans-serif!important;
	font-weight: 400;
	
}


.full-width {
	left: 50%;
	margin-left: -50vw;
	position: relative;
	width: 100vw;
}

a {
    text-decoration: none;
transition: all 300ms linear 0ms;
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content .h1, #content .h2, #content .h3, #content .h4, #content .h5, #content .h6 { 
font-family: 'Bricolage Grotesque', sans-serif!important;
font-weight: 600!important;
}


/*******************************************
           header
*******************************************/

#header {
	background: #fff;
	border-radius: 8px;
	    margin: 12px 12px 0;
    position: absolute;
    width: 99%;
    z-index: 444;
}

.mt0 .col {
	margin-top: 0!important;
	
}

.main-worke li a,
.main-worke li a span{
	
	color: #122E1C!important;
font-weight: 700!important;
	font-family: 'DM Sans', sans-serif!important;

}

.main-worke li a {
	        background-color: transparent;
        border-radius: 4px;
        padding: 5px 12px;
	
}
 
.main-worke li a:hover {
	background-color: #EFF6F1!important;
	color: #107634!important;
}

.main-worke li#menu_url_JWg7h > ul,
.main-worke li#menu_url_JWg7h > ul ul { 


	min-width: 340px!important;

}

.slide-home { 
position: relative;

}

.slide-home .mSCover:after { 
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all 300ms linear 0ms;
	 background: linear-gradient(270deg, rgba(255, 255, 255, 0) 29.08%, rgba(6, 47, 21, 0.5) 92.09%);
	display: block;
}




.slide-home .ms_scene {
	margin-top: 700px;
	color: #fff;
	    max-width: 729px;
	    position: absolute;
    left: 15%;
	
}

.slide-home .ms_scene .big-txt { 

margin-top: 30px;
font-size: 72px;
font-weight: 500;
 line-height: 64px ;
	color: #fff!important;
	 font-family: 'Bricolage Grotesque', sans-serif!important;
}

.slide-home .ms_scene .small-txt {
	font-size: 18px;
	font-family: 'DM Sans', sans-serif!important;
	color: #fff!important;
}

.blue-row {
    margin-top: -150px;
    z-index: 10;
    position: relative;
	margin-bottom: 90px;
}


.blue-row .tb_gut_xs_10{
    display:flex !important;
    flex-wrap:wrap !important;
}


.blue-row .tb_gut_xs_10 > div{
    display:flex !important;
    flex-direction:column;
}


.blue-row .tb_wt,
.blue-row .tb_wt_text,
.blue-row .panel-body,
.blue-row .tb_text_wrap{
    height:100%;
    display:flex;
    flex-direction:column;
}


.bg-blue{
    position: relative;
    background: #005fd3;
    border-radius: 12px;
    padding: 38px 52px 40px;
     width: 100%;
     min-height:100%;
    height:100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: all .3s ease;
}

.bg-blue h3{
    color: #fff;
    font-size: 20px;
    line-height: 1.1;
    font-weight: 500;
    margin: 0 0 18px;
    font-family: 'Bricolage Grotesque', sans-serif!important;
    text-transform: uppercase;
}

.bg-blue p{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    font-family: 'DM Sans', sans-serif!important;
}

.bg-blue::after{
    content: "";
    position: absolute;
    right: 22px;
    bottom: 22px;
    width: 64px;
    height: 64px;
    background: url('/image/catalog/worke/blue.svg') left top no-repeat;
	display: block;
}

.worke-ttl h2 {
	font-size: 48px;
	 font-family: 'Bricolage Grotesque', sans-serif!important;
	    font-weight: 600;
	line-height: 1.25 !important;
	padding-right: 84px;
}

.worke-ttl p { 
font-size: 18px;
line-height: 1.55556;
	    padding-right: 107px;
	margin-bottom: 40px!important;
	
}

#content .worke-ttl .btn { 
background-color: #a0e0f7!important;
color: #0661d1!important;
min-height: 74px;
    border-radius: 4px;
	font-size: 14px;
	    font-weight: 700;
	    line-height: 75px;
}

#content .worke-ttl .btn svg {
	width: 11px;
	margin-left: 10px;
	
}



#content .worke-ttl .btn:hover {
	color: #fff!important;
background-color: #0661d1!important;


}


.fancy-box{
    display:flex;
    width:100%;
    margin:auto;
    overflow:hidden;
    border-radius:4px;
	    position: absolute;
    max-width: 592px;
    right: 50px;
	top: -286px;
	z-index: 10;
	 background: linear-gradient(142.13deg, rgba(254, 248, 255, 0.189) 1.8%, rgba(254, 248, 255, 0) 99.75%);
    backdrop-filter: blur(43.9804px);
	padding: 10px;
}

.fancy-box-item{
    flex:1;
    text-align:center;
    padding:35px 20px;
    position:relative;
   border:1px dashed #cfcfcf;
    transition:all .3s ease;
    background:#fff;
}

.fancy-box-item:last-child{
    border-right:none;
}

.fancy-box-item:first-child{
    background:#0d63d8;
}

.fancy-box-item:first-child .text-white{
    color:#fff;
}

.icon-bounce{
    width:86px;
    height:86px;
    margin:0 auto 13px;
    display:flex;
    align-items:center;
    justify-content:center;
    
	
    border:1px solid #d9d9d9;
    border-radius:4px;
}

.fancy-box-item:first-child .icon-bounce img{ 
background:none;

}

.fancy-box-item:first-child .icon-bounce { 

border:0;
}

.icon-bounce img{
    max-width:100%;
    height:auto;
	background:#EFF6F1;
}

.text-white{
    font-size:18px;
    line-height:1.6;
    color:#294438;
    font-weight:400;
	    max-width: 146px;
	    margin: 0 auto;
}


.bg-shadow {
	
	background-image: url(/image/catalog/worke/bg-about-2.png);
    background-position: bottom center;
    background-repeat: repeat-x;
	    padding-bottom: 150px !important;
	
	
}

.blue-list {
	position: relative;
	background-color: #069fe2;
	    padding-top: 85px!important;
	    padding-bottom: 250px!important;
	margin-top: 100px;
}

.blue-list:before { 
    display: block;
	content: '';
background: url(/image/catalog/worke/bg-list.svg) left top no-repeat;
	width: 100%;
	height: 60px;
	position: absolute;
	left: 0;
	top: -60px;
	    transform: rotate(180deg);
}



#content .blue-list h2.panel-title  { 
	font-size:48px!important;
	color: #fff!important;
	margin-bottom: 50px;
}

.blue-list .tb_icon_list li h3  { 

font-size: 28px;
	color: #fff;

}

.blue-list .tb_icon_list li p  {  
font-size: 18px;
	color: #fff;
}

.blue-list .tb_icon_list .tb_description {
	    max-width: 400px;
    margin: 0 auto;
	
}

.blue-list .tb_icon_list .tb_icon_wrap .tb_icon:before {
	display: none;
	
}

.blue-list .tb_icon_list li:first-child .tb_icon_wrap .tb_icon {
	background: url(/image/catalog/worke/icn1.png);
	width: 50px;
	height: 50px;
}

.blue-list .tb_icon_list li:nth-child(2) .tb_icon_wrap .tb_icon {
	background: url(/image/catalog/worke/icn2.png);
	width: 50px;
	height: 50px;
}

.blue-list .tb_icon_list li:nth-child(3) .tb_icon_wrap .tb_icon {
	background: url(/image/catalog/worke/icn3.png);
	width: 50px;
	height: 50px;
}

.offer-box h3 {
	
	font-size: 48px!important;
	line-height: 58px;
	margin-bottom: 40px!important;
}

.offer-box .col:first-child {
	    padding-top: 90px;
    padding-bottom: 90px;
	      padding-left: 90px;
    padding-right: 90px;
	
}

.offer-box .tb_button_holder {
	padding-left: 0!important;
	
}


.offer-box .tb_button_holder .btn { 
border-radius: 4px;
font-size: 14px;
	    font-weight: 700;
	min-height: 70px;
	    line-height: 70px;
	padding: 0 40px;
}


.offer-box {
	 margin-top: -200px;
    z-index: 10;
    position: relative;
	margin-bottom: 90px;
}


.offer-box .btn svg {
    width: 11px;
    margin-left: 10px;
}

#footer {
	position: relative;
	    margin-top: 50px;
	
}

#footer .row-wrap {
	padding-top: 40px;
	position: relative;
	    z-index: 2;
}


#footer:after {

    display: block;
    content: '';
    background: url(/image/catalog/worke/bg-footer.svg) left top no-repeat;
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    top: -60px;
    transform: rotate(180deg);

	
}

#bottom { 
	position: relative;
}

#bottom:before {

    display: block;
    content: '';
    background: url(/image/catalog/worke/Grainy-BG.png) left bottom no-repeat;
    width: 100%;
    height: 356px;
    position: absolute;
    left: 0;
       bottom: 0;
  background-size: 100%;

	
}

#footer .col:nth-child(4) {
	margin-left: 0;
    max-width: 16%;
    width: 100%;
	
}


#bottom .row { 
    position: relative;
    z-index: 10;

}


.box-info {

	    margin-top: 20px;
	    margin-left: 20px;
}


#footer .nav li a:before {
  display: none;
}

#footer .nav li a { 
font-size: 14px;
color: #fff!important;
	    font-weight: 700;
	    padding: 6px 0;
	
}

#footer .nav li a:hover {
	color: #a0e0f7!important;	
}


#footer .nav li.tb_hovered ul {
	display: none!important;	
}

#footer .col:last-child p { 
font-size: 18px;
	color: #fff;
}

.social-list a span:first-child {
	display: none;

}

.social-list a span:nth-child(2) { 
width: 36px;
height: 36px;	
display: inline-block;	
    border-radius: 6px;
	margin: 0 6px;
	padding: 6px;
	text-align: center;
	transition: all 300ms linear 0ms;
}




.social-list a:hover span:nth-child(2) {
	background: #a0e0f7;
	color: #0661d1;
}

.box-info p {
	font-size: 18px;
	color: #fff;
	    margin-bottom: 11px;
}

.box-info p a {
	
	color: #3AC9FF!important;
	
}




.footer-nav1 li a svg, .footer-nav2 li a svg  {
	display: inline-block;
    margin-inline-start: -22px;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms linear 0ms;
	width: 11px;
	margin-right: 10px;

}

.footer-nav1 li a:hover svg, .footer-nav2 li a:hover svg {
	
    visibility: visible;
    opacity: 1;
    margin-inline-start: 0;	
	
	
}


.product-thumb h4 {
	
	font-size: 20px;
	font-weight: 500;
}

.product-thumb .price { 
font-weight: 500;

}

 .product-thumb .caption { 
margin-bottom: 20px;
}

#content .product-thumb .btn {
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    min-height: 56px;
    line-height: 56px;
    padding: 0 40px;
	    background-color: #0661d1!important;
	color: #ffffff!important;
}

#content .product-thumb .btn:hover {
	background-color: #3AC9FF!important;
	
}


#search #search_button:before {
	
    background: url(/image/catalog/worke/search-w.svg) 0px 0px no-repeat;
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    left: 13px;
    position: absolute;
    top: 16px;
}

#search #filter_keyword {
    background: #fff;
  
    min-height: 40px;
	border-width: 0!important;
    border-bottom: 1px solid #f7f8f8!important;
    padding: 0 19px;
}

.tb_wt_header_search_system.tb_style_4:hover .tb_search_wrap > input {
	    min-width: 270px;
	
}

#cart h3 .tb_icon {
	    margin-top: 5px !important;
	
}

#cart h3 .tb_items {
	top: -11px;
	
}

#content .tb_listing.tb_grid_view  .product-thumb {
	background-color: #fff!important;
	transition: all 300ms linear 0ms;
        border-radius: 12px;
	border: 1px solid #DAE0DC;
	    box-shadow: 0px 4px 24px rgba(6, 47, 21, 0.06) !important;
	padding: 20px!important;
}

.product-info .nav-tabs li a {
	font-size: 18px;
	    font-weight: bold;
}

.product-info .nav-tabs li { 
margin-right: 10px;

}


.product-info .nav-tabs li:before { 
display: none;

}

#content .random-row .panel-title, #content .related-row .panel-title {
	font-size: 24px!important;
	
}

#content.product-info h1 {
	font-size: 36px;
	line-height: 39px;
}

.product-info #button-cart {
    padding: 0px 41px 0px 41px;

    align-items: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    border-radius: 5px;
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.product-info .tb_wt_product_options_system .col-sm-9 label {
	background-color:transparent;
	    border: 1px solid #0661d1;
	border-radius: 5px;
	
}

#content {
	margin-top: 0px;
	
}

.common-home #content {
	margin-top:0px;
	
}

.product-info .tb_wt_product_price_system .tb_label  {
	font-size: 22px;
	font-weight: 700;
	
}

.product-info .tb_wt_product_price_system .price {
	margin-top: 10px;
}

.product-info .nav-tabs li a { 
position: relative;

}

.product-info .nav-tabs li {
	margin-right: 30px;
}

.product-info .nav-tabs li:last-child {
	margin-right: 0px;
}

.product-info .nav-tabs li a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    bottom: -2px;
    right: 0;
    background-color: #0661d1;
    transition: all .3s linear;
}


.product-info .nav-tabs li a:hover:before
{
    left: 0;
	 width: 100%;
}

.product-info .nav-tabs .active a:before {
    width: 100%;
}

#intro { 
position: relative;
	   padding: 100px 0 400px;
	background: url(https://workee.webdreams.info/image/catalog/worke/header-1.jpg) no-repeat center left;
    background-size: cover;
    background-attachment: scroll;
/*content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;*/
}


#intro:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all 300ms linear 0ms;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 29.08%, rgba(6, 47, 21, 0.5) 92.09%);
    display: block;
	
}

#intro .tb_wt_breadcrumbs_system  {

    background: linear-gradient(142.13deg, rgba(254, 248, 255, 0.189) 1.8%, rgba(254, 248, 255, 0) 99.75%);
    backdrop-filter: blur(43.9804px);
     border-radius: 8px 8px 0 0 !important;
	    width: auto;
    justify-content: center;
    display: flex !important;
    position: absolute;
    bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

#intro .tb_wt_breadcrumbs_system .breadcrumb  { 
	background-color: #fff;
	    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    gap: 6px;
	    border-radius: 4px 4px 0 0 !important;
	    padding-left: 20px;
    padding-right: 20px;
	    padding-top: 10px;
    padding-bottom: 10px;
	    margin: 10px 10px 0;

}


.tb_page_product_product #intro .tb_wt_page_title_system {
	display: none!important;
}

.tb_page_product_product #intro { 
	
	  padding: 100px 0 200px;
	
	}

.information-information-9  #intro {
	 padding: 200px 0 100px;
	 background-image:url('/image/catalog/worke/header-1.jpg');
}


.tb_page_product_category #intro { 
	
	  padding: 100px 0 300px;
	
	}



.tb_page_product_product #intro .breadcrumb li:last-child:before {
	display: none;
}

 #intro .breadcrumb li a {
	color: #0661d1;
	
}

 #intro .breadcrumb li a:hover {
	color:#000;
	
}

.tb_page_information #intro .tb_wt_page_title_system  {
	margin-top: 100px;
}

#intro .tb_wt_page_title_system {

	z-index: 10;
	    position: absolute;
    top: 50%;
} 

#intro .tb_wt_page_title_system h1{ 
	color: #fff;
	margin: 0 20px;
	font-family: 'Bricolage Grotesque', sans-serif !important;
    font-weight: 600 !important;
	        text-align: center;

}

#content .product-filter .display,
#content .product-filter .sort b { 
	display: none!important;
}

#content .product-filter .limit select {
	    background-color: transparent;
		border: 0;
}

#content .product-filter .sort {
    position: absolute;
    right: 0;
	 padding: 10px;
	border: 1px solid #DAE0DC;
	border-radius: 4px;
}

#content .product-filter .sort select {
	border: 0;
	    background-color: transparent;
}

#cart h3 {
	font-family: 'Bricolage Grotesque', sans-serif !important;
    font-weight: 600 !important;
	font-size: 22px;
	
}

#cart .total,
#cart  .quantity,
#cart  .name small {
	color: #fff;
	opacity: 1;
	
}

#cart .dropdown-menu {
    width: 500px;
}  

#content .contact-coll h3, #content .contact-coll h2 {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #f1f1f1;
    text-transform: none !important;
    font-size: 27px !important;
    font-weight: bold !important;
	font-family: 'Titillium Web', sans-serif!important;
}

#content .contact-coll h2 {
   
    line-height: 23px !important;
	
}





.contact-coll .form-group, .contact-coll .form-horizontal .control-label, .contact-coll .form-horizontal .col-sm-10, .contact-coll .form-horizontal .col-sm-10 input, .contact-coll .form-horizontal #input-enquiry,
.account-login .form-group label,
.account-login .form-group input {
    width: 100%;
    display: block;
    max-width: inherit;
}

.contact-coll .btn {
	    border-radius: 5px 5px 5px 5px!important;
}




@media (max-width: 1440px) {  

	.worke-ttl {
		margin-left: 50px;
	}

	.offer-box .col:first-child {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
}

}



@media (max-width: 1380px) {  

	.blue-row .col {
		width: 49%;
        float: left;
		
	}
	
	.box-info p,
	#footer .col:last-child p {
		font-size: 16px; }
	
	#intro .tb_wt_page_title_system h1 {
		font-size: 48px;
		        line-height: 48px;
	}
	

}

@media (max-width: 1280px) {  

.worke-ttl h2 {
  
    padding-right: 34px;
}

	.worke-ttl p {

    padding-right: 34px;
    
}
	
.fancy-box {
    
	right: 36px;
	 }
	
	.offer-box h3 {
    font-size: 42px !important;
    line-height: 48px;
}	
	
	
}

@media (max-width: 1200px) {  
	
	

	#footer .col:first-child {
		width: 100%;
		text-align: center;
	}
	
	#footer .col:nth-child(2),
	#footer .col:nth-child(3), 
	#footer .col:nth-child(4),
	#footer .col:nth-child(5)  {
		width: 21%;
		
	}
	
	.box-info a {
		display: block;
		
	}
	
	#footer .col:nth-child(4) {

		max-width: inherit; }
	


}




@media (max-width: 1180px) {

		
.fancy-box {
max-width: 492px;
	 }

}



@media (max-width: 1100px) {  

	.blue-row .col {
		width: 48%;	
	}
	
	.worke-ttl h2 {
		font-size: 38px;
		line-height: 37px!important;
	}
	
	.blue-list:before {
		    top: -58px;
		
	}
	
	#content .blue-list h2.panel-title {
		font-size: 42px !important; }
	
	
    .offer-box .col:first-child {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-right: 30px;
    }
	
	#footer:after {
		    top: -58px;
		
	}
	
	    #site_logo img {
        max-height: 56px;
    }
	
	#header .col:last-child {
		width: auto;
    position: absolute;
    right: 17px;
    top: -22px;
	
	}
	
		#header .col:nth-child(2) {
		    width: auto;

	}
	
	#header .col:nth-child(3) .dropdown.tb_hovered:after {
		    position: absolute;
    left: -13px;
		
	}
	
	#content.product-info h1 {
    font-size: 30px;
    line-height: 36px;
}
	
}



@media (max-width: 990px) {  

	.slide-home .ms_scene {
   
    left: 8%;
}
	.slide-home .ms_scene .big-txt {
   
    font-size: 52px;
		line-height: 54px; }
	
	.bg-shadow .col {
	width: 100%;	
		
		
	}
	
	    .fancy-box {
        max-width: 592px;
    }
	
	#intro .tb_wt_breadcrumbs_system {
		width: 100%;
		left: 0;
		transform: none;
	}
	
	    #intro .tb_wt_page_title_system h1 {
        font-size: 42px;
			        line-height: 42px;
    }
	
	

}

@media (max-width: 890px) { 

    .slide-home .ms_scene {
        left: 3%;
		    max-width: 606px;
    }
	
	.slide-home .ms_scene {
		margin-top: 500px; }
	
	    .slide-home .ms_scene .big-txt {
        font-size: 42px;
        line-height: 44px;
    }
	
	.blue-list .tb_icon_list li h3 {
		font-size: 24px; }
	
	.blue-list .tb_icon_list li p {
		font-size: 15px; }
	
	.blue-list {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	    .offer-box h3 {
        font-size: 32px !important;
        line-height: 38px;
    }
	
	
	
}


@media (max-width: 768px) {  


	.offer-box .row {
    display: flex;
    flex-wrap: wrap!important;
}

	
	    .offer-box .row .col:nth-child(2) {
        order: -1;
    }
	
	.offer-box .row .col:first-child {
    z-index: 1 !important;
}
	
	    .offer-box .col:first-child {
        padding-top: 40px;
			padding-bottom: 40px;}
	
	.offer-box .tb_wt_call_to_action .tb_button_holder {
		text-align: left;
		
	}
	
	#footer .col:nth-child(2), #footer .col:nth-child(3), #footer .col:nth-child(4), #footer .col:nth-child(5) {
		width: 44%;
	}
	
	    #footer .col:nth-child(4) {

        margin-left: 30px;
    }
	
	.box-info {
 
    margin-left:0px;
}
	
	    #header .tbToggleButtons .btn {
        width: 45px;
        height: 50px;
        line-height: 51px;
        margin-right: 0px;
    }
	
	    #header .tbToggleButtons > * {
        margin-right: 0px !important;
    }
	
	.htabs.tb_style_2 > li:not(:first-child):before {
		display: none;

	}
	
	.tb_page_product_category #intro {
    padding: 100px 0 200px;
}
	
	.checkout-checkout #content .main {
		    padding-left: 0;
    padding-right: 0;
		
		
	}
	
	.tbMobileMenu .nav li {
	padding: 8px 15px 8px 15px!important;
}
.tbMobileMenu .nav li:not(:last-child) {
	margin-bottom: 0!important;
	border-bottom: 1px solid #c1c1c6;
}
.tbMobileMenu .nav li .tb_list_1 li {
	border-bottom: none;
}
.tbMobileMenu .nav li a span {
	text-transform: uppercase;
	font-weight: 700!important;
	        font-size: 15px!important;
}
.nav-responsive .dropdown > .tb_toggle {
	top: 12px;
	right: 16px;
	background: transparent;
	font-size: 21px;
	
}
	.tbMobileMenuShow.tbMobilePosition-4 .nav-horizontal li .tb_toggle.tb_bg_str_2 {
        background-color: transparent;
        color: #005fd3;
        font-size: 22px !important;
        margin-right: 0px !important;
	    position: absolute;
        right: 0;
    }
	
	.tbMobileMenuShow.tbMobilePosition-4 .nav-horizontal li .dropdown-menu .tb_toggle.tb_bg_str_2 { 
	right: -25px;
        top: 3px;
		
	}
	
	.tbMobileMenu #search .fa-search:before {
    content: "\f002";
    color: #000;
}
	
	

}




@media (max-width: 690px) {  

    .slide-home .ms_scene {
        margin-top: 400px;
		        left: 1%;
		        max-width: 506px;
    }
	
	    .slide-home .ms_scene .big-txt {
        font-size: 32px;
        line-height: 34px;
			    margin-top: 53px;
    }
	
		.blue-row .col {
		width: 100%;	
	}
	
	.bg-blue {
		padding: 28px 42px 30px;}
	
	    .fancy-box {
        max-width: 502px;
    }
	
	.worke-ttl p {
    margin-bottom: 10px !important;
}


}


@media (max-width: 590px) {  

      .slide-home .ms_scene {
        margin-top: 250px;
   
        max-width: 406px;
    }
	
	    .fancy-box {
        max-width: 89%;
               display: block;
        margin: 0 auto;
        width: 100%;
        position: relative;
        left: 0;
    }
	
	.fancy-box-item {
		  display: block;
		 width: 100%;
		    padding: 25px 20px;
	}
	
	.fancy-box-item:last-child {
    border-right: 1px dashed #cfcfcf;
}
	
	.text-white {

		max-width: 100%; }
	
	
	.bg-shadow {
		padding-bottom: 0px !important;
		
	}
	
	.fancy-box {
		    top: -107px;
		
	}
	
	.blue-list:before {
		display: none;
		
	}
	
	.blue-list {
   
		margin-top: 57px; }
	
	#content .blue-list h2.panel-title {
		font-size: 42px !important; }
	
	    #footer .col:nth-child(2), #footer .col:nth-child(3), #footer .col:nth-child(4), #footer .col:nth-child(5) {
        width: 100%;
    }
	
	#footer {
  
    text-align: center;
}
	
	.footer-nav1 ul li a {
		display: block!important;
	}


}



@media (max-width: 490px) {   

.blue-row {
	margin-top: -70px;}
	
	    .slide-home .ms_scene .big-txt {
        font-size: 22px;
			line-height: 24px; 
	     margin-top: 50px;
   
	}
	
	    .slide-home .ms_scene {
        
        max-width: 306px;
    }
	
	.slide-home .ms_scene .small-txt {
    font-size: 16px;
		line-height: 21px;}
	
    .bg-blue {
        padding: 18px 22px 20px;
    }
	
	#content .product-filter .sort {
    position: relative;
    left: 0;
    margin-top: 7px; }
	
	
		    #tk_input_coupon,
	#tk_input_voucher {
        width: 57% !important;
    }
	
	    #tk_confirm_coupon,
	#tk_confirm_voucher{
        width: 42% !important;
        font-size: 11px;
    }
	
		#tk_button_confirm {
		    font-size: 14px;
		
	}
	

}


@media (max-width: 428px) {  

    #header .tbLogoCol .tb_wt_header_logo_system {
        position: absolute;
        left: -23px;
        top: -6px;
    }
	
	    #header .tbToggleButtons {
        position: absolute;
        right: 24px;
        top: -2px;
    }

}


@media (max-width: 390px) {  

    .blue-row {
        margin-top: 47px;
    }

	    .slide-home .ms_scene {
        max-width: 256px;
			        margin-top: 188px;
    }
	
	
	
	    #header .tbToggleButtons .btn {
			width: 37px; }
	
	    .slide-home .ms_scene .big-txt {
        font-size: 18px;
        line-height: 22px;
			  margin-top: 70px;
	  }
	
	    #site_logo img {
        max-height: 47px;
    }
	
		    #tk_button_confirm {
        font-size: 11px;
    }

}


#copy{color:#fff;}
#copy a{color:#3AC9FF}

.-pr{position:relative;}


@keyframes moveVertical {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-50px);
    }
    100% {
        transform: translateY(0);
    }
}

.bolts{
	position:absolute;
	left:-90px;
	top:150px;
	z-index:100;
	 animation: moveVertical 6s ease-in-out infinite;
}



.marquee {
    overflow: hidden;
    width: 100%;
	font-size:100px;
	line-height:normal;
	color:#DAE0DC;
	text-align:center;
}

.marquee img{max-width:55%; height:auto; margin:0 0 0 40px;}

.marquee-track {
    display: flex;
    width: max-content;
    animation: marquee 50s linear infinite;
}

.marquee-content {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    flex-shrink: 0;
}

.marquee-content{
    flex-shrink: 0;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}







.product-actions-box {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.product-quick-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    width: calc(50% - 6px);
    padding: 11px 15px;
	border: 1px solid #26A02C;
    background: #fff;
    border-radius: 10px;
    text-decoration: none;
    color: inherit;
    transition: 0.2s ease;
}

.product-quick-btn:hover {
    background: #eaeaea;
    transform: translateY(-2px);
}

.product-quick-btn svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.product-action {
    display: flex;
    flex-direction: column;
	    font-size: 14px;
	color: #6c757d;
	line-height: 24px;
}

.product-title {
    font-weight: 600;
	font-size: 16px;
	color: #333;
    line-height: 21px;
}

.product-actions-box {
	margin-top: 30px
}

 .modal-body #header,
 .modal-body #footer,
 .modal-body #bottom {
	display: none;
}  

 .modal-body #content,
 .modal-body {
	padding-left: 0;
	 padding-right:0; 
	
}

.modal-body #content {
	padding-bottom: 0px!important;
}


.contact-box h1 {
	display: none!important;
}


.contact-box .form-wrapper {
	border: 0!important;
	    background: transparent;
}


.contact-box .form-wrapper .form-ul {
	padding: 0!important;
	
}

.contact-box .form-wrapper .form-ul li { 
width: 50%;
	    margin-bottom: 20px!important;
}

.contact-box .form-wrapper .form-ul li input,
.contact-box .form-wrapper .form-ul li textarea {
		    border: 0 !important;
	    border-radius: 40px 20px 0px 40px!important;
	
}


.contact-box .form-wrapper .form-ul li input {
	    padding: 6px 22px!important;
		text-transform: capitalize;
    font-size: 14px;
	    height: 77px;
}


.contact-box .form-wrapper .form-ul li textarea  {
    padding: 30px 20px 20px 30px;	
	text-transform: capitalize;
    font-size: 14px;
	    height: 190px;
}

.contact-box .form-wrapper .form-ul li label {
	display: none!important;
}

.contact-box .form-wrapper .form-ul li.li-submit {
	float: right;
	      margin-top: 0px;
    margin-bottom: 30px!important; 
}

.contact-box .form-wrapper .form-ul li.li-submit input { 
 padding: 15px 50px 15px 50px!important;
    border-radius: 15px 15px 15px 15px!important;
    background-image: linear-gradient(90deg, #27a02d 0%, #003c03 50%, #27a02d)!important;
	    line-height: 45px!important;
	    margin-top: -142px;
	    min-width: 379px;
    margin-left: 32px;
}


.contact-box .form-class {
	    margin-left: 100px;
    margin-top: 62px;
	
	
}


.contact-box .field.row-c14 {
	position: absolute;
    left: 50%;
    top: 78px;	
}

.form-3 #field-c2,
.form-2 textarea {
	width: 100%!important;
	    padding: 7px;
	    height: 56px;
}

.form-3 input,
.form-3 #field-c2,
.form-2 input,
.form-2 textarea { 
	font-size: 14px;
  border-width: 1px !important;

}

.form-3 h1,
.form-2 h1 {
	display: none!important;
}

.form-3 .row-c2.li-dropdown label {
	margin-bottom: 20px;
	text-transform: none;
	font-size: 16px;
}

.form-3 .checkbox-wrapper  label,
.form-2 .checkbox-wrapper  label{  
    margin-bottom: 10px !important;

}

.form-3 .checkbox-wrapper  label input,
.form-2 .checkbox-wrapper  label input  {  
    margin-right: 10px !important;

}

.form-3 #field-c15,
.form-2 #field-c16 {
	padding: 0px 41px 0px 41px;
    background-image: linear-gradient(90deg, #27a02d 0%, #003c03 50%, #27a02d);
    background-size: 300%, 1px;
    background-position: 0%;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    border-radius: 5px;
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	
}

.form-3 #field-c15:hover,
.form-2 #field-c16:hover { 
    background-position: 100% center;

}

.form-2 .form-ul {
	padding-top: 0;
}

#content .contact-coll h3, #content .contact-coll h2 {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #f1f1f1;
    text-transform: none !important;
    font-size: 27px !important;
	font-family: 'Titillium Web', sans-serif!important;
	line-height: 42px;
}

.contact-coll .form-group, .contact-coll .form-horizontal .control-label, .contact-coll .form-horizontal .col-sm-10, .contact-coll .form-horizontal .col-sm-10 input, .contact-coll .form-horizontal #input-enquiry,
.account-login .form-group label,
.account-login .form-group input {
    width: 100%;
    max-width: inherit;
	border-radius:20px 20px 0 20px !important;
}

 .contact-coll .form-horizontal .control-label{max-width:30%;}

.contact-coll .btn {
	    border-radius: 5px 5px 5px 5px!important;
}
#tk-fast-order-form .modal-body{padding:0 20px;} 

.bootstrap-touchspin-up, .bootstrap-touchspin-down{
	height: 50%;
  line-height: 20px;
}

#tk-fast-order-modal-sale.custom .modal-md .has-feedback input.form-control {
  width: 80%;
  float: right;
}

#tk-fast-order-modal-sale .tk-fast-order-confirm-left {
  max-width: 120px;
}
#tk-fast-order-modal-sale .tk-fast-order-confirm-right .button-cart-tk-fast-order {
  height: auto !important;
  min-width: 180px !important;
  line-height:50px;
}
#tk-fast-order-modal-sale .tk-fast-order-confirm-left #input-quantity.form-control {
  padding-top: 16px !important;
  text-align:center;
}
#tk-fast-order-modal-sale.custom .modal-md label {
  height: 40px;
  float: left;
  padding-right: 23px;
}
#tk-fast-order-modal-sale.custom .modal-header .modal-title {
  font-size: 24px;
  line-height: normal;
}