/*
Theme Name: Acp
Description: Private Theme
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
Tags: one-column
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Joiin
This theme, like WordPress, is licensed under the GPL.


*/










/* Fundamentals */


*{outline:none;}


html {
	scroll-behavior: smooth; 
}



html,
body{
	padding:0;
	margin:0;
	height:100%;
	width:100%;
	min-height:100%; 
}



body {
	color: #000 ;
	font-size: 17px;
	line-height: 1.8;
	font-family: 'Archivo', sans-serif; font-weight: 400; background: #fff;
}



a {
	color: #0085ca;
	text-decoration: none;  transition: all 0.5s ease 0s; 
}


a:visited {
	
	text-decoration: none;  transition: 0.4s;
}
	

a:hover {
	text-decoration: none; 	
	outline: none;
}
	

a img ,img{
	border: none;
}	

a:focus, a:hover, a:active {
	outline: none;
}



img,fieldset{border:none;}

img{max-width: 100%;}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }









/* Titles and Paragraphs */


h1,h2,h3,h4{
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 20px;
	margin: 0;
     font-weight: 700; font-family: Titillium Web;color: #000;
     text-transform: uppercase;
}

h1{color: #000;
    font-family: Titillium Web;
    font-size: 50px;
    font-weight: 700;
    line-height: 50px; }

h2{color: #000;
    font-size: 40px;
    font-weight: 700;
    line-height: 40px; }

h3{font-size:28px; line-height:28px;  padding-bottom: 8px;  }

h4{font-size: 20px;
    line-height: 24px;
    padding-bottom: 8px;
    color: #FF6600;
    font-weight: 600; }



p{
	padding: 0 0 15px 0;
	margin: 0px; 
}



ul,ol{padding-left: 25px; margin-top: 0px}

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

b,strong{

    font-weight: 700;
}


blockquote{
    background-color: #FBFBFB;
    padding: 25px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 30px;
    border-bottom-color: #08344C;
    border-bottom-width: 5px;
    border-bottom-style: solid
}











/* Theme Wrappers */


.wrap{	 
    max-width: 1300px;     margin: 0 auto; padding:0 20px;
}

.wrap:after{display: table; clear:both; content:'';}

#wrapper{
	background:none;
	padding:0;
	margin:0;
	width:100%;
	box-shadow:none; 
}


#mainbody{ max-width:100%; margin-left: auto; margin-right: auto; }

#mainbody-home{}

.flex-col{
	position: relative;
    min-height: 1px;
    display: flex;    gap: 10px;
}

/* Theme Header */


#headerwrap {
    padding: 20px 0;
}

#headerwrap .wrap{}


#logo{
	float: left;max-width: 320px;
}

#logo img{}

#toparea{  max-width: 75%;       width: 75%;
    float: right;
    text-align: right;}
