@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700&subset=latin-ext');

*{padding:0; margin:0;}
body{ padding:0; margin:0; font-family: 'Raleway', sans-serif; font-size:16px; font-weight:500;}
a, a:hover, a:focus{ text-decoration:none;}
#Header{ background:#632692;}
.header-contact-section{ float:right; padding:10px 0;}
.header-contact-section .email-top i{ float:left; width:25px; height:18px; margin-top:3px; padding-right:6px; background:url(../images/email-icon.png) no-repeat top left;}
.header-contact-section > a.email-top{ font-size:15px; color:#fff; float:left; border-right:solid 1px #3b1758; font-weight:500; padding:0 15px;}
.header-contact-section .callus-top i{ float:left; width:25px; height:18px; margin-top:3px; padding-right:6px; background:url(../images/callus-icon.png) no-repeat top left;}
.header-contact-section > a.callus-top{ font-size:15px; color:#fff; float:left; border-right:solid 1px #3b1758; border-left:solid 1px #82518b;font-weight:500;  padding:0 15px;}
.header-contact-section > ul{ float:left; padding:0 0 0 15px; margin:0; list-style:none; border-left:solid 1px #82518b;}
.header-contact-section > ul li{ float:left; padding:0 7px; margin:0;}
.header-contact-section a{ display:block;}
.header-contact-section a:hover{opacity:0.6;}
.tree-texture{background:url(../images/tree-texture-bg.png) repeat-x top left; width:100%; margin-top:-6px; padding-top:39px;} 
.main-header{ width:100%; background:url(../images/header-bg.png) repeat-x bottom left #fff; min-height:62px;}
.logo{ display:block; position:relative; z-index:99999;}
.logo img{ position:absolute; top:-62px; left:0;}
.navbar-brand{ display:none;}
.nav.navbar-nav{ float:right;}
.navbar{ min-height:5px; background:none; border:none; margin:0;}
.navbar-default .navbar-nav > li > a{ padding:15px 5px 23px; margin:0 5px; color:#363535; font-weight:700; text-transform:uppercase; font-size:16px;}
.navbar-default .navbar-nav > li > a:hover{ color:#59328f;}
.navbar-default .navbar-nav > li:last-child > a{ padding-right:0;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ background:none; color:#59328f; border-bottom:solid 3px #59328f;}
.navbar-collapse{ padding:0;}

@media(min-width:300px) and (max-width:767px) {
.header-contact-section{ display:none;}
.logo{ display:none;}
.logo img {top:-45px; width:120px;}	
.navbar-brand{ display:block; padding:0;}
.tree-texture{ margin-top:4px;}
.main-header{ min-height:70px; margin-top:-18px;}
.navbar-default .navbar-toggle{ background:#59328f; border-color:#59328f; margin:15px 0 10px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background:#59328f;}
.navbar-default .navbar-toggle .icon-bar{ background:#fff;}
.nav.navbar-nav{ float:none; margin-left:0; margin-right:0; margin-top:0;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ border:none;border-bottom:solid 1px #794eb5; color:#ffae00;}
.navbar-default .navbar-nav > li > a{ font-size:14px; padding:10px 0; color:#fff; border-bottom:solid 1px #794eb5; font-weight:600; }
.navbar-default .navbar-nav > li > a:hover{ color:#ffae00;}
.navbar.navbar-default .navbar-collapse { margin:15px -15px 0; padding:0 15px; background:#59328f;}
}





