:focus {
	outline: -webkit-focus-ring-color auto 0px;
}


/** VIDEO TOP BACKGROUND **/

#front_page video { 
	position: absolute;
	top: 77%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	transform: translateX(-50%) translateY(-50%);
	background: url('../media/poster.jpg') no-repeat;
	background-size: cover;
	transition: 1s opacity;
}


#play_video {
	background: transparent;
	border: none;
	margin: 40px 0;
	cursor: pointer;
}

#play_video img {
	width: 100%;
	height: auto;
	max-width: 100px;
}
video::-internal-media-controls-download-button {
	display:none;
}

video::-webkit-media-controls {
	overflow: hidden !important
}
video::-webkit-media-controls-enclosure {
	width: calc(100% + 32px);
	margin-left: auto;
}

/*** slide_text with animation ***/

.slide_text {
	background: #009edb;
}

.triangle.blue {
	box-sizing: content-box;
	width: 58%;    
	height: 100px;
	_padding-left: 50%;
    padding-left: 42%;
	padding-top: 100px;
	overflow: hidden;
	position: absolute;
    top: -160px;
}

.triangle.blue div {
	width: 0;
	height: 0px;
	margin-left: -1000px;
	margin-top: -96px;
	border-left: 0 solid transparent;
	border-right: 2130px solid transparent;
	border-bottom: 160px solid #009edb;
}


.slide_text .inner_row {
	position: relative;
}
.slide_text .testimony {
	display:none;
	z-index:1111111;
}


#slider_container {
	position: absolute;
	top: 40px;
	height: 190px;
	width: 500px;
	left: calc(7% + 40px);
}

.testimony span {
	font-size: 30px;
	text-align: right;
	display: block;
/*     border-bottom: 1px dashed rgba(238, 238, 238, 0.49);*/    
	position: absolute;
	bottom: 0;
	right: 0;
}


.testimony p {
	position: relative;
	font-size: 42px;
	display: block;
	margin: 0;
}

.testimony p:before,.testimony p:after {
	content: "";
	position: absolute;
	display: block;
	height: 50px;
	width: 50px;
}

.testimony p:before {
	content: "";
	position: absolute;
	display: block;
	height: 50px;
	width: 50px;
	background: url(../img/quoteLeft.png) 100% 10% / contain no-repeat;
	top: -40px;
	left: -40px;
}

.testimony p:after {
	content: "";
	position: absolute;
	display: block;
	height: 50px;
	width: 50px;
	background: url(../img/quoteRight.png) 100% 10% / contain no-repeat;
	bottom: -50px;
	right: -0;
}

.selector_testimony {
	width: 100%;
	position: absolute;
	bottom: 7px;
	left: 0;
}

.selector_testimony button {
	border: 2px solid #ffffff;
	display: inline-block;
	border-radius: 50%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
	background: transparent;
	width: 8px;
	height: 16px;
	cursor: pointer;
	margin: 0 4px 0;
	padding: 6px;
	-webkit-transition: background-color .5s ease-in-out;
	-moz-transition: background-color .5s ease-in-out;
	-o-transition: background-color .5s ease-in-out;
	-ms-transition: background-color .5s ease-in-out;
	transition: background-color .5s ease-in-out;
}

.selector_testimony button.filled {
	background-color: #ffffff;
}



/* ROW VIDEO */

.video {
	background: #d0d2d3;
}

.video .column_half.full_width {
	width: 50%;
	float: left;
	padding: 0;
}

.video .column_half.full_width:nth-of-type(1) {
	padding: 2.5% 7%;
	width: 36%;
}

.video .inner_row.full_width {
	padding:0%;
}


.player_container {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: block;
	position: relative;
	z-index: 0;
	height: 470px;
}


#restOfContent .video h3 {
	color: #232222;
}

#restOfContent .video h4 {
	color: #232222;
	font-size: 26px;
}

#restOfContent .video p {
	color: #232222;
	line-height: 23px;
}


ul.video_links {
	list-style: none;
	padding: 0;
}

ul.video_links li {
	display: none;
	opacity: 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

ul.video_links li.open {
	display: list-item;
	opacity: 1;
}

.video_menu {
	margin: 10px 0;
}

#restOfContent .video_menu button.open {
	background: transparent;
	color: #ffffff;
}

#restOfContent .video_menu button.open:nth-of-type(1){background: #b0c836;}
#restOfContent .video_menu button.open:nth-of-type(2){background: #e81e8f;}
#restOfContent .video_menu button.open:nth-of-type(3){background: #724e9f;}

