/*New styles Start Here*/

/*Header section*/
.page-container .outer-container #StickyBar.sticky-bar{
	display: none !important;
}
.page-container .outer-container header.main {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  height: 100px;
  margin-top: 0;
  z-index: 999;
  padding: 10px 0 0;
  max-width: 100%;
  background: rgba(255, 255, 255, 0.75);
}
.page-container .outer-container header.main .logo {
	text-align: center;
}
.page-container .outer-container header.main nav {
	padding: 0;
  font: 800 14px/125% 'Open Sans', sans-serif;
  margin: 46px auto 0;
}
.page-container .outer-container .mobile-menu.visible-xs {
  display: none;
}
.page-container .outer-container .banner .sub-intro::after, .banner .sub-intro::before {
  width: 70px;
  height: 3px;
  background: #547fc4;
  position: absolute;
  left: 0;
  content: '';
}
.page-container .outer-container .upper-wrapper {
  height: 136vh;
}
.upper-wrapper .bg-img {
  background: url(../img/bg/banner.jpg) no-repeat 0 0/100% auto;
  /*background-position: 140px -150px;*/
}
.page-container .outer-container .banner .content {
  top: 18%;
  padding: 0 0 0 5%;
  max-width: 580px;
  position: absolute;
  z-index: 100;
}
.page-container .outer-container .banner .content .intro p{
  font: 400 22px/125% 'Source Sans Pro', sans-serif;
}
.page-container .outer-container .banner .sub-intro p{
  margin-bottom: 0;
  font-size: 17rem;
  font-weight: 400;
  text-transform: capitalize;
}
.page-container .outer-container .banner .content .step-item h1.banner-title{
  margin-bottom: 25px;
  font: 400 26rem/125% 'Roboto', sans-serif;
  color: #333;
  text-transform: capitalize;
}
.banner h1.banner-title span {
  /*color: #3935c8;*/
  color: #e08500;
  font: 400 50rem/125% 'Roboto', sans-serif;
}
.page-container .outer-container .upper-wrapper .mob-banner-img img.img-responsive{
  display: block;
  max-width: 100%;
  height: auto;
  display: none;
}
.page-container .outer-container .upper-wrapper .mob-hero-top {
  background: url(../img/bg/hero-bg.jpg) center bottom no-repeat;
  background-size: cover;
}
.page-container .outer-container #BannerForm label {
  color: #544a68;
  cursor: text;
  font: 600 14rem/125% "Open Sans",sans-serif;
  left: 0;
  padding: 14px 0 14px 24px;
  position: absolute;
  top: 8px;
  z-index: 9;
  margin: 0;
  text-transform: uppercase;
}
.page-container .outer-container #BannerForm  label span {
  color: #f9050c;
  margin: 0 0 0 4px;
}
.page-container .outer-container #BannerForm input{
  border: 2px solid #6e9adf;
}
.page-container .outer-container #BannerForm span.form-description {
  background-color: red;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: none;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(240,5,5,0.54);
  -moz-box-shadow: 0px 0px 15px 0px rgba(240,5,5,0.54);
  box-shadow: 0px 0px 15px 0px rgba(240,5,5,0.54);
  color: white;
  font: 600 14px/125% 'Source Sans Pro', sans-serif;
  padding: 3px 10px;
  position: absolute;
  right: 10px !important;
  top: 13px;
  z-index: 222;
}
.page-container .outer-container #BannerForm .field {
  margin: 0 0 20px 0;
  display: inline-block;
  width: 80%;
}
.page-container .outer-container #BannerForm .field.last-field{
  margin: 0 0 20px 0;
}
.page-container .outer-container #BannerForm .btn {
  -webkit-transition: background .2s ease;
  transition: background .2s ease;
  background: #16bdc8;
  padding: 15px;
  color: #fff;
  text-transform: uppercase;
  font: 600 20px/130% "Open Sans",sans-serif;
  display: inline-block;
}
.page-container .outer-container #BannerForm .button-wrapper.col {
  text-align: center;
  display: inline-block;
  width: 80%;
}
.page-container .outer-container #BannerForm #banner-submit {
  display: inline-block;
  width: 46%;
}
.page-container .outer-container #BannerForm span.form-description {
  background-color: red;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: none;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(240,5,5,0.54);
  -moz-box-shadow: 0px 0px 15px 0px rgba(240,5,5,0.54);
  box-shadow: 0px 0px 15px 0px rgba(240,5,5,0.54);
  color: white;
  font: 600 14px/125% 'Source Sans Pro', sans-serif;
  padding: 3px 10px;
  position: absolute;
  right: 10px !important;
  top: 13px;
  z-index: 222;
}
.page-container .outer-container #BannerForm .alert-message.success {
  background: #16bdc8;
  display: inline-block;
  position: relative;
  top: 0;
  z-index: 99;
  margin: 0;
  font: 700 18rem/125% 'Source Sans Pro', sans-serif;
  padding: 10px;
  color: #fff;
}
/*Main content section start here*/
#main-content .container > header {
  padding: 2.875em 1.875em;
  text-align: center;
  background: transparent;
}
#main-content .map-panel .item {
  text-align: left;
  font: 400 16rem/125% "Open Sans",Helvetica,Arial,sans-serif;
}
#main-content .map-panel .item.location{
  top: 42%;
}
#main-content .map-panel .item span.item-title{
  margin: 0 0 20px;
  text-align: left;
  display: block;
  font: 400 26rem/125% "Open Sans",Helvetica,Arial,sans-serif;
}
#main-content .map-panel .item .description p{
  font: 400 14rem/150% "Open Sans",Helvetica,Arial,sans-serif;
  text-align: justify;
}
#main-content .map-panel .item .step-item.ideal{
  position: relative;
  margin: -94px 0 0;
}
#main-content .map-panel .step-item .map-mobile{
  display: none;
}
#main-content .panel-location .item-title.large {
  font-size: 26rem;
  font-weight: 300;
  display: block;
  text-align: center;
  margin: 0 0 20px;
}
#main-content .content.panel-full-img {
  height: 700px;
  position: relative;
  padding: 30px 0 0;
}
#main-content .panel-full-img .item {
  position: absolute;
  left: 35%;
  top: 50px;
  max-width: 400px;
  text-align: justify;
}
/*2nd section*/
#main-content .content.panel-full-img{
  height: 330px;
  position: relative;
}
#main-content .panel-location .montage-item .floater {
  position: relative;
  width: 100%;
  display: block;
  text-align: left;
  font: 400 14rem/150% "Open Sans",Helvetica,Arial,sans-serif;
  text-align: justify;
}
#main-content #montage-outer #item-six .floater a.cta::after {
  transition: transform .2s ease-in-out;
  right: 0;
  top: 4px;
  font-size: 25px;
  width: 26px;
}
/*apartments section*/
#apartments .panel-floorplans .inner {
  zoom: 1;
  margin: 0 5%;
  width: 100%;
  display: block;
  min-height: auto;
}
/*facilities section*/
#facilities .upper .content p{
  font: 400 16rem/150% "Open Sans",Helvetica,Arial,sans-serif;
}
#PopUpview #myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}
#PopUpview #myImg:hover {opacity: 0.7;}
#PopUpview #myImg4 {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}
#PopUpview #myImg4:hover {opacity: 0.7;}
/* The Modal (background) */
#PopUpview .modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}
/* Modal Content (image) */
#PopUpview .modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}
/* Caption of Modal Image */
#PopUpview #caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}
/* Add Animation */
#PopUpview .modal-content, #caption {    
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}
#PopUpview @-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}
#PopUpview @keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}
/* The Close Button */
#PopUpview .close,#PopUpview #close2,#PopUpview #close3,#PopUpview #close4 {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}
/* #close2{
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}
 #close3{
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}
 #close4{
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}*/

