@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/


/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */






    .company-b{
        background-color: #e9efff;
        width: 100%;
        height: auto;
        display: block;
        float: left;
        position: relative;
        z-index: 10;
            background-image:url("../images/f-assets/fa_bg-tile.svg");
        background-size: 40%;
        background-repeat: no-repeat;
        background-position: top right;
        margin: 10vh 0 0 0;
    }
    
    
    
    
    .cb-inner{
        width: 90%;
        height: auto;
        display: block;
        float: left;
        clear: none;
        margin: 20vh 5% 5vh;
        position: relative;
        z-index: 100;
    }
    
    
    .hm-pic{
        width: 100%;
        height: 55vh;
        position: relative;
        z-index: 100000;
    }
    
    .hmp-img{
        width: 100%;
        left: 2.5%;
    }
    
    
	 .hm-text{
        width: 100%;
        margin: 0;
        height: 85vh;
       background-image: none;
    }
    
    
    .hmt-inner{
        width: 100%;
    }
    
    .hmt-inner p{
        margin-top: 1em;
    }
    
    
    
    
    
    
    .c-history{
        background-color: #d2ddff;
        width: 100%;
        height: 75vh;
        float: left;
        clear: none;

    }
    
    
    .ch-inner{
        width: 90%;
        height: 80%;
        margin: 15vh 5% 0;
        margin: ;
        float: left;
        clear:none;
        display: block;
    
    }
    
    
    
    
    .c-mission{
            background-color: #e9efff;
        width: 100%;
        height:60vh;
        float: left;
        clear: none;
        margin: 0 0;
    }
    
    
    .cm-left{
        width: 100%;
        height: auto;
        float: left;
        clear: none;
        display: block;
    }
    
    .cml-inner{
        width: 80%;
        height: 80%;
        display: block;
        float: left;
        clear: none;
        margin: 5% 10%;
        
    }
    
    
    .cm-right{
        width: 100%;
        height: 40%;
        float: left;
        clear: none;
        display: block;
        background-size: cover;
        background-position: center;
    }
    
    
    
    
    
    
    
    




    .visionary{
                background-color: #e9efff;
             background-image:url("../images/f-assets/fa_bg-tile.svg");
        background-size: 40%;
        background-repeat: no-repeat;
        background-position: top right;
        width: 90%;
        height: 50vh;
        float: left;
        clear: none;
        padding: 1em 5%;
        position: relative;
    }
    
    
    
    .v-pic{
        width: 80%;
        height: 100%;
        float: left;
        clear: none;
        display: block;
        background-color: #fff;
        margin: 0;
        position: relative;
        background-position: bottom top;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 0;
    }
    
    
    .v-img{
        position: absolute;
        height: auto;
        width: 100%;
        display: block;
        float: left;
        clear: none;
        z-index: 5;
        bottom: 0;
    }
    
    
    .v-name{
        position: absolute;
        width: auto;
        height: auto;
        padding: 3em;
        display: block;
        float: left;
        clear: none;
        background-color: #fff;
        bottom: 10%;
        right: 5%;
    }
    




















    
    
    
    
    
    .management{
        background-color: #d2ddff;
        width: 100%;
        height: auto;
        float: left;
        clear: none;
        margin: 5vh 0;
        padding-bottom: 5vh;
    }
    
    .mana{
        width: 90%;
        height: auto;
        float: left;
        clear: none;
        display: block;
        margin: 10vh 5% 0;

    }
    
    
    .mana-pic{
        width: 100%;
        height: 60vh;
        float: left;
        clear: none;
        display: block;
        background-color: #fff;
        margin: 0;
        position: relative;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
    }
    
    
    .manap-img{
        position: absolute;
        height: auto;
        width: 100%;
        display: block;
        float: left;
        clear: none;
        z-index: 5;
        bottom: 0;
    }
    
    
    .mana-text{
        width: 100%;
        margin: 0;
        height: auto;
        float: left;
        clear: none;
        display: block;
            /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
        background-color: #172975;
        color: #fff;
    
    }
    
    
    .manat-inner{
        width: 90%;
        height: auto;
        position: relative;
        z-index: 1000;
        margin: 2em 0
    }
    
    
    .manat-inner .title2, .manat-inner .title4{
        color: #fff;
        margin: .3em 0;
    }
    
    
    
    
    
    
    
    
    
    
    .team{
        width: 100%;
        float: left;
        clear: none;
        display: block;
        height: auto;
        background-color: #f4f4f4;
        margin-bottom: 2em;
    
    }
    
    .team .title2{
        margin-left: 5%;
        margin-top: 1.5em;
        margin-bottom: .5em;
    }
    
    
    .t-inner{
        width: 90%;
        height: 80%;
        margin: 0% 5%;
        display: block;
        float: left;
        clear: none;
            display: grid; 
      grid-template-columns: 1fr 1fr; 
      gap: 1em 1em; 
    }
    
    
    
    .t-member{
        width:100%;
        height: 30vh;
        display: block;
        float: left;
        clear: none;
        background-size: cover;
        background-position: center;
        position: relative;
    }
    
    
    .tm-text{
        position: absolute;
        padding: 1.5em 5%;
        display: block;
        float: left;
        clear: none;
        background-color: white;
        bottom: 0;
        left: 0;
        z-index: 5;
        width: 90%;
    }
    
    
    
    
    
    
    
    
    
    
    
    .ceo{
        width: 100%;
        float: left;
        clear: none;
        display: block;
        height: auto;
        background-color: #f4f4f4;
        margin-bottom: 2em;
    
    }
    
    .ceo .title1{
        margin-left: 5%;
        margin-top: 1.5em;
        margin-bottom: .5em;
    }
    
    
    .c-inner{
        width: 90%;
        height: 80%;
        margin: 0% 5%;
        display: block;
        float: left;
        clear: none;
            display: grid; 
      grid-template-columns: 1fr; 
      gap: 1em 1em; 
        margin-bottom: 2em;
    }
    
    
    
    .c-member{
        width:100%;
        height: 45vh;
        display: block;
        float: left;
        clear: none;
        background-size: cover;
        background-position: center top;
        position: relative;
    }
    
    
    .cm-text{
        position: absolute;
        padding: 1.5em 5%;
        display: block;
        float: left;
        clear: none;
        background-color: white;
        bottom: 0;
        left: 0;
        z-index: 5;
        width: 90%;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .awards{
        width: 100%;
        float: right;
        clear: none;
        display: block;
        height: 35vh;
        background-color: #f4f4f4;
                   /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
        margin-bottom: 2em;
    }
    
    
    .aw-inner{
        width: 90%;
        height: 80%;
        display: block;
        float: left;
        clear: none;
    }









	



}




