/*   
Theme Name: Cambridge Semantics
Theme URI: https://www.cambridgesemantics.com/
Description: Custom WordPress theme for Cambridge Semantics
Author: Yelling Mule
Author URI: https://www.yellingmule.com
Version: 1.0
*/

@CHARSET "UTF-8";

/* =WordPress Core from http://codex.wordpress.org/CSS#WordPress_Generated_Classes
-------------------------------------------------------------- */

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/*CUSTOM CSS
-------------------------------------------------------------- */

/*Required Styles*/

html, body{
    margin:0;
    padding:0;
    font-family:'Lato', sans-serif;
    width:100%;
    overflow-x:hidden;
}
h1{
    font-weight:700;
    font-size:42px;
}
h2{

}
h3{
    color:#1990a4;
}
h4{

}
h5{

}
p{
    font-weight:300;
    font-size:16px;
}
a{

}
a:hover{
    text-decoration:none;
}
p a{

}
ul{

}
ul li{

}
ul li a{

}
ol{

}
ol li{

}
ol li a{

}
.centered{
    text-align:center;
}

/*BUTTONS*/
.outline_button{
    border:2px solid white;
    text-transform:uppercase;
    color:white;
    background:transparent;
    padding:0.75rem 3rem;
    font-size:16px;
    font-weight:300;
    display:inline-block;
}
.outline_button:hover{
    background:#56d0b5;
    border-color:#56d0b5;
    color:white;
}
.orange_button,
#commentform input[type=submit]{
    border:none;
    color:white;
    background:#ff8400;
    padding:0.75rem 3rem;
    font-size:16px;
    font-weight:300;
    display:inline-block;
}
.orange_button:hover,
#commentform input[type=submit]:hover{
    background:#56d0b5;
    color:white;
}
.white_button{
    border:none;
    color:#ff8400;
    background:white;
    padding:0.75rem 2rem;
    font-size:16px;
    font-weight:300;
    display:inline-block;
    text-transform:uppercase;
}
.white_button:hover{
    color:white;
    background:#56d0b5;
}

