/*--Start Page Qet Certified--*/

.qetCertified {
    margin: auto;
    padding-left: 15px;
}

.qetCertified-content {
    position: relative;
    margin-top: 3%;
    padding: 0%;
    float: left;
}

.qetCertified-content p {
    font: normal normal normal 16px/1.4em 'open sans', sans-serif;
    color: #147285;
    font-weight: normal;
}

.qetCertified-widget {
    margin-top: 3%;
    margin-left: 0;
    padding: 10px;
    float: right;
    background-color: #147285;
    position: relative;
    transition-timing-function: ease;
    transform-style: preserve-3d;
    transform-origin: right center;
}

.qetCertified-widget p {
    margin: 0;
    font: normal normal normal 14px/1.4em 'open sans', sans-serif;
}

.qetCertified-widget p a {
    color: #ffffff;
}

.qetCertified-animation {
    -webkit-animation: widget 1s linear;
    -moz-animation: widget 1s linear;
    -ms-animation: widget 1s linear;
    -o-animation: widget 1s linear;
    animation: widget 1s linear;
}

@-webkit-keyframes widget {
    0% {
        transform: rotateY(-90deg);
    }
    100% {
        transform: rotateY(0deg);
    }
}

@-moz-keyframes widget {
    0% {
        transform: rotateY(-90deg);
    }
    100% {
        transform: rotateY(0deg);
    }
}

@-ms-keyframes widget {
    0% {
        transform: rotateY(-90deg);
    }
    100% {
        transform: rotateY(0deg);
    }
}

@-o-keyframes widget {
    0% {
        transform: rotateY(-90deg);
    }
    100% {
        transform: rotateY(0deg);
    }
}

@keyframes widget {
    0% {
        transform: rotateY(-90deg);
    }
    100% {
        transform: rotateY(0deg);
    }
}

.qetCertified-img {
    margin-top: 3%;
    width: 50%;
    position: relative;
    -webkit-animation: qet_siegel 2s linear;
    -moz-animation: qet_siegel 2s linear;
    -ms-animation: qet_siegel 2s linear;
    -o-animation: qet_siegel 2s linear;
    animation: qet_siegel 2s linear;
}

.qetCertified-img a .img-responsive {
    width: 230px;
}

@-webkit-keyframes qet_siegel {
    0% {
        left: 10%;
        visibility: hidden;
    }
    100% {
        left: 0px;
    }
}

@-moz-keyframes qet_siegel {
    0% {
        left: 10%;
        visibility: hidden;
    }
    100% {
        left: 0px;
    }
}

@-ms-keyframes qet_siegel {
    0% {
        left: 10%;
        visibility: hidden;
    }
    100% {
        left: 0px;
    }
}

@-o-keyframes qet_siegel {
    0% {
        left: 10%;
        visibility: hidden;
    }
    100% {
        left: 0px;
    }
}

@keyframes qet_siegel {
    0% {
        left: 10%;
        visibility: hidden;
    }
    100% {
        left: 0px;
    }
}

/* @media only screen and (max-width: 1023px) {
    .qetCertified {
        width: 100%;
    }
    .qetCertified-content {
        width: 73%;
    }
}

@media only screen and (max-width: 767px) {
    .qetCertified-content {
        width: 100%;
        clear: both;
    }
    .qetCertified-widget {
        width: 100%;
        clear: both;
    }
} */


/*--End Page Qet Certified--*/


/*--Start Page Contact--*/

.contact {
    margin: 0px 15px;
}
/*.content {
    margin-top: 30px;
}*/
.contact-title h3 {
    line-height: 1.5em !important;
    font: normal normal normal 200% 'open sans', sans-serif;
    color: #147285;
}

.contact-left {
    margin-left: -15px;
}

.contact-left address {
    margin: 4% 0;
}

.contact-left address strong {
    font: normal normal normal 140% 'open sans', sans-serif;
    color: #147285;
}

.contact-left address span {
    font: normal normal normal 120% 'open sans', sans-serif;
    color: #0A3942;
}

.contact_label {
    display: block;
    font: normal normal normal 120% "open sans", sans-serif;
    color: #147285;
    float: left;
    margin: 2% 0;
}

form .form-control, form input[type="checkbox"],form select {
    float: left;
    margin: 1% 0;
    display: inline;
    border: 1px solid #147285;
    border-radius: 0px;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-left: 0;
    position: inherit;
}

.contact-right .btn {
    border-radius: 0px;
    background-color: #147287;
    color: #ffffff;
    padding: 2% 10%;
}

