@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

@import url("colors/color.css");

@font-face {
	font-family: Bropella;
	src: url(font/Bropella.ttf);
  }

  .desktop-only {
	display: none;
  }
  @media (min-width: 768px) {
	.desktop-only {
	  display: block;
	}
	.desktop-column {
		width: 33.33%;
		float: left;
		text-align: center;
		box-sizing: border-box;
		padding-top: 20px; /* optional */
	  }
	  .desktop-column-left {
		width: 33.33%;
		float: left;
		text-align: left;
		box-sizing: border-box;
		padding-top: 23px; /* optional */
	  }
	  .desktop-column-right {
		width: 33.33%;
		float: left;
		text-align: right;
		box-sizing: border-box;
		padding-top: 15px; /* optional */
	  }
	  .menu-item {
		display: inline-block;  /* Makes them sit on the same line */
		font-family: 'Bropella';
		font-size: 14pt;
		color:#ff452b;
		margin-left:5%;
		margin-right: 5%;
		vertical-align: middle;
	  }
	  .menu-item a {
		color:#ff452b;
		
	  }
	  .menu-item a:hover {
		color:#ffc4b9;
	  }
	  .rounded-button {
		background-color: #0045FF;       /* Blue background */
		border-radius: 25px;             /* Rounded corners */
		padding: 10px 20px;              /* Spacing inside the button */
		display: inline-flex;            /* Use flex to center content */
		align-items: center;             /* Vertical centering */
		justify-content: center;         /* Horizontal centering */
		cursor: pointer;                 /* Pointer on hover */
		transition: background-color 0.3s ease; /* Smooth hover transition */
		vertical-align: middle;
		transform: translateY(-2px); 
	  }
	  
	  .rounded-button a {
		color: #fae4dd;                 /* Text color */
		font-family: 'Bropella';
		font-size: 14pt;
		text-decoration: none;          /* Remove underline */
		transform: translateY(2px);     /* Nudge text 3px down */
	  }
	  
	  .rounded-button:hover {
		background-color: #071B95;      /* You can update hover color if desired */
	  }
}

  #about {
	display: flex;
	align-items: stretch; /* Ensures children have equal height */
  }
  
  .four.columns,
  .eight.columns {
	display: flex;
	align-items: center;   /* Vertical centering */
	justify-content: center; /* Horizontal centering */
  }
  
  /* Make the image fill the height of its container */
  .four.columns img {
	height: 100%;
	width: auto;
	object-fit: contain; /* or cover, depending on your needs */
  }

  @media only screen and (max-width: 768px) {
	#about {
	  flex-direction: column;
	}
  }
.image-container {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: auto; /* Full viewport height */
}
.image-container img {
    max-width: 100%; /* Ensures responsiveness */
    max-height: 66%; /* Prevents overflow */
}
.project-image {
    display: flex;
    justify-content: center; /* Center horizontally */
	margin:0 auto;
	max-width:900px;
    align-items: center; /* Center vertically */
    height: auto; /* Full viewport height */
}
.project-video-large {
    display: flex;
    justify-content: center; /* Center horizontally */
	margin:0 auto;
	max-width:900px;
	position: relative;
	z-index: 2; 
    align-items: center; /* Center vertically */
    height: auto; /* Full viewport height */
}
.project-video-large video {
    width: 100%;
    height: auto;
}

/* Flex container for two columns */
.video-columns {
	display: flex;
	justify-content: center; /* Center horizontally */
	height: auto; /* Full viewport height */
	max-width:900px;
	margin: 0 auto;  
	position: relative;
	z-index: 2; 
	flex-wrap: wrap; /* ensures proper wrapping on smaller screens */
  }
  
  /* Each video column */
  .video-wrapper2 {
	flex: 1 1 calc(50% - 20px); /* two columns with a small gap */
	max-width: 450px;
	margin-bottom: 20px;
  }
  
  /* Styling for video elements */
  .video-wrapper2 video {
	width: 100%;      /* takes the full width of its container */

  }
  
  /* Mobile view: stack videos vertically */
  @media (max-width: 768px) {
	.video-columns {
	  flex-direction: column;
	}
	.video-wrapper2 {
	  flex: 1 1 100%;
	}
  }



  /* BUBBLE DIVIDER */
  .wavehome {
	background-color: #f1f7fe;
	height: 10vw;
	margin-bottom: -2px;
	/* Default mask for desktop */
	-webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100'><path d='M1000 100 L1000 9.8 C950.3 0.1, 895 18, 840 35 C764.5 58.3, 694.5 57.4, 618 38 C555 22, 499 24, 445 46 C365.5 78.4, 288.8 73.6, 205 56 C122.4 38.6, 62 57, 0 87.7 L0 100 L1000 100 Z' fill='%23000000'/></svg>") no-repeat top;
	-webkit-mask-size: 100% auto;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-composite: destination-in;
	
	mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100'><path d='M1000 100 L1000 9.8 C950.3 0.1, 895 18, 840 35 C764.5 58.3, 694.5 57.4, 618 38 C555 22, 499 24, 445 46 C365.5 78.4, 288.8 73.6, 205 56 C122.4 38.6, 62 57, 0 87.7 L0 100 L1000 100 Z' fill='%23000000'/></svg>") no-repeat top;
	mask-size: 100% auto;
	mask-repeat: no-repeat;
	mask-composite: intersect;
  }
  
  @media (max-width: 768px) {
	.wavehome {
	  display:none;
	}
  }
  .wavefooter {
	background-color: #f1f7fe;
	height: 10vw;
	margin-bottom: -2px;
	
	/* Default mask for desktop */
	-webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100'><path d='M1000 100 L1000 9.8 C950.3 0.1, 895 18, 840 35 C764.5 58.3, 694.5 57.4, 618 38 C555 22, 499 24, 445 46 C365.5 78.4, 288.8 73.6, 205 56 C122.4 38.6, 62 57, 0 87.7 L0 100 L1000 100 Z' fill='%23000000'/></svg>") no-repeat top;
	-webkit-mask-size: 100% auto;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-composite: destination-in;
	
	mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100'><path d='M1000 100 L1000 9.8 C950.3 0.1, 895 18, 840 35 C764.5 58.3, 694.5 57.4, 618 38 C555 22, 499 24, 445 46 C365.5 78.4, 288.8 73.6, 205 56 C122.4 38.6, 62 57, 0 87.7 L0 100 L1000 100 Z' fill='%23000000'/></svg>") no-repeat top;
	mask-size: 100% auto;
	mask-repeat: no-repeat;
	mask-composite: intersect;
  }
  .wavemiddle {
	background-color: #fff;
	height: 10vw;
	margin-bottom: -2px;
	/* Default mask for desktop */
	-webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100'><path d='M1000 100 L1000 9.8 C950.3 0.1, 895 18, 840 35 C764.5 58.3, 694.5 57.4, 618 38 C555 22, 499 24, 445 46 C365.5 78.4, 288.8 73.6, 205 56 C122.4 38.6, 62 57, 0 87.7 L0 100 L1000 100 Z' fill='%23000000'/></svg>") no-repeat top;
	-webkit-mask-size: 100% auto;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-composite: destination-in;
	
	mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100'><path d='M1000 100 L1000 9.8 C950.3 0.1, 895 18, 840 35 C764.5 58.3, 694.5 57.4, 618 38 C555 22, 499 24, 445 46 C365.5 78.4, 288.8 73.6, 205 56 C122.4 38.6, 62 57, 0 87.7 L0 100 L1000 100 Z' fill='%23000000'/></svg>") no-repeat top;
	mask-size: 100% auto;
	mask-repeat: no-repeat;
	mask-composite: intersect;
  }
  .section-bubble, .section-bubble_type-b, .section-bubble_type-a, .section-bubble4, .section-bubble3, .section-bubble2, .section-bubble1 {
	margin-bottom: 10vw;
	position: relative;
  }
  .section-bubble:after, .section-bubble_type-b:after, .section-bubble_type-a:after, .section-bubble3:after, .section-bubble2:after, .section-bubble1:after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 10vw;
	background: url("");
	background-size: 100%;
	transform: translate(0, 100%);
  }
  .section-bubble4:after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 10vw;
	background: url("");
	background-size: 100%;
	transform: translate(0, 101%);
  }
  
  .section-bubble1 {
	background-color: #FEE4DD;
  }
  .section-bubble1:after {
	background-color: #fff;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" fill="%23FEE4DD"><path d="M0 0v90.2C49.7 99.9 105 82 160 65c75.5-23.3 145.5-22.4 222-3 63 16 119 14 173-8 79.5-32.4 156.2-27.6 240-10 82.6 17.4 143-1 205-31.7V0H0Z"></path></svg>');
/*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 1185 248'><circle cx='76' cy='121.1' r='20' class='a'/><circle cx='870' cy='201.1' r='11' class='a'/><circle cx='814.5' cy='165.6' r='24.5' class='a'/><path d='M0 0v17.7c22.7 14.8 53 31.9 90.7 51.5 150.8 78 322 116.6 424.8 69.3 102.9-47.4 138-69.3 210.8-69.3s118.3 48.6 219.5 38.3 76.3-59.3 188.7-59.3c18.9 0 35.5 2.6 50.5 6.8V0H0z' class='a'/></svg>");
  */  
}
  
  .section-bubble2 {
	background-color: #f9bfb1;
  }
  .section-bubble2:after {
	background-color: #FFFBFA;
/*	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1185 248'><path d='M50.5 199.8c112.4 0 87.5-49 188.7-59.3s146.7 38.3 219.5 38.3 107.9-21.9 210.8-69.3c102.8-47.3 274-8.7 424.8 69.3 37.7 19.5 68 36.7 90.7 51.5V0H0v193C15 197.2 31.6 199.8 50.5 199.8zM1109 106.9c11 0 20 9 20 20 0 11-9 20-20 20s-20-9-20-20C1089 115.9 1098 106.9 1109 106.9zM370.5 57.9c13.5 0 24.5 11 24.5 24.5 0 13.5-11 24.5-24.5 24.5S346 95.9 346 82.4C346 68.9 357 57.9 370.5 57.9zM315 35.9c6.1 0 11 4.9 11 11s-4.9 11-11 11 -11-4.9-11-11S308.9 35.9 315 35.9z' fill='%23ffd2b0'/></svg>"); */
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" fill="%23f9bfb1" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" transform="matrix(-1,0,0,1,0,0)"><path d="M0 0v90.2C49.7 99.9 105 82 160 65c75.5-23.3 145.5-22.4 222-3 63 16 119 14 173-8 79.5-32.4 156.2-27.6 240-10 82.6 17.4 143-1 205-31.7V0H0Z"></path></svg>'); 
}
  
  .section-bubble3 {
	background-color: #ffffff;
  }
  .section-bubble3:after {
	background-color: #fff;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" fill="%23f9bfb1"><path d="M0 0v90.2C49.7 99.9 105 82 160 65c75.5-23.3 145.5-22.4 222-3 63 16 119 14 173-8 79.5-32.4 156.2-27.6 240-10 82.6 17.4 143-1 205-31.7V0H0Z"></path></svg>');
/*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 1185 248'><circle cx='76' cy='121.1' r='20' class='a'/><circle cx='870' cy='201.1' r='11' class='a'/><circle cx='814.5' cy='165.6' r='24.5' class='a'/><path d='M0 0v17.7c22.7 14.8 53 31.9 90.7 51.5 150.8 78 322 116.6 424.8 69.3 102.9-47.4 138-69.3 210.8-69.3s118.3 48.6 219.5 38.3 76.3-59.3 188.7-59.3c18.9 0 35.5 2.6 50.5 6.8V0H0z' class='a'/></svg>");
  */ }

  .section-bubble4 {
	background-color: #ffffff;
  }
  .section-bubble4:after {
	background-color: #212121;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" fill="%23FFFFFF"><path d="M0 0v90.2C49.7 99.9 105 82 160 65c75.5-23.3 145.5-22.4 222-3 63 16 119 14 173-8 79.5-32.4 156.2-27.6 240-10 82.6 17.4 143-1 205-31.7V0H0Z"></path></svg>');
/*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23212121' viewBox='0 0 1185 248'><circle cx='76' cy='121.1' r='20' class='a'/><circle cx='870' cy='201.1' r='11' class='a'/><circle cx='814.5' cy='165.6' r='24.5' class='a'/><path d='M0 0v17.7c22.7 14.8 53 31.9 90.7 51.5 150.8 78 322 116.6 424.8 69.3 102.9-47.4 138-69.3 210.8-69.3s118.3 48.6 219.5 38.3 76.3-59.3 188.7-59.3c18.9 0 35.5 2.6 50.5 6.8V0H0z' class='a'/></svg>");
  */ }

  .section-bubble_type-a:after {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1185 248'><circle cx='76' cy='121.1' r='20' class='a'/><circle cx='870' cy='201.1' r='11' class='a'/><circle cx='814.5' cy='165.6' r='24.5' class='a'/><path d='M0 0v17.7c22.7 14.8 53 31.9 90.7 51.5 150.8 78 322 116.6 424.8 69.3 102.9-47.4 138-69.3 210.8-69.3s118.3 48.6 219.5 38.3 76.3-59.3 188.7-59.3c18.9 0 35.5 2.6 50.5 6.8V0H0z' class='a'/></svg>");
  }
  
  .section-bubble_type-b:after {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1185 248'><path d='M50.5 199.8c112.4 0 87.5-49 188.7-59.3s146.7 38.3 219.5 38.3 107.9-21.9 210.8-69.3c102.8-47.3 274-8.7 424.8 69.3 37.7 19.5 68 36.7 90.7 51.5V0H0v193C15 197.2 31.6 199.8 50.5 199.8zM1109 106.9c11 0 20 9 20 20 0 11-9 20-20 20s-20-9-20-20C1089 115.9 1098 106.9 1109 106.9zM370.5 57.9c13.5 0 24.5 11 24.5 24.5 0 13.5-11 24.5-24.5 24.5S346 95.9 346 82.4C346 68.9 357 57.9 370.5 57.9zM315 35.9c6.1 0 11 4.9 11 11s-4.9 11-11 11 -11-4.9-11-11S308.9 35.9 315 35.9z' fill='red'/></svg>");
  }


