*,
*:after,
*:before {
	box-sizing: border-box
}

html,
body {
	overflow-x: hidden;
	min-height: 100vh;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	color: #6A6B6B;
	font-weight: 300
}

html {
	font-size: 15px
}

@media (max-width: 767px) {
	html {
		font-size: 15px
	}
}

body {
	font-family: "Roboto", sans-serif;
	font-size: 15px;
	line-height: 30px;
	position: relative;
	z-index: 1000
}

@media (max-width: 767px) {
	body {
		font-size: 15px
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Playfair Display", serif;
	color: #202A61;
	font-weight: normal;
	padding: 0px;
	margin: 0px
}

h1 .highlight,
h2 .highlight,
h3 .highlight,
h4 .highlight,
h5 .highlight,
h6 .highlight {
	color: #7FB300;
	-webkit-text-fill-color: #7FB300
}

h1 .underline,
h2 .underline,
h3 .underline,
h4 .underline,
h5 .underline,
h6 .underline {
	display: inline-block;
	text-decoration: underline
}

h1 .heading-icon,
h2 .heading-icon,
h3 .heading-icon,
h4 .heading-icon,
h5 .heading-icon,
h6 .heading-icon {
	display: block;
	width: 60px;
	height: 60px;
	margin: 15px auto
}

h2,
h3,
h4,
h5,
h6 {
	color: #EDBF5D
}

@media (max-width: 420px) {
	h2,
	h3,
	h4,
	h5,
	h6 {
		letter-spacing: 0px
	}
}

h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	text-decoration: none !important;
	color: inherit;
	display: inline-block
}

h1 {
	font-family: "Playfair Display", serif;
	font-size: 60px;
	line-height: 45px;
	padding-top: 3px;
	margin-bottom: 12px;
	color: #202A61
}

h1.max-540 {
	max-width: 540px
}

h1 .thin {
	font-weight: 300
}

h2 {
	font-size: 30px;
	line-height: 1.2;
	padding-top: 9px;
	margin-bottom: 10px;
	font-weight: 500;
}

@media (max-width: 420px) {
	h2 {
		font-size: 26px;
		letter-spacing: 0px
	}
}

h3 {
	font-size: 21px;
	line-height: 30px;
	padding-top: 6px;
	margin-bottom: 16px
}

h4 {
	font-family: "Roboto", sans-serif;
	font-size: 18px;
	line-height: 26px;
	padding-top: 30px;
	color: #fff;
	font-weight: 300;
}

h5 {
	font-size: 16px;
	line-height: 30px;
	padding-top: 8px;
	margin-bottom: 22px
}

h6 {
	font-size: 14px;
	line-height: 30px;
	padding-top: 9px;
	margin-bottom: 21px
}

p {
	padding-top: 0px;
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}

p.intro-text {
	font-size: 17px;
	line-height: 27px;
	margin-bottom: 21px
}

p.intro-text.spaced {
	line-height: 30px
}

p strong {
	font-weight: 500
}

a {
	color: #202A61;
	text-decoration: none
}

a:hover {
	color: #fff;
	text-decoration: underline;
}

ul,
ol {
	margin-bottom: 13px
}

ul>li,
ol>li {
	font-size: 14px;
	line-height: 24px
}

/*ul.intro-text{
	display: inline-block;
}

ul.intro-text li{
	font-size: 17px;
	line-height: 27px;
	float: left;
	margin: 0px 60px 30px;
}*/

iframe[name='google_conversion_frame'] {
	height: 0 !important;
	width: 0 !important;
	line-height: 0 !important;
	font-size: 0 !important;
	margin-top: -13px;
	float: left
}

.youtube-iframe {
	margin: 25px 0
}

p.small {
	font-size: 85%;
	line-height: 1.5
}

.text-uppercase {
	text-transform: uppercase
}

.icon {
	display: inline-block;
	vertical-align: middle
}

section {
	padding: 70px 0px;
	overflow: hidden
}

@media (max-width: 767px) {
	section {
		padding: 30px 15px
	}
}

.narrow {
	max-width: 800px;
	margin: 0 auto 30px
}

#main {
	padding: 0
}

.seperator {
	margin: 45px 0
}

.seperator.medium {
	margin: 30px 0
}

.seperator.small {
	margin: 15px 0
}

