/* Global */

html, body
{
    height: 100%;
}

body {
	font-family: 'Montserrat', sans-serif;
    font-weight: 300;
	font-size: 1.0em;
	line-height:2.0em;
	color: #666666;
	overflow-x:hidden;
}

::selection {
	background: #f14833;
	color:#fff;
}
::-moz-selection {
	background: #f14833; /* Firefox */
	color:#fff;
}
img {
	max-width: 100%;
}
a:link {
	text-decoration: underline dotted;
	color: #5E5059;
}
a:hover {
	color:#f14833;
    text-decoration: underline;
}
a:visited {
	color: #f14833;
}

.fright{float:right;
}
.fleft{float:left;
}

.overflow_hidden {overflow-x:hidden;}

/* Navigation */
#undefined-sticky-wrapper {position:relative;height:0 !important;}
.menu {
	position:absolute;
	bottom:0;
	width:100%;
	height:80px;
	background:#222222;
	/* background:url(../images/nav-bg.png) left bottom repeat-x; */
	z-index:9999;
}
#logo {
	margin:0 auto 10px;
}

.aboutme{
    color:#ffffff;
    font-size: 1.5em;
}
.project-name{
    color: #f14833;
    font-size: 1.5em;
    font-weight: 500;
}
.bulleted-list{
    
    margin-left: 20px;
    margin-bottom: 1.5em;
    list-style: circle;
}
div.image-container{
    margin-bottom: 2.0em;
    display: block;
    vertical-align: top;
    
}
div.image-container div{
    margin-right: 30px;
    display: inline;
    vertical-align: top;
	border: 1px #848484 thin;
	border-radius: 20px;
	
}
    div.image-container div:last-child{
        margin-right: 0px;
    }
#nav {
	text-align: right;
}
.navigation{
	list-style: none;
	margin: 0;
}
ul.navigation {
	overflow-x:hidden;
	position:relative;
	text-align:center;
	margin:0 auto;
	padding:0;
}
.navigation li{
	display:inline-block;
	text-align:center;
	width:120px;
	padding:28px 0 12px;
	margin:0 -2.5px;
	text-transform:none;
	background:none;
	border-bottom:1px solid #393939;
	font-weight:300;
	font-size:1.2em;
	line-height:20px;
	color:#a3a3a3;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.navigation li:hover,
.navigation .active {
	cursor:pointer;
	color:#fff;
}

/* __ LavaLamp __ */
.effect {
	position: absolute;
	left: -140px;
	transition: 0.5s ease-in-out;
}
.navigation li:nth-child(1):hover ~ .effect {
	left: 320px;
}
.navigation li:nth-child(2):hover ~ .effect {
	left: 440px;  
}
.navigation li:nth-child(3):hover ~ .effect {
	left: 550px; 
}
.navigation li:nth-child(4):hover ~ .effect {
	left: 620px; 
}
.navigation li:nth-child(5):hover ~ .effect {
	left: 680px; 
}
.navigation li:nth-child(6):hover ~ .effect {
	left: 675px; 
}
.navigation li:nth-child(7):hover ~ .effect {
	left: 795px; 
}

.ph-line-nav .effect {
	position:relative;
	z-index:100;
	width: 128px;
	height: 10px;
	bottom: 5px;
	background: url(../images/menu_effect.png) no-repeat;
	margin-left:0;
}

/* _ //LavaLamp _ */

.btn_dropdown {
	display:none;
	cursor:pointer;
	background:#fff;
	margin:20px 30px 0 0;
	width:130px;
	height:36px;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:18px;
	line-height:36px;
	color:#3e3e3e;
	border-radius:5px;
}
.btn_dropdown:hover {color:#3e3e3e;}

/* Slides IDs common styles */
#slide1, #slide2, #slide4, #slide6, #slide8, #slide10, #slide12{
	width:100%;
	height:auto;
	}
	#slide1, #slide2, #slide4, #slide6, #slide8, #slide10{min-height:100%;}
#slide2, #slide4, #slide6, #slide8, #slide10, #slide12{
	padding:86px 0 69px;	
	}	

