body {
    font-family: 'Open Sans', sans-serif !important;
}
/*solutions*/
.sx-solutions{
    padding-top: 5px;
    vertical-align: top;
}
/*solutions*/

/*contact dialog*/
.qlform label{ font-weight: normal; }
.ui-state-invalid input, .ui-state-invalid textarea{
    border: 1px solid #cc0000;
    box-shadow: 0 0 5px #9a1111;
}

.captcha input{ margin-top: 5px; }
.contact-header{
    font-weight: normal;
    color: #459E47;
    font-size: 18px;
}
#contact-dialog{
    margin-top: 130px;
    padding-right: 0 !important;
}
#contact-dialog .contact-dcontent{
    margin-top: -15px;
}
#contact-dialog .modal-dialog, #apero-dialog .modal-dialog{
    padding: 30px;
    border: thin solid #CCCCCC;
    width: auto;
    max-width: 800px;
    margin-top: 50px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    background: rgb(251, 251, 251) url("../images/taglist_bg.png") repeat scroll 0 0;
    background-size: cover;
}
#contact-dialog .modal-dialog img{
    height: auto;
    width: 136px;
}

/*contact dialog*/

.about-3{
    text-align: center;
    padding: 20px;
    padding-top: 0;
}
.about-3 img{
    margin: auto;
    margin-bottom: 10px;
    height: auto;
    max-width: 350px;
    width: 100%;
}

.about-6{
    text-align: center;
}
.about-6 img{
    margin: auto;
    height: auto;
    width: 100%;
    max-width: 154px;
}
.about-6 div{
    min-height: 46px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.about-row{
    margin: 15px 0;
}

ul{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    position: relative;
    float: left;
    width: 100%;
    /*height: 100%;*/
}

h1{
    margin:0;
    padding:0;
}

#nopadding{ padding: 0; }

h3.article-title{
    font-size:18px;
    color: #5e97c2;
}

.hrindex
{
    margin:0;
    padding:10px 0 10px 0;
}

/* Varien disable ticket 82
.shadow{
    box-shadow: 3px 0 0 0 #838383 inset;
    height: 100vh;
    position: absolute;
    width: 3px;
    z-index: 100;
    display: none;
}
#t3-header.smaller .shadow{
    display: block;
}
*/
.t3-module.left-content{
    margin-top: 0;
    margin-bottom: 0;
}

#t3-content{
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}
#t3-content2{
    padding-top: 0;
}

#header-content, .article-sub-title {
    margin: auto auto;
    padding-bottom: 40px;
    padding-top: 5px;
}
#header-content h2, .article-sub-title h2{
    color: #476e97;
    font-size: 22px;
    line-height: 1.5;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    text-align: center;
}
@media only screen and (min-width: 767px){
    #header-content h2 img{
        float: left;
        width: 300px;
        margin-top: -68px;
        margin-right: -150px;
    }
    .spotlight1 {
        margin-top: 0px;
    }
    .about-soxes-mobile{
        display: block !important;
    }
}
.about-soxes-mobile{
    display: none !important;
}
@media only screen and (max-width: 990px) and (min-width: 767px){
    #header-content h2 img {
        float: left;
        width: 250px;
        margin-top: -68px;
        margin-right: -30px;
    }
}
@media only screen and (max-width: 767px){
    #header-content h2 img{
        float: left;
        width: 170px;
    }
}

.container.affheader{
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    height: 102px;
}

#t3-header {
    padding-bottom: 0;
    padding-top: 0;
    height: auto;
    background: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    z-index: 10;
    width: 100%;
}

#t3-header.smaller {
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s;
    transition: height 0.5s;
}

.logo-image img{
    height: 60px;
}
#t3-header.smaller .logo-image img {
    /*margin-left: 15px;*/
    height: 65px;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s;
    transition: height 0.5s;
}

#t3-header.smaller .head-search {
    margin-top: 10px;
}

/* CONSIDER
#t3-header.smaller .logo{
    padding-left:0;
    padding-right: 0;
}

#t3-header.smaller .navbar-collapse{
    padding-right: 0;
    padding-left: 0;
}

#t3-header.smaller #sxtop-menu{
    padding-left: 15px;
}
*/

.full_nav{
    text-align: center;
    width: 101vw;
    position: relative;
    left: calc(-50vw + 50% - 10px);
    padding: 10px 0;
    border: 0;
    z-index: 1;
}

#t3-header.smaller .full_nav{
    padding:0;
}

.logo {
    text-align: left;
    padding: 5px 0;
}

.description {
    font-size: 16px;
}


#header-title, .header-title {
    color: #FF8E42;
    font-weight: bold;
    text-align: center;
    width: 100%;
    padding-top: 40px;
}
#header-title .sub_title, .header-title .sub_title {
    display: block;
    width: 700px;
    font-size: 20px;
}
#header-title .title, .header-title .title {
    display: block;
    margin: auto;
    word-wrap: break-word;
    font-size: 30px !important;
    line-height: 1.42857143;
}

.hide-module-title.view-article #header-title,
.hide-module-title.view-article #header-content,
.hide-module-title.view-article #t3-content2,
.hide-module-title.view-article #nopadding {
    display: none !important;
}
.header_topics {
    font-size: 18px;
}

.tagMobileTitle {
    font-size: 20px;
    background: url('../images/lis.png') no-repeat 0;
    padding-left: 25px;
}

.backh3, .backh3 a {
    font-size: 18px;
}

.right-content-header {
    font-size: 15px;
}

.jssorb03 div, .jssorb03 .jssorb03 .av {
    font-size: 12px;
}

.alphabet {
    font-size: 16px;
}

.alphabet2 {
    font-size: 16px;
}

.homeheader {
    padding-bottom:10px;
    margin-left: 17px;
}

