
	body{
		font-family: "Montserrat",sans-serif;
		font-style: normal;
		font-size: 14px;
		line-height: 1.5;
		color: #000;
		background-color: #fff;
	}
	
	section {
		padding: 50px 0px;
	}
	
	.hideme {
		opacity:0;
	}
	
	p {
		font-family: "Montserrat",sans-serif;
		font-style: normal;
		line-height: 1.5;
		color: #000;
	}

	a:hover,
	a:focus {
		text-decoration: none;
	}
	
	.icon-circle {
		border-radius: 50%;
	}
	
	.fa:hover {
		transition: 0.5s ease;
	}
	
	.btn {
		border-radius: 0px;
	}

/* ========== COLOR SYSTEM ========= */
	
	.bg-black {
		background-color: #000;
	}

	.bg-white {
		background-color: #fff;
	}
	
	.bg-green {
		background-color: #162f2d;
	}
	
	.bg-yellow {
		background-color: #feb100;
	}
	
	.cl-black {
		color: #000;
	}
	
	.cl-white {
		color: #fff;
	}
	
	.cl-gray {
		color: #162f2d;
	}
	
	.cl-yellow {
		color: #feb100;
	}
/* ========== END COLOR ========= */
	
	
/* ========== SIDE BAR ========= */

	#sidebar {
		position: fixed;
		width: 250px;
		height: 100vh;
		top: 0;
		padding: 20px 0;
		z-index: 1060;
		background-color: #feb100;
		color: #fff;
		overflow-y: scroll !important;
		outline: transparent !important;
		transition: all 0.3s;
	}
	
	#sidebar::-webkit-scrollbar { 
		display: none; 
	}
	
	.logo a:hover,
	.logo a:focus {
		text-decoration: none !important;
	}
	
	.logoSubTitle {
		text-align: center;
		font-size: 10px;
		color: #fff;
	}
	
		/* ========== SIDE BAR MENU ========== */
			#sidebar .sideMenu {
				position: relative;
				padding-top: 2px;
				background: #1a3c4c;
				list-style: none;
				margin: 0;
			}
		
			#sidebar .sideMenu:before {
				top: 20px;
				bottom: 25px;
				position: absolute;
				content: "";
				width: 1px;
				background-color: #aeb2b7;
				left: 51px;
			}

			#sidebar .sideMenu  li {
				margin: 10px 0;
			}

			#sidebar .sideMenu  li:before,
			#sidebar .sideMenu  li:after {
				content:" ";
				display:table;
			}

			#sidebar .sideMenu li:after {
				clear:both;
			}

			#sidebar .sideMenu li a {
				display: block;
				margin-left: 11px;
				margin-top: -37px;
				padding: 15px 0 15px 25px;
				text-decoration: none;
				font-size: 14px;
				color: #fff;
			}

			#sidebar .sideMenu li a:focus,
			#sidebar .sideMenu li a:hover {
				background: #f45246;
			}

			#sidebar .sideMenu li.active a,
			#sidebar .sideMenu li a:focus,
			#sidebar .sideMenu li a:hover{
				background: #f45246;
			}

			#sidebar .sideMenu li i {
				position: relative;
				padding: 5px;
				background: #1a3c4c;
				border: 1px solid #aeb2b7;
				border-radius: 50%;
				font-size: 10px;
				color: #aeb2b7;
			}
	
		/* ========== SIDE BAR SUBMENU ========== */
			#sidebar .subMenu {
				margin-left: 0;
			}

			#sidebar .subMenu span {
				position: relative;
				margin-left: 6px;
				padding: 0px 4px;
				background: #1a3c4c;
				border: 1px solid #aeb2b7;
				border-radius: 50%;
				font-size: 6px;
				color: #aeb2b7;
			}

			#sidebar .subMenu li a {
				display: block;
				margin-left: 11px;
				margin-top: -24px;
				padding: 5px 0 5px 25px;
				text-decoration: none;
				font-size: 14px;
				color: #fff;
			}
	
			.overlay {
				position: fixed;
				width: 100vw;
				height: 100vh;
				background: rgba(0, 0, 0, 0.7);
				z-index: 1050;
				display: none;
			}
		
		/* ========== SIDE BAR MOBIE ========== */
			@media (max-width:767px) {
				#sidebar {
					left: -250px;
					padding-top: 0px;
					height: 100vh;
					z-index: 1200;
					
				}

				#sidebar.active {
					left: 0;
				}
				
				#contents {
					width: 100%;
					min-height: 100vh;
					transition: all 0.3s;
					position: absolute;
				}
			}