/* General Slides */ 

.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	position: relative;
	padding:0;
	z-index:12;
	overflow:hidden;
}

h2 {
	display:block;
	margin:0 0 23px;
	padding:0;
	text-transform:none;
	text-align:left;
	font-style:normal;
	border-bottom:1px solid #e0e0e0;
    font-weight: 200;
	font-size: 60px;
	line-height: 82px;
	color:#343434;
	font-weight: 300;
}

h3.special {
	margin:0;
	padding:20px 0 20px 0;
	text-transform:uppercase;
	font-weight:800;
	font-size:32px;
	font-style:normal;
	line-height:36px;
	color:#3e3e3e;
}
.popup > h4{
	padding:0;
	margin-bottom: 15px;
	}

h3,h4 {
	margin:0;
	padding:0 0 15px;
	text-transform:none;
	text-align:left;
	font-weight:300;
	font-size:32px;
	font-style:normal;
	line-height:36px;
    color: #1a1a1a;
}
h5 {
	margin:0;
	padding:0 0 15px;
	text-transform:none;
	text-align:left;
	font-weight:300;
	font-size:24px;
	font-style:normal;
	line-height:24px;
	color:#222;
}
h6 {
	margin:0;
	padding:0 0 15px;
	text-transform:none;
	text-align:left;
	font-weight:300;
	font-size:18px;
	font-style:normal;
	line-height:18px;
	color:#222;
}
img.icon_img {
	float:left;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:25px;
}

.effect_2 {
	background:url(../images/effect_2.png) repeat left top;
	position:relative;
	top:0;
	bottom:-57px;
	height:100%;
	z-index:999 !important;
}

/* ________ Slide 1 ________ */ 

.padding_slide1 {padding:241px 0 101px 0;
}

.inset_shadow {
	position:absolute;
	z-index:10;
	left:0;
	right:0;
	top:0;
	bottom:76px;
	box-shadow:0 0 60px rgba(0,0,0, 0.7) inset;
}

#slide1{
	/*  background-image: url(../images/colorful-triangles-background.jpg);
    background-image: url("../images/bg/glenn-carstens-peters-npxXWgQ33ZQ-unsplash.jpg"); */
    background-image: url("../images/bg/pexels-jessica-lewis-creative-998586.jpg");
	background-position: 0 0 !important;
/*	background-size: cover !important;
*/	text-align:center;
}

.filtr_bg {text-align:center;
}

#slide1 h1 {
	float:none;
	display:block;
	border-right:none;
	margin:0;
	padding:0;
	text-align:center;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-size: 60px;
	line-height: 110px;
	color:#fff;
	font-weight:800;
	text-shadow:5px 3px 6px rgba(0,0,0,0.26);
}
#slide1 h2 {
    border-bottom: none!important;
	float:none;
	display:block;
	border-right:none;
	margin:0;
	padding:0;
	text-align:center;
	text-transform:none;
	font-style:italic;
	font-size: 32px;
	line-height: 46px;
	color:#fff;
	font-weight:300;
	text-shadow:5px 3px 6px rgba(0,0,0,0.26);
}

.slogan_text {
	display:inline-block;
	padding:0 10px;
	text-transform:none;
	font-style:italic;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:30px;
	line-height:42px;
	color:#fff;
}
.left_bord, .right_bord {
	display:inline-block;
	margin:0 0 10px;
	background:#fff;
	height:1px;
	width:96px;
}


#slide1 .button {
	position:relative;
	z-index:9999;
	cursor:pointer;
	display:block;
	margin:70px auto 0;
	width:49px;
	height:57px;
	border:none;
	text-transform:uppercase;
	background:url(../images/button_down.png) no-repeat;
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
}
#slide1 .button:hover {
	margin:72px auto 0;
	-webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}



/* ________ Slide 2 ________ */ 

#slide2 {
	background:url(../images/slide2_bg.jpg) repeat left top;
}

