/*
    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: 140px;
}

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

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

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

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


.visual .container:before {
    background: rgba(82, 9, 53, .2);
}
.btn {
 	background: #f99c24;
}
.btn:hover,
.btn:active,
.btn:focus {
	background: rgba(249, 156, 36, .5);
}

.btn-default {
    color: #fff;
}

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

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

.form .btn-submit:hover,
.form .btn-submit:active,
.form .btn-submit:focus {
	background: rgba(249, 156, 36, .4);
}

a,
.green {
    color: #f99c24;
}


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

.header:before {
	background: #f99c24;
}
/*
  circles
*/
.steps-list li:after {
	border: 6px solid rgba(249, 156, 36, .9);
	background: rgba(82, 9, 53, .9);
}

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

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


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

#footer {
	background:rgba(82, 9, 53, .9);
	color: #fff;
}

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

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

.btn-white:hover,
.btn-white:active,
.btn-white:focus {
	background: background: rgba(82, 9, 53, .9);
	color: #fff;
}

.btn-down {
	background: rgba(82, 9, 53, .9);
}
.btn-down:hover {
	background: rgba(82, 9, 53, .4); 
}

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

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

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



.copyright-area {
	background: #f99c24;
}



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

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

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

    #nav .drop ul li.anchor-active a {
        color: #f99c24;
    }
	
	.btn-down:hover,
		.btn-down:after, .btn-down:focus {
		background: rgba(82, 9, 53, .6); 
    }
}

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