#services {
    padding:0px 0 0 0;
    max-width:100%
}
 #services .wrapper {
     max-width:100%;
     background-color: #fff;
 }

 #services .case-study.odd .case-study-info,  #services .case-study.odd .image-col {
    float:right
}
 #services .case-study.odd .case-study-info .info {
    float:left
}
@media screen and (min-width: 991px) {
     #services .case-study.odd .image-col {
        left:0
    }
}
 #services .case-study.right .case-study-info,  #services .case-study.right .image-col {
    float:left !important
}
 #services .case-study.right .case-study-info .info {
    float:right !important
}
@media screen and (min-width: 991px) {
     #services .case-study.right .image-col {
        left:50% !important
    }
}
 #services .case-study.left .case-study-info,  #services .case-study.left .image-col {
    float:right !important
}
 #services .case-study.left .case-study-info .info {
    float:left !important
}
@media screen and (min-width: 991px) {
     #services .case-study.left .image-col {
        left:0% !important
    }
}
 #services .case-study {
    float:none;
    margin:0 auto;
    clear:both;
    max-width:1920px
}
 #services .case-study .col.pre-fancy {
    -webkit-transform:translate3d(0, 150px, 0);
    transform:translate3d(0, 150px, 0);
    opacity:0
}
 #services .case-study .col.post-fancy {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1
}
 #services .case-study.odd .col.pre-fancy {
    -webkit-transform:translate3d(-150px, 0, 0);
    transform:translate3d(0, 150px, 0);
    opacity:0
}
 #services .case-study.odd .col.post-fancy {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1
}
 #services .case-study .case-study-info,  #services .case-study .image-col {
    width:100%;
    float:left;
}
 #services .case-study .info {
    display:table;
    width:100%;
    min-height:260px;
    background:#f6f6f6;
    padding:50px 30px;
    float:right
}
@media screen and (min-width: 480px) {
     #services .case-study .info {
        padding:50px 50px;
    }
}
@media screen and (min-width: 991px) {
     #services .case-study .info {
        max-width:480px
    }
}
 #services .case-study .info-wrapper {
    width:100%;
    display:table-cell;
    vertical-align:middle;
    text-align:center
}
 #services .case-study .case-study-info h3 {
    font-family:"Open Sans", sans-serif;
    font-size:1.8em;
    line-height:1.25em;
    font-weight: 600;
    text-align:center;
    color: #000;
    padding:0 0 0px 0;
    margin: 0;
    line-height:1em;
    letter-spacing:-0.05em;
}
@media screen and (min-width: 480px) {
     #services .case-study .case-study-info h3 {
        font-size:2.1em;
    }
}
@media screen and (min-width: 991px) {
     #services .case-study .case-study-info h3{
        font-size:2.7em;
    }
}
 #services .case-study .case-study-info hr {
    height:1pt;
    border:none;
    border-bottom:1pt solid #333333;
    outline:none;
    width:2.4em;
    margin-left:auto;
    margin-right:auto
}
 #services .case-study .case-study-info .copy {
    font-family:"Open Sans", sans-serif;
    font-weight:200;
    font-size:1.4em;
    padding:0 0 25px 0;
    width:100%;
    text-align:center;
    vertical-align:middle;
    line-height:1em;
    letter-spacing:-0.05em;
    color:#333
}
@media screen and (min-width: 480px) {
     #services .case-study .case-study-info .copy {
        font-size:1.65em;
    }
}
@media screen and (min-width: 991px) {
     #services .case-study .case-study-info .copy{
        font-size:2em;
    }
}

 #services .case-study .case-study-info .aaa {
    font-family:"Merriweather", sans-serif;
    font-weight:100;
    font-size:1em;
    margin:0 0 20px 0;
    width:100%;
    text-align:center;
    vertical-align:middle;
    line-height:1.2em;
    letter-spacing:0em;
    color:#555
}
@media screen and (min-width: 480px) {
     #services .case-study .case-study-info .aaa {
        font-size:1.1em;
    }
}
@media screen and (min-width: 991px) {
     #services .case-study .case-study-info .aaa{
        font-size:1.2em;
    }
}
 #services .case-study .case-study-info a {
    display:inline-block;
}
 #services .case-study .case-study-info .circle {
	opacity: 0.5;
}
 #services .case-study .case-study-info .circle:hover {
	opacity: 1;
}