/* ========== END SIDE BAR ========== */
	
	
/* ========== HEADER ========= */

	.header {
			height: 768px;
			background-repeat: no-repeat;
			background-position: 50% 50% !important;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		}
		
		@media (max-width:1367px) {
			.header {
				height: 750px;
				background-position: 50% 50%;
			}
		}
		
		@media (max-width:767px) {
			.header {
				height: 1100px;
				background-position: 20% 50%;
			}
		}
	
		.header .bannerTitle {
			margin-top: 60px;
			padding: 15px;
		}
		
	/* ========== TOP NAV ========= */
		
		.topbar {
			padding: 10px;
		}
		
		.socialLink, 
		.topContact{
			margin-bottom: 0px;
		}
		
		.socialLink li, 
		.topContact li{
			line-height: 25px;
			text-shadow: 0px 0px 30px rgb(0, 0, 0);
		}
		
		.topContact a {
			color: #feb100;
		}
			
		/* ========== LANGUAGE DROPDOWN MENU ========== */
	
			.language {
				margin-right: 10px;
			}
			
			.language .dropdown-menu {
				top: 13px !important;
				left: -25px !important;
				min-width: 120px !important;
				padding: 0;
				background-color: #feb100;
				border-radius: 0;
			}
			
			.language .dropdown-menu li{
				padding: 10px 20px;
			}
			
			.language .dropdown-menu li a{
				text-align: left;
				color: #162f2d;
			}
			
			.language .dropdown-menu li:hover, 
			.language .dropdown-menu li:focus,
			.language .dropdown-menu li:hover a, 
			.language .dropdown-menu li:focus a,
			.dropdown-menu > li.active,
			.dropdown-menu > li.active a{
				background: #162f2d;
				color: #feb100;
			}
	/* ========== END TOP NAV ========= */
		
		
	/* ========== NAVBAR ========= */
			
		.Mynavbar{
			height: 80px;
			border-radius: 0px;
			margin-bottom: 0px;
			border: none;
			z-index: 10;
		}
		
		.navbar-brand img{
			margin-top: 5px;
			margin-left: 15px;
		}

		.Mynavbar .navbar-nav li{
			margin: 0px;
		}
		
		.Mynavbar .navbar-nav li a {
			padding: 32px 10px;
			color: #fff;
			line-height: 30px;
			font-size: 20px;
			text-shadow: 0px 0px 30px rgb(0, 0, 0);
		}
		
		.Mynavbar .navbar-nav li a:hover,
		.Mynavbar .navbar-nav li a:focus{
			color: #feb100;
		}
		
		.Mynavbar .navbar-nav li.active a, 
		.Mynavbar .navbar-nav li.active a:hover, 
		.Mynavbar .navbar-nav li.active a:focus {
			background-color: #162f2d;
			color: #feb100;
		}

		.sticky.navbar {
		  border-radius: 0;
		  -webkit-transition: all 0.3s ease-out;
		  -moz-transition: all 0.3s ease-out;
		  -o-transition: all 0.3s ease-out;
		  transition: all 0.3s ease-out;
		}
		.sticky .show-is-sticky,
		.sticky .show-not-sticky {
		  -webkit-transition: all 0.3s ease-out;
		  -moz-transition: all 0.3s ease-out;
		  -o-transition: all 0.3s ease-out;
		  transition: all 0.3s ease-out;
		  opacity: 0;
		  visibility: hidden;
		}
		.sticky .show-not-sticky {
		  opacity: 1;
		  visibility: visible;
		}
		.sticky.is-sticky {
			background: #162f2d;
			height: 80px;
			position: fixed;
			left: 0;
			right: 0;
			top: 0;
			z-index: 1000;
			width: 100%;
		}
		.sticky.is-sticky .show-is-sticky {
		  opacity: 1;
		  visibility: visible;
		}
		.sticky.is-sticky .show-not-sticky {
		  opacity: 0;
		  visibility: hidden;
		}
		
		.sticky.is-sticky  .navbar-brand img {
			display: block;
		}
		
		@media (max-width: 991px) {
			.Mynavbar .navbar-nav li a {
				font-size: 16px;
			}
		}
		
		@media (max-width:767px) {
			.sr-only {
				position: absolute;
				width: 1px;
				height: 1px;
				padding: 0;
				margin: -1px;
				overflow: hidden;
				clip: rect(0,0,0,0);
				border: 0;
			}
			
			.navbar-toggle {
				position: relative;
				float: right;
				padding: 9px 10px;
				margin-top: 15px;
				margin-right: 15px;
				margin-bottom: 8px;
				background-color: transparent;
				background-image: none;
				border: 1px solid transparent;
				border-radius: 0px;
				border-color: #feb100;
			}

			.navbar-toggle .icon-bar {
				display: block;
				width: 22px;
				height: 2px;
				background-color: #feb100;
				border-radius: 1px;
			}
			
			.navbar-toggle .icon-bar+.icon-bar {
				margin-top: 4px;
			}
			
			.Mynavbar .navbar-nav {
				display: none;
			}
			
			.Mynavbar .navbar-nav li a {
				font-size: 14px;
			}
			
			/* .Mynavbar {
				background-color: rgba(255, 200, 0, 0);
			} */
		}
	/* ========== END NAVBAR ========= */
	
