@charset "utf-8";

/* CSS Document */



/*play-hover*/

.video-play-button {

	position: absolute;

	display: block;

	width: 40px;

	height: 40px;

	float: none;

	background: #006bb7;

	border-radius: 50%;

	margin: 6px auto 9px;

	top:50%; transform:translateY(-50%); left:0; right:0;

}



.video-play-button span {

	display: block;

	position: relative;

	z-index: 3;

	width: 0;

	height: 0;

	border-left: 14px solid #ffffff;

	border-top: 10px solid transparent;

	border-bottom: 10px solid transparent;

	margin: 11px 15px;

}



/*scroll-effect1*/

.scroll-effect1 {

	width: 100%;

	height: 36px;

	background: url(../images/scroll-thumb1.svg) no-repeat center / 100%;

	margin: 0 auto 0;

	position: relative;

	z-index: 99;

}

.scroll-effect1 a span {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	width: 100%;

	height: 36px;

	box-sizing: border-box;

	margin: 0 0 0;

}

.scroll-effect1 a:after {

	content: "";

	width: 10px;

	height: 15px;

	background: url(../images/scroll-arrow1.png) no-repeat center / 100% 100%;

	position: absolute;

	right: 0;

	bottom: -8px;

	left: 0;

	margin: 0 auto 0;

}

.scroll-effect1 a:before {

	content: "";

	width: 5px;

	height: 9px;

	background: url(../images/scroll-dot1.svg) no-repeat center / 100% 100%;

	position: absolute;

	top: -10px;

	right: 0;

	left: 0;

	margin: auto;

}

.scroll-effect1 a span::before {

	position: absolute;

	top: 10px;

	right: 0;

	left: 0;

	content: '';

	width: 2px;

	height: 8px;

	margin: 0 auto 0;

	background: #ffffff;

	border: 1px solid #ffffff;

	border-radius: 10px;

	-webkit-animation: sdb10 2s infinite;

	animation: sdb10 2s infinite;

	box-sizing: border-box;

}



@-webkit-keyframes sdb10 {

 0% {

 -webkit-transform: translate(0, 0);

 opacity: 0;

}

 40% {

 opacity: 1;

}

 80% {

 -webkit-transform: translate(0, 10px);

 opacity: 0;

}

 100% {

 opacity: 0;

}

}

@keyframes sdb10 {

 0% {

 transform: translate(0, 0);

 opacity: 0;

}

 40% {

 opacity: 1;

}

 80% {

 transform: translate(0, 10px);

 opacity: 0;

}

 100% {

 opacity: 0;

}

}

/* circle-hover1 */

.circle-hover1 {

	width: 78px;

	float: none;

	background: #006bb7;

	border: 2px solid #006bb7;

	border-radius: 50%;

	display: inline-block;

	overflow: hidden;

	margin: 0 auto 0;

	cursor: pointer;

	position: relative;

}

.circle-hover1 .circle-img {

	width: 100%;

	height: 100%;

	border-radius: 50%;

	overflow:hidden;

	position: absolute;

	z-index: 10;

	bottom: -40px;

	right: 0;

	opacity: 0;

	visibility: hidden;

	-webkit-transition-duration: 300ms;

	-o-transition-duration: 300ms;

	transition-duration: 300ms;

}

.offers-col2:hover .circle-hover1 {

	background: #ffffff;

}

.offers-col2:hover .circle-hover1 .circle-img {

	opacity: 1;

	visibility: visible;

	bottom: 0;

	right: 0;

}

/* Square-effect */

