.lovepro-form select/*=== Setup ===*/
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,img,form,fieldset,blockquote{
    border: 0;
    margin: 0;
    padding: 0
}
html, body{
    height: 100%
}
body{
    background: #ffffff;
    color: #333;
    font: 1em "Times New Roman", Times, Georgia, Serif;
    overflow-x: hidden;
}
li{
    list-style: none
}

.typo3-neos-nodetypes-text ul li {
    list-style-type: disc;
}

input,select,textarea{
    border: #999999 1px solid;
    color: #333333;
    font: 14px Arial, Helvetica, sans-serif;
    padding: 3px 5px
}
p {
    padding: 0 0 1em;
    line-height: 1.3em
}
a {
    color: #333;
    text-decoration: none;
    text-decoration: underline
}
a:hover {
    text-decoration: underline;
    color: #e4231f
}
a:hover, a:focus, .btn:hover, .btn:focus,
button:hover, button:focus {
    outline: none !important;
    outline-offset: 0 !important;
    outline-style: none !important;
    outline-width: 0 !important;
}
h2, h3, h4, h5, h6 {
    font-weight: bold;
    font-family: "Times New Roman",Times,Georgia,serif;
}
h2, h3 {
    background: #e4231f none repeat scroll 0 0;
    border-radius: 8px;
    color: #fff;
    margin-bottom: 22px;
    padding: 7px 12px 10px;
}
h4, h5 {
    border-bottom: 1px solid #e4231f;
    color: #e4231f;
    padding: 0 0 6px;
}
h1, .join-page h2 {
    font-size: 27px;
    font-weight: normal;
    margin-bottom: 22px;
    padding: 7px 12px 10px;
}
#videoThumbsBG #innerContent h2 {
	font-size: 28px;
	font-weight: bold;
	line-height: 20px;
	text-transform: lowercase;
}
table{
    border-collapse: collapse;
    width: 100%
}
table td {
    vertical-align: top;
    padding-right: 9px
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.no-margin {
    margin: 0 !important;
}
h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
/*=== Layout ===*/
#outerWrap {
    padding: 0 15px 20px;
    margin-right: auto;
    margin-left: auto
}
#wrap {
    position: relative;
    max-width: 1030px;
    margin: 0 auto;
    padding-top: 50px
}
/*=== Header ===*/
#header {
    padding-bottom: 15px;
    height: 65px;
    font-size: 20px;
    font-weight: bold;
    color: #e4231f
}
#header-content{
    float: right;
    padding: 20px 0 0
}
.header-text {
    width: 1094px;
    float: left;
    padding-top: 24px;
}

/*=== Logo, Slogans ===*/
#logo {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: left;
    margin-bottom: 0;
    padding: 0;
    width: 68px;
}
#wordLogo {
    float: left;
    padding-top: 24px
}
#wordLogoInside {
    float: left;
    padding-top: 30px;
    font-size: 28px;
    padding-left: 20px
}
#wordLogo a, #wordLogoInside a {
	color: #e4231f;
	text-decoration: none;
}
#slogan{
float: left;
    padding: 24px 0 0 3px;
}
#langMenu {
        float: right;
        width:45px;
        height:45px;
        text-align: center;
        background:#e4231f;
        color:white;
        border-radius:2px;
    font-weight:normal; 
    font-size:18px;
}
#langMenu ul {
    padding: 0 8px 0 8px;
}
#langMenu ul li:first-of-type {
    border-bottom: 2px dotted white;
}
#langMenu a{
    color:white;
    text-decoration: none;
}


#claim1 {
    float: left;
    border-right:2px dotted #e4231f;
    border-left:2px dotted #e4231f;
    padding: 0 10px 0 10px;
    margin:0 10px 0 10px;
}


#claim2, #searchBox {
    float: right
}
#claimSide {
    bottom: 35px;
    color: #e4231f;
    font-size: 1.7em;
    font-weight: bold;
    line-height: 0.8em;
    padding-top: 15px;
    position: absolute;
    text-align: center;
    width: 44px;
    top: 645px;
}
#claimSide > a {
	color: #e4231f;
	text-decoration: none;
}
/*=== Navigation ===*/
#mainMenu {
    float: left;
    width: 6.4%;
    padding: 15px 0 0;
}
#mainMenu .nav > li > a {
    padding: 0;
    text-align: center;
}
#topMenu {
	float: left;
	margin: 0 110px 0 0
}
#mainMenu ul li, #topMenu ul li{
    margin: 0 0 10px 4px
}
#mainMenu li a, #topMenu li a{
    background: #e4231f none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    display: block;
    font-size: 28px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
    width: 36px;
}
#mainMenu li.active a, #topMenu li.active a,
#mainMenu li a:hover, #topMenu li a:hover{
    background: #2c4d9c
}
#mainMenu .item-centered a,
#topMenu .item-centered a{
    line-height: 30px !important
}
#topMenu ul li{
    float: left
}
#mainMenu ul li.divider {
    clear: both;
    overflow: hidden;
    height: 15px;
    border: 0;
    width: auto
}
#topMenu ul li{
    float: left;
    padding: 0 6px
}
.btn-circle, .btn-circle a{
    background: #e4231f;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    text-decoration: none;
    font-weight: bold;
    text-transform: lowercase;
    cursor: pointer
}
.btn-circle:hover, .btn-circle a:hover{
    background: #2c4d9c
}
/*=== Mobile Menu ===*/
#nav-menu{
	background: #e4231f none repeat scroll 0 0;
	border: 0 none;
	border-radius: 50%;
	box-shadow: none;
	margin: 0 0 0 20px;
	outline: medium none;
	padding: 9px 12px;
