img{ max-width:100%;}
body{ background-color:#f6f4f4; overflow-x:hidden;}
.logo{ text-align:center; margin-top:7px;}
.opes-logo{ text-align:right; margin-top:20px;}
.top-navbar{ padding:27px 0; border-bottom:1px solid #e0dcdc;}
.no-padding{ padding:0px;}
:hover{   -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
a:hover{  -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}

/* Icon 1 css*/
.nav-bg{ background-color:#ba181e; border-radius:50%; width:50px; height:50px;}
#toggle {
  width: 28px;
  height: 30px;
  margin: 10px auto;
  padding-top:8px;
  cursor:pointer;
}
#toggle div {
  background: white;
  backface-visibility: hidden;
  height: 1px;
  margin: 8px auto;
  transition: all 0.3s ease 0s;
  width: 80%;
}

#toggle.on .one {
  transform: rotate(45deg) translate(5px, 5px);
}

#toggle.on .two {
  opacity: 0;
}

#toggle.on .three {
  transform: rotate(-45deg) translate(7px, -8px);
}

#menu {
  color: white;
  border: 1px solid white;
  width: 150px;
  height: 100px;
  padding: 10px;
  border-radius: 3px;
  font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  line-height: 100px;
  text-align: center;
  margin: auto;
  display: none;
}

/* Icon 1 css */

/* hover-overlay-style */
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect h2, .hovereffect img {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.hovereffect:hover img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
}

.hovereffect a.info {
    background-color: transparent;
    color: #fff;
    display: inline-block;
    font-weight: normal;
    height: 93%;
    left: 3%;
    margin: 30px 0 0;
    opacity: 0;
    padding: 37px;
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
    top: -5%;
    transform: scale(1.5);
    transition: all 0.4s ease-in-out 0s;
    width: 94%;
}

.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  background-color: rgba(0,0,0,0.7);
}
/* hover-overlay-style */

.menu h6{ font-family: 'HelveticaNeue-Bold'; font-size:20px; color:#ba181e; float:left; text-transform:uppercase; margin-left:55px; padding-top:15px;}
.yellow-bg{ background-color:#ffd202; min-height:782px;}
.yellow-bg h1{ font-size:46px; font-family: 'ostrich_sansheavy'; color:#000; margin-top:60px; padding:0 80px;}
.yellow-bg p{ font-size:23px; color:#000; font-family: 'HelveticaNeue-Light'; padding:0 80px; margin:30px 0;}
.category-tags{ background-color:#000; border-radius:30px; border:none; font-family: 'HelveticaNeue-Bold'; font-size:16px; color:#fff; 
text-transform:uppercase; margin-bottom:10px; padding:7px 19px;}
.category-tags:hover{ background-color:transparent;}
.tag-area{ padding:0 80px;}
.share-area{ margin-bottom: 64px; margin-top: 20px; padding: 0 80px;}
.tag-area li{ padding:0px;}
.share-area h2{ font-size:19px; font-family: 'HelveticaNeue-Light'; font-size:19px;}
.blurred-bg{ background:url(../img/blured-bg.jpg) no-repeat; padding-top:50px; padding-bottom:50px; min-height:782px;}
.template-view{ padding-top:28px;}
.template-view2{ padding-top:30px; padding-bottom:41px;}
.tagged-area{ background-color:#ffd202; margin-top: -95px; min-height:95px; padding: 36px 0 20px 22px; position: absolute; /*width: 732px; z-index:9999;*/}
.tagged-area a{ font-size:17px; font-family: 'HelveticaNeue-Light'; text-transform:uppercase; color:#000; margin-right:8px;}
.tagged-area a:hover{ text-decoration:none;}
/*.tag-width{  margin-top: 4px; width: 461px; padding:0 4px;}*/
.btn-more:hover{ background-color:#b9181e; cursor:pointer;}
.btn-more{ background-color:#826b01; float:right;  margin-top: -95px; padding: 30px 36px;}
.btn-more img{ text-align:center; width:36px; height:36px;}
.tagged-name{   background-color: #000; color: #fff; font-family: "HelveticaNeue-Bold"; font-size: 16px;  margin-top: -125px; padding:4px 10px; position:absolute;
text-align: center; text-transform: uppercase; }
.main-head h2{ font-size:30px; color:#000; font-family: 'HelveticaNeue-Light'; text-transform:uppercase; text-align:left; margin-left:40px;}
.filter-btn{ text-align:right;}
.tag-hover{ border-radius:0; font-size:19px; color:#000; background:#ffd202;}
.overlay h4{ color:#ffffff; font-family: 'ostrich_sansheavy'; font-size:52px; margin-top:47px; margin-bottom:0px;}
.overlay p{ font-size:18px; font-family: 'HelveticaNeue-Light'; text-transform:none; line-height:0.5;}
.mag-btn{ color:#ffd202; font-size:17px;}
.close-modal-02{ font-size:40px; color:#FFF; text-align:center; border:none; cursor:pointer;}
.close-modal-02 a{ text-transform:uppercase;}
.close-modal-02 a:hover,.close-modal-02 a:active{ text-decoration:none; color:#ba181e;}
.theme-modal{ border:none; box-shadow:none;}
.footer-bg{ background:url(../img/footer-pattern.jpg) repeat;}
.copyright{ font-size:15px; color:#6e6e6e; font-family: 'HelveticaNeue-Light'; margin-top:30px;}
.footer-link li a{ color:#31302d; font-family: 'HelveticaNeue-Bold'; text-transform:uppercase; font-size:12px;}
.footer-link{ margin-top:30px;}
.social-media li a{ color:#141414; font-size:25px;}
.copyright-area{ padding:20px 0;}
.social-media{ margin-top:20px;}
.venture-by{ margin-top:50px; text-align:right;}
.venture-by span{ padding-right:15px; font-size:15px; color:#000; font-family: 'HelveticaNeue-Light'; text-align:right;}
.modal-slider{ margin:142px auto;}
.modal-open .modal{ background-color:#000;}
.close{  background: #fff none repeat scroll 0 0 !important; border-radius: 50%; color: #ffd202; font-size: 22px; height: 40px; margin: 30px; opacity: 1; width: 40px;}
.close:hover, .close:focus{ color:#b9181e; text-shadow:none;}
.carousel-control.left,.carousel-control.right{ background:none;}
.carousel-control.left img,.carousel-control.right img{ height:40px; width:40px;} 
.carousel-control.left{ left:45%; top: 105%;}
.carousel-control.right{  right: 34%; top: 105%;}
.social-media a:hover{ color:#b9181e;}
.filter-btn{ margin-top:12px;}
.carousel-caption{ width:100%; left:0; right:0; background:url(../img/carousel-bg.png) repeat;}
.carousel-caption a{ font-family: 'HelveticaNeue-Bold'; color:#000; font-size:25px;}
.carousel-caption a:hover, .carousel-caption:focus{ color:#fff; text-decoration:none; background-color:#ba181e; padding:12px 27px 19px; border-radius:5px;}
html {
  overflow: hidden;
  height: 100%;
}
body {
  overflow: auto;
  height: 100%;
}

/* unset bs3 setting */
.modal-open {
 overflow: auto; 
}