/* ========== END HEADER ========= */


/* ========== MODAL FORM ========= */

		.btn-modalClose {
			position: absolute;
			right: 10px;
			top: 65px;
			padding: 0;
			background: transparent;
			border: 2px solid #fff;
		}
		
		.btn-modalClose .fa {
			color: #fff;
		}
		
		.btn-modalClose:focus .fa,
		.btn-modalClose:hover .fa		{
			color: #162f2d;
		}
		
		@media (min-width: 768px){
			.modal-dialog {
				max-width: 700px;
				margin: 30px auto;
			}
		}
/* ========== END MODAL FORM ========= */

/* ========== BANNER ========= */
	
	/* ========== HOME BANNER ========= */
		
		.bannerText {
			margin: 55px auto 0px;
			padding: 40px 20px;
		}
		
		.bannerText h5{
			text-shadow: 0px 0px 30px rgb(0, 0, 0);
			color: #fff;
		}
		
		@media (min-width: 1200px){
			.bannerText {
				width: 620px;
				margin: 15px auto 0px;
				padding: 40px 20px;
			}
		}
		
		.banner-2 {
			height: 400px;
			background-image: url("../img/taxi-team.jpg") !important;
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-position: 50% 50%;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		}
	
		.banner-2 .bannerTitle {
			margin-top: 60px;
			padding: 15px;
		}
	
		.banner-2 h1,
		.banner-2 h3,
		.banner-2 p {
			color: #fff;
		}
	
		.phoneApp {
			width: 261px;
			height: 550px;
			margin: 55px auto 0px;
			background-image: url(../img/iphone-banner.png) !important;
			background-size: cover !important;
			position: relative;
		}
		
		.appLogo {
			
		}
		
		.phoneScreen {
			position: absolute;
			width: 200px;
			bottom: 15%;
			left: 32px;
		}
		
		.phoneScreen p {
			font-size: 16px;
		}
		
		.buttonApp {
			display: block;
			width: 180px;
			margin: 15px auto;
			background-color: #feb100;
		}
		
		#taxiCar {
			background-image: url(../img/taxi.png) !important;
			display: block;
			width: 500px;
			height: 200px;
			top: 350px;
			position: absolute;
			transform: translate(0%, 0%);
			transition: all 1s ease-out;
				}

		#taxiCar.move  {
			transform: translate(250%, 0%);
		}
		
		@media (max-width: 1367px){
		.phoneApp {
			width: 210px;
			height: 440px;
		
		}
		
		.phoneScreen {
			width: 165px;
			left: 25px;
		}
		
		.phoneScreen p {
			font-size: 12px;
			margin: auto;
		}
		
		.buttonApp {
			display: block;
			width: 160px;
			margin: 15px auto;
			background-color: #feb100;
		}
	}
/* ========== END BANNER ========= */