.det_inf {margin-bottom:24px;
}
.det_inf li {margin-bottom:15px;
}
.det_inf li a  {
	color:#595959;
}
.det_inf li a:hover{
	color:#f14833;
}
/*   

li.phone {
	background:url(../images/inf_icon.png) no-repeat 0 0;
	padding-left:44px;
}
li.address {
	background:url(../images/inf_icon.png) no-repeat 0 -99px;
	padding-left:44px;
}
li.mail {
	background:url(../images/inf_icon.png) no-repeat 0 -184px;
	padding-left:44px;
}
li.site {
	background:url(../images/inf_icon.png) no-repeat 0 -262px;
	padding-left:44px;
}
li.resume {
	background:url(../images/inf_icon.png) no-repeat 0 -360px;
	padding-left:44px;
}
*/
li.phone {
	background:url("../images/Other/telephone-call.png") no-repeat 0 0;
	padding-left:50px;
}
li.address {
	background:url("../images/Other/location.png") no-repeat 0 0;
	padding-left:50px;
}
li.mail {
	background:url("../images/Other/mail.png") no-repeat 0 0;
	padding-left:50px;
}
li.site {
	background:url("../images/Other/globalization.png") no-repeat 0 0;
	padding-left:50px;
}
li.resume {
	background:url("../images/Other/pdf.png") no-repeat 0 0;
	padding-left:50px;
}







/* ___________ tweets ___________ */

.tweet {
}

ul.tweets li {
	text-indent:30px;
	margin-bottom:15px;
	color: #595959;
	background:url(../images/twitter.png) no-repeat left top;
	font-style:italic;
}
.sedebar ul.tweets li {
}
ul.tweets li a {
	padding-left:5px;
	font-style:italic;
	color:#f14833;
}
ul.tweets li a:hover {text-decoration:underline;
}

.tweet_time{display:block; font-size:0.80em; font-style:italic; }
.tweet_time > a,
.tweet_text > a{ color:#595959;}

/* This is to remove the tweet time */
.tweet_time > a{display:none;}

.tweet_time > a:hover,
.tweet_text > a:hover{ color:#f14833;}


.tweet_list li{margin-bottom:15px;}

/* ________ end tweets ___________ */

/* _______ //Slide 2 _______ */ 





/* ________ Slide 4 ________ */ 

#slide4 {
	background:url(../images/slide4_bg.jpg) repeat left top;
}
#slide4 h2 {
	color:#b8b8b8;
	border-bottom:1px solid #3b3b3b;
}

#slide4 p{ color: #a3a3a3;}


#userExperience > h5 {color:#f07160;} /* Check this color */


/* ____________ EXPERTISE_BLOCK ___________ */
.exp_block {
	display:block;
	position:relative;
	text-align:center;
	
}

.icon_bord_oct {
	position:relative;
	z-index:10;
	top:0;
	left:50%;
	margin-left:-51px;
	width:105px;
	height:105px;
}

.icon1, .icon1_h {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
}

.exp_block .icon1 {
	transition: all 0.5s ease-out;
    opacity: 1;
}
.exp_block:hover .icon1 {
	transform: rotate(720deg) scale(0);
    opacity: 0;
}

.exp_block .icon1_h {
	transition: all 0.5s ease-out;
	transform: rotate(720deg) scale(0);
    opacity: 0;
}
.exp_block:hover .icon1_h {
	transform: rotate(720deg) scale(1);
    opacity: 1;
	transition-delay: 0.4s;
}

.exp_block > h3.title {
	font-weight:300;
	font-size:20px;
	line-height:22px;
	color:#a3a3a3;
	padding-top:15px;
	padding-bottom:15px;
	margin-top:0;
	margin-bottom:0;
	text-transform:none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
    text-align: center;
}
.exp_block:hover h3.title {
	color:#f14833;
	transition-delay: 0.7s;
}

