﻿

.divKidum.main { height:505px}
#divTop50Content {width:96%; padding:0 2%}
#header .socialLinks span {color:#000}
#header {background:#fff;}
#header .globes {margin-right:2%}
#header .socialLinks {margin-left:2% !important}
.centerFolder {background:#feebe1; width:100%; font-size:32px; line-height:90px; text-align:center; color:#c00; height:92px; letter-spacing:2px; clear:both}

.divLSide, .divRSide, .divCenter, .quote, .divCenterText, .tagItems {margin-bottom:0}

.divLSide .divImgOrVideo, .divRSide .divImgOrVideo {position:relative}
.divLSide .divImgOrVideo:after,.divRSide .divImgOrVideo:after {
  content:'';
  position:absolute;
  width: 0; 
  height: 0; 
  top:50%;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent; 
}
#divTop50Content .divLSide.first {background:#eaeaea}
.divLSide.first .divImgOrVideo:after {display:none}
.divLSide .divImgOrVideo:after {border-right:20px solid #fff;}
.divRSide .divImgOrVideo:after {border-left:20px solid #fff;left:0;}

.groupOfFaces {overflow:hidden}
.elementFaces {width:21%; float:right; vertical-align:top; padding:50px 2%; min-height:350px}
.elementFaces .eFimg img { border-radius:50%; max-width:100px}
.elementFaces .eFtitle {font-size:19px; font-family:almoni-dl7; margin-bottom:10px}
.elementFaces .eFsubtitle { font-size:18px; line-height:26px}
.elementFaces .eFsubtitle p {min-height:130px}
.elementFaces:nth-child(2n+1) {background:#eee}

.divImgOrVideoBody .divTitle {font-size:34px;}
.divImgOrVideoBody .btn { margin-top:10px}
.divImgOrVideoBody .divSubtitle, .divArtcl .left span {font-size:19px; line-height:26px;}
.divKidumTitle {font-size:70px; text-align:center; color:#fff; font-family:almoni-dl7; margin-top:10px}
.divKidumBody {font-size:22px; line-height:26px; text-align:center; color:#eee; margin:10px auto 0; position:static; }
.divKidumBody p {width:auto; margin-top:15px}
 
 
 .ex img { margin-top:30px; width:238px !important; height:53px !important}
 .present {font-size:20px;color:#fff; margin-top:90px}

 .details  .titleLine {
    border-bottom: 3px solid #c00;
    width: 30px !important;
    margin:15px 0 0 0;

}

 .divSubtitle .fa {color:#c00; margin-left:5px}

 .fa-cal:before {content: "\f073";}
 .fa-map-marker:before {content: "\f041"; margin-right:3px}
 .fa-microphone:before {content: "\f130 "; margin-right:3px}

 .divImgOrVideoBody .titleLine {margin-top:5px}
 .divImgOrVideoBody .divSubtitle  {margin-top:10px}
 .divImgOrVideoBody .titleLine.Inner {margin:20px 0 0 0}
 
 .elementFaces .eFsubtitle p:empty,
 h2:empty + .titleLine { display:none}
 
.divArtcl {
    overflow: hidden;
    position: relative;
}
 .divArtcl .right {float:right; width:46%;   border-left:1px #ccc solid;  }
 

 .divArtcl .right  img {width:100%; height:auto}
 .divArtcl .left {float:left; width:45%; text-align:right;    position: absolute;
    top: 50%; right:50%; transform: translateY(-50%); }
 .divArtcl .left strong {display:block; font-size:19px; line-height:30px;}
 .divArtcl .left span {margin:15px 0;text-align:right; display:block; }
  .divArtcl .left  strong {font-size: 34px;font-family: almoni-dl7; }
 .divArtcl .left a {margin:0 50px 20px 0; display:block; padding:10px; background:#c00; color:#fff; width:100px}
 .divArtcl .btnForward, .divArtcl .btnBack { position:absolute; top:38%; background:#666; color:#fff; padding:30px 10px;  cursor:pointer}
 .divArtcl .btnForward { left:0}
 .divArtcl .btnBack {right:0}
 .divArtcl .btnForward i,  .divArtcl .btnBack i {font-size:32px}
 .imgorvideo {height:auto; width:100%} 
 .divImgOrVideo .play {    border-radius: 50%;
    top: 44%;
    left: 44%;}
 .elementFaces.info .eFtitle {
    width: 190px;
    margin: 50px auto 20px;
    text-align: right;
    font-size: 34px;
    font-family: almoni-dl7;
    line-height: 38px;
 }
  .btn {    font-size:18px;    width: 180px !important;border-radius: 0 !important;}
  .divImgOrVideoBody .btn, .elementFaces.info  .btn {   
    margin-right: 50px;
    display: block;
    padding: 10px;
    background: #c00;
    color: #fff;


  }
  .elementFaces.info  .btn { margin:0 auto}

  
@media  (min-width: 481px) and (max-width: 1125px) {

    .divKidum.main {height:535px }
    .divLSide .divImgOrVideoBody,
    .divRSide .divImgOrVideoBody {margin-top:10px}

    .divLSide.first .divImgOrVideoBody .divSubtitle {font-size: 17px;line-height: 22px;} 
    .divArtcl .left span  {font-size: 15px;line-height: 22px;}
    .elementFaces .eFsubtitle {font-size: 16px;line-height: 24px;}
    .elementFaces .eFsubtitle p {margin:0}

    .divImgOrVideoBody .divTitle,
    .divArtcl .left  strong {font-size:28px;line-height:32px;}
     
    .divArtcl .btnForward, .divArtcl .btnBack {top:28%}
    .elementFaces {padding-bottom:20px;}
    .divKidumBody {width:57%;}
    .divImgOrVideoBody .divSubtitle {font-size:15px; line-height:22px; margin-left:20px !important}
 
 
}


@media (max-width: 769px) {
    #divTop50Content { width:100%  !important; }
     .divLSide .divImgOrVideo:after {
        left: 50%;
        top: auto;
        bottom: -10px;
        transform: rotate(90deg);
    }
     .divRSide .divImgOrVideo:after {
        left: 50%;
        top: auto;
        bottom: -10px;
        transform: rotate(270deg);
    }
     .divArtcl .left,  .divArtcl .right {position:static}
     .divArtcl .btnForward, .divArtcl .btnBack {top:7%}
     .divArtcl .left {transform:none}
      
     .divLSide.first .divImgOrVideoBody .divTitle {margin-top:0!important}
     .divLSide.first,
     .divLSide.first .divImgOrVideoBody .divSubtitle {margin:0 auto!important; padding-top:10px}
      .divLSide.first p {margin-bottom:0; padding-bottom:10px}

      .divImgOrVideoBody .divTitle, .divImgOrVideoBody .divSubtitle {width:96%!important}
 .divImgOrVideo {margin-bottom:0!important}
.divLSide, .divRSide {margin:0!important}
.divLSide.first .divImgOrVideoBody .divSubtitle {font-family:almoni-dl; font-size:19px!important; line-height:28px!important}
.divKidumBody {width:85%!important}
.elementFaces {width:80%!important; padding:10% 10% 0 10%; min-height:auto}
}



 @media only screen and (max-width: 481px) {
     .divKidum.main { height:540px}
    .divKidum {margin-bottom:0}
     .divKidumTitle {    font-size: 40px;
    line-height: 50px;}
     #divTop50Content {padding:0}
     .present {font-size:14px; margin-top:85px}
     .divImgOrVideoBody .divTitle, 
     .divImgOrVideoBody .divSubtitle {margin-right:4% !important;    width: 90% !important;}
     .divImgOrVideoBody .titleLine {margin-right:4% !important;}
  .elementFaces.info .eFtitle {text-align:center}
     .divImgOrVideo iframe{height:auto}
     .divImgOrVideoBody .divTitle {font-size:30px}
     .divImgOrVideoBody .divSubtitle {font-size:20px;margin-bottom:10px}
     .divKidumBody {font-size:19px}
     .centerFolder {font-size:32px}
     .divArtcl .right {margin-right:0; min-height:190px }
     .elementFaces .eFsubtitle {width:90% !important; margin:0 auto}
     .elementFaces.info {padding-bottom:50px; padding-top:0}
     #footer,#footer_globes,
    .divLSide .divImgOrVideo:after, 
     .divRSide .divImgOrVideo:after {display:none}
     .divImgOrVideoBody .btn {margin-bottom:10px}
 .details  {padding:0 4%!important; width:92%!important;}

}


@media (max-width: 1440px) {
    .divImgOrVideo iframe {
        width: 100%;
    }
}
@media (min-width: 1440px) {
    .elementFaces { min-height: 320px!important; }
}