#section-module { padding: 80px 0 40px 0px; } .text-light { color: #fff !important; } /*--------------------------------------------------------------*/ /* Slider Section /*--------------------------------------------------------------*/ .hero-slider-area { height: auto; padding-top: 0; padding-bottom: 0; position: absolute; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .slide-content-left, .slide-content-right, .slide-content-center { left: 0; right: 0; } .slide-content-right .hero-caption { float: right; text-align: right } .slide-content-center .hero-caption { float: none; margin: 0 auto; text-align: center; } .hero-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; } .hero-caption { padding: 45px 40px 45px; width: 55%; border-radius: 1px; } .hero-caption .title { font-size: 45px; line-height: 1.3; color: #2b2927; font-weight: 600; margin-bottom: 15px; margin-top: -14px; } .hero-caption .description { color: #0d0c0c; font-size: 18px; line-height: 32px; margin-bottom: 30px; } @media only screen and (max-width: 992px) { .hero-caption { padding: 20px 20px 25px; } .hero-caption .title { font-size: 36px; margin: -10px 0 5px; } .hero-caption .description { font-size: 16px; line-height: 27px; margin-bottom: 20px; } .hero-caption .slide-btn { font-size: 15px; line-height: 20px; padding: 10px 25px; } } @media only screen and (max-width: 768px) { .hero-caption { padding: 15px 15px 20px; } .hero-caption .title { font-size: 24px; margin: -7px 0 0px; } .hero-caption .description { font-size: 13px; line-height: 20px; margin-bottom: 15px; } .hero-caption .slide-btn { font-size: 13px; line-height: 18px; padding: 8px 22px; } } /*Caption Animation*/ .owl-item.active .hero-slider-area .title{ animation: 1s .7s fadeInDown both; } .owl-item.active .hero-slider-area .description{ animation: 1s .7s fadeInUp both; } .owl-item.active .hero-slider-area .btn-area { animation: 1s .9s fadeInUp both; } /*--------------------------------------------------------------*/ /* Service Section /*--------------------------------------------------------------*/ .service-area .post { background-color: #fff; padding: 0 15px 40px; margin: 0; transition: all 0.4s ease 0s; display: block; word-wrap: break-word; position: relative; cursor: default; z-index: 1; } .service-icon { margin: 0 auto 24px; text-align: center; } .service-icon i { /* font-size: 50px; */ line-height: normal; transition: all 300ms ease-out 0s; } .service-area .post .entry-header { display: block; margin: 0 0 7px; padding: 0; } .service-area .post .entry-header .entry-title { font-weight: 600; font-size: 20px; margin: 0 0 18px; } .entry-header .entry-title a { color: #363636; } .service-area .post p:last-child { margin-bottom: 0; } /*--------------------------------------------------------------*/ /* Funfacts /*--------------------------------------------------------------*/ .funfact { background: #4183FF; position: relative; } .funfact-inner { margin: 0 0 40px; padding: 0; -webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; } i.funfact-icon { font-size: 40px; transition: 0.3s; margin-bottom: 30px; } .funfact-title { font-size: 36px; font-weight: 600; margin: 0 0 10px; } .funfact-inner .description { font-size: 15px; font-weight: 400; margin: 5px 0 18px; } .funfact-seperate { width: 20px; height: 2px; display: block; margin: 0 auto 10px; background: #fff; } /*--------------------------------------------------------------*/ /* Portfolio Section - Template One /*--------------------------------------------------------------*/ .portfolio-two { margin: 0px; padding: 60px 0 30px; } .portfolio-two .post { border-radius: 0; margin-bottom: 40px; transition: all 0.3s ease 0s; background-color: transparent; position: relative; } .portfolio-two .post .post-content { padding: 17px 15px 17px; background-color: #fff; } .portfolio-two .post-thumbnail { margin: 0px; width: 100%; overflow: hidden; position: relative; transition: all 600ms ease-out 0s; } .portfolio-two .post-thumbnail img { transition: all 600ms ease-out 0s; width: 100%; opacity: 1; } .portfolio-two .post:hover .post-thumbnail img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); opacity: 1; } .portfolio-two .entry-header .entry-title { font-weight: 600; font-size: 20px; margin: 0 0 0.313rem; } .thumbnail-showcase-overlay { background: rgba(0, 0, 0, 0.5); visibility: hidden; opacity: 0; transition: all 0.4s ease; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 0; padding: 15px; } .portfolio-two .post .post-thumbnail:hover .thumbnail-showcase-overlay { visibility: visible; opacity: 1; height: 100%; } .portfolio-two .post .post-thumbnail{ text-align:center; position:relative; line-height:0px; font-size:0px; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; width:100%; position:relative; height:100%; overflow:hidden; } .portfolio-two .post .post-thumbnail .thumbnail-showcase-icons { margin: -20px 0 0; position: absolute; top: 50%; right: 0; width: 100%; } .portfolio-two .post .post-thumbnail .thumbnail-showcase-icons a { font-size: 15px; line-height: 3; display: inline-block; margin: 0 5px 0; width: 45px; height: 45px; border-radius: 50px; background: transparent; border: 2px solid #fff; padding: 0; opacity: 1; text-decoration: none; text-align: center; color: #fff; -wekbit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -wekbit-transform: translateY(50px); -moz-transform: translateY(50px); -o-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } .portfolio-two .post .post-thumbnail .thumbnail-showcase-icons a:hover, .portfolio-two .post .post-thumbnail .thumbnail-showcase-icons a:focus { background: rgba(255,255,255,1); color: #000; } .portfolio-two .post .post-thumbnail:hover .thumbnail-showcase-icons a { -wekbit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .portfolio-two .post .post-thumbnail .thumbnail-showcase-icons a:hover { opacity: 1; } .portfolio-two .owl-nav { text-align: center; margin-bottom: 50px; margin-top: 10px; } .portfolio-two .owl-nav .owl-prev, .portfolio-two .owl-nav .owl-next { display: inline-block; background-color: #363636; color: #fff; font-size: 13px; line-height: normal; padding: 5px 9px 5px !important; margin: 0 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; opacity: 1; width: 30px; height: 30px; line-height: 1.7; } .portfolio-two .owl-nav .owl-prev:hover, .portfolio-two .owl-nav .owl-next:hover { color: #fff; } /*--------------------------------------------------------------*/ /* Team Section /*--------------------------------------------------------------*/ .team-module { background-color: transparent; padding: 0px; margin: 0 0 40px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .team-caption { color: #ffffff; transition: all 0.3s ease 0s; border-radius: 0; padding: 20px 0 0; font-weight: 500; word-wrap: break-word; overflow: auto; } .team-caption .name { margin: 0px 0 5px; font-size: 20px; font-weight: 500; } .team-caption .designation { margin: 0; font-weight: 400; font-size: 15px; font-style: italic; } .team-avatar { text-align:center; position:relative; line-height:0px; font-size:0px; transition: all 600ms ease-out; -webkit-transition: all 600ms ease-out; width:100%; position:relative; height:100%; overflow:hidden; } .team-avatar img { transition: all 600ms ease-out; -webkit-transition: all 600ms ease-out; width: 100%; } .team-module:hover .team-avatar img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); opacity: 1; } .team-social-icons { margin-top: 0px; text-align: center; width: 100%; } .team-social-icons a { display: inline-block; color: #2a2e34; font-size: 14px; padding: 0; margin: 0 14px 0px 0; text-decoration: none; background-color: transparent; -wekbit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .team-social-icons a:last-child { margin-right: 0; } .team-social-icons:before { content: ""; width: 20px; height: 1px; background-color: #000; display: block; margin: 12px auto 10px; } .team-area .owl-theme .owl-dots .owl-dot span { background: #363636; filter: Alpha(Opacity=100); opacity: 1; width: 13px; height: 13px; padding: 0; transition: all 0.2s ease 0s; margin: 5px 5px 0 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .team-area .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 0; margin-bottom: 35px; } /*--------------------------------------------------------------*/ /* News Section /*--------------------------------------------------------------*/ .news-blog .post { background-color: transparent; margin: 0 0 50px; padding: 0; transition: 0.3s; position: relative; } @media (min-width: 992px) { .news-blog .post .post-thumbnail { float: left; width: 250px; margin-right: 25px; } } .news-blog .post .post-thumbnail { margin-bottom: 20px; position: relative; left: unset; top: unset; transition: all 600ms ease-out; -webkit-transition: all 600ms ease-out; height:100%; overflow:hidden; } .news-blog .post .post-thumbnail img { transition: all 600ms ease-out; -webkit-transition: all 600ms ease-out; width: 100%; } .news-blog .post:hover .post-thumbnail img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); opacity: 1; } @media (Max-width: 768px) { .news-blog .post .post-thumbnail { float: none; width: 100%; margin-right: 0; } } .news-blog .post .entry-header { margin: 0 0 15px; padding: 0; } .news-blog .post .entry-header .entry-title { margin: 0; font-size: 20px; font-weight: 600; } .news-blog .entry-meta { margin: -6px 0 12px; font-size: 14px; font-weight: 500; } .news-blog .entry-meta .byline { color: #8d8d8d; } .news-blog .entry-meta a { display: inline-block; color: #4183FF; } .news-blog .entry-meta > span:after { padding-left: 13px; padding-right: 10px; content: '/'; color: #8d8d8d; } .news-blog .entry-meta > span:last-child:after { display: none; } .news-blog .post p:last-child { margin-bottom: 0; } .news-blog .more-link { color: #fff !important; background-color: #4183FF; margin: 7px 0 0; position: relative; display: inline-block; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; padding: 10px 15px 8px; font-size: 14px; line-height: 1; font-weight: 400; text-align: center; border-radius: 2px; position: relative; } .news-blog .more-link:hover, .more-link:focus { color: #FFF; background-color: #202020; } .news-blog .col-md-6:nth-child(2n+1) { clear: left; } @media (min-width: 768px) and (max-width: 992px) { .news-blog .col-sm-6:nth-child(2n+1) { clear:left; } } /*--------------------------------------------------------------*/ /* Callout Two Section /*--------------------------------------------------------------*/ .callout-to-action { background: url("../images/cta-bg.jpg") center center fixed; background-size: cover; background-repeat: no-repeat; position: relative; padding: 5rem 0; height: 100%; width: 100%; } .callout-to-action::before { content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 0; background-color: rgba(0, 0, 0, 0.8); } .callout-to-action .title { position: relative; color: #fff; font-weight: 700; margin: -10px 0 25px; line-height: 1.5; padding-bottom: 15px; } .callout-to-action .subtitle { color: #fff; margin: 0; font-size: 16px; } .m-top-40 { margin-top: 40px; } .m-bottom-40 { margin-bottom: 40px; } .callout-to-action .title::before { border-radius: 0 5px 5px 0; bottom: -1.5px; content: ""; height: 2px; left: 0; margin: 0 auto; right: 0; position: absolute; width: 70px; } .callout-to-action .btn { font-weight: 500; padding: 12px 24px; } .callout-to-action .btn:hover { background-color: #fff; color: #2a2e34; } /*--------------------------------------------------------------*/ /* Testimonial Section /*--------------------------------------------------------------*/ .testimonial-area { position: relative; } .testimonial-area .review { position: relative; margin: 0px; padding: 50px 30px 50px; font-size: 1.000rem; line-height: 1.75; border-left: none; border-radius: 2px; font-style: normal; transition: 0.3s; } .testimonial-area .owl-item .avatar-img { -webkit-transform: scale(0.89); transform: scale(0.89); border-radius: 50%; transition: all 0.4s ease 0s; width: 150px; } .testimonial-area .owl-item > div { position: relative; } .testimonial-area .owl-item > .quote-image { position: relative; display: inline-block; } .testimonial-area .owl-item.center .avatar-img { -webkit-transform: scale(1.7); transform: scale(1.7); } #testimonial-item-scrol1 .owl-stage-outer { padding: 55px 0; } @media (max-width: 470px) { #testimonial-item-scrol1 .owl-stage-outer { padding: 44px 0; } } @media (max-width: 430px) { #testimonial-item-scrol1 .owl-stage-outer { padding: 33px 0; } } @media (max-width: 400px) { #testimonial-item-scrol1 .owl-stage-outer { padding: 24px 0; } } @media (min-width: 768px) { .testimonial-area .review { margin-left: auto; margin-right: auto; max-width: 68%; } .testimonial-area .review:before, .testimonial-area .review:after { position: absolute; font-size: 30px; line-height: 1.50; } .testimonial-area .review:before { left: -15px; top: 35px; content: "\f10d"; display: inline-block; font-family: "FontAwesome"; } .testimonial-area .review:after { transform: rotate(-180deg); right: -15px; top: 35px; content: "\f10e"; display: inline-block; font-family: "FontAwesome"; } } .testimonial-area .review p { margin: 0 0 15px; font-size: 20px; line-height: 1.65; font-style: italic; } .testimonial-area .name { color: #363636; font-weight: 500; font-size: 20px; margin: 0px; } .testimonial-area .name > a { color: #363636; } .testimonial-area .designation { font-size: 13px; display: block; font-weight: 400; letter-spacing: 0.2em; } @media (max-width: 575px) { .testimonial-area .review:before { left: -30px; } .testimonial-area .review:after { right: -30px; } } #testimonial-item-scrol1 .owl-item { text-align: center; } #testimonial-item-scrol1 { max-width: 290px; margin-right: auto; margin-left: auto; float: none; } @media (min-width: 400px) { #testimonial-item-scrol1 { max-width: 525px; } } .testimonial-area .owl-nav { margin: 0 auto 50px; text-align: center; width: 33%; position: relative; } .testimonial-area .owl-nav .owl-prev, .testimonial-area .owl-nav .owl-next { line-height: 1; opacity: 1; color: #333; font-weight: 500; font-size: 13px; letter-spacing: 10px; display: inline-block; text-transform: uppercase; } .testimonial-area .owl-nav .owl-prev{ position: absolute; left: 10%; } .testimonial-area .owl-nav .owl-next { position: absolute; right: 10%; } .testimonial-area .owl-nav .owl-prev:hover, .testimonial-area .owl-nav .owl-next:hover { opacity: 1; } @media (min-width: 768px) { .align-v-center { padding: 0px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } }