.top-bar {background:#0072c6;}
.top-bar .slogan {display:none;}
.top-bar__nav {min-height:40px;}
.top-bar__nav ul {list-style-type:none;}
.top-bar__nav ul  li {margin-left: 25px; display:inline-block;}
.top-bar__nav ul  li li {margin-left: 0px; display:block;}
.top-bar__nav ul li a {
	padding:0;
	display:block;
	width:100%;
	color:#fff; font-family:arial,sans-serif; font-size:1.25em;
}
.top-bar__nav ul li li a {
	color:#666;
	font-size:1em;
}
.top-bar__nav ul li:hover a.language-flyout-trigger + .language-flyout-menu:after {
    top: -50px;
    width: 110px;
}
.top-bar__nav ul li:hover a.login-flyout-trigger + .login-flyout-menu:after {
    top: -39px;
    width: 63px;
}
.language-flyout-menu {
	top:30px;
}
.login-flyout-menu {
	top:19px;
}
.top-bar__nav {
    min-height: 40px;
    margin-right:195px;
}

.search {
  float:none;
  position:absolute;
  top:-59px;
  right:140px;
  border:none;
}
.search__popup {
   display:block;
  border:none;
  padding:0;
  width:145px;
  top:0;
  right:-140px;
  background:none;
}
.search__popup::before {display:none;}
.search__input {
  border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
  background:#fff;
  border:none;
  height:21px;
  line-height:21px;
  font-size:11px;
  padding:2px 12px;
  margin-top:8px;
  display:block;
}
.search:hover, .search.active_desc {
    background: transparent;
    border: none;
    z-index: 2;
}
.search__popup-btn {display:none;}
.search__submit {
    position: absolute;
    top: -8px;
    right: initial;
    left:-30px;
    background-color:transparent;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
	background-position:-422px -189px;
}

.header__content {
	background:#fff;
	padding:20px 0 22px;
	min-height:115px;
}

.doubletake-logo {
    display: block;
    position: absolute;
    right: 0px;
    top: 22px;
    width: 300px;
    height: 45px;
    text-decoration: none;
    text-indent: -9999px;
    background: url('../images/double-take.png') no-repeat; 
}

.logo {
    display: block;
    position: absolute;
    left: 0px;
    top: 0;
    width: 222px;
    height: 84px;
    text-decoration: none;
    text-indent: -9999px;
    background: url('../images/VisionSolutions.png') no-repeat;
}


.nav-menu {float:none; width:675px; margin-left:245px; margin-top:22px;}
.nav-menu .sfNavHorizontal li {display:table-cell; width:33%; text-align:center;}
.nav-menu .sfNavHorizontal li a {padding:10px; color:#000;}
.pager {z-index: 5;bottom:80px;right:40%}
.nav-menu .nav-container > div > ul > li > a {font-size:15px;}
.footer .footer-nav > li > a {color: #ffffff;font-size: 16px;line-height: 20px;}
.footer_nav-list li a {color: #ffffff;}
.footer_nav-list li a:hover {color: #ffffff;}
.mobile-menu-btn .icon-menu {margin:0 auto;}
.carousel__item__inner h2 {margin: 0 0 25px 22px;}




.btn {
	padding: 10px 15px;
	font-size:16px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*-webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg);*/
}

.solutions-wrapper .btn,
.event-wrapper .btn,
.submenu-wrapper .btn { -webkit-transform: skew(0deg); -moz-transform: skew(0deg); -o-transform: skew(0deg);}
	
.btn_learn-more {
    width: 190px;
}

.carousel__item__inner .btn_learn-more {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    border: 2px solid #FE0000;
    background-color: transparent;
    color: #FE0000;
}

.btn_watch {font-size:14px!important; -webkit-transform: skew(0deg); -moz-transform: skew(0deg); -o-transform: skew(0deg); width:130px;}


.carousel-wrapper {
	overflow-y:visible;
	padding-bottom:31px;
	margin-bottom:-31px;
    max-width:2000px;
}
.carousel-wrapper::before {
	content:'';
	position:absolute;
	width:96%;
	margin-left:2%;
	height:100%;
	bottom:35px;
	display:block;
	/*-webkit-box-shadow: 0px 14px 31px -11px rgba(0,0,0,0.64);
	-moz-box-shadow: 0px 14px 31px -11px rgba(0,0,0,0.64);
	box-shadow: 0px 14px 31px -11px rgba(0,0,0,0.64);
	z-index:0;*/
}
.caroufredsel_wrapper {
	border-bottom:4px solid #fff;
}

.solutions-wrapper__title {
	display:none;
}
.solution .btn {
	width:88%;
}
.solution {
	overflow-y:visible;
	padding-bottom:31px;
	background:#fff;
	position:relative;
	width:100%;
	display:block;
	overflow-x:hidden;
}
.solution::before {
	content:'';
	position:absolute;
	width:98%;
	margin-left:1%;
	height:100%;
	bottom:24px;
	display:block;
	-webkit-box-shadow: 0px 14px 11px -11px rgba(0,0,0,0.64);
	-moz-box-shadow: 0px 14px 11px -11px rgba(0,0,0,0.64);
	box-shadow: 0px 14px 11px -11px rgba(0,0,0,0.64);
	z-index:0;
}
.solution__title {
    font-size: 18px;
    line-height: 24px;
	text-transform:uppercase;
}

.solution {min-height:210px; padding-top:79px;}

.solution__title {
  height:80px;
  line-height:20px;
  font-size:20px;
  display:table-cell;
  vertical-align:middle;
  font-family:arial;
  width:205px;
}

.solution__title_green a {color:#17a745;}
.solution__title_purple a {color:#354ba0;}
.solution__title_orange a {color:#f47121;}

.solution__title br {display:none;}
.solution .icon {
  position: absolute;
  width:100%;
  top:-30px;
}

.solution .icon.icon-crossplatform {
    background: url('../images/icon-crossplatform.png') no-repeat top center;
    width: 100%;
    height: 90px;
}

.solution .icon.icon-cloud {
    background: url('../images/icon-cloud.png') no-repeat top center;
    width: 100%;
    height: 75px;
    top:-20px;
}

.solution .icon.icon-migration {
    background: url('../images/icon-migration.png') no-repeat top center;
    width: 100%;
    height: 66px;
    top:-15px;
}

.icon-recovery {
    background: url('../images/icon-recovery.png') no-repeat top center;
    width: 90px;
    height: 70px;
}


.solution .btn_purple {background:#0072c6;}
.solution a .solution__title_purple {color:#0072c6;}

.greyWrapper {background: #f2f2f2 none repeat scroll 0 0; font-size:72px;line-height:120%;text-align:center;padding: 60px 0; margin-top:20px; color: #0072c6;}
.greyWrapper h2 {font-size: 5em; text-align:center; line-height:120%; }
.greyWrapper h2 sup {font-size: 0.6em; }
.greyWrapper p {line-height: 150%; padding-top: 30px; font-size: 2em;}


.event-wrapper {background: #f2f2f2 none repeat scroll 0 0; padding:60px 0px;}

.greyWrpr {width: 75%; height: auto; background: #a6a6a5; padding:5px 10px 10px 0px; margin:40px auto;
        -ms-transform: skewX(-20deg);
        -webkit-transform: skewX(-20deg);
        -moz-transform: skewX(-20deg);
        transform: skewX(-20deg);}

.greyWrpr .title {text-align:center; color:#fff; font-size:30px; text-shadow: 3px 3px 3px #000;  padding:10px; margin-bottom:5px; line-height:30px;
                  -ms-transform: skewX(20deg);
                  -webkit-transform: skew(20deg); 
                  -moz-transform: skew(20deg); 
                  -o-transform: skew(20deg); 
                  transform: skewX(20deg);}
                  
.greyWrpr .redBtn { background:#ff0006 none repeat scroll 0 0; padding:10px; width:50%; text-align:center; }
.greyWrpr .redBtn a {text-align:center; color:#fff; font-size:14px; display:block;
                  -ms-transform: skewX(20deg);
                  -webkit-transform: skew(20deg); 
                  -moz-transform: skew(20deg); 
                  -o-transform: skew(20deg); 
                  transform: skewX(20deg);}
                                        
.event__description h3 {color:#ff0006;}
.footer {border-top:none;}
.footer__black-inner {background:#0072c6;}
.footer__col-item__title {color:#ffffff;}

.mission-statement-wrapper {border-top: none;border-bottom:none;margin: 20px; padding:20px 0 0;}
.clients-slider-wrapper {border-top: 1px solid #ccc;}

.carousel__item__inner {width: 55%; height: auto; 
                        /*-ms-transform: skewX(-20deg);
                        -webkit-transform: skew(-20deg); 
                        -moz-transform: skew(-20deg); 
                        -o-transform: skew(-20deg); 
                        transform: skewX(-20deg);*/
					}

.carousel__item__inner:after {left:-8%; background: none!important;}
.carousel__item__inner .container {width:55%; padding:0; margin:0 0 0 15%;}
.carousel__item__inner h2 {font-size:30px; line-height:120%; color: #0073C6; font-weight:600;
                            /*-ms-transform: skewX(20deg);
                            -webkit-transform: skew(20deg); 
                            -moz-transform: skew(20deg); 
                            -o-transform: skew(20deg); 
                            transform: skewX(20deg);}*/
							}


.carousel__item__inner a.btn {margin:0 0 0 5%;} 

.carousel__item__inner .container .row .col-md-12 {padding:0; margin-left:0;}

.sf_colsOut.content .sf_cols .sf_cols {padding:40px 0px;/*border-top:solid 1px #0072c6;*/}

.doubletake-trial {position:relative; overflow:hidden; }
.doubletake-trial .dt-img {margin-bottom:10px; height:198px; overflow:hidden;}
.doubletake-trial .title {text-align:center; color:#fff; font-size:30px;  position:absolute; top:58%; left:0%; z-index:3; width:100%;}

.doubletake-trial .overlay {width: 100%; height: auto; background: #0072c6; padding:10px 10px 10px 0px; position:absolute; top:53%; left:-2%; opacity:0.7; z-index:2;
                            -ms-transform: skewX(-20deg);
                            -webkit-transform: skew(-20deg); 
                            -moz-transform: skew(-20deg); 
                            -o-transform: skew(-20deg); 
                            transform: skewX(-20deg);}
                            
.doubletake-trial .caption {color:#000;}
.doubletake-trial a {text-decoration:none;}

.doubletake-overview {position:relative; overflow:hidden;}
.doubletake-overview .dt-img {margin-bottom:10px; height:198px; overflow:hidden;}
.doubletake-overview .title {text-align:center; color:#fff; font-size:30px;  position:absolute; top:54%; left:0%; z-index:3; width:100%;}

.doubletake-overview .overlay {width: 100%; height: auto; background: #17a745; padding:10px 10px 10px 0px; position:absolute; top:50%; left:-2%; opacity:0.7; z-index:2;
                                -ms-transform: skewX(-20deg);
                                -webkit-transform: skew(-20deg); 
                                -moz-transform: skew(-20deg); 
                                -o-transform: skew(-20deg); 
                                transform: skewX(-20deg);}
                               
                               
.doubletake-overview .caption {color:#000;}
.doubletake-overview a {text-decoration:none;}

.doubletake-tools {position:relative; overflow:hidden; }
.doubletake-tools .dt-img {margin-bottom:10px; height:198px; overflow:hidden;}
.doubletake-tools .title {text-align:center; color:#fff; font-size:30px; position:absolute; top:54%; left:0%; z-index:3; width:100%;}

.doubletake-tools .overlay {width: 100%; height: auto; background: #ff0006; padding:10px 10px 10px 0px; position:absolute; top:50%; left:-2%; opacity:0.7; z-index:2;
                            -ms-transform: skewX(-20deg);
                            -webkit-transform: skew(-20deg); 
                            -moz-transform: skew(-20deg); 
                            -o-transform: skew(-20deg); 
                            transform: skewX(-20deg);}
                            
.doubletake-tools .caption {color:#000;}
.doubletake-tools a {text-decoration:none;}

.testimonial-item {position:relative;}
.sf_3cols_2in_34 .testimonial-item {background:none;} 
.testimonial-item__text {border-bottom:solid 1px #0072c6; padding-bottom:20px;}
.testimonial-item__author {padding-top:10px; color:#000;}

.subheader-banner .carousel-wrapper .caroufredsel_wrapper .carousel__item .carousel__item__inner .carousel__item__content h2 {font-size:19px;}
.subheader-banner .carousel-wrapper .caroufredsel_wrapper .carousel__item .carousel__item__inner .carousel__item__content .btn {font-size:14px; 
                                                                                                                                -ms-transform: skewX(20deg);
                                                                                                                                -webkit-transform: skew(20deg); 
                                                                                                                                -moz-transform: skew(20deg); 
                                                                                                                                -o-transform: skew(20deg); 
                                                                                                                                transform: skewX(20deg);}

.subheader-banner .carousel-wrapper .caroufredsel_wrapper .carousel__item .carousel__item__inner .carousel__item__content .btn_learn-more {width:136px;}

.wrapper {padding:0 0 20px;}

.partners-logo {width:25%;border-right:none;border-bottom:none;margin-bottom:-3px;}

@media (min-width:1466px){
	.carousel__item__inner h2 {font-size:48px!important;}
	.carousel__item__inner {margin-bottom: 20px; width: 50%;}
}

@media (min-width:1200px){
	.top-bar .container,
	.header__content .container {max-width:1200px;width:1200px;}
	.carousel__item__inner h2 {font-size:34px;}
	.carousel__item__inner a.btn {margin-bottom: 0;}
}

@media (max-width:1200px){
    .nav-menu {position:absolute; top:55px; margin-left:0px;}
	.carousel__item__inner a.btn {margin-bottom: -25px;}
}

@media (max-width:1024px){
	x.nav-menu {margin-top:95px; width:100%; margin-left:20px;}
	.subheader-banner {margin:0;}
	.carousel__item__inner h2 {font-size:24px;}
	.header__content {min-height:140px;}
}	

@media only screen and (max-width: 1016px){
	.carousel__item__inner a.btn {margin-bottom: 35px;}
}

@media (max-width:980px){
	.header__content {min-height:135px;}
	.nav-menu {margin-top:30px; width:100%; margin-left:20px;}
	.subheader-banner .carousel-wrapper .caroufredsel_wrapper {height:auto;}
	.subheader-banner .carousel-wrapper .caroufredsel_wrapper .carousel {height:auto;}
	.carousel__item__inner {position:relative; width:auto;}
	.solution__title {width:286px;}
	.btn_learn-more {visibility: hidden;}
	.carousel__item__content {margin-bottom: -95px;}
	.carousel__item__inner h2 {margin-left: -20px;}
}

@media (max-width:801px){
	.doubletake-trial .title,
	.doubletake-overview .title,
	.doubletake-tools .title	{font-size:18px;}
	
	.doubletake-trial .overlay {top:41%}
	.doubletake-overview .overlay {top:36%}
	.doubletake-tools .overlay {top:38%}
	.doubletake-trial .title {top:46%}
	.doubletake-overview .title {top:40%}
	.doubletake-tools .title {top:42%}
	
	.doubletake-trial .dt-img,
	.doubletake-overview .dt-img,
	.doubletake-tools .dt-img	{height:168px;}	
	
	.greyWrapper p {text-align:center;}	
}	

@media (max-width:768px){
	.doubletake-trial .title,
	.doubletake-overview .title,
	.doubletake-tools .title	{font-size:16px;}
	.doubletake-trial .overlay {top:39%}
	.doubletake-trial .title {top:44%}	
}
	
@media only screen and (max-width: 767px) {
	.carousel__item__content {border-bottom: hidden;}
}

@media (max-width:740px){
	.doubletake-trial .title {font-size:16px;}
	.solution {margin-top:15px;}
	.solution__title {display: block;margin: 45px auto 0;width: 100%;}
	.carousel__item__content {border-bottom:none;}
}

@media (max-width:640px){
	
	.solution {margin-top:15px;}
	
	.carousel__item__inner h2 {font-size:24px;}
	.carousel__item__content {border-bottom:none;}
	.sf_cols.container .sf_2cols_1_50,
	.sf_cols.container .sf_2cols_2_50 {width:100%;}
	.sf_colsOut .mission-statement-wrapper {border-top:solid 1px #ccc;}
	
	.content .sf_cols .sf_cols .sf_3cols_1_33,
	.content .sf_cols .sf_cols .sf_3cols_2_34,
	.content .sf_cols .sf_cols .sf_3cols_3_33	{float:none; margin:0px auto 20px; width:50%;}
	.doubletake-trial .dt-img, .doubletake-overview .dt-img, .doubletake-tools .dt-img {height:auto;}
	.sf_3cols_2_34 .sf_3cols_2in_34, .sf_3cols_3_33 .sf_3cols_3in_33 {margin-left:0;}
	
	.content .sf_cols .sf_cols + .sf_cols .sf_3cols_1_33, 
	.content .sf_cols .sf_cols + .sf_cols .sf_3cols_2_34, 
	.content .sf_cols .sf_cols + .sf_cols .sf_3cols_3_33 {width:100%;}	
	
	.greyWrapper h2 {font-size: 4em; text-align:center; line-height:120%; }
    .greyWrapper h2 sup {font-size: 0.6em; }
    .greyWrapper p {line-height: 150%; padding-top: 30px; font-size: 1.5em;}
	
}

@media (max-width:480px){
	
	.logo {position:relative;}
	.doubletake-logo {position:relative; top:0;}
	.nav-menu {position:relative; margin-top:0;}
	
	.carousel__item__inner a.btn {margin:0 0 0 10%;}
	
	.partners-logo {padding:3%; height:135px;width:50%;}
	.carousel__item__inner h2 {font-size:18px;}
	.content .sf_cols .sf_cols .sf_3cols_1_33,
	.content .sf_cols .sf_cols .sf_3cols_2_34,
	.content .sf_cols .sf_cols .sf_3cols_3_33	{width:80%;}
	
	.greyWrapper h2 {font-size: 3em; text-align:center; line-height:120%; }
    .greyWrapper h2 sup {font-size: 0.6em; }
    .greyWrapper p {line-height: 150%; padding-top: 30px; font-size: 1.25em;}
	
	
}	

@media (max-width:360px){
	.carousel__item__inner a.btn {margin:0 0 0 15%;}
	
	.partners-logo {padding:3%; height:125px;width:50%;}
	.partners-logo img {margin:10px auto;}
	.greyWrpr .redBtn {width:57%;}
}	

@media (max-width:320px){
	.carousel__item__inner a.btn {margin:0 0 0 15%;}
	
	.partners-logo {padding:3%; height:125px;width:50%;}
	.partners-logo img {margin:10px auto;}
	.greyWrpr .redBtn {width:70%;}
}	

/* Flip boxes*/
.flipBoxWrapper {padding:30px 0;} 
#flipboxes {position:relative;}
#flipboxes .item {width:320px; height:320px; float:left; display:block; position:relative;}
#flipboxes .item.tall {width:320px; height:640px;}
#flipboxes .item.wide {width:640px; height:320px;}
#flipboxes .item .inner {text-decoration:none; position:absolute; left:0px; top:0px; height:100%; width:100%; text-align:center; line-height:1.6; background-position:50% 50%; background-size:cover; background-repeat:no-repeat;}
#flipboxes .item .inner .overlayText {position:absolute; bottom:0px; left:0px; padding:10px; width:100%; background:#888888; color:#ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#flipboxes .item .inner .flipText {position:absolute; opacity:0; top:0px; left:0px; padding:10px; width:100%; height:100%; background:#888888; color:#ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	-webkit-transition: all .4s linear;
	   -moz-transition: all .4s linear;
	    -ms-transition: all .4s linear; 
	     -o-transition: all .4s linear;
	        transition: all .4s linear;
}
#flipboxes .item:hover .flipText,
#flipboxes .item:focus .flipText {opacity:1;}

/* Three-Wide CTA Styles DP 9-16 */

.contain-content-block {
	max-width: 100%;
}

.imgLabelblock {
	max-width: 362px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: hidden !important;
}

.imgLabelblock p {
	padding: 0 5px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 21px;
	margin-top: 40px;
}

.imgLabel { 
    display: block;
    padding: 15px 0;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-transform: uppercase;
	margin-top: -75px;
}

.imgLabel:hover {
    text-decoration: none;
	color: #E7E7E7;
}

.imgLabel_blue {
    color: #fff;
	background: rgba(0,0,255,0.6);
	/*max-width: 362px;*/
	opacity: 0.99;
}

.imgLabel_red {
    color: #fff;
	background: rgba(255,0,0,0.6);
	/*max-width: 362px;*/
	opacity: 0.99;
}

.imgLabel_green {
    color: #fff;
	background: rgba(0,158,73,0.8);
	/*max-width: 362px;*/
	opacity: 0.99;
}

.imgLabel .labelText {
	font-family: 'CabritoSans-NorBol', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 18px;
	font-weight: bold;
    line-height: 14px;
}

.quoteBox {
	font-family: 'CabritoSans-NorBol', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 26px;
	font-style: italic;
	padding: 10px;
	max-width: 342px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

.quoteBox_grey {
	background: #dedede;
}

.quoteBox p {
	text-align: left;
	font-style: normal;
	font-size: 14px;
	line-height: 16px;
}

.quoteBox hr {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 114, 198, 0), rgba(0, 114, 198, 0.75), rgba(0, 114, 198, 0));
	margin: 15px 0;
}

q:before {
	content: '\201C';
	font-size: 34px;
	color: #0072c6;
}

q:after {
	content: '\201D';
	font-size: 34px;
	color: #0072c6;
}
.mobile-menu-btn {top:-31px;}
.mobile-menu-btn.active {background:none;}

.footer-product-nav .footer-nav > li > ul {
    height: 250px;
}
.search__input:-ms-input-placeholder {line-height: 18px;}

.TwoColRtext-banner {
	margin: 0;
	height: 267px;
}

.TwoColRtext-banner-image {
	padding: 0!important;
}

.TwoColRtext-banner-image {
	height: 100%;
}

.TwoColRtext-banner-text img {
        margin-left:auto;
        margin-right:auto;
  		display: block;
		width: 51px;
}

.TwoColRtext-banner-text {
	background-color: #0072c6;
	padding: 25px;
	height: 100%;
    text-align:center;
}

.TwoColRtext-banner-text p {
	font-size: 14px;
	color: #fff;
    line-height:150%;
	
}

.TwoColRtext-banner-text a {
    text-align: center;
    vertical-align: middle;
    padding: 8px 12px;
    border: 2px solid #fff;
    border-radius: 3px;
  }

.TwoColRtext-banner-text h4 {
    font-size: 24px;
    color: #fff;
    line-height:140%;
    margin-bottom:30px;
    
}

@media only screen and (max-width: 1200px) {
	.TwoColRtext-banner {
		height: 197px;
	}
	
	.TwoColRtext-banner-text {
		padding: 10px;
	}
	
	.TwoColRtext-banner-text p {
		font-size: 17px;
	}
}

@media only screen and (max-width: 997px) {
	.TwoColRtext-banner {
		height: auto;
	}
	
	.TwoColRtext-banner-text {
		padding: 15px;
	}
	
	.TwoColRtext-banner-text p {
		font-size: 20px;
	}
}