@font-face{
	font-family: 'sreda';
	 src: url('../fonts/Sreda.eot'); /* IE9 Compat Modes */
	 src: url('../fonts/Sreda.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Sreda.woff') format('woff'), /* Modern Browsers */ url('../fonts/Sreda.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Sreda.svg#Sreda') format('svg'); /* Legacy iOS */
}
html{
    position: relative;
    min-height: 100%;'
}

body,html{
	font-size: 100%;
	background: url(../imgs/home-background.png) no-repeat center center fixed;
    background-repeat: no-repeat;
    background-position: bottom;
    background-attachment: fixed;
    background-size: cover;
    font-family: Arial;
    font-size: 16px;
    color: #000;
}
body{
	padding-bottom: 200px
}
.container{
	max-width: 960px;
}
.navbar{
	margin-bottom: 0px;
}
.navbar-brand{
	height: 90px;
}
.navbar-nav.main li a {
 margin-top: 38px;
}
.navbar-brand img{
	max-height: 100%;
}
.navbar .nav.main li a{
	font-family: sreda;
	font-size: 1rem;
	color:#404041 !important;
}
.navbar .nav.main li a:hover{
	text-decoration: underline;
}
.ui-dialog-content{
	font-size:11px;
}

#login-dp{
    min-width: 250px;
    padding: 14px 14px 0;
    overflow:hidden;
    background-color:rgb(255,255,255);
}
#login-dp .help-block a{
    font-size:.75rem !important;    
}
#login-dp .bottom{
    background-color:rgb(255,255,255);
    border-top:1px solid #ddd;
    clear:both;
    padding:14px;
}
#login-dp .social-buttons{
    margin:12px 0    
}
#login-dp .social-buttons a{
    width: 49%;
}
#login-dp .form-group {
    margin-bottom: 10px;
}
.btn-fb{
    color: #fff !important;
    background-color:#3b5998;
}
.btn-fb:hover{
    color: #fff;
    background-color:#496ebc 
}
.btn-go{
    color: #fff;
    background-color:#d42429;
}
.btn-go:hover{
    color: #fff;
    background-color:#e32429;
}
#hero{
	position: relative;
	    border: 3px solid #fff;
    box-shadow: 0 0 4px #333;
}
#hero h1{
	    font-family: sreda, arial !important;
    font-size: 1.2em;
    color: #fff;
    margin-bottom: -5px;
    font-weight: 100;
}
#hero #call-to-action{
	position: absolute;
	top:163px;
	left:343px;
}
.orange{
	color:#f06738 !important
}
#call-to-action span{
	font-family: sreda, arial;
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    margin-top: 5px;
}
.btn-cta{
	background: #f06738;
	color: #fff;
}
.caddys{
	margin-top: 60px;
}
.caddys > div{
	margin-top: 40px;
}
.caddys .description{
	background: rgba(255,255,255,.7);
	padding: 5px 10px;
	border-radius: 6px;
	font-size: .9rem;
	min-height: 150px;
}
.caddys a{
	margin-top: -45px;
	display: block;
	margin-bottom: 25px;
}
#signup-form{
	background: rgba(255,255,255,.6);
	padding: 15px 20px;
	border-radius: 6px;
}
#intro{
	margin-top: 20px;
	margin-bottom: 45px;
}
#intro h2{
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 2.1rem;
}
#intro p{
	font-size: 1.1rem;
	font-family: 'Playfair Display', serif;
	font-weight: 400;
}
body#module .caddys img{
	opacity: .3
}

body#module .caddys img:hover,body#module .caddys img.active{
	opacity: 1
}
body#module .panel-add{
	margin-right: 10px;
	cursor: pointer;
	margin-top: -7px;
}
footer {
	background: #4B79A1; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#4B79A1, #283E51); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#4B79A1, #283E51); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#4B79A1, #283E51); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#4B79A1, #283E51); /* Standard syntax */
    box-shadow: 0px -1px 14px #222;
    padding-bottom: 25px;
	position: absolute;
  bottom: 0;
  width: 100%;
}

footer h3{
	color: #7D8E9D;
	font-family: 'sreda', serif;
	font-weight: 700;
	font-size: 1.5rem;
}
footer li{
	font-family: 'Playfair Display', serif;
}
footer li a{
	color:#74B3EA;
}
footer #links{
	position: absolute;
	bottom:40px;
	right: 30px;
}
footer #copyright{
	position: absolute;
	bottom: 10px;
	right: 30px;
	color: #fff;
	font-size: 13px;
}
footer .fa{
	color: #fff;
	opacity: .7;
}
.heading {
    font-family: sreda;
    border-bottom: 1px solid #f06738;
    margin-right: 10px;
 }

 .panel-heading a:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: grey;
}
.panel-heading a.collapsed:after {
    content:"\e080";
}

.panel-heading{
	padding: 15px;
}
.panel-body h1{
	font-family: 'Playfair Display', serif;
	margin-top: 5px;
}
body#faq li.question {
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    color: #333;
}
body#faq li.answer {
    font-family: 'Playfair Display', serif;
    font-size: 15px;
    color: #000;
    margin-bottom: 20px;
}

@media(max-width:768px){
footer{
	height: 447px;
}
body{
	padding-bottom: 450px;
}
#hero #call-to-action{
	position: absolute;
	top:37%;
	left:40%;
	font-size: .75rem;
}

.btn-cta{
	font-size: .9rem;
	padding: 6px 12px;
	float: right;
	margin-right: 10px;
}
.caddys .description{
	min-height: 130px;
	margin: 0 auto;
	margin-bottom: 20px;
}
#signup-form {
	padding-bottom: 35px;
}
}

@media(min-width: 768px) and (max-width: 991px){
#hero #call-to-action{
	position: absolute;
	top:115px;
	left:254px;
}
body{
	padding-bottom: 527px;
}
	}