/*
Name: Cambria
Version: 1.0
Author: TrueDezignz
Author URI: http://usmanawan83@gmail.com
*/ 
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Great+Vibes');


 /**************************
*
*	Resets
*
**************************/

body{
	font-family:'open_sanslight',Arial;
	font-family: 'Roboto', sans-serif;
	cursor:auto;
	overflow:hidden;
	color: rgba(0, 0, 0, 0.57);
	
}

pre, pre span{
	font-size: 14px;
	font-family: monospace,serif;
}

a{
	color:#fff;
}
a:hover {
	color: #FFF;
	text-decoration: none;
	outline:none;
}
/*a:visited,a:active {
	color: #FFF;
	text-decoration: none;
}*/
.push2{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	
}
.logo{
	left:32%;
	position:relative;
	
}
.ih-item.circle.effect2 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size:18px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.overlay{
	background:url(../images/patterns/overlay3.png) repeat;
	
}
.spacer {
    margin-top: 10px;
	    max-height: 75px;
}
.spacer hr {
    border: 2px solid;
    border-radius: 100%;
    border-color: transparent transparent rgba(237,61,149,1);
    transform: rotate(180deg);
    
}

.spacer hr {
    width: 200px;
    height: 50px;
    margin-top: 30px;
    margin-bottom: 10px;
    max-width: 250px;
    margin: 0 auto;
    display:block;
    padding-top:50px;
}
.spacer i.grey-icon {
    color: #FFF;
}

.spacer i.grey-icon {
    position: relative;
    left: 9px;
    top: -85px;
    z-index: 1;
}
.spacer i.solid-icon {
    position: relative;
    right: 9px;
	top: -90px;
}


.spacer i {
    color: rgba(237,61,149,1);
}

.page-head-title i {
    color: #7b5da5;
}
.error { 
	display: none; 
	padding:10px; 
	margin:0 0 5px 0;
	 color: red;
    font-size: 13px;
    padding: 10px;
    width: 85%;
    font-weight: bold;
}
.success { 
	display: none; 
	 color: #008000;
 
    font-size: 13px;
    padding: 10px;
    width: 85%;
    font-weight: bold;
}

.error img { 
	vertical-align:top; 
}
.margin0{margin:0;}
  /**************************
*
*	Bubbles
*
**************************/
.animateme {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -1;
}

.bg-bubbles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.bg-bubbles li {
  position: absolute;
  list-style: none;
  display: block;
  width: 40px;
  height: 40px;
  background-color: #764ba2;
  bottom: 60px;
  -webkit-animation: square 25s infinite;
  animation: square 25s infinite;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  opacity:0;
}

.bg-bubbles li:nth-child(1) {
  left: 3%;
  border-radius:50em;
  background:transparent;
  border:4px solid #FFBA3B;
}
.bg-bubbles li:nth-child(2) {
  left: 6%;
  width: 35px;
  height: 35px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 17s;
          animation-duration: 17s;
}
.bg-bubbles li:nth-child(3) {
  left: 15%;
  width: 45px; height: 45px;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
.bg-bubbles li:nth-child(4) {
  left: 40%;
  width: 35px;
  height: 35px;
  background:#FF2525;
  -webkit-animation-duration: 22s;
          animation-duration: 22s;
}
.bg-bubbles li:nth-child(5) {
  left: 70%;
  background:transparent;
  border:4px solid #EBA91F;
}
.bg-bubbles li:nth-child(6) {
  left: 90%;
  width: 25px;
  height: 25px;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  border-radius:50em;
  background:transparent;
  border:4px solid #353535;
}
.bg-bubbles li:nth-child(7) {
  left: 32%;
  width: 15px;
  height: 15px;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  background:transparent;
  border:4px solid #FFBA3B;
}
.bg-bubbles li:nth-child(8) {
  left: 55%;
  width: 45px;
  height: 45px;
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
}
.bg-bubbles li:nth-child(9) {
  left: 30%;
  width: 35px;
  height: 35px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
  border-radius:50em;
  background:transparent;
  border:4px solid #FF2525;
}
.bg-bubbles li:nth-child(10) {
  left: 90%;
  width: 25px;
  height: 25px;
  -webkit-animation-delay: 11s;
          animation-delay: 11s;
}
.bg-bubbles li:nth-child(11) {
  left: 10%;
  width: 15px;
  height: 15px;
  -webkit-animation-delay: 13s;
          animation-delay: 13s;
  border-radius:50em;
}
.bg-bubbles li:nth-child(12) {
  left: 55%;
  width: 5px;
  height: 5px;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  background:transparent;
  border:4px solid #353535;
}

.bg-bubbles li:nth-child(13) {
  left: 65%;
  width: 45px;
  height: 45px;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  border-radius:50em;
}

@-webkit-keyframes square {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity:0;
  }
  50% {
    opacity:1;
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
            transform: translateY(-700px) rotate(600deg);
    opacity:1;
  }
}
@keyframes square {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity:0;
  }
  50% {
    opacity:1;
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
            transform: translateY(-700px) rotate(600deg);
    opacity:0;
  }
}
  /**************************
*
*	Navigation
*
**************************/