@media (min-width: 768px) {
	.flex-row-desktop {
		display: -webkit-flex;
		-webkit-flex-wrap: wrap;
		display: flex;
		flex-wrap: wrap
	}
	.flex-row-desktop .column {
		display: -webkit-flex;
		display: flex
	}
}

.flex-row {
	display: -webkit-flex;
	-webkit-align-items: center;
	display: flex !important;
	align-items: center
}

.inline-block {
	display: inline-block
}

.text-align-center {
	text-align: center
}

.text-align-left {
	text-align: left
}

.text-align-right {
	text-align: right
}

.text-align-justify {
	text-align: justify
}

@media (max-width: 540px) {
	.text-align-justify.justify-wide {
		text-align: left
	}
}

.margin-0 {
	margin: 0 !important
}

.margin-top-45 {
	margin-top: 45px
}

.margin-top-30 {
	margin-top: 30px
}

.margin-top-20 {
	margin-top: 20px
}

.margin-top-15 {
	margin-top: 15px
}

.margin-top-10 {
	margin-top: 10px
}

.margin-top-0 {
	margin-top: 0px
}

.margin-0 {
	margin: 0 !important
}

.margin-bottom-30 {
	margin-bottom: 30px !important;
}

.margin-bottom-20 {
	margin-bottom: 20px
}

.margin-bottom-15 {
	margin-bottom: 15px
}

.margin-bottom-10 {
	margin-bottom: 10px
}

.margin-bottom-0 {
	margin-bottom: 0px
}

.padding-0 {
	padding: 0px !important
}

.padding-top-30 {
	padding-top: 30px
}

.padding-top-20 {
	padding-top: 20px
}

.padding-top-15 {
	padding-top: 15px
}

.padding-top-10 {
	padding-top: 10px
}

.padding-top-0 {
	padding-top: 0px
}

.padding-bottom-30 {
	padding-bottom: 30px
}

.padding-bottom-20 {
	padding-bottom: 20px
}

.padding-bottom-15 {
	padding-bottom: 15px
}

.padding-bottom-10 {
	padding-bottom: 10px
}

.padding-bottom-0 {
	padding-bottom: 0px !important
}

.width-90-desktop-block {
	display: block;
}

@media (min-width: 768px) {
	.width-90-desktop-block {
		max-width: 90%
	}
}

.width-80-desktop-block {
	display: block;
	margin: 0 auto
}

@media (min-width: 768px) {
	.width-80-desktop-block {
		max-width: 80%
	}
}

.width-50-desktop-block {
	display: block;
	margin: 0 auto
}

@media (min-width: 768px) {
	.width-50-desktop-block {
		max-width: 60%
	}
}

.width-70-desktop-block {
	display: block;
	margin: 0 auto
}

@media (min-width: 768px) {
	.width-70-desktop-block {
		max-width: 70%
	}
}

.width-80-desktop {
	display: block
}

@media (min-width: 768px) {
	.width-80-desktop {
		max-width: 80%
	}
}

.full {
	width: 100%
}

.half {
	float: left;
	width: 50%
}

@media (max-width: 540px) {
	.half {
		width: 100%
	}
}

.third {
	float: left;
	width: 33.333333%
}

@media (max-width: 540px) {
	.third {
		width: 100%
	}
}

.font-reg{
	font-weight: 500 !important;
}

@media (max-width: 599px) {
	#mqCheck-600 {
		display: none
	}
}

@media (max-width: 499px) {
	#mqCheck-500 {
		display: none
	}
}

@media (max-width: 767px) {
	#mqCheck-767 {
		display: none
	}
}

@media (max-width: 991px) {
	#mqCheck-991 {
		display: none
	}
}

@media (max-width: 1169px) {
	#mqCheck-1169 {
		display: none
	}
}

@media (max-width: 1199px) {
	#mqCheck-1199 {
		display: none
	}
}

.two-column {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2
}

@media (max-width: 359px) {
	.two-column {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1
	}
}

#main-header {
	display: block;
	background: #fff;
	padding: 10px 0px
}

@media (max-width: 767px) {
	#main-header {
		padding: 6px 15px 6px
	}
}

#main-header .main-logo {
	display: block
}

@media (max-width: 767px) {
	#main-header .main-logo {
		margin: auto;
		width: 100px
	}
}

#main-header .headerList {
	margin-top: 15px;
	text-align: right
}

@media (max-width: 767px) {
	#main-header .headerList {
		margin: 10px 0px;
		text-align: center
	}
}

