@font-face {
            font-family: lato-bold;
            src: url(../fonts/lato-bold.ttf);
        }
		
		@font-face {
            font-family: lato-regular;
            src: url(../fonts/lato-regular.ttf);
        }

        body {
            background: #081E33;
            font-family: lato;
        }

        h1, h3 {
            font-family: lato-bold;
            color: #fff;
            text-align: center;
        }

/*Section Resize*/

        .page-small {
            -webkit-transform: scale(0.95);
            -moz-transform: scale(0.95);
            -ms-transform: scale(0.95);
            transform: scale(0.95);
            transform-origin: 40% 50%;
            -webkit-transition-duration: 1s;
            transition-duration: 1s;
        }

        .page-full {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            -webkit-transition-duration: 1s;
            transition-duration: 1s;
        }

        .adaptive-modal {
            background-color: blue;
        }
		
/* Section00 - Home */
        #section0 {
            position: relative;
            display: table;
            width: 100%;
            height: 100%;
            background: url(../img/banner00.jpg) no-repeat center center scroll;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }
		
/* Section01 - About */

        #section1 {
            
        }
		
		#section1 p {
			color:#fff;
			text-align:justify;
		}
		
		#section1 a {
			color:#18C1F0;
			text-decoration:none;
		}


		.am-expanded.am-back {
			padding: 30px 10px 10px 10px;
			text-align:center;
			width: 320px;
			margin-left:250px;
		}
			
		.am-overlay {
			background:none !important;
		}
		
		.am-expanded.am-back {
			padding: 20px;
			text-align:justify;
			width: 300px;
		}
		
		.am-expanded.am-back h3 {
			font-size:1.5em;
			padding-bottom:20px;
			color:#18C1F0;
		}
		
		.am-expanded.am-back p {
			color:#fff;
			font-size:1em;
		}
		
/* Section02 - Services */
        #section2 {
            position: relative;
            display: table;
            width: 100%;
            height: 100%;
            background: url(../img/banner02.jpg) no-repeat center center scroll;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

/*Cloud9 Carousel*/

        #showcase {
            height: 620px;
			margin-bottom:-100px;
			
        }

        #nav > button {
            color: #fff;
            cursor: pointer;
            background: none;
        }
		
		#nav {
			margin:0px; 
			padding:0px; 
			position:absolute; 
			z-index:9999;  
			top:42%;
			left:20%;
			bottom: 0;
			right: 20%;
		}

        #nav > button:active,
        #nav > button.down {

        }
		
		#nav i {
			color:#0097FC;
		}
		
		.card-blue {
			width:350px;	
			padding:20px 20px 5px 20px;;
			text-align:center;
			border-radius:15px;
			border: none;
			background: #0097FC;
			background: -webkit-linear-gradient(60deg, #005188, #0086E2);
			background: -o-linear-gradient(60deg, #005188, #0086E2);
			background: -moz-linear-gradient(60deg, #005188, #0086E2);
			background: linear-gradient(60deg, #005188, #0086E2);
		}
		
		.card-img-top {
			width:20%;
		}
		
		.card-blue h4, .card-blue p{
			color: #fff;
		}
		
		.card-blue h4 {
			padding:10px;
			font-size:1.2em;
			margin:0px !important;
		}
		
		.card-blue p{
			font-family: lato-regular;
			text-align: justify;
			font-size: 90%;
		}
		
		.card-block {
			padding-bottom:20px;
		}
		
		.card-footer {
			background:none;
		}
		
/* Section 3 - Portfolio */
        #section3 {
            position: relative;
            display: table;
            width: 100%;
            height: 100%;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

	
		#section3 h4, #section3 p {
			color:#fff;
		}
		
		.slide {
			text-align:center;
		}
		
		
		.slide button {
			font-family:lato-bold;
			text-transform:uppercase;
			padding:10px;
			letter-spacing:1.2px;
			background:#081E33;
			border:none;
			position: absolute;
			top: 80%; 
			left: 50%; 
			transform: translate(-50%, -50%);
		}
		
		.slide img {
			width:30%;
		}
		
		.fp-controlArrow.fp-next {
			border-color: transparent transparent transparent #18C1F0;
		}
		.fp-controlArrow.fp-prev {
			border-color: transparent #18c1f0 transparent transparent;
		}
		
        #slide1, #slide2, #slide3 {
            position: relative;
            display: table;
            width: 100%;
            height: 100%;
        }

        #slide1 {
            background: url(../img/dreamhomes-banner.jpg) no-repeat center center scroll;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

        #slide2 {
            background: url(../img/neozep-banner.jpg) no-repeat center center scroll;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

        #slide3 {
            background: url(../img/project-earth-banner.jpg) no-repeat center center scroll;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }
		
/* Section 4  - Contact*/
        #section4 {
            position: relative;
            display: table;
            width: 100%;
            height: 100%;
            background: url(../img/banner-contact.jpg) no-repeat center center scroll;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

/* SideBar Navigation */
		
		#menu-toggle {
			border: solid 2px #18C1F0
			border-radius:50%;
			color:#18C1F0;
		}
		
        #sidebar-wrapper {
            background: #081E33;
        }

        .sidebar-nav {
            padding-top: 80px;
        }

        .sidebar-nav li a {
            color: #fff !important;
            text-transform: uppercase;
            font-size: 1.2em;
			font-family:lato-bold;
            letter-spacing: 2px;
        }

        #menu-close {
            background: none;
            border: solid 2px #18C1F0;
            border-radius: 50%;
            color: #18C1F0;
            margin-top: -70px;
        }
		
		.push-to-bottom {
		  position: absolute;
		  bottom: 5px;
		  left: 20%;
		  margin-left: -50px;
		  text-align:center;
		}
		
		.push-to-bottom img {
		  width:50%;
		}
		
		.push-to-bottom span, .push-to-bottom a {
			color:#ffc000 !important;
		}
		.push-to-bottom p {
			color:#fff;
			font-size:80%;
			margin:0px;
		}
		
		.push-to-bottom i {
			color:#18C1F0;
			padding:2px;
		}
		