#restOfContent .video_menu button:nth-of-type(1){border-bottom: 2px solid #b0c836;}
#restOfContent .video_menu button:nth-of-type(2){border-bottom: 2px solid #e81e8f;}
#restOfContent .video_menu button:nth-of-type(3){border-bottom: 2px solid #724e9f;}

#restOfContent .video_menu button.open:nth-of-type(1):after {
	content: "";
	position: absolute;
	bottom: -10px;
	right: calc(50% - 10px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #b0c836 transparent transparent transparent;
	line-height: 0px;
	_border-color: #007bff #000000 #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
#restOfContent .video_menu button.open:nth-of-type(2):after{
	content: "";
	position: absolute;
	bottom: -10px;
	right: calc(50% - 10px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #e81e8f  transparent transparent transparent;
	line-height: 0px;
	_border-color: #e81e8f  #000000 #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
#restOfContent .video_menu button.open:nth-of-type(3):after{
	content: "";
	position: absolute;
	bottom: -10px;
	right: calc(50% - 10px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #724e9f transparent transparent transparent;
	line-height: 0px;
	_border-color: #724e9f #000000 #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

#restOfContent .video_menu button {
	position: relative;
	background: transparent;
	margin: 5px 0;
	padding: 10px 2%;
	color: #232222;
	cursor: pointer;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	font-size: 17px;
	border: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


/* SERVICE OPTIMIZATION */

.colorMeasure h4 {color:#b0c836;}
.colorOptimize h4 {color:#009edb;}
.colorIdentify h4 {color:#e7268d;}

.colorMeasure, .colorIdentify, .colorOptimize {
	position: absolute;
	top: 300px;
	max-width: 250px;
}

.colorMeasure {
	position: static;
	margin: 0 auto;
	margin-top: 20px;
}

.colorOptimize {
	right: 210px;
}

.colorIdentify {
	left: 238px;
}


.clockBack {
	background-image: url(../img/newClockBack.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: relative;
	margin: 0 auto;
	width: 187px;
	height: 187px;
}

@-webkit-keyframes rotating {
  from {
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
  }
  to {
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
  }
  to {
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
  }
}

.clock_hand {
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite;
}


.clock_hand {
	position: absolute;
}

.clock_hand img {
	display: block;
}

.color_around {
	width: 187px;
	height: 187px;
}

.service_optimization .inner_row {
	margin-top: 110px;
	text-align: center;
	position: relative;
}

#restOfContent .service_optimization.enter h3 {
	color: #ffffff;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
}

#restOfContent .service_optimization.leave h3 {
	//-webkit-transition: 500ms;
	//-moz-transition: 500ms;
   // -o-transition: 500ms;
   // transition: 500ms;
	
}

#restOfContent .service_optimization h3 {
	padding: 0 18%;
	position: relative;
	text-shadow: none;
	z-index: 2;
	color: #ffffff;
}
#restOfContent .service_optimization h4 {
	font-size: 35px;
	padding: 0px 0 10px;
}

.service_optimization .column_third div {
	padding: 10px 30px;
}

.row.service_optimization .inner_row>p {
	width: 830px;
	display: block;
	margin: 30px auto;
}
	
.row.service_optimization {
	background: #3d3d3d;
	min-height: 800px;
	position: relative;
	overflow: hidden;
}

div#top_mask, div#bottom_mask {
	position: absolute;
	width: 100%;
	height: 50%;
	background: #3d3d3d;
	z-index: 1;

}

div#top_mask {
	 top: 0px;
	 box-shadow: none;
}

div#bottom_mask {
	bottom: 0px;
	box-shadow: none;
	z-index:999;
}

.explode_right,.explode_left {
	width: 241px;
	height: 100%;
	position: absolute;
	top: 0px;
	background-repeat: no-repeat;
	background-size: 100% 200%;
	
	-webkit-transition: 250ms;
	-moz-transition: 250ms;
	-o-transition: 250ms;
	transition: 250ms;
	
	/*-webkit-transition: 500ms ease-out 1000ms;
	-moz-transition: 250ms ease-out 500ms;
	-o-transition: 250ms ease-out 500ms;
	transition: 250ms ease-out 500ms;*/
	
}

.explode_right {
	background: url(../img/explodeRight.png);
	right: -300px;
		background-repeat: no-repeat;
}

.explode_left {
	background: url(../img/explodeLeft.png) no-repeat;
	left: -300px;
}


