@import url(https://fonts.googleapis.com/css?family=Viga|Delius);

/*|Gentium+Basic|Carter+One|Josefin+Sans|IM+Fell+Great+Primer|Lora|Elsie|Alice*/

body {
 
}



h1, h2, h3, h4, h5, h6 {
    font-family: 'Viga', sans-serif;
}
p, div {
    font-family: 'Delius', cursive;
}

.hifon {
    font-family: 'Viga', sans-serif;
}

.lofon {
    font-family: 'Delius', cursive;
}



.logoNav {
    border-radius:50%; border:solid 1px #EA202C; padding: -1px; margin-right:3px; margin-top:-30px; border-radius:50%;
}

.logoMain {
    margin-top:-16px;
}

.affix .logoNav {
    margin-top: -16px;
}

.hero-image {
    background-image: url('kozlovs-hero.jpg');
}

.parallax {
    background-image: url('kozlovs-parallax.jpg');
}

     .markhead {
          background-color:rgba(254, 234, 184, 0.5);
                color:#340926;
      }  


h1.first {
    margin-top: 40px;
    margin-left: 65px;
    font-weight:bolder;
    padding: 0px 15px;
}

body{
    background-image: url('kozlovs-background.jpg');
    background-repeat: repeat;
}

.backy {
    background-color: rgba(247,244,212, 0.7);
}

img.parimg {
    border: 1px solid #340926;
    padding: 10px;
    float: left;
    background-color: #D4F7EC;
    border-radius: 5px;
    margin: 30px 35px 40px 20px;
    transform: rotate(350deg);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5), 0 12px 40px 0 rgba(0, 0, 0, 0.6);
   
}

img.parimgr {
    border: 1px solid #340926;
    padding: 10px;
    float: right;
    background-color: #D4F7EC;
    border-radius: 5px;
    margin: 30px 20px 40px 35px;
    transform: rotate(10deg);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5), 0 12px 40px 0 rgba(0, 0, 0, 0.6);
   
}

.subtitle {
    color:#D4F7EC;
}