.popup{
	background-color:#ffffff;
	padding:20px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkirt-border-radius:8px;
	position:relative;
	max-width:600px;
	max-height:800px;
	}
	.popup > div{
		width:auto;
		height:90%;
		overflow: auto;
		overflow-x: hidden;
		overflow-style: marquee-line;
		position:relative;
		font-size:0.858em;
		padding-right:10px;
	}
.popup > div ul.ux-process{
	list-style:inside;
	margin-bottom:20px;
	}
	.popup > div ul.ux-process li{
		margin-bottom:10px;	
		list-style-image: url(../images/rarrow.png);
		}
		.popup > div ul.ux-process li ul{
			margin-top:10px;
			margin-left:30px;
			list-style-image: url(../images/rarrow.png);
			}
			.popup > div ul.ux-process li ul li{
				margin-bottom:10px;	
				}
				.popup > div ul.ux-process ol{
					margin-left: 30px;
					}
					.popup > div ul.ux-process ol li{
						list-style: decimal;
					}
	



/* ____________ EXPERTISE_BLOCK ___________ */

/* _______ //Slide 4 _______ */ 













/* ________ Slide 8 ________ */ 
#slide8 {
	background:url(../images/slide10_bg.jpg) repeat left top;
}

/* ___ PORTFOLIO __ */
.gallery-list {
	text-align:center;
	/*margin-right:-20px !important;*/
}
#slide8 .hover_img {
	overflow:hidden;
	position:relative;
	height:250px;
	width:250px;
	background:#fff;
}
.img_block {
	display:inline-block;
	margin:0 20px 30px 0;
	width:245px;
	height:100%;
}

.portfolio-img{
	border:4px solid #FFF;
	-webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 0px 4px 1px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 0px 4px 1px rgba(0, 0, 0, 0.5);
	}

.img_block_bg {
	position:absolute;
	z-index:100;
	left:0;
	top:0;
}
.portfolio_zoom, .portfolio_link {
	width:42px;
	height:42px;
	position:absolute;
	z-index:110;
	bottom:45px;
	background-repeat:no-repeat;
	opacity:0.61;
	filter: alpha(opacity=61);
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
}
.portfolio_zoom {
	left:-77px;
	background-image:url(../images/zoom.png);
}
.portfolio_link {
	right:-77px;
	background-image:url(../images/link.png);
}
.portfolio_zoom:hover, .portfolio_link:hover {
	opacity:1;
	filter: alpha(opacity=100);
	z-index:310;
}
.portfolio_zoom a, .portfolio_link a {
	display:block;
	width:42px;
	height:42px;
	text-indent:-9999px;
}

.img_block:hover .portfolio_zoom {left:83px;transition-delay: 0.3s;
}
.img_block:hover .portfolio_link {right:84px;transition-delay: 0.3s;
}

.item_description {
	position:absolute;
	top:-273px;
	width:255px;
	height:260px;
	padding:0;
	background:#f14833;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	text-align:center;
	color:#fff;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.item_description p.title {
	padding:60px 20px 0;
	text-transform:uppercase;
	font-size:16px;
}
.item_description p{
}
.img_block:hover .item_description {
	top:10px;
}
.img_block .portf_img {
	position:absolute;
	left:5px;
	top:10px;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.img_block:hover .portf_img {
	position:absolute;
	top:235px;
}



/* __ //PORTFOLIO _ */

/* _______ //Slide 8 _______ */







/* ________ Slide 12 ________ */

#slide12 {
	background:url(../images/slide2_bg.jpg) repeat left top;
	background-position:0 0 !important;
}

/*#slide12 h2 {color:#b8b8b8;border-bottom:1px solid #FBFBFB;
}*/


#slide12 .foto {
	float:left;
	margin:0 20px 20px 0;
	border-radius: 10px;
}

#slide12 h3 {
	margin:0;
	padding-bottom:8px;
	text-transform:none;
	font-size: 32px;
	line-height: 31px;
	font-weight: 300;
	color:#222;
}
#slide12 h4{
	margin:0 0 20px; 
	font-size:1.4em; 
	font-weight:normal;
	color:#f14833!important;	
}

