body {
		background: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    color:#000;
	}

html,body {
  width: 100%;
  overflow-x: hidden;
}

html {
  font-size: 100%;
}







/*----------multi text include slider code start------------------*/


.slide {
  width:100%;
  background-position:center center;
  height:100vh;
  float: left;
  background-size:cover;  
  position: relative;
}
#slide {
  width:100%;
  height:100vh;
}
.fadeslider{
  border-radius:3px;
   text-align:center;
}

.fix-banner {
display: table;
width: 100%;
height: 550px;
background-size: auto auto;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
position: relative;
}

.thankslider{
  position: absolute;
  top:0;
  width:100%;
  display:none;
}

.fadeslider .slide{
  position: absolute;
  top:0;
  width:100%;
  display:none;
}
.fadeslider .slide:nth-child(1){
    display:block;
}
.fadeslider .slide .text{
  position: absolute;
  color:#fff;
  width:98%;
  font-weight:600;
  text-align:left;
  text-shadow:2px 2px 2px #444;
  font-size:50px;
  top:8%;
  font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}

#s1 {
	  animation-name: dropHeader;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 0.8s;
	margin-top:22%;
	text-align:left;
	font-family:bannertxt;
	font-weight:bold;
	line-height:66px;
	margin-left:4%;
	font-size:45px;
}
#s1 span {
	  animation-name: dropHeader;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 0.8s;
	margin-top:14%;
	font-family: Goudy Old Style,Garamond,Big Caslon,Times New Roman,serif; 
	text-align:left;
	font-size:25px;
}
#s1 h2 {
	animation-name: dropHeader;
        animation-iteration-count: 1;
        animation-timing-function: ease-out;
        animation-duration: 0.8s;
	margin-top:1.5%;
	
	font-weight:bold;
	margin-bottom:3%;
	text-align:left;
	font-size:32px;
	font-size:35px;
}

#s2 {
	 animation-name: dropHeader2;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 0.8s;
	margin-top:8%;
	text-align:left;
	margin-left:13%;
}

#s2 span {	
	font-size:20px;
	padding:8px 25px;
	background-color:#ff6600;
	margin:15px;
	border-radius:6px;
	font-family: Impact,Haettenschweiler,Franklin Gothic Bold,Charcoal,Helvetica Inserat,Bitstream Vera Sans Bold,Arial Black,sans serif;
	font-weight:200;
    position:relative;  
}

.display-none {
	display:none!important;

}

/*#s2 span::after {
    content:"";
    position:absolute;
    top:-1px;
    right:-17%;
    width: 0; 
    height: 0; 
    border-bottom: 42px solid #222; 
    border-right: 30px solid transparent; 
}*/

#s3 {
	  animation-name: dropHeader3;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 1.7s;
	margin-top:50%;
	font-size:50px;
}

/*@-moz-keyframes dropHeader {
     0% {
        -moz-transform: translateY(-80px);
		opacity:0.5;
    }
    100% {
        -moz-transform: translateY(0);
    }
}


@-moz-keyframes dropHeader2 {
   
	0% {
        -moz-transform: translateY(0px);
		opacity:0;
    }
	30% {
        -moz-transform: translateX(-180px);
		opacity:0;
    }
    100% {
        -moz-transform: translateY(0);
    }
}

@-moz-keyframes dropHeader3 {
   
	0% {
        -moz-transform: translateY(0px);
		opacity:0;
    }
	50% {
        -moz-transform: translateY(-80px);
		opacity:0;
    }
    100% {
        -moz-transform: translateY(0);
    }
}*/


.fadeslider .slide .text3{
  position: absolute;
  top:0;
  /*width:35%;
  line-height:470px;*/
  color:#ff6600;
  font-weight:600;
  text-align:left;
  padding-left:10%;
  text-shadow:2px 2px 2px #333;
  /*background:rgba(0,0,0,0.1);*/
  font-size:40px;
  top:20%;
  font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}

.fadeslider .slide .text2{
  position: absolute;
  top:0;
  /*width:25%;
  line-height:470px;*/
  color:#ff6600;
  font-weight:600;
  text-align:left;
  float:right;
  padding-left:60%;
  text-shadow:2px 2px 2px #333;
  /*background:rgba(0,0,0,0.1);*/
  font-size:40px;
  top:20%;
  font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}

.fadeslider .slide .text4{
  position: absolute;
  top:0;
  /*width:40%;
  line-height:470px;*/
  color:#ff6600;
  font-weight:600;
  text-align:left;
  float:right;
  padding-left:50%;
  text-shadow:2px 2px 2px #333;
  /*background:rgba(0,0,0,0.1);*/
  font-size:40px;
  top:20%;
  font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}

#text2 {
	font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif; 
	font-size:23px;
	padding-top:10px;
	color:#fff;
	word-spacing:10px;
	text-shadow:2px 2px 2px #333;
	font-weight:600;
}
.slideback{
  width: 40px; 
  height: 40px;
  position:absolute;
  color:#333;
  bottom:1%;
  left:2%;
  line-height:40px;
  border:1px solid #333;
  cursor:pointer;
  background: rgba(255,255,255,0.4);
	border-radius: 50%;
}
.slideback:hover,.slidenext:hover{
   background: rgba(62,168,191,0.6);
   color:#fff;
   border:1px solid #fff;
}
.slidenext{
  width: 40px; 
  height: 40px;
  position:absolute;
  color:#333;
  border:1px solid #333;
  bottom:1%;
  left:6%;
  line-height:40px;
  cursor:pointer;
   background: rgba(255,255,255,0.4);
	border-radius: 50%;
}
.slidelist{
  position: absolute;
  bottom:60px;
  left:50%;
}
.slidelist div{
  width: 7.5px;
  height: 7.5px;
  background: #fff;
  float: left;
  margin-right:10px;
    transition:300ms;
  border:1.25px solid #fff;
}
.slidelist div.active{
  width: 7.5px;
  height: 7.5px;
  border:1.25px solid #fff;
  
}

.slidelist div.active{
  background: #505050;
}

/*----------multi text include slider code end------------------*/



.singlefield .std-code {
	float: left;
	padding: 2px;
	background-color:#fff;
	
	text-align: center;
	width: 20%
}
.singlefield .mo-no {
	float: left;
	width: 77%;
	background-color:#fff;
	
	margin-left: 3%
}


.left-content-btm {
	position:absolute;
	bottom:1%;
	width:auto;
	left:1%;
	border-radius:4px;
	color:#fff;
	padding:4px 10px;
	font-size:11px;
	background-color:rgba(0,0,0,0.4);
	
	font-weight:bold;
	text-transform:uppercase;
	float:right;
}

.right-frm {
	position:absolute;
	bottom:25%;
	width:21%;
	right:0%;
	background-color:rgba(255,255,255,0.9);
	padding:10px;
	border:2px solid #024881;
	float:right;
	box-shadow:0px 0px 0px #333;
}

.right-frm h3 {
	
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:0px;
	color:#333;
	text-transform:uppercase;
	padding:0px 15px;
	text-align:center;
}

.right-frm h2 {
	
	font-size:9px;
	color:#333;
	line-height:22px;
	margin-bottom:0.7em;
	padding:0px 15px;
	text-align:center;
}

.over-grid-1 {
	width:50%;
	float:left;
}

.over-grid-2 {
	width:50%;
	float:left;
}

.tp-logo {
	
}

.tp-logo .tp-grd-1 {
	width:30%;
	float:left;
}

.tp-logo .tp-grd-2 {
	width:70%;
	float:left;
}

.tp-logo ul {
	float:right;
	margin-top:10px;
}

.tp-logo li {
	float:left;
	border:1px solid #000;
	border-radius:10px;
	padding:4px;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	color:#000;
	
	font-family:bannertxt;
	list-style:none;
	margin-right:20px;
	-webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
}
.tp-logo li:hover {
	background-color:#000;
	border:2px solid #000;
	color:#ef2b2c;
	-webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
}

.tp-logo li h2 {
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	
	margin-bottom:0px;
	margin-top:3px;
	padding-left:2px;
}

.tp-logo li i {
	font-size:30px;
	padding:3px;
	display:block;
	float:left;
	margin-right:15px;
}

.tp-logo img {
	height:66px;
	float:right;
	padding-top:7px;
}

.details-tp {
	background:#024881;
	/*padding-top:0.2em;*/
	padding-bottom:0.2em;
}