/*HEADER*/
.header{
    position:fixed;
    top:0;
    width:100%;
    z-index:1000;
}
.header_top{
    background:#242f3e;
    padding:0.5rem 0;
    text-align:right;
}
.header_top ul{
    list-style:none;
    margin:0 1rem 0 0;
    padding:0;
    font-weight:300;
    display:inline-block;
}
.header_top ul li{
    display:inline-block;
}
.header_top ul li::after{
    content:'|';
    display:inline-block;
    margin:0 1rem;
    color:#747474;
}
.header_top ul li:last-child::after{
    content:none;
}
.header_top ul li a{
    color:white;
}
.header_top ul li a:hover{
    color:#ff8400;
}
.header_top form{
    display:inline-block;
    position:relative;
}
.header_top form input{
    border:2px solid #eee;
    padding:0.25rem 2.5rem 0.25rem 0.5rem;
    font-weight:300;
    width:200px;
}
.header_top form button{
    background:transparent;
    border:none;
    color:#ff8400;
    position:absolute;
    right:0;
    top:0;
    z-index:1000;
    padding:5px 8px;
}
.header_main, .header_logo{
    height:72px;
}
.header_logo a{
    display:block;
    height:100%;
    padding:1rem 0;
}
.header_logo img{
    height:100%;
    width:auto;
}
.header_right{
    text-align:right;
}
.header #menu-main-menu{
    list-style:none;
    margin:0;
    padding:0;
    text-transform:uppercase;
    font-weight:300;
    font-size:16px;
    display:inline-block;
}
.header #menu-main-menu .menu-item{
    display:inline-block;
}
.header #menu-main-menu .menu-item a{
    color:white;
    display:block;
    padding:2.5rem 1.5rem;
}
.header #menu-main-menu .menu-item a:hover, .header #menu-main-menu .menu-item:hover > a{
    background:white;
    color:black;
}
.header #menu-main-menu .menu-item.current-menu-item a,
.header.header_scrolled #menu-main-menu .menu-item.current-menu-item a{
    color:#ff8400;
}
.header #menu-main-menu .menu-item-has-children a::after{
    content:'\f107';
    font-family:'FontAwesome';
    color:#ff8400;
    display:inline-block;
    margin-left:0.5rem;
}
.header_button{
    display:inline-block;
    margin-left:1.5rem;
}
.header_button a{
    padding:0.75rem 2rem;
}
.header #menu-main-menu .megamenu{
    display:none;
    position:absolute;
    width:703px;
    background:white;
    right:1.5rem;
    text-transform:none;
    text-align:left;
    font-size:14px;
    height:300px;
    border:2px solid #eee;
    border-top:none;
}
.header #menu-main-menu .megamenu .first{
    border-right:1px solid #e7e7e7;
    height:300px;
}
.header #menu-main-menu .megamenu .last{
    border-left:1px solid #e7e7e7;
    height:300px;
}
.header #menu-main-menu .megamenu .col-sm-4:last-of-type{
    padding-right:14px;
}
.header #menu-main-menu .megamenu .sub-menu{
    margin:0;
    padding:0 1.5rem;
}
.header #menu-main-menu .megamenu .sub-menu .menu-item{
    display:block;
}
.header #menu-main-menu .megamenu .sub-menu .menu-item::after{
    content:none;
}
.header #menu-main-menu .megamenu .sub-menu .menu-item a{
    padding:0.25rem 0;
    color:black;
}
.header #menu-main-menu .megamenu .sub-menu .menu-item a:hover{
    color:#ff8400;
}
.header #menu-main-menu .megamenu a:after{
    content:none;
}
.header #menu-main-menu .megamenu .megamenu_photo{
    height:99.3333px;
    margin-left:1px;
    width:100%;
    overflow:hidden;
    position:relative;
}
.header #menu-main-menu .megamenu .megamenu_photo_full{
    height:300px;
}
.header #menu-main-menu .megamenu .megamenu_photo a{
    display:block;
    width:100%;
    height:100%;
    padding:0;
    background:#56d0b5;
    z-index:1;
}
.header #menu-main-menu .megamenu .megamenu_photo:nth-of-type(even) a{
    background:#1990a4;
}
.header #menu-main-menu .megamenu .megamenu_photo img{
    width:100%;
    height:auto;
    position:absolute;
    opacity:0.2;
}
.header #menu-main-menu .megamenu .megamenu_photo.megamenu_photo_full img{
    height:100%;
    width:auto;
    opacity:1;
}
.header #menu-main-menu .megamenu .megamenu_photo a:hover img{
    opacity:0;
}
.header #menu-main-menu .megamenu .megamenu_photo p{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    color:white;
    font-weight:400;
}
.header #menu-main-menu .megamenu h4{
    font-size:15px;
    font-weight:400;
    padding:1.5rem 1.5rem 1rem 1.5rem;
    margin:0;
    color:#1990a4;
}
.header #menu-main-menu .menu-item .megamenu h4 a{
    color:#ff8400;
    margin:0;
    padding:0;
}
.header #menu-main-menu .menu-item .megamenu h4 a:hover{
     color:#1990a4;
}
.header #menu-main-menu .megamenu .sub-menu li ul{
    list-style:none;
    margin:0 0 0 2rem;
    padding:0;
    font-size:13px;
}
.header #menu-main-menu .megamenu .sub-menu li ul li{
    margin:0;
    padding:0;
}
.header #menu-main-menu .megamenu .sub-menu li ul li a{
    margin:0;
    padding:0;
}
.header #menu-main-menu .megamenu .sub-menu .menu-item ul li a{
    padding:0;
}
.header.header_scrolled .header_main{
    background:white;
    border-bottom:2px solid #eee;
}
.header.header_scrolled .header_top{
    display:none;
}
.header.header_scrolled #menu-main-menu .menu-item a{
    color:#242f3e;
}
.header.header_scrolled #menu-main-menu .menu-item a:hover, .header.header_scrolled #menu-main-menu .menu-item:hover > a{
    color:#ff8400;
}
.header.header_scrolled .megamenu{
    border-top:2px solid white;
    margin-top:-2px;
}
.header.header_scrolled #menu-main-menu .megamenu .megamenu_photo{
    height:99.3333px;
    margin-left:-1px;
}
.header.header_scrolled #menu-main-menu .megamenu .megamenu_photo.megamenu_photo_full{
    height:296px;
}
.header.header_scrolled #menu-main-menu .megamenu .first{
    height:296px;
}
.header.header_scrolled #menu-main-menu .megamenu .last{
    height:296px;
}
.megamenu_map {
    text-align:right;
}
.header.header_scrolled #menu-main-menu .megamenu .megamenu_map iframe{
    height:296px;
}
.header #menu-main-menu .megamenu .megamenu_featured_resource h4{
    margin:0;
    padding:1.5rem 1rem 1rem 0;
}
.header #menu-main-menu .megamenu .megamenu_featured_resource p{
    font-size:13px;
    padding-right:1.5rem;
}
.header #menu-main-menu .megamenu .megamenu_featured_resource .megamenu_button{
    padding-right:1.5rem;
}
.header #menu-main-menu .megamenu .megamenu_featured_resource .megamenu_button a{
    border-color:#1a91a5;
    color:#1a91a5;
    text-align:center;
    font-size:13px;
    padding:0.5rem;
}
.header #menu-main-menu .megamenu .megamenu_featured_resource .megamenu_button a:hover{
    background:#1a91a5;
    color:white;
}
.header #menu-main-menu .megamenu .megamenu_featured_resource_photo{
    width:auto;
    padding-bottom:50%;
    position:relative;
    overflow:hidden;
    margin-left:-1.5rem;
    margin-right:-1px;
}
.header #menu-main-menu .megamenu .megamenu_featured_resource_photo img{
    position:absolute;
    width:100%;
    height:auto;
}
.header_mobile{
    display:none;
}

/*HERO*/
.hero{
    height:700px;
    width:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center top;
    position:relative;
    text-align:center;
}
.hero_new{
    height:700px;
    width:100%;
    text-align:center;
    position:relative;
    background:black;
}
.hero_slider{
    width:100%;
    height:100%;
    position:relative;
}
.hero_slider .slick-list,
.hero_slider .slick-track,
.hero_slide{
    height:100%;
}
.hero_slide{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center top;
    position:relative;
}
.hero_slide_overlay{
    width:100%;
    height:100%;
    background:rgba(0,91,125,0.7);
}
.hero_slide_content{
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    color: white;
    left:0;
    right:0;
}
.hero_slide_content p{
    font-size:24px;
    margin:1rem 0;
}
.hero_slide_button{
    margin:2rem auto 0;
}
.hero_slider .slick-dots li.slick-active button:before{
    color:#ff8400;
}
.hero_slider .slick-prev,
.hero_slider .slick-next{
    z-index:100;
    width:auto;
    height:auto;
}
.hero_slider .slick-next{
    right:2rem;
}
.hero_slider .slick-prev{
    left:2.5rem;
}
.hero_slider .slick-prev:before,
.hero_slider .slick-next:before{
    font-size:60px;
}
.interior_hero{
    height:500px !important;
}
.hero_overlay{
    width:100%;
    height:100%;
    background:rgba(0,91,125,0.7);
}
.hero_overlay_gradient{
    width:100%;
    height:100%;
    background-image: -moz-linear-gradient( -90deg, rgb(0,36,55) 0%, rgba(1,25,52,0) 20%);
    background-image: -webkit-linear-gradient( -90deg, rgb(0,36,55) 0%, rgba(1,25,52,0) 20%);
    background-image: -ms-linear-gradient( -90deg, rgb(0,36,55) 0%, rgba(1,25,52,0) 20%);
}
.hero_contents{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    -moz-transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    color:white;
    text-align:center;
}
.hero_contents p{
    margin:0.5rem 0 0;
}
.hero_button{
    margin:2rem 0 0;
}
.hero_arrow{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:2rem auto;
    font-size:32px;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    transition-duration:0.5s;
}
.hero_arrow a{
    color:white;
    display:block;
}
.hero_arrow:hover{
    margin-bottom:1rem;
}
.interior_hero h2{
    margin: 0 0 1rem 0;
    text-shadow:0 0 10px rgba(0,0,0,0.7);
}
.interior_hero a{
    color:white;
    font-size:48px;
    text-shadow:0 0 10px rgba(0,0,0,0.7);
}
.interior_hero a:hover{
    color:#ff8400;
}