/*	position: absolute; */
        float:right;
	right: 0;
	top: 0;
}
#nav-mobile{
	background: #fff none repeat scroll 0 0;
	border: medium none;
	border-radius: 0;
	box-shadow: 2px 4px 8px 5px rgba(0, 0, 0, 0.3);
	clear: both;
	display: none;
	padding: 20px 10px 10px 20px;
	position: absolute;
	right: 0;
	text-transform: lowercase;
	top: 95px;
	z-index: 200;
}
#nav-mobile a > span.menu-logo {
	background: #e4231f none repeat scroll 0 0;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-family: inherit;
	font-size: 32px;
	font-weight: inherit;
	height: 50px;
	margin: 0;
	padding: 6px 0;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase;
	width: 50px;
}
#nav-mobile li {
	padding-bottom: 16px;
}
#nav-mobile li > div > a > span {
	color: #666666;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size:22px;
	font-weight: normal;
	margin-left: 0.5em;
	text-transform: lowercase;
}
#nav-mobile li > div > a,
#nav-mobile li.active a,
#nav-mobile li a:hover {
	background: none;
	text-decoration: none;
}
.hamburger {
    background-color: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font: inherit;
    margin: 0;
    overflow: visible;
    padding: 0;
    text-transform: none;
    transition-duration: 0.15s;
    transition-property: opacity, filter, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, -webkit-filter;
    transition-timing-function: linear
}
.hamburger:hover {
    opacity: 0.7
}
.hamburger-box {
	display: inline-block;
	height: 20px;
	position: relative;
	top: 3px;
	width: 30px;
}
.hamburger-inner {
    display: block;
    margin-top: -1px;
    top: 50%
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    background-color: #ffffff;
    border-radius: 0;
    height: 3px;
    position: absolute;
    transition-duration: 0.15s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: ease;
    width: 30px
}
.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block
}
.hamburger-inner::before {
    top: -8px
}
.hamburger-inner::after {
    bottom: -8px
}
.hamburger--spin .hamburger-inner {
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in
}
.hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--spin.is-active .hamburger-inner {
    border: 0;
    transform: rotate(225deg);
    transition-delay: 0.14s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: rotate(225deg)
}
.hamburger--spin.is-active .hamburger-inner::before {
    opacity: 0;
    top: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out
}
.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: rotate(-90deg)
}
#nav-mobile li.divider {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
}
/*=== Columns ===*/
#columns .row{
    margin: 0
}
#columns [class*="col-"]{
    padding: 0
}
#content {
    width: 93.55%;
    float: right;
    font-family: Helvetica, Arial,sans-serif;
    font-size: .938em;
    line-height: 1.125em;
    position: relative
}
#videoThumbsBG {
    background: transparent url("../pics/background.png") no-repeat scroll 0 0 / cover ;
    max-width: 100%;
    min-height: 630px;
    padding: 65px 0 0 0;
    width: 100%;
}
/*=== User Area ===*/
#content.userArea{
    display: inline-block;
    width: 100% !important;
    float: none
}
#userArea {
    padding: 15px 0 0
}
#userArea .row{
    margin: 0 -18px 10px
}
#userArea .user-profile-edit .row{
    margin: 0 0px 10px
}
#userArea [class*="col-"]{
    padding: 0 18px
}
#content #userArea h2 {
    background: #eee none repeat scroll 0 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #e4231f;
    display: inline-block;
    font-weight: normal;
    line-height: 1;
    width: 100%;
}
#threeCols1 img{
    width: 100%;
    height: auto
}
#threeCols3 img{
	width: 100%;
    height: auto
}
/*=== myLoveOverviewTable ===*/
table.myLoveOverviewTable > tbody > tr > td {
    border: medium none;
    color: #e4231f;
    font-family: "Times New Roman",Times,Georgia,serif;
    font-size: 19px;
    font-weight: bold;
    height: 58px;
    line-height: inherit;
    padding: 0 10px;
    vertical-align: middle;
}
table.myLoveOverviewTable td.distance {
    width: 23px
}
table.myLoveOverviewTable > tbody > tr > td .btn-circle,
table.myLoveOverviewTable > tbody > tr > td img {
    cursor: pointer;
}
/*=== contentBoxes ===*/
#contentBoxes {
    padding: 0 40px 20px 40px
}
#contentBoxes .row{
    margin: 0 -13px !important
}
#contentBoxes [class*="col-"]{
    padding: 0 13px !important
}
#userArea .boxContent {
    /*background: #ddd none repeat scroll 0 0;*/
    height: auto;
    padding: 0 20px;
}
/*=== innerContent ===*/
#innerContent, #innerContentInside {
    background: white;
    margin: 0 auto;
    max-width: 860px;
    height: 500px;
    padding: 20px;
    overflow: auto
}
#innerContent .row{
    margin: 0 -9px !important
}
#innerContent [class*="col-"]{
    padding: 0 13px !important
}
#innerContentInside {
    width: 620px;
    position: absolute;
    opacity: 1;
    z-index: 9;
    top: 90px;
    left: 50%;
    margin: 0 0 0 -310px;
    display: none
}
/*=== videoPlayer ===*/
#ownPlayButton {
    width:100%;
    text-align:center;
    margin-top: 0;
    position:absolute;
    top:100px;
    display:none;
    z-index:99;
}