.details-tp h3 {
	
	font-size:14px;
	margin-bottom:5px;
	margin-top:5px;
	color:#fff;
	text-transform:uppercase;
	padding:0px 15px;
	text-align:left;
}

.details-tp h3 span {
	font-size:22px;
	font-family:arial;
	margin-bottom:-10px;
}

.details-tp h2 {
	font-size:15px;
	color:#fff;
	margin-top:15px;
	padding:5px 15px 0px;
	text-align:left;
    font-weight:bold;
}

.rera-brd {
	border-right:1px solid #ef2b2c;
}

.frm-tp-h2 {
	font-size:12px;
	text-align:center;
	font-weight:bold;
}
.pop-frm-logo {
	padding:4.5em 20px 20px 20px;
}
.pop-frm-logo h2 {
	
	font-size:13px;
	margin-top:2em;
	line-height:20px;
	text-align:center;
}

.frm-pop-grid-1 {
	width:50%;
	float:left;
	height:280px;
	background:rgb(255, 255, 255);
	border-right:3px solid #ef2b2c;
}

.frm-pop-grid-2 {
	width:50%;
	float:left;
}

.conen-sex {
	padding-right:0px;
	margin-bottom:2em;
}

.conen-sex img {
	float:left;
	height:70px;
	width:70px;
	padding:10px;
	margin-right:15px;
	background-color:#333;
	border-radius:50%;
}
.conen-sex h2 {
	font-size:13px;
	color:#333;
	margin-top:10px;
	margin-bottom:8px;
}

.conen-sex p {
	float:left;
	font-size:10px;
	color:#000;
	
	font-weight:bold;
	padding:3px 8px;
	border-radius:10px;
	background-color:#ececec;
	line-height:20px;
}


.rera-div ul {
	list-style:none;
	width:70%;
	background-color:#e9e9e9;
	padding:0px 15px;
	border-radius:5px;
	height:50px;
	border: 1px solid #8d8d8d;
	margin-top:9px;
	box-shadow:0px 1px 2px #ccc;
}

.rera-div li {
	float:left;
	width:60%;
}

.rera-div .li {
	float:left;
	width:40%;
}

.rera-div .li2 {
	float:left;
	width:28%;
}

.key-txt {
	margin-bottom:3em;
}

.key-txt i {
	color:#ef2b2c;
	font-size:20px;
	margin-right:15px;
}

.key-txt img {
	height:30px;
	float:left;
	margin-right:15px;
}

.key-txt h2 {
	font-size:13px;
	letter-spacing:normal;
	margin-top:2px;
	line-height:21px;
}

.rera-div li h2 {
	
	font-size:14px;
	color:#333;
	padding-top:9px;
}

.rera-div li a {
	color:#333;
}

.rera-div li a:hover {
	color:#ef2b2c;
}

.location-img img {
	border:4px solid #9a7830;
	border-radius:30px;
}

.rera-div li h2 b {
	font-size:14px;
}
.rera-div li img {
	height:50px;
	float:left;
	padding:5px 10px;
}

.table-hover {
	font-size:15px;
	color:#333;
	
}

.table-hover tr {
	line-height:33px;
	height:50px;
}

.table-hover th {
	text-transform:uppercase;
	color:#fff;
	font-size:17px;
}
.tb-prc {
	color:#ef2b2c;
	font-weight:bold;
	font-size:18px;
}

.table-hover a {
	padding:6px 10px;
	color:#ef2b2c;
	font-size:13px;
	border-radius:8px;
	border:1px solid #ef2b2c;
	-webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
}

.table-hover a:hover {
	color:#333;
	border:1px solid #333;
	background-color:#fff;
	border-radius:0px;
	-webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
}


.floor-plan img {
	border:3px solid #024881;
	box-shadow:0px 1px 4px #4f4f4f;
		-webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
}

.floor-plan img:hover {
	border:3px solid #024881;
	box-shadow:0px 0px 0px #4f4f4f;
		-webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
}

.floor-plan h2 {
	
	font-size:15px;
	color:#333;
	text-align:center;
	margin-top:15px;
}




.top-grid-1 {
    width:50%;
    float: left;
	padding:3px;
    overflow: hidden;
    position: relative;
}
.top-grid-1 img {
    width: 100%;
    height:507px;
    overflow: hidden;
    position: relative;
}
.top-grid-2 {
    width:50%;
    float: left;
    overflow: hidden;
    position: relative;
}

.top-grid-inner-1 {
    width:40%;
    float: left;
    overflow: hidden;
    position: relative;
}
.top-grid-inner-1 span {
    width: 100%;
    height:400px;
    overflow: hidden;
    position: relative;
}
.top-grid-inner-2 {
    width:60%;
    float: left;
    overflow: hidden;
    position: relative;
}

.top-grid-inner-2 img {
    width: 100%;
    height:440px;
    overflow: hidden;
    position: relative;
}
.top-grid-2-1 {
    width:50%;
    float: left;
	padding:3px;
    overflow: hidden;
    position: relative;
}

.top-grid-2-1 img {
    width: 100%;
    height:250px;
    overflow: hidden;
    position: relative;
}
.top-grid-2-2 img {
    width: 100%;
    height:250px;
    overflow: hidden;
    position: relative;
}
.top-grid-2-3 img {
    width: 100%;
    height:250px;
    overflow: hidden;
    position: relative;
}

.top-grid-2-2 {
    width:50%;
    float: left;
	padding:3px;
    overflow: hidden;
    position: relative;
}
.top-grid-2-3 {
    width:100%;
    float: left;
	padding:3px;
    overflow: hidden;
    position: relative;
}
}

@media (max-width:767px){
.top-grid-1 {
	width:100%;
	float:left;
	overflow: hidden;
	position: relative;
}
.top-grid-2 {
	width:100%;
	float:left;
	overflow: hidden;
	position: relative;
}
.top-grid-3 {
	width:100%;
	float:left;
	overflow: hidden;
	position: relative;
}
.top-grid-inner-1 {
	width:100%;
	float:left;
	overflow: hidden;
	position: relative;
}
.top-grid-inner-2 {
	width:100%;
	float:left;
	overflow: hidden;
	position: relative;
}

}

.modal-header h4 {
	font-size:14px;
	font-weight:bold;
}

/*-- Delay popup code start --*/  


.blinking{
    animation:blinker 1.2s linear infinite;
}
@keyframes blinker{
    0%{     color: #000;    }
    49%{    color: transparent; }
    50%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #ff0000;    }
}


/*   This is the background overlay   */
.backgroundOverlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #000000;
  opacity: .85;
  filter: alpha(opacity=85);
  -moz-opacity: .85;
  z-index: 99999;
  display: none;
}

/*   This is the Popup Window   */
.delayedPopupWindow {
  display: none;
  width: 450px;
min-height: auto;
padding: 10px;
margin: 0px auto;
background-color: #fff;
margin-top: 10%;
position: fixed;
left:35%;
  background-color: #efefef;
  border: 2px solid #333;
  z-index: 99999;
}

/*   This is the closing button  */
#btnClose {
  width: 100%;
  display: block;
  text-align: right;
  text-decoration: none;
  color: #333333;
  left: -7px;
top: 5px;
position:absolute;
}

/*   This is the closing button hover state  */
#btnClose:hover {
  color: #c90c12;
}

/*   This is the description headline and paragraph for the form   */
#delayedPopup > div.formDescription {
  float: left;
  display: block;
  width: 44%;
  padding: 1% 3%;
  font-size: 18px;
  color: #666;
  clear: left;
}

/*   This is the styling for the form's headline   */
#delayedPopup > div.formDescription h2 {
  color: #444444;
  font-size: 36px;
  line-height: 40px;
}
.del-inp {
	height:40px !important;
	font-size:13px !important;
}

.delay-fm {
	background-color:#fff;
	padding:20px 10px 10px 10px;
	height:280px;
	box-shadow:-1px 2px 5px #ccc;
}


/* 
////////// MailChimp Signup Form //////////////////////////////
*/
/*   This is the signup form body  */
#delayedPopup #mc_embed_signup {
  float: left;
  width: 100%;
  padding: 1%;
  display: block;
  font-size: 16px;
  color: #666;
}