/*HOMEPAGE STYLES*/

.update_bar{
    background:#C8CCCF;
    padding:3rem 0;
    text-align:center;
}
.update_bar h3{
    margin:0;
    color:white;
}
.update_bar i{
    color:#1990a4;
}
.update_bar h3 a{
   color:#1990a4;
}
.update_bar h3 a:hover{
    font-weight:700;
}

.anzo_feature{
    margin:3rem 0 0;
}
#anzo_solution_features .anzo_feature{
    margin:1rem 0 0;
}
.anzo_feature i{
    font-size:42px;
    margin:2rem 0;
}
#anzo_solution_features .anzo_feature i{
    margin:1rem 0;
}
#anzo_solution_features .anzo_feature a i{
    color:#000;
}
#anzo_solution_features .anzo_feature a:hover i{
    color:#23527c;
}
.anzo_feature_icon{
    width:100%;
    padding:0 25%;
}
.anzo_feature_icon img{
    width:100%;
}
.solution_bucket_button {
    background:#ff8400;
    padding:5px 10px;
    color:#fff;
    margin-top:5px;
    display:inline-block;
}
.anzo_feature h3{
    color:#1990a4;
    margin:1rem 0;
    font-size:20px;
}
.anzo_feature p{
    margin:0;
    font-size:14px;
}
.anzo_roles{
    color:white;
    padding:1rem 2rem;
    height: 100%;
    margin-left:-1px;
    position:relative;
}
.anzo_roles_interior{
    position:absolute;
    width:100%;
    top:50%;
    padding-right:2rem;
    -moz-transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
}
.anzo_roles_interior i{
    font-size:36px;
    position:absolute;
}
.content_teal_left .anzo_roles_interior{
    padding-right:4rem;
}
.anzo_roles h4{
    font-size:18px;
    font-weight:700;
    margin:0 0 0.5rem;
}
.anzo_roles p{
    margin:0;
}
.anzo_roles ol {
    list-style:none;
    margin:0 0 0 6rem;
    padding:0;
    counter-reset: role-counter;
}
.anzo_roles ol li{
    position:relative;
    margin:3rem 0;
}
.anzo_roles ol li::before {
    content: counter(role-counter);
    counter-increment: role-counter;
    float:left;
    width:40px;
    height:40px;
    border:1px solid white;
    border-radius:50%;
    text-align:center;
    font-size:20px;
    padding:4px 0;
    margin-left:-6rem;
}
.anzo_roles ol li::after{
    content:'';
    width:20px;
    height:1px;
    position:absolute;
    left:-8rem;
    top:2rem;
    background:white;
}
.anzo_roles_left ol{
    margin: 0 6rem 0 0;
    text-align: right;
}
.anzo_roles_left ol li::before{
    float:right;
    margin-left: 0;
    margin-right: -6rem;
    margin-top: -1rem;
}
.anzo_roles_left ol li::after{
    left: auto;
    right: -8rem;
    top: 1rem;
}
.anzo_role_button{
    margin:1rem 0 0;
}
.anzo_role_button a{
    padding:0.5rem 2rem;
}
.anzo_role_button a:hover{
    background:#005b7d;
    border:2px solid #005b7d;
}
.roi_metric h1{
    font-size:48px;
    padding:9rem 0 0;
    margin:0;
    color:#242f3e;
    font-weight:700;
}
.roi_metric h3{
    color:#1990a4;
    margin:1rem 0;
    font-size:20px;
}
.content_halved .testimonial_grid .row{
    display:block;
}
.content_halved .testimonial_grid .col-xs-6{
    padding:0;
}
.testimonial_grid .testimonial_quadrant{
    width:100%;
    padding-bottom:60%;
    position:relative;
    overflow:hidden;
    cursor:pointer;
    text-align:center;
}
.testimonial_grid .testimonial_quadrant#testimonial_01,
.testimonial_grid .testimonial_quadrant#testimonial_04,
.testimonial_grid .testimonial_quadrant#award_01,
.testimonial_grid .testimonial_quadrant#award_04{
    background:#005b7d;
}
.testimonial_grid .testimonial_quadrant:hover img{
    opacity:0;
}
.testimonial_grid .testimonial_quadrant img{
    min-width:100%;
    min-height:100%;
    max-width:400px;
    position:absolute;
    top:50%;
    left:50%;
    -moz-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    opacity:0.3;
}
.testimonial_grid .testimonial_quadrant h3{
    position:absolute;
    top:50%;
    left:0;
    right:0;
    padding:0 2rem;
    -moz-transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    color:white;
    margin:0;
}
.main_testimonial,
.main_award{
    position:absolute;
    top:50%;
    transform:translate(0,-50%);
    padding:0 2rem;
    color:white;
}
.main_testimonial i{
    float:left;
    font-size:48px;
    margin-top:-1rem;
}
.main_testimonial_text{
    margin-left:6rem;
    display:none;
}
.main_award_text{
    display:none;
    padding-right:25%;
    padding-left:2rem;
}
.main_testimonial_text.testimonial_active,
.main_award_text.award_active{
    display:block;
}
.award_image{
    height:50px;
    margin-bottom:2rem;
}
.award_image img{
    height:100%;
}
.testimonial_button{
    margin-top:3rem;
}
.emp_testimonial_container{
    padding:0 3rem 0 0;
}
.emp_testimonials{
    width:100%;
}
.emp_testimonials .slick-prev{
    left:-3rem;
}
.emp_testimonials .slick-next{
    right:-3rem;
}
.emp_testimonials .slick-prev::before,
.emp_testimonials .slick-next::before{
    color:white;
}