#main-header .list-inline {
	margin: 0;
	padding: 0
}

#main-header .list-inline li {
	font-weight: 500
}

#main-header .list-inline li.call {
	display: block;
	margin-top: 4px
}

#main-header .list-inline li.call a {
	color: #68af31;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none !important
}

#main-header .list-inline li.call i {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH"
}


.hero .bg.bg-slide-01{
	background: url('../img/banner.jpg')center center no-repeat;
	background-size: cover;
	min-height: 80vh;
	position: relative;
	z-index: 0;
	/*opacity: 0.75;*/
}
.hero .bg.bg-slide-01:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #00000059;
	z-index: 1;
}

@media(min-width: 1600px){
	.hero-content{
		left: 20% !important;
	}
}

.hero-content{
	position: absolute;
	bottom: 10%;
	left: 7%;
}

.heading-copy{
	font-size: 24px;
    font-weight: 300;
    color: #EDBF5D;
    padding-top: 5px;
}

.highlights-section .item{
	width: 16.66666%;
	float: left;
}

@media (max-width: 768px){
	.highlights-section .item{
	width: 33.33333%;
	float: left;
	}
}

@media (max-width: 480px){
	.highlights-section .item{
	width: 50%;
	float: left;
	}
	.hero-content{
		position: initial;
		background: #000;
	}
	.hero-content .wrapper{
		padding: 15px;
	}
	.heading-copy{
		font-size: 20px;
	}
	h1{
        font-size: 30px;
        line-height: 35px;
    }
    .hero .bg.bg-slide-01{
    	min-height: 55vh;
    	/*background: url('../img/banner-01-mobile.jpg')center center no-repeat;*/
    }
    .glimpse .text-align-center{
    	text-align: left !important;
    }
}

@media(max-width: 380px){
	.hero .bg.bg-slide-01{
    	min-height: 45vh;
    	background-position: 65%;
    }
}

.highlights-section .wrapper{
	transition: transform .3s;
	background: #212a61;
    padding: 40px 15px;
    border-radius: 15px;
    cursor: pointer;
    margin: 15px;
}

.highlights-section .wrapper:hover{
	box-shadow: 0 0 11px rgba(33,33,33,.2);
	transform: scale(1.1);
}


.bg-bright {
	background: #fff
}

.bg-blue{
	background: #212A61;
}

.text-bright{
	color: #fff;
}

.text-black{
	color: #000;
}

.text-blue{
	color: #212A61;
}

.leadform {
	width: 100%
}

.leadform legend {
	display: block;
	background: #222;
	padding: 15px;
	color: #E9E9E9;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	margin: 0px
}

.leadform .wrapper {
	padding: 30px 21px 15px;
	background: #fff
}

.leadform .form-group {
	position: relative
}

.leadform .form-group .f-lable {
	font-size: 14px;
	position: absolute;
	left: 15px;
	top: -7px;
	background: #fff;
	padding: 0 5px;
	line-height: 1;
	margin: 0;
	font-weight: 400;
	z-index: 1
}

.leadform .form-group .form-control {
	background: #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.leadform .btn-container .btn-brand{
	width: 100%;
}

.leadform .btn-brand {
	height: 45px;
	border-radius: 5px
}


footer {
	background: #222;
	color: #fff;
	font-size: 23px;
	padding: 12px 0px
}

.footer-right{
    float: right;
}

@media (max-width: 480px) {
    footer {
    	text-align: center;
    }
    
    .footer-right{
        float: initial;
    }
    
}

@media (max-width: 768px){
    .btn-container{
        text-align: center;
    }
}

footer p {
	font-size: 12px;
	line-height: 1.5;
	margin-top: 10px
}

@media (max-width: 500px) {
	footer p {
		margin-bottom: 10px
	}
}

footer a {
	font-size: 12px;
	line-height: 1.5;
	margin: 10px;
	color: #fff;
}

@media (max-width: 500px) {
	footer a {
		margin-bottom: 10px
	}
}

.call-footer {
	padding: 15px;
	font-size: 20px;
	background: #7fb300;
	display: block;
	color: #fff !important;
	margin: 0;
	font-weight: 700;
	text-align: center;
	line-height: 1;
	text-decoration: none !important;
	display: none
}

.call-footer.fixed {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0
}

@media (max-width: 500px) {
	.call-footer {
		display: block
	}
}

