@charset "utf-8";

@font-face {
    font-family: 'Poppins Light';
    src: url('../fonts/Poppins-Light.woff2') format('woff2'),
        url('../fonts/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Oxygen Bold';
    src: url('../fonts/Oxygen-Bold.woff2') format('woff2'),
        url('../fonts/Oxygen-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins Semibold';
    src: url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Oxygen Regular';
    src: url('../fonts/Oxygen-Regular.woff2') format('woff2'),
        url('../fonts/Oxygen-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Some useful styles */
.agk-vertical-align {display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.agk-adjust-background {background-repeat: no-repeat !important; background-size: cover !important; background-position: center !important;}

/* margin:left will receive -50% of width */
.agk-absolute-center {position: center; width: 55px; left: 50%; margin-left: -27px;}

/* this class will be placed in wrap div of two spans */
.agk-wrap-two-lines {display: inline-grid;}

/* gradient mask */
.agk-gradient-mask:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(-90deg, #000, #fff);}

ul#menu-menu-1 li {margin-left: 35px; font-size: 17px; font-family: 'Poppins Light';}
ul#menu-menu-1 li a {color: #666; text-decoration: none; position: relative;}
footer {background-color: #eee; padding-top: 70px; padding-bottom: 80px;}
.agk-footer-wrap-box {margin: 0 auto; display: flex; width: 100%; max-width: 851px; height: auto;}
.agk-footer-wrap-box .agk-vertical-align img {display: block; margin: 0 auto; margin-bottom: 50px;}
.agk-footer-wrap-box .agk-vertical-align span {font-family: 'Poppins Light'; font-size: 17px; color: #666;}
.agk-footer-location-box, .agk-footer-msg-box, .agk-footer-phone-box {margin: -53px auto; height: 110px;}
.agk-bg-slider-home {width: 100%; height: 600px;}
.agk-bg-slider-home:before {content: ''; position: absolute; left: 0; width: 100%; height: 100%; background: rgba(102, 102, 104, .5);}
.agk-wrap-slider-content {width: 100%; left: 0; max-width: 666px; height: 100%; position: absolute; color: white; padding-left: 205px; padding-right: 30px;}
.agk-vertical-align.agk-wrap-slider-content span {font-family: 'Poppins Semibold'; font-size: 40px; line-height: 1.2em;}
.agk-vertical-align.agk-wrap-slider-content p {font-family: 'Poppins Light'; margin-top: 20px;}
.agk-wrap-container-header {padding: 20px 0; border-bottom: 3px solid white; box-shadow: 0px -50px 92px #333;}
.agk-thumb-about {width: 100%; max-width: 1200px; height: 400px; margin: 70px auto;}
.agk-thumb-about:before {content: ''; position: absolute; width: 100%; max-width: 1200px; height: 400px; background: rgba(68,68,68, .2);}
.agk-wrap-about-content {width: 100%; max-width: 1005px; margin: 0 auto; font-family: 'Poppins Light'; color: #878787; font-size: 17px;}
.agk-wrap-differences {width: 100%; max-width: 1210px; margin: 0 auto; margin-top: 125px; margin-bottom: 150px; height: 330px; display: flex;}
.agk-wrap-differences-title {height: 300px; width: 100%; max-width: 198px; font-size: 30px; font-family: 'Poppins Semibold'; color: #666;}
.agk-wrap-differences-box {width: 100%; max-width: 190px; margin-left: 65px;}
.agk-wrap-differences-box span {font-family: 'Poppins SemiBold'; font-size: 20px; color: #666; line-height: 0.1em;}
.agk-wrap-differences-box p {font-family: 'Poppins Light'; font-size: 17px; color: #888; line-height: 1.3em;}
.agk-wrap-contact-content {width: 100%; max-width: 1005px; margin: 0 auto; font-family: 'Poppins Light'; font-size: 17px; color: #878787; margin-top: 75px; margin-bottom: 55px;}
.agk-wrap-contact-contact-us {width: 100%; max-width: 471px; margin: 0 auto;}
.agk-wrap-contact-contact-us div {width: 100%; text-align: center;}
.agk-wrap-contact-contact-us-content {margin-top: 30px; line-height: 0.1em; color: #666; font-family: 'Poppins Light'; font-size: 17px; margin-bottom: 55px;}
.agk-contact-form {width: 100%; max-width: 570px; margin: 0 auto; margin-bottom: 70px;}
.agk-contact-input {width: 100%; max-width: 570px; background-color: #eee; color: #666769; font-size: 17px; font-family: 'Poppins Light'; outline: 0; border: none; padding: 15px 33px;}
.agk-contact-form button {float: right; border: none; background-color: transparent; position: relative; font-size: 17px; color: #666; font-family: 'Poppins Light';}
.agk-contact-form button:hover:before {position: absolute; height: 10px; background-color:rgba(247, 172, 176, 0.5); margin-top: 14px; content: ''; left: 0; right: 0; cursor: pointer;}
.agk-thumb-staff {width: 100%; max-width: 1200px; height: 400px; margin: 80px auto;}
.agk-thumb-staff:before {content: ''; position: absolute; width: 100%; max-width: 1200px; height: 400px; background: rgba(68,68,68, .2);}
.agk-wrap-staff-content {width: 100%; max-width: 1005px; margin: 0 auto; font-family: 'Poppins Light'; font-size: 17px; color: #878787; margin-bottom: 55px;}
.agk-wrap-staff {width: 100%; max-width: 1018px; margin: 0 auto;}
.agk-wrap-staff-member {display: flex; margin-bottom: 60px;}
.agk-wrap-staff-member-data {width: 100%; max-width: 524px; margin-left: 130px; padding-top: 60px;}
.agk-wrap-staff-name {font-family: 'Poppins SemiBold'; color: #666; font-size: 40px;}
.agk-wrap-staff-title {font-family: 'Poppins Light'; color: #666; font-size: 17px;}
.agk-wrap-staff-member-data p {font-family: 'Poppins Light'; color: #878787; font-size: 17px; margin-top: 45px;}
.agk-wrap-staff-member:nth-child(even) div.agk-wrap-staff-member-photo {position: absolute; margin-left: 715px;}
.agk-wrap-staff-member:nth-child(even) div.agk-wrap-staff-member-data {margin-left: 80px;}
.agk-wrap-home-show {width: 100%; max-width: 1270px; margin: 100px auto;}
.agk-wrap-home-show-data {background-color: #eee; padding-top: 50px; padding-bottom: 60px; padding-left: 60px; width: 100%; max-width: 738px; float: left;}
.agk-wrap-home-show-name {width: 100%; max-width: 267px;}
.agk-home-show-name {font-family: 'Poppins SemiBold'; font-size: 30px; color: #666;}
.agk-wrap-home-show-content {width: 100%; max-width: 549px;}
.agk-wrap-home-show-data p {font-size: 17px; color: #666; font-family: 'Poppins Light'; margin-top: 20px;}
.agk-wrap-home-show-data a {text-decoration: none; margin-top: 40px; font-family: 'Poppins Light'; font-size: 18px; color: #000;}
.agk-home-show-photo {position: relative; margin-left: -70px; margin-top: -49px;}
.agk-wrap-home-areas {width: 100%; max-width: 1210px; margin: 0 auto; margin-top: 145px; margin-bottom: 100px; height: 330px; display: flex;}
.agk-wrap-home-staff {background-color: #eee; margin-bottom: 110px; padding: 70px 0;}
.agk-home-staff {width: 100%; max-width: 1200px; margin: 0 auto;}
.agk-home-staff-title {height: 362px; width: 100%; max-width: 119px; font-family: 'Poppins SemiBold'; font-size: 30px; color: #666; float: left;}
.agk-wrap-home-staff-box {width: 100%; max-width: 944px; height: 362px; margin-left: 135px; display: flex;}
.agk-home-staff-box {width: 100%; max-width: 300px; height: 300px; margin-left: 22px;}
.agk-wrap-home-staff-desc {background-color: rgba(102, 102, 102, .8); height: 362px; display: none; }
.agk-align-end {flex-wrap: wrap; align-items: flex-end;}
.agk-align-end div {margin: 0 20px; margin-bottom: 25px;}
.agk-align-end span {font-family: 'Poppins SemiBold'; font-size: 30px; color: white; line-height: 1em;}
.agk-wrap-performance-area {width: 100%; max-width: 1128px; margin: 50px auto;}
.agk-performance-area-box {width: 100%; max-width: 340px; margin: 60px 18px;}
.agk-performance-area-box span {font-size: 20px; font-family: 'Poppins SemiBold'; color: #666; line-height: 0.1em;}
.agk-performance-area-box img {margin-top: 30px;}
.agk-performance-area-box p {margin-top: 40px;font-size: 17px; color: #878787; font-family: 'Poppins Light';}
.agk-wrap-home-blog {width: 100%; max-width: 1200px; margin: 0 auto;}
.agk-wrap-home-blog h2 {font-size: 30px; font-family: 'Poppins SemiBold'; color: #666;}
.agk-wrap-home-blog .row {margin: 80px 0;}
.agk-wrap-home-blog .row a {text-decoration: none; transition: .5s;}
.agk-wrap-home-blog-box {width: 100%; max-width: 342px; margin: 0 21.25px;}
.agk-wrap-home-blog-box .agk-home-blog-post-title {margin-top: 40px; display: block; font-family: 'Poppins SemiBold'; color: #666; line-height: 1.3em; font-size: 20px; color: #666;}
.agk-wrap-home-blog-box p {margin-top: 15px; font-size: 17px; font-family: 'Poppins Light'; color: #888;}
.agk-wrap-home-blog-box img {width: 100%; height: 180px;}
.agk-home-blog-saiba-mais {font-size: 18px; color: #111; font-family: 'Poppins Light'; position: relative;}
.agk-post-single {margin-top: 120px; margin-bottom: 140px;}
.agk-post-title {font-family: 'Oxygen Bold'; font-size: 35px; color: #000; width: 100%; max-width: 929px; margin: 0 auto;}
.agk-post-thumb {width: 100%; max-width: 917px; height: auto; margin: 0 auto; display: block; margin-top: 55px;}
.agk-post-content {width: 100%; max-width: 917px; margin:0 auto;  margin-top: 65px; font-family: 'Poppins Light'; font-size: 17px; color: #878787;}
.agk-post-footer {width: 100%; max-width: 911px; margin: 0 auto; margin-top: 75px;}
.agk-post-back {float: left;}
.agk-post-share {float: right;}
.agk-category-title {text-align: center; margin: 0 auto; margin-top: 105px; margin-bottom: 85px; width: 100%; max-width: 720px; }
.agk-category-title .categories {list-style: none; font-family: 'Poppins SemiBold'; font-size: 20px; color: #666;} 
.current-menu-item a:before {position: absolute; height: 10px; background-color:rgba(210, 226, 138, 0.58); margin-top: 14px; content: '';  transition: .5s; left: 0; right: 0;}
.agk-blog-cats {width: 100%; max-width: 1200px; margin: 0 auto; margin-top: 105px; margin-bottom: 85px; justify-content: center; align-items: center;}
.agk-blog-cats span {font-family: 'Poppins SemiBold'; font-size: 20px; color: #666; margin-right: 62px;}
.agk-blog-cats li {list-style: none; margin-right: 50px;}
.agk-blog-cats li a {text-decoration: none; font-size: 17px; font-family: 'Poppins Light'; color: #666;}
.agk-wrap-blog-posts {width: 100%; max-width: 1200px; margin: 0 auto; margin-bottom: 120px;}
.agk-wrap-blog-posts a {text-decoration: none;}
.menu-item a{position: relative; transition: .5s;}
.menu-item a:hover:before {position: absolute; height: 10px; background-color:rgba(210, 226, 138, 0.58); margin-top: 14px; content: '';  transition: .5s; left: 0; right: 0;}
.agk-wrap-differences-icon {position: relative;}
.agk-wrap-differences-icon:before {position: absolute; content: ''; background-color: rgba(236, 236, 251, .5); height: 97px; width: 97px; margin-top: 10px; margin-left: -10px; border-radius: 50%; transition: .5s;}
.agk-wrap-differences-box:hover .agk-wrap-differences-icon:before {background-color: rgba(247, 172, 176, .5);}
.agk-wrap-home-blog-box .agk-home-blog-saiba-mais:before {position: absolute; content: ''; height: 0; transition: .5s;}
.agk-wrap-home-blog-box:hover .agk-home-blog-saiba-mais:before {position: absolute; height: 10px; background-color:rgba(247, 172, 176, 0.5); margin-top: 14px; content: '';  transition: .5s; left: 0; right: 0;}
.agk-wrap-about-differences-icon {position: relative;}
.agk-wrap-about-differences-icon:before {position: absolute; content: ''; background-color: rgba(236, 236, 251, .5); height: 97px; width: 97px; margin-top: 10px; margin-left: -10px; border-radius: 50%; transition: .5s;}
.agk-wrap-differences-box:hover .agk-wrap-about-differences-icon:before {background-color: rgba(210, 226, 138, .5);}
.agk-blog-cats.row a {position: relative;}
.agk-blog-cats.row a:before {position: absolute; content: ''; height: 0; transition: .5s;}
.agk-blog-cats a:hover:before, .agk-home-show-saiba-mais a:hover:before {position: absolute; height: 10px; background-color:rgba(247, 172, 176, 0.5); margin-top: 14px; content: '';  transition: .5s; left: 0; right: 0;}
.agk-wrap-blog-posts a {text-decoration: none; font-family: 'Poppins SemiBold'; font-size: 20px; color: #666;}
.agk-wrap-home-blog-box .agk-wrap-home-blog-box {margin-top: 10px;}
.agk-blog-have-no-posts {font-family: 'Poppins SemiBold'; font-size: 20px; color: #666; margin: 0 auto;}
.agk-post-back a {text-decoration: none; font-family: 'Poppins SemiBold'; font-size: 20px; color: #666;}
.agk-wrap-contact-form-input {position: relative; margin: 10px 0;}
.effect-9{border: 1px solid #ccc; padding: 7px 14px 9px; transition: 0.4s;}
.agk-wrap-contact-form-textarea {position: relative; margin: 10px 0; height: 93px;}
.agk-performance-area-title {min-height: 80px; text-align: center;}
.agk-home-show-saiba-mais:hover {position: relative;}
.agk-wrap-home-staff a, .agk-wrap-differences-title.agk-vertical-align a {color: #666; }
.agk-wrap-staff-member-photo img {max-width: 300px; max-height: 500px;}

.effect-9 ~ .focus-border:before,
.effect-9 ~ .focus-border:after{content: ""; position: absolute; top: 0; right: 0; width: 0; height: 2px; background-color: #4DA6FF; transition: 0.2s; transition-delay: 0.2s;}
.effect-9 ~ .focus-border:after{top: auto; bottom: 0; right: auto; left: 0; transition-delay: 0.6s;}
.effect-9 ~ .focus-border i:before,
.effect-9 ~ .focus-border i:after{content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 0; background-color: #4DA6FF; transition: 0.2s;}
.effect-9 ~ .focus-border i:after{left: auto; right: 0; top: auto; bottom: 0; transition-delay: 0.4s;}
.effect-9:focus ~ .focus-border:before,
.effect-9:focus ~ .focus-border:after{width: 100%; transition: 0.2s; transition-delay: 0.6s;}
.effect-9:focus ~ .focus-border:after{transition-delay: 0.2s;}
.effect-9:focus ~ .focus-border i:before,
.effect-9:focus ~ .focus-border i:after{height: 100%; transition: 0.2s;}
.effect-9:focus ~ .focus-border i:after{transition-delay: 0.4s;}

.agk-performance-area-box img {width: 100%;max-height: 300px;}
img.img-1 {margin-top: 15px !important;}
@media only screen and (max-width: 1024px) {
    .agk-wrap-slider-content {padding-left: 80px; padding-right: 120px;}
    .agk-home-show-photo {margin-left: 481px; margin-top: -450px;}
    .agk-wrap-home-show {max-width: 1010px; margin: 75px auto;}
    .agk-wrap-home-show-content {max-width: 400px; }
    .agk-wrap-home-show-data p {font-size: 15px;}
    .agk-home-show-photo {margin-top: -540px;}
    .agk-wrap-differences-title {font-size: 27px; padding-left: 55px;}
    .agk-wrap-differences-box {max-width: 155px; margin-left: 42px; text-align: center;}
    .agk-wrap-differences-title {font-size: 25px; padding-left: 5px;}
    .agk-wrap-home-areas {max-width: 825px;}
    .agk-wrap-home-differences-title {margin-top: 30px;}
    .agk-home-staff-title {margin-left: 15px}
    .agk-wrap-home-staff-box {max-width: 875px;}
    .agk-wrap-home-blog-box {max-width: 300px; margin: 0 20.25px;}
    .agk-thumb-about, .agk-thumb-about:before {max-width: 758px; height: 350px;}
    .agk-wrap-differences {max-width: 1014px;}
    .agk-wrap-about-differences-icon {margin-bottom: 40px;}
    .agk-wrap-about-differences-title {margin-bottom: 30px;}
    .agk-wrap-about-content {text-align: center;}
    .agk-wrap-performance-area .row div {margin: 25px auto; max-width: 355px;}
}

@media only screen and (max-width: 768px) {
    .agk-bg-slider-home {height: 450px;}
    .agk-wrap-slider-content {padding-left: 50px; padding-right: 218px;}
    .agk-wrap-home-show-name {max-width: 150px;}
    .agk-wrap-home-show-content {max-width: 350px;}
    .agk-home-show-name {font-size: 17px;}
    .agk-wrap-home-show-data p {font-size: 12px;}
    .agk-wrap-home-show-data {padding-top: 20px; padding-left: 20px; padding-bottom: 20px; max-width: 440px; margin-left: 5px;}
    .agk-home-show-photo {position: unset; width: 100%; max-width: 380px; margin-left: 383px; margin-top: -365px;}
    .agk-wrap-home-show-data a {font-size: 12px;}
    .agk-wrap-differences-box p {font-size: 12px;}
    .agk-wrap-differences-box {margin-left: 0;}
    .agk-wrap-differences-box span {font-size: 16px;}
    .agk-wrap-home-differences-title {margin-top: 15px;}
    .agk-home-staff-box {max-width: 180px; height: 300px; background-size: cover !important;}
    .agk-wrap-home-staff-box {max-width: 606px;}
    .agk-home-staff-title {font-size: 24px;}
    .agk-wrap-home-staff {padding: 55px 0 10px;}
    .agk-wrap-home-staff-desc {height: 310px;}
    .agk-wrap-home-blog-box {max-width: 230px; margin: 0px 13px; text-align: center;}
    .agk-wrap-home-blog-box img {height: auto; min-height: 130px;}
    .agk-wrap-home-blog-box p {font-size: 13px;}
    .agk-wrap-about-differences-icon {margin-bottom: 15px;}
    .agk-wrap-about-differences-title {margin: 0;}
    .agk-wrap-differences {height: 300px;}
    .agk-thumb-staff, .agk-thumb-staff:before {max-width: 768px; height: 300px;}
    .agk-wrap-staff-content {max-width: 680px; text-align: center;}
    .agk-wrap-staff {max-width: 758px;}
    .agk-wrap-staff-member-data {text-align: right; margin-left: 28px; padding-top: 0;}
    .agk-wrap-staff-member:nth-child(even) div.agk-wrap-staff-member-data {margin-left: 5px; text-align: left; max-width: 430px;}
    .agk-wrap-staff-member:nth-child(even) div.agk-wrap-staff-member-photo {margin-left: 458px;}
    .agk-blog-cats {max-width: 768px;}
    .agk-wrap-blog-posts {max-width: 768px;}
    .agk-wrap-contact-content {max-width: 720px; text-align: center;}
}

@media only screen and (max-width: 425px) {
    .agk-vertical-align.agk-wrap-slider-content span {line-height: 0.3em; font-size: 25px;}
    .agk-wrap-slider-content {padding-right: 84px;}
    .agk-wrap-slider-content p {line-height: 1.1em; }
    .agk-bg-slider-home {height: 240px;}
    .agk-title-slider {font-size: 24px;}
    .agk-wrap-home-show-data {max-width: 415px;} 
    .agk-home-show-photo {max-width: 415px; margin-left: 5px; margin-top: 0px;}
    .agk-wrap-home-areas {display: block; height: auto; max-width: 405px; margin-top: 50px;}
    .agk-wrap-differences-title {padding-left: 0px; margin: 0 auto; text-align: center; height: 225px;}
    .agk-wrap-home-differences-title {margin-top: 40px;}
    .agk-wrap-differences-box {margin: 0 auto; padding: 40px; max-width: 310px;}
    .agk-wrap-differences-box span {font-size: 20px;}
    .agk-wrap-differences-box p {font-size: 14px;}
    .agk-home-staff {max-width: 310px;}
    .agk-home-staff-title {max-width: none; margin-left: 0; float: none; height: 150px;}
    .agk-wrap-home-staff-box {height: auto; display: block; max-width: 310px; margin-left: 0;}
    .agk-wrap-home-staff {padding: 5px;}
    .agk-home-staff-box {margin-left: 0; max-width: none; height: 362px; background-repeat: no-repeat !important; margin: 20px 0;}
    .agk-wrap-home-blog {max-width: 310px;}
    .agk-wrap-home-staff-desc {height: 362px;}
    .agk-wrap-home-blog-box {max-width: 310px; margin: 20px 0px;}
    .agk-footer-location-box, .agk-footer-msg-box, .agk-footer-phone-box {margin: 10px auto;}
    .agk-thumb-about, .agk-thumb-about:before {max-width: 425px; height: 175px;}
    .agk-thumb-about {margin: 30px auto;}
    .agk-wrap-about-content{font-size: 14px; max-width: 415px;}
    .agk-wrap-differences {display: block; height: auto;}
    .agk-wrap-differences-title {font-size: 32px;}
    .agk-wrap-about-differences-icon {margin-bottom: 35px;}
    .agk-footer-wrap-box {display: block;}
    .agk-wrap-performance-area .row div {max-width: 310px;}
    .agk-performance-area-box {max-width: 310px;}
    .agk-performance-area-box img {width: 100%;}
    .agk-wrap-staff-member {display: block;}
    .agk-wrap-staff-member-photo {text-align: center;}
    .agk-wrap-staff-member-data {max-width: 410px; margin-left: 5px; text-align: center;}
    .agk-wrap-staff-member:nth-child(even) div.agk-wrap-staff-member-data {text-align: center; max-width: 415px;}
    .agk-wrap-staff-member:nth-child(even) div.agk-wrap-staff-member-photo {position: unset; margin-left: 0;}
    .agk-wrap-contact-content {max-width: 310px;}
    .agk-contact-form {max-width: 415px;}
}

@media only screen and (max-width: 375px) {
    .agk-vertical-align.agk-wrap-slider-content p {margin-top: 0; font-size: 13px;}
    .agk-vertical-align.agk-wrap-slider-content span {font-size: 17px;}
    .agk-wrap-home-show-data, .agk-home-show-photo {max-width: 365px;} 
    .agk-wrap-staff-member-data {max-width: 365px; margin-left: 5px; text-align: center;}
    .agk-wrap-staff-member:nth-child(even) div.agk-wrap-staff-member-data {text-align: center; max-width: 365px;}
    .agk-contact-form {max-width: 365px;}
}

@media only screen and (max-width: 320px) {
    .agk-wrap-slider-content {padding-right: 45px; padding-left: 29px;}
    .agk-wrap-home-show-data, .agk-home-show-photo {max-width: 310px;} 
    .agk-wrap-performance-area {max-width: 310px;}
    .agk-wrap-staff-member-data {max-width: 310px; margin-left: 5px; text-align: center;}
    .agk-wrap-staff-member:nth-child(even) div.agk-wrap-staff-member-data {text-align: center; max-width: 310px;}
    .agk-wrap-staff-name {font-size: 28px;}
    .agk-contact-form {max-width: 310px;}
    .agk-wrap-contact-contact-us-content {line-height: 1.1em;}
}

.social-media {
    padding-left: 40px;
    display: flex;
}
.social-media-icon {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 4px;
    position: relative;
    z-index: -6;
}
.social-media-icon a {
    color: black;
}
.social-media a {
    transition: 0.5s;
}

.social-media-icon::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    z-index: -4;
    border: 2px solid #a9a7a7;
    border-radius: 50%;
}
.social-media-icon.fb-icon img {
    width: 25px;
    height: 25px;
    padding-right: 2px;
    padding-bottom: 2px;
}
.social-media-icon.instagram-icon img {
    width: 20px;
    height: 20px;
    padding-right: 1px;
    padding-bottom: 1px;
}
.social-media-icon a {
    display: inline-block;
}

.social-media a:hover {
    filter: brightness(70%);
}

@media only screen and (max-width: 768px) {
    .navbar {
        justify-content: center;
        display: flex;
        flex-direction: column;
        margin-right: 30px;
    }
    .social-media {
        margin-top: 10px;
    }
}

.agk-vertical-align {
	align-items: flex-start !important;
}