#PopUpview .close:hover, .close:focus,#PopUpview #close2:hover,#close2:focus,
#PopUpview #close3:hover,#close3:focus, #PopUpview #close4:hover,#close4:focus {
  color: #bbb;text-decoration: none;cursor: pointer;
}
/*#PopUpview #close2:hover,#close2:focus {
  color: #bbb;text-decoration: none;cursor: pointer;
}
#PopUpview #close3:hover,#close3:focus {
  color: #bbb;text-decoration: none;cursor: pointer;
}
#PopUpview #close4:hover,#close4:focus {
  color: #bbb;text-decoration: none;cursor: pointer;
}*/
/*FacilitiesDetails*/
#FacilitiesDetails.panel-amenities-content .amenities-item .item-title {
  font-weight: 700;
  font-size: 12px;
  font-size: 18rem;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: #a94399;
  margin-bottom: 40px;
  padding-top: 90px;
  position: relative;
  text-align: center;
}
#FacilitiesDetails.panel-amenities-content .amenities-item ul{
  font-weight: 400;
}
/*Box slider style start here*/
.bx-wrapper{position:relative;margin:0 auto 60px;padding:0;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.bx-wrapper{-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;background:#fff}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block;*zoom:1;*display:inline}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:10px;background:url(images/controls.png) no-repeat 0 -32px}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next{right:10px;background:url(images/controls.png) no-repeat -43px -32px}.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}
/*Box slider style End here*/
#Gallery h2{
  text-transform: uppercase;
  color: #16bdc8;
}
#Gallery .website-gallery {
  height: auto;
  /*overflow: hidden;*/
  width: 100%;
  position: relative;
}
#Gallery .website-gallery .bx-wrapper{
  box-shadow:none;
  border:none;
  background:none;
  margin: 0px;
  padding: 0px;
}
.mob-content .website-gallery .bx-wrapper{
  box-shadow:none;
  border:none;
  background:none;
  margin: 0px;
  padding: 0px;
}
.mob-content .website-gallery .bx-wrapper .bx-pager {
  display: none;
}
/*#Gallery .website-gallery .bx-wrapper .bx-prev {
  background: rgba(0, 0, 0, 0) url("../img/previews-img.png") no-repeat right -2px;
}
#Gallery .website-gallery .bx-wrapper .bx-next {
  background: rgba(0, 0, 0, 0) url("../img/next-img.png") no-repeat right -2px;
}*/
#Gallery .website-gallery .bx-wrapper .bx-pager {
  display: block;
}
#Gallery .website-gallery .bx-wrapper .bx-controls {
  position: relative;
}
#Gallery .website-gallery .bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  opacity: 1;
  position: relative;
}
.floorplan-wrapper-outer .floorplan-wrapper {
  text-align: center;
  padding: 0 40px;
  min-height: 680px;
}
.floorplan-menu .sub-menu.option-6 li {
  width: 100%;
}
.floorplan-menu .sub-menu.option-4 li {
  width: 50%;
}
#Zoom .zoom {
  display:inline-block;
  position: relative;
  border: 1px solid #dbd9df;
  box-shadow: 0 0 8px 1px rgba(0,0,0,.1);
}
#Zoom .zoom:after {
  content:'';
  display:block;
  width:33px;
  height:33px;
  position:absolute;
  top:0;
  right:0;
  background:url(icon.png);
}
#Zoom .zoom img {
  display: block;
}
#Zoom .zoom img::selection { background-color: transparent; }

