.img-responsive {    display: block;    max-width: 100%;    height: auto;}
body {  font-family: "lato";}
/*Header*/
.header_main { background: #ffffff none repeat scroll 0 0; border: medium none; border-radius: 0; height: 95px; line-height: 95px; margin: 0 40px;}
.header_main ul.nav > li > a { color: #6e6e6e; display: block; font-size: 16px; line-height: 95px; font-family: "Lato"; padding: 0 10px; text-decoration: none; text-transform: uppercase; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -web-transition: all 500ms ease-in-out 0s;}
.header_main ul.nav > li { margin: 0 10px 0 0;}
.header_main ul.nav > li.active > a{ color: #b7303d; }
.header_main ul.nav li:last-child { margin: 0;}
.search_main.pull-right > a { color: #5c5c5c;}
.search_main.pull-right { margin: 0 15px 0 0;}
.header.home .header_top { display: none;}
.header.home .header_main { background: transparent none repeat scroll 0 0; left: 0; position: absolute; top: 15px; width: 100%; z-index: 2;}
/*Header*/

/* Mobile Menu */
.mobile-menu a {display: block;width: 45px;height: 45px;padding: 11px;position: absolute;top: 0;left: 0;}
.mobile-menu a:before, .mobile-menu a:after {content: '';display: block;background: #2c2d83;height: 2px;}
.mobile-menu a span {background: #2c2d83;display: block;height: 2px;margin: 6px 0;}
.mobile-menu {position: relative;height: 43px;width: 50px;display: none;top: 37px;right: 0px;}
.mm-menu .mm-listview {border-color: rgba(0,0,0,.1);position: relative;width: 100%;margin: 0 0 !important;top: 0;background-color: transparent;}
.mm-listview > li.active > a {color: #b7303d !important;font-weight: bold;font-size: 18px;padding: 15px 10px 15px 20px !important;}
.mm-listview>li.active > a:before{display: none;}
.mm-listview > li.active > a{transition: all ease-in-out 500ms 0s;-moz-transition: all ease-in-out 500ms 0s;-webkit-transition: all ease-in-out 500ms 0s;-ms-transition: all ease-in-out 500ms 0s;-o-transition: all ease-in-out 500ms 0s;}
/* Mobile Menu */

/* Home */
.col_main {  float: left;  overflow: hidden;  width: 20%;}
.col_innr {
  overflow: hidden;
  position: relative;
}
.col_innr {
  transition: all 500ms ease-in-out 0s;
}
.col_innr:hover {  transform: scale(1.05);}
.col_innr::after { background-color: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute;  top: 0; width: 100%;}
.col_innr > img {  width: 100%;}
.hm_prt1_text_innr {  left: 50%;  position: absolute;  text-align: center;  top: 50%;  transform: translateX(-50%) translateY(-50%);  width: 100%;}
.home_part1_innr {  position: relative;}
.hm_prt1_text_innr h2 {  color: #fff;  font-family: "lato";  font-size: 36px;  line-height: 38px;  margin: 30px 0 55px;}
.hm_prt1_text_innr > a {  background-color: #2c2d83;  border-radius: 10px;  color: #fff;  display: inline-block;  font-family: "lato";  font-size: 18px;  line-height: 50px;  text-decoration: none;  width: 185px;}

.home_part2_main {  margin: 100px 0 90px;}
.home_part2_innr {  margin: 0 auto;  max-width: 815px;  text-align: center;  width: 100%;}
.ttl_h3 {  color: #2c2d83;  font-family: "lato";  font-size: 24px;  line-height: 37px;  margin: 0 0 50px;}
.p_main {  color: #818181;  font-family: "lato";  font-size: 16px;  line-height: 24px;}
h1.ttl {  border-bottom: 1px solid #313286;  color: #313286;  font-size: 30px;  line-height: 32px;  margin: 0;  padding: 0 0 10px;}
.prt3_row1 {  margin-bottom: 55px;  margin-top: 35px;}
.home_part3_innr h3 {  color: #313286;  font-family: "lato";  font-size: 18px;  font-weight: bold;  line-height: 20px;  margin: 0 0 15px;}
.home_part3_innr p {  color: #777777;  font-family: "lato";  font-size: 14px;  line-height: 25px;  margin: 0;}
.prt3_row2 {  margin-bottom: 80px;}
.logo_row {  margin: 55px 0 85px;}
.lg_main {  float: left;  width: 14.27%;}
.lg_main > img {  width: 100%;}
h6.clink > a {  color: #313286;  font-family: "lato";  font-size: 14px;  font-weight: normal;  line-height: 16px;  text-decoration: none;}
.clink {  margin: 0;  position: relative;  top: -29px;}

/* Home */
/* Footer */
.ft_part1 {  background-color: #20217c;  border-bottom: 3px solid #a5a5a5;  padding: 30px 0;}
.ft_part1_innr {  margin: 0 auto;  max-width: 710px;  text-align: center; width: 100%;}
.flogo_img {  margin: 0 0 10px;}
.fcont {  color: #fff;  font-family: "lato";  font-size: 19px;  font-weight: 300;  line-height: 30px;}
.fcont > span {  font-weight: bold;}
.fcont span a {  color: #fff;  text-decoration: none;}
.copyright_main {  background-color: #222533;  border-top: 7px solid #1c1f2b;  padding: 35px 0;}
.lft_prt {  color: #a1b1bc;  font-family: "lato";  font-size: 14px;  line-height: 22px;}
.lft_prt > span {  color: #304253;}
.rgt_prt > ul {  margin: 0;  padding: 0;}
.rgt_prt li {  display: inline-block;  float: none;  font-size: 14px;  line-height: 16px;  list-style: outside none none;}
.rgt_prt a {  color: #fff;  font-size: 14px;  line-height: 16px;  text-decoration: none;}
.rgt_prt span {  color: #2c3a4a;  margin: 0 3px;}

/* casestudy */
.cs_part1_main h6 {  color: #fff;  font-family: "lato";  font-size: 18px;  font-weight: bold; line-height: 20px;  margin: 0;}
.cs_part1_main {  background-color: #2c2d83;  padding: 35px 0;  text-align: center;}
.cs_part1_main h1 {  color: #fff;  font-family: "lato";  font-size: 40px;  font-weight: bold;  line-height: 40px;  margin: 0;}
.vdo_con {  color: #2c2d83;  font-family: "lato";  font-size: 24px;  line-height: 35px;  margin: 25px auto;  max-width: 875px;  text-align: center;}
.vdo {  margin-top: 25px;}
.cs_prt3_rgt li {  color: #818181;  font-family: "lato";  font-size: 16px;  line-height: 32px;}
.cs_prt3_rgt > ul {  list-style: outside none none;  margin: 0;  padding: 0;}
.cs_prt3_rgt li::before {  color: #2c2d83;  content: "•";  left: -10px;  position: relative;}
.cs_prt3_lft p {  color: #818181;  font-family: "lato";  font-size: 16px;  line-height: 24px;  margin: 55px 0 0;}
.cs_prt3_lft > h6 {  color: #2c2d83;  font-family: "lato";  font-size: 16px;  font-weight: normal;  line-height: 18px;  margin: 0 0 10px;}
.cs_prt3_lft h6 span {  font-weight: bold;  margin: 0 15px 0 0;}
.cs_part3_innr {  border-top: 1px solid #2c2d83; margin-bottom: 75px;  padding-top: 30px;}

/* testimonial */
.test_part1_main h6 {  color: #fff;  font-family: "lato";  font-size: 18px;  font-weight: bold; line-height: 20px;  margin: 0;}
.test_part1_main {  background-color: #2c2d83;  padding: 35px 0;  text-align: center;}
.test_part1_main h1 {  color: #fff;  font-family: "lato";  font-size: 40px;  font-weight: bold;  line-height: 40px;  margin: 0;}
.test_prt3_rgt li {  color: #818181;  font-family: "lato";  font-size: 16px;  line-height: 32px;}
.test_prt3_rgt > ul {  list-style: outside none none;  margin: 0;  padding: 0;}
.test_prt3_rgt li::before {  color: #2c2d83;  content: "•";  left: -10px;  position: relative;}
.test_prt3_lft p,
.test_prt3_rgt p {  color: #818181;  font-family: "lato";  font-size: 16px;  line-height: 24px;  margin: 25px 0 0;}
.test_part3_innr > h6 {  color: #2c2d83;  font-family: "lato";  font-size: 16px;  font-weight: normal;  line-height: 18px;  margin: 0 0 10px;}
.test_part3_innr h6 span {  font-weight: bold;  margin: 0 15px 0 0;}
.test_part3_innr {margin-bottom: 75px;  padding-top: 30px;}
.test_part3_innr .row{
	margin:0 0 20px 0;	
}
.test_prt3_lft,
.test_prt3_rgt{
	border-bottom: 1px solid #2c2d83;
	padding:0 0 20px 0;
}


/* Portfolio */
.main {    max-width: 100%;    margin: auto;}
.column {float: left;width: 32.73%;display: none;position: relative;overflow: hidden;margin: 0 4px 8px;}
.show {display: block;}
.prt_main .btn:focus{box-shadow: none;}
.prt_main .btn {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;color: #313286;cursor: pointer;font-family: "lato";font-size: 14px;line-height: 20px;padding: 0 7px;}
.main #myBtnContainer {text-align: center;}
.prt_main h1 {color: #2c2d83;font-family: "lato";font-size: 24px;line-height: 24px;margin: 20px 0 35px;text-align: center;}
.prt_main h6 {color: #5a5a5a;font-family: "lato";font-size: 14px;line-height: 14px;margin: 0;text-align: center;}
.prt_grid::after {clear: both;content: "";display: block;}
.prt_grid {margin-bottom: 50px;margin-top: 50px;}
.hvr_ttl {background-color: rgba(44, 45, 131, 0.6);height: 100%;left: 0;position: absolute;top: 0;width: 100%;}
.column:hover .hvr_ttl {opacity: 1;}
.hvr_ttl {opacity: 0;}
.hvr_ttl_innr {left: 50%;position: relative;text-align: center;top: 50%;transform: translateY(-50%) translateX(-50%);}
.hvr_ttl_innr h3 {color: #fff;font-family: "lato";font-size: 18px;font-weight: bold;line-height: 18px;margin: 0 0 10px;text-transform: uppercase;}
.hvr_ttl_innr h6 {color: #fff;font-size: 18px;font-weight: normal;line-height: 18px;}

/* Team */
.banner_top_innr {  left: 50%;  position: absolute;  top: 50%;  transform: translateX(-50%) translateY(-50%);}
.banner_top {  position: relative;}
.banner_top > img {  width: 100%;}
.banner_top h1 {  color: #fff;  font-family: "lato";  font-size: 40px;  font-weight: bold;  margin: 0;}
.team_part1_innr {  margin: 45px auto 30px;  max-width: 822px;  text-align: center;}
.team_part1_innr h6 {  color: #2c2d83;  font-family: "lato";  font-size: 24px;  font-weight: normal;  line-height: 37px;  margin: 0 0 45px;}
.team_part1_innr p {  color: #818181;  font-family: "lato";  font-size: 16px;  font-weight: normal;  line-height: 25px;  margin: 0 0 80px;}
.team_part1_innr > span {  color: #2c2d83;  font-family: "lato";  font-size: 14px;  font-weight: normal;  line-height: 16px;}

#myTab.nav.nav-tabs {  padding: 0 95px;}
.tb_lnk {  text-align: center;}
.tb_img {  margin-bottom: 25px;}
.tb_img > img {  width: 100%;}
.tb_ttl > span {  color: #2c2d83;  font-family: "lato";  font-size: 14px;  line-height: 16px;}
.tb_ttl > p {  color: #5a5a5a;  font-family: "lato";  font-size: 14px;  line-height: 14px;  margin: 0;}
#myTab .nav-link {  display: block;  padding: 0 10px 25px;}
.team_mbm_detail {  padding: 70px 95px 0;}
.team_mbm_detail h4 {  color: #2c2d83;  font-family: "lato";  font-size: 30px;  line-height: 32px;  margin: 0;}
.team_mbm_detail h6 {  color: #5a5a5a;  font-family: "lato";  font-size: 26px;  line-height: 26px;  margin: 0 0 25px;}
.team_mbm_detail p {  color: #777777;  font-family: "lato";  font-size: 14px;  line-height: 24px;  margin: 0 0 25px;}
.team_part2_main {  margin: 0 0 150px;}
.team_part2_main .nav-tabs {  border-bottom: 1px solid #2c2d83;}
.team_part2_main .nav-tabs .nav-link.active, .team_part2_main .nav-tabs .nav-item.show .nav-link {  background-color: transparent;  background: rgba(0, 0, 0, 0) url("../img/arrow.png") no-repeat scroll center bottom;  border-color: transparent;  color: #464a4c;}
.team_part2_main .nav-tabs .nav-link:focus, .team_part2_main  .nav-tabs .nav-link:hover {  background: rgba(0, 0, 0, 0) url("../img/arrow.png") no-repeat scroll center bottom;  border-color: transparent;}




#map, #map2, #map3, #map4 {
    height: 400px;
    margin: 0 auto;
    width: 100%;
}