/* ==== Google font ==== */
@import url('http://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700|Open+Sans:300,400,600,700');
/* === fontawesome === */
@import url('font-awesome.css');

/* ==== overwrite bootstrap standard ==== */
@import url('overwrite.css');
@import url('animate.css');


body {
	font-family:'Open Sans', Arial, sans-serif;
	font-size:14px;
	font-weight:300;
	line-height:1.6em;
	color:#fff;
	background-color:#fff;
}

.spacer			{ height: 100px; }
.spacer-large	{ height: 60px;  }
.spacer-medium	{ height: 30px;  }
.spacer-small	{ height: 25px;  }
.spacer-tiny	{ height: 12px;  }

.text-thin		 	{ font-weight: 100; }
.text-extra-light	{ font-weight: 200; }
.text-light		 	{ font-weight: 300; }
.text-normal 	 	{ font-weight: 400; }
.text-medium 	 	{ font-weight: 500; }
.text-bold		 	{ font-weight: 600; }
.text-ultra-bold 	{ font-weight: 900; }

h6 { font-size: 15px; }

a:hover {
	text-decoration:none;	
}

.navbar-default {
	background-color: #fff;
	border-radius:0;
	border-right:0;
	border-left:0;
	border-top:0;	
}

.navbar-header {
	padding-top: 50px;
	/*padding-left: 45px;*/
	padding-bottom: 30px;
}

.header{
	margin-top: 0px;
}


.container-fluid > .navbar-header {
	margin-right: 30px;
	margin-left: 10px;
	margin-top: 20px;
	border-radius:0;
}
.navbar-brand {
  float: left;
  height: 30px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  padding-top: 50px;
}

.navbar-brand h1 {
	float: left;
	line-height:20px;
	padding: 20px;
	font-size: 30px;
	margin-top:-23px;
	color:#53bbbf;		
}
.navbar-brand h1:hover {
  background-color:#fff;
}

.main-header .sub {
	background-image: url(../img/connects1.png);
    background-position: right;
    background-repeat: no-repeat;
	
			}

.menu {
	font-size:14px;
	float: center;
	text-transform:uppercase;
	font-weight:500;	
	width: 100%;
	
			
	}
/*
.menu ul.navbar-nav li {
	color:#000;	
}

.navbar-nav {
  border-bottom: 0;
}
.navbar-nav > li {
  float: left;
  margin-bottom: 0;
}
.navbar-nav > li > a {
	margin-top:10px;
	margin-bottom:19px;
	margin-right: 28px;
	line-height: 1.42857143;
	border-bottom: 3px solid transparent;
	border-radius:0;
	color:#000;
	border-top:0;
	border-right:0;
	border-left:0;	
}

.navbar-nav> li > a:hover {
  border-color: #eee #eee #53bbbf;
  color: #53bbbf;
  border-radius:0;
  background-color:transparent;
}
.navbar-nav > li.active > a,
.navbar-nav > li.active > a:hover,
.navbar-nav > li.active > a:focus {
  color: #53bbbf;
  cursor: default;
  background-color: transparent;
  border: 0;
  border-bottom-color: transparent;
  cursor:pointer;  
  border-bottom: 3px solid  #53bbbf;
}
*/


/* Main Menu Styles Starts */
.btn-navbar {
	padding-top: 0px;
	padding-bottom: 0px;
}

