@import url('https://fonts.googleapis.com/css?family=Poppins:100,300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap');
* {
    border: 0 none;
    outline: 0;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-appearance: value;
    -moz-appearance: value;
    appearance: value;
}

html,
body,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
fieldset {
    margin: 0px auto;
    padding: 0px;
    border: 0;
    outline: 0;
    font-size: 100%;
    -webkit-text-stroke: 0px!important;
    -webkit-font-smoothing: antialiased !important;
}

a,
img a {
    text-decoration: none;
    border: 0;
    outline: 0 !important;
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -ms-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
}

a,
button,
input {
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -ms-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
}

:focus {
    outline: 0px;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}

ol,
ul,
li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.clear {
    clear: both;
}

.clearfix:after {
    clear: both;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
article {
    display: block;
    margin: 0;
    padding: 0;
}

html,
body {
    height: 100%;
}

body {
    background: #fff;
    font-size: 14px;
    color: #000;
    font-family: 'Oswald', sans-serif !important;
    overflow-x: hidden;
    -webkit-text-stroke: 0px!important;
    -webkit-font-smoothing: antialiased !important;
}

input[type="text"],
textarea {
    border-radius: 2px;
    margin: 0 0 10px;
    padding: 6px 10px;
    border: 1px solid #ccc;
    width: 100%;
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -ms-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
}

input[type="text"]:hover,
textarea:hover,
input[type="text"]:focus,
textarea:focus {
    border-color: #ff9301;
}

input[type="text"]:focus,
textarea:focus {
    box-shadow: 0 0 4px #fff !important;
    -moz-box-shadow: 0 0 4px #fff !important;
    -ms-box-shadow: 0 0 4px #fff !important;
    -o-box-shadow: 0 0 4px #fff !important;
    -webkit-box-shadow: 0 0 4px #fff !important;
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-google-plus:before {
    content: "\f0d5";
}

.fa-rupee:before,
.fa-inr:before {
    content: "\f156";
}

.fa-phone:before {
    content: "\f095";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-file-pdf-o:before {
    content: "\f1c1";
}

.fa-whatsapp:before {
    content: "\f232";
}

.gradient-blue {
    background: #004b7d;
    background: -moz-linear-gradient(left, #0067ac 0%, #004b7d 100%);
    background: -webkit-linear-gradient(left, #0067ac 0%, #004b7d 100%);
    background: linear-gradient(to right, #0067ac 0%, #004b7d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0067ac', endColorstr='#004b7d', GradientType=1);
}

.gradient-blue:hover,
.gradient-blue:focus {
    background: #004b7d;
    background: -moz-linear-gradient(left, #004b7d 0%, #0067ac 100%);
    background: -webkit-linear-gradient(left, #004b7d 0%, #0067ac 100%);
    background: linear-gradient(to right, #004b7d 0%, #0067ac 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#004b7d', endColorstr='#0067ac', GradientType=1);
}

.gradient-vertical {
    color: #ffffff !important;
    background: #004b7d;
    background: -moz-linear-gradient(top, #0067ac 0%, #004b7d 100%);
    background: -webkit-linear-gradient(top, #0067ac 0%, #004b7d 100%);
    background: linear-gradient(to bottom, #0067ac 0%, #004b7d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0067ac', endColorstr='#004b7d', GradientType=0);
}

.gradient-vertical:hover,
.gradient-vertical:focus {
    background: #004b7d;
    background: -moz-linear-gradient(top, #004b7d 0%, #0067ac 100%);
    background: -webkit-linear-gradient(top, #004b7d 0%, #0067ac 100%);
    background: linear-gradient(to bottom, #004b7d 0%, #0067ac 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#004b7d', endColorstr='#0067ac', GradientType=0);
}

.gradient-orange {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff6d00+0,ff9600+100 */
    background: rgb(255, 109, 0);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(255, 109, 0, 1) 0%, rgba(255, 150, 0, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 109, 0, 1) 0%, rgba(255, 150, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 109, 0, 1) 0%, rgba(255, 150, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff6d00', endColorstr='#ff9600', GradientType=1);
    /* IE6-9 */
}

.gradient-orange:hover,
.gradient-orange:focus {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff9600+0,ff6d00+100 */
    background: rgb(255, 150, 0);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(255, 150, 0, 1) 0%, rgba(255, 109, 0, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 150, 0, 1) 0%, rgba(255, 109, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 150, 0, 1) 0%, rgba(255, 109, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff9600', endColorstr='#ff6d00', GradientType=1);
    /* IE6-9 */
}

.custom-btn {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    padding: 14px 34px;
    border-radius: 2px;
}


/* Page Css */

.wrapper {
    min-height: 100%;
    position: relative;
    overflow: hidden;
}

.container {
    width: 1170px;
    margin: 0 auto;
    max-width: 100%;
}

header {
    position: absolute;
    width: 100%;
    top: 0;
    padding: 15px 0;
    z-index: 9;
}

header .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

header .container:before,
header .container:after {
    display: none;
}

.branding {
    margin: 0;
}

.branding img {
    width: 260px;
}

.rightbar-sec {
    display: flex;
    align-items: center;
}

.banner-wrapper .item {
    position: relative;
    height: 90vh;
    overflow: hidden;
}

.banner-wrapper .item .main-image {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
}

.banner-wrapper .item .main-image img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: 100%;
}

.banner-content {
    width: 550px;
    background: rgba(0, 0, 0, 0.6);
    padding: 30px;
    position: absolute;
    top: 50%;
    transform-origin: center center;
    left: 50%;
    color: #fff;
    z-index: 9;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    text-align: center;
}

.animated {
    -webkit-animation-duration: 1000 ms;
    animation-duration: 1000 ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-animated-out {
    z-index: 1
}

.owl-animated-in {
    z-index: 0
}

.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;
    }
}

.banner-content h1 {
    font-size: 36px;
    font-weight: 400;
    margin: 0;
}

.banner-content .address {
    position: relative;
    font-size: 20px;
    margin: 5px 0;
    font-weight: 400;
}

.banner-content .price {
    position: relative;
    font-size: 26px;
    padding-left: 20px;
    font-weight: 500;
    background: url(../images/doller.png) no-repeat center left;
    display: table;
    margin: 0 auto 30px;
}

.banner-content .price .pphd {
    font-weight: 300;
}

.banner-content .hd {
    background: #ffde00;
    color: #000;
    padding: 5px 15px;
    display: table;
    margin: 0 0 15px;
    text-transform: uppercase;
    font-weight: 600;
}

.toggle-btn {
    border: solid 1px #fff;
    position: relative;
    padding: 12px 10px;
    cursor: pointer;
    margin: 0 0 0 5px;
    width: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.toggle-btn:hover {
    background: rgba(255, 255, 255, 0.75);
}

.toggle-btn span:nth-child(2) {
    width: 20px;
}

.toggle-btn span {
    background: #fff;
    height: 2px;
    width: 28px;
    margin: 3px 0;
}

.toggle-btn:hover span {
    background: #0067ac;
}

.toggle-mobile {
    display: none;
}

.toggle-mobile {
    position: absolute;
    left: 15px;
    top: 22px;
    font-size: 20px;
    cursor: pointer;
}

.menubar-sidebar {
    position: fixed;
    z-index: 99;
    top: 0;
    right: -300px;
    width: 300px;
    background: #fff;
    bottom: 0;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.menubar-sidebar li {
    display: block;
}

.menubar-sidebar li a {
    font-weight: 500;
    padding: 12px 20px;
    font-size: 15px;
    color: #2d2d2d;
    font-weight: 400;
    display: block;
}

.menubar-sidebar li a:hover,
.menubar-sidebar li a:focus {
    background: #004b7d;
    background: -moz-linear-gradient(top, #0067ac 0%, #004b7d 100%);
    background: -webkit-linear-gradient(top, #0067ac 0%, #004b7d 100%);
    background: linear-gradient(to bottom, #0067ac 0%, #004b7d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0067ac', endColorstr='#004b7d', GradientType=0);
    color: #fff;
    text-decoration: none;
}

.menubar-sidebar.showin {
    right: 0;
}

.toggle-btn.active span:nth-child(2) {
    width: 28px;
}

.wrapper.overlay:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    z-index: 95;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
}

.cityselect .selectpicker.btn-default {
    background: transparent !important;
    border: 0;
    color: #fff !important;
    font-size: 18px;
    text-transform: uppercase;
    outline: none !important;
    outline: none !important;
}

.cityselect .btn-group.bootstrap-select {
    width: 100% !important;
}

.cityselect {
    width: 180px;
    position: relative;
}

.cityselect:before {
    position: absolute;
    left: -8px;
    top: 12px;
    width: 14px;
    height: 20px;
    content: '';
    background: url(../images/locating.svg) no-repeat;
}

.cityselect:after {
    position: absolute;
    right: 0;
    top: 12px;
    width: 20px;
    height: 20px;
    content: '';
    background: url(../images/down-arrow.svg) no-repeat;
}

.cityselect .bootstrap-select.btn-group .dropdown-toggle .caret {
    display: none;
}

.search-bar input {
    margin-bottom: 0;
    background: transparent;
    color: #fff;
    border-radius: 4px;
    padding-right: 40px;
    opacity: 0;
    visibility: hidden;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.search-bar input[type="text"]:hover,
.search-bar input[type="text"]:focus {
    border-color: #fff;
}

.search-bar {
    position: relative;
    margin: 0 10px 0 30px;
    width: 40px;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.search-bar:before {
    position: absolute;
    left: -8px;
    top: 7px;
    width: 2px;
    height: 20px;
    content: '';
    background: #fff;
}

.search-bar button {
    position: absolute;
    right: 0;
    width: 40px;
    height: 34px;
    top: 0;
    background: transparent;
}

.search-bar button img {
    width: 20px;
}

.search-bar.oepnbar {
    width: 300px;
}

.search-bar.oepnbar input {
    opacity: 1;
    visibility: visible;
}

.featured-projects-sec-wrap {
    padding: 80px 0 0;
}

.heading {
    font-size: 30px;
    color: #000000;
    font-weight: 500;
    margin: 0 0 10px 0;
}

.heading span {
    font-weight: 300;
}

.sub-heading {
    color: #9a9a9a;
    font-size: 15px;
    font-weight: 400;
}

.projectlocation-wrapper {
    padding: 50px 0 120px;
    background: #fff;
    position: relative;
    box-shadow: 0 0 12px rgba(195, 195, 195, 0.6);
}

.projectlocation-owl {
    padding: 20px 0 50px;
}

.location-column {
    background: #fff;
    box-shadow: 0 0 12px rgba(195, 195, 195, 0.6);
    margin: 10px auto;
    border-radius: 2px;
    width: 350px;
    min-height: 360px;
    position: relative;
}

.location-column figure {
    background-size: cover;
    background-position: center center;
    min-height: 190px;
    background-repeat: no-repeat;
    background-color: #eeeeee;
    border: solid 6px #fff;
    box-shadow: 0 2px 6px rgba(195, 195, 195, 0.46);
}

.location-column .inner {
    padding: 20px 20px 15px;
}

.location-column h3 {
    font-size: 20px;
    color: #fff;
}

.location-column p {
    color: #8b8a8a;
    font-size: 16px;
    margin: 5px 0;
}

.location-column span {
    font-size: 14px;
    color: #8b8a8a;
    font-weight: 500;
    display: inline-block;
}

.location-column .price {
    font-size: 20px;
    color: #242424;
    display: block;
    margin: 10px 0 0 0;
}

.location-column button {
    float: right;
    margin: 10px 0 0 0;
    padding: 12px 15px;
    font-size: 14px;
}

.location-column .upcoming {
    background: #dc0000;
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 8px 15px;
    text-transform: uppercase;
    margin: 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    cursor: default;
}

.projectlocation-owl .owl-stage-outer {
    margin: 0 0 30px 0;
}

.upcomming-project {
    padding: 40px 0 0 0;
}

.upcomming-project .custom-btn {
    padding: 15px 50px;
    margin: 30px 0 0;
}

.owl-theme .owl-dots .owl-dot span {
    background: #d8d9db !important;
    width: 5px !important;
    height: 5px !important;
    margin: 0 3px !important;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) !important;
    -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) !important;
}

.owl-theme .owl-dots .owl-dot.active span {
    background: #a7a7a7 !important;
    width: 20px !important;
}

.location-column .imgdel-sec {
    position: relative;
}

.location-column .imgdel-sec .del {
    position: absolute;
    left: 6px;
    width: calc(100% - 12px);
    bottom: 6px;
    padding: 10px 15px 5px 15px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 85%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 85%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 85%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    /* IE6-9 */
}

.location-column .imgdel-sec .del p {
    color: #fff;
    font-weight: 400;
    font-size: 15px;
}

.location-column .inner .inner-del {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 20px;
}

.location-column .inner .custom-btn {
    width: 100%;
    text-align: center;
    font-weight: 500;
}

.location-column .inner .custom-btn:hover {
    text-decoration: none;
    color: #fff;
}

.viewall-pp {
    border: 1px solid #0067ac;
    padding: 12px 40px;
    color: #0067ac;
    border-radius: 2px;
}

.viewall-pp:hover {
    background: #004b7d;
    background: -moz-linear-gradient(left, #0067ac 0%, #004b7d 100%);
    background: -webkit-linear-gradient(left, #0067ac 0%, #004b7d 100%);
    background: linear-gradient(to right, #0067ac 0%, #004b7d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0067ac', endColorstr='#004b7d', GradientType=1);
    color: #fff;
    text-decoration: none;
}

.rightssd {
    float: right;
    margin: -60px 0 0 0;
}

.property-cities-sec-wrap {}

.cities-list {
    display: flex;
    margin: 0 -30px;
    justify-content: center;
}

.cities-list a {
    margin: 60px 20px 0;
}

.cities-list a figure {
    width: 158px;
    height: 158px;
    background: #fff;
    border: 1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.cities-list a figure img {
    object-fit: contain;
    width: 70%;
    height: 70%;
}

.cities-list a .hd {
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    color: #000;
    margin: 15px 0 0;
}

.cities-list a:hover figure {
    box-shadow: 0 0 35px rgba(221, 221, 221, 0.57);
}

.cities-list a:hover .hd {
    color: #0067aa;
}

.cities-list a:hover {
    text-decoration: none;
}

.property-cities-sec-wrap {
    padding: 0 0 100px 0;
}

.developer-list {
    text-align: center;
    padding: 30px 0 30px;
}

.developer-list li {
    display: inline-block;
}

.developer-list li a {
    border: solid 1px #c9c9c9;
    position: relative;
    vertical-align: top;
    text-align: center;
    margin: 6px 6px;
    width: 210px;
    height: 120px;
    display: block;
    background: #fff;
}

.developer-list li figure {
    position: absolute;
    left: auto;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.developer-list li figure img {
    width: 120px;
    height: 90%;
    object-fit: contain;
}

.about-sec-wrap {
    padding: 90px 0;
    position: relative;
}

.about-sec-wrap .hsd {
    text-transform: uppercase;
    font-size: 20px;
    color: #f36f31;
    margin: 0 0 40px;
}

.about-sec-wrap .abt-lt-sec {
    width: 50%;
    padding: 0 40px 0 0;
}

.about-sec-wrap .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.about-sec-wrap .abt-lt-sec p {
    font-size: 15px;
    color: #949494;
    margin: 20px 0;
}

.about-sec-wrap .abt-rt-sec {
    width: 50%;
    position: relative;
}

.about-sec-wrap .abt-rt-sec figure img {
    border-radius: 10px;
}

.about-sec-wrap .abt-rt-sec figure {
    position: relative;
    width: 960px;
}

.about-sec-wrap .abt-rt-sec figure:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
    content: '';
    right: 0;
    border-radius: 10px;
}

.about-sec-wrap .abt-rt-sec .quotes-img {
    width: 90px;
    height: 90px;
    background: #0a63db;
    display: flex;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    left: -45px;
    z-index: 9;
    top: calc(50% - 45px);
}

.news-articles-owl {
    margin: 40px 0;
}

.ins-boxes-newsart .shd {
    margin: 10px 0 0 0;
    font-size: 13px;
    display: block;
    color: #797979;
}

.ins-boxes-newsart .hd {
    font-size: 18px;
    color: #000;
    display: table;
    margin: 5px 0 15px;
    text-transform: uppercase;
    font-weight: 500;
}

.ins-boxes-newsart p {
    font-size: 14px;
    color: #797979;
}

.we-love-sec-wrap {
    text-align: center;
}

.ins-quotes-sec {
    width: 870px;
    background: #fff;
    margin: 180px auto 90px;
    padding: 80px;
    border-radius: 8px;
    box-shadow: 0 0 50px rgba(162, 173, 191, 0.12);
    position: relative;
}

.ins-quotes-sec figure {
    margin: -140px auto 50px;
    border-radius: 50%;
    overflow: hidden;
    display: table;
}

.ins-quotes-sec figure img {
    border-radius: 50%;
}

.ins-quotes-sec p {
    font-size: 18px;
    color: #4e5b6e;
    line-height: 1.87;
    margin: 0 0 30px;
}

.ins-quotes-sec .hqd {
    font-weight: 600;
    font-size: 16px;
    color: #41bfe5;
}

.ins-quotes-sec .hqd i {
    font-style: normal;
    color: #21324c;
}

.ins-quotes-sec::before {
    width: 201px;
    height: 192px;
    position: absolute;
    left: -160px;
    top: -120px;
    content: '';
    background: url(../images/quote-green.png) no-repeat;
    z-index: -1;
}

.contactus-sec-wrap {
    position: relative;
    height: 412px;
    background: #2e2e2e url(../images/cont-bg.jpg) no-repeat;
    background-size: cover;
    padding: 70px 0 0;
    text-align: center;
}

.contactus-sec-wrap i {
    display: table;
    margin: 0 auto 10px;
}

.contactus-sec-wrap .heading {
    color: #fff;
}

.contactus-sec-wrap .sub-heading {
    width: 480px;
    line-height: 1.67;
}

.pin-drop-sec-wrap {
    background: #deb947;
    padding: 0 0 100px;
}

.pin-drop-list {
    background: #ffffff;
    width: 1140px;
    margin: -110px auto 0;
    position: relative;
    z-index: 9;
    display: flex;
    flex-wrap: wrap;
    max-width: 90%;
}

.pin-drop-list li {
    width: 33.3%;
    text-align: center;
    border-right: 1px solid #ddd;
    padding: 70px 40px;
}

.pin-drop-list li:last-child {
    border-right: 0;
}

.pin-drop-list li figure {
    display: table;
    margin: 0 auto 20px;
}

.pin-drop-list li .hd {
    font-size: 18px;
    font-weight: 500;
    display: block;
    margin: 0 0 10px;
}

.pin-drop-list li p {
    font-size: 13px;
    line-height: 1.67;
    color: #909090;
    position: relative;
    margin-bottom: 30px;
}

.pin-drop-list li p:before {
    width: 70px;
    height: 2px;
    content: '';
    background: #deb947;
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%);
}

footer {
    background: #191919;
    position: relative;
}

.top-links-property {
    border-bottom: 1px solid #333333;
    padding: 0 0 30px;
}

.top-links-property .heading {
    color: #fff;
}

.foot-navigation-sec {
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0 0;
}

.foot-nav {
    width: 20%;
    padding: 0 10px 0 0;
}

.foot-nav li {
    display: block;
}

.foot-nav li a {
    display: block;
    padding: 5px 0;
    color: #8a8a8a;
}

.foot-nav li a:hover {
    color: #fff;
    text-decoration: none;
}

.dwn-pronavi-sec {
    padding: 30px 0 50px 0;
}

.dwn-pronavi-sec .container {
    display: flex;
    flex-wrap: wrap;
}

.dwn-pronavi-sec .container .footer-list {
    width: 33.3%;
}

.dwn-pronavi-sec .container .footer-list h4 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    color: #5d5d5d;
    margin: 0 0 10px;
}

.dwn-pronavi-sec .container .footer-list li {
    display: block;
}

.dwn-pronavi-sec .container .footer-list li a {
    display: block;
    padding: 5px 0;
    color: #fff;
}

.dwn-pronavi-sec .container .footer-list a:hover {
    color: #fff;
    text-decoration: underline;
}

.call-email-sec {
    width: 100%;
    font-size: 18px;
    color: #5d5d5d;
    margin: 30px 0 0;
}

.call-email-sec a {
    color: #5d5d5d;
}

.call-email-sec a.frs {
    border-right: 2px solid #5d5d5d;
    margin: 0 15px 0 0;
    padding: 0 15px 0 0;
}

.call-email-sec a:hover {
    color: #fff;
}

.copyright {
    background: #0d0d0d;
    padding: 15px 0;
}

.copyright .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.copyright .container:before,
.copyright .container:after {
    display: none;
}

.copyright .text {
    color: #ffffff;
    margin: 0;
}

.social-navigation {
    display: flex;
}

.social-navigation li {
    display: block;
    margin: 0 5px;
}

.social-navigation li a {
    border: 2px solid #352727;
    width: 35px;
    display: flex;
    height: 35px;
    border-radius: 50%;
    align-items: center;
    color: #676767;
}

.social-navigation li a:hover {
    color: #fff;
    text-decoration: none;
    border-color: #fff;
}

.normal-header {
    position: sticky;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.26);
    padding: 10px 0;
    top: 0;
    z-index: 99;
}

.normal-header .toggle-btn {
    border-color: #000;
}

.normal-header .toggle-btn span {
    background: #000;
}

.normal-header .search-bar:before {
    background: #000;
}

.normal-header .cityselect .selectpicker.btn-default {
    color: #000 !important;
    box-shadow: none !important;
}

.normal-header .search-bar input[type="text"] {
    color: #000;
}

.normal-header .search-bar input[type="text"]:hover,
.normal-header .search-bar input[type="text"]:focus {
    border-color: #000;
}

.normal-header .cityselect:before {
    background: url(../images/locating-blc.svg) no-repeat;
}

.normal-header .cityselect:after {
    background: url(../images/down-arrow-blk.svg) no-repeat;
}

.similar-pp-yrcity-wrap {
    background: #fff;
    border-top: 1px solid #e6e6e6;
    padding: 50px 0 0;
}

.similar-pp-yrcity-wrap .heading {
    text-align: center;
}

.similar-pp-yrcity-wrap .sub-heading {
    text-align: center;
}

.breadcrumb-wrapper {
    border-bottom: solid 1px #eeeeee;
}

.breadcrumb {
    padding: 8px 0;
    margin-bottom: 0;
    background-color: #ffffff;
    border-radius: 0;
}

.breadcrumb>li a {
    color: #8b8a8a;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    padding: 10px 0;
}

.menubar-sidebar li.deknav {
    display: none;
}

.inside-banner-sec-wrap {
    display: flex;
    flex-wrap: wrap;
}

.inside-banner-sec-wrap .ins-ban-onewrap {
    width: 65%;
}

.inside-banner-sec-wrap .ins-ban-twowrap {
    width: 35%;
    display: flex;
    flex-wrap: wrap;
    padding-left: 5px;
}

.inside-banner-sec-wrap .ins-ban-onewrap figure img {
    width: 100%;
}

.inside-banner-sec-wrap .ins-ban-twowrap figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.inside-banner-sec-wrap .ins-ban-twowrap figure {
    width: 50%;
    height: 50%;
    position: relative;
}

.inside-banner-sec-wrap .ins-ban-twowrap figure:first-child,
.inside-banner-sec-wrap .ins-ban-twowrap figure:nth-child(2) {
    padding-bottom: 5px;
}

.inside-banner-sec-wrap .ins-ban-twowrap figure:nth-child(4),
.inside-banner-sec-wrap .ins-ban-twowrap figure:nth-child(2) {
    padding-left: 5px;
}

.inside-banner-sec-wrap .ins-ban-twowrap figure .ovrl {
    position: absolute;
    left: 5px;
    top: 0;
    width: calc(100% - 5px);
    height: 100%;
    background: rgba(0, 0, 0, 0.88);
    display: flex;
    color: #fff;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 500;
}

.inner-content-section {
    background: #fff;
    position: relative;
}

.tabsborder-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    width: 100%;
    background: #fff;
    margin: 0;
    z-index: 9;
}

.tabs-wrapper li {
    float: left;
    padding: 0;
}

.tabs-wrapper .cancel-btn {
    display: none;
}

.tabs-wrapper li a {
    font-size: 16px;
    color: #3d3d3d;
    font-weight: 500;
    display: block;
    text-transform: uppercase;
    position: relative;
    padding: 20px 12px;
}

.tabs-wrapper li a.activetab {
    color: #000;
    font-weight: 600;
}

.tabs-wrapper li a:hover,
.tabs-wrapper li a:focus {
    color: #000;
    text-decoration: none;
}


/* .tabs-wrapper li a.activetab:before,
.tabs-wrapper li a:hover:before {
width: 100%;
left: 0;
} */


/* .tabs-wrapper li a:before {
content: '';
position: absolute;
left: 50%;
bottom: 0;
height: 3px;
width: 0;
background: #0065a9;
border-radius: 6px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
} */

.tabs-wrapper {
    margin: 0;
}

.all-plans-sec-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    padding-bottom: 20px;
    align-items: flex-start;
}

.ins-plan-rt-sec {
    width: 340px;
    background: #fff;
    padding: 20px;
    position: absolute;
    border-top: 5px solid #ff9301;
    right: 60px;
    z-index: 9;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.all-plans-sec-wrap .ins-plan-lt-sec {
    width: 100%;
    padding-right: 20px;
}

.whitesection-wrap {
    background: #ffffff;
    padding: 0 20px 30px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    border: solid 1px #d9d9d9;
    margin-bottom: 20px;
}

.whitesection-wrap .hd-heading {
    color: #010101;
    font-weight: 500;
    font-size: 20px;
    border-bottom: solid 1px #d9d9d9;
    padding: 18px 20px;
    text-align: left;
    margin: 0 -20px 20px;
}

.property-overview-list {
    display: flex;
    flex-wrap: wrap;
}

.property-overview-list .boxes {
    width: 33.3%;
    margin: 0 0 30px 0;
}

.property-overview-list .boxes .hd {
    display: flex;
    text-transform: uppercase;
    color: #7b7a7a;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 10px;
}

.property-overview-list .boxes .hd i {
    margin: 0 10px 0 0;
}

.property-overview-list .boxes p {
    font-size: 16px;
    font-weight: 600;
}

.property-overview-list .boxes p .lt {
    font-weight: 400;
    font-size: 14px;
}

.property-overview-list .boxes p a {
    font-weight: 500;
    color: #5494d6;
    word-break: break-all;
    font-size: 14px;
}

.bhk-sec-tabs {
    display: none;
}

.bhk-list {
    display: flex;
    margin: 0 0 20px;
    border-bottom: 1px solid #e6e6e6;
}

.bhk-list li {
    display: block;
    margin: 0;
}

.bhk-list li a.active {
    color: #00497e;
    font-weight: 500;
    text-decoration: none;
}

.bhk-list li a:hover {
    color: #00497e;
    text-decoration: none;
}

.bhk-list li a {
    font-size: 16px;
    color: #7b7a7a;
    padding: 10px 35px;
    display: block;
    position: relative;
}

.bhk-list li a.active:before {
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 3px;
    content: '';
    background: #00497e;
    left: 0;
}

.instabs-intersec {
    display: none;
}

.ins-tabs-list {
    display: flex;
    margin: 0 0 20px 0;
}

.ins-tabs-list li {
    margin: 0 10px 0 0;
}

.ins-tabs-list li a.active {
    color: #00497e;
    border-color: #00497e;
    font-weight: 600;
    text-decoration: none;
}

.ins-tabs-list li a {
    display: block;
    padding: 7px 18px;
    border: 1px solid #e6e6e6;
    font-size: 15px;
    color: #7b7a7a;
    border-radius: 6px;
}

.ins-tabs-list li a:hover {
    color: #00497e;
    border-color: #00497e;
    text-decoration: none;
}

.mpas-cont-sec {
    padding: 5px;
    border: 1px solid #e6e6e6;
}

.mpas-cont-sec img {
    max-width: 100%;
}

.amenities-list {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}

.amenities-list li {
    display: inline-block;
    width: 16.7%;
    padding: 20px 10px;
    border: 1px solid #ddd;
    height: auto;
    margin: -1px 0 0 -1px;
}

.loan-list li {
    display: inline-block;
    width: 16.2%;
    border: 1px solid #ddd;
    margin: -1px 0 0 -1px;
    height: 80px;
    line-height: 80px;
}

.amenities-list li p {
    font-size: 14px;
    color: #222;
    font-weight: 300;
    margin: 10px 0;
}

.specifications-list {
    margin: 0 0 30px;
}

.specifications-list h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 15px;
}

.specifications-list li {
    margin: 0 0 10px 15px;
    list-style: disc;
    color: #767676;
}

.more-content-sec {
    display: none;
}

.whitesection-wrap .read-more:hover {
    text-decoration: underline;
}

.whitesection-wrap .read-more {
    font-size: 15px;
    color: #0065a9;
    font-weight: 500;
}

.conts-delo {
    display: table;
    margin: 0 auto 30px;
    border: 1px solid #ddd;
    padding: 20px;
}

.para {
    color: #767676;
    font-size: 16px;
    margin: 0 0 10px;
}

.callback-form-sec h3 {
    font-size: 20px;
    font-weight: 500;
    margin: -5px 0 20px 0;
}

.callback-form-sec h3 span {
    font-size: 20px;
    display: block;
    font-weight: 600;
    margin: 10px 0 20px;
}

.callback-form-sec .form-control {
    box-shadow: none;
    padding: 10px 13px;
    height: auto;
    border-radius: 2px;
}

.callback-form-sec textarea {
    resize: none;
    height: 65px;
}

.callback-form-sec .custom-btn.fullwidth {
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    padding: 15px 0;
    margin: 0;
}

.just-quckcheck {
    display: flex;
    color: #7b7a7a;
    white-space: nowrap;
    align-items: center;
    font-size: 13px;
    margin: -20px 0 30px 0;
}

.just-quckcheck .val {
    color: #000;
    font-weight: 500;
    display: flex;
    padding: 0 10px;
}

.just-quckcheck input {
    margin: 0;
}

.ins-sqr-content {
    display: flex;
    flex-wrap: wrap;
}

.ins-sqr-content .digrm-img {
    border: 1px solid #f4f4f4;
    position: relative;
    padding: 20px 40px;
}

.ins-sqr-content .inside-sqr-content {
    width: calc(100% - 290px);
    padding: 0 0 0 20px;
}

.ins-sqr-content .digrm-img:before {
    position: absolute;
    right: 3px;
    bottom: 3px;
    width: 30px;
    height: 30px;
    content: '';
    background: url(../images/zoom.png) no-repeat;
}

.ppri-bhk-del {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 30px 0;
}

.ppri-bhk-del .ppdel {
    width: 50%;
}

.ppri-bhk-del .ppdel .nnm {
    font-size: 22px;
    font-weight: 600;
    display: block;
}

.ppri-bhk-del .ppdel .nnm i {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
}

.ppri-bhk-del .ppdel .valc {
    font-size: 16px;
}

.spect-del {
    display: flex;
    flex-wrap: wrap;
}

.spect-del .ins-spect-del {
    width: 33.3%;
}

.spect-del .ins-spect-del span {
    display: block;
}

.spect-del .ins-spect-del .hd {
    color: #7b7a7a;
}

.spect-del .ins-spect-del .shd {
    font-weight: 500;
    font-size: 15px;
}

.ins-sqr-content .inside-sqr-content .custom-btn {
    margin: 22px 0 0;
    padding: 15px 30px;
}

.ins-sqr-content .inside-sqr-content .custom-btn:focus,
.ins-sqr-content .inside-sqr-content .custom-btn:hover {
    color: #fff;
    text-decoration: none;
}

.details-page-banner .item {
    height: 70vh;
}

.normal-wrap {
    overflow: visible;
}

.details-page-banner {
    position: relative;
}

.close-plan-pop {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    cursor: pointer;
    display: none;
}

.planbtn-mob {
    position: relative;
    background: #ff9300;
    display: none;
    cursor: pointer;
    width: calc(50% - 5px);
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding: 8px 10px;
    color: #fff;
    border-radius: 3px;
    font-weight: 600;
}

.planbtn-mob img {
    width: 24px;
    margin: 0 10px 0 0;
}

.ins-plan-rt-sec.open {
    top: 0%;
    z-index: 9999;
}

.about-plan-sec {
    padding: 60px 0;
    text-align: center;
    width: 100%;
}

.hding {
    font-size: 25px;
    line-height: 1.67;
    font-weight: 600;
    width: 100%;
    max-width: 100%;
    text-transform: uppercase;
    text-align: center;
}

.ins-abt-plan {
    display: flex;
    margin: 50px 0 20px;
}

.ins-abt-plan .ins-abt-plan-lt {
    display: flex;
    flex-wrap: wrap;
    width: 64%;
    padding: 17px 70px 0 0;
    text-align: left;
    flex-flow: column;
}

.ins-abt-plan .ins-abt-plan-lt .abt-plan-ten {
    width: 100%;
    padding: 0 0 15px;
    position: relative;
}

.ins-abt-plan .ins-abt-plan-rt {
    width: 36%;
    text-align: left;
    display: flex;
}

.ins-abt-plan .ins-abt-plan-lt .abt-plan-ten .hd {
    font-weight: 600;
    display: block;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.ins-abt-plan .ins-abt-plan-lt .abt-plan-ten p {
    font-size: 13px;
    color: #505050;
}

.ins-abt-plan-lt .enq {
    margin: 0 0 30px;
    width: 170px;
    text-align: center;
}


/* .ins-abt-plan .ins-abt-plan-lt .abt-plan-ten:before {
    position: absolute;
    width: 30px;
    height: 4px;
    background: #006bb3;
    content: '';
    left: 0;
    bottom: 0;
} */

.ins-abt-plan .ins-abt-plan-lt .abt-plan-ten:last-child:before {
    display: none;
}

.ins-abt-plan .ins-abt-plan-rt figure {
    width: 50%;
    padding: 0 20px 0 0;
}

.ins-abt-plan .ins-abt-plan-rt figure img {
    width: 100%;
}

.floor-plan-sec-wrap {
    width: 100%;
    padding-bottom: 40px;
    text-align: center;
    position: relative;
}

.flplan-list-sec {
    display: flex;
    width: 100%;
    margin: 40px 0 0 0;
    flex-wrap: wrap;
}

.flplan-list-sec li {
    width: 33.3%;
    padding: 0 20px;
    margin-bottom: 20px;
}

.flplan-list-sec li figure {
    border: 1px solid #ddd;
    padding: 30px 0;
    margin-bottom: 20px;
    position: relative;
}

.flplan-list-sec li figure img {
    max-width: 100%;
}

.flplan-list-sec li .del {
    display: block;
    font-weight: 600;
    margin: 0 0 5px;
}

.flplan-list-sec li .del-pp {
    display: block;
    margin: 0 0 20px;
    color: #006bb3;
    font-weight: 600;
    font-size: 16px;
}

.flplan-list-sec li .enq:hover {
    color: #fff;
    text-decoration: none;
}

.project-advantage-sec {
    display: flex;
    width: 100%;
    position: relative;
    flex-wrap: wrap;
    padding: 0 0 80px;
}

.project-advantage-sec1 {
    display: flex;
    width: 100%;
    position: relative;
    flex-wrap: wrap;
    padding: 0 0 80px;
}

.project-advantage-sec .ppadv-sec {
    width: 50%;
    padding: 0 15px;
    position: relative;
}

.project-advantage-sec1 .ppadv-sec1 {
    width: 100%;
    padding: 0 15px;
    position: relative;
}

.project-advantage-sec .ppadv-sec figure {
    position: relative;
}

.project-advantage-sec .ppadv-sec figure img {
    width: 100%;
}

.project-advantage-sec1 .ppadv-sec1 figure {
    position: relative;
}

.project-advantage-sec1 .ppadv-sec1 figure img {
    width: 100%;
}

.project-advantage-sec .hding {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}

.project-advantage-sec .ppadv-sec figure:before {
    position: absolute;
    left: 30px;
    top: 30px;
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    content: '';
    border: 10px solid rgba(0, 107, 179, 0.30);
}

.project-advantage-sec .ppadv-sec figure:before {
    position: absolute;
    left: 30px;
    top: 30px;
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    content: '';
    border: 10px solid rgba(0, 107, 179, 0.30);
}

.project-advantage-sec .ppadv-sec a {
    position: absolute;
    left: 50%;
    top: 50%;
    background: #e4f30c;
    padding: 20px 30px;
    font-size: 20px;
    color: #000;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

.amenities-sec-wrap {
    padding: 0;
    width: 100%;
    position: relative;
    text-align: center;
}

.amenities-sec-wrap .hding {
    margin-bottom: 40px;
}

.gallery-sec-wrap {
    width: 100%;
    position: relative;
    padding: 0 0 80px;
}

.gallery-sec-wrap .hding {
    margin-bottom: 50px;
    width: 100%;
    text-align: center;
}

.gallery-img-sec-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.gallery-img-sec-list li {
    width: 25%;
    padding: 5px;
}

.gallery-img-sec-list li img {
    width: 100%;
}

.overview-sec-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 80px;
}

.overview-sec-wrap.ppoverview-wrap {
    padding: 50px 0;
}

.overview-sec-wrap .orvew-lt-sec {
    width: 60%;
}

.overview-sec-wrap .orvew-lt-sec h3 {
    font-size: 26px;
    margin: 0 0 20px;
}

.overview-sec-wrap .orvew-lt-sec p {
    font-size: 15px;
    line-height: 1.67;
}

.overview-sec-wrap .orvew-rt-sec .ins-plan-rt-sec {
    position: sticky;
    transform: none;
    border-left: 5px solid #ddd;
    border-right: 5px solid #ddd;
    border-bottom: 5px solid #ddd;
    top: 90px;
    z-index: 1;
}

.overview-sec-wrap .orvew-rt-sec {
    width: 40%;
    display: flex;
    justify-content: flex-end;
}

.callbtn {
    position: relative;
}

.callbtn i,
.callbtn p {
    display: none;
}

.bottom-section-wrap {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    padding: 5px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    z-index: 999;
    display: none;
    justify-content: space-between;
}

.wahtapp {
    width: calc(50% - 5px);
    background: #33773a;
    color: #fff;
    align-items: center;
    display: flex;
    justify-content: center;
}

.wahtapp a {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.wahtapp a:hover {
    color: #fff;
    text-decoration: none;
}

.wahtapp i {
    margin: 0 7px 0 0;
}

.flplan-list-sec li figure span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.project-advantage-sec .ppadv-sec figure span {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.flplan-list-sec li .enq {
    padding: 14px 64px;
    font-size: 18px;
}

.btn_enq {
    width: 100px;
    height: 36px;
    float: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
    border-radius: 2px;
}

.tablebg {
    background-color: #ffffff;
    -webkit-box-shadow: 5px 7px 61px -27px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 5px 7px 61px -27px rgba(0, 0, 0, 0.25);
    box-shadow: 5px 7px 61px -27px rgba(0, 0, 0, 0.25);
}

.t {
    text-align: center;
}

.detail-section-holder {
    margin: 0px;
}

.detail-section-holder ul {
    font-size: 0px;
}

.detail-section-holder ul li {
    width: 33.3%;
    display: inline-block;
    border-right: 1px solid #c3cbdf;
    max-height: 110px;
    overflow: hidden;
}

.detail-section-holder ul li:last-child {
    border-right: none;
}

.detail-section-holder ul li h5 {
    font-size: 14px;
    font-weight: 700;
    color: #20214a;
    line-height: 14px;
    margin-bottom: 15px;
    text-transform: uppercase;
    height: 15px;
}

.detail-section-holder ul li p {
    font-size: 16px;
    font-weight: 300;
    color: #777785;
    line-height: 18px;
}

.detail-section-holder ul li .bhk-status-inner {
    text-align: center;
    padding: 25px;
    height: 110px;
    overflow: hidden;
}

.ppoverview-wrap .hding {
    text-align: left;
    font-family: 'Oswald', sans-serif !important;
    font-size: 36px !important;
    font-weight: 500;
}

.ppoverview-wrap .hdingrb {
    padding: 30px 0 0 0;
    font-size: 16px;
}

.floor-plan-sec-wrap.aboutpara p {
    line-height: 1.67;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
}

.floor-plan-sec-wrap.aboutpara .hding {
    margin-bottom: 20px;
}

.floor-plan-sec-wrap.aboutpara {
    padding-bottom: 20px;
    padding-top: 20px;
}

.contact-form-holder {
    padding: 57px 50px;
    background-color: #fff;
    width: 100%;
}

.contact-form-holder h4 {
    font-size: 40px;
    color: #black;
    line-height: 42px;
    margin-bottom: 45px;
    text-transform: uppercase;
}

.contact-form-holder .form-group {
    width: 100%;
    margin-bottom: 25px !important;
    text-align: left;
}

.contact-form-holder .form-group label {
    font-size: 12px;
    margin-bottom: 12px;
    color: #black;
    text-transform: uppercase;
    font-weight: normal;
}

.contact-form-holder .form-group .form-control {
    padding: 15px 25px;
    height: 55px !important;
    width: 100%;
    border: 1px solid #d7d7d7;
    background-color: #ebebeb;
    font-family: 'Poppins', sans-serif;
}

.contact-form-holder .form-group input {
    background-color: #ebebeb !important;
}

.no-padding-form {
    padding-left: 0;
}

.contact-form-holder .contact-form-inner textarea.form-control {
    height: 166px !important;
}

.contact-form-holder .contact-form-inner .gradient-orange {
    margin-top: 11px;
    padding: 20px 40px !important;
    color: #fff;
}

.contact-form-holder label {
    font-size: 12px;
    margin-bottom: 12px;
    color: #black;
    text-transform: uppercase;
    font-weight: normal !important;
    letter-spacing: 1px;
}

.specification-list {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0 50px;
}

.specification-list .specification-boxes {
    width: calc(33.3% - 20px);
    background: #fff;
    box-shadow: 0 0 10px #00000014;
    margin: 10px;
    padding: 30px;
    min-height: 240px;
}

.specification-list .specification-boxes h4 {
    display: flex;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1.5;
}

.specification-list .specification-boxes h4 i {
    width: 40px;
    margin: 0 10px 0 0;
    height: 40px;
}

.specification-list .specification-boxes h4 i img {
    max-width: 100%;
}

.specification-list .specification-boxes p {
    line-height: 1.67;
    font-family: 'Poppins', sans-serif;
    color: #6b6b6b;
}

.container.specification-wrap {
    padding-top: 50px;
}

.product-gallery {
    text-align: center;
    margin: 30px 0;
}

.product-gallery li {
    float: left;
    width: 25%;
    padding: 10px;
}

.product-gallery li figure {
    width: 265px;
    max-width: 100%;
    height: 150px;
    background-color: #e7e7e7;
    border: solid 4px #e7e7e7;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.product-gallery li figure img {
    visibility: hidden;
    opacity: 0;
}

.modal-body.sheduale-visit-wrap {
    padding: 40px;
    text-align: center;
}

.modal-body.sheduale-visit-wrap h3 {
    margin-bottom: 25px;
    font-size: 25px;
}

.galerrym-wrap {
    overflow: hidden;
}

#hamburger {
    width: 30px;
    height: 18px;
    position: absolute;
    cursor: pointer;
    right: 20px;
    z-index: 99;
    display: none;
}

#hamburger .line {
    width: 30px;
    height: 2px;
    display: block;
    background-color: #0062a4;
    position: absolute;
    right: 0;
    transition: all 0.3s cubic-bezier(0.58, 0, 0.58, 1);
}

#hamburger .line:nth-child(1) {
    top: 0;
}

#hamburger .line:nth-child(2) {
    top: 50%;
    margin-top: -1px;
    width: 22px;
}

#hamburger .line:nth-child(3) {
    top: 100%;
    margin-top: -2px;
    width: 22px;
    background-color: #0c2136;
}

#hamburger:hover .line:nth-child(1),
#hamburger:focus .line:nth-child(1) {
    transform: translateY(-1px);
}

#hamburger:hover .line:nth-child(3),
#hamburger:focus .line:nth-child(3) {
    transform: translateY(1px);
}

#hamburger.active .line:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
    width: 22px;
    background-color: #0c2136;
}

#hamburger.active .line:nth-child(2) {
    opacity: 0;
}

#hamburger.active .line:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

#hamburger.active:before {
    width: 32px;
    height: 32px;
    content: '';
    position: absolute;
    left: calc(50% - -4px);
    top: 50%;
    border: 2px solid #0c2136;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.inner-banner-wrapper figure img {
    width: 100%;
}

.breadcrumb-sec {
    background: #f7f7f7;
}

.breadcrumb-sec .breadcrumb {
    background: transparent;
}

.internalpage-wrapper {
    padding: 50px 0;
    position: relative;
}

.inner-banner-wrapper figure {
    position: relative;
}

.inner-banner-wrapper figure .hcap {
    position: absolute;
    left: 50%;
    top: 50%;
    background: rgba(0, 0, 0, 0.74);
    color: #fff;
    font-size: 40px;
    font-weight: 500;
    padding: 12px 60px 15px;
    line-height: 1;
    transform: translate(-50%, -50%);
}



.key {
background-color: #EFF0ED;
padding: 20px;
height: 450px;
border: 3px solid #416165;
}

.project-advantage-sec .ppadv-sec.last h4 {
    font-size: 26px;
    font-weight: 600;
    margin: 0 0 20px 0;
}

.project-advantage-sec .ppadv-sec.last ul li {
    font-size: 15px;
    padding: 8px 0;
    list-style: disc;
    color: 
    #000000;
}

.project-advantage-sec .ppadv-sec.last ul {
    margin: 20px 0 0 15px;
}
.overlaybox-sec-tpimg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #000c;
    padding: 15px 15px;
    color: #fff;
    font-weight: 300;
    display: none;
}

.more-content-sec {
    display: none;
}

.upcoming-rpro-list.gridview>li .overlaybox-sec-tpimg {
    display: block;
}

.overlaybox-sec-tpimg .tpcont-upcoming {
    float: left;
    max-width: 200px;
}

.overlaybox-sec-tpimg .custom-btn {
    float: right;
    border-color: #fff;
    color: #fff;
    font-weight: 300;
    padding: 5px 10px;
    font-size: 13px;
    border-width: 1px;
    margin: 5px 0 0;
}

.overlaybox-sec-tpimg .custom-btn:hover {
    border-color: #fff;
    color: #000;
    background: #fff;
}

.view-all {
    background: transparent;
    border: solid 2px #004b7d;
    color: #004b7d;
    font-weight: 500;
    padding: 12px 40px;
}

.view-all:hover,
.view-all:focus {
    background: #004b7d;
    color: #ffffff;
}



.developer-list1 {
    border: solid 1px #c9c9c9;
    position: relative;
    vertical-align: top;
    text-align: center;
    margin: 6px 0px;
    width: 210px;
    height: 80px;
    display: block;
    background: #fff;
	padding: 10px;
}











.accordion a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 1rem 3rem 1rem 1rem;
  color: #000000;
  font-size: 1.00rem;
  font-weight: 600;
  border-bottom: 1px solid #e5e5e5;
}

.accordion a:hover,
.accordion a:hover::after {
  cursor: pointer;
  color: #03b5d2;
}

.accordion a:hover::after {
  border: 1px solid #03b5d2;
}

.accordion a.active {
  color: #03b5d2;
  border-bottom: 1px solid #03b5d2;
}

.accordion a::after {
  font-family: 'Ionicons';
  content: '\f218';
  position: absolute;
  float: right;
  right: 1rem;
  font-size: 1rem;
  color: #7288a2;
  padding: 5px;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #7288a2;
  text-align: center;
}

.accordion a.active::after {
  font-family: 'Ionicons';
  content: '\f209';
  color: #03b5d2;
  border: 1px solid #03b5d2;
}

.accordion .content {
  opacity: 0;
  padding: 0 1rem;
  max-height: 0;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  clear: both;
  -webkit-transition: all 0.2s ease 0.15s;
  -o-transition: all 0.2s ease 0.15s;
  transition: all 0.2s ease 0.15s;
}

.accordion .content p {
  font-size: .80rem;
  font-weight: 400;
}

.accordion .content.active {
  opacity: 1;
  padding: 1rem;
  max-height: 100%;
  -webkit-transition: all 0.35s ease 0.15s;
  -o-transition: all 0.35s ease 0.15s;
  transition: all 0.35s ease 0.15s;
}






@font-face { font-family: "Ionicons"; src: url("../fonts/ionicons.eot?v=2.0.0"); src: url("../fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("../fonts/ionicons.ttf?v=2.0.0") format("truetype"), url("../fonts/ionicons.woff?v=2.0.0") format("woff"), url("../fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg"); font-weight: normal; font-style: normal; }
.ion, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-circle:before, .ion-android-alarm-clock:before, .ion-android-alert:before, .ion-android-apps:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down:before, .ion-android-arrow-dropdown:before, .ion-android-arrow-dropdown-circle:before, .ion-android-arrow-dropleft:before, .ion-android-arrow-dropleft-circle:before, .ion-android-arrow-dropright:before, .ion-android-arrow-dropright-circle:before, .ion-android-arrow-dropup:before, .ion-android-arrow-dropup-circle:before, .ion-android-arrow-forward:before, .ion-android-arrow-up:before, .ion-android-attach:before, .ion-android-bar:before, .ion-android-bicycle:before, .ion-android-boat:before, .ion-android-bookmark:before, .ion-android-bulb:before, .ion-android-bus:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-cancel:before, .ion-android-car:before, .ion-android-cart:before, .ion-android-chat:before, .ion-android-checkbox:before, .ion-android-checkbox-blank:before, .ion-android-checkbox-outline:before, .ion-android-checkbox-outline-blank:before, .ion-android-checkmark-circle:before, .ion-android-clipboard:before, .ion-android-close:before, .ion-android-cloud:before, .ion-android-cloud-circle:before, .ion-android-cloud-done:before, .ion-android-cloud-outline:before, .ion-android-color-palette:before, .ion-android-compass:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-contract:before, .ion-android-create:before, .ion-android-delete:before, .ion-android-desktop:before, .ion-android-document:before, .ion-android-done:before, .ion-android-done-all:before, .ion-android-download:before, .ion-android-drafts:before, .ion-android-exit:before, .ion-android-expand:before, .ion-android-favorite:before, .ion-android-favorite-outline:before, .ion-android-film:before, .ion-android-folder:before, .ion-android-folder-open:before, .ion-android-funnel:before, .ion-android-globe:before, .ion-android-hand:before, .ion-android-hangout:before, .ion-android-happy:before, .ion-android-home:before, .ion-android-image:before, .ion-android-laptop:before, .ion-android-list:before, .ion-android-locate:before, .ion-android-lock:before, .ion-android-mail:before, .ion-android-map:before, .ion-android-menu:before, .ion-android-microphone:before, .ion-android-microphone-off:before, .ion-android-more-horizontal:before, .ion-android-more-vertical:before, .ion-android-navigate:before, .ion-android-notifications:before, .ion-android-notifications-none:before, .ion-android-notifications-off:before, .ion-android-open:before, .ion-android-options:before, .ion-android-people:before, .ion-android-person:before, .ion-android-person-add:before, .ion-android-phone-landscape:before, .ion-android-phone-portrait:before, .ion-android-pin:before, .ion-android-plane:before, .ion-android-playstore:before, .ion-android-print:before, .ion-android-radio-button-off:before, .ion-android-radio-button-on:before, .ion-android-refresh:before, .ion-android-remove:before, .ion-android-remove-circle:before, .ion-android-restaurant:before, .ion-android-sad:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-share-alt:before, .ion-android-star:before, .ion-android-star-half:before, .ion-android-star-outline:before, .ion-android-stopwatch:before, .ion-android-subway:before, .ion-android-sunny:before, .ion-android-sync:before, .ion-android-textsms:before, .ion-android-time:before, .ion-android-train:before, .ion-android-unlock:before, .ion-android-upload:before, .ion-android-volume-down:before, .ion-android-volume-mute:before, .ion-android-volume-off:before, .ion-android-volume-up:before, .ion-android-walk:before, .ion-android-warning:before, .ion-android-watch:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-backspace:before, .ion-backspace-outline:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-bowtie:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-crop:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-easel:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-email-unread:before, .ion-erlenmeyer-flask:before, .ion-erlenmeyer-flask-bubbles:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-happy-outline:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios-alarm:before, .ion-ios-alarm-outline:before, .ion-ios-albums:before, .ion-ios-albums-outline:before, .ion-ios-americanfootball:before, .ion-ios-americanfootball-outline:before, .ion-ios-analytics:before, .ion-ios-analytics-outline:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-thin-up:before, .ion-ios-arrow-up:before, .ion-ios-at:before, .ion-ios-at-outline:before, .ion-ios-barcode:before, .ion-ios-barcode-outline:before, .ion-ios-baseball:before, .ion-ios-baseball-outline:before, .ion-ios-basketball:before, .ion-ios-basketball-outline:before, .ion-ios-bell:before, .ion-ios-bell-outline:before, .ion-ios-body:before, .ion-ios-body-outline:before, .ion-ios-bolt:before, .ion-ios-bolt-outline:before, .ion-ios-book:before, .ion-ios-book-outline:before, .ion-ios-bookmarks:before, .ion-ios-bookmarks-outline:before, .ion-ios-box:before, .ion-ios-box-outline:before, .ion-ios-briefcase:before, .ion-ios-briefcase-outline:before, .ion-ios-browsers:before, .ion-ios-browsers-outline:before, .ion-ios-calculator:before, .ion-ios-calculator-outline:before, .ion-ios-calendar:before, .ion-ios-calendar-outline:before, .ion-ios-camera:before, .ion-ios-camera-outline:before, .ion-ios-cart:before, .ion-ios-cart-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatbubble:before, .ion-ios-chatbubble-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-empty:before, .ion-ios-checkmark-outline:before, .ion-ios-circle-filled:before, .ion-ios-circle-outline:before, .ion-ios-clock:before, .ion-ios-clock-outline:before, .ion-ios-close:before, .ion-ios-close-empty:before, .ion-ios-close-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-download:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-outline:before, .ion-ios-cog:before, .ion-ios-cog-outline:before, .ion-ios-color-filter:before, .ion-ios-color-filter-outline:before, .ion-ios-color-wand:before, .ion-ios-color-wand-outline:before, .ion-ios-compose:before, .ion-ios-compose-outline:before, .ion-ios-contact:before, .ion-ios-contact-outline:before, .ion-ios-copy:before, .ion-ios-copy-outline:before, .ion-ios-crop:before, .ion-ios-crop-strong:before, .ion-ios-download:before, .ion-ios-download-outline:before, .ion-ios-drag:before, .ion-ios-email:before, .ion-ios-email-outline:before, .ion-ios-eye:before, .ion-ios-eye-outline:before, .ion-ios-fastforward:before, .ion-ios-fastforward-outline:before, .ion-ios-filing:before, .ion-ios-filing-outline:before, .ion-ios-film:before, .ion-ios-film-outline:before, .ion-ios-flag:before, .ion-ios-flag-outline:before, .ion-ios-flame:before, .ion-ios-flame-outline:before, .ion-ios-flask:before, .ion-ios-flask-outline:before, .ion-ios-flower:before, .ion-ios-flower-outline:before, .ion-ios-folder:before, .ion-ios-folder-outline:before, .ion-ios-football:before, .ion-ios-football-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-b:before, .ion-ios-game-controller-b-outline:before, .ion-ios-gear:before, .ion-ios-gear-outline:before, .ion-ios-glasses:before, .ion-ios-glasses-outline:before, .ion-ios-grid-view:before, .ion-ios-grid-view-outline:before, .ion-ios-heart:before, .ion-ios-heart-outline:before, .ion-ios-help:before, .ion-ios-help-empty:before, .ion-ios-help-outline:before, .ion-ios-home:before, .ion-ios-home-outline:before, .ion-ios-infinite:before, .ion-ios-infinite-outline:before, .ion-ios-information:before, .ion-ios-information-empty:before, .ion-ios-information-outline:before, .ion-ios-ionic-outline:before, .ion-ios-keypad:before, .ion-ios-keypad-outline:before, .ion-ios-lightbulb:before, .ion-ios-lightbulb-outline:before, .ion-ios-list:before, .ion-ios-list-outline:before, .ion-ios-location:before, .ion-ios-location-outline:before, .ion-ios-locked:before, .ion-ios-locked-outline:before, .ion-ios-loop:before, .ion-ios-loop-strong:before, .ion-ios-medical:before, .ion-ios-medical-outline:before, .ion-ios-medkit:before, .ion-ios-medkit-outline:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-mic-outline:before, .ion-ios-minus:before, .ion-ios-minus-empty:before, .ion-ios-minus-outline:before, .ion-ios-monitor:before, .ion-ios-monitor-outline:before, .ion-ios-moon:before, .ion-ios-moon-outline:before, .ion-ios-more:before, .ion-ios-more-outline:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate:before, .ion-ios-navigate-outline:before, .ion-ios-nutrition:before, .ion-ios-nutrition-outline:before, .ion-ios-paper:before, .ion-ios-paper-outline:before, .ion-ios-paperplane:before, .ion-ios-paperplane-outline:before, .ion-ios-partlysunny:before, .ion-ios-partlysunny-outline:before, .ion-ios-pause:before, .ion-ios-pause-outline:before, .ion-ios-paw:before, .ion-ios-paw-outline:before, .ion-ios-people:before, .ion-ios-people-outline:before, .ion-ios-person:before, .ion-ios-person-outline:before, .ion-ios-personadd:before, .ion-ios-personadd-outline:before, .ion-ios-photos:before, .ion-ios-photos-outline:before, .ion-ios-pie:before, .ion-ios-pie-outline:before, .ion-ios-pint:before, .ion-ios-pint-outline:before, .ion-ios-play:before, .ion-ios-play-outline:before, .ion-ios-plus:before, .ion-ios-plus-empty:before, .ion-ios-plus-outline:before, .ion-ios-pricetag:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetags:before, .ion-ios-pricetags-outline:before, .ion-ios-printer:before, .ion-ios-printer-outline:before, .ion-ios-pulse:before, .ion-ios-pulse-strong:before, .ion-ios-rainy:before, .ion-ios-rainy-outline:before, .ion-ios-recording:before, .ion-ios-recording-outline:before, .ion-ios-redo:before, .ion-ios-redo-outline:before, .ion-ios-refresh:before, .ion-ios-refresh-empty:before, .ion-ios-refresh-outline:before, .ion-ios-reload:before, .ion-ios-reverse-camera:before, .ion-ios-reverse-camera-outline:before, .ion-ios-rewind:before, .ion-ios-rewind-outline:before, .ion-ios-rose:before, .ion-ios-rose-outline:before, .ion-ios-search:before, .ion-ios-search-strong:before, .ion-ios-settings:before, .ion-ios-settings-strong:before, .ion-ios-shuffle:before, .ion-ios-shuffle-strong:before, .ion-ios-skipbackward:before, .ion-ios-skipbackward-outline:before, .ion-ios-skipforward:before, .ion-ios-skipforward-outline:before, .ion-ios-snowy:before, .ion-ios-speedometer:before, .ion-ios-speedometer-outline:before, .ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-stopwatch:before, .ion-ios-stopwatch-outline:before, .ion-ios-sunny:before, .ion-ios-sunny-outline:before, .ion-ios-telephone:before, .ion-ios-telephone-outline:before, .ion-ios-tennisball:before, .ion-ios-tennisball-outline:before, .ion-ios-thunderstorm:before, .ion-ios-thunderstorm-outline:before, .ion-ios-time:before, .ion-ios-time-outline:before, .ion-ios-timer:before, .ion-ios-timer-outline:before, .ion-ios-toggle:before, .ion-ios-toggle-outline:before, .ion-ios-trash:before, .ion-ios-trash-outline:before, .ion-ios-undo:before, .ion-ios-undo-outline:before, .ion-ios-unlocked:before, .ion-ios-unlocked-outline:before, .ion-ios-upload:before, .ion-ios-upload-outline:before, .ion-ios-videocam:before, .ion-ios-videocam-outline:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-wineglass:before, .ion-ios-wineglass-outline:before, .ion-ios-world:before, .ion-ios-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-load-b:before, .ion-load-c:before, .ion-load-d:before, .ion-location:before, .ion-lock-combination:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paintbrush:before, .ion-paintbucket:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-sad-outline:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-angular:before, .ion-social-angular-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-chrome:before, .ion-social-chrome-outline:before, .ion-social-codepen:before, .ion-social-codepen-outline:before, .ion-social-css3:before, .ion-social-css3-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-euro:before, .ion-social-euro-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-html5:before, .ion-social-html5-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-javascript:before, .ion-social-javascript-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-markdown:before, .ion-social-nodejs:before, .ion-social-octocat:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-python:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-sass:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-snapchat:before, .ion-social-snapchat-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitch:before, .ion-social-twitch-outline:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-whatsapp:before, .ion-social-whatsapp-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-yen:before, .ion-social-yen-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-soup-can:before, .ion-soup-can-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-transgender:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-tshirt:before, .ion-tshirt-outline:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.ion-plus:before { content: "\f218"; }








.widget_tag_cloud a {
	padding: 8px 14px;
	background-color: #f6f7f8;
	font-size: 12px;
	display: inline-block;
	margin: 0 0 5px;
	text-transform: uppercase;
	font-weight: 400;
	color: #000
}

.widget_tag_cloud a:hover {
	background-color: #333333;
	color: #fff
}



.offer_ext_big{font-size: 30px; text-align: center; color: #ffffff; padding-top: 10px;}

.offer_ext_small{font-size: 30px; text-align: center; color: #ffffff;}

.offer_bg{background-color: #008456; height: 70px;}

.offer_bg1{background-color: #2e3192; height: 70px;}





#calltrap-btn {
    background-color: #2074a1;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 64px;
    line-height: 100px;
    opacity: 0.7;
    position: fixed;
    right: 25px;
    bottom: 65px;
    text-align: center;
    width: 64px;
    z-index: 9999;
    -webkit-animation: calltrap_opacity 3s infinite linear;
    -moz-animation: calltrap_opacity 3s infinite linear;
    -o-animation: calltrap_opacity 3s infinite linear;
    animation: calltrap_opacity 3s infinite linear
}
 
#calltrap-btn.calltrap_offline {
    background-color: #1CB2ED
}
 
#calltrap-ico {
    width: 32px;
    height: 32px;
    position: absolute;
    margin: auto;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 0;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    -o-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-animation: uptocallmini 1.5s 0s ease-out infinite;
    -moz-animation: uptocallmini 1.5s 0s ease-out infinite;
    -o-animation: uptocallmini 1.5s 0s ease-out infinite;
    animation: uptocallmini 1.5s 0s ease-out infinite
}
 
#calltrap-ico:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    top: 0;
    left: 0;
    background-image: url("../images/phone.svg");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-animation: calltrap_spin 3s infinite linear;
    -moz-animation: calltrap_spin 3s infinite linear;
    -o-animation: calltrap_spin 3s infinite linear;
    animation: calltrap_spin 3s infinite linear
}
 
.calltrap_offline #calltrap-ico {
    -webkit-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
    -moz-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
    -o-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
    animation: uptocallmini_offline 1.5s 0s ease-out infinite
}
 
#calltrap-overlay {
    background-color: #191919;
    background-color: rgba(25, 25, 25, 0.9);
    position: fixed;
    z-index: 9998;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    display: none
}
 
#calltrap-overlay .b-calltrap-overlay {
    display: table;
    width: 100%;
    height: 100%
}
 
#calltrap-overlay .b-calltrap-overlay__header, #calltrap-overlay .b-calltrap-overlay__body, #calltrap-overlay .b-calltrap-overlay__footer {
    display: table-row;
    padding: 0;
    margin: 0
}
 
#calltrap-overlay .b-calltrap-overlay__header-block, #calltrap-overlay .b-calltrap-overlay__body-block, #calltrap-overlay .b-calltrap-overlay__footer-block {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}
 
#calltrap-overlay .b-calltrap-overlay__body-block {
    padding: 0 7px
}
 
#calltrap-overlay .b-calltrap-overlay__header, #calltrap-overlay .b-calltrap-overlay__footer {
    height: 1px
}
 
#calltrap-overlay .b-calltrap__container {
    background-color: white;
    border: 5px solid #2074a1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0;
    padding: 0;
    max-width: 500px;
    display: block;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.3;
    position: relative;
    font-family: Tahoma, Arial, self-serif !important
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-overlay .b-calltrap__container {
        width: 290px
    }
}
 
#calltrap-overlay .b-calltrap__close {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
 
#calltrap-overlay .b-calltrap__close:hover {
    opacity: 1
}
 
#calltrap-success, #calltrap-form {
    display: block
}
 
#calltrap-success .b-calltrap_form__fields, #calltrap-form .b-calltrap_form__fields {
    margin: 20px 25px 35px
}
 
#calltrap-success .b-calltrap_form__title, #calltrap-form .b-calltrap_form__title {
    font-size: 20px;
    margin: 0 0 17px;
    text-align: left
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__title, #calltrap-form .b-calltrap_form__title {
        padding-right: 20px
    }
}
 