.centeredlogo {
  display: flex;
  justify-content: center; /* Horizontal centering */
  align-items: center; 

}
@media (max-width: 400px) {
	.centeredlogo img {
	  width: 70%;
	  display: flex;
  	  justify-content: center; /* Horizontal centering */
      align-items: center; 
	}
	.centeredlogo video {
		width: 80px;
		height: 80px;
		display: flex;
		  justify-content: center; /* Horizontal centering */
		align-items: center; 
	  }
  }


@media (max-height: 400px) {
	.centeredlogo img {
	  max-height: 200px;
	  display: flex;
  	  justify-content: center; /* Horizontal centering */
      align-items: center; 
	}
	.centeredlogo video {
		width: 80px;
		height: 80px;
		display: flex;
		  justify-content: center; /* Horizontal centering */
		align-items: center; 
	  }
  }
.centered-div img {
	max-width: 100%; /* Image scales with its container */
	max-height: 100%; /* Image scales with its container */
	object-fit: contain; /* Keeps the aspect ratio of the image */
  }
@media (max-height: 790px) {
	.centered-div {
	  height: 30%; /* Reduced height */
	}
  }
body.royal_preloader {
    background: none;
    visibility: hidden;
}
#royal_preloader {
    visibility: visible;
    position: fixed;
	width:100%;
	height:100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
    margin: 0;
    z-index: 9999999999;
}
#royal_preloader.royal_preloader_number:before,
#royal_preloader.royal_preloader_progress:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
    background-image: -moz-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
    background-image: -ms-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
    background-image: -o-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
}
#royal_preloader.complete {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear 0.5s;
       -moz-transition: opacity 0.2s linear 0.5s;
        -ms-transition: opacity 0.2s linear 0.5s;
         -o-transition: opacity 0.2s linear 0.5s;
            transition: opacity 0.2s linear 0.5s;
}
#royal_preloader.royal_preloader_line {
    height: 2px;
    bottom: auto;
}

/* Number Mode */

#royal_preloader.royal_preloader_number .royal_preloader_percentage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    line-height: 100px;
    font-size: 20px;
    font-family: Impact, Arial;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    text-align: center;
}
#royal_preloader.royal_preloader_number .royal_preloader_percentage > div {
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    border: 4px solid transparent;
    border-left-color: #FFFFFF;
    border-radius: 50%;
    -webkit-animation: rotate 0.8s linear infinite;
       -moz-animation: rotate 0.8s linear infinite;
        -ms-animation: rotate 0.8s linear infinite;
         -o-animation: rotate 0.8s linear infinite;
            animation: rotate 0.8s linear infinite;
}

/* Line Mode */

#royal_preloader.royal_preloader_line .royal_preloader_loader {
    position: absolute;
    height: 100%;
    left: 0;
}
#royal_preloader.royal_preloader_line .royal_preloader_peg {
    position: absolute;
    right: 0;
    height: 100%;
    width: 100px;
    opacity: 0.5;
}

/* Text Mode */

#royal_preloader.royal_preloader_text .royal_preloader_loader {
    color: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
	opacity:.2;
    left: 50%;
	font-family: 'Bropella';
	font-weight:700;
    height: 80px;
    line-height: 80px;
    margin: auto;
    letter-spacing: -4px;
    font-size: 55px;
    white-space: nowrap;
}
#royal_preloader.royal_preloader_text .royal_preloader_loader div {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0%;
    background-color: #000000;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

/* Scale Text Mode */

#royal_preloader.royal_preloader_scale_text .royal_preloader_loader {
    color: #FFFFFF;
    position: absolute;
	font-family: 'Bropella';
	font-weight:700;
    top: 0;
    bottom: 0;
    left: 50%;
    height: 32px;
    line-height: 32px;
    margin: auto;
    letter-spacing: 1px;
    font-size: 32px;
    white-space: nowrap;
}

#royal_preloader.royal_preloader_scale_text .royal_preloader_loader span {
    display: inline-block;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
}

#royal_preloader.royal_preloader_scale_text .royal_preloader_loader span.loaded {
    -webkit-animation: scale 0.2s forwards;
       -moz-animation: scale 0.2s forwards;
        -ms-animation: scale 0.2s forwards;
         -o-animation: scale 0.2s forwards;
            animation: scale 0.2s forwards;
}

/* Logo Mode */

#royal_preloader.royal_preloader_logo .royal_preloader_loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0px;
    overflow: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 5px;
}
#royal_preloader.royal_preloader_logo .royal_preloader_loader div {
    position: absolute;
    bottom: 0%;
    left: 0px;
    right: 0px;
    height: 100%;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
#royal_preloader.royal_preloader_logo .royal_preloader_percentage {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 40px;
    line-height: 40px;
    margin: 0px;
    color: #072E77;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

/* Progress Mode */

#royal_preloader.royal_preloader_progress .royal_preloader_percentage {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    color: #AAAAAA;
    color: rgba(255, 255, 255, 0.1);
    font-family: Impact, Arial;
    font-size: 20px;
    text-align: center;
}
#royal_preloader.royal_preloader_progress .royal_preloader_loader {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 60%;
    height: 2px;
    margin: -10px auto auto auto;
    background-color: rgba(0, 0, 0, 0.1);
}
#royal_preloader.royal_preloader_progress .royal_preloader_meter {
    width: 0;
    height: 100%;
    margin: auto;
    padding: 0;
    background-color: #C76363;
}