.square-effect1 {

  background: #000;

  background: -moz-linear-gradient(-45deg, #000000 0%, #000000 25%, #006bb7 50%, #2f80ba 75%, #231f20 100%);

  background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 25%, #006bb7 50%, #2f80ba 75%, #231f20 100%);

  background: linear-gradient(135deg, #000000 0%, #000000 25%, #006bb7 50%, #2f80ba 75%, #231f20 100%);

  background-size: 400% 400%;

  background-repeat: no-repeat;

  display: flex;

  position: relative;

  cursor: pointer;

  overflow: hidden;

  transition: .5s all;

}

.square-effect1 img {

	transition: transform 0.8s ease-in-out 0s;

}

.square-effect1:hover img {

	transform: scale(1.08);

	transition: all 1.5s ease 0s;

}

.square-effect1 .square-img {

  width: 100%; 

  float: left;

  position: relative;

  mix-blend-mode: screen;

}

.square-effect1:hover {

  background-position: 100% 100%;

}

/*path-shape*/

#path-shape1 { 

	width: 100%;

	float: left;

	background: #006bb7;

	margin: 0 0 0;

	padding: 230px 0 124px;

	clip-path: polygon(33.2% 34.6%, 100% 0, 100% 100%, 0 100%, 0 3%);

	-webkit-clip-path: polygon(33.2% 34.6%, 100% 0, 100% 100%, 0 100%, 0 3%);

	-moz-clip-path: polygon(33.2% 34.6%, 100% 0, 100% 100%, 0 100%, 0 3%);

	-ms-clip-path: polygon(33.2% 34.6%, 100% 0, 100% 100%, 0 100%, 0 3%);

	-o-clip-path: polygon(33.2% 34.6%, 100% 0, 100% 100%, 0 100%, 0 3%);

}

#path-shape2 { 

	width: 100%;

	float: left;

	background: #006bb7;

	margin: -176px 0 0;

	padding: 232px 0 248px;

	clip-path: polygon(100% 23%, 100% 100%, 0% 100%, 0 20.8%, 33.2% 0);

	-webkit-clip-path: polygon(100% 23%, 100% 100%, 0% 100%, 0 20.8%, 33.2% 0);

	-moz-clip-path: polygon(100% 23%, 100% 100%, 0% 100%, 0 20.8%, 33.2% 0);

	-ms-clip-path: polygon(100% 23%, 100% 100%, 0% 100%, 0 20.8%, 33.2% 0);

	-o-clip-path: polygon(100% 23%, 100% 100%, 0% 100%, 0 20.8%, 33.2% 0);

}

#path-shape3 { 

	width: 100%;

	float: left;

	background: #ffffff;

	margin: -192px 0 0;

	padding: 198px 0 246px;

	clip-path: polygon(100% 23%, 100% 100%, 0% 100%, 0 20.8%, 33.2% 0);

	-webkit-clip-path: polygon(100% 23%, 100% 100%, 0% 100%, 0 20.8%, 33.2% 0);

	-moz-clip-path: polygon(100% 23%, 100% 100%, 0% 100%, 0 20.8%, 33.2% 0);

	-ms-clip-path: polygon(100% 23%, 100% 100%, 0% 100%, 0 20.8%, 33.2% 0);

	-o-clip-path: polygon(100% 23%, 100% 100%, 0% 100%, 0 20.8%, 33.2% 0);

}

#path-shape4 { 

	width: 100%;

	float: left;

	background: #a1dae8 url(../images/impoer-bg1.jpg) no-repeat center / cover;

	margin: -166px 0 0;

	padding: 228px 0 128px;

	clip-path: polygon(66.8% 22.4%, 100% 2.2%, 100% 79.7%, 68% 100%, 0% 77.5%, 0 0);

	-webkit-clip-path: polygon(66.8% 22.4%, 100% 2.2%, 100% 79.7%, 68% 100%, 0% 77.5%, 0 0);

	-moz-clip-path: polygon(66.8% 22.4%, 100% 2.2%, 100% 79.7%, 68% 100%, 0% 77.5%, 0 0);

	-ms-clip-path: polygon(66.8% 22.4%, 100% 2.2%, 100% 79.7%, 68% 100%, 0% 77.5%, 0 0);

	-o-clip-path: polygon(66.8% 22.4%, 100% 2.2%, 100% 79.7%, 68% 100%, 0% 77.5%, 0 0);

}