/* ========== REGISTER FORM ========== */

	.registerForm-Modal,
	.registerForm-Mini{
		background: #162f2d;
		margin: 55px auto 0px;
		padding: 40px 20px;
	}
	
	.registerForm-Modal h1,
	.registerForm-Modal h3 {
		color: #fff;
	}
		
	.registerForm-Modal form,
	.registerForm-Mini form{
		margin: 20px;
	}
	
	.registerForm-Modal .form-group,
	.registerForm-Mini .form-group	{
		position: relative;
		height: 70px;
		margin: 20px auto;
	}
	
	.registerForm-Modal .help-block,
	.registerForm-Mini .help-block	{
		color: #fff;
	}
	
	.registerForm-Mini .btn-singUp {
		border-radius: 0px;
	}
	
	.registerForm-Mini .btn-singUp:hover{
		background: #fff;
		box-shadow: 0 0 0 3px rgba(255, 200, 0, 0);
	}
	
	.registerForm-Mini .btn-singUp:focus{
		background: #feb100;
		box-shadow: 0 0 0 3px rgba(255, 200, 0, 0);
	}
	
	.registerForm-Modal .btn-aplication,
	.registerForm-Modal .btn-send,
	.registerForm-Mini .btn-aplication,
	.registerForm-Mini .btn-send {
		margin-top: 0px;
		padding-left: 25px;
		font-size: 18px;
		border-radius: 0px;
		line-height: 0;
	}
	
	#registerForm-Full input{
		color: #495057;
	}
	.carSelect input:-webkit-autofill,
	.carSelect input:-webkit-autofill:hover, 
	.carSelect input:-webkit-autofill:focus
	.carSelect input:-webkit-autofill, 
	.carSelect textarea:-webkit-autofill,
	.carSelect textarea:-webkit-autofill:hover
	.carSelect textarea:-webkit-autofill:focus,
	.carSelect select:-webkit-autofill,
	.carSelect select:-webkit-autofill:hover,
	.carSelect select:-webkit-autofill:focus,
	#registerForm-Full input:-webkit-autofill,
	#registerForm-Full input:-webkit-autofill:hover, 
	#registerForm-Full input:-webkit-autofill:focus
	#registerForm-Full input:-webkit-autofill, 
	#registerForm-Full textarea:-webkit-autofill,
	#registerForm-Full textarea:-webkit-autofill:hover
	#registerForm-Full textarea:-webkit-autofill:focus,
	#registerForm-Full select:-webkit-autofill,
	#registerForm-Full select:-webkit-autofill:hover,
	#registerForm-Full select:-webkit-autofill:focus {
		  -webkit-text-fill-color: #000;
		  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
		  transition: background-color 5000s ease-in-out 0s;
		  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,174,255,0.04) 50%,rgba(255,255,255,0) 51%,rgba(0,174,255,0.03) 100%);  
		}
	

	@media (max-width: 991px){
		
		.registerForm-Modal .btn-aplication,
		.registerForm-Modal .btn-send,
		.registerForm-Mini .btn-aplication,
		.registerForm-Mini .btn-send {
			margin-top: 0px;
			padding-left: 15px;
			font-size: 15px;
			border-radius: 0px;
			line-height: 0;
		}
		
	}
	
	@media (max-width: 767px){
		
		.registerForm-Modal, .registerForm-Mini {
			background: #162f2d;
		}
		
		.registerForm-Mini .collapsing,
		.registerForm-Mini .collapse.show {
			display: block;
			position: absolute;
			background: #162f2d;
			width: 100%;
			margin: 0;
			left: 0;
			right: 0;
			padding: 20px;
			z-index: 1;
		}
		
		.registerForm-Modal .btn-aplication,
		.registerForm-Modal .btn-send,
		.registerForm-Mini .btn-aplication,
		.registerForm-Mini .btn-send {
			margin-top: 0px;
			padding-left: 15px;
			font-size: 18px;
			border-radius: 0px;
			line-height: 0;
		}
	}
	
	/* ========== INPUT ========== */
		input {
			padding: 5px 10px 10px 5px;
			display: block;
			background: transparent;
			width: 100%;
			padding: 5px 10px 10px 5px;
			font-size: 18px;
			color: #fff;
			border: none;
			border-bottom: 1px solid #f7d504;
		}
				
		input:-webkit-autofill,
		input:-webkit-autofill:hover, 
		input:-webkit-autofill:focus
		input:-webkit-autofill, 
		textarea:-webkit-autofill,
		textarea:-webkit-autofill:hover
		textarea:-webkit-autofill:focus,
		select:-webkit-autofill,
		select:-webkit-autofill:hover,
		select:-webkit-autofill:focus {
		  -webkit-text-fill-color: #fff;
		  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
		  transition: background-color 5000s ease-in-out 0s;
		  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,174,255,0.04) 50%,rgba(255,255,255,0) 51%,rgba(0,174,255,0.03) 100%);  
		}

		input:focus {
			outline: none;
		}

	/* ========== LABEL CUSTOME ========== */
			
		label {
			position: absolute;
			left: 5px;
			top: 10px;
			font-size: 18px;
			font-weight: normal;
			color: #fed700;
			pointer-events: none;
			transition: 0.2s ease all;
			-moz-transition: 0.2s ease all;
			-webkit-transition: 0.2s ease all;
		}
		

		/* ACTIVE STATE */
		input:focus ~ label, input:valid ~ label {
			top: -20px;
			font-size: 14px;
			color: #fff;
		}
				
	/* ========== BOTTOM BARS ========== */

		.bar {
			position: relative;
			display: block;
			width: 100%;
		}

		.bar:before, .bar:after {
			content: '';
			height: 2px;
			width: 0;
			bottom: 1px;
			position: absolute;
			background: #f7d504;
			transition: 0.2s ease all;
			-moz-transition: 0.2s ease all;
			-webkit-transition: 0.2s ease all;
		}

		.bar:before {
			left: 50%;
		}

		.bar:after {
			right: 50%;
		}

		/* ACTIVE STATE */
			input:focus ~ .bar:before, input:focus ~ .bar:after {
			width: 50%;
		}

	/* ========== HIGHLIGHTER ========== */
			
		.highlight {
			position: absolute;
			height: 60%;
			width: 100px;
			top: 25%;
			left: 0;
			pointer-events: none;
			opacity: 0.5;
		}

		/* ACTIVE STATE */
		input:focus ~ .highlight {
			-webkit-animation: inputHighlighter 0.3s ease;
			-moz-animation: inputHighlighter 0.3s ease;
			animation: inputHighlighter 0.3s ease;
		}

		/* ANIMATIONS */
		@-webkit-keyframes inputHighlighter {
			from {
				background: #fff;
			}

			to {
				width: 0;
				background: transparent;
			}
		}

		@-moz-keyframes inputHighlighter {
			from {
				background: #fff;
			}

			to {
				width: 0;
				background: transparent;
			}
		}

		@keyframes inputHighlighter {
			from {
				background: #fff;
			}

			to {
				width: 0;
				background: transparent;
			}
		}
		
	/* ========== CAR SELECTOR ========== */	
		.carSelect{
			margin-top: -5px;
		}
		
		.carSelect p {
			margin-left: 5px;
			font-size: 18px;
			font-weight: normal;
			color: #fed700 !important;
			pointer-events: none;
		}