.thankyou-sec .row {
	min-height: 75vh;
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	display: flex;
	align-items: center;
	justify-content: center
}

.btn {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-size: 18px;
	padding: 6px 20px;
	line-height: 30px;
	outline: none !important;
	text-decoration: none !important
}

.btn.btn-default {
	color: #222;
	border-color: #fff
}

.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default:focus {
	background: #fff;
	color: #222
}

.btn.btn-default.dropdown-toggle:hover,
.btn.btn-default.dropdown-toggle:active,
.btn.btn-default.dropdown-toggle:focus {
	background: #F8F8F8;
	color: #202A61
}

.btn.btn-lg {
	padding-left: 21px;
	padding-right: 21px;
	font-size: 12px;
	line-height: 30px;
	letter-spacing: 2px
}

.btn.btn-sm {
	padding: 0px 12px 0px;
	font-size: 12px;
	line-height: 30px;
	letter-spacing: 1px
}

.btn.btn-wide {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 6px
}

.btn.btn-wide.btn-sm {
	padding-top: 0px
}

.btn.btn-wide.with-arrow {
	padding-right: 36px;
	position: relative
}

.btn.btn-wide.with-arrow .arrow {
	display: block;
	position: absolute;
	height: 15px;
	width: 15px;
	right: 15px;
	top: 1px;
	bottom: 0px;
	margin: auto auto
}

.btn.btn-brand {
	background: #EDBF5D;
	border: 1px solid #EDBF5D;
	color: #232963;
	position: relative;
	padding-bottom: 4px
}

.btn.btn-brand:hover,
.btn.btn-brand:active,
.btn.btn-brand:focus {
	border: 1px solid #EDBF5D !important;
	background: #232963;
	color: #EDBF5D;
}

.btn.btn-cta {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	background: #7FB300;
	color: #202A61;
	font-size: 15px;
	font-weight: bold;
	border: 2px solid #202A61;
	padding: 3px 24px 3px;
	margin: 0px 0px 15px;
	letter-spacing: 0.5px
}

.input-group {
	margin: 15px 0
}

.input-group .form-control {
	margin: 0px
}

.input-group .input-group-addon {
	border-color: #202A61;
	color: #202A61;
	background: #7FB300
}

.form-control {
	line-height: 30px;
	margin: 0px;
	height: 45px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #B1B1B1;
	border-color: #dedcd7 !important;
	outline: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.form-group label.error,
.form-group label.cust-error {
	color: #8b0000;
	font-size: 12px;
	padding: 3px;
	line-height: 1;
	padding: 0px;
	margin: 0px;
	padding-top: 6px;
	display: block;
	width: 100%;
	text-align: left;
	font-weight: 400
}

#leadform .form-group label.error,
#leadform .form-group label.cust-error {
	color: #fff;
	font-size: 12px;
	padding: 3px;
	line-height: 1;
	padding: 0px;
	margin: 0px;
	padding-top: 6px;
	display: block;
	width: 100%;
	text-align: left;
	font-weight: 400
}


section.dark {
	background: #202A61;
	color: #fff
}

section.dark h1,
section.dark h2,
section.dark h3,
section.dark h4,
section.dark h5,
section.dark h6 {
	color: #fff
}

.intl-tel-input {
	display: block;
	position: relaitve
}

.intl-tel-input .selected-flag {
	height: auto;
	top: 21px
}



p.footer-sub{
	width:80%; 
	margin: auto;
	font-weight: 500;
}

@media(max-width: 480px){
	p.footer-sub{
	width:100%; 
	margin-top: 5%;
	}
}

.mob-disp{
	display: block;
}

@media(max-width: 768px){
	.mob-disp{
	display: inline;
	}
}



@media (max-width: 1024px){
	h4 {
		font-size: 15px;
	}

	.highlights-section .wrapper{
		min-height: 240px;
	}
}





/* The Modal (background) */
#myModal.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
}

/* Modal Content */
#myModal .modal-content {
  position: relative;
    background-color: #212a61;
    margin: auto;
    padding: 5% 0;
    width: 35%;
    max-width: 1200px;
    text-align: center;
}

#myModal .modal-content h4{
	font-weight: 700;
	font-size: 20px;
	color: #fff;
}

#myModal .modal-text{
	padding-left: 10%;
	padding-right: 10%;
	margin-top: 15px;
	font-size: 16px;
	color: #fff;
}


