@import url('reset.css');
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,700,600italic,700italic,800,800italic);
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700');
body{font-family: 'Libre Baskerville', serif !important; font-size:}
.text-reflect {position: relative;}
.text-reflect:before, .text-reflect:after {display: block;position: absolute;bottom: -0.5em; left: 0; right: 0;}
.text-reflect:before {content:'';opacity: .3;color:#666;-webkit-transform: scaleY(-1);-moz-transform: scaleY(-1);-o-transform: scaleY(-1);transform: scateY(-1);}
.text-reflect:after {height: 1em;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgb(255,255,255)));
background: -moz-linear-gradient(top, rgba(255,255,255,0), rgb(255,255,255));
background: linear-gradient(top, rgba(255,255,255,0), rgb(255,255,255));
content: ' ';}

/*******sub tilte reflec*******/

a{ 
color:#000; text-decoration:none !important;
-webkit-transition: all .3s .1s;
-moz-transition: all .3s .1s;
-o-transition: all .3s .1s;
transition: all .3s .1s;
			 }
a:hover{ 
color:#ed1b24; text-decoration:none !important;
-webkit-transition: all .3s .1s;
    -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
}

hr{color:#ddd !important;background-color:#ddd !important;height:1px;border:none;}

/*------------------------------------menu----------------------------------------------*/

nav#topmenu {z-index:99;position:relative; font-size:100%; /*font-family:"Times New Roman", Times, serif*/}
nav#topmenu ul {padding:0 50px 0 0;list-style:none; z-index:999; text-align:center;}
nav#topmenu ul li {display:inline-block; z-index:999; padding:0px 0% 5px 0;list-style:none;margin:0;position:relative;}
nav#topmenu ul li:last-child {padding:0px 0% 5px 0}
nav#topmenu ul li a {z-index:99999; color:#000/*ffca22*/; font-weight:600; letter-spacing:0em;outline:0;text-decoration:none;display:block;padding:65px 25px 15px 25px;}
nav#topmenu ul li a:hover {color:#000;outline:0;}
nav#topmenu ul li a:focus{color:#000;outline:0;}
nav#topmenu ul li:hover > a {color:#000;outline:0;background:rgba(255,255,255,0); }
nav#topmenu ul li ul.sublist {
	list-style:none;
	margin:0;
	font-family: 'Open Sans', sans-serif;
	padding:15px 5px 15px 5px;
	position:absolute;
	left:0% !important;
	top:100px;
	opacity:0;
	font-size:90%;
	/*overflow-y:scroll;*/
	width:250px;
	/*max-height:350px;*/
	text-align:left;
	background:rgba(255,255,255,0.8)repeat left top;/*(123,106,88,0.5)*/
	visibility:hidden;
	-moz-transition:opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
	-webkit-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
	-o-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
	transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
}
nav#topmenu ul li ul.sublist li {
	/*border-bottom:thin solid #ccc !important;*/
	padding:0 !important;
	display:block;
	border-bottom:thin solid #000;
	-moz-transition:opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	-webkit-transition:opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	-o-transition:opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	transition:opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
}

nav#topmenu ul li ul.sublist li a {color:#000;margin: 1px 0 2px 0; z-index:999; padding:5px !important; background:transparent}
nav#topmenu ul li ul.sublist li a:hover {background:rgba(0,0,0,0.8)}
nav#topmenu ul li:hover ul.sublist {opacity:1;visibility:visible;}
nav#topmenu ul li:hover ul.sublist li {margin-top:0;opacity:1; background:none;}

nav#topmenu ul li:hover ul.sublist li a {
	color:#000;	
	-moz-transition:color 0.1s ease-out;
	-webkit-transition:color 0.1s ease-out;
	-o-transition:color 0.1s ease-out;
	transition:color 0.1s ease-out;
}
nav#topmenu ul li:hover ul.sublist li a:hover {
	color:#eeca86 !important;
	border:none !important;	
	border-radius:0 !important;
	-moz-transition:color 0.3s ease-out;
	-webkit-transition:color 0.3s ease-out;
	-o-transition:color 0.3s ease-out;
	transition:color 0.3s ease-out;
}