/*location section*/
#location.panel-map {
  color: #fff;
  height: 1200px;
  position: relative;
}
#location.panel-map h3.content-title{
  font-size: 26rem;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: 600;
}
#location .map .m-marker::before {
  display: inline-block;
  font-weight: 400;
  position: absolute;
  color: #fff;
  left: -178px;
  top: 0;
  font-size: 22px;
  content: "Daiwik Spandana";
  font: 400 18rem/125% "Open Sans",Helvetica,Arial,sans-serif;
  text-transform: uppercase;
}
#location .m-oxfordst .marker-wrapper {
  top: 95px;
  left: 7%;
}
#location .m-station .marker-wrapper {
  top: 4%;
  left: 19%;
}
#location .map .m-loftus .marker-wrapper {
  top: 14%;
  left: 24%;
}
#location .m-fwy .marker-wrapper {
  top: 22%;
  left: 33%;
}
#location .map .m-scitech .marker-wrapper {
  top: 30%;
  left: 33%;
}
#location .map .m-northbridge .marker-wrapper {
  top: 36%;
  left: 39%;
}
#location .map .m-perth .marker-wrapper {
  top: 46%;
  left: 39%;
}
#location.panel-map .content.first.drop-item{
  right: 5%;
  top: 0;
}
#location.panel-map .bg-img.cityscape {
  height: 100%;
  width: 100%;
  z-index: 0;
  position: absolute;
  background: url(../img/2-banner.jpg) center top no-repeat;
  /* background-size: cover; */
}
#location.panel-map .content.second {
  left: 500px;
  bottom: 372px;
}
.marker-wrapper .detail {
  display: none;
}
/*Imagine a Sunday like*/
#LikeHoliday.panel-timeline {
  position: relative;
  height: 100vh;
  max-height: 1100px;
}
#LikeHoliday.panel-timeline {
  position: relative;
  height: 100vh;
  max-height: 1100px;
  padding: 70px 0 0;
}
#LikeHoliday.panel-timeline .time {
  color: #fff;
  padding-bottom: 320px;
  position: relative;
  font-size: 14rem;
}
#LikeHoliday.panel-timeline .activity {
  color: #16bdc8;
  margin-bottom: 10px;
  font-size: 18rem;
}
#LikeHoliday.panel-timeline .description {
  font-size: 14rem;
  font-weight: 400;
}
/*Main content section end here*/
#ProjectStatus .progress-timeline .progress.animate .bar::before {
  width: calc(70% + 390px);
}
/*enquiry section*/
#enquiry header span.sub-title{
	font-size: 16rem;
}
#enquiry #enquire .call-item span.title{
	font-size: 20rem;
}
#enquiry #enquire #ContactUs {
  clear: both;
}
#enquiry .form-wrapper .call-item .detail {
  font-weight: 400;
  font-size: 16rem;
}
#enquiry #enquire #ContactUs label {
  color: #544a68;
  cursor: text;
  font: 400 14rem/125% "Open Sans",Helvetica,Arial,sans-serif;
  left: 0;
  padding: 14px 0 14px 24px;
  position: absolute;
  top: 8px;
  z-index: 9;
  margin: 0;
  text-transform: uppercase;
}
#enquiry #enquire #ContactUs  label span {
  color: #f9050c;
  margin: 0 0 0 4px;
}
#enquiry #enquire #ContactUs span.form-description {
  background-color: red;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: none;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(240,5,5,0.54);
  -moz-box-shadow: 0px 0px 15px 0px rgba(240,5,5,0.54);
  box-shadow: 0px 0px 15px 0px rgba(240,5,5,0.54);
  color: white;
  font: 600 14px/125% 'Source Sans Pro', sans-serif;
  padding: 3px 10px;
  position: absolute;
  right: 10px !important;
  top: 13px;
  z-index: 222;
}
#enquiry #enquire #ContactUs .field {
    margin-bottom: 20px;
}
#enquiry #enquire #ContactUs .btn {
  -webkit-transition: background .2s ease;
  transition: background .2s ease;
  font-size: 18rem;
  background: #16bdc8;
  padding: 15px;
  text-transform: uppercase;
  font-weight: 400;
}
#enquiry #enquire #ContactUs .alert-message.success {
  background: #16bdc8;
  display: inline-block;
  position: relative;
  top: 60px;
  z-index: 99;
  margin: 0 0 0 60px;
  font: 700 20rem/125% 'Source Sans Pro', sans-serif;
  padding: 10px;
  color: #fff;
}
#enquiry #ContactUs .field textarea{
  height: 214px;
}
/*PropertyInfo section*/

#PropertyInfo .developer h2.title{
	font:400 26rem/130% "Open Sans",Helvetica,Arial,sans-serif;
}
#PropertyInfo .developer p{
	font:400 16rem/170% "Open Sans",Helvetica,Arial,sans-serif;
  text-align: justify;
}
#PropertyInfo .developer img.logo{
	top: 30%;
}
#PropertyInfo .developer a.love-stories{
  display: inline-block;
  margin: 40px 0;
  width: 50%;
  padding: 20px;
  background: #0e6c8f;
  border-radius: 6px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
}
#PropertyInfo .developer a.love-stories:hover{
  background: #56afcc;
}
/*Footer section*/
#Footer .cta-bar .container{
	padding: 20px;
}
#Footer .cta-bar .logo {
  width: 350px;
  height: auto;
  position: absolute;
  top: -76px;
  left: -60px;
  z-index: 1;
}
#Footer p{
	font-size: 18rem;
  font-weight: 400;
  text-transform: uppercase;
}

