/*
@viewport{
    zoom: 0.0;
    width: extend-to-zoom;
}

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 0.0;
}
*/

.start-body {
	/*background-image: none;
	background-color: #5AC4F4; 
	 */
	//background: url(../images/start-bg-camera-2.jpg) no-repeat;
        background: url(../images/header-background.jpg) no-repeat;
	background-size: 100% auto;
	
     
}

.start-header {
	margin-top: 0px;
	margin-bottom: 20px;
}

.start-header .logo {
        padding-top: 20px;
        padding-bottom: 0px;
}


.start-header .logo a:hover{
        background: none;
}

.start-header a.login {
	margin-top: 20px;
	margin-right: 30px;
	float: right;
	color: white;	
	float: right;
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	padding: 6px;
	border-radius: 3px;
        //border: 1px solid lightgray;
        
        //background-color: #313030;
        //background: rgba(49,48,48,.65);
        //background: rgba(255,255,255,.65);
        
}

.start-header a:hover {
	background-color: #555;
        
}

.start-header a.signup {
	margin-top: 20px;
	float: right;
	color: white;
	float: right;
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	padding: 6px;
	border-radius: 3px;

}

a.btn.btn-login {
	/*
	background-color: white;
	color: #54C2F3;
	background-image: none;
	border-color: white;
	border-radius: 0px;
	text-shadow: none;
	
	color: white;
	text-shadow: 2px 2px #000000;
	*/
}

a.btn.btn-signup {
	background-color: #54C2F3;
	color: white;
	background-image: none;
	border-color: white;
	border-radius: 0px;
	text-shadow: 1px black;
}

.start-search {
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #313030;
    border-radius: 10px;
    //background: rgba(255,126,39,.90);
    /* */
    background-color: #313030;
    background: rgba(49,48,48,.85);
   
    /*margin: 0px 50px 0px 50px;*/
    //background-color: #4FC3F7;
}

.start-slogan {
	font-size: 48px;
	font-weight: 100;
	margin-bottom: 10px;
	text-align: center;
	text-shadow: 2px 2px #000000;

}

.start-slogan-sub {
	margin-top: 20px;
	font-size: 2em;
	font-weight: normal;
	margin-bottom: 30px;
	text-align: center;
	text-shadow: 2px 2px #000000;
}
.start-slogan-sub2 {
	margin-top: 30px;
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 20px;
	text-align: center;
	text-shadow: 2px 2px #000000;
}


.start-search-form {
	margin: 20px;
}

#start-search-input {
	/*
	background-color: #347492;
	color: #5BC7F7;
	*/
	background-color: #fff;
	color: #555;
	padding: 15px 15px 10px 15px;
	font-size: 25px;
	border: 0px;
	border-radius: 4px 4px 4px 4px;
	margin-left: 0px;
	margin: 0px;
	margin-left: 50px;
	width: 580px;
	height: 30px;
}

#start-search-input::-webkit-input-placeholder {
    color:    #555;
}
#start-search-input:-moz-placeholder {
    color:    #555;
}
#start-search-input::-moz-placeholder {
    color:    #555;
}
#start-search-input:-ms-input-placeholder {
    color:    #555;
}

.start-search-button {
	position: relative;
	top: 3px;
	left: -3px;
	background-color: #347492;
	color: #5BC7F7;
	border-radius: 0px;
	border: 0px;
	background: url(images/start-search-white.png) no-repeat;
	
	text-shadow: none;
	background-image: none;
	margin: 0px;
	padding: 0px;
}

.start-search-icon {
	font-size: 20px;
	
	border: 0px;
	color: #5BC7F7;

}

.start-search-image {
	position: relative;
	left: -60px;
	bottom: 2px;
	vertical-align: bottom;
}

.start-button-dropdown {
	background-color: #ddd;
	color: white;

}

.badge {
	padding: 0px;
	margin: 3px;
	/*border: 1px #fff solid;*/	
	float: left;
	background-color: #313030;
        padding: 5px 0px 5px 0px;
        border-radius: 3px;
}

