/* Index General */

.theme-general h1 {
   font-size: 50px;
   font-weight: 300;
   text-transform: capitalize;
   color: #181818;
}

.theme-general .events h1 {
   color: #E3E3E3;
   font-size: 56px;
   font-weight: 700;
   text-transform: uppercase;
   position: absolute;
   top: -51px;
   left: 55px;
}

.theme-general .events h2 {
   text-transform: capitalize;
   font-weight: 300;
   margin-top: 0;
   margin-bottom: 25px;
}

.theme-general .events h3 {
   text-transform: capitalize;
   font-weight: 400;
   margin-top: 0;
}

h4 {
   margin-bottom: 30px;
   line-height: 30px;
   font-size: 22px;
}

.theme-general .events-des {
   margin: 10px 30px 45px 30px;
}

.theme-general .events-img {
   background-color: #fff;
   padding: 0 0 20px 20px;
}

.theme-general .events-img img {
   margin-top: -40px;
}

.theme-general .events-box {
   font-size: 12px;
   background-color: rgba(255,255,255,0.80);
   padding: 30px 50px;
   position: absolute;
   bottom: -44px;
   border-bottom: 3px solid #F1F1F1;
   margin: 0 20px;
   z-index: 10;
   line-height: 20px;
}

.theme-general .content-intro {
   position: relative;
   z-index: 0;
   padding-top: 200px;
   padding-bottom: 200px;
}

.theme-general .content-intro:before {
   background-image: url(../img/general-03.jpg);
   content: "";
   width: 600px;
   height: 320px;
   z-index: -15;
   margin: 60px auto 0 auto;
   box-shadow: 0 23px 44px rgba(0, 0, 0, 0.25);
   position: absolute;
   left: 0;
   right: 0;
   background-repeat: no-repeat;
   background-size: cover;
}

.theme-general .content-intro h2 {
   margin-bottom: 30px;
   margin-top: 30px;
}

.theme-general .content-intro .box-left h2 {
   margin-top: 30px;
   font-size: 30px;
}

.theme-general .content-intro .box-right img,
.theme-general .content-intro .box-left img {
   z-index: -1;
   position: absolute;
   width: 450px;
   height: 290px;
   overflow: hidden;
}

.theme-general .content-intro .box-right img {
   right: 40px;
   top: 0;
   margin-top: 150px;
   box-shadow: 0 23px 44px rgba(0, 0, 0, 0.25);
}

.theme-general .content-intro .box-left img {
   left: 40px;
   top: 0;
   box-shadow: 0 23px 44px rgba(0, 0, 0, 0.25);
}

.theme-general .content-intro .box-left .intro-des {
   padding-right: 100px;
   width: 70%;
}

.theme-general .content-intro .box-right {
   text-align: right;
}

.theme-general .content-intro .box-right h2 {
   margin-top: 270px;
}

.theme-general .content-intro .box-right .intro-des {
   padding-left: 100px;
   width: 70%;
   display: inline-block;
}

.theme-general .content-intro p {
   font-size: 12px;
   font-weight: 400;
}

.theme-general .box-bg-content {
   position: relative;
   min-height: 600px;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center 90%;
			background-image: url(../img/general-02.jpg);
}

.theme-general .box-bg-content .box {
   background-color: rgba(251,251,251,0.90);
   padding-top: 90px;
   padding-bottom: 35px;
   display: table;
   height: 600px;
   margin-top: 30px;
   margin-left: 30px;
   z-index: 1;
   border: 20px solid #E6E6E6;
   text-align: center;
}

.theme-general .box-bg-content .box-des {
   padding-bottom: 60px;
   font-weight: 400;
}

.theme-general .box-bg-content h1 {
   color: #E3E3E3;
   font-size: 56px;
   font-weight: 700;
   text-transform: uppercase;
   position: absolute;
   right: 100px;
   top: -51px;
}

.theme-general .box-bg-content h2 {
   text-transform: capitalize;
   font-weight: 300;
   margin-top: 0;
}

.theme-general .wrap-slide-img {
   height: 370px;
   position: relative;
   width: 100%;
   border: 15px solid #F4F4F4;
}

.theme-general .creative-img-box {
   position: absolute;
   bottom: -40px;
   left: 70px;
   padding: 10px 30px;
   width: 50%;
   background-color: #F7F7F7;
   border-bottom: 3px solid #F1F1F1;
   -webkit-transition: all 1s ease-in-out;
   -moz-transition: all 1s ease-in-out;
   -o-transition: all 1s ease-in-out;
   transition: all 1s ease-in-out;
   z-index: 10;
   text-align: center;
}

.theme-general .creative-img-box h5 {
   font-size: 13px;
   font-weight: 400;
}

.theme-general .creative-img-box-eff:hover .creative-img-box {
   background-color: #fff;
   margin: 0 0 0 60px;
}

.theme-general .events-button {
   padding-top: 25px;
   padding-bottom: 25px;
}

.theme-general .events-effect {
   width: 100%;
   min-height: 150px;
   position: relative;
   -webkit-perspective: 1000px;
   -moz-perspective: 1000px;
   -o-perspective: 1000px;
   perspective: 1000px;
}

.theme-general .events-wrap {
   width: 100%;
   height: 100%;
   position: absolute;
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   -o-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transition: -webkit-transform .5s;
   -moz-transition: -moz-transform .5s;
   -o-transition: -o-transform .5s;
   transition: transform .5s;
}

.theme-general .events-wrap div {
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   color: #181818;
   text-align: center;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -o-backface-visibility: hidden;
   backface-visibility: hidden;
}

.theme-general .events-wrap .events-icon {
   -webkit-transform: translateZ(10px);
   -moz-transform: translateZ( 10px );
   -o-transform: translateZ( 10px );
   transform: translateZ( 10px );
}

.theme-general .events-wrap .events-button {
   -webkit-transform: rotateX( 90deg ) translateZ( 10px );
   -moz-transform: rotateX( 90deg ) translateZ( 10px );
   -o-transform: rotateX( 90deg ) translateZ( 10px );
   transform: rotateX( 90deg ) translateZ( 10px );
}

.theme-general .events-wrap.show-front {
   -webkit-transform: translateZ( -10px );
   -moz-transform: translateZ( -10px );
   -o-transform: translateZ( -10px );
   transform: translateZ( -10px );
}

.theme-general .events-wrap.show-bottom {
   -webkit-transform: translateZ( -10px ) rotateX( -90deg );
   -moz-transform: translateZ( -10px ) rotateX( -90deg );
   -o-transform: translateZ( -10px ) rotateX( -90deg );
   transform: translateZ( -10px ) rotateX( -90deg );
}