/* Add here all your CSS customizations */
/* Add here all your CSS customizations */
body {font-family: 'Raleway', sans-serif;}
/*home page*/
.videoCaption{margin-top:70px !important;color:#ff0000 !important;font-size: 24px !important;
    text-align: center !important;font-weight: bold !important;}
html:not(.sticky-header-active) #header.header-transparent:not(.header-semi-transparent) .header-body {
     background-color: #212529 !important; }
#header .header-nav-main nav > ul > li > a {font-size: 16px;text-transform: none;font-weight: 500;}
#header .header-nav.header-nav-links nav > ul li:hover > a {color: #ff0000;}
#header.header-effect-shrink .header-container {min-height: 50px;}
.section-scroll-dots-navigation {display: none;}
#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {
    color: #fff;
}
#footer .footer-copyright p {color: #fff;}
#header .header-logo img {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    top: 0;
    width: 100px;
    height: auto;
    padding-left: 25px;
}
#header .header-nav.header-nav-links, #header .header-nav.header-nav-line {
    padding-right: 25px;
}


.commonPageTag{padding-top:100px;}
.commonPageTag2{padding-top:40px;}
.commonTitle{color:#ff0000;width: 100%;border-bottom: 2px solid #ff0000;}
.commonTitleAbt{color:#000;width: 100%;border-bottom: 2px solid #000;}
.zoom{text-align:center;border-radius: 3px;/*padding: 50px;*/background-color: #ccccc8;transition: transform .2s;margin: 0 auto;margin-right: 10px;margin-bottom: 10px;font-weight:700;font-family: 'Raleway', sans-serif;}
.zoom:hover{border-radius: 3px;text-decoration: none;-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.zoom h3 {margin-bottom: 0;font-size: 26px;line-height: 1.2;}
.zoom:hover h3 {color: red;}
.socialIcon {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);margin:0;padding:0;display:flex;}
.socialIcon li {list-style: none;}
.socialIcon li a {position: relative;width:60px;height:60px;display:block;text-align:center;margin:0 10px;border-radius: 50%;padding: 6px;box-sizing: border-box;text-decoration:none;
  box-shadow: 0 10px 15px rgba(0,0,0,0.3);
  background: linear-gradient(0deg, #ddd, #fff);transition: .5s;}
.socialIcon li a:hover {box-shadow: 0 2px 5px rgba(0,0,0,0.3);}
.socialIcon li a .icons {width: 100%;height:100%;display:block;
  background: linear-gradient(0deg, #fff, #ddd);
  border-radius: 50%;
  line-height: calc(60px - 12px);
  font-size:24px;color: #262626;transition: .5s;}
.socialIcon li:nth-child(1) a:hover .icons {color: #3b5998;}
.socialIcon li:nth-child(2) a:hover .icons {color: #00aced;}
.socialIcon li:nth-child(3) a:hover .icons {color: #FF0000;}
.socialIcon li:nth-child(4) a:hover .icons {color: #007bb6;}
.socialIcon li:nth-child(5) a:hover .icons {color: #e4405f;}
.socialIcon li:nth-child(6) a:hover .icons {color: #10BEF2;}

.contactmail li:nth-child(1){font-size: 42px;}
.contactmail li:nth-child(2){font-size: 32px;}
.contactmail li:nth-child(3){font-size: 32px;}
.contactmail a{transition: .2s;}
.contactmail a:hover{color: #e36159 !important;text-decoration: none;}

.zoom{
  text-align: center;
  border-radius: 3px;
  padding: 50px;
  background-color: #ccccc8;
  transition: transform .2s;
  margin: 0 auto;
  margin-right:10px;
  margin-bottom:10px;
  font-weight: 700;
  font-family: 'Raleway', sans-serif;
}

.zoom:hover{
  border-radius: 3px;
  text-decoration: none;
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 
}
.zoom:hover h3{color:red;}
.section1Content, .mainContent{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.card-text a{text-align: center !important;font-size: 18px;font-weight: 600;}
.serviceItem a{color:inherit;}
.card-text a:hover, .serviceItem a:hover{text-decoration: none;}

/*about page*/
.abtTitle{color:#790000;}
.abtStoryTitle{color:#fff;}

/*work page*/
.middle{transition: .5s ease;opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;}
.middle a:hover{text-decoration: none;}
.workItemImage:hover .image {opacity: 0.3;}
.workItemImage:hover .middle {opacity: 1;}
.image {opacity: 1;display: block;width: 100%;height: auto;transition: .5s ease;backface-visibility: hidden;}
.text{background-color:#ff0000; color:white;font-size:16px;padding: 16px 32px;border-radius: 30px;}
.workItemImage{position: relative;width: 100%;}
.workItem h4 {font-size: 24px;margin-bottom: 0px;}
.tvcTitle{height: 60px;top:0;bottom: 0;left: 0;right: 0;position:relative;display:flex;background: #f7f7f7;
  justify-content: center;
  flex-direction: column;
  align-items: center;}
.tvcTitle h6{color:#e36159;}
.workItemTitle{background: #f7f7f7;padding: 25px;}

/*contact page*/
.contactAd{margin-top:30%;margin-bottom:5%;color:#000;text-align: left;}
.contact-form{background: #fff;margin-top: 10%;margin-bottom: 5%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius: 10px;}
.contact-form .form-control{border-radius:1rem;}
.contact-image{text-align: center;}
.contact-image img{border-radius: 6rem;width: 11%;margin-top: -3%;transform: rotate(29deg);}
.contact-form form{padding-top: 14%;padding-left: 8%;padding-right: 8%;padding-bottom: 8%;}
.contact-form form .row{margin-bottom: -7%;}
.contact-form h3{margin-bottom: 8%;margin-top: -10%;text-align: center;color: #dc3545;font-weight: bolder;}
.contact-form .btnContact {width: 50%;border: none;border-radius: 1rem;padding: 1.5%;background: #dc3545;font-weight: 600;color: #fff;cursor: pointer;}
.btnContactSubmit{width: 50%;border-radius: 1rem;padding: 1.5%;color: #fff;background-color: #0062cc;border: none;cursor: pointer;}

/*client page*/
.clientTabList {margin-bottom:50px;}
.clientTabList li a{padding:15px 50px;border:1px solid #3333331f;background-color:#F5F7F1; color:#000; font-weight: bold;font-size: 18px; -webkit-transition:all .5 ease;-moz-transition:all .5 ease;-ms-transition:all .5 ease;-o-transition:all .5 ease;transition: all .5 ease;}
.clientTabList li:hover{background:tomato;color:#fff;}
.clientTabList li a.active{background:tomato;color:#fff;}
.clientTabList li:first-child a{background:tomato;color:#fff;}
.clientItem{border:1px solid #5d58585c;margin: 10px 0px;border-radius: 3px;transition: transform .2s;}
.clientItem:hover{filter: grayscale(100%);}
.clientItem{max-width: 155px;height:auto;}

/*-------------event & activation---------------*/

.portfolio-item .img-wrap img {display: block;min-width: 100%;width: 100% !important;position: relative;max-width: 100.5%;height: auto;transition: transform 0.5s, opacity .5s;-webkit-backface-visibility: hidden;overflow: hidden;}
.portfolio-item .img-wrap {overflow: hidden;position: relative;display: block;}
.portfolio-item:hover img {transform: scale(1.2);}
.portfolio-item .preview {position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;color: #fff;display: flex;justify-content: center;align-items: center;flex-direction: column;
  opacity: 0;background: rgba(0, 0, 0, 0.7);transition: 0.3s all;z-index: 1;}
.portfolio-item .preview:hover {opacity: 1;}
.portfolio-item .preview .title {font-weight: 600;padding: 15px;font-size: 20px;text-align: center;}
.galleryThumb{display: none;}

/*publications page*/
.portfolio-item .img-wrap{border-bottom: 1px solid #a2a2a263;box-shadow: 0px 5px 10px black;}

/*awards page*/
#lightbox {z-index: 9999;}
.lightbox {z-index: 999;}
.lightboxOverlay{z-index: 999;}
.awardDes{background: #f7f7f7;padding:10px;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
.awardDes a{color:#e36159;font-size: 15px;}
.awardDes p{line-height: 20px;}

/*-------------- media query -----------------------*/

@media (max-width: 1024px){
  /*work page*/

.workItem h4 {font-size: 20px;}
.text {font-size: 12px;padding: 8px 20px;}
.workItem .card-body {padding: 20px;}

 /*client page*/
 .clientItem {max-width: 125px;}
  
}

@media (max-width: 991px){

  /*home page*/
.zoom{padding: 35px;}
.zoom h3 {margin-bottom: 0;font-size: 24px;}
.contactmail li:nth-child(1){font-size: 36px;}
.contactmail li:nth-child(2){font-size: 22px;}
.contactmail li:nth-child(3){font-size: 22px;}
.socialIcon li a .icons {font-size:20px;}
.socialIcon li a {width: 57px;height: 57px;}

  /*work page*/

.text{background-color:#ff0000; color:white;font-size:16px;padding: 16px 32px;border-radius: 30px;}
.workItem h4 {font-size: 26px;}
.workItem{margin-bottom: 10px;}
.workItem .card-body {padding: 20px;}

 /*client page*/
 .clientItem {max-width: 188px;}

 /*contact page*/
 .contactAd {margin-top: 5%;}
}

@media (max-width: 576px){

  /*home page*/
.socialIcon li a {
  width: 40px;
  height: 40px;
}
.socialIcon li a .icons {
  line-height: calc(44px - 12px);
  font-size: 16px;
}

}