@-webkit-keyframes rotate {
    0% { -webkit-transform: rotate(0);}
    100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes rotate {
    0% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(360deg); }
}
@-ms-keyframes rotate {
    0% { -ms-transform: rotate(0); }
    100% { -ms-transform: rotate(360deg); }
}
@-o-keyframes rotate {
    0% { -o-transform: rotate(0); }
    100% { -o-transform: rotate(360deg); }
}
@keyframes rotate {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes scale {
    0% { -webkit-transform: scale(0); opacity: 0;}
    50% { -webkit-transform: scale(2);  opacity: 0.5;}
    100% { -webkit-transform: scale(1);  opacity: 1;}
}
@-moz-keyframes scale {
    0% { -moz-transform: scale(0); opacity: 0;}
    50% { -moz-transform: scale(2); opacity: 0.5;}
    100% { -moz-transform: scale(1); opacity: 1;}
}
@-ms-keyframes scale {
    0% { -ms-transform: scale(0); opacity: 0;}
    50% { -ms-transform: scale(2); opacity: 0.5;}
    100% { -ms-transform: scale(1); opacity: 1;}
}
@-o-keyframes scale {
    0% { -o-transform: scale(0); opacity: 0;}
    50% { -o-transform: scale(2); opacity: 0;.5}
    100% { -o-transform: scale(1); opacity: 1;}
}
@keyframes scale {
    0% { transform: scale(0); opacity: 0;}
    50% { transform: scale(2); opacity: 0.5;}
    100% { transform: scale(1); opacity: 1;}
}

/* #Navigation
================================================== */
 
 
.header{
    position: fixed;
	width:100%;
	top:0;
	left:0;
	z-index:100;
}
 
.logo-wrap {
	display:block;
	float:left;
	padding-left: 40px;
	padding-top: 10px;
}
.logo-wrap.style-logo-home-1 {
    position: fixed;
	top:10px;
	left:100px;
	padding: 20px;
	background: rgba(255,255,255,.9);
}
.logo-wrap img{
	height:50px;
	display:block;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body.overflow-hidden {
  /* when primary navigation is visible, the content in the background won't scroll */
  overflow: hidden;
}
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
}
.cd-container:after {
  content: "";
  display: table;
  clear: both;
}

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

Main components 

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


.cd-header {
  position: absolute;
  padding-top:5px;
  top: 0;
  left: 0;
  height: 50px;
  width: 100%;
  z-index: 2002;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
  .cd-header.style-header-home-1 {
    background: transparent;
    box-shadow: none;
  }
@media only screen and (min-width: 768px) {
  .cd-header {
    height: 80px;
    background: transparent;
    box-shadow: none;
  }
.logo-wrap.style-logo-home-1 {
	top:50px;
	left:50px;
}
}
@media only screen and (min-width: 768px) {
  .cd-header {
	display:none;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .cd-header.is-fixed {
    /* when the user scrolls down, we hide the header right above the viewport */
    position: fixed;
    top: -80px;
	display:inline-block;
    background-color: #FFFBFA;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  .cd-header.is-visible {
    /* if the user changes the scrolling direction, we show the header */
	padding-top:5px;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  .cd-header.menu-is-open {
    /* add a background color to the header when the navigation is open */
    background-color: rgba(247, 247, 247, 0);
  }
}

.cd-header2 {
	position: absolute;
	padding-top:5px;
	top: 0;
	left: 0;
	height: 50px;
	width: 100%;
	z-index: 2002;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }
	.cd-header2.style-header-home-1 {
	  background: transparent;
	  box-shadow: none;
	}
  @media only screen and (min-width: 768px) {
	.cd-header2 {
	  height: 80px;
	  background: #FFFBFA;
	  box-shadow: none;
	}
  .logo-wrap.style-logo-home-1 {
	  top:50px;
	  left:50px;
  }
  }
  @media only screen and (min-width: 768px) {
	.cd-header2 {
	  -webkit-transition: background-color 0.3s;
	  -moz-transition: background-color 0.3s;
	  transition: background-color 0.3s;
	  /* Force Hardware Acceleration in WebKit */
	  -webkit-transform: translate3d(0, 0, 0);
	  -moz-transform: translate3d(0, 0, 0);
	  -ms-transform: translate3d(0, 0, 0);
	  -o-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	}
	.cd-header2.is-fixed {
	  /* when the user scrolls down, we hide the header right above the viewport */
	  position: fixed;
	  top: -80px;
	  background-color: #FFFBFA;
	  -webkit-transition: -webkit-transform 0.3s;
	  -moz-transition: -moz-transform 0.3s;
	  transition: transform 0.3s;
	}
	.cd-header2.is-visible {
	  /* if the user changes the scrolling direction, we show the header */
	  padding-top:5px;
	  -webkit-transform: translate3d(0, 100%, 0);
	  -moz-transform: translate3d(0, 100%, 0);
	  -ms-transform: translate3d(0, 100%, 0);
	  -o-transform: translate3d(0, 100%, 0);
	  transform: translate3d(0, 100%, 0);
	}
	.cd-header2.menu-is-open {
	  /* add a background color to the header when the navigation is open */
	  background-color: rgba(247, 247, 247, 0);
	}
  }

@media only screen and (min-width: 768px) {
  .cd-secondary-nav {
    display: block;
  }
}
@media (min-width: 768px) {
	.cd-primary-nav-trigger,
    .cd-primary-nav-trigger.style-home-1 {
    display: none !important;
  }
  }
.cd-primary-nav-trigger {
	position: fixed;
    top: 17px; /* Adjust for spacing from the top */
    right: 40px; /* Adjust for spacing from the right */
    width: 50px; /* Circle dimensions */
    height: 50px; /* Circle dimensions */
    background-color: #FFFFFF; /* White circle */
	outline: 3px solid #FF2707;
    border-radius: 50%; /* Makes it a circle */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2001; /* Ensure it appears above other elements */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Optional: Add a slight shadow */
}
.cd-primary-nav-trigger.is-clicked {
    background-color: rgba(255, 255, 255, 0); /* Change background on click */
    outline: 3px solid #FF2707; /* Keep the outline */
}

.cd-primary-nav-trigger:focus {
    outline: 3px solid #FF2707; /* Ensure outline appears on focus */
}

.cd-primary-nav-trigger:hover {
    outline: 3px solid #FF2707; /* Ensure outline appears on hover */
}
.cd-menu-icon {
    width: 20px; /* Adjust line width */
    height: 2px; /* Adjust line height */
    background-color: #FF2707; /* Burger menu color */
    position: relative;
    transition: all 0.3s ease-in-out;
}
.cd-primary-nav-trigger.style-home-1 {
	background:rgba(255,255,255,.8);
	right: 30px;
	top: 0px;
  height: 50px;
  width: 50px;
}
.cd-primary-nav-trigger .cd-menu-text {
  color: #212121;
  text-transform: uppercase;
  font-weight: 700;
  /* hide the text on small devices */
  display: none;
}
.cd-primary-nav-trigger .cd-menu-icon {
  /* this span is the central line of the menu icon */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 20px;
  height: 3px;
  background-color: #FF2707;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
  /* these are the upper and lower lines in the menu icon */
}
.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color:  #FF2707;
  right: 0;
  -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
  -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
  transition: transform .3s, top .3s, background-color 0s;
}
.cd-primary-nav-trigger .cd-menu-icon::before {
  top: -7px;
}
.cd-primary-nav-trigger .cd-menu-icon::after {
  top: 7px;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
  background-color: rgba(255, 255, 255, 0);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  background-color:  #FF2707;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  top: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
} 
@media only screen and (min-width: 768px) {
 
.cd-primary-nav-trigger.style-home-1 {
	right: 50px;
	top: 70px;
}
  .cd-primary-nav-trigger .cd-menu-text {
    display: inline-block;
  }
  .cd-primary-nav-trigger .cd-menu-icon {
    left: auto;
    right: 1em;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    -o-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
}

.cd-primary-nav {
  /* by default it's hidden - on top of the viewport */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(247, 247, 247, 0.96);
  z-index: 2000;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.cd-primary-nav .cd-scndr-nav{
	position:absolute;
	top: 50%;
	width:100%;
	max-width:300px;
	left:50%;
	margin-left:-150px;
	-webkit-transform: translateY(-55%);
	-moz-transform: translateY(-55%);
	-ms-transform: translateY(-55%);
	-o-transform: translateY(-55%);
	transform: translateY(-55%);
}
@media only screen and (max-width: 300px) {
.cd-primary-nav .cd-scndr-nav{
	left:0;
	margin-left:0;
}
}



.cd-primary-nav .cd-label {
  color: #212121;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.cd-primary-nav.is-visible {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}



.cd-main-content {
  position: relative;
  z-index: 1;
}
.cd-main-content p {
}
@media only screen and (min-width: 834px) {
  .cd-main-content p {
  }
}
.cd-label ul{
	overflow: hidden;
	max-height: 0;
	transition:all 0.7s ease 0s;
	-moz-transition:all 0.7s ease 0s;
	-webkit-transition:all 0.7s ease 0s;
	-o-transition:all 0.7s ease 0s;
}
.cd-label:hover ul{
	margin-top:5px;
	margin-bottom:10px;
	max-height: 500px;
}
.cd-label ul a {
  padding: .4em .7em;
}
a.curent-nav-color{
	color:#999999;
}

.social-nav{ 
	position:absolute;
	bottom:40px;
	width:100%;
	left:0;
	z-index:100;
	text-align:center;
	margin:0 auto;
	display:block;
}
.list-social-nav li {
    padding:0; 
    list-style: none;
	text-align:center; 
	width:50px;
	height:30px;
    display: inline-block;
	border-right:1px solid rgba(0,0,0,.1);
	cursor:pointer;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.list-social-nav li:last-child {
	border-right:1px solid transparent;
}
.list-social-nav li.icon-soc-nav a {
	font-family: 'FontAwesome';
	font-size: 14px;
	line-height: 30px;
	width:50px;
	color:#FF2707;
	opacity:1;
	margin:0;
	padding:0;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.list-social-nav li:hover{
	background:transparent;
}
.list-social-nav li:hover.icon-soc-nav a{
	background:transparent;
}



.cd-accordion-menu {
  width: 100%;
  max-width: 600px;
}
.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
}
.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  display: block;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.cd-accordion-menu label{
	font-family: 'Bropella';
	padding-top:2px;
	padding-bottom:5px;
	font-size: 18px;
	line-height:20px;
	font-weight:700;
  color: #323232;
}
.cd-accordion-menu label a{
	font-family: 'Bropella';
	padding-top:2px;
	padding-bottom:5px;
	font-size: 24px;
	line-height:24px;
	font-weight:400;
  color: #FF2707;
}
.cd-accordion-menu a {
	font-family: 'Open Sans', sans-serif;
  padding: 4px 0px;
	font-size: 13px;
	font-weight:400;
	line-height:18px;
  color: #545454;
	letter-spacing:1px;
}
.cd-accordion-menu label {
  cursor: pointer;
}
.cd-scndr-nav a:hover,
.cd-scndr-nav label:hover {
	color: #ffc4b9;
}

@media only screen and (min-width: 834px) {
.cd-accordion-menu label{
	font-size: 30px;
	line-height:34px;
	font-weight:800;
	letter-spacing:1px;
}
.cd-accordion-menu label a{
	font-size: 30px;
	line-height:34px;
	font-weight:800;
	letter-spacing:1px;
}
}
.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover {
}
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
  box-shadow: none;
}

.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}




/* #Tooltip
================================================== */

	.tipper { height: 1px; left: -99999px; position: absolute; pointer-events: none; top: -99999px; width: 1px;z-index:100000; }
	.tipper .tipper-content { background: rgba(0, 0, 0, 0.85);box-shadow: 0 0 25px rgba(0,0,0,0.5);text-transform:uppercase; border-radius: 2px; color: #fff; font-weight:500; display: block; float: left; font-family: 'Open Sans', sans-serif; font-size: 9px; margin: 0; letter-spacing:2px; padding: 4px 20px; position: relative; white-space: nowrap; }
	.tipper .tipper-caret { background: url('../images/tipper-icon.png') no-repeat; display: block; height: 11px;  position: absolute; width: 100%; }

	.tipper.right .tipper-content { box-shadow: 1px 0 3px rgba(0, 0, 0, 0.25); }
	.tipper.right .tipper-caret { background-position: left center; left: -5px; top: 0; }

	.tipper.left .tipper-content { box-shadow: -1px 0 3px rgba(0, 0, 0, 0.25); }
	.tipper.left .tipper-caret { background-position: right center; right: -5px; top: 0; }

	.tipper.top .tipper-caret,
	.tipper.bottom .tipper-caret { display: block; float: none; height: 5px;  width: 12px;margin-left:-6px; }

	.tipper.top .tipper-content { box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.25); }
	.tipper.top .tipper-caret { background-position: center bottom; bottom: -5px; left: 0; text-align:center;}

	.tipper.bottom .tipper-content { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }
	.tipper.bottom .tipper-caret { background-position: center top; top: -5px; left: 0; }



/* #image reveal animations 
================================================== */

.hidden {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	pointer-events: none;
}
 .grid {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100vw;
}

.js .grid {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: 0;
}

.no-js .grid {
	border-bottom: none;
}

.js .grid--current {
	pointer-events: auto;
	opacity: 1;
}

.grid--horizontal {
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
}

.grid__column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex: 1;
	-webkit-box-flex: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex: 1;
	height: 100%;
	
}

.grid__item {
	overflow: hidden;
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}

.grid__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-size: cover;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.grid__item:hover .grid__img {
	opacity:.8;
}

.grid__img--overlay::after {
 	content: '';
 	background: linear-gradient(to bottom, rgba(222,217,217,0.5), transparent);
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 }

.grid-nav {
	position: absolute;
	z-index: 1000;
	right: 50px;
	bottom: 50px;
}
.grid-nav button{
	width:40px;
	height:40px;
	background:rgba(255,255,255,.8);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.grid-nav button:hover{
	background:rgba(255,255,255,1);
}

.no-js .grid-nav {
	display: none;
}

.grid-nav--hidden {
	pointer-events: none;
	opacity: 0;
}

.grid__button {
	font-size: 14px;
	padding: 0;
	border: none;
	background: none;
}

.grid__button:focus {
	outline: none;
}

.grid__button--hidden {
	pointer-events: none;
	opacity: 0;
}

.icon--nav-up {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.grid__button--close {
	position: absolute;
	z-index: 1000;
	top: 0;
	right: 0;
}

.grid__title {
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 1em 0;
	margin: 0;
	text-align: center;
}

/* Loading styles */

.js .grid-pages:not(.grid-pages--loaded)::after,
.js .grid-pages:not(.grid-pages--loaded)::before {
	content: '';
	position: absolute;
	z-index: 1000;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	margin: -10px 0 0 -10px;
	opacity: 0;
	border: 4px solid #fff;
	-webkit-animation: moveAround 0.5s ease-in infinite alternate forwards;
	animation: moveAround 0.5s ease-in infinite alternate forwards;
}

.js .grid-pages::after {
	-webkit-transform: translateX(-180%);
	transform: translateX(-180%);
}

.js .grid-pages::before {
	-webkit-transform: translateX(180%);
	transform: translateX(180%);
}

@-webkit-keyframes moveAround {
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes moveAround {
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.js .grid__item,
.js .grid-nav {
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.js .grid-pages--loaded .grid__item,
.js .grid-pages--loaded .grid-nav {
	opacity: 1;
}

/* Style 2 */
.no-js .grid--style-2:nth-last-child(3) {
	border-bottom: 30px solid #ece6e6;
}

.grid--style-2 {
	border: 30px solid #ece6e6;
}

.grid--style-2 .grid__item {
	overflow: visible;
}

.grid--style-2 ~ .grid-nav {
}

.grid--style-2 ~ .grid-nav .icon {
	stroke: #000;
}
.grid--style-2 ~ .grid-nav .icon {
	stroke-width: 1px;
	width:14px;
	height:14px;
}

.grid__item:hover .caption {
	opacity:.8;
	bottom: 0.28em;
	left: 0.28em;
	font-size: 30px;
	line-height: 30px;
}
.grid--style-2 .caption {
	position: absolute;
	font-family: 'Bropella';
	font-weight:700;
	font-size: 50px;
	line-height: 50px;
	z-index: 100;
	margin: 0;
	bottom: -0.28em;
	left: -0.28em;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	opacity:0;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.grid--style-2 .caption.first-port-box-text {
	position: absolute;
	font-family: 'Bropella';
	font-weight:700;
	font-size: 24px;
	line-height: 32px;
	z-index: 100;
	margin: 0;
	bottom: 30px;
	left: 30px;
	right:30px;
	color: #fff;
	text-align:left;
}
.grid--style-2.grid--current .caption {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity:1;
}

.grid--style-2 .grid__title {
	background: #ded9d9;
	color: #5b5e69;
	font-weight: 500;
	font-size: 0.85em;
}

/* Media Queries */

@media screen and (min-width: 50em) {
	.grid {
		height: 100vh;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.grid--horizontal .grid__column {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		width: 100%;
		height: auto;
	}
	/* Grid style 2 */
	.grid--vertical.grid--style-2 .grid__column:not(:last-child),
	.grid--horizontal.grid--style-2 .grid__item:not(:last-child) {
		border-right: 30px solid #ece6e6;
	}
	.grid--horizontal.grid--style-2 .grid__column:not(:last-child),
	.grid--vertical.grid--style-2 .grid__item:not(:last-child) {
		border-bottom: 30px solid #ece6e6;
	}
}

@media screen and (max-width: 50em) {
.grid--style-2 .caption.first-port-box-text {
	position: relative;
	padding-top:100px;
	padding-bottom:30px;
	padding-left:30px;
	padding-right:30px;
	left:auto;
	right:auto;
	bottom:auto;
	font-size:17px;
	line-height:22px;
}
	.js .grid-pages {
		position: relative;
		overflow-y: scroll;
		overflow-x: hidden;
		height: 100vh;
	}
	.js .grid {
		height: 0;
	}
	.js .grid--current {
		height: auto;
	}
	.grid {
		padding: 0 0 2em;
		border-bottom: none;
	}
	.js .grid__column:last-child {
		padding-bottom: 3.75em;
	}
	.grid__item--auto {
		flex: none;
	}
	.grid__item:not(.grid__item--auto) {
		min-height: 200px;
	}
	.grid-nav {
		position: fixed;
	}
	/* Grid style 2 */
	.grid--style-2 .grid__item {
		border-bottom: 30px solid #ece6e6;
	}
}
.demo-2 {
	background: #ece6e6;
}

.demo-2 a {
	color: #dc4242;
}
 /* Icons */
.icon {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	fill: currentColor;
}


.first-port-box {
	text-align: center;
	width: 100%;
	height: 100%;
	background: #212121;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
 
 
/* #All
================================================== */


.section {
	position:relative;
	width:100%;
}
.full-height {
	height: 100vh;
}
.half-height {
	height: 80vh;
}
.over-hidden {
	overflow: hidden;
}
.white-back {
	background-color:#fff;
}
.white2-back {
	background-color:#FFFBFA;
}
.lightblue-back {
	background-color:#f1f7fe;
}
.footer-back {
	background-color:#f1f7fe;
}
.orange-back {
	background-color:#FEE4DD;
}
.grey-back {
	background-color:#f9f9f9;
}
.black-back {
	background-color:#000;
}
.light-over{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:4;
	background-color:rgba(255,255,255,.7);
}
.light-over-2{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:4;
	background-color:rgba(255,255,255,.3);
}
.light-over-2{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:4;
}
.padding-top-bottom{
	padding-top:120px;
	padding-bottom:120px;
}
.padding-top{
	padding-top:80px;
}
.padding-bottom{
	padding-bottom:120px;
}
.padding-top-bottom-small{
	padding-top:60px;
	padding-bottom:60px;
}

.section-shadow {
    box-shadow: 0 0 40px rgba(39, 22, 12, 0.1);
}
.section2-shadow {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.section-shadow-biger {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}
.ver-line-bottom-1{
	position:absolute;
	width:1.5px;
	height:100px;
	bottom:0;
	left:50%;
	z-index:6;
	background-color:#FF2707;
}
.ver-line-top-1{
	position:absolute;
	width:1.5px;
	height:100px;
	top:0;
	left:50%;
	z-index:2;
	background-color:#FF2707;
	
}
.ver-line-bottom-2{
	position:absolute;
	width:1px;
	height:50px;
	bottom:0;
	left:50%;
	z-index:2;
	background-color:rgba(255,255,255,.3);
}

.scroll-down {
		position:absolute;
		display: block;
		width:80px;
		height:80px;
		bottom:100px;
		left:50%;
		margin-left:-40px;
		z-index:5;
		background-image:url('../images/scrollhover.gif');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 50px 50px;
}

@media (min-width: 768px) {
	.scroll-down{
		position:absolute;
		display: block;
		width:80px;
		height:80px;
		bottom:50px;
		left:50%;
		margin-left:-40px;
		z-index:5;
		background-image:url('../images/scrollhover.gif');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 50px 50px;
	}
}
@media (max-height: 400px) {
	.scroll-down{
		display: none;
	}
}

.background-image-1{
	background-image:url('../images/home1.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.background-image-2{
	background-image:url('../images/home2.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.background-image-3{
	background-image:url('../images/home3.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.background-image-4{
	background-image:url('../images/home5.gif');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}


.home-text-sec{
	position:absolute;
	width:100%;
	top:50%;
	left:0;
	z-index:10;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media only screen and (max-width: 450px) {
	.home-text-sec{
		position:absolute;
		width:100%;
		top:45%;
		left:0;
		z-index:10;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}
.home-text-sec h1{
	text-align:center;
	font-size: 80px;
	line-height:140px;
	letter-spacing:-3px;
	font-weight:700;
}
.home-text-sec h3{
	text-align:center;
	font-size: 50px;
	line-height:120px;
	font-weight:700;
}
.home-text-sec p{
	text-align:center;
	font-size: 11px;
	line-height:18px;
	font-weight:400;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
}
.home-text-sec p span{
	padding:6px 15px;
}



.title-wrap{
	position:relative;
	width:100%;
	color:#FF2707;
}
.title-wrap h3{
	text-align:center;
	font-weight:700;
	font-size:30px;
	padding-bottom:10px;
}
.title-wrap p{
	text-align:center;
	font-size:11px;
	font-weight:400;
	letter-spacing:2px;
	color:#727272;
	text-transform:uppercase;
	padding-bottom:10px;
}


/* #About page
================================================== */

.about-text{
	position:relative;
	width:100%;
	margin:0 auto;
	max-width:900px;
}
.about-text p{
	text-align:left;
	font-family: 'Bropella';
	color:#071B95;
	font-size: 14pt;
}

.about-project{
	position:relative;
	width:100%;
	margin:0 auto;
	max-width:900px;
}
.about-project p{
	text-align:left;
}
.about-project h3{
	text-align:left;
	font-weight:700;
	font-size:30px;
	padding-bottom:10px;
	color:#FF2707;
}

.about-mission{
	position:relative;
	margin:0 auto;
	width:100%;
	overflow:hidden;
}
.about-mission:after {
  content: '';
  display: block;
  clear: both;
}
.about-half{
	width:50%;
	background:#181818;
}
.about-quarter-1{
	width:25%;
	background:#050505;
}
.about-quarter-2{
	width:25%;
}
.about-half,
.about-quarter-1,
.about-quarter-2{
	position:relative;
	float:left;
	display:inline-block;
	margin:0 auto;
	min-height:400px;
}
.about-text-in{
	position:absolute;
	top:50%;
	width:100%;
	left:0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.about-half h4,
.about-quarter-1 h4{
	text-align:left;
	padding-bottom:15px;
	color:#fff;
	max-width:80%;
	margin:0 auto;
}
.about-half p,
.about-quarter-1 p,
.about-quarter-2 p{
	text-align:left;
	color:#f9f9f9;
	font-style: italic; 
	max-width:80%;
	margin:0 auto;
}
.about-quarter-2 h4{
	text-align:center;
	padding-bottom:25px;
	color:#fff;
	letter-spacing:3px;
	line-height: 34px;
	max-width:80%;
	margin:0 auto;
}
.about-link{
	position:relative;
	display:block;
	width:180px;
	margin:0 auto;
	text-align:center;
	padding:12px 30px;
	border:1px solid #fff;
	border-radius:40px;
	letter-spacing:2px;
	text-transform: uppercase;
	font-size:11px;
	color:#fff;
	font-weight:600;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.about-link:hover{
	background:#fff;
}

.team-box-1{
	position:relative;
	width:100%;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}
.team-box-1 img{
	width:100%;
	display:block;
}
.team-box-1 .mask-team{
	position:absolute;
	z-index:2;
	top:0;
	width:100%;
	left:0;
	height:calc(100% - 74px);
	opacity:0;
	background:rgba(0,0,0,.7);
	-webkit-transition : all 0.3s ease-out;
	-moz-transition : all 0.3s ease-out;
	-o-transition :all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.team-box-1:hover .mask-team{
	opacity:1;
}
.team-box-1 ul{
	position:absolute;
	z-index:3;
	top:-30px;
	margin-top:-46px;
	width:100%;
	left:0;
	text-align:center;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition : all 0.3s ease-out;
	-moz-transition : all 0.3s ease-out;
	-o-transition :all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.team-box-1 ul li{
	display:inline-block;
	text-align:center;
	margin-left:8px;
	margin-right:8px;
}
.team-box-1:hover ul{
	top:50%;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.team-box-1 ul li a.social-icon .icons{
	font-family: 'FontAwesome';
	width:20px;
	height:20px;
	line-height:20px;
	font-size:16px;
	text-align:center;
	color:#fff;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.team-box-1 ul li a.social-icon:hover .icons.twitter{
	color:#55acef;
}
.team-box-1 ul li a.social-icon:hover .icons.dribbble{
	color:#fe0084;
}
.team-box-1 ul li a.social-icon:hover .icons.facebook{
	color:#3b5998;
}
.team-box-1 ul li a.social-icon:hover .icons.linkedin{
	color:#007bb5;
}
.team-box-1 ul li a.social-icon:hover .icons.vimeo{
	color:#aad450;
}
.team-box-1 h6{
	margin-top:30px;
	text-align:center;
	padding-bottom:5px;
}
.team-box-1 .subtext{
	text-align:center;
	color:#747474;
	font-style: italic;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	line-height:17px;
	letter-spacing:2px;
	font-weight:400;
}

#owl-about {
	position:relative;
	width:100%;
	margin:0 auto;
}
#owl-about .item{
	position:relative;
	width:100%;
	z-index:2;
}
#owl-about .item img{
	width:100%;
	display:block;
}
#owl-about.owl-theme .owl-controls .owl-buttons .owl-prev{
	background-image:url('../images/arrow-left-light.png');
	left:0;
	margin-top:-35px;
}
#owl-about.owl-theme .owl-controls .owl-buttons .owl-next{
	background-image:url('../images/arrow-right-light.png');
	right:0;
	margin-top:-35px;
}
#owl-about.owl-theme .owl-controls .owl-buttons .owl-next,
#owl-about.owl-theme .owl-controls .owl-buttons .owl-prev{
	position:absolute;
	top:50%;
	width:35px;
	height:70px;
	z-index:100;
	text-indent: 100%;
	background-size:8px 16px;
	background-repeat: no-repeat;
	background-position:center center;
	background-color:rgba(0,0,0,.7);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
#owl-about.owl-theme .owl-controls .owl-buttons .owl-next:hover,
#owl-about.owl-theme .owl-controls .owl-buttons .owl-prev:hover{
	background-color:rgba(0,0,0,1);
}

#owl-logos{
	position:relative;
	width:calc(100% - 30px);
	overflow:hidden;
	margin:0 auto;
	text-align:center;
}
#owl-logos .item{
	position:relative;
	margin-left:15px;
	margin-right:15px;
	overflow:hidden;
	text-align:center;
}
#owl-logos .item img{
	width:80px;
	display:block;
	margin:0 auto;
	text-align:center;
}


/* #Google map
================================================== */

#google-container {
	position: relative;
	width: 100%;
    height:80vh;
}
#cd-google-map {
	position: relative;
}
#cd-google-map address {
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius:3px;
	padding-top:30px;
	padding-bottom:30px;
	width:100%;
	font-style: italic;
	background-color: rgba(0, 0, 0,.7);
	font-weight:400;
	font-size: 13px;
	line-height:25px;
	letter-spacing:3px;
	color:#fff;
	text-align: center;
	z-index:3;
}
#cd-zoom-in, #cd-zoom-out {
	height: 32px;
	width: 32px;
	cursor: pointer;
	margin-left: 10px;
	background-repeat: no-repeat;
	background-size: 32px 64px;
	opacity:.7;
	background-image: url("../images/cd-icon-controller.svg");
	z-index:3;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
#cd-zoom-in:hover, #cd-zoom-out:hover {
	opacity:1;
}
.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover {
	opacity:1;
}
#cd-zoom-in:hover, #cd-zoom-out:hover {
	opacity:1;
}
@media only screen and (min-width: 768px) {
  #cd-zoom-in, #cd-zoom-out {
    margin-left: 50px;
  }
}
#cd-zoom-in {
	background-position: 50% 0;
	margin-top: 100px;
	margin-bottom: 1px;
	z-index:3;
}
#cd-zoom-out {
	background-position: 50% -32px;
	z-index:3;
}
.google-map-loc-text{
	padding-bottom:160px;
}



#ajax-form {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	line-height:14px;
	color:#101010;
	margin:0 auto;
}
#ajax-form label {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height:30px;
}
#ajax-form input{
	position:relative;
	width:100%;
	padding-left:20px;
	padding-right:20px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	letter-spacing:1px;
	font-size: 13px;
	line-height:24px;
	padding-bottom: 15px;
	background:transparent;
	border:none;
	color: #737373;
	-webkit-transition: border-bottom 0.3s, color 0.3s;
	transition: border-bottom 0.3s, color 0.3s;
}
#ajax-form textarea {
	width:100%;
	padding-left:20px;
	padding-right:20px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	letter-spacing:1px;
	font-size: 13px;
	line-height:24px;
	background:transparent;
	height:100px;
	border:none;
	color: #737373;
	-webkit-transition: border-bottom 0.3s, color 0.3s;
	transition: border-bottom 0.3s, color 0.3s;
}
#ajax-form textarea,
#ajax-form input {	
	border-bottom:1px solid rgba(100,100,100,.2);
}
.error {
	font: 11px/22px 'Open Sans', sans-serif;
	letter-spacing:1px;
	display: none;
	color:#636363;
}
#ajaxsuccess {
	background: #C7F6B6;
	color:#043927;
	font: 16px/60px 'Bropella';
	height:60px;
	display: none;
	padding-left:10px;
	width: 100%;
	border-radius: 3px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
#err-state {
	background: #FFDACA;
	color:#582322;
	font: 16px/60px 'Bropella';
	height:60px;
	display: none;
	padding-left:10px;
	width: 100%;
	border-radius: 3px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
.text-align-center{
	text-align:center;
	padding-top:10px;
 }
#ajax-form textarea:active,
#ajax-form input:active {	
	color: #101010;
}
#ajax-form textarea:active,
#ajax-form input:hover {	
	color: #101010;
}
#ajax-form textarea:focus,
#ajax-form input:focus {	 
    outline: none !important;
}
#ajax-form input:-ms-input-placeholder  {
	font-size: 11px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#999999;
}
#ajax-form input::-moz-placeholder  {
	font-size: 11px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#999999;
}
#ajax-form input:-moz-placeholder  {
	font-size: 11px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#999999;
}
#ajax-form input::-webkit-input-placeholder  {
	font-size: 11px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#999999;
}
#ajax-form textarea:-ms-input-placeholder  {
	font-size: 11px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#999999;
}
#ajax-form textarea::-moz-placeholder  {
	font-size: 11px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#999999;
}
#ajax-form textarea:-moz-placeholder  {
	font-size: 11px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#999999;
}
#ajax-form textarea::-webkit-input-placeholder  {
	font-size: 11px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#999999;
}
#ajax-form button {
	background:#0045FF;
	color:#fff;
	font-size:12pt;
	padding: 13px 25px;
	max-width:150px;
}
#ajax-form button .button-text {
	position: relative;
	top:3px;
}
#ajax-form button:hover {
	color:#fff;
}
#ajax-form button:focus,
#ajax-form button:active {
	border:none;
	outline:none;
}