.main-menu {
	margin-bottom: 0;
	padding-top: 4px;
	padding-bottom: 0px;
	background-color: #fff;
	border: none;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background-color: #f9f9f9;
}
	.main-menu .navbar-toggle {
		color: #323946;
		font-size: 16px;
	}
	.main-menu .navbar-toggle:hover {
	}
	.main-menu .navbar-toggle:focus {
		outline: none;
	}
	.main-menu .navbar-toggle:hover, 
	.main-menu .navbar-toggle:focus {
		color: #007cb5;
		background-color: #fff;		
	}
		.main-menu .navbar-nav > li > a {
			margin-top:0px;
			margin-bottom: 0px;
			margin-right: 0px;
			margin-left: 0px;
			line-height: 1.42857143;
			border-bottom: 3px solid transparent;
			border-radius:0;
			color:#000;
			border-top:0;
			border-right:0;
			border-left:0;	
			float: center;
			width: 100%;
		}
			.main-menu .navbar-nav > li > a .fa {
				margin-left: 5px;
			}
		.main-menu .navbar-nav > li:hover > a, 
		.main-menu .navbar-nav > li > a:hover, 
		.main-menu .navbar-nav > li > a:focus {
		}
		.main-menu .navbar-nav > li.active > a {
			color: #53bbbf;
			  cursor: default;
			  background-color: transparent;
			  border: 0;
			  border-bottom-color: transparent;
			  cursor:pointer;  
			  border-bottom: 3px solid  #53bbbf;			
		}
		.main-menu .navbar-nav > li:hover > a, 
		.main-menu .navbar-nav > li > a:hover, 
		.main-menu .navbar-nav > li > a:focus, 
		.main-menu .navbar-nav > li.active > a {
			color: #53bbbf;
			background-color: transparent;
			cursor:pointer;  
			border-bottom: 3px solid  #53bbbf;
		}
		.main-menu .navbar-nav.navbar-right > li > a {
			padding-left: 14px;
			padding-right: 14px;
			font-size: 18px;
		}
		.main-menu .open .dropdown-menu, 
		.main-menu .dropdown-menu {
			background-color: rgba(255, 255, 255, 0.9);
			padding: 0;
			left: 0;
			border: none;
		}
			.main-menu .dropdown-menu > li > a {
				padding-top: 10px;
				padding-bottom: 10px;
				color: #0a8186;
				font-size: 12px;
			}
			.main-menu .dropdown-menu > li > a:hover,
			.main-menu .dropdown-menu > li > a:focus {
				background-color: #eee;
			}
			.main-menu .dropdown-menu > .active > a, 
			.main-menu .dropdown-menu > .active > a:hover, 
			.main-menu .dropdown-menu > .active > a:focus {
				background-color: #eee;
				color: #0a8186;
			}

		.main-menu .navbar-form .form-control {
			padding-left: 16px;
			padding-right: 12px;
			color: #1b1b1b;
		}
		
		.main-menu .navbar-form .btn {
			padding: 10px 14px;
			color: #007cb5;
		}
		.main-menu .navbar-form .form-control, 
		.main-menu .navbar-form .btn {
			background-color: #ededed;
			border: none;
		}


		.flat, 
		#accordion-faqs .panel {
			-webkit-border-radius: 0;
			   -moz-border-radius: 0;
					border-radius: 0;
		}
		.flat, 
		#accordion-jobs .panel {
			-webkit-border-radius: 0;
			   -moz-border-radius: 0;
					border-radius: 0;
		}
		
		
/* start slides */	

.slides {
	margin-top:-21px;	
	padding-top: 10px;
}

button {
  -webkit-appearance: none;
  padding: 0;	
  background: transparent;
  border: 0;
}

button.btn-primary h2 {
	padding:0;	
}
.btn {
  display: inline-block; 
  margin-bottom: 8;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  background-color: #dddddd;
  border: 1 solid transparent;
  border-radius: 0;
}
.btn-primary {
  color: #fff;
  background-color: #53bbbf;
  border:0;
  margin-bottom:10px;
}
.btn-primary:hover {
	background-color: #31969a;
}

.btn-basic {
  color: #b1b1b1;
  background-color: #eee;
  border:0;
  margin-bottom:10px;
  
}
.btn-basic:hover {
	color: #30b5d8;
	background-color: #e8e8e8;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.10);
}

.contents {
	background-color:#fff;
	padding:50px;
	padding-bottom: 10px;
	text-align:center;
	color:#989898;	
}
.contents p {
	color: #d4d4d4;
	text-transform:uppercase;
}

.contents h2 {	
	font-size:40px;
}