.navbar-inner {
	min-height: 40px;
	background-color:rgba(255,255,255,0.1);
	background-image:none;
	padding-right: 20px;
	padding-left: 20px;
	-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
	*zoom: 1;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.navbar-fixed-top,.navbar-fixed-bottom {
	position: relative;
	right: 0%;
	left: 0%;
	z-index: 1030;
	margin-bottom: 0;
}

.navbar .nav {
	position: relative;
	left: 0;
	display: block;
	float: right; 
	margin: 0 10px 0 0;
}

.navbar .nav > li {
	line-height:38px;
}

.navbar .nav > li > a {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 12px;
	padding: 10px;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	letter-spacing:0.09em;
}

/* Navigation Hover state class  */
.navbar .nav > li > a:hover,.navbar .nav > li > a:active{
	/*border-bottom: 3px solid #D4AF37;*/
	outline:none;
	color:#FFBF00;
}

.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover 
.navbar-inverse .nav .active > a:focus {
	color: #ffffff;
	outline:none;
	background: transparent !important;
}

/* Navigation Acitve state class  */
.nav li.active{
   border-bottom: 3px solid #D4AF37;
   text-shadow: none;
   outline:none;
  
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #FFF;
  text-decoration: none;
  background: none;
  outline:none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  color: #FFF;
  text-decoration: none;
  background-color: transparent;
   outline:none;
}
.navbar-default {
  background-color: #fff;
  background: rgba(0, 0, 0, 0.85);
  background: none;
  border-color: #e7e7e7;
}
.navbar-default {
    background-color: rgba(0,0,0,0.3);
}
.navbar {
border-radius: 0;
}
.flex1 {
  display: flex;
  justify-content: center;
  align-items: center;
  height:700px;
}
.navbar-default .navbar-brand {
    font-family: 'Roboto', Calibri, Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #FFF;
}


 /**************************
*
*	Logo
*
**************************/

.navbar-brand {
  float: left;
  height: 50px;
  padding: 5px 15px;
  font-size: 18px;
  line-height: 20px;
}

#navigation{
 padding-top:22%;
	
}
.navbar {
  position: relative;
  min-height: 50px;
  border: 1px solid transparent;
  width:100%;
  z-index:1000;
  border:none;
  /*border-bottom:1px solid #e7e7e7;*/
}

  /**************************
*
*	Typography styles
*
**************************/


h1,h2,h3,h4,h5,h6 {
	font-family: 'Roboto', sans-serif;
	/*font-family: 'Lato', sans-serif;
	font-family: 'Ubuntu', sans-serif;
	font-family: 'Roboto Condensed', sans-serif;*/
	margin: 17px 0;
	line-height: 40px;
	color: rgba(0, 0, 0, 0.87);
	text-rendering: optimizelegibility;
	font-weight: 300;
	color: rgba(0,0,0,0.70);
}

h1 {font-size: 38px;}
h2 {font-size: 32px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

 /* Page title. */ 
.title {
	 margin: 6% 0 4% 1%;
    line-height: 2.2em;
	
}

.title  h1{
	font-size:3em;
	letter-spacing: 3px;
	color:#FFF;
	line-height:35px;
	    padding-top: 10px;
	margin:0;
	text-transform:uppercase;
	font-weight: 500;
	font-family: 'Roboto Slab', serif;
	font-family: 'Lato', sans-serif;
	font-family: 'Ubuntu', sans-serif;
	font-family: 'Roboto Condensed', sans-serif;
	 
}
.title  h1 .line1{
	font-size: 8rem;
    letter-spacing: 0px;
    margin: .3em 0 .4em 0;
    display: block;
}
/*.title span{
	font-size:1em;
	color:#D4AF37;
}*/
.yellow{
    color: #FFBF00;
}
.cul{
	color:#fff !important;
}
.title p {
	
	margin:0 auto;

	max-width:600px;
  }



 p {
	font-size:14px;
	line-height:22px;
}


.carousel p{
	max-width:800px;
	margin:40px auto;
	color:white;
}

#home2 h1{
	font-size: 3em;
	color: #fff;
	line-height: 55px;
	margin-bottom:20px;
	text-transform:uppercase;
	letter-spacing:3px;
	font-family: 'Roboto Slab', serif;
	font-weight:300;
}