#videoPlayer {
    background-color: black;
    background-repeat: no-repeat;
    /* background-image: url("../pics/layerslider-loader.gif"); */
    background-position: center center;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
    color: white;
    height: 300px;
    left: 30%;
    position: absolute;
    top: 20%;
    width: 400px;
    z-index: 20;
}

#videoGridTeaserArea {
    display:none;
    position: absolute;
    top: 20%;
    width: 600px;
    height: 400px;
    left: 20%;
    z-index: 20;
}
#videoPlayer a{
    color: #e4231f;
    left: 30px;
    position: relative;
    top: -60px;
}
#videoPlayer .glyphicon{
    font-size: 40px
}
.projectImage {
    display: block;
    width: 100%;
}
/*=== 'Form' ===*/
.lovepro-form .row,
.lovepro-form .form-group {
    margin: 0 -8px 6px -8px !important
}
.lovepro-form [class*="col-"] {
    padding: 0 8px !important
}
.lovepro-form label {
    font-size: 13.5px
}
.lovepro-form input, .lovepro-form select, .lovepro-form textarea {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    color: #333333;
    height: auto;
    line-height: normal;
    padding: 3px 12px;
    width: 100%;
}
.lovepro-form select {
    padding-inline-start: 8px;
}
.lovepro-form select > option {
    padding-inline-start: 12px !important;
}
.lovepro-form .control-label {
    line-height: 32px;
    padding-top: 5px;
    text-align: left;
    vertical-align: middle;
}
.lovepro-form .form-control-static {
    display: inline-block;
    height: 34px;
    line-height: normal;
    margin-bottom: 0;
    padding: 6px 0;
    width: 50%;
}
.lovepro-form input[type="reset"],
.lovepro-form button[type="reset"],
.resetButton {
    background: #bbbbbb none repeat scroll 0 0;
    border: 1px solid #bbbbbb;
    border-radius: 0;
    float: left;
    font-size: 15px;
    padding: 6px 12px;
    text-decoration: none;
    text-transform: capitalize;
    width: auto;
}
.lovepro-form .checkbox input {
    width: auto;
    padding: 0;
    margin: 0 0 0 -20px
}
.lovepro-form .checkbox label {
    font-weight: bold
}
.lovepro-form input[type="submit"], .submitButton {
    background: #e4231f none repeat scroll 0 0;
    border: 1px solid #e4231f;
    border-radius: 0;
    color: white;
    float: right;
    font-size: 15px;
    padding: 6px 12px;
    text-decoration: none;
    text-transform: capitalize;
    width: auto;
}
#contactForm input[type="submit"] {
    width: 100px;
}
.lovepro-form input[type="reset"]:hover,
.lovepro-form input[type="submit"]:hover,
.lovepro-form button[type="submit"]:hover,
.lovepro-form button[type="reset"]:hover {
    background: #0026ff;
    border: 1px solid #0026ff;
    color: white
}
.submitButtons {
    display: inline-block;
    padding: 15px 5px 10px 0;
    width: 100%;
}
.lovepro-form .form-control.form-text {
    width: auto;
}
span.required {
    color: #e4231f;
}
/*=== Messaging ===*/
.oneTalk {
    padding-bottom: 0
}
#oneCol {
    padding-left: 5px;
    padding-right: 32px
}
.oneTalk .row{
    margin: 0 -7px 10px !important
}
.oneTalk [class*="col-"]{
    padding: 0 7px !important
}
.oneMessage {
    padding-bottom: 0
}
.oneAnswer {
    padding-left: 50px
}
.messageImage img {
    height: auto;
    margin: 0 0 10px;
    max-width: 100%;
}
.messageSender {
    border-bottom: 1px solid #e4231f
}
.messageSenderName {
    font-weight: bold
}
.deleteMessage {
    float: right
}
.messageSentDate {
    padding-bottom: 5px
}
.divider {
    border-bottom: 1px solid #e4231f;
    clear: both
}
.message {
    padding-top: 5px
}
.close {
    float: right;
    color: #ffffff;
    opacity: 1
}
/*=== SearchBox ===*/
#searchBox{
	display: inline-block;
	height: auto
}
#searchBox input{
    border: 3px solid #e4231f
}
#searchBox input.highlighted {
    border: 3px solid #2c4d9c
}
#searchBox input {
	font-size: 15px;
	background: #eeeeee;
	padding: 3px 5px;
	border-radius: 5px;
	float: left;
	width: 269px
}
#searchBox #btn-search{
    float: left;
    width: auto;
    width: 41px;
    height: 27px;
    border: 0;
    padding: 0;
    background: url(../pics/search.png) top left no-repeat;
    margin: 0 0 0 7px
}
#searchBox #btn-search:hover{
    background: url(../pics/search_h.png) top left no-repeat
}
/*=== videoThumbs ===*/
.videoThumbs img{
    display: block;
    width: 100%;
    height: auto
}
/*=== ui-tooltip ===*/
.ui-tooltip {
    width: auto;
    background: #2c4d9c;
    color: white;
    font-family: "Times New Roman", Times, Georgia, Serif;
    font-weight: bold;
    font-size: 18px;
    border: none;
    padding: 3px 6px
}
.ui-tooltip.highlight {
    border: none;
    box-shadow: -2px -2px 4px rgba(0,0,0,0.3)
}
/*=== Footer ===*/
#footer {
    background: #ececec none repeat scroll 0 0;
    color: #666666;
    display: inline-block;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 0.8em;
    height: 34px;
    line-height: 34px;
    width: 100%;
}
#footer a {
    color: #666666
}
#socialMedia {
    float: left;
    padding: 0 6px
}
#socialMedia a{
    text-decoration: none;
}
#sideMenu {
    float: right
}
#sideMenu li{
    margin: 0 6px;
    float: left
}
#copyright {
    float: right;
    padding: 0 20px 0 6px
}
.footer-content {
    float: left;
}
/*=== Misc. ===*/
.text-with-image-image {
    float: left;
    padding-right: 20px
}
.caption {
    font-size: 13px;
    line-height: 15px;
    color: #666
}
.red {
    font-family: "Times New Roman", Times, Georgia, Serif;
    font-weight: bold;
    color: #e4231f;
    font-size: 1.2em
}
.info {
    font-family: "Times New Roman", Times, Georgia, Serif;
    font-weight: bold;
    color: #e4231f;
    font-size: 0.9em
}
.pic-responsive img{
    display: block;
    max-width: 100%;
    height: auto
}
.standardContent {
    min-height: 630px;
}
video {
    height: 100% !important;
    object-fit: cover;
    width: 100% !important;
    background:#000;
}
#output canvas {
	cursor: pointer;
	margin: 0 4px 4px 0;
	max-width: 20%;
	padding: 2px;
}
.crop-action {
    display: none;
}
#crop-image-preview {
    width: 300px;
    height: 200px;
}
#output canvas.active {
    border: 2px green solid;
}
.selectVideoLabel, .saveVideo {
    display: none;
}
.error, #video-length-error {
    color: #f00;
    font-weight: normal;
}
.likeVideo {
    cursor: pointer;
}
.forgot-password {
    float: left;
    margin-top: 10px;
}
.join-page #innerContent p em {
    color: #ff0000;
    font-style: normal;
}
/*=== Modal dialog ===*/
.modal-backdrop.in {
    opacity: 0;
}
.modal-content {
    border: 2px solid #e4231f;
    border-radius: 0;
    box-shadow: none;
}
.modal-footer {
    border-top: medium none;
    padding: 15px;
    text-align: center;
}
.modal-footer button,
.modal-footer input,
.modal-footer a {
    background: #e4231f none repeat scroll 0 0;
    border: 1px solid #e4231f;
    border-radius: 0;
    color: white;
    float: none;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 8px;
    width: 48%;
}
.modal-footer a {
    text-decoration: none;
    width: auto;
}
.modal-title {
    background: none;
    border-bottom: 1px solid #e4231f;
    border-radius: 0;
    color: #e4231f;
    display: inline-block;
    margin-bottom: 1em;
    padding: 6px 0;
    width: 100%;
}
.modal-header {
    border-bottom: medium none;
    padding: 15px 8px;
}
.modal-header button.close {
    color: #e4231f;
    font-size: 12px;
    line-height: 1;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 22px;
}
button.close:hover,
button.close:focus {
    opacity: 1;
}
.modal-content .row {
    margin: 0 15px 10px !important;
}
.modal-content button.close, .modal-content .close {
	color: #e4231f;
	font-size: 18px;
	line-height: 1;
	padding: 0;
	position: absolute;
	right: 15px;
	top: 18px;
}
/*=== Modal dialog ===*/
#logout-confirm .modal-dialog {
    width: 434px;
}
#logout-confirm .modal-dialog h5 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #e4231f;
    font-size: 20px;
    margin: 0;
    padding: 0;
    text-align: left;
}
#messages .modal-dialog {
    width: 800px;
}
#messages .modal-content {
    padding: 15px;
}
#messages .modal-content button.close {
    right: 16px;
    top: 24px;
}
#messages .modal-content h3 {
    background: #e4231f none repeat scroll 0 0;
    border-radius: 6px;
    color: #fff;
    display: inline-block;
    margin-bottom: 0;
    padding: 0.5em 0.8em;
    width: 100%;
}
#messages .modal-header {
	padding: 0;
}
#messages .modal-body {
	height: 400px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0;
}
#oneCol > h5 {
    border: none;
    border-radius: 0;
    color: inherit;
    margin: 0;
    padding: 0;
}
form.message, #messages hr {
    display: inline-block;
    width: 100%;
}
form.message .form-control.input-sm,
form#report .form-control.input-sm {
    border: 2px solid #ccc;
    border-radius: 0;
}
form.message .btn.sendMessage {
    margin-top: 1em;
}
form.message .resetButton {
    float: right;
    margin-right: 0.8em;
    margin-top: 1em;
}
form.message .form-group,
form.message .row {
    margin: 0 !important;
}
.message-btn-wrapper {
    padding: 0;
}
/*Contact Form*/
a.captcha-reaload {
    display: inline-block;
    vertical-align: super;
}
.captcha-reaload:hover, .captcha-reaload:focus {
    outline: medium none;
}
.captcha-image {
    margin: 0 1em 1em 0;
}
#contactForm .control-label {
    line-height: 1.5;
}
#contactForm .form-control.error {
    border: 2px solid #e4231f !important;
}
#contactForm .reset-button {
    float: right;
    margin-left: 0.8em;
}
#contactForm h2 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 2px solid #e4231f;
    border-radius: 0;
    color: #e4231f;
    padding-left: 0;
}
#my-profile-form .modal-header {
    margin-bottom: 1em;
    padding: 0;
}
#my-profile-form .modal-title {
    margin-bottom: 0;
    padding: 0;
}
#my-profile-form .modal-dialog {
    width: 800px;
}
#my-profile-form .modal-footer {
    text-align: right;
    padding: 0 15px;
}
#my-profile-form .modal-footer button,
#my-profile-form .modal-footer input {
    width: auto;
}
#my-profile-form .modal-content {
    padding: 15px;
}
#my-profile-form .modal-body {
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 15px 12px 0 0;
    margin-bottom: 2em;
}
#my-profile-form .modal-header button.close {
    right: 15px;
    top: 24px;
}
/*=== Video likes popup. ===*/
#videoLikes .video-likes {
    margin-bottom: 10px;
}
#videoLikes .video-likes > div:first-child,
#pendingRequests .clearfix > div:first-child {
    padding-left: 0;
}
#userArea #videoLikes .user-initials {
    padding-left: 0;
}
#videoLikes .pic-responsive img {
    height: 52px;
}
.user-initials h5 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #e4231f;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
}
.user-initials h5 a {
    color: #e4231f;
    line-height: 3.7;
    text-decoration: none;
}
#pendingRequests .user-initials > form {
    display: inline-block;
    margin: -3px 0 -3px 15px;
}
#pendingRequests .user-friend-wrap .user-initials > form {
    display: inline-block;
    margin: 16px 0 -3px 5px;
}
#pendingRequests .user-initials h5 {
    line-height: 3.5;
    min-height: 58px;
}
#pendingRequests .user-initials {
    padding-left: 0 !important;
	margin-bottom: 10px;
}
#pendingRequests .pic-responsive img {
    height: 58px;
}
#pendingRequests button.close {
	top: 12px;
}
.modal-content .mb20 .no-margin {
    margin: 0 !important;
}
.user-profile-edit form#uploadVideo .form-group {
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}
/*.user-profile-edit .row .col-sm-5 {
    padding-left: 0 !important;
}*/
.user-profile-edit .boxContent .video-content {
/*	background: #000 none repeat scroll 0 0;*/
	display: inline-block;
	margin-bottom: 5px;
	text-align: center;
    width: 100%;
}
.user-profile-edit .boxContent .video-content video {
	background: #ddd;
	padding: 20px;
}
.user-profile-area #uploadVideo .form-group .col-sm-7,
#userArea .user-profile-area .upload-video-section {
	padding-left: 0;
}
#uploadVideo .form-group .btn-lovepro-group {
	padding: 0;
}
.user-profile-edit .boxContent .recapture-btn-wrapper {
    display: inline-block;
    margin-top: 0.5em;
    width: 100%;
}
#userArea .user-profile-area .recapture-btn-wrapper button.recapture {
    line-height: normal;
    padding: 8px 12px;
}
.user-profile-edit h3 {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border-radius: 0;
	color: #e4231f;
	font-size: 1.2em;
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}
.user-profile-edit .video-images .selectVideoLabel {
	margin-bottom: 10px;
}
.user-profile-edit .video-images .col-sm-12 {
    padding: 0 !important;
}
#userArea .user-profile-edit hr {
    border-color: #e4231f;
}
#userArea .user-profile-edit .user-profile-area {
    display: inline-block;
    margin-top: 1.5em;
    width: 100%;
}
.btn-file {
    position: relative;
    overflow: hidden;
    float: left;
}
.btn-file input[type=file],
.btn-file button {
    background: white none repeat scroll 0 0;
    cursor: pointer;
    display: block;
    font-size: inherit;
    left: -6px;
    line-height: 2.3;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    outline: medium none;
    position: absolute;
    text-align: right;
    top: -4px;
}
#upload-file-info {
    background-color: transparent;
	color: green;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
	margin-top: 6px;
	padding-left: 0;
}
.record-video {
    float: left;
}
#userArea .user-profile-area .btn-block {
    width: 60% !important;
}
.scan-qr-code {
    float: left;
    line-height: normal;
}
input[type="file"] {
    border: none;
}
#pendingRequests input[type="submit"] {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    float: right;
    padding: 0;
}
.modal-content .oneTalk .row {
    margin: 0 -7px 10px !important;
}
a.register-link {
    display: inline-block;
    float: none;
    line-height: normal;
    text-decoration: none;
    width: 100px;
}
a.register-link:hover {
    color: #000000;
}
.login-form {
    position: relative;
}
.login-form #login .submitButtons {
    margin-top: 2em;
    padding: 0;
    width: 100%;
}
.login-form #login .submitButtons .submitButton {
    font-family: inherit;
}
.login-divider {
    float: left;
    line-height: normal;
    padding: 6px 12px;
    text-align: center;
    width: auto;
}
.login-page #content .register-link-wrapper {
    float: left;
    margin-left: 3px;
    width: auto;
}
.register-link-wrapper form {
    float: left;
}
.login-form h3 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 2px solid #e4231f;
    border-radius: 0;
    color: #e4231f;
    padding: 0 0 8px;
}
.login-form #login .form-control {
    height: 34px;
}
/*I like Popup*/
#interests .input-group {
    width: 100%;
}
#interests .input-group-addon {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 0;
    border-right: 2px solid #ccc;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    padding: 0 5px 0 0;
    width: 8%;
}
#interests .input-group-addon input[type="radio"],
#interests .input-group-addon input[type="checkbox"] {
    vertical-align: middle;
}
#interests .form-control {
    border-right: 0 none;
    padding: 6px 12px;
}
#interests .input-group-addon input[type="radio"],
#interests .input-group-addon input[type="checkbox"] {
    height: 15px;
    margin-top: 1px;
}
#interests .form-control[disabled] {
    cursor: text;
    background-color: #fff;
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline-offset: 0px !important;
}
#interests .modal-header {
    margin-bottom: 1em;
    padding: 0;
}
#interests .modal-title {
    margin-bottom: 0;
    padding: 0;
}
#interests .modal-dialog {
    width: 800px;
}
#interests .modal-footer {
    text-align: right;
    padding: 0 15px;
}
#interests .modal-footer button,
#interests .modal-footer input {
    width: auto;
}
#interests .modal-content {
    padding: 15px;
}
#interests .modal-body {
    height: 350px;
    margin-bottom: 2em;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 15px 15px 0 0;
}
#interests .modal-header button.close {
    right: 15px;
    top: 24px;
}
#interests .description {
    padding-left: 8px;
}
/*Report video popup*/
#reportVideo .modal-content {
    padding: 15px;
}
#reportVideo form#report .form-group {
    display: inline-block;
    width: 100%;
}
#reportVideo button.close {
    color: #fff;
    right: 24px;
    top: 24px;
}
#outerWrap.user-profile-page .links {
    float: left !important;
    font-weight: inherit;
}
/*My Account popup*/
#myAccount .modal-header {
    margin-bottom: 1em;
    padding: 0;
}
#myAccount .modal-title {
    margin-bottom: 0;
    padding: 0;
}
#myAccount .modal-dialog {
    width: 800px;
}
#myAccount .modal-footer {
    text-align: right;
    padding: 0 15px;
}
#myAccount .modal-footer button,
#myAccount .modal-footer input {
    width: auto;
}
#myAccount .modal-content {
    padding: 15px;
}
#myAccount .modal-body {
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 15px 0;
    margin-bottom: 2em;
}
#myAccount .modal-header button.close {
    right: 15px;
    top: 24px;
}
#myAccount .lovepro-form .checkbox input {
	margin: 0;
	position: static;
	vertical-align: middle;
}
#myAccount .submitButton {
    float: left;
    line-height: normal;
}
#myAccount .checkbox {
    padding: 0;
    vertical-align: middle;
}
#myAccount .lovepro-form .form-control {
	float: left;
	height: 34px;
	margin: 0 18px 12px 0;
	width: 50%;
}
.confirmation-modal.in .modal-dialog {
    transform: translate(0px, 70px);
}
.confirmation-modal .modal-body {
    color: #e4231f;
    font-size: 20px;
    font-weight: bold;
    height: auto !important;
    padding: 15px 22px;
}
#pendingRequests .user-initials > .form-text.rejectRequest {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    display: inline-block;
    margin: -3px 0 -3px 15px;
    padding: 0;
}
/*News Letter*/
.newsletter-list h4.newsletter-list-header {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 2px solid #e4231f;
    border-radius: 0;
    color: #e4231f;
    font-size: 22px;
    line-height: 1.2;
    padding: 0 0 3px;
}
.newsletter-list .nav-pills > li > a {
    text-decoration: none;
}
.newsletter-logo #logo {
	margin-top: 25px;
	width: 25%;
	font-size: 21px;
	font-weight: bold;
}
.newsletter-logo #logo a {
	text-decoration: none;
	color:#e4231f;
}
/*Reset password form*/
#resetPassword .form-control {
    border: 2px solid #ccc;
    border-radius: 0;
    line-height: normal;
}
.reset-password-form #resetPassword .submitButtons {
    padding: 0;
    width: 100%;
}
.reset-password-form #resetPassword .form-group {
    display: inline-block;
    width: 100%;
}
#resetPassword .submitButtons .submitButton {
    float: left;
    font-family: inherit;
    line-height: normal;
}
.reset-password-form h3 {
    /*background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 2px solid #e4231f;*/
	text-indent: 11px;
    border-radius: 8px;
    color: #fff;
    line-height: normal;
    padding: 0 0 4px;
}
/*Invitation form popup*/
#references .modal-header {
    margin-bottom: 1em;
    padding: 0;
}
#references .modal-title {
    margin-bottom: 0;
    padding: 0;
}
#references .modal-dialog {
    width: 600px;
}
#references .modal-footer {
    text-align: right;
    padding: 0 15px;
}
#references .modal-footer button,
#references .modal-footer input {
    font-family: inherit;
    padding: 6px 12px;
    text-transform: none;
    width: auto;
}
#references .modal-content {
    padding: 15px;
}
#references .modal-body {
	height: auto !important;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 15px 0;
	margin-bottom: 2em;
}
#references .modal-header button.close {
	right: 15px;
	top: 20px;
}
#references .form-control.input-sm {
    font-size: 15px;
    height: 30px;
    width: 80%;
}
#references #inviteUser .submitButtons {
    display: inline-block;
    margin-top: 1em;
    padding: 0 !important;
    width: 83.3333%;
}
.goodies-modal .modal-title {
    font-size: 20px;
    line-height: normal;
    margin-bottom: 0;
    padding-top: 0;
}
.goodies-modal button.close {
    font-size: 20px;
    font-weight: bold;
    right: 10px;
}
.confirmation-modal .goodies-modal .modal-body {
    font-size: 15px;
    padding: 0 8px 20px;
}
.goodies-modal .modal-footer {
    display: none;
}
select#likes {
    border: none;
    height: 280px;
}
select#likes option {
    padding: 2px;
    font-size: 14px;
    border-bottom: #ccc 1px solid;
}
.typo3-neos-nodetypes-image img {
    display: block;
    height: auto;
    max-width: 100%;
}
/*Change password form*/
#changePassword .control-label {
    line-height: 34px;
    text-align: left;
}
#changePassword .form-control {
    height: 34px;
}
.change-password-form #changePassword .submitButtons {
    padding: 15px 0 0;
    width: 100%;
}
#changePassword .submitButtons .submitButton {
    float: left;
    font-family: inherit;
    line-height: normal;
}
.change-password-form h3 {
/*    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 2px solid #e4231f;*/
    border-radius: 8px;
    color: #fff;
    line-height: normal;
    padding: 0 0 4px;
	text-indent: 11px;
}
.alert-list .alert a.close {
    color: #000;
    line-height: 0.6em;
    opacity: 0.2;
    text-decoration: none;
}
.typo3-neos-nodetypes-twocolumn {
    padding-bottom: 1em;
}
#imageCropModal button,
#video-modal button{
    float: right;
    line-height: normal;
    margin-right: 0;
    width: auto;
}
#video-modal button.close {
	right: 8px;
	top: 30px;
}
#imageCropModal button.submitButton {
	margin-right: 10px;
}
#imageCropModal .modal-dialog {
	width: 850px;
}
#video-modal .modal-dialog {
	width: 750px;
}
#imageCropModal .modal-content .row,
#video-modal .modal-content .row{
    margin: 0 -15px 10px !important;
}
#video-modal .video-button-container .submitButton {
	float: left;
	margin: 4px;
	width: 220px;
}
/* Content */
.img-container,
.img-preview {
    width: 80%;
    text-align: center;
    /* padding-left: 20%; */
}
#imageCropModal .img-container {
	margin-bottom: 1rem;
}
#imageCropModal .img-container > img {
	max-width: 100%;
	width: 100%;
}
.img-preview {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}
.img-preview > img {
    max-width: 100%;
}
.preview-lg {
    height: 190px;
    width: 266px;
}
#userArea .video-images .img-preview-container {
    padding-right: 0;
}
#userArea .video-images .img-cropper-container {
    padding-left: 0;
}
.red-text {
    color: #e4231f;
}
.img-qr-code {
    clear: left;
    float: left;
}
#changeEmail .help-block,
#changeAccountPassword .help-block {
	clear: left;
	float: none;
	margin: 0 0 10px;
}
#myAccount .lovepro-form input[type="file"] {
    height: auto;
    padding-left: 0;
}
#myAccount .deleteAccount {
    display: inline-block;
}
.profile-page #columns [class*="col-"]{
    padding: 0 15px;
}

