@font-face {
    font-family: din;
    src: url('fonts/Din.otf');
}

@font-face {
    font-family: dinM;
    src: url('fonts/dinLight.otf');
}

body {
    background: #e1e0e0;
    margin: 0;
    padding: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-family: 'dinM';
}
#wrap.online-t h1, #wrap.online-t h2, #wrap.online-t h3, #wrap.online-t h4, #wrap.online-t h5, #wrap.online-t h6 {
    font-family: 'dinM';
}
#header.horizontal-w.w-header-type-10 #nav > li > a {
    font-family: 'dinM';
}
#nav ul li a {
    font-family: 'dinM';
}
#nav img {
    margin-bottom: 2px ;
}
.esg-navigationbutton .esg-loadmore{
    font-family: unset ;
}
.insidePageBackground {
    overflow: hidden;
    height: 300px;
    /*transform: skew(0deg, -3deg) translateY(-100px);*/
    box-shadow: 0 3px 10px rgba(0, 0, 0, .29);
    -webkit-backface-visibility: hidden;
}

.insidePageBackground img{
    height: 700px;
    filter: opacity(.8);
    /*-webkit-filter: blur(2px);*/
    /*-moz-filter: blur(2px);*/
    /*-o-filter: blur(2px);*/
    /*-ms-filter: blur(2px);*/
}
.insidePageBackgroundContainer {
    top: 200px;
    right: 100px;
    color: white;
    position: absolute;
}

.insidePageBackgroundContainer h1 {
    font-family: 'dinM';
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.7);
    font-size: 3vw;
    font-weight: bold;
    margin-bottom: 70px ;
}

.esg-container-fullscreen-forcer a{
    font-family : "dinM" ;
}

.eg-cleveland-element-6, .eg-cleveland-element-0, .eg-cleveland-content, .blog-social {
    font-family: 'dinM';
    direction: rtl ;
    text-align: right ;
}
.wpcf7 p{
    text-align: center ;
    margin-bottom: 20px ;
}
.wpcf7 p label{
    text-align: right ;
}
.wpcf7-submit{
    margin: 0 auto;
    font-family: 'dinM';
    display: block;
}
.eg-cleveland-element-6 {
    font-size: 13px ;
    line-height: 22px ;
    color: #eeeeee ;
    font-weight: 400 ;
    display: block ;
    text-align: right ;
    clear: none ;
    margin: 15px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
    border-radius: 0px 0px 0px 0px ;
    background: transparent ;
    position: relative ;
    z-index: 2 ;
    font-family: 'dinM';
    text-transform: capitalize ;
}
.esg-grid .mainul li.eg-cleveland-wrapper {
    direction: rtl ;
}

/* the container general rules */
.skewedBox {
    /*background: #eaeaea;*/
    /*padding: 70px 0px;*/
}

.left {
    transform: skew(0deg, -3deg) translateY(100px);
}

.left:after {
    background: linear-gradient(to left, rgba(152,195,64,0.2) 25%, rgba(31,186,240,0.2) 25%, rgba(31,186,240,0.2) 50%, rgba(255,205,2,0.2) 49%, rgba(255,205,2,0.2) 75%, rgba(148,88,150,0.2) 75%);
}

.right {
    transform: skew(0deg, 3deg) translateY(100px);
}

.right:after {
    background: linear-gradient(to left, rgba(152,195,64,0.2) 25%, rgba(31,186,240,0.2) 25%, rgba(31,186,240,0.2) 50%, rgba(255,205,2,0.2) 49%, rgba(255,205,2,0.2) 75%, rgba(148,88,150,0.2) 75%);
}

/* bt atm */
.midlLiner {
    transform: skew(0deg, 0deg) translateY(100px);
    margin-bottom: 100px;
}

.midlLiner:after {
    background: linear-gradient(to left, rgba(152,195,64,0.8) 25%, rgba(31,186,240,0.8) 25%, rgba(31,186,240,0.8) 50%, rgba(255,205,2,0.8) 49%, rgba(255,205,2,0.8) 75%, rgba(148,88,150,0.8) 75%);
}

/* bt atm */

.skewedBox:after {
    position: absolute;
    content: '';
    height: 5px;
    right: 0;
    left: 0;
    bottom: 0;
}

/*.skewedBox > .skewedContainer{*/
/*	text-align:center;*/
/*}*/
.skewedBoxLeftContainer {
    transform: skew(0deg, 3deg);
}

.skewedBoxRightContainer {
    transform: skew(0deg, -3deg);
}

/**font for container as separet class to use inside page**/
.wpb_wrapper p, h2, h3, h4, h5, h6, span.vc_tta-title-text {
    font-family: 'dinM';
}



/** override header properties **/
@media only screen and (min-width:1920px) {
    #header .container nav.col-md-6 {
        width: 60%;
    }
}

@media only screen and (max-width: 1919px) {
    #header .container nav.col-md-6 {
        width: 68%;
    }
}

#header {
    background: transparent ;
    border-top: 0px ;
    box-shadow: 0 0 0 ;
}

#header.w-header-type-10{
    max-width: unset;
}

#header a {
    font-family: 'dinM';
    font-size: large ;
    color: white ;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.7);
}

#header a:hover {
    background: transparent ;
}

/** except for sticky header **/
#header.horizontal-w.sticky a {
    background: white ;
}

#header.horizontal-w.sticky #nav .sub-menu a:hover {
    background: #eaeaea ;
    color: #d0ae5e ;
}

#header.horizontal-w.sticky #nav a {
    color: #424242 ;
}