.dflex{
	display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;    gap: 20px;
}
.top-social{float:right}
.top-social a{color: #000;
    display: inline-block;
    width: 30px;
    height: 30px;margin-left: 5px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    line-height: 30px;
    border-radius: 50%;
    border: 2px solid #000;}
    .top-social a:hover{    color: #0085ca; border-color: #0085ca;}
.top-one{padding: 0 0 30px 0;}
.topinfo{    font-weight: bold;   line-height: 22px;}
.email-info{position: relative;}
.email-info:before{content:'\f0e0';font-family: 'Font Awesome 5 Pro';color: #0085ca;margin-right: 5px;}
.phone-info{position: relative;margin-left: 25px;}
.phone-info:before{content:'\f095';font-family: 'Font Awesome 5 Pro';color: #0085ca;margin-right: 5px;}
.toptools{float: right;margin-right: 10px;}
.toptools a{color:#000;    font-size: 24px;    margin: 0 10px;    line-height: 34px;}
.toptools a:hover{color: #0085ca;}
a.button{background: #0085ca!important;color:#fff!important;}
a.button:hover{background: #000!important;}
    /* Theme Naivgation Menus */
.mobile-nav{display: none;}

#main-nav{
	float: right; position: relative;
}


#main-nav ul{
	list-style:none;
	padding:0 0 0 15px;
	margin:0;
}

#main-nav ul li{
	display:inline-block;
	padding:6px 14px;transition: 0.3s;
}




#main-nav ul li a{
    font-size: 18px;
	line-height: 24px;
    color: #000;
    padding: 0 10px 0 0; 
    display: block; 
	text-transform: uppercase;
	transition: 0.3s;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 700;position: relative;
	    
 }

 #main-nav ul li.menu-item-has-children a:after{content:'\f078';    font-family: "Font Awesome 5 Pro"; position:absolute;right:0; left:auto}


#main-nav ul li a:hover{
	text-decoration:none; color: #0085ca;}

#main-nav ul li.current-menu-item a{color: #0085ca;}



#main-nav ul li.current_page_ancestor a{color: #0085ca;}












/* Dropdown Menus */


#main-nav li ul{position: absolute;
    width: 230px;
    z-index: 9999;
    background-color: #000;
    visibility: hidden;
    top: 100%;
    opacity: 0;padding: 15px 17px;transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: 0.3s;box-shadow: 0 36px 35px rgba(0,0,0,.08);}

#main-nav li ul li{    float: none; text-align: left; 	padding:0 14px; display: block;    border-bottom: 1px solid #131212;}
#main-nav li ul li.current-menu-item{ border-radius: 0px}
#main-nav li ul li a{
    font-size: 15px;
    padding:7px 5px;    line-height: 25px;
    margin: 0px;
    border: none!important;
    color: #fff; 
}
#main-nav li ul li a:after{display: none;}
#main-nav li ul li a:hover {border-radius:0!important;color: #0085ca;  border: none!important; }
#main-nav li ul li:hover{}
#main-nav li ul li.current-menu-item a{color: #000000; border: none!important;}
#main-nav li ul li.current-menu-item a:hover{color: #0085ca!important; border: none!important;}
#main-nav li:hover ul{visibility:visible; opacity:1;    transform: scaleY(1);}
.mobmenu-header ul{list-style: none; padding: 0; margin:0;}
.mobmenu-header ul li{ position: relative;}
.mobmenu-header ul li a{      text-align: left;  padding: 15px 0;color: #000;font-family: Titillium Web; display: block;   font-size: 16px;    font-weight: 600;    line-height: 30px;border-bottom: 1px solid #f3f3f3;}

.mobmenu-header ul li.menu-item-has-children a:after{    content: '\f078';
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: 0;
    left: auto;
    z-index: 99;
    color: #fff;
    background: #FF6600;
    border-radius: 3px;
    padding: 2px 12px;
    cursor: pointer;
    top: 10px;}
.mobmenu-header ul.sub-menu{display: none;}
.mobmenu-header ul.sub-menu a:after{display: none;}

.scrolled{
	margin: 0;    top: 0; left:0;
    width: 100%;
    z-index: 99999;
    transition: all 300ms ease-in-out;
    background: #fff;
	box-shadow: 0 7px 18px 0 rgba(24,16.000000000000004,16.000000000000004,.050980392156862744);
	position: fixed;
}









/* Slider/Banner */


#banner{
	text-align: center; padding: 60px 0;    position: relative;
}

#banner:after{content:'';background: rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;}

#banner h1{
    color: #fff;position: relative;
    z-index: 5;
}

#breadcrumbs{
	text-transform: uppercase;color: #fff;font-family: Titillium Web;font-weight: 700;position: relative;
    z-index: 5;
}




.show-mob,.close-mob{display:none;}




#mainbody{padding: 35px 0;}


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

h2.woocommerce-loop-category__title{text-align: center;
    line-height: normal;
    font-size: 22px!important;}

.woocommerce-loop-category__title .count{display: none;}

#why-choose{    padding-top: 450px;    overflow: unset;}
#why-choose .why-inner{background: #fff;
    padding: 30px 30px 0 30px;
    box-shadow: 0 0 10px #ccc;
    z-index: 999;
    position: absolute;
    bottom: -50px;
    width: 100%;}