.my_foto {
	float:left;
	position:relative;
	margin:0 15px 10px 0;
	height:auto;
	width:auto;
}
.my_foto img {
	position:absolute;
	left:0;
	top:0;
	z-index:10;
}
.foto {z-index:5 !important;}

.contact_det,
.contact_det a {
	color:#888888;
	line-height:26px;
}
.contact_det a:hover {color:#f14833;}

/*  SOCIALS  */
.socials a {
	display:inline-block;
	width:35px;
	height:33px;
	margin:5px 8px 0;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.social-email, 
.social-skype, 
.social-linkedin, 
.social-twitter{
	background:url(../images/social-media-2.png) no-repeat;
}
.social-email {background-position:0 0;}
.social-skype {background-position:-45px 0;}
.social-linkedin {background-position:-88px 0;}
.social-twitter {background-position:-131px 0;}
	.social-email:hover {background-position:0 -34px;}
	.social-skype:hover {background-position:-45px -34px;}
	.social-linkedin:hover {background-position:-88px -34px;}
	.social-twitter:hover {background-position:-131px -34px;}

/* _____________ //SOCIALS _____________ */


.skype,.linkedin,.twitter{
    display: inline;
    width:40px;
    height: 40px;
    margin: 5px 8px 0;
}

.skype{background:url("../images/Other/skype.png") no-repeat;}
.linkedin{background:url("../images/Other/linkedin.png") no-repeat;}
.twitter{background:url("../images/Other/twitter.png") no-repeat;}

/* ________ //Slide 12 ________ */

/* ________ FOOTER ________ */
#footer {
	position:relative;
	z-index:12;
	background:#343434;
	padding:27px 0 200px 0;
	height:auto;
}
.copyright {
	float:left;
	text-transform:uppercase;
	font-weight:400;
	color:#FFF;
}
.copyright a {
	color:#f14833;
}
.copyright a:hover {text-decoration:none;color:#fff;
}

/* _____________ BACK_TOP ___________ */
#back_top {
	float:right;
}
#back_top a.button {
	cursor:pointer;
	position:relative;
	z-index:300;
	display:block;
	margin:0;
	width:30px;
	height:30px;
	background:url(../images/back_top.png) 0 0 no-repeat;
	text-transform:uppercase;
	font-weight:400;
	color:#fff;
}
#back_top a.button:hover {
	text-decoration:none;
	background:url(../images/back_top.png) 0 -32px no-repeat;
	}
/* ____________ //BACK_TOP __________ */

/* _______ //FOOTER _______ */

button.close{
	position:absolute;
	width:30px;
	height:30px;
	top:-10px;
	right:-10px;
	background-image: url('/images/close.png');
	background-repeat: no-repeat;
	background-position: center  0;
	border:none;
	font-size:0;
	}
#password-page{
    background-image: url("/images/lum3n--RBuQ2PK_L8-unsplash.jpg");
    background-position: 0 0 !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    margin: 0;
}
.password-screen{ 
    width: 360px;
    margin: 15% auto auto;
    background-color: #ffffff;
    border: 1px;
    border-style: solid;
    border-color: #FFF;
    border-radius: 10px;
    padding: 20px;
}
.password-screen p.error{color: red;}
.password-form input{
    width:auto; 
    margin-bottom:8px; 
    margin-right: 10px;
    border-radius:5px; 
    border:1px solid #a6a6a6; 
    padding:10px;
}