#mc_embed_signup h2 {
	font-size:20px;
	color:#333;
	
	background-color:#f9d548;
	padding:15px 10px;
	text-align:center;
	margin-top:20px;
	margin-bottom:0px;
	box-shadow:-1px 2px 5px #ccc;
	border-top-left-radius: 10px;
border-top-right-radius: 10px;
}


/*   This is the styling for the signup form inputs  */
#delayedPopup #mc-embedded-subscribe-form input {
  width: 95%;
  height: 30px;
  font-size: 18px;
  padding: 3px;
  margin-bottom: 5px;
}

/*   This is the styling for the signup form inputs when they are being hovered with the mouse  */
#delayedPopup #mc-embedded-subscribe-form input:hover {
  border: solid 2px #40c348;
  box-shadow: 0 1px 3px #AAAAAA;
}

/*   This is the styling for the signup form inputs when they are focused  */
#delayedPopup #mc-embedded-subscribe-form input:focus {
  border: solid 2px #40c348;
  box-shadow: none;
}

/*   This is the styling for the signup form submit button  */
#delayedPopup #mc-embedded-subscribe {
  width: 100% !important;
  height: 40px !important;
  margin: 10px auto 0 auto;
  background: #5D9E62;
  border: none;
  color: #fff;
}

/*   This is the styling for the signup form submit button hover state  */
#delayedPopup #mc-embedded-subscribe:hover {
  background: #40c348;
  color: #fff;
  box-shadow: none !important;
  cursor: pointer;
}



/*-- Delay popup code end --*/  







.project-left h5 {
    font-size: 1.5em;
    color: #000;
	margin-bottom:1.5em;
    line-height:30px;
    font-family:bannertxt;
}
.project-left p {
    font-size: 1em;
    color:#585858;
    line-height: 1.9em;
    margin: 0.8em 0em;
}
.project-left ul {
    padding: 0em;
    list-style: none;
	
    line-height: 2em;
	width:50%;
	float:left;
}
.project-left ul li{
   margin-bottom: 0.5em; 
   font-size: 1em;
    color: #585858;
    background: url(../images/tick.png)no-repeat 0px 5px;
    padding: 0em 0em 0em 2em;
}

.location-right ul {
    padding: 0em;
	font-size:14px;
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    list-style: none;
    line-height: 2em;
	margin-left:3em;
	margin-top:2em;
	float:left;
}
.location-right ul li{
   margin-bottom: 0.5em; 
    background: url(../images/tick.png)no-repeat 0px 5px;
    padding: 0em 0em 0em 2em;
}


.location-right li span{
	font-weight:bold;
	padding-left:10px;
	float:right;
}

.project-left ul li a {
    font-size: 1em;
    color: #585858;
    background: url(../images/tick.png)no-repeat;
    padding: 0em 0em 0em 2em;
}
.project-left ul li a:hover{
	 color:#F79502;
}

.pro-left {
    float: left;
    width: 49%;
}
.pro-right {
    float: right;
    width: 49%;
}
.pro-block {
    margin-bottom: 0.8em;
}
.zoom-mask {
  text-decoration: none;
  overflow: hidden;
  display: block;
}
.zoom-mask img {
	height:200px;
}
img.zoom-img{
	transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
img.zoom-img:hover {
  -webkit-transform: scale(1.05);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 750ms;
  -moz-transform: scale(1.05);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 750ms;
  overflow: hidden;
}



.select-fieldset {
    -webkit-appearance: none;
    -moz-appearance: none;
	height:30px;
	
	color:#999;
	font-size:10px;
	border:1px solid #909090;
	box-shadow:0px 1px 3px #b0b0b0;
    background: url(../images/arrow-down.png) 96% center no-repeat #fff;
    outline: 0;
    padding-right: 40px;
	padding-top:5px;
	border-radius:6px;
}
.form-control.std-code {
	float: left;
	padding: 2px;
	text-align: center;
	width: 20%;
	margin-bottom:15px;
	background:#fff;
	padding-top:4px;
}
.form-control.mo-no {
	float: left;
	width: 77%;
	margin-bottom:15px;
	background:#fff;
	margin-left: 3%;
	padding-top:0px;
}


/*-- subscribe --*/  






.cont {
  background-color:rgb(0,0,0,0.7);
  color: #757575;
  padding-top: 1em;
  text-align:left;
  padding-bottom: 1.5em;
}

.cont h3 {
  color: #ffffff;
  text-transform: uppercase;
  font-size:18px;
  
}

.cont h4 {
	font-size:16px;
	color:#fff;
	margin-top:15px;
	
}

.cont h5 {
	font-size:14px;
	color:#fff;
	margin-top:15px;
	
}

.cont h6 {
	font-size:22px;
	color:#fff;
	margin-top:20px;
	
}
.cont p {
	font-size:12px;
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	line-height:20px;
	margin-top:15px;
	text-align:justify;
	color:#d1d1d1;
}


.subscribe-agileinfo{
    background:url(../images/btm-back-min.jpg)no-repeat center top fixed;
    background-size: cover;
	text-align: center;
} 
.wthree-sub h2 {
    font-size: 3em;
    color: #fff;
    font-weight: 100;
}
.wthree-sub  form {
    width: 53%;
    margin: 3em auto 2em;
}
.wthree-sub  input[type="email"] {
    width: 77%;
    padding: 1em;
    font-size: 1em;
    float: left;
    color: #fff;
    outline: none;
    border: none;
    border-bottom: 1px solid #fff;
    border-right: none;
    background: none;
    -webkit-appearance: none;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    transition: 0.5s all;
}
.wthree-sub  input[type="submit"] {
    float: left;
    color: #fff;
    font-size: 1em;
    outline: none;
    padding: 1em 2.5em;
    border: none;
    border-bottom: 1px solid #f7542b;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    transition: 0.5s all;
    -webkit-appearance: none;
    background: #f7542b;
}
.wthree-sub  form:hover input[type="email"]{
    border-color: #f44336;
} 
.w3social-icons.w3sub-agileits-icons {
    float: none;
}
.wthree-sub ::-webkit-input-placeholder{
	color:#fff !important;
}
/*-- //subscribe --*/



.free-grid {
	width:20%;
	float:left;
}

.free-item {
	margin-top: 1em;
}


.free-img {
	background-color: #ccc;
	padding: 5px;
	width: 70px;
	height: 70px;
	margin-bottom: 2em;
	border-radius:10px;
	border: 1px solid #c2c2c2;
    box-shadow: 0px 2px 3px #666;
}
.free-img img {
	height: 50px;
	padding-top: 5px;
	-webkit-transform: scale(1);
	transform: scale(1);
	text-decoration:none;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	-webkit-transition: all 800ms ease;
   -moz-transition: all 800ms ease;
   -ms-transition: all 800ms ease;
   -o-transition: all 800ms ease;
   transition: all 800ms ease;
}
.free-img img:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-filter: brightness(120%);
		text-decoration:none;
		-webkit-transition: all 500ms ease;
   -moz-transition: all 800ms ease;
   -ms-transition: all 800ms ease;
   -o-transition: all 800ms ease;
   transition: all 800ms ease;
}

.free-item p {
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	font-size: 16px;
	color: #333;
	font-weight: normal;
	line-height: 30px;
}

.free-item span {
	font-family:panic;
	font-size: 16px;
	color: #ff0000;
	text-transform:uppercase;
	padding-right:6px;
	font-weight: bold;
}

.blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
   
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
   
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker { 
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker { 
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker { 
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}


/*-- Slider --*/

#slider {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0 auto;
}

.rslides_tabs {
	list-style: none;
	padding: 0;
	background: rgba(0, 0, 0, .25);
	box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0);
	-moz-box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0);
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0);
	font-size: 18px;
	list-style: none;
	margin: 0 auto 50px;
	max-width: 540px;
	padding: 10px 0;
	text-align: center;
	width: 100%;
}

.rslides_tabs li {
	display: inline;
	float: none;
	margin-right: 1px;
}

.rslides_tabs a {
	width: auto;
	line-height: 20px;
	padding: 9px 20px;
	height: auto;
	background: transparent;
	display: inline;
}

.rslides_tabs li:first-child {
	margin-left: 0;
}

.rslides_tabs .rslides_here a {
	background: rgba(255, 255, 255, .1);
	color: #fff;
	font-weight: bold;
}

.events {
	list-style: none;
}

.callbacks_container {
	position: relative;
	float: none;
	text-align: center;
	width: 100%;
}