.customer_logos_container{
    padding:12% 3rem;
}
.customer_logos{
    padding:0;
}
.customer_logo a{
    display:block;
}
.customer_logo img{
    width:100%;
}
.customer_logos .slick-next{
    right:-3rem;
}
.customer_logos .slick-prev{
    left:-3rem;
}
.resource_section{
    width:100%;
    padding-bottom:60%;
    overflow:hidden;
    position:relative;
    text-align:center;
}
.resource_section a{
    display:block;
    height:100%;
    width:100%;
}
.resource_section img{
    width:100%;
    height:auto;
    position:absolute;
    top:50%;
    left:50%;
    -moz-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    opacity:0.4;
}
.resource_section a:hover img{
    opacity:0;
}
.resource_section h3{
    color:white;
    margin:0;
    position:absolute;
    left:0;
    right:0;
    top:50%;
    -moz-transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
}
.resource_section_dark,
.content_full .col-sm-4:nth-of-type(even) .resource_section{
    background:#005b7d;
}
.resource_section.expanded_left{
    width:148%;
    margin-left:-48%;
}
.resource_section.expanded_left h3{
    padding-left:32%;
}
.resource_section.expanded_right{
    width:148%;
    margin-right:-48%;
}
.resource_section.expanded_right h3{
    padding-right:32%;
}




/*CONTENT BLOCKS*/
.content{
    padding:5rem 0;
    position:relative;
}

.content_grey{
    background:#eee;
}
.content_with_circle{
    padding-bottom:0;
}
.content_centered{
    text-align:center;
}
.content_background{
    width:100%;
    padding:0;
    background-size:cover;
    background-position:center;
}
.content_background_overlay{
    background:rgba(0,91,125,0.7);
    padding:6rem 0;
}
.content_top{
    padding-top:0;
}
.content_bottom{
    padding-bottom:12rem;
}
.content h2{
    color:#ff8400;
    margin:0 0 1rem;
}
.content_background h2{
    color:white;
}
.content_background p{
    color:white;
}
.content_button{
    margin:0;
}
.content_button a{
    text-transform:uppercase;
}
.content_circle{
    width:500px;
    height:500px;
    border-radius:50%;
    border:3px solid #e1e1e1;
    margin:0 auto;
    position:absolute;
    z-index:-1;
    left:0;
    right:0;
}
.content_box{
    background:rgba(255,255,255,0.8);
    padding:2rem;
    margin:4rem 0 0;
    height:380px;
}
.career_content_box{
    padding:8rem 2rem;
}
.content_circle_connector{
    width:3px;
    height:100px;
    background:#e1e1e1;
    margin:4.25rem auto 0;
}
.content_circle_connector_padded{
    margin:8rem auto 0;
}
.content_circle_connector_top{
    margin:0 auto;
}
.content_halved .col-sm-6{
    padding:0;
}
.content_teal{
    background:#56d0b5;
    height:100%;
}
.content_teal_right{
    padding-right:25%;
}
.content_teal_left{
    padding-left:25%;
}
.content_teal.content_teal_dark{
    background:#1990a4;
}
.content_teal.content_teal_extradark{
    background:#242f3e;
}
.content .content_teal_extradark_text h2,
.content .content_teal_extradark_text p{
    color:white;
}
.content_halved .row{
    display:flex;
    margin:0;
}
.content_halved .col{
    flex:1;
}
.content_halved_photo{
    width:100%;
    position:relative;
    background:#005b7d;
    overflow:hidden;
    padding-bottom:70%;
}
.content_halved_photo_med{
    padding-bottom:90%;
}
.content_halved_photo_tall{
    padding-bottom:100%;
}
.content_halved_photo img{
    min-width:100%;
    min-height:100%;
    max-width:800px;
    position:absolute;
    opacity:0.4;
}
.content_halved_photo h2{
    color:white;
    text-align:right;
    margin:0 3rem;
    font-size:48px;
    z-index:100;
    position:absolute;
    top:50%;
    right:0;
    transform:translate(0,-50%);
}
.content_halved_photo_right h2{
    left:0;
    text-align:left;
}
.content_full{
    background:#1990a4;
}
.content_full .col-sm-4,
.content_full .col-sm-3{
    padding:0;
}
.border_left{
    border-left:3px solid white;
    margin-left:-1.5px;
}
.content_halved_button{
    margin:2rem 0 0;
}
.content_halved_button a:last-child {
    margin-left:1rem;
}
.content_teal .content_halved_button a:hover{
    background:#56D0B5;
    border-color:#56D0B5;
}
.content_photo{
    width:100%;
}
.content_photo img{
    max-width:100%;
    margin:0 auto;
}
.content_videos iframe{
    margin:3rem 0 0;
}
.content_video{
    padding:3rem 10%;
}
.content_video video{
    width:100%;
}
.content_text{
    position:absolute;
    top:50%;
    -moz-transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
}
.content_text.right{
    text-align:right;
}
.content_flex .row{
    display:flex;
}
.content_flex h2{
    margin-top:3rem;
    margin-bottom:3rem;
}
.content_flex .content_circle_connector{
    margin-top:8rem;
    clear:both;
    display:block;
}
.content_flex .content_circle_connector_top{
    margin-top:0;
}
.content_flex .content_photo{
    height:250px;
    overflow:hidden;
}
.content_video_embed{
    width:100%;
    padding-bottom:56.25%;
    position:relative;
    overflow:hidden;
}
.content_video_embed iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.content_text_outer{
    height:100%;
    position:relative;
    display:flex;
    align-items:center;
}
.content_flex .row.display-table {
   display:flex;
}
.content_flex .row.display-table .col-md-6 {
   float: none;
   display: table-cell;
}
.content .content_text_inner h2{
    margin:0 0 2rem;
}

