/* CSS Document */


.rounded {border-radius: 15px;}


/* PADDING */
.padtop5 {padding-top:5px;}
.padtop10 {padding-top:10px;}
.padtop25 {padding-top:25px;}

.pad2 {padding:2px;}
.pad3 {padding:3px;}
.pad5 {padding:5px;}
.pad10 {padding:10px;}
.pad15 {padding:15px;}
.pad20 {padding:20px;}
.pad30 {padding:30px;}

.padH20 {padding:0 20px;}



.padV4 {padding:4px 0;}
.padV8 {padding:8px 0;}
.padV20 {padding:20px 0;}

.padb3 {padding-bottom:3px;}
.padb10 {padding-bottom:10px;}
.padb20 {padding-bottom:20px;}
.padb30 {padding-bottom:30px;}


.padInsCaption {padding:0 15px;}


/* General Helper classes */

.reset {clear:both;}
.ctr {text-align:center;}
.align-r {text-align:right;}

.hline {display:inline-block; width:100%; height:2px; border-bottom:1px solid #d4d4d4; margin-bottom:1px;}
.poosh {display:inline-block; width:12px;}
.boarder {border:1px solid #e8e8e8;}
.boarder2 {border:1px solid #d8d8d8;}

.red {color:rgba(237, 28, 36, 1);}


.loseColPadR {padding-right:0px !important;}
.loseColPadL {padding-left:0px !important;}

.lessBulletIndent {margin-left: -10px !important;}
.evenlessBulletIndent {margin-left: -15px !important;}
.lessBulletIndent2 {margin-left:-24px !important;}
.noBullet {list-style: none;}



.vert-center {
  display: block;
  margin-top: auto;
  margin-bottom: auto;
  vertical-align: middle;
  /*position: relative;
  top: 50%;
  transform: translateY(-50%);*/
}

.respofix {margin: 0 auto;}



.op2 {opacity:0.2;}
.op3 {opacity:0.3;}
.op5 {opacity:0.5;}
.op7 {opacity:0.7;}



/* FONT HELPERS */
.blak {color:#000000;}
.wite {color:#FFFFFF;}
.orange {color:#f79558;}
.green {color:#009528;}
.lightblue {color:#00A2E2;}
.purple {color:#8a50d1;}
.blue {color:#4DB2FD !important;}
.grey {color:#A0A0A0;}
.greymid {color:#7C7C7C;}
.white {color:#FFFFFF;}
.yellow {color:#EED84B;}
.eclipseblue {color:#2B6A25;}

.info {color:#5bc0de;}
.warning {color:#f0ad4e;}
.success {color:#5cb85c;}

.pic {border:1px solid #565656;}
.pic2 {border:1px solid #CCCCCC;}
.pic3 {border:1px solid #6b6b6b;}

.bg-slate {background-color:#16262e;}
.bg-grey {background-color:#92989B;}
.bg-black {background-color:#000000;}
.bg-blue {background-color:#003773;}

.defaultFont {font-family: 'Mulish', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.smallHelv {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:11px;}
.bigNumber {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:35px; line-height:35px; font-weight:bold;}


.w300 {font-weight:300;}
.w400 {font-weight:400;}
.w600 {font-weight:600;}
.w700 {font-weight:700;}
.w800 {font-weight:800;}


.f11 {font-size:11px;}
.f12 {font-size:12px !important;}
.f13 {font-size:13px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important;}
.f16 {font-size:16px !important;}
.f17 {font-size:17px !important;}
.f18 {font-size:18px !important;}
.f20 {font-size:20px !important;}
.f22 {font-size:22px !important;}
.f24 {font-size:24px !important;}
.f30 {font-size:30px !important;}
.f40 {font-size:40px !important;}
.f50 {font-size:50px !important;}


.lh12 {line-height:12px;}
.lh13 {line-height:13px;}
.lh14 {line-height:14px!important;}
.lh15 {line-height:15px;}
.lh16 {line-height:16px;}
.lh17 {line-height:17px;}
.lh18 {line-height:18px;}
.lh20 {line-height:20px;}
.lh22 {line-height:22px;}


.upper {text-transform:uppercase; }
.under {text-decoration:underline;}


.m5 {margin:5px;}
.m10 {margin:10px;}
.m20 {margin:20px;}
.m24 {margin:24px;}
.m30 {margin:30px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb24 {margin-bottom:24px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}


.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt24 {margin-top:24px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt75 {margin-top:75px;}


.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml24 {margin-left:24px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr24 {margin-right:24px;}

.mh10 {margin-right:10px; margin-left:10px;}


.footerlink {color:#ffcc33; text-decoration:none;}
.footerlink:hover {color:#ffcc33; text-decoration:underline;}
.footerlink:active {color:#ffcc33 !important; text-decoration:none;}
.footerlink:visited {color:#ffcc33 !important; text-decoration:none;}

.footerlinks ul {list-style: none; list-style-type:none;}
.footerlinks ul li {list-style: none; color:#ffcc33; list-style-type:none; display: inline; margin-right:10px;}

.footerlinklast {margin-right:0px !important; color:#ffcc33;}
.footerlinklast:visited {color:#ffcc33 !important; text-decoration:none;}


.phoot a:link {color:#00A2E2;}
.phoot a:hover {color:#FFF;}
.phoot a:visited {color:#00A2E2;}



/* Captcha overrides */
.cap2 .rc-anchor-light {background:none !important;}


.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 67px;
}


.lessIndent ul li {margin-left:-20px;}
.noBullets ul li {list-style: none;}


/* for the Page templates */

#wckg {font-size:12px; line-height:18px;}






.apps {line-height:1.5em;}

.appsList a:link {text-decoration:none; color:#484848;}
.appsList a:hover {text-decoration:none; color:#00A2E2 !important;}
.appsList a:active {text-decoration:none; color:#00A2E2;}
.appsList a:visited {text-decoration:none; color:#484848;}


.modal-stars {background-image: url('/assets/img/common/night-sky3.jpg'); background-position:top center;}



.accordiontojim {cursor:pointer;}
.accordiontojim a:hover {text-decoration:none !important; cursor:pointer; background-color:#4569D6;}

.jim > .panel-default > .panel-heading + .panel-collapse > .panel-body {
    padding: 15px 15px 7px 15px;}



.prodImg img {border: 1px solid #272727;}


 @media (max-width:767px){
    .prodImg img {}
}

 @media (min-width:768px) and (max-width:991px){
    .prodImg img {max-height:364px;}
}

 @media (min-width:992px) and (max-width:1199px){
    .prodImg img {max-height:300px;}
}

 @media (min-width:1200px){
    .prodImg img {max-height:264px;}
}




/* Back to Top button */

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 16px;
  border: 1px solid #808080;
  outline: none;
  background-color: #666666;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #808080;
}


.nav-find {color:#C7D9B0;}
.nav-find:hover {color:#ffffff; text-decoration:none;}
.nav-find:focus {color:#ffffff; text-decoration:none;}
.nav-find:visited {color:#ffffff; text-decoration:none;}




/* overrides */

.ctct-form-errorMessage {line-height: 1.2em;
    margin-bottom: 8px;
    color: red;}






 @media (min-width:768px){
.picRM {float:right; margin:20px 0 20px 20px;}
 }

 @media (max-width:767px){
.picRM {float:none; margin:20px 0;}
 }




 @media (min-width:768px){
.picRT {float:right; margin:0 0 3% 3%; max-width:350px;}
 }

 @media (max-width:767px){
.picRT {float:none; margin:20px 0; width:100%;}
 }


@media (min-width:768px){
.picRT2 {float:right; margin:0 0 3% 3%; max-width:550px;}
 }

 @media (max-width:767px){
.picRT2 {float:none; margin:20px 0; width:100%;}
 }


 @media (min-width:992px){
.picRT3 {float:right; margin:0 0 3% 3%; max-width:400px;}
 }

 @media (max-width:991px){
.picRT3 {float:none; margin:20px 0; width:100%;}
 }





 @media (min-width:768px){
.padMemnav {padding:4px 35px 4px 0;}
 }

 @media (max-width:767px){
.padMemnav {padding:4px 0 4px 0;}
 }


 @media (min-width:768px){
.socal {margin-top:50px;}
 }

 @media (max-width:767px){
.socal {margin-bottom:20px;}
 }




 @media (min-width:768px){
.col-two-to-one {border-left:none; padding-left:0;}
 }

 @media (max-width:767px){
.col-two-to-one {border-left: 1px solid #e8e8e8; padding-left:30px;}
 }


 @media (min-width:768px){
.loseColPadLProduct {padding-left:0px !important;}
 }

 @media (max-width:767px){
.loseColPadLProduct {padding-left:28px;}
 }








/* Template sidebar */
 @media (min-width:768px) {
.addBorderLeft {border-left:1px solid #e8e8e8; padding-left:5%;}
 }

 @media (max-width:767px) {
.addBorderLeft {border-left:none; padding-left:15px; padding-right:15px;}
 }


 @media (min-width:768px) {
.templateSidebar {padding-right:5%;}
 }

 @media (max-width:767px) {
.templateSidebar {padding-right:15px; padding-left:15px;}
 }




 @media (min-width:768px) {
.padtag {padding-top:67px;}
 }

 @media (max-width:767px) {
.padtag {padding-top:0px;padding-bottom:20px;}
 }

 @media (min-width:768px) {
.padphone {padding-top:58px;}
 }

 @media (max-width:767px) {
.padphone {padding-top:5px;}
 }







 @media (max-width:767px){
.columnMobileFix .col-xs-3 {margin-left:2px !important; margin-right:2px !important; padding-left:2px; padding-right:2px;}
 }


 @media (max-width:767px){
.resultsMobileFix {padding-left:30px; padding-right:30px;}
 }





.labelZ {z-index:500; position:absolute;padding:6px;}

@media (max-width:767px){
	.labelZ {top:20px; left:120px;}
}

@media (min-width:768px){
	.labelZ {top:20px; left:30px;}
}





 @media (min-width:768px){
.fconame {font-size:24px !important; line-height:25px !important;}
}
@media (max-width:767px) and (min-width:500px) {
.fconame {font-size:20px !important; line-height:21px !important;}
}
@media (max-width:499px) {
.fconame {font-size:16px !important; line-height:16px !important;}
}


 @media (min-width:768px){
.fmem {font-size:15px !important; line-height:18px !important;}
}
@media (max-width:767px) and (min-width:500px) {
.fmem {font-size:14px !important; line-height:17px !important;}
}
@media (max-width:499px) {
.fmem {font-size:14px !important; line-height:16px !important;}
}


 @media (min-width:768px){
.photodd {font-size:18px !important;}
 }

 @media (max-width:767px){
.photodd {font-size:15px !important;}
 }


 @media (min-width:768px){
.fgridname {font-size:20px !important;}
 }

 @media (max-width:767px){
.fgridname {font-size:24px !important;}
 }





 @media (min-width:768px){
.fheart {font-size:20px !important; margin-top:10px;}
 }

 @media (max-width:767px){
.fheart {font-size:16px !important; margin-top:inherit;}
 }


a.heart:link {color:#337ab7;}

a.heart:visited {color:#337ab7;}
a.heart:hover {color:#FFFFFF;}


 @media (min-width:992px){
.eventBox {border-right: 1px solid #e8e8e8;}
 }

 @media (min-width:768px) and (max-width:991px){
.eventBox {border-right: 1px solid #e8e8e8;}
 }

 @media (max-width:767px){
.eventBox {border-right: none;}
 }



 @media (min-width:992px){
.eventTitle {font-size:24px !important;}
 }

 @media (min-width:768px) and (max-width:991px){
.eventTitle {font-size:20px !important;}
 }

 @media (max-width:767px){
.eventTitle {font-size:18px !important;}
 }






 @media (min-width:768px){
.hortovert {border-left: 12px solid #FFFFFF;}
 }

 @media (max-width:767px){
.hortovert {border-top: 12px solid #FFFFFF;}
 }


 @media (min-width:768px){
.storeDescWidth {width:70%;}
 }
 @media (max-width:767px){
.storeDescWidth {width:90%;}
 }




 @media (min-width:768px){
.colAdd20 {margin-bottom:0;}
 }
 @media (max-width:767px){
.colAdd20 {margin-bottom:20px;}
 }


 @media (min-width:768px){
.colAdd30 {margin-bottom:0;}
 }
 @media (max-width:767px){
.colAdd30 {margin-bottom:30px;}
 }

 @media (min-width:992px){
.colAdd30b {margin-bottom:0;}
 }
 @media (max-width:991px){
.colAdd30b {margin-bottom:30px;}
 }

@media (min-width:992px){
.footercolpadL {padding-right:20px;}
 }
 @media (max-width:991px){
.footercolpadL {padding-right:0;}
 }



 @media (min-width:768px){
.footpadR20 {padding-right:20px;}
 }
 @media (max-width:767px){
.footpadR20 {padding-right:0;}
 }

@media (min-width: 768px) {
	.align-l-to-ctr {text-align:left;}
}
@media (max-width: 767px) {
	.align-l-to-ctr {text-align:center;}
}

@media (min-width: 768px) {
	.align-r-to-ctr {text-align:right;}
}
@media (max-width: 767px) {
	.align-r-to-ctr {text-align:center;}
}








 @media (min-width:768px){
.add20top {margin-top:0;}
 }
 @media (max-width:767px){
.add20top {margin-top:20px;}
 }


/* for email signup Go button only */
 @media (min-width:992px){
.add5topGo {margin-top:0;}
 }
 @media (max-width:991px){
.add5topGo {margin-top:5px;}
 }



 @media (min-width:1200px){
.add5leftGo {margin-left:5px; margin-top:-1px;}
 }
 @media (max-width:1199px){
.add5leftGo {margin-left:0;}
 }










/* ---------------------------------------------------

Project : CSS Checkbox Switch
Author : Partha Kar (https://www.facebook.com/partha.creativemind)
Version : 1.0
Release Dtae : 15 November, 2017

---------------------------------------------------- */


.checkbox.checbox-switch {
    padding-left: 0;
}

.checkbox.checbox-switch label,
.checkbox-inline.checbox-switch {
    display: inline-block;
    position: relative;
    padding-left: 0;
}
.checkbox.checbox-switch label input,
.checkbox-inline.checbox-switch input {
    display: none;
}
.checkbox.checbox-switch label span,
.checkbox-inline.checbox-switch span {
    width: 45px;
    border-radius: 20px;
    height: 28px;
    border: 1px solid #dbdbdb;
    background-color: rgb(255, 255, 255);
    border-color: rgb(223, 223, 223);
    box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.checkbox.checbox-switch label span:before,
.checkbox-inline.checbox-switch span:before {
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: rgb(255,255,255);
    content: " ";
    top: 0;
    position: relative;
    left: -8px;
    transition: all 0.3s ease;
    box-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
.checkbox.checbox-switch label > input:checked + span:before,
.checkbox-inline.checbox-switch > input:checked + span:before {
    left: 9px;
}


/* Switch Default */
.checkbox.checbox-switch label > input:checked + span,
.checkbox-inline.checbox-switch > input:checked + span {
    background-color: rgb(180, 182, 183);
    border-color: rgb(180, 182, 183);
    box-shadow: rgb(180, 182, 183) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch label > input:checked:disabled + span,
.checkbox-inline.checbox-switch > input:checked:disabled + span {
    background-color: rgb(220, 220, 220);
    border-color: rgb(220, 220, 220);
    box-shadow: rgb(220, 220, 220) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch label > input:disabled + span,
.checkbox-inline.checbox-switch > input:disabled + span {
    background-color: rgb(232,235,238);
    border-color: rgb(255,255,255);
}
.checkbox.checbox-switch label > input:disabled + span:before,
.checkbox-inline.checbox-switch > input:disabled + span:before {
    background-color: rgb(248,249,250);
    border-color: rgb(243, 243, 243);
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

/* Switch Light */
.checkbox.checbox-switch.switch-light label > input:checked + span,
.checkbox-inline.checbox-switch.switch-light > input:checked + span {
    background-color: rgb(248,249,250);
    border-color: rgb(248,249,250);
    box-shadow: rgb(248,249,250) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Dark */
.checkbox.checbox-switch.switch-dark label > input:checked + span,
.checkbox-inline.checbox-switch.switch-dark > input:checked + span {
    background-color: rgb(52,58,64);
    border-color: rgb(52,58,64);
    box-shadow: rgb(52,58,64) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-dark label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-dark > input:checked:disabled + span {
    background-color: rgb(100, 102, 104);
    border-color: rgb(100, 102, 104);
    box-shadow: rgb(100, 102, 104) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Success */
.checkbox.checbox-switch.switch-success label > input:checked + span,
.checkbox-inline.checbox-switch.switch-success > input:checked + span {
    background-color: rgb(40, 167, 69);
    border-color: rgb(40, 167, 69);
    box-shadow: rgb(40, 167, 69) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-success label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-success > input:checked:disabled + span {
    background-color: rgb(153, 217, 168);
    border-color: rgb(153, 217, 168);
    box-shadow: rgb(153, 217, 168) 0px 0px 0px 8px inset;
}

/* Switch Danger */
.checkbox.checbox-switch.switch-danger label > input:checked + span,
.checkbox-inline.checbox-switch.switch-danger > input:checked + span {
    background-color: rgb(200, 35, 51);
    border-color: rgb(200, 35, 51);
    box-shadow: rgb(200, 35, 51) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-danger label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-danger > input:checked:disabled + span {
    background-color: rgb(216, 119, 129);
    border-color: rgb(216, 119, 129);
    box-shadow: rgb(216, 119, 129) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Primary */
.checkbox.checbox-switch.switch-primary label > input:checked + span,
.checkbox-inline.checbox-switch.switch-primary > input:checked + span {
    background-color: #00e22b;
    border-color: #00e22b;
    box-shadow: #00e22b 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-primary label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-primary > input:checked:disabled + span {
    background-color: rgb(109, 163, 221);
    border-color: rgb(109, 163, 221);
    box-shadow: rgb(109, 163, 221) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Info */
.checkbox.checbox-switch.switch-info label > input:checked + span,
.checkbox-inline.checbox-switch.switch-info > input:checked + span {
    background-color: rgb(23, 162, 184);
    border-color: rgb(23, 162, 184);
    box-shadow: rgb(23, 162, 184) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-info label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-info > input:checked:disabled + span {
    background-color: rgb(102, 192, 206);
    border-color: rgb(102, 192, 206);
    box-shadow: rgb(102, 192, 206) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Warning */
.checkbox.checbox-switch.switch-warning label > input:checked + span,
.checkbox-inline.checbox-switch.switch-warning > input:checked + span {
    background-color: rgb(255, 193, 7);
    border-color: rgb(255, 193, 7);
    box-shadow: rgb(255, 193, 7) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-warning label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-warning > input:checked:disabled + span {
    background-color: rgb(226, 195, 102);
    border-color: rgb(226, 195, 102);
    box-shadow: rgb(226, 195, 102) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}




/* grid idea */
$xsmobile-width: 300px;
$mobile-width: 480px;
$tablet-width: 768px;
$desktop-width: 992px;

@mixin mobile {
  //@media (min-width: #{$mobile-width}) and (max-width: #{$tablet-width - 1px}) {
  @media (max-width: #{$tablet-width - 1px}) {
    @content;
  }
}

@mixin tablet {
  @media (min-width: #{$tablet-width}) and (max-width: #{$desktop-width - 1px}) {
    @content;
  }
}

@mixin desktop {
  @media (min-width: #{$desktop-width}) {
    @content;
  }
}

.price {
  text-align: right;
  
  @include mobile {
    text-align: left;
  }
  
  @include tablet {
    text-align: right;
  }

  @include desktop {
    text-align: right;
  }
}

.cta {
  text-align: left;
  
  @include mobile {
    text-align: left;
  }
  
  @include tablet {
    text-align: right;
  }

  @include desktop {
    text-align: right;
  }
}

.addToCart {
  text-align: left;
}