@charset "utf-8";
/* CSS Document */
html {
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	min-height: 100%;
	background: #fff;
	background: rgba(43, 98, 113, 0.2);
	font-size: 16px;
	font-family: 'Raleway';
	color: #383838;
}
ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
a,
a:hover {
	text-decoration: none !important;
	outline: 0;
}
li a:hover {
    color: rgb(43 98 113);
}
.hideit { opacity: 0}
.showit { opacity: 1}
header {
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    box-shadow: 0 0 5px rgb(43,98,113);
    padding: 0px 30px;
    height: 78px;
	line-height: 78px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
}
header .navbar {
	width: 100%;
	border-radius: 0;
	margin: 0;
}
header .navbar.affix {
    background: red;
}
header .logo-main {
	float: left;
	vertical-align: middle;
}
header ul { width: auto; float: right;}
header ul li { float: left; line-height: 78px;}
header ul li a { padding: 0 20px; display: block; position: relative; color: rgb(43 98 113); font-weight: 600}
header ul li a:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background: rgb(43 98 113); transition: all 0.25s ease-out; top: 0;}
header ul li a:hover:before { transition: all 0.25s ease-in; height: 100%; z-index: -1; color: #fff; }
header ul li a:hover {
    color: #fff;
}

/*HEADER STICKY START*/
.header-sticky {
	animation: slide-down 0.7s; 
	transition: all 0.3s ease-in;
	width: 100%;
    left: 0;
    position: fixed;
    top: 0;	
	background: rgba(255, 255, 255, 1);
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4);
}
@keyframes slide-down {
    0% {opacity: 0; transform: translateY(-100%);}
    100% {opacity: 1; transform: translateY(0); } 
}
/*HEADER STICKY END*/

/*SCROLL UP STYLES START*/
span.scroll-up {
    position: fixed;
    margin: 0 auto;
    right: 10px;
    bottom: 40px;
    width: 100px;
	height: 100px;
	z-index: 1;
}
.arrow-up {
    width: 50px;
    height: 50px;
    background: #2b6271;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
    display: table;
	text-decoration: none !important;
}
.arrow-up:before {
    width: 42px;
    height: 42px;
    content: "";
    border: 2px solid #36788a;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 4px;
}
.arrow-up i.fa {
    font-size: 20px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
	opacity: 0.85;
}
.arrow-up:hover .fa {
	transition: all 0.35s ease;
	opacity: 1;
}
.arrow-1 {
    background: rgba(54,120,138, 0.3);
    border-radius: 50%;
    position: absolute;
	width: 90px;
	height: 90px;
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
@-webkit-keyframes zoomIn {
	0% {opacity: 0; -webkit-transform: scale3d(.4, .4, .4); transform: scale3d(.4, .4, .4);	}
	50% {opacity: 0.5;}
	100% {opacity: 0;}
}
@keyframes zoomIn {
	0% {opacity: 0; -webkit-transform: scale3d(.4, .4, .4); transform: scale3d(.4, .4, .4); }
	50% {opacity: 0.5; }
	100% {opacity: 0; }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
#scrollToTop{
    display: none;
}
/*SCROLL UP STYLES*/




@import{""};
.banner {
/*	background: url("https://nexa4.azureedge.net/nexaexperience/rp/img/wallpapers/balenors/dekstop/balenors-wallpaper-dekstop-5.jpg");
	width: 100%;
	background-size: cover;
	animation: fade-slide-down 2s .5s cubic-bezier(0, 0.5, 0, 1) forwards;
	height: 100vh;
	position: relative;*/
}
.banner {
	height: 100vh;
	overflow: hidden;
	position: relative;
	transform-style: preserve-3d;
	perspective: 100px;
}
.banner:before {
	animation: fade-slide-down 2s .5s cubic-bezier(0, 0.5, 0, 1) forwards;
	background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,.6)),   url(../images/banner.jpg) no-repeat top;
	background-size: cover;
	content: "";
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.banner img {
	display: none;
}
.banner a.scroll-down {
	padding-top: 70px;
}
.banner a.scroll-down span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 14px;
    height: 18px;
    margin-left: -5px;
    -webkit-animation: sdb05 1.5s infinite;
    animation: sdb05 1.5s infinite;
    box-sizing: border-box;
    background: url(../images/bg-down-arrow.png);
}
@-webkit-keyframes sdb05 {
	0% {-webkit-transform: rotate(0deg) translate(0, 0); opacity: 0; }
	50% {opacity: 1; }
	100% {-webkit-transform: rotate(0deg) translate(0px, 30px); opacity: 0; }
}
@keyframes sdb05 {
	0% {transform: rotate(0deg) translate(0, 0); opacity: 0; }
	50% {opacity: 1; }
	100% {transform: rotate(0deg) translate(0px, 30px); opacity: 0; }
}
.banner a.scroll-down {
    position: absolute;
    bottom: 10%;
    left: 50%;
    -webkit-transform: translate(-50%, -10%);
    transform: translate(-50%, -10%);
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}
/* Animations */