.recent button.btn-primarys h3 {
	padding:10px;
	font-size:30px;	
	text-decoration:0;
	color:#53bbbf;
	margin-top: 0px;
		margin-bottom: 0px;
}

.content {
	margin-top:30px;
}
.align-center {
	text-align:center;
	background-color:#f9f9f9;
	color:#000;
	padding:40px;
	margin-top:;
	margin-bottom:60px;
	border-bottom: 10px solid transparent;
	border-color:#53bbbf;
	/* box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); */
}


.align-center1 {
	text-align:center;
	background-color:#f9f9f9;
	color:#000;
	padding:;
	margin-top:;
	margin-bottom: 30px;
	border-color:#53bbbf;
	/*  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);*/
}

.reg-form {
	background-color:#f9f9f9;
	color:#737373;
	padding:25px;
	margin-top:;
	margin-bottom:20px;
	border-bottom: 15px solid transparent;
	border-color:#53bbbf;
	
}
.align-center  p {
	margin-top:10px;
	margin-bottom:30px;
}

.icon {
	margin-top:30px;
	margin-bottom:30px;
	color:#53bbbf;
}

.ficon i {
	color:#53bbbf;
}

/* --- About --- */
.row-slider {
	margin-bottom:50px;
}

.thumnails {
	color:#a9a9a9;
	margin-bottom:50px;
	margin-top:30px;
}
.thumnails h4 {
	color:#53bbbf;
	text-align:center;
	margin-bottom:20px;	
}
.thumnails .ficon {
	text-align:center;
}
.company {
	color:#000;	
}
.responsive-slider .slides ul li .slide-bodys  img {
  max-width: 100%;
  padding-top: 55px;
}

.slide-bodys {
	margin-top:55px;
	margin-bottom:30px;	
	padding-top: 55px;
}
section.portfolio {
	margin-top:50px;
}

.box2 {
	margin-top:30px;
	margin-bottom:50px;
}

/* all text */

.text {
	 text-align: justify;
}
.page-par{
  padding-bottom: 9px;
  margin: 20px 0 20px;
 }

.text h3,p, th, td {
	color:#000;
	padding:0px;
 }
 
 .text h4 {
	color:#000;
	padding:0px;
	border-left: 5px solid #53bbbf; 
	text-indent: 10px;
 }

/* --- Blog --- */
/*
.page-header {
  padding-bottom: 9px;
  margin: 20px 0 20px;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
}
*/
.blog h5 {
	color:#000;
	margin-left:20px;
	text-transform:uppercase;
	margin-top:10px;
}
.blog img {
	margin-top:10px;
	margin-bottom:10px;	
}

.blog h3,p {
	color:#000;
	padding:0px;
}
.blog .ficon {
	text-align:center;
	margin-bottom:30px;
}
.form-search .form-control {
	margin-top:20px;	
}

.media h4 {
	color:#000;
	margin-bottom:30px;
}
.media-body .ficon {
	float:right;
	margin-right:30px;
}
.media-body h4 {
	color:#000;

}
.media-list {
  padding-left: 0;
  list-style: none;
  margin-left:90px;
  margin-bottom:20px;
}

.panel {
  margin-top:20px;
  margin-bottom: 0px;
  background-color: #fff;
  border:#eee 1px solid transparent;
  border-radius: 0;
   -webkit-box-shadow: none;
          box-shadow: none;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  text-align:center; 
}

.panel-default {
  border-color: #eee;
  border-bottom-color:#eee;
}
.panel-default > .panel-heading {
  color: #fff;
  background-color: #30b5d8;
  border-color: #eee;
}
 
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #eee;
   border-bottom-color:#eee;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #eee;
}


.panel-heading1 {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  text-align:left; 
}
.panel-default1 > .panel-heading1 {
  color: #53bbbf;
  background-color: #eee;
  border-color: #eee;  
  }
.panel-default1 {
  border-color: #eee;
  border-bottom-color:#eee;
}
.panel-default1 > .panel-heading1 + .panel-collapse > .panel-body {
  border-top-color: #eee;
  border-bottom-color:#eee;
}
.panel-default1 > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #eee;
}


