@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
--text-color: #000;
--bg-color: #fff;
--highlight-color: #000
}
:root {
--gutter: 0.75rem
}

.mt-10{margin-top:10px !important;}
.mt-15{margin-top:15px !important;}
.mt-20{margin-top:20px !important;}
.mt-30{margin-top:30px !important;}
.mt-40{margin-top:40px !important;}
.mt-50{margin-top:50px !important;}
.mt-60{margin-top:60px !important;}
.mt-72{margin-top:70px !important;}
.mt-80{margin-top:80px !important;}
.mt-90{margin-top:90px !important;}
.mt-100{margin-top:100px !important;}
.mt-110{margin-top:110px !important;}
.mt-120{margin-top:120px !important;}
.mt-300{margin-top:300px !important;}




.mtb-10{margin-top:10px !important; margin-bottom:10px !important;}
.mtb-20{margin-top:20px !important; margin-bottom:20px !important;}
.mtb-30{margin-top:30px !important; margin-bottom:30px !important;}
.mtb-40{margin-top:40px !important; margin-bottom:40px !important;}
.mtb-50{margin-top:50px !important; margin-bottom:50px !important;}
.mtb-60{margin-top:60px !important;  margin-bottom:60px !important;}
.mtb-72{margin-top:70px !important; margin-bottom:70px !important;}

.mb-5{margin-bottom:-5px;}

.height_685{}



.ptb-10{padding:10px 0px 10px 0;}
.ptb-15{padding:15px 0px}
.ptb-16{padding:16px 0px}
.ptb-20{padding:20px 0px 20px 0;}
.ptb-30{padding:30px 0px 30px 0;}
.ptb-40{padding:40px 0px 40px 0;}
.ptb-50{padding:50px 0px 50px 0;}
.ptb-60{padding:60px 0px 60px 0;}
.ptb-70{padding:70px 0px 70px 0;}
.ptb-80{padding:80px 0px 80px 0;}
.pt-70{padding:70px 0px 0px 0;}

.ptb-100{padding:100px 0px 100px 0;}
.pb-16{padding-bottom:16px;}
.pt-12{padding-top:12px;}

.pt-8{padding-top:8px;}
.pt-7{padding-top:7px;}
.pb-12{padding-bottom:10px;}
.ptb-12{ padding:12px 0; overflow: hidden;}
.p-r-8{padding-right:8px;}
.p-l-8{padding-left:8px;}

.p-0{padding:0;}

.padd_left_right {
    padding-left: 0px;
    padding-right: 6px;
}
.padd_right_left {
    padding-left: 6px;
    padding-right: 0px;
}

.padd_right_left3 {
    padding-left: 4px;
    padding-right: 0px;
}



.padd_right_left4 {
    padding-left: 6px;
    padding-right: 0px;
}

.padd_left_right2 {
    padding-left: 12px;
    padding-right: 0px;
}
.padd_right_left2 {
    padding-left: 6px;
    padding-right: 0px;
}
.padd_0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.workpd{ padding: 0 6px 0 0 }
.workpd2{ padding: 0 8px 0 0}
.padd_left_right {padding-right: 0px }
.ipade_pdd{padding:0 6px 0 6px }
.content_info {padding: 10px 0 50px 0;}
.mt-40 {margin-top: 0 }

 
.pdd-l-r{padding-left:12px; padding-right:12px;}


.p-l-r-5{padding:0 5px;}
.p-r-5{ padding-right:10px;}
.p-l-5{ padding-left:5px;}

.p-r-6{ padding-right:6px;}
.p-l-6 {
    padding-left: 6px;
}

.pl-0{padding-left:0px;}
.pr-0{padding-right:0px;}

.shapeshifter .ptb-140{padding:140px 0}

.shapeshifter .ptb-200{padding:200px 0px 90px}

.shapeshifter .ptb-30{padding:30px 0px 90px}
 .marquee0 span {
        display: inline-block;
        padding-right: 5px;
        color: red;
        font-size:17px;
        }

	 .st0 {
        fill: #FFFFFF;
    }
    .st1 {
        fill: #FFFFFF;
        stroke: #FFFFFF;
        stroke-miterlimit: 10;
    }
	#header {
    padding: 25px 0px;
}
 .marquee0 img{ height:600px;}