.color-primary-0 { color: #F7F4D4 }	/* Main Primary color */
.color-primary-1 { color: #FDED2A }
.color-primary-2 { color: #1258DC }
.color-primary-3 { color: #EA202C }
.color-primary-4 { color: #091834 }





/*******************FORE/BACK***************************************************/
        .pri {
            background-color: #F7F4D4;
            color: #091834;
        }
        .pri-inv {
            background-color: #FDED2A;
            color: #EA202C;
        }
        .sec-1 {
            background-color: #F7F4D4;
            color: #1258DC;
        }
        .sec-1-inv {
            background-color: #EA202C;
            color: #F7F4D4;
        }

        .sec-2 {
            background-color: #FDED2A;
            color: #091834;
        }
        .sec-2-inv {
            background-color: #091834;
            color: #F7F4D4;
        }


/**************************BORDERED / BUTTONS*******************************************/

        .pribor {
            background-color: #F7F4D4;
            color: #091834;
            border: solid 1px #091834;
        }
        .pribor-inv {
            background-color: #FDED2A;
            color: #EA202C;
            border: solid 1px #EA202C;
        }
        .secbor-1 {
            background-color: #F7F4D4;
            color: #1258DC;
            border: solid 1px #1258DC;
        }
        .secbor-1-inv {
            background-color: #EA202C;
            color: #F7F4D4;
            border: solid 1px #F7F4D4;
        }

        .secbor-2 {
            background-color: #FDED2A;
            color: #091834;
            border: solid 1px #091834;
        }
        .secbor-2-inv {
            background-color: #091834;
            color: #F7F4D4;
            border: solid 1px #F7F4D4;
        }


/******************* PANELS ************************************************/
        .pan-pri{
            border: solid 1px #091834;
        }
        .pan-pri> .panel-heading{
            background-color: #FDED2A;
            color: #EA202C;
            border-bottom: 1px solid #091834;
        }
        .pan-pri > .panel-footer {
            background-color: #091834;
            color: #FDED2A;
            border-top: 1px solid #FDED2A;
        }
        .pan-pri > .panel-body{
            background-color: #F7F4D4;
            color: #091834;
        }
/*******************/
        .pan-sec-1{
            border: solid 1px #091834;
        }
        .pan-sec-1> .panel-heading{
            background-color: #1258DC;
            color: #F7F4D4;
            border-bottom: 1px solid #FDED2A;
        }
        .pan-sec-1 > .panel-footer {
            background-color: #091834;
            color: #EA202C;
            border-top: 1px solid #FDED2A;
        }
        .pan-sec-1 > .panel-body{
            background-color: #F7F4D4;
            color: #1258DC;
        }
/*****************/
        .pan-sec-2{
            border: solid 1px #091834;
        }
        .pan-sec-2> .panel-heading{
            background-color: #1258DC;
            color: #F7F4D4;
            border-bottom: 1px solid #091834;
        }
        .pan-sec-2 > .panel-footer {
            background-color: #FDED2A;
            color: #EA202C;
            border-top: 1px solid #1258DC;
        }
        .pan-sec-2 > .panel-body{
            background-color: #EA202C;
            color: #1258DC;
        }

/******************* INVERSED PANEL *******************************/

        .pan-pri-inv{
            border: solid 1px #F7F4D4;
        }
        .pan-pri-inv > .panel-heading{
            background-color: #091834;
            color: #F7F4D4;
            border-bottom: 1px solid #F7F4D4;
        }
        .pan-pri-inv > .panel-footer {
            background-color: #F7F4D4;
            color: #1258DC;
            border-top: 1px solid #091834;
        }
        .pan-pri-inv > .panel-body{
            background-color: #FDED2A;
            color: #EA202C;
        }

/*******************/
        .pan-sec-1-inv{
            border: solid 1px #F7F4D4;
        }
        .pan-sec-1-inv > .panel-heading{
            background-color: #F7F4D4;
            color: #1258DC;
            border-bottom: 1px solid #FDED2A;
        }
        .pan-sec-1-inv > .panel-footer {
            background-color: #FDED2A;
            color: #091834;
            border-top: 1px solid #F7F4D4;
        }
        .pan-sec-1-inv > .panel-body{
            background-color: #1258DC;
            color: #F7F4D4;
        }

/**********************/

        .pan-sec-2-inv{
            border: solid 1px #F7F4D4;
        }
        .pan-sec-2-inv > .panel-heading{
            background-color: #FDED2A;
            color: #EA202C;
            border-bottom: 1px solid #F7F4D4;
        }
        .pan-sec-2-inv > .panel-footer {
            background-color: #EA202C;
            color: #FDED2A;
            border-top: 1px solid #FDED2A;
        }
        .pan-sec-2-inv > .panel-body{
            background-color: #091834;
            color: #F7F4D4;
        }


/*****************************CUSTOM CHANGES***************************************************/

.sec-2 {
    background-color: rgba(253,237,42, 0.7);
}

.pri {
    background-color: rgba(247,244,212, 0.7);
}

/******************************NAVBAR**************************************************/

.navbar-pri {
  background-color: #FDED2A;
  border-color: #F7F4D4;
}
.navbar-pri .navbar-brand {
  color: #EA202C;
}
.navbar-pri .navbar-brand:hover,
.navbar-pri .navbar-brand:focus {
  color: #1258DC;
}
.navbar-pri .navbar-text {
  color: #EA202C;
}
.navbar-pri .navbar-nav > li > a {
  color: #EA202C;
}
.navbar-pri .navbar-nav > li > a:hover,
.navbar-pri .navbar-nav > li > a:focus {
  color: #1258DC;
  background-color: #F7F4D4;
}
.navbar-pri .navbar-nav > .active > a,
.navbar-pri .navbar-nav > .active > a:hover,
.navbar-pri .navbar-nav > .active > a:focus {
  color: #1258DC;
  background-color: #F7F4D4;
}
.navbar-pri .navbar-nav > .open > a,
.navbar-pri .navbar-nav > .open > a:hover,
.navbar-pri .navbar-nav > .open > a:focus {
  color: #1258DC;
  background-color: #F7F4D4;
}
.navbar-pri .navbar-toggle {
  border-color: #F7F4D4;
}
.navbar-pri .navbar-toggle:hover,
.navbar-pri .navbar-toggle:focus {
  background-color: #F7F4D4;
}
.navbar-pri .navbar-toggle .icon-bar {
  background-color: #EA202C;
}
.navbar-pri .navbar-collapse,
.navbar-pri .navbar-form {
  border-color: #EA202C;
}
.navbar-pri .navbar-link {
  color: #EA202C;
}
.navbar-pri .navbar-link:hover {
  color: #1258DC;
}
/*INVERSED*/
.navbar-pri-inv {
  background-color: #091834;
  border-color: #EA202C;
}
.navbar-pri-inv .navbar-brand {
  color: #F7F4D4;
}
.navbar-pri-inv .navbar-brand:hover,
.navbar-pri-inv .navbar-brand:focus {
  color: #1258DC;
}
.navbar-pri-inv .navbar-text {
  color: #F7F4D4;
}
.navbar-pri-inv .navbar-nav > li > a {
  color: #F7F4D4;
}
.navbar-pri-inv .navbar-nav > li > a:hover,
.navbar-pri-inv .navbar-nav > li > a:focus {
  color: #1258DC;
  background-color: #EA202C;
}
.navbar-pri-inv .navbar-nav > .active > a,
.navbar-pri-inv .navbar-nav > .active > a:hover,
.navbar-pri-inv .navbar-nav > .active > a:focus {
  color: #1258DC;
  background-color: #EA202C;
}
.navbar-pri-inv .navbar-nav > .open > a,
.navbar-pri-inv .navbar-nav > .open > a:hover,
.navbar-pri-inv .navbar-nav > .open > a:focus {
  color: #1258DC;
  background-color: #EA202C;
}
.navbar-pri-inv .navbar-toggle {
  border-color: #EA202C;
}
.navbar-pri-inv .navbar-toggle:hover,
.navbar-pri-inv .navbar-toggle:focus {
  background-color: #EA202C;
}
.navbar-pri-inv .navbar-toggle .icon-bar {
  background-color: #F7F4D4;
}
.navbar-pri-inv .navbar-collapse,
.navbar-pri-inv .navbar-form {
  border-color: #F7F4D4;
}
.navbar-pri-inv .navbar-link {
  color: #F7F4D4;
}
.navbar-pri-inv .navbar-link:hover {
  color: #1258DC;
}




@media (max-width: 767px) {
  .navbar-pri .navbar-nav .open .dropdown-menu > li > a {
    color: #EA202C;
  }
  .navbar-pri .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-pri .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #FDED2A;
  }
  .navbar-pri .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-pri .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-pri .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #FDED2A;
    background-color: #1258DC;
  }
/*Inversed media*/
  .navbar-pri-inv .navbar-nav .open .dropdown-menu > li > a {
    color: #1258DC;
  }
  .navbar-pri-inv .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-pri-inv .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #FDED2A;
  }
  .navbar-pri-inv .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-pri-inv .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-pri-inv .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #FDED2A;
    background-color: #EA202C;
  }

}