#slogan p{
	 
	 font-weight:300;
	 max-width:700px;
	 margin: 10px auto;
}
.marginbottom-sm {
	margin-bottom:60px;
}
.margintop-sm {
	margin-top:20px;
}
.home li {
    min-height: 32px;
}
#services p {
	color: #b3b3b3;

	margin: 0 auto;
	margin-bottom: 10px;
}
  /**************************
*
*	Slider
*
**************************/
	/* I wanted to center my loader */
			#cycle-loader {
				height:32px;
				left:50%;
				margin:-8px 0 0 -8px;
				position:absolute;
				top:50%;
				width:32px;
				z-index:999;
			}
			
			/*I want to avoid jumpiness as the JS loads, so I initially hide my cycle*/
			#maximage {
				display:none;/* Only use this if you fade it in again after the images load */
				position:fixed !important;
			}
			
			/*Set my gradient above all images*/
			#gradient {
				left:0;
				height:100%;
				position:absolute;
				top:0;
				width:100%;
				z-index:999;
			}
			
			/*Set my logo in bottom left*/
			#logo {
				bottom:30px;
				height:auto;
				left:30px;
				position:absolute;
				width:34%;
				z-index:1000;
			}
			#logo img {
				width:100%;
			}
			
			#arrow_left, #arrow_right {
				bottom:30px;
				height:67px;
				position:absolute;
				right:30px;
				width:36px;
				z-index:1000;
			}
			#arrow_left {
				right:86px;
			}
			
			#arrow_left:hover, #arrow_right:hover {
				bottom:29px;
			}
			#arrow_left:active, #arrow_right:active {
				bottom:28px;
			}
			
			a {color:#666;text-decoration:none;}
			a:hover {text-decoration:underline;}
			
			.in-slide-content { 
				color:#333;
				float:right;
				font-family:'Helvetica Neue', helvetica;
				font-size:60px;
				font-weight:bold;
				right:0;
				margin:40px;
				padding:20px;
				position:absolute;
				top:0;
				width:700px;
				z-index:9999; /* Show above .gradient */
				text-shadow: 0 1px 0 #fff;
				-webkit-font-smoothing:antialiased;
			}
			.light-text {color:#ddd;text-shadow: 0 1px 0 #666;}
			.smaller-text {font-size:30px;}
			.youtube-video, video {
				left:0;
				position:absolute;
				top:0;
			}
			
			/* SLIDER STYLES */
	
.slider-wrapper{
	position:relative;
	overflow:hidden;
	
	width:100%;
	
	margin:0 auto;
	margin-top:120px;
	height:95vh;
	
	/*background:#1b1b1b;
	
	border:1px solid #000;
	box-shadow:0 3px 5px #666;*/
}

.slider{
	position:relative;
	width:100%; 
/*	height:400px; when responsive, comment this out */
	margin:0 auto;
	
	/*background:#1b1b1b;*/
}

@media only screen and (min-width: 1000px){
	.slider{
		width:1000px;
	}
}

@media only screen and (min-width: 1440px){
	.slider{
		width:1440px;
	}
}

/* ELEMENT STYLES */

.slider p{
	position:absolute;
	top:-200px;
	
	z-index:8000;
	padding:1% 3%;
	
	font-size:24px;
	line-height:100%
	color:#fff;
	white-space: nowrap;
	text-transform:uppercase;
	    text-shadow: 0px 3px 0px #b2a98f, 0px 14px 10px rgba(0,0,0,0.15), 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1);
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
    text-shadow: 0px 1px 3px rgba(0,0,0,0.50);
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
}

.claim{
	line-height:100%
}
.title1{font-family: 'Ubuntu', sans-serif; font-size:85px;}	

.teaser{
	padding:0.5% 1.5%;
	
	 line-height:100%
}

.small{
	width:250px;
   padding-left:0; padding-right:0px;
	text-align:center;
}
.smallheading{font-size:2.5em !important;}
.light-green{background:#95C542;}
.green{background:#ec0066;color:#FFF;}
.orange{background:#f26522;color:#FFF;}
.turky{background:#3bc0c2;color:#FFF;}
.white{background:#fff; color:#333}
.purple{background:#5f0061;color:#FFF;}
.darkgreen{background:#4a6732;color:#FFF;}
.golden,.camera_caption p{font-family: 'Dancing Script', cursive;font-family: 'Great Vibes', cursive;background:none;font-size:2em;text-shadow:none !important;}
#detailstop ,#detailstop a,#detailstop i{color: #F2f2f2;font-size:15px;padding-top: 10px;}
  /**************************
*
*	Miscellenous
*
**************************/
/* Preloader */
#preloader {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:99; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../images/loader.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}

.expand{
	padding:5% 0;
}

.bgheader {
    background: #999  no-repeat center;
    background-size: cover;
}

.line{
      display: block;
    height: 3px;
    width:29%;
    background: none repeat #FFBF00;
    margin-top: 7px;
	clear: both;
	float:right;
	transition:all 1s;
}
.line2{
	display: block;
    height: 3px;
    width: 29%;
    background: none repeat #FFF;
    margin-top: 7px;
	transition:all 1s;
}
.title:hover .line{
	width:89%;
	height:5px;
}
.title:hover .line2{
	width:89%;
	height:5px;
}
.curved-line {
  position: absolute;
  width: 180px;
  height: 100px;
/*   background: black; */
  border: solid 12.5px #000;
  border-color: black transparent transparent transparent;
  border-radius: 50%/100% 100% 0 0;
  transform: rotate(180deg);
  margin-left: 45px;
  margin-top: 60px;
}
.curved-line:before {
  content:'';
  position: absolute;
  width: 25px;
  height: 25px;
  left: 115px;
/*   background: black; */
  border: solid 12.5px #000;
  border-color: white transparent transparent transparent;
  border-radius: 50%/100% 100% 0 0;
  transform: rotate(180deg);
  margin-left: 45px;
  margin-top: 60px;
}
.curved-line:after {
  content:'';
  position: absolute;
  width: 25px;
  height: 25px;
  left: -74px;
/*   background: black; */
  border: solid 12.5px #000;
  border-color: white transparent transparent transparent;
  border-radius: 50%/100% 100% 0 0;
  transform: rotate(180deg);
  margin-left: 45px;
  margin-top: 60px;
}
.middle {
	text-align: center;
}
.sepearator{
	margin-top: 0px;
	margin-bottom: 84px;
}
.push{
	margin-top:10%;
}
.push2{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	
}
.push3{
	margin-left: 86px;
    margin-top: -22px;
}
.center{
	 display: table;
   width: 100%;
}
.center2{
	display: table-cell;
   text-align: center;
   vertical-align: middle;
   height:80vh;
}
/* Hollow */
.hollow {
	display: inline-block;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: background;
	transition-property: background;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	/*box-shadow: inset 0 0 0 2px #999, 0 0 1px rgba(0, 0, 0, 0);*/
	/* Hack to improve aliasing on mobile/tablet devices */
 
}
.hollow:hover, .hollow:focus, .hollow:active {
	background-color:#444;
	color:white;
	outline:none;
}

.btn {

	text-shadow:none !important;
}
.btn-theme {
	color:#D4AF37;
	background:#FFF;
	margin-bottom:10px;
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.4);

	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	box-shadow: 1px 4px 10px 4px rgba(119, 119, 119, 0.4);
-moz-box-shadow: 1px 4px 10px 4px rgba(119, 119, 119, 0.4);
-webkit-box-shadow: 1px 4px 10px 4px rgba(119, 119, 119, 0.4);
  text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
			 0px 18px 23px rgba(0,0,0,0.1);	
			 text-shadow: none;
	
}
.btn-theme2 {
	background:none transparent;
	color:white;
	border:2px solid white;
	text-shadow:none;
	text-transform:uppercase;
	margin:0 10px;
}
.btn-theme:hover {
	
	color:#FFF;
	background:#D4AF37;
	
}	
.btn-theme2:hover {
	color:#000;
	text-shadow:none;
	background-color:#FFF;
}	
.badge {
 	padding: 21px;
  		-webkit-border-radius: 14px;
     		-moz-border-radius: 14px;
         		 border-radius: 14px;
}
.badge-white {
	background-color: transparent;
	color: #FFF;
	border: 1px solid white;
}
.badge-white:hover {
 	background:#D4AF37;
 	color:#fff;
}
.badge-theme2{
	border-radius:100%;
	padding:25px;
	background: transparent;
	color:#FFF;
	border:1px solid #FFF;
	margin-right: 20px;
}
.badge-theme2 a{
	color:white;
}

.badge-theme2 a:hover{
	background:none !important;
	color:black;
}
.label-theme{
    background-color: #D4AF37;
}
.badge-theme{
  background-color: transparent;
  background-color: transparent;
  padding: 10px;
  border-radius: 40px;
  color: #D4AF37;

}
.badge-theme:hover{
    background-color: #D4AF37;
    color:white;
}
.color{
	font-weight:200;
	color: #D4AF37;
}

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

.pat1 {
	background: url(../images/patterns/overlay2.png) repeat;
}
.pushright{
  margin-left:30%;
}
.img-theme{
	/*border:5px solid #FFF;*/
	box-shadow: 1px 4px 10px 4px rgba(119, 119, 119, 0.4);
-moz-box-shadow: 1px 4px 10px 4px rgba(119, 119, 119, 0.4);
-webkit-box-shadow: 1px 4px 10px 4px rgba(119, 119, 119, 0.4);
  box-shadow: 11px 14px 30px rgba(0, 0, 0, 0.80);
  -moz-box-shadow: 11px 14px 30px rgba(0, 0, 0, 0.80);
  -webkit-box-shadow:10px 5px 15px 12px rgba(0, 0, 0, 0.20);
   box-shadow: 0 8px 6px -6px black;
   
-webkit-box-shadow: -7px 7px 59px -5px rgba(0,0,0,0.6);
-moz-box-shadow: -7px 7px 59px -5px rgba(0,0,0,0.6);
box-shadow: -7px 7px 59px -5px rgba(0,0,0,0.9);
}
.transbg,.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
	background-color: #000;
    color: #FFF; 
}
button#refresh {
    border-radius: 0 4px 4px 0;
}
/*==================================================
 * Effect 2
 * ===============================================*/
.box {
	width:70%;
	height:200px;
	background:#FFF;
	margin:40px auto;
}
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 5
 * ===============================================*/
.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}


ul.style1 li {
    position: relative;
	list-style:none;
}
ul.style1 li:before {
    color: #D4AF37;
    content: "\f006";
    font-family: FontAwesome;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    left: -23px;
    padding-right: 0.5em;
    position: absolute;
    text-decoration: inherit;
    top: 0;
	
}

.nav-tabs {
  border: none;
}
.nav-tabs > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 20px;
	background:#ddd;
	border: 1px solid transparent;
	-webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
		  color:#000;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
	color: #1d7745;
	cursor: default;
	border: 1px solid #1d7745;
	border-bottom-color: transparent;
}

.nav-tabs li.active,.nav-tabs li :hover{
	border: none !important;
	text-shadow: none;
	background:none !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: #1d7745;
  border:none;
  background:none;
}
  /**************************
*
*	Page Sections 
*
**************************/


/*#home  {
	background-image: url(../images/sliderbg3.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 100vh;
	display:none;
	
}*/
#homecolor {
	/*background-image: url(../images/bghome.png);*/
	background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(0, 166, 147, 0.2), 
      rgba(0, 180, 208, 0.3)
    ),
    /* bottom, image */
    url(../images/bghome.png) repeat;
	/*background-repeat:repeat;*/
	background: #ddddd5;
	background-position: center;
	  background-color: #3284BF;
  background-image: url('');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background: #4776E6;
  background: -webkit-linear-gradient(to left, #4776E6 , #8E54E9);
  background: linear-gradient(to left, #4776E6 , #8E54E9);
  background: #e96443;
  background: -webkit-linear-gradient(to left, #e96443 , #904e95);
  background: linear-gradient(to left, #e96443 , #904e95);
  background: #FF5F6D;
  background: -webkit-linear-gradient(to left, #FF5F6D , #FFC371);
  background: linear-gradient(to left, #FF5F6D , #FFC371);
  
	height: 100vh;
	
}

.iconcolor{  color:#D4AF37;}
#homecolor h4{
	font-size:2.4rem;
	color:white;
	font-weight:300;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);			  
}
#homecolor i{
	color:white;
	font-weight:300;
	margin:5% 0;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);			  
}
.centeralign{
	position:absolute;
	left:50%;
	top:40%;
	margin:-75px 0 0 -135px;
}
#slogan{
	margin-top:5%;
	}
#features  {
height:100%;
}

#description  {
	
}

#description2  {

   
	padding:100px 0 0 0;
	height:100%;
	
}

.overlay2{
	background-image:url(../images/patterns/overlay2.png);
	background-repeat:repeat;
}

#screenshots {
	background-color:#FFF;
	
	

}

