@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

@font-face {
    font-family: 'sansationbold';
    src: url('fonts/sansation_bold-webfont.woff2') format('woff2'),
         url('fonts/sansation_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'sansationbold_italic';
    src: url('fonts/sansation_bold_italic-webfont.woff2') format('woff2'),
         url('fonts/sansation_bold_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'sansationitalic';
    src: url('fonts/sansation_italic-webfont.woff2') format('woff2'),
         url('fonts/sansation_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'sansation_lightregular';
    src: url('fonts/sansation_light-webfont.woff2') format('woff2'),
         url('fonts/sansation_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'sansation_lightitalic';
    src: url('fonts/sansation_light_italic-webfont.woff2') format('woff2'),
         url('fonts/sansation_light_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'sansationregular';
    src: url('fonts/sansation_regular-webfont.woff2') format('woff2'),
         url('fonts/sansation_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body{
	
	font-family: 'sansation_lightregular';
}
h1 h2 h3 h4 h5 li{
	
	font-family: 'sansation_lightregular';
}
p{font-family: 'Roboto', sans-serif;}
.colw{
  border: 10px solid orange;

  border-radius: 5px;
}
.cir{
	background-color:red;
	    margin: 1%;
	
}
#back
{
    
   
    margin-top: 5%;
}

.navbar-brand{
	
	padding-left: 2%;
}
/* Testimonials */
.testimonials blockquote {
  background-image:url(../img/testimonial.jpg);
    border: medium none;
    color: #fff;
    display: block;
    font-size: 20px;
    line-height: 20px;
    padding: 15px;
    position: relative;
    text-align: center;
    font-family: 'Cambo';
}
.testimonials blockquote h4{
  color: #ffffff;
}
.testimonials blockquote::before {
    width: 0; 
    height: 0;
	right: 0;
	bottom: 0;
	content: " "; 
	display: block; 
	position: absolute;
    border-bottom: 20px solid #fff;    
	border-right: 0 solid transparent;
	border-left: 15px solid transparent;
	border-left-style: inset; /*FF fixes*/
	border-bottom-style: inset; /*FF fixes*/
}
.testimonials blockquote::after {
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    content: " ";
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #ef602e transparent transparent transparent;
}
.testimonials .carousel-info img {
    border: 1px solid #f5f5f5;
    border-radius: 150px !important;
    height: 75px;
    padding: 3px;
    width: 75px;
}
.testimonials .carousel-info {
    overflow: hidden;
}
.testimonials .carousel-info img {
    margin-right: 15px;
	    background-color: white;
}
.testimonials .carousel-info span {
    display: block;
}
.testimonials span.testimonials-name {
       color: #ffffff;
    font-size: 21px;
    font-family: 'Bitter';
    margin: 23px 0 7px;
}
.testimonials span.testimonials-post {
          color: #ffffff;
    font-size: 21px;
    font-family: 'Bitter';
    margin: 23px 0 7px;
}
a:hover{
	color: #532669;
}
a{
	color: #532669;
}

#section5{
	background-image: url(../img/main_bg.jpg);
	background-size: 100%;
	height:398px;
	background-color:#000;
}
#bg1{
	background-color: #ffffff66;
    width: 80%;
    color: #ac292f;
	font-size: 64px;
	margin-top: 24%;
	padding-left: 2%;

}
#bg2{
	background-color: #ffffff66;
    width: 80%;
    color: #ac292f;
	padding-left: 2%;
	font-size: 26px;
	font-weight: bold; 	font-family: 'sansation_lightregular';

}
#section1{
margin-top:-1%;
}
#section2_1{
    
    background-image: url(../img/services_bg.jpg);
    height: 500px;
	background-size: 100%;
	background-repeat: no-repeat;
    }
#section2_1 h1{
    padding-top: 9%;
    color: white;
    padding-left: 7%;
    font-size: 90px;
    font-weight: 900;
}

@media only screen and (min-width: 1000px)  {
	.lvl7{
		    margin-left: 27%;
	}
	.lvl6{
		font-size:18px;
		margin-left: 23%;
		font-weight:bold;    font-weight: bold;
    color: black;
	}
	.lvl5{
font-family: 'Anton', sans-serif;
font-size:3em;
	color:#421e58;
}
	.overlay {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
		transition: .8s ease;
		background-color:#ac292f;
	
	  }
	  .text{
color:#421e58;font-size:20px;font-weight:bold;
	  }
	  
	  .imagecontainer:hover  {
		width: 220px;
		height: 220px;
		 transition: transform .9s; 

	  }
	  .imagecontainer:hover .overlay {
		opacity: 1;
	
	  }
.imagecontainer{
	background-color: #ef9b20;	/*margin:50px auto;*/
    border: 5px solid white;
	display:block;
	width: 197px;
    height: 195px;
	margin-top: 14%;
	overflow:hidden;
	border-radius: 28px;
	transform: rotate(64deg);
	-ms-transform: rotate(64deg); /* IE 9 */
	-webkit-transform: rotate(64deg); /* Safari and Chrome */
	position:relative;
	
	/* non-essential styling */
	-webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .05);
	box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .05);
	
   }
   .imagecontainer p{
	transform: rotate(-64deg);
	-ms-transform: rotate(-64deg); /* IE 9 */
	-webkit-transform: rotate(-64deg); /* Safari and Chrome */
	font-size:22px;
	
	margin-top: 34%;
   }
   .bg7{
	padding-left: 5%;
	text-align: center;
	color:#ef9b20;
	font-weight: bold;
   }
   .bg6{
	color: #ac292f;
	font-weight: bold;
	padding-left: 13%;
   }
   .bg5{
	padding-left: 3%;
	color: #ac292f;
	font-weight: bold;
   }
