/*
Theme Name: Packsol
Text Domain: Packsol
*/
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;900&display=swap');

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
		  outline:none;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


html,
body{
	padding:0;
	margin:0;
	overflow-x:hidden;
}
body {
	color: #000;
	font-size: 17px;
	font-family: 'Nunito Sans', sans-serif; 
	font-style: normal;
    font-weight: 400;
	line-height: 26px;
}
#canvas {
    position: absolute;
    z-index: 10;
}

.clearfix{clear:both;}
small,.small{font-size: 12px;line-height: normal;color: #9e9e9e;}
strong{
	
}
.clear{clear:both;}
a{
	text-decoration: none;
	    color: #d13e00;
}
a.underline{text-decoration:underline;}
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, svg {
    display: block;
    height: auto;
    max-width: 100%;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0 0 15px;
	line-height:normal;
	font-weight:700;
}
h1{
	font-size: 42px;
	padding:0 0 10px;
}
h2{
	font-size: 28px;line-height: 36px;
	 padding:0 0 5px 0;
}
h1.page-title{padding-bottom:15px;}
h2 small{font-style: normal;color: #f05127;
    font-weight: normal;
    line-height: 38px;
    font-size: 24px;
    text-align: center;
    margin: 10px 0;}
h3{
	font-size: 20px;
    padding: 0;
    line-height: 33px;
}
.font_bold{}
p{
	padding:0 0 15px;
	margin:0;
}
iframe{max-width:100%;}
hr{
    height: 1px;
    border: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 15px;
    background-color: #cccccc;
	display:block; width:100%
}
::-webkit-input-placeholder { /* Edge */
  color: #000;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

::placeholder {
  color: #000;
}

.widget-form ::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

.widget-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.widget-form ::placeholder {
  color: #fff;
}

ul,ol{margin-top:0;}

ul.listbar,ul.list-checks{list-style:none; padding:0; margin:0;}
input[type=text],input[type=email],textarea,select{border: 1px solid #a3a3a3;box-sizing: border-box;
    border-radius: 4px;max-width: 100%; width:100%;
    font-family: 'Nunito Sans', sans-serif; 
    padding: 5px 10px;
    line-height: 44px; height:44px;
    font-size: 17px;}
textarea{height:120px;}
#search-form{position:relative;background: #0a1b28;}
#search-form input#s{
	padding: 18px 15px;
    line-height: 20px;
    font-size: 15px;
    color: #fff;
    background: #0a1b28;
    -webkit-appearance: none;
    border: none !important;
    float: left;
}
#search-form i {
    position: absolute;
    right: 80px;
    top: 19px;
    padding: 0px;
    color: #fff;
    font-size: 18px;
}
#searchsubmit{float: right;background: #0a1b28;
    border: none;font-family: 'Nunito Sans', sans-serif; 
    color: #fff;
    text-transform: uppercase;
    padding: 0 15px; cursor:pointer;
    line-height: 56px;}

.vc_btn3-style-classic{font-size:20px!important;padding: 12px 30px!important; }
.pad-left{padding: 0 60px;}
.hasline{text-transform:uppercase;}
#offcanvas-toggle{display:none;}

.wrap{max-width:1170px; padding:0 15px; margin:0 auto;position: relative;}
.wrap:after,#banner:after,#header:after,.form-row:after,#bottom:after,#mainbody ul:after,.latest-info:after{clear:both; content:''; display:table;}
ul.modules{list-style:none; padding:0; margin:0;}
.aligncenter {margin:0 auto;}

#header{  width: 100%;z-index: 999;-webkit-transition: all .5s;
    -webkit-transition-timing-function: linear; background:#fff;
    -o-transition: all .5s;
    transition: all .5s;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;}