#pricing {
	background-color:#FFF;
	height:100%;
	display:none;	

}

#home2  {

	background:url(../images/food.png) repeat ;
	height:100%;
	padding-top:5%;

}

#home3  {
	height:100%;
	background-image:url(../images/bg1.png);
	width:100%;
}


#mock2{
position:relative;
left:0;
top:0;
z-index:27;
	width:200px;
}
#mock1{
position:relative;
left:0;
top:0;
z-index:30;
	width:200px;
}






#display{
	background-image: url(../images/sliderbg3.png);
	background-repeat: no-repeat;
	background-position:center top;
	min-height:500px;
	padding:12% 0;
	display:none;
	
}
#slide4 .row .span4 {
   opacity:0;
}
#slide5{
	background-color:#FFF;

}

#slide6{
	background-color:#FFF;
	
}
#slide7{
	background-color:#FFF;
}

#map{
    margin:40px 0 0 0;
}
#social{
   margin:20px 0 0 -20px;
}
#divider1{
	text-align:center;
	background-image:url(../images/bg1.jpg);
}
#divider2{
	text-align:center;
	background-image:url(../images/bg3.jpg);
	background-size:cover;
}

#myCarousel{
	text-align:center;
	position: absolute;
	left: 50%;
	top: 30%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: inline-block;
	width: 280px;
	text-align:center;
	background:none ;
}
#myCarousel i {
   font-size:8em;
   color:#D4AF37;

}
#myCarousel h2 {
 
 color:#D4AF37;
 text-transform:uppercase;
}
  /**************************
*
*	About  Section 
*
**************************/
.progress .bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color:  #D4AF37;
	background-image: -moz-linear-gradient(top, #00B4D0, #ec395d);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00B4D0), to(#ec395d));
	background-image: -webkit-linear-gradient(top, #00B4D0, #ec395d);
	background-image: -o-linear-gradient(top, #00B4D0, #ec395d);
	background-image: linear-gradient(to bottom, #00B4D0, #ec395d);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00B4D0', endColorstr='#ec395d', GradientType=0);
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	-webkit-transition: width 0.6s ease;
     -moz-transition: width 0.6s ease;
       -o-transition: width 0.6s ease;
          transition: width 0.6s ease;
}

#rotator{
position: absolute;
left: 20%;
top: 50%;
display: inline-block;
width: 835px;
text-align: center;
background: none;
}

.circle {
  display: inline-block;
  text-align: center;
  line-height: 1.2;
  position: relative;
}
  /**************************
*
*	Services Section 
*
**************************/

#services {
	color:#000;
	
}
#services h4{
	font-size:20px;
	font-weight: 300;
	margin:20px 0;
	
}
#services h5{
	font-size:13px;
	font-weight:300;
    letter-spacing: 1px;
    text-transform: uppercase;
	color:#000;
	display:block;
	margin:10px 0;
}