.dark-submenu #nav ul, li {
    background: transparent ;
}

.dark-submenu #nav ul, li {
    background: transparent ;
}


/*#header #nav-wrap .container #nav li a:hover{*/
/*    color:#d0ae5e ;*/
/*}*/

#nav-wrap.nav-wrap1 ul{
    padding-top: 15px;
}

#nav-wrap.nav-wrap1 #nav a{
    height: 30px;
    line-height: unset;
    padding: 5px 15px ;
}

#nav-wrap.nav-wrap1 #nav a:hover{
    background: #d0ae5e ;
    color: white ;
    transition: box-shadow 0.1s ease-in-out  ;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3) ;
    border-radius: 25px ;
}

/** no shadow or raduis **/
#nav-wrap ul.sub-menu{
    padding: unset ;
    padding-top: 20px ;
}
#nav-wrap.nav-wrap1 #nav ul.sub-menu a:hover{
    box-shadow: unset ;
    border-radius: 0px ;
}

/** end **/

/**override tabs properites**/

.skewedBox .vc_tta-tab > a {
    border-color: transparent ;
    background-color: transparent ;
    color: #6d7c39 ;
}

.skewedBox .vc_tta-tab.vc_active > a {
    border-color: transparent ;
    background-color: #6d7c39 ;
    color: white ;
}

.skewedBox .vc_tta-tab {
    font-size: large ;
}

/** add by atm **/
#wrap {
    background: #f0f0f0 ;
    background: none;
}



.wadi-text, p {
    font-family: 'dinM';
    /*font-size: 20px ;*/
}

/** START footers **/
.footer-contact-info {
    padding: unset;
}

#footer {
    padding-top: 20px ;
}

.footbot {
    padding: 0 0 10px;
}

.footer-in {
    padding-bottom: 0 ;
}

.footer-contact-info, .pre-footer {
    font-family: 'din' ;
}

#footer {
    background-image: url("../../uploads/2017/12/foot.png") ;
    background-size: cover ;
    background-position: center ;
    background-repeat: no-repeat ;
}

#footer h1, h2, h3, h4, h5, h6 {
    font-family: 'dinM' ;
}

#footer {
    font-family: 'din' ;
}

.footer-contact-info .container .col-md-4 {
    float: right;
}

.footer-contact-info span {
    color: #fff ;
    text-align: right ;
}

.footer-navi {
    color: #fff ;
}

.footer-contact-info {
    background-color: rgba(255, 255, 255, .1) ;;
}

/** END footers **/

/** tabs by atm **/
.vc_tta-tabs-container {
    margin-bottom: 10px ;
    padding: 11px ;
    border-bottom: #7a9c97 1px solid ;
}

.vc_tta-title-text {
    padding: 15px ;
    font-size: large ;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a {
    background: #388679 !important;
    color: #fff !important;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a {
    background-color: unset !important;
    border: unset !important;
    color: #388679 !important;
    border-color: #e9e9e9 !important;
    padding: 2px 4px 2px 4px !important;
    border-radius: 9px !important;
    margin-left: 10px;
    margin-right: 10px;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
    background: none ;
    padding: 15px ;
}

.bord {
    border: solid crimson 1px ;
}
.blog-single-post{
    background: unset ;
}

.yotu-video-title, .yotu-playing-description, .yotu-playing{
    text-align: right ;
}

.rec-posts h3{
    color: #777777 ;
}

/** Button style **/
.vc_btn3-container button{
    font-family: 'dinM';
    font-weight: 700 ;
    font-size: 16px ;
    padding: 10px 20px ;
    display: inline-block ;
    margin: 30px 0 0 ;
    outline: none ;
    background: #00bdbd ;
    color: white ;
    box-shadow: 0 3px 6px rgba(0,0,0,0.3) ;
    border-radius: 25px ;
    border-color: rgba(0,0,0,0) ;
}

.vc_btn3-container button:hover{
    background: #008080  ;
    color: white  ;
    transition: box-shadow 0.1s ease-in-out  ;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3)  ;
    border-radius: 25px ;
}

.vc_btn3-container a{
    font-family: 'dinM';
    font-weight: 700 ;
    font-size: 16px ;
    padding: 10px 20px ;
    display: inline-block ;
    margin: 30px 0 0 ;
    outline: none ;
    background: #00bdbd ;
    color: white ;
    box-shadow: 0 3px 6px rgba(0,0,0,0.3) ;
    border-radius: 25px ;
    border-color: rgba(0,0,0,0) ;
}

.vc_btn3-container a:hover{
    background: #008080  ;
    color: white  ;
    transition: box-shadow 0.1s ease-in-out  ;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3)  ;
    border-radius: 25px ;
}

.esg-navigationbutton {
    font-family: 'dinM';
    font-size: 1.5em ;
}
.eg-cleveland-content {
    min-height: 250px ;
}


.menu_item_wpglobus_menu_switch a span{
    display: inline ;
    color: #fff ;
    font-family: 'dinM';
    font-size: large ;
}

/* English Style */
/* Menu Style */
#nav a{
    text-transform:none ;
}
/* end of menu style*/
/* End of english style */

/*Products Section*/
.woocommerce ul.products li.product {float: right;}



.esg-loadmore {
    font-family: "dinM" ;
}
.flat-light .esg-filterbutton, .flat-light .esg-navigationbutton, .flat-light .esg-sortbutton, .flat-light .esg-cartbutton{
    font-family: "dinM" ;
}
.flat-light .esg-navigationbutton{
    font-family: "dinM" ;
}