/* ------------------------------------------------------------------ */
/* a. General Styles
/* ------------------------------------------------------------------ */
body { background:#14181a; font-family: 'montserratregular'; font-weight:normal; color:#829cb5; font-size: 16px; line-height: 30px; padding:0; margin:0; width:100% !important; overflow-x:hidden; height:100%; }
/* Comman Classes */
a, img, span {border:0; margin:0; padding:0;}
a, button {text-decoration: none; color:#70C32A; -webkit-transition:all .3s linear; -moz-transition:all .3s linear; transition:all .3s linear; }
a:hover, a:focus {text-decoration: none; color: #3973C7; outline:none; }
p {padding:0px; margin:0px; border:0px;}
img {line-height:0px; max-width:100%; padding:0; margin:0; border:none; }
input:focus,
select:focus,
textarea:focus { outline:none; }
input,
select,
textarea { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-shadow:none !important; -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
* {list-style:none; margin:0px; padding:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-hyphens: none;}
li {display:list-item; border:0; margin:0; padding:0;}
.clear {clear:both;}
::selection{background:#ef4036; color:#fff; /* Safari */}
::-moz-selection{background:#ef4036; color:#fff; /* Firefox */}
::-webkit-selection{background:#ef4036; color:#fff; /* Firefox */}

h1,h2,h3,h4,h5,h6 {margin:0px; padding:0px; letter-spacing:0; font-family:Georgia; color:#13569b; font-size:22px; font-weight:normal; font-family: 'montserratregular'; }

/* ------------------------------------------------------------------ */
/* b. Header Styles
/* ------------------------------------------------------------------ */
header.bar { float:left; width:100%; height:auto !important; position:absolute; top:0; left:0; z-index:5; }
.sticky header.bar { position:fixed; background:#1f313b; }

.sticky .logo-k img { width:70px; }
.sticky #nav-wrap { padding:20px; }

.container { width:100%; max-width:1240px; padding:0 20px; margin:0 auto; }
.logo-k { float:left; width:auto; }
.logo-k img { width:240px; float:left; }

#nav-wrap .container { position:relative; width:100%; max-width:100%; padding:0; }

/* primary navigation
--------------------------------------------------------------------- */
#nav-wrap {  /*margin:0 auto; z-index:9999; position:fixed; left:0; top:0;*/ width:100%; padding:30px 30px 30px 80px; /*background:url(../images/header-bg.png) left top repeat-x;*/ float:left; display:block !important; opacity:1 !important; }

#nav-wrap > a.mobile-btn { display:none; }
ul#nav { width:auto; float:left; padding:10px 0 0 60px; margin:0; display:none; }
.menu-show ul#nav { display:inline-block; }
ul#nav li { position:relative; padding:14px 11px; font-size:15px; line-height:16px; margin:0; list-style:none; display:inline-block; font-family:'Roboto', sans-serif; font-weight:400; }
ul#nav li:last-child { padding-right:0; }

/* Links */
ul#nav li a { /* 8px padding top + 8px padding bottom + 32px line-height = 48px */ display:inline-block; padding:0; line-height:18px; text-decoration:none; text-align:left; color:#fff;
-webkit-transition:color .2s ease-in-out;
-moz-transition:color .2s ease-in-out;
-o-transition:color .2s ease-in-out;
-ms-transition:color .2s ease-in-out;
transition:color .2s ease-in-out; }
ul#nav li a:active { background-color:transparent !important; }
ul#nav li.current a,
ul#nav li a:hover { color:#ef4036; }

header .inquiry-now { float:right; width:auto; padding:9px 0 0 0; }
.inquiry-now .inquiry-now-btn { display:inline-block; font-size:15px; line-height:16px; color:#15181b; background:#fff; border-radius:20px; padding:12px 20px; } 
.inquiry-now .download-btn { color:rgba(255,255,255,0.8); font-size:14px; font-weight:500; margin-right:20px; position:relative; padding-left:35px; }
.inquiry-now .download-btn .feather { width:24px; height:24px; position:absolute; left:0; top:-4px; }
.inquiry-now .download-btn:hover { color:#fff; }
.inquiry-now .download-btn:hover .feather { color:#ef4036; }
.inquiry-now .inquiry-now-btn:hover { background:#ef4036; color:#fff; }

.home-section.section-white { padding:0px 0 0 0; }
.home-section .container { padding:0 0 0 80px; max-width:100%; }
.home-section-inn { width:100%; display:table; }
.home-section .list { display:table-cell; vertical-align:bottom; }
.home-section .list.text-right { text-align:right; }
.home-section .space-pro { width:653px; }
.home-section .space-pro img { float:right; width:100%; }
.home-section .story-box { width:370px; }
.home-section .story-box img { float:left; margin:0 auto; display:block; }

.home-section .top-phone { font-size:17px; color:#fff; line-height:20px; width:100%; padding:0 0 30px 0; font-family: 'montserratlight'; font-weight:normal; }
.section-white .top-phone p { padding:0 0 12px 0; margin:0; }
.home-section .top-phone b { font-family: 'robotobold'; font-size:32px; line-height:34px; font-weight:normal; color:#fff; }

.home-section .tit-menu .tit { font-family: 'montserratlight'; font-weight:normal; font-size:46px; line-height:72px; color:#fff; text-transform:uppercase; padding:0 0 50px 0; margin:0; }
.home-section .tit-menu .tit span { color:#ef4036; }

.home-section .tit-menu .nav2 { width:100%; max-width:280px; padding:0 0 50px 0; margin:0; }
.home-section .tit-menu .nav2 li { padding:0; margin:0 0 20px 0; display:block; font-family: 'montserratlight'; font-weight:normal; font-size:20px; line-height:20px; color:#6f7d85; text-transform:uppercase; border-bottom:1px solid #6f7d85; position:relative; }
.home-section .tit-menu .nav2 li:before { content:""; position: absolute; left: 0; bottom:-1px; width: 0px; height:2px; background: #ef4036; -webkit-transition: width 0.9s, height 4s; transition: width 0.9s, height 4s; }
.home-section .tit-menu .nav2 li:hover:before { width:100%; }
.home-section .tit-menu .nav2 li a { color:#6f7d85; display:block; padding:18px 0; }
.home-section .tit-menu .nav2 li a:hover { color:#fff; }

/* Home Slider */
.home-banner { float:left; width:100%; padding:100px 0; background:#14181a; position:relative; overflow:hidden;
background: rgb(31,49,59);
background: -moz-linear-gradient(top, rgba(31,49,59,1) 0%, rgba(33,40,45,1) 100%);
background: -webkit-linear-gradient(top, rgba(31,49,59,1) 0%,rgba(33,40,45,1) 100%);
background: linear-gradient(to bottom, rgba(31,49,59,1) 0%,rgba(33,40,45,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f313b', endColorstr='#21282d',GradientType=0 ); }
.home-banner .slider-image { width:100%; }


.home-banner .arrow-bot { position:absolute; left:0; bottom:30px; width:100%; text-align:center; }
.home-banner .arrow-bot a { width:64px; height:64px; border-radius:50%; background:#ef4036; display:inline-block; color:#fff; }
.home-banner .arrow-bot svg { width:28px; height:28px; margin-top:18px; }
.home-banner .bounce { display:inline-block;
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-18px);
  }
  60% {
    transform: translateY(-10px);
  }
}

.home-banner .slider-for { padding:0; margin:0; width:100%; }
.home-banner .slider-for li { padding:0; margin:0; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.home-banner .container { position:relative; padding:0; }
.home-banner .cap-main { width:100%; height:100%; display:table; position:absolute; left:0; width:100%; top:0; }
.home-banner .cap-main .cap { display:table-cell; vertical-align:middle; width:5000px; }
.home-banner .cap-main .screen-height { display:table-cell; vertical-align:middle; width:5000px; }
.home-banner .cap-main .container2 { padding:0 100px; width:100%; }
.home-banner .cap-main .slider-text { display:none; visibility:hidden; }
.home-banner .slick-arrow { position:absolute; left:20px; z-index:1; font-size:22px; color:#fff; background:#ef4036; border-radius:4px; line-height:40px; text-align:center; width:40px; height:40px; padding:0; }
.home-banner .slick-arrow .lg-icon { line-height:40px; position:relative; top:-1px; }
.home-banner .slick-arrow:before { display:none; visibility:hidden; }
.home-banner .slick-arrow.slick-next { left:auto; right:20px; }

/* ------------------------------------------------------------------ */
/* c. Key Plan Section
/* ------------------------------------------------------------------ */
.key-plan-sec .left-key-plan { float:left; width:46%; text-align:center; }
.key-plan-sec .left-key-plan.last { float:right; }
.key-plan-sec .left-key-plan img { margin:0 auto; display:block; }
.key-plan-sec .download-keyplan-btn { position:relative; display:inline-block; margin:30px auto 0 auto; color:#15181b; font-size:16px; line-height:20px; background:#fff; padding:12px 25px 12px 45px; border-radius:60px; }
.key-plan-sec .download-keyplan-btn svg { width:18px; position:absolute; left:20px; top:11px; }
.key-plan-sec .download-keyplan-btn:hover { background:#ff0000; color:#fff; }

.pari-tower-sec .container { max-width:750px; }

/* ------------------------------------------------------------------ */
/* c. Space Scrapper Section
/* ------------------------------------------------------------------ */
.section-white { float:left; width:100%; padding:150px 0; overflow:hidden; }
.section-white.bg1 { background: rgb(31,49,59);
background: -moz-linear-gradient(top, rgba(31,49,59,1) 0%, rgba(33,40,45,1) 100%);
background: -webkit-linear-gradient(top, rgba(31,49,59,1) 0%,rgba(33,40,45,1) 100%);
background: linear-gradient(to bottom, rgba(31,49,59,1) 0%,rgba(33,40,45,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f313b', endColorstr='#21282d',GradientType=0 ); }
.section-white.bg2 { background: rgb(31,49,59);
background: -moz-linear-gradient(top, rgba(31,49,59,1) 0%, rgba(33,40,45,1) 100%);
background: -webkit-linear-gradient(top, rgba(31,49,59,1) 0%,rgba(33,40,45,1) 100%);
background: linear-gradient(to bottom, rgba(31,49,59,1) 0%,rgba(33,40,45,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f313b', endColorstr='#21282d',GradientType=0 ); }
.section-white.pado { padding:0; }
.section-white.pad-boto { padding-bottom:0; }
.section-white.pad-topo { padding-top:0; }
.section-white p { padding:0 0 25px 0; margin:0; }
.section-white .title { color:#ef4036; font-family: 'montserratlight'; padding:0 0 80px 0; margin:0; font-size:26px; line-height:30px; text-transform:uppercase; }
.section-white .title.text-center { text-align:center; }
.section-white .title.white-text { color:#fff; }

.section-white.bg3 { background:#ef4036; }
.section-white.bg4 { background:#d73930; }

.space-scrapper-sec { position:relative; position:relative; z-index:1; }
.space-scrapper-sec:before { width:100%; height:100%; left:0; top:0; position:absolute; content:''; background:url(../images/bg/bg1.jpg) right center no-repeat; background-size:contain; z-index:-1; }
.space-scrapper-sec .container { max-width:100%; padding:0 80px; }
.space-scrapper-list { padding:20px 0 0 60px; margin:50px 0 0 0; width:100%; background:url(../images/space-scrapper-bg.png) left top no-repeat; }
.space-scrapper-list li { font-size:22px; line-height:22px; color:#fff; text-transform:uppercase; font-family: 'montserratbold'; font-weight:normal; position:relative; padding:0 0 40px 60px; margin:0; letter-spacing:3px; }
.space-scrapper-list li:before { width:21px; height:12px; background:url(../images/elevation01.png) center center no-repeat; position:absolute; left:0; top:8px; content:''; }
.space-scrapper-list li.elevation02:before { background-image:url(../images/elevation02.png); }
.space-scrapper-list li.elevation03:before { background-image:url(../images/elevation03.png); }
.space-scrapper-list li.elevation04:before { background-image:url(../images/elevation04.png); }
.space-scrapper-list li.elevation05:before { background-image:url(../images/elevation05.png); }
.space-scrapper-list li span { font-size:12px; font-family: 'montserratlight'; display:block; padding-top:5px; }

/* ------------------------------------------------------------------ */
/* c. Highlights Section
/* ------------------------------------------------------------------ */
.highlights-sec { position:relative; position:relative; z-index:1; }
.highlights-sec:before { width:100%; height:100%; left:0; top:0; position:absolute; content:''; background:url(../images/bg/highlights-bg.png) left center no-repeat; background-size:contain; z-index:-1; }

.highlights-list { padding:0; margin:0; width:100%; }
.highlights-list li { font-size:22px; line-height:22px; color:#fff; text-transform:uppercase; font-family: 'montserratbold'; font-weight:normal; position:relative; padding:0 0 20px 0px; margin:0 3% 45px -2px; border-bottom:1px solid #6f7d85; display:inline-block; width:48%; vertical-align:top; letter-spacing:3px; min-height:92px; }
.highlights-list li:before { content:""; position: absolute; left: 0; bottom:-1px; width: 0px; height:2px; background: #ef4036; -webkit-transition: width 0.9s, height 4s; transition: width 0.9s, height 4s; }
.highlights-list li:hover:before { width:100%; }

.highlights-list li.border-none { border-bottom:none; }
.highlights-list li.border-none:before { display:none; }
.highlights-list li span { font-size:12px; font-family: 'montserratlight'; display:block; padding-top:5px; letter-spacing:2px; }
.highlights-list li:nth-child(2n) { margin-right:0; }


/* ------------------------------------------------------------------ */
/* c. Highlights Section
/* ------------------------------------------------------------------ */
.ammenities-sec {  }
.ammenities-list { width:100%; padding:0; margin:0; }
.ammenities-list li { display:inline-block; margin:0 -2px; padding:0 15px 30px 15px; width:25%; font-family: 'montserratbold'; font-size:18px; line-height:24px; color:#fff; text-transform:uppercase; letter-spacing:3px; vertical-align:top; text-align:left; }
.ammenities-list li img { display:block; width:100%; max-width:50px; }
.ammenities-list li span { display:block; border-bottom:1px solid #6f7d85; padding:20px 0; position:relative; }
.ammenities-list li span:before { content:""; position: absolute; left: 0; bottom:-1px; width: 0px; height:2px; background: #ef4036; -webkit-transition: width 0.9s, height 4s; transition: width 0.9s, height 4s; }
.ammenities-list li:hover span:before { width:100%; }

/* ----------------------------------------------*/
/* e. Features Section
/* ----------------------------------------------*/
.cd-tabs { width:100%; padding:30px 0 0 0; margin:0; max-width:100%; }
.cd-tabs .cd-tabs-navigation { width:100%; padding:0; margin:0; text-align:center; }
.cd-tabs .cd-tabs-navigation li { display:inline-block; float:none; padding:0; margin:0 -2px; }
.cd-tabs .cd-tabs-navigation li a { padding:15px 30px; margin:0 0 -1px 0; height:auto; width:auto; font-weight:400; font-size:18px; line-height:18px; background:none !important; box-shadow:none; border:1px solid transparent; border-radius:10px 10px 0 0; color:#7C8A96; }
.cd-tabs .cd-tabs-navigation li a.selected { border-color:#47576d; border-bottom-color:#14181a; color:#ff9027; }
.cd-tabs .cd-tabs-navigation li a:hover { color:#fff; }

.cd-tabs .cd-tabs-content { border:1px solid #47576d; background:none; border-radius:10px; float:left; width:100%; }
.cd-tabs .cd-tabs-content li { padding:20px 20px 30px 20px; margin:0; float:left; width:100%; }
.cd-tabs .cd-tabs-content li.productivity-tab { background:url(../images/productivity-bg.svg) 95% 20px no-repeat; background-size:465px auto; }
.cd-tabs .cd-tabs-content li.health-tab { background:url(../images/health-bg.svg) 95% 20px no-repeat; background-size:500px auto; }
.cd-tabs .cd-tabs-content li.tool-life-management-tab { background:url(../images/tool-life-management-bg.svg) 100% 20px no-repeat; background-size:500px auto; }

.section-white .list-01 { padding:0 0 20px 0; margin:0; width:100%; float:none; }
.section-white .list-01 li { display:block; padding:0 0 10px 30px; margin:0; width:100%; color:#fff; font-size:16px; line-height:30px; position:relative; float:none; }
.section-white .list-01 li:before { content: "\f00c"; color:#8395AF; font-family:FontAwesome; position:absolute; left:0; }
.section-white .list-01 li span { color:#8395AF; }


/* ------------------------------------------------------------------ */
/* d. Contact Section
/* ------------------------------------------------------------------ */
.contact-section {  }
.contact-section .map { float:left; width:100%; }
.contact-section .map img { float:left; width:100%; }

.section-white.contact-section .title { padding-bottom:40px; }

.contact-logo-main { float:left; width:100%; background:#ef4036; padding:100px 0; margin-bottom:70px; }
.contact-logo { width:100%; max-width:750px; margin:0 auto; display:table; padding-bottom:0px; }
.contact-logo .list { display:table-cell; vertical-align:middle; font-size:25px; line-height:30px; color:#fff; font-family: 'robotoregular'; }
.contact-logo .c-logo img { display:block;  margin:0 auto; }
.contact-logo .list.c-phone { padding-left:30px; }
.contact-logo .list b { font-size:60px; line-height:60px; display:block; font-family: 'robotobold'; padding-top:10px; }

.contact-section .left-part { float:left; width:47%; padding-bottom:70px; }
.contact-section .left-part.last { float:right; }

.contact-add h2 { font-family: 'montserratbold'; font-size:18px; line-height:20px; color:#fff; padding:0 0 5px 0; margin:0; text-transform:uppercase; }
.contact-add { color:#fff; font-family: 'montserratregular'; font-size:16px; line-height:28px; }
.contact-add a { color:#fff; }
.contact-add a:hover { color:#000; }
.contact-add span { display:block; padding-top:10px; }

.contact-social { padding:30px 0 0 0; margin:0; width:100%; }
.contact-social li { padding:0; margin:0 20px 0 0; display:inline-block; color:#fff; font-size:20px; }
.contact-social li a { color:#fff; }
.contact-social li a:hover { color:#ef4036; }

.contact-form { float:left; width:100%; }
.contact-form .form-group { float:left; width:48.5%; margin:0 3% 0 0; padding-bottom:30px; }
.contact-form .form-group.last { margin-right:0; }
.contact-form .form-group.full { width:100%; margin:0; }
.contact-form .form-group label.control-label { width:100%; padding:0 0 12px 0; margin:0; text-align:left; color:#fff; font-size:18px; line-height:24px; font-family: 'montserratbold'; font-weight:normal; display:block; }
.contact-form .form-group span.required { color:#8395AF; }
.contact-form .form-group input,
.contact-form .form-group textarea { padding:20px 0; color:#eee; background:none; margin:0; border:none; border-bottom:1px solid #fff; outline:none; font-size:18px; line-height:24px; font-family: 'montserratbold'; font-weight:normal; width:100%; border-radius:0px; min-width:100%; }
.contact-form .form-group input:focus,
.contact-form .form-group textarea:focus { border-color:#fff; }
.contact-form .form-group textarea { height:150px; min-height:inherit; resize: vertical; }


.contact-form .form-group input::placeholder { color:#fff; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#fff; opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#fff; opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#fff; opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
  color:#fff; opacity:1;
}


.btn-submit-main { float:left; width:100%; text-align:left; }
.btn-submit-main .submit { text-transform:uppercase; letter-spacing:0px; padding:0 0 15px 0px; color:#fff; background:none; border:none; border-bottom:1px solid #fff; cursor:pointer; height:auto; display:inline-block; border-radius:0px; margin:0; font-size:18px; line-height:24px; font-family: 'montserratbold'; font-weight:normal; }
.btn-submit-main .submit:hover { color:#000; background:none; }

/* ------------------------------------------------------------------ */
/* h. Contact Section
/* ------------------------------------------------------------------ */
#message-warning, #message-success { display:none; background:#0F0F0F; padding:24px 24px; max-width:730px; margin:0px auto 0px auto; width:100%;  }
#message-warning { color:#D72828; }
#message-success { color:#00B3ED; }

#message-warning i,
#message-success i { margin-right:10px; }
#image-loader { display:none; position:relative; left:18px; top:17px; }

.alert-success { color: #3c763d; background-color: #dff0d8; font-size:14px; line-height:20px; border:1px solid #d6e9c6; padding: 15px; border-radius: 4px; margin:20px 0 0 0; width:100%; }
.alert-error { color: #a94442; background-color: #f2dede; font-size:14px; line-height:20px; border:1px solid #ebccd1; padding: 15px; border-radius: 4px; margin:20px 0 0 0; width:100%; }

/* ------------------------------------------------------------------ */
/* d. Project By Section
/* ------------------------------------------------------------------ */
.project-by-sec { text-align:center; }
.project-by-sec .tit { font-family: 'montserratbold'; font-size:36px; line-height:45px; color:#fff; padding:30px 0; margin:0; }
.project-by-sec .tit span { display:block; font-family: 'montserratlight'; font-size:26px; line-height:36px; }
.project-by-sec .project-logo { display:block; margin:0 auto; max-width:120px; border:10px solid #fff; border-radius:6px; }

/* ------------------------------------------------------------------ */
/* i. Footer
/* ------------------------------------------------------------------ */
footer { float:left; width:100%; padding:50px 0; background:#ef4036; /*border-top:1px solid #47576d;*/ position:relative; font-size:12px; line-height:18px; color:rgba(255,255,255,0.5); font-weight:400; }
footer .copyright { float:left; width:auto; }
footer .design-by { float:right; width:auto; color:rgba(255,255,255,0.5); }
footer .design-by a { color:rgba(255,255,255,0.5); background:url(../images/enliven-logo.png) left 2px no-repeat; padding-left:14px; margin-left:6px; }
footer .design-by a:hover { color:#fff; }

/* Scroll Top */
#scrollTopBtn { display:inline-block; position: fixed; bottom:15px; right:20px; transition: background-color .3s,  opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index:1000; text-align:center; }
body #scrollTopBtn { width:54px; height:54px; border-radius:50%; background:rgba(247,159,154,0.5); /*background:rgba(31,49,59,0.5);*/ padding:0; }
#scrollTopBtn.btn img { width:16px; margin:15px auto 0 auto; display:block; }
#scrollTopBtn:hover { cursor: pointer; }
#scrollTopBtn:active { background-color:#c1d9d5; }
#scrollTopBtn.show { opacity: 1; visibility: visible; }

/* Go To Top Button */
#go-top { position:absolute; top:-29px; width:100%; text-align:center; z-index:99; }
#go-top a { text-decoration:none; border:none; display:inline-block; color:#fff; padding:0; width:64px; height:64px; border-radius:50%; background-color:rgba(0,0,0,0.8);
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out; }
#go-top a:hover { background-color:#ef4036; color:#fff; }

#go-top  svg { width:28px; height:28px; margin-top:18px; }
#go-top .bounce { display:inline-block;
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-18px);
  }
  60% {
    transform: translateY(-10px);
  }
}


.bar .mobile-menu-toggle { float: right; margin-top:12px; position:relative; z-index:999999; display:none; }
.bar .mobile-menu-toggle .menu-item { display: block; height: 3px; width: 24px; margin: 0 0 4px; background:#fff; -ms-transform-origin: 0; transform-origin: 0; transition: all 0.3s ease-in-out; }
.bar #nav-wrap.navOpen .mobile-menu-toggle .menu-item { margin-bottom:5px; }
.bar #nav-wrap.navOpen .mobile-menu-toggle .menu-item:first-child { -ms-transform: rotate(40deg); transform: rotate(40deg); }
.bar #nav-wrap.navOpen .mobile-menu-toggle .menu-item:nth-child(2) { opacity: 0; }
.bar #nav-wrap.navOpen .mobile-menu-toggle .menu-item:nth-child(3) { -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.bar-short .mobile-menu-toggle .menu-item { background:#333; }
.bar-short.navOpen .mobile-menu-toggle .menu-item { background:#333; }
.bar-short .mobile-menu-toggle { margin-top:13px; }
.bar-short.navOpen .mobile-menu-toggle { margin-top:10px; }

.rera-reg { width:100%; text-align:center; padding-top:40px; font-size:16px; line-height:24px; color:#fff; }

/* ==============================
   		   Responsive Main
============================== */
@media only screen and (max-width: 1560px) {
.home-section .tit-menu { padding-top:250px; }
.home-section .story-box { width:280px; }
.home-section .space-pro { width:500px; }
}

@media only screen and (max-width: 1377px) {
footer .design-by { padding-right:70px; }

}

@media only screen and (max-width: 1340px) {
.home-section .container { padding-left:20px; }

#nav-wrap { padding:30px 20px; }

}

@media only screen and (max-width: 1270px) {
.home-section .tit-menu .tit { font-size:36px; line-height:50px; padding-bottom:30px; }
.home-section .tit-menu .nav2 { padding-bottom:20px; }

.home-section .story-box { width:225px; }
.home-section .top-phone { font-size:14px; }
.home-section .top-phone b { font-size:25px; line-height:25px; }

.home-section .space-pro { width:400px; }



}

@media only screen and (max-width: 1100px) {
.inquiry-now .inquiry-now-btn { display:none; }
.inquiry-now .download-btn { margin-right:0; }

}

@media only screen and (max-width: 999px) {
.home-section .tit-menu .tit { font-size:30px; line-height:40px; }
.home-section .tit-menu .nav2 li { font-size:16px; }
.home-section .tit-menu .nav2 li a { padding:12px 0; }

.section-white,
.home-banner { padding:50px 0; }
.space-scrapper-sec .container { padding:0 20px; }

.ammenities-list li { width:33.3%; }

}

@media only screen and (max-width: 880px) {
.logo-k img { width:120px; }

.home-section .list { display:block; width:100%; }
.home-section .tit-menu { float:left; width:48%; padding-top:150px; }
.home-section .story-box { float:right; width:48%; padding-top:150px; }
.home-section .tit-menu .nav2 { max-width:100%; }

.space-scrapper-sec:before { opacity:0.5; }

}

@media only screen and (max-width: 800px) {
header .inquiry-now { padding:12px 44px 0 0; }

body.navOpen { /*overflow:hidden;*/ }
.bar .mobile-menu-toggle { display:inline-block; }
.bar.navOpen .mobile-menu-toggle .menu-item { background:#fff !important; } 
.bar .mobile-menu-toggle { position:absolute; right:0px; margin:0; top:21px; z-index:9999; }
.bar-short.navOpen .mobile-menu-toggle { top:9px; }

#nav-wrap { padding:20px; }
#nav-wrap.opaque { background:#1f313b; width:100%; min-height:50px; padding:20px; }
#nav-wrap ul.nav { background:#1f313b; padding:0; width:100%; position:absolute; left:0; top:50px; transition: all 0.3s ease-in-out; z-index:-9999px; opacity:0; height:0px; overflow:hidden; min-height:inherit; }
#nav-wrap.navOpen ul.nav { z-index:9999; opacity:1; height:auto; top:70px; display:block; }
#nav-wrap ul.nav li { display:block; padding:0px 20px; margin:0; text-align:left; }
#nav-wrap ul.nav li:first-child { padding-top:20px; }
#nav-wrap ul.nav li:last-child { padding-bottom:20px; }
#nav-wrap ul.nav li a { display:block; padding:10px 15px; color:#fff; border-bottom:1px solid rgba(255,255,255,0.1); }
#nav-wrap ul.nav li:last-child a { border:none; }
#nav-wrap ul.nav li a:hover,
#nav-wrap ul.nav li.current a { color:#ef4036; }

.ammenities-list li { width:50%; }

.contact-section .left-part { width:100%; padding-bottom:30px; }

.contact-logo .list { font-size:16px; line-height:20px; }
.contact-logo .list b { font-size:35px; line-height:40px; }

.contact-logo-main { padding:50px 0; margin-bottom:40px; }

}

@media only screen and (max-width: 768px) {
.space-scrapper-list { padding:0; }
.space-scrapper-list li { padding:0 0 20px 40px; font-size:16px; line-height:20px; }

.highlights-list li { width:100%; margin:0 0 20px 0; font-size:16px; line-height:20px; }
.highlights-list li.border-none { display:none; visibility:hidden; }

.project-by-sec .tit { padding:10px 0 25px 0; }

.key-plan-sec .left-key-plan { width:100%; padding-bottom:50px; }
.key-plan-sec .left-key-plan.last { padding-bottom:0; }


}

@media only screen and (max-width: 699px) {
.cd-tabs .cd-tabs-navigation li { width:50%; }
.cd-tabs .cd-tabs-navigation li a { padding:15px 0; }
.cd-tabs .cd-tabs-content { border-radius:0 0 10px 10px; }

.cd-tabs .cd-tabs-navigation li a { border:none; border-bottom:2px solid #47576d !important; }

}

@media only screen and (max-width: 599px) {
.home-section .tit-menu { width:100%; }
.home-section .story-box { width:100%; padding-top:0; }
.home-section .story-box img { float:none; }
.home-section .tit-menu .nav2 { display:none; visibility:hidden; }

.contact-logo .list { display:block; text-align:center; padding-bottom:30px; }
.contact-logo .list.c-phone { padding-bottom:0; }

footer .copyright { width:100%; text-align:center; padding-bottom:10px; }
footer .design-by { width:100%; text-align:center; padding-right:0; }

.section-white .title { padding-bottom:40px; }

.project-by-sec .tit { font-size:25px; line-height:30px; }
.project-by-sec .tit span { font-size:20px; line-height:25px; }


}

@media only screen and (max-width: 480px) {
.logo-k img { width:70px; }

.cd-tabs .cd-tabs-navigation li { width:100%; margin:0; }

.ammenities-list li { width:100%; text-align:center; }
.ammenities-list li img { margin:0 auto; }

.contact-form .form-group { width:100%; margin-right:0; }

}

@media only screen and (max-width: 350px) {
header .inquiry-now { width:100%; text-align:center; padding:15px 0 0 0; }


}