.callbacks {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.callbacks li {
	position: absolute;
	left: 0;
	top: 0;
}

.slider-img-w3layouts.one {
	background: url(../images/slider-1.jpeg)no-repeat fixed;
}

.slider-img-w3layouts.two {
	background: url(../images/slider-2.jpeg)no-repeat fixed;
}

.slider-img-w3layouts.three {
	background: url(../images/slider-3.jpeg)no-repeat fixed;
}

.slider-img-w3layouts.four {
	background: url(../images/slider-4.jpeg)no-repeat fixed;
}


.slider-img-w3layouts.one,
.slider-img-w3layouts.two,
.slider-img-w3layouts.three,
.slider-img-w3layouts.four {
	background-size: auto;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
position: relative;
display: table;
width: 100%;
height: 100vh;
}

.inn-banner {
	background: url(../images/bann1.jpg)no-repeat fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	min-height: 250px;
}

.callbacks .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 20px;
	text-shadow: none;
	color: #fff;
	left: 0;
	right: 0;
	padding: 10px 20px;
	margin: 0;
	max-width: none;
	top: 10%;
	text-align: center;
}

.callbacks_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	bottom: 7%;
	left: 0;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	width: 50px;
	height: 50px;
	background: transparent url(../images/arrows.png) no-repeat left top;
}

.callbacks_nav.next {
	left: auto;
	background-position: right top;
	left: 110px;
}

.callbacks_nav.prev {
	right: auto;
	background-position: left top;
	left: 42px;
}

.callbacks_nav:active {
	opacity: 1.0;
}

.callbacks2_nav:active {
	opacity: 1.0;
}

#slider-pager a {
	display: inline-block;
}

#slider-pager span {
	float: left;
}

#slider-pager span {
	width: 100px;
	height: 15px;
	background: #fff;
	display: inline-block;
	border-radius: 30em;
	opacity: 0.6;
}

#slider-pager .rslides_here a {
	background: #FFF;
	border-radius: 30em;
	opacity: 1;
}

#slider-pager a {
	padding: 0;
}

#slider-pager li {
	display: inline-block;
}

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 100%;
}

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	left: 0%;
	top: 0;
	width: 100%;
}

.rslides li {
	position: relative;
	display: block;
	float: none;
}

.rslides img {
	height: auto;
	border: 0;
}

.callbacks_tabs {
	list-style: none;
	position: absolute;
	top: 88%;
	z-index: 99;
	right: 1%;
	padding: 0em 0.6em 1em 0.3em;
	margin: 0;
}

.callbacks_tabs li {
	display: inline-block;
	margin: 0.5em;
}

.callbacks_tabs a {
	visibility: hidden;
}

.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	width: 12px;
	height: 12px;
	display: inline-block;
	background: #fff;
	border: none;
	border-radius: 50%;
	box-shadow: 2px 2px 5px rgb(0, 0, 0);
}

.callbacks_here a:after {
	background: #168eea;
}

.slider-info {
	z-index: 999;
	margin-top: 16%;
	width: 50%;
	float: left;
}

.slider-info h3 {
	font-size: 3em;
	font-weight: 900;
	color: #FFF;
	padding:10px;
	background: rgba(0, 0, 0, 0.0);
	font-family: bannertxt;
	letter-spacing: 0px;
	line-height: 65px;
	text-align:left;
	text-shadow: 2px 3px 3px #333;
	margin: 2px 20px 10px;
}

.slider-info p {
	font-size: 22px;
	font-weight: 400;
	color: #fff;
	font-family: century;
	background: rgba(0, 0, 0, 0.3);
	margin: 1em 0 0em;
	padding: 3px 0;
	line-height: 35px;
	letter-spacing: 1px;
}


@font-face {
   font-family: sytlish;
   src: url(fonts1/GreatVibes-Regular.otf);
}

@font-face {
   font-family: sytlish-2;
   src: url(fonts1/Roboto-Regular.ttf);
}

@font-face {
   font-family:sytlish33;
   src: url(fonts1/ABeeZee-Regular.otf);
}
@font-face {
   font-family:bannertxt;
   src: url(fonts1/Ruluko-Regular.ttf);
}



@font-face {
	font-family: monster;
	src: url(fonts1/Montserrat-Light.ttf);
}

@font-face {
	font-family: century;
	src: url(fonts1/CenturyGothic.ttf);
}
@font-face {
	font-family: oregano;
	src: url(fonts1/Oregano-Regular.ttf);
}
@font-face {
	font-family: cav;
	src: url(fonts/CaviarDreams.ttf);
}
@font-face {
	font-family: panic;
	src: url(fonts1/PanicStricken.ttf);
}
@font-face {
	font-family: mont;
	src: url(fonts1/MontserratAlternates-Regular.otf);
}

@font-face {
	font-family: aris;
	src: url(fonts1/Alphant11.ttf);
}




@font-face {
	font-family: jof-bold;
	src: url(fonts1/JosefinSans-Bold.ttf);
}

@font-face {
	font-family: jof-reg;
	src: url(fonts1/JosefinSans-Regular.ttf);
}







.top-form {
	background-color:rgb(0, 0, 0, 0.7);
	padding:10px;
	border:1px solid #ddd;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	padding-bottom:25px;
}


.slider-info h4 {
	font-size: 45px;
	color: #b56d10;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-top: 7px;
}

h6 {
	margin: 0 auto;
	z-index: 999;
}

h6 a {
	cursor: pointer;
	font-size: 15px;
	text-transform: uppercase;
}

.slider-top span {
	font-weight: 600;
}

.callbacks_tabs li {
	display: inline-block;
	margin: 0 7px;
}





/* Typography */
h1,h2,h3, .btn {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
}

h1 {
  font-weight: bold;
  font-size: 100px;
}

h2 {
  font-size: 27px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 8px;
  font-weight:550;
}
#contact h2 {
  color: #ffffff;
}

h3 {
  color: #444;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 1px;
  padding-bottom: 10px;
}
#menu h3 {
   color: #555;
}

h4 {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 400;
}

p {
  font-size: 18px;
  letter-spacing: 0.8px;
  line-height: 28px;
}

a {
  text-decoration: none !important;
}
a:visited,
a:focus {
  outline: none;
  text-decoration: none !important;
}

.parallax-section {
    
}

.sticky-wrapper {
	position:absolute;
	width:100%;
}

/*.fix-banner {
	background: url(../images/inv-back-4.jpg)no-repeat center top 0px;
display: table;
width: 100%;
height: 100vh;
background-size: auto auto;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
position: relative;
}*/



.fix-banner-thank {
	background: url(../images/thankyou.jpg)no-repeat center bottom 0px;
display: table;
width: 100%;
height: 70vh;
background-size: auto auto;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
position: relative;
}

.marque-slider {
	padding:0px; 
	font-size:22px; 
	font-weight:bold; 
	text-transform:uppercase; 
	background-color:rgb(0,0,0,0.3); 
	padding:5px; 
	width:100%; 
	color:#fff; 
	bottom:6%; 
	position:absolute; 
	font-family:cav;
}


.fix-bannee-new {
display: table;
width: 100%;
height: 100vh;
background-size: auto auto;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
position: relative;
}

/* hover min css */
.hvr-bounce-to-bottom:before,
.hvr-bounce-to-top:before {
  background-color: #ffffff;
}


/* All Section styles */
#about,
#feature,
#video,
#menu,
#team,
#gallery,
#contact {
  color: #656565;
  padding-top: 40px;
  padding-bottom: 40px;
}

#feature,
#video,
#team,
#gallery,
#contact {
  text-align: center;
}

#feature,
#team {
  background: rgb(240,240,240);
}



/* section title */
.section-title {
  padding-bottom: 70px;
}
#about .section-title,
#menu .section-title {
  text-align: center;
}
#contact .section-title {
  color: #f0f0f0;
}



/* Preloader section  */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background: none repeat scroll 0 0 #ffffff;
}

.sk-spinner-pulse {
  width: 60px;
  height: 60px;
  background-color: #222;
  border-radius: 100%;
  -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
          animation: sk-pulseScaleOut 1s infinite ease-in-out; }

@-webkit-keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }




@font-face {
	font-family: sytlish;
	src: url(fonts/GreatVibes-Regular.otf);
}
@font-face {
	font-family: century;
	src: url(fonts/CenturyGothic.ttf);
}
@font-face {
	font-family: oregano;
	src: url(fonts/CaviarDreams_Bold.ttf);
}
@font-face {
	font-family: cav;
	src: url(fonts/CaviarDreams.ttf);
}
@font-face {
	font-family: panic;
	src: url(fonts/PanicStricken.ttf);
}

@font-face {
	font-family: mont;
	src: url(fonts/MontserratAlternates-Regular.otf);
}



.fullsize-video-bg {
	height: 100%;
	overflow: hidden;
}
.fullsize-video-bg:before {
	content: "";
	background: rgba(0,0,0,.8);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.fullsize-video-bg:after {
	content: "";
	background-image: url(../images/pixelss.png);
	background-size: 3px 3px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.fullsize-video-bg .inner {
	display: table;
	width: 100%;
	max-width: 30em;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	z-index: 2;
	top:5%;
	vertical-align: top;
	text-shadow: 0 1px 5px rgba(0,0,0,.5);
}
.frm-heading {
	color:#fff; 
	font-size:22px; 
	margin-top:10px; 
	margin-bottom:10px;
}
.form-mar {
	margin-top:2.4em; 
	margin-bottom:10px; 
	width:100%;
}
.frm-tp {
	position: absolute; 
	top: 35%; 
	z-index: 999;
}

.frm-div {
	position:absolute; 
	top:20%; 
	z-index:9999;
}

.top-logo .inner {
	max-width: 30em;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	z-index: 99;
	top:5%;
	left:2%;
	vertical-align: top;
	text-shadow: 0 1px 5px rgba(0,0,0,.5);
}

.top-logo .inner-text {
	max-width: 30em;
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	font-size:13px;
	background: rgba(0,0,0,.6);
	color:#fff;
	margin: 0 auto;
	padding: 5px 10px;
	position: absolute;
	z-index: 99;
	bottom:3%;
	right:2%;
	vertical-align: top;
	text-shadow: 0 1px 5px rgba(0,0,0,.5);
}


.fullsize-video-bg .inner > div {
	display: table-cell;
	vertical-align: middle;
	padding: 0 2em;
}

.scroll-down {
    position: absolute;
    bottom: 5%;
    left: 50%;
    width: 46px;
    height: 46px;
    margin-left: -23px;
    border: 2px solid #fff;
    border-radius: 100%;
    box-sizing: border-box;
    z-index: 9;
    cursor: pointer
}
.scroll-down:after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    width: 16px;
    height: 16px;
    margin: -12px 0 0 -8px;
    border-left: 5px solid #fff;
    border-bottom: 5px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-sizing: border-box
}
.scroll-down:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    content: '';
    width: 44px;
    height: 44px;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
    border-radius: 100%;
    opacity: 0;
    -webkit-animation: sdb03 3s infinite;
    animation: sdb03 3s infinite;
    box-sizing: border-box
}@-webkit-keyframes sdb03 {
0%{opacity:0}
30%{opacity:1}
60%{box-shadow:0 0 0 60px rgba(255, 255, 255, .5);opacity:0}
100%{opacity:0}
}
@keyframes sdb03 {
0%{opacity:0}
30%{opacity:1}
60%{box-shadow:0 0 0 60px rgba(255, 255, 255, .5);opacity:0}
100%{opacity:0}
}


#video-top {
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
        align-items: center;
  text-align: center;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.video-size {
	width:105%;
	height:1280px;
}


/* right side form code start */


/* footer top */


.footer-top {
    background: url(../images/prc-back.jpg) no-repeat bottom;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    position: relative;
	background-position: center center;
  border-radius:  0 0 100% 100%;
  background-repeat: no-repeat;
  border-top:4px solid #ef2b2c;
}


.btm-p-mar {
	margin-top:0.5em;
}
.footer-top p {
	font-size:15px;
	color:#fff;
	margin-top:1em;
	font-weight:bold;
	text-shadow:0px 2px 3px #333;
}
.footer-top h2 {
    font-weight: 800;
    font-size: 33px;
	margin-top:0.5em;
	color:#fff;
	text-shadow:0px 2px 3px #333;
	margin-bottom:10px;
}

.footer-top h5 {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 2px;
	color:#fff;
	text-shadow:0px 2px 3px #333;
	margin-bottom:5em;
}

.footer-top i {
    color: #ff3c41;
    font-size: 9em;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
}

/* //footer top */

/* footer */

.address-right h6 {
    font-size: 20px;
    color: #000;
}

.address-grid i {
    font-size: 40px;
    color: #404040;
}

.address-right p,
.address-right p a {
    color: #636363;
}

/* social-icons footer */

.btm-number {
	font-size: 28px;
	color: #000 !important;
	font-weight: bold;
}

.left-panel {
  border: 1px solid #e4e4e4;
  position: fixed;
  z-index: 100;
  right: -13px;
  top: 27%;
  padding:0px 9px 10px 5px;
  width: 267px;
  background: rgba(255, 255, 255, 0.9);
  transition: 1s all;
}
.left-panel.closed {
  margin-right: -267px;
}
.left-panel h3 {
	font-size: 22px;
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    color: #333;
    font-weight:bold;
	padding:0px 15px;
	margin-top:1em;
	margin-bottom:1em;
	line-height:23px;
	display:none;
}

.left-panel h2 {
	font-size: 14px;
	font-family: jof-reg;
    color: #333;
	text-transform:none;
    font-weight:bold;
	padding:0px 15px;
	margin-top:2.5em;
	margin-bottom:1em;
	line-height:20px;
	text-align:center;
}

.left-panel h2 span {
	font-size:18px;
}

.frm-call {
	padding-top:5px;
}
.new-frm-mar {
	margin-top:2.4em; 
	margin-bottom:10px; 
	width:100%;
}
.tab img {
	opacity:1.0;
	-webkit-transition: all 500ms ease;
	 -webkit-filter: brightness(100%);
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
}
.tab img:hover {
	opacity:1.0;
	-webkit-transition: all 500ms ease;
	 -webkit-filter: brightness(110%);
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
}

.left-panel.closed .tab {
  width: 50px;
}
.left-panel.closed .tab span {
  transform: rotate(180deg);
}
.left-panel .tab {
  cursor: pointer;
  position: absolute;
  right: 264px;
  transition: 1s all;
}
.left-panel .tab span {
  display: block;
  transition: 1s all;
  font-size: 20px;
  font-weight: bold;
}

.singlefield, .singletextarea{
    /*width: 100%;
    position: relative;*/
    background: #fff;
    margin-bottom: 10px;
}
.singlefield input{
    border: none;
    border-radius: 0px;
    width: 100%;
    padding: 0px 35px 0px 15px;
    font-weight:bold;
    color: #000;
    background: none;
    height: 30px;
    border: 1px solid #909090;
	border-radius: 6px;
	box-shadow: 0px 1px 3px #b0b0b0;
    -webkit-transition: all ease-in-out 700ms; /* Safari, Chrome */
    -moz-transition: all ease-in-out 700ms; /* Mozilla Firefox */
    -ms-transition: all ease-in-out 700ms; /* Microsoft */
    -o-transition: all ease-in-out 700ms; /* Opera */
    transition: all ease-in-out 700ms; /* Standard Browsers */
}
.singlefield input:focus{
    border-color: #ff0000;
}
.singlefield i{
    color: #333;
    font-size: 18px;
    position: absolute;
    right: 25px;
    margin-top: -29px;
    display: block;
}
.singletextarea{
    background: none;
}
.singletextarea textarea{
    height: 50px;
    background: none;
    border: none;
    border-radius: 0px;
    padding: 10px;
    resize: none;
    width: 100%;
	font-weight:bold;
    z-index: 9999;
    color: #000;
    line-height: 22px;
    background: #fff;
    border: 1px solid #909090;
	border-radius:6px;
	box-shadow:0px 1px 3px #b0b0b0;
    -webkit-transition: all ease-in-out 700ms; /* Safari, Chrome */
    -moz-transition: all ease-in-out 700ms; /* Mozilla Firefox */
    -ms-transition: all ease-in-out 700ms; /* Microsoft */
    -o-transition: all ease-in-out 700ms; /* Opera */
    transition: all ease-in-out 700ms; /* Standard Browsers */
}
.singletextarea textarea:focus{
    border-color: #f7c221;
}
.sumitfield{
    border: none;
    background: none;
    margin-bottom: 10px;
}
.sumitfield input{
	padding:0px;
	margin-bottom:0px;
    text-align: center;
    text-transform: uppercase;
    background: #ef2b2c;
    font-size: 14px;
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    color: #fff;
    -webkit-transition: all ease-in-out 700ms; /* Safari, Chrome */
    -moz-transition: all ease-in-out 700ms; /* Mozilla Firefox */
    -ms-transition: all ease-in-out 700ms; /* Microsoft */
    -o-transition: all ease-in-out 700ms; /* Opera */
    transition: all ease-in-out 700ms; /* Standard Browsers */
}
.sumitfield input:hover{
    background: #ffd64a;
    color: #28214a;
	border:1px solid #28214a;
	cursor:pointer;
}