.button-effect {
	min-width: 150px;
	max-width: 200px;
	display: block;
	margin: 0 auto;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	cursor:pointer;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.button-effect:focus {
	outline: none;
}
.button-effect > span {
	vertical-align: middle;
}
.button--moema {
	padding: 20px 30px;
	border-radius: 50px;
	text-align:center;
	background:#fff;
	font-family: 'Bropella';
	font-size: 25px;
	color: #000;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}
.button--moema::before {
	content: '';
	position: absolute;
	top: -20px;
	left: -20px;
	bottom: -20px;
	right: -20px;
	background: inherit;
	border-radius: 50px;
	z-index: -1;
	opacity: 0.4;
	-webkit-transform: scale3d(0.8, 0.5, 1);
	transform: scale3d(0.8, 0.5, 1);
}
.button--moema:hover {
	-webkit-transition: background-color 0.3s 0s, color 0.3s 0s;
	transition: background-color 0.3s 0s, color 0.3s 0s;
	color:#fff;
	-webkit-animation: anim-moema-1 0.6s forwards;
	animation: anim-moema-1 0.6s forwards;
}
.button--moema:hover::before {
	-webkit-animation: anim-moema-2 0.6s 0.5s forwards;
	animation: anim-moema-2 0.6s 0.5s forwards;
}
@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.2, 1.2, 1);
		transform: scale3d(1.2, 1.2, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.2, 1.2, 1);
		transform: scale3d(1.2, 1.2, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@-webkit-keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}


.contact-details{
	position: relative;
	width:100%;
	overflow:hidden;
	padding-top:70px;
	padding-bottom:70px;
}
.contact-details h6{
	text-align:center;
	color:#fff;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear; 
}
.contact-details p{
	position:absolute;
	top:50%;
	margin-top:-12px;
	left:0;
	width:100%;
	z-index:2;
	font-size:13px;
	font-style: italic;
	font-weight:400;
	text-align:center;
	letter-spacing:1px;
	opacity:0;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear; 
}
.contact-details:hover h6{
	-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	-o-transform: translateY(-15px);
	transform: translateY(-15px);
}
.contact-details:hover p{
	opacity:1;
	-webkit-transform: translateY(15px);
	-moz-transform: translateY(15px);
	-ms-transform: translateY(15px);
	-o-transform: translateY(15px);
	transform: translateY(15px);
}


/* #Blog
================================================== */


.blog-page-post {
	position:relative;
	width:100%;
	overflow:hidden;
}
.blog-page-post img{
	width:100%;
	display:block;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.blog-page-post h5 {
	position:absolute;
	width:100%;
	left:0;
	top:50%;
	margin-top:-25px;
	text-align:center;
	z-index:3;
	font-weight:700;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear; 
}
.blog-page-post:hover h5 {
	-webkit-transform: translateY(-25px);
	-moz-transform: translateY(-25px);
	-ms-transform: translateY(-25px);
	-o-transform: translateY(-25px);
	transform: translateY(-25px);
}
.blog-page-post p {
	position:absolute;
	width:100%;
	left:0;
	top:50%;
	margin-top:10px;
	font-size:13px;
	font-weight:400;
	text-align:center;
	font-style: italic;
	color:#646464;
	z-index:3;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear; 
}
.blog-page-post:hover p {
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	-o-transform: translateY(-30px);
	transform: translateY(-30px);
}
.blog-page-post .blog-post-author {
	position:absolute;
	width:100%;
	left:0;
	top:50%;
	margin-top:30px;
	font-size:13px;
	text-transform:uppercase;
	font-weight:600;
	text-align:center;
	letter-spacing:2;
	color:#212121;
	z-index:3;
	opacity:0;
	-webkit-transform: translateY(70px);
	-moz-transform: translateY(70px);
	-ms-transform: translateY(70px);
	-o-transform: translateY(70px);
	transform: translateY(70px);
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear; 
}
.blog-page-post:hover .blog-post-author {
	opacity:1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.blog-page-post .blog-mask {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;
	background-color:#fff;
	opacity:.9;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.blog-page-post:hover .blog-mask {
	opacity:.5;
}
.blog-page-post:hover img{
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}



/* #pagination */

nav[role="navigation"] {
  text-align: center;
}
.cd-pagination {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.cd-pagination li {
  /* hide numbers on small devices */
  display: none;
  margin: 0 .2em;
}
.cd-pagination li.button-pag {
  /* make sure prev next buttons are visible */
  display: inline-block;
}
.cd-pagination a, .cd-pagination span {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* use padding and font-size to change buttons size */
  font-size: 11px;
  letter-spacing:2px;
	font-weight:600;
}
.cd-pagination a {
	border: 1px solid #e6e6e6;
	border-radius: 0.25em;
	color:#000;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.no-touch .cd-pagination a:hover {
	background-color: #000;
	border: 1px solid #000;
	color:#fff;
}
.cd-pagination a:active {
  /* click effect */
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.cd-pagination a.disabled {
  /* button disabled */
	color:#fff;
	pointer-events: none;
}
.cd-pagination a.disabled::before, .cd-pagination a.disabled::after {
  opacity: .4;
}
.cd-pagination .button-pag:first-of-type a::before {
  content: '\00ab  ';
}
.cd-pagination .button-pag:last-of-type a::after {
  content: ' \00bb';
}
.cd-pagination .current {
  /* selected number */
	color: #ffffff;
	pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .cd-pagination li {
    display: inline-block;
  }
}
@media only screen and (min-width: 834px) {
  .cd-pagination {
  }
}

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

No space - remove distance between list items

-------------------------------- */
.cd-pagination.no-space {
  width: auto;
  max-width: none;
  display: inline-block;
  border-radius: 0.25em;
  border: 1px solid #e6e6e6;
}
.cd-pagination.no-space:after {
  content: "";
  display: table;
  clear: both;
}
.cd-pagination.no-space li {
  margin: 0;
  float: left;
  border-right: 1px solid #e6e6e6;
}
.cd-pagination.no-space li:last-of-type {
  border-right: none;
}
.cd-pagination.no-space a, .cd-pagination.no-space span {
  float: left;
  border-radius: 0;
  border: none;
}
.cd-pagination.no-space li:first-of-type a {
  border-radius: 0.25em 0 0 0.25em;
}
.cd-pagination.no-space li:last-of-type a {
  border-radius: 0 0.25em 0.25em 0;
}

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

move buttons - move prev and next buttons to the sides

-------------------------------- */
.cd-pagination.move-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.cd-pagination.move-buttons .button-pag:first-of-type {
  float: left;
}
.cd-pagination.move-buttons .button-pag:last-of-type {
  float: right;
}

.cd-pagination.no-space.move-buttons {
  width: 90%;
  max-width: 768px;
  display: block;
  overflow: hidden;
}
.cd-pagination.no-space.move-buttons li {
  float: none;
  border: none;
}
.cd-pagination.no-space.move-buttons a, .cd-pagination.no-space.move-buttons span {
  float: none;
}

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

custom icons - customize the small arrow inside the next and prev buttons 

-------------------------------- */
.cd-pagination.custom-icons .button-pag a {
  position: relative;
}
.cd-pagination.custom-icons .button-pag:first-of-type a {
  padding-left: 2.4em;
}
.cd-pagination.custom-icons .button-pag:last-of-type a {
  padding-right: 2.4em;
}
.cd-pagination.custom-icons .button-pag:first-of-type a::before,
.cd-pagination.custom-icons .button-pag:last-of-type a::after {
  content: '';
  position: absolute;
  display: inline-block;
  /* set size for custom icons */
  width: 16px;
  height: 16px;
  top: 50%;
  /* set margin-top = icon height/2 */
  margin-top: -8px;
  background: transparent url("../images/cd-icon-arrow-1.svg") no-repeat center center;
}
.cd-pagination.custom-icons .button-pag:first-of-type a::before {
  left: .8em;
}
.cd-pagination.custom-icons .button-pag:last-of-type a::after {
  right: .8em;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

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

custom buttons - replace prev and next buttons text with a custom icon 

-------------------------------- */
.cd-pagination.custom-buttons a, .cd-pagination.custom-buttons span {
  vertical-align: middle;
}
.cd-pagination.custom-buttons .button-pag a {
  /* set custom width */
  width: 40px;
  /* image replacement */
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  color: transparent;
  background-image: url("../images/cd-icon-arrow-2.svg");
  background-repeat: no-repeat;
  background-position: center center;
}
.cd-pagination.custom-buttons .button-pag:last-of-type a {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.no-touch .cd-pagination.custom-buttons .button-pag:last-of-type a:active {
  -webkit-transform: scale(0.9) rotate(180deg);
  -moz-transform: scale(0.9) rotate(180deg);
  -ms-transform: scale(0.9) rotate(180deg);
  -o-transform: scale(0.9) rotate(180deg);
  transform: scale(0.9) rotate(180deg);
}

.cd-pagination.no-space.custom-buttons .button-pag:last-of-type a {
  border-radius: 0.25em 0 0 0.25em;
}

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

animated buttons - animate the text inside prev and next buttons 

-------------------------------- */
.cd-pagination.animated-buttons a, .cd-pagination.animated-buttons span {
  padding: 0 1.2em;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
}
.cd-pagination.animated-buttons .button-pag a {
  position: relative;
  padding: 0 2em;
}
.cd-pagination.animated-buttons .button-pag:first-of-type a::before,
.cd-pagination.animated-buttons .button-pag:last-of-type a::after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  right: auto;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-pagination.animated-buttons .button-pag:last-of-type a::after {
  -webkit-transform: translateX(-50%) rotate(180deg);
  -moz-transform: translateX(-50%) rotate(180deg);
  -ms-transform: translateX(-50%) rotate(180deg);
  -o-transform: translateX(-50%) rotate(180deg);
  transform: translateX(-50%) rotate(180deg);
}
.cd-pagination.animated-buttons i {
  display: block;
  height: 100%;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.no-touch .cd-pagination.animated-buttons .button-pag a:hover i {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.no-touch .cd-pagination.animated-buttons .button-pag:first-of-type a:hover::before {
  -webkit-transform: translateX(-50%) translateY(-50px);
  -moz-transform: translateX(-50%) translateY(-50px);
  -ms-transform: translateX(-50%) translateY(-50px);
  -o-transform: translateX(-50%) translateY(-50px);
  transform: translateX(-50%) translateY(-50px);
}

.no-touch .cd-pagination.animated-buttons .button-pag:last-of-type a:hover::after {
  -webkit-transform: translateX(-50%) rotate(180deg) translateY(50px);
  -moz-transform: translateX(-50%) rotate(180deg) translateY(50px);
  -ms-transform: translateX(-50%) rotate(180deg) translateY(50px);
  -o-transform: translateX(-50%) rotate(180deg) translateY(50px);
  transform: translateX(-50%) rotate(180deg) translateY(50px);
}

/* #Post
================================================== */

.post{
	position:relative;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:25px;
	overflow:hidden;
	box-shadow: 0 0 25px rgba(44,44,44,0.02);
}

.comm-number{
	position:relative;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:25px;
	overflow:hidden;
	box-shadow: 0 0 25px rgba(44,44,44,0.02);
	margin-top:25px;
	margin-bottom:25px;
}
.comm-number:after {
  content: '';
  display: block;
  clear: both;
}
.comm-number p{
	text-align:left;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:11px;
	line-height:11px;
	font-weight:400;
}
.comm-number p span{
	text-align:right;
	margin-left:10px;
	float:right;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.comm-number p a:hover{
	color:#212121;
}

.content-comm{
	position:relative;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top:25px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:36px;
	overflow:hidden;
	box-shadow: 0 0 25px rgba(44,44,44,0.02);
	margin-bottom:5px;
}
.content-comm.sub-comm{
	position:relative;
	width:calc(100% - 50px);
	margin-left:50px;
}
.content-comm:after {
	content: '';
	display: block;
	clear: both;
}
.content-comm img {
	display: block;
	float:left;
	width:100px;
	margin-right:25px;
	margin-bottom:25px;
}
.content-comm p {
	text-align:left;
	padding-bottom:25px;
}
.name-aut-replay{
	position:absolute;
	bottom:25px;
	right:25px;
	text-align:right;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:11px;
	line-height:11px;
	font-weight:400;	
}
.name-aut-replay a{
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 	
}
.name-aut-replay a:hover{
	color:#212121;
}

.comments{
	position:relative;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:25px;
	overflow:hidden;
	box-shadow: 0 0 25px rgba(44,44,44,0.02);
	margin-top:20px;
}
.comments input{
	position:relative;
	width:100%;
	padding-left:20px;
	padding-right:20px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	letter-spacing:1px;
	font-size: 13px;
	line-height:24px;
	padding-bottom: 15px;
	background:transparent;
	border:none;
	color: #737373;
	margin-bottom:20px;
	-webkit-transition: border-bottom 0.3s, color 0.3s;
	transition: border-bottom 0.3s, color 0.3s;
}
.comments textarea {
	width:100%;
	padding-left:20px;
	padding-right:20px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	letter-spacing:1px;
	font-size: 13px;
	line-height:24px;
	background:transparent;
	height:70px;
	border:none;
	color: #737373;
	margin-bottom:20px;
	-webkit-transition: border-bottom 0.3s, color 0.3s;
	transition: border-bottom 0.3s, color 0.3s;
}
.comments textarea,
.comments input {	
	border-bottom:1px solid rgba(100,100,100,.2);
}
.comments textarea:active,
.comments input:active {	
	color: #101010;
}
.comments textarea:active,
.comments input:hover {	
	color: #101010;
}
.comments textarea:focus,
.comments input:focus {	 
    outline: none !important;
}
.comments input:-ms-input-placeholder  {
	font-size: 11px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#999999;
}
.comments input::-moz-placeholder  {
	font-size: 11px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#999999;
}
.comments input:-moz-placeholder  {
	font-size: 11px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#999999;
}
.comments input::-webkit-input-placeholder  {
	font-size: 11px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#999999;
}
.comments textarea:-ms-input-placeholder  {
	font-size: 11px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#999999;
}
.comments textarea::-moz-placeholder  {
	font-size: 11px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#999999;
}
.comments textarea:-moz-placeholder  {
	font-size: 11px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#999999;
}
.comments textarea::-webkit-input-placeholder  {
	font-size: 11px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#999999;
}
.comments button {
	background:#efefef;
	color:#212121;
	font-size:14px;
	padding: 13px 30px;
	max-width:140px;
}
.comments button:hover {
	color:#fff;
}
.comments button:focus,
.comments button:active {
	border:none;
	outline:none;
}
.sidebar{
	position:relative;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:25px;
	overflow:hidden;
	box-shadow: 0 0 25px rgba(44,44,44,0.02);
}

.sidebar input{
	width:100%;
	padding-left:20px;
	padding-right:20px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	letter-spacing:1px;
	font-size: 12px;
	line-height:22px;
	padding-top: 15px;
	padding-bottom: 15px;
	background:#fff;
	border:none;
	color: #737373;
	-webkit-transition: background 0.3s, color 0.3s;
	transition: background 0.3s, color 0.3s;
}
.sidebar input:active {	
	color: #fff;
	outline: none !important;
}
.sidebar input:hover {	
	color: #737373;
	outline: none !important;
}
.sidebar input:focus {
	color: #fff;	 
	outline: none !important;
}

.sidebar input:-ms-input-placeholder  {
	font-size: 10px;
	text-transform:uppercase;
	-webkit-transition:  color 0.3s;
	transition:  color 0.3s;
}
.sidebar input::-moz-placeholder  {
	font-size: 10px;
	text-transform:uppercase;
	-webkit-transition:  color 0.3s;
	transition:  color 0.3s;
}
.sidebar input:-moz-placeholder  {
	font-size: 10px;
	text-transform:uppercase;
	-webkit-transition:  color 0.3s;
	transition:  color 0.3s;
}
.sidebar input::-webkit-input-placeholder  {
	font-size: 10px;
	text-transform:uppercase;
	-webkit-transition:  color 0.3s;
	transition:  color 0.3s;
}
.sidebar input:active:-ms-input-placeholder  {
	color: #fff;
}
.sidebar input:active::-moz-placeholder  {
	color: #fff;
}
.sidebar input:active:-moz-placeholder  {
	color: #fff;
}
.sidebar input:active::-webkit-input-placeholder  {
	color: #fff;
}
.sidebar input:focus:-ms-input-placeholder  {
	color: #fff;
}
.sidebar input:focus::-moz-placeholder  {
	color: #fff;
}
.sidebar input:focus:-moz-placeholder  {
	color: #fff;
}
.sidebar input:focus::-webkit-input-placeholder  {
	color: #fff;
}

.separator-sidebar{ 
	position:relative;
	width:100%;
	padding-top:70px;
}

.sidebar h6{ 
	text-align:left;
	padding-bottom:20px;
}

.link-recents{ 
	position:relative;
	width:100%;
	overflow:hidden;
	text-align:left;
}
.link-recents a{
	position:relative;
	display:block;
	cursor:pointer;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	line-height:21px;
	text-align:left;
	text-transform:uppercase;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid rgba(0,0,0,.1);
	letter-spacing:1px;
	color:#323232;
	font-weight:400;
	-webkit-transition: padding-left 0.3s, color 0.3s;
	transition: padding-left 0.3s, color 0.3s;
}
.link-recents a:last-child{
	border-bottom:1px solid rgba(0,0,0,.1);
}
.link-recents a:hover {
	padding-left:10px;
}


.link-tag{ 
	position:relative;
	width:100%;
	overflow:hidden;
	text-align:left;
}
.link-tag a {
	position: relative;
	display: inline-block;
	cursor:pointer;
	outline: none;
	text-decoration: none;
	white-space: nowrap;
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	line-height:21px;
	text-align:left;
	margin-right:3px;
	margin-bottom:3px;
	text-transform:uppercase;
	letter-spacing:2px;
	padding:3px 9px;
	color:#212121;
	font-weight:400;
	background-color:#fff;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.link-tag a:hover {
	color:#fff;
}


.video-wrapper, figure.vimeo, figure.youtube {
	margin:0;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
}	
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}	
figure.youtube a img, figure.vimeo a img {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: 100%;
	max-width:none;
}	
figure.vimeo a:after, figure.youtube a:after {
	content:"";
	width:40px;
	height:40px;
	background:#fff;
	box-shadow: 0 0 10px rgba(44,44,44,0.1);
	z-index:9;
	position:absolute;
	top:50%;
	left:50%;
	margin:-20px 0 0 -20px;
	border-radius:50%;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
figure.vimeo:hover a:after, figure.youtube:hover a:after {
	background:#000;
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
}	
figure.vimeo a:before, figure.youtube a:before {
	font-family: 'FontAwesome';
	content:"\f04b";
	width:40px;
	height:40px;
	z-index:10;
	position:absolute;
	color:#000;
	line-height:40px;
	text-align:center;
	font-size:10px;
	top:50%;
	left:50%;
	margin:-19px 0 0 -18px;
	display:block;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
figure.vimeo a:hover:before, figure.youtube a:hover:before {
	color:#fff; 
}	
figure.vimeo a:hover img, figure.youtube a:hover img {
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(1.03) rotate(1deg);
	transform: scale(1.03) rotate(1deg);
}	
figure.vimeo a img, figure.youtube a img {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
	a -webkit-transform: scale(1);
	transform: scale(1);
}

/* #Zoom effect
================================================== */

body::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
@media only screen and (min-width: 834px) {
  body::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}
.cd-main-content {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 834px) {
.cd-section {
  position: relative;
    height: 100vh;
  }
.cd-section.half-sec-height {
    height: 80vh;
  }
}
.cd-section.show-after-load {
    opacity:0;
}
.cd-block {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-block {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}
.cd-section:first-of-type .cd-block {
  height: 100vh;
}
.cd-section:first-of-type .cd-block.half-sec-height {
  height: 80vh;
}
@media only screen and (min-width: 834px) {
  .cd-block {
    position: fixed;
    width: 100%;
    min-height: 100vh;
    top: 0;
    left: 0;
    height: 100vh;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
    visibility: hidden;
  }
  .cd-block.half-sec-height {
    min-height: 80vh;
    height: 80vh;
  }
  .cd-section:first-of-type .cd-block {
    visibility: visible;
  }
  .cd-block > * {
    visibility: visible;
  }
}

.main-wrapper{
	position:relative;
	width:100%;
	margin:0 auto;
}

.cd-half-block {
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
}

.cd-half-block.image-folio-1 {
	background-image:url('../images/cur1.jpg');
}
.cd-half-block.image-folio-2 {
	background-image:url('../images/cur2.jpg');
}
.cd-half-block.image-folio-3 {
	background-image:url('../images/cur3.jpg');
}
.cd-half-block.image-folio-4 {
	background-image:url('../images/cur4.jpg');
}
.cd-half-block.image-folio-5 {
	background-image:url('../images/cur5.jpg');
}
.cd-half-block.image-folio-6 {
	background-image:url('../images/cur6.jpg');
}

.cd-half-block:nth-of-type(1) {
  height: 80vh;
  background-position: center center;
  background-repeat: no-repeat;
}
.cd-half-block:nth-of-type(2) {
  height: 80vh;
  background-position: center center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 834px) {
  .cd-half-block {
    height: 100vh !important;
    width: 50%;
    position: absolute;
    top: 0;
  }
  .cd-section:nth-of-type(even) .cd-half-block:first-of-type, .cd-section:nth-of-type(odd) .cd-half-block:nth-of-type(2) {
    left: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .cd-section:nth-of-type(odd) .cd-half-block:first-of-type, .cd-section:nth-of-type(even) .cd-half-block:nth-of-type(2) {
    right: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.curtain-text{
	position:relative;
	display:block;
	max-width:350px;
	margin-left:6%;
	padding:30px 30px;
	z-index:5;
	background:rgba(21,21,21,.8);
	-webkit-transform: translateY(90%);
	-moz-transform: translateY(90%);
	-ms-transform: translateY(90%);
	-o-transform: translateY(90%);
	transform: translateY(90%);
}
.curtain-text h5{
	text-align:left;
	letter-spacing:2px;
	font-weight:700;
	font-size: 15px;
	line-height:26px;
	color:#fff;
}
.curtain-text p{
	color:#f9f9f9;
	text-align:left;
	letter-spacing:2px;
    text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size: 11px;
	line-height:26px;
}
.curtain-text .arrow-right{
	position:absolute;
	font-family: 'FontAwesome';
	font-size: 18px;
	line-height:18px;
	top:30px;
	right:45px;
	z-index:7;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.curtain-text:hover .arrow-right{
	right:30px;
}





/* #Portfolio
================================================== */

#projects-grid{
	position:relative;
	text-align:center;
	margin:0 auto;
	width:100%;
	max-width:100%;
	overflow:hidden;
}
#projects-grid.max-grid-width{
	max-width:1400px;
}
#projects-grid.margin-on-side{
	width:calc(100% - 40px);
	max-width:calc(100% - 40px);
}
#projects-grid2{
	position:relative;
	text-align:center;
	margin:0 auto;
	width: 900px;
  	max-width: 900px;
  	margin: 0 auto;
	overflow:hidden;
}
@media only screen and (max-width: 959px) {
	#projects-grid2 {
	  width: 100%;
	  max-width: 100%;
	}
  }
#projects-grid.max-grid-width{
	max-width:900px;
}
#projects-grid.margin-on-side{
	width:calc(100% - 40px);
	max-width:900px;
}
#projects-grid:after {
  content: '';
  display: block;
  clear: both;
}
.portfolio-box-1{
	position:relative;
	float:left;
	width:33.3333333333%;
	display:inline-block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
	margin-left:-1px;
	-webkit-transform: translate3d(1px,0,0);
	transform: translate3d(1px,0,0);
}
.portfolio-box-1.with-margin{
	width:calc(33.3333333333% - 40px);
	margin-top:20px;
	margin-bottom:20px;
	margin-right:20px;
	margin-left:19px;
}
.portfolio-box-1 .mask{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	background-color:#ffc4b9;
	opacity:0;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.portfolio-box-1 .mask.with-cross{
	background-image:url('../images/big-plus-sign.png');
	background-repeat:no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}
.portfolio-box-1:hover .mask{
	opacity:.9;
}
.portfolio-box-1 h3{
	position:absolute;
	left:25px;
	bottom:40px;
	font-family: 'Bropella';
	font-weight:700;
	font-size: 22px; 
	line-height: 24px;
	text-align:left;
	z-index:3;
	color:#fff;
	opacity:0;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.portfolio-box-1:hover h3{
	left:40px;
	opacity:1;
}
.portfolio-box-1 h3 span{
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size: 10px;
	letter-spacing:2px;
}
.portfolio-box-1 img{
	width:100%;
	display:block;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.portfolio-box-1:hover img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.portfolio-box-2{
	position:relative;
	float:left;
	width: 50% !important;
	display:inline-block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
	margin-left:-1px;
	-webkit-transform: translate3d(1px,0,0);
	transform: translate3d(1px,0,0);
}

@media (max-width: 768px) {
	.portfolio-box-2 {
	  width: 100% !important;
	}
  }
.portfolio-box-2.with-margin{
	width:calc(33.3333333333% - 40px);
	margin-top:20px;
	margin-bottom:20px;
	margin-right:20px;
	margin-left:19px;
}
.portfolio-box-2 .mask{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	background-color:#ffc4b9;
	opacity:0;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.portfolio-box-2 .mask.with-cross{
	background-image:url('../images/big-plus-sign.png');
	background-repeat:no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}
.portfolio-box-2:hover .mask{
	opacity:.9;
}
.portfolio-box-2 h3{
	position:absolute;
	left:25px;
	bottom:40px;
	font-family: 'Bropella';
	font-weight:700;
	font-size: 22px; 
	line-height: 24px;
	text-align:left;
	z-index:3;
	color:#fff;
	opacity:0;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.portfolio-box-2:hover h3{
	left:40px;
	opacity:1;
}
.portfolio-box-2 h3 span{
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size: 10px;
	letter-spacing:2px;
}
.portfolio-box-2 img{
	width:100%;
	display:block;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.portfolio-box-2:hover img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

#portfolio-filter {
	position:relative;
	width:100%;
	text-align: center;
	margin-bottom:30px;
}
#portfolio-filter.image-no-margin {
	padding-bottom:35px;
}
#filter {
	position:relative;
	width:100%;
	text-align: center;
}
#filter li {
	display: inline-block;
	text-align: center;
}
#filter:after {
  content: '';
  display: block;
  clear: both;
}
#filter li a {
	position: relative;
	display: inline-block;
	/*letter-spacing:2px;*/
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Bropella';
	/font-weight:600;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 24px; 
	margin-bottom:5px;
	text-align: center;
	outline: none;
	color: #ffc4b9;
	margin-left:10px;
	margin-right:10px;
	text-decoration: none;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
#filter li .current {
}
#filter li a:hover {
}
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.6s;
       -moz-transition-duration: 0.6s;
            transition-duration: 0.6s;
}
.isotope {
    -webkit-transition-property: height, width;
       -moz-transition-property: height, width;
            transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
       -moz-transition-property:    -moz-transform, opacity;
        -ms-transition-property:     -ms-transform, opacity;
         -o-transition-property:         top, left, opacity;
            transition-property:         transform, opacity;
}

.project-text-box{

	position:relative;
	padding:30px;
	
	background-color:#001A95;


}
.project-text-box h5{
	color:#fff;
	padding-bottom:15px;
	text-align:left;
}
.project-text-box p{
	color:#f9f9f9;
	text-align:left;
	font-style: italic;
	padding-bottom:15px;
}
.project-text-box p:last-child{
	color:#999;
	text-align:left;
	font-style: normal;
	padding-bottom:0;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:1px;
}

.project-next-prev{
	position:relative;
	width:100%;
	overflow:hidden;
	z-index: 5;
}
.project-next-prev:after {
  content: '';
  display: block;
  clear: both;
}
.project-prev{
	position:relative;
	width:50%;
	display:inline-block;
	height:200px;
	float:left;
	background:url('../images/project-left.svg')no-repeat center center;
	background-size:120px 120px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.project-prev .text,
.project-next .text{
	position:absolute;
	font-weight:700;
	font-family: 'Bropella';
	letter-spacing: 0.5px;
	width:100%;
	left:0;
	top:120%;
	margin-top:-28px;
	font-size:22px;
	line-height:28px;
	text-align:center;
	color:#212121;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.project-prev:hover .text,
.project-next:hover .text{
	top:50%;
}
.project-prev .text span,
.project-next .text span{
	font-weight:400;
	font-size: 10px;
	color:#747474;
	line-height:28px;
	letter-spacing:3px;
	text-transform: uppercase;
}
.project-prev:hover{
	background-position:center -100%;
}
.project-next{
	position:relative;
	width:50%;
	display:inline-block;
	height:200px;
	float:left;
	background:url('../images/project-right.svg')no-repeat center center;
	background-size:120px 120px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.project-next:hover{
	background-position:center -100%;
}

 
/* #Home Slider
================================================== */
 
#owl-top {
	position:relative;
	width:100%;
	margin:0 auto;
	height: 100vh;
}
#owl-top .item{
	position:relative;
	width:100%;
	height: 100vh;
	margin:0 auto;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	z-index:2;
}
#owl-top .item.top-image-1{
	background-image:url('../images/home1.jpg');
}
#owl-top .item.top-image-2{
	background-image:url('../images/home2.jpg');
}
#owl-top .item.top-image-3{
	background-image:url('../images/home3.jpg');
}
#owl-top .item.top-image-4{
	background-image:url('../images/home4.jpg');
}
#owl-top .item.top-image-5{
	background-image:url('../images/home5.gif');
}
#owl-top .item.top-image-6{
	background-image:url('../images/home6.jpg');
}


#owl-top.owl-theme .owl-controls .owl-buttons .owl-prev{
	background-image:url('../images/arrow-left.png');
	margin-left:-32px;
}
#owl-top.owl-theme .owl-controls .owl-buttons .owl-next{
	background-image:url('../images/arrow-right.png');
	margin-left:2px;
}
#owl-top.owl-theme .owl-controls .owl-buttons .owl-next,
#owl-top.owl-theme .owl-controls .owl-buttons .owl-prev{
	position:absolute;
	top:50%;
	width:30px;
	height:30px;
	left:50%;
	z-index:100;
	margin-top:150px;
	text-indent: 100%;
	background-size:7px 14px;
	background-repeat: no-repeat;
	background-position:center center;
	background-color:rgba(255,255,255,.7);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
