.lx-wrapper{
position:absolute;
width:100%;
height:100%;
background:#FFFFFF;
overflow:hidden;
}
@media(max-width:768px){
.lx-wrapper{
position:static;
overflow:auto;
}
} .lx-loader{
display:flex;
align-items:center;
justify-content:center;
position:fixed;
z-index:10;
width:100%;
height:100%;
text-align:center;
background:#37474F;
}
.lx-loader img{
width:40px;
} .lx-main-menu{
position:static;
width:100%;
background:#283593;
}
@media(max-width:768px){
.lx-main-menu{
position:fixed;
z-index:9;
}
}
.lx-main-menu > i{
display:none;
margin:0px 20px;
padding:10px;
font-size:30px;
color:#FFFFFF !important;
cursor:pointer;
}
@media(max-width:768px){
.lx-main-menu > i{
display:inline-block;
}
}
.lx-main-menu ul{
display:block;
}
@media(max-width:768px){
.lx-main-menu ul{
display:none;
}
}
.lx-main-menu ul li a{
display:block;
padding:15px 0px;
text-align:center;
color:#FFFFFF;
transition:ease all 0.3s;
-webkit-transition:ease all 0.3s;
}
@media(max-width:768px){
.lx-main-menu ul li a{
padding:10px 30px;
text-align:left;
}
}
.lx-main-menu ul li a i{
display:block;
margin-bottom:3px;
font-size:30px;
}
@media(max-width:768px){
.lx-main-menu ul li a i{
display:inline-block;
margin-right:5px;
font-size:16px;
}
}
.lx-main-menu ul li a:hover{
background:#37474F;
}
@media(max-width:768px){
.lx-main-menu ul li a:hover{
background:#37474F;
}
}
.lx-main-menu ul li a.active{
background:#37474F;
}
@media(max-width:768px){
.lx-main-menu ul li a.active{
background:#37474F;
}
} .lx-copyright{
position:absolute;
bottom:5px;
left:10px;
font-size:11px;
line-height:12px;
color:#FFFFFF;
}
@media(max-width:768px){
.lx-copyright{
position:fixed;
bottom:0px;
left:0px;
width:100%;
padding:10px;
font-size:12px;
text-align:center;
background:#283593;
}	
} .lx-personal-info-img img{
display:block;
width:100%;
}
.lx-personal-info{
padding:60px;
overflow:auto;
}
@media(max-width:1024px){
.lx-personal-info{
padding:40px;
}
}
@media(max-width:768px){
.lx-personal-info{
padding:20px;
}
}
.lx-personal-info h3{
position:relative;
margin-bottom:30px;
font-size:50px;
font-family:'Lato';
font-weight:normal;
text-transform:capitalize;
}
.lx-personal-info h4{
color:#BEBEBE;
}
.lx-personal-info p{
margin:50px 0px;
}
.lx-personal-info ul{
margin:50px 0px;
list-style:none;
}
.lx-personal-info ul li{
float:left;
}
.lx-personal-info ul li a{
display:block;
width:40px;
padding:5px 0px;
margin:3px;
font-size:20px;
text-align:center;
background:#283593;
color:#FFFFFF;
border:1px solid #283593;
transition:ease all 0.3s;
-webkit-transition:ease all 0.3s;
}
.lx-personal-info ul li a:hover{
background:#FFFFFF;
color:#283593;
}
.lx-personal-info-button{
margin:30px 0px;
}
.lx-personal-info a.lx-hireme{
display:inline-block;
margin:5px 0px;
padding:10px 30px;
font-size:16px;
font-weight:bold;
text-align:center;
background:#FFFFFF;
color:#283593;
border:1px solid #283593;
transition:ease all 0.3s;
-webkit-transition:ease all 0.3s;
}
@media(max-width:768px){
.lx-personal-info a.lx-hireme{
display:block;
}
}
.lx-personal-info a.lx-hireme:hover{
background:#283593;
color:#FFFFFF;
}
.lx-personal-info a.lx-download-resume{
display:inline-block;
margin:5px 0px;
padding:10px 30px;
font-size:16px;
font-weight:bold;
text-align:center;
background:#283593;
color:#FFFFFF;
border:1px solid #283593;
transition:ease all 0.3s;
-webkit-transition:ease all 0.3s;
}
@media(max-width:768px){
.lx-personal-info a.lx-download-resume{
display:block;
}
}
.lx-personal-info a.lx-download-resume:hover{
background:#FFFFFF;
color:#283593;
} .lx-about{
padding:60px;
overflow:auto;
}
@media(max-width:1024px){
.lx-about{
padding:40px;
}
}
@media(max-width:768px){
.lx-about{
padding:20px;
}
}
.lx-about h3{
position:relative;
margin-bottom:30px;
font-size:50px;
font-family:'Lato';
font-weight:normal;
text-transform:capitalize;
}
.lx-about h3::after{
content:"";
position:absolute;
z-index:1;
top:50%;
display:block;
width:100%;
height:5px;
background:#283593;
}
.lx-about h3 span{
position:relative;
z-index:2;
display:inline-block;
padding-right:30px;
background:#FFFFFF;
}
.lx-quote{
float:right;
width:50%;
margin-left:20px;
margin-bottom:20px;
padding:20px;
background:#FBFBFB;
}
@media(max-width:768px){
.lx-quote{
clear:both;
width:100%;
}
}
.lx-quote h4{
margin-bottom:10px;
font-size:20px;
text-transform:uppercase;
color:#283593;
}
.lx-quote em{
display:block;
margin-top:10px;
font-size:16px;
font-family:'Indie Flower';
text-align:right;
color:#999999;
}
.lx-about > p{
margin-bottom:15px;
}
.lx-about > p b{
color:#000000;
} .lx-skills{
padding:60px;
overflow:auto;
}
@media(max-width:1024px){
.lx-skills{
padding:40px;
}
}
@media(max-width:768px){
.lx-skills{
padding:20px;
}
}
.lx-skills h3{
position:relative;
margin-bottom:30px;
font-size:50px;
font-family:'Lato';
font-weight:normal;
text-transform:capitalize;
}
.lx-skills h3::after{
content:"";
position:absolute;
z-index:1;
top:50%;
display:block;
width:100%;
height:5px;
background:#283593;
}
.lx-skills h3 span{
position:relative;
z-index:2;
display:inline-block;
padding-right:30px;
background:#FFFFFF;
}
.lx-skills > h4{
margin-top:60px;
margin-bottom:30px;
font-size:25px;
font-weight:normal;
border-bottom:1px solid #EEEEEE;
} .lx-box{
margin:0px 30px 40px 0px;
}
.lx-box i{
display:block;
float:left;
width:50px;
margin-bottom:10px;
margin-right:15px;
padding:10px 0px;
font-size:30px;
text-align:center;
background:#37474F;
color:#FFFFFF;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media(max-width:1170px){
.lx-box i{
float:none;
}	
}
.lx-box:hover i{
background:#283593;
color:#FFFFFF;
}
.lx-box h4{
float:left;
margin-top:13px;
margin-bottom:10px;
font-size:18px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.lx-box:hover h4{
color:#283593;
}
.lx-box p{
clear:both;
} .lx-bars-chart{
margin:20px 0px;
}
.lx-bar{
clear:both;
margin-bottom:10px;
}
.lx-bar p{
float:left;
}
.lx-bar-counter{
float:right;
font-size:12px;
color:#929292;
}
.lx-bar-bg{
clear:both;
background:#F8F8F8;
}
.lx-bar-fill{
width:0%;
height:10px;
background:#283593;
-webkit-transition: all 2s;
transition: all 2s;
} .lx-language{
margin:20px 0px;
} .lx-numbers{
margin:0px;
}
.lx-numbers h4{
font-size:70px;
font-family:'Slabo 27px';
} .lx-experiences{
padding:60px;
overflow:auto;
}
@media(max-width:1024px){
.lx-experiences{
padding:40px;
}
}
@media(max-width:768px){
.lx-experiences{
padding:20px;
}
}
.lx-experiences h3{
position:relative;
margin-bottom:30px;
font-size:50px;
font-family:'Lato';
font-weight:normal;
text-transform:capitalize;
}
.lx-experiences h3::after{
content:"";
position:absolute;
z-index:1;
top:50%;
display:block;
width:100%;
height:5px;
background:#283593;
}
.lx-experiences h3 span{
position:relative;
z-index:2;
display:inline-block;
padding-right:30px;
background:#FFFFFF;
}
.lx-experiences ul{
border-left:3px solid #283593;
list-style:none;
}
.lx-experiences ul li{
margin-bottom:60px;
}
.lx-experiences ul li span{
position:relative;
display:block;
margin:10px 20px;
font-size:20px;
}
.lx-experiences ul li span::before{
position:absolute;
left:-22px;
content:'\f0da';
font-family:FontAwesome;
font-size:30px;
color:#283593;
}
.lx-experiences ul li h4{
margin:0px 20px 10px;
font-size:20px;
}
.lx-experiences ul li p{
margin:0px 20px;
padding-bottom:20px;
border-bottom:1px solid #EEEEEE;
} .lx-projects{
padding:60px;
overflow:auto;
}
@media(max-width:1024px){
.lx-projects{
padding:40px;
}
}
@media(max-width:768px){
.lx-projects{
padding:20px;
}
}
.lx-projects h3{
position:relative;
margin-bottom:30px;
font-size:50px;
font-family:'Lato';
font-weight:normal;
text-transform:capitalize;
}
.lx-projects h3::after{
content:"";
position:absolute;
z-index:1;
top:50%;
display:block;
width:100%;
height:5px;
background:#283593;
}
.lx-projects h3 span{
position:relative;
z-index:2;
display:inline-block;
padding-right:30px;
background:#FFFFFF;
} .lx-portfolio{
position:relative;
margin-bottom:40px;
overflow:hidden;
cursor:pointer;
border-bottom:3px solid #EEEEEE;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.lx-portfolio:hover{
border-bottom:3px solid #283593;
}
.lx-portfolio .lx-portfolio-img{
position:relative;
width:100%;
}
.lx-portfolio .lx-portfolio-img img{
display:block;
width:100%;
}
.lx-portfolio .lx-portfolio-img a{
position:absolute;
bottom:0px;
right:0px;
width:40px;
height:40px;
padding:5px 10px 10px 10px;
font-size:20px;
background:#283593;
color:#FFFFFF;
border-radius:50% 0% 0% 0%;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.lx-portfolio .lx-portfolio-img:hover a{
background:#37474F;
}
.lx-portfolio .lx-portfolio-info{
padding:20px 0px;
}
.lx-portfolio .lx-portfolio-info h4{
margin-bottom:20px;
font-size:20px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.lx-portfolio:hover h4{
color:#283593;
} .lx-blogs{
padding:60px;
overflow:auto;
}
@media(max-width:1024px){
.lx-blogs{
padding:40px;
}
}
@media(max-width:768px){
.lx-blogs{
padding:20px;
}
}
.lx-blogs > h3{
position:relative;
margin-bottom:30px;
font-size:50px;
font-family:'Lato';
font-weight:normal;
text-transform:capitalize;
}
.lx-blogs > h3::after{
content:"";
position:absolute;
z-index:1;
top:50%;
display:block;
width:100%;
height:5px;
background:#283593;
}
.lx-blogs > h3 span{
position:relative;
z-index:2;
display:inline-block;
padding-right:30px;
background:#FFFFFF;
}
.lx-blog-load-more{
text-align:center;
}
.lx-blog-load-more a{
display:inline-block;
padding:5px 10px;
color:#37474F;
background:#F8F8F8;
border:1px solid #EEEEEE;
}
.lx-blog-load-more a:hover{
color:#283593;
}
.lx-single-blog{
padding:60px;	
}
@media(max-width:768px){
.lx-single-blog{
padding:60px 20px;	
}
} .lx-contact{
padding:60px;
overflow:auto;
}
@media(max-width:1024px){
.lx-contact{
padding:40px;
}
}
@media(max-width:768px){
.lx-contact{
padding:20px 20px 40px 20px;
}
}
.lx-contact h3{
position:relative;
margin-bottom:30px;
font-size:50px;
font-family:'Lato';
font-weight:normal;
text-transform:capitalize;
}
.lx-contact h3::after{
content:"";
position:absolute;
z-index:1;
top:50%;
display:block;
width:100%;
height:5px;
background:#283593;
}
.lx-contact h3 span{
position:relative;
z-index:2;
display:inline-block;
padding-right:30px;
background:#FFFFFF;
}
.lx-contact h4{
font-size:20px;
}
.lx-contact p{
margin:20px 0px 40px;
}
.lx-contact-field{
position:relative;
margin-bottom:20px;
}
.lx-contact-field span{
position:absolute;
top:15px;
right:20px;
color:#a94442;
}
.lx-contact-field i{
position:absolute;
top:0px;
left:0px;
width:40px;
height:99%;
padding:15px 0px;
font-size:18px;
text-align:center;
background:#F2F2F2;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.lx-contact form input[type='text']:focus ~ i,
.lx-contact form input[type='email']:focus ~ i{
background:#283593;
color:#FFFFFF;
}
.lx-contact form input[type='text'],
.lx-contact form input[type='email']{
display:block;
width:100%;
padding:15px;
padding-left:60px;
font-size:15px;
background:#FBFBFB;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.lx-contact form input[type='text']:focus,
.lx-contact form input[type='email']:focus{
background:#F8F8F8;
}
.lx-contact form textarea{
display:block;
width:100%;
height:100px;
padding:15px;
padding-left:60px;
font-size:15px;
background:#FBFBFB;
resize:none;
}
.lx-contact form textarea:focus{
background:#F8F8F8;
}
.lx-contact form textarea:focus ~ i{
background:#283593;
color:#FFFFFF;
}
.lx-contact form input[type='submit']{
padding:10px 40px;
background:#283593;
color:#FFFFFF;
border:1px solid #283593;
cursor:pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.lx-contact form input[type='submit']:hover{
background:#FFFFFF;
color:#283593;
}
.lx-contact form br{
display:none;
}
.wpcf7-validation-errors{
margin:0px !important;
margin-bottom:20px !important;
padding:10px !important;
background:#F8F8F8 !important;
color:#37474F !important;
border:0px !important;
border-left:3px solid orange !important;
}
.wpcf7-mail-sent-ng{
margin:0px !important;
margin-bottom:20px !important;
padding:10px !important;
background:#F8F8F8 !important;
color:#37474F !important;
border:0px !important;
border-left:3px solid red !important;	
}
.wpcf7-mail-sent-ok{
margin:0px !important;
margin-bottom:20px !important;
padding:10px !important;
background:#F8F8F8 !important;
color:#37474F !important;
border:0px !important;
border-left:3px solid green !important;	
} .lx-popup{
position:fixed;
top:0px;
left:0px;
z-index:20;
width:100%;
height:100%;
background:rgba(0,0,0,0.7);
display:none;
}
.lx-popup-inside{
display:flex;
flex-direction:column;
justify-content:center;
position:relative;
height:100%;	
}
.lx-popup-inside a > i{
position:absolute;
z-index:10;
top:45%;
font-size:40px;
color:#FFFFFF;
text-shadow:0px 0px 3px #5d4c40;
}
.lx-popup-inside i.fa-caret-left{
left:10px;
}
.lx-popup-inside i.fa-caret-right{
right:10px;
}
.lx-popup-content{
display:table;
margin:auto;
}
.lx-popup-image{
position:relative;
box-shadow:0px 0px 3px #37474F;
}
.lx-popup-inside i.fa-remove{
position:absolute;
top:10px;
right:10px;
font-size:30px;
color:#FFFFFF;
text-shadow:0px 0px 3px #37474F;
}
.lx-popup-image img{
display:block;
max-width:800px;
max-height:500px;
transform:scale(0.5);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media(max-width:768px){
.lx-popup-image img{
width:100%;
}
}
.lx-popup-details ul{
width:100%;
}
.lx-popup-details ul li:first-child{
float:left;
}
.lx-popup-details ul li:last-child{
float:right;
}
.lx-popup-details ul li span{
display:inline-block;
margin-top:5px;
color:#FFFFFF;
}