@font-face {
    font-family: 'Signerica Fat';
    src: url('../fonts/SignericaFat.eot');
    src: url('../fonts/SignericaFat.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SignericaFat.woff2') format('woff2'),
        url('../fonts/SignericaFat.woff') format('woff'),
        url('../fonts/SignericaFat.ttf') format('truetype'),
        url('../fonts/SignericaFat.svg#SignericaFat') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat Regular';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat Medium';
    src: url('../fonts/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype'),
        url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat Light';
    src: url('../fonts/Montserrat-Light.eot');
    src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff'),
        url('../fonts/Montserrat-Light.ttf') format('truetype'),
        url('../fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat SemiBold';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
        url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat Thin';
    src: url('../fonts/Montserrat-Thin.eot');
    src: url('../fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Thin.woff2') format('woff2'),
        url('../fonts/Montserrat-Thin.woff') format('woff'),
        url('../fonts/Montserrat-Thin.ttf') format('truetype'),
        url('../fonts/Montserrat-Thin.svg#Montserrat-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat Bold';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype'),
        url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat Black';
    src: url('../fonts/Montserrat-Black.eot');
    src: url('../fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Black.woff2') format('woff2'),
        url('../fonts/Montserrat-Black.woff') format('woff'),
        url('../fonts/Montserrat-Black.ttf') format('truetype'),
        url('../fonts/Montserrat-Black.svg#Montserrat-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat ExtraLight';
    src: url('../fonts/Montserrat-ExtraLight.eot');
    src: url('../fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraLight.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraLight.woff') format('woff'),
        url('../fonts/Montserrat-ExtraLight.ttf') format('truetype'),
        url('../fonts/Montserrat-ExtraLight.svg#Montserrat-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat ExtraBold';
    src: url('../fonts/Montserrat-ExtraBold.eot');
    src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
        url('../fonts/Montserrat-ExtraBold.ttf') format('truetype'),
        url('../fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic Bold';
    src: url('../fonts/CenturyGothic-Bold.eot');
    src: url('../fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CenturyGothic-Bold.woff2') format('woff2'),
        url('../fonts/CenturyGothic-Bold.woff') format('woff'),
        url('../fonts/CenturyGothic-Bold.ttf') format('truetype'),
        url('../fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic Regular';
    src: url('../fonts/CenturyGothic.eot');
    src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CenturyGothic.woff2') format('woff2'),
        url('../fonts/CenturyGothic.woff') format('woff'),
        url('../fonts/CenturyGothic.ttf') format('truetype'),
        url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




body.home #page {
    background: #111111 url(../images/mk-main-bg.jpg) no-repeat center top;
    background-size: contain;
}


/*======SCROLL BAR STYLE BEGIN ========*/

::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #000000; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #cb9428; 
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #000000; 
}

/*======SCROLL BAR STYLE END ========*/



/*======= GENERAL STYLE BEGIN ========*/

.text-uppercase {
    text-transform: uppercase;
}

.text-center {
    text-align: center;
}

.signerica {
    font-family: 'Signerica Fat';
}

.text-capitalize {
    text-transform: capitalize;
}

.letter-space {
    letter-spacing: 6px;
}

/*======= GENERAL STYLE END ========*/

@media screen and (min-width: 1366px) {
    .branding {
        padding-right: 154px;
    }
}

/*======== HOME DIVERSIVIED SECTION BEGIN ========*/

.diversified-row:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block !important;
    background: url(../images/mk-pattern.png) center;
    width: 375px;
    height: 100%;
    background-size: cover;
}

.main-home-desc-text {
    font: normal 24px / 30px "Montserrat Medium", Helvetica, Arial, Verdana, sans-serif;
    margin-bottom: 52px !important;
}

.main-home-button a {
    font: normal 16px / 19px "Montserrat Bold", Helvetica, Arial, Verdana, sans-serif;
    text-decoration: none;
    border: 2px solid #CB9428;
    padding: 15px 45px;
    color: #fff;
    background: transparent;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}

.main-home-button a:hover {
	background: #171717;
	border: 2px solid #171717;
	color: #fff;
}

.video-home .ultv-video {
    transform: scale(0.95,0.93);
    transform-origin: bottom right;
    transition: all 0.3s ease-in-out;
}

.video-home .ultv-video:hover {
    transform: scale(1);
}

.video-home {
    margin: 0 !important;
    position: relative;
}

.video-home:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 90%;
    height: 90%;
    border: 1px solid #cb942859;
}

.video-home .ultv-video__play-icon {
    opacity: 0.3;
    transition: all 0.3s ease-in-out;
}

.video-home:hover .ultv-video__play-icon {
    opacity: 1;
}

.video-home .ultv-video__outer-wrap:before {
    transition: all 0.3s ease-in-out;
}

.video-home:hover .ultv-video__outer-wrap:before {
    background: rgba(0,0,0,0.0) !important;
}

.video-home .ultv-video__thumb {
    height: 100%;
    object-fit: cover;
}

/*======== HOME DIVERSIVIED SECTION END ========*/



/*======== HOME OUR FOUNDER BEGIN ========*/

.our-founder-img {
    transform: scale(0.9);
    transform-origin: bottom left;
    position: relative;
    
}

.our-founder-img figure {
    overflow: hidden;
}

.our-founder-img figure img {
    transition: all 5s ease-in-out;
}

.our-founder-img:hover  figure img {
    transform: scale(1.5);
}



.our-founder-img:before {
    content: "";
    position: absolute;
    top: -60px;
    left: 60px;
    width: 100%;
    height: 100%;
    border: 1px solid #CB9428;
    opacity: 0.1;
    z-index: -1;
    transition: all 5s ease-in-out;
}

.our-founder-img:hover:before {
    opacity: 1;
}

/*======== HOME OUR FOUNDER END ========*/



/*======== WHAT WE LOOK BEGIN ========*/

.mk-img {
    opacity: 0.2;
}

.mk-list {
    opacity: 0.4;
}

.mk-list .standard-arrow li:after {
    display: none;
}

.mk-list .standard-arrow li:before {
    width: 10px;
    height: 10px;
    background: #fff;
}

/*======== WHAT WE LOOK END ========*/



/*====== PORTFOLIO BEGIN =======*/

.custom-portfolio article {
    border: 1px solid #00000038;
    transition: all 0.3s ease-in-out;
}

.custom-portfolio article:hover {
    border: 1px solid #171717;
}

.custom-portfolio article figure {
    margin-bottom: 0;
}

.custom-portfolio .hover-color-static .buttons-on-img i, .custom-portfolio .hover-color-static .rollover i {
    background: transparent !important;
}

/*====== PORTFOLIO END =======*/



/*====== PORTFOLIO INNER BEGIN =======*/

.portfolio-inner-desc {
    
}

.external-link a {
    color: #ffffff;
    background: #171717;
    text-decoration: none;
    border: 2px solid #ffffff;
    width: 100%;
    display: block;
    text-align: center;
    box-sizing: border-box;
    padding: 8px 0;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
}



.external-link a:hover {
    color: #ffffff;
    background: #171717;
    border: 2px solid #171717;
}

.accent-gradient #page .post-navigation .nav-links a .post-title {
    font-family: 'Century Gothic Bold';
    text-transform: uppercase;
}

.accent-gradient #page .post-navigation .nav-links a .post-title:hover {
    color: #171717 !important;
}

@media screen and (min-width: 769px) {


    .portfolio-inner-title {
        margin-bottom: 32px;
    }

    .portfolio-inner-desc {
        
    }
}

/*====== PORTFOLIO INNER END =======*/




/*====== HOME SERVICES BEGIN  =======*/

.home-service-outer-column {
    padding: 50px !important;
}

.home-service-inner-row {
    position: relative;
    top: 0px;
    right: 0px;
    transition: all 0.3s ease-in-out;
}

.home-service-inner-row:hover {
    top: 30px;
    right: 30px;
}


.home-service-inner-row > .wpb_column >.vc_column-inner >.wpb_wrapper {
    position: relative;
    z-index: 1;
}


.home-service-inner-row > .wpb_column >.vc_column-inner >.wpb_wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: block;
    border: 2px solid #cb9428;
    z-index: -1;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.home-service-inner-row:hover > .wpb_column >.vc_column-inner >.wpb_wrapper:before {
    opacity: 1;
    top: -30px;
    left: 30px;
}

.home-service-inner-row .home-service-title {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    text-transform: capitalize;
    padding: 20px 20px 10px;
    transition: all 0.3s ease-in-out;
}

.home-service-inner-row:hover .home-service-title {
    color: #cb9428;
}

.home-learn-more-services a {
    font: normal 16px / 19px "Montserrat Bold", Helvetica, Arial, Verdana, sans-serif;
    text-decoration: none;
    color: #fff;
    position: absolute;
    left: 30px;
    bottom: -55px;
    opacity: 0;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}

.home-service-inner-row:hover .home-learn-more-services a {
    left: 0px;
    bottom: -30px;
    opacity: 1;
}

/*====== HOME SERVICES END  =======*/



/*====== NEWS SECTION BEGIN ========*/

.home-news .post-thumbnail-wrap, .home-news .vc_figure {
    border: 2px solid #1717173b;
}

/*====== NEWS SECTION END ========*/



/*====== GET IN TOUCH BEGIN =======*/

.contact-form-block input[type="text"], .contact-form-block input[type="tel"], .contact-form-block input[type="email"] {
    background: #F1F1F1;
    border: none !important;
    height: 50px;
    color: #000;
    margin-bottom: 30px !important;
    font-family: 'Montserrat Regular' !important;
}


.contact-form-block textarea {
    background: #F1F1F1;
    border: none !important;
    color: #000;
    margin-bottom: 30px;
    font-family: 'Montserrat Regular' !important;
    font-weight: normal !important;
}

.contact-form-block input[type="text"]::placeholder, .contact-form-block input[type="tel"]::placeholder, .contact-form-block input[type="email"]::placeholder,.contact-form-block textarea::placeholder {
    color: #ababab;
}

@media screen and (min-width: 768px) {

    .form-row {
        display: flex;
        justify-content: space-between;
    }

    .form-col {
        width: 48%;
    }

}

.contact-form-block input[type="submit"], .contact-form-block input[type="submit"]:hover {
    width: 100%;
    text-align: left;
    text-transform: uppercase !important;
    height: 50px;
    background: #000000 !important;
    margin: 0;
    font-family: 'Montserrat Regular' !important;
    font-weight: normal !important;
}

.contact-form-block .contact-form-submit {
    position: relative;
}

.contact-form-block .contact-form-submit:before {
    position: absolute;
    content: "";
    top: 23px;
    right: 20px;
    width: 40px;
    height: 2px;
    background: #cb9428;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

.contact-form-block .contact-form-submit:hover:before {
    right: 10px;
    width: 50px;
}


.contact-form-block .contact-form-submit:after {
    content: "\f011";
    font-family: icomoon-the7-font;
    position: absolute;
    right: 10px;
    left: auto;
    top: 10px;
    bottom: auto;
    width: auto !important;
    font-size: 14px;
    color: #cb9428;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: transparent;
}

.contact-form-block .contact-form-submit:hover:after {
    right: 0px;
}

/*====== GET IN TOUCH END =======*/



/*====== FOOTER BEGIN ========*/

#footer {
    text-align: center;
}

#footer .custom-menu {
    display: flex;
    justify-content: space-around;
    width: 70%;
    margin: auto;
    font: normal 18px / 22px "Century Gothic Regular", Helvetica, Arial, Verdana, sans-serif;
}