.title-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  text-align:left; 
}


.list-group {
	margin-top:-80px;
	margin-bottom:30px;
}
.list-group h5 {
	color:#fff;
	text-align:center;
	margin-bottom:-5px;
	background:#53bbbf;
	
	padding:15px 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #eee;
  color:#000;
}
.list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.list-group-item > .badge {
  float: right;
  border-radius:0;
  background-color:#fff;
  color:#000;
}
.popular-tags h5 {
	color:#53bbbf;
	margin-bottom:30px;
	text-align:center;
}
.popular-tags ul.tags {
	list-style:none;
	margin:0;
	margin-left: 0;
	padding-left:0;
	
}
.popular-tags ul.tags li {
	margin:0 5px 15px 0;
	display:inline-block;
}
.popular-tags ul.tags li a {
	background:#eee;
	color:#333;
	padding:5px 10px;
}
.popular-tags ul.tags li a:hover {
	text-decoration:none;
	color:#fff;
	background-color:#53bbbf;
}

/* --- Map --- */
.map{
	position:relative;
	margin-top:20px;
	margin-bottom:40px;
}

.map iframe{
	width:100%;
	height:450px;
	border:none;
}

.map-grid iframe{
	width:100%;
	height:350px;
	border:none;
	margin:0 0 -5px 0;
	padding:0;
}

/* --- contact-area --- */

.contact-area  {
	color:#000;
	margin-bottom:30px;
}
.contact-area h4 {
	color:#53bbbf;
}

button.btn-default {
	margin-top:10px;
	margin-bottom:30px;
	background-color:#53bbbf;
	color:#fff;
}
button.btn-default:hover {
	background-color:#eee;
	color:#53bbbf;
}
textarea.form-control {
	border-radius:0;

}

/* --- footer --- */

footer a {
	color:#000;
}

footer a:hover {
	color:#000;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{
	color:#000;
}

footer address {
	line-height:1.6em;
}

footer h5 a:hover, footer a:hover {
	text-decoration:none;
}

ul.social-network {
	list-style:none;
	margin:0;
}

ul.social-network li {
	display:inline;
	margin: 0 5px;
	color:#53bbbf;
}
ul.social-network li a {	
	color:#53bbbf;
}

#sub-footer{
	text-shadow:none;
	color:#000;
	padding:20px;
	padding-top:10px;
	padding-bottom:50px;
	margin:20px 0 0 0;
	background-color:#fff;
	border-bottom: 8px solid  #53bbbf;
}

#sub-footer p{
	margin:0;
	padding:0;
}

#sub-footer span{
	color:#000;
}

.copyright {
	text-align:left;
	font-size:14px;
}
.copyright a {
	color:#53bbbf;
}

#sub-footer ul.social-network {
	float:right;
	font-size:14px;
}

#sub-footer ul.social-network a:hover {
	text-decoration:none;
	color:#31969a;
}


/* --- Heading style --- */

h4.heading {
	font-weight:700;
}

.heading {
	position: relative;
	margin-bottom: 30px;
}

/* --- widgets --- */

.widget {
	padding:20px;

}
.widgetheading {
	width:100%;
	padding:0;
	color:#53bbbf;
	margin-bottom:30px;
}
.widget address{
	color:#000;

}

footer .widgetheading {
	position: relative;
}

footer .widget .social-network {
	position:relative;
}

/* --- flickr --- */
.widget .flickr_badge {
	width:100%;
}
.widget .flickr_badge img { margin: 0 9px 20px 0; }

footer .widget .flickr_badge {
    width: 100%;
}
footer .widget .flickr_badge img {
    margin: 0 9px 20px 0;
}

.flickr_badge img {
    width: 50px;
    height: 50px;
    float: left;
	margin: 0 9px 20px 0;
}

/* --- latest tweet widget --- */

.twitter ul{
	margin-left:0;
	list-style:none;
}