.sliderhover:hover span a {
    font-size: 15px;
}

.partnetfooter {
    font-size: 17px;
}

ul.reference {
    font-size: 0;
}

ul.reference li {
    font-size: 15px;
}

ul.reference li .referencewidth a {
    word-wrap: break-word;
}

.header-paragrap {
    font-size: 18px;
}

.menu {
    text-transform: uppercase;
    font-weight: bold;
}

/*footer*/
.f-left, .f-right{
    font-size: 15px;
    float: left;
    font-weight: 800;
}
.f-left{
    text-align: left;
    width: 35%;
}
.f-right{
    text-align: right;
    width: 65%;
}

.footer_header {
    text-align: center;
    margin-bottom: 50px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 18px;
}

#footer-content{
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 5px;
}

#footer-content label{
    font-weight: normal;
}

#footer-content .f-right a {
    padding-left: 20px;
}
.t3-copyright {
    border-top: none;
    background-color: #47484D;
    padding: 20px 10px 0 0;
}
#footer-text {
    color: #CECECE;
    padding: 30px 0 10px 0;
    font-size: 1.3em;
    text-align: center;
}

/*main menu*/
#sxtop-menu ul li[data-level="1"].active > a:first-child{
    border: none;
    background: #3e658f;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
    background-color: #f5f5f5 !important;
    color: #262626 !important;
}

#t3-mainnav {
    min-height: 1px;
    background-color: #476e97;
    opacity: 0.9;
    border-bottom: 1px solid #6098c0;
    padding: 10px;
}
#t3-mainnav li[data-level="1"] > a, #t3-mainnav li[data-level="1"] > span {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: normal;
    white-space: nowrap;
    color: #FFF;
    font-size: 15px;
}
#t3-mainnav li[data-level="1"] > a:hover, #t3-mainnav li[data-level="1"] > span:hover {
    background: #3e658f;
}

#t3-mainnav .t3-navbar-collapse ul.level1 {
    background: #447CB7;
}
.navbar-nav .open .dropdown-menu > li > a {
    padding-left: 50px;
}

#t3-mainnav .t3-navbar-collapse .navbar-nav li a {
    color: #FFF;
    text-transform: uppercase;
}

#t3-topnnav {
    border: 0;
    background-color: transparent;
    font-size: 15px;
    margin-right: -15px;
}

.afftopmenu{
    margin-left: -30px;
    padding-left: 0;
}

.t3-navbar-collapse.navbar-collapse.mobile-menu{
    padding-left: 0;
    border: none;
}
/*end main menu*/

.t3-sl {
    padding-top: 0;
}

#div_image_content {
    position: absolute;
    right: 8%;
    bottom: 0;
    z-index: 41;
}

#t3-footer,
#tag_cloud_classic .bg_tagcloud, #tag_cloud .bg_tagcloud{
    background: rgb(118, 167, 200) url("../images/taglist_bg.png") repeat scroll 0 0;
    background-size: cover;
}
#t3-footer a {
    color: #FFF;
}

.img-container {
    width: auto;
    height: 100%;
    position: relative;
    display: inline;
}
.img-text {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: auto;
    height: auto;
    cursor: pointer;
    overflow: hidden;
}

.frmcontact{ padding: 0 15px; }

.all-icons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.all-icons .item {
    box-sizing: border-box;
    width: 16.5%;
    overflow: visible;
    padding: 20px 10px;
    margin: initial;
}

.all-icons .item img {
    margin: auto;
}

#contact_icons{
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}
#contact_icons:hover{
    transition-delay: 0.5s; /* delays for 1 second */
    -webkit-transition-delay: 0.5s; /* for Safari & Chrome */

    margin: 0;
}

#contact_icons, #contact_icons2 {
    position: fixed;
    right: 0;
    top: calc(50% - 20px);
    z-index: 10;
    width: 140px;
    height: 60px;
    border-radius: 35px 0 0 35px;
    background: #336BA4;
    margin-right: -90px;
    display: block;
}
#contact_icons2{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 49px;
    margin-right: 0;
    right: 20px;
    top: auto;
    bottom: 75px;
    display: none;
    height: 49px;
    text-align: center;
}
#contact_icons2 a {
    display: block;
}
#contact_icons2 a .fa-phone{
    margin-top: 10px;
    margin-left: 0;
}
.fa-angle-right{
    font-size: 21px;
    position: relative;
    top: 2px;
    left: 8px;
}

.fa-phone{
    font-size: 32px !important;
    color: #FFF;
    margin-top: 14px;
    margin-left: 18px;
}
.contact-text{
    margin-top: 18px;
    float: right;
    margin-right: 25px;
    color: #FFF;
}
.contact-text a{ color: #FFF; }

.contact-left, .contact-right{
    width: 50%;
    float: left;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 20px;
}

.bg_footer {
    background-image: url("/images/header-images/Globe.png");
    background-repeat: no-repeat;
    width: 100%;
    min-width: 465px;
    height: 466px;
    position: relative;
    left: -200px;
    z-index: -100;
    margin-top: -330px;
}

.row-same-height {
    display: table;
    width: 100%;
    /* fix overflow */
    table-layout: fixed;
}
.row-same-height .col-md-12 img.padding{
    padding: 0;
    margin: 0;
}
.col3 {
    text-align: center;
    padding-left: 0;

    vertical-align: left;
}

/* center topics links */
.topics_links {
    max-width: 900px;
    float: none;
    text-align: center;
    display: inline-block;
}
.topics_link {
    display: inline-block;
    float: none;
    text-align: left;
    margin-right: -4px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.header_topics {
    padding-bottom: 10px;
    font-weight: bold;
    color: #71A6C8;
    text-align: left;
}

#t3-mainbody .header_topics {
    padding-bottom: 10px;
    font-weight: bold;
    color: #71A6C8;
    text-align: center;
}


/*tagcloud process*/
#left-sidebar{
    padding-left: 15px;
}
#tagContr{
    padding: 10px 0;
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari and Chrome */
    border-radius: 15px;
}