/*DL MOBILE MENU START HERE*/
/* DL Mobile menu Component start here*/
.dl-menuwrapper{width:100%;max-width:300px;float:left;position:relative;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px;-webkit-perspective-origin:50% 200%;-moz-perspective-origin:50% 200%;perspective-origin:50% 200%}.dl-menuwrapper:first-child{margin-right:100px}.dl-menuwrapper button{background:#ccc;border:none;width:48px;height:45px;text-indent:-900em;overflow:hidden;position:relative;cursor:pointer;outline:none}.dl-menuwrapper button:hover,.dl-menuwrapper button.dl-active,.dl-menuwrapper ul{background:#aaa}.dl-menuwrapper button:after{content:'';position:absolute;width:68%;height:5px;background:#fff;top:10px;left:16%;box-shadow:0 10px 0 #fff,0 20px 0 #fff}.dl-menuwrapper ul{padding:0;list-style:none;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.dl-menuwrapper li{position:relative}.dl-menuwrapper li a{display:block;position:relative;padding:15px 20px;font-size:16px;line-height:20px;font-weight:300;color:#fff;outline:none}.no-touch .dl-menuwrapper li a:hover{background:rgba(255,248,213,0.1)}.dl-menuwrapper li.dl-back > a{padding-left:30px;background:rgba(0,0,0,0.1)}.dl-menuwrapper li.dl-back:after,.dl-menuwrapper li > a:not(:only-child):after{position:absolute;top:0;line-height:50px;font-family:'icomoon';speak:none;-webkit-font-smoothing:antialiased;content:"\e000"}.dl-menuwrapper li.dl-back:after{left:10px;color:rgba(212,204,198,0.3);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}.dl-menuwrapper li > a:after{right:10px;color:rgba(0,0,0,0.15)}.dl-menuwrapper .dl-menu{margin:5px 0 0;position:absolute;width:100%;opacity:0;pointer-events:none;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.dl-menuwrapper .dl-menu.dl-menu-toggle{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.dl-menuwrapper .dl-menu.dl-menuopen{opacity:1;pointer-events:auto;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px)}.dl-menuwrapper li .dl-submenu{display:none}.dl-menu.dl-subview li,.dl-menu.dl-subview li.dl-subviewopen > a,.dl-menu.dl-subview li.dl-subview > a{display:none}.dl-menu.dl-subview li.dl-subview,.dl-menu.dl-subview li.dl-subview .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li{display:block}.dl-menuwrapper > .dl-submenu{position:absolute;width:100%;top:50px;left:0;margin:0}.dl-menu.dl-animate-out-1{-webkit-animation:MenuAnimOut1 .4s linear forwards;-moz-animation:MenuAnimOut1 .4s linear forwards;animation:MenuAnimOut1 .4s linear forwards}.dl-menu.dl-animate-out-2{-webkit-animation:MenuAnimOut2 .3s ease-in-out forwards;-moz-animation:MenuAnimOut2 .3s ease-in-out forwards;animation:MenuAnimOut2 .3s ease-in-out forwards}.dl-menu.dl-animate-out-3{-webkit-animation:MenuAnimOut3 .4s ease forwards;-moz-animation:MenuAnimOut3 .4s ease forwards;animation:MenuAnimOut3 .4s ease forwards}.dl-menu.dl-animate-out-4{-webkit-animation:MenuAnimOut4 .4s ease forwards;-moz-animation:MenuAnimOut4 .4s ease forwards;animation:MenuAnimOut4 .4s ease forwards}.dl-menu.dl-animate-out-5{-webkit-animation:MenuAnimOut5 .4s ease forwards;-moz-animation:MenuAnimOut5 .4s ease forwards;animation:MenuAnimOut5 .4s ease forwards}@-webkit-keyframes MenuAnimOut1{50%{-webkit-transform:translateZ(-250px) rotateY(30deg)}75%{-webkit-transform:translateZ(-372.5px) rotateY(15deg);opacity:.5}100%{-webkit-transform:translateZ(-500px) rotateY(0deg);opacity:0}}@-webkit-keyframes MenuAnimOut2{100%{-webkit-transform:translateX(-100%);opacity:0}}@-webkit-keyframes MenuAnimOut3{100%{-webkit-transform:translateZ(300px);opacity:0}}@-webkit-keyframes MenuAnimOut4{100%{-webkit-transform:translateZ(-300px);opacity:0}}@-webkit-keyframes MenuAnimOut5{100%{-webkit-transform:translateY(40%);opacity:0}}@-moz-keyframes MenuAnimOut1{50%{-moz-transform:translateZ(-250px) rotateY(30deg)}75%{-moz-transform:translateZ(-372.5px) rotateY(15deg);opacity:.5}100%{-moz-transform:translateZ(-500px) rotateY(0deg);opacity:0}}@-moz-keyframes MenuAnimOut2{100%{-moz-transform:translateX(-100%);opacity:0}}@-moz-keyframes MenuAnimOut3{100%{-moz-transform:translateZ(300px);opacity:0}}@-moz-keyframes MenuAnimOut4{100%{-moz-transform:translateZ(-300px);opacity:0}}@-moz-keyframes MenuAnimOut5{100%{-moz-transform:translateY(40%);opacity:0}}@keyframes MenuAnimOut1{50%{transform:translateZ(-250px) rotateY(30deg)}75%{transform:translateZ(-372.5px) rotateY(15deg);opacity:.5}100%{transform:translateZ(-500px) rotateY(0deg);opacity:0}}@keyframes MenuAnimOut2{100%{transform:translateX(-100%);opacity:0}}@keyframes MenuAnimOut3{100%{transform:translateZ(300px);opacity:0}}@keyframes MenuAnimOut4{100%{transform:translateZ(-300px);opacity:0}}@keyframes MenuAnimOut5{100%{transform:translateY(40%);opacity:0}}.dl-menu.dl-animate-in-1{-webkit-animation:MenuAnimIn1 .3s linear forwards;-moz-animation:MenuAnimIn1 .3s linear forwards;animation:MenuAnimIn1 .3s linear forwards}.dl-menu.dl-animate-in-2{-webkit-animation:MenuAnimIn2 .3s ease-in-out forwards;-moz-animation:MenuAnimIn2 .3s ease-in-out forwards;animation:MenuAnimIn2 .3s ease-in-out forwards}.dl-menu.dl-animate-in-3{-webkit-animation:MenuAnimIn3 .4s ease forwards;-moz-animation:MenuAnimIn3 .4s ease forwards;animation:MenuAnimIn3 .4s ease forwards}.dl-menu.dl-animate-in-4{-webkit-animation:MenuAnimIn4 .4s ease forwards;-moz-animation:MenuAnimIn4 .4s ease forwards;animation:MenuAnimIn4 .4s ease forwards}.dl-menu.dl-animate-in-5{-webkit-animation:MenuAnimIn5 .4s ease forwards;-moz-animation:MenuAnimIn5 .4s ease forwards;animation:MenuAnimIn5 .4s ease forwards}@-webkit-keyframes MenuAnimIn1{0%{-webkit-transform:translateZ(-500px) rotateY(0deg);opacity:0}20%{-webkit-transform:translateZ(-250px) rotateY(30deg);opacity:.5}100%{-webkit-transform:translateZ(0px) rotateY(0deg);opacity:1}}@-webkit-keyframes MenuAnimIn2{0%{-webkit-transform:translateX(-100%);opacity:0}100%{-webkit-transform:translateX(0px);opacity:1}}@-webkit-keyframes MenuAnimIn3{0%{-webkit-transform:translateZ(300px);opacity:0}100%{-webkit-transform:translateZ(0px);opacity:1}}@-webkit-keyframes MenuAnimIn4{0%{-webkit-transform:translateZ(-300px);opacity:0}100%{-webkit-transform:translateZ(0px);opacity:1}}@-webkit-keyframes MenuAnimIn5{0%{-webkit-transform:translateY(40%);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@-moz-keyframes MenuAnimIn1{0%{-moz-transform:translateZ(-500px) rotateY(0deg);opacity:0}20%{-moz-transform:translateZ(-250px) rotateY(30deg);opacity:.5}100%{-moz-transform:translateZ(0px) rotateY(0deg);opacity:1}}@-moz-keyframes MenuAnimIn2{0%{-moz-transform:translateX(-100%);opacity:0}100%{-moz-transform:translateX(0px);opacity:1}}@-moz-keyframes MenuAnimIn3{0%{-moz-transform:translateZ(300px);opacity:0}100%{-moz-transform:translateZ(0px);opacity:1}}@-moz-keyframes MenuAnimIn4{0%{-moz-transform:translateZ(-300px);opacity:0}100%{-moz-transform:translateZ(0px);opacity:1}}@-moz-keyframes MenuAnimIn5{0%{-moz-transform:translateY(40%);opacity:0}100%{-moz-transform:translateY(0);opacity:1}}@keyframes MenuAnimIn1{0%{transform:translateZ(-500px) rotateY(0deg);opacity:0}20%{transform:translateZ(-250px) rotateY(30deg);opacity:.5}100%{transform:translateZ(0px) rotateY(0deg);opacity:1}}@keyframes MenuAnimIn2{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0px);opacity:1}}@keyframes MenuAnimIn3{0%{transform:translateZ(300px);opacity:0}100%{transform:translateZ(0px);opacity:1}}@keyframes MenuAnimIn4{0%{transform:translateZ(-300px);opacity:0}100%{transform:translateZ(0px);opacity:1}}@keyframes MenuAnimIn5{0%{transform:translateY(40%);opacity:0}100%{transform:translateY(0);opacity:1}}.dl-menuwrapper > .dl-submenu.dl-animate-in-1{-webkit-animation:SubMenuAnimIn1 .4s ease forwards;-moz-animation:SubMenuAnimIn1 .4s ease forwards;animation:SubMenuAnimIn1 .4s ease forwards}.dl-menuwrapper > .dl-submenu.dl-animate-in-2{-webkit-animation:SubMenuAnimIn2 .3s ease-in-out forwards;-moz-animation:SubMenuAnimIn2 .3s ease-in-out forwards;animation:SubMenuAnimIn2 .3s ease-in-out forwards}.dl-menuwrapper > .dl-submenu.dl-animate-in-3{-webkit-animation:SubMenuAnimIn3 .4s ease forwards;-moz-animation:SubMenuAnimIn3 .4s ease forwards;animation:SubMenuAnimIn3 .4s ease forwards}.dl-menuwrapper > .dl-submenu.dl-animate-in-4{-webkit-animation:SubMenuAnimIn4 .4s ease forwards;-moz-animation:SubMenuAnimIn4 .4s ease forwards;animation:SubMenuAnimIn4 .4s ease forwards}.dl-menuwrapper > .dl-submenu.dl-animate-in-5{-webkit-animation:SubMenuAnimIn5 .4s ease forwards;-moz-animation:SubMenuAnimIn5 .4s ease forwards;animation:SubMenuAnimIn5 .4s ease forwards}@-webkit-keyframes SubMenuAnimIn1{0%{-webkit-transform:translateX(50%);opacity:0}100%{-webkit-transform:translateX(0px);opacity:1}}@-webkit-keyframes SubMenuAnimIn2{0%{-webkit-transform:translateX(100%);opacity:0}100%{-webkit-transform:translateX(0px);opacity:1}}@-webkit-keyframes SubMenuAnimIn3{0%{-webkit-transform:translateZ(-300px);opacity:0}100%{-webkit-transform:translateZ(0px);opacity:1}}@-webkit-keyframes SubMenuAnimIn4{0%{-webkit-transform:translateZ(300px);opacity:0}100%{-webkit-transform:translateZ(0px);opacity:1}}@-webkit-keyframes SubMenuAnimIn5{0%{-webkit-transform:translateZ(-200px);opacity:0}100%{-webkit-transform:translateZ(0);opacity:1}}@-moz-keyframes SubMenuAnimIn1{0%{-moz-transform:translateX(50%);opacity:0}100%{-moz-transform:translateX(0px);opacity:1}}@-moz-keyframes SubMenuAnimIn2{0%{-moz-transform:translateX(100%);opacity:0}100%{-moz-transform:translateX(0px);opacity:1}}@-moz-keyframes SubMenuAnimIn3{0%{-moz-transform:translateZ(-300px);opacity:0}100%{-moz-transform:translateZ(0px);opacity:1}}@-moz-keyframes SubMenuAnimIn4{0%{-moz-transform:translateZ(300px);opacity:0}100%{-moz-transform:translateZ(0px);opacity:1}}@-moz-keyframes SubMenuAnimIn5{0%{-moz-transform:translateZ(-200px);opacity:0}100%{-moz-transform:translateZ(0);opacity:1}}@keyframes SubMenuAnimIn1{0%{transform:translateX(50%);opacity:0}100%{transform:translateX(0px);opacity:1}}@keyframes SubMenuAnimIn2{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0px);opacity:1}}@keyframes SubMenuAnimIn3{0%{transform:translateZ(-300px);opacity:0}100%{transform:translateZ(0px);opacity:1}}@keyframes SubMenuAnimIn4{0%{transform:translateZ(300px);opacity:0}100%{transform:translateZ(0px);opacity:1}}@keyframes SubMenuAnimIn5{0%{transform:translateZ(-200px);opacity:0}100%{transform:translateZ(0);opacity:1}}.dl-menuwrapper > .dl-submenu.dl-animate-out-1{-webkit-animation:SubMenuAnimOut1 .4s ease forwards;-moz-animation:SubMenuAnimOut1 .4s ease forwards;animation:SubMenuAnimOut1 .4s ease forwards}.dl-menuwrapper > .dl-submenu.dl-animate-out-2{-webkit-animation:SubMenuAnimOut2 .3s ease-in-out forwards;-moz-animation:SubMenuAnimOut2 .3s ease-in-out forwards;animation:SubMenuAnimOut2 .3s ease-in-out forwards}.dl-menuwrapper > .dl-submenu.dl-animate-out-3{-webkit-animation:SubMenuAnimOut3 .4s ease forwards;-moz-animation:SubMenuAnimOut3 .4s ease forwards;animation:SubMenuAnimOut3 .4s ease forwards}.dl-menuwrapper > .dl-submenu.dl-animate-out-4{-webkit-animation:SubMenuAnimOut4 .4s ease forwards;-moz-animation:SubMenuAnimOut4 .4s ease forwards;animation:SubMenuAnimOut4 .4s ease forwards}.dl-menuwrapper > .dl-submenu.dl-animate-out-5{-webkit-animation:SubMenuAnimOut5 .4s ease forwards;-moz-animation:SubMenuAnimOut5 .4s ease forwards;animation:SubMenuAnimOut5 .4s ease forwards}@-webkit-keyframes SubMenuAnimOut1{0%{-webkit-transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(50%);opacity:0}}@-webkit-keyframes SubMenuAnimOut2{0%{-webkit-transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(100%);opacity:0}}@-webkit-keyframes SubMenuAnimOut3{0%{-webkit-transform:translateZ(0px);opacity:1}100%{-webkit-transform:translateZ(-300px);opacity:0}}@-webkit-keyframes SubMenuAnimOut4{0%{-webkit-transform:translateZ(0px);opacity:1}100%{-webkit-transform:translateZ(300px);opacity:0}}@-webkit-keyframes SubMenuAnimOut5{0%{-webkit-transform:translateZ(0);opacity:1}100%{-webkit-transform:translateZ(-200px);opacity:0}}@-moz-keyframes SubMenuAnimOut1{0%{-moz-transform:translateX(0%);opacity:1}100%{-moz-transform:translateX(50%);opacity:0}}@-moz-keyframes SubMenuAnimOut2{0%{-moz-transform:translateX(0%);opacity:1}100%{-moz-transform:translateX(100%);opacity:0}}@-moz-keyframes SubMenuAnimOut3{0%{-moz-transform:translateZ(0px);opacity:1}100%{-moz-transform:translateZ(-300px);opacity:0}}@-moz-keyframes SubMenuAnimOut4{0%{-moz-transform:translateZ(0px);opacity:1}100%{-moz-transform:translateZ(300px);opacity:0}}@-moz-keyframes SubMenuAnimOut5{0%{-moz-transform:translateZ(0);opacity:1}100%{-moz-transform:translateZ(-200px);opacity:0}}@keyframes SubMenuAnimOut1{0%{transform:translateX(0%);opacity:1}100%{transform:translateX(50%);opacity:0}}@keyframes SubMenuAnimOut2{0%{transform:translateX(0%);opacity:1}100%{transform:translateX(100%);opacity:0}}@keyframes SubMenuAnimOut3{0%{transform:translateZ(0px);opacity:1}100%{transform:translateZ(-300px);opacity:0}}@keyframes SubMenuAnimOut4{0%{transform:translateZ(0px);opacity:1}100%{transform:translateZ(300px);opacity:0}}@keyframes SubMenuAnimOut5{0%{transform:translateZ(0);opacity:1}100%{transform:translateZ(-200px);opacity:0}}.no-js .dl-menuwrapper .dl-menu{position:relative;opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}.no-js .dl-menuwrapper li .dl-submenu{display:block}.no-js .dl-menuwrapper li.dl-back{display:none}.no-js .dl-menuwrapper li > a:not(:only-child){background:rgba(0,0,0,0.1)}.no-js .dl-menuwrapper li > a:not(:only-child):after{content:''}.demo-1 .dl-menuwrapper button{background:#c62860}.demo-1 .dl-menuwrapper button:hover,.demo-1 .dl-menuwrapper button.dl-active,.demo-1 .dl-menuwrapper ul{background:#9e1847}.demo-2 .dl-menuwrapper button{background:#e86814}.demo-2 .dl-menuwrapper button:hover,.demo-2 .dl-menuwrapper button.dl-active,.demo-2 .dl-menuwrapper ul{background:#D35400}.demo-3 .dl-menuwrapper button{background:#08cbc4}.demo-3 .dl-menuwrapper button:hover,.demo-3 .dl-menuwrapper button.dl-active,.demo-3 .dl-menuwrapper ul{background:#00b4ae}.demo-4 .dl-menuwrapper button{background:#90b912}.demo-4 .dl-menuwrapper button:hover,.demo-4 .dl-menuwrapper button.dl-active,.demo-4 .dl-menuwrapper ul{background:#79a002}.demo-5 .dl-menuwrapper button{background:#744783}.demo-5 .dl-menuwrapper button:hover,.demo-5 .dl-menuwrapper button.dl-active,.demo-5 .dl-menuwrapper ul{background:#643771}
/* DL Mobile menu Default start here*/
.main,.container > header{width:100%;margin:0 auto;padding:0 1.875em 3.125em}.main{max-width:69em;padding-top:2em}.column{float:left;width:50%;padding:0 2em;min-height:300px;min-width:320px;position:relative}.column:nth-child(2){min-height:400px;box-shadow:-1px 0 0 rgba(0,0,0,0.1);background:url(../images/clickhere.png) 90px 0 no-repeat}.column:last-child:before{content:'';position:absolute;height:7px;background:#ceccc6;top:100px;left:10px}.column p{font-weight:300;font-size:2em;padding:0;margin:0;text-align:right;line-height:1.5}.container > header{padding:2.875em 1.875em;text-align:center;background:rgba(0,0,0,0.01)}.container > header h1{font-size:2.625em;line-height:1.3;margin:0;color:#89867e;font-weight:300}.container > header span{display:block;font-size:60%;color:#ceccc6;padding:0 0 .6em .1em}.codrops-top{background:#fff;background:rgba(255,255,255,0.95);text-transform:uppercase;position:relative;font-size:.68em;box-shadow:1px 0 2px rgba(0,0,0,0.2);line-height:2.2}.codrops-top a{padding:0 1em;letter-spacing:.1em;color:#333;display:inline-block}.codrops-top a:hover{background:rgba(255,255,255,0.99);color:#000}.codrops-top span.right{float:right}.codrops-top span.right a{float:left;display:block}.codrops-demos{padding-top:1em;font-size:.9em}.codrops-demos a{display:inline-block;margin:.5em;padding:.7em 1.1em;border:3px solid #b1aea6;color:#b1aea6;font-weight:700}.codrops-demos a:hover,.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover{border-color:#89867e;color:#89867e}@media screen and (max-width: 46.0625em){.main{padding:0}.column{width:100%;min-width:auto;min-height:auto;padding:3em 2em}.column p{text-align:left;font-size:1.5em}.column:nth-child(2){box-shadow:0 -1px 0 rgba(0,0,0,0.1);background-position:90px 3em}}
/*DL MOBILE MENU END HERE*/

#MobBtmMenu{
  display: none;
  position: relative;
}
#MobBtmMenu .mobile-menu{
  display: inline-block;
  z-index: 999;
  position: fixed;
  width: 100%;
  bottom: 0;
  font:400 14rem/130% "Open Sans",Helvetica,Arial,sans-serif;
  background: #f8f8f8;
  padding: 4px 15px;
}
#MobBtmMenu .mobile-menu ul{
  margin: 0;
  padding: 0;
  line-height: normal;
}
#MobBtmMenu .mobile-menu ul li{
  display: inline-block;
  text-align: center;
  text-transform: capitalize;
  padding: 0 34px 0 0;
}
#MobBtmMenu .mobile-menu ul li.scroll{
  padding: 0;
}
#MobBtmMenu .mobile-menu ul li a{
  color: #8c8c8c;
}
#MobBtmMenu .mobile-menu ul li a.active{
  color: #005eff;
}
#MobBtmMenu .mobile-menu ul li a:hover{
  color: #005eff;
}
#MobBtmMenu .mobile-menu ul li i.fa{
  display: block;
  font-size: 20rem;
  padding: 0 0 10px;
}
/*Popup Styles start Here*/
#ac-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background: rgba(255, 255, 255, .6);*/
  background: url("../img/bg/mob-hero-bg.jpg") no-repeat scroll 0 0/100% auto;
  z-index: 1001;
}
#popup {
  width: 100%;
  height: 100%;
  background: #78b741;
 /* border: 2px solid #000;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  box-shadow: #64686e 0px 0px 3px 3px;
  -moz-box-shadow: #64686e 0px 0px 3px 3px;
  -webkit-box-shadow: #64686e 0px 0px 3px 3px;*/
  position: relative;
  top: 0;
  left: 0;
  padding: 0 30px;
}
#popup .popup-content {
  width: 100%;
  margin: 0px auto;
  height: 100%;
  top: 10%;
  position: relative;
  color: #fff;
}
#popup .popup-content h2 {
  display: inline-block;
  /*float: left;*/
  padding: 0 0 20px;
}
#popup .popup-content a{
  float: right;
  text-decoration: none;
  color: #fff;
  font: 400 50px/130% 'Open Sans', sans-serif;
}
#popup .popup-content a i.fa{
  background: url("../img/close.png") no-repeat scroll 0 0/100% auto;
  width: 40px;
  height: 40px;
}
#popup .popup-content .content-section {
  position: relative;
  top: 16%;
}
#popup .popup-content .content-section img.img-responsive{
  width: 100%;
}
#popup .popup-content #RequestForDemo {
  text-align: center;
  font:400 18px/130% 'Open Sans', sans-serif;
}
#popup .popup-content #RequestForDemo h2{
  font:400 30px/130% 'Open Sans', sans-serif;
  padding: 0 0 30px;
}
#popup .popup-content #RequestForDemo h3{
  padding: 0 0 30px;
  font: 400 30px/130% 'Source Sans Pro', sans-serif;
}
#popup .popup-content #RequestForDemo label {
  color: #544a68;
  cursor: text;
  font: 300 14rem/125% "Open Sans",Helvetica,Arial,sans-serif;
  left: 0;
  padding: 14px 0 14px 24px;
  position: absolute;
  top: 8px;
  z-index: 9;
  margin: 0;
}
#popup .popup-content #RequestForDemo  label span {
  color: #f9050c;
  margin: 0 0 0 4px;
}
#popup .popup-content #RequestForDemo span.form-description {
  background-color: red;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: none;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(240,5,5,0.54);
  -moz-box-shadow: 0px 0px 15px 0px rgba(240,5,5,0.54);
  box-shadow: 0px 0px 15px 0px rgba(240,5,5,0.54);
  color: white;
  font: 600 14px/125% 'Source Sans Pro', sans-serif;
  padding: 3px 10px;
  position: absolute;
  right: 10px !important;
  top: 13px;
  z-index: 222;
}
#popup .popup-content #RequestForDemo .field {
  margin: 0 22px 20px 0;
  display: inline-block;
}
#popup .popup-content #RequestForDemo .field.last-field{
  margin: 0 0 20px 0;
}
#popup .popup-content #RequestForDemo .btn {
  -webkit-transition: background .2s ease;
  transition: background .2s ease;
  font-size: 18px;
  font-size: 18rem;
  background: #fff;
  padding: 15px;
  color: #78b741;
  text-transform: capitalize;
}
#popup .popup-content #RequestForDemo .button-wrapper.col {
  text-align: center;
}
#popup .popup-content #RequestForDemo #contact-submit {
  display: inline-block;
}
#popup .popup-content #RequestForDemo span.form-description {
  background-color: red;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: none;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(240,5,5,0.54);
  -moz-box-shadow: 0px 0px 15px 0px rgba(240,5,5,0.54);
  box-shadow: 0px 0px 15px 0px rgba(240,5,5,0.54);
  color: white;
  font: 600 14px/125% 'Source Sans Pro', sans-serif;
  padding: 3px 10px;
  position: absolute;
  right: 10px !important;
  top: 13px;
  z-index: 222;
}
#popup .popup-content #RequestForDemo .alert-message.success {
  background: #16bdc8;
  display: inline-block;
  position: relative;
  top: 60px;
  z-index: 99;
  margin: 0 0 0 60px;
  font: 700 20rem/125% 'Source Sans Pro', sans-serif;
  padding: 10px;
  color: #fff;
}
/* arrow icon (span tag) */
#Footer #back-top {
  position: fixed;
  bottom: 1px;
  right: 100px;
}
#Footer #back-top a {
  display: block;
  text-align: center;
  font: 11px/100% Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #bbb;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}
