/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

@import url('https://fonts.googleapis.com/css?family=Quattrocento+Sans|Quicksand');


body {  margin: 0;  font-size: 18px; line-height: 26px;  color: #333333;  background-color: #ffffff; }
body { font-family: 'Quattrocento', sans-serif; font-family: 'Quicksand', sans-serif;  font-size: 18px; line-height: 26px; color: #666666; }


a, .uk-link {  color: #3872a2;   text-decoration: none;    cursor: pointer; }

a:hover { color: #000000; }


/* test style */

h1 { font-size: 40px;  line-height: 45px; color:#2a5070; font-family: 'Quicksand', sans-serif; margin-top:10px;}

h2 { font-size: 34px;  line-height: 38px; color:#555555; font-family: 'Quicksand', sans-serif; margin-top:24px;}

h3  { font-size: 28px;  line-height: 32px; color:#333333; font-family: 'Quicksand', sans-serif; margin-top:22px;}

h4, h5, h6 {   margin: 0 0 25px 0; font-weight: 100; color: #777777; font-family: 'Quicksand', sans-serif; }




/*  menu style ============================ */

.uk-navbar {    background: #ffffff;  color: #777777; }

.uk-navbar-nav {  height: 108px; padding: 30px 0px 0px 0px; list-style: none; float: left; }

.uk-navbar-nav > li > a {  background-color: none; color: #3872a2; }

.uk-navbar-nav > li.uk-active > a {  background:  none;   color: #3872a2; }

.uk-navbar-nav > li.uk-hover > a:hover {  background:  none;   color: #3872a2; }

.uk-navbar-nav > li > a:before {   background-color: #ffffff;  color: #3872a2; }

.uk-navbar-nav > li > a {  color: #3872a2;  font-size: 20px; font-family: 'Quicksand', sans-serif;  font-weight: normal; }


.uk-navbar-nav > li:hover > a, 
.uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a
{  color: #000000; background:none; }

nav {  position: relative;  height: 138px; padding-top:10px; }





/* Mobile menu style ===== */


html .uk-nav.uk-nav-offcanvas > li.uk-active > a {  background: #3872a2;  color: #ffffff; }



/* FONT styles =========================================== */




/* banner style */

.uk-panel-box, .uk-panel-box-tertiary { padding: 0px;   background: none;  color: #777777;  border: 0px solid #dddddd; }
  

/* FOOTER section ====================================== */

.tm-block-primary { background: #3872a2; }




/* SIDE BAR AREA style */


@media (min-width: 768px) {
.uk-width-medium-1-4 {  background:#ebebeb; padding: 15px;  }
  .uk-width-medium-3-4 {  border-right: solid 1px; border-color:#999999; padding-right:20px; }
  
}






/* ============================= */

.uk-dropdown-navbar a:hover {
    background-color: #42b2e7 !important;
}


/* ===   Accordion styles  ========================== */

/* .uk-accordion-title {
    margin-top: 0; margin-bottom: 17px; padding: 10px 10px 6px 10px; background: #f3f2f2; font-size: 26px;  line-height: 26px;
    cursor: pointer;  border-bottom: 1px solid #999999;  border-radius: 0px; color: #41457f; 
}*/



/* form and button style */

.btn-primary:hover, .btn-info:hover, .btn-inverse:hover {  background-color: #3872a2; color: #ffffff; box-shadow: inset 0 0 10px 30px #3872a2; }

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    color: #ffffff; background-color: #3872a2; }

.btn-primary:hover, .btn-info:hover, .btn-inverse:hover { background-color: #3872a2; color: #ffffff;  box-shadow: inset 0 0 10px 30px #3872a2; }

.btn-primary, .btn-info, .btn-inverse { background-color: transparent;  color: #3872a2;   border-color: #3872a2; }


select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 0;
    box-shadow: none;
    height: 22px;
    line-height: 22px;
    color: #777777;
    border-radius: 5px;
}


.banner2 {width:180%;text-align:center;margin-left:-400px; }  