#footer .custom-menu li {
    margin: 10px 0;
    padding-top: 0;
}

#footer h2 {
    text-transform: lowercase;
}

#footer h2 {
    margin-bottom: 30px;
}

#footer h2 a, #footer h2 a:hover {
    color: #cb9428 !important;
}

#footer .soc-ico a {
    margin: 0 10px;
}

#footer .soc-ico a .soc-font-icon {
    font-size: 26px;
}

#footer .soc-ico a:before, #footer .soc-ico a:after {
    display: none;
}

#footer .soc-ico a:hover .soc-font-icon {
    color: #cb9428 !important;
}

#footer .widget_custom_html {
    margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
    #footer .custom-menu {
        width: 80%;
    }
}

@media screen and (max-width: 768px) {
    #footer .custom-menu {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        width: 100%;
    }
}

@media screen and (max-width: 414px) {
    #footer .custom-menu {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        width: 100%;
    }
}

.bottom-text-block {
    font-family: 'Century Gothic Regular';
}

/*====== FOOTER END ========*/


/*======== CONTACT PAGE BEGIN ========*/

.address-info-box {
    opacity: 0.4;
    margin-bottom: 5px !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.address-info-box:hover {
    opacity: 1;
}

.address-info-box a {
    color: #ffffff;
    text-decoration: none;
}

/*======== CONTACT PAGE END ========*/



/*====== MK STORY PAGE BEGIN =======*/

body.page-id-165 #page {
    background: #111111 url(../images/mkstory-bg.jpg) no-repeat center top;
    background-size: cover;
}

@media screen and (min-width: 1024px) {
    .vision-column {
        margin-top: 53px;
    }
}

.about-khamissy-img {
    transform: scale(0.9);
    transform-origin: bottom left;
    position: relative;
}

.about-khamissy-img:before {
    content: "";
    position: absolute;
    top: -40px;
    left: 40px;
    width: 100%;
    height: 100%;
    border: 2px solid #cb9428;
    box-sizing: border-box;
    z-index: -1;
}