#owl-top.owl-theme .owl-controls .owl-buttons .owl-next:hover,
#owl-top.owl-theme .owl-controls .owl-buttons .owl-prev:hover{
	background-color:rgba(255,255,255,1);
}

/* #Home HTML Video
================================================== */
 
#poster_background { 
	position: absolute; 
	bottom: 0; 
	left: 0;
	top:0;
	right:0;
	background:url('../images/bg.png')no-repeat center center;
	background-size:cover;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden;
}

video#video_background { 
	position: absolute;
	top:50%;
	left:50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 2;
	overflow: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
@media only screen and (max-width: 450px) {
	video#video_background { 
		position: absolute;
		top:50%;
		left:50%;
		width: auto;
		height: 100%;
		z-index: 2;
		overflow: hidden;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}
	}
#video-wrap{ 
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 2;
	overflow: hidden;
}

/* #Elements
================================================== */ 


.columns-block {
	position:relative;
	width:100%;
	background:#f4f4f4;
	height:50px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
} 
.columns-block:hover {
	background:#000;
}
.columns-block p{
	line-height:50px;
	font-size:11px;
	text-align:center;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.columns-block:hover p{
	color:#fff;
} 

.pricing-item{
	position:relative;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid rgba(100,100,100,.2);
	padding:40px;
	margin:0 auto;
	text-align:center;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
}
.pricing-item:hover{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.pricing-item.popular{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.pricing-item h6{
	text-align:center;
	padding-bottom:15px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.pricing-item p{
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
    text-transform: uppercase;
	letter-spacing:2px;
	font-size: 12px;
	color:#626262;
}
.pricing-item p span{
	font-weight:800;
}
.pricing-item .number-price{
	position:relative;
	width:100%;
	font-family: 'Open Sans', sans-serif;
	font-weight:100;
	font-size: 44px;
	line-height:44px;
	color:#323232;
	text-align:center;
	padding-bottom:17px;
}
.pricing-item .number-price span{
	font-family: 'FontAwesome';
	font-size: 22px;
	line-height:62px;
	vertical-align:super;
	font-weight:400;
	padding-right:8px;
}
.pricing-item .number-price span:last-child{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height:54px;
	vertical-align:-1%;
	font-weight:600;
	padding-right:0;
	padding-left:5px;
}
.pricing-item a.price-link{
	position:relative;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	padding-top:8px;
	padding-bottom:8px;
	width:130px;
	margin:0 auto;
	margin-top:22px;
    text-transform: uppercase;
	letter-spacing:2px;
	display:block;
	background:#111111;
	border-radius:30px;
	font-size: 11px;
	color:#fff;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.pricing-item a.price-link:hover{
	color:#fff;
}


.services-list.services-box{
	padding:30px;
	background:#f9f9f9;
}

.services-list{ 
	position:relative;
	width:100%;
	margin:0 auto;
	border-radius:3px;
}
.services-list .icons{ 
    font-family: 'et-line';
	width:100%;
	text-align:center;
	color:#212121;
	font-size:30px;
	line-height:30px;
	padding-bottom:20px;
}
.services-list h6{ 
	padding-bottom:15px;
	text-align:center;
}
.services-list p{ 
	text-align:center;
	font-style: italic;
}


p.justify{
	text-align:justify;
}
.gu-box{
	position:relative;
	width:100%;
	border-left:2px solid #bababa;
	padding-bottom:20px;
}
.gu-box.float-quotes{
	float:right;
	max-width:440px;
	margin-left:30px;
}
.gu-box p{
	color:#000;
	padding-left:30px;
	padding-top:20px;
	padding-bottom:20px;
	letter-spacing:2px;
	font-size: 16px;
	line-height:28px;
}
.gu-box span{
	color:#999999;
	padding-left:30px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	letter-spacing:3px;
	font-size: 12px;
	line-height:20px;
}
.gu-box.margin-gu{
	margin-top:20px;
	margin-bottom:20px;
}


.alert{
	position: relative; 
	width: 100%;
	overflow:hidden;
	padding:20px;
}
.alert p{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size: 10px;
	line-height:18px;
	color:#212121;
	text-transform: uppercase;
	letter-spacing:1px;
} 
.alert p span{
	font-size: 12px;
	font-family: 'FontAwesome';
	padding-right:15px;
}  
.alert.alert-green{
	background-color:#c5ebd4;
	border-left:3px solid #8cd7aa;
} 
.alert.alert-red{
	background-color:#ffcccb;
	border-left:3px solid #ff817f;
} 
.alert.alert-blue{
	background-color:#b9dff4;
	border-left:3px solid #77c1ea;
}   
.alert.alert-yelow{
	background-color:#fce1b6;
	border-left:3px solid #f9c36d;
}    
.alert.alert-blank{
	background-color:#eeeeee;
	border-left:3px solid #ccc;
}   
.alert.alert-blank-2{
	background-color:#333333;
	border-left:3px solid #111;
}  
.alert.alert-blank-2 p{
	color:#fff;
}


.counter-wrap{
	position:relative;
	width:100%;
	margin:0 auto;
	z-index:10;
}	
.counter-numb{
	position:relative;
	width:100%;
	margin:0 auto;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size: 30px;
	line-height:30px;
	letter-spacing:4px;
	color:#060606;
	padding-bottom:10px;
}
.counter-line{
	position:relative;
	width:20px;
	margin:0 auto;
	text-align:center;
	height:2px;
	margin-top:10px;
	margin-bottom:10px;
}	
.counter-wrap h6{
	text-align:center;
	padding-top:10px;
	padding-bottom:0;
}

/* #Footer
================================================== */
 
.dark-back {
	background-color:#212121;
}
.arrow-up-footer {
	position:relative;
	width:30px;
	height:30px;
	margin:0 auto;
	text-align:center;
	background-image:url('../images/up-arrow.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 30px 16px;
}
.left-footer p{
	text-align:left;
	font-size:14px;
	line-height:20px;
	font-family: 'Bropella';
	color: #071B95;
	letter-spacing:1px;
}
.right-footer p{
	text-align:right;
	font-size:14px;
	line-height:20px;
	font-family: 'Bropella';
	text-decoration: none;
	color: #071B95;
	letter-spacing:1px;
}
.right-footer a{
	text-align:right;
	font-size:16pt;
	line-height:20px;
	font-family: 'FontAwesome';
	text-decoration: none;
	color: #071B95;
	letter-spacing:1px;
}



 
/* #Media Queries
================================================== */



@media only screen and (max-width: 1400px) {
.portfolio-box-1{
	width:50%;
}
.portfolio-box-1.with-margin{
	width:calc(50% - 40px);
}
}

@media only screen and (max-width: 1200px) {
.home-text-sec h1{
	font-size: 50px;
	line-height:80px;
	letter-spacing:-1px;
}
.home-text-sec h3{
	font-size: 30px;
	line-height:60px;
}
.home-text-sec p{
	font-size: 10px;
	line-height:17px;
	letter-spacing:1px;
}
.home-text-sec p span{
	padding:6px 15px;
}
.about-half,
.about-quarter-1,
.about-quarter-2{
	width:100%;
	min-height:auto;
	padding-top:70px;
	padding-bottom:70px;
}
.about-text-in{
	position:relative;
	top:auto;
	left:auto;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
}

@media only screen and (max-width: 1000px) {
#owl-top.owl-theme .owl-controls .owl-buttons .owl-next,
#owl-top.owl-theme .owl-controls .owl-buttons .owl-prev{
	margin-top:70px;
}
}

@media only screen and (max-width: 800px) {
#royal_preloader.royal_preloader_scale_text .royal_preloader_loader {
    height: 22px;
    line-height: 22px;
    font-size: 22px;
}
.portfolio-box-1{
	width:100%;
}
.portfolio-box-1.with-margin{
	width:calc(100% - 40px);
}
.home-text-sec h1{
	font-size: 30px;
	line-height:50px;
	letter-spacing:0;
}
.home-text-sec h3{
	font-size: 20px;
	line-height:50px;
}
.home-text-sec p{
	font-size: 9px;
	line-height:16px;
	letter-spacing:1px;
}
.home-text-sec p span{
	padding:4px 10px;
}
.blog-page-post h5 {
	margin-top:-10px;
}
.blog-page-post:hover h5 {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.blog-page-post p {
	display:none;
}
.blog-page-post .blog-post-author {
	display:none;
}
}

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

@media only screen and (min-width: 1200px) and (max-width: 1319px) {
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.left-footer p,
.right-footer p{
	text-align:center;
}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.left-footer p,
.right-footer p{
	text-align:center;
}
}

@media only screen and (max-width: 319px) {
.left-footer p,
.right-footer p{
	text-align:center;
}
}




/* #Font-Face
================================================== */


@font-face {
    font-family: 'et-line';
    src: url('font/et-line.eot');
    src: url('font/et-line.eot?#iefix') format('embedded-opentype'),
         url('font/et-line.woff') format('woff'),
         url('font/et-line.ttf') format('truetype'),
         url('font/et-line.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}