/* The Close Button */
#myModal .close {
    color: #eec05d;
    position: absolute;
    top: 17%;
    right: 34%;
    font-size: 30px;
    font-weight: bold;
    padding: 5px 10px;
    opacity: 1;
    z-index: 1;
}

#myModal .close:hover,
#myModal .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

#myModal .mySlides {
  display: none;
}

#myModal .cursor {
  cursor: pointer;
}

/* Next & previous buttons */
#myModal .prev,
#myModal .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

#myModal .prev {
  left: 0;
  border-radius: 3px 0 0 3px;
}

/* Position the "next button" to the right */
#myModal .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
#myModal .prev:hover,
#myModal .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-decoration: none;
}

@media (max-width: 768px){
	#myModal .modal-content{
		width: 50%;
	}
	#myModal .close{
		right: 19%;
		right: 27%;
	}

}

@media (max-width: 480px){
	#myModal .modal-content{
		width: 80%;
	}
	#myModal .modal-content h4{
	font-size: 18px;
}

#myModal .modal-text{
	padding-left: 5%;
	padding-right: 5%;
	font-size: 15px;
}

#myModal .close{
	right: 10%;
}

}

@media (max-width: 320px){
	#myModal .modal-content{
		width: 95%;
	}

	#myModal .close{
	right: 5%;
	}


}


/* Number text (1/3 etc) */
#myModal .numbertext {
  color: #fff;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

#myModal img {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  margin: auto;
}

#myModal .caption-container {
	display: none;
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

#myModal .demo {
  opacity: 0.6;
}

#myModal .active,
#myModal .demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*.bg:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    background: rgba(31, 31, 31, 0.3);
    z-index: 0;
	}*/

.formMessage{
	display: none;
}

/*slider css : BEGIN*/

.slider-container{
	position: relative;
}

.slick-arrow {
	background: #fff;
	width: 35px;
	height: 35px;
	position: absolute;
	bottom: 0;
	top: 0;
	margin: auto;
	color: #1D1818;
	z-index: 1;
	border: 0;
	font-size: 0;
	outline: none;
	font-family: 'Glyphicons Halflings';
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.12);
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity:1;
}

@media(max-width: 425px){
	.slick-arrow{
		top: -30px;
	}
}

.slick-arrow.slick-prev {
	left: 30px
}

@media(max-width: 425px){
	.slick-arrow.slick-prev {
	left: 0
	}
}

.slick-arrow.slick-prev:before {
	font-family: 'Glyphicons Halflings';
	content: "\e257";
	color: #1D1818;
	font-size: 16px;
	line-height: 2.2
}

.slick-arrow.slick-next {
	right: 30px
}

@media(max-width: 425px){
.slick-arrow.slick-next {
	right: 0
	}
}

.slick-arrow.slick-next:before {
	font-family: 'Glyphicons Halflings';
	content: "\e258";
	color: #1D1818;
	font-size: 16px;
	line-height: 2.2
}





.slick-dots {
	text-align: center;
	padding: 0;
	margin-bottom: 15px
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 2px;
	padding: 0;
	cursor: pointer
}

.slick-dots li:only-child {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 12px;
	height: 12px;
	padding: 0px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent
}

