/*
Template: xyz HTML5 Responsive template
Author: Mauritius D'Silva <hello@mauritiusdsilva.com>
Theme URI: http://www.mauritiusdsilva.com/themes/hallooou
Version: 1.0

*/


/*  ----------------------------------------------
            CSS TABLE OF CONTENTS
    ------------------------------------------------- */
/*
1:  Pre-loader
2:  Default styles
3:  Common section styles
4:  Navigation
5:  Page sections (sections included in the navigation)
    5.1:    Hero Unit (Main slider)
    5.2:    About section ("About us")
    5.3:    Services section ("What we do")
    5.4:    Products section ("Why choose us")
    5.5:    Team section 
    5.6:    Portfolio section
    5.7:    Clients section
    5.8:    Contact section
6:  Our achievements section
7:  Call to action section  (one or two columns)
8:  Call to action section (two columns)
9:  Clients testimonial
10: Footer
11: CSS3 Animations
12: Buttons
13: Media queries

/*
----------------------------------------------------- */






/* 1:   Pre-loader -  Need more customizations? Visit-> http://github.hubspot.com/pace/docs/welcome/ 
/* ---------------------------------------------- */

.color {
	color:#FFF;
}
.ageleven {
	font-size:12px;
	color:#999;
	margin-top:8px;
	font-family:Verdana, Geneva, sans-serif;
}
.ageleven span {
	font-weight:800;
	font-style:italic;
}
.ageleven span a {
	font-weight:600;
	color:#999;
}
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999999;
	-webkit-transform: translate3d(0, -50px, 0);
	-ms-transform: translate3d(0, -50px, 0);
	transform: translate3d(0, -50px, 0);
 -webkit-transition: -webkit-transform .5s ease-out;
 -ms-transition: -webkit-transform .5s ease-out;
 transition: transform .5s ease-out;
}
.pace.pace-active {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.pace .pace-progress {
	display: block;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 5px;
	background: #ddd; /* Primary color, can be changed via colors.css */
	pointer-events: none;
}
/* 2:   Default styles
/* ---------------------------------------------- */

html, body {
	width: 100%;
	height: 100%;
}
body {
	font-family: "Calibri";
	font-weight: 300;
	/* Can be changed via colors.css */
    background-color: #fff;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 20px 0;
	text-transform: none;
	color: #262625; /* Primary color, can be changed via colors.css */
	font-family: "Calibri";
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1.5;
}
h4 {
	margin: 0 0 0px 0;
}
p {
	margin: 0 0 25px;
	font-size: 18px;
	line-height: 1.5;
}
a {
	color: #FFF;
 -webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}
a:hover, a:focus {
	text-decoration: none;
	color: rgb(170, 130, 55); /* Primary color, can be changed via colors.css */
}
.sponsors {
	margin: 0 0 20px 0;
	text-transform: none;
	color: rgb(170, 130, 55);
	font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1.5;
	color:#fff;
	font-size:28px;
}
.light {
	font-weight: 100;
}
.white {
	color:#fff;
}
.gray {
	color:/*#a29f9f*/#5d5c5c;
	font-weight:600 !important;
}
.gray1 {
	color:#000000;/* font-weight: 600 !important; */
}
.buffer-twenty {
	margin:20px 0;
}
.buffer-twenty-top {
	margin-top: 20px;
}
.buffer-twenty-bottom {
	margin-bottom: 20px;
}
.buffer-forty {
	margin:40px 0;
}
.buffer-forty-top {
	margin-top: 40px;
}
.no-bottom-pad {
	padding-bottom: 0 !important;
}
.no-top-pad {
	padding-top: 0 !important;
}
.highlight {
	font-weight: 700;
	color: rgb(170, 130, 55); /* Primary color, can be changed via colors.css */
}
.list-ord {
	list-style: none;
	margin:0;
	padding: 10px 0;
	font-size: 16px;
	line-height: 28px;
}
.no-bg {
	background: none !important;
}
/* 3:   Common section styles
/* ---------------------------------------------- */

.content-section {
	padding: 200px 0;
}
.content-sectionbecome {
	padding: 50px 0;
}
.content-sectionbecomenew {
	padding: 160px 0;
}
.content-section.alt-bg {
	background-color: #222;
}
.content-section.alt-bg-light {
	background-color: #fafafa;
	border-top:1px solid #f5f5f5;
	border-bottom:1px solid #d2d2d2;
}
.content-section.alt-bg-light1 {
	background-color: #fafafa;
	border-top:1px solid #f5f5f5;
	border-bottom:1px solid #d2d2d2;
	background: url(../images/latte.jpg) 50% 0 no-repeat scroll;
	background-size: cover;
}
.red {
	margin: 0 0 20px 0;
	text-transform: none;
	color: #cc0000;
	font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1.5;
	font-size:28px;
}
.caption {
	font-weight: 100;
	font-size: 16px;
	text-align:justify;
}
.caption_high {
	color: rgb(170, 130, 55);
	font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
}
.text-center {
	text-align: center;
}
.align-middle {
	margin:0 auto;
}
.sans-border {
	border-radius: 0;
}
.sans-shadow {
	box-shadow: none;
}
blockquote {
	display: block;
	font-size: 22px;
	position: relative;
	padding-left: 90px;
	color: rgb(170, 130, 55);
	border-color: rgb(170, 130, 55);
}
blockquote:before {
	content: "\f10d";
	font-size: 55px;
	font-family: FontAwesome;
	position: absolute;
	top: -4px;
	left: 20px;
}
blockquote span:before {
	content:'--';
	padding: 0 10px 0 0;
}
blockquote span {
	padding: 10px 0;
	display: block;
	font-size: 16px;
	color: #444141;
}
/* 4:   Navigation
/* ---------------------------------------------- */

.navbar-custom {
	margin-bottom: 0;
	text-transform: none;
	font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
 -webkit-transition: background .5s ease-in-out;
 -moz-transition: background .5s ease-in-out;
 transition: background .5s ease-in-out;
}
.navbar-custom.top-nav-collapse {
	background:rgba(170, 130, 55, 1); /* Primary color, can be changed via colors.css */
}
.navbar-custom .navbar-brand {
	font-weight: 600;
	font-size: 25px;
	padding: 0;
	margin: 0;
}
.navbar-custom .navbar-brand span.brand-logo {
	display: inline-block;
	/*padding: 14px 0;*/
   margin: 0 4px;
}
.navbar-custom .navbar-brand:focus {
	outline: 0;
}
.navbar-custom .navbar-brand .navbar-toggle {
	padding: 2px 6px;
	color: #fff;
}
.navbar-custom .navbar-brand .navbar-toggle:focus, .navbar-custom .navbar-brand .navbar-toggle:active {
	outline: 0;
}
.navbar-custom a {
	color: rgb(170, 130, 55); /* Primary color, can be changed via colors.css */
}
.navbar-custom .nav li a {
 -webkit-transition: background .3s ease-in-out;
 -moz-transition: background .3s ease-in-out;
 transition: background .3s ease-in-out;
}
.navbar-custom .nav li a:hover {
	outline: 0;
	color: rgba(255, 255, 255, .8);
	background-color: transparent;
}
.navbar-custom .nav li a:focus, .navbar-custom .nav li a:active {
	outline: 0;
	background-color: transparent;
}
.navbar-custom .nav li.active {
	outline: 0;
}
.navbar-custom .nav li.active a {
	background-color: rgba(255, 255, 255, .3);
}
.navbar-custom .nav li.active a:hover {
	color: #fff;
}
/* Custom overlay navigation
/* ---------------------------------------------- */
.button_container {
	position: relative;
	margin-top: 14px;
	height: 28px;
	width: 28px;
	cursor: pointer;
	z-index: 999;
 -webkit-transition: opacity .25s ease;
 transition: opacity .25s ease;
}
/* Animate the top hamburger bar */
.button_container.active .top {
	-webkit-transform: translateY(8px) translateX(0) rotate(45deg);
	-ms-transform: translateY(8px) translateX(0) rotate(45deg);
	transform: translateY(8px) translateX(0) rotate(45deg);
	background: #FFF;
}
/* Set the middle hamburger bar's opacity to 0  */
.button_container.active .middle {
	opacity: 0;
	background: #FFF;
}
/* Animate the bottom hamburger bar */
.button_container.active .bottom {
	-webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
	-ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
	transform: translateY(-8px) translateX(0) rotate(-45deg);
	background: #FFF;
}
.button_container span {
	background: #fff;
	border: none;
	height: 4px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
 -webkit-transition: all .35s ease;
 transition: all .35s ease;
	cursor: pointer;
}
 .button_container span:nth-of-type(2) {
 top: 8px;
}
 .button_container span:nth-of-type(3) {
 top: 16px;
}
/* The overlay */
.overlay {
	position: fixed;
	display: block;
	background: rgba(170, 130, 55, 1); /* Primary color, can be changed via colors.css */
	top: 0;
	border: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 0%;
	opacity: 0;
	visibility: hidden;
 -webkit-transition: opacity .35s, visibility .35s, height .35s;
 transition: opacity .35s, visibility .35s, height .35s;
	overflow: auto;
}
.overlay.open {
	opacity: .95;
	visibility: visible;
	height: 100%;
}
.overlay.open li {
 -webkit-animation: fadeInRight .5s ease forwards;
 animation: fadeInRight .5s ease forwards;
 -webkit-animation-delay: .35s;
 animation-delay: .35s;
}
 .overlay.open li:nth-of-type(1) {
 -webkit-animation-delay: .40s;
 animation-delay: .40s;
}
 .overlay.open li:nth-of-type(2n) {
 -webkit-animation-delay: .50s;
 animation-delay: .50s;
}
.overlay nav {
	position: relative;
	/*height: 50%;
    top: 50%;*/
	height: 68%;
	top: 49%;
	font-size: 30px;
	font-family: "Raleway", "Helvetica Neue", Arial, sans-serif;
	text-transform: none;
	font-weight: 600;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	position: relative;
	height: 100%;
}
.overlay ul li {
	display: block;
	height: 15%;
	height: calc(100% / 8);
	min-height: 65px;
	position: relative;
	opacity: 0;
}
.overlay ul li a {
	display: block;
	position: relative;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
	width: 50%;
}
/* Link underline on hover */
.overlay ul li a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0%;
	height: 2px;
	background: #fff;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
 -webkit-transition: .15s;
 transition: .15s;
}
/* 5:   PAGE SECTIONS
/* ---------------------------------------------- */

