﻿/**Gaucher**/

body { font-size: 20px; color: #282828; font-family: FbGandalf-Regular, BarlowRegular !important;}
.row {margin: 0;}
p, a {margin: 0; letter-spacing: -0.32px;}
a:focus { outline: none;}
#GridPage, footer{ padding-top: 100px;}
.withStrip #GridPage { padding-top: 45px;}
.titleToRight #headline, .titleToRight .MainContent #subheadline { max-width: 800px; margin: 0 auto; text-align: right;}
.titleToRight #headline h1:after { margin: 20px 0 30px;}

/*General Transition Styles*/
#DynamicFormObject input[type=submit], .normal-form input[type=submit], a, #header2 ul.menu > li.active > a:after, .categories-strip ul li
    {transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}

/*General Form Styles*/
#contactform, #DynamicFormObject {background: #eeeeee; border: 3px solid #040707; -webkit-box-shadow: 0px 0px 34px -6px rgba(0,0,0,0.14); box-shadow: 0px 0px 34px -6px rgba(0,0,0,0.14);}
.normal-form:after, #DynamicFormObject:after {content: none;}
.form-container-wide #DynamicFormObject, .form-container-wide #DynamicFormObject > div {display: block !important; }
.form-container-wide #DynamicFormObject > div { width: 100% !important; padding: 0 !important; margin-bottom: 0 !important;}
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField{ width: 100%;}
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit, #DynamicFormObject .dynamicFormObjectSubmit { float: none; display: inline-block;}
.aboutPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input[type=submit] {padding: 6px 0 6px 24px !important;}
#contactform .contact-container { width: 100%; position: relative;}
.normal-form input, .normal-form textarea, .normal-form select { width: 100%; max-width: 100%; height: 45px; background: #fff; border-radius: 0; 
    border: none; color: #040707; padding: 6px 15px; font-size: 85%; margin-bottom: 25px;}
.normal-form input:focus { border: none;}
.normal-form textarea {height: 130px; margin-bottom: 30px;}
.normal-form input::-webkit-input-placeholder, .normal-form textarea::-webkit-input-placeholder, .normal-form select::-webkit-input-placeholder { color: #040707;}
.textareaWrapper.must:before, .textarea-wrapper.must:before { top: 7%;}
label.error, span.error {top: 11px; font-size: 75%;}
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText {font-size: 100%;}
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle {font-family: 'FbGandalf-Medium'; font-size: 300%; letter-spacing: -1.2px; line-height: 1; margin: 0;}
#DynamicFormObject input[type=submit], .normal-form input[type=submit] {background: #040707; border: none; width: 100%; height: 44px; border-radius: 22px; font-size: 90%; 
    letter-spacing: -0.32px; line-height: 46px; padding: 0;}
#DynamicFormObject input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover, .normal-form input[type=submit]:hover, .normal-form input[type=submit]:focus,
    .innerBtn:hover, .innerBtn:focus, #FormResultPage #text1 a:hover, #FormResultPage #text1 a:focus {background: #6573ac; border: none !important; color:#fff;}
#contactDetails #contact-boxes, #contactDetails .contactDetailsText1 { margin: 0;}
#contactform {margin-bottom: 0;}
#contactform h3 { margin: 0;}
#contactform textarea { margin: 0 0 30px;}
.must:before {top: 11%; right: 17px;}

/*General Inner Button Styles*/
.grid-short-box-link a, .innerBtn, #FormResultPage #text1 a { display: inline-block; color: #fff; background: #040707; border: none; width: 130px; height: 40px; border-radius: 22px; font-size: 90%; 
    letter-spacing: -0.32px; line-height: 42px; padding: 0;}
.grid-short-box-link a:hover, .grid-short-box-link a:focus {}

/*Header*/
#header2 {background: #fff; -webkit-box-shadow: 0px 0px 34px -6px rgba(0,0,0,0.14); -moz-box-shadow: 0px 0px 34px -6px rgba(0,0,0,0.14); box-shadow: 0px 0px 34px -6px rgba(0,0,0,0.14);}
#header2 .header-top .address {display: inline-block; position: fixed; color: #282828; background: #f2f2f2; padding: 2px 25px 0; bottom: 0; left: 50px;
    -webkit-box-shadow: 0px 0px 34px -6px rgba(0,0,0,0.14); -moz-box-shadow: 0px 0px 34px -6px rgba(0,0,0,0.14); box-shadow: 0px 0px 34px -6px rgba(0,0,0,0.14);}
span.bottomAddress:before { content: "טל': "; pointer-events: none;}
#header2 .header-top .address span.topAddress {display: none;}
#header2 ul.menu li, #header2 ul.menu li.active, #header2 ul.menu li:hover, #header2 ul.menu li:focus {color: #282828;}
#header2 ul.menu li a:focus { opacity: 1; border-bottom: none;}
#header2 ul.menu > li:before { content: none;}
.has-sub i.opensub {font-size: 90%;}
#header2 .header-top-left {direction: rtl;}
#header2 .header-top-left svg {opacity: 0;}
#header2 .header-top-left a, #header2 ul.menu .social-links a {width: 30px; height: 30px;}
#header .social-links a:focus:after, #header2 .header-top-left a:focus:after {content:none;}
#header2 .header-top-left a.facebook_icon_instagram:after, #header2 ul.menu .social-links a.facebook_icon_instagram:after {content: ''; position: absolute; width: 30px; 
    height: 30px; top: 0; left: 0; background: url('../../../warehouse/temp/gaucher/fbIcon.png'); background-size: cover; background-position: center center; 
    background-repeat: no-repeat;}