.service_optimization .man.fly, .service_optimization .woman.fly {
	width: 250px;
	height: 300px;
	position: absolute;
	z-index: 999;
	bottom: -500px;
	webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.service_optimization .man.fly {right: 0; background: url(../img/man.png) 100% 100% / contain no-repeat;}

.service_optimization .woman.fly {left: 0; background: url(../img/ladyJump.png) 100% 100% / contain no-repeat;}


.explode_right, .explode_left {background-position: right top;}
.explode_right, .explode_left {background-position: right bottom;}

.service_optimization.enter .man.fly, .service_optimization.enter .woman.fly{
	-webkit-transition: 450ms;
	-moz-transition: 450ms;
	-o-transition: 450ms;
	transition: 450ms;
	webkit-filter: grayscale(0);
	filter: grayscale(0);
	bottom: 52%;
}


.service_optimization.leave .man.fly, .service_optimization.leave .woman.fly{
	/*-webkit-transition: 500ms ease-out;
	-moz-transition: 500ms ease-out;
	-o-transition: 500ms ease-out;
	transition: 500ms ease-out;*/
	bottom: -310px;
	webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.service_optimization.leave .man.fly{bottom: -310px;}
.service_optimization.leave .woman.fly{bottom: -310px; }

.service_optimization.enter .explode_right {right: 0;}
.service_optimization.enter .explode_left {left: 0;}
.service_optimization.enter div#top_mask {top: -280px; box-shadow: 2px 4px 8px #000;}
.service_optimization.enter div#bottom_mask {bottom: -280px; box-shadow: 2px -4px 8px #000;}

.service_optimization.leave .explode_right,
.service_optimization.leave .explode_left {
	-webkit-transition: 500ms ease-out 500ms;
	-moz-transition: 500ms ease-out 500ms;
	-o-transition: 500ms ease-out 500ms;
	transition: 500ms ease-out 500ms;
}

.service_optimization.leave div#top_mask, .service_optimization.leave div#bottom_mask {
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
}
 
.service_optimization .inner_row p {
	margin-top:0px;
}

.service_optimization .inner_row h4{
	margin-top:0px;
	margin-bottom: 5px;
}
 
 
 
/*Partners*/

.row.our_partners {
	background-color:#EFEFEF;
}

.row.our_partners h3 {
	color: #000000;
}

.row.our_partners h3 span{
	font-size: 24px;
}

.partners_wrapper {
	/*max-width: 815px;*/
	display: table;
	width: 100%;
}

.partners_wrapper .cta_asset{
	margin: 30px auto 50px;
	float: none;
	display: table;
	cursor: pointer;
}

.partners-logos-wrapper{
	/* height: 400px; */
	height: auto;
	overflow: hidden;
	transition: all 0.3s;
}

.partners_wrapper .cta_asset .more-text{ display: inline-block; }
.partners_wrapper .cta_asset .less-text{ display: none; }
.partners_wrapper .cta_asset.opened .more-text{ display: none; }
.partners_wrapper .cta_asset.opened .less-text{ display: inline-block; }

.partners-logos-wrapper.opened{
	height: auto;
}

.partners_boxes {
	width: 100%;
	height: auto;
	max-width: 160px;
	display: inline-block;
	vertical-align: middle;
	/*float: left;*/
	margin: 2.5%;
}
@media only screen and (max-width: 767px) {
	.partners_boxes {
		margin: 1.5%;
	}
}

/*why rpa*/

.why_rpa .inner_row h4 {
	margin: 0;
	padding: 20px 0 10px;
}

.row.why_rpa {
	background-color: #232222;
	position: relative;
	min-height: 670px;
}

.why_rpa h4{
	font-size:27px;
	color: #ffb302;
}

.rpa_info p {
	margin: 0;
}


.rpa_info img {
	width: 100%;
	height: auto;
	max-width: 70px;
	float: left;
	display: block;
	padding: 0 15px 0px 0;
}



.rpa_info {
	min-height: 95px;
	border: none;
	background: transparent;
	display: block;
	width: 100%;
	text-align: left;
	cursor: pointer;

}

.rpa_info .answer {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	-o-transition: max-height 0.8s;
	transition: max-height 0.8s;
}

.rpa_info.active .answer {
	max-height: 188px;
}

.answer_icon {
	width: 70px;
	height: 70px;
	margin: 0 15px 0px 0;
	float: left;
}

.rpa_info:nth-of-type(1) .answer_icon {
	background: url(../img/icon01.png) 0 0 / cover no-repeat ;
}
.rpa_info:nth-of-type(2) .answer_icon {
	background: url(../img/icon02.png) 0 0 / cover no-repeat ;
}
.rpa_info:nth-of-type(3) .answer_icon {
	background: url(../img/icon03.png) 0 0 / cover no-repeat ;
}
.rpa_info:nth-of-type(4) .answer_icon {
	background: url(../img/icon04.png) 0 0 / cover no-repeat ;
}
.rpa_info:nth-of-type(5) .answer_icon {
	background: url(../img/icon05.png) 0 0 / cover no-repeat ;
}

.rpa_info.active:nth-of-type(1) .answer_icon {
	background: url(../img/icon01.png) 0 -71px / cover no-repeat ;
}
.rpa_info.active:nth-of-type(2) .answer_icon {
	background: url(../img/icon02.png) 0 -71px / cover no-repeat ;
}
.rpa_info.active:nth-of-type(3) .answer_icon {
	background: url(../img/icon03.png) 0 -68px  / cover no-repeat ;
}
.rpa_info.active:nth-of-type(4) .answer_icon {
	background: url(../img/icon04.png) 0 -71px / cover no-repeat ;
}
.rpa_info.active:nth-of-type(5) .answer_icon {
	background: url(../img/icon05.png) 0 -71px / cover no-repeat ;
}





.triangle.grey_top {
	box-sizing: content-box;
	width: 50%;
	height: 100px;
	padding-left: 50%;
	padding-top: 0;
	overflow: hidden;
	position: absolute;
	top: -1px;
	z-index: 999;
}

.triangle.grey_top div {
	width: 0;
	height: 0px;
	margin-left: -1000px;
	margin-top: 0px;
	border-right: 0 solid transparent;
	border-right: 2390px solid transparent;
	border-top: 59px solid #232222;
}

/**whats new**/


.row.whats_new .inner_row h4 {
	margin: 0 15px 5px 0px;
	padding: 0px 10% 0 0%;
}

.row.whats_new{ 
	background-color:#009edb;
	position: relative;
	z-index: 999;
	padding: 40px 0 150px;
}
.whats_new_left_box h4 {
	padding-left: 3%;
	font-size: 30px !important;
}

.resources_premium img {
	position: absolute;
	right: 9px;
	top: 9px;
}

.triangle.pink_bottom {
	box-sizing: content-box;
	width: 50%;
	height: 100px;
	padding-left: 50%;
	padding-top: 0;
	overflow: hidden;
	position: absolute;
	bottom: -1px;
}
.triangle.pink_bottom div {
	width: 0;
	height: 0px;
	margin-left: -1000px;
	margin-top: 50px;
	border-left: 0 solid transparent;
	border-right: 2390px solid transparent;
	border-bottom: 59px solid #efefef;
}

.resource_box {
	padding: 3% 3% 0;
	width: 94%;
}
p.asset_type {
	font-size: 12px;
	color: #d0d2d3;
	margin-top: -10px;
}
.cta_asset {
	background-color: #0a0a0a;
	padding: 1%;
	color: #d0d2d3;
	float: left;
	text-align: center;
	font-size:14px;
}
.resources_premium span {
	font-size: 20px;
}
.whats_new .ungated_content, .gated_content  {
	width: 100%;
	float: left;
	margin: 2% 1% 0 0;
	padding: 1% 0;
	border: 1px solid #d0d2d3;
	position: relative;
	text-decoration: none;
	color: #ffffff;
	background-color: #3d3d3d;
}
.brochure{border-left: 4px solid #025fb5 !important;}
.webinar{border-left: 4px solid #7d3cc8 !important;}
.bl{border-left: 4px solid #809217 !important;}
.wp{border-left: 4px solid #e7268d !important;}
.Infog{border-left: 4px solid #7d3cc8 !important;}
.cs{border-left: 4px solid #f8c00b !important;}
.video-category{border-left: 4px solid #f14423!important;}

.triangle.pink_top {
	box-sizing: content-box;
	width: 50%;
	height: 0;
	padding-left: 50%;
	padding-top: 100px;
	overflow: hidden;
	position: absolute;
	top: -91px;
}

.triangle.pink_top div {
	width: 0;
	height: 0px;
	margin-left: -1000px;
	margin-top: -128px;
	border-left: 2700px solid transparent;
	border-right: 0 solid transparent;
	border-bottom: 120px solid #009edb;

}


.carousel_sl {
    margin-top: 6%; 
    z-index: 100;
    width: 100%;
}
.slick-slide img {
    margin: 0 auto;
    width: 100%;
}
body{
    color:#fff;
}

/*nice color
#b0c836 green
#009edb blue
#e7268d pink
#d0d2d3 gray
#7d3cc8 purple
#f15d22 orange
#f8c00b yellow
#404041 dark gray*/