@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900|Roboto:400,500,700,900|Montserrat:400,500,600,700,800);
* {
margin:0px;
padding:0px;
}
html {
scroll-behavior: smooth;
}
body {
line-height: 25px;
font-size: 15px;
color: #2c2c2c;
font-family: 'Rubik', sans-serif;
font-weight: 400;
font-style: normal;
overflow-x: hidden;
}
:focus {
outline: none;
}
::placeholder {
color: #2c2c2c !important;
opacity:1 !important;
font-weight:400;
font-size: 13px;
}
img {
width: 100%;
}
p {
font-weight: 400;
margin-bottom: 15px;
}
a {
color: #333;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 'Roboto', sans-serif;
color: #000000;
font-weight: 900;
margin-top: 0px;
}
.alt-font {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
}
h2 {
font-size:28px;
text-transform:uppercase;
}
h2 span {
font-size:28px;
/*display:block;*/
color:#3045B1;
margin-bottom:10px;
}
.image {
border:1px solid #ddd;
}
#partner-logo .owl-item img {
padding: 0 7.5px;
}
.text-white{ color:#fff;}
.text-dark{ color:#212121;}
.mb-50{ margin-bottom:50px;}
.mb-30{ margin-bottom:30px;}
.mt-30{ margin-top:30px;}
.py-5{padding:50px 0;}
.pad_bot0{ padding-bottom:0px;}
.owl-carousel.off {
    display: block;
}
#finance-partner-owl .image-column1 {
text-align:center;
}
#finance-partner-owl img {
width:220px;
}
.fullcol {
width:100%;
margin:0px;
padding:0px;
overflow:hidden;
}
.row.no-gutters {
margin-right: 0;
margin-left: 0;
}
.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {
padding-right: 0;
padding-left: 0;
}