.contact-right .btn:hover {
    background-color: #545454;
    color: #ffffff;
}
.contact-right #contact-form #ContactForm_last_name{
    width: calc(100% + 25px);
    margin-left: -25px;
}
.label_verify {
    float: none;
}


/*--End Page Contact--*/


/*--Start */


/*# sourceMappingURL=styles.css.map */

.font_6 {
    color: #39729b;
    font: 18px/1.4em "open sans", sans-serif;
}

.font_8 {
    color: #0a3942;
    font: 14px/1.4em "open sans", sans-serif;
    line-height: 1.4em;
}

.no-col-padding [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}


/*--Start */

/*.become_auditor {
    margin: 30px 0;
}*/

/*
.become_auditor .title {
    margin: 30px 0;
}
*/

.become_auditor .description {
    margin: 5% 0;
}


.auditor_label {
    margin: 10% 0;
}

.v_name {
    width: calc(50% - 4px) !important;
    margin: 0 4px 4px 0 !important;
}

.v_name_ {
    width: calc(50% - 1px) !important;
    margin: 0 !important;
}

.font_7 {
    font: normal normal normal 16px/1.4em 'open sans', sans-serif;
    color: #147285;
}

label {
    font: normal normal normal 120% "open sans", sans-serif;
    color: #147285;
}

.field {
    height: 30px;
}

.become_auditor .form-content .form-horizontal .btn[type="submit"] {
    margin: 2%;
    padding: 1% 15%;
}

.become_auditor .form-content .form-horizontal .control-label {
    text-align: left;
}

.become_auditor .form-content .form-horizontal .form-group {
    margin: 1% 0;
}

.become_auditor .form-content .form-horizontal .form-group:nth-child(2) {
    margin-bottom: 2%;
}

.btnV_Upload {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 6px 8px;
    cursor: pointer;
    background-color: #147285;
    border-radius: 4px;
}

.btnV_Upload span {
    color: #FFFFFF;
}

.v_upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    cursor: pointer;
}

#removeFile{
    display: none;
    cursor: pointer;
    background-color: #B90000;
    height: 2px;
    width: 10px;
    padding: 0;
    margin: 0 0 3px 7px;
}

.submited{
    background-color: #147285;
    color: #A9E1EC;
    text-align: justify;
    width: 50%;
    padding: 20px;
    margin: 20px auto 20px auto;
    z-index: 10;
    animation-name: submited;
    animation-duration: 2s;
    position: relative;
}
@keyframes submited {
    0% {
        top: -50px;
        left: -100px;
    }
    100% {
        top: 0px;
        left: 0px;
    }
}
#backToForm{
    background-color: #FFFFFF;
    color: #147285;
    border-radius: 4px;
    margin: 20px auto 0 auto;
    width: 100px;
    padding: 7px;
    display: block;
    cursor: pointer;
}
#backToForm:hover{
    background-color: #7F7F7F;
}
.errorUpload{
    display: none;
    background: rgba(210,120,120,.9);
    padding: 6px 8px;
    position: absolute;
    top: -5px;
    right: 11px;
    color: #fff;
    z-index: 3;
    text-align: center;
    font-size: 13px;
    border-radius: 6px;
    max-width: 250px;
}
/*--Start Profile--*/

.tab-profile {
    margin: 15px;
}

.tab-profile .tab-content {
    margin: 2%;
}
.btn_profile{
    float: right;
    margin-right: 52px;
}
/*--End Profile*/


/*# sourceMappingURL=styles.css.map */

.s8bg {
    background-color: rgba(20, 114, 133, 1);
    border: 0 solid rgba(50, 65, 88, 1);
    border-radius: 0;
}

.float_bottom {
    bottom: 0;
    position: absolute;
}

.img-certified {
    margin-right: -10%;
}

.img-cert {
    margin-bottom: -2%;
}

.img-cert-1 {
    width: 185px;
    height: 141px;
}

