body {
    background: #f8f8f8;
    text-align: left;
    font-family:  'Alegreya Sans', Helvetica, Arial, sans-serif;
    color: #000
    font-size: 16px;
    font-weight: 400;
}

strong { font-weight: 700; }
.red { color: #D43D02; }
a:hover { text-decoration: none; }

p  {
    font-family:  Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.header {
    margin: 0 auto;
    padding-bottom: 0px;
    background: #f8f8f8 url(../img/pattern.jpg) left top repeat;
    border-top: 3px solid #eb4141;
    -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
}

.logo h1 {
    padding-left: 0px;
    font-family:  'Alegreya Sans',Haettenschweiler,Helvetica, Arial, sans-serif; /*'Oleo Script', cursive;*/
    font-size: 36px;
    font-weight: 400;
	margin: 0px;
}

.logo h1 a { color: #555; }

.links {
    text-align: right;
}

.links a {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 15px 0 0 20px;
}

.links a.home { background: url(../img/home.png) center center no-repeat; }
.links a.blog { background: url(../img/blog.png) center center no-repeat; margin-right: 50px; }

.register-container {
    margin-top: 15px;
}

/* ----- iPhone ----- */

.iphone {
    text-align: right;
}

.iphone img { margin-right: 10px; }

/* ----- Registration Form ----- */

.register  {
    padding:0px;
	text-align: center;
}

ul.social {
	margin: 10px auto 5px 0px;}
ul.social li {
	display:inline-block;}
	.social li a {
		margin:5px;
		opacity:0.8;
		background:none;}
		.social li a:hover {
			opacity:1;}
		

/* ----- Media queries ----- */

@media (max-width: 879px) and (min-width: 768px) {

    .register form h2 { background: url(../img/pencil.png) 20px 6px no-repeat; }
	.span6 {
		width: 390px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {

    .register form h2 { background: none; }

}

@media (max-width: 767px) {

    body { padding-left: 0; padding-right: 0; }

    .logo, .links { text-align: center; }

    .links { padding-bottom: 5px; }

    .logo h1 { padding-left: 0; }

    .links a.home { margin-left: 0; }

    .links a.blog { margin-right: 0; }

    .register-container { padding-left: 20px; padding-right: 20px; }

    .register form h2 { background: none; }

    .iphone img { display: none; }
	.ocul{ display: none; }
	.accordion-inner {
		padding: 0px 0px !important;
	}
	.register-container {
		padding-left: 3.6em;
		padding-right: 3.6em;
	}
	.accordion {
		padding: 5px 15px 10px 15px!important;
	}

}

@media (max-width: 480px) {

    .register form button { width: 97%; }
	.register-container {
		padding-left: 0px;
		padding-right: 0px;
	}
	.accordion {
		padding: 5px 0px 10px 0px;
	}
	.accordion-inner {
		padding: 0px 0px;
	}
}
@media (max-width: 385px) {

    .register form button { width: 97%; }
	.register-container {
		padding-left: 0px;
		padding-right: 0px;
	}
	.accordion {
		padding: 5px 0px 10px 0px!important;
	}
	.accordion-inner {
		padding: 0px 0px;
	}
}

/* ==================================================
   Accordion & Toggle
================================================== */
.center {
     float: none;
     margin-left: auto;
     margin-right: auto;
	 text-align:center;
}
.accordion {
  	margin-bottom: 10px;
	padding: 5px 50px 10px 50px;
	background: rgba(248, 248, 248, 0.5);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
}

.accordion-group {
  	margin-bottom: 4px;
  	border: none;
  	-webkit-border-radius: 8px;
       -moz-border-radius: 8px;
          	border-radius: 8px;
}

.accordion-heading {
  	border-bottom: 0 none;
}

.accordion-heading .accordion-toggle {
	position: relative;
  	display: block;
  	padding: 15px;
	background:rgba(212, 61, 2, .8);
	color: #ccc;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	
	-webkit-transition: all 0.1s linear 0s;
	-moz-transition: all 0.1s linear 0s;
	-ms-transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
	transition: all 0.1s linear 0s;
}

.accordion-toggle {
  	cursor: pointer;
}

.accordion-heading:hover .accordion-toggle,
.accordion-heading:hover .accordion-toggle.inactive {
	background:rgba(212, 61, 2, .8);
	color:#FFFFFF;
}

.accordion-heading .accordion-toggle.active {
	background:rgba(212, 61, 2, .8);
	color:#FFFFFF;
}

.accordion-heading .accordion-toggle.inactive {
	background:#3C3F45;
}

.accordion-heading.accordionize .accordion-toggle span,
.accordion-heading.togglize .accordion-toggle span {
    position: absolute;
    top: 50%;
    right: 20px;
    margin: -8px 0 0 0;
    color: #23262C;
    font-size: 18px;
	
	-webkit-transition: all 0.1s linear 0s;
	-moz-transition: all 0.1s linear 0s;
	-ms-transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
	transition: all 0.1s linear 0s;
}

.accordion-heading:hover .accordion-toggle span {
	color: #FFFFFF;
}

.accordion-heading .accordion-toggle.active span,
.accordion-heading:hover .accordion-toggle.inactive span {
	color: #FFFFFF;	
}

.accordion-heading.accordionize .accordion-toggle.active span,
.accordion-heading.togglize .accordion-toggle.active span {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.accordion-heading.togglize .accordion-toggle span {
	margin: -8px 0 0 0;
	font-size: 18px;
}

.accordion-heading.togglize .accordion-toggle.active span {
	opacity:0;
	filter: alpha(opacity=0);
}

.accordion-heading.togglize .accordion-toggle.active span + span {
	opacity:1;
	filter: alpha(opacity=100);
}

.accordion-inner {
	background: rgba(38, 41, 46, 0.5);
  	padding: 16px 20px;
	border: none;
}