.form_bg {
    background: #f7f7f7;
}
.pad-20 {
    padding: 20px !important;
}
.price-banner {
    background-color:#f7f7f7;
    padding: 15px 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 2;
}
.price-banner .wrapper {
    max-width: 92%;
    width: 100%;
    margin: 0 auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.price-banner p {
    padding: inherit;
    margin-right: 98px;
	margin-bottom:0;
    font-size: 16px;
    color: #000;
}
.price-banner p.reara {
    margin-right: 20px;
}
.price-banner p span {
    display: block;
    color: #3045B1;}
.price-banner .flex-wrp {
    align-items: baseline !important;
}
.flex-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.bg-grey-opacity {
    background-color:#f7f7f7;
	padding:60px 30px
}
section {
padding:65px 0;
display:inline-block;
width:100%;
}
.header {
padding: 8px 0px;
background: rgba(255,255,255,1);
z-index: 999;
position:relative;
width: 100%;
}
.header-row img{ width:auto;margin: 20px;}
.reara-no{ padding:10px 0; text-align:center; font-size:18px; margin:0;}
.reara-no span{ color:#3045B1;}
.home {
padding: 0px;
background: #3045B1;
background: -moz-linear-gradient(left, #fff 0%, #fff 50%, #3045B1 50%, #3045B1 100%);
background: -webkit-linear-gradient(left, #fff 0%, #fff 50%, #3045B1 50%, #3045B1 100%);
background: linear-gradient(to right, #fff 0%, #fff 50%, #3045B1 50%, #3045B1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#3045B1', GradientType=1 );
}

.hero_btn {
    position: absolute !important;
    z-index: 9;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
}
.header-row {
display:none;
}
.sticky {
position: fixed;
top: 0;
width: 100%;
}
.header-default {
/*text-align:center;*/
}
.header-default a.call-no {
text-align: right;
float: right;
color:#000;
position: absolute;
right: 0px;
}
.header-row {
display: none;
position: fixed;
top: 0;
width: 100%;
height:90px;
border-top: 0;
background: #fff;
z-index: 1;
left: 0;
padding: 10px 0px;
box-shadow: 0 0 5px #bbb;
}
a.logo-transparent {
width: auto;
padding-left: 10px;
display: inline-block;
}
.logo-transparent-sticky{padding-left: 23px;}
.navbar {
margin-bottom:0px;
}
.navbar-default {
background:none;
border:0px;
margin-top:8px;
}
.navbar-default .navbar-nav>li>a {
font-family: 'Montserrat', sans-serif;
color: #000;
font-size: 15px;
font-weight:500;
}
.navbar-nav>li {
float: none;
display: inline-block;
}
.navbar-nav {
float: right;
margin: 0;
/*	display: inline-block;
width: 100%;
*/	text-align: center;
}
.navbar {
min-height:auto;
}
a.call-no {
font-size: 12px;
color: #333;
font-weight: 500;
text-decoration: none;
padding:12px 0;
display: inline-block;
}
.nav>li>a {
padding:23px 12px;
}
a.call-no span{font-size:24px;color: #3045B1;display:block;text-align:center;font-weight:400;}
a.call-no span strong{ font-weight:500;}
.navbar-header{ background:#fff;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #3045B1;}
/*slider*/
.scroll-down {
position: absolute;
bottom: 60px;
left: 50%;
margin-left: -16px;
display: block;
z-index: 2;
background:url(../images/scroll-down.png) no-repeat;
height: 60px;
width: 28px;
-webkit-animation: bounce 2s infinite 2s;
animation: bounce 2s infinite 2s;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.font-weight-300 {
font-weight: 300;
}
.alt-font strong {
font-weight: 700;
}
.bs-slider {
overflow: hidden;
max-height: 660px;
position: relative;
background: #000000;
}
.bs-slider:hover {
cursor: -moz-grab;
cursor: -webkit-grab;
}
.bs-slider:active {
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
.bs-slider .bs-slider-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.10);
}
.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img {
margin: auto;
width: 100% !important;
}
.form-gap {
position: absolute;
margin: 0px;
padding: 20px;
width: 360px;
right: 50px;
top: 130px;
z-index:9;
background: rgba(255,255,255,0.9);
}
.form-padding {
padding: 15px 0 10px 0;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.form-group {
margin-bottom: 0px;
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group .form-control {
position: relative;
z-index: 11;
float: left;
width: 100%;
margin-bottom: 0;
}
.form-control {
border-radius: 3px;
box-shadow: none;
height: 46px;
border-bottom: 1px solid #666 !important;
margin-bottom: 15px;
padding: 6px 2px;
font-size: 14px;
line-height: 1.42857143;
color: #000;
background-color: transparent;
background-image: none;
border: 0;
width: 100%;
}
.input-group-addon {
background: #3045B1;
color: #fff;
padding:6px 15px;
position: relative;
z-index:11;
border: 0;
border-radius: 0;
}
.btn-primary { display:inline-block;
background: #286090;
color: #fff;
border: 1px solid #286090;
border-radius: 0;
position: relative;
z-index: 9;
}
.fade {
opacity: 1;
}
.fade .item {
top: 0;
z-index: 1;
opacity: 0;
width: 100%;
position: absolute;
left: 0 !important;
display: block !important;
-webkit-transition: opacity ease-in-out 1s;
-moz-transition: opacity ease-in-out 1s;
-ms-transition: opacity ease-in-out 1s;
-o-transition: opacity ease-in-out 1s;
transition: opacity ease-in-out 1s;
}
.fade .item:first-child {
top: auto;
position: relative;
}
.fade .item.active {
opacity: 1;
z-index: 2;
-webkit-transition: opacity ease-in-out 1s;
-moz-transition: opacity ease-in-out 1s;
-ms-transition: opacity ease-in-out 1s;
-o-transition: opacity ease-in-out 1s;
transition: opacity ease-in-out 1s;
}
.slide-text img {
width:auto;
}
.button-4 {
width: 140px;
height: 50px;
float: left;
background: #235993;
text-align: center;
cursor: pointer;
border-radius: 25px;
position: relative;
display: inline-block;
box-sizing: border-box;
overflow: hidden;
margin-top: 15px;
}
.button-4 a {
font-size:16px;
color:#fff;
text-decoration:none;
line-height:50px;
transition:all .5s ease;
z-index:2;
display:block;
position:relative;
}
.eff-4 {
width:140px;
height:50px;
left:-140px;
background:#3045B1;
position:absolute;
transition:all .5s ease;
z-index:1;
}
.button-4:hover .eff-4 {
left:0;
}
.button-4:hover a {
color:#fff;
}
.btn_theme {
background: #3045B1;
border: 1px solid #3045B1;
border-radius: 50px;
color: #fff;
display: inline-block;
font-size: 18px;
font-weight: 400;
padding: 8px 48px;
}
.btn_theme:hover {
background: #64a00e;
color: #fff;
border: 1px solid #64a00e;
text-decoration:none;
}
/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control {
top: 47%;
opacity: 0;
width: 45px;
height: 45px;
z-index: 100;
color: #ffffff;
display: block;
font-size: 24px;
cursor: pointer;
overflow: hidden;
line-height: 43px;
text-shadow: none;
position: absolute;
font-weight: normal;
background: transparent;
-webkit-border-radius: 100px;
border-radius: 100px;
}
.control-round:hover .carousel-control {
opacity: 1;
}
.control-round .carousel-control.left {
left: 1%;
}
.control-round .carousel-control.right {
right: 1%;
}
.control-round .carousel-control.left:hover, .control-round .carousel-control.right:hover {
color: #fdfdfd;
background: rgba(0, 0, 0, 0.5);
border: 0px transparent;
}
.control-round .carousel-control.left>span:nth-child(1) {
left: 45%;
}
.control-round .carousel-control.right>span:nth-child(1) {
right: 45%;
}
/*---------- INDICATORS CONTROL ----------*/
.indicators-line > .carousel-indicators {
right: 48%;
bottom: 0%;
left: auto;
width: 90%;
height: 20px;
font-size: 0;
overflow-x: auto;
text-align: right;
overflow-y: hidden;
padding-left: 10px;
padding-right: 10px;
padding-top: 1px;
white-space: nowrap;
}
.carousel-indicators{bottom: 80px;}
.indicators-line > .carousel-indicators li {
padding: 0;
width: 15px;
height: 15px;
border: 1px solid rgb(158, 158, 158);
text-indent: 0;
overflow: hidden;
text-align: left;
position: relative;
letter-spacing: 1px;
background: rgb(158, 158, 158);
-webkit-font-smoothing: antialiased;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-right: 5px;
-webkit-transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
z-index: 10;
cursor:pointer;
}
.indicators-line > .carousel-indicators li:last-child {
margin-right: 0;
}
.indicators-line > .carousel-indicators .active {
margin: 1px 5px 1px 1px;
box-shadow: 0 0 0 2px #fff;
background-color: transparent;
position: relative;
-webkit-transition: box-shadow 0.3s ease;
-moz-transition: box-shadow 0.3s ease;
-o-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.indicators-line > .carousel-indicators .active:before {
transform: scale(0.5);
background-color: #fff;
content:"";
position: absolute;
left:-1px;
top:-1px;
width:15px;
height: 15px;
border-radius: 50%;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
/*---------- SLIDE CAPTION ----------*/
.slide_style_left {
text-align: left !important;
}
.slide_style_right {
text-align: right !important;
}
.slide_style_center {
text-align: center !important;
}
.slide-text{ position:absolute; z-index:99; top:45%; padding:15px; }
.slide-text > h4 {
padding: 10px;
color: #ffffff;
font-size: 24px;
line-height: 36px;
-webkit-animation-delay: 1.1s;
animation-delay: 1.1s;
display:inline-block; padding:12px;
border: 1px solid #a0a0a0;
outline: 1px solid #a0a0a0;
outline-offset:5px;
background:rgba(0,0,0,0.5);
font-weight:300;
}
.slide-text > a.btn-default {
color: #000;
font-weight: 400;
font-size: 13px;
line-height: 15px;
margin-right: 10px;
text-align: center;
padding: 17px 30px;
white-space: nowrap;
letter-spacing: 1px;
display: inline-block;
border: none;
text-transform: uppercase;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.slide-text > a.btn-primary {
color: #ffffff;
cursor: pointer;
font-weight: 400;
font-size: 13px;
line-height: 15px;
margin-left: 10px;
text-align: center;
padding: 17px 30px;
white-space: nowrap;
letter-spacing: 1px;
background: #00bfff;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
border: none;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.slide-text > a:hover, .slide-text > a:active {
color: #ffffff;
background: #222222;
-webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
.absolute_form{ position:absolute; top:60px; right:30px; left:auto; z-index:9; width:320px; background:rgba(0,0,0,0.5); padding:10px 20px;}
/*feature*/
.feature-content-box {
border: 0px solid #ededed;
padding: 108px 30px;
-webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, .10);
box-shadow: 0 2px 120px rgba(0, 0, 0, .10);
background:#3045B1;
margin-bottom:30px;

}
.feature-content-box h3{ font-size:36px; margin:0px; padding:0px 0 15px 0; color:#fff;}
.feature-content-box p{ color:#fff;}
.feature-box-16 .feature-box-content {position: absolute; bottom:0; width: 100%; transition: ease-in-out 0.4s; height:58px;}
.feature-box-16 .feature-box-content p {opacity: 0; transition: ease-in-out 0.5s; -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -ms-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s;}
.feature-box-16 {position: relative;overflow: hidden; margin-bottom: 30px;}
.feature-box-16:hover .feature-box-content { height: 100%;}
.feature-box-16:hover .feature-box-content p {opacity: 1;}
.bg-extra-dark-gray {
background-color: #1c1c1c;
}
.opacity-full-dark {
position: absolute;
height: 100%;
width: 100%;
opacity: 0.7;
top: 0;
left: 0;
}
.font-21{ font-size:18px; font-weight:500;}
.position-relative {
position: relative;
}
.d-table {
display: table!important;
}
.h-100 {
height: 100%!important;
}
.w-100 {
width: 100%!important;
}
.m-bottom-30 {
margin-bottom: 30px !important;
}
.align-middle {
vertical-align: middle!important;
}
.d-table-cell {
display: table-cell!important;
}
.padding-20px {
padding: 15px;
}
.text-white-2{
color: #FFF;
}
.service_content {
margin-bottom: 30px;
position: relative;
z-index: 1;
overflow: hidden;
-webkit-transition-duration: 600ms;
-o-transition-duration: 600ms;
transition-duration: 600ms;
}
.service_thumb {
position: relative;
z-index: 1;
overflow: hidden;
}
.service_thumb img {
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.service_content:hover .service_thumb img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);

}
.service_content:hover {
-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
}
.service_text {
padding: 20px 15px;
background-color: #fff;
border: solid 1px #ededed;
/* display: inline-block;*/
z-index: 5;
text-align:center;
}
.service_text > h5 {
font-size: 18px;
margin-bottom: 10px;
}
.service_text > p {
margin-bottom: 20px;
}
/*Add Services Box */
.service {
text-align: left;
}
.serv h3{ color:#fff; text-align:center; margin:10px 0 30px 0; font-weight:600;}
.service .caption {
text-align: center;
}
.service .caption h3 {
margin: 0 0 10px;
color: #fff;
font-size: 15px;
margin-bottom: 20px;
letter-spacing: 1px;
font-weight: normal;
text-transform: uppercase;
}
.service .icon-box {
display: inline-block;
margin-bottom: 15px;
overflow: hidden;
position: relative;
width: 100%;
}
.service .icon-box:before {
display: block;
content: '';
position: relative;
top: 75px;
width: 100px;
height: 1px;
display: block;
margin: 0 auto;
background-color: #cbcbcd;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.service .icon-box .icon {
background-color: #26282b;
border-radius: 5px;
display: inline-block;
height: 75px;
left: 36%;
position: relative;
top: 12px;
width: 75px;
-webkit-transform: rotate(50deg);
-moz-transform: rotate(50deg);
-ms-transform: rotate(50deg);
-o-transform: rotate(50deg);
transform: rotate(50deg);
background: #41aba0;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-khtml-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.service:hover .icon-box .icon {
background-color: #41aba0;
}
.service .icon-box .icon img {
color: #fff;
font-size: 30px;
height: 70px;
line-height: 70px;
text-align: center;
width: 70px;
display: inline-block;
-webkit-transform: rotate(-50deg);
-moz-transform: rotate(-50deg);
-ms-transform: rotate(-50deg);
-o-transform: rotate(-50deg);
transform: rotate(-50deg);
}
/* Add Services Box End */
.image-hover-effect,
.image-hover-effect img {
position: relative;
}
.image-hover-effect::before {
right: 0;
opacity: 1;
top: 0;
}
.image-hover-effect::before,
.image-hover-effect::after {
content: "";
background: rgba(118, 96, 85, 0.8);
height: 0;
width: 0;
z-index: 1;
position: absolute;
-webkit-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
transition-duration: 0.9s;
top: 0;
left: 0;
}
.image-hover-effect::after {
bottom: 0;
opacity: .7;
left: 0;
}
.image-hover-effect:hover::after,
.image-hover-effect:hover::before {
height: 100%;
opacity: 0;
width: 100%;
}
/*Add Banking Carousel button style */
#partner-logo .owl-controls .owl-buttons .owl-next,
#partner-logo .owl-controls .owl-buttons .owl-prev
{ width:21px; height:36px;}
.feature-list {
width:100%;
clear:both;
}
#features-listing .earphone-section {
position: relative;
overflow: hidden;
padding:0;
}
#features-listing .earphone-function {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
}
#features-listing .earphone-function-box {
/*-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;*/
width:60%;
}
#features-listing .earphone-function-box-content {
position: relative;
height: 650px;
background-color: #fff;
}
#features-listing .earphone-function-box-bg {
height:650px;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
#features-listing .earphone-function-list {
width: 40%;
background: #235993;
}
#features-listing {}
#features-listing .earphone-function-item {
padding: 200px 50px 0 50px;
left: 0;
text-align: center;
/* width: 50%; */
right: 50%;
}
#features-listing .earphone-function-item p {
word-break: break-word;
color:#fff;
margin-bottom:30px;
}
#features-listing .earphone-function-title {
margin-bottom: 20px;
font-size: 32px;
color: #fff;
line-height: 40px;
}
.wcc-button-read a {
border: 1px solid #747474;
padding: 8px 40px;
display: inline-block;
border-radius: 50px;
}
.wcc-button-read a:hover {
background: #fe3e00;
color: #fff!important;
border: 1px solid #fe3e00;
}
#features-listing .wcc-button-read a {
border: 1px solid #fe3e00;
padding: 8px 40px;
background: #fe3e00;
display: inline-block;
color:#fff!important;
border-radius: 50px;
}
#features-listing .wcc-button-read a:hover {
background:none;
color: #333!important;
border: 1px solid #747474;
}
.section-title h2{ margin-bottom:20px; font-size:28px; position: relative; z-index: 9; }
.section-title p {
font-weight:500;
}
.video-container {
width:100%;
}
.youtube-video {
width:100%;
display:inline-block;
padding:20px 0 0;
}
.video-col { height: 100%; }
.video-col .video--play--btn, .video-box .video--play--btn { height: 100%; position: relative; display: block; -webkit-background-size: cover; background-size: cover; -webkit-background-position: 50% 0; background-position: 50% 0; }
.video-col .video--play--btn span { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0.56; color: #fff; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.video-col .video--play--btn span i { position: absolute; left: 50%; top: 50%; font-size: 28px; vertical-align: middle; padding-left: 4px; color: #3045B1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.video-col .video--play--btn span::before, a.video--play--btn::before { background: rgba(255, 255, 255, 0.8); z-index: -1; -webkit-animation: tmGrowShrink 1.2s ease-in-out 0s infinite both; animation: tmGrowShrink 1.2s ease-in-out 0s infinite both; }
.video--play--btn span::before, .video--play--btn span::after { content: ""; position: absolute; left: 50%; top: 50%; height: 100%; width: 100%; margin-left: -30px; margin-top: -30px; border-radius: 999px; }
.video--play--btn span { display: inline-block; height: 60px; width: 60px; line-height: 60px; text-align: center; background: #ffffff; border-radius: 999px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
@keyframes tmGrowShrink { 0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1.55);
opacity: 0;
}
}
.video-box { background: #D9378B; background-size: cover !important; position: relative; padding:305px 0; background-position: center center !important; }
.life_wavecity { padding: 80px 0 80px 0; }
.video-box:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); }
.video-box .container { position: relative; }
.video-box h2 { margin: 0; color: #fff; font-weight: 500; font-size: 32px; margin-bottom: 100px; }
.life_wavecity h2 { margin-bottom: 60px; }
.video-box { position: relative; }
.video-box .play-button { position: relative; width: 60px; height: 60px; color: #2b2e39; text-align: center; border-radius: 50%; line-height: 60px; display: inline-block; background-color: #fff; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.video-box .play-button div.fa { font-size: 24px; color: #2b2e39; padding-left: 5px; line-height: 60px; }
.video-box .ripple, .video-box .ripple:before, .video-box.ripple:after { position: absolute; top: 50%; left: 50%; height: 60px; width: 60px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -webkit-animation: ripple 3s infinite; -moz-animation: ripple 3s infinite; -ms-animation: ripple 3s infinite; -o-animation: ripple 3s infinite; animation: ripple 3s infinite; }
.video-box .ripple:before { -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; }
.video-box .ripple:after { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute; }
@-webkit-keyframes ripple { 70% {
box-shadow: 0 0 0 70px rgba(235, 47, 91, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(235, 47, 91, 0);
}
}
@keyframes ripple { 70% {
box-shadow: 0 0 0 70px rgba(235, 47, 91, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(235, 47, 91, 0);
}
}
.pt-0 { padding-top: 0px; }
.ptb-0 { padding: 0px; }
.pb-0 { padding-bottom: 0px; }
.pt-2{ padding-top:15px !important; }
.pt-3{ padding-top:30px !important; }
.specification-right {
width: 100%;
display: inline-block;
padding: 10px 20px 10px 10px;
}
.col_width20 {
width: 20%;
}
.col_width80 {
width: 80%;
}
.list-group-item:first-child, div.rj-tab-menu div.list-group>a:last-child {
border-radius:0px;
}
.rj-tab-container {
z-index: 10;
background-color: #ffffff;
padding: 0 !important;
border-left:0px;
border-radius:0px;
border:1px solid #dcdcdc;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
background-clip: padding-box;
opacity: 1;
}
.rj-tab-menu {
padding-right: 0;
}
div.rj-tab-menu div.list-group {
margin-bottom: 0;
}
div.rj-tab-menu div.list-group>a {
margin-bottom: 0;
}
div.rj-tab-menu div.list-group>a:hover {
background:#3045B1 !important;
}
div.rj-tab-menu div.list-group>a .glyphicon, div.rj-tab-menu div.list-group>a .fa {
color: #5A55A3;
}
div.rj-tab-menu div.list-group>a.list-group-item, button.list-group-item {
background:#666;
color:#fff;
padding:15px;
}
div.rj-tab-menu div.list-group>a:first-child {
border-top-right-radius: 0;
-moz-border-top-right-radius: 0;
}
div.rj-tab-menu div.list-group>a:last-child {
border-bottom-right-radius: 0;
-moz-border-bottom-right-radius: 0;
}
div.rj-tab-menu div.list-group>a.active, div.rj-tab-menu div.list-group>a.active .glyphicon, div.rj-tab-menu div.list-group>a.active .fa {
background-color: #3045B1;
border:0;
color: #fff;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
z-index: 2;
color: #fff;
background-color: #3045B1;
border-color: #3045B1;
}
div.rj-tab-menu div.list-group>a.active:after {
content: '';
position: absolute;
left: 100%;
top: 50%;
margin-top: -13px;
border-left: 0;
border-bottom: 13px solid transparent;
border-top: 13px solid transparent;
border-left: 10px solid #3045B1;
}
.rj-tab-content-wrap div.rj-tab-content:not(.active) {
display: none;
}
a.list-group-item, button.list-group-item {
color:#fff;
background:#666;
}
.active-menu {
color: #3045B1 !important;
}
.rj-tab-content {
background-color: #ffffff;    /* border: 1px solid #eeeeee; */
padding-left: 5px;
padding-top: 10px;
overflow: hidden;
padding-bottom: 10px;
}
.rj-tab-content-wrap div.rj-tab-content:not(.active) {
display: none;
}
.rj-tab-content-wrap .list-group {
display:none;
margin-bottom:5px;
}          /*  bhoechie tab */
.title-md {
font-size:21px;
line-height:25px;
margin:12px 0;
padding:0px;
}
.special-list {
margin:0px;
padding:0px;
}
.special-list ul li {
margin: 0px;
padding: 0px;
display: inline-block;
float: left;
font-size: 14px;
}
.scrolling-specifications {
max-height:175px;
overflow:scroll;
overflow-x:hidden;
}
.special-list ul li:nth-child(2n+1) {
width: 25%;
font-weight: 600;
}
.special-list ul li:nth-child(2n+0) {
width:75%;
}
.single-blog .img {
margin-bottom:25px;
}
.sub-heading-one {
margin-top: 30px;
}
.sub-heading-one h5 {
font-size: 20px;
line-height: 20px;
font-weight: 600;
margin-bottom: 10px;
color: #222;
}
.payment-plan-box { background: #fff; border-radius: 15px; padding: 0px; margin: 0px; box-shadow: 0px 2px 2px #ccc; }
.payment-plan-box h3 { padding: 15px; background: #3045B1; color: #fff; text-align: center; font-size: 21px; border-radius: 12px 12px 0 0; }
.table_custom thead { background: #999; color: #fff; font-size: 15px; }
.table_custom>thead>tr>th { vertical-align: bottom; border-bottom: 0px solid #ddd; border-right: 1px solid #f9f9f9; text-align: left; padding:8px 15px; }
.table_custom>tbody>tr>td { text-align: left; background: #fafafa; border-top: solid 1px #f6f6f6; }
.table {
margin-bottom:0px;
border: solid 1px #eeeeee;
border-collapse: collapse;
}
.table > tbody > tr > td {
padding:10px 8px;
color:#404040;
}
table.table tr:nth-child(odd) td {
background:#f4f4f4;     /* styles here */
}
table.table tr:nth-child(even) td {
background:#fff;     /* styles here */
}
b, strong {
font-weight:600;
}
/*Why Invest the projecct*/
.why-invest {
width:100%;
background:#f7f7f6;
display:inline-block;
clear:both;
margin:20px 0 0 0;
}
.why-invest-texts {
width:100%;
clear:both;
padding:70px 80px 70px 25px;
}
.why-invest-texts h2 {
margin-bottom:25px;
}
ul.why-invest-list {
margin:40px 0 0 0;
}
ul.why-invest-list li {
position: relative;
padding: 0 0 0 16px;
list-style-type: none;
margin: 0 0 1px 0;
color: #2a2a2a;
font-size: 15px;
font-weight: 500;
}
ul.why-invest-list li:before {
content: "";
position: absolute;
top: 9px;
left: 0;
width: 6px;
height: 6px;
background: #235993;
}
/*Location Advantage*/
.location-advantages-row {
margin-top: 11px;
clear: both;
background: #f7f7f6;
padding-top:50px;
padding-bottom:30px;
}
.location-advantage-show {
width: 90%;
background: #fff;
padding: 50px;
right: -16%;
z-index: 99;
position: relative;
top: 70px;
}
.location-advantages {
margin-top: 11px;
clear:both;
background: #f7f7f6;
}
.location-advantage-details {
width: 90%;
background: #fff;
padding: 50px;
right: -16%;
z-index: 99;
position: relative;
top: 70px;
}
.footer-row {
padding:80px 0 0 0;
}
footer .copyright {
width: 100%;
padding: 8px 0px;
margin:10px 0;
color: #fff;
font-size: 13px;
background: #000;
letter-spacing:1px;
}
ul.location-advantage-list {
margin:10px 0 0 0;
}
ul.location-advantage-list li {
position: relative;
padding: 0 0 0 16px;
list-style-type: none;
margin: 0 0 1px 0;
color: #222;
font-size: 15px;
font-weight: 400;
}
ul.location-advantage-list li:before {
content: "";
position: absolute;
top: 9px;
left: 0;
width: 6px;
height: 6px;
background: #3045B1;
}
/*About WC*/
.about-parallax {
margin-top: 49px;
display: inline-block;
width: 100%;
padding: 100px 0 70px;
}
.about-text-omaxe {
position:relative;
}
.about-text-omaxe h2 span {
display:inline-block;
}
.about-text-omaxe h2 {
color:#fff;
}
.about-text-omaxe p {
color:#fff;
}
.parallax {
position: relative;
clear: both;
}
.parallax .overlay {
background-color: #000;
height: 100%;
left: 0;
opacity: .7;
position: absolute;
top: 0;
width: 100%;
}
.delivered {
width: 240px;
display: inline-block;
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
top: -7em;
margin: auto;
z-index: 9;
}
.about-omaxe-row {
padding:70px 0 0 0;
}
a.btns {
background:#235993;
color: #fff;
text-align:center;
padding: 11px 0px;
width:145px;
text-decoration:none;
border-radius: 38px;
font-size: 16px;
margin-top:20px!important;
font-weight: 400;
margin:0px auto;
}
a.btns:hover {
background:#235993;
}
.less {
background:#235993!important;
}
.morecontent span {
display: none;
}
.morelink {
display: block;
}
/*about Amore*/
a:focus{ text-decoration:none; color:#fff;}
.about-amore {
clear: both;
background: #3045B1;
}
.pt-30{ padding-top:30px !important;}
.mb-20{ margin-bottom: 20px !important; }
.mt-12{margin-top: 12px;}
.mb-lg-20{ margin-bottom: 20px; }
.about-amore-text {
width: 96%;
background: #fff;
padding:50px;
right: -17%;
z-index: 99;
position: relative;
top: 95px;
text-align:left;
}
.pad-right0{ padding-right:0px !important;}
.about-amore-text a.btns {
margin:0px;
}
.about-amore-text p {
margin-top:20px;
}
.about-amore-text h2 span{ display:block;}
.span-texts-details {
font-size: 14px;
font-weight:500;
color: #222;
font-style:italic;
}
/*Floor Plan*/
.floor_bg {
position: relative;
clear: both;
margin: 20px 0 0 0;
display: inline-block;
width: 100%;
}
.floor-plan-wrappers {
background: #f5f5f5;
background-size: cover;
padding:50px 0;
position: relative;
}
.nav-tabs>li>a {
border:0px;
border-radius:0px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
border: 0px;
border-bottom: 2px solid #476194;
color: #476194;
background:none!important;
}
.nav-tabs>li>a:hover {
background:none!important;
border-bottom: 2px solid #476194;
}
.nav-tabs>li>a {
border: 0px;
border-radius: 0px;
font-size: 16px;
font-weight: 500;
}
.nav-tabs>li {
float: none;
padding:0 10px;
margin-bottom: -1px;
display: inline-block;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
text-align: center;
display: inline-block;
width: 100%;
}
.content-column {
background: #fff;
padding: 40px;
display: table;
position: relative;
margin-left: -40px;
margin-top: 6%;
box-shadow: 0px 2px 10px #ccc;
}
ul.list-style-two {
list-style-type:none;
}
.table-table {
padding: 0 10px;
color: #222;
margin-bottom: 25px; margin:10px 0 0 0;
text-align: left;
font-size: 14px;
width: 100%;
}
.table-table tr td {
padding: 5px 10px;
}
.table-table tr:nth-child(1) {


}
.payment-plans{
background: url(../images/txt-bg.png) repeat;
width: 100%;
padding:60px 0px 60px;

}
.payment-h{text-align: left;}
.payment-h .colored-line{margin: initial!important;}
.payment-options {
display: inline-block;
width: 100%;margin:20px 0 0 0;
clear: both;
text-align: left;
}
.notes {text-align:left; padding: 15px 0px 0; width: 100%;}
.notes p{margin-bottom: 0px; font-size: 13px;}
.note-points{ padding:0 0 0 0; margin:10px 0 0 0;}
.note-points li{ padding:4px 0; margin:0 0 0 10px;; font-size:14px; line-height:22px; list-style-type: decimal;}
.note-points h2{ font-size:16px; color:#000; line-height:18px; padding:0; margin:0 0 8px; font-weight:bold;}
.feature-list-3 {
margin-top: 25px;
}
.feature-list-3 li {
overflow: auto;
padding-top: 0px;
padding-bottom: 9px;
display:flex;
}
.feature-list-3 li span{ display:inline-block; padding-left:5px; float:left;}
.feature-list-3 li i{ color:#62bb46; font-size:24px; float: left; width:28px;}
/*Finance partner*/
.finance-partner {
width:100%;
clear:both;
}
.finance-crasual .owl-buttons {
display:none!important;
}
/*4 block carasoual*/
.hvrbox, .hvrbox * {
box-sizing: border-box;
}
.hvrbox {
position: relative;
overflow: hidden;
max-width: 100%;
width: 285px;
padding:15px 25px 20px;
height:200px;
border: 1px solid #d4d5d5;
box-shadow: 0 0 5px #e4e4e4;
line-height: 21px;
background:#fff;
}
.hvrbox span {
font-size:16px;
font-weight:500;
}
.hvrbox img {
width: 95px;
height:auto;
margin: 0px auto;
margin-bottom: 7px;
}
.hvrbox_background {
width: 400px;
height: 250px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.hvrbox .hvrbox-layer_bottom {
display: block;
}
.hvrbox .hvrbox-layer_top {
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(40,96,140,0.96);
color: #fff;
padding: 15px;
-moz-transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.hvrbox:hover .hvrbox-layer_top, .hvrbox.active .hvrbox-layer_top {
opacity: 1;
}
.hvrbox .hvrbox-text {
text-align: center;
font-size: 14px;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 85%;
}
.hvrbox .hvrbox-text_mobile {
font-size: 15px;
border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
border-top: 1px solid rgba(179, 179, 179, 0.7);
margin-top: 5px;
padding-top: 2px;
display: none;
}
.hvrbox.active .hvrbox-text_mobile {
display: block;
}
.hvrbox .hvrbox-layer_image {
padding: 0;
background: none;
}
.hvrbox .hvrbox-layer_slideup {
-moz-transform: translateY(100%);
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.hvrbox:hover .hvrbox-layer_slideup, .hvrbox.active .hvrbox-layer_slideup {
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.hvrbox .hvrbox-layer_slidedown {
-moz-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.hvrbox:hover .hvrbox-layer_slidedown, .hvrbox.active .hvrbox-layer_slidedown {
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.hvrbox .hvrbox-layer_slideleft {
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.hvrbox:hover .hvrbox-layer_slideleft, .hvrbox.active .hvrbox-layer_slideleft {
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.hvrbox .hvrbox-layer_slideright {
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.hvrbox:hover .hvrbox-layer_slideright, .hvrbox.active .hvrbox-layer_slideright {
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.hvrbox .hvrbox-layer_scale {
border-radius: 50%;
-moz-transform: scale(0);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.hvrbox:hover .hvrbox-layer_scale, .hvrbox.active .hvrbox-layer_scale {
border-radius: 0%;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.hvrbox .hvrbox-layer_rotate {
border-radius: 50%;
-moz-transform: rotateZ(0);
-webkit-transform: rotateZ(0);
-ms-transform: rotateZ(0);
transform: rotateZ(0);
}
.hvrbox:hover .hvrbox-layer_rotate, .hvrbox.active .hvrbox-layer_rotate {
border-radius: 0%;
-moz-transform: rotateZ(360deg);
-webkit-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.hvrbox .hvrbox-layer_scale-rotate {
border-radius: 50%;
-moz-transform: scale(0) rotateZ(0);
-webkit-transform: scale(0) rotateZ(0);
-ms-transform: scale(0) rotateZ(0);
transform: scale(0) rotateZ(0);
}
.hvrbox:hover .hvrbox-layer_scale-rotate, .hvrbox.active .hvrbox-layer_scale-rotate {
border-radius: 0%;
-moz-transform: scale(1) rotateZ(360deg);
-webkit-transform: scale(1) rotateZ(360deg);
-ms-transform: scale(1) rotateZ(360deg);
transform: scale(1) rotateZ(360deg);
}
.col-box-crasual{ padding:30px 0 60px 0;}
.col-box-crasual .owl-carousel .owl-item {
padding:0 5px!important;
}
.col-box-crasual .owl-buttons {
display:none;
}
.image-column {
text-align:center;
padding:0 30px 0 10px;
}
.hvrbox-text h4 {
color:#fff;
}
.promo { background: #666;
background-size: cover;
padding: 60px 0;
position: relative;
}
.padding-tb-200 {
padding-top: 200px;
padding-bottom: 200px;
}
.padding-tb-260 {
padding-top: 260px;
padding-bottom: 260px;
}
.promo .overlay {
background-color: #000;
height: 100%;
left: 0;
opacity: .7;
position: absolute;
top: 0;
width: 100%;
}
.overlay-50 {
background-color: #000;
height: 100%;
left: 0;
opacity: .5;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.promo .overlay-50 {
background-color: #000;
height: 100%;
left: 0;
opacity: .5;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.promo .overlay-30 {
background-color: #000;
height: 100%;
left: 0;
opacity: .3;
position: absolute;
top: 0;
width: 100%;
}
.overlay-light {
background: rgba(255, 255, 255, 0.95);
width: 100%;
display: inline-block;
padding: 30px;
}
.promo .promo-content h2 {
font-size: 62px;
font-weight: 600;
line-height: normal;
margin: 0px;
padding: 0px;
color: #fff;
}
.promo .promo-content h3 {
color: #fff;
font-size: 28px;
font-weight: 600;
line-height: 52px;
margin: 30px 0;
text-transform: none;
}
.promo .promo-content p {
color: #fff;
margin-bottom: 15px;
font-size: 15px;
}
/*Contact us*/
.contact-promo {
margin: 0px 0 0 0;
/* display: inline-block; */
width: 100%;
padding: 50px 0;
float: left;
}
.overlay-light {
background: rgba(255, 255, 255, .90);
width: 100%;
display: inline-block;
padding: 30px;
}
.logo-foot {
width:auto;
}
.address p i {
width: 32px;
height: 32px;
display: table-cell;
vertical-align: top;
}
.address p span {
float: left;
margin: 0px 0 0px 10px;
padding: 0px;
line-height: 21px;
}
.address p {
margin: 0px 0 15px 0;
padding: 0px;
line-height: normal;
font-size: 15px;
color: #2a2a2a;
line-height: normal;
display: table;
}
.address h3 {
margin: 25px 0 35px;
}
.address span a {
font-weight:600;
}
.footer-end {
background: #111;
text-align: center;
width: 100%;
clear: both;
padding: 40px 0px 75px;
}
.disclaimer {
text-align:left;
}
.footer-end p {
font-size: 13px;
color: #a19f9f;
line-height: 18px; margin:0;
}
/*Testimonial*/
.gray-bg {
background:#eeeded;
clear:both;
}
.reb_bg{ background:#3045B1; clear:both;}
.testimonail-write {
top: 12px;
text-align: center;
display: inline-block;
position: relative;
}
.testimonail-write h3 {
font-size:16px;
}
.testimonail-write {
font-size: 18px;
font-weight: 500;
}
.testimonails-texts p {
font-size: 18px;
line-height: 32px;
}
.testimonails-texts i {
font-size: 26px;
color: #8896bc;
}
.testimonial-slider .owl-wrapper-outer {
opacity: 1;
display: block;
background: #fff;
border-radius: 67px;
padding: 25px 50px 10px 50px;
margin: 20px 0 0 0;
width: 100%;
box-shadow: 0 0 5px #d8d8d8;
}
.testimonial-item {
width:90%;
}
.testimonial-people img {
width:82px;
}
.testimonails-texts {
text-align: center;
width: 100%;
float: left;
min-height: 262px;
}
.testimonial-slider .owl-controls .owl-page {
cursor: pointer;
background: #333;
width: 10px;
display: inline-block;
height: 10px;
margin: 4px;
border-radius: 50%;
}
.testimonial-slider .owl-pagination {
text-align: center;
}
.testimonial-slider .owl-pagination .active {
background:#fff;
}
.testimonial-slider .owl-carousel .owl-controls {
position: relative;
top: auto!important;
left: 0!important;
right: 0!important;
bottom:-25px;
text-align: center;
width: 100%;
}
/*Gallery*/
.gallery .col-lg-1, .gallery .col-lg-10, .gallery .col-lg-11, .gallery .col-lg-12, .gallery .col-lg-2, .gallery .col-lg-3, .gallery .col-lg-4, .gallery .col-lg-5, .gallery .col-lg-6, .gallery .col-lg-7, .gallery .col-lg-8, .gallery .col-lg-9, .gallery .col-md-1, .gallery .col-md-10, .gallery .col-md-11, .gallery .col-md-12, .gallery .col-md-2, .gallery .col-md-3, .gallery .col-md-4, .gallery .col-md-5, .gallery .col-md-6, .gallery .col-md-7, .gallery .col-md-8, .gallery .col-md-9, .gallery .col-sm-1, .gallery .col-sm-10, .gallery .col-sm-11, .gallery .col-sm-12, .gallery .col-sm-2, .gallery .col-sm-3, .gallery .col-sm-4, .gallery .col-sm-5, .gallery .col-sm-6, .gallery .col-sm-7, .gallery .col-sm-8, .gallery .col-sm-9, .gallery .col-xs-1, .gallery .col-xs-10, .gallery .col-xs-11, .gallery .col-xs-12, .gallery .col-xs-2, .gallery .col-xs-3, .gallery .col-xs-4, .gallery .col-xs-5, .gallery .col-xs-6, .gallery .col-xs-7, .gallery .col-xs-8, .gallery .col-xs-9 {
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
.gallery .row {
margin-left: -5px;
margin-right: -5px;
}
.container-gallery{position:relative;width:100%;background:#000}
.image-gallery{opacity:1;display:block;width:100%;height:auto;transition:.5s ease;backface-visibility:hidden}
.middle-gallery{transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center}
.container-gallery:hover .image-gallery{opacity:.3}
.container-gallery:hover .middle-gallery{opacity:1}
.middle-gallery i{color:#fff;font-size:16px;line-height:50px;font-size:24px}
.hide-pc {
display:none!important;
}
.single-blog .img .img_tag, .img .img_tag {
text-align: right;
color: #fff;
font-size: 11px;
letter-spacing: 1px;
position: absolute;
right: 10px;
bottom: 0px;
width: 100%;
}
.img-hero .img_tag {
text-align: right;
color: #fff;
font-size: 11px;
letter-spacing: 1px;
position: absolute;
right: 10px;
bottom: 65px;
width: 100%;
}
.img .img_tag2 {
text-align: right;
color: #fff;
font-size: 11px;
letter-spacing: 1px;
position: absolute;
right: 40px;
bottom: -11px;
width: 100%;
}
.gallery-tab-wrappers {
background: #f5f5f5;
background-size: cover;
padding:50px 0 20px 0;
position: relative;
}
.single-blog .img, .img {
position: relative;
}
.gallery-bg {
position: relative;
clear: both;
margin: 20px 0 0 0;
display: inline-block;
width: 100%;
}
.gallery-wrappers {
background: #f5f5f5;
background-size: cover;
padding: 50px 0;
position: relative;
}
/*metrial form*/
.hiddendiv {
display:none;
white-space:pre-wrap;
overflow-wrap:break-word;
padding-top:1.2rem
}
.fixed-form input {
padding: 8px 0;
margin-bottom: 15px;
}
.fixed-form textarea {
height: 80px;
padding: 10px;
margin-bottom: 40px;
}
.fixed-form input, .fixed-form textarea {
width: 100%;
box-sizing: border-box;
box-shadow: none;
outline: none;
border: none;
color:#fff;
border-bottom: 1px solid #999 !important;
}
.fixed-form textarea {
margin-bottom: 12px;
color:#fff;
}
.fixed-form input[type="submit"] {
border-bottom: none;
cursor: pointer;
background: #EF5350;
color: #fff;
margin-bottom: 0px;
text-transform: uppercase;
border: none;
}
.fixed-form form div, .contact-form .col-md-4, .contact-form-footer {
position: relative;
}
.fixed-form form div label {
position: absolute;
top: 10px;
left:0px;
color: #fff;
transition: .5s;
pointer-events: none;
}
.intl-tel-input {
display:block;
}
.contact-form label.country_code, .fixed-form label.country_code {
}
.contact-form label, .contact-form-footer label {
position: absolute;
top: 10px;
left:15px;
color: #fff;
transition: .5s;
pointer-events: none;
font-size:14px; font-weight:400;
}
.contact-form-footer label{ color:#333;}
.fixed-form input.active + label, .fixed-form textarea.active + label {
top: -20px;
left: 0px;
color: #ccc;
font-size: 12px;
}
.contact .contact-form input, .contact .contact-form textarea {
border-bottom: 1px solid #3045B1 !important;
}
.contact .contact-form input.active + label, .contact .contact-form textarea.active + label, .contact-form input:invalid ~ label,
.contact .contact-form-footer input.active + label, .contact .contact-form-footer textarea.active + label, .contact-form-footer input:invalid ~ label
{
top: -20px;
left: 15px;
color: #000;
font-size: 12px;
}
.contact .contact-form textarea.active + label {
top:-15px;
}
.contact-form{ display: inline-block; }
.contact-form textarea:focus, .contact-form input:focus {
outline:none;
border-bottom: 1px solid #000 !important;
}
.fixed-form textarea label, .contact-form textarea label {
top: -12px;
left: 0px;
color: #e4e4e4;
font-size: 14px;
font-weight:bold;
}
#mobie_status1, #mobie_status2, #mobie_status4, #mobie_status5, #mobie_statusdesktop
 {
color: #F00;
display: block;
font-weight:500;
margin-bottom: 0px;
}
.contact {
padding:30px 0;
}
.contact textarea label, .contact-form textarea label {font-weight:500 !important;}
.contact .contact-form input[placeholder] {
letter-spacing: 2px;
text-transform: none;
}
.contact .contact-form input[type=email], .contact .contact-form input[type=tel], .contact .contact-form input[type=text] {
height: 40px;
margin-bottom: 20px;
padding: 0px;
width: 100%;
border:0; border-radius: 0;
border-bottom:solid 1px #8d8d8d;
background:transparent;
color:#333;
}
.contact .contact-form-footer input[type=tel]{ color:#000;}
.intl-tel-input .flag-dropdown {
top:4px;
}
.contact .contact-form input[type=tel], .fixed-form input[type=tel] {

}
.contact .contact-form textarea {
letter-spacing: 1px;
padding: 0px;
text-transform: capitalize;
width: 100%;
border:0;
border-bottom:solid 1px #8d8d8d;
background:transparent;
color:#333;
margin-bottom: 20px;
}
.contact .contact-form-footer input[type=text], .contact .contact-form-footer input[type=email]{ color:#000;}
.contact .contact-form-footer textarea{ color:#000;}
.contact .contact-form .md-form textarea {
color:#000;
}
.contact .contact-form .md-form label {
color:#000;
letter-spacing: 2px;
text-transform: capitalize;
}
.contact .contact-form input[type=submit] {
background-color: #3045B1;
border: 0px;
color: #fff;
font-size: 16px;
font-weight: 400;
letter-spacing: 1px;
margin-top: 20px;
padding: 10px 33px;
display: inline-block;
border-radius: 50px;
text-transform: capitalize;
}
.contact .contact-form input[type=submit]:hover {
background-color: #333;
color:#fff;
}
.simple-text-m {
display:none;
}
.mobile-pc {
display:none!important;
}
.modal-dialog {
width:40%;
margin:6% auto;
}
input[type=submit]:disabled, button:disabled, input[type=submit]:disabled:hover, button:disabled:hover, .btn-primary[disabled]:hover{background-color: #999 !important; opacity:0.8; border:0;}
.simple-text-m {
display:none;
}
.contact .popup-form-booknow .contact-form input[type=email], .contact .popup-form-booknow .contact-form input[type=tel], .contact .popup-form-booknow .contact-form input[type=text] {
margin-bottom:30px;
}
.modal-content {
background:#f9f9f9;
border-radius:0px;
border:0px;
}
.popup-form-booknow .type-list-dark {
color:#333;
}
.m-show-only {
display:none;
}
a.close-popup {
border-radius: 50%;
position: absolute;
right: -6px;
background: #3045B1;
color: #fff;
cursor: pointer;
z-index: 9;
width: 30px;
height: 30px;
font-size: 24px;
text-align: center;
line-height: 28px;
opacity: 1!important;
top: -5px;
text-shadow: none;
}
a.close-popup:hover {
background:#235993!important;
color:#fff!important;
}
.heading-popup {
border-bottom: 1px solid #222;
background: #ddd;
padding: 15px 15px 0;
}
.heading-popup h3{ font-size:21px; text-align:center; line-height:28px;}
.modal-body {
padding:0px;
}
.popup-form-booknow {
background: #fff;
border-radius:8px;
display: inline-block;
width: 100%;
padding-bottom: 20px;
}
.popup-booknow {
padding:0px;
}
.modal-open {
padding:0px!important;
overflow:scroll;
overflow-x:hidden;
}
.popup-form-booknow .contact-form {
padding: 30px 0 0 0;
display: inline-block;
}
.modal-backdrop.in {
opacity:.7!important;
}
/*Feedback floating form*/
#feedback { position: fixed; right: 0; display: block; top: 15%; z-index: 999; margin-left: -3px; margin-bottom: -3px; }
#feedback-form { float: right; width: 280px; background: rgba(255, 255, 255, 0.85); height: 100%; padding:10px 15px; z-index: 1000; background-clip: 'padding-box'; border: 1px solid rgba(0, 0, 0, .2); border-radius: 0px; }
#feedback-tab { background: url(../images/enquiry_btn.png) no-repeat bottom; float: left; color: #fff; font-size: 21px; cursor: pointer; text-align: center; width: 36px; height: 198px; }
.enqury_btn { background: url(../images/enquiry_btn.png) no-repeat top !important; width:36px; height:198px; }
.float-form-details {
padding: 20px 0px 20px;
display: inline-block;
width: 100%;
}
.form-flotaing-h {
text-shadow: 0 0 black;
display: inline-block;
width: 100%;
padding: 0px;
position:relative;
z-index:1;
}
.form-flotaing-h h3 {
color: #333;
margin:0px;
font-size:28px;
}
.floating-form .contact .contact-form input[type=email], .floating-form .contact .contact-form input[type=tel], .floating-form .contact .contact-form input[type=text] {
margin-bottom:30px;
}
.form-flotaing-h p {
color: #333;
margin: 15px 0 0 0;
line-height: 21px;
font-size:14px;
}
.form-flotaing-h p span{font-weight:400;color: #5fa607;}
.form-flotaing-h p img{ width:auto; border:0;}
#feedback-form textarea {
resize: none;
}
/*
#feedback .contact .contact-form input, #feedback .contact .contact-form textarea {
border-bottom:1px solid #fff!important;
}
#feedback .contact-form label {
color:#fff!important;
font-weight:300;
}
*/.type-list-dark {
color:#fff;
}
#feedback .intl-tel-input input {
color:#fff;
}
#feedback .contact .contact-form input[type=submit] {
background:#3045B1;
border:0px!important;
}
#feedback .contact .contact-form input[type=submit]:hover {
background:#fff;
color:#235993;
}
.mobile-features {
background:#3045B1;
clear:both;
display:none;
}
.m-feature-text {
padding:25px 10px;
text-align:center;
}
.m-feature-text h2 {
color:#fff;
}
.m-feature-text p {
color:#fff;
}
.mobilebtn {
width: 100%;
float: left;
display:none;
position: fixed;
bottom: 0;
left: 0;
margin: 0px;
z-index: 9999;
background: #3045B1;
}
.mobilebtn a button {
width: 100%;
float: left;
margin-right: 0;
color: #212121;
border: none;
line-height: 48px;
font-size: 16px;
font-weight:500;
cursor: pointer;
background: #ffc600;
}
.youtube {
background-color: #000;
margin-bottom: 30px;
position: relative;
padding-top: 56.25%;
overflow: hidden;
cursor: pointer;
}
.youtube img {
width: 100%;
top: -16.82%;
left: 0;
opacity: 0.7;
}
.youtube .play-button {
width: 90px;
height: 60px;
background-color: #333;
box-shadow: 0 0 30px rgba( 0, 0, 0, 0.6 );
z-index: 1;
opacity: 0.8;
border-radius: 6px;
}
.youtube .play-button:before {
content: "";
border-style: solid;
border-width: 15px 0 15px 26.0px;
border-color: transparent transparent transparent #fff;
}
.youtube img, .youtube .play-button {
cursor: pointer;
}
.youtube img, .youtube iframe, .youtube .play-button, .youtube .play-button:before {
position: absolute;
}
.youtube .play-button, .youtube .play-button:before {
top: 50%;
left: 50%;
transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
height: 100%;
width: 100%;
top: 0;
left: 0;
}
#button {
display: inline-block;
background-color: #3045B1;
width: 50px;
height: 50px;
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 60px;
right: 30px;
transition: background-color .3s,
opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
}
#button::after {
content: "\f106";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 2em;
line-height: 50px;
color: #fff;
}
#button:hover {
cursor: pointer;text-decoration:none;
background-color: #333;
}
#button:active {
background-color: #555;
border-bottom:0;
}
#button.show {
opacity: 1;
visibility: visible;
}
/*Feature icon */
.feature-col{position: relative; margin:0 0 20px 0; padding: 0; text-align: center;}
.feature-col i{ margin:0 auto 5px auto; width: 60px;  }
.feature-col span{ display: block; color: #3045B1; text-transform: uppercase; font-size: 15px; font-weight: 700; }
.feature-col p{ color: #000; font-weight: 400; margin-bottom: 0; padding: 0; line-height: normal; }

/*Add Fixed Footer Form */
#inquiryForm {
    background-color: #ececec;
    bottom: -18px;
    -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.33);
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.33);
    padding: 0 0 15px 0;
    position: fixed;
    width: 100%;
    z-index: 9999;
}
#inquiryForm h4 {
    margin: 20px 0 0;
    text-transform: uppercase;
}
.input-group {
    position: relative;
    display: table;
    text-align: center;
    margin: 12px auto 12px;
    width: 100%;
}
#inquiryForm .form-control{    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc !important;}
.btn_theme_sm{padding: 4px 20px !important;
    border-radius: 5px;
    background: #3045B1 !important;
    border-color: #3045B1 !important;
    color: #fff !important;}
.btn_theme_sm i.fa{margin-right: 5px; }
.btn_theme_sm i.fa img{width:25px;}
.d-block{display: block !important;}