/* =================================================================== TEXT SLIDER SECTION ======================================================================*/ .testimonila_in{ background-color:#f6f6f6; padding:15px 0px 15px 0px} .text-slider{ background:url(../images/slider/1.jpg) repeat fixed; border-color: #000000; position:relative; overflow:hidden; } .text-slider .slider-container{ position:absolute; right:0; left:0; top:50%; transform:translateY(-50%); } .slider-text .item{ display: block; width: 100%; height: auto; } .slider-text .item h3{ color: #000; font-size: 25px; font-weight: 700; text-align: left; text-transform:uppercase; margin-bottom:25px; } .slider-text .item p{ color: #333946; font-size: 13px; font-weight: normal; letter-spacing: 1px; text-align: center; } .test_head{ text-align:center !important;} .owl-pagination{ text-align:center; } .owl-controls .owl-page{ display:inline-block; height:20px; } .owl-page > span { background:#093646; display: block; height: 10px; margin:0 15px; width: 10px; border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; } .owl-page.active > span { background:#f5f5f5; border:3px solid #145166; height:15px; width:15px; margin:-3px 8px; } .scroll-down{ text-align:center; position:absolute; right:0; left:0; top:110%; } .scroll-down > a{ text-align:center; color:#fff; font-size:28px; -webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; display: inline-block; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } @-webkit-keyframes hover { 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hover { 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } /* ---------------- Background Slider --------------------- */ .text-slider-container p { padding: 0 33%; } .text-slider-container a.btn i{ margin-right: 5px; } .slides-container{ z-index: -1; } .wide-container{ height: 700px; } .bg-slider{ position: relative; } .z-index-99{ z-index: 99; } .vertical-center-section{ margin:0; position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); } .text-slider-container .element, .typed-cursor{ color: #ffffff; font-size: 48px; font-weight: 700; margin-bottom: 25px; text-align: center; text-transform: uppercase; } .typed-cursor{ animation:fadeIn 0.6s alternate infinite; -o-animation:fadeIn 0.6s alternate infinite; -moz-animation:fadeIn 0.6s alternate infinite; -webkit-animation:fadeIn 0.6s alternate infinite; } /* -------------- Video Bg ------------------ */ .video-bg{ min-height: 650px; position: realtive; } .text-slider.video-bg-section{ background-image: none; } .video-bg .movie{ z-index: -1; } /*New editss feb 23*/ .menu-bor{ background: #ffffff; color:#000000!important;} .menu-bor:hover{background:#04443f; color:#ffffff!important;} @media only screen and (max-width: 650px) { .menu-bor{ background: none; color:#fff !important;} .menu-bor:hover{background:none; color:#04443f !important;} }