/*===============================================*\
                      BODY
\*===============================================*/
body {
  font-family: 'Roboto', "DIN", "DIN Light", sans-serif;
  font-size: 13px;
  font-weight: 300;
}

//html, body{ height: 100%;}
/*.intro {
    width: 100%;
    height: auto;
    object-fit: cover;
    overflow: hidden;
    margin: auto;
     background-color: #ED1C24;
     /*padding-bottom: 5%;*/
    /*padding-top: 20px;*/
    /*margin-left: -10px;
    margin-bottom: 10px;}*/




/* resize images */
/*.intro img {
    width: 100%;
    height: auto;
    margin-top: 20px;
    object-fit: fill;
    overflow: hidden;
    /*padding-top: 2%;
    display: block;
   margin: 0 auto;
   object-fit: cover;
   overflow: hidden;
    width: 95%;
    height: 100%;*/
    /*overflow: hidden;*/

    /*padding-bottom: 8%;
    margin-left: 5%;
     width: 90%;
     height: auto;

     background-color: #ED1C24;
     /*padding-bottom: 2%;}*/

/*===============================================*\
											HEADER
\*===============================================*/
.header {
  /*display: -webkit-flex;
  display: flex;
  height: 15vh;
  width: 100vw;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
   -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-end;
  align-items: flex-end; */
  /*max-width: 1920px;
  width: 100%;*/
  min-height: 162px;
  height: 12vh;
  //height: 100%;
  background: url(../img/header-right.png) no-repeat 100% 101%;
  margin: 0;
  padding:0;}

.header-left {
  margin: 0;
  padding: 0;
  max-width: 166px;
  width: 100%;
  position: relative;
  left: 0;
  top: 71%;
}
.header-left-img {
  /*width: 100%;
  position: relative;
  left: -1.1vw;
  top: .3vh;*/
}
.header-center {
  margin: 0;
  padding: 0;
  /*-webkit-align-self: flex-start;
  align-self: flex-start;*/
  position: relative;
  left: 40%;
  top: -25%;
  max-width: 463px;
  width: 100%;
}
/*.header-center-img {
  width: 100%;   }*/

/*.header-right {
  max-width: 1920px;
  width: 100%;
  background: url(../img/header-right.png) no-repeat fixed right;
}*/
/*.header-right-img {
  width: 100%;
  position: relative;
  right: 0;
  top: .4vh;
}*/