#services i {
	color:#FFF;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
 					0px 8px 13px rgba(0,0,0,0.1),
 					0px 18px 23px rgba(0,0,0,0.1);
					}
#services i:hover {
	opacity:0.5;
}
#skills i {
  color: #FFF;
  top: 19%;
  position: absolute;
  right: 46%;
}
#services p {

}
#team{
	text-align:center;
}
div.thumbnail:hover {
	border-color: #D4AF37;
	-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
          box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
		  color:white;
}

.nav-tabs > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 20px;
	border: 1px solid transparent;
	-webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
		  color:#FFF;
    border:none;
	background:none;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
	color: #D4AF37;
	cursor: default;
	border: 1px solid #D4AF37;
	border-bottom-color: transparent;
}

.nav-tabs li.active,.nav-tabs li :hover{
	border: none !important;
	text-shadow: none;
	background:none !important;
}

.accordion {
	margin-bottom: 20px;
}

.accordion-group {
	margin-bottom: 2px;
}

.accordion-heading {
	border-bottom: 0;
	font-size:17px;
}

.accordion-heading .accordion-toggle {
	display: block;
	padding: 8px 9px;
	color: #D4AF37;
}
.accordion-heading .accordion-toggle:hover{
	display: block;
	padding: 8px 9px;
	color: #000;
}

.accordion-toggle {
	cursor: pointer;
}

.accordion-inner {
	padding: 9px 30px;
	color:#000;
}

  /**************************
*
*	Portfolio Section 
*
**************************/
.hide{
opacity:0;
}

.carousel-inner {
	position: relative;
	overflow: hidden;
	text-align:center;
	border:none;
	

	
}
.carousel-control {
	position: absolute;
	top: 110%;
	left: 51%;
	width: 40px;
	height: 40px;
	margin-top: 20px;
	font-size: 60px;
	font-weight: 100;
	line-height: 30px;
	color: #fff;
	text-align: center;
	background: #D4AF37;
	border: 3px solid #D4AF37;
	-webkit-border-radius: 23px;
     -moz-border-radius: 23px;
          border-radius: 23px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	
}
.carousel-control.right {
  right: 50%;
  left: auto;
}
.carousel-control:hover {
	color: #FFF;
	text-decoration: none;
	opacity: 0.9;
	filter: alpha(opacity=90);
}


.dl-horizontal dt {
	float: left;
	width: 160px;
	overflow: hidden;
	clear: left;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dl-horizontal dd {
	margin-left: 180px;
}

.dl-horizontal dt {
	float: left;
	width: 60px;
	overflow: hidden;
	clear: left;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dl-horizontal dd {
	margin-left: 40px;
}
#stage{
	padding:30px 0;
}

#stage li{
	margin-bottom:10px;
}

#stage .mix{
	display:none;
	opacity:0;
}
.controls{
	vertical-align: top;
	margin-bottom:40px;
}
.controls li{
	margin-left: 20px;
	cursor: pointer;
	list-style-type: square;
}
.controls li.active{
	font-weight: 700;
	color:#19A3EB;
}


  /**************************
*
*	Gallery Section 
*
**************************/

#stage{
}

#stage .mix{
	display:none;
	opacity:0;
}
.controls{
	vertical-align: top;
	margin-bottom:40px;
}
.controls li{
	margin-left: 20px;
	cursor: pointer;
	list-style-type: square;
}
.controls li.active{
	font-weight: 700;
	color:#D4AF37;
}



  /**************************
*
*	Contact Form
*
**************************/
#contactus{
	height:100%;
	background: linear-gradient(to right, #d9d9d9 , #e6e6e6,#FFF);
	
}
#formparts{
	color:#FFF;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

 label{
	color: rgba(0,0,0,0.90);
}
textarea,#message{
  resize:none;
      background-color: transparent;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0;
 }
#submit_button {
	padding: 7px;
	width: 100px;
	border: none;
	height: 36px;
	color: white;
}
.error { 
	display: none; 
	padding:10px; 
	margin:0 0 5px 0;
	color: white; 
	font-size:12px;
	background-color: #D4AF37;
}
.success { 
	display: none; 
	padding:10px; 
	color: white; 
	font-size:12px;
	background-color: #D4AF37;
}

.error img { 
	vertical-align:top; 
}

label.valid {
	width: 24px;
	height: 24px;
	background: url(images/valid.png) center center no-repeat;
	display: inline-block;
	text-indent: -9999px;
		}
label.error {
	font-weight: bold;
	color: red;
	padding: 2px 8px;
	margin-top: 2px;
		}

.message {
	background-color: #FFF;;
	color: black;
	display: none;
	width: 316px;
	padding: 10px;
	margin-bottom: 10px;
}

.footer{
	background-color:#D4AF37;
	color:white;
	padding:30px 20px 7px;
	text-align:center;
}


  /**************************
*
*	Media queries
*
**************************/
@media (min-width: 320px){
	
.navbar .brand,.footer .brand {
	font-size: 26px;
    padding: 10px 20px 7px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
	font-weight:300;

}

}
@media (max-width: 600px) {
 article {
	padding-right: 40px;
   	padding-left: 40px;
	text-align:center;
}

 }
 @media (max-width: 768px) {
  body {
    padding-right: 2px;
    padding-left: 2px;
	text-align:center;
}
   .navbar-inner {
    margin: 0 20px 0;
}
.nav-collapse .nav > li > a,.nav-collapse .dropdown-menu a {
    color: #fff;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
 
.navbar-inverse .nav-collapse .nav > li > a,
.navbar-inverse .nav-collapse .dropdown-menu a {
    color: #FFFFFF;
  }	
  
  #myCarousel{
	text-align:center;
	position: absolute;
	left: 50%;
	top: 35%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: inline-block;
	width: 280px;
	text-align:center;
	background:none ;
}
.logo{
	left:0;
}

}
 
 
 
