@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700);
@import url('https://fonts.googleapis.com/css2?family=Martel:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Scope+One&display=swap'); 

*, ::after, ::before {
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

/* Typeface */
@font-face {
    font-family: 'monogenregular';
    src: url('../fonts/monogen/monogen-webfont.eot');
    src: url('../fonts/monogen/monogen-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/monogen/monogen-webfont.woff') format('woff'),
    url('../fonts/monogen/monogen-webfont.ttf') format('truetype'),
    url('../fonts/monogen/monogen-webfont.svg#monogenregular') format('svg');
    font-weight:normal; font-style:normal;
}


.cart-icon { position: relative; }
.cart-icon span { width: 18px; height: 18px; border-radius: 50%; font-size: 10px; color: #ffffff !important; background-color: #2D476C; display: block; position: absolute; right: 12px; top: -7px; text-align: center; line-height: 18px; padding-left: 2px; }



/* base page layouts */
html, body { margin:0; padding:0; }
body { width:100%; background-color: #F1F2F2; color:#383A42;
	font-family: 'Montserrat', sans-serif;
    	font-size:14px; line-height:23px; font-weight:500; 
	position:relative; min-height:100%; top:0px; }
.wrapper { width:1000px; margin:0 auto; padding: 20px 0px 30px 0px; }
.wrapper.mobile { width:100%; margin:0; background: #fff url("../img/body-full-bg.png") 0 0 repeat-x; }
.wrapper .text-center {text-align: center;}

.main-content { width:100%; margin:0; padding:0px; }
.content-row { width:100%; max-width:1300px; margin:0 auto; padding: 20px 0px 30px 0px; }
.content-fullwidth { margin:0; padding:0px 30px 0px 30px; }

.page-header-body { padding:0px; background: #F1F2F2 url("../img/ifinh-code-patterns_01b.png") 0 0px repeat-x !important; margin-top:0px; }
.page-ptb-wrapper { width:100%; padding:0px; background: #F1F2F2 url("../img/ifinh-code-patterns_01b.png") 0 0px repeat; margin:0px; overflow: hidden; position: relative; }

.page-ptb-wrapper.oceanbg1 { min-height: 330px; background-repeat: no-repeat; }
.page-ptb-wrapper.shop { background-color: rgba(255,255,255,0); background-image: url("../img/ifinh-header-asian-boy.jpg"); min-height:280px;
background-position: center center; background-repeat:no-repeat; border-width:0px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; padding-left:0px; padding-right:0px; margin:0px; }

.page-ptb-wrapper.cart1 { background-color: rgba(255,255,255,0); background-image: url("../img/ifinh-header-girl-in-grass.jpg"); min-height:390px;
background-position: center center; background-repeat:no-repeat; border-width:0px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; padding-left:0px; padding-right:0px; margin:0px; }

.page-ptb-wrapper.donate1 { background-color: rgba(255,255,255,0); background-image: url("../img/ifinh-header-hisp-girl-grass.jpg"); min-height:300px;
background-position: center center; background-repeat:no-repeat; border-width:0px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; padding-left:0px; padding-right:0px; margin:0px; }

.page-ptb-wrapper.find1 { background-color: rgba(255,255,255,0); background-image: url("../img/ifinh-young-boy-bg.jpg"); min-height:300px;
background-position: center center; background-repeat:no-repeat; border-width:0px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; padding-left:0px; padding-right:0px; margin:0px; }

.page-ptb-wrapper.wander1 { background-color: rgba(255,255,255,0); background-image :url("../img/ifinh-site-boy-header-09.jpg"); min-height:300px;
background-position: center center; background-repeat:no-repeat; border-width:0px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; padding-left:0px; padding-right:0px; margin:0px; }

/* .page-ptb-wrapper.oceanbg1 { background-color: rgba(255,255,255,0);  background: #F1F2F2 url("../img/ifinh-code-patterns_01b.png") 0 0px repeat; min-height:300px;
background-position: center center; background-repeat:no-repeat; border-width:0px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; padding-left:0px; padding-right:0px; margin:0px; }
 */
.ptb-row { width:100%; max-width:1300px; margin-left:auto; margin-right:auto; padding:0px 10px; }
.ptb-row .ptb-column-left { /* width:100%; */ padding:20px 0px 20px 15px; height:auto; }
.about-ptb-wrapper .ptb-row .ptb-column-left { float:left; width:58%;  padding:190px 0px 0px 30px; height:auto; }
.about-ptb-wrapper .ptb-row .ptb-column-right { float:left; width:38%; padding:190px 0px 0px 5px; height:auto; }
.ptb-column-wrapper { padding:30px 15px 30px 15px; width:70%; max-width:900px; min-height:170px; }
.ptb-column-wrapper.shadbg1 { background-color: rgba(0,0,0,0.18); padding:20px; max-width:620px; }

.about-ptb-wrapper {  }

.page-header-wrapper { max-width:1000px; margin:0 auto; padding:0px; }
.page-content-wrapper { width:100%; max-width:1000px; margin:15px auto 0 auto; padding: 30px 0px 30px 0px; background-color:#fff; }

.onecol { margin:25px auto 0 auto; padding:0; width:590px; }

.twocol-row { margin:0 auto; width:98%; max-width:1200px; padding:30px 3% 0 3%; }
.twocol-row .left { float:left; width:64%; }
.twocol-row .right { float:left; width:25%; }
.onecol-row { margin:0 auto; width:97%; max-width:1200px; padding:20px 3% 25px 3%; background-color:#fff;}
.twocol-row-blog { margin:0 auto; width:97%; max-width:1200px; padding:35px 3% 25px 3%; background-color:#fff;}

.onecol-row-cart { margin:0 auto; width:98%; max-width:1200px; padding:20px 4% 25px 4%; background-color:#fff;}

p { margin:0; padding:0px 0px 14px 0px; }
.error { border-color: #E87070 !important; }
.clear { clear: both; }
.green { color:#A5CD39; }


/* Headings */
h1 { margin:0; padding:0;
    font-family: 'Montserrat', sans-serif; font-weight:400;
    font-size:34px; line-height:34px; color:#70a140; }

h2, h3 { margin:0; padding:0;
    font-family: 'Montserrat', sans-serif; font-weight:400;
    font-size:25px; line-height:26px; color:#32526F; }

h4 { margin:0; padding:0;
    font-family: 'Montserrat', sans-serif; font-weight:500;
    font-size:22px; line-height:25px; color:#32526F; margin-bottom:6px; }

h5 { margin: 0; padding: 0;
    font-family: 'Montserrat', sans-serif; font-weight:600;
    font-size:16px; line-height:16px; color:#4b4e56; }

h6 { margin:0; padding:0;
    font-family: 'Montserrat', sans-serif; font-weight:500;
   font-size:15px; line-height:15px; color:#4b4e56; }

.main-content .page-content-wrapper h2 { color:#496A8F; margin-bottom:14px; }
.main-content .page-content-wrapper h5 { margin-bottom:8px; }

.title-heading-center { text-align:center; }
.title-heading-1 { font-family:'Montserrat'; font-weight:500; margin:0; letter-spacing:2px; color:#d2f58c; line-height:1.3em; font-size:20px; text-shadow:2px 2px 4px #000000;  }
.title-heading-2 { font-family: 'Martel', serif; font-weight:300; margin:0; color:#ffffff; line-height:1.2em; font-size:36px; text-shadow:1px 1px 5px #000e0f; }

/* Links */
a, a:active { color:#324E6F; text-decoration:none; }
a:hover { color:#9ab853; text-decoration: none; }



/* Page Header - edits 2021*/

.page-header { width:930px; min-height:172px; 
    margin:5px auto 0px auto; padding-left:10px; }

.page-header.none { height:35px; border-bottom:0px;
    margin:20px auto 0px auto; padding-bottom:7px; }

.page-ptb-wrapper h1 { color:#fff; }
.page-ptb-wrapper h3 { color:#fff; max-width:700px; margin:14px 0px 0px 0px; font-size:18px; line-height:25px; }
.page-ptb-wrapper .signup-nav { font-size:16px; font-weight:600; padding-top:8px; }
.page-ptb-wrapper h4 { color:#fff; max-width:700px; margin:14px 0px 0px 0px; font-size:15px; font-weight:500; }
.page-ptb-wrapper h4 a { color:#fff; max-width:700px; margin:14px 0px 0px 0px; font-size:16px; font-weight:600; }
.page-ptb-wrapper h4 a:hover { color:#92c95b; max-width:700px; margin:14px 0px 0px 0px; font-size:16px; font-weight:600; }

.page-header h1 { color:#fff; }
.page-header h3 { color:#fff; max-width:700px; margin:14px 0px 0px 0px; font-size:15px; line-height:22px; }
.page-header h4 { color:#fff; max-width:700px; margin:14px 0px 0px 0px; font-size:15px; font-weight:500; }
.page-header h4 a { color:#fff; max-width:700px; margin:14px 0px 0px 0px; font-size:16px; font-weight:600; }
.page-header h4 a:hover { color:#92c95b; max-width:700px; margin:14px 0px 0px 0px; font-size:16px; font-weight:600; }

.page-header .message { height:34px; float:right; padding-left:15px;
    background: transparent url("../img/green-arrow-right.png") 0 center no-repeat;
    vertical-align:middle; line-height:34px; }

.page-header .message a { color:#4b4e56; }

.page-header .message.no-arrow { height:24px; float:right; padding-left:15px;
    background:transparent; vertical-align:middle; line-height:34px; }

.white-text-1 { color:#ffffff; font-size:18px; line-height:28px;}
.white-text-1 p a { color:#ffffff; font-weight:600; }
.white-text-1 p a:hover { color:#4b4e56; font-weight:600; }
.white-text-1.tshade { text-shadow:2px 2px 4px #000000; }
.charcoal-text-1 { color:#4b4e56; font-size:18px; line-height:28px; }

/* Form - edited 2021*/
input[type="email"], input[type=text], input[type=date], input[type=password], select, input[type="number"] { height:45px; padding-left:3px;
    border:1px solid #303838 !important; border-radius:6px !important;
    background-color:#f6f8f8 !important;
    font-size:13px; line-height:28px;
    font-family: 'Montserrat', sans-serif; font-weight:normal; }

select { height:32px; padding:7px 3px; }

textarea { padding-left:3px;
    -ms-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    border:1px solid #383434 !important;
    border-radius:6px !important;
    background-color:#f6f8f8 !important;
    font-size:13px;
    font-family: 'Montserrat', sans-serif; font-weight:normal; }



/* Buttons - edited 2021 */

button { box-shadow:none !important; border:0; }


.btn-old { width:108px; height: 16px !important; display:block; padding:4px 0 !important;
    background: url("../img/btn.png") 0 0 no-repeat;
    color:white !important; text-decoration:none;
    font-size:11px; line-height:15px; text-align:center;
    font-family: 'Montserrat', sans-serif; font-weight:400; }

.btn-old:hover { background: url("../img/btn.png") -108px 0 no-repeat;
    color: white !important; }


.btn-old-large { width: 224px;
    height: auto !important;
    border: none;
    display: block;
    border-radius: 6px;
    padding: 16px 18px 16px 18px !important;
    background-color: #2D476C;
    letter-spacing: 2px;
    margin: 15px 0px 0px 0px;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600; }

.btn-old-large:hover { color:#fff; background-color:#62951F; }

.btn-old-wht { width:160px; height:auto !important; border:none;
    display:block; border-radius:6px; padding:6px 12px 6px 12px !important;
    background-color:#fff !important; letter-spacing:2px; margin:12px auto 7px auto;
    color:#92c95b; text-decoration:none;
    font-size:14px; line-height:14px; text-align:center;
    font-family: 'Montserrat', sans-serif; font-weight:500; }

.btn-old-wht:hover { color:#fff; background-color:#4971a0 !important; }

.btn-old-gray { width:150px; height:auto !important; border:none;
    display:block; border-radius:6px; padding:8px 13px 8px 13px !important;
    background-color:#445260; letter-spacing:1px; margin:0px 0px 0px 0px;
    color:white !important; text-decoration:none;
    font-size:14px; line-height:26px; text-align:center;
    font-family: 'Montserrat', sans-serif; font-weight:500; min-height: 44px; }

.btn-old-gray:hover { color:#fff; background-color:#4971a0; }

.btn-emergency { width: 224px; height:auto !important; border:none;
    display:block; border-radius:6px; padding:10px 18px 10px 18px !important;
    background-color:#b30821; letter-spacing:1px; margin:35px 0px 0px 0px;
    color:white !important; text-decoration:none;
    font-size: 16px;
  line-height: 14px; text-align:center;
    font-family: 'Montserrat', sans-serif; font-weight:500; }
.btn-emergency #emergency-link { color:#fff; }
.btn-emergency:hover { color:#ffffff; background-color:#db2831; }
.btn-emergency #emergency-link:hover { color:#fff !important; }

.header-top a.top-found-button:hover { color:#ffffff; background-color:#62951F; }


.btn-old-med { width:129px; height:32px !important; display:block;
    padding:0 0 0 0!important;
    font-size:13px; line-height:28px; vertical-align:middle;
    border:none; background:url("../img/btn-med.png") 0 0 no-repeat;
    color:white !important; text-decoration:none;
    text-align:center; text-transform:uppercase;
    font-family: 'Montserrat', sans-serif; font-weight:400; }

.btn-old-med-green { width:129px; height:30px !important; display:block; padding:7px 0!important;
    border:none; background: url("../img/btn-med-green.png") 0 0 no-repeat;
    color:white !important; text-decoration:none;
    font-size:16px; line-height:16px; text-align:center;
    font-family:Arial, sans-serif; }

.btn-sm { padding:10px 12px 10px 12px; width:240px; height:auto !important; border:none;
    display:block; border-radius:6px;
    background-color:#92c95b; letter-spacing:0px; margin:2px 0px 0px 0px;
    color:white !important; text-decoration:none;
    font-size:15px; line-height:15px; text-align:center;
    font-family: 'Montserrat', sans-serif; font-weight:500; }
.btn-sm:hover { background-color:#4971a0; }

.btn-wide { padding:12px 12px 12px 12px; width:280px; height:auto !important; border:none;
    display:block; border-radius:6px;
    background-color:#2D476C; letter-spacing:0px; margin:5px 0px 0px 0px;
    color:white !important; text-decoration:none;
    font-size:17px; line-height:17px; text-align:center;
    font-family: 'Montserrat', sans-serif; font-weight:600; }
.btn-wide:hover { background-color:#4971a0; }
.agree-btn {min-height:45px;}

.btn-sm-blue { padding: 10px 20px;
    font-size: 22px;
    border: none;
    border-radius: 6px;
    width: 200px;
    background-color: #2D476C;
    color: #fff; display: inline-block;
    text-align: center;
    margin: 8px 6px 0px 0px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;}
.btn-sm-blue:hover { background-color:#62951F !important; color:#fff !important; }

.item-info .order-options .btn-sm-blue,
.shop_cart_form .product-item a.btn-sm-blue { padding:16px 18px 16px 18px !important; font-size:18px; line-height:18px; border:none; border-radius:6px; width:200px; background-color:#2D476C;
		color:#fff; margin:20px 6px 0px 0px; font-family: 'Montserrat', sans-serif; font-weight:500;display:inline-block;text-align:center; }
.item-info .order-options .btn-sm-blue:hover { background-color:#62951F; }
.onecol-product .product-item a.btn-sm-blue{width:auto !important;}
.sembutton-list {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 10px; /* Adds spacing between buttons */
}

.sembutton-list li {
    display: inline-block;
}


.btn-old-small { width:98px; height:29px; display:inline-block;
    border:none; background: transparent url("../img/btn-small.png") 0 0 no-repeat;
    color: white !important; text-decoration:none; text-transform:uppercase;
    font-size:13px; line-height:27px; text-align:center; vertical-align:middle;
    font-family: 'Montserrat', sans-serif; font-weight:400; }

.btn-old-small:hover {
    background: transparent url("../img/btn-small.png") -99px 0 no-repeat; }

.btn-old-med:hover {
    background: url("../img/btn-med.png") -128px 0 no-repeat; }
    
a.green-button, button.green-button { color:#ffffff; background-color:#2D476C; border-radius:6px; padding:14px 18px 12px 18px;
	font-family: 'Montserrat', sans-serif; font-weight:600; letter-spacing:2px; margin:0px 4px 0px 0px; 
	font-size:18px; line-height:18px; text-align:center; display:inline-block; }

a.green-button:hover, button.green-button:hover { color:#ffffff; background:#62951F; }

a.signup-button, button.green-button { color:#ffffff; background-color: #2D476C;border-radius: 6px;padding: 14px 28px 12px 28px;font-family: 'Montserrat', sans-serif;font-weight: 600;letter-spacing: 2px;margin: 15px 4px 15px 0px; font-size: 21px; line-height: 21px;text-align: center;display: inline-block;}
a.active-signup{background: #5142ae;}

a.signup-button:hover, button.green-button:hover{color: #ffffff;background: #62951F;}

.company-name strong{
    color: #2a2d2d;
}

button.teal-button { color:#ffffff; background-color:#2D476C; border-radius:6px; padding:13px 20px 11px 20px;
	font-weight:600; letter-spacing:2px; margin:10px 4px 0px 0px; ;
	font-size:16px; line-height:16px; text-align:center; display:inline-block; }

button.teal-button:hover { color:#ffffff; background:#62951F; }


a.white-button { color:#1b242e;; background-color:#fff; border-radius:6px; padding:10px 18px 8px 18px;
	font-family: 'Montserrat', sans-serif; font-weight:600; letter-spacing:2px; margin:0px 4px 0px 0px; 
	font-size:14px; line-height:14px; text-align:center; display:inline-block; }
    
a.white-button:hover { color:#ffffff; background:#76a123; }

span.button-text { text-transform: uppercase; font-size:16px; }

a.orange-button {color:#ffffff; border-color:#ffffff; border-radius:8px; padding:13px 24px 11px 24px; font-size:16px; line-height:16px;
    font-weight:600; letter-spacing:2px; background:#2D476C; text-shadow: 0.2px 0.2px 1px #000e0f; }
a.orange-button:hover { background:#76a123; }
a.orange-button:active { background:#2D476C; }







/* Signup Sub-Menu */
.signup-nav { width:100%; margin-top:10px;
    font-family: 'Montserrat', sans-serif; font-weight:400;
    color: #4b4e56; font-size:13px; line-height:16px; text-align:left; }

.signup-nav .link { margin:0px;
    padding-right:10px; padding-left:0px;
    color:#4b4e56; text-align:left; }

.signup-nav .link.last { margin:0px;
    padding-right:0px; border:0px; text-align:center; }

.signup-nav a, .signup-nav .a:hover { color: #4b4e56 !important; }

.signup-nav .active { color: #27AAE1 !important; font-weight:bold; }

.signup-nav .grey { color: #e3e3e3 !important; }
.signup-nav a.white,.signup-nav p.white { color: #fff !important; padding-top: 14px; padding-bottom: 14px; }
.signup-nav a.white:hover { color:#bced70 !important; }



/**** Product View ****/
/* One Column - product view pages */

.onecol-product { margin:0 auto; padding:0; width:100%; border: 1px solid #d6d6d6; }

.onecol-product .product-item { margin-bottom:30px; width:100%;  }
.addCartIem{display: flex; padding-left: 20px;align-items: center;}
.addCartIem .btn-old-large { margin-top: 0px; }
.addCartIem a{padding: 10px 20px !important; margin-top: 0px !important; }
.onecol-product .product-item h4 { padding: 10px 0px 13px 0px; font-size:28px; }

.onecol-product .product-item h5 { padding: 10px 0px 13px 0px; color:#3A4656 !important; font-size:20px; }

.onecol-product .product-item p { margin: 0; padding: 0px 0px 18px 0px; font-size:16px; width:auto; }

.product-item .order-options { /*width:284px;*/ width: 100%;}
.order-options select { height: auto; padding-top: 5px !important; padding-bottom: 5px !important; min-height: 45px; }

.product-item .size { margin-bottom:11px; }

.product-item .print { margin-bottom:11px; display: flex; }
.product-item .print .print_right { width: 100%; flex: 1; }  


.product-item .qty { float:left; padding:0px 0px 20px 0px;  width: 100% !important; display: flex; align-items: center;  }

.onecol-product .product-item .item-img { float:left; width:44%; max-width:440px; min-height:200px; }
.onecol-product .product-item .item-img img { width:100%; min-height:200px; }

.onecol-product .product-item .item-info { float:left; padding:30px 20px 0px 35px; width:56%; }

.onecol-product .product-item .item-info ul li, 
.onecol-product .product-item .item-info blockquote,
.onecol-product .product-item .item-info p span,
.onecol-product .product-item .item-info p strong,
.onecol-product .product-item .item-info p span strong { color:#4b4e56 !important;
	font-family: 'Montserrat', sans-serif !important; line-height:24px !important;
    	font-size:16px !important; font-weight:500; margin-left:0px !important; margin-right:0px !important;  }

.onecol-product .product-item .item-info p font { color:#4b4e56 !important;
	font-family: 'Montserrat', sans-serif !important; line-height:24px !important;
    	font-size:16px !important; font-weight:500;  }

.order-options table { width: 100%; }
.product-item select { width:165px; }

.product-item input[type=text] { width: 100% !important; height: 45px !important; }
.product-item input[type=number] { height: 44px !important;  margin-left: auto; max-width: 318px;  width: 100%;}

.product-item .order-options .shop_cart_form .btn-old-med.trig_cart_add { padding:1px 0px 0px 0px !important;
    width:129px; height:30px !important; }

.product-item .item-number {text-align: center; font-weight: bold; padding: 5px;}

.product-description { float:left; margin:29px 15px 0px 30px; width:42%; border-top:1px solid #d6d6d6; }
.product-description p { padding: 20px 0px 13px 0px; font-size:16px; }
.product-description-label { /*float:left;*/ margin: 30px auto 0px; width: 95%; border-top:1px solid #d6d6d6; }
.product-description-label h4 { padding: 20px 0px 13px 0px; font-size:26px; }

.product-artist { display:none; }
.product-artist img { border:1px solid #818284; }

.colors { margin:0 0 11px 0; padding:6px; min-width:150px; width: 100%; border: 1px solid #BFC1C3; border-radius:6px; list-style-type:none; }

.color-option { display:block; float:left;
    margin:2px; padding:2px; width:20px; height:20px;
    border:1px solid #ccc; cursor:pointer; }

.color-option.active { border:1px solid #333; }

.code-block {display: flex; align-items: center; }
.billing-form .code-block .shop_coupon_form { margin: 0px !important; margin-left: 10px !important; }
.fusion-btn {background: transparent;font-size:15px;}

/* Header  - - new edits 2021 */

.header-top { width:100%; height:64px; background-color: #214465; }
.header-top-wrapper { position:relative; width:100%; max-width:1300px; margin:0 auto; padding:0px;  }
.top-left { float:left; width:40%; min-height:50px; margin:0px; padding:0px 0px 0px 15px; }
.top-left h4 { margin:27px 0 0 0; padding:0 0 0 0px; font-family: 'Montserrat', sans-serif;
    font-weight:500; font-style:normal; font-size:15px; line-height:15px; color:#fff; vertical-align:middle; -webkit-text-fill-color: #fff; }
.top-right { float:right; min-width:200px; min-height:64px; margin:0px; margin-right:5px; padding:0px 0px 0px 0px; text-align:right; font-size:18px; }

.topbar { margin:0 auto; padding:0px; width:100%; background: #fff none; }


.header { margin:0; padding:0px; width:100%; background: #fff none; }
.header-wrapper { margin:0 auto; padding:0px 0px 0px 0px; position:relative; width:100%; max-width:1300px; height:auto; }

.header .logo { float:left; min-width:164px; height:90px; margin:0px; padding:0px 0px 0px 0px; }

.header a.logo { width:164px; height:90px; margin:0px; padding:0;
    background: transparent 0 0 no-repeat; }
.logo-pic {max-width: 160px;}    

.header .header-wrapper .content-wrappera { float:right; width:auto; min-height:25px; max-height:50px; margin:0px; margin-left:auto; padding:0 0 0 10px; }

.header-links { text-align:right; padding:0px; margin: 0px 0px 0px 0px; width:auto; min-height: 28px; border:none; }

.header-top .header-links {display: flex;  align-items: center; }
.header .social-links { width:42px; height:33px; margin: 0px 0px 0px 0px; border:none; }
.header .find-link { margin-right:15px; border:none; }

.header-buttons { width:auto; height:54px; display:block;
    margin:0px; padding-top:1px; color:#91CCEF;
    font-size:22px; line-height:31px; text-align:right;
    font-family: 'Montserrat', sans-serif; font-weight:400; }

.header-buttons .emphasize { color: #63B3EE;
    font-family: 'Montserrat', sans-serif; font-weight:700; }

.header-links #google_translate_element { margin-right:10px; overflow:hidden; display:block; position:relative; padding-top: 0px; min-height: 45px; margin-top: 6px; }
.header-links .goog-te-gadget { min-height: 45px; }
.header-links .goog-te-gadget-simple { min-height: 45px; }
.header-links .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed { min-height: 45px; display: inline-flex; line-height: 46px; }
/* .goog-te-gadget-simple { color: #ffffff; background-color: #92c95b !important; padding: 4px !important; border-radius: 6px; border: none !important; }
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed { color: #fff !important;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span { color: #fff !important; border-color: #fff !important; } */

.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span { color: #303636 !important; }

#header-padding.header-buttons {  }
.header-top .social-icons1 { display:inline-block; padding-top:10px; }

.header-top a.top-found-button { color:#ffffff; background-color: #5142ae; border-radius:6px; padding:8px 18px 8px 18px;
	font-family: 'Montserrat', sans-serif; font-weight:600; letter-spacing:2px; margin:0px 4px 0px 10px; 
	font-size:18px; line-height:30px; text-align:center; display:inline-block; height:44px; }

.header-top a.top-found-button:hover { color:#ffffff; background-color:#62951F; }
.header-top .social-icons1 img { opacity: 1;  padding-top:5px; vertical-align: middle; position: relative; top: -5px; }
.header-top .social-icons1 img:hover { opacity: 0.7; }

.header img { vertical-align:bottom; }


.main-menu { display:block; text-align:right; margin-top:4px; padding:30px 0px 8px 0px; width:auto; min-height:22px; }

.main-menu a { padding-right:15px; line-height:22px;
    color:#545557; font-size:20px;    /*  see also responsive */
    text-decoration:none; letter-spacing:0.08em;
    font-family: 'Montserrat', sans-serif; font-weight:500;
    background-color:transparent; padding-top: 5px; padding-bottom: 5px;
}

.main-menu a.last { padding-right:5px; }
.main-menu a:hover { color:#76a123 !important; }
.main-menu .arrow { font-size:11px; }


.main-menu .dropdown1 { position:relative; display:inline-block; }
.main-menu .dropdown1 ul.sub-menu { display:none; position:absolute; list-style: none; list-style-image: none; }
.main-menu ul.sub-menu { display:none; position:absolute; min-width:240px; z-index: 1010; border-top-color:#bcbcbc; margin-top:1px; margin-left:-20px; }
.main-menu .dropdown1:hover ul.sub-menu { display:block; }

.main-menu ul.sub-menu li { border-bottom:1px solid #bcbcbc; background:#4a4c46; min-height:20px;
	width:240px; padding:8px 10px 8px 10px; text-align:left; }
.main-menu .sub-menu li:hover { background-color:#76a123; }
.main-menu .sub-menu li a span { color:#ffffff; font-size:15px; line-height:15px; vertical-align:middle; }
.main-menu .sub-menu li a span:hover { color:#ffffff; }

.main-menu .mob-menu-link { display:none; }

.main-menu .cart-icon img { padding:0px 0px 4px 6px; }
.main-menu .cart-icon img:hover { opacity:0.6; }


/* Site Map */
.sitemap { width:800px; margin:0 auto; }
.sitemap ul li  { padding-bottom:10px; }
.sitemap ul li a { font-size:20px; color:#426183; }
.sitemap ul li a:hover { font-size:20px; color:#4A9CD9; }


/* Homepage content */

/* main content - new edits april 2021 */


.mid-content-wrapper .mid-content-row { width:90%; max-width:1300px; margin-left:auto; margin-right:auto; }
.mid-content2-wrapper .mid-content-row { width:90%; max-width:1300px; margin-left:auto; margin-right:auto; }

    .mid-content2-wrapper .mid-content-row h2.title-heading-center { font-family:'Martel', serif; font-weight:300; margin:0; font-size:37px; color:#3e6991; text-align:center; }

    .mid-content-wrapper .content-column-left { background-color:rgba(0,0,0,0.2); padding:15px 8px 3% 25px; 
    width:50%; float:left;  margin-right:10px; }
    .mid-content-wrapper .content-column-right { background-color:rgba(0,0,0,0.2); padding: 15px 5px 3% 25px; 
    width:40%; float:left; margin-left:0px; }

.mid-content2-wrapper .mid-content-row h3.sub-heading-center { font-family:'Montserrat'; font-weight:600; margin:0; font-size:22px; letter-spacing:2px; text-align: center; color:#2E3949; }


    .quotes-wrapper { width:100%; height:100%; background-color:#9bbfde; border-width:0px; padding:20px 0px 30px 0px; }

.newsletter-wrapper .lower-content-row .lower-content-left { padding:24px 30px 10px 30px; width:48%; float:left; }
.newsletter-wrapper .lower-content-row .lower-content-right { padding:24px 30px 10px 30px; width:36%; float:left; }

.flex-align-items-flex-start {  }

.layout-column4 { float:left; width:auto; max-width:25%; min-width:165px; margin-top:20px 0px 0px 20px; }

.layout-column4-wrapper { padding:0px 0px 0px 0px !important; margin-right:10px; margin-left:10px;}


.layout-column4-wrapper .cat-imageframe { width:100%; }
.layout-column4-wrapper .image-no-lightbox { height:auto; }
.layout-column4-wrapper a img.image-responsive { width:100%; height:auto; }

.product-title-4 { text-align:center; margin:5px 0px 0px 0px; background-color:#2D476C; }
.product-title-4:hover { background-color:#62951F; }

.product-title-4 h3.product-heading-center { font-size:19px; font-family:'Montserrat', sans-serif; font-weight:600; margin:0 !important; letter-spacing:1px;  margin-right:30px; }
.product-title-4 h3.product-heading-center a { color:#e9f1f7; margin:0 !important; }
.product-title-4 h3.product-heading-center a:hover { color:#fff; }

.fusionpage-dots {padding: 18px; background: transparent;}
.fusionpage-dots.activeSlide { background-color: transparent !important; }
.fusionpage-dots span {background: transparent; border: 2px solid #fff; border-radius: 50%; width: 14px; height: 14px; display: inline-block;}
.fusionpage-dots.activeSlide span { background: #fff; }

.footer-social-icons img:hover {cursor: pointer;}

@media only screen and (max-width:1024px) {.layout-column4 { width:33.333333333333% !important; order : 0;}
.layout-column4-wrapper {margin-right:10px; margin-left : 5px;} }

@media only screen and (max-width:640px) { .layout-column4 { width:40% !important; order : 0;}
.layout-column4-wrapper { margin-right:10px; margin-left:5px; }
.mid-content4-wrapper .mid-content-row { width:auto; max-width:455px; height:auto; margin-left:auto; margin-right:auto; }
}

@media only screen and (max-width:450px) {
.layout-column4 { min-width:185px; margin-top:20px 0px 0px 10px; }
.layout-column4-wrapper { margin-right:6px; margin-left:6px; }
.product-title-4 h3.product-heading-center { font-size:16px; }
.mid-content4-wrapper .mid-content-row { width:auto; max-width:355px; height:auto; margin-left:auto; margin-right:auto; }
}






.footer-wrapper { width:1000px;
    margin:0 auto; padding-top:0px;
    background: #ffffff; background-image:url("../img/footer-wrapper-bg.png");
    background-repeat:repeat-x; }


.bottom-footer-wrap { width:100%; background: #313f4c url("../img/ifinh-code-patterns_03b.png") 0 0 repeat;  }

.bottom-footer-menu { max-width:600px; margin:0px auto; padding:0px; min-height:110px; }

.bottom-footer-menu nav { margin:0px auto; padding-top:20px; height:auto;
    color:#fff; font-size:12px; letter-spacing:0.1em;
    font-family: 'Montserrat', sans-serif; font-weight:400;
    line-height:24px; text-align:center; text-transform:uppercase; }

.bottom-footer-menu p { margin:0px auto; padding:0px 0px 10px 0px; height:auto;
    color:#fff; font-size:12px; letter-spacing:0.1em;
    font-family: 'Montserrat', sans-serif; font-weight:400;
    line-height:24px; text-align:center; text-transform:uppercase; }

.bottom-footer-menu a { margin:0px; padding:10px 7px 10px 7px;
    color:#fff; text-align:center; text-decoration:none; }

.bottom-footer-menu a:hover { color:#4ea4e7; }

.bottom-footer-menu a.last { margin:0px;
    padding-right:7px; padding-left:7px;
    border:0px; text-align:center; text-decoration:none; }

.bottom-band-wrap { width:100%; background-color:#1b242e; }

.bottom-band { max-width:620px; margin:0 auto; padding:0px; min-height:50px;
    color:#fff; font-size:12px; letter-spacing:0.1em;
    font-family: 'Montserrat', sans-serif; font-weight:400;
    line-height:20px; text-align:center; text-transform:uppercase;}

.bottom-band p { font-size:11px; display:block; margin:0px; padding:14px; }


/*  new footer 3 column  */

.footer-wrapper3 { background-color: #2b3742; background-image:url("../img/ifinh-code-patterns_03b.png"); background-position:center center; background-repeat:repeat; width:100%; margin:0; padding:0; }

.footer-wrapper3 .lower-content-row { width:95%; max-width:1300px; margin:0px auto 0px auto; padding:20px 0 20px 0; }
.footer-wrapper3 .footer-layout-column { width:33%; float:left;  }
.footer-wrapper3 .footer-column-wrapper {  padding: 0px 0px 0px 0px; }
.footer-wrapper3 .footer-column-wrapper.flogo { padding: 15px 0px 0px 15px; }
.footer-wrapper3 .footer-column-wrapper .fusion-text p a { color:#c7ddf7; }
.footer-wrapper3 .footer-column-wrapper .fusion-text p a:hover { color:#fff; }

.footer-wrapper3 .footer-layout-column .footer-social-links { width:auto; margin: 0px 0px 0px 0px; text-align:center; }
.footer-wrapper3 .footer-layout-column .footer-social-icons  { margin: 0px auto 14px auto; border:none; }
.footer-social-icons a img { width:34px; height:34px; margin:0px 2px 0px 2px; }


.footer-menu-nav {  }
.footer-menu-list { list-style:none; padding-left:50px; margin-top:0px; margin-right:10px; max-width:280px; }
.footer-menu-list li { border-bottom: #85a43d solid 1px; padding:4px 0px 4px 0px; }
.footer-menu-list li .dropdown1 .has-sub-menu {  }
.footer-menu-list li a { font-size:18px; text-transform:uppercase; letter-spacing:1px; color:#fff; padding: 14px 0px; }
.footer-menu-list li a:hover { color:#a6c756; }
.footer-menu-list .sub-menu { border-top: #85a43d solid 1px; margin-top:4px; margin-bottom:0px;  }
.footer-meu-item {  }


.footer-menu-list .dropdown1 { position:relative; display:inline-block; width:100%; }
.footer-menu-list .dropdown1 ul.sub-menu { display:none; position:relative; width:86%; }
.footer-menu-list ul.sub-menu { display:none; position:absolute; width:100%; z-index: 1010; }
.footer-menu-list .dropdown1:hover ul.sub-menu { display:block; }

.footer-bottom-wrapper { background-color:#1b242e; }
.footer-bottom-wrapper .lower-content-row { width:90%; max-width:1300px; margin:0px auto 0px auto; padding:20px 5% 26px 5%; }
.footer-bottom-wrapper .single-column { padding: 0px 0px 0px 0px; text-align:center; color:#fff; font-size:15px; }
.footer-bottom-wrapper .single-column a { color:#c7ddf7; }
.footer-bottom-wrapper .single-column a:hover { color:#fff; }

.customer-action-band { width:100%; background-color:#7DA83B; }
.customer-action-wrapper { width:1000px; min-height:100px; margin:0 auto; padding:10px; }

.customer-action-wrapper p { padding:7px 0px 0px 0px; color:white; font-size:16px; margin:0px auto 10px auto;
    font-family:'Montserrat', sans-serif; font-weight:lighter; max-width:520px;
    text-transform:uppercase; text-align:center; }

.customer-action { width:1000px; margin:0 auto; padding-top:7px; }

.customer-action a { margin-left:224px; }

.customer-action a.first { margin-left: 160px; }

.customer-action a, .customer-action a:hover {
    color: #FFFFFF !important; font-family:'Montserrat', sans-serif;
    font-weight:lighter; text-decoration:none; }

.footer-content-wrapper { width:924px;
    margin:0 auto; padding:0; }

.footer-content { width:450px; position:relative; float:left;
    margin-left:24px; padding-bottom:30px; }

.footer-content.first { margin-left:0px; }

.content-banner { width:448px; position:relative; height:185px; }

.content-banner.create-account { border:1px solid #c2ccd2;
    background: url("../img/create-account-bg.png") 0 0 no-repeat; }

.content-banner.shop-now { border: 1px solid #c2ccd2;
    background: url("../img/shopnow-bg.jpg") 0 0 no-repeat; }

.content-banner-text { width:228px; height:156px;
    position:absolute; top:50%;
    margin-top:-78px; margin-left:205px; }

.content-banner-text a { position:absolute; top:110px; right:0px;
    display:block; float:right; margin:16px 16px 0px 0px; }

.content-banner p { margin:0; padding:0;
    font-size:13px !important; color:#4b4e56; font-weight:normal; line-height:17px; }

.content-banner h2 { display: block;
    padding: 12px 0px 5px 0px !important;
    /*font-family: 'sansregular', sans-serif; font-weight:normal;*/
    font-family: 'Montserrat', sans-serif; font-weight:400; }

.content-text { font-size:14px; color:#4b4e56; font-weight:normal; line-height:23px; }

.content-text p { padding-bottom: 0px; }

.content-text h1 { display:block; margin:0; padding: 35px 0 5px !important;
    font-size:22px; color:#63B3EE;
    /*font-family:'sansregular', sans-serif; font-weight:normal;*/
    font-family: 'Montserrat', sans-serif; font-weight:400;
    line-height:24px; text-transform:uppercase; }

.blue { color:#27AAE1; font-size:16px; }

.content-text a { float: right; }

.cart-pictag {padding: 20px 25px 20px 0px !important;}

/* About Us */

.about.twocol-row {  }
.about.twocol-row .left {  }
.about.twocol-row .left {  }

.about-ptb-wrapper { background-color:#303132; background-image:url('../img/ifinh-about-bg-image-01.jpg'); 
background-position: center -60px; background-repeat: no-repeat; border-width: 0px; 
-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; 
padding-left:30px; padding-right:30px; }

.about { background-color:#fff; }

.about h1 {  font-size:36px; padding:5px 0px 12px 0px; color:#496a8f; margin:10px 0 10px 0; }

.about h4 { padding-bottom:37px; }

.about p { font-size:19px; line-height:30px; }

.about .phone { width:225px; height:392px;
    background: transparent url("../img/about_phone_img.png") right bottom no-repeat; }

.about .side-image { width:225px; height:392px;
    background: transparent url("../img/why_side_img.png") right bottom no-repeat; }

.about p a { color:#2D476C; }
.about p a:hover { color:#27AAE1; }



/* Contact */

.contact-ptb-wrapper { background-color:#303132; background-image:url('../img/ifinh-about-bg-image-01.jpg'); 
background-position: center -60px; background-repeat: no-repeat; border-width: 0px; 
-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; 
padding-left:30px; padding-right:30px; }

.contact.twocol-row { width: 100%; display: flex; }
.contact.twocol-row .form-group { margin-bottom: 10px; }
.contact .left { width:50% !important; margin:0; padding-right:15px; }
.contact .right { width:50% !important;; margin:0; padding-top:28px; }

.contact h2 { display:block; padding-bottom:5px; }

.contact label { display:block; }

.contact strong { color:#27AAE1; }

.contact input[type=text] { width:100%; }
.contact textarea { width:100%; height:135px; }
.contact .submit { float:right; margin-top:28px; }



/* Login */
.login { width:500px; margin:0 auto 0 auto; }

.login .sub-caption { font-size:14px; margin:20px 0px 10px 0px; text-align:right; 
		font-family: 'Montserrat', sans-serif; font-weight:500; }
.login .sub-caption a { font-size:15px; color:#92c95b; text-decoration:none; font-weight:600; }
.login .sub-caption a:hover { color:#545557;  }

.login input[type=text], .login input[type=password] { width:100%; }

.login label { display:block; padding-top:10px; }

.login button { margin:20px 0px 0px 0px; }

.login a.btn-old-large, .login a.btn-old-large:hover {
     margin-top:20px; color:white !important; }

.onecol-row .login-step2 { max-width:600px; margin:0px auto 0px auto; }

.login-step2 .page-content { margin:0 auto; width:746px; text-align:center; }
.login-step2 .login-step2-code { width:195px; max-height:45px; }
.login-step2 .page-content .action { margin-top:20px; }
.login-step2 h2 { color:#426183; margin-bottom:14px; }
.login-step2 h5 { margin-bottom:6px; }

.f-text-block { display: flex; justify-content: space-between; }
.login-bottom { display: flex; justify-content: space-between;  }
.login-inptg {height:45px !important;}
.rem-blk {margin-top:15px;}
.login-mainform{border-bottom: 1px solid #B1B1B1;padding-bottom: 60px;margin-bottom: 15px;}
.register-free{margin-bottom: 20px;}
.login-headtg{color: #3e5a78;font-weight: 600;font-size: 18px;}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
/*  find search code  */

.fusion-flip-boxes .fusion-flip-box .flip-box-back .fusion-button {color: #041E0C !important;}
.fusion-flip-boxes .fusion-flip-box .flip-box-back .fusion-button:hover { text-decoration: underline !important; }
.search-code { width:auto; max-width:740px; margin:0px auto 0px auto; padding-left:25px; }
.search-code input.qrcode { max-height:45px; width: 100%; }
.search-code .content { float:left; margin-left:25px; width:60%; max-width:450px; padding-left:20px; }
.search-code .content p {   }



.search-code .code-sample { float:left; width:171px; height:190px; margin:0 20px 0 0; padding:0;
    background: transparent url("../img/addqr_sample_img.png") 0 0 no-repeat; }



/* Shop */

.shop-categories-wrapper {  }
.shop-categories { width:95%; max-width:288px; font-family: 'Montserrat', sans-serif; font-weight:500;
    margin:0; height:auto; width:auto; }

.shop-categories.shop-col-right { float:right; padding-top:22px; padding-right:14px; }
.shop-categories.shop-col-right h3.col-heading { background-color:#2D476C; color:#fff; font-size:17px; 
	padding:6px 6px 6px 12px; width:100%; font-weight:600; }

.shop-categories.shop-col-wide { max-width:100%; float:none; padding:22px 10px 30px 10px; margin:0px 0px 0px 0px; }
.shop-categories.shop-col-wide h3.col-heading { background-color:#2D476C; color:#fff; font-size:17px; 
	padding:6px 0px 6px 12px; width:100%; font-weight:600;  margin-right:0px; }
.shop-categories.shop-col-wide ul { float:left; width:33%; padding:10px; }

.shop-categories li { text-align:left; border-bottom: 1px solid #d3d3d3; padding:9px 0px 9px 0px; margin:0px 0px 0px 0px;
	list-style:none; }

.shop-categories a { font-size:16px; line-height:21px; padding:6px 8px 6px 2px; text-transform:uppercase;text-decoration:none; letter-spacing:0.06em; background-color:transparent; color:#2E3949; }

.shop-categories a.last { padding:0px 5px 0px 5px; }

.shop-categories a:hover { color:#9ab853 !important; }

.shop-categories span { font-size:16px; line-height:21px; padding:6px 8px 6px 2px; text-transform:uppercase;
    text-decoration:none; letter-spacing:0.06em; background-color:transparent; color:#3A4656; }

.shop-categories span.last { padding:0px 5px 0px 5px; }

.shop-categories span:hover { color:#9ab853 !important; }

.featured-categories span { font-size: 16px; line-height:21px; padding:6px 8px 6px 2px; text-transform:uppercase;
    text-decoration:none; letter-spacing:0.06em; background-color:transparent; color:#2E3949; }


.shop-items-container { position:relative; margin:0px auto 0px auto; width:100%; height:auto; 
                       text-align:center; padding:20px 0px 0px 0px; }


.shop-cat-items-container { float:left; margin:0px 0px 0px 0px; width:74%; height:auto; padding:0px 0px 0px 0px; display: flex; flex-wrap: wrap; align-items: center; }


.shop-item-wrapper { width:33%; height:auto; position:relative; float:left; padding-right:20px; padding-bottom:20px; }
.shop-item-wrapper h4 a{ text-overflow: ellipsis;
overflow: hidden;
width: 100%;
display: block;
white-space: nowrap;  }
.shop-item-wrapper h4 span{ text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: block;
    white-space: nowrap;  }

.shop-item-wrapper.last { padding-right:34px !important; display:inline !important; float:left !important; margin:0px !important; }

.shop-item-wrapper .item-image { width:100%; height:100%; border: 1px solid #e1e1e1; font-size:8px; padding:0px;
	background-image:none !important; background-color:#e1e1e1 !important; }
.shop-item-wrapper .item-image img { width:100% !important; height:100% !important; max-width:280px !important; max-height:280px !important; }

.shop-item-wrapper h4 { font-size:15px; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px !important; }

.shop-item-wrapper h5 { margin:0px 0px 10px 0px !important; padding:7px 0px 0px 0px !important;color:#2d3946 !important; }

.shop-item-wrapper .option { margin:0px 0px 26px 0px !important; color:white !important; }

.shop-item-wrapper .btn-old-large.option { width:100%; height:auto !important; border:none; min-width: auto;
    display:block; border-radius:6px; padding:8px 10px 8px 10px !important;background-color:#2D476C; letter-spacing:2px; margin:15px auto 0px auto;
    color:white !important; text-decoration:none;
    font-size:14px; line-height:14px; text-align:center;
    font-family: 'Montserrat', sans-serif; font-weight:500; }

.shop-item-wrapper .btn-old-large.option:hover { color:#fff; background-color:#62951F; }


.shop-header { width:100%; height:auto; margin:4px 0 24px 0; padding-bottom:5px; }
.shop-header h1 { width:auto; height:auto; border-bottom:1px solid #d3d3d3; font-size:24px; color:#456488; font-weight:500;
    margin:15px auto 2px auto; text-align:left; }
.shop-header .row-company-mode {margin: 15px 0 0 0; text-align: center;}

.page-header #form-shopping-mode {display: inline-block; float: right;}


.shop-featured-wrapper { position:relative; float:left; padding-right:10px; padding-left:10px; padding-bottom:20px; width:25%; height:auto; }
.mid-content-row-cat { width: 100% !important; max-width: unset; }

.shop-featured-wrapper.last { position:relative; padding-right:0px;  }

.shop-featured-wrapper .item-image { width:auto; height:auto; }
.shop-featured-wrapper .item-image img { display: block; width:100%; height:auto; }
.shop-featured-wrapper .item-image .item-caption { display: block; height: 27px;line-height: 27px; background-color:#2D476C; color: white; font-family: 'Montserrat', sans-serif; text-align: center;
    font-weight: 600; font-size: 16px; letter-spacing: 1.4px;}
    .shop-featured-wrapper .item-image .item-caption:hover { background-color: #62951F; }
.shop-alert {color: grey;}
.kit-holder {list-style:none;padding-left:0px;display:flex;}

/* Shopping Mode */
/*.shopping-mode {height: 150px; padding-top: 80px;}*/
.shopping-mode .btn-old-large { min-width: auto; display: inline-block; }
.shopping-mode .row-company-mode input { width: auto; margin:0px auto 0px auto; }
.shopping-mode .row-regular-mode { margin-top: 10px; }
.shopping-mode .row-regular-mode input { width: 300px; margin:0px auto 0px auto; }
.shopping-mode .text-center { text-align: center; }
.shop-header #editable-company-shop-info .editable-content p { color:#9d25bb !important; }


/* Shopping Cart */

.shopping-cart.onecol-cart { margin:0 auto; padding:0; width:96%; border: 1px solid #d6d6d6; padding:25px; }

.shopping-cart .item { position:relative; padding:8px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; vertical-align:middle; }

.shopping-cart .item-img { width:86px; height:86px; margin-right:15px; float:left; border:1px solid #d6d6d6; }
.shopping-cart .item-img img { width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; }

.shopping-cart .item-info { width:85%; padding-top:0px; float:left; vertical-align:middle; padding:24px 0px 15px 0px;  display: flex;align-items: center; flex-wrap: wrap; }

.shopping-cart .item hr { width:395px; height:1px;
    background:#6d6e71; position:absolute;
    left:92px; bottom:0; margin:0; border:none; }

.shopping-cart .item-info .cart-options { float:right; }

.shopping-calefttem-info .cart-ns { display:block; float:right; }

.shopping-cart .item-name { width:54%; margin:0; float:left; }

.shopping-cart .item-name .color { width:13px; height:13px;
    display:block; float:left; margin:6px 0 0 6px;
    border:1px solid #ccc;  }

.shopping-cart .item-price { width:11%; margin:0 0 0 40px; float:left; }

.shopping-cart .total { width:100%; padding-top:21px; text-align:right; }

.shopping-cart .item-quantity { width:9%; margin:0 0 0 10px; float:left; text-align:right; margin-right: 20px; }

.shopping-cart input[type=image] { width:10%; float:left; margin-top:30px; }

.shopping-cart .cart-options a.trig_cart_delete { margin-right:24px;padding-top: 18px;padding-bottom: 18px;}
.shopping-cart .cart-options a.trig_cart_minus { margin-right:24px; }
.shopping-cart .cart-options a.trig_cart_plus { margin-right:0px; }

.shopping-cart .next { color: white !important; }

.shopping-cart.confirmation .item-info { line-height: 20px; }
.shopping-cart .item.part-of-kit .item-price,
.shopping-cart .item.part-of-kit .item-quantity { text-decoration: line-through; visibility: hidden;}

.shopping-cart .controls { margin-top: 15px; display:flex; align-items: center; justify-content: space-between; }
.shopping-cart .controls .left { }
.shopping-cart .controls .right { }
.shopping-cart .controls .left .btn-old-gray.next { font-size: 18px; line-height: 18px; padding: 10px 13px !important; }
.shopping-cart .controls .right .btn-old-large.next { margin-top: 0px; }
.shopping-cart2.onecol-cart > h4 { margin-bottom: 20px; }
.shopping-cart .page-header h1 { color:#496A8F; font-size:30px; }

/* Shopping cart2 - company1  */

.shop-wrapper2 { width:auto; width:840px; margin:0 auto; padding:0; }
.shop-wrapper2 .hr1 { width:auto; height:3px; background-color:#c7c8c9; margin:8px 0px 8px 0px; }
.shop-wrapper2 .hr2 { width:auto; height:1px; background-color:#c7c8c9; margin:8px 0px 8px 0px; }

.shopping-cart2.onecol-cart { margin:0 auto; padding:0; width:840px; }

.shopping-cart2 .item { margin-top:10px; }
.shopping-cart2 .item-img { width:130px; height:130px; margin-right:10px; float:left; border:1px solid #58595b; }
.shopping-cart2 .item-img img { width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; }

.shopping-cart2 .item-info { width:430px; padding:0px 20px 0px 0px; float:left; }

.shopping-cart2 .item-info .cart-options { float:right; }

.shopping-cart2 .item-name { width:auto; margin:0; }
.shopping-cart2 .item-name .color { width:13px; height:13px;
                                   display:block; float:left; margin:2px 0 0 4px;
                                   border:1px solid #ccc; }
.shopping-cart2 .item-description { width:auto; margin:0; }
.shopping-cart2 .item-note { width:auto; margin:0; font-weight:700; font-size:12px; color:#4b4e56; }

.shopping-cart2 .select-q { width:130px; margin:0; float:left;  }
.shopping-cart2 .item-select { width:80px; margin:0; display:inline-block; text-align:center; }
.shopping-cart2 .item-quantity { width:180px; margin:0; display:inline-block; text-align:center; }

.shopping-cart2 .total { width:100%; padding-top:21px; text-align:right; }

.shopping-cart2 .item #caregiver2 .half { margin:0px 0px 6px 0px; }
.shopping-cart2 .item #caregiver2 label { display:inline-block; padding:0px 15px 0px 0px }
.shopping-cart2 .item #caregiver2 label.longlbl { display:inline-block; padding:0px 15px 0px 0px }

.shopping-cart2 .item #caregiver2 input[type=text] { width:280px; }
.shopping-cart2 .item #caregiver2 .important { color:#cd148a; }

.shopping-cart2 input[type=image] { float: right; margin-top: 39px; }

.shopping-cart2 .next { color: white !important; }

.shopping-cart2.confirmation .item-info { line-height: 20px; }
.shopping-cart2 .item.part-of-kit .item-price,
.shopping-cart2 .item.part-of-kit .item-quantity{text-decoration: line-through; visibility: hidden;}

.shopping-cart2 .controls { margin-top: 10px; }
.shopping-cart2 .controls .left { float: left; }
.shopping-cart2 .controls .right { float: right; }

/* Add New QRCODE */

.addqr-wrapper { width:600px; margin:0px auto; padding:0px;  }

.addqr-wrapper .sample { width:171px; height:190px;
    float:left; margin:0; padding:0;
    background: transparent url("../img/addqr_sample_img.png") 0 0 no-repeat; }

.code-sample { width:171px; height:190px; float:left; margin:0; padding:0;
    background: transparent url("../img/addqr_sample_img.png") 0 0 no-repeat; }

.addqr-wrapper .content { width:380px; float:left; padding-left:17px; }

.addqr-wrapper p { margin:0; padding-bottom:20px; }

.addqr-wrapper label { display:block; }

.addqr-wrapper input[type=text] { width:100%; margin-top:4px; padding:0px 5px 0px 5px; }

.addqr-wrapper .submit { float:right; margin:30px 0px 0px 0px; }

.addqr-wrapper .submit:hover {  }

/*  */

.printqr .btn-old-large { margin: 0px auto; }


/* Signup form */

.signup-wrapper { width:auto; max-width:600px; display:block; margin:0 auto; padding:0; }
.signup-wrapper form.register_form { max-width:600px; display:block; margin:0 auto; padding:0; }

.signup-wrapper .register_form h4 { font-size:20px; margin-bottom:12px; color:#2D476C; }
.signup-wrapper .register_form p { font-size:16px; }

.signup-wrapper label { display:block; margin-top:6px; }

.signup-wrapper .important { color:#E87070; }


.signup-wrapper .half { width:50%; float:left; }

.signup-wrapper input[type=text] { width:100%; max-height:44px; }
.signup-wrapper select {min-height: 44px;font-size: 14px;}
.signup-wrapper input {min-height: 45px;font-size: 14px;}
.signup-wrapper input[type=text].required { max-height:44px; }

.signup-wrapper .half.last { margin-right:-13px; padding-left:13px; }

.signup-wrapper input[type=text].small, .signup-wrapper input[type=password].small {
    width: 218px !important;  max-height:44px; }

.signup-wrapper select.small { width:240px !important; max-height:44px; }
.signup-wrapper select.full { width:479px !important; max-height:44px; }


.signup-wrapper .submit { width:128px !important;
    float:right; margin-top:24px;
    background: url("../img/btn-submit.png") 0 0 no-repeat; }

.signup-wrapper .submit:hover {
    background: url("../img/btn-submit.png") -128px 0 no-repeat; }

.signup-wrapper .controls { margin-top: 10px; }
.signup-wrapper .controls .left { float: left; }
.signup-wrapper .controls .right { float: right; }



/* Billing Information */

#form-donation .change-amount { width: 100px; }
#form-donation .controls { margin-top:10px; text-align:right;}

.billing-form { margin:0 auto; padding:0; width:auto; }
.billing-form label { display: block; }
.billing-form .important { color: #E87070; }

.billing-form input[type=email],
.billing-form input[type=text],
.billing-form input[type=date] { width: 100%; }
.billing-form select { width: 100%; }

.billing-form .state_postal_block {display: flex; align-items: center; margin: 0px -10px; }
.billing-form .half { width: 50%; padding-right: 10px; }
.billing-form .half label { display: inline-block; padding-top: 8px; }

.billing-form input[type=email].small,
.billing-form input[type=text].small,
.billing-form input[type=date].small { width: 100% !important;
}
.billing-form select.small { width: 143px !important;
}
.billing-form input[type=checkbox] { margin-right: 4px;
}
.billing-form label { display: block; padding-top: 8px; }
.billing-form .left { float: left; margin: 0;  padding: 0px 30px; width: 50% !important;}
.billing-form .right { float: left; margin: 0;  padding: 0px 30px; width: 50% !important;}
.billing-right .shipping-header { padding-top: 12px;
}
.billing-form .shipping-info {
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
    border-bottom: 1px solid #BCBEC0;
}
.billing-form .shipping-info.total {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 0px !important;
}
.shipping-info .label {
    float: left;
    width: 50%;
    text-align: left;
}
.shipping-info .price {
    float: left;
    width: 50%;
    text-align: right;
}
.billing-form .coupon { width: 165px !important; }
.billing-form .shop_coupon_form { display: inline;  }
.billing-form .submit { float: right; margin-top: 30px; }



/* Account Info */
.account-info a {  }
.account-info a:hover { color:#A5CD39; }
.account-info .left { width:45%; float:left; }
.account-info .left a { color:#284E7A; font-size:18px; margin:0px 0px 0px 0px; padding-top: 12px; padding-bottom: 12px; }
.account-info .left a:hover { color:#4a9cd9; }
.account-info .right { width:40%; max-width:400px; float:left;  }
.account-info .right .inst-text { font-size:14px; }
.account-info ul { margin:0; padding:0; list-style-type:none; }
.account-info li { list-style:square; margin-left:20px; color:#4a9cd9; }
.account-info li h4 { padding-bottom:17px; margin:6px 0px 0px 0px; 
		font-size:22px; line-height:18px; }

.account-info .ads {
    width:310px;
    height:256px;
    background-color:#91ccef;
    text-align:center;
    line-height:256px;
}
.account-info input[type=checkbox] { vertical-align: middle; }
.account-info #with-answers { margin: 10px 0; }

.account-info .account-disclaimer { margin-top:16px; }
.edit-profbtn{margin-left: auto;margin-right: auto;}

/* Order History */
.order-history {
    margin: 0 auto;
    width: 928px;
}
.order-history .order-container { margin: 10px 0 10px 0; }
.order-history .order-container.first {
    margin-top: -50px;
    border-top: 0;
}
.order-history .order-container span { text-transform: uppercase; }
.order-history .order-container {
    border-top: 1px solid #6d6e71;
    border-bottom: 1px solid #6d6e71;
}
.order-history .order-container .date {
    float: left;
    width: 309px;
}
.order-history .order-container .products {
    display: inline-block;
    margin: 0 auto;
}
.order-history .order-container .products ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.order-history .order-container .products ul li { background: none; }
.order-history .order-container .status { float: right; }
.order-history .order-container .products .total { padding-bottom: 10px; }
.order-history .order-container .products .product-options .color {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
}
.order-history *.last { padding-bottom: 10px; }
.order-history div .pagination ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.order-history div .pagination ul li {
    display: inline-block;
    background: none;
}
.order-history div .pagination ul li .current { font-weight: 800; }
.order-history .color {
    display: block;
    float: left;
    margin: 2px 0 0 4px;
    width: 13px;
    height: 13px;
    border: 1px solid #ccc;
}

/* Print QRCode */
.printqr { position:relative; margin:0 auto; width:250px; font-family: 'monogenregular'; }
.printqr .qrcode { position:relative; width:250px; height:300px; }
.printqr .qrcode canvas { position:absolute; top:60px; left:41px; width:160px; height:160px; }
.printqr .qrcode .code {
    position:absolute; z-index:10;
    top:127px; left:140px;
    display: inline-block;
    width: 160px;
    color: #000000;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 26px;

    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari and Chrome */
}
.printqr .submit { margin-top:30px; margin-left:auto; margin-right:auto; display:block; }


/* Edit QR Profile */
.qrprofile-edit { width:100%; margin:0 auto; padding:0; }
.qrprofile-edit .left { width:50%; max-width:600px; float:left; margin:0; padding:0px; }
.qrprofile-edit .twocol #payment_form .left .filepicker { height:150px; width:auto; margin-top:12px; }
.qrprofile-edit .right #instructions ul { padding:0px; margin:0px; }
.qrprofile-edit .right { width:50%; max-width:600px; margin:0; float:left; padding:0px; }
.qrprofile-edit label { display:block; padding-top:8px; }
.qrprofile-edit .important { color:#E87070; }
.qrprofile-edit input[type=text] { width:350px; max-height:44px; }
.qrprofile-edit select { width:311px; }
.qrprofile-edit .half { float: left; width: 50%; }
.qrprofile-edit .half.last { margin-right:-13px; padding-left:13px; }
.qrprofile-edit input[type=text].small { width:200px !important; }
.qrprofile-edit select.small { width:200px !important; }
.qrprofile-edit input[type=checkbox] { margin-right: 4px; }
.qrprofile-edit .photo-select { display:inline; width:165px !important; }
.qrprofile-edit .photo-select-btn { display:inline; float:right; }
.qrprofile-edit .addl_info { padding:0 90px 60px 90px; }
.qrprofile-edit .addl_info textarea { width:100%; height:138px; }
.qrprofile-edit .behavior-tip { padding:0 90px 60px 90px; }
.qrprofile-edit .behavior-tip textarea { width:100%; height:138px; }
.qrprofile-edit .secured-area { padding:0 90px 60px 90px; }
.qrprofile-edit .controls { padding:0 90px 60px 90px; }
.qrprofile-edit .secured_content { padding-bottom:8px; border-bottom:1px dashed #d9d9d9; }
.qrprofile-edit .secured-area input[type=text] { display:block; width:100%; }
.qrprofile-edit .secured-area textarea { width:100%; height:138px; }
.qrprofile-edit .secure_add_more { margin-top:15px; }
.qrprofile-edit .controls .submit { float:left; }
.qrprofile-edit .controls .btn-old-edit-later { display: block; float: right; }
.qrprofile-edit .controls p { clear: both; }


/* View QR Profile */


.qrprofile.onecol { width: 220px !important; }
.qrprofile .generated-qrcode {
    width: 90px; height:392px; margin:0 auto;
    background: transparent url(/qrcodeid/img/add-qrcode-img.png) center center no-repeat;
}
.qrprofile .profile-wrapper {  }
.qrprofile .profile-wrapper .btn-old-large { margin: 30px auto; }

.qrprofile .profile-label { display:block; padding-left:10px; background-color:#3A4656;
    font-size:14px; color:#ffffff; font-family: 'Montserrat', sans-serif; font-weight:500; }
.qrprofile .profile-value { padding-left:10px; }
.qrprofile .profile-header { margin:0 auto; width:210px; text-align:center; padding-bottom:8px; }
.qrprofile .logo-small {
    width:90px; height:53px; margin-right:10px; float:left;
    background: transparent url(../img/ifi-logo-small.png) 0 0 no-repeat;
	background-size:contain; }
.qrprofile .profile-image {
    min-width:150px; height:150px; display:inline-block; margin:10px auto; border:1px solid #4b4e56;
    background: transparent url(/qrcodeid/img/add-qrcode-profile-image.jpg) 0 0 no-repeat;
}
.qrprofile .logo-text {
    float:left; margin-top:15px; padding-left:15px;
    border-left:1px solid #4b4e56; font-size:18px;
    font-family: 'Montserrat', sans-serif; font-weight:500;
}

.qrprofile.qrview { max-width:340px; border-radius:8px; border:solid 2px #ccc; margin:20px auto 0px auto; 
	font-family: 'Montserrat', sans-serif; font-weight:500; font-size:14px; }

.qrprofile.qrview .profile { font-family: 'Montserrat', sans-serif; font-weight:500; font-size:14px; }
.qrprofile.qrview .profile label { font-family: 'Montserrat', sans-serif; font-weight:500; font-size:14px; }
.qrprofile.qrview .profile .content { font-family: 'Montserrat', sans-serif; font-weight:500; font-size:14px; }




/* Emergency form */
.emergency-wrapper { width:600px; display:block; margin:0 auto; padding:0; }
.emergency-wrapper h4 { margin-top: 20px; }
.emergency-wrapper label { display:block; padding-top:8px; }
.emergency-wrapper input[type=text] { width:595px; height:45px; }
.emergency-wrapper textarea { width:595px; }
.emergency-wrapper .submit {
    width:128px !important; float:right; margin-top:24px;
    background: url("../img/btn-submit.png") 0 0 no-repeat;
}
.emergency-wrapper .submit:hover { background: url("../img/btn-submit.png") -128px 0 no-repeat; }
.emergency-wrapper p { padding-bottom: 10px; }
.emergency-wrapper .controls {margin-top: 10px;}
.emergency-wrapper .controls .left { float: left; }
.emergency-wrapper .controls .right { float: right; }
.emergency-wrapper .controls a:hover { color: white !important; }

.toast-item p {
    margin: 0 20px 0 50px;
    padding: 0;
    min-height: 50px;
}

.enter-laterbtn {width: 225px;}


#form-contact .controls {margin-top: 10px; text-align:left;}

#editable-company-shop-info p {padding-bottom: 0;}

#editable-green-strip button {
    margin-top: -2px;
    /* font-size: 15px; */
    line-height: 17px;
    border-radius: 5px;
    font-weight: bold;
    background-color: #cf363c;
}

#editable-green-strip button:hover {
    background-color: #b73036;
}

#editable-green-strip a,  #editable-green-strip a:hover {
    color: #4b4e56;
}

.form-login .g-recaptcha {
    margin: 10px 0 5px;
}

/* Privacy Page */
.privacy .page-header h1 {
    display: block;
    text-align: center;
}
.privacy .page-content {
    margin: 0 auto;
    width: 746px;
}
.privacy .page-content p {
    padding: 0;
    margin: 1em 0;
}

/* Terms of Use Page */
.terms-of-use .page-header h1 { display: block; text-align:center; }
.terms-of-use .page-content { width:746px; margin:0 auto; }
.terms-of-use .page-content p { margin:1em 0; padding:0; }
.terms-of-use .page-content .actions { margin-top:10px; text-align:center; }
.terms-of-use .scrollable { max-width:960px; height:600px; overflow-y: scroll; margin-bottom:20px; padding:0 10px 0 20px; }


/* FAQs Page */
.faq-content { padding:0px 20px 0px 20px; }
.faq-content h2 { line-height:30px; }
.faq-content p { font-size:19px; font-weight:500; color:#2a2d2d; margin:0px 0px 2px 0px; }
.faq-content ul { font-size:16px;  margin:0px 0px 20px 0px; }
.faq-content ul li { margin:0px 0px 7px 0px;  }


/* Edit Neighbor Alert */
#neighbor-alert .page-content { width:95%; max-width:960px; margin:0 auto; padding:0; }
#neighbor-alert .left { width:50%; padding:0px 10px; }
#neighbor-alert .twocol #payment_form .left .filepicker { max-width:150px; height:auto; margin-top:12px; }
#neighbor-alert .right #instructions ul { padding-left:0px; margin-top:20px; }
#neighbor-alert .right { width:50%; padding:0px 10px; }
#neighbor-alert label { display:block; padding-top:8px; }
#neighbor-alert .important { color:#E87070; }
#neighbor-alert input[type=text] { width:100%; }
#neighbor-alert select { width:311px; }
#neighbor-alert .half { float: left; width: 50%; }
#neighbor-alert .half.last { margin-right:-13px; padding-left:13px; }
#neighbor-alert input[type=text].small { width:143px !important; }
#neighbor-alert select.small { width:143px !important; }
#neighbor-alert input[type=checkbox] { margin-right: 4px; }
#neighbor-alert .text-red { color: red; }
#neighbor-alert .photo-select { display:inline; width:165px !important; }
#neighbor-alert .photo-select-btn { display:inline; float:right; }

#neighbor-alert .additional-info h4 { margin-bottom: 10px; }
#neighbor-alert .additional-info textarea { width:100%; height:180px; }
#neighbor-alert .behavior-tip { padding:0 90px 60px 90px; }
#neighbor-alert .behavior-tip textarea { width:100%; height:138px; }
#neighbor-alert .controls { display: flex; align-items: center; }
#neighbor-alert .controls button { margin-right: 10px; }
#neighbor-alert .controls p { clear: both; }

#neighbor-alert .emergency-contact { display: flex; margin-bottom: 30px; margin-left: -10px; margin-right: -10px; }
#neighbor-alert .payment_first {display: flex; margin-bottom: 30px;  margin-left: -10px; margin-right: -10px; }

/* Change Password Page */
#change-password .page-content {
    width: 400px;
    margin: 0 auto;
    padding: 0;
}
#change-password label {
    display: block;
    padding-top: 8px;
}
#change-password .important { color:#E87070; }
#change-password input[type="password"] { width: 99%; }
#change-password .controls {
    text-align: right;
    margin-top: 10px;
}
#change-password .ed-content p { padding-bottom: 10px; }
.view-pralert{width:326px;}

/* new about us page */

.new-banner-section { background: url("../img/banner.jpg") no-repeat !important; background-position: center !important; background-size: cover !important; min-height: 400px; display: flex; align-items: center; }
.new-banner-section .ptb-column-left { padding-top: 0px !important; padding-bottom: 0px !important; } 
.new-banner-section .tshade { padding-bottom: 0px !important; }

.middel-content-block { background: rgba(241, 242, 242, 1); width: 100%; display: block; }

.about-content-box { width: 100%; max-width: 1200px; padding: 40px 30px; margin: 0px auto; background: #fff;  }
.text-content { width: 100%; padding-bottom: 40px; overflow: hidden; display: flex; }
.text-content .heading { color: #496A8F; font-family: Montserrat; font-size: 36px; font-style: normal; font-weight: 500; line-height: 30px; margin-bottom: 20px; }
.text-content p { color: #4B4E56; font-family: Montserrat; font-size: 19px; font-style: normal; font-weight: 500; line-height: 30px; margin-bottom: 20px; padding-bottom: 0px; }
.text-content .img-box img { width: 100%; height: 100%; object-fit: cover; object-position: center;  }
 
.product-title { font-family: 'Montserrat'; font-weight: 600; font-size: 30px; letter-spacing: 2px; text-align: center; color: #2E3949; text-transform: uppercase; margin-bottom: 20px; }


.text-content .text-box { width: 100%;  display: block; }
.text-content .img-box { max-width: 360px; width: 100%; height: 450px; margin-bottom: 20px; margin-left: 20px; }

.skipCompany { font-size: 20px; padding: 10px 2px; width: 170px;  background-color: #000; }
.backButton { font-size: 20px;  padding: 10px 2px; width: 170px; background-color: #92c95b; }
.submitBut { font-size: 20px;  padding: 10px 2px; width: 170px; }

.form_row  { display: flex; align-items: center; margin-bottom: 10px; }
.form_row label { width: 35%; }
.form_row .input-field { width:40%; padding-left: 10px; }
.form_row .input-field input, .form_row input[type="text"] { width: 100% !important; }
.back-btn { background-color: #2D476C; }
.clear-btn { border-radius: 6px; font-size: 12px; color: #232323; padding: 2px 10px; margin-bottom: 10px; background: #c0c0c0; font-weight: 700; min-width: 70px; min-height: 45px; }

/* gift cart page */

.gift_card_page .onecol-row { margin-top: 30px; display: flex;  }
.gift_card_page .gc_title { font-size: 28px; font-weight: 400; line-height: 13px; text-align: left;  color: #456488; margin-bottom: 20px; } 
.gift_card_page .btn-sm-blue { width: 100px; }
.gift_img { width: 100%; max-width: 440px; height: 383px; border-radius: 20px; margin-top: 10px; }
.gift_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 20px; }


.gift_card_thankyou_page {  }
/* .gift_card_thankyou_page h1 { font-size: 20px; line-height: 25px; color: #92C95B; border-bottom: 1px solid #D6D6D6; padding-bottom: 10px; margin-bottom: 10px; font-weight: 500; } */
.gift_card_thankyou_page h1 { font-size: 32px; line-height: 42px; color: #92C95B; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; font-weight: 500; width: 70%; }
.gift_card_thankyou_page .page-content-wrapper { padding: 30px 100px;margin: 0 auto;margin: 0 auto;width: 98%; max-width: 1200px; padding: 30px 3%; min-height: 50vh; display: flex; align-items: center; justify-content: space-between;  }
.gift_card_thankyou_page .shopping-cart { font-size: 12px; line-height: 20px; color: #4B4E56; border-bottom: 1px solid #D6D6D6; }

.thankyou-img { margin-left: 70px; width: 260px; height: 260px; }
.thankyou-img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

/* Referrals Page */
.referral-list li {color:#fcfcfc; font-weight: normal;}
.reg-mainorgname {width: 100%;}
.reg-orgname{width: 100%;}
span.required {color:red;}
.referral-box {background: none repeat scroll 0 0 #F9F9F9;border: 1px solid #383434 !important;clear: both;position: relative;width: 100%;height: 100px;text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;margin: 0 auto;margin-bottom: 5px;margin-top: 10px;border-radius: 6px !important;}
.referral-box p {position: relative;top: 1px;}
.referral-box span {position: relative;bottom: 8px;z-index: 0;padding: 5px 10px;border: 1px solid #bcbcbc;border-radius: 4px;}
.referral-notes {width:100%;margin-bottom: 15px;}
.remove-uplfile {position:absolute;top:0px;right:0px;outline:none !important;}
.maincontent-holder{position:relative;}
.track-referral-section {background: #E9F2FF;max-width: 300px;text-align: center;position: absolute;width: 100%;right: 0px;top: 0px;border-bottom-left-radius: 25px;padding-top:10px;padding-bottom:25px;padding-left:15px;padding-right:15px;}
.employee-refheadtg{font-size:16px;font-weight: 500;}
.empref-paratg{color:#383A42;font-size: 12px;font-family: 'Montserrat', sans-serif;}
.empref-anctag{background-color:#2d476c;color: #fff;padding: 6px 10px;border-radius: 5px;}
.grecaptcha-holder{margin-top:20px;}

.otp-container {display: flex;gap: 8px;margin-top: 10px;}
.otp-input {width: 40px !important;height: 40px !important;text-align: center;font-size: 20px;border: 1px solid #ccc;border-radius: 6px;}
.otp-input:focus {border-color: #007BFF;outline: none;box-shadow: 0 0 3px #007BFF;}
.otp-refsubmit{font-size: 16px;width: 250px;}
.search-order{width:40%;height: 36px !important;}
.search-anctag{background: #0176c7;color: #fff;width: 36px;display: inline-block;height: 36px;vertical-align: top;padding-top: 8px;text-align: center;border-radius:4px;margin-left:4px;}
.search-anctag i{font-size: 16px;}
#timerText {margin-top: 20px;margin-bottom: 0px;padding-bottom: 0px;}
.resend-otp{background-color: #2D476C;color: #fff;padding: 10px 20px;border-radius: 4px;margin-top: 5px !important;font-weight: 600;}
.resend-otp[disabled]{opacity: 0.2;}
.refresh-searchtg{background: #f4f4f4;width: 40px;height: 40px;display: inline-block;vertical-align: top;text-align: center;line-height: 38px;border-radius: 4px;margin-left: 5px;}
.refresh-searchtg i{font-size: 16px;}
.refact-btns{max-width: 40%;display: inline-block;float: right;vertical-align: middle;padding-top: 8px;position: relative;font-size: 13px;}
.receive-infobtn{background: #2D476C;color: #fff;text-align: center;padding: 11px 16px;border-radius: 4px;}
.general-infobtn{background: #2D476C;color: #fff;text-align: center;padding: 11px 16px;border-radius: 4px;margin-left:5px;}
.addnote-file{color:#FF3F3F;}
.orderref-row{background: #2D476C;color: #fff;font-size:12px;}
.orderref-row th{padding:10px !important;text-align: left !important;background: #2D476C !important;color: #fff !important;font-size:14px !important;}
.orderref-row th:nth-of-type(1) {border-top-left-radius: 10px;width:75px;text-align: left;}
.orderref-row th:nth-of-type(13) {border-top-right-radius: 10px;}
.orderref-bodyrow{background:#F2F3F4;border-bottom: 1px solid #D4D4D4;}
.orderref-bodyrow td{padding:10px;font-size: 14px;}
.refnote-filetg{border: 1px solid #D0D0D0;padding: 5px 8px;border-radius: 2px;}
.refnote-updtg{border: 1px solid #D0D0D0;padding: 5px 8px;border-radius: 2px;color:#333333;position:relative;top:2px;}
.refnote-inptg{border: 1px solid #CCCCCC !important;max-width: 100px;height: 30px !important;margin-bottom: 10px;}
.po-save{color: #333333;display: inline-block;width: 15px;text-align: center;font-size: 12px;}
.po-cancel{color: #333333;display: inline-block;width: 15px;text-align: center;font-size: 12px;}
.po-save:focus{text-decoration: none;outline: none;}
.po-cancel:focus{text-decoration: none;outline: none;}
.receive-infobtn:hover{cursor:pointer;}
.general-infobtn:hover{cursor:pointer;}
.refnote-filetg:hover{cursor:pointer;}
.common-infobtn:hover{background:#62951F;color:#fff;}
.search-block label{display: inline-block;position:relative;top:-3px;}
.orderref-section{width:100%;overflow-y:auto;}

/* orders_page */

.orders_page .onecol-row { margin: 0 auto; width: 100%; max-width: 100%; padding: 10px 15px; }
.orders_page .page-content-wrapper { max-width: 100%;}
.orders_page .page-content-wrapper { max-width: 100%; padding: 0px;}
.orders_page .table thead th { font-size: 12px !important;  }
.orders_page .table thead td { font-size: 12px !important; } 
.orders_page .refnote-filetg { border: 1px solid #D0D0D0; background: linear-gradient(180deg, #FFFFFF 0%, #E6E6E6 100%); width: 26px; height: 26px; border-radius: 2px; display: flex; padding: 1px; align-items: center; justify-content: center; }
.orders_page .refnote-inptg { border: 1px solid #CCCCCC !important; background: #FFFFFF !important; border-radius: 2px !important; box-shadow: none !important; font-size: 12px; line-height: 15px; color: #555555; margin-bottom: 0px !important; height: 26px !important; }
.orders_page .search-block { display: flex; width: 100%; align-items: center; margin-bottom: 10px; }
.orders_page .search-block label { font-weight: 700; font-size: 12px; line-height: 15px; color: #383A42; margin-bottom: 0px; margin-right: 6px; top: 0 !important; } 
.orders_page .search-block input { border: 1px solid #CCCCCC !important; background: #F6F8F8 !important; max-width: 488px !important; border-radius: 2px !important; font-size: 12px !important; line-height: 15px !important; color: #555555 !important; box-shadow: none !important; height: 30px !important; margin-bottom: 0px !important; } 
.orders_page .search-anctag { width: 30px; height: 30px; border: 1px solid #0062B7; background: linear-gradient(180deg, #0083CC 0%, #004BB9 100%); border-radius: 2px !important; padding: 4px !important; color: #fff !important; margin-left: 10px !important; }
.orders_page .refresh-searchtg { width: 30px; height: 30px; border-radius: 2px !important; padding: 4px !important; color: #000 !important; border: 1px solid #D0D0D0 !important; background: linear-gradient(180deg, #FFFFFF 0%, #E6E6E6 100%) !important; margin-left: 10px !important; line-height: unset !important; }
.orders_page .orderref-row { background: transparent !important; }
.orders_page .orderref-row th { background: #214465; }
.orders_page .refact-btns { display: flex; margin-left: auto; padding: 0px !important;  }
.orders_page .table th, .orders_page .table td { vertical-align: top !important;}
.orders_page .refnote-updtg { width: 26px; height: 26px; border-radius: 2px; display: inline-flex; padding: 1px; align-items: center; justify-content: center;background: linear-gradient(180deg, #FFFFFF 0%, #E6E6E6 100%); border: 1px solid #D0D0D0; color: #000; top: 0 !important; }

#GeneralNotes .modal-title { font-weight: 700; font-size: 12px; color: #333333;  }
#GeneralNotes .modal-header .close { margin-top: 0px;}
#GeneralNotes .refno-headtg { font-weight: 700; font-size: 14px; line-height: 20px; letter-spacing: 2%; text-align: center; color: #333333; margin: 0px !important; }
#GeneralNotes .refno-paratg { font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 2%; text-align: center; color: #333333; margin: 0px !important; }
#GeneralNotes .form-control { border: 1px solid #D0D0D0 !important; background: #FFFFFF; border-radius: 2px !important; font-size: 12px; letter-spacing: 2%; color: #333333; box-shadow: none !important; outline: none !important; resize: unset !important; }

#OrderNotes .modal-title { font-weight: 700; font-size: 12px; color: #333333;  }
#OrderNotes .modal-header .close { margin-top: 0px;}
#OrderNotes .refno-headtg { font-weight: 700; font-size: 14px; line-height: 20px; letter-spacing: 2%; text-align: center; color: #333333; margin: 0px !important; margin-bottom: 20px !important; }
#OrderNotes .refno-paratg { font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 2%; text-align: center; color: #333333; margin: 0px !important; }
#OrderNotes .form-control { border: 1px solid #D0D0D0 !important; background: #FFFFFF; border-radius: 2px !important; font-size: 12px; letter-spacing: 2%; color: #333333; box-shadow: none !important; outline: none !important; resize: unset !important; }

.orderref-row th, .orderref-subheading th {vertical-align: middle !important;white-space: nowrap !important;}
.orderref-subheading th {background-color: #f8f9fa;font-weight: 500;}
th.text-nowrap {white-space: nowrap !important;}
.orderref-row th.action-headingtg{text-shadow: 2px 2px 5px #262020;/*color: #ed0404 !important;*/color: #9FC74F !important;}
.order-overtg:hover{cursor: pointer;}
.orderref-row th {text-align: center !important;}
.orderref-subheading th {text-align: left !important;}
.orderref-subheading th{background: #7aa624 !important;border-color: #7aa624 !important;color: #fff !important;}

.logout-empbtn{background: #2D476C;color: #fff !important;text-align: center;padding: 11px 16px;border-radius: 4px;margin-left:10px;position:absolute;bottom:20px;right:18px;}
.logout-empbtn:hover{cursor:pointer;}

@media(max-width: 1199px){


.product-item input[type="number"] { max-width: 327px;}
.button-list { padding-left: 0px !important; list-style: none; }

.referrals_page .page-content-wrapper { padding: 150px 0px 30px 0px; }

}

@media(max-width: 991px){

    .shop-wrapper2 { width: 100%; }
    .shopping-cart2.onecol-cart { width: 100%; }

    .items_tr { flex-wrap: wrap;}
    .shopping-cart2 .item-quantity { width: 100%;}
    .shopping-cart2 .item-info { width: 70%; padding-right: 0px; }
    .shopping-cart2 .item-img { width: 110px; height: 110px;}
    .item-select-q { margin-top: 10px; width: 100%; }

    .onecol-product .product-item .item-img { float: unset; width: 100%;}
    .onecol-product .product-item .item-info { float: unset; width: 100%;}
    .product-item input[type="number"] { max-width: 441px;}
    .refact-btns{max-width:none;margin-bottom:15px;}

    


}


@media(max-width: 767px){

.shopping-cart2 .item #caregiver2 label.longlbl { display: inline-block;  width: 330px;}
.btn-sm-blue {font-size: 18px; width: 170px;}
.gift_card_thankyou_page h1 { font-size: 24px; line-height: 32px;}
.thankyou-img { margin-left: 20px; width: 230px; height: 230px;}
.logo-pic {max-width: 105px;} 

.product-item input[type="number"] { max-width: 400px;}
.onecol-product .product-item .item-img { max-width: 320px; min-height: 200px;}

.orders_page .search-block { flex-wrap: wrap; }
.orders_page .refact-btns { max-width: 100% !important; width: 100%; margin-top: 10px; }

}


@media(max-width: 600px){

.shopping-cart2 .item-info { width: 57%;}
.gift_card_thankyou_page .page-content-wrapper { display: block; }
.gift_card_thankyou_page h1 { font-size: 18px; line-height: 28px; width: 100%;}
.thankyou-img {  margin: 0px auto;}

.item-info .order-options .btn-sm-blue, .shop_cart_form .product-item a.btn-sm-blue { min-width: 142px; height: 36px !important; padding: 7px 0 5px 0 !important; margin: 21px 0px 0px 0px !important; letter-spacing: 0.04em; font-size: 16px; line-height: 20px; width: fit-content; margin: 0px 5px !important; }
.button-list li { justify-content: center; }


}


@media(max-width: 500px){

    .product-item input[type="number"] {max-width: 223px;}
    .product-description-label { margin: 10px auto 0px;}
    .onecol-product .product-item { margin-bottom: 0px !important; }
    .onecol-product .product-item .trig_cart_add { margin: 0px !important; }
    .addCartIem.product-item .btn-old-large.trig_cart_add { margin-top: 0px !important; }
    .onecol-product {  padding: 10px;}
    .orders_page .search-order { width: 50%; }
    

}