.sumitfield-contact {
    border: none;
    background: none;
    margin-bottom: 0px;
}
.sumitfield-contact input{
    width: 100%;
	padding:0px;
	margin-bottom:0px;
    text-align: center;
    text-transform: uppercase;
    background: #ff9900;
    font-size: 18px;
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    color: #fff;
    -webkit-transition: all ease-in-out 700ms; /* Safari, Chrome */
    -moz-transition: all ease-in-out 700ms; /* Mozilla Firefox */
    -ms-transition: all ease-in-out 700ms; /* Microsoft */
    -o-transition: all ease-in-out 700ms; /* Opera */
    transition: all ease-in-out 700ms; /* Standard Browsers */
}
.sumitfield-contact input:hover{
    background: #222222;
    color: #f7c221;
	cursor:pointer;
}




/* right side form code end */

.back_wrap {
    /*background-image: url(../images/back.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-size: cover;*/
    padding: 50px 0 50px 0px;
    margin-top: -3px;
}

.about-pic img {
	box-shadow:2px 0px 0px #333;
	opacity:0.6;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.about-pic img:hover {
	opacity:0.9;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.about-txt h2 {
	color: #333;
	font-family:bannertxt;
    font-size: 45px;
	font-style:italic;
	letter-spacing:-0px;
	text-align:left;
    font-weight:bold;
	margin-top:15px;
    line-height: 50px;
}
.about-txt h2 span {
	font-size:22px;
	font-style:none;
	text-transform:none;
	font-weight:normal;
	font-family:sytlish33;
}

.about-txt p {
	
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    font-size: 16px;
	text-align:left;
    line-height: 25px;
	text-align:justify;
}
.about-txt ul {
	list-style-image:url(../images/check-arrow.png);
	float:left;
}
.about-txt li {
	color: #4a4a4a;
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    font-size: 18px;
    line-height: 40px;
	text-align:left;
}


figure.effect-jazz {
    background: -webkit-linear-gradient(-65deg, #000 0%,#000 100%);
    background: linear-gradient(-65deg, #000 0%,#000 100%);
	/*border:2px solid #024881;*/
	box-shadow:0px 4px 7px #ddd;

}

figure.effect-jazz img {
	opacity: 1.0;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
figure.effect-jazz figcaption::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 400px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
figure.effect-jazz h2,
figure.effect-jazz p {
	opacity:1;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
}
figure.effect-jazz h4 {
	    padding-top:57%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    color: #EFA52C;
    font-weight: bold;
    font-size:2em;
}
figure.effect-jazz p {
	    padding: 0em 2em;
    text-transform: none;
    font-size: 0.7em;
    opacity: 0;
    line-height: 1.8em;
}
figure.effect-jazz:hover img {
	-webkit-filter: brightness(100%);
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
figure.effect-jazz:hover figcaption::after {
	opacity: 1;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}

.zoom-img {
	overflow: hidden;
	text-align: center;
	/*margin-top: 20px;*/
	/*border: 5px solid #fff;
	box-shadow:0px 0px 4px #CCCCCC;*/
	width:100%;	
}
.zoom-img img {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity:0.9;
	text-decoration:none;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	-webkit-transition: all 800ms ease;
   -moz-transition: all 800ms ease;
   -ms-transition: all 800ms ease;
   -o-transition: all 800ms ease;
   transition: all 800ms ease;
}

.zoom-img img:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
		text-decoration:none;
		-webkit-transition: all 500ms ease;
   -moz-transition: all 800ms ease;
   -ms-transition: all 800ms ease;
   -o-transition: all 800ms ease;
   transition: all 800ms ease;
}



.cnt-brd {
	padding-top:30px;
	padding-bottom:30px;
}
.cnt-brd img {
	opacity:0.5;
}

.agileits-hdng,.services-grid {
    text-align: center;
} 	

h3.w3stitle {
    color: #1d1d1d;
    font-size: 3em;
    font-weight: 300;
    border: 1px solid #f7542b;
    display: inline-block;
    padding: .3em;
	margin-bottom: 1.5em;
}
h3.w3stitle span {
    background: #fff;
    margin-right: -2em;
}


.grid-list {
	width:100%;
	float:left;
}
.grid-list h4 {
	background-color:#fff;
	font-size:20px;
	color:#333;
	display:none;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
	padding:5px;
}
.logo-royal img {
	height:64px;
}

.logo-img {
	height:60px;
	padding-top:2px;
}






/*--gallery--*/
.view {
   width: 100%;
   height: 285px;
   margin:0px;
   float: left;
   border: 5px solid #7b6c3b;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.view .mask,.view .content {
   width: 100%;
   height: 14px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
   width:100%;
   height:100%;
}
.view h2, .view h3 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
    font-size: 1.2em;
   padding:8px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
    font-family: 'Signika Negative', sans-serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
/*--/gallery--*/


.view-ninth .mask-1, .view-ninth .mask-2 {
    background-color: rgba(0, 0, 0, 0.5);
    height:393px;
    width: 361px;
    background: rgba(0, 163, 228, 0.68);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out 0.6s;
    -moz-transition: all 0.3s ease-in-out 0.6s;
    -o-transition: all 0.3s ease-in-out 0.6s;
    transition: all 0.3s ease-in-out 0.6s;
}
.view-ninth .mask-1 {
    left: auto;
    right: 0;
    -webkit-transform: rotate(56.5deg) translateX(-180px);
    -moz-transform: rotate(56.5deg) translateX(-180px);
    -o-transform: rotate(56.5deg) translateX(-180px);
    -ms-transform: rotate(56.5deg) translateX(-180px);
    transform: rotate(56.5deg) translateX(-180px);
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}
.view-ninth .mask-2 {
    top: auto;
    bottom:-6px;
    -webkit-transform: rotate(56.5deg) translateX(180px);
    -moz-transform: rotate(56.5deg) translateX(180px);
    -o-transform: rotate(56.5deg) translateX(180px);
    -ms-transform: rotate(56.5deg) translateX(180px);
    transform: rotate(56.5deg) translateX(180px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}
.view-ninth .content {
    background: rgba(0, 0, 0, 0.9);
    height: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
    width: 100%;
    overflow: hidden;
    -webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
    -moz-transform: rotate(-33.5deg) translate(-112px, 166px);
    -o-transform: rotate(-33.5deg) translate(-112px, 166px);
    -ms-transform: rotate(-33.5deg) translate(-112px, 166px);
    transform: rotate(-33.5deg) translate(-112px, 166px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: all 0.4s ease-in-out 0.3s;
    -moz-transition: all 0.4s ease-in-out 0.3s;
    -o-transition: all 0.4s ease-in-out 0.3s;
    transition: all 0.4s ease-in-out 0.3s;
}
.view-ninth h2, .view-ninth h3{
	
    background: transparent;
    margin-top: 9px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.view-ninth a.info {
    display: none;
}
.view-ninth:hover .content {
   height: 55px;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9;
    top: 35%;
    -webkit-transform: rotate(0deg) translate(0, 0);
    -moz-transform: rotate(0deg) translate(0, 0);
    -o-transform: rotate(0deg) translate(0, 0);
    -ms-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
}
.view-ninth:hover .mask-1, .view-ninth:hover .mask-2 {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.view-ninth:hover .mask-1 {
    -webkit-transform: rotate(56.5deg) translateX(1px);
    -moz-transform: rotate(56.5deg) translateX(1px);
    -o-transform: rotate(56.5deg) translateX(1px);
    -ms-transform: rotate(56.5deg) translateX(1px);
    transform: rotate(56.5deg) translateX(1px);
}
.view-ninth:hover .mask-2 {
    -webkit-transform: rotate(56.5deg) translateX(-1px);
    -moz-transform: rotate(56.5deg) translateX(-1px);
    -o-transform: rotate(56.5deg) translateX(-1px);
    -ms-transform: rotate(56.5deg) translateX(-1px);
    transform: rotate(56.5deg) translateX(-1px);
}
@media(max-width:1080px){
  .view-ninth .mask-1, .view-ninth .mask-2 {
    background-color: rgba(0, 0, 0, 0.5);
    height:300px;
    width: 100%;
        background: rgba(0, 163, 228, 0.68);
	}
	.view-ninth .mask-1 {
  left: auto;
      right: -54px;
  }
  .view-ninth .mask-1, .view-ninth .mask-2 {
  height: 900px;
  width: 900px;
  }
    .view-ninth .content  {
    width:200px;
     height: 234px;
     height: 0;
	   left: -35px;
  }
}

@media(max-width:991px){
.view-ninth .mask-1 {
  left: auto;
      right: -11px;
  }
 .view-ninth .content {
    left: -9px;
}
}
@media(max-width:800px){
.view-ninth .mask-1 {
      right: -12px;
  }
 
}

@media(max-width:736px){
.view-ninth .mask-2 {
    top: auto;
    bottom: 3px;
}
.view-ninth .mask-1 {
      right: -12.5px;
  }

}



@media (max-width: 667px){
.view-ninth .mask-1 {
    left: auto;
    right: -48px;
}
   .view-ninth .content {
    left: -25px;
}

}
@media(max-width:640px){
.view-ninth .mask-1 {
    left: auto;
    right: -60px;
}
	.view-ninth:hover .content {
	    top: 27px;
	}
	
}

@media(max-width:600px){
.view-ninth .mask-1 {
  left: auto;
      right: -79px;
  }
	
}
@media(max-width:568px){
.view-ninth .mask-1 {
  left: auto;
      right: 16px;
}
 .view-ninth .mask-2 {
    top: auto;
    bottom: -7px;
}
}


@media(max-width:536px){
.view {
    width: 74%;
}
.view-ninth .mask-1 {
    right:15px;
}
.view-ninth .mask-2 {
    bottom: -6px;
}
.view-ninth:hover .content {
    height: 130px;
    width: 322px;
}
}

@media(max-width:480px){

.view {
    width: 84%;
}
}
@media(max-width:414px){
.view {
    width: 99%;
}
.view-ninth:hover .content {
    left: 10px;
}

}
@media(max-width:384px){
.view {
    width: 100%;
}
.view-ninth .mask-1 {
    right: 0px;
}
.view-ninth .mask-2 {
    bottom: 0px;
}
.view-ninth:hover .content {
    left: 0px;
}


}


@media(max-width:375px){
.view-ninth .mask-1 {
    right: -10px;
}
.view-ninth:hover .content {
    left: -6px;
}

}

@media(max-width:320px){
.view-ninth:hover .content {
    height: 120px;
    width: 252px;
	top: 50px;
	left:0px;
}
	
.view-ninth .mask-2 {
    top: auto;
    left: -55px;
}
}



@media(max-width:568px){
	.banner h1 .banner-all h1{
	    font-size: 4em;
	}
	input[type="submit"] {
	    left: 106px;
	}
	.search-bar input[type="submit"] {
	    left: 92px;
	}
	.banner-bottom-left-grid {
    height: 215px;
	}
	.view {
    width: 45%;
	}
	.view p { width: 74%;
    padding: 10px 70px 20px 16px;
	}
	.s-grid3-grid {
    width: 90%;
    float: none;
    margin: 0 auto;
    margin-bottom: 60px;
}
.s-grid3-left {
    left: 38%;
    bottom: -21%;
}
.s-grid3-padding {
    padding-bottom: 30px;
}
.s-grid4-news {
    width: 80%;
}
.view {
    width: 100%;
    margin: 0 auto;
    float: none;
}
.view-ninth:hover .content {
    top: 0px;
	left:9px;
}
.view-ninth h2, .view-ninth h3 {
    margin-top: 2px;
}
.view p {
    width: 90%;
    padding:0px;
	padding-top:5px;
}
.logo {
    margin: 3px 85px 0 114px;
}

}






/* Home section */


#home {
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
        align-items: center;
  text-align: center;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

#home .gradient-overlay {
  background: #c21500; /* fallback for old browsers */  
  background: -webkit-linear-gradient(to left, #c21500 , #ffc500); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #c21500 , #ffc500); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  opacity: 0.8;      
  position: absolute;
  top: 0;
  width: 100%;
  height: 100vh;
}

#home .btn {
  background: transparent;
  border: 3px solid #ffffff;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 2px;
  padding: 13px 30px;
  margin-top: 34px;
  text-transform: uppercase;
}
#home .btn:hover,
#home .btn:focus {
  color: #c21500;
}


/* Navigation section */
.navbar-default {
    background: #fff;
    border: none;
    box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.04);
    margin: 0 !important;
	border-bottom:1px solid #c8c8c8;
}

.navbar-default .navbar-brand {
  color: #505050;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 40px;
  margin: 0;
}

.navbar-default .navbar-nav li a {
    color: #000;
    font-size: 16px;
	padding: 8px 3px;
	margin-top:8px;
	font-weight:bold;
	text-transform:uppercase;
    line-height: 40px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.navbar-default .navbar-nav > li a:hover {
    color: #fff !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-default .navbar-toggle {
     border: none;
     padding-top: 10px;
  }

.navbar-default .navbar-toggle .icon-bar {
    border-color: transparent;
  }

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { 
  background-color: transparent;
}



#highlight .feature-thumb {
  background-color: #333;
  position: relative;
  padding: 10px;
  margin-top: 32px;
}
#highlight .feature-icon {
  background-color:rgb(255,135,0,1.0);
  width: 85px;
  height: 85px;
  margin: 0 auto;
  top: 0;
  margin-top: -55px;
  margin-bottom: 10px;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: table;
  text-align: center;
  transition: all 0.4s ease-in-out;
  
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
#highlight .feature-icon:hover {
  background-color: #c21500;
	-webkit-filter: brightness(100%);
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.15,1.15,1);
	
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
#highlight .feature-icon div {
  display: table-cell;
  vertical-align: middle;
}
#highlight .feature-icon .fa {
  color: #ffffff;
  font-size: 36px;
  margin: 0;
  padding: 0;
}

#highlight h3 {
  padding-top: 1px;
  text-align:center;
  color:#fff;
  margin-top:1px;
  font-size:15px;
  
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

#highlight h3:hover {
	font-size:15px;
	color:#fff;
  padding-top:12px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}





/* Feature section */
#feature .feature-thumb {
  background-color: #ffffff;
  position: relative;
  padding: 40px;
  margin-top: 32px;
}
#feature .feature-icon {
  background-color: #222;
  width: 85px;
  height: 85px;
  margin: 0 auto;
  top: 0;
  margin-top: -70px;
  margin-bottom: 30px;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: table;
  text-align: center;
  transition: all 0.4s ease-in-out;
}
#feature .feature-icon:hover {
  background-color: #c21500;
}
#feature .feature-icon span {
  display: table-cell;
  vertical-align: middle;
}
#feature .feature-icon .fa {
  color: #ffffff;
  font-size: 36px;
  margin: 0;
  padding: 0;
}

