/* Add here all your CSS customizations */

a.inovindo{
  display: inline-block;
  font-size: 13px !important;
}
a.inovindo::before{
  content: 'inovindo';
  color: #345fbc;
  font-weight: 700;
  text-transform: uppercase;
}
a.inovindo::after{
  content: ' web';
  color: #4ff339;
  font-weight: 700;
  text-transform: uppercase;
}

.bg-alt {
	background: url('../img/bg-alt.png') bottom center no-repeat;
	background-size: contain;
}

.white-tray {
	background-color: rgba(250,250,250,.85);
}

.copyright {
	clear: all;
	display: block;
	float: none;
	padding: 20px 0;
	position: relative;
}
.copyright .left {
	display: block;
	float: left;
	width: 50%;
}
.copyright .right {
	display: block;
	float: left;
	text-align: right;
	width: 50%;
}
.copyright p {
	color: #ddd;
}

.social {
	margin: 10px 0 0 0;
	padding: 0;
}
.social > li {
	display: inline-block;
	list-style-type: none;
}
.social > li > a {
	border-radius: 4px;
	background-color: #fff;
	display: block;
	padding: 5px 12px;
	transition: all .2s;
}
.social > li > a:hover {
	background-color: #eee;
}
.social > li > a i {
	color: #000;
}


.side-contact {
  display: block;
  position: fixed;
    right: 0;
    top: 30%;
  z-index: 999;
}
.side-contact ul {
  padding: 0;
}
.side-contact ul li {
  list-style-type: none;
}
.side-contact ul li a {
  display: block;
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  transform: scale(1,1);
  transition: all .3s;
  width: 50px;
}
.side-contact ul li.phone a {
  background-color: #095d46;
  color: #fff;
}
.side-contact ul li.phone a:hover {
  background-color: #0b535b;
}

.main-screen {
	background-color: #fafafa;
	margin: 0 0 20px 0;
	padding: 30px 0;
}
.main-screen #watch_here {
	margin: 0 auto;
	max-width: 920px;
	width: 100%;
}

.img-lay {
	max-width: 110px;
}

.img-foto {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 280px;
	width: 100%;
}

.select-date {
    max-width: 280px;
    margin: 10px 0;
}
.select-date select {
}

.pdf-cont {
    display: block;
    width: 100%;
}
.pdf-cont .pdf-btn {
    display: block;
    float: left;
    width: 50%;
}
.pdf-cont .pdf-btn > a {
    background-color: #df0000;
    border-radius: 5px;
    color: #fff;
    display: block;
    margin: 5px 2px;
    padding: 10px 0;
    text-align: center;
}

.donate-info {
	box-shadow: 1px 1px 5px rgba(0,0,0,0.25);
	padding: 20px;
}

.donate-form {
	background-color: rgba(250,250,250,.85);
	border-top: 5px solid #095d46;
	display: block;
	margin-bottom: 20px;
	padding: 20px;
}
.regist-form {
	background-color: rgba(240,240,240,.95);
	border-top: 15px solid #095d46;
	display: block;
	margin-bottom: 20px;
	padding: 20px;
	position: relative;
	width: 100%;
}
.regist-form .form-group,
.donate-form .form-group {
	display: block;
}
.regist-form .form-group label,
.donate-form .form-group label {
	display: inline-block;
	margin: 0;
}
.donate-form .form-group input {
	background-color: rgba(255,255,255,.45);
	border: 0 none;
	border-bottom: 1px solid #095d46;
	border-radius: 0;
	box-shadow: none;
	display: block;
	padding: 12px 10px !important;
	width: 100%;
}
.regist-form .form-group input,
.regist-form .form-group select,
.regist-form .form-group textarea {
	background-color: rgba(255,255,255,1);
	border: 0 none;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
	box-shadow: none;
	display: block;
	padding: 12px 10px;
	resize: none;
	width: 100%;
}
.regist-form .form-group.has-error input,
.regist-form .form-group.has-error select,
.regist-form .form-group.has-error textarea {
	border-bottom: 1px solid #dd0000;
	box-shadow: 0 1px 5px rgba(120, 21, 21, .5);
}
.regist-form .form-group select {
	padding: 14px 10px !important;
}
.regist-form .form-group input:focus,
.regist-form .form-group select:focus,
.regist-form .form-group textarea:focus,
.donate-form .form-group input:focus {
	border-bottom: 1px solid #095d46;
	outline: 0;
}
.regist-form .form-group input[type=number]::-webkit-outer-spin-button,
.regist-form .form-group input[type=number]::-webkit-inner-spin-button,
.donate-form .form-group input[type=number]::-webkit-outer-spin-button,
.donate-form .form-group input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.donate-form .form-group input[type=number],
.regist-form .form-group input[type=number] {
    -moz-appearance:textfield;
}
.regist-form .form-group .input-group-addon {
	background-color: #fff;
	border: 0 none;
	border-bottom: 1px solid #ddd;
	color: #000;
}
.regist-form fieldset.scheduler-border {
    border: 1px solid #cdcdcd;
    box-shadow:  0px 0px 0px 0px #000;
      -webkit-box-shadow:  0px 0px 0px 0px #000;
    margin: 0 .3em 1.5em .3em !important;
    padding: 0 1.4em 1.4em 1.4em !important;
}
.regist-form legend.scheduler-border {
    border-bottom:none;
    font-size: 1.2em;
    font-weight: normal;
    padding:0 10px;
    text-align: left;
    width:inherit;
}