.img-cert-2 {
    width: 145px;
    height: 135px;
}
/****** Certification *******/
@font-face {font-family: "Breuer Text";
    src: url("iconfontcustom/fonts/BreuerText.eot"); /* IE9*/
    src: url("iconfontcustom/fonts/BreuerText.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("iconfontcustom/fonts/BreuerText.woff2") format("woff2"), /* chrome、firefox */
    url("iconfontcustom/fonts/BreuerText.woff") format("woff"), /* chrome、firefox */
    url("iconfontcustom/fonts/BreuerText.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("iconfontcustom/fonts/BreuerText.svg#BreuerText") format("svg"); /* iOS 4.1- */
    font-weight: 100;
}
@font-face {font-family: "Breuer Text";
    src: url("iconfontcustom/fonts/BreuerText_Medium.eot"); /* IE9*/
    src: url("iconfontcustom/fonts/BreuerText_Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("iconfontcustom/fonts/BreuerText_Medium.woff2") format("woff2"), /* chrome、firefox */
    url("iconfontcustom/fonts/BreuerText_Medium.woff") format("woff"), /* chrome、firefox */
    url("iconfontcustom/fonts/BreuerText_Medium.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("iconfontcustom/fonts/BreuerText_Medium.svg#BreuerText Medium") format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "Breuer Text";
    src: url("iconfontcustom/fonts/BreuerText_Bold.eot"); /* IE9*/
    src: url("iconfontcustom/fonts/BreuerText_Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("iconfontcustom/fonts/BreuerText_Bold.woff2") format("woff2"), /* chrome、firefox */
    url("iconfontcustom/fonts/BreuerText_Bold.woff") format("woff"), /* chrome、firefox */
    url("iconfontcustom/fonts/BreuerText_Bold.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("iconfontcustom/fonts/BreuerText_Bold.svg#BreuerText Bold") format("svg"); /* iOS 4.1- */
    font-weight: bold;
}
.certification{
    height: 100%;
    background : url("../images/bg-cert.png") no-repeat;
    background-size: 100% 100%;
    border: 1px solid #333;
    font-family: 'Breuer Text';
}
.certification p{
    font-size: 20px;
}
.certification .row{
    margin: 0px;
}
.wrapper-cert{
    margin-left: 17%;
}
.header-cert{
    padding-top: 15%;
}
.logo-cert{
    margin-left: calc(-15px - 1%);
}
.logo-cert img{
    width: 88%;
    height: 100%;
}
.text-cert {
    margin-top: 7%;
    margin-left: -15%;
}
.text-cert h1 a{
    font-size: 80px;
    font-style: italic;
    color: #A0A09F;
    letter-spacing: 0.06em;
    font-family: 'BreuerText',sans-serif;
    font-weight: 400;
}
.title-cert{
    margin-top: 16%;
}
.wrapper-cert p{
    font-family:'Breuer Text';
    color: rgb(87, 87, 86);
}
.wrapper-cert h3{
    font: normal normal bold 37px/1em 'Breuer Text', sans-serif;
    color: rgb(87, 87, 86);
    padding-top: 3%;
    margin-bottom: 3%;
    text-transform: capitalize;
}
.content-cert{
    margin-top: 12%;
}
.content-cert h1{
    font: normal normal normal 45px 'Breuer Text', sans-serif;
    color:#1d385f;
    margin-bottom: 4%;
    font-style: italic;
}
.module-title{
    width: 70%;
}
.font_bottom{
    margin-top: 6%;
    font-style: italic !important;
    font-weight: bold !important;
}
.info-lead{
    margin-top: 12.5% !important;
    margin-left: -1.5% !important;
}
.text-name{
    margin-top: 31% !important;
}
.text-name p{
    font-family: 'Breuer Text', sans-serif;
    margin: 20px 0;
    font-weight: 100;
}
.info-right{
    margin-left: -45px;
}
.footer-cert{
    margin-top: 15%;
    margin-bottom: 2%;
}
.footer-cert h2{
    font: normal normal bold 50px 'Breuer Text', sans-serif;
    color: #fff;
    font-style: italic;
}
.button-download{
    margin-top: 50px;
    text-align: right;
}
.auditor-list{
    margin-top: 10px;
    overflow-y: auto;
    max-height: 370px;
    overflow-x: hidden;
}
/* .auditor-list div.item {
    border-bottom: 1px solid #147285;
} */
.auditor-list div:last-child{
    border: none;
}
.input-search {
    width: 99%;
    padding: 3px;
    height: 30px;
}
.btn-search{
    padding: 5px;
    position: absolute;
    color: #147285;
    cursor: pointer;
    top: 2px;
    font-size: 15px;
}
.item-auditor:hover{
    cursor: pointer;
    background-color: #cccccc;
    border: 1px solid #cccccc;
}

.menu-icon{
    display: none;
}

.rate-row{
    padding: 10px 0;
    text-align: right;
}
.rate-row #rateYo{
    display: inline-block;
}
.rate-row #rateUs{
    padding-right: 10px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 400;
}
#rate-model .modal-header h1{
    font-size: 20px;
    color: #147285;
}
#rate-model .modal-body{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#rate-model .modal-body #rateYo2{
    margin: 15px 0;
}
#rate-model .modal-body .last-date{
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
}
#rate-model .modal-body .rate-comment{
    text-align: left;
    display: inline;
    width: 100%;
}
#rate-model .modal-body .rate-comment p:first-child{
    font-weight: bold;
}
#rate-model .modal-body .rate-comment p:last-child{
    padding: 5px 0;
}
#rate-model .modal-body textarea{
    width: 100%;
    border-radius: 5px;
    border-color: #cccccc;
    padding: 10px;
}
#rate-model .modal-body textarea::-webkit-input-placeholder {
    text-align: center;
}
#rate-model .modal-body textarea:-moz-placeholder {
    /* Firefox 18- */
    text-align: center;
}
#rate-model .modal-body textarea::-moz-placeholder {
    /* Firefox 19+ */
    text-align: center;
}
#rate-model .modal-body textarea:-ms-input-placeholder {
    text-align: center;
}
#rate-model .modal-footer{
    text-align: center;
}
#rate-model .modal-footer .btn-close, #rate-model .modal-footer .btn-rate{
    margin: 0 10px 10px;
}
#rate-model .modal-footer .btn-close{
    background-color: #cccccc;
    border-color: #cccccc;
    color: #147285;
}
.my-auditor h3, .my-auditor h1{
    line-height: 1.5em !important;
    font: normal normal normal 200% 'open sans', sans-serif;
    color: #147285;
}
.my-auditor h3{
    margin-left: -10px;
}
.my-auditor .control-label{
    padding: 5px;
}
.my-auditor .controls{
    font-size: 14px;
}
.my-auditor .custom-width-value{
    width: 79%;
    float: right;
    padding: 5px 15px;
}
.my-auditor .custom-width-label{
    width: 21%;
    float: left;
}
.my-auditor .rate-comment{
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    border-color: #147285;
}
@media screen and (max-width: 1023px){
    #wp-header {
        height: auto;
        margin-bottom: 10px;
    }
    .menu-icon{
        display: block;
        color: #147285;
        float: right;
        margin-top: 60px;
        cursor:pointer;
    }
    .menu-icon i{
        margin: 0px 10px;
    }
    .login_logout,.menu{
        display: none;
        width: 100%;
    }
    .nav {
        margin-top: 0px;
    }
    .menu{
        width: 100%;
        padding-top: 10px;
    }
    #DrpDwnMn1 > li {
        width: 100%;
        border-bottom: 1px solid #147285;
        border-left: 0px;
        height: auto;
        /* padding: 0px;
        padding-right: 5px; */
        /* text-align: center; */
    }
    #DrpDwnMn1 > li a{
        margin: 5px 0px;
    }
    #DrpDwnMn1 > li i{
        display: block;
        float: right;
        padding: 8px;
    }
    #primary_nav_wrap ul li:first-child {
        border-top: 1px solid #147285;
    }
    .display-menu{
        display: block;
    }
    .display-item{
        display: inline !important; 
        position: relative  !important;
        left: 0px  !important;
    }
    #primary_nav_wrap ul ul li:first-child {
        padding: 0px;
    }
    #primary_nav_wrap ul ul a{
        padding: 0px;
    }
    #primary_nav_wrap ul li a.login-text{
        display: none;
    }
    .login-item{
        display: inline !important;
        position: relative !important;
        width: 100% !important;
    }
    .login_logout #DrpDwnMn1 > li:first-child {
        border-top: 0px;
        width: 100%;
    }
    .login_logout{
        padding-top: 10px;
    }
    .login_logout #DrpDwnMn1 > li {
        padding: 0px;
    }
    .login-item li{
        padding: 0px 10px !important;
    }
}
@media screen and (max-width: 980px){
    .container{
        width: 100%;
    }
    #certified-page .img-certified {
        margin-right: 0px;
    }
    #certified-page .contact-title{
        width: 100% !important;
    }
    .certification{
        background-size: 100% 100%;
    }
    .text-cert h1 a {
        font-size: 75px;
    }   
}
@media screen and (max-width: 768px){
    #overview .link-page{
        width: 100%;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    #certified-page .img-qet-certified{
        margin-top: 55px;
        margin-bottom: 0px;
    }
    .contact_label{
        float: none;
    }
    .auditor_content {
        width: 100%;
        margin-left: -15px;
    }
    .profile-page .font_5{
        font-size: 20px;
    }
    .selbst-audit .tabs-container ul li {
        width: 50%;
        display: inline-block;
        margin-bottom: 5px;
    }
    .selbst-audit .current-sub-criteria{
        margin-bottom: 10px;
    }
    .selbst-audit .selbst-audit-content{
        padding-left: 15px !important;
    }
    .qet-rate{
        width: 93%;
    }
    .question-content{
        width: 100% !important;
    }
    .statement-seek{
        width: 80%;
        margin-left: 35px;
    }
    .certification p{
        font-size: 15px;
    }
    .wrapper-cert h3{
        font-size: 30px;
    }
    .text-cert h1 a {
        font-size: 58px;
    }  
    .content-cert h1{
        font-size: 34px;
    }
    .footer-cert h2{
        font-size: 35px;
    } 
    .my-auditor .custom-width-label{
        width: 41.66666667%;
    }
    .my-auditor .custom-width-value{
        width: 58.33333333%;
    }
}
@media screen and (max-width: 1024px){
    .selbst-audit .tabs-container ul li {
        width: 50%;
        display: inline-block;
        margin-bottom: 5px;
    }
}
@media screen and (max-width: 480px){
    .cert {
        width: 75px;
    }
    #overview .img-certifi.img1 {
        width: 150px;
        margin-right: -10px;
    }
    #overview .img-certifi.img2 {
        margin-left: 0px;
    }
    .qet-richtlinien .tabs-container ul li {
        margin-right: 5px;
        padding: 6px 8px;
    }
    .qet-richtlinien .tabs-container ul li a {
        font-size: 15px;
    }
    .col-xxs-12{
        width: 100%;
        margin:10px 0px; 
    }
    #image-overlay .modal-dialog .content-image-show {
        width: auto;
    }
    .profile-page .font_5{
        font-size: 15px;
    }
    .selbst-audit .tabs-container ul li {
        width: 100%;
        display: inline-block;
    }
    .selbst-audit .tabs-container ul li a{
        font-size: 14px;
        padding: 5px;
    }
    .selbst-audit .tabs-container ul li {
        padding-right: 5px;
    }
    .text-cert {
        position: absolute;
        left: 21%;
        bottom: 4%;
        margin: 0px;
    }
    .text-cert h1 a {
        font-size: 20px;
    }
    .certification p {
        font-size: 8px;
    }
    .wrapper-cert h3 {
        font-size: 15px;
    }
    .content-cert h1 {
        font-size: 15px;
    }
    .footer-cert h2{
        font-size: 15px;
    }
    .info-right {
        margin-left: -18px;
    }
    .footer-cert {
        margin-top: 5%;
    }
    .info-lead {
        margin-left: -5.5% !important;
    }
    .header-cert {
        position: relative;
    }
}
@media screen and (max-width: 380px){
    .qet-richtlinien .tabs-container ul li {
        display: inline;
    }
    .selbst-audit .tabs-container ul li a{
        font-size: 12px;
    }

}
.qq-upload-button{
    width: 145px !important;
}