#feature h3 {
  padding-top: 14px;
  padding-bottom: 10px;
}



/* About section  */
#about .col-md-4 ul {
  padding-top: 4px;
  padding-left: 28px;
}

#about .col-md-4 ul li {
  color: #777;
  font-size: 18px;
  font-weight: 400;
  padding-top: 2px;
  padding-bottom: 2px;
}



/* Video section  */
#video {
  background: url('../images/video-bg.jpg') 50% 0 repeat-y fixed;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  position: relative;
  color: #999;
}

#video .overlay {
  background: rgba(03,03,03,0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

#video h2 {
  color: #ffffff;
  padding-top: 20px;
  padding-bottom: 16px;
}

#video .fa {
  position: relative;
  border: 2px solid #ffffff;
  border-radius: 100px;
  color: #ffffff;
  font-size: 28px;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  vertical-align: middle;
  margin-top: 22px;
}



/* Menu section */
#menu .media {
  padding-bottom: 20px;
}

#menu .media-object img {
  width: 220px;
  padding-right: 12px;
  position: relative;
}

#menu .media-object span.menu-price {
  position: absolute;
  background-color: #ffffff;
  color: #222;
  font-size: 20px;
  font-weight: bold;
  padding: 6px 20px;
  top: 50%;
  left: 3%;
}



