/*
 * Author: Carlos Alvarez
 * URL: http://alvarez.is
 *
 * Project Name: FLATTY - Free Bootstrap 3 Theme
 * Version: 1.0
 * URL: http://blacktie.co
 */

body {
  background-color: #000;
    font-family: 'Cutive', serif;
    font-weight: 300;
    font-size: 14px;
    color: #fff;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Special Elite', 'Cutive', serif;
    font-weight: 300;
    color: #333;
}

h1 {
    color: #FF6600;
	font-size: 40px;
}

h3 {
	color: #95a5a6;
	font-weight: 400;
}

h4 {
	color: #FF6600;
	font-weight: 400;
	font-size: 22px;
    margin-bottom: 20px;
}

/* Paragraph & Typographic */
p {
    line-height: 28px;
    margin-bottom: 25px;
    font-size: 16px;
}

.centered {
    text-align: center;
}

/* Links */
a {
    color: #CC3300 !important;
    word-wrap: break-word;

    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover,
a:focus {
    color: #FF9933 !important;
    text-decoration: none;
    outline: 0;
}

a:before,
a:after {
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.navbar-default {
	background-color: #FF6600;
	border-color: transparent;
}

.navbar-default .navbar-brand {
	color: white;
}

.navbar-default .navbar-nav > li > a {
	color: white;
}

/* Helpers */

.mt {
	margin-top: 40px;
	margin-bottom: 40px;
}

.mdown {
    margin-bottom: 40px;
}

.mtop {
    margin-top: 40px;

}

.form-control {
	height: 42px;
	font-size: 18px;
	width: 280px;
}

i {
	margin: 8px;
	color: #FF6600; 
}


/* HeaderWrap */
#headerwrap {
	/* background: url(../img/bg01.jpg) no-repeat center top; */
	/*background-color: #000;
	margin-top: -20px;
	padding-top:200px;
	background-attachment: fixed;
	background-position: right center;
	min-height: 650px;
	width: 100%;
    background-repeat: no-repeat;
    background: url(http://www.thetownoflight.com/diary/theme/assets/img/immagineprincipale.png);*/

    background-color: #000;
    /*margin-top: -20px;
    padding-top:200px;*/

    /*min-height: 650px;*/
    width: 100%;
   

    background-image: url(http://www.thetownoflight.com/diary/assets/img/headerwrap1.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/* CitazioniWrap */
#citazioniwrap {
    /* background: url(../img/bg01.jpg) no-repeat center top; */
    /*background-color: #000;
    margin-top: -20px;
    padding-top:200px;
    background-attachment: fixed;
    background-position: right center;
    min-height: 650px;
    width: 100%;
    background-repeat: no-repeat;
    background: url(http://www.thetownoflight.com/diary/theme/assets/img/immagineprincipale.png);*/

    background-color: #000;
    margin-top: -20px;
    padding-top: 10%;
     padding-bottom: 10%;

    min-height: 650px;
    width: 100%;

    background-image: url(http://www.thetownoflight.com/diary/assets/img/citazioniwrap.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
    
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* TestoWrap */
#testowrap {
    /* background: url(../img/bg01.jpg) no-repeat center top; */
    /*background-color: #000;
    margin-top: -20px;
    padding-top:200px;
    background-attachment: fixed;
    background-position: right center;
    min-height: 650px;
    width: 100%;
    background-repeat: no-repeat;
    background: url(http://www.thetownoflight.com/diary/theme/assets/img/immagineprincipale.png);*/

    background-color: #000;
    margin-top: -20px;
    padding-top: 10%;
     padding-bottom: 10%;

    /*min-height: 650px;*/
    width: 100%;

    background-image: url(http://www.thetownoflight.com/diary/assets/img/testowrap.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
    
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#headerwrap h1 {
	margin-top: 60px;
	margin-bottom: 15px;
	color: white;
	font-size: 45px;
	font-weight: 300;
	letter-spacing: 1px;
}

.orderWrapper {
    position: relative;
    padding-bottom: 57.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.orderWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoWrapper {
    position: relative;
    padding-bottom: 57.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoWrapper iframe.libro {
    position: absolute;
    top: 0;
    left: 0;
    width: 114%;
    height: 100%;
}


/*** Works on common browsers ***/
::selection {
    background-color: #FF6600;
    color: #000;

}

/*** Mozilla based browsers ***/
::-moz-selection {
    background-color: #FF6600;
    color: #000;

}

/***For Other Browsers ***/
::-o-selection {
    background-color: #FF6600;
    color: #000;

}

::-ms-selection {
    background-color: #FF6600;
    color: #000;

}

/*** For Webkit ***/
::-webkit-selection {
    background-color: #FF6600;
    color: #000;

}