#why-choose .ult-content-box-container {float: left;    width: 20%;    text-align: center;}
#why-choose .ult-content-box-container h2{font-size: 25px; line-height: 30px;padding: 0;}
#why-choose .ult-content-box-container h2 i{font-style: normal; font-weight: 500;}

.woocommerce ul.products li.product a img{margin:0!important;}
.woocommerce ul.products li.product:hover h2.woocommerce-loop-category__title, .woocommerce-page ul.products li.product:hover h2.woocommerce-loop-category__title{color:#fff;background:#0085ca ;}
#our-rand{    padding: 55px 0 35px 0;}
.product-item-slide{text-align: center;}
.product-item-slide h3.product-name{    font-size: 18px;
    margin: 10px 0 0 0;
    font-weight: 600;
    line-height: normal;}
.product-item-slide img{margin:0 auto}
.follow-us{padding: 75px 0 0 0;}
ul.listbar{padding: 0;margin:0;}
.slick-prev:before{content:'\f053'!important;font-family: 'Font Awesome 5 Pro'!important;color: #0085ca!important;}
.slick-next:before{content:'\f054'!important;font-family: 'Font Awesome 5 Pro'!important;color: #0085ca!important;}

.shop-sidebar{float: left;    width: 27%;}
.shop-sidebar h2.widgettitle{font-size: 30px; line-height: normal;}
.shop-sidebar li.widget{margin:0 0 20px 0;}
.shop-content{float: right;    width: 70%;}
ul.product-categories{    list-style: none;
    padding: 0;}
ul.product-categories li{}
ul.product-categories li a{display: block;
    background: #0085ca;
    color: #fff;
    padding: 8px 10px 5px;
    border-bottom: 1px solid #eee;}
ul.product-categories li a:hover{background:#000;}
h2.woocommerce-loop-product__title{text-align: center;    line-height: normal;}
.woocommerce ul.products li.product, .woocommerce-shopul.products li.product{text-align: center; }
/* Theme Footer */


#bottomwrap{padding: 35px 0 0 0;}

.wpcf7-form input[type=text],.wpcf7-form input[type=email]{
	padding: 10px 5px;    
    border: 1px solid #000;
    color: #000;
}
.wpcf7-form input[type=submit]{
	background: #0085ca;
    color: #fff;
    border-color: #0085ca;
    cursor: pointer;
    text-transform: uppercase;
       padding: 10px 30px;
}

#footer-one{}
#footer-one:after{content:'';clear: both; display: table;}
#footer-one li.widget{width: 25%;
    float: left;
    margin: 0 0 20px 0;}
#footer-one li.widget:first-child{width: 50%;}
#footer-one h2.widgettitle{font-size: 20px; text-transform: uppercase;}
#footer-one .textwidget ul{list-style: none;padding:0;margin:0;}
#footer-one .textwidget ul li{float: left;  width: 48%;}
#footer-one .textwidget ul li a{color:#000;}
#footer-one .textwidget ul li a:hover{color: #0085ca;}
#footer-one p{padding-left: 25px; position: relative;}
#footer-one i{    position: absolute;   left: 0;   top: 5px;}
#footer-one p span{color: #0085ca;font-weight: bold;   font-size: 130%;}
#footer-one i.fa-phone{top: 10px;}


#footer-two{border-top: 1px solid #b2b2b2;   padding: 34px 0 35px;}
#footer-two form{text-align: center;}
#footer-two form h3{    display: inline-block;    text-transform: uppercase;    font-size: 20px;    margin-right: 20px;padding: 6px 0 0 0;}
#footer-two p{    display: inline-block; padding: 0;}
#footer-two p input{    display: inline-block;display: inline-block;
    padding: 10px 5px;
    border-radius: 3px;
    border: 1px solid #000;
    color: #000;}
#footer-two p input[type=submit]{background: #0085ca;
    color: #fff;
    border-color: #0085ca;
    cursor: pointer;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;}
    #footer-two .wpcf7-not-valid-tip{display: none;}


#copyright{
	background:#171717;
	border-top: 1px solid #222;
	transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
	padding: 15px 0 15px 0;
	text-align: center;color:#fff;
}