.slick-dots li button:before,
.slick-dots li button::before {
	content: ' ';
	position: absolute;
	top: 0;
	bottom: 0px;
	left: 0;
	right: 0px;
	left: 0px;
	margin: auto auto;
	width: 6px;
	height: 6px;
	background: none;
	background: #333434;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.slick-dots li.slick-active button:before,
.slick-dots li.slick-active button::before {
	background: #0F4478;
	width: 12px;
	height: 12px
}


/*slider css : END*/

.bg{
	position: relative;
}

.posession-date{
	background: #edbf5d;
    color: #20409a;
    padding: 5px 10px;
    position: absolute;
    display: block;
    top: 15%;
    right: 0%;
}

.posession-date p{
	margin-bottom: 0px;
	line-height: 20px;
}

@media(max-width: 480px){
	.posession-date{
		top: 5%;
	}
}

@media(max-width: 320px){
	.posession-date{
		top: 0;
	}
}



.achievers-sec h4{
	padding-top: 10px;
	font-size: 22px;
}

.achievers-sec .wrapper{
	margin-bottom: 30px;
}


.heart-sec h4{
	padding-top: 10px;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 8px;
}

.heart-sec .wrapper{
	margin-bottom: 30px;
}

.heart-sec p{
	font-weight: 300;
    font-size: 15px;
    line-height: 20px;
}

.heart-sec p b{
	font-weight: 400;
	color: #000;
}

.btn-brand.btn-blue{
	background: #232963 !important;
	color: #EDBF5D !important;
	border: none !important;
	font-weight: 400;
    font-size: 16px;
}

.btn-brand.btn-blue:hover{
	background: #EDBF5D !important;
	color: #232963 !important;
	border: none !important; 
}

.reasons-sec .row{
	border: 1px solid #ddd;
	margin: 0;
}

.reasons-sec h4{
	font-weight: 400;
	padding-top: 15px;
}

.reasons-sec .border-right{
	border-right: 1px solid #ddd;
}

@media(max-width: 480px){
	.reasons-sec .border-right{
	border-bottom: 1px solid #ddd;
}
}

.reasons-sec .wrapper{
	padding: 15px 30px;
}

.reasons-sec .wrapper img{
	margin: auto;
	
}
.reasons-sec .wrapper .min-height-wrap{
	min-height: 110px;
}
.reasons-sec .wrapper .banks-wrapper img{
	margin: initial;
}
.fa-arrow-right{
	font-size: 12px;
	padding-left: 3px;
}



.btn-small{
	font-family: "Playfair Display", serif;
    font-weight: 400;
    font-size: 15px;
    padding: 2px 15px;
}

p.large{
	font-size: 18px;
	font-weight: 100;
}

.floorplan-bg{
	position: relative;
}

.floorplan-content h2{
	font-weight: 400;
	padding-top: 0;
	position: relative;
	margin-bottom: 30px;
}

.floorplan-content{
	background: rgb(33 42 97);
    /*position: absolute;
    width: 40%;*/
    height: 100%;
    bottom: 0px;
    transition: .3s all ease-in-out;
    padding: 40px 40px;
    right: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.floorplan-list{
	padding-left: 15px;
	/*margin-bottom: 30px;*/
}

.floorplan-list li{
	color: #fff;
	font-size: 17px;
	font-style: italic;
	margin-bottom: 5px;
}

.floorplan-content p{
	font-weight: 300;
	font-size: 20px;
	margin-bottom: 30px;
}

.floorplan-content p.margin-bottom-15{
	margin-bottom: 15px !important;
}

@media(max-width: 480px){
	.floorplan-content{
		position: initial;
	    transform: initial;
	    width: 100%;
	    border-radius: 0;
	    border-bottom-right-radius: 6px;
	    border-bottom-left-radius: 6px;
	    padding: 30px 25px;
	}
	.floorplan-content h2:after{
		display: none;
	}
}

#affordance-scroll {
    display: block;
    position: absolute;
    bottom: 15px;
    left: 0px;
    right: 0px;
    width: 65px;
    height: 21px;
    margin: 0px auto;
    z-index: 10;
   
}

.link-text{
	position: absolute;
    bottom: 84px;
    text-align: left;
    width: 100%;
    left: 110px;
    color: #fff;

}

#affordance-scroll .pointer {
    display: block;
    font-size: 20px;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 6px;
}


#affordance-scroll .pointer.bottom {
    top: initial;
    bottom: 25px;
}

@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}

.floating
{
	animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
@media(max-width: 480px){
	#affordance-scroll{
		display: none;
	}
	.link-text{
		display: none;
	}
}

@media(min-width: 768px){
	.padding-left-0{
		padding-left: 0px !important;
	}
	.padding-right-0{
		padding-right: 0px !important;
	}
}

.panel-default>.panel-heading{
    background-color: #fff;
}
.panel h4{
    padding-top: 0px;
    font-weight: 600;
    position: relative;
}
.panel p{
    margin-bottom: 6px;
}
.panel a:hover{
    color: #000;
}
.panel-group .panel .panel-heading .panel-title a.collapsed:after {
    content: '\002B';
}
.panel-group .panel .panel-heading .panel-title a:after {
    content: "\2212";
    color: #000;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 700;
    float: right;
    background: none;
    padding: 0 7px;
    font-size: 20px;
    border-radius: 2px;
}

.testimonial-slider .wrapper img{
    margin: auto;
    margin-bottom: 10px;
}

.testimonial-sec .fa-quote-left{
	font-size: 80px;
}

div:focus{
    outline: none;
}