#calltrap-success .b-calltrap_form__text, #calltrap-form .b-calltrap_form__text {
    text-align: left
}
 
#calltrap-success .b-calltrap_form__text p, #calltrap-form .b-calltrap_form__text p {
    margin: 0 0 0.55em
}
 
#calltrap-success .b-calltrap_form__input, #calltrap-form .b-calltrap_form__input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    padding: 0 15px 0;
    height: 44px;
    line-height: 40px;
    background-color: white;
    border: 2px solid #ccc;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    width: 100%;
    outline: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__input, #calltrap-form .b-calltrap_form__input {
        margin-bottom: 13px
    }
}
 
#calltrap-success .b-calltrap_form__input.error, #calltrap-form .b-calltrap_form__input.error {
    background-color: #ffc0c0;
    color: red;
    border-color: red
}
 
#calltrap-success .b-calltrap_form__input:disabled, #calltrap-form .b-calltrap_form__input:disabled {
    background-color: #eee;
    border-color: #bdbdbd;
    cursor: default
}
 
#calltrap-success .b-calltrap_form__input:focus, #calltrap-form .b-calltrap_form__input:focus {
    border: 2px solid #2074a1
}
 
#calltrap-success .b-calltrap_form__submit, #calltrap-form .b-calltrap_form__submit {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #2074a1;
    border: 2px solid #2074a1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    padding: 0;
    height: 44px;
    line-height: 40px;
    outline: medium none;
    display: inline-block;
    width: 180px;
    text-align: center;
    outline: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__submit, #calltrap-form .b-calltrap_form__submit {
        width: 100%
    }
}
 