.tagcloud_classic {
    float: none;
    text-align: center;
    display: inline-block;
}
.tagcloud_classic_items {
    display: flex;
    text-align: left;
    flex-wrap: wrap;
    margin-top: 15px;
}
.group-label {
    font-size: 20px;
    font-family: 'Open Sans',sans-serif;
    color: #fff;
    line-height: 30px;
    padding: 5px 20px;
    background-color: #5487B6;
    font-weight: bold;
    display: table;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0 auto 15px auto;
}
.group-label.referenzen {
    margin-top: 100px;
}
.group-label a {
    color: #fff;
}
.group-label a:hover {
    text-decoration: none;
}
.group-wrapper {
    width: 33%;
    padding: 0 15px;
}
.group-wrapper ul {
    float: none;
    column-count: 2;
}
.tagMobileTitle {
    color: #FFF;
}

.infos {
    padding: 9px 9px;
    text-align: center;
    /*border: 2px #5C97C1 solid;
    text-transform: uppercase;*/
    color: #5C97C1;
    width: 173px;
    min-height: 100%;
    font-size: 17px;
}

.block_home_title {
    min-width: 200px;
    color: #3781b7;
}

.t3-wrapper {
    overflow: hidden;
}
.full_width {
    text-align: center;
    border: thin solid #D4D4D4;
    width: 101vw;
    position: relative;
    left: calc(-50vw + 50% - 10px);
    padding: 10px 0;
}

/*left column styles*/
.items-leading .leading {
    margin-bottom: 0;
}
#reference_cycle_image img{ width: 100%; height: 100% }
.carousel-content{ font-size: 15px; }
#testimonials{
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 11px 15px;
    background: rgb(251, 251, 251) url("../images/taglist_bg.png") repeat scroll 0 0;
    background-size: cover;
}
.module-testimonials.auto-height {
    max-height: 100%;
}
#testimonials .row { margin: auto; }

#Mod100,#Mod138, #Mod168, #Mod167, #Mod195{
    padding-left: 0;
}
#Mod100 .module-ct, #Mod138 .module-ct {
    float: left;
}

#reference_cycle_image, #left_cycle_text {
    margin: 0 0 !important;
}
#left_cycle_text {
    text-align: left;
    font-family: Verdana;
    vertical-align: center;
    border: 1px #BFBFBF solid;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 9.5px;
    width: 179px;
    height: 135px;
    overflow: hidden;
}
#left_cycle_text div {
    margin: 0 13px;
    width: 153px;
    font-size: 10.5px;
    font-family: 'Open Sans', sans-serif;
}
.backh3, .backh3 a {
    color: #71a6c8;
    /*text-transform: uppercase;*/
}

.t3-spotlight-2 .col-lg-2, .t3-spotlight  .t3-module .module-inner .module-ct .custom, .article-content .container-fluid .row-height .col-md-2, .t3-content .row-height .col-sx-12.col-md-2 {
    padding-left: 0;
}

.t3-spotlight  .t3-module .module-inner .module-ct .custom .right-content {
    margin-left: 3%;
}

.container-fluid .row-height .col-sx-12.col-md-2.col-height.col-middle.hidemobile, .row-height .col-sx-12.col-md-2.hidemobile {
    width: 11%;
}

.title_in_text {
    color: #71a6c8;
    font-weight: bold;
}

a.referenze:link, a.referenze:hover, a.referenze:visited {
    text-decoration: underline;
    color: #71a6c8;
}

.col-sx-12.col-md-9 .kontact {
    margin-left: 0;
    margin-right: 0;
}

#tcc_on {
    padding-right: 25%;
    /*background: rgba(0, 0, 0, 0) url("../images/lis.png") no-repeat scroll 16% 42%;*/
}
#tc_on {
    padding-left: 25%;
}
#tc_on:hover, #tcc_on:hover {
    cursor: pointer;
}
.row-height .col-sx-12.col-md-9 p {
    padding: 0;
    margin: 0;
}

.marginmobile .row-height.marginmobile {
    padding-left: 0;
}

.spotlight1 {
    border-bottom: 1px solid #EEEEEE;
    margin-top: 30px;
}

.container-fluid.line-full-width .row-height {
    padding-left: 30px;
}

.container.nopadding{
    padding-left: 0;
}

/*End left column styles*/

.right-content {
    line-height: 1.2;
}
.right-content h3 {
    margin-bottom: 0;
}
.right-content-header {
    font-weight: lighter;
    color: #476e97;
    line-height: 1.6;
}

#tagIcon div img:hover, #tagIcon div a.active img {
    border: 2px solid rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.9);
}
#tagIcon div img {
    border-radius: 22px;
    transition: all 0.3s ease 0s;
}
.jssorb03 {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
}
.jssorb03 div, .jssorb03 .jssorb03 .av {
    position: absolute;
    /* size of bullet elment */
    width: 32px !important;
    height: 21px;
    text-align: center;
    line-height: 21px;
    color: white;
    background: url(/images/tagicons/b03_.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb03 div {
    background-position: -9px -4px;
}
.jssorb03 .av {
    background-position: -81px -4px;
}

.alphabet {
    border-bottom: 1px #FFF solid;
    padding-bottom: 5px;
    margin-bottom: 5px;
    color: #FFF;
    font-weight: bold;
}
.alphabet2 {
    border-bottom: 2px #B1D4E7 solid;
    padding-bottom: 5px;
    margin-bottom: 5px;
    color: #B1D4E7;
    font-weight: bold;
}

/*img left arrow for news*/
.list-title img{
    width: 25px;
    padding-right: 12px;
}
.list-title td{
    border: none;
}
/*end img left arrow for news*/

/*tagcloud icon popup*/
#icon-title .modal-dialog .modal-content {
    background: rgb(251, 251, 251) url("../images/taglist_bg.png") repeat scroll 0 0;
    background-size: cover;
}
#icon-title .modal-dialog {
    width: auto;
    max-width: 800px;
}
#icon-title .modal-header, #icon-title .modal-footer {
    border: none;
}
.tbl_tagcloud td, .tbl_tagcloud tr {
    border: none;
    padding: 5px;
}
.tbl_tagcloud .tbl_tagcloud_header {
    text-align: right;
    font-weight: bold;
    width: 130px;
    padding-left: 0;
    word-spacing: -1px;
}
.sub_titleicon {
    padding-left: 20px;
    padding-right: 20px;
}
.sub_titleicon .row div{
    padding: 0;
}
.sub_titleicon .row{
    padding: 0 15px;
}