#contact_form{ position:relative;}
	#contact_form fieldset{ 
		border:1px solid #a6a6a6; 
		padding: 0 30px 30px;
		border-radius:5px;
		}
		#contact_form fieldset legend{
			text-transform:none;
			font-size: 1.0em;
			font-style: italic;
			line-height: 31px;
			font-weight: 300;
			padding-bottom:5px;
			}
			#contact_form fieldset label{ display:block; padding-bottom:5px;}
			#contact_form fieldset label.error {
				margin-bottom:1em;
				color:#c0392b;
			}
            /* Important to add the alert icon in front of error messages */
            label.error::before{
                font-family: "Font Awesome 5 Free";
                content: "\f071 ";
                display: inline-block;
                padding-right: 5px;
                vertical-align: middle;
                font-weight: 900;
            }

			#contact_form fieldset input[type="text"],
			#contact_form fieldset textarea{
				width:96.6%; 
				margin-bottom:8px; 
				border-radius:5px; 
				border:1px solid #a6a6a6; 
				padding:8px;
				}
				#contact_form fieldset input[type="text"]:focus,
				#contact_form fieldset textarea:focus{
					outline:1px solid #f14833;
				}				
				#contact_form fieldset input[type="text"][disabled], #contact_form fieldset textarea[disabled] {
					background:#fff;
					margin-bottom:20px;
				}
				#contact_form fieldset input[type="text"].error, #contact_form fieldset  textarea.error {
					background: #FFE2E2;
					border-color:#c0392b
				}
			#contact_form fieldset .buttons-group{ display:block; margin-top:10px;}
				#contact_form fieldset .buttons-group input[type="submit"],
				#contact_form fieldset .buttons-group input[type="reset"],
				button{ 
					padding:10px 20px;
					width:auto;
					border:none;
					outline:none;
					color:#fff;
					text-transform:capitalize;
					transition: background-color 0.5s ease;
					border-radius:5px;
					-moz-border-radius:5px;
					-webkit-border-radius:5px;
					}
				#contact_form fieldset .buttons-group input[type="submit"], button{
					background-color:#f14833;
					margin-right:5px;
					}
					#contact_form fieldset .buttons-group input[type="submit"]:hover, 
					#contact_form fieldset .buttons-group input[type="reset"]:hover,
					button:hover{
						background-color:#A3200F;
                        color: #FFFFFF;
                        border-color: #A3200F;
						}					
				#contact_form fieldset .buttons-group input[type="reset"]{ 
					border:1px solid #f14833;
                    color: #f14833;
                    background-color: transparent;
					}
.help-text{
    margin-top: -13px;
    font-size: 14px;
    display: block;
    color:#939393;
}
					
					
#success, #error {
    display:none;
	text-align:center;
}
#success span, #error span {
    display:block;
    position:absolute;
    top:0;
    width:100%
}
#success span p, #error span p {
	margin-top:6.0em;
	font-size:1.3em;
	line-height:1.5em;
	font-style:italic;
}
#success span p {
  color: #1A6600;
}
#error span p {
  color:#6B0001;
}
					
					
.required {color:#990000;}

.spaced-list{margin-bottom:15px;}
.spaced-list li{margin-bottom:15px;}
.spaced-list li:last-child{margin-bottom:0;}

/* _______ //Slide 6 _______ */
#slide6, #slide10, #slide14{
	background:url(../images/slide6_bg.jpg) repeat left top;
}
#slide6 h2, #slide10 h2, #slide14 h2 {color:#222;}

#slide6 .exhib_cont,
#slide10 .exhib_cont,
#slide14 .exhib_cont{
	background:#fff;
	border:1px solid #dedede;
/*	color:#8d8d8d;*/
}
#slide6 .exhib_line_center,
#slide14 .exhib_line_center{height:89.2%;}

#slide6 .ux-process li{margin-bottom: 2.0em;}
#slide6 .ux-process li ul li{margin-left: 2.0em;}
#slide6 .ux-process .ux-process-sub-list{
    line-height: 1.0em;
    margin-left: 2.0em;
}

/* _______ //Slide 6 _______ */

/* _______ //Slide 10 _______ */
#slide10 {
	background:url("../images/slide6_bg.jpg") repeat left top;
}
/*
#slide10 h2 {
	color:#b8b8b8;
	border-bottom:1px solid #393939;
}
*/
#slide10 h4 {
	color:#676767;
}
/*
#slide10 .exhib_cont{
	background:#676767;
	border:1px solid #5b5b5b;
	
}
*/
#slide10 .exhib_line_center{height:82.82%;}

