@import 'partials/common.scss'; /*************************** preloder classes**********************************/ .preloader{background-color:#fff;height:100%;width:100%;position:fixed;z-index:999999999;margin-top:0;top:0}#loading-center{width:100%;height:100%;position:relative}#loading-center-absolute{position:absolute;left:50%;top:50%;height:40px;width:40px;margin-top:-40px;margin-left:-40px}.sk-cube-grid{height:40px;width:40px}.sk-cube-grid .sk-cube{width:33%;height:33%;background-color:#3F5375;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0s;animation-delay:0s}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.scrollup{background:url(../images/icon_gototop.png) no-repeat;bottom:20px;display:block;height:40px;position:fixed;right:20px;text-indent:-9999px;width:40px} #loading-center-absolute { position: absolute; left: 50%; top: 50%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; } .spinner { width: 40px; height: 40px; position: relative; margin: 100px auto; } .double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #1c2866; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } /*************************** Image classes**********************************/ .full-width-img { width: 100%; margin-top: 25px; margin-bottom: 15px; } .common-right{ width:100%; margin-bottom:25px; } .full-width-wrap{ width:100%; } .bucket-img{ margin-top:30px; } .right-img { width: 300px; float: right; margin-left: 15px; margin-right: 0px; margin-bottom: 15px; } html, body, input, textarea, select, form, .social-media .sm-icons a.fa { font-family: 'latoregular'; font-weight: normal; font-style: normal; } .main-hdr .call-left { font-family: 'latobold'; } h1 { font-size: 40px; text-transform: uppercase; } a{ cursor:pointer;} .home h2, .home h2 a { font-size: 28px; color: #585e9f; text-align: center; margin-bottom: 30px; position: relative; } .home h2, .home h2 a:hover { text-decoration:none; } .home h2:before{ content: ""; display: block; width: 80px; height: 5px; position: absolute; background: #585e9f; left: 0; right: 0; top: 40px; margin:auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .left-content-panel .para { font-size: 16px; color: #333333; line-height: 28px; text-align: left; h2 { font-size: 24px; } } .mission-statement, .testimonials-wrap .owl-testi .item, .testimonial-wrap-right { font-family: 'latoitalic'; } * { padding: 0; margin: 0; } body { font-size: 15px; color: #333; padding: 0px; margin: 0px; font-family: 'latoregular'; font-weight: normal; font-style: normal; } a { color: #e66d2f; text-decoration: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; &:hover { text-decoration: underline; color: #280f47; } } .container { max-width: 1200px; width: 100%; margin: 0 auto 0 auto; } .right { float: right; margin-left: 15px; max-width: 230px; width: 100%; margin-bottom: 30px; } .border-top { width: 100%; border-top: 1px solid #777779; } .margin-long { margin-top: 20px; margin-bottom: 20px; } .divider-right { width: 100%; height: 10px; border-top: 1px solid #c6c8df; margin-top: 20px; margin-bottom: 20px; } .f-left { float: left; margin-right: 5px; } .para { margin-bottom: 20px; font-size: 16px; line-height: 22px; color: #343234; font-weight: normal; margin-top: 20px; padding-bottom: 20px; ul { margin-left: 30px; } } .devider { width: 100%; height: 20px; background: #edddfc; } .center { text-align: center; } .no-padding { padding: 0px; } .hide-from-desktop { display: none; } .scrollup { background: url(../images/icon_gototop1.png) no-repeat left top; bottom: 20px; display: none; height: 40px; position: fixed; right: 20px; text-indent: -9999px; z-index: 1200000; width: 40px; } .top-menu { max-width: 1130px; width: 100%; margin-left: auto; margin-right: auto; ul li { display: inline; list-style: none; margin-left: 10px; padding-right: 10px; border-right: 1px solid #f0e8e4; padding-top: 5px; float: left; &.last { border: none; } a { font-size: 15px; color: #000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; &.active { color: #e66d2f; } &:hover { text-decoration: none; color: #e66d2f; } } ul { padding-left: 10px; z-index: 400000; width: 270px; background: #efa77b; border-radius: 5px; display: none; height: auto; position: absolute; padding-bottom: 20px; padding-top: 20px; } &:hover > ul { display: block; -moz-animation: fadeInUp 0.3s ease-in; -webkit-animation: fadeInUp 0.3s ease-in; animation: fadeInUp 0.3s ease-in; } ul li { width: 90%; float: left; border-bottom: 1px dotted #fff; padding-top:12px; padding-bottom:12px; border-right: none; text-align: left; a { color: #fff; &:hover{ color: #000; } &.active{ color:#fff; } } } } } .top-menu ul li ul.full-width{ width:90%; margin-left:auto; margin-right:auto; left:0; right:0; } .top-menu ul li ul.last{ margin-left:-140px; } .main-hdr { width: 100%; padding-top: 20px; padding-bottom: 30px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #fbe6db 100%); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #fbe6db 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #fbe6db 100%); .adress { margin-top: 50px; } .logo-wrap { padding-top: 0px; } .call-left { text-align: right; font-size: 18px; margin-top: 40px; } } .app-btn { width: 70%; margin-top: 5px; text-align: center; float: right; background: #e76c30; padding-top: 9px; padding-bottom: 9px; border-radius: 5px; color: #fff; font-size: 18px; text-transform: uppercase; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; &:hover { background: #33386e; text-decoration: none; color:#fff; } a { color: #fff; font-size: 18px; text-transform: uppercase; &:hover { text-decoration: none; } } } .carousel, .main-banner-area { width: 100%; height: 437px; } .team-wrap { width: 100%; padding-top: 30px; padding-bottom: 30px; .team-sub { margin-left: 35px; padding-left: 0px; text-align: center; font-size: 18px; text-transform: uppercase; cursor: pointer; } } .team-wrap a{ color: #333333; } .team-wrap a:hover{ text-decoration:none; } .team-wrap .img-circle{ border:10px solid #dfe1e9; } .team-wrap .img-circle:hover{ border:10px solid #5b61a4; } .our-mission-wrap { font-size: 18px; padding-top: 40px; padding-bottom: 40px; margin-top: 30px; width: 100%; border-top: 1px solid #d6d9f4; } .service-wrap { width: 100%; padding-top: 30px; padding-bottom: 30px; background: #f3a96b; h2 { color: #fff; } .team-sub { margin-left: 35px; padding-left: 0px; text-align: center; font-size: 18px; text-transform: uppercase; color: #fff; cursor: pointer; } } .service-wrap a{ color:#fff; } .service-wrap a:hover{ text-decoration:none; } .service-wrap .img-circle{ border:10px solid #fff; } .service-wrap .img-circle:hover{ border:10px solid #5b61a4; } .service-wrap h2:before{ content: ""; display: block; width: 80px; height: 5px; position: absolute; background: #fff; left: 0; right: 0; top: 40px; margin:auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .gallery-wrap { padding-top: 30px; background: #f1f2fa; padding-bottom:0; } .gallery-wrap .full-width-img{ margin-bottom:0; } .gallery-wrap .control-wrap-bott{ width:100%; float:left; margin-top:-70px; z-index:3900; position:relative; } .gallery-wrap .control-wrap-bott .gallery-previous-2{ margin-top:0; float:left; margin-left:10%; font-size:50px; } .gallery-wrap .control-wrap-bott .gallery-next-2{ margin-top:0; float:right; margin-right:10%; font-size:50px; } .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: -webkit-transform .1s ease; transition: transform .1s ease } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } /* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls { margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin-left:30px; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #f1f2fa; border: 1px solid #5d5e5c; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); /*IE7 fix*/ background: #5d5e5c; opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center } /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% { opacity: 1 } } @-moz-keyframes empty { 0% { opacity: 1 } } @keyframes empty { 0% { opacity: 1 } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } #owl-demo-article { max-width: 575px; width: 100%; margin-right: auto; margin-left: auto; overflow: hidden; } .control-wrap { width: 100%; } .gallery-previous-2 { float: left; margin-top: 10%; margin-left: 5%; } .gallery-next-2 { float: right; margin-top: 10%; margin-right: 5%; } #owl-demo-right-gallery .item .gallery-caption, #owl-demo-right-gallery-1 .item .gallery-caption, #owl-demo-right-gallery-2 .item .gallery-caption, #owl-demo-right-gallery-3 .item .gallery-caption{ width:100%; } #owl-demo-right-gallery .item .gallery-caption .before, #owl-demo-right-gallery-1 .item .gallery-caption .before, #owl-demo-right-gallery-2 .item .gallery-caption .before, #owl-demo-right-gallery-3 .item .gallery-caption .before{ width:50%; text-align:center; float:left; } #owl-demo-right-gallery .item .gallery-caption .after, #owl-demo-right-gallery-1 .item .gallery-caption .after, #owl-demo-right-gallery-2 .item .gallery-caption .after, #owl-demo-right-gallery-3 .item .gallery-caption .after{ width:50%; text-align:center; float:left; } .body-menu-wrap { padding-top: 50px; padding-bottom: 30px; } .body-menu-wrap .items-pac { font-size: 36px; color: #585e9f; padding-top: 30px; padding-bottom: 30px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; cursor: pointer; } .body-menu-wrap .items-pac a .fa{ font-size:36px; } .body-menu-wrap .items-pac:hover { background: #d6d9f4; } .body-menu-wrap .items-pac:hover > .body-menu-wrap .items-pac a { color: #fff; } .body-menu-wrap .items-pac a { font-size: 16px; color: #585e9f; text-transform: uppercase; } .body-menu-wrap .items-pac a:hover { text-decoration: none; } .border-left { border-right: 1px solid #d6d9f4; border-bottom: 1px solid #d6d9f4; } .border-left-last { border-bottom: 1px solid #d6d9f4; } .border-left-bot { border-right: 1px solid #d6d9f4; } .testimonials-wrap { padding-top: 30px; padding-bottom: 30px; background: #f1f2fa; } .testi-arrow{ width:100%; margin-top:-20px; z-index:3900; position:relative; font-size:20px; position:relative; float:left; } .testi-arrow .fa-angle-left{ float:left; width:50px; margin-left:30%; color:#7e7e7e; cursor:pointer; } .testi-arrow .fa-angle-right{ float:right; width:50px; margin-right:23%; color:#7e7e7e; cursor:pointer; } .testimonials-wrap .owl-testi { overflow: hidden; } .testimonials-wrap .owl-testi .item img { max-width: 200px; margin-left: auto; margin-right: auto; } .testimonials-wrap .owl-testi .item { color: #5b61a4; font-size: 20px; background: #fff; padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; min-height:330px; } .footer { padding-top: 35px; padding-bottom: 35px; width: 100%; background: #5b61a4; } .footer a{ color:#fff; } .footer .footer-add { color: #fff; font-size: 14px; margin-top: 30px; } .footer .footer-add span.hd { text-transform: uppercase; font-size: 17px; } .footer .footer-add span.small { font-size: 13px; } .social-media .sm-icons { height: 39px; margin-top: 7px; font-size: 27px; } .social-media .sm-icons a { display: inline-block; width: 39px; height: 39px; color: #ffffff; background: #5b61a4; text-align: center; line-height: 39px; font-size: 20px; border: 2px solid #7178be; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; } .social-media .sm-icons a:hover { background: #fff; color: #7178be; } .footer-subscribe { color: #fff; margin-top: 30px; } .footer .footer-subscribe span.hd { text-transform: uppercase; font-size: 17px; } .mail-text { padding-left: 10px; width: 100%; border-radius: 3px; padding-top: 7px; padding-bottom: 7px; border: 1px solid #fff; color: #5b61a4; font-size: 12px; margin-top: 10px; } .btn-submit { width: 100%; padding-top: 7px; padding-bottom: 7px; border-radius: 3px; background: #7178be; border: 1px solid #fff; margin-top: 10px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; } .btn-submit:hover { background: #fff; color: #7178be; } .arch { margin-top: 15px; text-align: right; } .arch a { font-size: 12px; color: #fff; } .footer-copyright { width: 100%; padding-top: 10px; padding-bottom: 10px; font-size: 12px; color: #fff; background: #7178be; text-align: center; margin-top: 20px; } .isStuck { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #fbe6db 100%); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #fbe6db 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #fbe6db 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbe6db', GradientType=0); z-index: 4000; max-width:100%; padding-bottom:10px; -webkit-box-shadow: -5px 8px 14px -9px rgba(0,0,0,0.75); -moz-box-shadow: -5px 8px 14px -9px rgba(0,0,0,0.75); box-shadow: -5px 8px 14px -9px rgba(0,0,0,0.75); } .isStuck .main-hdr{ height:auto; padding-bottom:0; } .isStuck .container{ max-width:100%; padding-left:20px; padding-right:20px; padding-bottom:0; } .isStuck .top-menu ul li { padding-bottom: 7px; border-right: 1px solid #f0e8e4; } .isStuck .top-menu ul li a { color: #000; } .isStuck .top-menu ul li a.active { color: #e66d2f; } .isStuck .main-hdr .adress, .isStuck .main-hdr .logo-wrap, .isStuck .main-hdr .adress, .isStuck .main-hdr .tel-details{ display:none; } .isStuck .main-hdr div{ width:100%; } .isStuck .main-hdr .app-btn{ float:right; display:none; } .sticky-btn{ display:none; padding-top:0; border:0px; } .isStuck .desktop-pad{ margin-top:15px; } .isStuck .sticky-btn{ display:inline-block; color:#fff; margin-top:-7px; position:relative; } .isStuck .app-btn{ padding-left:10px; padding-right:10px; width:auto; font-size:13px; color:#fff; } .isStuck .none-border{ border:none; border-right:0px; } .header-top-icons { width: 100%; margin-right: auto; margin-left: auto; background: #565c9e; z-index: 35000; position: relative; padding: 0px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; padding-top: 10px; padding-bottom: 10px; border-bottom: 3px solid #f6a37a; } .top-menu-mobile { padding: 0px; list-style-type: none; margin: 0 auto 0 auto; } .top-menu-mobile li { padding-top: 5px; width: 20%; display: block; float: left; text-align: center; color: #fff; margin-top: 0px; line-height: 27px; } .top-menu-mobile li a { font-size: 30px; height: 50px; width: 100%; display: block; color: #fff; line-height: 4px; } .top-menu-mobile li a:hover { text-decoration: none; } .top-menu-mobile li a span { font-size: 10px; line-height: 13px; text-transform: uppercase; } .top-heading{ width:100%; padding-top:40px; padding-bottom:40px; background:#8b8fc0; } .top-heading h1{ color:#fff; } .main-pannel{ width:100%; } .right-content-panel{ color:#8b8fc0; float:right; width:36%; margin-left:15px; } .right-content-panel .video-wrap{ width:100%; text-align:center; font-size:14px; margin-top:10px; } .right-content-panel .video-wrap h2{ font-size:18px; margin-top:0; } .testimonial-wrap-right{ text-align:center; font-size:17px; line-height:24px; padding-top:25px; padding-bottom:50px; } .testimonial-wrap-right h2{ font-size:18px; } .right-gallery{ width:100%; text-align:center; } .right-gallery h2{ font-size:18px; } .right-ba-gal{ overflow:hidden; } #owl-demo-right-gallery, #owl-demo-right-gallery-1, #owl-demo-right-gallery-2, #owl-demo-right-gallery-3{ width:85%; margin-left:auto; margin-right:auto; overflow:hidden; } .right-gallery .control-wrap{ width:100%; } .right-gallery .control-wrap .preview{ float:left; margin-top:-40px; margin-left:20px; } .right-gallery .control-wrap .next{ float:right; margin-top:-40px; margin-right:20px; } #owl-demo-right-gallery, #owl-demo-right-gallery-1, #owl-demo-right-gallery-2, #owl-demo-right-gallery-3{ height: auto; } .staff-img{ float:right; margin-left:15px; } .social img{ border:1px solid #5b61a4; padding:3px; margin-left:10px; margin-bottom:15px; } .testimonial-container .para{ width:100%; text-align:center; background:#fcede5; padding:30px; border-radius:10px; } .pagination.disabled a, .pagination.disabled a:hover, .pagination.disabled a:focus, .pagination.disabled span { color: #eee; background: #fff; cursor: default; } .pagination { float: left; } .pagination.disabled li.active a { color: #fff; background: #cccccc; border-color: #cccccc; } .paging-container select { float: left; margin: 20px 0 20px 10px; padding: 9px 3px; border-color: #ddd; border-radius: 4px; } /*****************************************************Pagination Styles **************************************************/ #paging_container1 ul li{ list-style:none; } .page_navigation , .alt_page_navigation{ padding-bottom: 10px; margin-bottom:30px; } .page_navigation a, .alt_page_navigation a{ padding:10px 15px; margin:2px; color:#fff; text-decoration:none; float: left; font-size: 16px; background-color:#5b61a4; } .active_page{ background-color:white !important; color:black !important; } .content, .alt_content{ color: black; } .photo-left{ padding:10px; text-align:center; line-height:18px; } .photo-left a{ color:#fff; font-size:15px; background:#cfcfcf; display:inline-block; min-height:200px; width:100%; margin-left:auto; margin-right:auto; color:#000; min-height:350px; padding-bottom:10px; } .photo-left a img{ width:90%; margin-bottom:20px; margin-top:10px; border:1px solid #fff; } .photo-left a:hover{ background:#e76c30; text-decoration:none; color:#fff; } .video-pages h1{ text-transform:capitalize; } .video-pages .center-media{ width:100%; padding:20px; text-align:center; } .video-pages .center-media iframe, .video-item{ width:80%; height:500px; border:10px solid #f1f1f1; margin-bottom:30px; margin-left:auto; margin-right:auto; } .patient-center .btn-link{ width:270px; float:left; margin-bottom:20px; } .video-pages .center-media a, .btn-link{ display:inline-block; width:250px; text-align:center; background:#e76c30; color:#fff; padding-top:10px; padding-bottom:10px; margin-top:10px; } .video-pages .center-media a:hover, .btn-link:hover{ background:#8b8fc0; color:#fff; text-decoration:none; } .qr-code{ text-align:right; margin-top:30px; margin-bottom:30px; } .qr-code img{ max-width:150px; width:100%; } .office-hour-box .wrap{ width:99%; padding-top:20px; padding-bottom:20px; background:#fbe9df; margin-top:3px; } .inner-pages-links .para ul li{ border-bottom:1px dotted #e76c30; padding:0; list-style:none; margin-bottom:10px; } .inner-pages-links .para ul li a:hover{ text-decoration:none; } .video-sub{ margin-bottom:20px; } .video-sub h2{ font-size:30px; } .video-sub .center-media{ width:95%; margin-left:auto; margin-right:auto; border-bottom:3px solid #f1f1f1; padding-bottom:20px; } .video-sub .indiv-video-wrapper-desc{ width:83%; margin-top:20px; margin-left:auto; margin-right:auto; font-size:17px; font-style:italic; } .video-sub iframe{ width:84%; height:450px; border:10px solid #f1f1f1; } .video-sub .center-media.last{ border:none; } /************************************************************************************ FANCYBOX *************************************************************************************/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('../fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('../fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } ul.video{ margin-left:0px; } .video li{ list-style:none; } ul.video .fa{ margin-right:10px; } .select-cate-wrap{ background:#f0f0f0; color:#605e5e; padding-bottom:20px; padding-top:20px; margin-bottom:30px; border:1px dotted #8b8fc0; } .select-cate-wrap h2{ margin-top:0; width:48%; float:left; margin-top:10px; } .select-cate-wrap select{ background:#f0f0f0; width:48%; float:right; height:30px; border:1px solid #605e5e; margin-bottom:10px; } .app-req { padding-top: 10px; background: #8b8fc0; padding-bottom: 10px; margin-top:20px; margin-bottom: 20px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; } .rdb:hover { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; } .rdb:hover { background: #09113c; } .app-req-image{ margin-top:20px; margin-bottom:20px; } .app-req-image img{ width:100%; } .app-req form { width: 95%; padding: 30px; padding-bottom:30px; border: 1px solid #fff; margin: 0 auto 0 auto; } .app-req form div{ width:90%; margin:0 auto 0 auto; } .app-req .innerx { width: 95%; padding: 10px; border: 1px solid #fff; margin: 0 auto 0 auto; } .app-req .innerx a { font-size: 17px; color: #fff; } .app-req .innerx a:hover { text-decoration: none; } .app-req .txt-fields { width: 100%; margin-bottom: 15px; padding-left: 3px; padding-top: 3px; padding-bottom: 3px; } .app-req .txt-fields-combo { width: 100%; margin-bottom: 15px; padding-left: 3px; padding-top: 5px; padding-bottom: 5px; } .app-req .text-area { width: 100%; margin-bottom: 15px; padding-left: 3px; padding-top: 5px; padding-bottom: 5px; } .app-req h2 { color: #fff; text-align: center; margin-bottom: 20px; } .app-req .btn-submit { width: 100%; text-align: center; font-size: 16px; background: #e76c30; cursor: pointer; color: #fff; border: 1px solid #e76c30; padding-top: 5px; padding-bottom: 5px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out } .app-req .btn-submit:hover { background: #3b478d; } .call-to-action-wrap{ padding-top:50px; padding-bottom:50px; font-size:22px; background:#f1f1f1; line-height:40px; } .call-to-action-wrap h2{ font-size:40px; color:#8b8fc0; margin-bottom:10px; } .call-to-action-wrap .btn { background:#e76c30; font-family: Arial; color: #ffffff; font-size: 20px; padding: 10px 35px 10px 35px; text-decoration: none; margin-top:20px; display:inline-block; } .call-to-action-wrap .btn:hover { background: #8b8fc0; text-decoration: none; } .realtivecarsolut { position: relative; padding: 0; margin-bottom: 20px; } .realtivecarsolut .owl-carousel .item{ background:#8b8fc0; padding:15px; margin:10px; min-height: 250px; text-align:center; font-size:13px; } .realtivecarsolut .owl-carousel .item a{ text-decoration:none; color:#fff; } .owl-theme .owl-controls .owl-buttons .owl-next { position: absolute !important; right: 10px !important; top: 50px !important; } .owl-theme .owl-controls .owl-buttons .owl-prev { position: absolute !important; left: 10px !important; top: 50px !important; } .owl-theme .owl-controls .owl-buttons div:first-child{ display:none; } .owl-carousel{ overflow:hidden; } .owl-carousel .item .article-title{ height:80px; display:invisible; line-height:21px; overflow:hidden; } .owl-carousel .item span a{ background:#e76c30; padding: 5px 10px; display:inline-block; margin:5px auto; transition:all 0.3s ease-out; } .owl-carousel .item span a:hover{ background:#3d4c9b; color:#ffffff; transition:all 0.3s ease-in; } .recent-articles { border-top:1px solid #ece5f7; margin:20px; } .recent-articles span{ padding:10px 20px; background:#ece5f7; text-align:center; color:#756695; display:block; font-size:20px; margin:-20px auto 0 auto; width: 23%; } .articles-slider{ border-top:1px solid #ece5f7; padding-top:30px; } .articles-slider .control-wrap{ border:0px; float:left; text-align:center; padding-top:0; margin-top:0; } .articles-slider .control-wrap .gallery-previous-2, .articles-slider .control-wrap .gallery-next-2{ font-size:50px; margin-top:0; float:none; } .testi-devider{ width:100%; height:10px; margin-bottom:50px; border-bottom:1px solid #ece5f7; } .mission-statement{ margin-top:30px; margin-bottom:30px; } .mission-statement h2{ margin-top:0; } .text-review-wrap { margin-top:40px; background:#fff; float:left; } .review-block { padding:30px; background:#f1f1f1; border-radius:10px; margin-bottom:15px; } .btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; } .btn-circle.btn-lg { width: 70px; height: 70px; padding: 10px 16px; font-size: 24px; line-height: 1.33; border-radius: 35px; color:#fff; background:#333333; margin-top:-160px; } .btn-circle.btn-lg1 { width: 70px; height: 70px; padding: 10px 16px; font-size: 24px; line-height: 1.33; border-radius: 35px; color:#fff; background:#333333; float:right; } .btn-circle.btn-lg2 { width: 70px; height: 70px; padding: 10px 16px; font-size: 24px; line-height: 1.33; border-radius: 35px; color:#fff; background:#333333; margin-top:-90px; } .btn-circle.btn-lg3 { width: 70px; height: 70px; padding: 10px 16px; font-size: 24px; line-height: 1.33; border-radius: 35px; color:#fff; background:#333333; position:absolute; z-index:3000; margin-left:20%; margin-top:-20px; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; font-size: 24px; line-height: 1.33; border-radius: 35px; color:#fff; } .btn-circle.btn-xl.blue { background:#0090ff; } .btn-circle.btn-xl.blue:hover { background:#5e5e5e; } .btn-circle.btn-xl.black:hover { background:#5e5e5e; } .img-reviwer span { font-size:15px; font-style:italic; } .testi .fa-star { color:#ffcd00; font-size:20px; } .testi strong { font-size:19px; } .review-block { display:none; list-style:none; } #cont-new li { list-style:none; } .load-more { font-size:16px; color:#fff; padding-left:30px; padding-right:30px; padding-top:7px; padding-bottom:7px; background:#e76c30; border-radius:3px; float:left; margin-top:20px; margin-bottom:20px; } .load-more:hover { text-decoration:none; } .review-external-block { width:100%; float:left; padding-top:30px; padding-bottom:30px; background:#dfdfdf; margin-top:30px; } .part-logo .inner-wrap { width:100%; padding-top:10px; padding-bottom:10px; background:#fff; border-radius:5px; text-align:center; margin-bottom:20px; } .part-logo .inner-wrap img { width:50%; } .bottom-button { color:#fff; width:95%; margin-left:auto; margin-right:auto; text-align:center; font-size:16px; text-transform:uppercase; background:#e76c30; margin-top:50px; padding-top:10px; padding-bottom:10px; cursor:pointer; } .bottom-button a { color:#fff; text-transform:uppercase; text-decoration:none; font-size:16px; } .bottom-button:hover { background:#33386e; } .review-external-block h2 { margin-top:0px; text-align:center; padding-top:0; text-transform:uppercase; color:#000; font-weight:bold; margin-bottom:12px; } .text-testi { padding-left:10px; width:96%; margin-left:auto; margin-right:auto; border:1px solid #848181; padding-top:7px; padding-bottom:7px; margin-bottom:10px; } .text-area { padding-left:10px; width:96%; margin-left:auto; margin-right:auto; border:1px solid #848181; padding-top:7px; padding-bottom:7px; margin-bottom:10px; height:100px; } .btn-submit { width:96%; margin-left:auto; margin-right:auto; border:1px solid #848181; padding-top:7px; padding-bottom:7px; color:#fff; background:#e76c30; } .final-revs{ margin-bottom:30px; } .mail-list-box{ border-radius:10px; background:#e4e5e8; margin-top:30px; padding:30px; } .mail-list-box h2{ margin-top:0; margin-bottom:0; } .txt-mail-list{ width:100%; height:40px; font-size:18px; padding-left:10px; font-family: 'latolight_italic'; margin-top:15px; } .btn-mail-sub{ width:100%; height:40px; background:#e76c30; border:1px solid #e76c30; color:#fff; margin-top:15px; } .btn-mail-sub:hover{ background:#5b61a4; border:1px solid #5b61a4; } @media screen and (max-width: 768px) { .btn-circle.btn-lg3, .btn-circle.btn-lg2, .btn-circle.btn-lg1, .btn-circle.btn-lg { display:none;} .video-pages .center-media iframe, .video-item{ width:100%; height:300px; } .part-logo { margin-bottom:20px; } .main-video-img .full { height:250px; margin-bottom:20px; } .main-video-img .half { height:250px; } } .video-list-thumbs{margin-top:40px;margin-bottom:30px;} .video-list-thumbs > li{ margin-bottom:12px; } .video-list-thumbs > li:last-child{} .video-list-thumbs > li > a{ display:block; position:relative; background-color: #111; color: #fff; padding: 8px; border-radius:3px transition:all 500ms ease-in-out; border-radius:4px } .video-list-thumbs > li > a:hover{ box-shadow:0 2px 5px rgba(0,0,0,.3); text-decoration:none } .video-list-thumbs h2{ bottom: 0; font-size: 14px; height: 33px; margin: 8px 0 0; } .video-list-thumbs .glyphicon-play-circle{ font-size: 60px; opacity: 0.6; position: absolute; right: 39%; top: 31%; text-shadow: 0 1px 3px rgba(0,0,0,.5); transition:all 500ms ease-in-out; } .video-list-thumbs > li > a:hover .glyphicon-play-circle{ color:#fff; opacity:1; text-shadow:0 1px 3px rgba(0,0,0,.8); } .video-list-thumbs .duration{ background-color: rgba(0, 0, 0, 0.4); border-radius: 2px; color: #fff; font-size: 11px; left: 12px; line-height: 13px; padding: 2px 3px 1px; position: absolute; top: 12px; transition:all 500ms ease; } .video-list-thumbs > li > a:hover .duration{ background-color:#000; } @media (min-width:320px) and (max-width: 480px) { .video-list-thumbs .glyphicon-play-circle{ font-size: 35px; right: 36%; top: 27%; } .video-list-thumbs h2{ bottom: 0; font-size: 12px; height: 22px; margin: 8px 0 0; } }