/* Team section */
#team h3 {
  padding-bottom: 0px;
}

#team .team-des h4 {
  color: #666;
  padding-top: 0px;
  padding-bottom: 10px;
}

#team img {
  width: 100%;
}

#team .team-thumb {
  width: 100%;
  position: relative;
}

#team .team-des {
  background: #ffffff;
  box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.04);
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 90px;
  overflow: hidden;
  transition: height 450ms;
}
#team .team-thumb:hover .team-des {
  color: #ffffff;
  height: 100%;
  background-color: #c21500;
  padding-top: 30%;
  opacity: 0.9;
}
#team .team-thumb:hover h3,
#team .team-thumb:hover h4,
#team .team-thumb:hover .social-icon li a {
  color: #eee;
}

#team .join-team {
  background-color: #c21500;
  color: #f0f0f0;
  padding: 30px 20px;
  text-align: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: block;
}
#team .join-team .fa {
  font-size: 32px;
  padding-bottom: 14px;
}
#team .join-team .btn {
  background-color: transparent;
  border: 3px solid #ffffff;
  color: #ffffff;
  font-size: 18px;
  padding: 6px 26px;
  margin-top: 18px;
}
#team .join-team .btn:hover {
  color: #222;
}

#team .col-md-6 {
  padding-top: 62px;
}
#team .col-md-6 h2 {
  padding-bottom: 16px;
}



/* Gallery section */
#gallery .gallery-thumb {
  position: relative;
  overflow: hidden;
  margin: 0;
} 

#gallery .gallery-thumb .gallery-overlay {
  background: #c21500;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#gallery .gallery-thumb:hover .gallery-overlay {
    opacity: 0.9;
}

#gallery .gallery-thumb .gallery-overlay .gallery-item {
    text-align: center;
    position: absolute;
    top:50%;
    left: 50%;
    -webkit-transform:translate(-50%,-50%);
      -ms-transform:translate(-50%,-50%);
          transform:translate(-50%,-50%);
}

#gallery .gallery-thumb .fa {
  background: #ffffff;
  border-radius: 100%;
  font-size: 24px;
  color: #222;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  vertical-align: middle;
}

/*filter css*/
.filter-wrapper {
    width: 100%;
    margin-bottom: 42px;
    overflow: hidden;
}

.filter-wrapper li {
    display: inline-block;
    margin: 4px;
}

.filter-wrapper li a {
    color: #666;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 8px 17px;
    margin-right: 2px;
    margin-left: 2px;
    text-transform: uppercase;
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.filter-wrapper li a:hover,
.filter-wrapper li a:focus {
  color: #C21500;
}

/*isotope box css*/
.iso-box-section {
    width: 100%;
}

.iso-box-wrapper {
    width: 100%;
    padding: 0;
    clear: both;
    position: relative;
}

.iso-box {
    position: relative;
    min-height: 50px;
    float: left;
    overflow: hidden;
    margin-bottom: 30px;
}

.iso-box > a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
} 

.fluid-img {
    width: 100%;
    display: block;
}


/* Contact section  */
#contact {
  background: url('../images/contact-bg.jpg') 50% 0 repeat-y fixed;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  position: relative;
}

#contact .overlay {
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

#contact .form-control {
  background: transparent;
  border: none;
  border-bottom: 1px solid #666;
  border-radius: 0px;
  box-shadow: none;
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 16px;
  transition: all 0.4s ease-in-out;
}

#contact .form-control:hover {
  border-color: #ddd;
}

#contact input {height: 45px;}

#contact input[type='submit'] {
  background: #ffffff;
  border-radius: 4px;
  color: #c21500;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 2px;
  height: 50px;
  margin-top: 20px;
  transition: all 0.4s ease-in-out;
}
#contact input[type='submit']:hover {
  background-color: #c21500;
  border-color: transparent;
  color: #ffffff;
}


/* Footer section  */
footer {
  background-color: #141414;
  color: #757575;
  padding-top: 1em;
  padding-bottom: 1.5em;
}

footer h3 {
  color: #ffffff;
  text-transform: uppercase;
  padding-bottom: 14px;
  font-size:15px;
}
footer h4 {
	font-size:14px;
	color:#fff;
	
}

footer p {
	font-size:12px;
	line-height:20px;
	text-align:justify;
	color:#d1d1d1;
}
footer strong {
  color: #f0f0f0;
  font-size: 20px;
  display: block;
  padding-top: 6px;
  padding-bottom: 2px;
}


/* copyright section  */
#copyright p {
  padding: 5px;
  color:#fff;
  
  font-size:13px;
  margin-bottom:0px;
  margin-top:10px;
  text-align: center;
}

.gototop {
  background-color: #242424;
  color: #ffffff;
  font-size: 40px;
  padding: 6px 15px;
  text-align: right;
  transition: all 0.4s ease-in-out;
}
.gototop:hover {
  background-color: #c21500;
  color: #fff;
}

/* social icon section  */
.social-icon {
  padding: 0;
  margin: 0;
}

.social-icon li {
  list-style: none;
  display: inline-block;
}

.social-icon li a {
  border-radius: 100px;
  color: #626262;
  font-size: 18px;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  margin-bottom: 12px;
  margin-right: 10px;
}

.social-icon li a:hover {
  background: #111;
  color: #ffffff;
}



/* Mobile Responsive */
@media (max-width: 980px) {

  #home {
    height: 65vh;
  }

  #feature .col-md-4:last-child,
  #about .col-md-4 {
    margin-top: 42px;
  }

  #team .team-thumb {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #team .join-team {
    padding: 71px 50px;
    margin-top: 20px;
  }

}


@media (max-width: 900px) {

  h1 {font-size: 70px;}

}


@media (max-width: 768px) {

  .navbar-default .navbar-brand {
    line-height: 46px;
  }

}

@media (max-width: 767px) {

  .navbar-default .navbar-brand {
    line-height: 15px;
  }
  .navbar-default .navbar-nav li a {
    line-height: 30px;
  }

  #feature .col-md-4,
  #about .col-md-5,
  footer .col-md-4 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .filter-wrapper {
    padding: 0px;
  }

}

@media (max-width: 650px) {

  #home {
    height: 100vh;
  }

  h1 {
    font-size: 60px;
  }
  h2 {
    font-size: 30px;
  }

  #feature {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #about,
  #feature,
  #video,
  #menu,
  #team,
  #gallery,
  #contact {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #menu .media-object img {
    width: 100%;
    padding-bottom: 14px;
  }
  #menu .media-object span.menu-price {
    top: 30%;
    left: 6%;
  }

  footer {text-align: center;}

}




.footer1 {
    background: #2c5ba4;
    padding: 40px 0;
}

.footer1 h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    margin: 0;
    line-height: 22px;
    letter-spacing: 3px;
    padding: 5px 0px;
}

.frm1 {
    color: #000;
    border-radius: 0px;
    background: transparent;
    margin-top: 10px;
    padding: 8px 4px 4px;
}


.title
{
    font-size: 23px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 8px;
}




.footlink {
    background-color: #e20f1a;
    padding-top: 30px;
    padding-bottom: 4px;
    position: fixed;
    bottom: 0;
    width: 100%;
    color: #fff;
    height:40px;font-size:20px;width:100%;
    right:0%;
    text-align:center;
	margin-bottom: 0px;
}
.footlink td{border:1px solid #fff;width:50%;text-align:center;background-color: #e20f1a;}
.footlink a{color: #fff;text-align:center;}
@media screen and (min-width: 1169px){
#footlink_hide {
    width:20%;
    clear: both;
    float: right;
    right:0%;
    text-align:center;
}
}

.tp-logo a{color:#2c5ba4}

.sldbg{ background-position: 50% 0%; background-repeat: no-repeat; background-size: cover; height: 550px;}



.carousel-caption {
    position: absolute;
    width:50%;
    right: 15%;
    bottom: 29%;
    left: 11%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
}
.carousel-caption h2{
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 3px 10px;
    background: #111;
    display: inline;
    font-weight: 800;
    font-size: 13px;
}
.carousel-caption h1{
    font-size: 45px;
    font-weight: 800;
    letter-spacing: -1px;
}