/** Contact now **/
.contact-section{
    padding: 52px 73px;
    padding-left: 120px;
}

.contact-section.grey{
    background-color: #f5f5f5;
}
.contact-section.blue{
    background-color: #e7f6f6;
}


.contact-section h2 img {
    width: auto; margin-top: -3px;
}
.contact-section p{
    font-size: 14px;
}
.contact-section h2{
    font-size: 14px;
    color: white; background: #147285; padding: 7px;
    position: relative;
    margin-bottom: 25px;
}
.contact-section h2:before{
    content: url(../img/arrow_petrol.png);
    position: absolute;
    left: -50px;
    top: 0;
}
.contact-section h3{
    color: #147287; font-size: 18px; font-weight: normal;
    margin-bottom: 25px;
}

.contact-footer{
    position: relative;
    text-align: center;
}
.contact-footer div{
    position: absolute;
    top: 17%; left: 50%;
    transform: translate(-50%, 0);
}
.contact-footer div a img{
    width: 360px;
}

.contact-header-title p{
    text-align: center; font-size: 16.5pt; color: #606060;
}
.contact-header-title h1{
    text-align: center; font-size: 26pt
}
.contact-header-title{
    margin-top: -50px;
}

.contact-header{
    background: url(../img/header-img.png);
    padding: 30px 0;
    background-size: 100% auto;
}

@media (max-width: 768px){
    .contact-header-title p{
        text-align: center; font-size: 16.5pt; color: #606060;
    }
    .contact-header-title h1{
        text-align: center; font-size: 26pt
    }
    .contact-header-title{
        margin-top: -20px;
    }
    .contact-section {
        padding: 10px 10px;
        padding-left: 55px;
    }
    .contact-header img{
        margin-bottom: 5px;
    }
}

@media (max-width: 480px){
    .contact-header-title p{
        font-size: 12pt;
    }
    .contact-header-title h1{
        font-size: 14pt
    }
    .contact-header-title{
        margin-top: -0px;
    }
}