@keyframes fade-slide-down {
  0% {
    opacity: 0;
    transform: translateY(-4rem);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

.btn_submit,
.btn_submit:hover,
.btn_submit:focus,
.btn_submit:active {
    padding: 6px 30px;
	background: rgba(43, 98, 113, 1);
	color: #fff !important;
	box-shadow: 0 0 0 transparent;
	-webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
	
}
.btn_submit span {
    display: inline-block;
    position: relative;    
}
.btn_submit:hover span,
.btn_submit:focus span,
.btn_submit:active span {
	-webkit-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
	-webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.btn_submit i {
    position: absolute;
    width: 15px;
    right: 0px;
    right: 00;
    opacity: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
.btn_submit:hover i,
.btn_submit:focus i,
.btn_submit:active i {
    opacity: 1;
    right: -25px;
}
/*CONTACT FORM BUTTON STYLES END*/

/*CALENDAR START*/
.calender_block {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    margin: auto;
    display: block;
    transform: translate(-50%, -50%);
	width: 90%;
}
.calender_block .inner {
    margin: auto;
	color: #fff;
}
.calender_block .inner h4 {
	margin: 0 0 25px 0;
    font-size: 20px;
    font-weight: 300;
    width: 100%;
    float: left;
	line-height: 35px;
}
.calender_block .inner h4 span {
    font-size: 34px;
}
.calender_block .inner h3 {
	position: relative;
    margin: 0 auto 30px;
    color: #ffffff;
    font-size: 34px;
    font-weight: 900;
    text-transform: capitalize;
    letter-spacing: 1px;
    width: 50%;
    float: left;
	line-height: 45px;
}
.calender_block .inner h3 span.fadeInLeft {
	position: absolute;
	right: 0;
	top: 0;
}
.calender_block .inner label {
	font-weight: 300;
}
.calender_block .inner input {
	border-color: transparent;
	box-shadow: 0 0 0 transparent;
}
/*CALENDAR START*/

.modal-header .close {
    opacity: 1;
    color: #fff;
    font-size: 26px;
}

/*SUCCESS START*/
.modal-content { border: 0; }
#success_popup .modal-content p {
    color: #333;
    font-size: 18px;
    margin: 10px 0 00;
	text-align: center;
	font-weight: 500;
}
#success_popup .modal-footer {
	text-align: center;
	position: relative;
	z-index: 1;
	background: rgba(43, 98, 113, 1);
	border-radius: 0 0 4px 4px;
}
#success_popup .modal-footer button{
	background-color: #fff;
    border-color: #ccc;
    padding: 6px 20px;
    font-weight: 800;
    outline: 0;
    color: rgba(43, 98, 113, 1);
}

/*TICK START*/
@-webkit-keyframes checkmark {
	0% {stroke-dashoffset: 50px}
	100% {stroke-dashoffset: 0}
}
@-ms-keyframes checkmark {
	0% {stroke-dashoffset: 50px}
	100% {stroke-dashoffset: 0}
}

@keyframes checkmark {
	0% {stroke-dashoffset: 50px}
	100% {stroke-dashoffset: 0}
}
@-webkit-keyframes checkmark-circle {
	0% {stroke-dashoffset: 240px}
	100% {stroke-dashoffset: 480px}
}
@-ms-keyframes checkmark-circle {
	0% {stroke-dashoffset: 240px}
	100% {stroke-dashoffset: 480px}
}
@keyframes checkmark-circle {
	0% {stroke-dashoffset: 240px}
	100% {stroke-dashoffset: 480px}
}
.inlinesvg .svg svg {
    display: inline
}
.icon--order-success svg path {
    -webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;
    animation: checkmark 0.25s ease-in-out 0.7s backwards
}
.icon--order-success svg circle {
    -webkit-animation: checkmark-circle 0.6s ease-in-out backwards;
    animation: checkmark-circle 0.6s ease-in-out backwards;
	fill: #e8f5fc !important;
}
/*TICK END*/
#success_popup .modal-body .icon {
    display: block;
    text-align: center;
}
#success_popup {
    z-index: 999999;
}
/*SUCCESS END*/

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.fixed-pos {
	position: fixed;
}
.fixed-pos:before {
    position: absolute;
    background: rgba(0,0,0,0.5);
    content: "";
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}
#errModal,
#success_popup {
	background: rgba(0, 0, 0, 0.5);
}
#errModal .modal-dialog {
    top: 50%;
    transform: translate(0,-50%);
    margin: auto;
}
#errModal .modal-body > * {
	color: #fff;
	line-height: 1.3;
}
#errModal .modal-body {
	background: #f65656;
	border-radius: 6px 6px 0 0;
	padding: 50px 30px 20px;
}
#errModal .modal-footer button {
	display: block;
	margin: 0 auto;
}
#errModal .modal-footer {
	border-color: #f65656;
	padding-top: 30px;
}
#errModal .modal-content {
	border: 0;
	height: 100%;
}
.modal-sm {
    width: 260px;
    height: 260px;
    overflow: hidden;
    border-radius: 50%;
}
.custom_loader {
  z-index: 4;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #d9534f;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  content: "";
  display: block;
  position: absolute;
  top: 42%;
  left: 42%;
  transform: translate(-42%, -42%);
}