@media (max-width: 480px){
.navbar-inverse .navbar-inner {
 	margin:0 40px;
}

article {
	padding-right: 40px;
   	padding-left: 40px;
	text-align:center;
}

h1{
	font-size:26px;
}
 
.title  h1{
    font-family: 'open_sanslight';
	font-size:2em;
	color:#000;
	line-height:25px;
	margin-bottom:0;
	text-transform:uppercase;
	
}

  #myCarousel{
	text-align:center;
	position: absolute;
	left: 50%;
	top: 60%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: inline-block;
	width: 280px;
	text-align:center;
	background:none ;
}

.pushright{
  margin-left:7%;
}

.smimg{
max-width:200px;
}
}




 
 
 
@media (max-width: 800px) {
body {
    padding-right: 2px;
    padding-left: 2px;
	text-align:center;
  }

.navbar-inverse .navbar-inner {
 	margin:0 40px;
}
.nav-collapse .nav > li > a,.nav-collapse .dropdown-menu a {
    color: #000;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
	 background-color: none;
  }
 
.navbar-inverse .nav-collapse .nav > li > a,
.navbar-inverse .nav-collapse .dropdown-menu a {
    color: #FFFFFF;
  }
.nav-collapse .nav > li > a:hover,
  .nav-collapse .dropdown-menu a:hover {
    background-color: none;
  }



}


@media (max-width: 979px) {
.navbar-inverse .nav-collapse .nav > li > a,
.navbar-inverse .nav-collapse .dropdown-menu a {
    color: #FFFFFF;
  }
.nav-collapse .nav > li > a:hover,
.nav-collapse .dropdown-menu a:hover {
    background-color: transparent!important;
  }
  .title {
   margin-top: 18%;
}
.homepageheading{
	bottom:12em;
}
}

@media (min-width: 1024px) {
.navbar .brand,.footer .brand  {
	font-size: 36px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
	font-weight:300;
}
  #myCarousel{
	text-align:center;
	position: absolute;
	left: 50%;
	top: 35%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: inline-block;
	width: 280px;
	text-align:center;
	background:none ;
}
#slide7{

}
}

@media (max-width: 768px) {
.navbar-default .navbar-brand {
	padding-top:5%;
}
}

