/* =============================================== */
/* ---------- CSS STYLES <<<------------- */
/* ================================================ */ 
/****************************FONT FAMILY*********************/




@font-face {
    font-family: avenirltstd-black;
    src: url(fonts/avenirltstd-black/avenirltstd-black.woff);
    src: url(fonts/avenirltstd-black/avenirltstd-black.ttf);
    src: url(fonts/avenirltstd-black/original-avenirltstd-black.otf);
    
}
@font-face {
    font-family: avenirltstd-book;
    src: url(fonts/avenirltstd-book/avenirltstd-book.woff);
    src: url(fonts/avenirltstd-black/original-avenirltstd-book.otf);
    src: url(fonts/avenirltstd-black/avenirltstd-book.ttf);
    
}
@font-face {
    font-family: avenirltstd-light;
    src: url(fonts/avenirltstd-light/avenirltstd-light.woff);
    src: url(fonts/avenirltstd-black/original-avenirltstd-light.otf);
    src: url(fonts/avenirltstd-black/avenirltstd-light.ttf);
}
@font-face {
    font-family: avenirltstd-roman;
    src: url(fonts/avenirltstd-roman/avenirltstd-roman.woff);
    src: url(fonts/avenirltstd-black/original-avenirltstd-roman.otf);
    src: url(fonts/avenirltstd-black/avenirltstd-roman.ttf); 
}


.lines::after,.lines::before,h2::before {content: ''}
body,html {height: 100%}body {
	position: relative;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	color: #191919;
	/*background:url(../images/bg.jpg);*/
	background-size: cover;
}
.blog-post ul li,.image-hover span,.post-box div span,.post-info ul li,.tag-cloud li,.tags li a,.btn-style,.menu .nav li,.btn-style,.menu .nav li,.resume-box span {text-transform: none}
p {margin: 0 0 5px;line-height: 18px}
a:focus,a:hover {text-decoration: none}
.comment-head a:hover,.post-box div p a:hover,.post-info h4 a:hover,.tag-cloud li a:hover,.tags li a:hover {text-decoration: underline}
.row,li,ul {margin: 0}
li {list-style-type: none}
input,textarea {border: none;outline: 0}
.section-title {position: relative;margin-bottom: 15px;text-align: center;}
.section-title h2{
	text-align: center;
	text-transform: none;
}
.btn-style {display: inline-block;background: #1e1e1e;padding: 15px 25px;color: #fff}.btn-style:focus,.btn-style:hover {background: #323232;color: #fff}button.mfp-close {opacity: 1;background: #fff;width: 42px;height: 42px;line-height: 42px;color: #1e1e1e}button.mfp-close:hover {opacity: .8}.customNavigation ul li,.owl-theme .owl-controls .owl-buttons div,.portfolio-background ul li,.submit-style,a,button.mfp-close {-webkit-transition: linear .1s;-moz-transition: linear .1s;-o-transition: linear .1s;transition: linear .1s}.blog-post-content h3 a::after,.blog-post-content::after,.image-hover,.services-background .row div,input,textarea {-webkit-transition: ease-out .2s;-moz-transition: ease-out .2s;-o-transition: ease-out .2s;transition: ease-out .2s}.client-img div,.comment-head div,.middle-content {-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);transform: translate(0, -50%)}.about-grey-content ul li a,.comment-head img,.follow-me li a,.footer-background ul li a,.testimonial-box img {-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%}.blog-title,.error-page-background,.home-background,.services-background {-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover}.lines::after,.lines::before,.toggle-btn {-webkit-transition: linear .2s;-moz-transition: linear .2s;-o-transition: linear .2s;transition: linear .2s}.toggle-btn {position: fixed;z-index: 999;top: 30px;left: 30px;background: #F5F5F5;width: 50px;height: 50px;padding: 0;margin: 0;border: none;outline: 0;line-height: 50px;-webkit-box-shadow: 3px 3px 3px rgba(50, 50, 50, .1);-moz-box-shadow: 3px 3px 3px rgba(50, 50, 50, .1);box-shadow: 3px 3px 3px rgba(50, 50, 50, .1)}.lines,.lines::after,.lines::before {background: #1e1e1e;width: 20px;height: 2px;display: inline-block}.lines {position: relative;vertical-align: middle}.lines::after,.lines::before {position: absolute;left: 0}.lines::before {top: 5px}.lines::after {top: -5px}

/*----------------------------Portfolio CSS------------------------------*/.portfolio-background {padding-bottom: 100px;background: #191919;}.portfolioTitleWrapper {background: #1e1e1e;padding-top: 80px}.portfolio-background .container-fluid {padding: 0}.portfolio-background h2 {color: #fff}.portfolio-background h2::before {background: rgba(255, 255, 255, .3)}.portfolio-background .section-title {color: rgba(255, 255, 255, .4)}.portfolio-background ul li {display: inline-block;margin-right: 8px;padding: 10px 15px;border: 2px solid rgba(255, 255, 255, .2);cursor: pointer;color: rgba(255, 255, 255, .4);font-weight: 500;font-size: 12px;letter-spacing: 1.2px;text-transform:none}.image-hover h3,.popup-box h3 {
	font-family:'avenirltstd-light', sans-serif;
	text-transform:uppercase;
	font-weight: 400;
	font-size: 13px;
	letter-spacing: 1.1px
	
	
}.portfolio-background ul li.active,.portfolio-background ul li:hover {background: #F5F5F5;border-color: #F5F5F5;color: #1e1e1e}.portfolio-background ul li:last-child {margin: 0}.portfolio-box {position: relative;float: none;margin: 0;padding: 0}.popup-box div,.testimonial-box {padding: 25px; overflow-y: auto;
    max-height:220px; min-height:180px}.portfolio-box a {display: block}.image-hover {position: absolute;top: 0;left: 0;visibility: hidden;opacity: 0;width: 100%;height: 100%;text-align: center}.portfolio-box:focus .image-hover,.portfolio-box:hover .image-hover {visibility: visible;opacity: 1;background: rgba(0, 0, 0, .9)}.image-hover div {position: absolute;bottom: 20px;left: 20px;text-align: left}.image-hover span {color: #888}.popup-box {position: relative;background: #1E1E1E;width: auto;max-width:680px;margin: 0 auto}.popup-box div{background: #1E1E1E;}.popup-box h3 {margin-bottom: 15px;text-align: center; .popup-box h4 {margin-bottom: 15px;text-align: left; text-transform:uppercase}