/*BOOK NOW MODAL START*/
#book_now_modal .modal-body,
#book_now_modal .modal-footer {
    float: left;
    width: 100%;
    background: #fff;
}
#book_now_modal .has-error .form-error {
	color: red;
	font-weight: 500;
	margin-top: 5px;
}
.modal-header {
	background: rgba(43, 98, 113, 1);
	color: #fff;
	border-radius: 4px 4px 0 0;
}
#book_now_modal label .req_cls {
    color: red;
}
#book_now_modal button.btn {
    display: block;
    margin: 0 auto;
	outline: 0;
}
#book_now_modal #PageRefresh a {color: #fff;}
/*BOOK NOW MODAL END*/
textarea {
	resize: none;
}

#book_now_modal,
#success_popup {
    z-index: 99999;
    background: rgba(0,0,0,0.5);
    top: 0;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}
#success_popup {
    z-index: 999999;
}



/*EXPERTISE START*/
.expertise .block {
	width: 100%;
	float: left;
}
.expertise_block {display: none;}
.expertise .block button {
	width: 40%;
}
.blocks {
    width: 48%;
    float: left;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 6px;
    margin: 0 0px 25px 0;
    background: #fff;
	box-shadow: 0 0 5px rgb(0 0 0 / 30%);
}
.expertise .blocks .right h4 {
    font-weight: 700;
}
.blocks:last-child {
    float: right;
}
.expertise .block .left {
    width: 25%;
	float: left;
}
.expertise .block .left img {
	width: 100%;
}
.expertise .block .right {
    width: 72%;
	float: right;
}
.expertise_inner {
    margin-bottom: 100px;
}
/*EXPERTISE END*/
.btn-15 {
    padding: 16px 50px;
	background: rgba(43, 98, 113, 1);
	color: #fff !important;
	box-shadow: 0 0 0 transparent;
	-webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
	outline: none;
	font-weight: 600;
	letter-spacing: 1px;
	border: 0;
	outline: 0;
	position: relative;
	z-index: 1;
}

.btn-15:before {
position: absolute;
    top: 0;
    bottom: 0;
    content: "";
    width: 0px;
    height: 100%;
    background: #204852;
    transition: all 0.25s ease-out;
    left: 0;
    border-radius: 4px;
    z-index: -1;    
}



.btn-15:hover:before,
.btn-15:focus:before,
.btn-15:active:before {
    width: 100%;
    transition: all 0.25s ease-in;
}