#path-shape5 { 

	width: 100%;

	float: left;

	background: #006bb7;

	margin: -96px 0 0;

	padding: 130px 0 80px;

	clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0, 50% 24%);

	-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0, 50% 24%);

	-moz-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0, 50% 24%);

	-ms-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0, 50% 24%);

	-o-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0, 50% 24%);

}



#inner-shape1 { 

	width: 100%;

	float: left;

	background: #006bb7;

	margin: 0 0 0;

	padding: 228px 0 153px;

	clip-path: polygon(33.2% 34.6%, 100% 0, 100% 100%, 0 100%, 0 3%);

	-webkit-clip-path: polygon(33.2% 34.6%, 100% 0, 100% 100%, 0 100%, 0 3%);

	-moz-clip-path: polygon(33.2% 34.6%, 100% 0, 100% 100%, 0 100%, 0 3%);

	-ms-clip-path: polygon(33.2% 34.6%, 100% 0, 100% 100%, 0 100%, 0 3%);

	-o-clip-path: polygon(33.2% 34.6%, 100% 0, 100% 100%, 0 100%, 0 3%);

}



/*Smartphone css*/

@media screen and (max-width: 480px) {

/* circle-hover1 */

.circle-hover1 {

	width: 68px;

}

/*path-shape*/

#path-shape1 { 

	width: 100%;

	background: #006bb7;

	margin: 0 0 0;

	padding: 40px 0 40px;

	clip-path: none;

}

#path-shape2 { 

	width: 100%;

	background: #006bb7;

	margin: 0 0 0;

	padding: 32px 0 40px;

	clip-path: none;

}

#path-shape3 { 

	width: 100%;

	background: #ffffff;

	margin: 0 0 0;

	padding: 32px 0 40px;

	clip-path: none;

}

#path-shape4 { 

	width: 100%;

	background: #a1dae8 url(../images/testimonials-mob-bg1.jpg) no-repeat left bottom / cover;

	margin: 0 0 0;

	padding: 31px 0 80px;

	clip-path: none;

}

#path-shape5 { 

	width: 100%;

	background: #006bb7;

	margin: 0 0 0;

	padding: 34px 0 92px;

	clip-path: none;

}



#inner-shape1 { 

	width: 100%;

	background: #006bb7;

	margin: 0 0 0;

	padding: 40px 0 40px;

	clip-path: none;

}

}



@media screen and (min-width:481px) and (max-width:600px) {

/* circle-hover1 */

.circle-hover1 {

	width: 68px;

}

/*path-shape*/

#path-shape1 { 

	width: 100%;

	background: #006bb7;

	margin: 0 0 0;

	padding: 40px 0 40px;

	clip-path: none;

}

#path-shape2 { 

	width: 100%;

	background: #006bb7;

	margin: 0 0 0;

	padding: 32px 0 40px;

	clip-path: none;

}

#path-shape3 { 

	width: 100%;

	background: #ffffff;

	margin: 0 0 0;

	padding: 32px 0 40px;

	clip-path: none;

}

#path-shape4 { 

	width: 100%;

	background: #a1dae8 url(../images/testimonials-mob-bg1.jpg) no-repeat left bottom / cover;

	margin: 0 0 0;

	padding: 31px 0 80px;

	clip-path: none;

}

#path-shape5 { 

	width: 100%;

	background: #006bb7;

	margin: 0 0 0;

	padding: 34px 0 80px;

	clip-path: none;

}



#inner-shape1 { 

	width: 100%;

	background: #006bb7;

	margin: 0 0 0;

	padding: 60px 0 60px;

	clip-path: none;

}

}



@media screen and (min-width:601px) and (max-width:767px) {

/* circle-hover1 */

.circle-hover1 {

	width: 68px;

}

/*path-shape*/

#path-shape1 { 

	width: 100%;

	background: #006bb7;

	margin: 0 0 0;

	padding: 40px 0 40px;

	clip-path: none;

}