.sub_titleicon .app-store{
    width: 122px;
    border-radius: 5px;
}
.sub_titleicon .col-xs-7{
    text-align: right;
}

.sliderhover span a {
    padding: 5px 10px;
    opacity: 0;
    background: red;
    z-index: 999;
    position: absolute;
    width: 100%;
    display: block;
    margin: 40% auto 0 auto;
}

.sliderhover:hover span a {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    opacity: 1;
    color: #FFFFFF;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 23%;
    margin: 0 auto 0 auto;
    padding: 40% 0;
}

.list-side-articles-container {
    width: 300px;
}
.list-side-articles-container p {
    text-align: center;
}

.list-side-articles-container .item-article {
    background: rgb(255,249,231);
    padding: 15px;
    margin-bottom: 20px;
    cursor: pointer;
}
.list-side-articles-container .large-title, .list-side-articles-container .large-title a {
    color: #FF8E42;
    text-align: center;
    margin: 0;
    display: block;
    word-wrap: break-word;
    font-size: 22px !important;
    line-height: 1.42857143;
}
.list-side-articles-container .small-title {
    color: #476e97;
    text-align: center;
    margin: 5px 0 15px 0;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 300;
}
.article-title, .article-header h1 {
    margin: 0 0 15px 0;
}

.t3-spotlight.t3-spotlight-2.row {
    padding-left: 15px;
}

#Mod161 {
    height: 55px;
}

/*end tagcloud icon popup*/

/* tagcloud list for web and mobile */
.columns {
    -moz-column-width: 11.5em; /* Firefox */
    -webkit-column-width: 11.5em; /* webkit, Safari, Chrome */
    column-width: 11.5em;
    width: 100%;
}
.columns ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
/* correct webkit/chrome uneven margin on the first column*/
.columns ul li:first-child {
    margin-top: 0;
}

.columns.dropdown-menu {
    position: relative;
    padding: 20px 10px;
}

.columns.dropdown-menu li a {
    white-space: pre-line;
}

.btn_taglist {
    background-color: #4E8EBC;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
}

dt.captcha {
    margin-top: -15px;
}

img#captcha {
    margin-left: -20px;
}

.google-maps {
    position: relative;
    padding-left: 0;

    overflow: hidden;
    width: 100%;
}

.marginpartner {
    margin: 20px 0;
    padding: 0 !important;
}

.marginpartner .img {
    min-height: 79px;
    vertical-align: middle;
}

.col-sx-12.col-sm-3.col-md-3.col-lg-3.img.centered {
    padding: 0;
}
.marginpartner img {
    vertical-align: middle;
}

.partnetfooter {
    color: #3781b7;
    font-weight: bold;
}

.border-full-width {
    width: 100vw;
    position: relative;
    left: calc(-50vw + 50%);
    border: 0;
}
hr.full-width{
    width: 103vw;
    position: relative;
    left: calc(-53vw + 50%);
    border: 0;
    border-bottom: 1px solid #dddddd;
}

.article-profiles {
    position: inherit;
    margin: 20px auto;
    max-width: 160px;
}

.article-profile {
    margin-top: 16px;
    width: 300px;
}
.article-profiles img{
    max-width: 100%;
    margin: 0 auto;
    max-height: 140px;
    border-radius: 10px;
    filter: grayscale(1);
}
.line-full-width {
    text-align: center;
    width: 100vw;
    position: relative;
    left: calc(50% - 50vw);
    padding: 10px 0;
    background-color: #FAFAFA;
    border: 1px solid #E5E5E5;
}
.line-full-width.nobg{
    background-color: transparent;
    border: none;
}

.myborder {
    border: 1px solid #000000;
}

ul.col-lg-4 {
    padding: 0;
}

ul.reference {
    padding: 0 15px;
    font-size: 0;
}

ul.reference li {
    width: 20% !important;
    padding-bottom: 40px;
    display: inline-block;
    vertical-align: top;
    height: auto !important;
}

.margin-5 {
    margin: 5px;
}

input.submit {
    background: #4b7db0;
    border: medium none;
    border-radius: 10px;
    color: #fff;
    line-height: 36px;
    margin-top: 20px;
    width: 170px;
}

input.submit:hover {
    background: #0d4f90;
}

input[disabled] {
    background: rgb(221,221,221) !important;
}

dt.jform_email, dt.jform_subject, dt.jform_subject, dt.jform_message {
    margin-top: 5px;
}

input[type=text], input[type=email] {
    width: 300px;
}

.colcontact {
    padding: 0 !important;
    margin: 0 !important;
}

#jform_message {
    height: auto;
}

.hidemobile, .hidedesktop {
    display: none;
    vertical-align: top;
}

.article-title.text-center {
    color: #5e97c2;
    font-weight: bold;
}