#calltrap-success .b-calltrap_form__submit:hover, #calltrap-form .b-calltrap_form__submit:hover {
    background-color: #1c658c
}
 
#calltrap-success .b-calltrap_form__submit:disabled, #calltrap-form .b-calltrap_form__submit:disabled {
    background-color: #bdbdbd !important;
    cursor: default
}
 
#calltrap-success .b-calltrap_form__controls, #calltrap-form .b-calltrap_form__controls {
    margin: 20px 0 0;
    padding: 0;
    padding: 0 200px 0 0
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__controls, #calltrap-form .b-calltrap_form__controls {
        padding: 0
    }
}
 
#calltrap-success .b-calltrap_form__controls-item, #calltrap-form .b-calltrap_form__controls-item {
    position: relative;
    float: right
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__controls-item, #calltrap-form .b-calltrap_form__controls-item {
        float: none
    }
}
 
#calltrap-success .b-calltrap_form__controls-left, #calltrap-form .b-calltrap_form__controls-left {
    margin-left: -100%;
    width: 100%
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__controls-left, #calltrap-form .b-calltrap_form__controls-left {
        margin-left: 0
    }
}
 
#calltrap-success .b-calltrap_form__controls-right, #calltrap-form .b-calltrap_form__controls-right {
    margin-right: -200px;
    overflow: visible;
    width: 200px;
    text-align: right
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__controls-right, #calltrap-form .b-calltrap_form__controls-right {
        margin-right: 0;
        width: auto;
        text-align: left
    }
    .loan-list li {
        width: 32%;
        margin-bottom: 20px;
    }
    ul.amenities-list li figure img, ul.loan-list li figure img {
        width: 80%;
    }
    .product-gallery li figure {
        width: 100%
        max-width: 100%; */
    }
    figure {
        margin:0 !important;
    }
    .amenities-list li {
        height: 150px !important;
    }
}
 