a.badge-link {
	color: #efefef;
        text-decoration: none;
        padding: 5px 10px 5px 10px;
        border-radius: 3px;
        font-size: 1em;
}

a.badge-link:hover {
	color: #333;
        background-color: #efefef;
        text-decoration: none;
}

#front-toplist.start-front-toplist {
	margin-top: 10px;
	position: relative;
	left: 164px;
	top: 0px;
	color: #F1F3F5;
	background-color: white;

	background: none;
	border: 1px solid white;
	border-radius: 0px;
	width: 200px;
	float: left;
	height: 30px;
	opacity: 1;
}

#front-toplist.start-front-toplist span {
	position: relative;
}

#front-toplist.start-front-toplist select {
	position: relative;
	color: #F1F3F5;
	background: none;
	width: 200px;
	height: 20px;
	padding-left: 10px;

}

#front-toplist.start-front-toplist select optgroup {
	position: relative;
	color: #F1F3F5 !important;
	
}


#front-toplist.start-front-toplist select optgroup option {
	position: relative;
	color: #F1F3F5 !important;
	
}

h3.start-filter-by-label {
	font-size: 2em;
	text-shadow: 2px 2px #000000;
}

.start-steps {
	margin-top: 40px;
        padding-top: 20px;
	padding-bottom: 20px;
	font-size: 1.5em;
	background-image: none;
        //background-color: #54C2F3;
	background-color: #313030;

}

.start-steps .step {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 10px;
	text-align: center;
        background-color: #ddd;
}

.start-steps .step .step-number {
	padding: 2px 10px 2px 10px;
	margin-right: 5px;
	background-color: #313030;
        
	color: white;
	border-radius: 25%;
}

.start-steps .step .step-label {
	color: black;
}

.start-steps .text {
        padding-top: 25px;
        padding-bottom: 20px;
        text-align: center;
        line-height: 1.5em;
}

.start-featured {
	margin-top: 0px;
	background-image: none;
	background-color: #313030; 
	height: 300px;

}

.toplist {
	padding-top: 20px;
	/* background-color: #313030; */
	background-color: white;
	color: #313030;
}

.toplist-row {
    margin-top: 20px;
}

.toplist-label {
	font-size: 1.5em;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.toplist-more {
	font-size: 1.5em;
	margin-bottom: 10px;
	text-align: center;
	padding: 10px;
	
}

a.toplist-more-link {
	color: #313030;
}

.toplist-item {
	background-color: #313030;	

}
.toplist-item .image {
	height: 220px;	
        
}

.toplist-item .title {
	margin-top: 10px;
	font-size: 1.1em;
	color: white;
	text-align: center;
	margin-bottom: 10px;
}

a.toplist-item-link {
       
}

a.toplist-item-link:hover {
    background-color: white;
}

.mood-list {
        padding: 20px 0px 20px 0px;
}

.topmoods-label {
    margin-bottom: 20px;
    font-size: 1.5em;
}

.mood {
    float: left;
    font-size: 1.5em;
    margin: 5px;
    padding: 5px 0px 5px 0px;
    border: 1px solid white;
    border-radius: 3px;
}

.start-citation {
	text-align: center;
	background-image: none;
	background-color: #313030; 
        height: 200px;
        padding-top: 30px;
}

.start-citation-box {
	padding-bottom: 40px;
}

.start-citation h2 {
	color: #eee;
	padding: 10px;
	font-size: 2em;
	text-align: center;
}

.start-citation p {
	font-size: 1.25em;
}

.start-provider {
	padding: 20px 0px 0px 20px;
	background: white
}

.start-provider-label {
	font-size: 1.5em;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #313030;
}

.start-header-dropdown {
    margin-top: 9px;
    margin-right: 5px;
}

a.start-header-menu-link {
    color: black;
}

#start-header-menu-caret {
    color: black;
}

.badge-gemafrei {
    background-color: white;
    border: 1px solid black;
}