/* ========== END REGISTER FORM ========== */


/* ========== SECTION FEATURE ========= */
	
		.feature  {
			/* background-image: url("http://www.warburgpincus.com/content/uploads/2015/03/NY_bg.png") !important; */
			background-color: #162f2d;
			background-position: 50% 60%;
		}
		
		.featureAbout .fa {
			display: block;
			width: 90px;
			height: 90px;
			margin: auto;
			background: #162f2d;
			color: #feb100;
			text-align: center;
			line-height: 90px;
		}
		
		.featureAbout h3 {
			color: #162f2d;
		}
		
		.feature .fa {
			display: block;
			width: 90px;
			height: 90px;
			margin: auto;
			background: #feb100;
			color: #162f2d;
			text-align: center;
			line-height: 90px;
		}
		
		.feature h3 {
			color: #feb100;
		}
/* ========== END FEATURE ========= */


/* ========== SECTION APPLICATION ========= */
		
		section.aplication {
			background-image: url(../img/app.jpg) !important;
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-position: 0% -90%;
			-webkit-box-shadow: inset 0 35px 20px -20px rgba(0,0,0,0.75), inset 0 -35px 20px -20px rgba(0,0,0,0.75);
			-moz-box-shadow: inset 0 35px 20px -20px rgba(0,0,0,0.75), inset 0 -35px 20px -20px rgba(0,0,0,0.75);
			box-shadow: inset 0 35px 20px -20px rgba(0,0,0,0.75), inset 0 -35px 20px -20px rgba(0,0,0,0.75);
			padding: 50px 0 0 0;
		}
		
		.aplication .phoneApp {
			width: 300px;
			height: 450px;
			margin-top: 200px;
			background-image: url(../img/iphone-banner.png) !important;
			background-size: cover !important;
			position: relative;
		}
		
		.aplication .appLogo {
			position: absolute;
			bottom: 11%;
			margin: 0 30px 0;
		}
		
		.downloadLink {
			margin-top: 190px;
		}
		
		.downloadLink h2{
			font-size: 60px;
			color: #fff;
			text-shadow: 0px 0px 30px rgb(0, 0, 0);
		}
		
		.btn-aplication {
			margin-top: 50px;
			padding-left: 25px;
			font-size: 20px;
			border-radius: 0px;
		}
		
		.btn-aplication:focus,
		.btn-aplication:hover {
			background: #feb100;
			color: #162f2d;
		}
		
		.btn-aplication:focus .fa,
		.btn-aplication:hover .fa{
			color: #162f2d;
		}
		
		.btn-aplication .fa {
			font-size: 20px;
		}
		
		@media (min-width: 1366px){
			section.aplication {
				height: 700px;
				background-position: 0% -65%;
			}
			
			.aplication .phoneApp {
				margin-top: 200px;
			}
			
			.downloadLink {
				margin-top: 190px;
			}
		}
		
		@media (max-width: 1366px){
			section.aplication {
				background-position: 0% -90%;
			}
			
			.aplication .phoneApp {
				margin-top: 120px;
			}
			
			.downloadLink {
				margin-top: 50px;
			}
		}
		
		@media (min-width: 768px) and (max-width: 991px) {
			.downloadLink h2 {
				font-size: 45px;
				color: #fff;
			}
		}