.row ul.col-lg-4 li {
    line-height: 30px;
}

.col-sx-12.col-md-4.marginmobile .widthmobile .inside .content img {
    margin: 0 auto;
}

.col-sx-12.col-sm-3.col-md-2.col-lg-2.col-height.col-middle {
    padding: 0;
}

#fMessage {
    height: auto;
}
.form-contact-modal-content {
    padding: 35px;
}
.form-contact-modal-content .title {
    margin-top: 20px;
    font-weight: bold;
    font-family: 'Open Sans bold', sans-serif !important;
}
.mail-form-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    color: black;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
    overflow: visible;
    cursor: pointer;
    background: white;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
    border-radius: 10px;
}
#contact-form-mail {
    margin-top: 20px;
}
#modal-contact-form {
    width: 730px;
    background: white;
    border-radius: 10px;
}

.form-contact-modal-content .message-info {
    position: relative;
    margin-bottom: 1rem;
    border-radius: .25rem;
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
    margin-top:26px;
}

@media (max-width: 409px) {
    /* left coloum styles */
    #Mod100.col-xs-6, #Mod138.col-xs-6 {
        width: 100%;
    }
    #Mod100 .module-ct, #Mod138 .module-ct {
        float: none;
    }
    #modal-contact-form {
        width: 390px;
    }
    /* end left coloum styles */
}
@media (min-width: 992px) {
    .logo-image img{
        /* position: absolute; */
        z-index: 20;
        /* top: 20px; */
    }

    #sxtop-menu{
        padding-left: 0;
        margin-left: -5px;
    }

    .inside .content img {
        margin: 0 0;
    }
    .col3 {
        display: table-cell;
        float: none !important;
        /*padding-right: 20px;*/
    }

    #t3-mainnav .container ul {
        width: auto;

    }
    #t3-mainnav .container ul li[data-level="2"]{
        width: 240px;
    }
    #t3-mainnav .container ul.navbar-nav > li {
        float: left;
        min-width: 100px;
    }
    #t3-mainnav .container ul.navbar-nav > li:hover > .mega-dropdown-menu{
        display: block;
    }
}
@media  (min-width: 768px) and (max-width: 991px){
    .logo{
        max-width: 170px;
    }

    #t3-mainnav .t3-navbar-collapse .navbar-nav li a{
        padding-left: 50px;
    }
    #t3-mainnav .container{
        padding: 0;
        width: 100%;
    }
    .afftopmenu, .afftopmenu .t3-navbar-topmenu{
        padding: 0;
    }
    #modal-contact-form {
        width: 390px;
    }
}
@media (max-width: 991px){
    .container.affheader{
        height: 55px;
    }
    .t3-mainnav .t3-navbar-collapse .navbar-nav .dropdown > a .caret, .t3-mainnav .t3-navbar-collapse .navbar-nav .dropdown > span .caret {
        right: 10px;
    }
    .caret {
        border: none;
    }
    .navbar-default .navbar-nav > .dropdown > a .caret, .navbar-default .navbar-nav > .dropdown > span .caret {
        border-top-color: none;
        border-bottom-color: none;
        width: 30px;
        height: 30px;
        background: url("/images/collapse.png") no-repeat center;
    }

    .navbar-default .navbar-nav > .dropdown.open > a .caret, .navbar-default .navbar-nav > .dropdown.open > span .caret {
        background: url("/images/expand.png") no-repeat center;
    }
    #sxtop-menu{
        display: none !important;
    }
    #t3-header #t3-topnnav {
        display: none;
    }
    #t3-mainnav .container ul li {
        float: none;
        min-width: 100px;
    }
    .afftopmenu{
        display: none;
    }

    #footer-text{
        text-align: center;
    }

    .bg_footer {
        height: 430px;
    }
    .flast-item{ float: none; }
    .mobile-center{
        text-align: center;
    }

    .inside .content img {
        clear: both;
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
        text-align: center;
    }

    .service{
        padding-left: 0;
        padding-right: 0;
    }
    .line-full-width .row-height{
        padding-right: 15px;
    }

    .navbar-collapse {
        padding-right: 0;
    }

    #t3-mainnav {
        padding: 0;
        min-height: 1px;
        background: url("/images/pmenu.png") repeat center;
        z-index: 11;
    }

    #t3-mainnav .t3-navbar-collapse ul.level1 {
        background: url("/images/submenu.png") repeat center;
    }


    .t3-mainnav .t3-navbar-collapse .navbar-nav > li > a {
        border: none !important;
    }
    .t3-mainnav #mobile-menu.t3-navbar-collapse .navbar-nav > li.active > a{
        background-color: #3e658f;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .t3-mainnav .t3-navbar-collapse .navbar-nav .dropdown > a .caret, .t3-mainnav .t3-navbar-collapse .navbar-nav .dropdown > span .caret {
        top: 0;
    }


    #t3-mainnav .navbar-toggle {
        position: absolute;
        top: -60px;
        right: 0;
        color: transparent;
        width: 35px;
        height: 35px;
        background: url("/images/reponvive.png") no-repeat;
        background-position: 2px;
    }

    .article-content .row-height .col-height {
        float: none;
        height: 100%;
        min-width: 100px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .infos_content {
        height: 90px;
    }
    .article-content .row-height .col-height {
        /*display: block !important;*/
        margin: auto;
        padding-bottom: 10px !important;
    }
    .spotlight1 {
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 1023px) {
    .logo-image img {
        margin-left: -5px;
    }

    /*Varien*/
    .contact-ico{
        width: 100% !important;
        display: block;
    }
    .contact-ico img{
        margin: auto !important;
    }

    h3.article-title.text-left.header-paragrap {
        text-align: center;
    }

    .p-home .row-same-height .col-md-12 img.padding {
        margin: 0 auto;
    }
    .p-home .row-same-height .col-md-12 .block_home_title,
    .p-home .row-same-height .col-md-12 .infos_content,
    .p-home .row-same-height .col-md-12 .infos { text-align: center; }
    .p-home .row-same-height .col-md-12 .infos { width: 100%; }
    .pusher-b-30 {
        margin-bottom: 15px;
    }

    .p-home .row-height .col-sx-12 .inside .content img { margin : 0 auto !important; }
    .p-home .row-height .col-sx-12 .article-title.text-centers {
        text-align: center;
    }
    .p-home .row-height .col-sx-12 .row .text-left { text-align: center; }


    .p-home .row-height .col-sx-12 {
        margin : 15px 0 15px 0;
        width: 100%;
    }
    #Mod161 {
        height: 0 !important;
    }
    #tag_cloud {
        display: none;
    }
    #mobile_taglist {
        display: block;
    }
}