.stepwizard {
	display: table;
	position: relative;
	width: 100%;
}
.stepwizard .stepwizard-row {
	display: table-row;
}
.stepwizard .stepwizard-step {
	display: table-cell;
	text-align: center;
}
.stepwizard .stepwizard-step > a {
	border-radius: 50%;
	font-size: 20px;
	height: 50px;
	line-height: 40px;
	width: 50px;
}

.donate-contact {
	background-color: #a6d4af;
	clear: all;
	display: block;
	padding: 20px 10px;
	width: 100%;
}
.donate-contact h4 {
	color: #222;
	font-size: 24px;
	font-weight: 100;
	display: block;
	margin-bottom: 20px;
	text-align: center;
	text-transform: uppercase;
}
.donate-contact li {
	clear: all;
	display: inline-block;
	list-style-type: none;
	margin-bottom: 5px;
	width: auto;
}
.donate-contact li > a {
	background-color: #095d46;
	border-radius: 25px;
	clear: all;
	color: #fff;
	display: block;
	margin: 0 10px;
	padding: 10px;
	text-align: center;
	transition: all .2s;
	width: auto;
}
.donate-contact li > a > label {
	display: block;
	float: left;
	line-height: 1.2;
	width: 50px;
}
.donate-contact li > a > label > i {
	font-size: 32px;
}
.donate-contact li > a > span {
	display: block;
	float: left;
	font-size: 12px;
	line-height: 1.2;
	text-align: left;
	width: calc(100% - 50px);
}
.donate-contact li > a > span b {
	font-size: 16px;
}
.btn-primary:hover,
.donate-contact li > a:hover,
.donate-contact li > a:focus {
	background-color: #0b535b !important;
	color: #FFA500;
	text-decoration: none;
}

.map-frame iframe {
	height: 230px;
	width: 100%;
}

.simple-link-list {
	padding: 0;
}
.simple-link-list li {
	display: block;
	list-style-type: none;
}
.simple-link-list li > a {
	border-radius: 5px;
	display: block;
	padding: 10px;
	transition: all .2s;
}
.simple-link-list li > a:hover {
	background-color: #fafafa;
	text-decoration: none;
}
.simple-link-list li.active > a {
	background-color: #095d46;
	color: #fff;
}

.uptodate {
	background-color: #FFA500;
	color: #fff;
	display: inline-block;
	margin: 10px 0;
	padding: 10px;
}

.personil {
	display: inline-block;
	margin-bottom: 20px;
	position: relative;
	width: 48%;
}
.personil > .person-img {
	background: url('../img/circle-dot.png') center no-repeat;
	background-size: cover;
	border: 1px solid #000;
	border-radius: 50%;
	display: inline-block;
	margin-bottom: 20px;
	padding: 15px;
}
.personil > .person-img > figure.img {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #a6d4af;
	border-radius: 50%;
	height: 150px;
	width: 150px;
}
.personil > .person-name {
	background-color: #095d46;
	border-radius: 5px;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
	box-shadow: 3px 1px 7px rgba(32, 52, 32, .5);
	display: inline-block;
	padding: 12px 20px;
	position: absolute;
		left: 50px;
		bottom: 0;
	transform: rotate(-2deg);
}
.personil > .person-name > h3 {
	color: #fff;
	font-size: 18px;
	margin: 0;
}
.personil > .person-name > span {
	color: #ccc;
	font-size: 12px;
}

.contact-bar {
	padding: 0;
}
.contact-bar li {
	background-color: #fafafa;
	border-top-left-radius: 25px;
	box-shadow: 0 1px 3px rgba(0,0,0,.15);
	display: block;
	list-style-type: none;
	margin-bottom: 10px;
}
.contact-bar li > label {
	background-color: #095d46;
	border-radius: 25px;
	color: #fff;
	display: inline-block;
	margin: 0;
	padding: 5px 15px;
}
.contact-bar li > span {
	display: block;
	padding: 0 10px 5px 10px;
}
.contact-bar li > span > a {
	display: inline-block;
	line-height: 1.3;
}

@media screen and (max-width: 420px) {

	.personil {
		display: block;
		margin-bottom: 20px;
		position: relative;
		width: 100%;
	}
	.personil > .person-name {
		transform: rotate(0deg);
	}

	.donate-contact li {
		margin: 0 0 10px 0;
		width: 100%;
	}
}