@media (max-width:768px){
.navbar-collapse > ul.navbar-nav{background: #000;}
.navbar-brand > img {
	max-width:168px;
	margin-top:2px;
}
.navbar-default .navbar-brand {
	padding-top:0;
}
}


/* Font size Start */
.fontsize1{font-size: 1px;}.fontsize2{font-size: 2px;}.fontsize3{font-size: 3px;}.fontsize4{font-size: 4px;}.fontsize5{font-size: 5px;}.fontsize6{font-size: 6px;}.fontsize7{font-size: 7px;}.fontsize8{font-size: 8px;}.fontsize9{font-size: 9px;}.fontsize10{font-size: 10px;}.fontsize11{font-size: 11px;}.fontsize12{font-size: 12px;}.fontsize13{font-size: 13px;}.fontsize14{font-size: 14px;}.fontsize15{font-size: 15px;}.fontsize16{font-size: 16px;}.fontsize17{font-size: 17px;}.fontsize18{font-size: 18px;}.fontsize19{font-size: 19px;}.fontsize20{font-size: 20px;}.fontsize21{font-size: 21px;}.fontsize22{font-size: 22px;}.fontsize23{font-size: 23px;}.fontsize24{font-size: 24px;}.fontsize25{font-size: 25px;}.fontsize26{font-size: 26px;}.fontsize27{font-size: 27px;}.fontsize28{font-size: 28px;}.fontsize29{font-size: 29px;}.fontsize30{font-size: 30px;}.fontsize31{font-size: 31px;}.fontsize32{font-size: 32px;}.fontsize33{font-size: 33px;}.fontsize34{font-size: 34px;}
/* Font size End */

/* Extra Paddings up to 20 pixels Start */
.padding-top38 {padding-top: 38px;} .padding-top21{padding-top: 21px;}.padding-top22{padding-top: 22px;}.padding-top23{padding-top: 23px;}.padding-top24{padding-top: 24px;}.padding-top25{padding-top: 25px;}.padding-top26{padding-top: 26px;}.padding-top27{padding-top: 27px;}.padding-top28{padding-top: 28px;}.padding-top29{padding-top: 29px;}.padding-top30{padding-top: 30px;}
.padding-top20{padding-top: 20px;}.padding-top19{padding-top: 19px;}.padding-top18{padding-top: 18px;}.padding-top17{padding-top: 17px;}.padding-top16{padding-top: 16px;}.padding-top15{padding-top: 15px;}.padding-top14{padding-top: 14px;}.padding-top13{padding-top: 13px;}.padding-top12{padding-top: 12px;}.padding-top11{padding-top: 11px;}.padding-top10{padding-top: 10px;}.padding-top9{padding-top: 9px;}.padding-top8{padding-top: 8px;}.padding-top7{padding-top: 7px;}.padding-top6{padding-top: 6px;}.padding-top5{padding-top: 5px;}.padding-top4{padding-top: 4px;}.padding-top3{padding-top: 3px;}.padding-top2{padding-top: 2px;}.padding-top1{padding-top: 1px; }

.padding-bottom30{padding-bottom: 30px;} .padding-bottom20{padding-bottom: 20px;}.padding-bottom19{padding-bottom: 19px;}.padding-bottom18{padding-bottom: 18px;}.padding-bottom17{padding-bottom: 17px;}.padding-bottom16{padding-bottom: 16px;}.padding-bottom15{padding-bottom: 15px;}.padding-bottom14{padding-bottom: 14px;}.padding-bottom13{padding-bottom: 13px;}.padding-bottom12{padding-bottom: 12px;}.padding-bottom11{padding-bottom: 11px;}.padding-bottom10{padding-bottom: 10px;}.padding-bottom9{padding-bottom: 9px;}.padding-bottom8{padding-bottom: 8px;}.padding-bottom7{padding-top: 7px;}.padding-bottom6{padding-top: 6px;}.padding-bottom5{padding-bottom: 5px;}.padding-bottom4{padding-top: 4px;}.padding-bottom3{padding-top: 3px;}.padding-bottom2{padding-bottom: 2px;}.padding-bottom1{padding-bottom: 1px;}

.padding-right1{padding-right: 1px;}.padding-right2{padding-right: 2px;}.padding-right3{padding-right: 3px;}.padding-right4{padding-right: 4px;}.padding-right5{padding-right: 5px;}.padding-right6{padding-right: 6px;}.padding-right7{padding-right: 7px;}.padding-right8{padding-right: 8px;}.padding-right9{padding-right: 9px;}.padding-right10{padding-right: 10px;}.padding-right11{padding-right: 11px;}.padding-right12{padding-right: 12px;}.padding-right13{padding-right: 13px;}.padding-right14{padding-right: 14px;}.padding-right15{padding-right: 15px;}.padding-right16{padding-right: 16px;}.padding-right17{padding-right: 17px;}.padding-right18{padding-right: 18px;}.padding-right19{padding-right: 19px;}.padding-right20{padding-right: 20px;}

.padding-left{padding-left: 1px;}.padding-left2{padding-left: 2px;}.padding-left3{padding-left: 3px;}.padding-left4{padding-left: 4px;}.padding-left5{padding-left: 5px;}.padding-left6{padding-left: 6px;}.padding-left7{padding-left: 7px;}.padding-left8{padding-left: 8px;}.padding-left9{padding-left: 9px;}.padding-left10{padding-left: 10px;}.padding-left11{padding-left: 11px;}.padding-left12{padding-left: 12px;}.padding-left13{padding-left: 13px;}.padding-left14{padding-left: 14px;}.padding-left15{padding-left: 15px;}.padding-left16{padding-left: 16px;}.padding-left17{padding-left: 17px;}.padding-left18{padding-left: 18px;}.padding-left19{padding-left: 19px;}.padding-left20{padding-left: 20px; }

.padding20{ padding:20px;}
/* Extra Paddings up to 20 pixels End */

/* #about p:first-letter {
    color: #903;
    float: left;
    font-family: 'Schoolbell', cursive;
    font-size: 75px;
    line-height: 60px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
    color: #D4AF37;
} */
blockquote{
	    border-left: 5px solid #D4AF37;
}
.btn-warning {
    color: #fff;
    background-color: #D4AF37;
    border-color: #eea236;
}
ul.galereya-cats li:first-child {
    background: #D4AF37;
    padding: 1%;
}
#loader{
position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #FFF;
  z-index: 9999;
  font-size: 65px;
  text-align: center;
  padding-top: 40vh;
  color: #fff;
  font-family:tahoma;
}
.homepageheading h1,.title h1 {
       position: relative;
    font-family: 'Roboto', sans-serif;
    text-shadow: -1px -1px 1px rgba(0,0,0,0.3), 1px 1px 1px rgba(0,0,0,0.3), 0 0 10px #000;
    letter-spacing: -1px;
    padding: 1em;
    font-size: 1em;
    margin: .75em 0;
    pointer-events: none;
    font-weight: 900;
    color: #FFF;
   
    display: inline-block;
	
}
.homepageheading:before,.homepageheading:after,.homepageheading h1:before,.homepageheading h1:after{
box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}
.dropdown .dd {
    display: none !important;
}
.dropdown:hover .dd {
    display: block !important;
}
/* Ripple In */
@-webkit-keyframes hvr-ripple-in {
	100% {
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  opacity: 1;
	}
  }
  
  @keyframes hvr-ripple-in {
	100% {
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  opacity: 1;
	}
  }
  
  .hvr-ripple-in {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
  }
  .hvr-ripple-in:before {
	content: '';
	position: absolute;
	border: #e1e1e1 solid 4px;
	top: -12px;
	right: -12px;
	bottom: -12px;
	left: -12px;
	opacity: 0;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
  }
  .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
	-webkit-animation-name: hvr-ripple-in;
	animation-name: hvr-ripple-in;
  }
  
  
  
  #particles-js{
	width: 100%;
	height:100%;
	position:absolute;
  }
  .navbar .nav > li > a {color:#f8f8f8;    display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	  position: relative;}
  .navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
	  color: #FFBF00;
	  text-decoration: none;
	  background-color: transparent;
	  outline: none;
  }
  
  /*#navigation{position:absolute;}*/
  
	  .navbar .nav > li > a{color:#FFF;}
	  .homepageheading h1,.title h1 {
		 position: relative;
	  font-family: 'Roboto', sans-serif;
	  text-shadow: -1px -1px 1px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1), 0 0 5px #000;
	  letter-spacing: -1px;
	  padding: 1em;
	  font-size: 1em;
	  margin: .75em 0;
	  pointer-events: none;
	  font-weight: 900;
	  color: #FFF;
	  border: 3px solid #FFF; 
	  display: inline-block;
  }
  .title h1{
  border:none;}
  .line1 {
	  font-size: 8rem;
	  letter-spacing: -1px;
	  margin: .2em 0 .3em 0;
	  display: block;
  }
	  
  
  /* .homepageheading h1 span {
	  display: block;
  } */
  .homepageheading {
	
	  right: 3.5em;
	  bottom: 3em;
  }
  
  
  .homepage-header {
	  width: 100vw;
	  height: 100vh;
	  background-color: #000;
  }
  
  .homepageheading {
	  position: absolute;
	  overflow: hidden;
	  font-family: "Raleway";
	  line-height: 2.2em;
	  text-align: center;
	  width: 100%;
	  right: 0;
	  bottom: 20em;
	  color: #fff;
	  font-weight:900;
  }
  .line1{font-size: 10rem;}
  
  .line3 {
	  font-size: 1.9em;
	  display: inline-flex !important;
	  background: rgba(0,0,0,0.4);
	  padding: 6px;
		 
		  margin-top: 5px;
  }
  .bgtop4 {
    background: #999 url(../images/slides/6.jpg) no-repeat top center;
    background-size: cover;
    height: 350px;
    margin-bottom: 25px;
}  
  @media only screen And (max-width:768px){
	.title h1 .line1 {
	  font-size: 7rem;
	  letter-spacing: -2px;
  }
  .bgtop4 {
    background: #999 url(../images/slides/6.jpg) no-repeat top center;
    background-size: cover;
    height: 270px;
    margin-bottom: 0px;
}
.title h1 .line3 {
	  font-size: 1.1em;
  }
  #services {
	  color: #000;
	  text-align: center;
  }
  .navbar-default .navbar-toggle .icon-bar {
	  background-color: #D4AF37;
  }
  .navbar-default .navbar-toggle {
	  border-color: #D4AF37;
	  }
  .pt-trigger {
	  border: none;
	  font-size: 16px;
	  font-weight: 700;
	  margin: 0;
	  padding: 0 20px;
	  line-height: 40px;
	  height: auto;
	  letter-spacing: 1px;
	  cursor: pointer;
	  font-family: Calibri;
  }
  
  }
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	  background-color: #000;
  }
   .descline {
	  display: block;
	  letter-spacing: 1px;
	  font-size: 2rem;
	  color: #D4AF37;
	  text-shadow: none;
  }
  .line4 {
	  font-size: 1.9em;
  }
	.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{ color:#FFF;}  
  
  /* Overline From Left */
  .hvr-overline-from-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden;
  }
  .hvr-overline-from-left:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	top: 0;
	background: #D4AF37;
	height: 4px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
  }
  .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
	right: 0;
  }
  
  /* Overline From Center */
  .hvr-overline-from-center {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden;
  }
  .hvr-overline-from-center:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	right: 50%;
	top: 0;
	background: #2098D1;
	height: 4px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
  }
  .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
	left: 0;
	right: 0;
  }
  
	  .navbar-fixed-top, .navbar-fixed-bottom,.navbar {
	  position: fixed;
	  right: 0%;
	  left: 0%;
	  z-index: 1030;
	  margin-bottom: 0;
  /*	border-bottom: 1px solid #f8f8f8;
	  border-top: 1px solid #f8f8f8;*/
  }
  body .vegas-container-fluid{
	  position:absolute;}
  
  
			
  
			  .galereya.ex1 .galereya-cell {
				  width: 80px;
				  padding: 0;
  
				  -webkit-transition: -webkit-transform 0.3s ease-out;
				  -moz-transition: -moz-transform 0.3s ease-out;
				  -o-transition: -o-transform 0.3s ease-out;
				  transition: transform 0.3s ease-out;
			  }
			  .galereya.ex1 .galereya-cell:hover {
				  -webkit-transform: scale(1.5);
				  -moz-transform: scale(1.5);
				  -ms-transform: scale(1.5);
				  -o-transform: scale(1.5);
				  transform: scale(1.5);
				  -webkit-box-shadow: 0 0 2em #000;
				  box-shadow: 0 0 2em #000;
			  }
			  .galereya.ex1 .galereya-cell-img { width: 80px; }
  
			  .galereya.ex1 .galereya-cell-desc { display: none; }
  
			  .galereya.ex1 .galereya-cell-overlay {
				  -webkit-box-shadow: none;
				  box-shadow: none;
			  }
  
			  .galereya-slider.ex1 {
				  opacity: 0;
  
				  -webkit-transform: translateX(0);
				  -moz-transform: translateX(0);
				  -ms-transform: translate(0);
				  -o-transform: translateX(0);
				  transform: translateX(0);
				  -webkit-transition: opacity .5s ease-out;
				  -moz-transition: opacity .5s ease-out;
				  transition: opacity .5s ease-out;
				  -o-transition: none;
			  }
  
			  .galereya-slider.ex1.opened { opacity: 100; }
  
			  .galereya-slider.ex1 .galereya-slider-desc {
				  font-size: 12pt;
  
				  top: 0;
				  bottom: auto;
				  left: 0;
  
				  width: 200px;
			  }
  
			  .galereya-slider.ex1 .galereya-slider-play,
			  .galereya-slider.ex1 .galereya-slider-close {
				  top: auto;
				  bottom: 0;
			  }
  
			  .galereya-slider.ex1 .galereya-slider-slide {
				  opacity: 100;
  
				  -webkit-transition: opacity .5s ease-out;
				  -moz-transition: opacity .5s ease-out;
				  transition: opacity .5s ease-out;
				  -o-transition: none;
  
				  background: #000 url(img/wild_oliva.png);
			  }
  
			  .galereya-slider.ex1 .galereya-slide-img {
				  -webkit-box-shadow: 0 0 1em #000;
				  box-shadow: 0 0 2em #000;
			  }
  
			  .galereya-slider.ex1 .galereya-slider-slide.next {
				  opacity: 0;
  
				  -webkit-transform: translateX(0);
				  -moz-transform: translateX(0);
				  -ms-transform: translate(0);
				  -o-transform: translateX(0);
				  transform: translateX(0);
			  }
			  .galereya-slider-slide.current {}
			  .galereya-slider-slide.prev {}
  
			  @media only screen and (min-width: 601px) {
				  .galereya.ex1 .galereya-cell { width: 200px; }
  
				  .galereya.ex1 .galereya-cell-img { width: 200px; }
			  }
			  span#js-rotating{
				  font-weight: 700;
				  color: #FFF;
				  text-shadow: none;
				  letter-spacing: 0;
			  }
			  @media (max-width: 979px) {
  
  .homepageheading{
	  bottom:12em;
  }
  }
  .radio, .checkbox {
    position: relative;
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
  .radio-inline, .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}

  .checkbox input[type="checkbox"] {
    opacity: 0;
}
.checkbox.checkbox-inline {
    margin-top: 0;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px;
}
.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    padding-top: 0px;
}


input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    line-height: normal;
}
input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
  .checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca;
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.checkbox input[type=checkbox]:checked + label:after {
    font-family: 'Glyphicons Halflings';
    content: "\e013";
}
.checkbox label:after {
    padding-left: 4px;
    padding-top: 2px;
    font-size: 9px;
}
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}
.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
    color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}