@media (min-width: 1024px) {
    .inside .content img {
        margin: 0 0;
    }

    #tag_cloud {
        display: block;
    }

    #mobile_taglist {
        display: none;
    }
}

@media (min-width: 1100px) {
    .infos_content {
        height: 65px;
    }
    .col-lg-15 {
        width: 20%;
        float: left;
    }
    .col3 {
        padding-right: 50px;
    }
}

.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #6cabe2;
}



@media only screen and (max-width: 480px) {
    /*contact msg*/
    #contact-dialog .contact-dcontent{ margin-top: 15px; }
    .spotlight-3 span { top: 20% ; width: 85%; right: 0;}

    input[type=text], input[type=email] {
        width: 277px;
    }

    #header-title .sub_title {
        font-size: 35px;
    }

    #div_image_content {
        right: 0;
    }

    .t3-mainnav .t3-navbar-collapse .navbar-nav .dropdown > a .caret, .t3-mainnav .t3-navbar-collapse .navbar-nav .dropdown > span .caret {
        right: 10px;
    }

    .t3-mainnav .t3-navbar-collapse .navbar-nav {
        margin: 0;
    }

    .modal-body {
        padding: 0;
        padding-top: 20px;
    }
    .article-content .row-height .col-height.widthmobile {
        padding: 0;
        padding-top: 15px;
        min-width: 50px;
    }
    .article-content .row-height .col-height.widthmobile .inside .content {
        width: 40px;
        margin-left: 15px;
    }
    .article-content .row-height .col-height.widthmobile .inside .content img {
        width: 30px;
    }

}

@media (max-width: 490px){
    .contact-left, .contact-right{
        float: none;
        width: 100%;
    }
    .contact-right{
        padding-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    #contact_icons{ display: none; }
    #contact_icons2{ display: block; }

    #header-content{
        padding-bottom: 30px;
    }

    #t3-content {
        padding-top: 0;
    }

    /*partner*/
    .marginpartner img {
        margin: auto;
    }
    .marginpartner{
        text-align: center;
    }
    /*end partner*/

    .tbl_tagcloud{
        margin-top: 20px;
    }

    #t3-header.smaller .logo {
        text-align: left;
    }

    #t3-header .logo-image img {
        height: 53px;
        transition: none;
    }

    .logo-image .logo-img {
        max-width: 100%
    }

    #header-title .sub_title {
        display: block;
        width: 770px;
    }

    .marginpartner .img {
        min-height: 50px;
    }

    .col-sx-12.col-md-9 .kontact {
        margin-left: -15px;
        margin-right: 0;
    }

    #contact_icons {
        top: 120px;
    }

    #t3-mainnav .navbar-toggle{
        top: -52px;
    }
    #t3-header.smaller #t3-mainnav .navbar-toggle{
        top: -58px;
    }

    .t3-mainnav .t3-navbar-collapse .navbar-nav {
        margin: 0;
    }

    .t3-spotlight .t3-module .module-inner .module-ct .custom .right-content {
        margin-left: 0;
    }
    #Mod158 .custom .right-content h3 {
        height: 0;
    }

    .t3-content {
        padding-bottom: 0;
    }

    .module-ct h3 {
        margin-top: 0;
    }

    .clearpadding {
        padding: 10px 0 0 0;
    }

    ul.reference li {
        width: 50% !important;
        padding-right: 20px;
    }

    .inside .content img {
        display: block;
        margin: 0 auto !important;
        margin-bottom: 20px !important;
        text-align: center;
    }

    .inside .content img.konimg {
        margin: 0 0 !important;
    }

    .marginmobile {
        margin-top: 20px !important;
        padding: 0;
    }

    .hidedesktop {
        float: left;
        padding-right: 20px;
    }

    .hidemobile {
        display: none !important;
    }

    h3.article-title.text-left.header-paragrap {
        padding: 10px 0 0 0;
    }

    #left-sidebar img{
        margin: auto;
        width: 169px;
    }
    .list-side-articles-container {
        margin-left: -75px;
    }
}

@media (min-width: 568px) and (max-width: 767px) {
    ul.reference li {
        width: 33% !important;
    }
}

@media only screen and (width: 768px) {
    .hidemobile {
        display: none !important;
    }

    .t3-spotlight  .t3-module .module-inner .module-ct .custom .right-content {
        margin-left: 0;
    }
}