#calltrap-success .b-calltrap_form__controls-clear, #calltrap-form .b-calltrap_form__controls-clear {
    clear: both
}
 
#calltrap-success {
    display: none
}
 
#calltrap-overlay.calltrap_offline .b-calltrap_form__submit {
    background-color: #1CB2ED
}
 
#calltrap-overlay.calltrap_offline .b-calltrap_form__submit:hover {
    background-color: #2e8c1c
}
 
#calltrap-overlay.calltrap_offline .b-calltrap_form__input:focus {
    border-color: #1CB2ED
}
 
#calltrap-overlay.calltrap_offline .b-calltrap__container {
    border-color: #1CB2ED
}
 
@-webkit-keyframes calltrap_opacity {
    0% {
        opacity: 1
    }
    57% {
        opacity: 0.75
    }
    75% {
        opacity: 0.95
    }
    100% {
        opacity: 1
    }
}
 
@-moz-keyframes calltrap_opacity {
    0% {
        opacity: 1
    }
    57% {
        opacity: 0.75
    }
    75% {
        opacity: 0.95
    }
    100% {
        opacity: 1
    }
}
 
@-o-keyframes calltrap_opacity {
    0% {
        opacity: 1
    }
    57% {
        opacity: 0.75
    }
    75% {
        opacity: 0.95
    }
    100% {
        opacity: 1
    }
}
 