#Footer #back-top a:hover {
  color: #000;
}
#Footer #back-top span {
  width: 50px;
  height: 50px;
  display: block;
  margin-bottom: 7px;
  background: url(../img/arrow.png) no-repeat center center;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
  background-color: #939393;
}
/*new form styles*/

.form-success, .form-error,.form-success1 {
   position: absolute !important;
   width: 50%;
   z-index: 20;
   background: #a83a3a;
   color: #fff;
   border-radius: 3px;
   padding: 8px;
   display: none;
}

.form-error {
   margin-top: 1.5625em;
   padding: 0.78125em;
   background: #D84D4D;
   color: #fff;
   position: fixed;
   min-width: 350px;
   left: 50%;
   bottom: -0.4375em;
   transform: translate3d(-50%, 0, 0);
   -webkit-transform: translate3d(-50%, 0, 0);
   z-index: 999;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
   font: 400 20rem/125% 'Source Sans Pro', sans-serif;
   line-height: 1.625em;
   text-align: center;
}
.form-success,.form-success1 {
   background: #3aa844;
}
.form-success,.form-success1 {
   margin-top: 1.5625em;
   padding: 0.78125em;
   background: #1DC020;
   color: #fff;
   position: fixed;
   min-width: 350px;
   left: 50%;
   bottom: 1.5625em;
   transform: translate3d(-50%, 0, 0);
   -webkit-transform: translate3d(-50%, 0, 0);
   z-index: 999;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
/*Sales form styles sheet start Here*/
/*Banner Form*/
.page-container .outer-container #BannerForm .selldof .title{
  display: none;
}
.page-container .outer-container #BannerForm .selldof .selldof_row {
  margin: 0 0 20px 0;
  display: inline-block;
  width: 80%;
}
.page-container .outer-container #BannerForm .selldof .selldof_row .selldof_field-container{
  padding: 0;
}
.page-container .outer-container #BannerForm .selldof .selldof_row .selldof_field-container .form-group {
  text-align: center;
  margin: 0;
}
.page-container .outer-container #BannerForm .selldof .selldof_row .selldof_field-container
.selldof .form-control,
.page-container .outer-container #BannerForm .selldof .selldof_row .selldof_field-container .sell_do_form_control,
.page-container .outer-container #BannerForm .selldof .selldof_row .selldof_field-container input {
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #e9e8ec;
  line-height: 1.4;
  width: 100%;
  display: block;
  color: #544a68;
  -webkit-transition: border .2s ease,box-shadow .2s ease,color .2s ease;
  transition: border .2s ease,box-shadow .2s ease,color .2s ease;
  padding: 18px 24px;
  border-radius: 0;
  border: 2px solid #6e9adf;
  height: auto;
  font: 600 14rem/125% "Open Sans",sans-serif;
  color: #544a68;
  text-transform: uppercase;
}
.page-container .outer-container #BannerForm .selldof .selldof_row .selldof_field-container label {
  display: none;
}
.page-container .outer-container #BannerForm .selldof .selldof_row .selldof_field-container
.help-block{
  background-color: red;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: none;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(240,5,5,0.54);
  -moz-box-shadow: 0px 0px 15px 0px rgba(240,5,5,0.54);
  box-shadow: 0px 0px 15px 0px rgba(240,5,5,0.54);
  color: white;
  font: 600 14px/125% 'Source Sans Pro', sans-serif;
  padding: 3px 10px;
  position: absolute;
  right: 10px !important;
  top: 13px;
  z-index: 222;
  margin: 0;
}
.page-container .outer-container #BannerForm .selldof .selldof_row .selldof_field-container .form-group
.btn{
  display: inline-block;
  width: 46%;
  -webkit-transition: background .2s ease;
  transition: background .2s ease;
  background: #16bdc8;
  padding: 15px;
  color: #fff;
  text-transform: uppercase;
  font: 600 20px/130% "Open Sans",sans-serif;
  display: inline-block;
  border:none;
}
.page-container .outer-container #BannerForm .sell_do_form_container .thankyou{
  background: #16bdc8;
  display: inline-block;
  position: relative;
  top: 0;
  z-index: 99;
  margin: 0;
  font: 700 18rem/125% 'Source Sans Pro', sans-serif;
  padding: 10px;
  color: #fff;
 }
 /*Popup sales form*/