.bg4{
	color:#ef9b20;
	font-weight: bold;    padding-left: 19%;
  
}
   .bg2{
	
   }
   .mod45{
	   
	      margin-top: 111%;text-align:right;
   }
   }
   @media only screen and (max-width: 1000px)  {
	   .mod45{
		   
		   margin-top:2%!important;
		   text-align:center;
		  
	   }
	   .mod45 img{
		   width: 13%;
margin-top: -4%;
	   }
	   .image23 {
   display:none;
	 }
	   .who{height:700px !important;}
	   .lvl8{
		   padding:0%!important;
		   margin-top:-13%;
	   }
	   .lvl5 {
font-size: 10px !important;

margin-top: 3% !important;

margin-left: 20%;

font-weight: bold;
	   }
	   .lvl6{
		  font-size: 11px;
margin-left: 25%;
font-weight: bold;
	   }
	    .lvl7{
		   
		  padding: 1% !important;
  margin-left: 32%;

margin-top: -3%;
	   }
	   
	.imagecontainer{
	
		
		background-color: orange;
		display: block;
		width: 100%;
		height: 50px;
		overflow: hidden;
		border-radius: 28px;
		text-align: center;
		position: relative;
		font-size: 23px;
		color: white;
		font-weight: bold;
		/* margin-top: 0%; */
		padding-top: 1%;
		
	   }
	   .overlay {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
		transition: .8s ease;
		background-color:#ac292f;
	
	  }
	  .text{
		text-align: center;
		font-size: 15px;
		margin-top: 3%;
	
		color: #e8eeef;
		
	  }
	  
	  .imagecontainer:hover  {
		
		 transition: transform .9s; 

	  }
	  .imagecontainer:hover .overlay {
		opacity: 1;
	
	  }
	  .in-1{}
	  .sect1{
		padding-top: 30%;
	  }
	  #section2_1{
    height: 200px;
			
		}
		.slewedBox1{
			height: 200px !important;
		}
		.slewedBox2{
			height: 200px !important;
		}
		.modal-title{
			
		}
		.sect5 img{
			
		}
		.lvl{
			font-size:20px;
		}
			.lvl1{
			font-size:30px;
		}
		#section5{
	background-image: url(../img/main_bg.jpg);
	background-size: 100%;
	height:114px;
}
		
}
   figcaption{
	transform: rotate(45deg);
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg);
	
	/* non-essential styling */
	margin:-80px 0 0 -160px;
	font-family:'Oswald', Arial, Sans;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:.05em;
   }
#section2_2
{
	text-align: center;
	background-image: linear-gradient(to bottom right, #23074d, #cc5333);
}
#section2_2 p
{
	
	color: #fff;
}
#section2_2 li
{
	
	color: #fff;
}
#section2_2 h3{
    padding-top: 3%;
    color: #f5eaeb;
}
#section3_1{
     
background-image: url(../img/bg_img.jpg);
  background-size: cover;
  color: #fff;
    
    }