/* ========== END SECTION APPLICATION ========= */


/* ========== SECTION SERVICE ========= */
		.service{
			
		}
		
		.service .side-background {
			background-repeat: no-repeat;
			height: 600px;
		}
		
		.service .side-background.left-img{
			background-position: 0% 0%;
		}
		
		.service .side-background.right-img{
			background-position: 100% 0%;
		}
		
		.section-title p {
			margin-bottom: 0px;
			font-size: 20px;
			font-weight: 400;
		}
		
		.service .container-fluid,
		.service .container-fluid .item{
			padding-right: 0px;
			padding-left: 0px;
		}
		
		.ovrly12 {
		width: 100%;
		overflow: hidden;
		position: relative;
		-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
		box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
		}
		.ovrly12 img {
			width: 100%;
			top: 0;
			left: 0;
		}
		.ovrly12 .ovrly {
			position: absolute;
			background: rgba(0, 0, 0, 0.5);
			height: 100%;
			left: 0;
			top: 0;
			-webkit-transform: scale(0);
			-moz-transform: scale(0);
			-ms-transform: scale(0);
			-o-transform: scale(0);
			transform: scale(0);
			width: 100%;
			-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
			-moz-transition: -moz-transform 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
			-o-transition: -o-transform 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
			transition: transform 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
		}
		.ovrly12 .caption {
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}
		.ovrly12 .caption h3,
		.ovrly12 .caption p,
		.ovrly12 .caption a {
			color: #fff;
			-webkit-transition: all 0.3s 0.2s;
			-moz-transition: all 0.3s 0.2s;
			-o-transition: all 0.3s 0.2s;
			transition: all 0.3s 0.2s;
			opacity: 0;
		}

		.ovrly12 .caption h3 {
			font-size: 32px;
			text-align: center;
		}

		.ovrly12 .caption a {
			background-color: #feb100;
			color: #162f2d;
		}

		.ovrly12:hover .ovrly {
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-ms-transform: scale(1);
			-o-transform: scale(1);
			transform: scale(1);
		}
		.ovrly12:hover .caption h3,
		.ovrly12:hover .caption p,
		.ovrly12:hover .caption a {
			opacity: 1;
		}
		
		@media (max-width: 1199px) {
			.ovrly12 .caption {
				position: absolute;
				top: 50%;
				left: 30%;
				text-align: center;
				-webkit-transform: translate(-20%, -50%);
				-moz-transform: translate(-20%, -50%);
				-ms-transform: translate(-20%, -50%);
				-o-transform: translate(-20%, -50%);
				transform: translate(-20%, -50%);
			}
		}
		
		@media (min-width: 768px) and (max-width: 991px) {
			.ovrly12 .caption h3 {
				font-size: 25px;
			}
		}
/* ========== END SECTION SERVICE ========= */


/* ========== SECTION ABOUT US ========= */
	
		section.aboutUs {
			background-image: url("../img/aboutus.jpg") !important;
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-position: 0% 50%;
			-webkit-box-shadow: inset 0 35px 20px -20px rgba(0,0,0,0.75), inset 0 -35px 20px -20px rgba(0,0,0,0.75);
			   -moz-box-shadow: inset 0 35px 20px -20px rgba(0,0,0,0.75), inset 0 -35px 20px -20px rgba(0,0,0,0.75);
			        box-shadow: inset 0 35px 20px -20px rgba(0,0,0,0.75), inset 0 -35px 20px -20px rgba(0,0,0,0.75);
			padding: 50px 0;
		}
		
		section.aboutUs p {
			color: #fff;
		}
/* ========== END SECTION ABOUT US ========= */	

		.achievement{
			background-image: url("http://theoutlook.com.ua/uploads/user/%D1%82%D0%B0%D0%BA%D1%81%D0%B8%20NYC/wallup-120334.jpg") !important;
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-position: 0% 50%;
			/* -webkit-box-shadow: inset 0 35px 20px -20px rgba(0,0,0,0.75), inset 0 -35px 20px -20px rgba(0,0,0,0.75);
			   -moz-box-shadow: inset 0 35px 20px -20px rgba(0,0,0,0.75), inset 0 -35px 20px -20px rgba(0,0,0,0.75);
			        box-shadow: inset 0 35px 20px -20px rgba(0,0,0,0.75), inset 0 -35px 20px -20px rgba(0,0,0,0.75); */
		}
		
		.projectOne{
			
			border-radius: 50%;
			width: 160px;
			height: 160px;
			text-align: center;
			padding-top: 20px;
		}
		
		.projectTwo{

			border-radius: 50%;
			width: 160px;
			height: 160px;
			text-align: center;
			padding-top: 20px;
		}
		
		.projectThree{
			
			border-radius: 50%;
			width: 160px;
			height: 160px;
			text-align: center;
			padding-top: 20px;
		}
		
		.projectFour{
			
			border-radius: 50%;
			width: 160px;
			height: 160px;
			text-align: center;
			padding-top: 20px;
		}
		
		.projectBox .fa {
			width: auto;
		}
		
		.projectAll p,
		.projectBox p {
			margin: 0;
			font-family: "Poiret One"; /* Exo Bold Extra, Exo Bold, Exo Bold Semi, Exo Medium, Exo Thin, Exo Light, Exo Light Extra, Poiret One */
		}
		
		.projectBox p:nth-child(2) {
			font-size: 45px;
			color: #fff;
		}
		.projectBox p:nth-child(3){
			font-size: 22px;
			color: #fff;
		}

		.projectBox p:nth-child(4){
			font-size: 20px;
			color: #fff;
		}	
		