@media only screen and (min-width: 768px) {
    .tbl_tagcloud{
        margin-left: -35px;
    }

    .google-maps .gmnoprint{
        display: none;
    }
    .article-content .row-height .col-height {
        height: 100%;
        min-width: 100px;
    }

    .article-content .row-height .col-md-9 {
        vertical-align: top;
        display: table;
    }

    .col-sx-12.col-md-4.marginmobile, .col-sx-12.col-md-3.col-height.col-middle.widthmobile {
        margin: 0;
        padding-left: 10px;
        text-align: center;
    }

    .marginmobile {
        margin-top: 20px !important;
        padding-left: 0;
    }

    .row-height {
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-middle {
        vertical-align: middle;
    }

    .clearpadding {
        padding: 0 0 0 10px;
    }

    ul.reference li {
        width: 25% !important;
    }

    .right-content {
        padding-left: 0;
    }

    .article-profiles {
        width: 100%;
        height: auto;
        margin-top: 0;
        position: relative;
        top: -53px;
    }
    .list-side-articles-container {
        margin-top: 25px;
    }
}

@media only screen and (min-width: 1024px) {
    .center-block.infos{
        margin-top: 22px;
    }

    .marginmobile .col-sx-12.col-md-9 {
        padding-left: 0;
    }

    .inside {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .inside-full-height {
        height: 100%;
        margin-top: 0;
        margin-bottom: 0;
    }

    .content {
        padding: 12px 3px;
    }

    .row-height .widthmobile .inside .content {
        padding: 12px 20px;
    }

    .row-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
        margin-bottom: 20px;
    }

    .col-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-top {
        vertical-align: top;
    }

    .col-middle {
        vertical-align: middle;
    }

    .col-bottom {
        vertical-align: bottom;
    }

    .clearpadding {
        padding: 0 0 0 10px;
    }

    ul.reference li {
        width: 20% !important;
    }

    .marginmobile {
        margin-top: 20px !important;
        padding-left: 20px;
    }

}

.t3-spotlight-1 .col-lg-12,
.t3-spotlight-1 .col-md-12,
.t3-spotlight-1 .col-sm-12,
.t3-spotlight-1 .col-xs-12 {
    padding: 0;
}
.p-home .container.t3-mainbody {
    max-width: 1070px;
    padding: 20px 0;
}
.p-home .container.t3-mainbody .row { margin: 0; }

.p-home .article-intro .container { margin: 0; padding: 0; }
.p-home .row-same-height .col-md-12, .row-same-height .col-xs-12 { padding: 0; }
.p-home .article-intro .row-same-height {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.spotlight-3 {
    position: relative;
}
.spotlight-3.container{ padding: 0; }
.pusher-b-30 {
    margin-bottom: 30px;
}
.spotlight-3 span {
    display: block;
    background:rgba(250,250,250,0.8);
    position: absolute;
    width: 60%;
    padding: 20px;
    right: 35px;
    top: 40%;
    font-weight: bold;
    color: #71a6c8;
    font-size: 0.8em;
}

.spotlight-3.cont span {
    display: block;
    background:rgba(250,250,250,0.8);
    position: absolute;
    width: 60%;
    padding: 20px;
    right: 32px;
    top: 40%;
    font-weight: bold;
    color: #71a6c8;
    font-size: 0.8em;
}

.p-home .t3-mainbody .items-leading .row-height .inside{ margin-top: 0; }
.p-home .t3-mainbody .items-leading .row-height .inside .content { padding-top: 0; }

@media (min-width: 768px) and (max-width: 1024px) {
    .p-home .spotlight-3 span { top: 28% ; width: 57%; right: 80px;}
    .spotlight-3 span { top: 28% ; width: 75%; right: 0;}
    .spotlight-3 img {
        width: 92%;
    }

}

@media(max-width: 320px) {
    .spotlight-3 span {
        width: 85%;
        top: 6%;
    }
}
@media (min-width: 150px) and (max-width: 767px) {
    .spotlight1 {
        margin-top: 0px !important;
    }
}
.mid-content{
    z-index:1 !important;
}
.mid-title{
    font-size: 30px;
    margin: auto;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    line-height: 1.42857;
    color: #ff8e42;
    padding: 0px;
    display: block;
    font-style: normal;
    letter-spacing: normal;
    orphans: 2;
    text-align: center;
    text-indent: 0px;
    text-transform: none;
    white-space: normal;
    widows: 2;
    word-spacing: 0px;
    background-color: #ffffff;
    padding: 45px 0 10px;
}
.span-description{
    color: #476e97; font-family: 'Open Sans', sans-serif; font-size: 22px; font-style: normal; font-weight: 300; letter-spacing: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; float: none;
}
.text-description{
    line-height: 30px;
    color: #333333;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    orphans: 2;
    text-align: center;
    text-indent: 0px;
    text-transform: none;
    white-space: normal;
    widows: 2;
    word-spacing: 0px;
    background-color: #ffffff;
    float: none;
}
.card {
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    border: none;

}

.card-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: 1em;
    border: none;
    box-shadow: none;
}

.card-img-top {
    display: block;
    width: 230px;
    height: 250px;
}

.card-title {
    font-size: 1.28571429em;
    font-weight: 700;
    line-height: 1.2857em;
    text-align: center;
    color: #6A87A6;
}

.card-text {
    clear: both;
    margin-top: .5em;
    color: rgba(0, 0, 0, .68);
    text-align: center;
}

.card-footer {
    font-size: 1em;
    position: static;
    top: 0;
    left: 0;
    max-width: 100%;
    padding: .75em 1em;
    color: rgba(0, 0, 0, .4);
    border-top: 1px solid rgba(0, 0, 0, .05) !important;
    background: #fff;
}
.zoom {
    transition: transform .2s;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 0 10px ghostwhite;
    width: 310px;
    margin: auto;
}
.item img {
    max-width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.item:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.no-padding{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.font-size-25{
    font-size: 25px !important;
}
.description-block{
    margin-bottom: 20px !important;
}
.category-block{
    margin-bottom: 20px !important;
}
.module-testimonials{
    max-height: 215px;
}
.carousel-inner > .item {
    width: 100% !important;
}
.div-header-overlay {
    position: relative !important;
    top: calc(50% - 80px) !important;
    z-index: 3;
    background: #ff9d00;
    opacity: 0.9;
    width: 431px;
    float: right;
    height: 147px !important;
    color: white;
    padding: 25px 65px 25px 50px;
    font-size: 34px;
}
.div-bottom-overlay {
    position: absolute !important;
    bottom: 0 !important;
    z-index: 3;
    background: #6098c0;
    opacity: 0.7;
    width: 100%;
    color: white;
    padding: 5px;
    font-size: 22px;
    text-align: center;
}


div#cookieMessageContainer {
    font-size: 14px;
    line-height: 16px;
    position: fixed;
    z-index: 2000000001;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    padding: 5px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
#cookieMessageContainer table, #cookieMessageContainer td {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    background-color: #1D1D1D;
}
#cookieMessageContainer table, #cookieMessageContainer tr, #cookieMessageContainer td {
    border: 0px!important;
}
#cookieMessageText {
    color: #FFFFFF!important;
}
#cookieMessageText > * {
    display: inline-block;
    margin-top: 6px;
    vertical-align: middle;
}
#cookieMessageText h3 {
    margin-top: 10px;
}
a#cookieMessageDetailsLink {
    color: #FFFFFF!important;
}
#cookieMessageContainer .cookie_button {
    color: #fff;
    padding: 5px 12px;
    background-color: #336BA6;
    border-radius: 5px;
    margin: 20px 0 12px;
    cursor: pointer;
}
#cookieMessageText::after {
    content: '';
    display: block;
    clear: both;
}
.grayscale {
    transition: all 0.5s ease 0s;
    filter: grayscale(1);
}
.grayscale:hover {
    filter: grayscale(0);
}