#section3_1 h1
{
        padding-top: 6%;
        color: white;
      
        font-size: 50px;
        font-weight: 900;
    }
    #section3_1 p{
    color: white;
    
	}
	
	


    .rw1{
        background-image: linear-gradient(to bottom right, #d2530f, #cc5333);
        border-radius: 0px 106px 106px 0px;
    }
    .rw2{
		background-image: linear-gradient(to bottom right, #d2530f, #cc5333);
        border-radius: 106px 0px 0px 106px;
    }
    .rw3{
        background-color: #ac292f;
        border-radius: 106px 106px 106px 106px;
    }
 .list1{
     font-size: 29px;
 }
 .rw4
{
    background-image: linear-gradient(to bottom right, #d2530f, #cc5333);
    color: white;
}
#section4_1
{
position: absolute;
bottom:  0;
left: 0;
width:100%;
background: 100px 0 0 1400px;
border-style: solid;
border-color:transparent transparent transparent red;
}
.slewedBox {
    background-image: url(../img/career_bg.jpg);
    background-size: 100%;
	padding: 100px 0;
    transform: skew(0deg, -6deg) translateY(-190px);
    margin-top: 14%;
}
.slewedBox1 {
    background-image: url(../img/uc_bg.jpg);
    background-size: 100%;
	height:400px;
	margin-top: 0%;background-repeat: no-repeat;
}.slewedBox2 {
    background-image: url(../img/pc_bg.jpg);
    background-size: 100%;
	height:400px;
	margin-top: 0%;
	background-repeat: no-repeat;
}
.sec2 {
	padding: 0 200px 150px;
	color: #fff;
	font-family: arial;
	text-align: right;
}
.sec2 h1 {
	margin: 0;
	padding: 20px 0;
	font-size: 3em;
}
.sec2 p {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.5em;
	width: 100%;
}.cn1 {
	
	transform: skew(0deg, 6deg);
	font-family: arial;
}
.cn1 h1 {
	margin: 0;
	padding: 20px 0;
	font-size: 3em;
}
.cn1 p {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.5em;
	width: 80%;
}
.career1
{
    background-color: #ac292f;
    text-align: center;
    padding: 3%;
    color: white;
    margin-top: 7%;
    height: 79px;

}

.form-style-5{
	max-width: 500px;
	padding: 10px 20px;

	margin: 10px auto;
	padding: 20px;
	background: #d35409;
	border-radius: 8px;
		font-family: 'sansation_lightregular';
}
.form-style-5 fieldset{
	border: none;
}
.form-style-5 legend {
	font-size: 1.4em;
	margin-bottom: 10px;
}
.form-style-5 label {
	display: block;
	margin-bottom: 8px;
}
.form-style-5 input[type="text"],
.form-style-5 input[type="date"],
.form-style-5 input[type="datetime"],
.form-style-5 input[type="email"],
.form-style-5 input[type="number"],
.form-style-5 input[type="search"],
.form-style-5 input[type="time"],
.form-style-5 input[type="url"],
.form-style-5 textarea,
.form-style-5 select {
	font-family: 'sansation_lightregular';
	background: rgba(255,255,255,.1);
	border: none;
	border-radius: 4px;
	font-size: 15px;
	margin: 0;
	outline: 0;
	padding: 10px;
	width: 100%;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	background-color: #e8eeef;
	color:#8a97a0;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	margin-bottom: 30px;
}
.form-style-5 input[type="text"]:focus,
.form-style-5 input[type="date"]:focus,
.form-style-5 input[type="datetime"]:focus,
.form-style-5 input[type="email"]:focus,
.form-style-5 input[type="number"]:focus,
.form-style-5 input[type="search"]:focus,
.form-style-5 input[type="time"]:focus,
.form-style-5 input[type="url"]:focus,
.form-style-5 textarea:focus,
.form-style-5 select:focus{
	background: #d2d9dd;
}
.form-style-5 select{
	-webkit-appearance: menulist-button;
	height:35px;
}
.form-style-5 .number {
	background: #ac292f;
	color: #fff;
	height: 30px;
	width: 30px;
	display: inline-block;
	font-size: 0.8em;
	margin-right: 4px;
	line-height: 30px;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
	border-radius: 15px 15px 15px 0px;
}

.form-style-5 input[type="submit"],
.form-style-5 input[type="button"]
{
	position: relative;
	display: block;
	padding: 19px 39px 18px 39px;
	color: #FFF;
	margin: 0 auto;
	background: #000;
	font-size: 18px;
	text-align: center;
	font-style: normal;
	width: 100%;
	border: 1px solid #fff;
	border-width: 1px 1px 3px;
	margin-bottom: 10px;
}
.form-style-5 input[type="submit"]:hover,
.form-style-5 input[type="button"]:hover
{
	background: #ac292f;
}
.accordion:hover .accordion-item:hover .accordion-item-content,
.accordion .accordion-item--default .accordion-item-content {
    height: 13em;
}

.accordion-item-content,
.accordion:hover .accordion-item-content {
    height: 0;
    overflow: hidden;
    transition: height .25s;
}
.accordion {
    padding: 0;
    margin: 0 auto;
    width: 100%;
		font-family: 'sansation_lightregular';
	text-align: center;
}

.accordion .accordion-item {
  background-image: linear-gradient(90deg, #eee, #f5f5f5, #eee);
  border-bottom: 1px solid #666;
  padding: 1em;
    color: #ac292f;
	
}

.accordion h1 {
  margin: 0;
}

.accordion .accordion-item:nth-child(1) {
  
  background-image: url(../img/bg_ue.jpg);
  background-size:100%;

}

.accordion .accordion-item:nth-child(2) {
	background-image: url(../img/bg_ue.jpg);
	background-size:100%;
}

.accordion .accordion-item:nth-child(3) {
	background-image: url(../img/bg_ue.jpg);
	background-size:100%;
}

.accordion .accordion-item:nth-child(4) {
	background-image: url(../img/bg_ue.jpg);
	background-size:100%;
}
.accordion .accordion-item:nth-child(5) {
	background-image: url(../img/bg_ue.jpg);
	background-size:100%;
}
.accordion .accordion-item:nth-child(6) {
	background-image: url(../img/bg_ue.jpg);
	background-size:100%;
}
.accordion .accordion-item:nth-child(7) {
	background-image: url(../img/bg_ue.jpg);
	background-size:100%;
}
.upcoming_head
{
padding-top: 10%;
text-align: center;   
 font-size: 87px;
}
.bod{

	border-right: 5px solid #ac292f;
}

.projects-section{
	position:relative;
	padding-top:90px;
	background-image: #fff;
}

.projects-section .owl-carousel .owl-stage-outer{
	padding:20px 0px;
}

.projects-section .outer-container{
	position:relative;
	padding:0px 50px;
}

.projects-section .outer-container .owl-dots{
	display:none;
}

.projects-section .outer-container .owl-nav{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:-1;
}

.projects-section .outer-container .owl-nav .owl-prev{
	position:absolute;
	content:'';
	left:-50px;
	top:20px;
	color:#ffffff;
	width:50px;
	bottom:20px;
	font-size:24px;
	text-align:center;
	background-color:#161a33;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.projects-section .outer-container .owl-nav .owl-prev span{
	top:50%;
	position:relative;
}

.projects-section .outer-container .owl-nav .owl-next{
	position:absolute;
	content:'';
	right:-50px;
	top:20px;
	color:#ffffff;
	width:50px;
	bottom:20px;
	font-size:24px;
	text-align:center;
	background-color:#161a33;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.projects-section .outer-container .owl-nav .owl-next span{
	top:50%;
	position:relative;
}

.projects-section .outer-container .owl-nav .owl-prev:hover,
.projects-section .outer-container .owl-nav .owl-next:hover{
	background-color:#f97534;
}

.project-block{
	position:relative;
	z-index:99;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.project-block .inner-box{
	position:relative;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.project-block:hover{
	transform: scaleY(1.07);
}

.project-block .inner-box .image{
	position:relative;
}

.project-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.project-block .inner-box .image .overlay-box{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	opacity:0;
	z-index:1;
	-webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: all 900ms ease;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: right;
    -o-transform-origin: left;
    transform-origin: left;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	background-color: rgba(22,26,51,0.90);
}

.project-block .inner-box:hover .image .overlay-box{
	opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
}

.project-block .inner-box .image .overlay-box .overlay-inner{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	padding:25px 28px;
	background-color:#ac292f;
}

.project-block .inner-box .image .overlay-box .title{
	position:relative;
	color:#ffffff;
	font-size:15px;
	font-weight:400;
	padding-left:40px;
}

.project-block .inner-box .image .overlay-box .title:before{
	position:absolute;
	content:'';
	left:0px;
	top:10px;
	width:30px;
	height:1px;
	background-color:rgba(255,255,255,0.30);
}

.project-block .inner-box .image .overlay-box h3{
	position:relative;
	font-size:20px;
	font-weight:700;
	line-height:1.3em;
	margin-top:8px;
}

.project-block .inner-box .image .overlay-box h3 a{
	position:relative;
	color:#ffffff;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.project-block .inner-box .image .overlay-box h3 a:hover{
	color:#161a33;
}

.project-block .inner-box .image .overlay-box .read-more{
	position:relative;
	color:#ffffff;
	font-size:15px;
	font-weight:700;
	margin-top:32px;
	display:inline-block;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
	font-family: 'Playfair Display', serif;
}

.project-block .inner-box .image .overlay-box .read-more .arrow{
	position:relative;
	margin-left:5px;
	top:1px;
}

.project-block .inner-box .image .overlay-box .read-more:hover{
	color:#161a33;
}
.gallery-title
{
    font-size: 36px;
    color: #211f1f;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 21px;
    border: 1px solid #541f69;
    border-radius: 5px;
    text-align: center;
    color: #541f69;
    margin-bottom: 30px;

}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #ffffff;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color:#541f69;

}
.btn-default:active .filter-button:active
{
    background-color: #211f1f;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}


.awa{
	font-size:67px;
	margin-top: 3%;
}
.navbar{
	background-color: white !important;
}

.card{
	margin-top: 6%;

}
.modal-header{
	background-color:#ef9b20;
	color: #fff;
}
.modal-footer{
	background-color: #ef9b20;
	color: #fff;
}
.modal-footer button{
	background-color: #ef9b20;;
	color: #fff;
}
 .grid {
            position: relative;
            margin: 0 auto;
            padding: 1em 0 4em;
            max-width: 1000px;
            list-style: none;
            text-align: center;
        }
        /* Common style */
        
        .grid figure {
            position: relative;
            float: left;
            overflow: hidden;
            margin: 10px 1%;
            min-width: 320px;
            max-width: 480px;
            max-height: 360px;
            width: 48%;
            background: #3085a3;
            text-align: center;
            cursor: pointer;
        }
        
        .grid figure img {
            position: relative;
            display: block;
            min-height: 100%;
            max-width: 100%;
            opacity: 0.8;
        }
        
        .grid figure figcaption {
            padding: 2em;
            color: #fff;
            text-transform: uppercase;
            font-size: 1.25em;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }
        
        .grid figure figcaption::before,
        .grid figure figcaption::after {
            pointer-events: none;
        }
        
        .grid figure figcaption,
        .grid figure figcaption>a {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        /* Anchor will cover the whole item by default */
        /* For some effects it will show as a button */
        
        .grid figure figcaption>a {
            z-index: 1000;
            text-indent: 200%;
            white-space: nowrap;
            font-size: 0;
            opacity: 0;
        }
        
        .grid figure h2 {
            word-spacing: -0.15em;
            font-weight: 300;
        }
        
        .grid figure h2 span {
            font-weight: 800;
        }
        
        .grid figure h2,
        .grid figure p {
            margin: 0;
        }
        
        .grid figure p {
            letter-spacing: 1px;
            font-size: 68.5%;
        }
        /* Individual effects */
        /*---------------*/
        /***** Lily *****/
        /*---------------*/
        
        figure.effect-ravi img {
            max-width: none;
            width: -webkit-calc(100% + 50px);
            width: calc(100% + 50px);
            opacity: 0.7;
            -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
            transition: opacity 0.35s, transform 0.35s;
            -webkit-transform: translate3d(-40px, 0, 0);
            transform: translate3d(-40px, 0, 0);
        }
        
        figure.effect-ravi figcaption {
            text-align: left;
        }
        
        figure.effect-ravi figcaption>div {
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 2em;
            width: 100%;
            height: 50%;
        }
        
        figure.effect-ravi h2,
        figure.effect-ravi p {
            -webkit-transform: translate3d(0, 40px, 0);
            transform: translate3d(0, 40px, 0);
        }
        
        figure.effect-ravi h2 {
            -webkit-transition: -webkit-transform 0.35s;
            transition: transform 0.35s;
        }
        
        figure.effect-ravi p {
            color: rgba(255, 255, 255, 0.8);
            opacity: 0;
            -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
            transition: opacity 0.2s, transform 0.35s;
        }
        
        figure.effect-ravi:hover img,
        figure.effect-ravi:hover p {
            opacity: 1;
        }
        
        figure.effect-ravi:hover img,
        figure.effect-ravi:hover h2,
        figure.effect-ravi:hover p {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        
        figure.effect-ravi:hover p {
            -webkit-transition-delay: 0.05s;
            transition-delay: 0.05s;
            -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
        }
        
        @media screen and (max-width: 50em) {
            .content {
                padding: 0 10px;
                text-align: center;
            }
            .grid figure {
                display: inline-block;
                float: none;
                margin: 10px auto;
                width: 100%;
            }
		}
		


/*********************** Demo - 1 *******************/
.box1 img,.box1:after,.box1:before{width:100%;transition:all .3s ease 0s}
.box1 .icon,.box2,.box3,.box4,.box5 .icon li a{text-align:center}
.box10:after,.box10:before,.box1:after,.box1:before,.box2 .inner-content:after,.box3:after,.box3:before,.box4:before,.box5:after,.box5:before,.box6:after,.box7:after,.box7:before{content:""}
.box1,.box11,.box12,.box13,.box14,.box16,.box17,.box18,.box2,.box20,.box21,.box3,.box4,.box5,.box5 .icon li a,.box6,.box7,.box8{overflow:hidden}
.box1 .title,.box10 .title,.box4 .title,.box7 .title{letter-spacing:1px}
.box3 .post,.box4 .post,.box5 .post,.box7 .post{font-style:italic}
body{background-color:#f1f1f2}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mb-30{margin-bottom:30px}
.box1 .icon,.box1 .title{margin:0;position:absolute}
.box1{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative;margin-top: 9%;}
.box1:after,.box1:before{height:50%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:1;transform-origin:100% 0;transform:rotateZ(90deg)}
.box1:after{top:auto;bottom:0;transform-origin:0 100%}
.box1:hover:after,.box1:hover:before{transform:rotateZ(0)}
.box1 img{height:auto;transform:scale(1) rotate(0)}
.box1:hover img{filter:sepia(80%);transform:scale(1.3) rotate(10deg)}
.box1 .title{font-size:19px;font-weight:600;color:#fff;text-transform:uppercase;text-shadow:0 0 1px #004cbf;bottom:10px;left:10px;opacity:0;z-index:2;transform:scale(0);transition:all .5s ease .2s}
.box1:hover .title{opacity:1;transform:scale(1)}
.box1 .icon{padding:7px 5px;list-style:none;background: #ac292f;color: #fff;border-radius:0 0 0 10px;top:-100%;right:0;z-index:2;transition:all .3s ease .2s}
.box1:hover .icon{top:0}
.box1 .icon li{display:block;margin:10px 0}
.box1 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:10px;font-size:18px;color:#fff;transition:all .3s ease 0s}
.box2 .icon li a,.box3 .icon a:hover,.box4 .icon li a:hover,.box5 .icon li a,.box6 .icon li a{border-radius:50%}
.box1 .icon li a:hover{color:#fff;box-shadow:0 0 10px #000 inset,0 0 0 3px #fff}
@media only screen and (max-width:990px){.box1{margin-bottom:30px}
}
		#btnf{background-color: #e38623;
			border-color: #e38623;}

			
		#btnf2{background-color: #e38623;
			border-color: #e38623;
		
		font-weight: bold;
		}
		#btnf2 a{
			color: #fff;
			padding:0%;
		}

		.re1{
			color: red;
		}
		.cd12{
			background: none;
		}
		.cd12 h5{
			color: #fff;
		}
		.cd12 p{
			color: #fff;
		}
		.navbar-expand-md .navbar-nav .nav-link i {
  font-size: 14px;
  margin-left: 5px;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.navbar-expand-md .navbar-nav .nav-link {

  color: #585b60;
  
  padding: 8px 7px;
  line-height: 40px;
  text-transform: uppercase;
  cursor: pointer;
  background: transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;font-size:18px;text-transform:none;
}

.navbar-expand-md .navbar-nav li a:hover,
.navbar-expand-md .navbar-nav li .active > a,
.navbar-expand-md .navbar-nav li a:focus {
  color: #3d60f4;
  outline: none;
}

.navbar-expand-md .navbar-nav .active > .nav-link,
.navbar-expand-md .navbar-nav .nav-link.active,
.navbar-expand-md .navbar-nav .nav-link.open,
.navbar-expand-md .navbar-nav .open > .nav-link {
  color: #3d60f4 !important;

}

.navbar-expand-md .navbar-nav .nav-link:focus,
.navbar-expand-md .navbar-nav .nav-link:hover {
  color: #3d60f4 !important;
}

.navbar {
  padding: 0;background-color: #f9f9f9;
}

.navbar li.active a.nav-link {
  color: #3d60f4;
}

.menu-white .navbar-nav .nav-link {
  color: #fff;
}

.dropdown-toggle::after {
  display: none;
}

.dropdown-menu {
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  z-index: 99;
  min-width: 210px;
  background-color: #fff;
  white-space: nowrap;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  animation: fadeIn 0.4s;
  -webkit-animation: fadeIn 0.4s;
  -moz-animation: fadeIn 0.4s;
  -o-animation: fadeIn 0.4s;
  -ms-animation: fadeIn 0.4s;
}

.dropdown-menu:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 100%;
  left: 20%;
  margin-left: -5px;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #fff;
}

.dropdown:hover .dropdown-menu {
  display: block;
  position: absolute;
  text-align: left;
  top: 100%;
  border: none;
  animation: fadeIn 0.4s;
  -webkit-animation: fadeIn 0.4s;
  -moz-animation: fadeIn 0.4s;
  -o-animation: fadeIn 0.4s;
  -ms-animation: fadeIn 0.4s;
}

.dropdown .dropdown-menu .dropdown-item {
  width: 100%;
  padding: 10px 20px;
  font-size: 14px;
  color: #333;
  border-bottom: 1px solid #f1f1f1;
  text-decoration: none;
  display: inline-block;
  float: left;
  clear: both;
  position: relative;
  outline: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.dropdown .dropdown-menu .dropdown-item:last-child {
  border-bottom: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.dropdown .dropdown-menu .dropdown-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.dropdown .dropdown-item:focus,
.dropdown .dropdown-item:hover,
.dropdown .dropdown-item.active {
  color: #3d60f4;
  background: #f7f7f7;
}

.dropdown-item.active, .dropdown-item:active {
  background: transparent;
}

.fadeInUpMenu {
  -webkit-animation-name: fadeInUpMenu;
  animation-name: fadeInUpMenu;
}
.gallery_product img{
	
	border:10px groove #541f69;
}

/* ==========================================================================
   Pricing Table Style
   ========================================================================== */
#pricing {
  text-align: center;background-color: #fff;
}

#pricing .title {
padding-top: 2px;
    padding-bottom: 10px;
  background:#421e58;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

#pricing .title h3 {
  
  color: #fff;
  font-size: 18px;
  margin-bottom: 0px;
}

#pricing .table {
  margin-top: 15px;
      background-color: white;
  padding-bottom: 30px;
  border-radius: 4px;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

#pricing .table .icon {
  padding-top: 30px;
}

#pricing .table .icon i {
  color: #3d60f4;
  font-size: 42px;
}

#pricing .table .pricing-header {
  position: relative;
  padding-bottom: 20px;
  text-align: center;
}

#pricing .table .pricing-header .price-value {
  
    font-size: 15px;
    color: #222222;
    position: relative;
    text-align: center;
    padding: 8px 0;
    border-bottom: 1px solid #f1f1f1;
}

#pricing .table .pricing-header .price-value sup {
  font-size: 18px;
  font-weight: 600;
  top: -18px;
}

#pricing .table .pricing-header .price-value span {
  font-size: 14px;
  font-weight: 600;
}

#pricing .table .description {
  text-align: center;
  padding: 0px 50px;
  margin-bottom: 20px;
}

#pricing .table .description li {
  font-size: 14px;
  font-weight: 400;
  color: #abacae;
  padding-bottom: 15px;
}

#pricing .table:hover {
  background: #ffffff;
  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08);
}