.twitter  img{
    float: left;
    margin-right: 15px;
}
.twitter span.tweet_time{
    display: block;
    padding-bottom: 5px;

}
.twitter li{    
    border-bottom: 1px dashed #efefef;    
    padding-bottom: 20px;
    margin-bottom: 20px;
    list-style: none;
}


.twitter li:last-child{border: none;}


ul.general {
	list-style:none;
	margin-left:0;
}

ul.link-list{
	margin:0;
	padding:0;
	list-style:none;
}

ul.link-list li{
	margin:0;
	padding:2px 0 2px 0;
	list-style:none;
}

footer ul.link-list li a {
	color:#000;
}
footer ul.link-list li a:hover {
	color:#53bbbf;
}

footer .widget ul li a {
	color:#000;
}


/*add ons*/

		.contact-form-wrap{
			  position: relative;
			  z-index: 1;
			  background: #FFFFFF;
			  max-width: 900px;
			  margin: 20px auto auto;
			  padding: 0px;
			  text-align: left;
			 /* box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); */
		}
			
		
		}
		.table1 {
					width: auto; 
					border-style: none; 
					border-width: 0;
					cellspacing: 0;
					cellpadding: 3;
					align: none;
		}
		
		.contact {
					vertical-align: top; 
					font-family: Helvetica, Calibri, Arial, sans-serif; 
					font-style: normal; 
					font-weight: normal; 
					width: 600px; 
					height: auto; 
					padding-top: 20px;
					color: #708090;
		}		
		
		.input-group{
					width: 100%;
					}

/* FAQ's Accordions Styles Starts */

#accordion-faqs {
	margin-top: 0px;
}	
	#accordion-faqs .panel {
		margin-top: 20px;
		border: none;
	}
		#accordion-faqs .panel-default1 {
			padding: 0px 0px;
			background-color: #ddd;
		}
		#accordion-faqs .panel-default1.active {
			background-color: #dbdbdb;
		}
			#accordion-faqs .panel-heading1 {
				font-size: 16px;
			}
			#accordion-faqs .panel-title, 
			#accordion-faqs .panel-title a, 
			#accordion-faqs .panel-title a:hover, 
			#accordion-faqs .panel-title a:focus {
				background-color: #dbdbdb;
				font-weight: normal;
				text-decoration: none;
			}
		#accordion-faqs .panel-heading1.fa {
			margin-top: -12px;
			margin-right: -15px;
			padding: 13px 14px;
			color: #fff;
			background-color: #007cb5;
		}
		#accordion-faqs .panel-body {
			padding: 30px 35px 20px;
			background-color: #fff;
			border: none;
		}					
					
.no-border-radius, 
.flat, 
#accordion-faqs .panel {
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}
.flat, 
#accordion-jobs .panel {
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

.table th{
	background: #c6f2fd;
}

.contact-page-map {
	color: #000000;
}

.list-style-6 {
	margin-top: 25px;
	margin-bottom: 0;
}			
	.list-style-6 li + li {
		margin-top: 40px;
	}
	 .list-style-6 li h6 {
		 margin-top: 0;
		 margin-bottom: 18px;
		 color: #000000;
	 }
		.list-style-6 li h6 .fa {
			margin-right: 10px;
			color: #007cb5;
		}
	.list-style-6 li .progress {
		height: 5px;
		background-color: #c7c7c7;
	}
		.list-style-6 li .progress .progress-bar {
			background-color: #007cb5;
		}
	
	
.img-responsive{
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}


/* Contact echo */

		
	.contact-status1{
		display: none;
	}
	
	.contact-status2 {
		display: none;
	}

	.contact-status3 {
		display: none;
	}
	
	.contact-status4 {
		display: none;
	}
	
	.contact-status5 {
		display: none;
	}
	.contact-status6 {
		display: none;
	}
	
	.contact-status7 {
		display: none;
	}
	
	.contact-status8 {
		display: none;
	}
	
	.contact-status9 {
		display: none;
	}
	
	
	
#root_list  li {
    float: left;
    display: inline;
	font-size:10px;
	color: #808080;
	margin-left: 0px;
}