/*FOOTER*/
.footer{
    background:#242f3e;
    padding:4rem 0;
}
.footer h4{
    color:white;
    margin:0;
}
.footer h4::after{
    content:'';
    width:100%;
    height:2px;
    background:#ff8400;
    display:block;
    margin:1rem auto;
}
.footer .textwidget ul{
    list-style:none;
    margin:0;
    padding:0;
    font-weight:400;
}
.footer .textwidget ul li{
    margin:0.25rem 0;
}
.footer .textwidget ul li a{
    color:white;
}
.footer .textwidget ul li a:hover{
    color:#ff8400;
}
.footer .textwidget ul li ul{
    margin-left:1rem;
    font-size:13px;
    font-weight:300;
}
.footer_logo img{
    width:100%;
}
.footer .textwidget.footer_social{
    font-size:20px;
    margin:3rem 0;
    text-align:center;
}
.footer .textwidget.footer_social li{
    display:inline-block;
    margin:0 0.25rem;
}
.footer .textwidget.footer_social li a{
    color:#ff8400;
}
.footer .textwidget.footer_social li a:hover{
    color:#1990a4;
}
.footer_bottom p{
    font-size:12px;
    color:#bfbfbf;
    text-align:center;
}
.footer_bottom p:first-child{
    font-size:14px;
    margin-top:4rem;
}


/*INTERIOR STYLES*/

/*TITLE BAR*/
.title_bar{
    height:250px;
    width:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center 30%;
    position:relative;
    text-align:center;
}
.title_bar_overlay{
    width:100%;
    height:100%;
    background:rgba(0,91,125,0.7);
}
.title_bar_overlay_gradient{
    width:100%;
    height:100%;
    background-image: -moz-linear-gradient( -90deg, rgb(0,36,55) 0%, rgba(1,25,52,0) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(0,36,55) 0%, rgba(1,25,52,0) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(0,36,55) 0%, rgba(1,25,52,0) 100%);
}
.title_bar_contents{
    position:absolute;
    left:0;
    right:0;
    top:70%;
    -moz-transform:translate(0,-70%);
    -webkit-transform:translate(0,-70%);
    transform:translate(0,-70%);
    color:white;
    text-align:center;
}

/*CONNECTED CIRCLE SECTIONS*/

.cs_circles_section{
    margin:4rem 0 0;
}
.cs_circle_block{
    margin:0 0 5rem;
}
#team_circles .cs_circle_block{
    height:170px;
}
.cs_circle_block {
    display:block;
    border:none !important;
}
.cs_circle_icon{
    color:black;
    font-size:36px;
    text-align:center;
    border:2px solid #e1e1e1;
    border-radius:50%;
    height:92px;
    width:92px;
    margin:0 auto;
    background:white;
    position:relative;
    z-index:1;
}
.cs_circle_icon i, .cs_circle_icon h3{
    background:rgba(255,255,255,0.8);
    height:100px;
    line-height:100px;
    width:auto;
    margin:-3px auto 0;
}
.cs_circle_icon h3{
    width:30px;
    font-size:40px;
    line-height:96px;
}
.cs_circle_image{
    border:2px solid #e1e1e1;
    border-radius:50%;
    height:92px;
    width:92px;
    margin:0 auto;
    position:relative;
    z-index:1;
    text-align:center;
    overflow:hidden;
}
.cs_circle_image img{
    max-width: 135px;
    height: auto;
    position:absolute;
    top:-9999px;
    left:-9999px;
    right:-9999px;
    bottom:-9999px;
    margin:auto;
}
body .modal-dialog {
    width: 850px;
    top:5% !important;
}
.content_background .cs_circle_icon{
   background:#005b7d;
}

.content_background .cs_circle_icon i, 
.content_background .cs_circle_icon h3{
    background:transparent;
    color:white;
}

.cs_circle_block h4{
    color:#1a91a5;
    margin:2rem 0 1rem;
}
.cs_circle_block p{
    color:black;
    margin:0;
    font-size:14px;
}
.cs_circle_block a:hover h4,
.cs_circle_block a:hover .cs_circle_icon i,
.cs_circle_block a:hover .cs_circle_icon h3{
    color:#ff8400;
}
#team_circles .cs_circle_block h4{
    margin-bottom:0;
}
.content_background .cs_circle_block h4,
.content_background .cs_circle_block p{
    color:white;
}
.cs_circles_section_line{
    position:absolute;
    left:0;
    right:0;
    height:2px;
    width:100%;
    background:#e1e1e1;
    margin-top:46px;
    z-index:0;
}
.cs_circles_section_line.second{
    margin-top:298px;
}
#team_circles .cs_circles_section_line.second{
    margin-top:265px;
}
#solutions_circles .cs_circles_section_line.second{
    margin-top:318px;
}
.cs_circles_section_line.third{
    display:none;
    margin-top:510px;
}
#team_circles .cs_circles_section_line.third{
    margin-top:488px;
}
.cs_circles_section_line.fourth{
    display:none;
    margin-top:800px;
}
#team_circles .cs_circles_section_line.fourth{
    margin-top:650px;
}
.cs_circle_block_offset{
    margin-left:12.5%;
	clear:both;
}
.cs_circle_block_offset_med{
    margin-left:16.6666%;
}
.cs_circle_block_offset_set{
    margin-left:12.5%;
}
.cs_circle_block_offset_lg{
    margin-left:25%;
}
.cs_circle_block_clear{
    clear:both;
}

