/*
    005695 - 0, 86, 149 (primary) blue
    50b948 - 80, 185, 72 (secondary) green

    000396f     0, 58, 112
    0f99d6      16,154,214
    77777a      120, 120, 122

*/
#header {
	height: 120px;
}

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

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

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

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


.visual .container:before {
    background: rgba(0, 113, 97, .2);
}
.btn {
 	background: #007161;
}
.btn:hover,
.btn:active,
.btn:focus {
	background: rgba(0, 113, 97, .2);
}

.btn-default {
    color: #fff;
}

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

.form .btn-submit {
	background: #007161;
}

.form .btn-submit:hover,
.form .btn-submit:active,
.form .btn-submit:focus {
	background: rgba(0, 113, 97, .5);
}

a,
.green {
    color: #007161;
}


#nav .nav-opener {
	background: #007161;
}

.header:before {
	background: #007161;
}
/*
  circles
*/
.steps-list li:after {
	border: 6px solid rgba(0, 113, 97, .9);
	background: rgba(258, 151, 29, .9);
}

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

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


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

#footer {
	background:rgba(0, 113, 97, .5);
	color: #fff;
}

body {
	color: #007161;
	background: #007161;
}

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

.btn-white:hover,
.btn-white:active,
.btn-white:focus {
	background: background: rgba(0, 113, 97, .5);
	color: #fff;
}

.btn-down {
	background: rgba(0, 113, 97, .9);
}
.btn-down:hover {
	background: rgba(0, 113, 97, .2); 
}

.header:before,
.header:after {
	background: #007161;
}

.form-area h2 {
	color: #007161;
}

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



.copyright-area {
	background: #007161;
}



.text-box::after {
  color: transparent;
}

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

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

    #nav .drop ul li.anchor-active a {
        color: #007161;
    }
	
	.btn-down:hover,
		.btn-down:after, .btn-down:focus {
		background: rgba(0, 113, 97, .5); 
    }
}

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