/*===============================================*\
											HEADER
\*===============================================*/


  .topMenu{
  transition: opacity 3s ease;
	margin:0;
	padding:0;
	width:200px;
	color:#ec0928;
	position:absolute;
	top:64px;
	right:110px;

  }
  .topMenu:hover ul{
    transition: opacity 9s ease;
    display:block;
    /*opacity: 2;*/
    /*z-index: 99;*/
    /*position: absolute;*/
  }
  .topMenu strong{

    transition: opacity 3s ease;
	  display:block;
	  height:22px;
	  background-image:url(../img/menu_bars.png);
	  background-repeat:no-repeat;
	  background-position:right center;
	  box-sizing:border-box;
	  text-transform:uppercase;
	  font-size:14px;
	  letter-spacing:0.5em;
	  text-align:right;
	  padding-right:120px;
	  line-height:22px;

	 }
  .topMenu ul{
  transition: opacity 3s ease;
	display:visible;
	list-style:none;
	margin:0;
	padding:35px 0 0;
	width:110px;
	background-image:url(../img/menu_dots.png);
	background-repeat:no-repeat;
	background-position:center 9px;
	background-color:#ec0928;
	position:absolute;
	top:0;
	right:0;
	z-index:5;
	text-align:center;
	font-size:14px;
	letter-spacing:0.05em;
  font-family: 'Roboto';
  opacity: 2;
    transition: opacity 3s ease;
  }
  .topMenu ul li{  opacity: 2;margin:0;padding:0}
  .topMenu__link{  
  opacity: 2;
  display:block;
  margin:0;
  padding:7px 4px;
  color:#fd9b8c;
  text-decoration:none;
  transition: all ease .5s;
}
  .topMenu__link:hover {  opacity: 2; color:#ffffff; text-decoration: none;}


.topMenu .current__link{
  color: #ffffff;
}
/* MENU
   ========================================================================== */
/*.menu_bars{
   background-image:url(../img/menu_bars.png);
   display: none;
   /*border:none;
}*/
 /*=========================== resize start ===================================*/
@media only screen and (max-width:500px){

 #menu_btn{
    display:block !important;
  }

  nav{
    /*height: 100%;*/
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    display:block;


  }


  nav ul{
  display:block;
  text-align: center;

  width: 95%;
  margin: 0px 0px 0px 0px;
  padding: 6px 6px 4px 6px;
  height: 40px;
  line-height: 100%;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  box-shadow: 2px 2px 3px #666666;
  -webkit-box-shadow: 2px 2px 3px #666666;
  -moz-box-shadow: 2px 2px 3px #666666;
  background: #8B2020;
  background: linear-gradient(top,  #B00B10,  #E80E24);
  background: -ms-linear-gradient(top,  #B00B10,  #E80E24);
  background: -webkit-gradient(linear, left top, left bottom, from(#B00B10), to(#E80E24));
  background: -moz-linear-gradient(top,  #B00B10,  #E80E24);
  border: solid 1px #6D0007;
  position:relative;
  z-index:999;
  }

  nav ul li a{
    list-style: none;
    font-family: 'Roboto', "DIN", "DIN Light", sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform:uppercase;
    color: white;
     text-decoration:none;
 text-align: center;

  }

}
/*==========================resize end.. ! =====================================*/

/*--------*/
@keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
}
@keyframes fadeOut {
from { opacity: 1; }
to   { opacity: 0; }
}

/* Firefox */
@-moz-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
}
@-moz-keyframes fadeOut {
from { opacity: 1; }
to   { opacity: 0; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
}

@-webkit-keyframes fadeOut {
    100% { opacity: 1; }
    0%   { opacity: 0; }
}


/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-ms-keyframes fadeOut {
    from { opacity: 1; }
    to   { opacity: 0; }
}
/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-o-keyframes fadeOut {
    from { opacity: 1; }
    to   { opacity: 0; }
}



/*===============================================*\
									MAIN WIREFRAME
\*===============================================*/
.main_content, .main_content__height-fix{
  /*display: -webkit-flex;
  display: flex;
  height: 85vh;
  width: 100vw;
  color: white;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;*/
  margin: 0;
  padding: 0;
  min-height: 88vh;
  height: auto !important;
  //height: 88vh;
  overflow: auto;
}
.main_content_flex{
  display: -webkit-flex;
  display: flex;
  width: 100vw;
  color: white;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 0;
}
.main_content_home {
  /*display: -webkit-flex;
  display: flex;
  height: 85vh;
  width: 100%;*/
  color: white;
  /*-webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;*/
  float: right;
  width: 50%;
  margin: 0;
  padding: 0;
}

.main_content_culture {
  /*display: -webkit-flex;
  display: flex;
  height: initial;
  min-height: 85vh;
  max-height: 100%;
  width: 100vw;
  color: white;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;*/
  width: 50%;

}

.main_content_connect {
  display: -webkit-flex;
  display: flex;
  height: initial;
  /*height: 85%;*/
  /*min-height: 85vh;
  max-height: 100%;*/
  /*height: 100%;*/
  width: 100vw;
  color: white;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.main_content_portfolio__container{
  display: -webkit-flex;
  display: flex;
  /*height: 85vh;*/
  width: 100vw;
  color: white;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.main_content_portfolio {
  /*display: -webkit-flex;
  display: flex;
  height: 85vh;
  width: 100vw;
  color: white;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;*/ 
  width: 100%;
  margin: 0;
  padding: 0;
  min-height: 88vh;
  height: auto !important;
  overflow: auto;}

.main_content_services {
  display: -webkit-flex;
  display: flex;
  /*height: initial;*/
  height: 85vh;
  /*max-height: 100%;*/
  width: 100vw;
  color: white;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}


/*.main_content_kh {
    display: -webkit-flex;
    display: flex;
    height: 85vh;
    width: 50vw;
    color: white;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}*/
/*.main:before,
.main:after {
  content: "";
  display: table; }

.main:after {
  clear: both; }*/

.main_content_half {
  /*display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  width: 50vw;
  height: 100%; */
  min-height: 88vh;
}

.left {
  background-color: #ed1c24;
  /*min-height: 100vh;
  height: initial;*/
  position: relative;

}

/*.left-height-fix{
  padding: 100%;
  margin: -100%;

}*/
.right, .right-height-fix {
  background-color: #ffc2b8;
  /*min-height: 87vh;
  height: initial;*/
  color: #ed1c24;
  }

  .right_c {
    background-color: #ffc2b8;
    min-height: 85vh;
    height: initial;
    }

  .left_s {
    background-color: #ed1c24;
    min-height: 85vh;
    height: initial;
  }


  /*.right_s {
    background-color: #ffc2b8;
    min-height: 85vh;
    height: initial;
    }*/
.right-white {
  background-color: white;
  }
.main_content_half.right-white {
  position:relative;
}

.main_content_half-copy{
  width: 85%;
  /*-webkit-order: 1;
  order: 1;
  -webkit-flex-grow: 2;
  flex-grow: 2;*/
  min-width: 90%;
  height: 100%;}



.main_content_half_copy-container{
  width: 75%;
  margin: 15% 0 0 10%;
  margin-top: 100px;
  }

.main_content_half_copy_margin{
  width: 75%;
  margin: 15% 0 0 5%;}

/*------------- FOOTER --------------*/
.footer{
  position: absolute;
  bottom: 3%;
  margin-left: 5%;
  width: 80%;
  font-size: 12px;
  }

.footer_home{
  position: absolute;
  bottom: 5%;
  margin: 30% 0 0 10%;
  width: 75%;
  height: 75px;
  font-size: 12px;
  color: #fff;
  }

  /*portfolio footer*/
.footer_cases{
    position: relative;
    margin-top: 5.5%;
    margin-bottom: 3%;
    width: 80%;
    margin-left: 5.7%;
    color: #EB0028;
    background-color: transparent;
    height: 75px;
}
.footer_portfolio.mobile{
  visibility: hidden;
}

/*Culture footer*/
.footer_fix{
  position: relative;
  margin-bottom: 10%;
}

.footer_culture {
    position: relative;
    margin-top: 25%;
    margin-bottom: 3%;
    margin-left: 5%;
    margin-right: -2%;
    width: 90%;
    color: #EB0028;
    background-color: transparent;
}

.footer_culture_right, .footer_culture_left {
    position: relative;
    margin: 0 0 7% 10%;
    width: 75%;
    height: 75px;
    font-size: 12px;
    color: #EB0028;
    background-color: transparent;
}

.footer_culture_right.hidden_right, .footer_salesop_right.hidden_right{
  visibility: hidden;
}
 .footer_cases__detail{
    position: absolute;
    bottom: 5%;
    margin: 30% 0 0 10%;
    width: 75%;
    height: 75px;
    font-size: 12px;
    color: #EB0028;
    background-color: transparent;
 }
.footer_salesop_left, .footer_salesop_right{
  position: absolute;
  bottom: 3%;
  margin: 30% 0 0 10%;
  width: 75%;
  height: 75px;
  font-size: 12px;
  color: #EB0028;
}

/*Ends Culture footer*/

/*Services Footer*/

.footer_services {
  /*position: absolute;
  bottom: 3%;
  margin-left: 5%;
  margin-right: -2%;
  width: 40%;
  font-size: 12px;*/
  position: relative;
  margin-top: 35%;
  bottom: 3%;
  margin-left: 10%;
  margin-right: -2%;
  width: 95%;
  font-size: 12px;

}



/*Ends Services Footer*/


.container_i {
  width: auto;
  max-width: 680px;
  padding: 0 15px;
}
.container_i .text-muted {
  margin: 10px 0;
}

  /*portfolio footer ends*/
.contact {
  display: inline-block;
  margin-right: 35px; }

.contact-info{
  margin-right: 7px; }

.social-icons_container{
  display: inline-block;
  width: 15%;
  margin:0;}

a.social-icons {
  text-deocration: none;
  cursor: pointer;
  color: white;
  margin: 0 5px;}

a.red-icons {
  color: #EB0028;
}

/*------------- MOTTO --------------*/
.vertical_bar{
  width: 2%;
  /*-webkit-order:2;
  order:2;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-align-self: center;
  align-self:center;*/
  position: absolute;
  left: 98%;
}

.rotate {
  transform: rotate(-90deg);
  transform-origin: bottom left;
  -webkit-transform: rotate(-90deg);
  -webkit-transform-origin: bottom left;
   }

.motto{
  width: 58vw;
  margin: 200px 0 0 6px;
  display: block;}

.triangle{
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-bottom: 7.5px solid #fff;
  position: absolute;
  left: -10px;
  top: -175px;
  /*border-style: solid;
  border-width: 7.5px 0 7.5px 7px;
  border-color: transparent transparent transparent #ffffff;*/ }

.triangle-divider {
  display: inline-block;
  width: 175px;
  float: left;
  border-top: 1px solid white;
  padding-bottom: 3px; }

  /* home image slide
     ========================================================================== */

ul.splash-slider {
  margin: 0;
  padding: 0;
}

/*------------- ELEMENTS --------------*/

.whitetxt { color: #fff; }
.redtxt {color: #ed1c24;}
.transparent-red{
  background: rgba(237, 28, 36, 0.3);
  width: 5vw;
  z-index: 100;

  }

.boxie-nav ol {
  list-style: none;
  text-align: center;
}
.boxie-nav ol li {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background: transparent;
  border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  border: 2px solid #fff;
  cursor: pointer;
}
.boxie-nav ol li.boxie-active {
  background: #fff;
  cursor: default;
}

.divider {
  width: 55px;
  border-top: 5px solid white;
  margin-bottom: 35px; }

.divider-red {
  width: 55px;
  border-top: 5px solid #EB0028;
  margin-bottom: 35px; }

.vr {
  border-left: 46px solid #EB0028;
  min-height: 88vh;
  }
/*.vr_sales{
  border-left: 46px solid #EB0028;
  min-height: 88vh;
}*/  

.vr_c {
  border-left: 2.5vw solid #EB0028;
  min-height: 85vh;
  height: initial;
  }

.sublogo{
  margin-top: 10%;}

 .box-title {
  color: #EB0028;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 5%;
  }
  .box-title_1 {
   color: #EB0028;
   text-transform: uppercase;
   font-weight: bold;
   margin-top: 5%;
   }
.box-title:first-child{
  margin-top: 7%;
}

.box-title-h4{
display: inline-block;
text-align: left;
padding-right: 10px;
width: 20px;
font-weight: bold;
}
.box-title-h4-connect{
display: inline-block;
text-align: left;
//max-width: 160px;
//width: 100%;
font-weight: bold;
}

.box-title-text{
  display: inline-block;
  text-align: right;
  font-weight: bold;
  }

.box-title-narrowline{
  width: 550px;
  border-bottom: 1px solid #EB0028;
  margin-right: -10px;
  display: inline-block;
}

.box-title-line {
  width: 24vw;
  border-bottom: 1px solid #EB0028;
  margin-right: 5px;
  display: inline-block;
  }

.box-title-line2 {
  width: 55px;
  border-bottom: 5px solid #EB0028;
  margin: 0;
  display: inline-block;
  float: right;
  }
.box-title-line3{
   width: 55px;
  border-bottom: 5px solid #EB0028;
  margin: 0;
  display: inline-block;
  float: left;
}
ul.requirement__list, .requirement__list-item{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.requirement__list > li {
  text-indent: 1px;
}
ul.requirement__list > li:before {
  content: "-";
  text-indent: -5px;
}

/*------------- TEXT / FONTS --------------*/
.borderbox {
  border: 1px solid white;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 5px;
  padding: 7px 10px;
  display: inline-block;}

.redborder-text{
  border: 1px solid #EB0028;
  color: #EB0028;
  font-weight: bold; }

.titlebox-white {
  color: #EB0028;
  background: white;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 5px;
  padding: 10px 0;
  display: inline-block;
  width: 355px;
  text-align: center;
  }

.caps {
  font-size: 16px;
  text-transform: uppercase;}

.regular {
  font-family: 'Roboto';
  text-weight: 300;
  margin-bottom: 15px;
  line-height: 18px;
  margin-top: 20px;
}

.main-ideas{
  font-family: 'Roboto';
  text-weight: 300;
  margin-bottom: 15px;
  line-height: 18px;
  margin-top: 20px;
  width: 32vw;
}
.bold {
  font-family: 'Roboto';
  font-weight: 500; }


  .bold_services {
    font-family: 'Roboto';
    font-weight: 500;
    margin-top: 20px;
  }

.red-txt {
  color: #EB0028;
  margin-bottom: -7%;
  position: inherit;
}

.culture-txt {
  margin-top: 10px;
  font-weight: 800;}

/*===============================================*\
                      SERVICES
\*===============================================*/

.services-bg{
  background: url("../img/services.png") no-repeat;
  background-size: contain;
  background-position: center center;
  padding-top: 70vh;
  /*background-size: contain;
  background-position: 100% 40%;*/
  /*margin-right: -1%;
  margin-left: 1%;*/
  /*margin-top: 7%;*/
  /*background-size: inherit;*/
  /*background-position: 0% 0%;*/

}

/*===============================================*\
                    PORTFOLIO
\*===============================================*/
.portfolio__right_content{
  float: right;
  width: 50%;
  margin: 0;
  padding: 0;
  height: 88vh;
}

.kh-img{
  background: url(../img/portfolio-kh.jpg);
  background-position: center;
  background-size: contain;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.atg-img{
  background: url(../img/portfolio-atg.jpg); 
  background-position: center;
  background-size: contain;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.baxco-img{
  background: url(../img/portfolio-baxco.jpg); 
  background-position: center;
  background-size: contain;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.portfolio__content-box{
  width: 100%;
  border-top: 5px solid #EB0028;
}
.portfolio__content{
  width: 45%;
  margin: 5% auto;
  text-align: center;
}

.case__container{
  width: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
}

/*bootstrap hover effect test*/
.iconBox{
  min-width: 325px;
  max-width: auto;
  display: block;
  float: left;
  margin-left: 25px;
}

/*3Cases All tab feature*/
.icon_Box{
  max-width: 100%;
  width: auto;
  display: block;
  float: left;
  margin-left: 25px;
}

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #EB0028;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 45%;
  left: 7%;
  //padding: 25% 0;
  //margin-top:20%;
}

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  -webkit-filter: contrast(100%);
  filter: contrast(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.hovereffect:hover img {
  opacity: 0.2;
  filter: alpha(opacity=20);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
    -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: contrast(160%);
  filter: contrast(160%);
}

/*.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  overflow: hidden;
  padding: 0.5em 0;
  background-color: transparent;
}*/

/*.hovereffect h2:after {
  position: absolute;
  bottom: 0;
  height: 2px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  left: 0;
  width: 100%;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.hovereffect:hover h2:after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}*/

/*bootstrap hover effect test*/
.hovereffect a, .hovereffect p {
  color: #FFF;
  text-decoration: none;
  font-size: 17px;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
  position: absolute;
  //top: 27%;
  //left: 13%;
  max-width: 325px;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}

.hovereffect:hover a, .hovereffect:hover p {
  text-decoration: none;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
/*--end test--*/

.client__box {
  padding: 1% 0 0 2%;
  
}
.client__list{
  //display: inline-block;
  float: left;
  list-style: none;
  color: #000;
  text-transform: uppercase;
  margin-right: 5em;
}
.client__list:last-child{ margin-right: 0; }



/*===============================================*\
                     CONNECT
\*===============================================*/
/* CONNECT ERROR STYLES */
.abstract {
  margin-bottom: 0px; }

.abstract-container {
  margin-bottom: 5px; }

#abstract-counter {
  font-size: 14px;
  color: #33cc33;
  outline-color: #000000; }

.error, #exceeded {
  background-color: #ffc2b8; }

/* RESUME FORM STYLES */
.contact_name, .contact_message { width: 75%; }
.contact_info {width: 36%;}

.extra-spacing{
  margin: 25px 0;
 }



.connect-h2{
  margin: 25px 0 10px 0;
  font-size: 16px;
}

.contact_textbox-comment{
  color: #000000;
  font-weight: regular;
  padding: 20px 0;
  width: 100%;
  margin: 100px 0 0 0;
  }

.contact_textbox {
  padding: 0px 0 10px 0;
  margin: 10px 25px 10px 0px;
  box-sizing: border-box;
  border: none;
  border-bottom: 2px solid #ed1c24;
  display: inline-block;
  background-color: #FFFFFF;
  }

.contact_textbox:focus{
  outline: none;
  }

/*.contact_textbox-space{
  padding-left: 20px;
  box-sizing:border-box;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  }*/

.contact_textbox-button {
  height: 35px;
  background-color: #fff;
  border: 1px solid #ed1c24;
  color: red;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-style: bold;
  padding: 1px 25px 0;
  transition: all 0.3s ease 0s;
  }

  .contact_textbox-button:hover{
    background-color: #ed1c24;
    color: #fff;
  }

.contact_content-ul{
  margin: 0;
  }

.connect_content-regular {
  font-family: 'Roboto';
  text-weight: 300;
  margin-bottom: 0px;
  line-height: 18px;
  }

.bold_padding{
  margin-top: 20px;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    max-width: 1920px;
    width: 100%;
    height: 88vh;
    object-fit: cover;
}
/*Menu Bar for Mobile Version*/
.slicknav_menu {
display:none;
}

@media screen and (max-width: 1199px) {
.js .topMenu {
 display:none;
}

.js .slicknav_menu {
 display:block;
}
}
/*Ends Menu Bar for Mobile Version*/
/*===============================================*\
                    MEDIA QUERIES
\*===============================================*/
/* ipad landscape fix ONLY */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
     .main_content_half_copy-container{
      margin: 15% 0 10% 10%;
    }
    .vertical_bar{
      bottom: 5%;
    }
    .footer_home {
      position: relative;
    }
    .services-bg{
      background-size: cover;
    }
     .footer_cases__detail{
      position: relative;
      margin: 0 0 7% 10%;
    }
}
/* DEVICES FIXES - IPAD */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
     .main_content_half_copy-container{
      margin: 15% 0 10% 10%;
    }
    .footer_home{
      position: relative;
    }
     .footer_cases__detail{
      position: relative;
      margin: 0 0 7% 10%;
    }
}

/* landscape fix ONLY */
@media only screen
  and (min-device-width: 568px)
  and (max-device-width: 736px)
  and (orientation: landscape) {
     .main_content_half_copy-container{
      margin: 15% 0 10% 10%;
    }
    .services-bg{
      background-size: cover;
      padding-top: 80vh;
    }
    .footer_cases__detail{
      position: relative;
      margin: 0 0 7% 10%;
    }

  }
/* DEVICES FIXES - MOBILE PHONES */
/* Landscape IPHONE 5*/
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
     .main_content_half_copy-container{
      margin: 15% 0 10% 10%;
    }
    .footer_home{
      position: relative;
    }
     .footer_cases__detail{
      position: relative;
      margin: 0 0 7% 10%;
    }
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
     .main_content_half_copy-container{
      margin: 15% 0 10% 10%;
    }
    .services-bg{
      background-size: cover;
      background-position: center;
      padding-top: 80vh;
    }
    .footer_home{
      position: relative;
    }
     .footer_cases__detail{
      position: relative;
      margin: 0 0 7% 10%;
    }
}

/* Landscape IPHONE 6 */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
     .main_content_half_copy-container{
      margin: 15% 0 10% 10%;
    }
    .footer_home{
      position: relative;
    }
     .footer_cases__detail{
      position: relative;
      margin: 0 0 7% 10%;
    }
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
     .main_content_half_copy-container{
      margin: 15% 0 10% 10%;
    }
    .services-bg{
      background-size: cover;
      background-position: center;
      padding-top: 80vh;
    }
    .footer_home{
      position: relative;
    }
     .footer_cases__detail{
      position: relative;
      margin: 0 0 7% 10%;
    }
}

/* IPHONE 6 PLUS */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
    .main_content_half_copy-container{
      margin: 15% 0 10% 10%;
    }
     .footer_cases__detail{
      position: relative;
      margin: 0 0 7% 10%;
    }
}
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    .main_content_half_copy-container{
      margin: 15% 0 10% 10%;
    }
     .footer_cases__detail{
      position: relative;
      margin: 0 0 7% 10%;
    }
}

/*----- END -----------*/

@media (min-width: 2305px){
  .footer_fix{
    margin-bottom: 11%;
  }
}
@media (min-width: 2257px){
  .footer_fix{
    margin-bottom: 11%;
  }
}
@media (max-width: 2081px) {
  .box-title-line{
    width: 22vw;
  }
  .right-height-fix{
    padding-bottom: 100%;
    margin-bottom: -100%;
  }
    .main_content__height-fix{
    overflow: hidden;
  }
}
/*@media (max-width: 2050px) {

  .footer_culture_right{
    position: relative;
    margin: 5% 0 0 10%;
  }
}*/
@media (max-width: 2039px) {
  .box-title-narrowline{
    width: 500px;
  }
}
/*@media (max-width: 1986px) {
  .right-height-fix{
    padding-bottom: 100%;
    margin-bottom: -100%;
  }
}*/
@media (max-width: 1906px){
  .box-title-narrowline{
    width: 475px;
  }
  .box-title-line{
    width: 20vw;
  }
}
@media (max-width: 1353px){
  .footer{
    width: 40%;
  }
  .contact{
    width: 100%;
  }
}
@media (max-width: 1839px){
  .box-title-narrowline{
    width: 450px;
  }
}
@media (max-width: 1773px){
  .box-title-narrowline{
    width: 400px;
  }
}
@media (max-width: 1752px){
  .box-title-line{
    width: 18vw;
  }
}  
@media (max-width: 1699px){
  .box-title-line{
    width: 16vw;
  }
}
@media (max-width: 1667px){
  .header-center{
    left: 35%;
  }
}
@media (max-width: 1639px){
  .box-title-narrowline{
    width: 350px;
  }
}
@media (max-width: 1573px){
  .box-title-line{
    width: 14vw;
  }
}
@media (max-width: 1506px){
  .box-title-narrowline{
    width: 300px;
  }
}
@media (max-width: 1464px){
  .box-title-line{
    width: 12vw;
  }
}
@media (max-width: 1373px){
  .box-title-narrowline{
    width: 250px;
  }
}
@media (max-width: 1371px){
  .box-title-line{
    width: 10vw;
  }
  }
@media (max-width: 1370px){
  .header-center{
    left: 30%;
  }
  .box-title-line{
    width: 8vw;
  }
}
@media (max-width: 1321px){
  .social-icons_container{
    width: 25%;
  }
}
@media (min-width: 1199px) and (max-width: 1314){
  .vr{
    padding-bottom: 100%;
    margin-bottom: -100%;
  }
}
@media (max-width: 1287px){
  .box-title-line{
    width: 6vw;
  }
}
@media (max-width: 1239px){
  .box-title-narrowline{
    width: 200px;
  }
}

@media (max-width: 1199px){
  .header{
    z-index: 1;
  }
  .main_content_half{
    min-height: 60vh;
  }
  .main_content_home{
    float: none;
    width: 100%;
  }
  .main_content_flex{
    -webkit-flex-wrap: flex-wrap;
    flex-wrap: wrap;
  }
  .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    height: 100%;
  }
  .main_content, .main_content__height-fix{
    overflow: visible;
  }
/*  .main_content__height-fix {
    overflow: hidden;
  }*/
  .right-height-fix{
    padding-bottom: 5%;
    margin-bottom: -5%;
  }
  .box-title-line{
    width: 52vw;
  }
  .services-bg{
    //background-position: 100% 70%;
    clear: both;
  }
  .portfolio__right_content {
    float: none;
    width: 100%;
    clear: both;
    height: 40vh;
  }
 .transparent-red{
  width: 46px;
 }
  .box-title-narrowline{
    width: 650px;
  }
  .main-ideas{
    width: 50vw;
  }
  .hidden_left{
    visibility: hidden;
  }
  .footer_culture_right.hidden_right, .footer_salesop_right.hidden_right{
    visibility: visible;
  }
  .footer_salesop_right{
    position: relative;
  }
  .main_content_half_copy-container{
    margin-bottom: 10%;
  }
}
@media (max-width: 1153px){
  .box-title-narrowline{
    width: 50vw;
  }
}
@media (max-width: 1104px){
  .social-icons_container{
    width: 100%;
  }
}
@media (max-width: 1089px){
  .client__list{
    float: none;
  }
  .footer_cases{
    position: relative;
  }
}
@media (max-width: 1079px){
  .box-title-line{
    width: 48vw;
  }
}

@media (max-width: 1047px){
  .hovereffect .overlay {
  top: 45%;
  left: 3%;
}
}
@media (max-width: 958px){
  .header-center{
    left: 25%;
  }
}
@media (max-width: 919px){
  .box-title-line{
    width: 44vw;
  }
}
@media (max-width: 859px){
  .box-title-narrowline{
    width: 45vw;
  }
}
@media (max-width: 800px){
  .box-title-line{
    width: 40vw;
  }
}

@media (max-width: 768px){
  .header-center {
    left: 20%;
    width: 60%;
  }
  .header-center img{
    width: 100%;
  }
  .vertical_bar{
    bottom: 12%;
  }

}
@media (max-width: 744px){
  .box-title-narrowline{
    width: 45vw;
  }
}
@media (max-width: 736px){
  .footer_home{
    position: relative;
  }
    .contact_info, .contact_name, .contact_message{
    width: 100%;
  }
  .contact_textbox-comment{
    margin:0;
  }
}
@media (max-width: 732px){
  .box-title-line{
    width: 36vw;
  }
}
@media (max-width: 716px){
  .box-title-narrowline{
    width: 40vw;
  }
}
@media (max-width: 660px){
  .header-center img{
    width: 100%;
  }
}
@media (max-width: 636px){
  .box-title-line{
    width: 32vw;
  }
}
@media (max-width: 613px){
  .box-title-narrowline{
    width: 35vw;
  }
}
@media (max-width: 579px){
  .slick-prev,
.slick-next
{
    top: 40%;
  }
}
@media (max-width: 577px){
  .box-title-line{
    width: 28vw;
  }
}
@media (max-width: 537px){
  .box-title-narrowline{
    width: 30vw;
  }
}
@media (max-width: 528px){
  .box-title-line{
    width: 24vw;
  }
}
@media (max-width: 486px){
  .box-title-line{
    width: 20vw;
  }
}
@media (max-width: 477px){
  .box-title-narrowline{
    width: 25vw;
  }
  .slick-prev, .slick-next{
    top: 35%;
  }
}
@media (max-width: 451px){
  .box-title-line{
    width: 16vw;
  }
}
@media(max-width: 435px) {
  .titlebox-white {
    width: 300px;
  }
  .slick-next, .slick-prev{
    top: 30%;
  }
}
@media (max-width: 429px){
  .box-title-narrowline{
    width: 20vw;
  }
}
@media (max-width: 420px){
  .box-title-line2{
    width: 10vw;
    border-bottom: 2px solid #EB0028;
  }
  .box-title-line{
    display: none;
  }
}
@media (max-width: 414px){
  .footer_home{
    margin: 50% 0 0 10%;
  }
  .box-title-line2{
    width:25px;
    border-bottom: 2px solid #EB0028;
  }
}
@media (max-width: 390px){
  .box-title-narrowline{
    width: 15vw;
  }
}
@media (max-width: 386px){
  .box-title-line{
    width: 16vw;
  }
}
@media(max-width: 375px) {
  .titlebox-white {
    width: 270px;
  }
}
@media (max-width: 369px){
  .titlebox-white{
    width: 250px;
  }
  .slick-prev, .slick-next{
    top: 25%;
  }
}
@media (max-width: 359px){
  .box-title-line{
    width: 12vw;
  }
}
@media (max-width: 358px){
  .box-title-narrowline{
    width: 10vw;
  }
}
@media (max-width: 337px){
  .box-title-line{
    width: 8vw;
  }
}
@media (max-width: 330px){
  .box-title-narrowline{
    width: 8vw;
  }
}
@media (max-width: 320px){
  .header-center{
    left: 16%;
    width: 70%;
    margin: 0;
  }
  .header-center img {
    width: 100%;
  }
  .vertical_bar{
    bottom: 17%;
  }
  .footer_home{
    margin: 30% 0 10% 10%;
  }
  .titlebox-white {
    width: 220px;
  }
}
/*Media Query for iphone 6 Plus */


/*Ends Media Query for iphone 6 Plus */

/*Media Query for iphone 6 */





/*@media (max-width: 768px)*/
@media screen and (max-width: 667px){


}
/*===============================================*\
                    MEDIA QUERIES ENDS
\*===============================================*/





/*===============================================*\
                    MEDIA QUERIES ENDS
\*===============================================*/
/* Carousel Effects*/

/*.carousel {
    position: relative;
    height: 100%;
    width: 100%;
}*/

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  /*z-index: 2;*/
	z-index: 101;
}

#hero-carousel .carousel-indicators {

	/*margin-left: -6%;*/
	position: inherit;
  margin-left: -30%;


}
.carousel-indicators li {
  /*border-color: blac;*/
  background-color:rgba(237, 28, 36, 0.3);
}

/*.carousel-inner {
   margin-bottom:50px;
}*/


#hero-wrapper .carousel-wrapper,
#hero-carousel {

  width: 100%;
  /*height: 100%;*/
  /*position: fixed;*/
  position: absolute;
}
.carousel-indicators .active {
    /*width: 48px;
    height: 48px;
    margin: 10px;*/
    background-color: red;
    bottom: 15%;
}



.col-sm-6, .col-md-6{
  position: relative;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

/**/

/**/
/* Makes images fully responsive */

/*.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100%;
  height: auto;
}*/



/*.menu-icon{
  visibility:hidden;
}
#ddmenu{
  visibility: hidden;
}*/

/*
#menu_btn{
  width:50px;
  height:30px;
  background:red;
  display:none;
  color:white;
  text-align:center;
}
.showNav{
    display:block;
}
.hideNav{
    display:none;
}

#menu_btn:hover{
  cursor:pointer;
}*/

/*nav{
  display:none;
}*/
/*
nav ul{
  overflow:auto;
  display: none;
  list-style: none;
}*/
/*
nav ul li{
  display:none;
}

nav ul li a{
  display: none;
}*/


/* ----------new hamburger animation -----------*/
/*.menu_box{
  width: 300px;
  position: absolute;
  right: 0;
}
.menu_text{
  text-transform:uppercase;
  font-size:14px;
  letter-spacing:0.3em;
  text-align:right;
  padding-right:0px;
  line-height:22px;
  height:22px;
  font-family: 'Roboto';
  font-weight: 800;
  color: #ec0928;
  position: relative;
  top: -5vh;
  transition: opacity 3s ease;
}
.menu {
  position: relative;
  display:  inline-block;
  width: 110px;
  height: 22px;
  margin-left: 12px;
  top: -3vh;
}
.menu span {
  margin: 0 auto;
  position: relative;
}
.menu span:before, .menu span:after {
  position: absolute;
  content: '';
}
.menu span, .menu span:before, .menu span:after {
  width: 110px;
  height: 5px solid #ec0928;
  height: 0px;
  display: block;
  z-index: 10;
}
.menu span:before {
  margin-top: -15px;
}
.menu span:after {
  margin-top: 5px;
}*/


/* --- btn --- */
/* example 3 */
/*.menu-animation span, .menu-animation span:before, .menu-animation span:after{
  -webkit-transition: 0.2s ease 0s; transition: 0.2s ease 0s;
}

.menu-animation:hover span, .menu-animation:hover span:before, .menu-animation:hover span:after {
  width: 35px;
  border-top: 5px dotted #fff;
  -webkit-transition-delay: 0.2s; transition-delay: 0.2s;
}
.menu-animation:hover span {
  margin-top: 5px;
  opacity: 2;

}*/
/* ----------end hamburger animation -----------*/

/*.topMenu {
  margin:0;
  padding:0;
  width:110px;
  color:#ec0928;
  position:absolute;
  top: -10px;
  display:block;
  height:22px;
  background-image:url(../img/menu_bars.png);
  background-position:right center;
  box-sizing:border-box;
  z-index: 1;

}*/

/*.topMenu:hover ul{
  display:block;
  opacity: 2;
  z-index: 99;
  position: absolute;


}*/
/*.topMenu:hover ul{display: block;}
.dropMenu{
  margin:0;
  padding:35px 0 10px;
  width:110px;
  background-image:url(../img/menu_dots.png);
  background-repeat:no-repeat;
  background-position:center 9px;
  background-color:#ec0928;
  list-style: none;
  z-index: -1;
}

.topMenu ul li{
  margin:0;
  padding:0;
  width: 100%;
}

.topMenu ul li a{
  display:block;
  margin:0;
  padding:7px 4px;
  color:#fd9b8c;
  text-decoration:none;
  text-align: center;
  font-family: 'Roboto';
}

.topMenu ul li a:hover,.topMenu ul li a:active{
  color:#ffffff;
  font-weight: bolder;
}*/