@font-face{font-family:'Glyphicons Halflings';src:url(./fonts/glyphicons-halflings-regular.eot);src:url(./fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(./fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(./fonts/glyphicons-halflings-regular.woff) format('woff'),url(./fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(./fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}

/* @import url('http://fonts.googleapis.com/css?family=Montserrat:300,400,500&display=swap'); */

@font-face {
    font-family: 'bold';
    src: url(fonts/MYRIADPRO-BOLD.OTF);
}

@font-face {
    font-family: 'semi-bold';
    src: url(fonts/MYRIADPRO-SEMIBOLD.OTF); 
}

@font-face {
    font-family: 'poppin';
    src: url(fonts/Poppins-Regular.ttf);
}

@font-face {
    font-family: 'poppin-bold';
    src: url(fonts/Poppins-Bold.ttf);
}

:root {

    --red: rgba(188, 0, 0, 1);
    --dark-blue: rgba(3, 46, 85, 1);
    --gray: rgba(171, 171, 171, 1);
    --bg-gray: rgba(249, 248, 248, 1);
    --contact-form-color: rgba(247, 247, 247, 1);
    --accordion-border: rgba(233, 228, 228, 1);
    --quotation-form-text: rgba(81, 81, 81, 1);
    --black: rgba(40, 40, 40, 1);
    --seperator: rgba(164, 164, 164, 1);

}



 a.btn { color:#fff !important; } 



html, body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden;
    height: 100%;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 1.675em;
    color: #666666;
    background-color: #fff;
	z-index:0 !important;
	
}



.lh2{line-height:2.175em}
.lh1{line-height:1.575em}

.container_body {
	 margin: 0 !important;
    padding: 0 !important;
    background-image: url(https://www.allaminc.com/images/hero_sec_bg.png);
    background-position: right top;
    background-size: 100% auto;
    background-repeat: repeat-y;
    width: 100%;
    height: auto;
    z-index: 0 !important;
	border:0px solid transparent;
	 
}
.border_trans { border:1px solid transparent !important; }

.no_repeat { background-repeat: no-repeat !important; }
.bg_gray {background-color:#f6f9fd; }

.font_orange { color:#fda62b; }
.font_working { color:#ff6739; }
.font_pink { color:#df4970; }

.font_bronze { color:#d44010; }
.font_lime { color:#e7ff01; }
.font_dlime { color:#02de5f; }
.font_red { color:#f42429; }
.font_yellow { color:#f7d400; }
.font_bgreen { color:#61ff5d; }
.font_dred {color:#bc0000; }

.top_bg {
   
    height: 90px;
  	
    position: fixed; /* Fixed to stay at the top */
    top: 0;
    left: 0;
    width: 100%; /* Ensures it spans the full width */
    z-index: 1000; /* High enough to stay above the video */
	
}

.container {
    background-color: transparent !important;
}




.container_full {padding:14px ; position:relative;}





.icon-bar {font-size:28px;color:#fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), -1px -1px 2px rgba(255, 255, 255, 0.3);}
.bimg { margin: 16px 0 20px 0;}
.underpics{padding:12px 0 12px 0;font-size:18px;line-height:1.375em;}



.pv { font-size:1.2vw; }
.w30 { width: 30px; }





.forms div div { 
padding-bottom:16px;
}
.forms h1 { font-size:2.6rem;padding-top:26px; }
.forms input,.forms textarea { 
	border: none;         
    border-bottom: 1px solid #7c7c7c;  
    padding: 2em 0 2em 0;     
    outline: none;        
    box-sizing: border-box;  
	background-color:transparent !important;
	box-shadow: none !important;
	border-radius:0 !important;
}

.btn:focus {
  outline: none !important;
}
.btn_padding {padding:8px 10px 8px 10px;} 
.btn-sm { font-size:12px;text-transform:uppercase;font-weight:normal; }
.btn-sm i {font-size:16px;}
.btn-lg {letter-spacing:0.1em;padding:10px 13px 10px 13px !important;font-size:16px !important;border-radius:0;text-transform:uppercase;} 

.btn, .btn a,.btn-warning.focus,.btn-warning:focus,.btn-warning:active.focus,.btn-warning:active:focus  {border:0 !important;}
.btn-default {color:#646464 !important;background-color:#f0f0f0;}
.btn-default,.btn-default:visited,.btn-default:link { color:#666666 !important; }




.btn_white { -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;    }
.btn_white { color:#000; font-family: 'poppin-bold' !important; font-size:14px !important; background-color:#fff;padding:20px !important;  }
.btn_white a i { margin-left:8px;font-weight:bold; }

.btn_red,.btn-danger { -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;    }
.btn_red,.btn-danger  { color:#fff; font-family: 'poppin-bold' !important; font-size:14px !important; background-color:#bc0000;padding:10px !important;  }
.btn_red a i,.btn-danger a i  { margin-left:8px;font-weight:bold;  }
.btn_red_lg,.btn-danger { padding:20px !important; text-transform:uppercase !important; letter-spacing:1px; }
.btn_red_lg:visited,.btn_red_lg:focus { text-decoration:none !important; color:#fff; }
.btn_red:hover,.btn_red_lg:hover {text-decoration:none !important; color:#f1f1f1;transform: scale(1.1) !important;background-color:#000; }


.div_touch_top .btn_touch_top { 

text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), -1px -1px 2px rgba(255, 255, 255, 0.3); 
border:1px solid #f1f1f1;     
background-color:#bc0000 !important;padding:16px;
}

.btn_touch { 
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), -1px -1px 2px rgba(255, 255, 255, 0.3); 
border:1px solid #f1f1f1;     
background-color:#bc0000 !important; font-size:18px !important; padding:20px !important;
}

.btn_touch:hover {
    background-color: #cf2828 !important; 
    color: #fff !important;
	 
	transform: scale(1.1);
}

.btn_touch_lg { font-size:18px !important; padding:20px !important; }
.btn_touch_top:hover, .div_touch_top .btn_touch_top:hover {
    background-color: #cf2828 !important; 
    color: #fff !important;
	border:1px solid #000 !important; 
	transform: scale(1.1);
}







.border_red { border:1px solid red;}
.border_trans { border:0px;}

.btn-special { background-color:#a8902c !important; }



.special {font-weight:bold;font-size:18px;}
.mb_title { font-weight:bold;font-size:18px;padding-bottom:12px; }
.mb_short {font-size:14px;}


.md-only { display:none; }

@media (min-width: 769px) { .equalizer {text-overflow:clip;overflow:hidden;height:150px !important;} html {padding-top:12px;} 

}

.img_left {margin:0 14px 14px 0;vertical-align:left;}
.img_home_topics { margin: 0 6px 0 0 !important; }
.report_cards {padding:10px;border:1px solid #e99a1c;border-radius:6px;}
.bfooter p {font-size:12px;}
.bfooter img {width:200px;margin-right:16px;}
.bfooter .copyr {padding-right:10px;}
.savefree {padding:10px;background-color:#f5f1d3;margin-bottom:14px;line-height:28px;}
@media (max-width: 450px) { .bfooter{text-align:center;}.bfooter img {width:90%;margin-right:0;}.bfooter .copyr {padding-right:0;display:block}}
@media (max-width: 767px) {  

.icon-bar { font-size:35px; }
.savefree {display:block;}
.ads_hr { border-bottom:1px solid #f1f1f1; margin-bottom:12px;  }
.top_line {margin-top:0;}
.m0 { margin-top:20px; }

}

.date {max-width:170px !important;}

.no_md {display:block !important;} 
.utop {margin:0;padding:0}
.up_top {margin:0 12px 0 12px;padding:0}

.font16{font-size:16px;}
.right_sm { float:right; }

.row_section { padding-top:20px;padding-bottom:20px;}
.row_section h2 { margin-top:0px;padding-bottom:16px; }
.row_section img {margin-top:12px; }

@media (max-width: 599px) {.xx_center,.center_xx {text-align:center !important;} 
.right_sm { float:none; }
.mobile_bottom12 {padding-bottom:12px;} .sm_align { text-align:center; } 
.no_pad_xx { padding-left:6px !important;padding-right:6px !important; }
.hide_xx { display:none;}
.row_section h2 { margin-top:20px;border-bottom:1px solid #d0d0d0;margin-bottom:16px;  }
.row_section img {margin-top:0; }
 }
@media (max-width: 768px) { 
.no_xxs{display:none !important;}.only_xs {display:block-inline !important;}.only_sm,.no_xs{display:none !important;}
.xs_center {text-align:center !important; }
.xs_top12 {padding-top:12px;}
.sm_right {text-align:left;}
.center_sm { text-align:center; }

}
@media (min-width: 769px) {.no_xxs{display:none !important;}.only_xs,.only_md  {display:none !important;}.only_sm{display:block-inline !important;} 
.utop {display:none;}
.right_sm {text-align:right} 
.sm_right {text-align:right;}
} 
@media (min-width: 1066px) { .only_md {display:block !important;}.no_md {display:none !important;} 
.md-only { display:block; }
}




.btn_user img {border-radius:50%;width:50px;height:50px;margin:0;padding:0px;margin-top:-10px;}
.tns { list-style-type: none;margin: 0;padding: 10px 0 0 0; }
.tns_right {text-align:right !important;}
.tns a .icon {font-size:20px;color:#646464;}
.tns li { display: inline-block; padding:0;background-color:#fff; }
.top_link {font-size:16px;font-weight:bold;color:#000;text-decoration:none !important} 

.hr_simple{padding:0 !important;margin:0 !important;}
.hr_white {height: 1px;  background-color: #fff; border: none;padding:0;margin:0 16px 16px 16px;}

.header-main { 
background-color:#fff;
}

.ptitle {font-weight:bold;font-size:16px;}
.ptitle_big {font-weight:bold;font-size:22px;color:#000;padding-bottom:16px;}
.padds { background-color:#f0f0f0;padding-top:22px;padding-bottom:12px;}

.large_checkbox{ transform : scale(1.5);};



.nor{font-weight:normal;}
.right {text-align:right;}
.top2{padding-top:2px;}
.top4{padding-top:4px;}
.top6{padding-top:6px;}
.top8{padding-top:8px;}
.top10{padding-top:10px;}
.top12{padding-top:12px;}
.top16{padding-top:16px;}
.top18{padding-top:18px;}
.top20{padding-top:20px !important;}
.top23{padding-top:23px !important;}
.top24{padding-top:24px !important;}
.top25{padding-top:25px;}
.top26{padding-top:26px;}
.top28{padding-top:28px;}
.top32{padding-top:32px;}
.top34{padding-top:34px;}
.top35{padding-top:35px;}
.top45{padding-top:45px;}

.left2{padding-left:2px;}
.left4{padding-left:4px;}
.left6{padding-left:6px;}
.left8{padding-left:8px;}
.left10{padding-left:10px;}
.left12{padding-left:12px;}
.left16{padding-left:16px;}
.left20{padding-left:20px;}

.right2{padding-right:2px;}
.right4{padding-right:4px !important;}
.right6{padding-right:6px;}
.right8{padding-right:8px;}
.right10{padding-right:10px;}
.right12{padding-right:12px;}
.right20{padding-left:20px;}

.bottom2{padding-bottom:2px;}
.bottom4{padding-bottom:4px;}
.bottom6{padding-bottom:6px;}
.bottom8{padding-bottom:8px;}
.bottom10{padding-bottom:10px;}
.bottom12{padding-bottom:12px;}
.bottom16{padding-bottom:16px;}
.bottom18{padding-bottom:18px;}
.bottom20{padding-bottom:20px;}
.bottom24{padding-bottom:24px;}
.bottom25{padding-bottom:25px;}
.bottom26{padding-bottom:26px;}
.bottom30{padding-bottom:30px;}
.bottom35{padding-bottom:35px;}
.bottom45{padding-bottom:45px;}
.bottom60{padding-bottom:60px;}

.tools { margin: 0 0 12px 12px; font-size:14px; }

.fsize20 {font-size:20px;}
.f10 {font-size:10px;}
.nodecor {text-decoration:none !important;}
.upper {text-transform:uppercase}
.monte { font-family: "Montserrat",Open Sans !important,sans-serif; }
.spacing {letter-spacing:0.175em;}
.c64 {color:#646464 !important;}

.bmargin12 a,.bmargin12 button { margin:0 4px 12px 0; }
.mtop10 {margin-top:10px}
.mtop12 {margin-top:12px;}
.mtop25 {margin-top:25px}
.mbottom12 {margin-bottom:12px;}
.mbottom8 {margin-bottom:8px;}
.mleft12 {margin-left:12px;}
.mright12 {margin-right:12px;}

#pull {
    position: absolute;
    top: 91px;
    right: 0;
    text-align: left;
    width: 300px;
    z-index: 999;
    display: none;
    background-color: rgba(0, 0, 0, 0.7);
	overflow-y: auto; /* height: calc(100vh - 91px); */
	background-color: #484848;
}

#pull li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 300px;
    margin-left: -40px;
    cursor: pointer;
    position: relative; /* Enables absolute positioning of the dropdown */
	padding: 10px 10px 10px 20px;
}

#pull li a { 
 display: block;    box-sizing: border-box;
}
#pull li a,
#pull li {   
    text-decoration: none;
    color: #fff;
    font-family: 'Poppin';
}


#pull li{  border-top: 1px solid #575757; }

#pull li a:hover,#pull .nodrops:hover {
    background-color: #8c8c8c !important;
}

/* Dropdown content styling */
#pull .extra {
    display: none; /* Hidden by default */
    position: relative; /* Positions dropdown relative to parent <li> */
    top: 100%; /* Positions dropdown just below the <li> */
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1; /* Ensures dropdown appears above other content */
	
}

#pull .active { 
display: block;
}

/* Show dropdown on click */
#pull li:focus-within .extra {
    display: block;
}

#pull .extra div {
   padding: 10px 10px 10px 20px;
    color: #fff;  width: 100%; 
    background-color: #484848;
    
	font-size:88%;
	word-wrap: break-word; /* Break long words */
    overflow-wrap: break-word; /* Ensures text wraps within boundaries */
    white-space: normal; /* Allows text to wrap normally */
}

#pull .extra div:first-child { padding-top:12px; }
#pull .extra div:not(:last-child)  { border-bottom: 1px solid #575757; }

#pull .extra div:hover {
    background-color: #8c8c8c;
}


.fleft {float:left;}
.fright {float:right;margin:12px 0 12px 0;}

@media (max-width:768px){body{background:#fff;}.hide-xs {display:none;} .fleft {float:none;display:block;text-align:center !important;padding-bottom:12px !important;} .fright {display:block;text-align:center !important;float:none;}
}

/* 
@media (min-width:769px){.mtop{width:728px}.hide-sm {display:none;}}
@media (min-width:930px){.mtop{width:890px}.hide-md {display:none;}.hide-sm {display:none;}}
@media (min-width:1024px){.mtop{width:984px}}
@media (min-width:1200px){.mtop{width:1160px}}
@media (min-width:1280px){.mtop{width:1240px}}


@media (min-width:769px){.container{width:696px}}
@media (min-width:930px){.container{width:830px}}
@media (min-width:1024px){.container{width:924px}}
@media (min-width:1200px){.container{width:1100px}}
@media (min-width:1280px){.container{width:1180px}}

@media (max-width:930px){
.container_featured {margin-left:0;margin-right:0 !important;padding:0 0 0 0  !important}
} */

.flex-container{position:relative;overflow:hidden;padding-top:56.25%}.flex-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.t100{width:100%}
.img_100 {width:100%}

/* 
.wr_top .container { 
background-color:#fff;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;  
-khtml-border-radius: 8px;

}
.wr_top { 
padding-left:10px;padding-right:10px;
} */

.bread { 
color:#232323;border-bottom:1px solid #f1f1f1;padding:0px 5px 5px 5px !important;
}
.bread a { color:#232323 !important; }
.bread li,.bread li.active  { color:#232323; display:inline;padding:0 8px 0 0;font-size:12px;text-transform:uppercase;margin-left:0 !important; }
.bread li:not(:last-child):after { content: " / ";}
.bread li a,.breadcrumb li a:active, .breadcrumb li a:visited, .breadcrumb li a:hover, .breadcrumb li a:link { color:#4a9ece; }



.table_top {background-color:#f9f9f9;padding:12px; border:1px solid #f1f1f1;max-width:500px}.table td{padding:12px 10px 12px 10px !important;vertical-align:middle !important;} 
.table_top tr td { font-family: "Montserrat",Open Sans !important,sans-serif; font-size:14px;}
.table_sm tr td,.table_sm tr th {font-size:14px;}
.h1_nopad,.h1hr {font-style:normal;font-weight:500 !important;line-height:1.44;font-family: "Montserrat",Open Sans !important,sans-serif;letter-spacing:0.1em;text-transform: uppercase !important;font-size:22px;color:#4c4c4c !important;}
.h1 { padding:16px 0 16px 0 !important; }
.h1_nopad { padding:16px 0 0 0 !important; }
.h1hr {padding:16px 0 8px 0 !important;border-bottom:1px solid #f1f1f1;margin-bottom:16px;  }
.sets { padding:30px 12px 30px 12px;text-align:center;margin-bottom:12px;color:#fff;cursor:pointer;font-weight:bold;}

.pale {background-color:#f1f1f1;}
.pale:hover {background-color:#81bae5;}
.pale .app_title { color:#000 !important;text-transform:uppercase; }
.pale .app_text { color:#000 !important; }


.table_top th{background:#68a2d9;padding:12px;vertical-align:middle !important;color:#fff;}
.table_top td { vertical-align:middle !important; }
.table_top .checks {min-width:50px;text-align:center !important;}

#div_cart {position:absolute;top:54px;right:0;width:420px;min-width:350px;background:#fff;z-index:100;display:none;border:1px solid #f1f1f1;border-top:0;padding:0 16px 25px 16px;text-align:center;}
#div_cart .div_scrollable_cart { max-height:320px; height:auto;overflow-x:hidden;overflow-y:auto; }
#div_cart .ch2 {font-style:normal;font-size:20px;font-weight:500 !important;line-height:1.44;letter-spacing:0em;}



h1,
h2,
h3,
h4,
h5,
h6,.h1,.h2,.h3,.h4,.h5,.h6,.h7,
h7,h8,h9 {
	font-family: 'poppin-bold', Arial, Helvetica, sans-serif; 
	color:#000;
	line-height:1.575em;    
}

/* paragraph p */
p {
    font-size:14px;
    font-family: 'poppin';
	line-height:1.657em;
	color: #666666;	
	padding-bottom:16px;

}

div { font-family: 'poppin'; }


h1,h1 span {
    font-family: 'poppin-bold', Arial, Helvetica, sans-serif;	
    
	color:#353535;
	line-height:1.375em;
	margin-top:10px;padding-bottom:14px;
}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span,h7 span { 
color:#bc0000; font-size: 1em;   
}

.container-top { margin-top: 18vh;  }

.h11 { font-size: 3.2rem;  } 

 h1,.h1 { font-size: 3.6rem;  } 
 h2,.h2 { font-size: 2.0rem;  }
 h3,h4,.h3,.h4 { font-size: 1.8rem;  }
 h5,.h5 { font-size: 1.7rem;  }
 h6,.h6 { font-size: 1.5rem;  }
 h7,.h7 { font-size: 1.3rem;  }
 h8 { font-size: 2.7rem; color:#000;padding-top:55px !important;padding-bottom:30px; display:block;  }
 p,div { font-size: 1.1rem; } 
 .div_apull { padding-top:28px; } 
 
 .bg_featured {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;  
    height: 24vw;
    z-index: 0;
	overflow: hidden; 
	 
}

.bg_featured img {
    width: 100% !important;
	height: 100%;
    object-fit: cover; /* Ensures the image covers the container */
	
}

.oleft { object-position: left; }
.oright { object-position: right; }
.ocenter { object-position: center; }

.top_featured { margin-top: 18vh;  }


#logo { border-radius: 50%;padding:0 !important;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5) !important;overflow: hidden; 
 transform: scale(0.9);transform-origin: center;display: block;
}

#reload {
    transform-origin: center; /* Centers the rotation */
    transition: transform 0.3s ease; /* Smooth transition for visual effect */
	margin-left: 2vw;
    z-index: 4 !important;	
	border-radius:50%;
	border:5px solid #fff;
	width:12.1em;
	background:#fff;
	position: sticky;
}

.hero-sec-img-1 {
    z-index: 3 !important;	
	width:100%;
	margin-top:-11em;
}



@media (max-width: 320px) { 

}

@media (max-width: 575px) {  /* iphone vertical */
 .ibottom { padding-bottom:26px; }
 .img_cover {
        height: 390px;         /* Set desired shorter height */
        object-fit: cover;     /* Crop image if necessary */
		width:100%;
    }
	
.container-top { margin-top: 15vh;  }


 h1,.h1 { font-size: 2rem;  } 
 .h11 { font-size: 1.9rem;  } 
 h2,.h2 { font-size: 1.7rem;  }
  h3,h4,.h3,.h4 { font-size: 1.5rem;  }
  h5,.h5 { font-size: 1.4rem;  }
  h6,.h6 { font-size: 1.4rem;  }
  h7,.h7 { font-size: 1.3rem;  }
  h8 { font-size: 1.9rem;  } 
  p,div { font-size: 1.1rem; } 
  #logo {margin:4px 0 0 0; }  
 
#reload { width:7.1em; margin-left: 65vw;   }
.hero-sec-img-1 {  margin-top:-4em;}
.bg_featured {	 height:60vw; }
.top_featured { margin-top: 20vh;   }
}

/* Small devices (phones, landscape) */
@media (min-width: 576px) and (max-width: 767px) {
    /* Styles for devices between 576px and 767px */
	.bg_featured {	 height:50vw; }
	.top_featured { margin-top: 20vh;    }
	
}

@media (min-width: 600px) and (max-width: 767px) { 
    /* Styles for small tablets */
.bg_featured {	 height:45vw; }
.top_featured { margin-top: 20vh;   }
	
}

/* Medium devices (tablets, portrait) ipad vertical  */
@media (min-width: 768px) and (max-width: 991px) {
    /* Styles for devices between 768px and 991px */
	 h1,.h1 { font-size: 2.5rem;  } 
	  .h11 { font-size: 2.3rem;  } 
	  h8 { font-size: 2.4rem;  }  
	.container-top {  margin-top: 15vh; } 
	 .img_cover_vertical {
        height: 390px;         /* Set desired shorter height */
        object-fit: cover;     /* Crop image if necessary */
		width:100%;	
    }
	 #reload { margin-left: 68vw; width:12.1em;  }
	  .hero-sec-img-1 {  margin-top:-7em;}

.bg_featured {	 height:40vw; }
.top_featured { margin-top: 20vh;    }	 
	
}
@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
.container-top {  margin-top: 15vh; } 
.bg_featured {	 height:30vw; }
.top_featured { margin-top: 20vh;    }	 

}
/* Large devices (tablets, landscape, small desktops) ipad horizonal */
@media (min-width: 992px) and (max-width: 1199px) {
  h1,.h1 { font-size: 2.4rem;  } 
     .h11 { font-size: 2.2rem;  } 

  h2,.h2 { font-size: 2.0rem;  }
  h3,h4,.h3,.h4 { font-size: 1.7rem;  }
  h5,.h5 { font-size: 1.6rem;  }
  h6,.h6 { font-size: 1.5rem;  }
  h7,.h7 { font-size: 1.3rem;  }
  h8 { font-size: 2.3rem;  } 
  p,div  { font-size: 1.1rem; }  
  .bp60 { padding-left:60px }
  #reload { width:9.1em; margin-left: 26vw;   }
  .hero-sec-img-1 {  margin-top:-6em;}
  
.bg_featured {	 height:30vw; }
.top_featured { margin-top: 23vh;   }	 
}

@media (min-width: 992px) and (max-width: 1199px) and (orientation: landscape) {
.bp60 { padding-left:0; }
.img_cover {
        margin-top:100px;
		
    }
.bg_featured {	 height:30vw; }
.top_featured { margin-top: 23vh;     }	 	
}

/* Extra large devices (desktops, laptops) */
@media (min-width: 1200px) and (max-width: 1399px) {
    /* Styles for devices between 1200px and 1399px */
  h1,.h1 { font-size: 3.2rem;  }
  .h11 { font-size: 2.9rem;  } 
  h2,.h2 { font-size: 2.0rem;  }
  h3,h4,.h3,,.h4 { font-size: 1.7rem;  }
  h5,.h5 { font-size: 1.6rem;  }
  h6,.h6 { font-size: 1.5rem;  }
  h7,.h7 { font-size: 1.3rem;  }
  h8 { font-size: 3.0rem;  } 
  p,div { font-size: 1.1rem; }   

.bp60 { padding-left:60px }

.bg_featured {	 height:30vw;  }
.top_featured { margin-top: 26vh;   }	 	
}

@media (min-width: 1024px) and (max-width: 1199px) { 
    /* Styles for medium-large tablets */

	
}

/* Extra-extra large devices (large desktops, TVs) my screen */
@media (min-width: 1400px) {
 	
	 .bp60 { padding-left:60px }
		.bg_featured {	 height:40vw;  }
.top_featured { margin-top: 20vh;   }	 
}

@media (min-width: 1600px) {
    /* Styles for very large screens */
	 h1,.h1 { font-size: 3.8rem;  }
	 .h11 { font-size: 3.6rem;  }
	 h8 { font-size: 3.6rem;  }
.bg_featured {	 height:30vw;  }
.top_featured { margin-top: 25vh;  }	 
}

.uppercase { text-transform:uppercase !important;  }
.sm_spacing { letter-spacing:0.085em;} 


.footer_links div { padding-bottom:10px; }

.clip2 { background-color:#f1f1f1;padding:20px;border:1px solid #fff;margin-bottom:12px;height:180px;  }

.plarge { font-size:1.2em; line-height:1.475em; }
.clip2 p {padding-top:22px !important; font-size:15px; } 
.clip2 h7 { font-size: 16px;  }
.hb {
    position: relative;  
	background: linear-gradient(to top, #fff, #000); 
}







.under_pics { font-size:14px;line-height:1.2em;padding-bottom:12px; }
.under_pics img {margin:0 0 8px 0}
.under_pics div {text-align:center;}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}
/* .btn,.btn:active,.btn:hover,.btn:visited,.btn:focus,.btn.active,.btn.focus  {border-radius:0 !important;border:0 !important;text-transform:uppercase;letter-spacing:1px;} */


/*.btn {padding:8px 10px 8px 10px;} */

.price{font-size:20px;font-weight:bold;text-align:left;}
.cart_title,.cart_title:hover{font-size:16px;color:#3097b5;font-weight:bold;padding:0 0 12px 0}
.save_title,.cart_title:hover{font-size:16px;color:#d61b50;font-weight:bold;padding:0 0 12px 0}
.div_cart { max-width:750px;border:1px solid #c9dce2;padding:0 12px 0 12px; }
.no_border {border:0 !important}
.div_cart .row {padding:20px;background-color:#fff;border-bottom:1px solid #f1f1f1;text-align:left;}
.div_cart_page .row {padding:20px;background-color:#fff;border-bottom:1px solid #f1f1f1;}
.div_cart_page { max-width:650px;border:1px solid #c9dce2;padding:0 12px 0 12px; }
.subtotals .row {  background-color:#f1f1f1; }
.price .small {font-weight:normal;font-size:13px;}
.subtotals .row { padding:20px 20px 0 20px; }
.price_now { color:green;font-weight:bold;font-style:italic}
.order_summary { border:1px solid #d1d1d1;padding:12px 12px 0 12px }
.order_summary .row {border-bottom:1px solid #d1d1d1;padding:12px 0 12px 0; }
.order_summary h2 {padding-top:0px !important;margin-top:0px !important;border-bottom:1px solid #d1d1d1;}
.order_summary .discount {color:green;font-weight:bold;}

.table_top { max-width:550px;}
.tt_top {max-width:550px;}
.green{color:#618f18}
.pink { color:#e0142d; }
.pink_bg { background-color:#ca0055; padding:6px 10px 6px 10px;color:#fff;font-weight:bold; }
.fsize26 { font-size:26px;line-height:34px;font-weight:bold; }
.pinkish {color:#b80c59}

.equal-height {
    display: flex;
    flex-wrap: wrap; /* Ensure wrapping for responsiveness */
}

.equal-height .col-sm-3 {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
}

.equal-height .clip2 {
    flex: 1;
    padding: 20px; /* Optional padding */
    box-sizing: border-box; /* Include padding in the total height */
}



.orders {background-color:#f1f1f1;}
.orders td { padding:12px;}


/* ===== Sticky Footer ===== */

.wrapper {
	min-height: 100%;
	height: auto !important; /* for older versions of IE */
	height: 100%;
	margin-bottom: -218px; /* footer height + margin */
	padding-top: 1px; /* margin */
	padding-bottom: 218px; /* footer height + margin */
}

/* ===== Mini Navbar ===== */

.mini-navbar {
	width: 100%;
	height: 40px;
	font-size: 16px;
	z-index: 9999;
	position: relative;
}
.mini-navbar .hidden-sm {
	display: inline-block !important;
}
@media (min-width: 769px) and (max-width: media) {
	.mini-navbar .hidden-sm {
		display: none !important;
	}
}
.mini-navbar .phone {
	display: inline-block;
	padding: 10px;
}
.mini-navbar a {
	display: inline-block;
	padding: 10px 10px 11px 10px;
	-webkit-transition: background 500ms;
			transition: background 500ms;
}
.mini-navbar a.first-child {
	margin-left: -25px; /* To align with logo and container */
}
.mini-navbar a:hover {
	text-decoration: none;
}

/* Mini Navbar Dark */

.mini-navbar-dark {color:#2e6c9d !important; }
.mini-navbar-dark a {
	font-size:11px;
	display: inline-block; text-transform:uppercase;
	background-color:#34a3d1;	
	margin-bottom:4px;
	padding: 5px 8px 5px 8px !important;
	border-right:2px solid #fff;border-radius:4px;
	-webkit-transition: background 500ms;
			transition: background 500ms;
}
.mini-navbar-dark a i { font-size:15px; }

.mini-navbar-dark {
	background: #fff;
	color: #ecf0f1;
	
}
.mini-navbar-dark	a {
	color: #ecf0f1;text-decoration:none;
}
.mini-navbar-dark a:hover {
	background: #242424;
}

/* Mini Navbar White */

.mini-navbar-white {
	background: #fff;
	color: #505050;
	border-bottom: 1px solid #ecf0f1;
}
.mini-navbar-white a {
	color: #505050;
}
.mini-navbar-white a:hover {
	background: #f5f5f5;
}

/* Search Form */

.mini-navbar form {
	width: 250px;
}
.mini-navbar form .form-control{
	height: 26px;
	margin: 7px 0;
	border: 0;
	-webkit-box-shadow: none;
			box-shadow: none;
}
.mini-navbar form button {
	height: 26px;
	margin: 7px 0;
	padding: 2px 7px;
	background: #ecf0f1;
}
.mini-navbar-dark form .form-control {
	background: #484848;
	color: #ccc;
}
.mini-navbar-white form .form-control {
	background: #fff;
	border: 1px solid #dedede;
	color: #505050;
}

/* ===== Navbar ===== */

/* Navbar gets a bit higher */

.navbar {
	min-height: 75px;
	margin-bottom: 0 !important;
}
@media (min-width: 769px) {
	.navbar-nav > li > a {
	padding:8px;	
	padding-left: 8px;
	padding-right: 8px;	
	}
}


.navbar-btn {
	margin-top: 20.5px;
	margin-bottom: 20.5px;
}
.navbar-text {
	margin-top: 27.5px;
	margin-bottom: 27.5px;
}
.navbar-toggle {
	margin-top: 6.5px;
	margin-bottom: 6.5px;padding:4px 8px 1px 8px !important;
	background:#34a3d1 !important;
}



/* ===== Back to Top link ===== */

#to-top-button,#to-top-button i{width:40px;height:40px;line-height:40px}
#to-top-button{z-index:100;position:fixed;bottom:50px;right:50px;cursor:pointer;overflow:hidden;opacity:.7;background-color:#000;background-color:rgba(0,0,0,.6);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:background-color .5s;-moz-transition:background-color .5s;-o-transition:background-color .5s;transition:background-color .5s;text-align:center;font-size:25px;color:#fff;display:none;filter:alpha(opacity=70)}#to-top-button:hover{background-color:rgba(0,0,0,.8);filter:alpha(opacity=80)}#to-top-button i{display:block}



ul.bottom { padding-top:12px; }

#message {display:none;}
.overlay {z-index: 100;background: #e9e9e9;display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;opacity: 0.8;}
.loading_img{position:fixed;z-index: 110; top: 50%;
  left: 50%;}
.loading_gif {width:100%;text-align:center;}
.loading_gif img {margin:14px 0 10px 0;}

.inlines div, .inline { display: inline-block;margin:0 6px 6px 0; vertical-align:top;text-align:left; }
.inlines div div {display:block;max-width:180px;}
.inlines div .small {font-size:12px;}
.ilabel,.inline .ilabel{font-size:13.5px;text-align:left;display:block;padding:0 0 2px 0;margin:0;font-weight:bold;}
.vtop { vertical-align:top; }


.img_c60 { margin:12px 12px 12px 0; width:60px;height:60px;border-radius:50%;text-align:left;} 
.img_c100 { margin:6px 0 16px 0 !important; width:100px;height:100px;border-radius:50%;text-align:left;} 

.row_tform {padding:0 0 0 8px;}
.row_tform div{padding:0 4px 4px 0;}
.tform div {float:left; padding-right:6px;margin-bottom:6px;}
.flabels label {font-size:11px; text-transform:uppercase;letter-spacing:0.08em;padding-bottom:0;margin-bottom:0;color:#818181}
.logright {text-align:right;}
@media (min-width: 769px) { .noleft{padding-left:0;} }
@media (max-width: 768px) { .logright{text-align:center;padding-top:18px;}.div_logo{text-align:center;}.div_logo img {  margin: 0 auto;}
.mini-navbar-dark a {margin-bottom:8px;}  }

.footer ul,.nodots { list-style-type: none; }
.footer ul li { margin-left: -2.6em; font-size:13px;line-height:1.6em;padding-bottom:4px; }
.footer ul li a {color:#646464;}
.footer ul li a:hover {text-decoration:none;color:#c70b63;}

.input-group-addon,.cursor {cursor:pointer;}
.love_blue div div div {float:left;padding-bottom:6px}
.form_cats {background:#f1f1f1;padding:10px;border-radius:10px;border-bottom:1px solid #fff;}



.btn-pink {background-color:#ca2463;padding:3px;color:#fff;padding-left:10px;padding-right:10px; }
.btn-pink:hover {background-color:#b02157;text-decoration:none;}
.btn-menu {background-color:#eb9a43;padding:6px;color:#fff;padding-left:10px;padding-right:10px;text-align:left !important; }
.btn-menu:hover {background-color:#de903d;color:#fff !important;text-decoration:none;}


.comments {
	margin: 20px 0;
}
.cmt {
	margin-bottom: 15px;
}
.cmt > img {
	width: 70px;
	height: 70px;
	border-radius: 3px;
	float: left;
	margin: 0 10px 0 0;
}
.cmt > .cmt-block {
	overflow: hidden;
}
.cmt > .cmt-block > .cmt-body {
	margin-top: 5px;
}
.cmt > .cmt-block textarea {
	border-radius: 0;
}


.price-special { color:#000;font-weight:bold;font-size:18px;text-transform:uppercase; }

.price-special span { color:#b31b1b;font-weight:bold;font-size:18px;text-transform:uppercase; }



.main-nav {
  background: #000;
  margin:0 0 0 0 !important;padding:0 !important;border-radius:8px 8px 0 0;
}
.main-nav button {
 
  color: #fff !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}


.main-nav .navbar-collapse {
  padding: 0;
 overflow-x: hidden;
}

.main-nav .nav .nav-item a:first-child { 
border-radius:8px 0 0 0;
}
.main-nav .nav .nav-item a:hover {  
  color: #fff;  
}
.main-nav .nav .nav-item.active {
  position: relative;
}
.main-nav .nav .nav-item.active > a {
  color: #000;
}

.main-nav .nav .nav-item.active > a:hover {
 
  color: #000;
   -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.main-nav .nav .nav-item.active > a.dropdown-toggle:before {
  display: none;
}



.navbar_toggle  { text-decoration:none !important;}

.navbar-nav li a:hover   { 
   background: #f0ad4e !important;
   color:#fff !important;   
}

.navbar-nav li a:focus {
	/* border-right:1px solid #fff !important; */
}



.navbar-admin { margin:0 !important;  }

.navbar-nav li a { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px; 
font-weight:normal;  
padding:8px;
color:#363636;
display:block; 
text-transform: none;
 -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
text-decoration: none !important;  
}




.mnav {
  margin: 7.5px -15px;
}
.mnav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

.dropdown-menu {
 background-color: #484848 !important;
 
}
.dropdown-menu li { margin:0 !important;}
.dropdown-menu li a { padding:10px !important;  text-shadow:none !important;  }

@media (max-width: 767px) {
  .mnav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
   
    
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .mnav .open .dropdown-menu > li > a,
  .mnav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .mnav .open .dropdown-menu > li > a {
    line-height: 0;
  }
  .mnav .open .dropdown-menu > li > a:hover,
  .mnav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 769px) {
  .mnav {
    float: left;
    margin: 0;
  }
  .mnav > li {
    float: left;
  }
  .mnav > li > a {
    padding-top: 15px;
    padding-bottom: 15px; 
	background:#000 !important;
  }
}



.mnav li a { 
font-family: Heebo,Arial, Helvetica, sans-serif; 
font-size: 14px; 
padding:8px;
color:#363636;
display:block; 
 -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
text-decoration: none !important;  
}






.round-corners-5px{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.round-corners-8px{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.unround-top-corners{
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.unround-bottom-corners{
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.post {  line-height:160%;  font-family: 'Arial', Sans-Serif; color:#212121; }



.menu_top { padding:16px 0 10px 16px; }
.menu_top > a { font-weight:normal;font-size:12px;margin-right:5px; }




.rightarrowdiv > a { color:#fff;text-decoration:none;font-size:14px;; }
.right_menu { line-height:1.2em; }
.right_menu > a { font-size:14px;display:block;padding:8px;margin-left:-8px;border-bottom:1px solid #fff;} 
.right_menu_active  { font-size:14px;background:#dfe6ea;padding:8px;margin-left:-8px;border-bottom:1px solid #fff;}
.right_menu > a:hover {background:#f1f1f1;text-decoration:none;}

.title_reg { font-weight:bold; }
.left { float:left;text-align:left; }
.right { float:right;text-align:right; }
.aleft {text-align:left; }
.aright {text-align:right; }
.center { text-align:center; }
.center img {  margin: 0 auto; }

.rightarrowdiv {
min-height:18px; /*min height of DIV should be set to at least 2x the width of the arrow*/
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #48bbeb), color-stop(1, #34a3d1));
        background:-moz-linear-gradient(top, #48bbeb 5%, #34a3d1 100%);
        background:-webkit-linear-gradient(top, #48bbeb 5%, #34a3d1 100%);
        background:-o-linear-gradient(top, #48bbeb 5%, #34a3d1 100%);
        background:-ms-linear-gradient(top, #48bbeb 5%, #34a3d1 100%);
        background:linear-gradient(to bottom, #48bbeb 5%, #34a3d1 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#48bbeb', endColorstr='#34a3d1',GradientType=0);
        
        background-color:#48bbeb;
color:white;
padding:5px;padding-left:10px;padding-top:7px;
font-weight:bold;
position:relative;
word-wrap:break-word;
-moz-border-radius:5px; /*add some nice CSS3 round corners*/
-webkit-border-radius:5px;
border-radius:5px;
margin-bottom:0em;
}


.title_product_small { line-height:1.3em; }
.title_product_small > a:hover { line-height:1.2em;color:#a90000; }



h10 { 
 text-transform: uppercase;
 font-family: Arial, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
	display: block;
    font-size:14px;
    line-height: 30px; color:#646464;
  z-index: 100;
  
  border-bottom: 1px dotted #b8b8b8;padding-bottom:2px;
}


.bred { 
background-color:#dc1414;color:#fff !important;padding:14px;
text-transform: none;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
border-radius:10px;
border:1px solid #ea4343; 
}
.red { color:#bc0000 !important;font-weight:bold; }
.nred { color:#dc1414;}

.yellow { 
background-color:#ffae00;color:#000 !important;padding:14px;
text-transform: none;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
border-radius:10px;
border:1px solid #ffc446; 
}

.lheight2 {line-height:2.3em;}


.td_top { vertical-align:top !important; }
.mimg {margin:0 12px 12px 0}
.tags{font-size:11px;}
.h1_top {padding-bottom:18px;border-bottom:1px solid #f1f1f1;margin-bottom:18px}
.h1_top_no_hr {padding-bottom:18px;margin-bottom:2px}
.h1_featured {padding:18px 0 12px 0;}
.ibig { font-size:22px;padding:20px; }


.gst_pagination { padding:12px 0 12px 0; font-size:0.8em; }

.ul_btns {margin:0;padding:0;}
.ul_btns li {display: inline;list-style: none;padding:0 2px 0 0; }
.ul_btns li span {padding:0 0 0 3px;}
.ul_btns li a,.ul_btns li button { margin-bottom:4px; }
.pager_select select { max-width:80px;margin-top:-5px;padding-bottom:7px; } 


.btitle {font-size:22px;font-weight:bold;padding:14px 0 14px 0;line-height:1.575em;}
.btitle a {color:#646464}
.sblog p,.sblog li {font-size:16px;line-height:1.775em !important;padding-bottom:20px;}


.pleft {float:left}.pright {float:right}

.img_person { margin:0 12px 12px 0;}


.new_tabs_active,.new_tabs:hover { float:left;padding:2px 6px 2px 6px;background-color:#ae0d55;color:#fff;font-weight:bold;cursor:pointer;font-size:11px;border-bottom:2px solid #fff; }
.new_tabs { float:left;padding:2px 6px 2px 6px;background-color:#a6a6a6;color:#fff;font-weight:bold;cursor:pointer; font-size:11px;border-bottom:2px solid #fff;}
.new_space { float:left;color:#fff; }
.tabs_cards { margin-left:2px;line-height:1.675em;font-size:14px; }
.tabs_cards a { padding:4px 0 4px 0; border-bottom:1px solid #f1f1f1;display:block;margin:0 !important;}
.tabs_cards a:hover {background-color:#f6fcff;text-decoration:none !important;} 
.nav_small{padding-left:0;list-style:none}.nav_small>li>a{padding:10px;font-size:14px;}.nav_small>li>a:focus,.nav_small>li>a:hover{text-decoration:none;background-color:#eee}.nav_small>li.disabled>a{color:#999}.nav_small>li.disabled>a:focus,.nav_small>li.disabled>a:hover{color:#999;text-decoration:none;cursor:not-allowed;background-color:transparent}

.round { 
. -moz-border-radius:10px;
 -webkit-border-radius:10px;
border-radius:10px;
}

.pcircle { 
border-radius:50%;width:height;
}

.sproducts { 
border-radius:6%;width:height;
}

.border-round { 
. -moz-border-radius:10px;
 -webkit-border-radius:10px;
border-radius:10px;
border:5px solid #5388ad;padding:5px;
}

.verdana10, .verdana10 a, .verdana10 a:link,.verdana10 a:active,.verdana10 a:visited,.verdana10 a:hover { font-family:Arial, Helvetica, sans-serif;font-size:10px;font-weight:normal;text-decoration:none; text-align:center;line-height:13px;font-style:normal; }

.verdana11, .verdana11 a, .verdana11 a:link,.verdana11 a:active,.verdana11 a:visited,.verdana11 a:hover { font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;text-decoration:none; text-align:center;line-height:13px;font-style:normal; }

.fb_comments { width: 100% !important; }
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
  width: 100% !important;
}
.marks { padding:6px;font-size:14px;color:#fff;. -moz-border-radius:10px; -webkit-border-radius:10px;border-radius:10px; }
.orange { background-color:#f98a07;line-height:1.2em; }

.black { color:#000 !important; }

.leftarrowdiv_simple {
width:100%;
min-height:22px; 
background: #34a3d1;
color:white;padding:5px;padding-left:10px;font-weight:bold;position:relative;word-wrap:break-word;
-moz-border-radius:5px; /*add some nice CSS3 round corners*/
-webkit-border-radius:5px;border-radius:5px;margin-bottom:0em;
}
.leftarrowdiv { width:280px;min-height:22px; /*min height of DIV should be set to at least 2x the width of the arrow*/
background: #34a3d1;color:white;padding:5px;padding-left:10px;
font-weight:bold;
position:relative;word-wrap:break-word;
-moz-border-radius:5px;
-webkit-border-radius:5px;border-radius:5px;margin-bottom:0em;
}
.leftarrowdiv a, .leftarrowdiv a:active,.leftarrowdiv a:visited,.leftarrowdiv a:link { color:#fff;text-decoration:none; }
.leftarrowdiv a:hover { color:#fff;text-decoration:underline; }
.leftarrowdiv:after{ /*arrow added to leftarrowdiv DIV*/
	content:'';display:block;position:absolute;	top:6px;left:-20px; /*should be set to -border-width x 2 */
	width:0;height:0;border-color: transparent #34a3d1 transparent transparent; /*border color should be same as div div background color*/
	border-style: solid;border-width: 10px;
}

.fb_name, .fb_name a { color:#b00632 } 
.fb_bottom { font-size:12px; }

.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
}
 
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.space-sep { padding-top:12px; } 
.small-blue { padding-left:20px;padding-bottom:20px; }
.small-blue div { font-size:12px;border-left:4px solid #f2f2f2;padding-left:12px; }
.label_pink { background-color:#ca2463;padding:3px;padding:12px; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px;margin-bottom:0em;
 }
.label_pink a { color:#fff;text-decoration:none;font-weight:bold;}

#timing ul { margin:0 auto; padding:0px; list-style:none; }
#timing ul li { display:inline;   }
.timing { padding:10px; }
.timing .time li { color:#303030;font-size:24px;font-weight:bold; }

.title_red { font-weight:bold;color:#b70004;font-size:16px; }

.score { border:1px solid #d3d3d3;background-color:#c5daeb;padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; }
.round { border:1px solid #d3d3d3;padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; }


.circle_green {
  border-radius: 30px;
  background: #3bcc0e;
  color:#fff;font-weight:bold;
  padding:12px;
  font-size:28px;
}
.circle {
  border-radius: 30px;
  background:#ccd5c9;
  font-weight:bold;
  padding:12px;
   font-size:28px;
}
.topic_love { 
background-color:#ff;border-bottom:1px solid #d9d4ce;-moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px;
font-size:24px;font-family:Times New Roman;color:#885402;font-weight:bold;;line-height:29px;font-style:italic;text-decoration:none;padding:10px;
}

.clear { clear:both; }




.progress-bar-yellow { background-color: #f4c900; }
.progress-bar-green { background-color: #0a8b00; }
.progress-bar-green-light { background-color: #49de00; }
.progress-bar-black { background-color: #000000; }




.float_left { float:left;padding-right:10px; }
.title_black { font-weight:bold; }

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
  z-index:100000 !important;
 }
 
.float_left { padding-bottom:10px;float:left;padding-right:10px; } 






.nav-pills a { font-size:12px !important; }

   .ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;   
    padding: 4px 0;
	padding-left:12px;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
	cursor:pointer;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

.esmall {font-size:12px; text-transform:uppercase}
.bold {font-weight:bold;}


.in_frame { background-color:#f0f0f0;padding:10px;border:1px solid #f1f1f1;border-top:0; }

.quotes_search { padding:20px 12px 20px 12px;background-color:#f1f1f1;margin-bottom:14px; }

/* ===== Footer ===== */


footer {
	
	padding: 25px 0 12px 12px !important; margin:0 !important;
	
	background:#f0f0f0;color:#000; 
	/*background:#5b90b4;color:#fff;*/
}
footer h3 {
	padding-bottom: 10px;
	border-bottom: 0px solid #4E4D4A;
	margin-bottom: 20px; 
}
footer h3 > span {
	padding: 5px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
}
#footer h8,#footer li, #footer a {color:#646464 !important;}
#footer ul { list-style-type: none;padding:12px;}

.noleft {margin-left:0 !important;padding-left:0 !important;}
.f18 {font-size:18px;}


.socials a:hover {text-decoration:none !important;}
.socials .icon:hover {color:#5b8fb4;}
.socials a {font-size:32px;}
.pshorts{font-size:16px;}

@media (max-width: 599px) { 
.row_tarot_numbers {margin-left:12px; margin-right:12px;}
}

.dw_inside { position: relative !important; }
.dw_inside input { padding-right:30px !important }
.dw_inside .dw_button { position: absolute;right: 4px;top: 6px;bottom: 4px;z-index:9; }
.dw_inside .dw_button i { color:#8e8e8e;font-size:20px; } 
.dw_inside .lg_button { position: absolute;right: 8px;top: 30px;bottom: 4px;z-index:9; }
.dw_inside .lg_button i { color:#8e8e8e;font-size:20px; } 
.dw_inside .s_button { position: absolute;right: 6px;top: 5px;bottom: 4px;z-index:9; }
.dw_inside .s_button i { color:#8e8e8e;font-size:20px; } 
.dw_inside .starts_button { position: absolute;right: 0px;top: 32px;;z-index:9; }
.dw_inside .starts_button i { color:#8e8e8e;font-size:18px; } 
#eye_pass,.icon-remove  { cursor:pointer;}

.nfinder { background-color:#e4ecf2;border-top:1px solid #fff; }
.bred {border:1px solid red}
.img-circle { border-radius:50%; } 
.undercircle a {  font-family: Arial, Helvetica, sans-serif; color:#34704b; font-size:120%; }.img-circle a:hover { color:#34704b; }
.undercircle { text-align:center; }
.undercircle div { text-align:center;padding:12px 0 12px 0; }

.pform { border:1px solid #fff;background-color:#f0f0f0;padding:0;}

.pform .in_title { padding:0;  color:#fff; text-align:center;background-color:#9b882a;}
.pform h3{padding:6px;margin:0;color:#fff !important;font-family: Heebo,Arial, Helvetica, sans-serif; text-transform:uppercase;letter-spacing:0.045em;font-size:21px;}
.pform .inside {padding:14px;}
.row_pager { background-color:#f1f1f1;padding:14px 0 8px 0;margin:0 0 12px 0;  }
.pager_right{float:right !important;}
.disabled {color:#b4b4b4}
.pblog_img {margin:20px 0 20px 0}
.hr_dotted { border-top:1px dotted  #cbcbcb }
label {font-size:12px;font-weight:normal;line-height:1.375em !important;}

.pull-right {  float: right !important; }
.underblogs,.underblogs a,.underblogs a:hover,.underblogs a:visited {font-family: Heebo,Arial, Helvetica, sans-serif;margin:16px 0 12px 0;font-size:20px;line-height:1.375em;color:#000;text-decoration:none;  }
.underblogs a:hover {color:#3e7899}
.top_phone {font-size:22px;font-weight:bold;}
.warranties{background-color:#5ead23;padding:30px;color:#fff;border-bottom:1px solid #fff;}
.warranties h2 {color:#fff;}
.parts {background-color:#f1f1f1;padding:12px;border:5px solid #fff}
.p_orange {color:#f15a24}

.smtop { padding-top:0; }
@media (max-width:1170px) and (min-width:769px)   { 
/*.smtop {margin-top:60px !important;margin-bottom:-20px;text-align:center;}
 .navbar-right {float:left !important;text-align:center; } */
}

#cities { padding: 16px 0 16px 0; border-top:10px solid #f1f1f1; }

.img100 { width:100% !important; 
height: auto;               
display: block;  }
.img_crop {
    width: 100%;               /* Make the image responsive */
    height: 400px;             /* Set a fixed height */
    object-fit: cover;         /* Crop the image to fill the height */
    overflow: hidden;          /* Hide any overflow */
}

.video-slider {
position: relative; 
    overflow: hidden;   
	width: 100%;
    height: 70vh;
    z-index: 2; /* Use a moderate z-index to test layering */
  
}

.slideset {
    display: flex;
    width: 100%;
    height: 100%;
}

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

.bg-video-holder {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
}



.bg-video-holder video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.clip { z-index:5; }

.caption-box {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #fff;
	z-index:5;
}

.caption-box .title {
    font-size: 2.5rem;
    font-family: 'poppin-bold';
    line-height: 1.275em;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 12px;
}

.caption-box .text-info {
    font-size: 1.5rem;
    margin-top: 10px;
}

.caption-box .btn {
    margin-top: 20px;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 18px !important;
}


@media (max-width: 767px) {
   
    .caption-box .title { font-size: 4.8vw; }
    .caption-box .btn { font-size: 14px !important; }
}



.slider-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    z-index: 2;
}

.slider-nav button {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 1.5rem;
    outline: none;
}

/* from old */
.text-white{--bs-text-opacity:1;color:#fff !important }
.text_reg,.text_reg p,.text_reg div {--bs-text-opacity:1;color:#000 !important }

.bg_red {
   background: url(../../images/opacity_img.png);
    object-fit: cover;
}

.bg_us {
   background: url(../../images/bg_us2.png);
    object-fit: cover;
}





.marquee li::before {
    content: ''; /* Your desired divider character */
    margin-right: 0.5em; /* Space between divider and text */
    color: var(--divider-color, #fff); /* Adjust divider color */
    font-size: 0.8em; /* Adjust size if necessary */
}
 
 .marquee {
    --gap: 0rem;
    position: relative;
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: var(--gap);
    width: 100%;
    background-color: var(--dark-blue);
}

.marquee li {
		list-style-type: none;
        padding: 14px 10px 8px 10px;
		font-family:'poppin-bold';
    }



.marquee__content>* {
        font-size: 1.9em;
}

.marquee__content {
    flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    gap: var(--gap);
    min-width: fit-content;
    margin-left: -2%;
}

.marquee i { color: #bc0000; }

.about-marquee-li {
    font-size: 2.5em;
}

.home-marquee {
        font-size: 25px;
 }
.enable-animation .marquee__content {
    animation: scroll 25s linear infinite;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-100% - var(--gap)));
    }
}


.font-db p {
    opacity: 0.2;
}

.font-db .slick-current p {
    opacity: 1;
}

.slider {
    display: flex;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.item {
    animation: animate 25s linear infinite;
    border: 2px solid var(--gray);
    width: 100%;
}

.item img {
    min-width: 15vw;

}

@keyframes animate {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-1800px, 0, 0);
    }
}


.container_black { position: relative; }
.container_black {padding-top:20px; background:#000;color:#fff}
.container_black h3,.container_black p { color:#fff; }
.container_blue { position: relative;  }
.container_blue {padding-top:20px; background:#032e55;color:#fff; background-image:url(https://www.allaminc.com/images/bg_blue.jpg)}
.container_blue h3,.container_blue p { color:#fff; }
.container_black p strong {font-family:'poppin-bold'; color:#ffdfa7; font-weight:normal; }



.carousel-container {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.carousel-bg {
    display: flex;
    transition: transform 0.5s ease-in-out; /* Smooth slide */
	width:100%;
	 
}

.carousel-width {
    /* Adjust width as needed */
    text-align: center !important;
    padding: 12px; /* Adds padding on the left and right */
	width:80vw;
}
.carousel-width div {  padding-left:12vw; }

.clip {
    min-width: 100%; /* Each clip takes up 100% width */
    text-align: center;
}

.carousel-img {
    height: 30.5vw;
    width: 30.5vw;
    border: 3px solid var(--red);
    border-radius: 50%;
    object-fit: cover;
	margin-bottom:20px;
}

.navigation-buttons {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
	z-index:10 !important;
	
}


.carousel-2-button {
    width: 8vw;
    height: 8vw;
    background: var(--red);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

@media (min-width: 768px) {
.carousel-img {
    height: 8.5vw;
    width: 8.5vw;
}
.carousel-2-button {
    width: 4vw;
    height: 4vw;
}
}

/* endfrom old */


.no_bottom { margin-bottom:0 !important;padding-bottom:0  !important;line-height:1.1em; }

.app_box {
    border: 1px solid #ddd; /* Light border */
    padding: 15px; /* Optional padding */
    text-align: center; /* Center-aligns content */
    box-sizing: border-box;
	margin-bottom:20px;	
}
.container_black .app_box { border: 1px solid #626160; }

/* Image styling */
.app_box img {
    width: 100% !important; /* Full width of container */
    /*aspect-ratio: 1 / 1;  Makes image a square */
    /*object-fit: cover; /* Ensures the image fills the square without distortion */
   /* border-bottom: 1px solid #ddd; /* Optional: separate image with border */
}

/* Title styling */
.app_title {
    margin: 10px 0 5px; /* Spacing around title */
    font-size: 1.2em; /* Adjust font size as needed */
    font-weight: bold; color:#212830;
}



/* Text styling */
.app_text {
    font-size: 0.9em; /* Smaller font for description */
    color: #666; /* Light gray color */
}

.no_hover:hover  { text-decoration:none !important; }

.onpage li { padding-bottom:20px; }

.m0{margin:0;}
.mb0 { margin-bottom:0 !important; }
.pb0 { padding-bottom:0 !important; }
.m12 {margin-top:12px;}
.m20 {margin-top:20px;}
.m30 {margin-top:30px;}
.m60 {margin-top:60px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb60 {margin-bottom:60px;}
.p0{padding:0;}
.key_features strong {color:#000;font-family:'poppin-bold';font-weight:normal;  }

.img-responsive {width:100%; }
.smaller { font-size:0.8em; color:#333; }

#privacy li {padding-bottom:12px; }
.wider { letter-spacing:0.065em; }
.bolder { font-family:'poppin-bold' }