#RequestForDemo .selldof .title{
  display: none;
}
#RequestForDemo .selldof .selldof_row {
  display: inline-block;
  width: 26%;
  margin: 0 20px 0 0;
}
#RequestForDemo .selldof .selldof_row .selldof_field-container{
  padding: 0;
  float: none;
}
#RequestForDemo .selldof .selldof_row .selldof_field-container .form-group {
  text-align: center;
  margin: 0;
}
#RequestForDemo .selldof .selldof_row .selldof_field-container
.selldof .form-control,
#RequestForDemo .selldof .selldof_row .selldof_field-container .sell_do_form_control,
#RequestForDemo .selldof .selldof_row .selldof_field-container input {
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #e9e8ec;
  line-height: 1.4;
  width: 100%;
  display: block;
  color: #544a68;
  -webkit-transition: border .2s ease,box-shadow .2s ease,color .2s ease;
  transition: border .2s ease,box-shadow .2s ease,color .2s ease;
  padding: 18px 24px;
  border-radius: 0;
  border: 2px solid #6e9adf;
  height: auto;
  font: 600 14rem/125% "Open Sans",sans-serif;
  color: #544a68;
  text-transform: uppercase;
}
#RequestForDemo .selldof .selldof_row .selldof_field-container label {
  display: none;
}
#RequestForDemo .selldof .selldof_row .selldof_field-container
.help-block{
  background-color: red;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: none;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(240,5,5,0.54);
  -moz-box-shadow: 0px 0px 15px 0px rgba(240,5,5,0.54);
  box-shadow: 0px 0px 15px 0px rgba(240,5,5,0.54);
  color: white;
  font: 600 14px/125% 'Source Sans Pro', sans-serif;
  padding: 3px 10px;
  position: absolute;
  right: 10px !important;
  top: 13px;
  z-index: 222;
  margin: 0;
}
#RequestForDemo .selldof .selldof_row .selldof_field-container .form-group
.btn{
  display: inline-block;
  width: 46%;
  -webkit-transition: background .2s ease;
  transition: background .2s ease;
  background: #16bdc8;
  padding: 15px;
  color: #fff;
  text-transform: uppercase;
  font: 600 20px/130% "Open Sans",sans-serif;
  display: inline-block;
  border:none;
  margin: 20px 0 0;
}
#RequestForDemo .sell_do_form_container .thankyou{
  background: #16bdc8;
  display: inline-block;
  position: relative;
  top: 0;
  z-index: 99;
  margin: 0;
  font: 700 18rem/125% 'Source Sans Pro', sans-serif;
  padding: 10px;
  color: #fff;
 }
 /*Contactus Form*/
 #ContactUs .selldof .title{
  display: none;
}
#ContactUs .selldof .selldof_row {
  margin: 0 0 20px 0;
  display: inline-block;
  width: 100%;
}
#ContactUs .selldof .selldof_row .selldof_field-container{
  padding: 0;
}
#ContactUs .selldof .selldof_row .selldof_field-container .form-group {
  text-align: left;
  margin: 0;
}
#ContactUs .selldof .selldof_row .selldof_field-container
.selldof .form-control,
#ContactUs .selldof .selldof_row .selldof_field-container .sell_do_form_control,
#ContactUs .selldof .selldof_row .selldof_field-container input {
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #e9e8ec;
  line-height: 1.4;
  width: 100%;
  display: block;
  color: #544a68;
  -webkit-transition: border .2s ease,box-shadow .2s ease,color .2s ease;
  transition: border .2s ease,box-shadow .2s ease,color .2s ease;
  padding: 18px 24px;
  border-radius: 0;
  height: auto;
  font: 400 14rem/125% "Open Sans",Helvetica,Arial,sans-serif;
  color: #544a68;
  text-transform: uppercase;
  border-top: none;
}
#ContactUs .selldof .selldof_row .selldof_field-container label {
  display: none;
}
#ContactUs .selldof .selldof_row .selldof_field-container
.help-block{
  background-color: red;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: none;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(240,5,5,0.54);
  -moz-box-shadow: 0px 0px 15px 0px rgba(240,5,5,0.54);
  box-shadow: 0px 0px 15px 0px rgba(240,5,5,0.54);
  color: white;
  font: 600 14px/125% 'Source Sans Pro', sans-serif;
  padding: 3px 10px;
  position: absolute;
  right: 10px !important;
  top: 13px;
  z-index: 222;
  margin: 0;
}
#ContactUs .selldof .selldof_row .selldof_field-container .form-group
.btn{
  display: inline-block;
  width: 46%;
  -webkit-transition: background .2s ease;
  transition: background .2s ease;
  background: #16bdc8;
  padding: 15px;
  color: #fff;
  text-transform: uppercase;
  font: 600 20px/130% "Open Sans",sans-serif;
  display: inline-block;
  border:none;
}
#ContactUs .sell_do_form_container .thankyou{
  background: #16bdc8;
  display: inline-block;
  position: relative;
  top: 0;
  z-index: 99;
  margin: 0;
  font: 700 18rem/125% 'Source Sans Pro', sans-serif;
  padding: 10px;
  color: #fff;
 }
 /*Sales form styles sheet End Here*/