/*      5.1: Hero unit (Main slider)
/* ---------------------------------------------- */

.intro-carousel {
	width: 100%;
	/*height: 100%;*/
    color: #fff;
	background:#222;
}
.carousel-caption {
	text-shadow: none;
	bottom: 25%;
}
.carousel-caption h1 {
	padding: 0;
	margin: 10px 0;
	color: #fff;
}
.carousel-caption .intro-text {
	padding: 0;
}
.carousel-caption .btn {
	margin:0;
}
.carousel-control {
	top: 50%;
	width:4%;
	height:7%;
	margin: 0;
	text-shadow: none;
}
.carousel-control.left, .carousel-control.right {
	background: none;
	z-index: 100;
}
.carousel-control.left:hover, .carousel-control.right:hover {
	background: rgba(254, 82, 76, 0.9); /* Primary color, can be changed via colors.css */
}
#parallax-slide {
	background: url(../images/cover-three.jpg) 50% 0 no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.overlay-detail {
	width: 100%;
	height: 100%;
	position: absolute;
	/* background:rgba(223, 208, 165, 0.58);*/ /* Set to black, can be changed via colors.css */
    opacity: 0.5;
	left: 0;
	top: 0;
	z-index: 1;
}
.mouse {
	width: 25px;
	height: 45px;
	border: 2px solid #fff;
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -12.5px;
	border-radius: 12px;
}
.mouse:after {
	content: "";
	position: absolute;
	height: 5px;
	width: 5px;
	background-color: #fff;
	border-radius: 100%;
	left: 50%;
	margin-left: -2.5px;
	top: 10px;
	-webkit-animation: rotateplane 1.2s infinite ease-in-out;
	animation: rotateplane 1.2s infinite ease-in-out;
}
/* Full Slider HTML Template via www.startbootstrap.com
/* ---------------------------------------------- */

/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

.carousel, .item, c .active {
	height: 100%;
}
.carousel-inner {
	height: 100%;
}
/* Background images are set within the HTML using inline CSS, not here */
.fill {
	width: 100%;
	height: 100%;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
/* Hero unit background video
/* ---------------------------------------------- */


.video-section {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/youtube-video-cover.jpg) no-repeat bottom center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	background-attachment: fixed;
}
.video-section .bgndVideo {
	width: 100%;
	height: 100%;
}
.video-section .buttonBar {
	display:none;
}
.player {
	font-size: 1px;
}
.video-controls, .html5-video-controls {
	display: none;
	font-size: 16px;
	position: absolute;
	bottom: 8%;
	right: 5%;
	z-index: 99;
	opacity: .4;
}
.video-controls-visible {
	display: inline;
}
.video-controls .fa, .html5-video-controls .fa {
	color: #fff;
	padding: 5px;
	width: 25px;
}
/* HTML 5 video
/* ---------------------------------------------- */
video#html5-video {
	position: relative;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	z-index: -100;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	background-attachment: fixed;
}
/* fix for IE8 refer to conditional comment in the <head> of the page*/
video {
	display: block;
}
/*      5.2: About section
/* ---------------------------------------------- */

.about h2, .about h3 {
	margin: 0 0 10px 0;
	padding: 0;
}
/*      5.3: Services section ("What we do")
/* ---------------------------------------------- */

.services-item:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	border-width: 0 30px 30px 0;
	border-style: solid;
	border-color: #fff #fff rgb(170, 130, 55) rgb(170, 130, 55); /* Primary color, can be changed via colors.css */
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
 -webkit-transition: border-color .2s ease-in-out;
 -moz-transition: border-color .2s ease-in-out;
 transition: border-color .2s ease-in-out;
	/* Firefox 3.0 damage limitation */
    display: block;
	width: 0;
}
.services-item {
	background: #f9f9f9;
	/* padding: 30px 20px 20px;*/
    margin: 15px 0;
	position: relative;
	/*color: #fff;*/
    overflow: hidden;
 -webkit-transition: background .5s ease-in-out;
 -moz-transition: background .5s ease-in-out;
 transition: background .5s ease-in-out;
	font-size:12px;
	text-transform:capitalize;
}
.services-item h4 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 14px;
	font-weight: 600;
 -webkit-transition: all .5s ease-in-out;
 -moz-transition: all .5s ease-in-out;
 transition: all .5s ease-in-out;
}
.services-item p {
	padding: 0;
	margin: 0;
	color:#999;
	font-size: 16px;
 -webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}
.services-item i {
	color: rgb(170, 130, 55); /* Primary color, can be changed via colors.css */
	padding: 0;
	margin: 0 0 10px 0;
 -webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}