#pricing #active-tb {
  background: #ffffff;
  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08);
}

#pricing #active-tb .title {
  background: #222222;
}

#pricing #active-tb .price-value {
  color: #3d60f4;
}

#pricing #active-tb .btn-common {
  background: #222222;
}

#pricing .active {
  z-index: 99999;
}

.btn {
  font-size: 14px;
  padding: 10px 30px;
  cursor: pointer;
  font-weight: 400;
  color: #000;
border: 2px solid black;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  display: inline-block;
}

.btn:focus,
.btn:active {
  box-shadow: none;
  outline: none;
  color: #000;
}

.btn-common {
  background-color:#421e58;
  border: 3px solid #532669;
  color:#fff;
  font-weight:bold;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
}

.btn-common:hover {
  color: #fff;
  background-color: #222;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1);
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
}
.btn:hover {
  color: #fff;
  background-color: #532669;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1);
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
}

.btn-border {
  color: #3d60f4;
  background-color: transparent;
  border: 1px solid #3d60f4;
  border-radius: 30px;
  text-transform: uppercase;
}

.btn-border:hover {
  color: #fff;
  border-color: #3d60f4;
  background-color: #3d60f4;
}

.btn-border:focus {
  color: #fff;
  border-color: #3d60f4;
  background-color: #3d60f4;
}

