.header { margin-bottom: 0; padding: 30px 0; }

.header .navbar { background: #fff; min-height: 0; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 3px 0px; }

.header .navbar-right > li:last-child { margin-right: 20px; }

.header .navbar-right li a { letter-spacing: 0.8px; font-size: 11px; text-transform: uppercase; color: #000; font-family: "Franklin Gothic Medium", sans-serif; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }

.header .navbar-right li a:focus, .header .navbar-right li a:hover { background-color: inherit; border: 0; outline: none; outline-offset: 0; color: #00AEEF; }

.header .navbar-right li a:active, .header .navbar-right li a:hover, .header .navbar-right li a.current { color: #00AEEF; }

.header .navbar-right li:hover { background-color: transparent; border: 0; }

.sidebar h3 { border-bottom: 3px solid #ececec; margin-top: 0; color: #333; }

.sidebar .sub-nav { padding: 0; list-style: none; font-family: "Franklin Gothic Medium", sans-serif; }

.sidebar .sub-nav a { padding: 5px 0px; line-height: 1.5; }

.sidebar .sub-nav .nav-item a:hover { background: transparent; }

.single-blog { padding-bottom: 30px; }

.single-blog .post-title { text-transform: capitalize; letter-spacing: 0.5px; }

.post-thumb img { width: 100%; }

.post-content { padding-bottom: 10px; }

.post-content .read-more { font-size: 14px; }

.post-content .post-author { margin-top: 0; }

.post-content .post-author a { font-size: 14px; }

.post-content .post-author a:hover { opacity: .8; text-decoration: none; }

.post-content .post-title { margin-top: 0; text-transform: capitalize; letter-spacing: 0.5px; }

.post-content .post-title a { text-decoration: none; }

.blog-pagination { text-align: center; padding-top: 10px; padding-bottom: 55px; }

.work-details .post-content { padding-top: 10px; }

.work-details .post-bottom { margin-top: 55px; }

.author-profile.padding { padding-top: 50px; }

.author-profile .col-sm-2 img { width: 100%; }

.author-profile .author-profile h3 { margin-top: 0; color: #3a424c; }

.author-profile .author-profile p { color: #3a424c; font-weight: 400; }

.resume_section { padding: 12px 0; }

.resume_section .resume_title { font-weight: 500; margin-top: 0; font-size: 16px; color: #333; font-family: "Franklin Gothic Medium", sans-serif; }

.resume_section .project-description { margin-bottom: 0; }

.resume_section .project-description a { color: #00AEEF; text-decoration: none; }

.resume_section .project-description ul { padding-left: 15px; }

.resume_section .company-name { margin-top: -3px; font-size: 16px; padding-right: 5px; margin-bottom: 0; font-weight: 500; color: #333; }

.resume_section .timeline { font-size: 12px; font-family: "Franklin Gothic Medium", sans-serif; font-style: italic; }

.resume_section .work-detail { padding: 3px 0; list-style-type: circle; }

.resume_section .resume-tools { font-size: 15px; font-family: "Franklin Gothic Book", sans-serif; font-style: italic; margin-top: 10px; margin-bottom: 20px; }

.resume_section .tools-title { font-family: "Franklin Gothic Medium", sans-serif; font-style: italic; }

.work-details { padding: 20px 0 50px 0; }

.work-details #mobile-view h3 { display: none; }

.work-details #mobile-view .sub-nav { display: flex; align-items: center; margin-bottom: 30px; font-family: "Franklin Gothic Medium", sans-serif; }

.work-details #mobile-view .sub-nav li a { padding: 0; }

.work-details #mobile-view .sub-nav li a::after { content: '|'; font-family: "Franklin Gothic Book", sans-serif; color: #ececec; padding-left: 8px; padding-right: 8px; }

.work-details #mobile-view .sub-nav li a:hover, .work-details #mobile-view .sub-nav li a:focus { background-color: transparent; }

.work-details #mobile-view .sub-nav li:last-child a::after { content: none; }

.work-details .portfolio-feedback-wrapper .portfolio-image { width: 50%; }

.main-tiles-wrapper .sub-nav { display: flex; align-items: center; margin-bottom: 30px; font-family: "Franklin Gothic Medium", sans-serif; }

.main-tiles-wrapper .sub-nav li a { padding: 0; }

.main-tiles-wrapper .sub-nav li a::after { content: '|'; font-family: "Franklin Gothic Book", sans-serif; color: #ececec; padding-left: 20px; padding-right: 20px; }

.main-tiles-wrapper .sub-nav li a:hover, .main-tiles-wrapper .sub-nav li a:focus { background-color: transparent; }

.main-tiles-wrapper .sub-nav li:last-child a::after { content: none; }

.main-tiles-wrapper .portfolio-single { position: relative; display: block; cursor: pointer; background: #fff; border: 2px solid #fff; border-radius: 3px; font-size: 13px; }

.main-tiles-wrapper .portfolio-single .tile-view { display: block; opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; width: 100%; height: 0; padding-top: 100%; position: relative; overflow: hidden; background: #fff 50%/cover; border: 2px solid #fff; }

.main-tiles-wrapper .portfolio-single .tile-view:hover { opacity: .5; background-color: rgba(242, 242, 242, 0.85); }

.main-tiles-wrapper .portfolio-single .tile-view img { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }

.main-tiles-wrapper .portfolio-thumb { position: relative; border: 1px solid #ececec; }

.main-tiles-wrapper .portfolio-thumb img { width: 100%; }

.main-tiles-wrapper .portfolio-info { overflow: hidden; margin-bottom: 30px; }

.main-tiles-wrapper .portfolio-info .portfolio-name { margin: 5px 0 0; text-transform: capitalize; color: #000; font-size: 12px; text-decoration: none; }

.main-tiles-wrapper .portfolio-info .portfolio-name:hover { color: #00AEEF; }

.project-name h2 { margin-top: 0px; color: #000; font-weight: 500; line-height: 1.2; text-transform: capitalize; font-family: "Franklin Gothic Medium", sans-serif; }

.project-name .project-description, .project-name .elements > li { font-size: 14px; font-family: "Franklin Gothic Book", sans-serif; color: #333; line-height: 1.4; }

.project-name .work-detail { list-style-type: circle; }

.project-name .project-title { font-family: "Franklin Gothic Medium", sans-serif; color: #333; }

.project-name .elements { padding-left: 0px; padding-bottom: 30px; }

.project-name .fa.fa-angle-right { color: #00AEEF; padding-right: 5px; }

.project-name .btn-common { font-size: 11px; color: #00AEEF; border: 1px solid #00AEEF; font-family: "Franklin Gothic Medium", sans-serif; font-weight: 400; padding: 10px 25px; }

.project-name .btn-common:focus { color: #00AEEF; border-color: #00AEEF; }

.project-name .btn-common:hover { color: #fff; background-color: #00AEEF; border-color: #00AEEF; }

.portfolio-detail-wrapper .portfolio-single { padding-bottom: 50px; }

.user-feedback-wrapper { padding-top: 50px; padding-bottom: 50px; border-top: 1px solid #ececec; }

.user-feedback-wrapper .feedback-img-wrapper { width: 40%; }

@media screen and (max-width: 768px) { .main-tiles-wrapper .sub-nav li a::after { padding-left: 8px; padding-right: 8px; } }

@font-face { font-family: 'Franklin Gothic Medium'; src: url("../fonts/franklingothic-med-webfont.eot?v=1.01"); src: url("../fonts/franklingothic-med-webfont.eot?v=1.01#iefix") format("embedded-opentype"), url("../fonts/franklingothic-med-webfont.woff2?v=1.01") format("woff2"), url("../fonts/franklingothic-med-webfont.woff?v=1.01") format("woff"), url("../fonts/franklingothic-med-webfont.ttf?v=1.01") format("truetype"), url("../fonts/franklingothic-med-webfont.svg?v=1.01#franklin_gothic_fsmedium") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Franklin Gothic Book'; src: url("../fonts/franklingothic-book-webfont.eot?v=1.01"); src: url("../fonts/franklingothic-book-webfont.eot?v=1.01#iefix") format("embedded-opentype"), url("../fonts/franklingothic-book-webfont.woff2?v=1.01") format("woff2"), url("../fonts/franklingothic-book-webfont.woff?v=1.01") format("woff"), url("../fonts/franklingothic-book-webfont.ttf?v=1.01") format("truetype"), url("../fonts/franklingothic-book-webfont.svg?v=1.01#franklin_gothic_fsbook") format("svg"); font-weight: normal; font-style: normal; }

html { height: 100%; }

body { font-size: 16px; line-height: 24px; letter-spacing: normal; color: #333; font-weight: 300; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; min-height: 100%; font-family: "Franklin Gothic Book", sans-serif; }

a { font-weight: 500; color: #000; letter-spacing: 0.5px; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; text-transform: uppercase; font-size: 12px; }

a:hover { color: #00AEEF; background-color: transparent; }

a:focus { outline: none; outline-offset: 0; }

ul { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-family: "Franklin Gothic Book", sans-serif; color: #333; }

h2 { font-size: 24px; }

h3 { font-size: 16px; }

.overflow { overflow: hidden; }

footer { color: #000; border-top: 1px solid #ececec; padding: 10px; }

footer .copyright { text-align: center; color: #000; font-size: 15px; font-weight: 500; }

footer .copyright img { width: 15px; height: 15px; margin-bottom: 4px; }

.current, .active a { color: #00AEEF; }

.logo { width: 20px; height: 20px; }

.about-wrapper { padding: 50px 15px; }

.about-wrapper .intro-profile-wrapper { height: 150px; width: 150px; display: flex; }

.about-wrapper .intro-profile-wrapper img { width: 100%; height: auto; object-fit: cover; border-radius: 50%; }

.about-wrapper .profile-image + h1 { margin-top: 28px; }

.about-wrapper .intro-title { font-family: "Franklin Gothic Medium", sans-serif; font-weight: 700; font-style: normal; margin: 1em 0 .66em 0; color: #000; font-size: 58px; line-height: 1; }

.about-wrapper .intro-description { font-size: 14px; line-height: 1.7; }

.about-wrapper .intro-description .intro-link { position: relative; text-decoration: none; display: inline-block; color: inherit; padding: 0 1px; transition: color ease 0.3s; }

.about-wrapper .intro-description .intro-link:hover { color: #fff; }

.about-wrapper .intro-description .intro-link:hover:after { height: 100%; }

.about-wrapper .intro-description .intro-link:after { content: ''; position: absolute; z-index: -1; width: 100%; height: 6%; min-height: 2px; left: 0; bottom: 0; background-color: #333; transition: all ease 0.3s; }

.about-wrapper .intro-social-link { display: inline-flex; text-decoration: none; user-select: none; border: 1px solid; border-radius: 50%; width: 40px; height: 40px; align-items: center; justify-content: center; }

.about-wrapper .fa { font-size: 20px; }

/*# sourceMappingURL=main.css.map */