@import url("fonts.css");


html, body
{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x:hidden;
}

/******** menu animation ***********/

.hamburger {
  display: flex;
  align-self: center;
  flex-direction: column;
  justify-content: space-between;
  width: 45px;
  height: 25px;
  cursor: pointer;
  
}
.hamburger div {
  align-self: flex-star;
  height: 2px;
  width: 100%;
  background: #fff;
}

.aboutmenu div {background: #000 !important;}
 
.hamburger-section{ width:190px ;}
 
 .menu-align  {display:inline-block; vertical-align:middle;  width:55px; text-align:left;}	

 .menu-align2 
{
	display:inline-block; 
	vertical-align:middle; 
	width:100px; 
	color:#fff; 
	font-family: 'SourceSansPro-Light';
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:2px;
	text-align:left;
}

.aboutpress  {color:#000 !important; }	

.hamburger:hover div { width: 100%;}

.hamburger .meat {width: 100%; transition: all 200ms ease-in-out;}

.hamburger .bottom-bun { width: 100%; transition: all 400ms ease-in-out;}

.hamburger:hover .top-bun {
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate;
          animation: burger-hover 1s infinite ease-in-out alternate;
}
.hamburger:hover .meat {
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
          animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
}
.hamburger:hover .bottom-bun {
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
          animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
}

@-webkit-keyframes burger-hover {
  0%  {width: 100%;}
  50% {width: 50%;}
 100% {width: 100%;}
}

@keyframes burger-hover {
  0%  {width: 100%;}
  50% {width: 50%;}
 100% {width: 100%;}
}
/***********  menu animation end ***********/

#header
{
	padding:25px 15px;
	background-color:transparent; 
	z-index:9999;
	position:fixed !important; 
	transition: all 0.7s linear;
	height:100px;
	width:100%;
}

#header.small {
	background-color:#000;
	padding:20px 15px  ; 
    height: 65px;
	top:0px;
  	position:fixed !important;
	transition: all 0.7s linear;
    z-index:9999;
}

#header.small .small-logo { display:block; transition: all 0.7s ease;     }

#header.small  .top-text { display:none; }

#header.small .hamburger div {background: #b5b5b5;}

#header.small .aboutmenu div {background: #b5b5b5 !important;}
 
#header.small .menu-align2 {color:#b5b5b5; }

#header.small .aboutpress  {color:#b5b5b5 !important; }

#header.small .top-social-media a svg:hover #facebook,
#header.small .top-social-media a svg:hover #instagram,
#header.small .top-social-media a svg:hover #twitter
 {fill:#fff;}
 
.small-logo {display:none; }

.rightinsmall img {margin-top: -5px;}

.top-social-media {text-align:right; }

.top-text { text-align:right; padding-bottom:10px;}

.top-text a 
{ 
	color:#dfdfdf;  
	font-family: 'SourceSansPro-Light'; 
	font-size:16px; 
	line-height:20px; 
	text-decoration:none;
	text-transform:uppercase;
}

.top-text a:hover  { 	text-decoration:underline; } 
  
.text-under-logo
{	
	font-family: 'SourceSansPro-Italic'; 
	font-size:18px;
	line-height:22px;
	color:#fff;
	text-align:left;
}

.inner-menu {height:125px; background-color:#ececec;}
	
.name
{	
	font-family: 'SourceSansPro-Light'; 
	font-size:18px;
	color:#dfdfdf;  
	line-height:18px;
	text-align:left;
	text-transform:uppercase;
	margin-top:15px;
}

.float-right { float:right;}

 


 /* ---- grid ---- */

.grid {
  background: #000;
  width: 100%;
  height:950px;
  overflow:hidden;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

.grid-sizer,
.grid-item {
  width: 25%;
}

.grid-item {
  height: 300px;/*300px*/
  float: left;
  background-position:top;  
  background-position:center;
  border: solid #000 5px;
  -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
    -webkit-transition: -webkit-filter 0.1s;
	background-size:cover; 
}

.grid-item:hover {
  -webkit-filter: grayscale(0%);
   filter: grayscale(0%); 
}
.grid-item a { text-decoration:none;}

.grid-item--width2 { width:  25%; }
.grid-item--width3 { width:  25%; }
.grid-item--width4 { width:  50%; }
.grid-item--width5 { width:  55%; }
 
.grid-item--salah { height: 600px; }  
.grid-item--salah2 { height: 950px; } 
.grid-item--salah3 { height: 650px; } 
.grid-item--salah4 { height: 350px; } 
 
 
 
.news
{
	height:250px; 
	margin:7px;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: -webkit-filter 0.1s; 
	background-size:100% 100%;
}

.news:hover
{
   -webkit-filter: grayscale(0%);
   filter: grayscale(0%); 
}
.news a { text-decoration:none;} 

.newandupdates 
{ 
   background-color:rgba(7,7,7,1.00); 
   color:#fff; 
   text-transform:uppercase; 
   width: 160px;
   font-size:14px;
   text-align:center;
   padding:5px;
   font-family: 'SourceSansPro-Italic';
   position:absolute;
   top:0px;
   left:0px;
   } 
   
.home-about
 {
	font-family: 'SourceSansPro-Italic';
	font-size:24px;
	text-align:center;
	padding:30% 5% 30px 5%;
	color:#fff;
	 
 }
 
 .about-readmore
 {
	 position:absolute;
	 bottom:5%;
	 margin:auto;
	 text-align:center;
	 right:0px;
	 left:0px;
 }
 
 .about-readmore button
 {
	 background-color:transparent;
	 border:solid 1px #9e9e9e !important;
	 color:#9e9e9e !important;
	 text-transform:uppercase;
	 font-family: 'SourceSansPro-Light'; 
	 padding:5px 15px;
	 font-size:18px;
	 transition: all 0.3s ease-out;	
 }
 .about-readmore button:hover
 {
	 background-color:#9e9e9e;
	 color:#fff !important;
	 transition: all 300ms ease-out;
 }
 
 .text-content
 {
	 height: 100%;
	 background-color:rgba(0,0,0,0.5);
 	 opacity:0;
	 transition: all 300ms linear;
  }

.grid-text
 {
	position: absolute !important;
	bottom: 0px;
	padding: 20px 25px 20px 15px;
	transition: all 300ms linear; 
  }
 
 .text-content:hover .grid-text
 {
	padding: 20px 25px 30px 15px;
	transition: all 300ms linear;
 }

.text-content:hover 
 {
	 opacity:1;
	 transition: all 300ms linear;
 }
  
  
.text-title
 {
	font-family: 'SourceSansPro-Bold';
	text-transform:capitalize;
	color:#fff; 
	font-size:17px;
	letter-spacing:1px;	
	line-height:20px;
	margin-bottom:5px;	
 }	
 
 .text-bodytext
 {
	font-family: 'SourceSansPro-Light'; 
	color:#fff; 
	font-size:14px;	
	line-height:16px;
 }	 
 
 .news-content
 {
   padding:13% 7% 10% 3.5%;
   background-color:rgba(0,0,0,0.5);
   height:100%;
   opacity:1;
   transition: all 0.5s linear;
 }
 
 .news-content:hover
 {
   opacity:1;
   transition: all 0.5s linear; 
   padding:13% 7% 10% 5%;
 }
 
 .news-content2
 {
   padding:9% 7% 12% 3.5%;
   background-color:rgba(0,0,0,0.5);
   height:100%;
   opacity:1;
   transition: all 0.5s linear;
 }
 
 .news-content2:hover
 {
   opacity:1;
   transition: all 0.5s linear; 
   padding:9% 7% 12% 5%;
 }
 
 .news-title
 {
	font-family: 'SourceSansPro-Regular'; 
	color:#dfdfdf; 
	font-size:17px;	
	line-height:20px;
	 text-transform: capitalize;
	 margin-bottom: 20px;
 }	

 .news-date
 {
	font-family: 'SourceSansPro-Light'; 
	color:#fff; 
	font-size:16px;	
	text-transform:uppercase;
 }
 	
 .news-bodytext
 {
	font-family: 'SourceSansPro-Italic'; 
	color:#fff; 
	font-size:15px;	
	line-height:16px;
	margin-top: 5px;
 }
 
 .footer-social { float:right;}
 	
 .footer { padding: 20px; }
 
.top-social-media a svg #facebook,
.top-social-media a svg #instagram,
.top-social-media a svg #twitter
 {fill:#a1a1a1;}

 
.top-social-media a svg:hover #facebook,
.top-social-media a svg:hover #instagram,
.top-social-media a svg:hover #twitter
 {fill:#000;}

 .footer-logo
 {
   display:inline-block;
   vertical-align:middle;
   width:12%;
 }
 
 .footer-logo-text
 {
   display:inline-block;
   vertical-align:middle;
   width:80%;
   font-family: 'SourceSansPro-Light';
   color:#c1c1c1; 
   font-size:16px;
   line-height:20px;	
 }
 
 .copyrights,  .copyrights a
 {
   font-family: 'SourceSansPro-Light';
   color:#fff; /*#dfbba7*/
   font-size:14px;
   line-height:20px;	
/*   margin-top:35px;*/
   z-index:999;
   position:relative;
	 text-align: center;
 }
 
 .copyrights-top {position:absolute;  }

.footer-section {background-color: #000;}
 
 /******************* About ***********************/	
 .about-founder-img{
    position: absolute;
    max-width: 100%;
    max-height: 75rem;
    display: inline-block;
    bottom: -50px;
    left: 0;
}

.about-founder-img2
{
    position: absolute;
    max-width: 100%;
    max-height: 75rem;
    display: inline-block;
    bottom: 0px;
    right: 0;
}

.l-chapter__section,
[class^=l-chapter__section],
[class*=l-chapter__section] {
   position: relative;
   background: no-repeat center 0% fixed  ;
   background: no-repeat center 0%  fixed ;
   background-size: cover; 
}

.l-chapter__section-1 {background-color: #ececec;}
.l-chapter__section-1, .l-chapter__section-2 { padding:100px 0px; min-height: 100vh;}

.l-chapter__section-5 {padding:100px 0px 0px 0px;}

.about-light
{
	font-family: 'SourceSansPro-Light';
	font-size:30px;
	line-height:30px;
	color:#161616; /*#dfbba7*/
	text-transform:uppercase;
}
.about-bold { font-family: 'SourceSansPro-SemiBold'; }

.about-bodytext
{
	color:#5c5c5c;
	font-size:20px;
	line-height:35px;
 	font-family: 'SourceSansPro-ExtraLight';
	margin-top:30px;
}

.about-bodytext1
{
	color:#fff;
	font-size:20px;
	line-height:35px;
 	font-family: 'SourceSansPro-ExtraLight';
	margin-top:30px;
}

/*.about-footer {padding-top:200px;}*/

.about-news 
  {
	  background-image:url(../img/news/news-bg.jpg); 
	  background-repeat:no-repeat; 
	  background-size:cover;
	  padding:70px 0px;
  }

.news-maintitle
{
	font-family: 'SourceSansPro-Light';
	font-size:28px;
	line-height:34px;
	color:#5c5c5c;
	text-transform:uppercase;
 }

.news-bold {font-family: 'SourceSansPro-SemiBold';}

.news-container {margin-top:30px; margin-right:15px;}

.news-img 
{
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: -webkit-filter 0.4s;
}

.news-container:hover .news-img 
{
	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-transition: -webkit-filter 0.4s;
}


.news-title2 
{ 
   font-family: 'SourceSansPro-SemiBold';
   color:#5c5c5c;
   font-size:20px;
   line-height:25px;
   margin-top:15px;
	text-transform: capitalize;
	letter-spacing: -1px;
}	

.news-date2
{
	font-family: 'SourceSansPro-Light';
	font-size:18px;
	line-height:22px;
	color:#5c5c5c;
	text-transform:uppercase;
	margin-top:10px;
 }

.news-bodytext2
{
	font-family: 'SourceSansPro-Light';
	font-size:16px;
	line-height:25px;
	color:#959595;
	margin-top:10px;
  }

.news-readmore
 {
 	margin:auto;
	text-align:left;
	margin-top:15px;
 }
 
.news-readmore button
{
	 background-color:transparent;
	 border:solid 1px #5c5c5c !important;
	 color:#5c5c5c !important;
	 text-transform:uppercase;
	 font-family: 'SourceSansPro-Light'; 
	 padding:5px 25px;
	 font-size:18px;
	 transition: all 0.3s ease-out;	
}

.news-readmore button:hover
{
	 background-color:#5c5c5c;
	 color:#fff !important;
	 transition: all 0.3s ease-out;
}
   
/***************** End About *********************/



.art-container {margin-top: 20px;}
.about-page {background-color:#ececec; padding:170px 0px 70px 0px !important;}
.projects-page {background-color:#1D1D1D; padding:130px 0px 10px 0px;}
.project-page {background-color:#1D1D1D; padding:150px 0px 10px 0px;}

.projects-main-title 
{
   font-family: 'SourceSansPro-SemiBold';
   color:#fff !important; 
   font-size:26px;
   line-height:30px;
   text-transform:uppercase;
}
	 
.projects-main-title span {font-family: 'SourceSansPro-Light'; }
	
.projects-text
{ 
   font-family: 'SourceSansPro-ExtraLight';
   color:#fff; 
   font-size:20px;
   line-height:25px;
}	
 
.projects-category 
{ 
   background-color:#000; 
   color:#fff; 
   text-transform:uppercase; 
   font-size:12px;
   text-align:center;
   padding:3px 10px;
   font-family: 'SourceSansPro-Italic';
   position:absolute;
   top:7px;
   left:7px;
   z-index:99;
	opacity: 0;
	transition: all 300ms linear;
}
  
.projects-category2 
{ 
   background-color:#000; 
   color:#fff; 
   font-size:16px ;
   text-align:center;
   padding:5px 10px;
   font-family: 'SourceSansPro-Italic';
   width:110px ;
} 
 
.projects-filter 
{ padding-left:0px; padding-top:10px; list-style-image:url(../img/projects/list-img.png);  } 

.projects-filter li {  margin-left:30px; float:left;  color:#fff; /**#dfbba7**/}  

.projects-filter li a 
{  
   font-family: 'SourceSansPro-ExtraLight'; 
   color:#fff; /**#dfbba7**/
   font-size:20px;
   line-height:25px ;
}  

.salah .projects-content
{
   position:absolute;
   z-index:99;
   opacity:0 ;
   transition:linear 0.3s;
   background-color:rgba(0,0,0,0.5);
   width: 100%;
   height:100% ;
}

.salah:hover .projects-content {  opacity:1;   transition: all 300ms linear;}

.salah:hover .projects-category { opacity: 1; transition: all 300ms linear;}


.salah .projects-container
{
	position: absolute;
	bottom: 0px !important;
	padding: 20px 15px 10px 15px;
	transition: all 300ms linear; 
}

.salah:hover .projects-container
{
	padding: 20px 15px 15px 15px;
	transition: all 300ms linear;
}

.back
{
	background-color: #000;
	border: none;
	padding: 5px 15px;
 float: right;
}

.back a
{
	font-family: 'SourceSansPro-Light';
	color:#fff;
	font-size:16px;
	line-height:20px;
	text-align: center;
}
 

	
.projects-content .text-title
 {
	font-family: 'SourceSansPro-Bold';
	text-transform:uppercase;
	color:#fff; 
	font-size:16px;
	letter-spacing:1px;	
	line-height:20px;
	margin-bottom:7px;	
 }	
 
.projects-content .text-bodytext
 {
	font-family: 'SourceSansPro-Italic'; 
	color:#fff; 
	font-size:14px;	
	line-height:16px;
 }
 
.projects-content button
{
  font-family: 'SourceSansPro-Italic'; 
  color:#fff; 
  font-size:14px;	
  line-height:20px;
  background-color:#9e9e9e;
  border:none;	
  padding:5px 15px;
  margin-top:10px;
  transition:all 0.5s;
} 	
 
.projects-content button:hover {background-color:#fff; color:#9e9e9e; transition:all 0.5s; }



#grid .modal-content {
  position: relative;
  -webkit-background-clip: padding-box;
   background-clip: padding-box;
  border: none;
  border-radius: 0px;
  outline: 0;
  -webkit-box-shadow: none;
   box-shadow: none;
   padding:20px;
}

#grid .modal-dialog {  margin:100px auto; }
  
#grid .modal-header {border-bottom: none;}

#grid .close { font-size:30px;  color:#c2c2c2; width:30px; height:30px; opacity:1; } 

.modal-text
{
  font-family: 'SourceSansPro-Light'; 
  color:#fff;
  font-size:16px;	
  line-height:22px;
  text-align:left;
  margin-top:30px;
}

.top-slider
{
	display:inline-block;
	vertical-align:top;
	width:100%;
	padding-right:7px; 
}

.top-slider .item 
{
	height:400px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-size:100% auto;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
 }
 
 .top-slider .item:hover 
{
 	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
 }
 
.top-slider-right
{ 
	display:inline-block;
	vertical-align:top;
	width:23.5%;
	height:400px;
	background-repeat:no-repeat; 
	background-size:100% 100%; 
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
  }

 
.slider
{
	width:100%;
 	overflow:hidden;
	margin-top:30px;
	padding:7px;
	max-height:400px;
}

.product-explor
{
	position:relative;
	margin-top: 15px;
 }

.product-explor a
{
  font-family: 'SourceSansPro-Bold'; 
 color:#fff;
  font-size:16px;	
  line-height:22px;
  text-decoration:none;
	text-transform: capitalize;
	text-decoration: underline;
}
.product-explor a:hover { color:#fff; }

.product-explor a span {font-size:20px;} 

.product-title
{
	background-color:#000;
	padding:15px 30px;;
	position:absolute;
	left:0px;
	margin-top:20% ; 
}

.kari
 {
	font-family: 'SourceSansPro-SemiBold';
	text-transform:uppercase;
	color:#dfdfdf; 
	font-size:16px;
	letter-spacing:2px;	
	line-height:20px;
 }	
 
.product-name
 {
	font-family: 'SourceSansPro-Italic'; 
	color:#fff; 
	font-size:16px;	
	line-height:18px ;
 }
 
.inthepress 
{  
   padding:170px 0px 40px 0px;
   background-image:url(../img/press/press-bg1.jpg);
   background-repeat:repeat;
   background-size:cover;
   background-attachment:fixed;
 }
 
 .press-section2
 {
	 padding:30px 0px;
	 background-color:#000;
 }
 
 .national-press
 {
  font-family: 'SourceSansPro-Light'; 
  color:#b5b5b5;
  font-size:16px;	
  line-height:22px;
  text-align:left;
  margin-top:30px;
 }
 
 .inpress
 {
   font-family: 'SourceSansPro-Light';
   color:#8a8a8a;
   font-size:50px;
   line-height:50px; 
   margin-top:30px;
   text-align:right;
 }
 
 .press-section3 {	 padding:30px 0px;	 background-color:#f4f4f4; }

.year-title
{
  font-family: 'SourceSansPro-SemiBold';
  font-size:70px;
  line-height:70px;
  color:#b6b6b6;
  margin-top:40px;
}

 
 .press-date
 {
   font-size:22px;
   color:#737373;
   text-transform:uppercase;
   line-height:25px;
   font-family: 'SourceSansPro-Light';
 }

.press-title
{
  font-family: 'SourceSansPro-Italic'; 
  color:#737373;
  font-size:16px;	
  line-height:22px;
  text-align:left;
  margin-top:5px;
  padding-right:30px;
 }
 
 .press-explore { margin-top:10px; }
 
 .press-explore a
 {
   font-size:18px;
   color:#737373;
   text-transform:uppercase;
   line-height:20px;
   font-family: 'SourceSansPro-Light';
   border-bottom:solid 1px #e0e0e0;
   text-decoration:none;
   letter-spacing:2px;
 }
 .press-explore a:hover { color:#8a8a8a;  }	 

 .press-container
 {
	border-bottom:solid 1px rgba(224,224,224,0.5);
	padding:40px 0px ; 
 }
 
 .press-section4 { padding:30px 0px; background-color:#fff; }  
 
 .press-section5 
 {	 
     padding:30px 0px; 
	 background-image:url(../img/press/press-bg.jpg);
	 background-repeat:no-repeat;
	 background-attachment:fixed;
	 background-size:cover ;
  } 
  
 .contact-page
 {
	 background-image:url(../img/contact-bg-.jpg);
	 background-repeat:repeat;
	 background-size:cover;
	 background-attachment:fixed;
	 padding:170px 0px 100px 0px;
 }

.contact-title
 {
   font-size:30px;
   color:#fff;
   text-transform:uppercase;
   line-height:35px;
   font-family: 'SourceSansPro-Light';
  }
  
 .contact-title span {font-family: 'SourceSansPro-SemiBold'; }
 
 .address-title
 {
	 font-family: 'SourceSansPro-Regular';
	 color:#fff;
	 font-size:24px;
	 line-height:30px;
	 margin-top:20px;
 }
 
 .address 
 {
	 font-family: 'SourceSansPro-Light';
	 color:#fff; /* 5c5c5c */
	 font-size:24px;
	 line-height:35px;
	 margin-top:10px;
 }
 
 .address a
 {
	 font-family: 'SourceSansPro-Light';
	 color:#fff;
	 font-size:24px;
	 line-height:35px;
	 margin-top:10px ;
 }
 
 .form-padding {padding-top:50px;}
 
 
 #kari-form .form-control {
  font-family: 'SourceSansPro-Light';
  display: block;
  width: 100%;
  height: 80px;
  padding: 6px 12px;
  font-size: 24px;
  line-height: 1.42857143;
  color: #fff;
  background-color: transparent;
  background-image: none;
  border: hidden;
  border-bottom:solid 1px #fff;
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
       -o-transition: none;
          transition: none;
}
#kari-form  .form-control:focus {
  border-color:transparent;
  outline: 0;
  -webkit-box-shadow:none;
          box-shadow: none;
}
#kari-form  .form-control::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
#kari-form  .form-control:-ms-input-placeholder {
  color: #fff;
}
#kari-form  .form-control::-webkit-input-placeholder {
  color: #fff;
}
 
 textarea.form-control {
  height: auto;
  min-height:200px ;
}

.send
{
	background-color:transparent;
	border:solid 1px #fff;
	padding:5px 20px;
	font-family: 'SourceSansPro-Light';
	font-size:18px;
	line-height:25px;
	text-transform:uppercase;
	margin-top:60px;
	color:#fff;
}

.send:hover{background-color:#fff; }
 
 

.cb-slideshow,
.cb-slideshow:after { 
    position:fixed;
    width: 100%;
    height: 100vh;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.cb-slideshow:after { 
    content: '';
}
.cb-slideshow li {list-style: none; }

.cb-slideshow li span { 
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 60s linear infinite   ;
    -moz-animation: imageAnimation 60s linear infinite  ;
    -o-animation: imageAnimation 60s linear infinite ;
    -ms-animation: imageAnimation 60s linear infinite ;
    animation: imageAnimation 60s linear infinite ; 
}
 
.cb-slideshow li:nth-child(1) span { }

.cb-slideshow li:nth-child(2) span { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
	 
}
.cb-slideshow li:nth-child(4) span { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}

.cb-slideshow li:nth-child(7) span { 
    -webkit-animation-delay: 36s;
    -moz-animation-delay: 36s;
    -o-animation-delay: 36s;
    -ms-animation-delay: 36s;
    animation-delay: 36s;  
}
.cb-slideshow li:nth-child(8) span { 
    -webkit-animation-delay: 42s;
    -moz-animation-delay: 42s;
    -o-animation-delay: 42s;
    -ms-animation-delay: 42s;
    animation-delay: 42s;
}
.cb-slideshow li:nth-child(9) span { 
    -webkit-animation-delay: 48s;
    -moz-animation-delay: 48s;
    -o-animation-delay: 48s;
    -ms-animation-delay: 48s;
    animation-delay: 48s; 
}
.cb-slideshow li:nth-child(10) span { 
   -webkit-animation-delay: 54s;
    -moz-animation-delay: 54s;
    -o-animation-delay: 54s;
    -ms-animation-delay: 54s;
    animation-delay: 54s;
}
 
 
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation 
{ 
    0%  { opacity: 0; -webkit-animation-timing-function: ease-in;  -webkit-transform: none; transform: none; }
    10% { opacity: 1; -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(2rem) scale(1.15);  transform: translateY(2rem) scale(1.15); }
    15% { opacity: 1; -webkit-transform: translateY(-2rem) scale(1.15); ransform: translateY(-2rem) scale(1.15); }
    30% { opacity: 0; -webkit-transform: translateX(-2rem) scale(1.15);    transform: translateX(-2rem) scale(1.15); }
	55% { opacity: 0; -webkit-transform: translateX(2rem) scale(1.15);  transform: translateX(2rem) scale(1.15); }
    100%{ opacity: 0; -webkit-transform: none;   transform: none; }
}
@-moz-keyframes imageAnimation 
{ 
   0%   { opacity: 0; -webkit-animation-timing-function: ease-in;  -webkit-transform: none; transform: none; }
    10% { opacity: 1; -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(2rem) scale(1.15);  transform: translateY(2rem) scale(1.15); }
    15% { opacity: 1; -webkit-transform: translateY(-2rem) scale(1.15); ransform: translateY(-2rem) scale(1.15); }
    30% { opacity: 0; -webkit-transform: translateX(-2rem) scale(1.15);    transform: translateX(-2rem) scale(1.15); }
	55% { opacity: 0; -webkit-transform: translateX(2rem) scale(1.15);  transform: translateX(2rem) scale(1.15); }
    100%{ opacity: 0; -webkit-transform: none;   transform: none; }
}
@-o-keyframes imageAnimation 
{ 
    0%  { opacity: 0; -webkit-animation-timing-function: ease-in;  -webkit-transform: none; transform: none; }
    10% { opacity: 1; -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(2rem) scale(1.15);  transform: translateY(2rem) scale(1.15); }
    15% { opacity: 1; -webkit-transform: translateY(-2rem) scale(1.15); ransform: translateY(-2rem) scale(1.15); }
    30% { opacity: 0; -webkit-transform: translateX(-2rem) scale(1.15);    transform: translateX(-2rem) scale(1.15); }
	55% { opacity: 0; -webkit-transform: translateX(2rem) scale(1.15);  transform: translateX(2rem) scale(1.15); }
    100%{ opacity: 0; -webkit-transform: none;   transform: none; }
}
@-ms-keyframes imageAnimation 
{ 
    0%  { opacity: 0; -webkit-animation-timing-function: ease-in;  -webkit-transform: none; transform: none; }
    10% { opacity: 1; -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(2rem) scale(1.15);  transform: translateY(2rem) scale(1.15); }
    15% { opacity: 1; -webkit-transform: translateY(-2rem) scale(1.15); ransform: translateY(-2rem) scale(1.15); }
    30% { opacity: 0; -webkit-transform: translateX(-2rem) scale(1.15);    transform: translateX(-2rem) scale(1.15); }
	55% { opacity: 0; -webkit-transform: translateX(2rem) scale(1.15);  transform: translateX(2rem) scale(1.15); }
    100%{ opacity: 0; -webkit-transform: none;   transform: none; }
}
@keyframes imageAnimation 
{ 
   0%   { opacity: 0; -webkit-animation-timing-function: ease-in;  -webkit-transform: none; transform: none; }
    10% { opacity: 1; -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(2rem) scale(1.15);  transform: translateY(2rem) scale(1.15); }
    15% { opacity: 1; -webkit-transform: translateY(-2rem) scale(1.15); ransform: translateY(-2rem) scale(1.15); }
    30% { opacity: 0; -webkit-transform: translateX(-2rem) scale(1.15);    transform: translateX(-2rem) scale(1.15); }
	55% { opacity: 0; -webkit-transform: translateX(2rem) scale(1.15);  transform: translateX(2rem) scale(1.15); }
    100%{ opacity: 0; -webkit-transform: none;   transform: none; }
}
 
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

.grayscal
{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}

.grayscal:hover
{
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
}

.carousel-indicators { bottom: 50px; }