/* SUB SUB LIST */
nav#topmenu ul li ul.sublist li ul.subsublist {
	float:left;
	list-style:none;
	margin:0;
	position:absolute;
	left:70%;
	min-width:200px;
	text-align:left;
	top:0px;
	opacity:0;
	visibility:hidden;
	background:rgba(255,255,255,0.8);
	-moz-transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
	-webkit-transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
	-o-transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
	transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
}
nav#topmenu ul li ul.sublist li ul.subsublist li{border:none;text-align:left;clear:both;margin:0;padding:0 15px; border-bottom:thin solid #000;
opacity:1;}
nav#topmenu ul li ul.sublist li ul.subsublist li a{background: url(../lz_images/black-arrow.png) no-repeat left center;
background-size:10px auto;  padding-left:15px !important;}
nav#topmenu ul li ul.sublist li:hover ul.subsublist {opacity:1;left:99.9%;visibility:visible;}
@media(max-width:1366px){nav#topmenu ul li { padding:0}}
@media(max-width:1199px){nav#topmenu ul li a {padding:65px 15px 20px 15px;}}
@media(max-width:999px){nav#topmenu {font-size:90%;}nav#topmenu ul li a {padding:65px 7px 20px 7px;}}
@media(max-width:835px){nav#topmenu ul li a {padding:65px 5px 20px 5px;}}
@media(max-width:768px){nav#topmenu ul li a {padding:65px 2px 20px 2px;}}

/**************content****************/

.top-submenu{background:#ffca22; font-size:13px; color:#999; padding:10px 15px; }
.top-submenu a{color:#999;padding:5px 15px 5px 15px;}
.top-submenu a:hover{color:#000}
.top-submenu a:first-child{padding:5px 15px 5px 15px}
.page-active{color:#333 !important;}

.title{font-size:250%;color:#d5a200; padding:20px 0 0px 0; font-weight:700}
.subpage-title{font-size:300%;color:#000; font-weight:100; text-align:center;font-family: 'Raleway', sans-serif; padding:2% 0; border-bottom:thin solid #aaa; /*font-family:"Times New Roman", Times, serif*/}
.number{/*font-family: 'Courgette', cursive; */color:#d5a200/*a6793b*/; font-size:280%;}
.sub-tit{font-size:140%; color:#333/*333*/; font-weight:600;/*font-family: 'Raleway', sans-serif; */text-transform:uppercase}
.sub-tit-ext{font-weight:700; font-size:400%; color:#d5a200; line-height:1.2em}
.desc{color:#666; width:100%; line-height:2em; font-size:14px}

.about-title{font-size:178%; text-transform:uppercase; color:#fff; font-weight:700; line-height:1em}
.about-title-light{font-size:165%; font-weight:200; color:#fff; }
.about-highlight{color:#d8a55f; margin:25px 0}
.about-normal-text{color:#aaa;}
.about-btn{background:#deac00; color:#000; padding:15px 25px; border:thin solid #222}
.about-btn:hover{background:none; color:#fff; border:thin solid #aaa}
.about-leftimg{background:url(../images/about-us.jpg) no-repeat center center; background-size:100% covered; max-height:425px !important; min-height:425px !important;}

.portfolio-ban{background:url(../images/team-bg.jpg) no-repeat center 10%; background-size:100% auto; text-align:center;padding:10% 0; }
.portfolio-ban p{background:rgba(0,0,0,0.8);font-family: 'Courgette', cursive;  color:#fff; font-size:320%;}


.companies{margin:2px; background:#000; position:relative; overflow: hidden;}
.companies img{max-width:100%;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.companies:hover img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1);transform: scale(1.1);}
.overlay{position:absolute; color:#fff; opacity:0; width:100%; height:100%; left:0; top:0;text-align:center; color:#fff; padding:5%}
.overlay:hover{left:0; right:0;opacity:1; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;transition: all 0.3s; padding-top:0%}
.overlay b{font-size:100%}
.lifestyle{background:rgba(218,3,99,0.9);}
.greentech{background:rgba(0,118,66,0.9);}



.companies-btn{color:#000; padding:15px; border:thin solid #000;}
.companies-btn:hover{color:#fff; background:#deac00; border:thin solid #fff;}

.vcompanies-btn{color:#fff; padding:10px; background:#1e4382;}
.vcompanies-btn:hover{color:#000; background:#deac00; font-weight:600}

.team-title{font-family: 'Courgette', cursive; color:#fff; font-size:300%; text-align:center; margin-bottom:30px;}
.team-content{ /*width:60% !important*/}

.team{position:relative}
.divider-wrap{width:2% !important}
.team .divider{width:1px;background:#fff; position:absolute; bottom:0; left:0; right:0; margin:0 auto; min-height:250px; height:100%; top:20%}
.team .divider-dot{border-radius:50%; height:10px; width:10px; background:#fff;position:absolute; left:0; right:0; margin:0 auto;top:20%}

.team-h1{color:#d7b102; font-weight:600; font-size:140%} .team-h1 span{font-weight:300}
.team-conn{color:#ffd200; font-style:italic; font-size:90%; line-height:2em; clear:both}
.team-conn:hover{color:#ddd}
.team-mem{width:150px !important; height:150px; border-radius:0%; background-size:100% auto !important; padding:0;  margin:0 auto;}

.text-align-left{text-align:left}.text-align-right{text-align:right}
.float-left{float:left}.float-right{float:right}
.footer-text{color:#333; text-align:center; padding:15px }


.back img{
  animation: MoveLeftRight 1s linear infinite;
  position: relative;
}

@keyframes MoveLeftRight {
  0%, 100% {
    left: 0;
  }
  50% {
    left: 5px;
  }
}	
.back{background:rgba(0,0,0,1); padding:10px 15px 10px 5px; color:#ffcc00;position:absolute; left:0; top:0; text-align:left; font-size:14px; font-weight:600}
/*width:66.66666667% !important*/

@media(min-width:1199px){.col-8{width:100%}}
@media(min-width:1366px){.col-8{width:66.66666667%}}
@media(max-width:1280px){.about-leftimg{min-height:425px !important;}.team-mem{width:150px !important; height:150px;}}
@media(max-width:767px){.desc{width:100%}.about-leftimg{min-height:200px !important;}.team-content{ width:100% !important}.text-align{text-align:center}.text-align-left,.text-align-right{text-align:center}.float-left,.float-right{float:none}.team-mem{width:200px !important; height:200px; margin:20px auto;}
.sub-tit-ext{font-size:300%;line-height:1em}.back{position:inherit; left:inherit; top:inherit; margin-bottom:10px}
.about-leftimg{background:url(../lz_images/about-us.jpg) no-repeat center top; background-size:150% auto ; height:auto !important; min-height:300px !important;}
.portfolio-ban{height:200px; background-size:auto 100%}
.top-submenu a:first-child{padding:5px 15px 5px 0px}
}