.services-item:hover {
	background:rgb(170, 130, 55); /* Primary color, can be changed via colors.css */
 -webkit-transition: background .2s ease-in-out;
 -moz-transition: background .2s ease-in-out;
 transition: background .2s ease-in-out;
}
.services-item:hover h4 {
	color:#fff;
	transform: translate(0, -5px);
	-webkit-transform: translate(0, -5px);
	-o-transform: translate(0, -5px);
	-moz-transform: translate(0, -5px);
 -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
}
.services-item:hover p {
	color:#fff;
	transform: translate(0, -10px);
	-webkit-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
 -webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}
.services-item:hover i {
	color:#fff;
	transform: translate(0, -5px);
	-webkit-transform: translate(0, -5px);
	-o-transform: translate(0, -5px);
	-moz-transform: translate(0, -5px);
 -webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}
.services-item:hover:before {
	border-color: #fff #fff #a5a5a5 #a5a5a5;
 -webkit-transition: border-color .2s ease-in-out;
 -moz-transition: border-color .2s ease-in-out;
 transition: border-color .2s ease-in-out;
}
/*       5.4: Products section ("Why choose us")
/* ---------------------------------------------- */

.products {
	width: 100%;
	/*  background: #222;*/
    background: url(../images/events_bg.jpg) 50% 0 no-repeat scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.products_press {
	width: 100%;
	/*  background: #222;*/
    background: url(../images/press_bg.jpg) 50% 0 no-repeat scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.products-container p {
	color:#fff;
}
.products-container span.icon {
	display: inline-block;
	padding: 12px;
	margin: 0 0 22px 0;
	min-width: 80px;
	color: #fff;
	background: rgba(170, 130, 55, 1); /* Primary color, can be changed via colors.css */
	text-align: center;
	border-radius: 50px;
	width: 82px;
	height: 82px;
}
.product-item {
	/*padding: 10px 0;*/
	height:190px;
	padding-left:50px;
}
.product-item h3 {
	margin: 0;
	padding: 0 10px;
	font-size: 18px;
}
.product-item p {
	font-size: 16px;
	padding: 0 10px;
}
/*      5.5: Team section
/* ---------------------------------------------- */

.team-member {
	margin: 15px 0;
	padding:0;
}
.team-member figure {
	position: relative;
	overflow: hidden;
	padding:0;
	margin: 0;
}
.team-member figure img {
	min-width: 100%;
}
.team-member figcaption p {
	font-size: 16px;
}
.team-member figcaption ul {
	list-style: none;
	margin: 0;
	padding:0;
}
.team-member figcaption ul {
	visibility: visible;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.team-member figcaption ul li {
	display: inline-block;
	padding:10px;
}
.team-member h4 {
	margin: 10px 0 0;
	padding: 0;
}
.team-member h4 a {
	color:rgb(170, 130, 55);
}
.team-member figcaption {
	padding:50px;
	color: transparent;
	background-color: transparent;
	position: absolute;
	z-index: 996;
	bottom:0;
	left: 0;
	width: 100%;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.team-member figure:hover figcaption {
	visibility: visible;
	color: #fff;
	background: rgb(170, 130, 55); /* Primary color, can be changed via colors.css */
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.team-member figure:hover figcaption ul li a:hover {
	color: rgba(49, 49, 49, .97);
}
.team-member figure img {
	-webkit-transform: scale(1) rotate(0) translateY(0);
	-moz-transform: scale(1) rotate(0) translateY(0);
	-o-transform: scale(1) rotate(0) translateY(0);
	-ms-transform: scale(1) rotate(0) translateY(0);
	transform: scale(1) rotate(0) translateY(0);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.team-member figure:hover img {
	-webkit-transform: scale(1.1) rotate(1deg) translateY(12px);
	-moz-transform: scale(1.1) rotate(1deg) translateY(12px);
	-o-transform: scale(1.1) rotate(1deg) translateY(12px);
	-ms-transform: scale(1.1) rotate(1deg) translateY(12px);
	transform: scale(1.1) rotate(1deg) translateY(12px);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
/*       5.6: Portfolio section
/* ---------------------------------------------- */

#portfolio {
	background: #222;
	background: url(../images/portfolio_bg.jpg) 50% 0 no-repeat scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
#portfolio1 {
	background: #222;
	background: url(../images/portfolio_bg.jpg) 50% 0 no-repeat scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.project-container {
		position: relative;
}
.recent-project {
	position: relative;
	overflow: hidden;
	margin: 5px;
}
.recent-project img {
	width: 100%;
}
.project-info {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -32px;
	color: #fff;
	width: 100%;
	text-align: center;
}
.project-info h3 {
	line-height: 18px;
}
ul.project-meta {
	margin: 0;
	padding: 0;
}
ul.project-meta li {
	display: inline-block;
	padding:5px 10px;
	border: 1px solid #fff;
}
ul.project-meta li a {
	display: inline-block;
	color: #fff;
}
ul.project-meta li a:hover {
	color: #f76758;
}
.full-project {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 16px 20px;
	line-height: 18px;
	font-size: 18px;
	text-transform: capitalize;
	background: rgba(170, 130, 55, 1); /* Primary color, can be changed via colors.css */
}
.full-project:hover {
	background:#cc0000; /* Hover color, can be changed via colors.css */
}
.full-project a {
	padding: 0px;
	display: block;
	color: #fff;
}
.full-project a:hover {
	color:#fff;
}
.full-project a i {
	font-size: 14px;
	padding: 0 10px;
	line-height: 20px;
}

/* Overlay and hover effect
/* ---------------------------------------------- */
.recent-project::before {
 content: "";
 background: rgba(59, 59, 59, 0.8);
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0;
 top: 0;
 opacity: 0;
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -o-transition: all 0.2s;
 transition: all 0.2s;
}
.recent-project:hover::before {
 opacity: 1;
}
.project-info h3, ul.project-meta, .full-project {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
}
.project-info h3, ul.project-meta {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.full-project {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.recent-project:hover .project-info h3, .recent-project:hover ul.project-meta, .recent-project:hover .full-project {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
/* Carousel navigation
/* ---------------------------------------------- */

.project-navigation .btn-next, .project-navigation .btn-prev {
	position: absolute;
    width: 40px;
    height: 30px;
    top: 0%;
    margin-top: -40px;
    background:rgba(170, 130, 55, 1) ;
    color: #fff;
    line-height: 33px;
    text-align: center;
    font-size: 12px;
    opacity: 1;
    z-index: 997;
    cursor: pointer;
}
.project-navigation .btn-prev {
	right: 40px;
}
.project-navigation .btn-next {
	right: 0;
}
.project-navigation a:hover {
	
	background: rgba(59, 59, 59, 0.9); /* Primary color, can be changed via colors.css */
}
.project-container:hover .project-navigation .btn-prev, .project-container:hover .project-navigation .btn-next {
	opacity: 1;
}
/*       5.7: Clients section
/* ---------------------------------------------- */

.our-clients {
	/*background-color:#cc0000;*/
	background-color:#fff; /* Primary color, can be changed via colors.css */
}
.our-clients h2 {
	color: #fff;
}
.our-clients .i {
	text-align:center;
	line-height:120px;
}
.our-clients .i img {
	display:inline-block;
	margin:0;
	padding: 0;
}
.client-slider {
	margin: 0 auto;
}
.client-slider .item:before {
	content: '';
	display: inline-block;
	text-align: center;
}
.client-slider .item {
	display: inline-block;
	margin:0 auto;
	width: 100%;
	height: 100%;
}
/* change client logo slider pagination color to white for readibility */
.client-slider.owl-theme .owl-controls .owl-page span {
	background: rgba(255, 255, 255, .5) !important;
}
/*       5.8: Contact section
/* ---------------------------------------------- */

/*.contact-form,
.contact-address{
    padding-top: 60px;
}*/


.contact-form {
	float:left;
}
.contact-address {
	float:right;
}
.contact-form .form-group {
	padding: 5px 0;
	min-height: 100%;
}
.contact-form .form-group label {
	font-weight: 600;
}
.contact-form .form-group button {
	display: inline-block;
	min-height: 100%;
}
.contact-form .form-group input, .contact-form .form-group textarea {
	border-radius: 0;
	padding: 20px 10px;
	min-width: 100%;
	font-size: 16px;
	height:300px;
}
.contact-form .form-group textarea {
	padding-top: 10px;
}
.contact-form .form-group .btn-default {
	min-width: 100%;
}
.contact-form .form-group input[type="email"], .contact-form .form-group input[type="phone"], .contact-form .form-group input[type="text"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 42px; /* Increase height as required */
	margin-bottom: 0px;
	padding: 0 10px; /*  Now only left & right padding */
}
.contact-address ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.contact-address ul li {
	font-size: 16px;
}
.contact-address ul li span {
	font-weight: 600;
	display: inline-block;
	min-width: 80px;
}
.contact-form label.error, .contact-form label.error.valid {
	color:#f00;
	padding-top: 10px;
}
.contact-form label.error.valid {
	color:#018804;
}
.form-alerts .alert {
	border-radius: 0;
	border: 0;
}
.form-alerts .alert.alert-success, .form-alerts .alert.alert-danger {
	color: #fff;
	background: #85ceab;
}
.form-alerts .alert.alert-danger {
	background: #fe8080;
}
/* Google Map
/* ---------------------------------------------- */
#google-container {
	position: relative;
	min-width: 100%;
	min-height: 400px;
	background-color: #e7eaf0;
}
#cd-google-map {
	position: relative;
	padding: 20px 0;
}
#cd-zoom-in, #cd-zoom-out {
	height: 32px;
	width: 32px;
	cursor: pointer;
	margin-left: 10px;
	background-color: #cc0000; /* Primary color, can be changed via colors.css */
	background-repeat: no-repeat;
	background-size: 32px 64px;
	background-image: url("../images/cd-icon-controller.svg");
}
.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover {
	background-color: #d36868;
}
#cd-zoom-in {
	background-position: 50% 0;
	margin-top: 10px;
	margin-bottom: 1px;
}
#cd-zoom-out {
	background-position: 50% -32px;
}
/* 6:   Our achievements section
/* ---------------------------------------------- */

.counter-section {
	/*text-align: center;*/
    background: url(../images/initiatives_bg.jpg) 50% 0 no-repeat scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.members-section {
	/*text-align: center;*/
    background: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.press-section {
	/*text-align: center;*/
   /* background: url(../images/initiatives_bg.jpg) 50% 0 no-repeat scroll;*/
    -webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	border-bottom: 1px solid #d2d2d2;
}
.press-section p {
	color: #312c22;
	font-weight: 600;
}
.counter-section strong {
	display: block;
	font-weight: 600;
	font-size: 60px;
	line-height: 48px;
	color: #fff;
}
span.count-description {
	display: block;
	color: #fff;
	font-size: 20px;
	line-height: 40px;
	text-transform: capitalize;
	padding-top: 10px;
}
.counter-wrap {
	padding:50px 0;
}
.counter-section .alternate {
	background-color: rgba(254, 82, 76, .2);
}
/* 7.   Call to action section  (one or two columns)
/* ---------------------------------------------- */





/* 8.   Call to action section (two columns)
/* ---------------------------------------------- */

.cta-two-section {
	width: 100%;
	margin:0;
	padding: 50px 0;
	background: rgba(170, 130, 55, 1); /* Primary color, can be changed via colors.css */
	-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
}
.cta-two-section h3 {
	font-size: 25px;
	line-height: 20px;
	font-weight: 900;
	color: #fff;
	margin-bottom: 2px;
}
.cta-two-section p {
	font-size: 18px;
	line-height: 27px;
	font-weight: 100;
	margin: 0px;
	color: #fff;
}
.cta-two-section .btn {
	margin: 0;
}
/* 9:   Client testimonials section
/* ---------------------------------------------- */

.testimonials h1 {
	margin: 0;
	padding: 0;
}
.testimonials p.speech {
	padding: 40px;
	margin: 20px;
	position: relative;
	text-align: center;
	line-height: 1.5;
	background-color: #fff;
	border: 2px solid rgb(170, 130, 55); /* Primary color, can be changed via colors.css */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.testimonials p.speech:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	right: 80px;
	top: 100%;
	border: 15px solid;
	border-color: rgb(170, 130, 55) transparent transparent rgb(170, 130, 55); /* Primary color, can be changed via colors.css */
}
.testimonials p.speech:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	right: 83px;
	top: 100%;
	border: 12px solid;
	border-color: #fff transparent transparent #fff;
}
.client-info {
	padding: 10px;
}
.client-info h4 {
	color: rgb(170, 130, 55); /* Primary color, can be changed via colors.css */
	margin: 10px 0 0 0;
	padding: 0;
}
.client-info span {
	display: block;
	padding: 5px;
}
.member-info img {
	border:2px solid #fff;
	padding: 2px;
	border-radius: 100px;
	/* height:180px;
    width: 180px;*/
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
}
/* 10.  Footer
/* ---------------------------------------------- */

footer {
	background:#956d2d;
	color:#fff;
	padding: 0px 0 0 0;
}
footer h2 {
	display: inline-block;
	color:#fff;
}
footer h4 {
	margin: 40px 0 20px 0;
	padding: 0;
	color: #fff;
}
footer p {
	margin: 10px 0;
	font-size: 14px;
}
footer ul.blog-entries, footer ul.twitter-entries {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}
footer ul.blog-entries li, footer ul.twitter-entries li {
	margin: 10px 0;
	line-height: 1.5;
}
footer ul.blog-entries li span, footer ul.twitter-entries li span {
	display: block;
	color: #6d7579;
}
footer .copynote {
	padding: 20px 0;
	margin-top: 40px;
}
footer .segment {
	padding-bottom: 20px;
}
footer .social a {
	display: inline-block;
	padding: 6px;
	color: #fff;
}
footer .social a:hover {
	display: inline-block;
	padding: 6px;
	color: rgb(170, 130, 55)
}
.scroll-top {
	display: none;
	position: fixed;
	bottom: 4%;
	right: 1%;
	z-index: 100;
}
.scroll-top a:link, .scroll-top a:visited {
	display: inline-block;
	padding: 5px 15px;
	color: #fff;
	border: 1px solid rgb(170, 130, 55);
	background: rgba(170, 130, 55, 1); /* Primary color, can be changed via colors.css */
	font-size: 30px;
}
.scroll-top a:hover {
	border: 1px solid #fff; /* Hover border color, can be changed via colors.css */
	outline: 0;
	color: #fff;
	background: #cc0000; /* Hover color, can be changed via colors.css */
}






/* 11.  CSS3 Animations
/* ---------------------------------------------- */

/* Hero unit mouse animation */

@-webkit-keyframes rotateplane {
 0% {
 -webkit-transform: translateY(-2px)
}
 100% {
 -webkit-transform: translateY(7px)
}
}
 @keyframes rotateplane {
 0% {
 transform: translateY(-2px);
 -webkit-transform: translateY(-2px);
}
 100% {
 transform: translateY(7px);
 -webkit-transform: translateY(7px);
}
}


/* Navigation link animation */

@-webkit-keyframes fadeInRight {
 0% {
 opacity: 0;
 left: 20%;
}
 100% {
 opacity: 1;
 left: 0;
}
}
 @keyframes fadeInRight {
 0% {
 opacity: 0;
 left: 20%;
}
 100% {
 opacity: 1;
 left: 0;
}
}
/* 12:  Buttons
/* ---------------------------------------------- */

.btn {
	border-radius: 0;
	border: 0;
	padding: 10px 30px;
	text-transform: none;
	font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 100;
 -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
}
.btn-default {
	color: #fff;
	border: 1px solid rgb(170, 130, 55); /* Primary color, can be changed via colors.css */
	background: rgba(170, 130, 55, 1); /* Primary color, can be changed via colors.css */
}
.btn-default:hover, .btn-default:focus, .btn-overcolor:hover, .btn-overcolor:focus {
	border: 1px solid #fff; /* Hover border color, can be changed via colors.css */
	outline: 0;
	color: #fff;
	background: #cc0000; /* Hover color, can be changed via colors.css */
}
.btn-outlined {
	border: 1px solid #cc0000; /* Secondary color, can be changed via colors.cs */
	color: #fff;
	background-color: #cc0000; /* Secondary color, can be changed via colors.cs */
}
.btn-outlined:hover, .btn-outlined:focus {
	border: 1px solid #cc0000; /* Secondary color, can be changed via colors.cs */
	color:#cc0000; /* Secondary color, can be changed via colors.cs */
	background: transparent;
}
.btn-overcolor {
	border: 1px solid rgba(255, 255, 255, 1);
	color: #fff;
	background:#cc0000; /* Primary color, can be changed via colors.css */
}
.btn-lg {
	margin: 15px 0;
}
.circle {
	padding: 7px;
	border: 2px solid #fff;
	border-radius: 50%;
	width: 60px;
	height: 60px;
}
.squared {
	padding: 10px;
	width: 60px;
	height: 60px;
}



/* 14:  MEDIA QUERIES START
/* ---------------------------------------------- */


/* Media Queries [min-width:767px]
/* ---------------------------------------------- */

@media(min-width:767px) {
 .btn {
 font-size: 20px;
}
}


/* Media Queries [min-width:768px]
/* ---------------------------------------------- */

@media(min-width:768px) {
 .about {
 text-align: center;
}
 p {
 margin: 0 0 10px;
 font-size: 14px;
 line-height: 1.6;
}
 .navbar-custom {
 padding: 0px 0;
 border-bottom: 0;
 letter-spacing: 1px;
 background: rgba(170, 130, 55, 1);
 -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
 -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
 transition: background .5s ease-in-out, padding .5s ease-in-out;
}
 .navbar-custom.top-nav-collapse {
 padding: 10px 0;
       /* background: rgba(170,130,55, 1); *//* Primary color, can be changed via colors.css */
	    background: rgba(170, 130, 55, 1);
 -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
 -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
 transition: background .5s ease-in-out, padding .5s ease-in-out;
 -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
 box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
}
 .navbar-custom.top-nav-collapse .navbar-brand {
 color: #fff;
}
 .navbar-custom.top-nav-collapse .button_container span {
 background: #fff;
}
 .navbar-custom.top-nav-collapse .button_container.active span.top,  .navbar-custom.top-nav-collapse .button_container.active span.bottom {
 background:#fff;
}
}

/* Media Queries [max-width:767px]
/* ---------------------------------------------- */

@media(max-width:767px) {
 .about,  .cta-two-section {
 text-align: center;
}
 .carousel-caption {
 top: 30%;
 margin: 0;
}
 .carousel-caption h1 {
 font-size: 25px;
}
 .carousel-caption .intro-text {
 font-size: 20px;
 padding: 0;
}
 .mouse {
 display: none;
}
 .circle {
 padding: 0px;
 font-size: 18px;
 border-radius: 50%;
 width: 40px;
 height: 40px;
}
 .navbar-custom a {
 color: rgb(170, 130, 55);
 color: #fff;
}
 .video-section {
 background: url(../images/youtube-video-cover.jpg) no-repeat bottom center scroll;
}
 .button_container span,  .button_container span {
 background: #fff !important;
}
 .button_container.active span.top,  .button_container.active span.bottom {
 background:#fff;
}
 .cta-two-section .btn {
 margin: 20px 0 0 0;
}
 .scroll-top {
 bottom: 4%;
 right: 3%;
}
 .scroll-top a:link,  .scroll-top a:visited {
 padding:2px 6px;
 font-size: 25px;
}
}

/* Media Queries [max-device-width:800px] - Fix for HTML5 videos on mobile devices
/* ---------------------------------------------- */
@media screen and (max-device-width: 800px) {
    /*body {
        background: url(../images/youtube-video-cover.jpg) #000 no-repeat center center fixed;
    }*/
    .html5-video-container {
 background: url(../images/typing-on-mac.jpg) no-repeat bottom center scroll;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 background-size: cover;
 -o-background-size: cover;
 background-attachment: fixed;
}
 #bgvid {
 display: none;
}
}


/* Media Queries [min-width:992px]
/* ---------------------------------------------- */
@media screen and (min-width: 992px) {
 .about {
 text-align: justify;
font-weight: 600;
}
 .video-controls,  .html5-video-controls {
 display: block;
}
 .carousel-control {
 top: 48%;
 margin:0%;
}
 .products {
 text-align: left;
}
}


/* Media Queries [max-width:1199px]
/* ---------------------------------------------- */

@media(max-width:1199px) {
 .navbar-custom .button_container span {
 background: #fff;
}
}




/* Selection and other generic styles
/* ---------------------------------------------- */
::-moz-selection {
 text-shadow: none;
 background: #fcfcfc;
 color: #fff;
 background: rgba(254, 82, 76, .8);
}

::selection {
 text-shadow: none;
 background: #fcfcfc;
 color: #fff;
 background: #c0a168;
}
 img::selection {
 background: 0 0;
}
 img::-moz-selection {
 background: 0 0;
}
body {
	webkit-tap-highlight-color: rgba(254, 82, 76, .8);
}
/* Debug styles (remove before exporting for production)
/* ---------------------------------------------- */

.debug {
	border:1px solid #f00;
}
.top_space {
	margin-top:100px;
}
/* Showcase
-------------*/

#awOnePageButton .view-slide {
	display: none;
}
/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load {
	height: 470px; /* Same as showcase javascript option */
	overflow: hidden;
}
/* Container when content is shown as one page */
.showcase-onepage {
/**/
}
/* Container when content is shown in slider */
.showcase {
	position: relative;
	margin: auto;
}
.showcase-content-container {
	background-color: none;
}
/* Navigation arrows */
	.showcase-arrow-previous, .showcase-arrow-next {
	position: absolute;
	background: url('../images/arrows.png');
	width: 33px;
	height: 33px;
	top: 220px;
	cursor: pointer;
	display:none;
}
.showcase-arrow-previous {
	left: -60px;
}
.showcase-arrow-previous:hover {
	background-position: 0px -34px;
}
.showcase-arrow-next {
	right: -56px;
	background-position: -34px 0;
}
.showcase-arrow-next:hover {
	background-position: -34px -34px;
}
/* Content */
	.showcase-content {
	background-color: none;
	text-align: center;
	display:none;
}
.showcase-content-wrapper {
	text-align: center;
	height: 0px;
	width: 1000px;
	display: table-cell;
	vertical-align: middle;
}
/* Styling the tooltips */
		.showcase-plus-anchor {
	background-image: url('../images/plus.png');
	background-repeat: no-repeat;
}
.showcase-plus-anchor:hover {
	background-position: -32px 0;
}
div.showcase-tooltip {
	background-color: #fff;
	color: #000;
	text-align: left;
	padding: 5px 8px;
	background-image: url(../images/white-opacity-80.png);
}
/* Styling the caption */
		.showcase-caption {
	color: #000;
	padding: 8px 15px;
	text-align: left;
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	display: none;
}
.showcase-content p {
	font-size:18px;
	color:#a87f3d;
	letter-spacing:1px;
	font-weight:bold;
}
.showcase-content p span {
	font-size:18px;
	color:#9c9c9c;
	letter-spacing:1px;
	font-weight:100;
}
.showcase-onepage .showcase-content {
	margin-bottom: 10px;
}
/* Button Wrapper */
	.showcase-button-wrapper {
	clear: both;
	margin-top: 10px;
	text-align: center;
}
.showcase-button-wrapper span {
	margin-right: 3px;
	padding: 2px 5px 0px 5px;
	cursor: pointer;
	font-size: 12px;
	color: #444444;
}
.showcase-button-wrapper span.active {
	color: #aa8237;
}
/* Thumbnails */
	.showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */ {
	background-color: none;
}
.showcase-thumbnail-wrapper {
	overflow: hidden;
}
.showcase-thumbnail img {
	width: 300px;
	height:300px;
	cursor: pointer;
	border: solid 0px #fff;
	position: relative;
	-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
}
.showcase-thumbnail-caption {
	position: absolute;
	bottom: 2px;
	padding-left: 10px;
	padding-bottom: 5px;
}
.showcase-thumbnail-content {
	padding: 10px;
	text-align: center;
	padding-top: 25px;
}
.showcase-thumbnail-cover {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.showcase-thumbnail img:hover {
	width: 300px;
	height:300px;
	-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
}
.showcase-thumbnail img:hover .showcase-thumbnail-cover {
	display: none;
}
.showcase-thumbnail.active {
	width: 400px;
	height:400px;
	border: solid 1px #999;
	border-radius: 50px;
}
.showcase-thumbnail.active .showcase-thumbnail-cover {
	display: none;
}
.showcase-thumbnail-wrapper-horizontal {
	padding:0px;
}
.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail {
	margin-right: 15px;
	margin-left: 15px;
	width: 101px;
}
.showcase-thumbnail-wrapper-vertical {
	padding: 10px;
}
.showcase-thumbnail-wrapper-vertical .showcase-thumbnail {
	margin-bottom: 10px;
}
.showcase-thumbnail-button-backward,  .showcase-thumbnail-button-forward {
	padding: 7px;
	cursor: pointer;
}
.showcase-thumbnail-button-backward {
	padding-bottom: 0px;
	padding-right: 0px;
}
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,  .showcase-thumbnail-button-forward .showcase-thumbnail-vertical,  .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,  .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {
	background-image: url(../images/arrows-small.png);
	background-repeat: no-repeat;
	display: block;
	width: 17px;
	height: 17px;
}
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical {
	background-position: 0 -51px;
	margin-left: 55px;
}
.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical {
	background-position: -17px -51px;
}
.showcase-thumbnail-button-forward .showcase-thumbnail-vertical {
	background-position: 0 -34px;
	margin-left: 55px;
}
.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical {
	background-position: -17px -34px;
}
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {
	background-position: 0 -17px;
	margin-top: 40px;
	margin-bottom: 40px;
}
.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal {
	background-position: -17px -17px;
}
.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal {
	background-position: 0 0;
	margin-top: 40px;
	margin-bottom: 40px;
}
.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal {
	background-position: -17px 0;
}
/* Hide button text */
		.showcase-thumbnail-button-forward span span,  .showcase-thumbnail-button-backward span span {
	display: none;
}
.events {
	font-size:22px;
	color:#aa8237;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align:left;
	margin-bottom:50px !important;
}
.events2 {
	font-size:22px;
	color:#aa8237;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align:left;
	margin-bottom:none !important;
}
.events1 {
	font-size:22px;
	color:#aa8237;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align:left;
	margin-bottom:50px !important;
	text-transform:capitalize !important;
}
.events_details {
	width:100%;
	height:auto;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-top:67px;
}
.timeanddate {
	width: 104px;
	height: auto;
	padding: 0px;
	float: left;
}
.events_details p {
	float:left;
	font-size:18px;
	color:#aa8237;
	font-weight:600;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.timeanddate ul {
	width: 85px;
	background: #aa8237;
	color: #FFF;
	text-align: center;
	list-style: none;
	padding: 0px;
}
.timeanddate ul li {
	color:#FFF;
	text-align:center;
	border-bottom:1px solid #5b5024;
	padding: 6px 0px;
	font-weight:600;
}
.timeanddate ul li:last-child {
	border-bottom:none;
}
.date {
	font-size:25px;
	font-weight:800;
}
.month {
	font-size: 20px;
	font-weight:800;
}
.day {
	font-size:25px;
	font-weight:800;
}
.designation {
	/*	color:#666;*/
    color: #000;
	font-size: 14px;
}
.textdet {
	font-size: 18px;
	line-height: 1.4;
	color: #908d87;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.space {
	padding-bottom: 80px;
	padding-top: 200px;
}
.space1 {
	padding-bottom:20px;
	padding-top: 200px;
	border-bottom:none !important;
}
.partners img {
	float:left;
}
.grayscale {
	/* Firefox 10-34 */
 
  /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
  -webkit-filter: grayscale(1);
	/* Firefox 35+ */
  filter: grayscale(1);
	/* IE 6-9 */
  filter: gray;
}
.grayscale.grayscale-fade {
 transition: filter .5s;
}

/* Webkit hack until filter is unprefixed */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
 .grayscale.grayscale-fade {
 -webkit-transition: -webkit-filter .5s;
 transition:         -webkit-filter .5s;
}
}
.grayscale.grayscale-off, .grayscale.grayscale-fade:hover {
	-webkit-filter: grayscale(0);
	filter:         grayscale(0);
}
/* Background element */
.grayscale.grayscale-replaced {
	-webkit-filter: none;
	filter:         none;
}
.grayscale.grayscale-replaced > svg {
 -webkit-transition: opacity .5s ease;
 transition:         opacity .5s ease;
	opacity: 1;
}
.grayscale.grayscale-replaced.grayscale-off > svg, .grayscale.grayscale-replaced.grayscale-fade:hover > svg {
	opacity: 0;
}
.video-background {
	background: transparent;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -99;
}
.video-foreground, .video-background iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
#vidtop-content {
	top: 0;
	color: #fff;
}
 @media (min-aspect-ratio: 16/9) {
 .video-foreground {
height: 300%;
top: -100%;
}
}
@media (max-aspect-ratio: 16/9) {
 .video-foreground {
width: 300%;
left: -100%;
}
}
@media all and (max-width: 600px) {
.vid-info {
width: 50%;
padding: .5rem;
}
.vid-info h1 {
margin-bottom: .2rem;
}
}
@media all and (max-width: 500px) {
.vid-info .acronym {
display: none;
}
}
p.success {
	color: #00CC33;
	font-weight: bold;
}
p.error {
	color: red;
	font-weight: bold;
}
.founder_tll {
	font-size:22px;
}
.temp {
	font-size:24px;
}
.become_member {
	margin-top:140px;
	float:right;
}
.become_height {
	height:auto;
}
.item-width {
	width:150px;
}
.designed {
	font-size:17px;
}
.ageleven {
	font-size:12px;
}
.events_height {
	height:190px;
}
#programme {
	width:100%;
	float:left;
}
.carousel {
	overflow:hidden;
}
.event_logo_img_3 {
	margin-top:15px;
}
.sep hr {
	border:2px solid #ba0000;
	margin-top: 5px;
	margin-bottom: 5px;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
	min-width:1px;
	margin-left:-20px
}
body {
	width: 100%;
	height: 100%;
}
html {
	width: 100%;
	height: 100%;
}
 @media(min-width:767px) {
 .navbar {
 padding: 10px 0;
 -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
 -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
 transition: background .5s ease-in-out, padding .5s ease-in-out;
}
 .top-nav-collapse {
 padding: 0;
}


}
.intro-section {
	
	padding-top: 110px;
	text-align: center;
	background: #fff;


}
.mission-section {
	
	padding-top: 90px;
	height:100%;
	background: #fff;
}
.mission-section h2{text-align: center;}
.mission-section ol{padding:0; margin:0 10px 0 0;width: 49%;float: left;}
.mission-section ol.second{margin-right:0; float:right;width: 49%;padding:0; }
.mission-section ol li{   
    
    padding: 10px;
    list-style: none;
    width:100%;
    float:left;
    
    height: 115px;
    color: #956d2d;
    text-shadow: 0px 0px 1px #fff;

}
.mission-section p{ font-size:16px; padding:25px; margin-top:5px; float:left; color: #956d2d;
    text-shadow: 0px 0px 1px #fff; width:80%; line-height:21px;}
.speakers-section {
	
	padding-top: 110px !important;

	background: #fff;
}
.register-section {
	padding-top:110px;
}
.schedule-section {
	padding-top: 110px !important;
	background: #eee;
}
.venue-section {
	padding-top: 110px;
	text-align: center;
	background: #fff;
}
.sponsers-section {
	
	padding-top: 110px;
	background: #fff;
}
#sponsers h2 {
	text-align:center;
}
 @font-face {
 font-family: "Calibri";
 src: url('../fonts/613677979-Calibri.eot');
 src: url('../fonts/613677979-Calibri.eot?#iefix') format('embedded-opentype'), url('../fonts/613677979-Calibri.svg#Calibri') format('svg'), url('../fonts/613677979-Calibri.woff') format('woff'), url('../fonts/613677979-Calibri.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
.intro-section {
	background: url(../images/SILHOUETTE.png) bottom center repeat-x, url(../images/h_bg.png);
	
	padding-bottom: 70px;
}

.home-top {
	background:rgba(255, 255, 255, 0.6);
	padding:20px;
	margin-top:0px;
}
.home-top p {
	font-size:17px;
	text-align:left;
}
#speakers {
	background:#fbfbfb;
	padding:20px 0;
}
.owl-controls {
	display:none !important;
}
.owl-item {
	background:transparent;
	border:#e4e4e4;
}
#schedule {
	background:#c0a168;
	padding:20px 0;
}
#schedule h2 {
	color:#fff;
	text-align:center;
}
.tab-content {
	background:#fff;
	padding:20px;
	font-size:14px;
}
.nav-tabs li a {
	background:#956d2d;
	margin:0 4px 0 0;
	font-size:16px;
}
 @font-face {
 font-family: 'CenturyGothic';
 src: url('../fonts/CenturyGothic.eot');
 src: url('../fonts/CenturyGothic.eot') format('embedded-opentype'),  url('../fonts/CenturyGothic.woff2') format('woff2'),  url('../fonts/CenturyGothic.woff') format('woff'),  url('../fonts/CenturyGothic.ttf') format('truetype'),  url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');
}
h2 {
	font-family: 'CenturyGothic';
	text-transform:uppercase;
	font-weight:bold;
}
.map {
	height:400px;
	margin-top:15px;
}
#venue p {
	font-size:21px;
	width:80%;
	margin:auto;
}
#venue .phone {
	color:#956d2d;
	font-weight:bold;
}
#sponsers ul li {
	list-style:none;
	display:inline-block;
    margin: 0 4px 0 0;
}
#sponsers ul li a {
	border:#dbdbdb;
}
#sponsers ul li a img {
	width:100%;
}
.reg {
	background: url(../images/reg_icon.png) 26px 19px no-repeat #956d2d;
	color: #fff;
	padding: 14px 40px 14px 50px;
	font-size: 19px;
	text-transform: uppercase;
	border-radius: 30px;
	display:inline-block;
}
.register_btn {
	display:block;
	text-align:center;
	padding:20px 0;
}
.speakers-container {
	width:90%;
	float:right;
}
#speakers .heading {
	position: relative;
    width: 545px;
    height: 10%;
}
#speakers .heading h2 {
transform: rotate(270deg);
    background: #292929;
    color: #fff;
    width: 100%;
    display: inline-block;
    top: 140px;
    position: absolute;
    left: -173px;
    text-align: center;
}
#speakers .owl-item .item{ background:#fff; border:1px solid #e4e4e4; margin:0 5px; min-height:332px; padding:12px; text-align:left;}
#speakers .owl-item img{ width:100%;}