/*Facebook page css*/
section.facebook-page-content {
    display: inline-block;
    padding: 15px 15px 16px;
}
.facebook-page-content .asset-list-description {
    /*color: #e4231f;*/
    font-family: "Times New Roman", Times, Georgia, Serif;
    /*font-size: 20px;*/
    font-weight: bold;
}
.asset-list-description > span {
    display: inline-block;
    width: 100%;
}
#asset-list {
    display: block;
}
.facebook-page-content ul > li {
    float: left;
    margin-bottom: 1em;
    width: 100%;
}
.facebook-page-content ul li img {
    display: block;
    height: 200px;
    max-width: 100%;
    width: 100%;
}
#asset-list li [class*="col-"] {
    padding: 0 !important;
}
.facebook-page-content .submitButton {
    float: none;
    width: 75%;
}
#asset-list li .btn-download-wrapper {
    line-height: 200px;
    text-align: center;
}
.search-result h4 {
    border: none;
}
.search-result h4 a {
    text-decoration: none;
}
.typo3-neos-nodetypes-text em {
    color: #e4231f;
    font-style: normal;
}
.fancybox .modal-content {
    border: none;
    background: none;
}
.green-text {
    color: #3c763d;
}
.user-profile-edit .activate-account .submitButton {
    float: none;
    margin-left: 25px;
    padding: 5px 20px;
}
.facebook-page-content .submitButton {
	float: left;
	margin-top: 30px;
	width: auto;
}
.facebook-page-content ul li img {
    width: 90%;
    height: 50%;
}
.social-media-links {
	padding-left: 258px;
}
.description1 {
    display: inline!important;
}
.btn-default{
    background-color: #e4231f;
    color:  #fff;
}
#donatebox .modal-content{
    display: inline-block;
    width: 100%;
}
#threeCols3 .personal-ILU-text {
	color: #e4231f;
	display: inline-block;
	font-family: Times New Roman;
	font-size: 14px;
	line-height: normal;
	margin: 14px 0;
	text-align: center;
	width: 100%;
}
#threeCols3 .personal-ILU-text > a:hover {
	text-shadow: 0 0 0;
}
.donor-red, .donor-red a {
	color: red;
}
.donor-black, .donor-black a {
	color: black;
}
.donor-green, .donor-green a {
	color: green;
}
.donor-blue, .donor-blue a {
	color: blue;
}
.donor-red a:hover {
	color: red;
}
.donor-black a:hover {
	color: black;
}
.donor-green a:hover {
	color: green;
}
.donor-blue a:hover {
	color: blue;
}
#innerContent .donor-list {
	padding: 25px !important;
}
.donor {
	background-color: #f8e8db;
	margin-bottom: 2px;
}
.donor > span {
	float: right;
	margin-right: 20px;
}
.donor-list {
	background-color: #fff4e6;
	clear: both;
	display: inline-block;
	margin-bottom: 1em;
	margin-top: 15px;
}
.donor-list p {
	padding: 8px 10px;
}
.donor-list .donation-title {
	margin-bottom: 1em;
	padding: 0;
}
.donor-list p a {
	text-decoration: none;
}
.donor-list p a:hover {
	font-weight: bold;
}
#searchResult .modal-body,
#videoLikes .modal-body,
#pendingRequests .modal-body {
	max-height: 300px;
	overflow-y: auto;
	padding: 0;
}
#innerContent a button.close{margin-right: 5px;margin-top: 6px;position: relative;z-index: 99;}
form#uploadVideo label.error {padding-top: 10px;}
form#uploadVideo .btn{width: 100%;}
#advanceLogo button.close {
	right: 10px;
	top: 32px;
}
#searchResult h3.modal-title {
	position: relative;
}
#searchResult h3 a.close {
	right: 0;
}
#searchResult h3 a.close:hover, #searchResult h3 a.close:focus {
	color: #e4231f;
	opacity: 1;
}
#searchResult .modal-header {
	padding: 0;
}
#searchResult .modal-content {
	padding: 15px;
}
#searchResult .search-result .user-initials {
	min-height: 57px;
	padding-left: 0 !important;
}
#searchResult .search-result .user-initials h4 {
	align-items: center;
	display: flex;
	justify-content: left;
	line-height: normal;
	min-height: inherit;
	word-break: break-all;
}
.navbar-toggle .glyphicon {
	color: #fff;
	font-size: 24px;
	top: 4px;
}
.navbar-toggle {
	margin-right: 0;
	padding: 9px 0;
}
#threeCols1 .sharelogo a {
    text-decoration: none;
    float: left;
    display: block;
}
#threeCols1 .sharelogo a img {
    width: 30px;
    height: 30px;
    margin: 6px;
}
.twitter-share-button-rendered {
    float: left;
    height: 30px !important;
    margin: 6px 6px 6px 0;
}
.join-me-dialog {
    width: 64%;
    margin: 0 auto;
    text-align: center;
}
.sharelogo {
    min-height: 42px;
}
/*****************Media css*******************/
@media only screen and (min-width : 320px) and (max-width : 991px) {
    .header-text {
        float: none;
        width: auto;
    }
    .header-text .claimOne,
    .header-text .claimTwo {
        margin-top: 10px;
    }
    .footer-side-content {
        margin-top: 10px;
    }
    .footer-content {
        float: left;
        margin-right: 0;
    }
    ul#sideMenu {
        float: none;
    }
    .join-me-dialog {
        width: 100%;
    }
}