@font-face {
    font-family: 'Avian';
    src: url('fonts/Avian.eot');
    src: url('fonts/Avian.eot?#iefix') format('embedded-opentype'),
         url('fonts/Avian.woff') format('woff'),
         url('fonts/Avian.ttf') format('truetype'),
         url('fonts/Avian.svg#Sri-TSCRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    }

* {
font-family: "Avian","Arial";
}

body {
	font-size:15px;
	color:#6b6666;
	line-height:24px;
}

h1 {
	font-size:22px;
	margin-bottom:20px;
}

    
header {
	text-align:center;
}

#logo-main {
	margin:40px auto;
}

.leipis-col {
	padding:0 20px;
}

.form-control {
	margin-top:15px;
}

#emailinput {
	display:none;
}

#lahetanappula {
	background-color:#676d94;
	padding:6px 15px;
	color:#fff;
	border:0;
	-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}


#navbar-primary {
	background-color:#676d94;
	border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  padding-left:50px;
}




.navbar .nav .active > a,.navbar .nav .focus > a {  
	
    color: #fff;    
    background-color: #5e6283;
}



.nav > li > a {
	font-family: "Avian","Arial";
    color:#fff!important;
    font-size:15px;
    letter-spacing:1px;
  
  padding:10px 10px;
    
}

.nav > li > a:hover {
 color:#9da5de!important;
  text-decoration: none;
 
}

.nav > li {
	padding:0 2px;
	
}



@media only screen and (min-width:789px) and (max-width: 968px) {
  
  #navbar-primary {
    padding-left:0px;
   
  }

  .nav > li > a {
	
    font-size:13px!important;;
    letter-spacing:1px;
  
  padding:10px 8px;
    
}
  
}






#facebook-linkki {
	margin-left:20px;
}

#map-container { height: 300px; width:100%; }

.hinnasto-otsikko {
	padding:5px 10px;
	background-color:#eee;
	margin-top:30px;
}

.hinnasto-otsikko2 {
	padding:5px 10px;
	background-color:#eee;
	margin-top:1px;
}

.hinnasto-sisennys {
	padding:0 20px;
}

.error {
	color:#f00;
	font-size:11px;
	display: block;
	margin-top:0;
}

/* =================== NAVIGOINTI ========================= */

.navbar-default {
  background-color: #565656;

}
.navbar-default .navbar-brand {
  color: #ecf0f1;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #fdfdfd;
}
.navbar-default .navbar-text {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fdfdfd;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #676d94;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #ecf0f1;
  font-size:16px!important;
  text-align:center;
 border: #51577d;
  padding:10px 0;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #fdfdfd;
  background-color: #4c506b;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #fdfdfd;
  background-color: #4c506b;
  
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fdfdfd;
  background-color: #4c506b;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #fdfdfd;
  background-color: #4c506b;
}
.navbar-default .navbar-toggle {
  border-color: #4c506b;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #4c506b;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ecf0f1;
}
.navbar-default .navbar-link {
  color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
  color: #fdfdfd;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fdfdfd;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fdfdfd;
    background-color: #f00;
  }
}




    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
    
    
	

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
    
    #navbar-primary {
  	padding-left:0px;
	}
	
	.nav > li > a {
	
    font-size:15px;
  
	}
    
    .nav > li {
	padding:0 0px;
	
	}
	


    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
    
    	.leipis-col {
    		padding:0 40px;
    	}
    	
    	

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
    
    
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }



#footer {
	margin:30px 0;
	background-color:#92744c;
	padding:20px;
	text-align:center;
	color:#fff;
}

#footer a {
	color:#fff!important;
}	

@media (min-width: 1200px) {
    .container{
        max-width: 1000px;
    }
}


@media (min-width: 768px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
 }