@font-face {
    font-family: 'arista_2.0_alternateregular';
    src: url('../fonts/arista2.0alternate-webfont.eot');
    src: url('../fonts/arista2.0alternate-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arista2.0alternate-webfont.woff2') format('woff2'),
         url('../fonts/arista2.0alternate-webfont.woff') format('woff'),
         url('../fonts/arista2.0alternate-webfont.svg#arista_2.0_alternateregular') format('svg');
    font-weight: normal;
    font-style: normal;

} 
body.mt-in-bd{font-family: 'GothamBook'; font-size:15px; }
.mt-in-bd .arista{ font-family: 'arista_2.0_alternateregular'; font-size:50px; color:#24213b;}
.mt-in-bd ul{padding:0;}
.mt-in-bd ul li{list-style:none; }

/* banner start */
.mt-in-bd section.main-banner{width:100%; background-image:url(../portfolio/meetin-branding/images/banner-main.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; padding:145px 0 175px 0;}
.mt-in-bd section.main-banner .banner-content{display:block; max-width:755px; margin:0 auto;}
.mt-in-bd section.main-banner .banner-content .texts{display:inline-block; margin-top:80px;}
.mt-in-bd section.main-banner .banner-content .texts h2{font-size:20px; color:#24213b; font-family: 'GothamBook'; line-height:1.5;}
.mt-in-bd section.main-banner .banner-content .texts .headings{max-width:510px; margin:0 auto;}
.mt-in-bd section.main-banner .banner-content .texts p{margin-top:50px; font-size:15px; line-height:2; color:#24213b;}
/* banner end */

/* map start */
.mt-in-bd section.map{width:100%;}
.mt-in-bd section.map .img-main{width:100%; }
.mt-in-bd section.map .img-main img{width:100%;}
/* map end */


/* logo-concept start */
.mt-in-bd section.logo-concept{width:100%; padding-top:80px; padding-bottom:120px;}
.mt-in-bd section.logo-concept ul.logo-concept{padding-top:120px; display:table; margin:0 auto; padding-bottom:90px;}
.mt-in-bd section.logo-concept ul.logo-concept li{display:table-cell; }
.mt-in-bd section.logo-concept ul.logo-concept li + li{padding-left:60px; }
.mt-in-bd section.logo-concept ul.logo-concept li .image{display:block;}
.mt-in-bd section.logo-concept ul.logo-concept li .name{display:block; color:#959595; font-size:20px;   font-family: 'GothamMedium'; padding-top:30px;}
.mt-in-bd section.logo-concept ul.logo_final{padding-top:70px;}
.mt-in-bd section.logo-concept ul.logo_final li + li{padding-left:40px;}
.mt-in-bd section.logo-concept .bottom{display:inline-block;}
.mt-in-bd section.logo-concept .bottom .logo{display:inline-block; margin-top:95px;}
/* logo-concept end */


/* logo-grid start */
.mt-in-bd section.logo-grid{background-color:#ef9321;padding-bottom:100px;}
.mt-in-bd section.logo-grid h1.arista{ color:#ffffff;}
.mt-in-bd section.logo-grid ul.logo_final{padding-top:110px;}
.mt-in-bd section.logo-grid ul.logo-concept li{vertical-align:middle;}
.mt-in-bd section.logo-grid ul.logo-concept li:first-child{width:360px;}
.mt-in-bd section.logo-concept ul.logo_final li + li{padding-left:63px;}
/* logo-grid end */

/* assets strat */
.mt-in-bd section.assets{width:100%; padding-top:130px;}
.mt-in-bd section.assets .typography{width:100%; display:block;}
.mt-in-bd section.assets .typography .fonts{width:100%; display:table; margin-top:60px; }
.mt-in-bd section.assets .typography .fonts h1.arista{color:#959595;  }
.mt-in-bd section.assets .typography .fonts .font-left{ display:table-cell; text-align:left; width:290px; vertical-align:middle;}
.mt-in-bd section.assets .typography .fonts .font-left h1{margin:0;}
.mt-in-bd section.assets .typography .fonts .font-right{display:table-cell;text-align:left;}
.mt-in-bd section.assets .typography .fonts .font-right h1:nth-child(1){text-transform:uppercase;margin-top:0;} 
.mt-in-bd section.assets .typography .fonts .font-right h1{letter-spacing:0px; margin-bottom:0;}
.mt-in-bd section.assets .typography .fonts .font-right h1 + h1{margin-top:30px;}
.mt-in-bd section.assets .typography .font-left h1{font-size:50px;}
.mt-in-bd section.assets .typography .font-right h1{font-size:30px;}
.mt-in-bd section.assets .color-pallet{margin-top:70px; width:100%; display:inline-block;}
.mt-in-bd section.assets .color-pallet ul.colors{ display:inline-block; margin:0 auto; padding-top:80px;x}
section.assets .color-pallet ul.colors li{display:inline-block;}
.mt-in-bd section.assets .color-pallet ul.colors li .color{display:block; height:110px; width:110px; background-color:#fff; box-shadow: 0px 0px 17px 0px #0000000f; -webkit-box-shadow: 0px 0px 17px 0px #00000045; -moz-box-shadow: 0px 0px 17px 0px #00000045;-o-box-shadow: 0px 0px 17px 0px #00000045; -ms-box-shadow: 0px 0px 17px 0px #00000045; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); padding:5px; border-radius:5px;}
.mt-in-bd section.assets .color-pallet ul.colors li .color .color-in{display:block;  background-color:#transparent; height:100%;}
.mt-in-bd section.assets .color-pallet ul.colors li:nth-child(1) .color .color-in{background-color:#ef9321;}
.mt-in-bd section.assets .color-pallet ul.colors li:nth-child(2) .color .color-in{background-color:#4a9ed7;}
.mt-in-bd section.assets .color-pallet ul.colors li + li{margin-left:110px;}
.mt-in-bd section.assets .color-pallet ul.colors li .color-name{color:#959595; font-size:20px;  font-family: 'GothamMedium'; display:block; margin-top:44px;}
.mt-in-bd section.assets .portfolio-img{display:block; margin-top:180px ; text-align:center;}
.mt-in-bd section.assets .portfolio-img .heading-img{display:block;margin-bottom:22px;}
.mt-in-bd section.assets .portfolio-img .port-img1{display:inline-block;width:100%;}
.mt-in-bd .logo-bt-bottom img {width: 100%; }
.mt-in-bd .cardprint{text-align:center;}
.mt-in-bd .cardprint img{display:inline-block;}
/* assets end */


/* background section start */
.mt-in-bd section.background{width:100%; width:100%; background-image:url(../portfolio/meetin-branding/images/background.jpg);  min-height:500px; margin-top:160px;  }
/* background section end */


 /* section print start */
.mt-in-bd section.print{width:100%;}
 /* section print end */

 
 /* footer start */
.mt-in-bd footer.meetinbrfooter{width:100%; background-image:url(../portfolio/meetin-branding/images/v-cards.png); background-position:center; background-size:cover; min-height:1070px; background-attachment:fixed;}
 /* footer end */
 
 /* media quaries start */
 
@media(min-width:768px){
.mt-in-bd .no_padding{padding:0;}
}

@media(max-width:1199px){
.mt-in-bd section.assets .typography .fonts .font-left{width:240px;}
.mt-in-bd section.assets .typography .fonts .font-right h1{letter-spacing:0; font-size:27px;}
.mt-in-bd section.assets .typography .fonts .font-right h1 + h1{margin-top:20px;}
.mt-in-bd section.assets .color-pallet{margin-top:50px;}
}

@media(max-width:991px){
.mt-in-bd section.logo-concept ul.logo_final li + li{padding-left:0;}
.mt-in-bd section.logo-grid ul.logo-concept li .image{width:200px;}
.mt-in-bd section.logo-grid ul.logo-concept li .image img{width:100%;}
.mt-in-bd section.logo-grid ul.logo-concept li:first-child{width:auto;}
.mt-in-bd section.logo-grid ul.logo-concept li:nth-child(2) .image img{width:auto;}
.mt-in-bd section.logo-concept .bottom .logo{width:200px;}
.mt-in-bd section.logo-concept .bottom .logo img{width:100% ;}
.mt-in-bd section.assets .typography .fonts .font-left{width:176px;}
.mt-in-bd section.assets .typography .font-left h1{font-size:36px;}
.mt-in-bd section.assets .typography .fonts .font-right h1{font-size:21px;}
}

@media(max-width:767px){

.arista{font-size:38px;}
.mt-in-bd section.main-banner .banner-content .texts .headings{max-width:430px;}
.mt-in-bd section.main-banner .banner-content .texts h2{font-size:18px;}
.mt-in-bd section.main-banner{padding:50px 0 20px 0;}

.mt-in-bd section.main-banner .banner-content .texts{margin-top:10px;}
.mt-in-bd section.main-banner .banner-content .texts p{margin-top:40px; line-height:1.6;}
.mt-in-bd section.map .img-main{margin-top:15px;}
.mt-in-bd section.logo-concept ul.logo-concept li + li{padding-left:20px;}
.mt-in-bd section.logo-concept ul.logo-concept li .name{font-size:15px; padding-top:15px;}
.mt-in-bd section.logo-concept ul.logo-concept{padding-top:40px;}
.mt-in-bd section.logo-concept{padding-top:40px; padding-bottom:80px;}
.mt-in-bd section.logo-concept ul.logo-concept{padding-bottom:80px;}
.mt-in-bd section.logo-grid ul.logo-concept li .image{width:120px;}
.mt-in-bd section.logo-concept .bottom .logo{width:120px;}
.mt-in-bd section.logo-grid ul.logo-concept{padding-bottom:45px;}
.mt-in-bd section.logo-grid .bottom .logo{margin-top:55px;}
.mt-in-bd section.assets{padding-top:50px;}
.mt-in-bd section.assets .portfolio-img .port-img1{margin-top:10px;}
.mt-in-bd section.assets .typography .fonts{display:block; margin-top:40px;}
.mt-in-bd section.assets .typography .fonts .font-left, .mt-in-bd section.assets .typography .fonts .font-right{display:block; width:100%; text-align:center;}
.mt-in-bd section.assets .typography .fonts .font-right h1{line-height:1.5;}
.mt-in-bd section.assets .typography .fonts .font-right h1 + h1{margin-top:25px;}
.mt-in-bd section.assets .typography .fonts .font-right{margin-top:25px;}
.mt-in-bd section.assets .color-pallet ul.colors li .color{height:80px; width:80px;}
.mt-in-bd section.assets .color-pallet ul.colors li .color-name{font-size:18px; margin-top:30px;}
.mt-in-bd section.assets .portfolio-img{margin-top:90px;}
.mt-in-bd section.background{margin-top:90px; height:300px;}
.mt-in-bd section.assets .color-pallet ul.colors li + li{margin-left:70px;}
.mt-in-bd section.logo-ad .no_padding:nth-child(2) img{margin-top:15px;}


}
@media(max-width:500px){
.mt-in-bd .arista{font-size:34px;}
.mt-in-bd section.logo-concept ul.logo-concept{display:block;}
.mt-in-bd section.logo-concept ul.logo-concept li{float:left; width:100%;}
.mt-in-bd section.logo-concept ul.logo-concept li .image{float:left; width:100%; text-align:center;}
.mt-in-bd section.logo-concept ul.logo-concept li .image img{display:inline-block;}
.mt-in-bd section.logo-concept ul.logo-concept li .name{display:inline-block; padding-left:20px;}
.mt-in-bd section.logo-concept ul.logo-concept li + li{padding-left:0; margin-top:40px;} 
.mt-in-bd section.logo-concept .Finalized-Logo{display:inline-block; margin-top:40px;} 
.mt-in-bd section.logo-concept ul.logo_final{display:block; width:100%;} 
.mt-in-bd section.logo-concept .bottom{margin-top:40px;}
.mt-in-bd section.logo-concept .bottom .logo{margin-top:40px;}
.mt-in-bd section.logo-grid ul.logo-concept{display:inline-block; width:100%; text-align:center;}
.mt-in-bd section.logo-grid ul.logo-concept li{display:block; width:100% !important; text-align:center;}
.mt-in-bd section.logo-grid ul.logo-concept li .image {width:200px !important;  margin:0 auto; float:none;}
.mt-in-bd section.logo-grid .bottom .logo{width:200px;}
.mt-in-bd section.logo-grid .Finalized-Logo{margin-top:0;}
.mt-in-bd section.logo-concept ul.logo-concept li .name{font-size:16px;}
.mt-in-bd section.logo-grid ul.logo-concept{padding-bottom:0;}
.mt-in-bd section.assets .color-pallet ul.colors li{width:100%; display:table;}
.mt-in-bd section.assets .color-pallet ul.colors li .color-name{display:table-cell; margin-top:0; vertical-align:middle; padding-left:40px;}
.mt-in-bd section.assets .color-pallet ul.colors li .color{display:table-cell;}
.mt-in-bd section.assets .color-pallet ul.colors li + li{margin-left:0; margin-top:60px;}



}