/* Section 4 */
		
		#section4 h1 {
			padding:100px 0 20px 0;
		}
		#section4 i {
			color:#fff;
			padding:5px;
		}
		
		#section4 p {
			color:#fff;
		}
		
		.contact-form {
			/*background-image: url('img/form01.png');*/
			background: rgba(0,81,136, 0.9);
			padding: 20px 20px 0px 20px;
			height: 100%;
			color: #fff;
			font-family: lato-regular;
			font-size:1.2em;
			text-align:center;
		}

		.contact-row {
			padding-bottom: 20px;
		}

		.form-control {
			/*background-image: url('img/form01.png');*/
			color: #000 !important;
			webkit-box-shadow: inset 0px 0px 30px -8px rgba(0, 0, 0, 0.75);
			-moz-box-shadow: inset 0px 0px 30px -8px rgba(0, 0, 0, 0.75);
			box-shadow: inset 0px 0px 30px -8px rgba(0, 0, 0, 0.75);
		}
		
/* @media Rules */

        @media screen and (min-width: 1400px) {

        }

        @media  screen and (max-width: 1200px) {

        }

        @media  screen and (max-width: 1000px) {
			
        }

        @media  screen and (max-width: 768px) {

        }

        @media only screen and (max-width: 600px) {

        }

        @media screen and (max-width: 480px) {
			#section1 h1{
					padding-top:50px !important;
				}			
			
			h1 {
				font-size:1.4em !important;
			}
			
			p {
				font-size:85% !important;
			}
		
			#section2 h1 {
				padding-bottom:20px;
				
			}

			.h1-mobile {
				padding:50px 0 20px 0;
			}
			
			.container-mobile {
				height:500px;
			}
					
			#showcase {
                margin: 0;
				margin-top:-50px;
				height:500px;
            }
			
			.card-blue {
				width:300px;
			}

			.card-img-top {
				width:15%;
			}
			
			.card-blue h4 {
				font-size:1.5em;
			}
			
			.card-blue p{
				font-size: 80%;
			}

			.card-block button {
				width:80%;
			}
			
			.card-block {
				padding-bottom:10px;
			}

			
			#nav { 
				left:0;
				right:0;
			}
			
			.container-mobile {
				margin:0px;
				padding:0px;
			}
			
			.slide img {
				width:70%;
			}
			.mobile-height {
				height:130%;
			}
			#section4 h1 {
				padding-top:0px !important;
			}
        }
/* For iPhone 5 */
		@media screen and (max-width: 360px) {

			#section1 h1{
				padding-top:60px !important;
			}

			#section2 h1 {
				padding-top:10px !important;
			}

			#section2 h4 {
				font-size:.9em !important;
			}

			#section4 h1 {
				padding-top:0px !important;
			}

			h1 {
				font-size:1.4em !important;
			}
			
			p {
				font-size:75% !important;
			}
			
			.sidebar-nav li {
				line-height:30px;
			}
			
			#section0 img {
				width:80%;
			}

			#showcase {
                margin: 0;
				margin-top:-50px;
				height:500px;
            }
			
			.card-title {
				font-size:1em !important;
				padding:0px;
			}
			
			.mobile-height {
				height:150%;
			}
			
			.card-blue {
				width:250px;
				padding:10px;
			}

			.card-blue button {
				font-size:.7em;
			}

			.card-img-top {
				width:15%;
			}
			
			.card-blue .card-footer {
				padding:7.5px;
			}
			
			.container-mobile {
				height:400px;
			}

			.sidebar-nav li a {
				font-size: 1em;
				font-family:lato-bold;
				letter-spacing: 1.5px;
				padding:0px;
			}

			
		}
		/* tablet, landscape iPad, lo-res laptops ands desktops */ 
		@media (min-width:961px)  { 
			#nav { 
					left:7%;
					right:7%;
				}
		
		}