#header_nav_home a:hover , #header_nav_home a.active_page {
		color: #53bbbf;
		cursor: default;
		background-color: transparent;
		border: 0;
		border-bottom-color: transparent;
		cursor:pointer;  
		border-bottom: 3px solid  #53bbbf;
}

#header_nav_about a:hover , #header_nav_about a.active_page   {
		color: #53bbbf;
		cursor: default;
		background-color: transparent;
		border: 0;
		border-bottom-color: transparent;
		cursor:pointer;  
		border-bottom: 3px solid  #53bbbf;
}

#header_nav_contact a:hover , #header_nav_contact a.active_page   {
		color: #53bbbf;
		cursor: default;
		background-color: transparent;
		border: 0;
		border-bottom-color: transparent;
		cursor:pointer;  
		border-bottom: 3px solid  #53bbbf;
}


#header_nav_formtop top{
		color: #53bbbf;
		cursor: default;
		background-color: transparent;
		border: 0;
		border-bottom-color: transparent;
		cursor:pointer;  
		border-bottom: 3px solid  #53bbbf;
}

#header_nav_form a:hover , #header_nav_form a.active_page   {
		background-color: #eee;
		color: #0a8186;
}

/* dropdown automatic */

.dropdown ul {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  overflow: hidden;
}
.dropdown li {
  height: 0;
  overflow: hidden;
  transition: all 500ms;
}
.dropdown.hover li {
  transition-delay: 300ms;
}
.dropdown li:first-child a {
  border-radius: 2px 2px 0 0;
}
.dropdown li:last-child a {
  border-radius: 0 0 2px 2px;
}
.dropdown li:first-child a::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
 /* border-bottom: 10px solid #FFF; */
  margin: -10px 0 0 30px;
}
.dropdown.hover:hover li, .dropdown.toggle > input:checked ~ ul li {          
  height: 40px;
}
.dropdown.hover:hover li:first-child, .dropdown.toggle > input:checked ~ ul li:first-child {
  padding-top: 0px;
}


/* picture hover */

figure {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	background: transparent;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}
/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/* Zoom In #2 */
.hover02 figure img {
	width: 300px;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover02 figure:hover img {
	width: 350px;
}

/* Zoom Out #1 */
.hover03 figure img {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover03 figure:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* Zoom Out #2 */
.hover04 figure img {
	width: 400px;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover04 figure:hover img {
	width: 300px;
}

/* Slide */
.hover05 figure img {
	margin-left: 30px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover05 figure:hover img {
	margin-left: 0;
}

/* Rotate */
.hover06 figure img {
	-webkit-transform: rotate(15deg) scale(1.4);
	transform: rotate(15deg) scale(1.4);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover06 figure:hover img {
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
}

/* Blur */
.hover07 figure img {
	-webkit-filter: blur(3px);
	filter: blur(3px);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover07 figure:hover img {
	-webkit-filter: blur(0);
	filter: blur(0);
}

/* Gray Scale */
.hover08 figure img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover08 figure:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

/* Sepia */
.hover09 figure img {
	-webkit-filter: sepia(100%);
	filter: sepia(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover09 figure:hover img {
	-webkit-filter: sepia(0);
	filter: sepia(0);
}

/* Blur + Gray Scale */
.hover10 figure img {
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover10 figure:hover img {
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}

/* Opacity #1 */
.hover11 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover11 figure:hover img {
	opacity: .5;
}

/* Opacity #2 */
.hover12 figure {
	background: #84daff;
}
.hover12 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover12 figure:hover img {
	opacity: .5;
}

/* Flashing */
.hover13 figure:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

/* Shine */
.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

/* Circle */
.hover15 figure {
	position: relative;
}
.hover15 figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover15 figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

.margin-b-30 p{
	text-align: justify;
	margin-bottom: 30px;
}

.section-seperator {
	    border-bottom: 3px dotted #edf0f2;
		padding-top: 30px;
		padding-bottom: 30px;
}

.dt {
    display: block;
}

.instruction {
	background-color: #f1f5f9;
	padding-top: 20px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
}