.btn-15 i {
    position: absolute;
    right: 0px;
    opacity: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
.btn-15:hover i,
.btn-15:focus i,
.btn-15:active i {
    opacity: 1;
    right: 30px;
}
/*FOOTER STYLES STRAT*/

footer {background: rgb(21 82 99); width: 100%; font-size: 12px; float: left;}
footer .container {
	padding: 15px 30px;
}
footer h4 {margin-top: 0;}
footer ul li {float: left; width: 100%; margin-bottom: 5px; font-weight: lighter;}
footer ul li:last-child{margin-bottom: 0;}
footer, footer ul li a {color: #fff;}
footer p {display: block; margin: 0; letter-spacing: 1px; font-size: 12px;}
.footer_top {
    padding: 50px 0;
    float: left;
    width: 100%;
}
.footer_bottom { float: left; width: 100%; text-align: center; background: rgb(17 75 92); padding: 20px; color: #fff;}
footer li a:hover {color: #fff;}
footer ul li a:focus {
    border: none;
    outline: none;
    color: inherit;
}
/*FOOTER STYLES END*/

.about_min {
	display: none;
}
.about_us_inner1,
.about_us_inner2,
#services {
    float: left;
    width: 100%;
    padding: 100px 0;
    margin: 0;
	overflow: hidden;
}
.about_us_inner1 {
	padding-bottom: 0;
}
.about_us_inner1 h2 span {
    color: rgb(21 82 99);
    font-weight: 600;
}
.about_us_inner1 h2 {
    margin: 0 0 30px 0;
	letter-spacing: 1px;
    font-weight: 800;
}
.about_us_inner1 div p {
    margin-bottom: 30px;
}
.about_us_inner1 div p:last-child {
    margin-bottom: 0px;
}

.about_us_inner2 .inner {
    margin-bottom: 30px;
}
.about_us_inner2 .inner:last-child {
    margin-bottom: 0;
}
.about_us_inner2 .inner h4 {
    letter-spacing: 1px;
    font-weight: 800;
}
.title-text {
	position: relative;
    font-weight: 600;
    font-size: 30px;
    margin: 80px 0 20px 0;
    padding-bottom: 25px;
    text-align: center;
}
.title-text:before {
	position: absolute;
    content: "";
    width: 200px;
    height: 2px;
    background: #2b6271;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.about {
    margin-bottom: 30px;
    display: block;
}

.about p {
    line-height: 1.6;
	font-weight: 400;
}
#services h2 {
    margin-bottom: 20px;
}
#services h2+p {
    line-height: 28px;
	margin-bottom: 25px;
}
#services {
    background: #fff;
}
#services .col-md-12 {
    padding-top: 100px;
}
/*CONTACT PAGE*/
.contact_us {
    float: left;
    width: 100%;
    padding: 100px 0;
    background: #f2f1f1;
    position: relative;
    font-weight: 600;
}
.contact_us:before {
    content: "";
    background: url(../images/contact_bg1.jpg) no-repeat;
    /*background: url(../images/contact_bg.jpg) no-repeat;*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.25;
    background-size: 100% 100%;
}
.contact_us .form-group .btn-15 {
    float: right;
}
.contact_block h4 {
    color: #222222;
    font-family: "Roboto", Sans-serif;
    font-size: 48px;
    font-weight: 800;
    line-height: 58px;
    position: relative;
    display: inline-block;
}
.contact_block h4:before {
    position: absolute;
    content: "";
    width: 50%;
    height: 2px;
    background: linear-gradient(45deg, #222222, transparent);
    bottom: 0;
    left: 0;
    margin: 0 auto;
}
.contact_sec {
	float: left;
	width: 100%;
	display: table;
}
.contact_section { background: #fff; padding: 20px; border-radius: 6px; box-shadow: 0 0 5px #ccc; display: table; margin: 20px auto 0; position: relative; }
.contact_section p {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.contact_section p:last-child {
    margin: 0;
}
.contact_section span:first-child {
    width: 100%;
    float: left;
    font-weight: 700;
    color: rgb(21 82 99);
}

/*CONTACT FORM BUTTON STYLES END*/
.form-error {
    font-size: 12px;
}

/* THANK YOU START */
.thankYou:before {
    background: linear-gradient(to right, rgba(43,98,113, 0.5), rgba(43,98,113, 0.8));
}
.thankYou .container {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    margin: auto;
    display: block;
    transform: translate(-50%, -50%);
    width: 100%;
}
.thankYou h3 {
    margin: 0 auto 20px;
    color: #ffffff;
    font-size: 34px;
    font-weight: 900;
    letter-spacing: 1px;
}
.thankYou h4 {
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
    color: #fff;
	margin: 0;
    font-weight: 500;
}

.thankYou .inner {
    width: 50%;
    margin: 0 auto;
}
/* THANK YOU END */

/*Location start*/
.location {
    width: 100%;
    float: left;
    background: #f2f1f1;
}
.location .title-text {
    margin: 0 0 20px;
    padding-bottom: 10px;
    color: #2b6271;
}
.location .title-text:before {
    width: 100px;
}
/*Location end*/
@media only screen and (max-width: 1200px) {
	.contact_block h4 { font-size: 36px;}
}
@media only screen and (max-width: 991px) {
	.banner img {display: block; padding-top: 68px;}
	.our_team ul li p {min-height: 130px;}
	.calender_block .inner h3 {width: 90%; font-size: 24px; line-height: inherit;}
	.calender_block .inner h4 { font-size: 16px; }
	.btn-15 {padding: 10px 20px; }
	.expertise .block .left { width: 100%; text-align: center;}
	.expertise .block .right { width: 100%; }
	.expertise .block .left img { width: 100px; display: inline-block; max-width: inherit; }
	.footer_top .col-md-3 { padding: 0; width: 100%; display: block; float: left; margin-bottom: 15px; border-bottom: 1px solid #1b6d83; padding-bottom: 15px; }
	.footer_top .col-md-3:last-child {border-bottom: 0;}
}
@media only screen and (max-width: 767px) {
	/*HEADER START*/
	header {padding: 0px 15px;}
	header .navbar-toggle { margin: 15px 10px 0; line-height: 68px; background: #fff; border-color: rgb(43,98,113); padding: 15px; }
	header .navbar-toggle .icon-bar { background: rgb(43,98,113); }
	header ul {display: none; width: 106%; background: #f3f3f3; position: absolute; top: 77px; left: -3%; right: 0; box-shadow: 0px 2px 2px #ccc;}
	header ul li {width: 100%;}
	header ul li a:before {display: none;}
	header ul li a { border-bottom: 1px solid rgba(43, 98, 113, 1); }
	header ul li:last-child a { border-bottom: 0px;}
	/*HEADER END*/
	
	/*BANNER START*/
	.calender_block .inner h4 {font-size: 18px;}
	.calender_block .inner h4 span { font-size: 24px; }
	.calender_block .inner h3 { font-size: 34px; }
	.banner a.scroll-down { display: none; }
	/*BANNER END*/

	.expertise .form-group { margin-bottom: 0; }
	.expertise_block {display: block; text-align: center; margin: 0 auto;}
	.expertise .blocks { width: 90%; margin-left: auto; margin-right: auto; display: table; float: none; }
	.expertise_inner, .about_max {display: none;}
	.expertise_block img { width: 300px; display: inline-block; margin-bottom: 20px; }
	.about_us_inner1, .about_us_inner2 { text-align: center; }
	.about_min {display: block;}
	.about_min img, .about_us_inner2 img { width: 300px; display: table; float: none; margin: 0 auto 15px; }
	header ul li { line-height: 45px; }
	#services .col-md-12 {margin-bottom: 50px;}
	
	/*Home Page Start*/
	.blocks.block_left, .blocks.block_right {text-align: center;}
	/*Home Page End*/
	
	/* THANK YOU START */
	.thankYou .inner { width: 70%; }
	/* THANK YOU END */
}
@media only screen and (max-width: 568px) {
	/*BANNER START*/
	.calender_block .inner h4 {font-size: 16px; line-height: 30px;}
	.calender_block .inner h4 span { font-size: 18px; }
	.calender_block .inner h3 { font-size: 20px; }
	.calender_block { top: 60%; transform: translate(-50%, -60%);}
	/*BANNER END*/
	
	/*HEADER START*/
	header { padding: 0px; }
	header .logo-main { margin-left: 10px; }
	header ul { left: -1px; }
	/*HEADER END*/
	
	/* THANK YOU START */
	.thankYou .inner { width: 86%; }
	/* THANK YOU END */
}