/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

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

    
    
    
    
    
    
    
    
    
    
    
    
}



/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

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


    
    
    
    
    .company-b{
        background-color: #e9efff;
        width: 100%;
        height: auto;
        display: block;
        float: left;
        position: relative;
        z-index: 10;
            background-image:url("../images/f-assets/fa_bg-tile.svg");
        background-size: 40%;
        background-repeat: no-repeat;
        background-position: top right;
        margin: auto;
    }
    
    
    
    
    .cb-inner{
        width: 80%;
        height: auto;
        display: block;
        float: left;
        clear: none;
        margin: 25vh 10% 5vh;
        position: relative;
        z-index: 100;
    }
    
    
    .hm-pic{
        width: 35%;
        height: 55vh;
        position: relative;
        z-index: 100000;
    }
    
    .hmp-img{
        width: 95%;
        left: 2.5%;
    }
    
    
	 .hm-text{
        width: 65%;
        margin: 0;
        height: 60vh;
       background-image: none;
    }
    
    
    .hmt-inner{
        width: 80%;
    }
    
    .hmt-inner p{
        margin-top: 1em;
    }
    
    
    
    
    
    
    .c-history{
        background-color: #d2ddff;
        width: 100%;
        height: 55vh;
        float: left;
        clear: none;
        display: block;
        padding-top: 20vh;

    }
    
    .c-history .title1{
        text-align: center;
        font-size: 3em;
    }
    
    .ch-inner{
        width: 100%;
        height: 80%;
        margin: 2vh 0;
        margin: ;
        float: left;
        clear:none;
        display: block;
        position: relative;
        z-index: 50;
    }
    
    
    .title-shadow{
        width: 100%;
        height: 100%;
               /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
        font-size: 15em;
    font-family:"Kufam-SemiBold";
        position: absolute;
        z-index: 0;
        top: 45%;
        left: 0;
        opacity: .05;
    }
    
    
    
    
    .c-mission{
            background-color: #e9efff;
        width: 80%;
        height: 30vh;
        float: left;
        clear: none;
        margin: 10vh 10vw;
    }
    
    
    .cm-left{
        width: 60%;
        height: 100%;
        float: left;
        clear: none;
        display: block;
    }
    
    .cml-inner{
        width: 60%;
        height: 70%;
        display: block;
        float: left;
        clear: none;
        margin: 5% 10%;
        
    }
    
    
    .cm-right{
        width: 40%;
        height: 100%;
        float: left;
        clear: none;
        display: block;
        background-size: cover;
        background-position: center;
    }
    
    
    
    
    
    
    
    
    
    
    
    .management{
        background-color: #d2ddff;
        width: 100%;
        height: auto;
        float: left;
        clear: none;
        margin: 0vh 0;
        padding-bottom: 5vh;
    }
    
    .mana{
        width: 90%;
        height: 60vh;
        float: left;
        clear: none;
        display: block;
        margin: 10vh 5% 0;

    }
    
    
    .mana-pic{
        width: 35%;
        height: 100%;
        float: left;
        clear: none;
        display: block;
        background-color: #fff;
        margin: 0;
        position: relative;
        background-position: bottom top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    
    .manap-img{
        position: absolute;
        height: auto;
        width: 100%;
        display: block;
        float: left;
        clear: none;
        z-index: 5;
        bottom: 0;
    }
    
    
    .mana-text{
        width: 65%;
        margin: 0;
        height: 100%;
        float: left;
        clear: none;
        display: block;
            /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
        background-color: #172975;
        color: #fff;
    
    }
    
    
    .manat-inner{
        width: 60%;
        height: auto;
        position: relative;
        z-index: 1000;
    }
    
    
    .manat-inner .title2, .manat-inner .title4{
        color: #fff;
        margin: .3em 0;
    }
    
    
    
    
    
    
    
    
    
    
    .team{
        width: 100%;
        float: left;
        clear: none;
        display: block;
        height: auto;
        background-color: #f4f4f4;
        margin-bottom: 2em;
    
    }
    
    .team .title1{
        margin-left: 5%;
        margin-top: 1.5em;
        margin-bottom: .5em;
    }
    
    
    .t-inner{
        width: 90%;
        height: 80%;
        margin: 0% 5%;
        display: block;
        float: left;
        clear: none;
            display: grid; 
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 
      gap: 1em 1em; 
        margin-bottom: 2em;
    }
    
    
    
    .t-member{
        width:100%;
        height: 45vh;
        display: block;
        float: left;
        clear: none;
        background-size: cover;
        background-position: center;
        position: relative;
    }
    
    
    .tm-text{
        position: absolute;
        padding: 1.5em 5%;
        display: block;
        float: left;
        clear: none;
        background-color: white;
        bottom: 0;
        left: 0;
        z-index: 5;
        width: 90%;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    .ceo{
        width: 100%;
        float: left;
        clear: none;
        display: block;
        height: auto;
        background-color: #f4f4f4;
        margin-bottom: 2em;
    
    }
    
    .ceo .title1{
        margin-left: 5%;
        margin-top: 1.5em;
        margin-bottom: .5em;
    }
    
    
    .c-inner{
        width: 90%;
        height: 80%;
        margin: 0% 5%;
        display: block;
        float: left;
        clear: none;
            display: grid; 
      grid-template-columns: 1fr 1fr 1fr; 
      gap: 1em 1em; 
        margin-bottom: 2em;
    }
    
    
    
    .c-member{
        width:100%;
        height: 65vh;
        display: block;
        float: left;
        clear: none;
        background-size: cover;
        background-position: center top;
        position: relative;
    }
    
    
    .cm-text{
        position: absolute;
        padding: 1.5em 5%;
        display: block;
        float: left;
        clear: none;
        background-color: white;
        bottom: 0;
        left: 0;
        z-index: 5;
        width: 90%;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .awards{
        width: 100%;
        float: right;
        clear: none;
        display: block;
        height: 35vh;
        background-color: #f4f4f4;
                   /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
        margin-bottom: 2em;
    }
    
    
    .aw-inner{
        width: 90%;
        height: 90%;
        display: block;
        float: left;
        clear: none;
        
    }
    
    
    
    .aw-inner .swiper-wrapper .swiper-slide{
        background-size: contain;
        height: 25vh;
    }
    
    
    
    
    
    
	
}