#path-shape2 { 

	width: 100%;

	background: #006bb7;

	margin: 0 0 0;

	padding: 32px 0 40px;

	clip-path: none;

}

#path-shape3 { 

	width: 100%;

	background: #ffffff;

	margin: 0 0 0;

	padding: 32px 0 40px;

	clip-path: none;

}

#path-shape4 { 

	width: 100%;

	background: #a1dae8 url(../images/testimonials-mob-bg1.jpg) no-repeat left bottom / cover;

	margin: 0 0 0;

	padding: 31px 0 80px;

	clip-path: none;

}

#path-shape5 { 

	width: 100%;

	background: #006bb7;

	margin: 0 0 0;

	padding: 34px 0 80px;

	clip-path: none;

}



#inner-shape1 { 

	width: 100%;

	background: #006bb7;

	margin: 0 0 0;

	padding: 60px 0 60px;

	clip-path: none;

}

}



@media screen and (min-width:768px) and (max-width:900px) {

/* circle-hover1 */

.circle-hover1 { width: 58px;}

/*path-shape*/

#path-shape1 { clip-path: polygon(33.2% 28.6%, 100% 0, 100% 100%, 0 100%, 0 3%); margin:0 0 0; padding:170px 0 84px;}

#path-shape2 { clip-path: polygon(100% 17%, 100% 100%, 0% 100%, 0 14.8%, 33.2% 0); margin:-154px 0 0; padding:172px 0 208px;}

#path-shape3 { clip-path: polygon(100% 17%, 100% 100%, 0% 100%, 0 14.8%, 33.2% 0); margin:-140px 0 0; padding:138px 0 206px;}

#path-shape4 { clip-path: polygon(66.8% 16.4%, 100% 2.2%, 100% 85.7%, 68% 100%, 0% 83.5%, 0 0); margin:-166px 0 0; padding:168px 0 88px;}

#path-shape5 { clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0, 50% 18%); margin:-75px 0 0; padding:90px 0 110px;}

#inner-shape1 { clip-path: polygon(33.2% 28.6%, 100% 0, 100% 100%, 0 100%, 0 3%); margin:0 0 0; padding: 128px 0 53px;}

}



@media screen and (min-width:901px) and (max-width:1024px) {

/* circle-hover1 */

.circle-hover1 { width: 68px;}

/*path-shape*/

#path-shape1 { clip-path: polygon(33.2% 31.6%, 100% 0, 100% 100%, 0 100%, 0 3%); margin:0 0 0; padding:200px 0 104px;}

#path-shape2 { clip-path: polygon(100% 20%, 100% 100%, 0% 100%, 0 17.8%, 33.2% 0); margin:-154px 0 0; padding:202px 0 228px;}

#path-shape3 { clip-path: polygon(100% 20%, 100% 100%, 0% 100%, 0 17.8%, 33.2% 0); margin:-152px 0 0; padding:168px 0 226px;}

#path-shape4 { clip-path: polygon(66.8% 19.4%, 100% 2.2%, 100% 82.7%, 68% 100%, 0% 80.5%, 0 0); margin:-136px 0 0; padding:198px 0 108px;}

#path-shape5 { clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0, 50% 21%); margin:-80px 0 0; padding:110px 0 110px;}

#inner-shape1 { clip-path: polygon(33.2% 31.6%, 100% 0, 100% 100%, 0 100%, 0 3%); margin:0 0 0; padding:168px 0 120px;}

}



@media screen and (min-width:1025px) and (max-width:1240px) {



}



@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  

.square-effect1 {

	background: #231f20;

}

.square-effect1 img {

	transition: transform 0.8s ease-in-out 0s;

}

.square-effect1:hover img {

	transform: scale(1.08);

	transition: all 1.5s ease 0s;

	opacity: 0.5;

}

}