.content_background .cs_circles_section_line{
    z-index:0;
}

.product_content{
    background:#1a91a5;
    color:white;
}
.product_content .row{
    display:flex;
}
.products_content .product_content:nth-of-type(2){
    background:white;
}

.products_content .product_content:nth-of-type(6) .product_content_text,
.products_content .product_content:nth-of-type(2) .product_content_text{
    color:black;
    border-left-color:#e1e1e1;
}

.products_content .product_content:nth-of-type(7) .product_content_text,
.products_content .product_content:nth-of-type(4) .product_content_text{
    color:black;
}
.products_content .product_content:nth-of-type(2) h4{
    color:#1a91a5;
}
.products_content .product_content:nth-of-type(7) h4,
.products_content .product_content:nth-of-type(4) h4{
    color:#242f3e;
}
.products_content .product_content:nth-of-type(2) h2{
    color:#ff8400;
}

.products_content .product_content:nth-of-type(6) h2{
    color:#ff8400;
}
.products_content .product_content:nth-of-type(6) h4{
    color:#242f3e;
}

.products_content .product_content:nth-of-type(7) .product_content_title img,
.products_content .product_content:nth-of-type(6) .product_content_title img,
.products_content .product_content:nth-of-type(2) .product_content_title img,
.products_content .product_content:nth-of-type(4) .product_content_title img{
    filter:brightness(0);
    opacity:0.1;
}
.products_content .product_content:nth-of-type(3){
    background:#242f3e;
}
.products_content .product_content:nth-of-type(4){
    background:#ebebeb;
}
.products_content .product_content:nth-of-type(7) h2,
.products_content .product_content:nth-of-type(4) h2{
    color:#1a91a5;
}
.product_content h2{
    margin:0;
    color:white;
}
.product_content h4{
    margin:0 0 1rem;
    color:white;
}
.product_content_title{
    position: relative;
    overflow: hidden;
    width: 190%;
    padding-bottom: 130%;
    margin-left: -70%;
    height: 100%;
}
.product_content_title img{
    height:110%;
    opacity:0.2;
    position:absolute;
    top:0;
    right:0;
    margin:auto;
}
.product_content_title h2{
    position:absolute;
    top:5rem;
    right:2rem;
    padding-left:50%;
    text-align:right;
    font-size:24px;
}
.product_content_text{
    height:100%;
    border-left:3px solid white;
    margin-left:2rem;
    padding:4rem 0 4rem 2rem;
}
.product_content_text p{
    font-size:16px;
}
.product_content_text p:last-of-type{
    margin-bottom:0;
}
.product_content_text ul{
	font-weight:300;
	font-size:16px;
}
.product_diffs{
    padding-top:6rem;
}

/*PREFOOTER*/
.prefooter_bar{
    background:#1990a4;
    padding:2rem 0;
    color:white;
    text-align:center;
}

.prefooter_bar.bar {
    padding: 0!important;
}


.prefooter_bar h4{
    display:inline-block;
    margin:0 2rem 0 0;
    text-transform:uppercase;
}
.prefooter_bar form{
    display:inline-block;
}
.prefooter_bar form input[type="email"]{
    padding: 0.65rem;
    border:none;
    border-bottom: 2px solid white;
    vertical-align: top;
    background: transparent;
    color: white;
    width: 300px;
    margin-right:0.5rem;
}
.prefooter_bar form input[type="email"]:focus{
    outline:none;
}
.prefooter_bar form input[type="email"]::-webkit-input-placeholder{ 
  color: white;
}
.prefooter_bar form input[type="email"]::-moz-placeholder{ 
  color: white;
}

.prefooter_bar form input[type="submit"]{
    text-transform:uppercase;
    font-weight:bold;
}


.twitter_slider_container{
    position:relative;
    text-align:center;
}
.twitter_slider_icon{
    position: absolute;
    z-index: -1;
    margin: 0 auto;
    font-size: 260px;
    color: #f6f6f6;
    top: 0;
    margin-top: -15rem;
    left: 0;
    right: 0;
}
.twitter_slider{
    padding:2rem 0 0;
    margin-bottom:3rem;
}


/*INSTAGRAM FEED*/
.cs_instagram_feed{
    position:relative;
}
.cs_instagram_button{
    position:absolute;
    top:50%;
    left:50%;
    -moz-transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    z-index:999;
    text-align:center;
}
.cs_instagram_button a{
    border:none;
    padding:1rem 2rem;
}
.cs_instagram_photo{
    width:100%;
    padding-bottom:100%;
    overflow:hidden;
    position:relative;
    background:#56d0b5;
}
.cs_instagram_feed .col-sm-2:nth-of-type(even) .cs_instagram_photo{
    background:#1990a4;
}
.cs_instagram_photo a{
    display:block;
    position:absolute;
    width:100%;
    height:100%;
}
.cs_instagram_photo img{
    min-width:100%;
    min-height:100%;
    max-width:350px;
    position:absolute;
    top:-9999px;
    left:-9999px;
    right:-9999px;
    bottom:-9999px;
    margin:auto;
    opacity:0.5;
}
.cs_instagram_photo a:hover img{
    opacity:0.1;
}
.cs_instagram_photo a:hover::after{
    content:'\f08e';
    font-family:'FontAwesome';
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    -moz-transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    color:white;
    font-size:24px;
}
.cs_instagram_feed .col-sm-2{
    padding:0;
}