@keyframes calltrap_opacity {
    0% {
        opacity: 1
    }
    57% {
        opacity: 0.75
    }
    75% {
        opacity: 0.95
    }
    100% {
        opacity: 1
    }
}
 
@-webkit-keyframes calltrap_spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    30% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    33% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    36% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    39% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    42% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    45% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    48% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
    51% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    54% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    57% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
 
@-moz-keyframes calltrap_spin {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    30% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    33% {
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    36% {
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    39% {
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    42% {
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    45% {
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    48% {
        -moz-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
    51% {
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    54% {
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    57% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
 
@-o-keyframes calltrap_spin {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    30% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    33% {
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    36% {
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    39% {
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    42% {
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    45% {
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    48% {
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
    51% {
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    54% {
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    57% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
 
@keyframes calltrap_spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    30% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    33% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    36% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    39% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    42% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    45% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    48% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
    51% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    54% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    57% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
 
@-webkit-keyframes uptocallmini {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0);
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
    }
    10% {
        -webkit-box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1;
        box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
    }
    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0);
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
    }
}
 
@-moz-keyframes uptocallmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
    }
    10% {
        box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
    }
}
 
@-o-keyframes uptocallmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
    }
    10% {
        box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
    }
}
 
@keyframes uptocallmini {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0);
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
    }
    10% {
        -webkit-box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1;
        box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
    }
    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0);
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
    }
}
 
@-webkit-keyframes uptocallmini_offline {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0);
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
    }
    10% {
        -webkit-box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120;
        box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120
    }
    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0);
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
    }
}
 
@-moz-keyframes uptocallmini_offline {
    0% {
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
    }
    10% {
        box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
    }
}
 
@-o-keyframes uptocallmini_offline {
    0% {
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
    }
    10% {
        box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
    }
}
 
@keyframes uptocallmini_offline {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0);
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
    }
    10% {
        -webkit-box-shadow: 0 0 8px 6px #1CB2ED, 0 0 12px 10px transparent, 0 0 12px 14px #1CB2ED;
        box-shadow: 0 0 8px 6px #1CB2ED, 0 0 12px 10px transparent, 0 0 12px 14px #1CB2ED
    }
    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0);
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
    }
}