.btn-lg {
  padding: 14px 33px;
  text-transform: uppercase;
  font-size: 16px;
}

.btn-rm {
  padding: 7px 18px;
  text-transform: capitalize;
}








#del-countdown {
    width: 100%;
    margin: 4% auto;
}

#clock span {
    float: left;
    text-align: center;
    font-size: 100%;
    margin: 0 2.5%;
    color: #ffffff;
    padding: 20px;
    width: 20%;
    border-radius: 20px;
    box-sizing: border-box;
}

#clock span:nth-child(1) {
    background: orange;
}

#clock span:nth-child(2) {
    background: orange;
}

#clock span:nth-child(3) {
    background: orange;
}

#clock span:nth-child(4) {
    background: orange;
}

#clock:after {
    content: "";
    display: block;
    clear: both;
}

#units span {
    float: left;
width: 25%;
text-align: center;
margin-top: 12px;
color:#fbfbfb;

font-size: 16px;
letter-spacing: 2px;
text-shadow: 1px 1px 1px
rgba(10, 10, 10, 0.7);
}

span.turn {
    animation: fadeIn 0.5s ease forwards;
}

@keyframes turn {
    0% {
        transform: rotateY(0deg)
    }

    100% {
        transform: rotateY(360deg)
    }
}

.modal-body{
	
	background-image:url(../img/pop.jpg);
	background-size:cover;border: 10px solid white;
}
button.close {
color: #fff;
    text-decoration: none;
}
button.close :hover{
color: #fff;
    text-decoration: none;
}
		.cb1{height: 340px;
		background-image:url(../img/test_bg.jpg);
		background-size:cover;
		}
		.main-timeline{position:relative}