/*INTERIOR NAV*/

.interior_nav{
    background:#242f3e;
    text-align:center;
    text-transform:uppercase;
    font-weight:300;
}
.interior_nav_mobile{
    display:none;
    cursor:pointer;
    text-transform:uppercase;
    color:white;
    padding:2rem;
}
.interior_nav ul{
    list-style:none;
    margin:0;
    padding:0;
}
.interior_nav ul li{
    display:inline-block;
}
.interior_nav ul li a{
    display:block;
    padding:2rem;
    color:white;
}
.interior_nav ul li a:hover,
.interior_nav ul li.active a{
    font-weight:400;
    color:white;
}

 /*Second nav level*/
.tag_nav {
    
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 10px;

}

a.ts_button {
    display: inline-block;
    padding: 0.5rem 1.5rem;
    color: white;
    background: #ff8400;
    font-weight: 300;
    width: 100%;
    margin-top: 10px;
}

a.ts_button.active,a.ts_button:hover {
    background: #56d0b5!important;
}



/*RESOURCES*/

.resource_block{
    width:100%;
    padding-bottom:75%;
    background:white;
    position:relative;
    overflow:hidden;
    box-shadow:0 0 5px rgba(0,0,0,0.5);
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    transition-duration:0.5s;
    margin-bottom:3rem;
}
.resource_block a{
    display:block;
    width:100%;
    height:100%;
}
.resource_block:hover{
    box-shadow:0 0 20px #ff8400;
}
.resource_block_photo{
    width:100%;
    padding-bottom:50%;
    position:relative;
    top:0;
    left:0;
    overflow:hidden;
}
.resource_block_photo img{
    width:100%;
    height:auto;
    position:absolute;
    top:-9999px;
    left:-9999px;
    right:-9999px;
    bottom:-9999px;
    margin:auto;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    transition-duration:0.5s;
}
.resource_block:hover .resource_block_photo img{
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
}
.resource_block_text{
    position:absolute;
    padding:2rem;
}
.resource_block_text h3{
    font-size:22px;
    margin:0 0 1rem;
    color:black;
}
.resource_block_text p{
    font-size:14px;
    color:black;
}
.resource_block_text p:last-child{
    color:#ff8400;
    text-transform:uppercase;
    font-weight:400;
}

/*PARTNERS*/

.partner_block{
    width:100%;
    padding-bottom:75%;
    background:white;
    position:relative;
    overflow:hidden;
    box-shadow:0 0 5px rgba(0,0,0,0.5);
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    transition-duration:0.5s;
    margin-bottom:3rem;
}
.partner_block a{
    display:block;
    width:100%;
    height:100%;
}
.partner_block:hover{
    box-shadow:0 0 20px #ff8400;
}
.partner_block_photo{
    width:95%;
    margin-left:2.5%;
    padding-bottom:50%;
    position:relative;
    top:0;
    left:0;
    overflow:hidden;
}
.partner_block_photo img{
    width:100%;
    height:auto;
    position:absolute;
    top:-9999px;
    left:-9999px;
    right:-9999px;
    bottom:-9999px;
    margin:auto;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    transition-duration:0.5s;
}
.partner_block:hover .partner_block_photo img{
    -moz-transform:scale(.9);
    -webkit-transform:scale(.9);
    transform:scale(.9);
}
.partner_block_text{
    position:absolute;
    padding:2rem;
    text-align:center;
    width:100%;
}
.partner_block_text h3{
    font-size:22px;
    margin:0 0 1rem;
    color:black;
}
.partner_block_text p{
    font-size:14px;
    color:black;
}
.partner_block_text p:last-child{
    color:#ff8400;
    text-transform:uppercase;
    font-weight:400;
}

/*SEMANTIC U*/

.cs_sidebar ul{
    list-style:none;
    margin:0;
    padding:0;
    text-transform:uppercase;
    font-weight:400;
    font-size:14px;
}
.cs_sidebar ul li{
    display:block;
}
.cs_sidebar ul li a{
    display:block;
    padding:0.75rem 1rem;
    color:black;
}
.cs_sidebar ul li a:hover,
.cs_sidebar ul li.active a{
    background:#1990a4;
    color:white;
}
.cs_sidebar_form{
    text-align:left;
}
.cs_lesson_nav{
    margin-top:3rem;
}
.cs_lesson_nav a{
    color:#ff8400;
    text-transform:uppercase;
    font-weight:400;
}
.cs_lesson_nav a:hover{
    color:#1990a4;
}
.cs_lesson_nav .col-xs-6:last-of-type{
    text-align:right;
}
.cs_sidebar_grey{
    background:#eee;
    padding:2rem;
}



/*5 column grid*/
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}







.su-column.su-column-size-1-2.content_photo img {
    max-width:100%;
    margin:0 auto;
}







.cm_post_pagination{
    font-size:18px;
    border-top:1px solid #555556;
    padding-top:3rem;
}
.cm_post_pagination a{
    color:#1990a4;
}
.cm_post_pagination a:hover{
    color:#ff8400;
}
.cm_post_pagination i{
    color:#1990a4;
}
.cm_posts_next{
    text-align:right;
}


/* Request demo css start */



input#gform_submit_button_1 {
    float: right;
    margin: -68px -70px 0px 0px;
    border: none;
    color: white;
    background: #ff8400;
    padding: 0.75rem 3rem;
    font-size: 16px;
    font-weight: 300;
    display: inline-block;


}


.prefooter_bar input#gform_submit_button_1:hover {
   
background: #56d0b5;
    color: white;   
}


.prefooter_bar label.gfield_label {
    font-size: 18px!important;
  
}



.prefooter_bar.gform_footer.top_label {
    float: right;
    margin: -45px 0 0 0;
}



 input#input_1_2 {