.navbar li.active a.home, .navbar li:hover a.home{ background:url(../images/home_hover.png) 11px center no-repeat #956d2d; color:#fff;}
.navbar li a.home{ background:url(../images/home.png) 11px center no-repeat #fff;}

.navbar li.active .mission, .navbar li:hover a.mission{ background:url(../images/mission_hover.png) 11px center no-repeat #956d2d;color:#fff;}
.navbar li a.mission{ background:url(../images/mission.png) 11px center no-repeat #fff;}

.navbar li.active .speaker, .navbar li:hover a.speaker{ background:url(../images/speaker_hover.png) 6px center no-repeat #956d2d;color:#fff;}
.navbar li a.speaker{ background:url(../images/speaker_ic.png) 6px center no-repeat #fff;}

.navbar li.active .schedule, .navbar li:hover a.schedule{ background:url(../images/sche_hover.png) 11px center no-repeat #956d2d;color:#fff;}
.navbar li a.schedule{ background:url(../images/sche.png) 11px center no-repeat #fff;}

.navbar li.active .venue, .navbar li:hover a.venue{ background:url(../images/venue_hover.png) 11px center no-repeat #956d2d;color:#fff;}
.navbar li a.venue{ background:url(../images/venue.png) 11px center no-repeat #fff;}

.navbar li.active .spons, .navbar li:hover a.spons{ background:url(../images/spons_hover.png) 4px center no-repeat #956d2d;color:#fff;}
.navbar li a.spons{ background:url(../images/spons.png) 4px center no-repeat #fff;}.navbar li.active .creator_in_residence, .navbar li:hover a.creator_in_residence{ background:url(../images/creator_in_residence_hover.png) 11px center no-repeat #956d2d;color:#fff;}.navbar li a.creator_in_residence{ background:url(../images/creator_in_residence.png) 11px center no-repeat #fff;}

.navbar .register{     background: url(../images/reg_icon.png) 29px 13px no-repeat #bb0000;
    border-radius: 20px;
    color: #fff !important;
    padding: 10px 40px 10px 50px;}
	.nav-inner{float: right;
        display: inline-flex;}
		
		.simply-countdown-losange {
  overflow: visible;
  display: table;
  font-family: 'Arial', sans-serif;
  margin:auto;
}
.simply-countdown-losange > .simply-section {
  width: 100px;
  height: 100px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  float: left;
  margin: 30px;
  background: #956d2d;
}
.simply-countdown-losange > .simply-section > div {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.simply-countdown-losange > .simply-section > div .simply-amount,
.simply-countdown-losange > .simply-section > div .simply-word {
  display: block;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.simply-hours-section, .simply-seconds-section{ background:#c0a168 !important;}

.speakers h4{ color:#956e2d;}
.read_more{     background: #292929;
    padding: 7px 19px;
    color: #fff;
    border-radius: 8px;
    position: absolute;
    margin: auto;
    bottom: -16px;
    z-index: 99999 !important;
    left: 28%; }
.owl-carousel .owl-wrapper{ padding-bottom:20px;}
b{ font-size:13px;}
#sponsers{ background: url(../images/SILHOUETTE1.png) left bottom repeat-x;
    background-size: contain;
    padding-bottom: 264px;}
	
	
	#venue .col-lg-6 > img{ width:100%;}
	.phone .fa{ margin-right:7px;}
	
	 @media all and (max-width: 320px) { 	
	 
	 .simply-countdown-losange > .simply-section{     width: 60px !important;
    height: 60px !important; margin:15px 6px !important;}
	.simply-section{ font-size:11px !important; }
	
	}
	
	
	@media all and (min-width: 480px) and (max-width: 767px) {
.nav-tabs li a{margin-right:0;}
	.intro-section, .mission-section{height:auto !important;}
	.nav-inner{float: none;
    display: inherit;}
	.navbar-nav>li>a {padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 34px;
    padding-right: 20px;
    margin: 4px 2px;}
	.navbar .register{ display:inline-block;}
	.simply-countdown-losange > .simply-section{     width: 60px;
    height: 60px; margin:15px !important;}
	#speakers .heading h2{ width:100%; margin:auto; position:inherit !important; top:0; left:0; transform:inherit !important;}
	#speakers .heading{ width:auto !important; position:inherit; height:auto; }
	.simply-section{font-size: 13px !important;}
	.home-top p{ font-size:16px !important;}
	.speakers-container{ width:100% !important;}
	.nav-tabs>li{ width:100%;}
	#sponsers ul li{ width:auto;}
	#sponsers{ padding-bottom:64px;}
	.nav-tabs>li>a{ padding:7px 15px !important;}
	p{ font-size:16px !important;}
	
	.sponsers-section, .venue-section, .mission-section, .speakers-section, .schedule-section, .register-section{ padding-top:90px !important;}
	.mission-section ol li{height:auto;}
.mission-section p{width: 77%;}
.mission-section ol{width:100%; margin:0; float:none;}
	.mission-section ol.second{float:none !important;width:100% !important;}
	}
	
	
	@media all and (max-width: 479px) {
	.nav-inner{float: none;
    display: inherit;}
	.navbar-nav>li>a {padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 34px;
    padding-right: 20px;
    margin: 4px 2px;}
.intro-section, .mission-section{height:auto !important; }
	.navbar .register{ display:inline-block;}
	.simply-countdown-losange > .simply-section{     width: 70px;
    height: 70px;}
	#speakers .heading h2{ width:100%; margin:auto; position:inherit !important; top:0; left:0; transform:inherit !important;}
	#speakers .heading{ width:auto !important; position:inherit; height:auto; }
	.simply-section{font-size: 13px !important;}
	.home-top p{ font-size:16px !important;}
	.speakers-container{ width:100% !important;}
	.nav-tabs>li{ width:100%;}
	#sponsers ul li{ width:46%;}
	#sponsers{ padding-bottom:64px;}
	.nav-tabs>li>a{ padding:7px 15px !important;}
	p{ font-size:15px !important;}
		.sponsers-section, .venue-section, .mission-section, .speakers-section, .schedule-section, .register-section{ padding-top:90px !important;}
.project-navigation .btn-next, .project-navigation .btn-prev{  margin-top: -32px !important;}
	.mission-section ol li{height:auto;     text-align: center;
    float: none;}
.mission-section p{width: 100%;display: block;
    clear: both;float:none; padding:10px;}
.mission-section ol{width:100% !important; margin:0 !important;}
.mission-section ol li img{    display: block;
    margin: auto;
    width: 75px;float:none !important;}

.intro-section{background:url(../images/SILHOUETTE1.png) bottom center repeat-x, url(../images/h_bg.png);}

#intro h4 span{display:block;}
#intro h4 {
    font-size: 15px !important;
}

	
	}


@media all and (min-width: 768px) and (max-width: 1024px) {
.intro-section, .mission-section{height:auto;}
#speakers .heading h2 {
    width: 100%;
    margin: auto;
    position: inherit !important;
    top: 0;
    left: 0;
    transform: inherit !important;
}
.mission-section ol li{height:auto;}
.mission-section p{width: 77%;}
.mission-section ol{width:100%;}
.mission-section ol.second{float:none; width:100%;}

}

 @media all and (min-width: 1024px) and (max-width: 1124px) {
.intro-section, .mission-section{height:auto;}
.mission-section ol li{height:135px;}
.mission-section p{width: 77%;}
.mission-section ol{width:47%;}

}







span.tagline{       display: block;
    font-size: 18px;
    letter-spacing: 2px;
    margin-top: 2px; margin-bottom:10px;}
#intro h4{font-size:17px;}
#intro h4 span{color: #bb0000;}

@font-face {
    font-family: 'digital7';
    src: url('../fonts/digital7.eot');
    src: url('../fonts/digital7.eot') format('embedded-opentype'),
         url('../fonts/digital7.woff2') format('woff2'),
         url('../fonts/digital7.woff') format('woff'),
         url('../fonts/digital7.ttf') format('truetype'),
         url('../fonts/digital7.svg#digital7') format('svg');
}
#venue h3{text-transform:uppercase;}

.countdown {
  
  
  padding: 8px 0 0 0;
  text-align: center;
 
  margin: 10px auto 0 auto;
  overflow: hidden;
  border-radius: 10px;
}

.countdown-time {
  display: block;
  text-align: center;
}

.countdown-time ul { display: inline-block; padding:0;}

.countdown-time li {
  float: left;
  text-align: center;
  
list-style:none;
}

.countdown-time li.blank {
  line-height: 60px;
  width: 15px;
  color: #956d2d;
  font-size: 50px;
}

.countdown-time li.item { width: 80px; }

.countdown-time i {
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 40px;
  font-weight: normal;
  margin: auto;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .3);
  background: #956d2d;
  color: #fff;
font-family:'digital7';
    font-style: inherit !important;
}

.countdown-time span {
  display: block;
  color: #000;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  margin-top: 10px;
}

 

.intro-bottom-text{   
position:absolute;
bottom:0;
left:0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    display: block;
    float: left;
    width: 100%;
    display: block;
    margin-top:20px;}

.speakers b{font-size:15px;}
#mission li.one{ background:#f8ebc8;}
#mission li.two{background:#faf2db;}
#mission li.three{background:#fdf7e7;}
.mission-section ol li img{margin-bottom:20px;float:left;}
#mission ol li p{ padding-top:0px;}

p.m_btm{ background:#faf2db;    width: 100%;
    padding: 25px;}
#sponsers ul{float:left; padding-left:15px;}
#sponsers h4{font-size:16px; text-transform:uppercase;}


/* (1366x768) WXGA Display */
@media  screen and (max-width: 1366px) {
    .home-top p{line-height:21px;}

.countdown-time li.item{width:60px;}
.intro-section{height:100%;}
.home-top{padding:10px;}
.intro-section{padding-top:100px;}

}


#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
  width:100% !important;
  height:100% !important; 
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 15px;
  text-align: center;
}
#boxes #dialog {
  width:auto; 
  height:auto;
  padding:10px;
 
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
}
.maintext{
	text-align: center;
  font-family: "Segoe UI", sans-serif;
  text-decoration: none;
}
body{
  background: url('bg.jpg');
}
#popinner{
	font-family: "Segoe UI", sans-serif;
	font-size: 12pt;
  text-align: left;
}
#popinner img{ width:100%;}
#popupfoot{
	font-family: "Segoe UI", sans-serif;
	font-size: 16pt;
  padding: 10px 20px;
}
#popupfoot a{
	text-decoration: none;
}
.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	
	color: red;
}