﻿/*Black Iron ENGLISH*/
body { direction: ltr; }
h2 { direction: ltr; }
p { direction: ltr; }

/*first page*/
#blackiron .grid-row-section .grid-rows .grid-row-text { text-align: left; }
#blackiron .grid-row-section .grid-rows .grid-row { direction: rtl !important; }
#blackiron #headline { text-align: left; }

/*circle animation position*/
#menu .LobbyModule::after { left: 70px; }
section#contact::before { left: auto; right: 22%; }

/*menu*/
.menuModuleTextItem0 { float: left; }
.menuModuleTextItemPrice { float: right; }
.menuModuleTextItemDescription { text-align: left; float: left; direction: ltr; }
.menuModuleTextItemTitle { text-align: left; }
.lobbyview .grid-box:last-child, .LobbyModule .grid-box:last-child { margin-left: 3%; }
#menu .LobbyModule .grid-boxes .grid-box-title h3::before { margin-right: 15px; }

@media (min-width: 992px) {
    .lobbyview .grid-box.col-md-3, .LobbyModule .grid-box.col-md-3 { width: 22%; }
}
@media (max-width: 991px) {
    .lobbyview .grid-box, .LobbyModule .grid-box { width: 46.5%; }
}

/*events*/
.form-modal .normal-form textarea { padding-left: 10px; }

/*contact*/
#contact #headline { text-align: left; direction: ltr; }
#contactDetails .contactDetailsText1 { text-align: left; direction: ltr; margin-top: 0; margin-bottom: 35px; }
.contact-columns .column-1 { margin-right: 112px; margin-left: 0;}
.must:before { right: auto; left: 10px; }
#contactform .submit-btn > div { margin: 0; }
#contactform .contact-form-comment {text-align: left; }
.pull-right { float: left !important; }
#form-thanks #text1 { text-align: left !important; }


#headline h2 { font-family: 'Leon-Heavy'; font-size: 2.61vw; }
.popupBtn:hover, .popupBtn:focus { background: #2e303f; color: #eb7979; border: 1px solid #eb7979; }
section#ITable:before { display:none;}

#ITable .pageview { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; }
#ITable .subCategories { width: auto; margin-top: 0; }

.menuModuleTextItemSubjectDescription { direction: ltr; }

@media (max-width: 767px) {
    #header ul.menu { padding-right: 0; padding-left: 122px; }
    #header ul.menu > li { max-width: 152px; text-align: left; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: auto; left: 10px; }
    header#header, header#header.bg { direction: rtl; }
    #header ul.menu { padding-right: 0; padding-left: 50px; direction: ltr; }
    .menuModuleTextItem0 { float: none; }
    #headline h2 { font-size: 200%; }
    #ITable .pageview { flex-direction: column; }
}