/* ========== END PRICE PLAN ========= */

	.pricing-tables {
	  margin: 60px 0 0;
	  padding: 0;
	}

	.plan {
	  text-align: center;
	  margin-bottom: 40px !important;
	  padding: 0;
	}

	.plan.round-corners .header {
	  -webkit-border-radius: 25px 25px 0 0;
	  -moz-border-radius: 25px 25px 0 0;
	  border-radius: 25px 25px 0 0;
	}

	.plan.round-corners ul li:last-child,
	.plan.round-corners ul {
	  -webkit-border-radius: 0 0 25px 25px;
	  -moz-border-radius: 0 0 25px 25px;
	  border-radius: 0 0 25px 25px;
	}

	.plan .header {
	  padding: 0;
	  margin: 0 -1px;
	  border: none;
	}

	.plan .header h3 {
	  font-size: 36px;
	  margin: 0;
	  line-height: 36px;
	  font-weight: 300;
	  padding: 15px 0 10px;
	  border: 1px solid rgba(0, 0, 0, 0.05);
	  border-top: none;
	  color: #feb100;
	}

	.plan .header .price {
	  font-size: 28px;
	  padding: 8px 0 10px;
	  font-weight: 300;
	  background-color: rgba(255, 255, 255, 0.1);
	  border: 1px solid rgba(0, 0, 0, 0.1);
	  border-top: 1px solid rgba(255, 255, 255, 0.15);
	  line-height: 1;
	  color: #ffffff;
	}

	.plan ul {
	  margin: 0;
	  padding: 0;
	  font-size: 14px;
	  list-style: none;
	}

	.plan ul li {
	  padding: 12px 0px;
	  font-size: 13px;
	  border-bottom: 1px solid #f3f3f3;
	  border-top: 1px solid #ffffff;
	  color: #162f2d;
	}

	.plan.best-value ul li {
	  padding: 15px 0;
	}

	.best-value .header h3,
	.best-value .header .price {
	  color: #162f2d;
	}

	/* Small devices (tablets, 768px and up) */
	@media (min-width: 768px) {
	  .best-value.plan {
		top: -30px;
		position: relative;
		z-index: 2;
	  }
	}
/* ========== END PRICE PLAN ========= */


/* ========== JOB TYPE ========= */

	.media-heading{
		
	}
/* ========== JOB TYPE ========= */

		
/* ========== FOOTER ========= */
	
		footer {
			background: #162f2d;
		}
		
		footer hr {
			    border-top: 1px solid #333;
		}
		
		/* ========== FOOTER BRAND ========= */
			
			.brandName a{
				
				color: #ffffff;
				font-size: 90px;
				font-weight: 700;
			}
			
			.brandName a span{
				color: #feb100;
			}
		
			.footerAbout p{
				color: #777777;
				font-size: 13px;
			}
				
		/* ========== FOOTER LINK ========= */
				
			.footerLink {
				margin-top: 30px;
			}
			
			.footerLink .title {
				color: #fff;
			}
			
			.footerLink li{
				line-height: 30px;
				color: #feb100;
			}
			
			.footerLink li a{
				color: #feb100;
			}
			
			.footerLink li i{
				color: #777;
			}
			
		/* ========== SUB FOOTER ========= */
		
			.subFooter {
				padding: 15px 0;
			}
			
			.textCopyright{
				line-height: 35px;
				color: #777;
			}
			
			.textCopyright a{
				color: #ffd405;
			}
			
			.subFooter ul {
				margin-bottom: 0;
			}
			
			.footerSocial li .fa {
				background: #162f2d;
				color: #feb100;
				transition: ease-out 0.5s;
				-webkit-transition: ease-out 0.3s;
				   -moz-transition: ease-out 0.3s;
					 -o-transition: ease-out 0.3s;
			}
			
			.footerSocial li .fa:hover {
				background: #feb100;
				color: #1a1a1a;
			}