.font-10{ font-size:10px; color:#000;}
.font-11{ font-size:11px; color:#000;}
.font-12{ font-size:12px; color:#000;}
.font-13{ font-size:13px; color:#666;}
.font-14{ font-size:14px; color:#000;}
.font-15{ font-size:15px; color:#000;}
.font-16{ font-size:16px; color:#000;}
.font-17{ font-size:17px; color:#000;}
.font-18{ font-size:18px; color:#000;}
.font-19{ font-size:19px; color:#000;}
.font-20{ font-size:20px; color:#000;}
.font-21{ font-size:21px; color:#000;}
.font-22{ font-size:22px; color:#000;}
.font-23{ font-size:23px; color:#000;}
.font-24{ font-size:24px; color:#000;}
.font-25{ font-size:25px; color:#000;}
.font-26{ font-size:26px; color:#000;}
.font-27{ font-size:27px; color:#000;}
.font-28{ font-size:28px; color:#000;}
.font-29{ font-size:29px; color:#000;}
.font-30{ font-size:30px; color:#000;}
.font-31{ font-size:31px; color:#000;}
.font-32{ font-size:32px; color:#000;}
.font-33{ font-size:33px; color:#000;}

.elephant_video video{
    width: 60% !important;
    height: auto !important;
	padding-top:50px
}


.crickchanakya_banner {
    background-image: url(../images/casestudy/cricchanakya/Cricchanakya_Case_Study_1.jpg);
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	width: 100%;
	padding-bottom: 50%;
	height: 730px;
	background-attachment: scroll;
	background-attachment: fixed;
}

.elephant_banner {
    background-image: url(../images/casestudy/Elephant/header_banner.jpg);
   background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	width: 100%;
	padding-bottom: 50%;
	height: 730px;
	background-attachment: scroll;
	background-attachment: fixed;
}

.Ellementary_banner {
    background-image: url(../images/casestudy/Ellementary/Ellementary_Case_Study-1.jpg);
   background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	width: 100%;
	padding-bottom: 50%;
	height: 730px;
	background-attachment: scroll;
	background-attachment: fixed;
}
.one_two_banner {
    background-image: url(../images/casestudy/one_two/header_banner.jpg);
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	width: 100%;
	padding-bottom: 50%;
	height: 730px;
	background-attachment: scroll;
	background-attachment: fixed;
}
.papa_dont_preach_banner {
    background-image: url(../images/casestudy/Papa-Dont-Preach/papa_dont_preach_Case_Study_1.jpg);
     background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	width: 100%;
	padding-bottom: 50%;
	height: 730px;
	background-attachment: scroll;
	background-attachment: fixed;
}
.Shapeshifter_banner {
    background-image: url(../images/casestudy/Shapeshifter/Shapeshifter_Case_Study-1.jpg);
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	width: 100%;
	padding-bottom: 50%;
	height: 730px;
	background-attachment: scroll;
	background-attachment: fixed;
}
.Silq_banner {
    background-image: url(../images/casestudy/silq/Silq_Case_Study_2.jpg);
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	width: 100%;
	padding-bottom: 50%;
	height: 730px;
	background-attachment: scroll;
	background-attachment: fixed;
}
.the_yellow_grid_banner {
    background-image: url(../images/casestudy/the_yellow_grid/header_banner.jpg);
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	width: 100%;
	padding-bottom: 50%;
	height: 730px;
	background-attachment: scroll;
	background-attachment: fixed;
}
.triquetra_banner {
    background-image: url(../images/casestudy/triquetra/banner_1.jpg);
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	width: 100%;
	padding-bottom: 50%;
	height: 730px;
	background-attachment: scroll;
	background-attachment: fixed;
}
.WSD_banner {
    background-image: url(../images/casestudy/WSD/WSD_Case_Study-1.jpg);
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	width: 100%;
	padding-bottom: 50%;
	height: 730px;
	background-attachment: scroll;
	background-attachment: fixed;
}
.Zero_yet_100_banner {
    background-image: url(../images/casestudy/zeroyet_100/Zeroyet_100_banner.jpg);
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	width: 100%;
	padding-bottom: 50%;
	height: 730px;
	background-attachment: scroll;
	background-attachment: fixed;
}

.banner_heading {
    font-size: 95px;
    font-family: Roboto;
    font-weight: 300;
    color: #FFF;
	position:absolute;
	bottom:0;
	padding:0 0 20px 10px;
}

.main{margin:0 auto;} 

/*slider Section */
.slider{ margin:0 auto; left:0px; right:0px; background:url(../images/header.gif) center top no-repeat; background-attachment:fixed; width:100%; height:650px; background-size:contain;}

.slider_mobile{ margin:0 auto; left:0px; right:0px; background:url(../images/header_mobile.gif) center top no-repeat; background-attachment:fixed; width:100%; height:875px; background-size: contain;}

.white_text{color:#fff !important;}

.banner_text {
    position: relative;
    /* bottom: -100px; */
        padding: 0 12px;
    /* top: 78%; */
    margin-top: -248px;
    float: left;
}
.banner_text h3{font-size:95px;font-family:Roboto;font-weight:300;color: #000;margin: 0px;}


.banner_text2 {
    position: relative;
    /* bottom: -100px; */
        padding: 0 12px;
    /* top: 78%; */
    margin-top: -246px;
    float: left;
}

.banner_text2 h3{font-size:95px;font-family:Roboto;font-weight:300;color: #fff;margin: 0px;}


.banner_text3 {
    position: relative;
    /* bottom: -100px; */
        padding: 0 12px;
    /* top: 78%; */
    margin-top: -138px;
    float: left;
}
.banner_text3 h3{font-size:95px;font-family:Roboto;font-weight:300;color: #000;margin: 0px;}



.banner_text4 {
    position: relative;
    /* bottom: -100px; */
        padding: 0 12px;
    /* top: 78%; */
    margin-top: -246px;
    float: left;
}

.banner_text4 h3{font-size:95px;font-family:Roboto;font-weight:300;color: #fff;margin: 0px;}


.project-tab {
  
}

.project-tab .fade{opacity:1;}

.project-tab #tabs{
    background: #007b5e;
    color: #eee;
}
.project-tab #tabs h6.section-title{
    color: #eee;
}
.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ffffff;
    /* background-color: transparent; */
    /* border-color: transparent transparent #f3f3f3; */
    /* border-bottom: 3px solid !important; */
    font-size: 17px;
        font-weight: normal;
}

.project-tab .nav-tabs{margin-bottom:0px !important;}


.project-tab .nav-link {
  font-size: 17px;
    border: none;
    border-radius: 0px;
    text-align: center;
    color: #6d6e70;
    /* margin-bottom: 30px; */
    background: none;
    padding: 0 12px;
    font-weight: 500;
    font-family: 'Roboto Mono';
    letter-spacing: 1px;
    float: left;
}
.project-tab .nav-link:hover {
    /* border: none; */
    color: #fff;
}
.project-tab thead{
    background: #f3f3f3;
    color: #333;
}
.project-tab a{
    text-decoration: none;
    color: #333;
    font-weight: 600;
}




/*slider Section End*/


/*Navigation Section */

.fixed {
	position: fixed !important;
	top: 0;
	width: 100%;
    
      left: 0px;
    right: 0;
  
}

 .fixed#header {
        padding: 25px 15px;
        background:#fff;
        top: 0px;
            height: auto;
    }


 .navgtion_section{background:#fff;}


#logo{
    height: 40px;
    width: 78px;
    padding: 0px;


}


#logo .mobile-logo{width:200px;}
.desktop_logo{}




#header.header-scrolled {
    background: #fff;
    padding: 20px 0;
    height: 72px;
    
}
#header {
   padding: 25px 0px;
    /* height: 92px; */
    /* position: fixed; */
    /* left: 0; */
    /* top: 0; */
    /* right: 0; */
    
    z-index: 99;
    background-color: #fff;
    /* box-shadow: 5px 0px 15px #c3c3c3; */
    overflow: hidden;
}
#header #logo h1 {
    font-size: 46px;
    margin: 0;
    padding: 0;
    line-height: 1;
    letter-spacing: 8px;
	font-weight:500;
}
#header #logo h1 a, #header #logo h1 a:hover {
	text-decoration:none;
    color: #000;
    /* padding-left: 10px; */
    /* border-left: 4px solid grey; */
}
#nav-menu-container {
    float: right;
    margin: 0;
}
.nav-menu > li {
    margin-left: 10px;
}
.nav-menu > li {
    float: left;
}
.nav-menu li {
    position: relative;
    white-space: nowrap;
}
.nav-menu, .nav-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.header-scrolled .nav-menu li:hover > a, .header-scrolled .nav-menu > .menu-active > a {
    color: #18d26e;
}
.header-scrolled .nav-menu a {
    color: black;
}
.nav-menu li:hover > a, .nav-menu > .menu-active > a {
    color: #9a9a9a;
}

.nav-menu li a.active {
    color: #9a9a9a;}

.nav-menu a {
   padding: 10px 305px 0 0;
    text-decoration: none;
    display: inline-block;
    color: #000;
    font-weight: 400;
    font-size: 1.125em;
    text-transform: uppercase;
    outline: none;
    letter-spacing: 2px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.nav-menu a:hover{color:#9a9a9a;}


#mobile-nav-toggle {
    display: inline;
}
#mobile-nav-toggle {
    /* position: fixed; */
    right: 0;
    top: 0;
    z-index: 999;
    margin: 0px 0px 0 0;
    border: 0;
    background: none;
    font-size: 26px;
    display: none;
    transition: all 0.4s;
    outline: none;
    cursor: pointer;
    float: right;
}
#mobile-body-overly {
    width: 100%;
    height: 100%;
    z-index: 997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    display: none;
}
body.mobile-nav-active #mobile-nav {
    left: 0;
}
#mobile-nav {
    position: fixed;
    top: 0;
    padding-top: 18px;
    bottom: 0;
    z-index: 998;
    background: rgba(0, 0, 0, 0.8);
    left: -260px;
    width: 260px;
    overflow-y: auto;
    transition: 0.4s;
}
#mobile-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#mobile-nav ul li {
    position: relative;
}
#mobile-nav ul li a {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    overflow: hidden;
    padding: 10px 22px 10px 15px;
    position: relative;
    text-decoration: none;
    width: 100%;
    display: block;
    outline: none;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
}
#mobile-nav ul .menu-has-children i.fa-chevron-up {
    color: #18d26e;
}
#mobile-nav ul .menu-has-children i {
    position: absolute;
    right: 0;
    z-index: 99;
    padding: 15px;
    cursor: pointer;
    color: #fff;
}
#mobile-nav ul .menu-item-active {
    color: #18d26e;
}
#mobile-nav ul li li {
    padding-left: 30px;
}

.menu-has-children ul
{display: none;}

.sf-arrows .sf-with-ul {
  padding-right: 30px;
}

.sf-arrows .sf-with-ul:after {
  content: "\f107";
  position: absolute;
  right: 15px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  color:black;
}

.sf-arrows ul .sf-with-ul:after {
  content: "\f105";
}


.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {
  display: block;
}
.nav-menu ul {
    margin: 4px 0 0 0;
    padding: 10px;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    background: #fff;
}
.nav-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}

.sf-arrows .sf-with-ul {
    padding-right: 30px;
}
.nav-menu li {
    position: relative;
    white-space: nowrap;
}


@media (max-width: 768px){
#nav-menu-container {
    display: none;
}

#mobile-nav-toggle {
    display: none;
}
}


/*Header Section End */


/*content Section  */

.content_section {
    margin: 0 auto;
    background: #fff;
    position: relative;
    margin-bottom: 60px
}
/*.content_section .row{margin:0px;}*/
/*.content_section .col-md-3{padding-left: 5px;padding-right: 5px;}
.content_section .col-md-5{padding-left: 5px;padding-right: 5px;}
.content_section .col-md-4{padding-left: 5px;padding-right: 5px;}
.content_section .col-md-7{padding-left: 5px;padding-right: 5px;}*/

.content_section .box{margin:0 auto; position:relative; }
.content_section a{}
.content_section a:hover{ text-decoration:none;}
.content_section .imgbox{ width:100%; margin:0 auto;}
.content_info {
    padding: 10px 10px 50px 0;
}
.content_info .title {
    font-size: 1.125em;
    color: #000;
    font-weight: 400;
    margin: 2px 0 2px;
    letter-spacing: 1px;
}
.content_info p{ font-size: 1.125em; color:#6b6b6b; margin:0px; font-weight:300; letter-spacing:1px;}
.content_section .view_bt{font-size:40px; color:#000100; font-weight:300; font-family:Roboto;}
.content_section .view_bt:hover{    color: #636b67;}



.img_1 {
    background: url('../images/one-twomouseover.gif') no-repeat;
    background-size:cover;
    width: 100%;
}
.img_1 img {
	/*-webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	-o-transition: all ease 1s;
	-ms-transition: all ease 1s;
	transition: all ease 1s;*/
    width: 100%;
}
.img_1 img:hover {
	opacity: 0;
}

.img_2 {
    background: url('../images/zeroyet100mouse-over.jpg') no-repeat;
    background-size:cover;
    width: 100%;
}
.img_2 img {
    width:100%;

	/*-webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	-o-transition: all ease 1s;
	-ms-transition: all ease 1s;
	transition: all ease 1s;*/
    
}
.img_2 img:hover {
	opacity: 0;
}


.img_3 {
    background: url('../images/shapeshiftermouse-over.jpg') no-repeat;
    background-size:cover;
    width: 100%;
}
.img_3 img {
	/*-webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	-o-transition: all ease 1s;
	-ms-transition: all ease 1s;
	transition: all ease 1s;*/
}
.img_3 img:hover {
	opacity: 0;
}


.img_4 {
    background: url('../images/casestudy/Ellementary/ellementry_new.jpg') no-repeat;
    background-size:cover;
    width: 100%;
}
.img_4 img {
	/*-webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	-o-transition: all ease 1s;
	-ms-transition: all ease 1s;
	transition: all ease 1s;*/
}
.img_4 img:hover {
	opacity: 0;
}

.img_5 {
    background: url('../images/urbn-mouse-over.jpg') no-repeat;
    background-size:cover;
    width: 100%;
}
.img_5 img {
	/*-webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	-o-transition: all ease 1s;
	-ms-transition: all ease 1s;
	transition: all ease 1s;*/
}
.img_5 img:hover {
	opacity: 0;
}

.img_6 {
    background: url('../images/cricchanakya-mouse-over.jpg') no-repeat;
    background-size:cover;
    width: 100%;
}
.img_6 img {
	/*-webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	-o-transition: all ease 1s;
	-ms-transition: all ease 1s;
	transition: all ease 1s;*/
}
.img_6 img:hover {
	opacity: 0;
}


.img_7 {
    background: url('../images/wsd-mouse-over.jpg') no-repeat;
    background-size:cover;
    width: 100%;
}
.img_7 img {
	/*-webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	-o-transition: all ease 1s;
	-ms-transition: all ease 1s;
	transition: all ease 1s;*/
}
.img_7 img:hover {
	opacity: 0;
}


/*content Section End */


/*mid footer Section  */
.mid_footer{ background:#dfecd8; padding: 60px 0;  }
.mid_footer .text_info {
    font-size: 65px;
    font-family: Roboto;
    font-weight: 300;
    color: #000;
    line-height: 1.1em;
	text-indent:200px;
}
.mid_footer .text_info a{font-size:65px; color:#000; border-bottom:solid #000 1px;}
.mid_footer .text_info a:hover{text-decoration:none; border:none;}
/*mid footer Section end  */

/*footer Section  */

.footer {
    background: #000;
    height: 200px;
}
.footer2 {
   background: #000;
   position: fixed;
   left: 0;
   bottom: 0 !important ;
   width: 100%;
   height: 200px;
}
.footer .widget_box{ width:100%; margin:0 auto; overflow: hidden; }
.footer_logo svg{fill:#fff;width:80px;margin: 80px 0 0;}

.contact_footer { position:absolute; bottom:22px; right:12px}

ul.footer_nav{padding:0px; margin:0px; float:left;}
ul.footer_nav li{list-style:none;float:left;/* width:100%; *//* line-height: 70px; */}
ul.footer_nav li a{font-size:12px;color:#fff;text-decoration:none;padding: 90px 90px 0px 0;display:block;font-size: 1.125em;font-weight: 300;/* margin-top: 20px; *//* line-height: 70px; */}
ul.footer_nav li a:hover{color:#ccc;}


ul.footer_nav2{padding:0px; margin:0px; float:left;}
ul.footer_nav2 li{list-style:none;float:left;/* width:100%; *//* line-height: 70px; */}
ul.footer_nav2 li a{font-size:12px;color:#fff;text-decoration:none;padding: 90px 55px 0px 0;display:block;font-size: 1.125em;font-weight: 300;/* margin-top: 20px; *//* line-height: 70px; */}
ul.footer_nav2 li a:hover{color:#ccc;}



ul.social_icon_mobile{padding:0px; margin:0px; float:left;}
ul.social_icon_mobile li{list-style:none;float:left;/* width:100%; *//* line-height: 70px; */}
ul.social_icon_mobile li a{font-size:12px;color:#fff;text-decoration:none;padding: 90px 55px 0px 0;display:block;font-size: 1.125em;font-weight: 100;/* margin-top: 20px; *//* line-height: 70px; */}
ul.social_icon_mobile li a:hover{color:#ccc;}

ul.social_icon_mobile li a svg {
    fill: #fff;
    /* width: 30px; */
    height: 30px;
    /* padding: 10px 0; */
}

ul.social_icon_mobile li a .st1 {
    fill: #FFFFFF;
    stroke: none;
    stroke-miterlimit: 10;
}

.desktop_footer{}




.copyright{width:100%; margin: auto;padding: 30px 0 0;}
.copyright p{font-size:11px;color:#fff;text-align:right;margin: 0px;font-size: 1.125em;font-weight: 300;}

/*footer Section  */


/*About  Section  */

.about_banner{ width:100%; margin:0 auto; background:#000; padding:100px 0 25px 0; }
.about_banner .left_text{font-size: 6.25em; color:#fff; font-family:Roboto; font-weight:300; margin: 0px; line-height: 90px; text-indent:170px}
.about_banner .right_text {
    font-size: 15px;
    color: #dadada;
    font-family: Roboto;
    font-weight: 300;
    margin: 0px;
    padding-bottom: 30px;
    line-height: 24px;
    width: 300px;
    max-width: 100%;
	letter-spacing:1px;
}

.about_banner .right_text.m0{margin:0px !important;}

.about_content{background:#dfecd8; padding:40px 0;}
.about_content .row{margin:0px;}

.about_content .heading {
    font-size: 75px;
    color: #000;
    font-family: Roboto;
    font-weight: 300;
    width: 1170px;
    margin: 0 auto;
    margin-bottom: 130px;
    max-width: 100%;
}
.about_content .box1{margin:auto;}
.about_content .box1 .head {
    font-size: 22px;
    color: #000;
    font-weight: 400;
    letter-spacing: 10px;
    margin:0px;
}

.about_content .box1 .logo_img{margin:0 auto; }
.about_content .box1 .logo_img svg {
    /* font-size: 20px; */
    width: 160px;
    margin-top: -15px;
}
.about_content .box1 .text {
    font-size: 15px;
    color: #000;
    font-family: Roboto;
    font-weight: 300;
    margin: 0px;
    line-height: 25px;
    letter-spacing: 1px;
	padding:10 0 15px 0;
}

.about_content .box1 strong {
    font-weight: 700;
    color: #000;
    font-size: 1.188em;
    font-family: Roboto;
    letter-spacing: 1px;
}

.about_content .box1 ul{padding:0px; margin:0px;}
.about_content .box1 ul li {
    width: 100%;
    font-size: 15px;
    color: #000;
    letter-spacing: 1px;
    font-family: Roboto;
    font-weight:300;
	line-height:25px;
	list-style: disc;
	margin:0 0 0 15px;
}


.black_bg{ background:#000; padding:120px 0;}

.black_bg p {
    font-size: 5.000em;
    color: #fff;
    margin: 0px;
    font-weight: 300;
    font-family: Roboto;
    line-height: 80px;
    /* line-height: 1.1em; */
    line-height: 80px;
	text-indent:170px;
}


.our_service{background: #000000;padding: 40px 0 150px;}
.our_service .head_title{font-size:22px;color: #fff;letter-spacing: 10px;margin: 0px;font-weight: 400;}

.head_title{font-size:22px;color: #000;letter-spacing: 10px;margin: 0px;font-weight: 400;}

.our_service .box2{margin:auto;}

.our_service .box2 strong {
    font-weight: 500;
    color: #fff;
    font-size: 17px;
    font-family: Roboto;
    letter-spacing: 1px;
    margin-bottom: 20px;
    display: block;
}

.our_service .box2 ul{padding:0px; margin:0px;}
.our_service .box2 ul li {
    list-style: none;
    float: left;
    width: 100%;
    /* display: block; */
    padding: 2px 0;
    font-size: 1.188em;
    color: #ffffff;
    font-family: Roboto;
    display: flex;
    margin-left: 14px;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 15px;
}


.our_service .box2 ul li:before {
    content: "\f111";
    position: absolute;
        left: 16px;
    font: normal normal normal 4px/1 FontAwesome;
    margin-top: 10px;
}

.text {
    font-size: 18px;
    color: #000;
    font-family: Roboto;
    font-weight: 400;
    margin: 0px;
    line-height: 27px;
    letter-spacing: 0.7px;
}


.contact_sec{ padding:200px 0; background:#fff;}

.contact_sec p {
    font-size: 75px;
    color: #000;
    margin: 0px;
    font-weight: 300;
    font-family: Roboto;
    line-height: 100px;
}

.contact_sec a{border-bottom:solid #000 1px; text-decoration:none; color:#000;}
.contact_sec a:hover{text-decoration:none; color:#000;}


.portfolio_sec{}

.portfolio-menu { background:#000; padding: 130px 0;}
.portfolio-menu .head_title2 {
    font-size: 1.188em;
    color: #fff;
    letter-spacing:2px;
    margin: 0px;
    font-weight: 400;
    FLOAT: LEFT;
    LINE-HEIGHT: 24PX;
}
.portfolio_sec .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    /* outline: thin dotted; */
       outline: none;
    /* outline-offset: -2px; */
    background: none;
    color:#fff;
    border:none;
}


.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button {
    font-size: 17px;
    border: none;
    border-radius: 0px;
    text-align: center;
    color: #6d6e70;
    /* margin-bottom: 30px; */
    background: none;
    padding: 0 12px;
    font-weight:500;
    font-family:'Roboto Mono';
    letter-spacing: 1px;
}
.filter-button:hover {
    color: #fff !IMPORTANT;
    background: none;
    background: none !IMPORTANT;
}
.filter-button.active {
    background: none;
    color: #fff;
    border: none;
}
.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}






.inner_banner{width:100%;margin:0 auto;/* padding: 0 20px; */}
.inner_banner .heading{ position:absolute; bottom:0px; font-size:80px; font-family:Roboto; font-weight:300; margin:0px; color:#fff;}
.inner_mid{width:100%; margin:auto; background:#fff; padding:12px 0;}
.inner_mid .left_box {
    margin-bottom: 25px;
    
    float: left;
}
.inner_mid .right_box{ padding:50px 0; overflow:hidden;}
.inner_mid .left_box ul{margin:0px; padding:0px;}
.inner_mid .left_box ul li{list-style:none; float:left; width:100%; font-size:17px; font-weight:400; color:#000;}

.inner_title_head{ font-size:22px; color:#000; font-weight:400; letter-spacing:8px;}
.inner_text {
    font-size: 15px;
    color: #000;
    font-family: Roboto;
    font-weight: 300;
    /* margin: 0px; */
    letter-spacing: 1px;
    margin: 0px;
}



.inner_text2 {
    font-size: 15px;
    color: #000;
    font-family: Roboto;
    font-weight: 300;
    /* margin: 0px; */
    letter-spacing: 1px;
    width:301px;
    float:left;
    margin: 0px;
    MAX-WIDTH: 100%;
}

.inner_text4 {
    font-size: 15px;
    color: #000;
    font-family: Roboto;
    font-weight: 300;
    /* margin: 0px; */
    letter-spacing: 1px;
    width:350px;
    float:left;
    margin: 0px;
    MAX-WIDTH: 100%;
}


.inner_text3 {
    font-size: 15px;
    color: #000;
    font-family: Roboto;
    font-weight: 300;
    letter-spacing: 1px;
    width:300px;
    float:left;
    margin: 0px;
    MAX-WIDTH: 100%;
}

.Ellementary {
    padding: 12px 0 60px;
}

.procedure_sec {
    padding: 60px 0 60px;
}

.img_box_inner{width:100%; margin:0 auto; }

.big_text{font-size:90px; color:#000; font-family:Roboto; font-weight:300; margin:0px; line-height:100px; padding:40px 0 40px 0}

.box_padding0{padding:0px}

.box_padding {
    padding: 422px 165px 0px 320px;
}

.box_padding2 {
    padding:820px 0 0 0;
}
.box_padding3{ padding: 795px 0 60px 0}

.box_padding4 {
    padding: 365px 0 0px 230px;
    overflow: hidden;
}
.float_right {
  float: right !important;
}
.box_padding5 {
    padding: 672px 0 0px 130px;
    overflow: hidden;
}

.box_padding6 {
    padding:136px 0 0 160px;
}

.box_padding7 {
    padding: 835px 0 0px ;
}

.box_padding8 {
        padding: 341px 0 0px 155px;
}

.box_padding9 {
   padding: 835px 0 0px 0px;
}

.box_padding10 {
    padding: 535px 0 0px 0px;
}

.box_padding11 {
    padding: 695px 0 0px 0px;
}



.box_padding12 {
    padding: 100px 0 60px 150px;
    overflow:hidden;
}

.box_padding13 {
    padding: 60px 0 0px 130px ;
}

.img_name{padding:106px 0 0 5px; font-size:15px; color:#000;}

.box_padding14 {
    margin-top: 581px;
    overflow: hidden;
}

.box_padding15 {
    margin-top: 610px;
}

.box_padding16 {
    padding:600px 0 0 0;
}

.box_padding17 {
    margin-top: 635px;
}
.box_padding18{margin-top:375px; }

.box_padding19 {
    padding: 623px 0 60px;
    overflow: hidden;
}
.box_padding20 {
    padding: 1048px 0 0px;
    overflow: hidden;
}

.box_padding21 {
    padding: 80px 0 0 10px;
    overflow: hidden;
}


.box_padding23 {
    padding: 563px 0 0 0px;
    overflow: hidden;
}







.gray_bg{padding:100px 0; background:#d9d9d9; height:300px;}


.black_bg_inner{background:#000; padding:60px 0; }
.black_bg_inner img{display:inline-block; padding:120px 0;}

.padd_top_240 {
    /* padding: 263px 0; */
    /* margin-top: 265px; */
    display: block;
    margin: 270px 0;
}
.padd_tb_bottom200{padding:200px 0;}



.black_bg_inner .runing_text {
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    letter-spacing:normal !important;
}

.more_project{padding:60px 120px ;}

.more_project .title{font-size:43px; color:#000; font-family:Roboto; font-weight:300;}

ul.service{margin:0px; padding:0px; }
ul.service  li {
    list-style: none;
    border-top: solid #9d9c9c 2px;
    overflow: hidden;
}

ul.service li a{display:block; width:100%; color:#000; padding: 30px 0; letter-spacing: 1px; font-size: 18px; color: #000;}
ul.service  li a:hover{text-decoration:none;}

ul.service  li:last-child{border-bottom: solid #9d9c9c 2px;}

ul.service  li span {
    float: RIGHT;
    width: 820PX;
}


.service .project-thumb {
    position: fixed; 
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 33.33333%;
    display: none;
    width: calc( 4/12 * (100vw - var(--gutter)));
}

.one_two{}


.zero_yet_100{padding:380px; background:#e7e3e1;}


.shapeshifter .small_img {
    float: right;
    margin-top: 521px; margin-right:6px !important;
}
.triqetra_img1680{ padding: 0 8px 0 0 !important;}
.elementry_img1680{ padding: 0 7px 0 0 !important;}
.yellowgrid_img1680{padding: 0 7px 0 0 !important;}

video {
  /* override other styles to make responsive */
  width: 100%    !important;
  height: auto   !important;
}

.shapeshifter .ptb_200{padding:200px 0;}
.ellementary{}

.ellementary .half_img_left{ margin-top:360px; width: 780px; float:left;}
.ellementary .half_img_right{ margin-top:1370px;}
.ellementary .half_img_right2{ margin-top:180px; float:right;  width: 780px;}
.WSD{}

.WSD .box_img{padding:280px 0; text-align:center; margin:0 auto; }
.WSD .box_img img{display:inline-block; text-align:center;}
.Papa-Dont-Preach{}

.Papa-Dont-Preach .pd_btm-180-100 {
    padding: 15px 0 0px;
    overflow: hidden;
}
.Papa-Dont-Preach .red_text {
    font-size: 17px;
    color: red;
    margin: 0PX;
    LETTER-SPACING: 4PX;
   
}



.marquee0 {
	background: none;
    margin-top: 60px;
}



.marquee p {
	font-size: 17px;
    color: red;
    margin: 0PX;
    LETTER-SPACING: 4PX;
	height: 100%;
}

.marquee0 span {
	display: inline-block;
	padding-right: 5px;
    color: red;
}

.white{ color:#FFF !important}

.Papa-Dont-Preach .mt-120{ margin-top:120PX;}
.Papa-Dont-Preach .img_left{ width:382px; float:left; margin-top:460px;}

.cricchanakya{}

.cricchanakya .ptb_150{ padding:150px 0;}

video::-webkit-media-controls{
    display: none;
}

video:focus{outline: 0px solid transparent;}


.small_video{width:30% !important;}

video {
    outline: 0px !IMPORTANT;
}




@media only screen and (min-width: 550px) {
:root {
--gut: 0.5rem
}
}
.clearfix:after, body:after {
	content: " ";
	display: table;
	clear: both
}



.ratio-box {
	position: relative;
	height: 0;
	display: block;
	width: 100%
}
.ratio-box img, .ratio-box svg, .ratio-box iframe, .ratio-box video {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	
	display: block
}




    


.work-list {
    /* min-height: 80vh; */
    padding: 0px;
    margin-bottom: 100px;
    /* display: block; */
    float: left;
}
.work-item {
	position: relative;
	width: 100%;
	display: block;
	float: left;
        border-top: solid #000 1px;
}
.work-item:last-child{border-bottom: solid #000000 1px;}

.work-item a {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	text-decoration: none;
	-webkit-box-align: start;
	align-items: flex-start;
	-webkit-box-pack: end;
	justify-content: flex-end;
	padding: var(--gutter) var(--gut);
    font-size: 17px;
    color: #333;
    padding: 30px 0;
    letter-spacing: 1px;
}
.work-item a span {
	min-width: 50%;
	z-index: 2;
	padding: 0 var(--gut);
	-webkit-box-flex: 0;
	flex: 0 0
}

@media only screen and (min-width: 550px) {
.work-item a span {
	padding: var(--gutter) var(--gut)
}
}
.work-item a .title {
	-webkit-box-ordinal-group: 2;
	order: 1;
	min-width: 83.33333%
}
.work-item a .year {
	-webkit-box-ordinal-group: 3;
	order: 2;
	text-align: right;
	min-width: 16.66667%
}
.work-item a .services {
	display: none
}

@media only screen and (min-width: 550px) {
.work-item a .services {
	display: block
}
.work-item a .title, .work-item a .services, .work-item a .year {
	text-align: left;
	min-width: 0;
	-webkit-box-ordinal-group: 1;
	order: 0
}
.work-item a span {
	-webkit-box-flex: 1;
	flex: 1 1
}
}
.work-item .project-thumb {
	position: fixed;
	z-index: -99999;
	pointer-events: none;
	opacity: 0;
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 33.33333%;
	display: none;
	width:calc( 4/12 * (100vw - var(--gutter)))
}

@media only screen and (min-width: 550px) {
.work-item .project-thumb {
	display: block
}
}

@media only screen and (min-width: 550px) {
.work-item:hover .project-thumb {
	opacity: 1
}
}



video::-webkit-media-controls {
  display: none;
}

/* Could Use thise as well for Individual Controls */
video::-webkit-media-controls-play-button { display:none;}

video::-webkit-media-controls-volume-slider {display:none;}

video::-webkit-media-controls-mute-button {display:none;}

video::-webkit-media-controls-timeline {display:none;}

video::-webkit-media-controls-current-time-display {display:none;}


video::-webkit-media-controls, video::-moz-media-controls, video::-o-media-controls, video::-ms-media-controls {
    display: none !important;
}

summary:focus {
     outline: 0;
}

summary{
  outline:none;
}