.bg-white {
    background: #fff !important;
    color: #476e97 !important;
    display: inline-block !important;
}
.list-blog .row > div {
    margin-bottom: 20px;
}
.linkedin-icon {
    width: 150px;
    margin-top: -30px;
}
div.mod-languages li {
    margin: 0px !important;
}
div.mod-languages li:not(.lang-active) a {
    color: #777777;
}
div.mod-languages li.lang-active a {
    font-weight: bold;
}
#t3-header > .mod-languages {
    position: absolute !important;
    right: 20%;
    left: auto !important;
    top: 26px !important;
}
#system-message-container {
    height: auto !important;
    min-height: 301px !important;
}
.banner-slide-container {
    cursor: move; position: absolute; top: 0px; height: 360px; overflow: hidden;
}
.banner-image {
    object-fit: cover;
}
@media only screen and (min-width: 767px){
    .div-header-overlay {
        right: 476px !important;
    }
}
@media only screen and (min-width: 1023px){
    .div-header-overlay {
        right: 0px !important;
        text-align: center;
    }
}

@media only screen and (max-width: 414px) {
    .div-header-overlay {
        top: calc(100% - 35px) !important;
        width: 100%;
        height: 35px !important;
        /*padding-left: 70px;*/
        padding-top: 0;
        line-height: 35px;
        font-size: 14px;
        text-align: center;
    }
    .div-bottom-overlay {
        top: calc(100% - 70px) !important;
        height: 35px !important;
        /*padding-left: 70px;*/
        text-align: center;
        font-size: 14px;
    }
    .banner-slide-container {
        height: 200px !important;
    }
}

@media only screen and (min-width: 410px) and (max-width: 700px) {
    .div-header-overlay {
        /*padding-left: 70px;*/
        padding-top: 0;
        line-height: 35px;
        font-size: 14px;
        text-align: center;
    }

    .div-bottom-overlay {
        text-align: center;
        font-size: 14px;
    }
    .banner-slide-container {
        height: 200px !important;
    }
}
@media only screen and (min-width: 374px) and (max-width: 409px){
    .div-header-overlay {
        padding-top: 0;
        line-height: 35px;
        font-size: 14px;
    }
    .div-bottom-overlay {
        text-align: center;
        font-size: 14px;
    }
    .banner-slide-container {
        height: 200px !important;
    }
}
@media only screen and (min-width: 319px) and (max-width: 373px){
    .div-header-overlay {
        padding-top: 0;
        line-height: 35px;
        font-size: 14px;
    }
    .div-bottom-overlay {
        text-align: center;
        font-size: 14px;
    }
    .banner-slide-container {
        height: 200px !important;
    }
}

@media only screen and (max-width: 767px) {
    .table-cell-display-pc {
        display: none;
    }
    .display-sp {
        display: block;
    }
    .module-reference, .module-testimonials {
        text-align: center;
    }
    .module-testimonials {
        padding-left: 15px !important;
    }
    #reference_cycle_image, #left_cycle_text {
        margin: auto !important;
        vertical-align: middle;
    }
    .module-testimonials .module-ct {
        float: none !important;
    }
    #left_cycle_text, #left_cycle_text div {
        width: 100% !important;
    }
    #left_cycle_text div {
        margin: 0px;
        padding-right: 5px;
        padding-left: 5px;
    }
    .group-wrapper {
        width: 100%;
    }
    .group-wrapper + .group-wrapper {
        margin-top: 10px;
    }
}
@media only screen and (min-width: 768px) {
    .table-cell-display-pc {
        display: table-cell;
    }
    .display-sp {
        display: none;
    }

}

@media only screen and (max-width: 479px) {
    .table-cell-display-pc {
        display: table-cell;
    }
    .display-sp {
        display: none;
    }
    .group-wrapper ul {
        column-count: 1;
    }
    #modal-contact-form {
        width: 390px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .group-wrapper {
        width: 50%;
    }
    .group-wrapper + .group-wrapper {
        margin-top: 10px;
    }
}
@media only screen and (max-width: 991px) {
    #t3-header > .mod-languages {
        display: none;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1392px) {
    #t3-header > .mod-languages {
        right: 3%;
    }
}