/*
    00aa4f - 0, 170, 79 (primary) green
    006b36 - 0, 107, 54 (secondary) green

  

*/
#header {
	height: 110px;
}

.logo img,
.logo_link,
.logo_class {
    clear: both;
    margin-top: -10px;
}

#nav .drop ul li a:hover {
	background: #fff;
	color: #00aa4f;
}

#nav .drop ul li.anchor-active a {
	background: #fff;
	color: #00aa4f;
}

#nav .drop ul li a:hover {
	color: #00aa4f;
}

.visual {
	/*background: url(https://haberfeldtaf.blob.core.windows.net/email/490_iStock-627986798.jpg) no-repeat 50% 0;*/
	background-size: cover;
	text-align: center;
	position: relative;
	overflow: hidden;
}


.visual .container:before {
    background: rgba(88, 89, 91, .6);
}
.btn {
 	background: #00aa4f;
}
.btn:hover,
.btn:active,
.btn:focus {
	background: rgba(0, 170, 79,.8);
}

.btn-default {
    color: #fff;
}

.btn:hover,
.btn:active,
.btn:focus {
	    color: #fff;
}

.form .btn-submit {
	background: #00aa4f;
}

.form .btn-submit:hover,
.form .btn-submit:active,
.form .btn-submit:focus {
	background: rgba(0, 170, 79, .8);
}

a,
.green {
    color: #00aa4f;
}


#nav .nav-opener {
	background: #00aa4f;
}

.header:before {
	background: #00aa4f;
}

.steps-list li:after {
	border: 6px solid rgba(0, 107, 54,.9);
	background: rgba(0, 170, 79,.9);
}

.steps-list li a:hover {
	color: #00aa4f;
}

.online-gift-selection-header
{
    color: #fff;
    background-color: #00aa4f;
}

/*
.image-box {
    url(https://haberfeldtaf.blob.core.windows.net/email/490_iStock-627986798.jpg) no-repeat 50% 0;
}
*/

.branch-gift-selection-header {
        color: #fff;
    background-color: #00aa4f;
}

#footer {
	background:rgba(0, 170, 79, .9);
	color: #fff;
}

body {
	color: #00aa4f;
	background: #00aa4f;
}

.btn-white {
	color: #fff;
	background: #00aa4f;
}

.btn-white:hover,
.btn-white:active,
.btn-white:focus {
	background: #00aa4f;
	color: #fff;
}

.btn-down {
	background: rgba(0, 170, 79, .9);
}
.btn-down:hover {
	background: rgba(0, 170, 79, .3); 
}

.header:before,
.header:after {
	background: #00aa4f;
}

.form-area h2 {
	color: #00aa4f;
}

.coupon-form .header h2 {
	color: #00aa4f;
}

.col info-holder{
    width: 225px;

}


.copyright-area {
	background: #00aa4f;
}

@media all and (min-width: 768px) {
	#nav .drop ul li a:before {
		background: #00aa4f;
	}

	#nav .drop ul li a:hover {
		color: #00aa4f;
	}

    #nav .drop ul li.anchor-active a {
        color: #00aa4f;
    }
	
	.btn-down:hover,
		.btn-down:after, .btn-down:focus {
		background: rgba(0, 170, 79, .7); 
    }
}

@media only screen and (max-device-width: 300px) {
		img.logo_class {
			width: 200px;
		}