/* ========== END FOOTER ========= */


/*!
 * Propeller v1.1.0 (http://propeller.in): button.css
 * Copyright 2016-2017 Digicorp, Inc.
 * Licensed under MIT (http://propeller.in/LICENSE)
*/



/* -- Buttons varients -------------------------------- */
/* -- Buttons raised --*/
.pmd-btn-raised { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);}
.pmd-btn-raised:active,.pmd-btn-raised.active,.pmd-btn-raised:active:focus,.pmd-btn-raised.active:focus { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);}
.pmd-btn-raised:focus { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);}

/* -- Buttons circle --*/
.btn.pmd-btn-fab { padding: 0; border-radius: 50%;}



/* -- Buttons circle sizes --*/
.pmd-btn-fab { width: 56px; height: 56px; min-width: 56px;}
.pmd-btn-fab span { line-height: 56px;}
.pmd-btn-fab.btn-lg { width: 78px; height: 78px; min-width: 78px;}
.pmd-btn-fab.btn-lg span { line-height: 78px;}
.pmd-btn-fab.btn-sm { width: 40px; height: 40px; min-width: 40px;}
.pmd-btn-fab.btn-sm span, .pmd-btn-fab.btn-sm i { line-height: 40px;}
.pmd-btn-fab.btn-xs { width: 30px; height: 30px; min-width: 30px;}
.pmd-btn-fab.btn-xs span, .pmd-btn-fab.btn-xs i { line-height: 30px;}

/* --------------------------------- Ripple effect -------------------------------- */
.pmd-ripple-effect { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0);}
.ink { display: block; position: absolute; pointer-events: none; border-radius: 50%; -ms-transform: scale(0); transform: scale(0); background: #fff; opacity: 1;}
.ink.animate { animation: ripple .5s linear;}



/* Propeller css for Floating Action Button*/

	.menu {
		cursor: pointer;
	}

	.pmd-floating-action { 
		bottom: 0; 
		position: fixed;  
		margin:1em;  
		right: 0;
		z-index: 5;
		
	}
		
	.pmd-floating-action-btn { 
		display:block; 
		position: relative; 
		transition: all .2s ease-out;
		color: #162f2d  !important;
		cursor: pointer;
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 1);
		-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 1);
		box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 1);
	}
	
	.pmd-floating-action-btn p{ 
		line-height: 56px;
		font-size: 14px;
	}
	
	.pmd-floating-action-btn i{ 
		line-height: 80px;
		font-size: 25px;
	}
	
	.pmd-floating-action-btn:active, 
	.pmd-floating-action-btn:focus, 
	.pmd-floating-action-btn:hover  {
		box-shadow: 0px 5px 11px -2px rgba(0, 0, 0, 0.18), 0px 4px 12px -7px rgba(0, 0, 0, 0.15);
	}
	
	.pmd-floating-action-btn:not(:last-child){ 
		opacity: 0; -ms-transform: translateY(20px) scale(0.3); 
		transform: translateY(20px) scale(0.3); 
		margin-bottom:15px; 
		margin-left:10px; 
		position:absolute; 
		bottom:0;
	}
	
	.pmd-floating-action-btn:not(:last-child):nth-last-child(1) { transition-delay: 50ms;}
	
	.pmd-floating-action-btn:not(:last-child):nth-last-child(2) { transition-delay: 100ms;}
	
	.pmd-floating-action-btn:not(:last-child):nth-last-child(3) { transition-delay: 150ms;}
	
	.pmd-floating-action-btn:not(:last-child):nth-last-child(4) { transition-delay: 200ms;}
	
	.pmd-floating-action-btn:not(:last-child):nth-last-child(5) { transition-delay: 250ms;}
	
	.pmd-floating-action-btn:not(:last-child):nth-last-child(6) { transition-delay: 300ms;}
	
	.pmd-floating-action-btn:not(:last-child):nth-last-child(7) { transition-delay: 350ms;}
	
	.pmd-floating-action:hover .pmd-floating-action-btn{ 
		opacity: 1; 
		-ms-transform: none; 
		transform: none; 
		position:relative; 
		bottom:auto;
	}
	
	.pmd-floating-action:hover 
	.pmd-floating-action-btn:before { 
		opacity: 1;
	}
	
	.pmd-floating-action-btn.btn:hover{ 
		overflow:visible;
	}

	.pmd-floating-action-btn .ink{ 
		width:50px; height:50px;
	}