#header2 .header-top-left a.social_icon_instagram:after,  #header2 ul.menu .social-links a.social_icon_instagram:after {content: ''; position: absolute; width: 30px;
    height: 30px; top: 0; left: 0; background: url('../../../warehouse/temp/gaucher/igIcon.png'); background-size: cover; background-position: center center; 
    background-repeat: no-repeat;}

/*Top Banner*/
#home-gallery .gallery-caption {top: 35%;}
.gallery-caption.caption-text {width: 100%;}
#home-gallery .gallery-caption .gallery-text {font-size: 347%; letter-spacing: -1.39px; font-family: 'FbGandalf-Medium';}
#home-gallery .gallery-caption .gallery-text >div { max-width: 350px; margin:0 135px 0 auto; text-align: right;}
#home-gallery .gallery-caption .gallery-text span { display: inline-block; position: relative; margin: 6px 0; text-align: right; padding:6px 15px 0; line-height: 0.8; 
    background: #b03b81;font-size:inherit; }
#home-gallery .gallery-caption .gallery-text span:nth-child(1) { bottom: -20px;}
#home-gallery .gallery-caption .gallery-text span:nth-child(3) { top: -20px;}
#home-gallery .scroll-down {display: none;}

/*About Section*/
.grid-row-section { position: relative; background: #ebebeb; padding: 140px 0 0;  margin-bottom: 0;}
.grid-row-section:after { content: ''; position: absolute; width: 214px; height: 311px; left: 0; top: 50px; background: url(../../../warehouse/temp/gaucher/aboutSecDecoLeft.png);}
.grid-row-section:before { content: ''; position: absolute; width: 171px; height: 267px; right: 0; bottom: 60px; background: url(../../../warehouse/temp/gaucher/aboutSecDecoRight.png);}
.grid-row-section .grid-rows {max-width: 1170px; position: relative; margin: 0 auto; z-index: 1;}
.grid-rows .grid-row {background: none;}
.grid-rows .grid-row-text { width: 484px; color: #fff; padding: 70px 50px 50px; box-shadow: 8.4px 7.1px 40px 0 rgba(74, 71, 84, 0.45); -webkit-box-shadow: 8.4px 7.1px 40px 0 rgba(74, 71, 84, 0.45);}
.grid-rows .grid-row:first-child .grid-row-text{
    background-image: linear-gradient(45deg, #6d7cba, #bf3c8b), linear-gradient(to bottom, #b03b81, #b03b81);
    background-image: -o-linear-gradient(45deg, #6d7cba, #bf3c8b), -o-linear-gradient(top, #b03b81, #b03b81);}
.grid-rows .grid-row:nth-child(2) .grid-row-text{
    background-image: linear-gradient(315deg, #6d7cba, #bf3c8b), linear-gradient(to bottom, #b03b81, #b03b81);
    background-image: -o-linear-gradient(135deg, #6d7cba, #bf3c8b), -o-linear-gradient(top, #b03b81, #b03b81);}
.grid-row li.slider-item:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.1); pointer-events: none;}
.grid-rows .grid-row .grid-row-text {margin-top: 0;}
.grid-rows .grid-row-text h2 { max-width: 260px; font-size: 200%; margin-bottom: 10px; letter-spacing: -2px; line-height: 0.9;}
.grid-rows .grid-row-text p { font-size: 85%;}
.grid-rows .grid-row-text a.grid-row-button { height: 40px; width: 130px; border-radius: 20px; background: #fff; color: #040707; border: none; font-size: 80%; margin-top: 20px; 
    line-height: 42px; text-align: center; letter-spacing: -0.32px; padding: 0;}
.grid-rows .grid-row-text a.grid-row-button:focus, .grid-rows .grid-row-text a.grid-row-button:hover, .researchSec .content-section-Btn a:hover, 
    .researchSec .content-section-Btn a:focus { background: #282828; color: #fff;}
.grid-rows .grid-row-text a.grid-row-button {transition: all 0.7s ease-out; -webkit-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out;}

/*Icons Secion*/
.grid-boxes .grid-box-title h3 a { color: #040707;}
.grid-content-section.iconsSec {max-width: 675px; padding: 125px 0 130px; margin-bottom: 0;}
.iconsSec .grid-boxes .grid-box-image,  .iconsSec .grid-boxes .box-image-animation { overflow: visible;}
.iconsSec .grid-boxes .grid-box-image {margin-bottom: 25px; padding-bottom: 100%;}
.iconsSec .grid-boxes{ margin: 0 -37px;}
.iconsSec .grid-box { padding: 0 37px;}
.iconsSec .grid-boxes .grid-box-title h3 { font-size: 102%; margin-bottom: 0;}

/*Research Section*/
.grid-gallery-section.researchSec { max-width: 100%; position: relative; margin-bottom: 0; color: #fff;}
.grid-gallery-section.researchSec:before { content: ''; position: absolute; width: 115px; height: 207px; top: -76px; left: 0; background: url(../../../warehouse/temp/gaucher/researchSecDecoLeft.png); 
    z-index: -2;}
.grid-gallery-section.researchSec:after { content: ''; position: absolute; top: 0; left: 55px; bottom: 0; right: 55px; background: url(../../../warehouse/temp/gaucher/researchSecBG.jpg); 
    background-size: cover; background-position: center center; z-index: -1;}
.researchSec .section-title { margin-bottom: 40px;}
.researchSec .section-title h2 { font-family: 'FbGandalf-Medium'; font-size: 300%; letter-spacing: -1.2px; line-height: 1; }
.researchSec .gallery-container { max-width: 1140px; margin: 0 auto;}
.researchSec .gallery-image-title h3 {direction: rtl; color: #040707; margin: 0; background: #fff; font-size: 90%; letter-spacing: -0.36px; padding: 24px 0;}
.researchSec .owl-carousel .owl-item .item:hover .gallery-image-title h3, .researchSec .owl-carousel .owl-item .item:focus .gallery-image-title h3 {text-decoration: underline;}
.researchSec .gallery-image-title a {display: none;}
.researchSec .content-section-Btn a { width: 130px; height: 40px; display: inline-block; color: #040707; margin: 0; font-size: 90%; letter-spacing: -0.36px; 
    background: #fff; border-radius: 20px; line-height: 42px; margin-top: 50px; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}
.researchSec .owl-carousel .owl-item .item { padding: 0 18px;}
.researchSec .owl-carousel .owl-item .item .topImg {overflow: hidden;}
.researchSec .owl-carousel .owl-item .item .topImg img {transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out;}
.researchSec .owl-carousel .owl-item .item:hover img { transform: scale(1.06); -webkit-transform: scale(1.06); -ms-transform: scale(1.06`);}
.researchSec .owl-carousel .owl-controls .owl-nav .owl-next, .researchSec .owl-carousel .owl-controls .owl-nav .owl-prev { display: block !important;}
.researchSec .owl-carousel .owl-controls .owl-nav .owl-next, .researchSec .owl-carousel .owl-controls .owl-nav .owl-prev { top: 35%;}
.owl-carousel .owl-controls .owl-nav .owl-next {left: -60px;}
.owl-carousel .owl-controls .owl-nav .owl-prev {right: -60px;}
.owl-carousel .owl-next:after {width: 23px; height: 42px; background: url('../../../warehouse/temp/gaucher/arrowLeft.png'); background-size: cover; background-position: center center;
    background-repeat: no-repeat;}
.owl-carousel .owl-prev:after {width: 23px; height: 42px; background: url('../../../warehouse/temp/gaucher/arrowRight.png'); background-size: cover; background-position: center center;
    background-repeat: no-repeat;}

/*Form Section*/
.grid-form-section {position: relative; max-width: 100%; margin-bottom: 0; padding: 140px 0 0;}
.grid-form-section:before {content: ''; position: absolute; width: 169px; height: 276px; top: 50px ; right: 0; background: url('../../../warehouse/temp/gaucher/hpDecoRight.png');}
.grid-form-section h3.dynamicFormObjectTitle { display: inline-block; background: #b03b81; color: #fff; padding: 7px 25px;}
.form-container-wide #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit, #contactform .contact-container > .row > div {padding: 0 12px;}
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 100%; letter-spacing: -0.4px; line-height: 1; margin: 0 0 30px;}
.form-container-wide, #contactview.max-width-center { max-width: 950px;}
.form-container-wide {margin: 0 auto;}
.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { position: absolute; top: -37px; left: 0;}

/*Footer*/
footer {position: relative;}
.home-page footer:after {content: ''; position: absolute; width: 271px; height: 276px; bottom: -70px; left: 0; background: url('../../../warehouse/temp/gaucher/hpDecoLeft.png');
    z-index: -1;}
.footer-address.text-center {display: none;}
.footer-text-divided > div {vertical-align: top;}
.footer-text-right ul { display: inline-block; padding-right: 0; margin-bottom: 0; vertical-align: top; list-style-type: none;}
.footer-text-right ul:nth-child(2) {margin-right: 30px;}
.footer-text-right ul li {margin-bottom: 1px; letter-spacing: -0.32px;}
.footer-text-divided>div.footer-text-right a:hover, .footer-text-divided>div.footer-text-right a:focus { color: #fff; text-decoration: underline;}
.footer-text-divided {background: #252525; color: #fff; font-size: 80%; padding: 50px 200px;}
#SiteFooter .site-credit.alternative { padding: 15px 0;}

/*****Inner Pages*****/
#gridshort-view-media, #gridshort-view, #text1, #text2, #lobbyText {max-width: 800px;}
#gridshort-view, #text1, #text2, #lobbyText { font-size: 85%;}
#text1 h2, #text1 h2, #gridshort-view h2 { font-size: 113%; font-weight: bold;}
#headline {margin-bottom:0; font-size: 100%;}
#headline h1 { position: relative; font-size: 200%; margin-bottom: 0; letter-spacing: -1px; font-family: 'FbGandalf-Medium', BarlowRegular;}
#headline h1:after { content: ''; display: block; height: 3px; width: 100px; margin: 20px auto 30px; 
    background-image: linear-gradient(to right, #6d7cba, #bf3c8b); 
    background-image: -webkit-gradient(linear, left top, right top, from(#6d7cba), to(#bf3c8b));
    background-image: -o-linear-gradient(left, #6d7cba, #bf3c8b);}
#ContentGridReadMoreModule #pageview {margin-bottom: 0;}
.MainContent #subheadline { text-align: center;}
.MainContent #subheadline h2{ font-size: 130%; margin-bottom: 10px;}
#text1 img { max-width: 450px;}
.categories-strip {background: #b63b85;}
.categories-strip ul li.strip-item.active, .categories-strip ul li.strip-item:hover, .categories-strip ul li.strip-item:focus { color: #fff; background: rgba(0,0,0,0.15);}
.categories-strip ul li { font-size: 90%;}
.categories-strip ul li a:focus { text-decoration: none;}
.categories-strip ul li a { transition: none; -webkit-transition: none; -o-transition: none;}
.grid-short-box.box .text-caption {font-size: 90%; top: 53%;}

/*FAQ page*/
.panel-group {max-width: 760px; margin: 0 auto;}
.panel {box-shadow: none; -webkit-box-shadow: none;}
.faq-headline {font-size: 80%; font-weight: bold; padding: 10px 15px;}
/*.faq-headline:after {content: ''; position: absolute; width: 100%; top: -2px; left: 0; right: 0; bottom: -2px; z-index: -1; pointer-events: none;
    background-image: linear-gradient(to right, #6d7cba, #bf3c8b);
    background-image: -webkit-gradient(linear, left top, right top, from(#6d7cba), to(#bf3c8b));
    background-image: -o-linear-gradient(left, #6d7cba, #bf3c8b);}*/
.faq-headline { background: #ededed;}
.faq-headline.open { background: #C0398C; color: #fff;}
.faq-body {background: #ededed; font-size: 74%; letter-spacing: -0.32px; line-height: 1.2;}
.faq-body > div { max-width: 625px;}
.faq-headline .button-open { font-size: 12px;}
.faq-headline .fa-angle-down:before { content: "\f067" !important;}
.faq-headline .fa-angle-up:before {content: "\f068" !important;}
.faq-headline span {display: block; width: 95%; padding-left: 10px; }
.faq-body > div {max-width: 625px; padding: 10px 15px 0;}

/*Profile Page*/
#lobbyText ul { list-style-type: none; padding-right: 0;}
#gridshort-view-media {margin: 0 auto; text-align: center;}
#gridshort-view-media > div {padding: 0 10px;}
#gridshort-view-media .grid-short-box { position: relative; margin-bottom: 20px; background: #ededed; line-height: 1.1;}
#gridshort-view-media .grid-short-box-label{ font-size: 90%; font-weight: bold; letter-spacing: -0.36px; padding-top: 0;}
#gridshort-view-media .grid-short-box.box .grid-short-box-subtitle {display: none;}
#gridshort-view-media .grid-short-box.box:hover { color: inherit;}
/*#gridshort-view-media .grid-short-box:after { content: ''; position: absolute; width: 100%; top: -2px; left: -2px; right: -2px; bottom: -2px; z-index: -1; pointer-events: none;
    background-image: linear-gradient(to right, #6d7cba, #bf3c8b);
    background-image: -webkit-gradient(linear, left top, right top, from(#6d7cba), to(#bf3c8b));
    background-image: -o-linear-gradient(left, #6d7cba, #bf3c8b);
}*/
/*#gridshort-view-media .grid-short-box:before { content: ''; position: absolute; width: 168px; height: 172px; top: 1px; left: 0; bottom: 0; right: 1px; background: #fff;
    pointer-events: none;}*/

/*Blog Page*/
#gridshort-view-media .grid-short-box.box a:hover .grid-short-box-label, #gridshort-view-media .grid-short-box.box a:focus .grid-short-box-label {text-decoration: underline;}
.gushPage .grid-short-box.box:hover .grid-short-box-text { color: #666; text-decoration: underline;}
.blog-posts .blog-post.oneItem {width: 75%;}
.blog-post-title {font-size: 100%; text-align: center;}
.blog-post-text {display: none;}
.blog-post-content .blog-post-icons { margin-top: 0; font-size: 85%;}
#BlogView .share-strip span {display: none;}
.blog-post-icons, .blog-related-posts {text-align: center;}
#BlogView .share-strip:before, #BlogView .share-strip:after { top: 45%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
#BlogView .share-strip a.share-icon:last-child { display: none;}

/*Army Page*/
.armyPage #text1 { text-align: right;}

/*Research Page*/
.researchPage #pageview > #headline { text-align: center;}
.titleToRight.researchPage #pageview > #headline h1:after { margin: 20px auto 30px;}

/*News Page*/
.newsPage #pageview > #headline { text-align: center;}
.titleToRight.newsPage #pageview > #headline h1:after { margin: 20px auto 30px;}

/*Profile Page*/
.profileLinksPage #text1 ul {max-width: 600px; margin: 0 auto 20px;}

/*Rights Pages*/
.rightsLobby #LobbyModule .grid-box { opacity: 1; transition: none; -webkit-transition: none; -o-transition: none;}
.rightsLobby #LobbyModule .grid-boxes {padding-top: 0;}
.rightsLobby .grid-content-section { max-width: 750px; margin-bottom: 0; padding: 0;}
.rightsLobby .grid-boxes .grid-box-image {padding-bottom: 100%;}
.rightsLobby .grid-boxes .grid-box-image,  .rightsLobby .grid-boxes .box-image-animation { overflow: visible;}
.rightsLobby #LobbyModule .grid-box {padding: 0 37px;} 
.rightsLobby .grid-boxes .grid-box-title h3 a {color: #fff;}
.rightsLobby .grid-box-title { position: absolute; width: 110px; top: 50%; right: 50%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); 
    -ms-transform: translate(50%, -50%);}
.rightsLobby #LobbyModule .grid-boxes .grid-box-title h3 { font-size: 90%; letter-spacing: -0.36px; line-height: 1.1;}
.rightsLobby .grid-boxes .box-image-animation:hover img { transform: none; -webkit-transform: none; -ms-transform: none;}
.rightsLobby #LobbyModule .grid-boxes .grid-box-image:hover img, .rightsLobby #LobbyModule .grid-boxes .grid-box-image:focus img { transform: scale(1.1); -webkit-transform: scale(1.1); 
    -ms-transform: scale(1.1);}

/*Contact Page*/
.contactPage #contactform {border-color: #b63b85;}
#contactform {padding: 40px 45px 45px;}
#contactview > .row > div{padding: 0;}
#contactDetails {margin-bottom: 20px; font-size: 85%;}
#contactDetails h3 {margin: 5px; font-size: 113%; font-weight: bold;}
#contactDetails .contactDetailsPhone1 {font-size: 100%;}
#contactform .contact-form-comment { position: absolute; bottom: 50px; right: 15px; font-size: 80%;}

@media(min-width: 1025px) {
    #header2 { padding: 14px 0;}
    #header2 .max-width {padding: 0 65px 0 45px;}
    #header2.detailsInRow .header-right-section { text-align: right; padding-left: 16px;}
    #header2.detailsInRow .menu-nav { width: 90%;}
    #header2.detailsInRow .header-top { width: 9%;}
    #header2 .header-top-right {float: left;}
    #header2 ul.menu > li.active > a:after, #header2 ul.menu > li:hover > a:after, #header2 ul.menu > li:focus > a:after {content: ''; position: absolute; width: 100%; 
        height: 2px; bottom: -2px; right: 0;
        background-image: linear-gradient(to right, #6d7cba, #bf3c8b);
        background-image: -webkit-gradient(linear, left top, right top, from(#6d7cba), to(#bf3c8b));
        background-image: -o-linear-gradient(left, #6d7cba, #bf3c8b);
    }
    #header2 #header-left { width: 306px;}
    #header2 .menu-sub {background: #fff;}
    #header2 .menu-sub { padding: 15px 15px 10px; right: -20px; -webkit-box-shadow: 0px 0px 34px -6px rgba(0,0,0,0.14); -moz-box-shadow: 0px 0px 34px -6px rgba(0,0,0,0.14); box-shadow: 0px 0px 34px -6px rgba(0,0,0,0.14);}
    #header2 ul.menu .menu-sub li { color: #282828;}
    #header2 ul.menu li { margin-left: 25px;}
    #header2 ul.menu li .menu-sub a { position: relative; display: inline-block; width: auto;}
    #header2 ul.menu .menu-sub li:hover { color: inherit;}
    #header2 ul.menu .menu-sub li.active > a:after, #header2 ul.menu .menu-sub li:hover > a:after, #header2 ul.menu .menu-sub li:focus > a:after { content: ''; 
        position: absolute; width: 100%;  height: 2px; bottom: -2px; right: 0; 
        background-image: linear-gradient(to right, #6d7cba, #bf3c8b);
        background-image: -webkit-gradient(linear, left top, right top, from(#6d7cba), to(#bf3c8b));
        background-image: -o-linear-gradient(left, #6d7cba, #bf3c8b);
    }

    .grid-gallery-section.researchSec {padding: 70px 110px 80px; }
    .grid-row { max-width: 826px; margin: 0 auto 160px;}
    .researchSec .owl-carousel .owl-item img {min-height: 250px;}
    .grid-gallery-section.researchSec:after {width: 1330px; left: 50%; right: auto; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}

    #gridshort-view-media > div {width: 194px; display: inline-block; float: none !important;} 
}

@media (min-width: 991px) {
    .grid-row .grid-row-cell.grid-row-cell-text { height: auto; }
    .grid-rows .grid-row:first-child { margin-left: 0;}
    .grid-rows .grid-row:nth-child(2) { margin-right: 0;}
}

@media(min-width: 768px) {
    /*About Section*/
    .grid-rows .grid-row:first-child { direction: ltr !important;}
    .grid-rows .grid-row:nth-child(2) {direction: rtl !important; margin-bottom: 140px;}
    .grid-row-cell.flexslider-box { width: 100%;}
    .grid-row .grid-row-cell.grid-row-cell-text {width: auto; position: absolute;}
    .grid-row:first-child .grid-row-cell.grid-row-cell-text { right: -42%; top: 50%;  transform: translateY(-50%);-webkit-transform: translateY(-50%); 
        -ms-transform: translateY(-50%);}
    .grid-row:nth-child(2) .grid-row-cell.grid-row-cell-text { left: -42%; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); 
        -ms-transform: translateY(-50%);}

    /*Top Banner*/
    #home-gallery, #home-gallery .slider-bg.stellar-bg { height: 680px !important; min-height: 680px;}
    #home-gallery .slider-bg.stellar-bg { background-size: cover; background-attachment: unset;}

    /*Form Section*/
    .grid-form-section .form-container-wide #DynamicFormObject { padding: 75px 45px 45px;}

    /*Footer*/
    .footer-text-divided>div.footer-text-left p { max-width: 200px; text-align: right; margin: 0 auto 0 0;}

    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.333%;}
    .submit-btn > div, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit {max-width: 140px;}
    #contactDetails .contactDetailsPhone1 { pointer-events: none;}
}

@media(min-width: 1025px) and (max-width: 1430px) {
    #header2 ul.menu li { font-size: 80%; margin-left: 5px;}
    .has-sub i.opensub { margin-right: 0;}
}

@media(max-width: 1360px) {
    .owl-carousel .owl-controls .owl-nav .owl-next {left: -40px;}
    .owl-carousel .owl-controls .owl-nav .owl-prev {right: -40px;}
}

@media(max-width: 1170px) {
    .grid-row-section .grid-rows { width: 90%;}
    #home-gallery .gallery-caption .gallery-text { white-space: unset;}
}

@media(max-width: 1024px) {
    /*Header*/
    #header2 .max-width {max-width: 100%; width: 100%;}
    #header2 .header-top{display:none;}
    #header2 #header-left img { width: 210px; }
    #header2 .menu-nav .closed, #header2 .menu-nav .opened { display: none !important;}
    .header-right-section { background: none;}
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { height: 3px; 
        width: 37px; background: #231f20;}
    #header2.detailsInRow .header-right-section { direction: rtl;}
    #header2 ul.menu { width: 100vw; height: 100vh; right: -10px; background: #fff;  padding: 200px 0 0 0; overflow:auto;}
    #header2 ul.menu>li {font-size: 165%; margin-left: 0;}
    #header2 .menu-sub { text-align: center; background: #fff; padding: 10px 0;}
    #header2 ul.menu .menu-sub li { font-size: 80%; }
    #header2 ul.menu li a { position: relative; background: #fff; padding: 10px 0 5px;}
    #header2 ul.menu > li.has-sub { margin-right: 10px;}
    #header2 ul.menu li.active { background: transparent;}
    #header2 ul.menu > li.active > a:after, #header2 ul.menu > li:hover > a:after, #header2 ul.menu > li:focus > a:after {content: ''; position: absolute; width: 98%; 
        top: 1px; left: 0; bottom: -3px; right: 1px; z-index: -1;
        background-image: linear-gradient(to right, #6d7cba, #bf3c8b);
        background-image: -webkit-gradient(linear, left top, right top, from(#6d7cba), to(#bf3c8b));
        background-image: -o-linear-gradient(left, #6d7cba, #bf3c8b);}
    #header2 ul.menu li .menu-sub a {display: inline-block !important; width: auto; float: none; color: #282828;}
    #header2 #header-left { padding-left: 15px;}

    #header2 ul.menu .social-links a {width: 40px; height: 40px; display: inline-block;}
    #header2 ul.menu .social-links a.facebook_icon_instagram:after, #header2 ul.menu .social-links a.social_icon_instagram:after {width: 40px; height: 40px;}

    /*#header2 ul.menu > li.active > a:after, #header2 ul.menu > li:hover > a:after, #header2 ul.menu > li:focus > a:after {content: ''; position: absolute; width: 100%; 
        height: 2px; bottom: -2px; right: 0;
        background-image: linear-gradient(to right, #6d7cba, #bf3c8b);
        background-image: -webkit-gradient(linear, left top, right top, from(#6d7cba), to(#bf3c8b));
        background-image: -o-linear-gradient(left, #6d7cba, #bf3c8b);
    }
    #header2 ul.menu > li.active > a:before, #header2 ul.menu > li:hover > a:before, #header2 ul.menu > li:focus > a:before {content: ''; position: absolute; width: 100%; 
        height: 2px; top: -2px; right: 0;
        background-image: linear-gradient(to right, #6d7cba, #bf3c8b);
        background-image: -webkit-gradient(linear, left top, right top, from(#6d7cba), to(#bf3c8b));
        background-image: -o-linear-gradient(left, #6d7cba, #bf3c8b);
    }*/
    #header2 ul.menu .social-links a svg {opacity: 0;}

    /*About Section*/
    .grid-row {margin-bottom: 100px;}

    .form-container-wide, #contactview.max-width-center{ width: 90%;}

    /*Research Section*/
    .grid-gallery-section.researchSec { padding: 50px 80px;}
    .owl-carousel .owl-controls .owl-nav .owl-prev {right: -15px;}
    .owl-carousel .owl-controls .owl-nav .owl-next {left: -15px;}
    .researchSec .gallery-image-title h3 { min-height: 86px;}

    /*Footer*/
    .footer-text-divided { padding: 30px 50px;}

    /*FAQ Page*/
    .faq-headline:after {width: 99%; right: 1px;}
}

@media(min-width: 991px) and (max-width: 1024px) {
    .grid-row-cell.flexslider-box {width: 80%;}
    .grid-row:first-child .grid-row-cell.grid-row-cell-text { right: 0;}
    .grid-row:nth-child(2) .grid-row-cell.grid-row-cell-text {left: 0; }
    .grid-row-section .box-image-animation img { height: auto !important;}
    #DynamicFormObject .must:before {right: 18px;}

    /*Profile Page*/
    /*#gridshort-view-media .grid-short-box:before { width: 173px; height: 177px;}*/
}

@media(max-width: 990px) {
    #GridPage, footer{ padding-top: 60px;}
    #GridPage .max-width, #GridPage .max-width-center { width: 90%;}
    #headline h1 { font-size: 250%; }

    /*Top Banner*/
    #home-gallery .gallery-caption .gallery-text > div { margin: 0 60px 0 auto;}

    /*About Section*/
    .grid-rows .grid-row { display: block;}
    .grid-rows .grid-row > div {display: block !important;}
    .grid-row {margin-bottom: 60px;}
    .grid-row:first-child .grid-row-cell.grid-row-cell-text {right: 50%; top: 0; height: auto; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);}
    .grid-row:nth-child(2) .grid-row-cell.grid-row-cell-text { left: 50%; top: 0; height: auto; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);}
    .grid-row-section { padding: 100px 0 0;}
    .grid-rows .grid-row:first-child { margin-bottom: 240px;}
    .grid-rows .grid-row:nth-child(2) { margin-bottom: 80px;}
    .grid-row .grid-row-cell.grid-row-cell-text { width: 100%;}
    .grid-rows .grid-row-text { width: 80%; text-align: center;}
    .grid-rows .grid-row-text h2 {margin: 0 auto 10px;}
    .grid-row li.slider-item {padding-bottom: 60%;}
    .box-image-animation img { width: 100%; height: auto !important;}

    /*Research Section*/
    .researchSec .owl-carousel .owl-item .item { padding: 0 10px;}
    .grid-gallery-section.researchSec:after {left: 30px; right: 30px;}
    .researchSec .section-title { margin-bottom: 20px;}
    .researchSec .content-section-Btn a { margin-top: 30px;}
    .owl-carousel .owl-controls .owl-nav .owl-prev {right: -30px;}
    .owl-carousel .owl-controls .owl-nav .owl-next {left: -30px;}

    /*Icons Section*/
    .grid-content-section.iconsSec { padding: 90px 0 70px;}

    /*Form Section*/
    .grid-form-section { padding: 110px 0 0;}
    .form-container-wide, #contactview.max-width-center {width: 80%;}

    /*Footer*/
    .footer-text-divided > div { padding: 0 10px;}
    .footer-text-right ul:nth-child(2) {margin-right: 10px;}
    .footer-text-divided>div.footer-text-middle img { width: 150px;}

    /*****Inner Pages*****/
    /*Contact Page*/
    #contactform .contact-form-comment {bottom: 60px;}
}

@media(min-width: 768px) and (max-width: 990px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectField, #contactform .contact-container .row > div:not(.textareaWrapper) { width: 100%;}

    /*Top Banner*/
    #home-gallery .gallery-caption { top: 25%;}

    /*About Section*/
    .grid-row-section {padding: 100px 0 160px;}
    .grid-row:first-child .grid-row-cell.grid-row-cell-text, .grid-row:nth-child(2) .grid-row-cell.grid-row-cell-text { top: auto;}

    /*****Inner Pages*****/
    #headline h1 {font-size: 200%;}
    .MainContent, .panel-group { max-width: 90%; margin: 0 auto;}
    .categories-strip ul li { font-size: 100%;}

    /*Rights Page*/
    .rightsLobby #LobbyModule .grid-boxes .grid-box-title h3 { font-size: 100%; }

    /*Profile Page*/
    #gridshort-view-media > div { width: 230px;}
    /*#gridshort-view-media .grid-short-box:before { width: 206px; height: 210px; top: 0; right: 0;}*/
}

@media(max-width: 767px) {
    #SiteFooter .mobile-seperator { font-size: 100%;}

    /*General Form Styles*/
    .form-container-wide, #contactview.max-width-center {width: 90%;}
    #DynamicFormObject { max-width: 100% !important; }
    .normal-form input, .normal-form textarea, .normal-form select {margin-bottom: 15px;}

    /*Header*/
    #header2 { padding: 10px;}
    #header2 .phone-icon { left: -40%; top: 10px;}
    #header2 .phone-icon a { color: #231f20; }
    #header2 ul.menu {padding: 100px 0 0 0;}
    #header2 ul.menu>li {font-size: 120%; padding: 5px 0;}
    #header2 #header-left {padding-left: 10px;}
    #header2 .header-top .address { display: none;}
    #header2 #header-left img { width: 200px;}

    /*Top Banner*/
    #home-gallery .gallery-caption {top: 19%;}
    #home-gallery .gallery-caption .gallery-text { font-size: 270%;}
    #home-gallery .gallery-caption .gallery-text > div {margin: 0 30px 0 auto;}
    #home-gallery, #home-gallery .slider-bg.stellar-bg { height: 500px !important;}
    #home-gallery .slider-bg.stellar-bg { background-size: 140%;}

    /*About Section*/
    .grid-row-section { padding: 80px 0 0;}
    .grid-rows .grid-row { overflow: visible;}
    .grid-rows .grid-row:first-child, .grid-rows .grid-row:nth-child(2) { margin-bottom: 0;}
    .grid-rows .grid-row-text { width: 90%; padding: 20px;}
    .grid-row-cell.flexslider-box {z-index: -1;}
    .grid-row .grid-row-cell.grid-row-cell-text { width: 100%; top: 150px !important;}
    .grid-row li.slider-item { padding-bottom: 67%;}

    /*Icons Section*/
    .grid-content-section.iconsSec { width: 90%; padding: 70px 0 30px;}
    .iconsSec .grid-boxes .grid-box-image { margin-bottom: 15px; padding-bottom: 105%;}
    .iconsSec .grid-box { width: 55%; padding: 0 20px; margin: 0 0 40px;}
    .iconsSec .grid-boxes {margin: 0;}

    /*Research Section*/
    .grid-gallery-section.researchSec {padding: 40px 30px;}
    .researchSec .gallery-container { width: 80%;}
    .researchSec .section-title h2 { font-size: 260%;}
    .grid-gallery-section.researchSec:after { left: 20px; right: 20px;}
    .owl-carousel .owl-next:after, .owl-carousel .owl-prev:after { width: 20px; height: 36px;}

    /*Form Section*/
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle {font-size: 260%; }
    .grid-form-section #DynamicFormObject { padding: 50px 15px 40px;}
    #DynamicFormObject .dynamicFormObjectField .must:before {right: 17px;}

    /*Footer*/
    #SiteFooter { padding-bottom: 0;}
    #SiteFooter .mobile-seperator { display: none;}
    .footer-text-divided { padding: 30px; display: flex; display: -ms-flexbox; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;}
    .footer-text-divided > div {padding: 0; text-align: center;}
    /*.footer-text-divided > div { margin-bottom: 20px;}
    .footer-text-divided>div.footer-text-left, .footer-text-divided>div.footer-text-right {display: block; width: 100%; text-align: center;}
    .footer-text-divided > div.footer-text-right { order: 1; -webkit-box-ordinal-group: 2; -ms-flex-order: 1;}
    .footer-text-divided > div.footer-text-left { order: 2; -webkit-box-ordinal-group: 3; -ms-flex-order: 2;}*/
    .footer-text-divided>div.footer-text-middle img {width: 180px;}

    /*****Inner Pages*****/
    #headline h1 { font-size: 200%; line-height: 1;}
    .mobile-strip { padding: 0;}
    .mobile-strip span { display: block; padding: 15px 20px; float: none; margin-right: 0; background: rgba(0,0,0,0.15); color: #fff;}
    .mobile-strip .select-wrapper { padding: 0 0 15px;}
    .categories-strip .mobile-strip ul li.strip-item {padding: 5px 20px 5px;}
    #GridPage .max-width, #GridPage .max-width-center {width: 80%;}
    #text1 img { width: 100%;}
    #gridshort-view-media { margin-left: -20px; margin-right: -20px;}

    /*Profile Page*/
    .profileLinksPage #GridWrap {width: 80%;}
    #gridshort-view-media > div {width: 160px; display: inline-block; float: none !important; }
    /*#gridshort-view-media .grid-short-box:before { width: 136px; height: 140px;}*/

    /*FAQ Page*/
    .faq-item { margin-bottom: 20px !important;}
    .faq-headline span { width: 90%;}

    /*Rights Page*/
    .rightsLobby #LobbyModule .grid-box { width: 50%; padding: 0 10px; margin-bottom: 20px;}

    /*Blog Page*/
    .blog-posts {text-align: center; column-count: unset;}
    .blog-post-title { font-size: 80%; }
    #BlogView #text1 { max-width: 90%; }

    /*Contact Page*/
    #contactform { padding: 40px 15px;}
    #contactform .contact-form-comment { margin: 0; bottom: 80px; right: 7px;}
    .contactPage #GridPage .max-width-center { width: 90%;}
}

@media(max-width: 360px) {
    #header2 .phone-icon { left: -50%;}
    .profileLinksPage #headline { max-width: 90%; margin: 0 auto;}
}

@media(max-width: 320px) {
    #gridshort-view-media > div { width: 220px;}
    /*#gridshort-view-media .grid-short-box:before { width: 194px; height: 198px;}*/
}