.main-timeline:before{content:"";width:5px;height:100%;border-radius:20px;margin:0 auto;background:#242922;position:absolute;top:0;left:0;right:0}
.main-timeline .timeline{display:inline-block;margin-bottom:50px;position:relative}
.main-timeline .timeline:before{content:"";width:20px;height:20px;border-radius:50%;border:4px solid #fff;background:#ec496e;position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%)}
.main-timeline .timeline-icon{display:inline-block;width:130px;height:130px;border-radius:50%;border:3px solid #ec496e;padding:13px;text-align:center;position:absolute;top:50%;left:30%;transform:translateY(-50%)}
.main-timeline .timeline-icon i{display:block;border-radius:50%;background:#ec496e;font-size:64px;color:#fff;line-height:100px;z-index:1;position:relative}
.main-timeline .timeline-icon:after,.main-timeline .timeline-icon:before{content:"";width:100px;height:4px;background:#ec496e;position:absolute;top:50%;right:-100px;transform:translateY(-50%)}
.main-timeline .timeline-icon:after{width:70px;height:50px;background:#fff;top:89px;right:-30px}
.main-timeline .timeline-content{width:50%;padding:0 50px;margin:52px 0 0;float:right;position:relative}
.main-timeline .timeline-content:before{content:"";width:70%;height:100%;border:3px solid #ec496e;border-top:none;border-right:none;position:absolute;bottom:-13px;left:35px}
.main-timeline .timeline-content:after{content:"";width:37px;height:3px;background:#ec496e;position:absolute;top:13px;left:0}
.main-timeline .title{font-size:20px;font-weight:600;color:#ec496e;text-transform:uppercase;margin:0 0 5px}
.main-timeline .description{display:inline-block;font-size:16px;color:#404040;line-height:20px;letter-spacing:1px;margin:0}
.main-timeline .timeline:nth-child(even) .timeline-icon{left:auto;right:30%}
.main-timeline .timeline:nth-child(even) .timeline-icon:before{right:auto;left:-100px}
.main-timeline .timeline:nth-child(even) .timeline-icon:after{right:auto;left:-30px}
.main-timeline .timeline:nth-child(even) .timeline-content{float:left}
.main-timeline .timeline:nth-child(even) .timeline-content:before{left:auto;right:35px;transform:rotateY(180deg)}
.main-timeline .timeline:nth-child(even) .timeline-content:after{left:auto;right:0}
.main-timeline .timeline:nth-child(2n) .timeline-content:after,.main-timeline .timeline:nth-child(2n) .timeline-icon i,.main-timeline .timeline:nth-child(2n) .timeline-icon:before,.main-timeline .timeline:nth-child(2n):before{background:#f9850f}
.main-timeline .timeline:nth-child(2n) .timeline-icon{border-color:#f9850f}
.main-timeline .timeline:nth-child(2n) .title{color:#f9850f}
.main-timeline .timeline:nth-child(2n) .timeline-content:before{border-left-color:#f9850f;border-bottom-color:#f9850f}
.main-timeline .timeline:nth-child(3n) .timeline-content:after,.main-timeline .timeline:nth-child(3n) .timeline-icon i,.main-timeline .timeline:nth-child(3n) .timeline-icon:before,.main-timeline .timeline:nth-child(3n):before{background:#8fb800}
.main-timeline .timeline:nth-child(3n) .timeline-icon{border-color:#8fb800}
.main-timeline .timeline:nth-child(3n) .title{color:#8fb800}
.main-timeline .timeline:nth-child(3n) .timeline-content:before{border-left-color:#8fb800;border-bottom-color:#8fb800}
.main-timeline .timeline:nth-child(4n) .timeline-content:after,.main-timeline .timeline:nth-child(4n) .timeline-icon i,.main-timeline .timeline:nth-child(4n) .timeline-icon:before,.main-timeline .timeline:nth-child(4n):before{background:#2fcea5}
.main-timeline .timeline:nth-child(4n) .timeline-icon{border-color:#2fcea5}
.main-timeline .timeline:nth-child(4n) .title{color:#2fcea5}
.main-timeline .timeline:nth-child(4n) .timeline-content:before{border-left-color:#2fcea5;border-bottom-color:#2fcea5}
@media only screen and (max-width:1200px){.main-timeline .timeline-icon:before{width:50px;right:-50px}
.main-timeline .timeline:nth-child(even) .timeline-icon:before{right:auto;left:-50px}
.main-timeline .timeline-content{margin-top:75px}
}
@media only screen and (max-width:990px){.main-timeline .timeline{margin:0 0 10px}
.main-timeline .timeline-icon{left:25%}
.main-timeline .timeline:nth-child(even) .timeline-icon{right:25%}
.main-timeline .timeline-content{margin-top:115px}
}
@media only screen and (max-width:767px){.main-timeline{padding-top:50px}
.main-timeline:before{left:80px;right:0;margin:0}
.main-timeline .timeline{margin-bottom:70px}
.main-timeline .timeline:before{top:0;left:83px;right:0;margin:0}
.main-timeline .timeline-icon{width:60px;height:60px;line-height:40px;padding:5px;top:0;left:0}
.main-timeline .timeline:nth-child(even) .timeline-icon{left:0;right:auto}
.main-timeline .timeline-icon:before,.main-timeline .timeline:nth-child(even) .timeline-icon:before{width:25px;left:auto;right:-25px}
.main-timeline .timeline-icon:after,.main-timeline .timeline:nth-child(even) .timeline-icon:after{width:25px;height:30px;top:44px;left:auto;right:-5px}
.main-timeline .timeline-icon i{font-size:30px;line-height:45px}
.main-timeline .timeline-content,.main-timeline .timeline:nth-child(even) .timeline-content{width:100%;margin-top:-15px;padding-left:130px;padding-right:5px}
.main-timeline .timeline:nth-child(even) .timeline-content{float:right}
.main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(even) .timeline-content:before{width:50%;left:120px}
.main-timeline .timeline:nth-child(even) .timeline-content:before{right:auto;transform:rotateY(0)}
.main-timeline .timeline-content:after,.main-timeline .timeline:nth-child(even) .timeline-content:after{left:85px}
}
@media only screen and (max-width:479px){.main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content{padding-left:110px}
.main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(2n) .timeline-content:before{left:99px}
.main-timeline .timeline-content:after,.main-timeline .timeline:nth-child(2n) .timeline-content:after{left:65px}
}



/******************* Timeline Demo - 4 *****************/
.main-timeline4{overflow:hidden;position:relative}
.main-timeline4:before{content:"";width:5px;height:78%;background:#333;position:absolute;top:55px;left:50%;transform:translateX(-50%)}
.main-timeline4 .timeline-content:before,.main-timeline4 .timeline:before{top:50%;transform:translateY(-50%);content:""}
.main-timeline4 .timeline{width:50%;padding-left:100px;float:right;position:relative}
.main-timeline4 .timeline:before{width:20px;height:20px;border-radius:50%;background:#fff;border:5px solid #333;position:absolute;left:-10px}
.main-timeline4 .timeline-content{display:block;padding-left:150px;position:relative}
.main-timeline4 .timeline-content:before{width:90px;height:10px;border-top:7px dotted #333;position:absolute;left:-92px}
.main-timeline4 .year{display:inline-block;width:120px;height:120px;line-height:100px;border-radius:50%;border:10px solid #f54957;font-size:30px;color:#f54957;text-align:center;box-shadow:inset 0 0 10px rgba(0,0,0,.4);position:absolute;top:0;left:0}
.main-timeline4 .year:before{content:"";border-left:20px solid #f54957;border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;bottom:-13px;right:0;transform:rotate(45deg)}
.main-timeline4 .inner-content{padding:20px 0}
.main-timeline4 .title{font-size:24px;font-weight:600;color:#f54957;text-transform:uppercase;margin:0 0 5px}
.main-timeline4 .description{font-size:14px;color:#6f6f6f;margin:0 0 5px}
.main-timeline4 .timeline:nth-child(2n){padding:0 100px 0 0}
.main-timeline4 .timeline:nth-child(2n) .timeline-content:before,.main-timeline4 .timeline:nth-child(2n) .year,.main-timeline4 .timeline:nth-child(2n):before{left:auto;right:-10px}
.main-timeline4 .timeline:nth-child(2n) .timeline-content{padding:0 150px 0 0}
.main-timeline4 .timeline:nth-child(2n) .timeline-content:before{right:-92px}
.main-timeline4 .timeline:nth-child(2n) .year{right:0}
.main-timeline4 .timeline:nth-child(2n) .year:before{right:auto;left:0;border-left:none;border-right:20px solid #f54957;transform:rotate(-45deg)}
.main-timeline4 .timeline:nth-child(2){margin-top:110px}
.main-timeline4 .timeline:nth-child(odd){margin:-169px 0 0}
.main-timeline4 .timeline:nth-child(even){margin-bottom:80px}
.main-timeline4 .timeline:first-child,.main-timeline4 .timeline:last-child:nth-child(even){margin:0}
.main-timeline4 .timeline:nth-child(2n) .year{border-color:#1ebad0;color:#1ebad0}
.main-timeline4 .timeline:nth-child(2) .year:before{border-right-color:#1ebad0}
.main-timeline4 .timeline:nth-child(2n) .title{color:#1ebad0}
.main-timeline4 .timeline:nth-child(3n) .year{border-color:#7cba01;color:#7cba01}
.main-timeline4 .timeline:nth-child(3) .year:before{border-left-color:#7cba01}
.main-timeline4 .timeline:nth-child(3n) .title{color:#7cba01}
.main-timeline4 .timeline:nth-child(4n) .year{border-color:#f8781f;color:#f8781f}
.main-timeline4 .timeline:nth-child(4) .year:before{border-right-color:#f8781f}
.main-timeline4 .timeline:nth-child(4n) .title{color:#f8781f}
@media only screen and (max-width:1200px){.main-timeline4 .year{top:50%;transform:translateY(-50%)}
}
@media only screen and (max-width:990px){.main-timeline4 .timeline{padding-left:75px}
.main-timeline4 .timeline:nth-child(2n){padding:0 75px 0 0}
.main-timeline4 .timeline-content{padding-left:130px}
.main-timeline4 .timeline:nth-child(2n) .timeline-content{padding:0 130px 0 0}
.main-timeline4 .timeline-content:before{width:68px;left:-68px}
.main-timeline4 .timeline:nth-child(2n) .timeline-content:before{right:-68px}
}
@media only screen and (max-width:767px){.main-timeline4{overflow:visible}
.main-timeline4:before{height:100%;top:0;left:0;transform:translateX(0)}
.main-timeline4 .timeline:before,.main-timeline4 .timeline:nth-child(2n):before{top:60px;left:-9px;transform:translateX(0)}
.main-timeline4 .timeline,.main-timeline4 .timeline:nth-child(even),.main-timeline4 .timeline:nth-child(odd){width:100%;float:none;text-align:center;padding:0;margin:0 0 10px}
.main-timeline4 .timeline-content,.main-timeline4 .timeline:nth-child(2n) .timeline-content{padding:0}
.main-timeline4 .timeline-content:before,.main-timeline4 .timeline:nth-child(2n) .timeline-content:before{display:none}
.main-timeline4 .timeline:nth-child(2n) .year,.main-timeline4 .year{position:relative;transform:translateY(0)}
.main-timeline4 .timeline:nth-child(2n) .year:before,.main-timeline4 .year:before{border:none;border-right:20px solid #f54957;border-top:10px solid transparent;border-bottom:10px solid transparent;top:50%;left:-23px;bottom:auto;right:auto;transform:rotate(0)}
.main-timeline4 .timeline:nth-child(2n) .year:before{border-right-color:#1ebad0}
.main-timeline4 .timeline:nth-child(3n) .year:before{border-right-color:#7cba01}
.main-timeline4 .timeline:nth-child(4n) .year:before{border-right-color:#f8781f}
.main-timeline4 .inner-content{padding:10px}
}

@media (min-width: 768px) {
  /* show 3 items */
  .carousel-inner .active,
  .carousel-inner .active + .carousel-item,
  .carousel-inner .active + .carousel-item + .carousel-item {
    display: block;
  }

  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
    transition: none;
  }

  .carousel-inner .carousel-item-next,
  .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }

  .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333%;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* left or forward direction */
  .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .carousel-item-next.carousel-item-left + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  /* farthest right hidden item must be abso position for animations */
  .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* right or prev direction */
  .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  .carousel-item-prev.carousel-item-right + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}
.parallax {
  /* The image used */
  background-image: url("../img/4.jpg");

  /* Set a specific height */
  min-height: 500px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}	
.parallax3 {
  /* The image used */
  background-image: url("../img/4.jpg");

  /* Set a specific height */
  min-height: 500px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}		


.ea67{
	
	
}