.scrolled{    position: fixed; top:0;box-shadow: 0 2px 5px #ccc;}
#tophead{padding: 10px 0;color:#fff; font-size:14px;background:url(images/topbg.jpg) no-repeat center center / cover;}
.topleft{float:left;}
.topright{float:right;}
.logo{float:left;padding: 10px 0;}
.logo img{}
.header-widget{float:right;    padding: 10px 0 0 0;}
.header-widget .textwidget div {float:right;    color: #0f263a;font-size: 15px;border-right: 1px solid #4d4d4d;
    padding: 0 25px 0 26px;}
.header-widget .btn-request,.header-widget .btn-request div{padding-right:0!important; border:none!important;}
.header-widget .btn-request a{background: #d13e00;
    border-radius: 4px; font-size:16px;font-weight: 700;
    color: #fff;display: inline-block;margin-top: 12px;
    padding: 14px 20px 11px;
    text-transform: uppercase;}
.header-widget .btn-request a:hover{background: #0f263a;} 
.header-widget i{color:#d13e00;margin-right: 10px;}
.header-widget strong{ text-transform:uppercase;margin-left: 25px;}
.second-header{background:#0f263a;}
#main-nav{float:left;}
#search-tool{float:right;}
#search-tool h3.widget-title{display:none;}
.desktop-menu{}
.desktop-menu ul{list-style:none; padding:8px 0 0 0; margin:0;}
.desktop-menu ul li{display:block;    float: left;padding: 0; position:relative; cursor:pointer;background: url(images/navspec.png) no-repeat right center;}
.desktop-menu ul li a{font-size: 15px; display:block;padding: 10px 25px 10px 23px;font-style: normal;  font-weight: 700;line-height: normal;color: #fff; -webkit-transition: all .5s; transition: all .5s; text-transform:uppercase;}
.desktop-menu ul li:first-child a{padding-left:0;}
.desktop-menu ul li a:hover,.desktop-menu ul li.current-menu-item a,.desktop-menu ul li:hover > a,.desktop-menu ul li.current-menu-ancestor a{    color: #d13e00 ;}
.link-quote a{border: 1px solid #000; border-radius: 6px;}

.desktop-menu li ul{
	width: 270px;
    z-index: 999;
    visibility: hidden;
    opacity: 0; padding:0;
    top: 100%;
    transition-duration: 200ms;
    border-top: 1px solid #e8e8e8;
    transition-timing-function: ease-in;
    transition-property: opacity, margin-top, visibility;
    position: absolute;
    background: #FFF;
    box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.2);
}
.desktop-menu li ul li{display: block;float: none;  padding: 0; margin: 0;}
.desktop-menu li ul li a{display: block;color: #000000!important;  border-bottom: 1px solid #e8e8e8; text-transform: capitalize;padding: 8px 20px; font-size:16px;line-height: normal;}
.desktop-menu li ul li a:hover,.desktop-menu li ul li:hover a,.desktop-menu li ul li.current_page_item a{color: #fff!important ;background: #6382f7;}
.desktop-menu li:hover ul {  visibility: visible; opacity: 1;}
.arrowsub{display:none;}

#mainbody-general{padding:35px 0 15px 0;}
#breadcrumbs{padding:0 0 20px 0;}
.post-meta{padding:0 0 10px 0; font-size:90%;    font-style: italic;}
.pack-solution p{color:#fff; font-size:22px; padding:0;}
.pack-solution a{color:#FFF;background:#1a466d; border-radius:4px;padding: 8px 20px;margin-left: 25px;}

.wqoecf-pop-up-box div.wpcf7>form>p input, .wqoecf-pop-up-box div.wpcf7>form>p textarea{
	    border: 1px solid #5a5a5a !important;    border-radius: 4px!important;    padding: 5px 10px!important;
}
.wqoecf-pop-up-box div.wpcf7>form ::-webkit-input-placeholder { /* Edge */
  color: #666;
}

.wqoecf-pop-up-box div.wpcf7>form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #666;
}

.wqoecf-pop-up-box div.wpcf7>form ::placeholder {
  color: #666;
}
div.wqoecf-pop-up-box p.wqoecf_form_title{color: #d13e00; font-weight:700;}

.wqoecf-pop-up-box div.wpcf7>form>p input[type="submit"]{
	border: none!important;    padding: 10px 20px!important;
    border-radius: 4px!important;
    font-size: 16px!important;
    font-weight: 700!important; text-transform:uppercase;
}

.list-cate-pro .ult-content-box{background-color: #fff;box-shadow: 0 0 15px #cccc!important;margin: 0 0 25px 0!important;}
.list-cate-pro .wpb_single_image.vc_align_center{margin:0;}
.list-cate-pro .ult-content-box h3{text-transform: uppercase; font-size:16px; text-align:center!important;  line-height: normal; padding: 15px 20px;min-height: 74px;}

h2.custom-head{position:relative;}
h2.custom-head:after{content:'';background: #d13e00;
    height: 3px;
    position: absolute;
    width: 60px;
    left: 0;
    bottom: 0;}
	
.woocommerce-loop-category__title,.woocommerce-loop-product__title{font-size: 20px!important;   padding: 0!important;line-height: normal;}
.woocommerce-loop-category__title .count,.woocommerce ul.products li.product .button,.product_meta{display:none;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{margin-bottom:1.5em!important;}
.related.products{clear:both;}
.related.products h2{padding-bottom:15px;}

.bottom-info{background:#1a466d;color:#fff; font-size:23px; text-align:center;}
.bottom-info p{padding:0;}
.bottom-info a{background: #d13e00;
    border-radius: 4px;
    color: #fff;
    padding: 9px 20px 6px;
    text-transform: uppercase;
    margin-left: 35px;
    font-size: 20px;}
.bottom-info a:hover{background:#0f263a;}
a.vc_btn3-color-grey{
	background: #d13e00!important;
    border-radius: 4px!important;
    color: #fff!important;font-size: 15px!important; border:none!important;
       font-weight: 700;
    text-transform: uppercase;
}
a.vc_btn3-color-grey:hover{background:#0f263a!important;}
#copyright{color:#fff; font-size:15px; background:#001426;padding: 20px 0 19px 0;}
.formarea p{font-size:22px;color:#fff;}
.formarea .wpcf7-response-output{color:#fff;}
.widget-form input[type=text],.widget-form input[type=email]{margin: 0 0 15px 0;
    background: rgba(255,255,255,0.4);
    color: #fff;
    border-color: #fff;}
.widget-form input[type=submit]{
	background: #d13e00;
    border-radius: 4px;
    color: #fff;font-size: 15px; border:none;
       font-weight: 700;
    text-transform: uppercase;
	padding:10px 20px;
	cursor:pointer;
}
.widget-form input[type=submit]:hover{background:#0f263a}
.mgrtop img{margin-top: -70px;}
.service-box .ult-content-box{margin-bottom: 70px;}
.service-box .ult-content-box h3{text-transform:uppercase;line-height: normal;margin-bottom: 15px;}
.service-box .ult-content-box p{padding:0;}
.vc_btn3-color-blue{color: #fff;font-size: 15px; border:none!important;
       font-weight: 700;background: #0f263a!important;
    border-radius: 4px;
    text-transform: uppercase;}
.vc_btn3-color-blue:hover{background: #d13e00!important;}
.vc_gitem-post-data-source-post_date{font-style:italic;}
.wpb_gmaps_widget{margin:0!important;}
.wpb_gmaps_widget .wpb_wrapper{padding:0!important;}
.w100 .vc_figure,.w100 .vc_single_image-wrapper,.w100 img{width:100%;}

#contactform input[type=text], #contactform input[type=email] {
    margin: 0 0 15px 0;
    
}
#contactform input[type=submit] {
    background: #d13e00;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    border: none;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 20px;
    cursor: pointer;
}

#footer{
	background: url(images/footerbg.jpg) no-repeat center center / cover;
    padding: 45px 0 20px 0;
    color: #fff;
}
#footer li.widget{float:left;font-size: 16px;font-weight: 300;width: 23%; margin-right:4%;}
#footer li.widget a{color:#fff;}
#footer li.widget a:hover{color:#d13e00;}
#footer li.widget:first-child{width: 48%;margin-right: 2%;}
#footer li.widget:last-child{ margin-right:0;}
#footer h3.widget-title{font-size:18px;position: relative; margin: 0 0 20px 0;}
#footer h3.widget-title:after{content:'';background: #d13e00;
    height: 3px;
    position: absolute;
    width: 30px;
    left: 0;
    bottom: 0;}
#footer li.widget ul{list-style:none; padding:0; margin:0;}
#footer li.widget ul li{position:relative;padding: 0 0 7px 15px;}
#footer li.widget ul li:before{content:'\2022'; color:#d13e00;left: 0; position: absolute;}
#footer li.widget:first-child ul{float:left;width:46%;margin-right: 4%;}
#footer li.widget strong{text-transform:uppercase;}
#footer li.widget p{padding-bottom:10px;}
#footer li.widget hr{margin: 20px 0;}
#footer li.widget:last-child i{color:#d13e00;margin-right: 10px;}

#backtop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    text-decoration: none;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 999999;
    background: #000;
    opacity: 1;
}


#backtop a{
      margin: 0;
    position: relative;
    left: 0;
    width: 50px;
    height: 50px;
    top: 0;
    display: block;
    text-align: center;
    line-height: 50px;
    font-size: 19px;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.topshow{display:block!important;}