@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'aldine721_btroman';
    src: url('https://insight.regoadvertising.com/mfonts/aldine_721_bt-webfont.woff2') format('woff2'),
         url('https://insight.regoadvertising.com/mfonts/aldine_721_bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



a {color:#222;-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
a:hover {color:#e73d30; text-decoration:none;}
a:focus, .btn:focus {outline:none;}
*:focus {outline:none;}

h3 {
font-size: 100%;
font: inherit;}

/*ol, ul, li {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
list-style: none;
vertical-align: baseline;
}*/


[class^="i-"]:before,
[class*=" i-"]:before {
  font-family: "the-luxury-circle" !important;
  vertical-align:middle !important;
  position:relative; top:-2px;
}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.footer .contact-info ul {margin:0; padding:0; list-style:none;}
.footer .contact-info li {padding-left:0; padding-right:0;}

h4.modal-title {font-size:24px; font-weight:400;}

.bg-gradient-m45 {background: #004f6e;
    background: -moz-linear-gradient(-45deg, rgba(0,90,132,1) 0%, rgba(231,61,48,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(0,90,132,1) 0%,rgba(231,61,48,1) 100%);
    background: linear-gradient(135deg, rgba(0,90,132,1) 0%,rgba(231,61,48,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80005a84', endColorstr='#80e73d30',GradientType=1 );}

.bg-gradient-125 {background: #004f6e;
    background: -moz-linear-gradient(125deg, rgba(0,90,132,1) 0%, rgba(231,61,48,1) 100%);
    background: -webkit-linear-gradient(125deg, rgba(0,90,132,1) 0%,rgba(231,61,48,1) 100%);
    background: linear-gradient(325deg, rgba(0,90,132,1) 0%,rgba(231,61,48,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80005a84', endColorstr='#80e73d30',GradientType=1 );}
	

/*---- BUTTON STYLING ----*/
button:focus {outline:0 !important;}

.btn-insight {
	display: inline-block;
	background: transparent;
	font-weight: normal;
	font-style: normal;
	font-size: 1rem;
	letter-spacing: 0.03em;
	color: #005a84;
	padding: 0.6rem 1.8rem;
	-webkit-transition: all 0.3s ease-out !important;
	transition: all 0.3s ease-out !important;
	background: -webkit-linear-gradient(180deg, rgba(0,90,132,1), rgba(231,61,48,1), rgba(34,34,34,0), rgba(34,34,34,0));
	background: -webkit-linear-gradient(right, rgba(0,90,132,1), rgba(231,61,48,1), rgba(34,34,34,0), rgba(34,34,34,0));
	background: linear-gradient(270deg, rgba(0,90,132,1), rgba(231,61,48,1), rgba(34,34,34,0), rgba(34,34,34,0));
	background-position: 1% 50%;
	background-size: 300% 300%;
	text-decoration: none;
	border-radius:0;
	/*border: 1px solid rgba(215,215,215,1) !important;*/
}
.btn-insight:hover {
  color: #fff !important;
  border: 1px solid transparent;
  background-position: 99% 50%;
}
.btn-insight:focus {
  color: #222;
}

.btn-insight.outline-blue {border: 1px solid rgba(255,255,255,0.5);}
.btn-insight.outline-orange {border: 1px solid rgba(0,0,0,0.3);}

.btn-insight.dark {border:1px solid rgba(255,255,255,0.3); color:rgba(255,255,255,0.5);}
.btn-insight.light {border:1px solid rgba(0,0,0,0.2); color:#e73d30; font-weight:500;}

@media (max-width:992px) {
	.btn-insight {display:inline-block; width:100%; padding:15px;}
	
	section#knowledge .section-title, section#solution .section-title {margin-top: 2rem;}
}

#carousel .btn-insight {padding:10px 30px;}

.btn-info {border-radius:50px; background:#e63e30; border-color:#e63e30;}
.btn-info:hover {background:#005a84; border-color:#fff;}

a.btn-info {background:#005a84; border-color:transparent;}
a:hover.btn-info {background:#e73d30; border-color:#e73d30;}

a.btn-info:hover:after {
    opacity: 1;
    -ms-transform: translateX(0);
    transform: translateX(0);
    padding-left: 0.35em; margin-left:0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
a.btn-info::after {
    content: "➝";
    display: inline-block;
    font-size: 0.85em; margin-left: -12px;
    opacity: 0;
    transform: translateX(-5px);
     -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}


/*-------- TYPOGRAPHY ---------*/
h3, p, .btn, button {letter-spacing:0.03em;}

.portfolio-filter {
  list-style: none outside none;
  margin: 0 0 40px 0;
  padding: 0;
}

.portfolio-filter > li {
  display: inline-block; padding-top:10px; padding-bottom:10px;
}

.portfolio-filter > li a {
  background: none repeat scroll 0 0 #FFFFFF;
  font-weight: 500;
  margin-right: 10px;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  border: 1px solid #F2F2F2;
  outline: none;
  border-radius: 3px;
}
.portfolio-filter > li a.btn {padding:8px 10px;}

.portfolio-filter > li a:hover{
  color:#fff;
  background: #005a84;
  border: 1px solid #005a84;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.portfolio-filter > li a.active{
  color:#e73d30;
  background: #fff;
  border: 1px solid #e73d30;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.portfolio-filter > li a span.chupade {font-size:14px; vertical-align:middle;}

.portfolio-filter > li a:active:hover,
.portfolio-filter > li a.active:hover,
.portfolio-filter > li a:active:focus,
.portfolio-filter > li a.active:focus,
.portfolio-filter > li a:active.focus {
  color:#fff;
  background: #e73d30;
  border: 1px solid #e73d30;
  -webkit-box-shadow: none;
  box-shadow: none;
}



nav.filter-drop li {
  display: inline-block;
}
nav.filter-drop select {
  display: none;
}

@media (max-width: 960px) {
  nav.filter-drop ul {
    display: none;
  }
  nav.filter-drop select {
    display: inline-block;
  }
}



span.chupade {font-size:11px;}
.dekhade { display:none;}

@media (max-width: 768px) {
	
	.chupade {display:none !important;}
	.dekhade { display:block !important;}
	.portfolio-filter > li {display:block; padding:0;}
	 .portfolio-filter > li a {padding:5px 10px; margin-right:0; border-radius:0; border:none; display:block; font-size:1rem; font-weight:400; letter-spacing:0.03rem;}
	 .portfolio-filter > li a:hover,
	 .portfolio-filter > li a:active:hover,
	.portfolio-filter > li a.active:hover,
	.portfolio-filter > li a:active:focus,
	.portfolio-filter > li a.active:focus,
	.portfolio-filter > li a:active.focus {
	  border:none;
	}
	.portfolio-filter > li a.active{border:none;}
}

@media (max-width: 800px) {
	.chupade {display:inline;}
	.dekhade { display:none;}
}

.dropdown.dekhade .dropdown-menu {
  left: 50%;
  right: auto;
  transform: translate(-50%, 0);
}

/*--------------------------------------------------------------*/




/* Zoom In #1 */
.portfolio-item .thumbnail a.product-pic {display:block; width:100%; height:100%; overflow:hidden;}
.portfolio-item .thumbnail {overflow:hidden;}
.portfolio-item a.product-pic img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.portfolio-item a:hover.product-pic img {
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

.caption .col-md-12 {padding:15px 0 0 0;}
.caption h4 {font-size:18px; font-weight:400;}



@media (max-width:420px) {
.portfolio-items .portfolio-item {width:100%;}
}


.portfolio-item {padding:15px; overflow:hidden;}

.portfolio-items .thumbnail {border:1px solid transparent; padding:1rem; margin-bottom:0; position:relative;overflow:hidden;  border-radius:10px;
}
.portfolio-items .thumbnail:hover {border-color:#e3e4e8; overflow:visible;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.12);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.12);
}
.portfolio-items .thumbnail .thumb-holder {float:left; display:inline-block; width:100%; position:relative; margin-bottom:10px; background:#f6f8fa;}

.portfolio-items .img-box {margin:0 auto; position:relative; width:100%; height:300px;}
.portfolio-items .thumbnail img {
	width:100%; max-height:340px;/*border-radius:10px !important;*/
}
@media (max-width:340px) {
	.portfolio-items .img-box {width:200px; height:250px;}	
}


.portfolio-items .thumbnail .caption {padding:0;}
.portfolio-item .thumbnail .caption h3 {margin:15px 0; font-size:24px; display:inline-block;}
.portfolio-items .caption h3 a {color:#434a54;}
.portfolio-items .thumbnail:hover .caption h3 a {color:#000;}
 
.portfolio-filter {
  list-style: none outside none;
  margin: 0 0 40px 0;
  padding: 0;
}

/*--- Breadcrumb ----*/
.bread-box {position:absolute; top:0.3rem; width:auto;}
.solution-sub .bread-box {top:1rem; /*top:-5rem;*/}

.bread-box .breadcrumb {float:left; background-color:rgba(255,255,255,0.8); margin-bottom:0; border-radius:0; position:relative; border-left:4px solid rgb(231, 61, 48); padding:0.5rem 1rem; font-size:0.8rem; letter-spacing:0.02rem;}

.bread-box .breadcrumb a {color:rgb(0,0,0);}
.bread-box .breadcrumb a:hover {color:#e73d30; text-decoration:underline;}

.bread-box .breadcrumb li.active {color:rgba(0,0,0,0.5);}

.sticky {
	position: fixed;
	width: 100%;
	left: 0;
	top:0;
	z-index: 100;
}


@media (max-width:728px) {
	.sticky .collapse.in {
		overflow: visible;
		overflow-y: scroll;
		clear: both;
		max-height: 340px;
		margin-right: -18px;
		padding-bottom: 25px;
	}
}

 
.intro-header {display:table; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; height:530px;}

/*.intro-header .intro-box {display:table-cell; vertical-align:middle; padding:3rem 0;}
.intro-header .intro-box .container {position:relative;}
.intro-header .intro-box .creative {animation-duration: 2s !important; animation-delay: 1s; padding:20px; position:relative; background:transparent; margin-top:4rem; margin-bottom:2rem;}

.intro-header .intro-box .ismac-unit {position:absolute; top:10px; right:10px; max-width:60px;}

.intro-header .intro-box .creative h2 {padding-bottom:20px; color:#222;margin-top:40px;}
.intro-header .intro-box .creative p {font-size:20px; font-weight:300;}

.intro-header .intro-box .creative:before {content: ''; display: block; position: absolute; right: -20px; top: -20px; width: 48px; height: 48px;  background: url(../mimg/corners.svg) no-repeat -48px 0px; background-size: cover;}
.intro-header .intro-box .creative:after {content: ''; display: block; position: absolute; left: -20px; bottom: -20px; width: 48px; height: 48px;  background: url(../mimg/corners.svg) no-repeat 0 0; background-size: cover;}

.intro-header .intro-box .btn-insight {background-color:#709cb2; color:#fff; border-radius:50px;padding:10px 30px; font-size:15px; white-space: normal;}
.intro-header .intro-box .btn-insight:hover {border-color:#fff;}
*/


.intro-content {position:absolute; left:0; top:0; width:100%; margin-top:7.2rem; margin-bottom:2rem; color:#fff;}
.creative {animation-duration: 2s !important; animation-delay: 1s; padding:20px; position:relative; background:transparent /*rgba(255,255,255,0.8)*/;}

.ismac-unit {position:relative; margin-top:-35px; margin-bottom:15px; max-width:60px;}

.creative h2.intro-title {padding-bottom:20px;}
.creative p.intro-text {font-size:20px; font-weight:300;}
.creative p.intro-btn {padding-top:10px; margin-bottom:0;}

.creative:before {content: ''; display: block; position: absolute; right: -15px; top: -15px; width: 48px; height: 48px;  background: url(../mimg/corners.svg) no-repeat -48px 0px; background-size: cover;}
.creative:after {content: ''; display: block; position: absolute; left: -15px; bottom: -15px; width: 48px; height: 48px;  background: url(../mimg/corners.svg) no-repeat 0 0; background-size: cover;}

.creative .btn-insight {background-color:#709cb2; color:#fff; border-radius:50px;padding:10px 30px; font-size:15px; white-space: normal;}
/*.creative .btn-insight:hover {border-color:#fff;}*/

@media (max-width:992px) {
	.intro-header {height:340px;}
	.intro-content {position:relative; left:0; top:0; width:100%; margin-top:3rem; margin-bottom:3rem; color:#222;}	
}
@media only screen and (max-width:768px) {
	.intro-header {height:240px;}
}


/*--- Headings ---*/
h3.section-title {
    font-size: 2.5rem;
    margin-bottom: 30px;
    letter-spacing: 0.03em;
	line-height:normal;
}
.blue h3.section-title {color:#44c8f5; font-weight:100;}
.white h3.section-title {font-weight:300; font-size:32px; padding-top:40px;}
.orange h3.section-title {font-weight:100; font-size:32px; color:#fff;}

.white.n-orange h3.section-title {color:#e73d30;}
.white.n-blue h3.section-title {color:#014e6d;}


/*--- Paragraphs ---*/
p.section-text {font-weight:400; font-size:16px; line-height:1.5em; padding-bottom:10px;}
.blue p.section-text {color:#58595b;}

.section-text p {font-weight:400; font-size:16px; line-height:1.5em; padding-bottom:10px;}
.blue .section-text p {color:#58595b;}

.section-text ul li {font-weight:400; font-size:16px; line-height:1.8em;}

.txt-blue {color:#005a84;}
.txt-orange {color:#e73d30;}

.thin {font-weight:100;}
.light {font-weight:300;}
.regular {font-weight:400;}
.medium {font-weight:500;}
.bold {font-weight:700;}

/*--- Sections ---*/

section#ismac .btn-info {border-radius:50px; background:#e63e30; border-color:#e63e30; color:#fff;}
section#ismac .btn-info:hover {background:#bd3328; border-color:#a42c23; color:#fff;}

section#clients .btn-info {border-radius:50px; background:#bd3328; border-color:#a42c23; font-size:12px;}
section#clients .btn-info:hover {background:#005a84; border-color:#fff;}

section#blog .btn-info {background:transparent; border-color:rgba(255,255,255,0.2); color:rgba(255,255,255,0.8);}
section#blog .btn-info:hover {background:#e63e30; border-color:#e63e30; color:#fff;}



/*---- RESPONSIVE ADJUSTMENT ----*/
@media (max-width: 991px) {
    .pull-right {
        float: none !important;
    }
	section.text-center {text-align:left;}
}

.thumbnail {background:none; border:none; }


/*---- SECTION PARTNERS ---*/
main #home section#partners {background-color:#F9F9F9;}


/*---- SECTION ISMAC ---*/
section#ismac {background:#fff; padding:60px 0;}
section#ismac img.ismac {margin:0 auto; float:none; padding-bottom:20px;}

section#ismac .thumbnail {text-align:center;}
section#ismac .thumbnail .caption {padding: 0;}
section#ismac .thumbnail .caption h3 {font-size:18px; text-transform:uppercase; color:#005a84; padding-top:20px; padding-bottom:10px; }
section#ismac .thumbnail img {max-height:70px; width:100%;}

section#ismac h3.section-title {font-weight:300; color:#014e6d;}

/*----- SECTION CLIENTS -----*/
main #home #clients {background:#e73d30; padding:120px 0;}
main #home #clients .card {background-color: transparent /*rgba(0,0,0,0.04);*/ ; border:1px solid rgba(0, 0, 0, 0.1);  }
main #home #clients .card img {max-height:70px;}

main #home #clients .card-footer {
    padding: 0 1.25rem 2rem 1.25rem;
    background-color: transparent /*rgba(0, 0, 0, 0.03)*/;
    border-top:none;
}

/*section#clients .thumbnail {text-align:center; margin-bottom:80px;}
section#clients .thumbnail .caption {padding: 0; min-height:100px; position:relative;}
section#clients .thumbnail .caption h3 {font-size:16px; text-transform:uppercase; color:#fff; padding-top:20px; padding-bottom:10px; }
section#clients .thumbnail img {max-height:70px; width:100%;}
section#clients .thumbnail .caption p.btn-box {position:absolute; bottom:0; left:0; right:0; margin:auto;}*/




/*---- SECTION CASE STUDIES -----*/
section#case-studies {padding:80px 0;}



/*---- SECTION BLOG ----*/
section#blog {background:#005a84; padding:80px 0;}

section#blog .thumbnail {margin-bottom:40px;}
section#blog .thumbnail .caption {padding: 0;}

section#blog .thumbnail .caption.big h3 {font-size:24px;}
section#blog .thumbnail .caption.big p {font-size:15px; padding-bottom:20px; }

section#blog .thumbnail .caption h3 {font-size:18px; padding-top:20px; padding-bottom:10px; }
section#blog .thumbnail .caption h3 a {color:rgba(255,255,255,0.8); border-bottom:2px solid transparent; padding-bottom:2px; }
section#blog .thumbnail .caption h3 a:hover {color:#fff;}
section#blog .thumbnail .caption p {font-size:13px; color:rgba(255,255,255,0.6); }
section#blog .thumbnail img {width:100%;}

section#blog .portfolio-item .thumbnail .caption {padding-bottom:10px;}
section#blog .portfolio-item .thumbnail .caption h3 {padding:0;}
section#blog .portfolio-items .thumbnail:hover {border-color:rgba(255,255,255,0.3);}



/*----- SECTION SEARCH -----*/
section#search {background:#005a84; padding:0;}

@media (max-width:960px) {
	section#ismac .thumbnail .caption h3 {font-size:12px;}
	section#ismac .thumbnail .btn-info {padding:5px 8px; font-size:10px; text-transform:uppercase; letter-spacing:.15em;}
	
/*	section#clients .thumbnail .caption {min-height:100px;}
	section#clients .thumbnail .caption h3 {font-size:12px;}*/
	
}

/*@media (max-width:640px) {
	section#clients .thumbnail .caption {min-height:100px;}
}*/


.slider .thumbnail {-webkit-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.1);
box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.1); border:none; margin-top:20px;background: #fff; text-align:center;}

.slider.center .thumbnail img {margin-left:auto; margin-right:auto;}

@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0.5; }
    100% { opacity:1; }
}
@-moz-keyframes blink {
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

#search .form-group .myinput .control-label::after {position:relative; left:2px; top:0; content:''; border-right: 0.15rem solid #fff; animation: blinking 0.8s infinite; -webkit-animation: blink 1s infinite backwards alternate;}
#search .form-group .myinput input:focus ~ .control-label::after {display:none;}

@media (max-width:960px) {
	.form-group .control-label::after {display:none;}
}


.type-caption {position:absolute; width:auto; left:auto; right:auto; top:50%; transform:translate(0, -50%); margin:auto; text-align:left; z-index:2; color:#303030; animation-duration:2s !important; animation-delay:1s; /*background:rgba(255,255,255,0.6);*/ padding:20px;}

.type-caption:before {content:''; display:block; position:absolute; right:-20px; top:-20px; width:48px; height:48px; background:url(../mimg/corners.svg) no-repeat -48px 0px; background-size:cover;}

.type-caption:after {content:''; display:block; position:absolute; left:-20px; bottom:-20px; width:48px; height:48px; background:url(../mimg/corners.svg) no-repeat 0px 0px; background-size:cover;}

.type-caption h3 {	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	list-style: none;
	vertical-align: baseline; font-size:24px; padding-bottom:20px;}
.type-caption .btn-insight {background-color:#709cb2; color:#fff; border-radius:50px;}



@media only screen and (min-width:768px) {
	.type-caption.left {left:10%; right:auto;}
	.type-caption.right {right:10%; left:auto;}
}


@media only screen and (max-width:768px) {
	.type-caption {margin-left: 10%; margin-right: 10%;}
	.type-caption h3 {font-size:22px;}
}


#testimonials .carousel-indicators {bottom: -20px;}
/*-------------- CAROUSEL - Fade Effect ----------------
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity; overflow:hidden;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-control {width:6%;}
.carousel-control .icon-left,
.carousel-control .icon-right {
  position: absolute;
  top: 50%;
  margin-top: -35px;
  z-index: 5;
  display: inline-block; font-size:2.5em;
}
.carousel-control .icon-left {
  left: 50%;
  margin-left: 0;
}
.carousel-control .icon-right {
  right: 50%;
  margin-right: 0;
}
.carousel {-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
@media screen and (max-width:768px) {
	.carousel-control .icon-left,
	.carousel-control .icon-right {
		font-size:1.5em;
	}
	.carousel-control {width:13%;}
}*/

/*
now override the 3.3 new styles for modern browsers & apply opacity

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
@media screen and (max-width:640px) {
	.carousel-indicators {display:none !important;}
	.carousel-inner {overflow:visible !important; z-index:2;}
}


.carousel-inner {background:#000; position:relative !important;}

.carousel .carousel-control, .carousel ol.carousel-indicators {opacity:0;-webkit-transition: all 0.3s ease-in-out 0.3s; transition: all 0.3s ease-in-out 0.3s;}
.carousel:hover .carousel-control, .carousel:hover ol.carousel-indicators {opacity:1 !important;}

.carousel-control.left {
  background:none;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background:none;
}
.carousel-indicators {bottom: 12px !important;}
.carousel-indicators li {
  width: 14px;
  height: 14px;
  background-color: #fff \9;
  background-color: rgba(255, 255, 255, 0);
  border: 2px solid #fff;
  border-radius: 10px;
  margin:3px;
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.23);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.23);
  box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.23);
}
.carousel-indicators .active {
  width: 14px;
  height: 14px;
  background-color: #e73d30;
  border-color:#fff;
  margin:3px;
}
*/


/*--- ABOUT ---*/
/*main#about section {padding-top:60px; padding-bottom:60px;}*/
#about h3.section-title {position:relative; display:table; margin:0 auto; font-size:48px; font-weight:300; color:#58595b; margin-bottom:40px; padding:42px 72px;}
#about h3.section-title:before {content:''; display:block; position:absolute; left:0; bottom:0; width:72px; height:72px; background:url(../mimg/bot-top-angle.svg) left bottom no-repeat;}
#about h3.section-title:after {content:''; display:block; position:absolute; right:0; top:0; width:72px; height:72px; background:url(../mimg/bot-top-angle.svg) right top no-repeat;}

#company p {font-size:18px; font-weight:400; line-height:1.7em; padding:0.5rem 0;}

#philosophy {background-color:#f9f9f9;}
#philosophy img.about-logo {max-width:320px; margin-bottom:40px;}
#philosophy p.lead {font-size:18px; font-weight:400; color:#58595b; line-height:1.9em;}

#philosophy .card {padding:20px 15px; background:#fff; border-color:rgba(0,0,0,0.06)}
#philosophy .card-title {text-align:center; font-size:24px; text-transform:uppercase; letter-spacing:0.1rem;}
#philosophy .card-text {font-size:16px; color:#7f8083; display:block; float:none; margin:0 auto; width:90%; line-height:1.5em; padding-top:15px;}

#philosophy .story-point {color:#005a84; font-weight:400; font-size:16px;border-left: 3px solid #e73d30; padding-left:1rem; line-height:1.9em;}

@media (max-width:768px) {
	#about h3.section-title {display:block; text-align:center; padding:40px 30px; margin-bottom:20px; font-size:30px;}
	#company p {font-size:16px; line-height:1.7em; text-align:left;}
	#philosophy img.about-logo {max-width:240px;}
}


/*---- TEAM ----*/
#team p.name {padding-top:20px; color:#014e6d; font-size:20px; font-weight:500;}
#team p.name span {color:#58595b; font-size:18px; font-weight:normal;}
#team p.section-text  {font-size:16px; line-height:1.7em;}

blockquote{
  font-family: 'aldine721_btroman';
  font-size: 25px;
  color:#014e6d;
  text-align:center;
  margin:0px auto;
  padding:1.2em 95px 1.2em 75px;
  border-left:none;
  line-height:1.6;
  position: relative;
}

blockquote::after{
  
  content: "“";
  font-size:4em;
  color:#014e6d;
  position: absolute;
  left: 20px;
  top:-15px;
}

blockquote::before{
  
  content: "​‌​‌”";
  font-size:4em;
  color:#014e6d;
  position: absolute;
  right: 48px;
  bottom: -70px;
}

@media (max-width:960px) {

  blockquote{font-size:20px;
  padding:1.2em 20px 1.2em 20px;}
  
  blockquote::after {
    
  content: "“";
  font-size:3em;
  color:#014e6d;
  position: absolute;
    left: 0;
    top: -5px;}

  blockquote::before {
 
  content: "​‌​‌”";
  font-size:3em;
  color:#014e6d;
  position: absolute;
    right: 0;
    bottom: -40px;
   }
}





/*--- SOLUTIONS ---*/
main section {padding:80px 0;}
main .solutions section:nth-of-type(even), main .solution-sub section:nth-of-type(even) {background-color:#f6f8fa;}
main .solutions p {font-size:16px; padding:10px 0; margin-bottom:0; line-height:1.7em;}

main .solutions .intro-content {color:#222;}

main .solutions section {padding-top:60px; padding-bottom:60px;}

main .solutions .section-title {font-size:2em; font-weight:400; text-transform:uppercase; color:#014e6d;}

main .solutions h4 {margin-top:0;}


@media only screen and (max-width:991px) {
#infrastructure img, #security img, #mobility img, #analytics img, #cloud img {padding:40px 0;}	
#calltoaction .form-box {max-width:90%;}
}


/*--- FOOTER ---*/
.footer {margin-top:0; background:#364851;padding:80px 0 20px 0;}
.footer h3.title {font-size:18px; color:#fff; font-weight:500;}
.footer form.contact-form {background:rgba(0,0,0,0.05); padding:40px 20px;}
.footer .address h3 {padding-top:40px; padding-bottom:20px;}
.footer address, .footer .contact-info ul li {font-size:15px; color:rgba(255,255,255,0.7); font-weight:400; line-height:1.7em; margin-bottom:0}
.footer address a {font-size: 15px;color: rgba(255,255,255,0.7);font-weight: 400;line-height: 1.7em;margin-bottom: 0;}
.footer address a:hover {color:#fff;}

.footer address a img.gmap {max-width:40px;}
 
.footer .contact-info h3 {padding-top:40px; padding-bottom:20px;}
.footer .contact-info ul li a {color:rgba(255,255,255,0.7);}
.footer .contact-info ul li a:hover {color:#fff;}

.footer .copyright {font-size:12px; font-weight:400; color:rgba(255,255,255,0.5);}

.footer .social {padding-top:40px; padding-bottom:20px;}
.footer .social ul li{ display:inline; margin:0 5px;}
.footer .social ul li:first-child{margin:0; margin-right:5px;}
.footer .social ul li a span { font-size:30px; }

.footer ul li a.mail:hover:after {
    opacity: 1;
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.footer ul li a.mail::after {
    content: "➝";
    display: inline-block;
    font-size: 0.85em;
    padding-left: 0.35em;
    opacity: 0;
    transform: translateX(-5px);
    transition: transform 0.3s cubic-bezier(0.694, 0, 0.335, 1), opacity 0.3s cubic-bezier(0.694, 0, 0.335, 1);
}



/*------------------------ FIGURE EFFECT ZOE ---------------------------*/
.solution-sub h4.section-title {font-size:42px; font-weight:300; padding-bottom:20px; /*line-height:60px;*/}

@media (max-width:991px) {
	.solution-sub h4.section-title {font-size:32px;}
}

.space-hack {padding-left:7px; padding-right:7px;}

.portfolio-item figure {margin-bottom:0; padding:15px; border:1px solid #e3e8e8;}
.portfolio-item figure p.description {
	padding-top:15px;
	font-weight: 500;
	font-size: 15px;
}

figure.effect-zoe figcaption {position:relative;}


@media (min-width:1170px) {
	
	.space-hack {padding-left:22px; padding-right:22px;}
		
	/* Common style */
	.portfolio-item figure {
		position:relative;
		overflow: hidden;
		background: #014e6d;
		margin-bottom:0;
		padding:0;
	}
	
	.portfolio-item figure img {
		position: relative;
		display: block;
		min-height: 100%;
		max-width: 100%;
		opacity: 1;
	}
	
	.portfolio-item figure figcaption {
		padding: 2em;
		color: #fff;
		text-transform: uppercase;
		font-size: 1.3em;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	.portfolio-item figure figcaption::before,
	.portfolio-item figure figcaption::after {
		pointer-events: none;
	}
	
	.portfolio-item figure figcaption,
	.portfolio-item figure figcaption > a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.portfolio-item figure p.icon-links {padding-top:0;}
	
	/* Anchor will cover the whole item by default */
	/* For some effects it will show as a button */
	.portfolio-item figure figcaption > a {
		z-index: 1000;
		text-indent: 200%;
		white-space: nowrap;
		font-size: 0;
		opacity: 0;
	}
	
	.portfolio-item figure h3,
	.portfolio-item figure p {
		margin: 0;
	}
	
	
	/*---------------*/
	/***** Zoe *****/
	/*---------------*/
	
	figure.effect-zoe figcaption {
		top: auto;
		bottom: 0;
		padding: 1rem;
		height: 4.2rem;
		background:rgba(0,0,0,0.5);
		color: #3c4a50;
		-webkit-transition: -webkit-transform 0.35s;
		transition: transform 0.35s;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
		box-shadow: 0 -1px 0 transparent; /*-- Hack for weird black border in chrome --*/
	}
	
	figure.effect-zoe img{opacity:1;
		-webkit-transition: opacity 0.35s;
		transition: opacity 0.35s;
		-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */}
	figure.effect-zoe:hover img{opacity:0.15;}
	
	figure.effect-zoe p.description {
		position: absolute;
		left:0;
		bottom: 5rem;
		padding: 2rem;
		color: #fff;
		text-transform: none;
		font-size: 0.9rem;
		opacity: 0;
		-webkit-transition: opacity 0.35s;
		transition: opacity 0.35s;
		-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
	}
	
	
	figure.effect-zoe:hover p.description {
		opacity: 1;
	}
	
	figure.effect-zoe:hover figcaption {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

}

#calltoaction .form-box {background:#fff; padding-top:30px; padding-bottom:40px; margin-top:30px; margin-bottom:30px;-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.09); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.09); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.09);}




/*---- NEW ADDITIONS ----*/
ul.general-list li.h6 {list-style:none;}
ul.general-list li {list-style:disc; list-style-position:inside;}



/*---- SECTION SEARCH RESULTS -----*/
section#search-res {padding:60px 0;}
section#search-res h3.section-title{font-size: 2rem;}

section#search-res .thumbnail {margin-bottom:40px;}
section#search-res .thumbnail .caption {padding: 0;}

section#search-res .thumbnail .caption h3 {font-size:20px; padding-top:20px; padding-bottom:10px; }
section#search-res .thumbnail .caption h3 a {color: #014e6d;}
section#search-res .thumbnail .caption h3 a:hover {color: #e73d30;}
section#search-res .thumbnail .caption p {font-weight: 400;font-size: 15px;line-height: 1.5em;}
section#search-res .thumbnail img {width:100%;}

.page-link{color: #005a84;}

.page-item.active .page-link{
background-color: #005a84;
border-color: #005a84;
}

/*----------- SECTION CASE STUDY -------------------*/
.summary .summary-title:after {content:''; display:block; margin:0 auto; width:60px; height:4px; background-color:#e73d30; margin-top:30px; margin-bottom:50px;}

.summary .summary-text h5 span {font-size:2rem; padding-right:10px;}

.summary .carousel-control-prev, .summary .carousel-control-next {cursor:pointer;}

@media (max-width:992px) {
.summary .carousel-control-prev, .summary .carousel-control-next {display:none;}
}
/* Conent */
.content {
	margin: 0 auto;
	padding: 0 0 3em;
}

.content > div:not(.case-study-text) {
	/*margin: -80px auto 0;*/ /* edited */
	width:100%;
	/*padding: 0 1.25em;*/
}
.content blockquote {
	padding: 0.25em;
	font-style: italic;
	font-size: 1.65em;
	font-family: 'Lora', serif;
	line-height: 1.4;
}

.content blockquote::before {
	content: '\201C';
}

.content blockquote::after {
	content: '\201D';
}


#career .card-accordion {border:1px solid #eee; margin-bottom:10px;}
	
#career .card-accordion .card-header {position:relative; border:none; padding:0.5rem 0.3rem;}
#career .card-accordion .card-header:before {
	content:''; display:block; position:absolute; left:-1px; top:0; width:4px; height:100%;
	background: #004f6e; /* For browsers that do not support gradients */
	background: linear-gradient(#004f6e, #e73d30); /* Standard syntax}*/
}

#career .card-accordion .card-header .btn-accordion {display:block; text-align:left; font-size:1.2rem; color:#004f6e; white-space:normal; padding-right:160px;}
#career .card-accordion .card-header .btn-accordion:hover,
#career .card-accordion .card-header .btn-accordion[aria-expanded="true"] {color:#e73d30;}

#career .card-accordion .card-header span {color:#666; font-size:0.9rem; padding-left:14px; font-weight:400;}

#career .btn-apply {position:absolute; right:15px; top:50%; transform:translateY(-50%); width:auto !important;     padding: 10px 20px; border-color:#eee; border-radius:5px;}
@media (max-width:768px) {
	#career .btn-apply {display:none;}
	#career .btn-accordion {padding-right:0;}
}

#career .card-accordion .card-body {padding-top: 2rem; border-top:1px solid #eee; margin-top:1px; padding-bottom:2.5rem;}

#career .card-accordion ul {margin-top:1.5rem; margin-bottom:1.5rem;}
#career .card-accordion b {font-weight:500;}

#career .card-accordion .card-body h1,
#career .card-accordion .card-body h2,
#career .card-accordion .card-body h3,
#career .card-accordion .card-body h4,
#career .card-accordion .card-body h5 {letter-spacing: 0.02rem; margin:1rem 0; color:#555;}

/*--- EVENTS ---*/
#event h5.event-title {font-size:16px; margin-top:10px; letter-spacing:0.02rem;}
#event p.event-date {font-size:18px; font-weight:700; color:#fff; position:relative; top:50%; transform: translateY(-50%); margin-bottom:0;}

.text-custom-color {color:#709cb2 !important;}
.bg-custom {background-color:#709cb2 !important;}


/*--- Event Details Header ----*/
.event-header {display:table; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.event-header .intro-box {display:table-cell; vertical-align:middle; padding:3rem 0; background-color:rgba(0,0,0,0.5);}
.event-header .creative .lead {font-size:20px !important;}
.event-header .creative p {font-size:16px !important;}



/*********** FAQs ****************************/

.faq-cat-content {
    margin-top: 25px;
}

.faq-cat-content .card{margin-bottom: 15px;}
.faq-cat-content h4.card-title{font-size: 1.25rem;margin-bottom:0;}
.faq-cat-content .card-header a:focus {
    outline: none;
}

.faq-cat-content .card-header a,
.faq-cat-content .card-header a:hover,
.faq-cat-content .card-header a:focus {
    text-decoration: none;
    color: #777777;
}

.faq-cat-content .card-header:hover {
    background-color: #efefef;
}

.faq-cat-content .active-faq {
    border-left: 5px solid #888888;
}

.faq-cat-content .panel-faq .card-header .card-title span {
    font-size: 15px;
    font-weight: normal;
}



/*.my-menu {
	list-style: none !important;
  	line-height: 1.8;
	position: -webkit-sticky;
	top: 45px;
	z-index: 100;
	width:100%; padding:0 2rem; font-weight:600;
}

.sticky {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
}


.my-menu a {color:#434a54;}
.my-menu a:hover { background:#ffd13d !important;}*/

/* .js .my-menu {
  If we have JavaScript enabled and we're just waiting for flexMenu to load and run, hide list items that don't fit on one line. If JavaScript is not enabled, just show 'em all.
  overflow: hidden;
} */

/*.my-menu > li {
  margin: 0 0 0 1.5em;
  float: left;
}

.my-menu li.active {background:#fff;
-webkit-box-shadow: inset 0px -3px 0px 0px rgba(255,209,61,1);
-moz-box-shadow: inset 0px -3px 0px 0px rgba(255,209,61,1);
box-shadow: inset 0px -3px 0px 0px rgba(255,209,61,1);
}
.my-menu li.active a {color:#000;}
.my-menu li.active a:hover {color:#99a3b1;}


.my-menu > li:first-child {
  margin-left: 0;
}
*/

.flex-multi {
  float: left;
  width: 45%;
  margin-bottom: 100px;
}

.flex-multi + .flex-multi {
  float: right;
}

.clear {
  clear: both;
}

/* flexMenu styles */

.flexMenu-viewMore{
	position:relative;
}

.flexMenu-viewMore > a {
	display:block;
font-size: 0.8rem;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.08rem;
padding: 1rem;
color: #fff;
}

.flexMenu-viewMore.active > a {
  background-color: #434a54; color:#fff !important;
}

.flexMenu-viewMore > a:hover {
  color:#fff;
}

.flexMenu-popup {
	z-index:9999;
  list-style-type: none;
  background-color: #fff;
  right:0;
  width:200px;
  max-height:320px;
  overflow-y:auto; overflow-x:hidden; 
  /*box-shadow: inset 0 -2px 0 #434a54, 0 2px 10px rgba(0, 0, 0, 0.2);*/
  padding:0;
  color:#434a54;
}


@media screen and (max-width:380px) {
	.flexMenu-popup {left:0 !important;}
}

.lt-ie8 .flexMenu-popup {
	
}

.flexMenu-popup a {
  display: block; padding:0.8em; color:#434a54 !important;
}

.flexMenu-popup a:hover {
  color: #fff !important;
  display: block; text-decoration:none;  
}