#services .case-study .case-study-info .info-highlight {
	font-family:"Open Sans", sans-serif;
	color: #333;
  	margin-bottom: 15px;
}
 #services .case-study .case-study-info .highlight {
	color: #333;
	font-size:1.15em;
	line-height:1.1em;
	font-weight: 600;
	opacity: 1;
  	padding: 5px 10px;
  	margin-top:  5px;
  	margin-bottom: 5px;
  	border: 1px solid #333;
}
@media screen and (min-width: 480px) {
      #services .case-study .case-study-info  .highlight {
        font-size:1.3em;
    }
}
@media screen and (min-width: 991px) {
      #services .case-study .case-study-info  .highlight{
        font-size:1.5em;
    }
}


 #services .case-study .image-col {
    position:relative
}
 #services .case-study .image-col:before {
    display:block;
    content:" ";
    width:100%;
    padding-top:56.25%;
    max-height:500px
}
@media screen and (min-width: 768px) {
     #services .case-study .image-col:before {
        max-height:600px
    }
}
@media screen and (min-width: 991px) {
     #services .case-study .image-col:before {
        max-height:720px
    }
}
 #services .case-study .image-col>.image {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    max-height:500px
}
@media screen and (min-width: 768px) {
     #services .case-study .image-col>.image {
        max-height:600px
    }
}
@media screen and (min-width: 991px) {
     #services .case-study .image-col>.image {
        max-height:720px
    }
}
@media screen and (min-width: 991px) {
     #services .case-study .image-col {
        top:0;
        left:50%;
        position:absolute
    }
}
 #services .case-study .image-col>.image {
    background-attachment:scroll
}
 #services .case-study .image-col a {
    display:block
}
@media screen and (min-width: 991px) {
     #services .case-study .case-study-info,  #services .case-study .image-col {
        width:50%;
        max-height:540px
    }
}
 #services .quote {
    padding:50px 0
}
 #services .quote .wrapper {
    max-width:720px;
    padding:0
}
 #services .quote blockquote p {
    font-family:"Open Sans", sans-serif;
    font-weight:200;
    font-size:1.25em;
    line-height:1.25em;
    text-align:center
}
@media screen and (min-width: 991px) {
     #services .quote blockquote p {
        font-size:2em
    }
}
 #services .quote blockquote cite {
    text-align:center;
    padding:50px 0 0 0;
    font-family:Georgia, Times, serif;
    font-size:0.75em;
    display:block;
    color:#7a7a7a
}



/*** MODAL ***/
/* Popup */

/* Control Nav */
.slider-control-nav {margin: 0 0 0 0px; padding: 0; list-style: none;}
.slider-control-nav {width: 100%; position: relative; bottom: -20px;text-align: center;}
.slider-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.slider-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.slider-control-thumbs li {width: 25%; float: left; margin: 0;}
.slider-control-thumbs img {width: 100%; display: block; opacity: .5; cursor: pointer;}
.slider-control-thumbs img:hover {opacity: 1;}
.slider-control-thumbs .flex-active {opacity: 1; cursor: default;}

.carousel-inner > .item > img{
	width: 100%;
}

/* Content modal */
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
  z-index: 9999;
}
.modal-content {
	background: none repeat scroll 0 0 #FFF;
	margin: 100px auto;
	max-width: 1170px;
	padding: 20px 20px;
	position: relative;
	text-align: left;
	display: block;
	border-radius: 0;
}
.modal-content h2 {
	font-family:"Open Sans", sans-serif;
	font-size:1.8em;
	line-height:1.25em;
	font-weight: 600;
	color: #000;
	margin: 0 0 10px 0;
	line-height:1em;
	letter-spacing:-0.05em;
}
@media screen and (min-width: 480px) {
     .modal-content h2  {
        font-size:2.1em;
    }
}
@media screen and (min-width: 991px) {
     .modal-content h2 {
        font-size:2.7em;
    }
}
.modal-content h3 {
	font-family:"Open Sans", sans-serif;
	font-weight:200;
	font-size:1.4em;
	margin: 0 0 10px 0;
	width:100%;
	line-height:1em;
	letter-spacing:-0.05em;
	color:#333
}
@media screen and (min-width: 480px) {
     .modal-content h3 {
        font-size:1.65em;
    }
}
@media screen and (min-width: 991px) {
     .modal-content h3{
        font-size:2em;
    }
}
.modal-content h4 {
	font-family:"Open Sans", sans-serif;
	font-weight:400;
	font-size:1.2em;
	margin: 0 0 10px 0;
	width:100%;
	line-height:1em;
	letter-spacing:-0.05em;
	color:#333
}
@media screen and (min-width: 480px) {
     .modal-content h4 {
        font-size:1.4em;
    }
}
@media screen and (min-width: 991px) {
     .modal-content h4{
        font-size:1.6em;
    }
}
.modal-content .highlight {
	font-family:"Open Sans", sans-serif;
	color: #333;
	font-size:1.15em;
	line-height:1.1em;
	font-weight: 600;
	opacity: 1;
  	padding: 5px 10px;
  	margin-top:  5px;
  	margin-bottom: 5px;
  	border: 1px solid #333;
}
@media screen and (min-width: 480px) {
     .modal-content .highlight {
        font-size:1.3em;
    }
}
@media screen and (min-width: 991px) {
     .modal-content .highlight{
        font-size:1.5em;
    }
}
.modal-content p {
	font-family:"Merriweather", sans-serif;
	font-weight:100;
	font-size:0.9em;
	margin:0 0 10px 0px;
	width:100%;
	line-height:1.2em;
	letter-spacing:0em;
	color:#555
	
}
@media screen and (min-width: 480px) {
     .modal-content p {
        font-size:1em;
    }
}
@media screen and (min-width: 991px) {
     .modal-content p{
        font-size:1.1em;
    }
}
.modal-content ul{
  	font-family:"Open Sans", sans-serif;
	font-size:1em;
  	letter-spacing:-0.05em;
	line-height:1.3em;
  	margin:0 0 20px 5px;
}
@media screen and (min-width: 480px) {
     .modal-content ul {
        font-size:1.1em;
    }
}
@media screen and (min-width: 991px) {
     .modal-content ul{
        font-size:1.2em;
    }
}
.modal-content i{
  margin:0 10px 0px 5px;
}