padding: 0.65rem;
    border:none;
    border-bottom: 2px solid white;
    vertical-align: top;
    background: transparent;
    color: white;
    width: 300px;
    margin-right:0.5rem;

    
}


input#input_1_2:focus{
    outline:none;
}
input#input_1_2::-webkit-input-placeholder{ 
  color: white;
}
input#input_1_2::-moz-placeholder{ 
  color: white;
}


input#gform_submit_button_1{
    text-transform:uppercase;
    font-weight:bold;
}



.prefooter_bar .ginput_container.ginput_container_email {
    display: inline-block;
}


.prefooter_bar label.gfield_label {
    padding-right: 29px;
}


div#gform_wrapper_1 {
    margin: 0!important;
}



.content_videos iframe {
    width: 100%!important;
    height: 150px!important;
}



/* Request demo css  end*/


/* HUBSPOT FORMS */
.hbspt-form{
	margin-top:-4rem;
	font-family:'Lato', sans-serif;
}
input.hs-input, textarea.hs-input, select.hs-input{
	border:2px solid #eee !important;
	box-shadow:none !important;
	border-radius:0 !important;
	/* width:90% !important; */
	max-width:90% !important;
	padding: 0.75rem 1rem !important;
	font-family:'Lato', sans-serif !important;
	box-sizing: initial !important;
}
.hs-form-field label{
	font-family:'Lato', sans-serif !important;
}
.hs-button{
    border: none !important;
    color: white !important;
    background: #ff8400 !important;
    padding: 1.5rem 3rem !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    display: inline-block !important;
	text-shadow:none !important;
	border-radius:0 !important;
	font-family:'Lato', sans-serif !important;
}
.hs-button:hover{
	box-shadow:none !important;
	background:#56d0b5 !important;
}


/* CARINA STYLES */
#gform_submit_button_2,
#gform_submit_button_3,
#gform_submit_button_4,
#gform_submit_button_5  {
    border:none;
    color:white;
    background:#ff8400;
    padding:0.75rem 3rem;
    font-size:16px;
    font-weight:300;
    display:inline-block;
}
#gform_submit_button_2:hover, 
#gform_submit_button_3:hover,
#gform_submit_button_4:hover,
#gform_submit_button_5:hover {
    background:#56d0b5;
    color:white;
}


@media (min-width:769px) {
    .contact .su-column-size-2-3 {
        padding-right:4%;
        border-right:2px solid #ebebeb;
    }
}



button.btn.btn-default.lightbox_button {
    color: white;
    background: #ff8809;
    border: none;
}

.lightbox_content p {
    text-align: left;
}

.modal-dialog {
    top: 20%;
}

.sfsi_wicons{
    z-index:999 !important;
}


/*NEW ANZOGRAPH TEMPLATE*/

.capability_icon{
    width:70px;
    height:70px;
    position:relative;
    border-radius:50%;
    border:2px solid lightgrey;
    margin:3rem auto 0;
}
.capability_icon img{
    width:100%;
    padding:0.75rem;
}
.capability_text h5{
    color:darkgrey;
    font-size:18px;
    font-weight:bold;
}
.capability_text p{
    color:grey;
    margin:0 0 1rem;
    padding:0 15%;
}
.content_lightblue{
    background:#d5deea;
}
.content.content_lightblue h2,
.content.content_lightblue h3,
.content.content_lightblue h4,
.content.content_lightblue p{
    color:#242f3e;
}
.content.content_lightblue h2{
    margin:0 0 2rem;
}
.content.content_lightblue h4{
    font-size:24px;
    margin:2rem 0 2rem;
}
.content.content_lightblue p{
    padding:0 15%;
    margin:0 0 2rem;
}
.content.content_lightblue .col-md-4::after{
    content:'';
    width:2px;
    height:100%;
    background:#242f3e;
    position:absolute;
    right:0;
    top:0;
}
.content.content_lightblue .col-md-4:nth-of-type(3)::after{
    content:none;
}
.use_case_box{
    background:#0d5c7c;
    color:white;
    padding:3rem 2rem;
    height:380px;
    width:100%;
    display:flex;
    margin:3rem 0 0;
}
.use_case_box h5{
    font-size:24px;
    margin:0 0 2rem;
}
.deploy_logo{
    width:100%;
    position:relative;
    padding-bottom:20%;
    overflow:hidden;
    margin:3rem 0 0;
}
.deploy_logo img{
    position:absolute;
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
    margin:auto;
    top:-9999px;
    right:-9999px;
    bottom:-9999px;
    left:-9999px;
}
.content_resources .container{
    width:95%;
}
.resource_box{
    margin:3rem 0 0;
}
.resource_box h4{
    color:#ff8400;
    font-size:24px;
    margin:0 0 2rem;
}
.resource_box p{
    color:black;
    margin:0 0 2rem;
}
.resource_box p a{
    color:#ff8400;
    text-transform:uppercase;
}
.resource_box p a:hover{
    color:#56d0b5;
}
.resource_box p a i{
    margin-left:0.5rem;
}
.content_resources .col-lg-2::after,
.content_resources .col-md-4::after{
    content:'';
    width:2px;
    height:calc(100% - 2rem);
    background:#ff8400;
    position:absolute;
    right:0;
    top:1rem;
    bottom:1rem;
}
.content_resources .col-lg-2:nth-of-type(6)::after{
    content:none;
}
/* Landing Page Templates */
.orange_button {
    color: #ffffff;
    background-color: #ff8400; 
    padding: 5px 10px; 
    border-radius: 5px; 
    border: none; 
    text-align: center; text-decoration: none; 
    display: inline-block; 
    cursor: pointer;
    font-weight: 400;
    margin-top: 3rem;
}
.border_left {
    border-left: 2px solid #ebebeb;
    padding-left: 3rem;
}
.margin_right {
    margin-right: 3rem;
}