#slide10 .exhib_p_top {color:#000000 !important;}



/* _______ //Slide 10 _______ */

/* _____ //exhib_block _____ */
.exhib_block p.position{
    color: #000;
    font-weight: 400;
}
.exhib_block p {
	padding-bottom:9px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	min-height:40px;
}
.exhib_block h3 {
	text-transform:capitalize;
	margin:0;
	padding-top:0;
	padding-bottom:0;
}
.exhib_cont {
	width:420px;
	position:relative;
	padding:13px 20px 9px;
	border-radius:12px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.exhib_cont:hover {
	-webkit-box-shadow: 0 0 16px rgba(0,0,0,0.15);
     -moz-box-shadow: 0 0 16px rgba(0,0,0,0.15);
          box-shadow: 0 0 16px rgba(0,0,0,0.15);
}
.exhib_cont:hover h3{
	color:#f14833;
}
/*
.exhib_cont p.position{
	color:#1a1a1a;
}

.exhib_cont:hover .position{color:#fff;}
.exhib_cont:hover .desc{color:#CFCFCF;}
*/
.exhib_p_top {
	margin-left:80px;
}
.exhib_line_center {
	background:#676767;
	position:absolute;
	left:50%;
	top:12px;
	width:1px;
}
.exhib_block {position:relative;}
.exhib_block .fleft {margin-left:0;}

.exhib_date_right, 
.exhib_date_left, 
.exhib_date_top,
.exhib_title_right, 
.exhib_title_left, 
.exhib_title_top {
	display:block;
	position:absolute;
	line-height:20px;
	color:#f14833;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.exhib_date_top,
.exhib_title_top{
	left:49.5%;
	top:0;
	width:300px;
	text-align:right;
}
.exhib_date_left,
.exhib_title_left {
	width:300px;
	left:-370px;
	top:27px;
	text-align:right;
	padding-right:70px;
}
.exhib_date_right,
.exhib_title_right {
	width:300px;
	right:-370px;
	top:27px;
	text-align:right;
	text-align:left;
	padding-left:70px;
}
.exhib_cont:hover .exhib_date_right, 
.exhib_cont:hover .exhib_date_left, 
.exhib_cont:hover .exhib_date_top,
.exhib_cont:hover .exhib_title_right, 
.exhib_cont:hover .exhib_title_left, 
.exhib_cont:hover .exhib_title_top {
	font-size:1.2em;
}
.exhib_date_top{background:url(../images/exhib_date_top_bg_h.png) no-repeat left center;}
.exhib_date_left{background:url(../images/exhib_date_left_bg.png) no-repeat right center;}
.exhib_date_right{background:url(../images/exhib_date_left_bg_right.png) no-repeat left center;}

.exhib_cont:hover .exhib_date_top{background:url(../images/exhib_date_top_bg_h.png) no-repeat left center;}
.exhib_cont:hover .exhib_date_left{background:url(../images/exhib_date_left_bg_h.png) no-repeat right center;}
.exhib_cont:hover .exhib_date_right{background:url(../images/exhib_date_left_bg_right_h.png) no-repeat left center;}

.exhib_title_top{background:url(../images/exhib_date_top_bg_h.png) no-repeat left center;}
.exhib_title_left{background:url(../images/exhib_date_left_bg.png) no-repeat right center;}
.exhib_title_right{background:url(../images/exhib_date_left_bg_right.png) no-repeat left center;}

.exhib_cont:hover .exhib_title_top {background:url(../images/exhib_date_top_bg_h.png) no-repeat left center;}
.exhib_cont:hover .exhib_title_left {background:url(../images/exhib_date_left_bg_h.png) no-repeat right center;}
.exhib_cont:hover .exhib_title_right {background:url(../images/exhib_date_left_bg_right_h.png) no-repeat left center;}

/* _____ //exhib_block _____ */




/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}