@media (min-width: 1000px) and (max-width: 9000000000px){
#cssmenu span{
	display: none;
}
}

.c-code-2 .dle-shoti-free{
	width: 52px;
    height: 30px;
    background: url(../images/free.svg) right no-repeat !important;
}
.c-code-2 .dle-shoti-vipp.dle-shoti-vip{
	width: 52px;
    height: 30px;
    background: url(../images/vipp.svg) no-repeat !important;
}
.c-code-2 .dle-shoti-new.dle-shoti-vip{
	width: 57px;
    height: 30px;
    background: url(../images/new.svg) no-repeat !important;
}

.dle-shoti-vip{
    background: url(../images/vip.svg) right no-repeat !important;
}

.c-code-2 .dle-shoti-vip, .c-code-2 .dle-shoti-free{
	width: 65px;
    height: 30px;
    floaT: left;
    position:absolute;
    right: 14px;
    top: 12px;
    z-index:1;
}

.dle-shoti-ed{
	opacity: 0%;
}

.dle-shoti-1:hover .dle-shoti-ed{
	opacity: 100%;
}

@media (min-width: 560px) and (max-width: 9000000000px){
.abc-img-video:hover {
	opacity: 60%;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.abc-img-video{
     transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	cursor: pointer;
	text-align: center;
	line-height: 50px;
	floaT: left;
	width: 50px;
	height: 50px;
	position:absolute;
	top: 8px;
	left: 10px;
	z-index:1;
	font-size: 20px;
	color: #fff;
	border-radius: 100px;
}
}


@media (min-width: 20px) and (max-width: 560px){
.abc-img-video:hover {
	opacity: 60%;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.abc-img-video{
     transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	cursor: pointer;
	text-align: center;
	line-height: 38px;
	floaT: left;
	width: 38px;
	height: 38px;
	position:absolute;
	top: 0px;
	left: 20px;
	z-index:1;
	font-size: 17px;
	color: #fff;
	border-radius: 100px;
}
}





.web-texts-4 b{
	font-family: font-2;
}



.web-texts-06.web-texts-6{
	width: 100%;
	floaT: left;
	position:relative;
	margin-bottom: 6px;
}

.dle-versia-16-axali .dle-versia-16{
    width: 100%;
    position:relative;
    floaT: left;
    margin: 0% 0% 5% 0%;
    z-index:0;
}


.dle-versia-16-axali .dle-versia-20{
    width: 100%;
    position:relative;
    lefT: 0px;
    floaT: left;
    margin: 0% 0% 5% 0%;
    text-align: center;
}



.c-yout-01 .dleplyrplayer{
	max-width: 100% !important;
	margin: 0px 0px 0px 0px;
	floaT: left;
	position:relative;
	line-height: 0px;
}

.c-yout-01{
	width: 100%;
	margin: 20px 0px 20px 0px;
	floaT: left;
	position:relative;
	border-radius: 10px;
	line-height: 0px;
	overflow:hidden;
}

.c-code-5 b{
	font-family: font-2;
}

.c-code-5 p{
	margin-bottom: 5px;
}


.ssmw.s-ser-3 li i, .web-texts-4 i{
   color:#1bba56;
	font-size: 15px;
	margin-top: 4px;
	margin-right: 3px;
}

.tu-ws-1 .ttt-1 .ser-1{
    padding: 5% 0px 0px 0px !important;
}

.tu-ws-1 .ser-5{
    width: 100% !important;
	margin-bottom: 2%;
}

.tu-ws-1 .s-ser-4{
	margin-top: 0%;
}





.footer-app-4{
	width: 100%;
	floaT: left;
	position:relative;
	margin: 0px 0px 15px 0px;
	color:#232A41;
	font-family: font-2;
}


.footer-app-6 a:hover{
	background: #127fff;
	box-shadow: 0px 0px 10px 0px #127fff;
	color:#fff;
	transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}



.footer-app-6 a{
	transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
	background: #0075FF;
	color:#fff;
	position:relative;
	margin: 0px 0px 0px 0px;
	padding: 15px 25px;
	border-radius: 100px;
	
	letter-spacing: 1px;
	font-feature-settings: 'case' on;
}


.footer-app-6{
	width: 100%;
	floaT: left;
	position:relative;
	margin: 30px 0px -27px 0px;
}


.footer-app-2{
	padding: 0px 5%;
}

.footer-app-1{
	text-align: center;
	width: 100%;
	floaT: left;
	position:relative;
	margin: 0px 0px 35px 0px;
	box-shadow: 0px 0px 0px 2px #DFE6F4;
	border-radius: 10px;
	padding: 20px 0px;
}





.c-yout-1{
	width: 100%;
	floaT: left;
	position:relative;
	margin: 0px 0px 15px 0px;
}


.cart-new-08 strong{
   font-family: font-2 !important;	 
}


@media (min-width: 20px) and (max-width: 560px){

.ser-te-1.ser-titlesi-2{
  font-family: font-2 !important;	
  margin-bottom: 10px  !important;
  font-size: 15px;
}

}

.ser-te-1.ser-titlesi-2{
  font-family: font-2 !important;	
  margin-bottom: 3%;
  font-size: 19px;
}


.lai-4{
	floaT: left;
}


.lai-3{
	floaT: right;
	margin: 9px 15px 0px 0px;
	 font-family: 'font-1';
	font-weight: 400;
	font-size: 14px;
    text-align: center;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}

.lai-2 {
		padding: 10px 10px 0px 10px;
		position:relative;
	overflow:hidden;
}
.lai-1{
	width: 100%;
	height: 40px;
	background:#deeaff;
	floaT: left;
	borad-radius: 10px;
	padding: 0px;
	line-height: 0px;
	border-radius: 5px;
	margin: 0px 0px 15px 0px;
	position:relative;
	overflow:hidden;
}



@media (min-width: 20px) and (max-width: 560px){

.ser-te-1.ser-titlesi-2{
  font-family: font-2 !important;	
  margin-bottom: 2.5%  !important;
  font-size: 15px;
}

	
.shida-bot-2 .slick-slide .sl-video-1 img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    -webkit-transition: 0.5s linear;
}

.shida-bot-2 .slick-slide .sl-video-1 img{  width: 270px !important; height: auto !important; }

.sl-video-2 {
    width: 100%;
    height: 100%;
    floaT: left;
    position: absolute;
    overflow: hidden;
    z-index: 999;
    opacity: 100%;
    content: "";
}

.sl-video-4 {
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0px 0px 0px 0px;
    floaT: left;
    position: absolute;
    overflow: hidden;
    lefT: 0px;
    background: #0d1931;
    z-index: 11;
    opacity: 80%;
    content: "";
}

.sl-video-01 {
	margin: 0px 16px;
	position: relative;
	overflow:hidden;
	border-radius: 5px;
}

.sl-video-1 video{
	z-index:0;
	width: 136%;
	height: 120%;
	overflow:hidden;
	floaT : left;
	position: relative;
	margin: -5% 0% 0% -8%;
}

.sl-video-3{
    width: 100%;
    height: 220px;
    overflow:hidden;
    floaT : left;
    position: relative;
}

.sl-video-1{
    width: 100%;
    floaT : left;
    position: relative;
	overflow:hidden;
	border-radius: 5px;
}
}



@media (min-width: 560px) and (max-width: 810px){
	
.shida-bot-2 .slick-slide .sl-video-1 img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    -webkit-transition: 0.5s linear;
}

.shida-bot-2 .slick-slide .sl-video-1 img{  width: 450px !important; height: auto !important; }

.sl-video-2 {
    width: 100%;
    height: 100%;
    floaT: left;
    position: absolute;
    overflow: hidden;
    z-index: 999;
    opacity: 100%;
    content: "";
}

.sl-video-4 {
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0px 0px 0px 0px;
    floaT: left;
    position: absolute;
    overflow: hidden;
    lefT: 0px;
    background: #0d1931;
    z-index: 11;
    opacity: 80%;
    content: "";
}

.sl-video-01 {
	margin: 0px 30px;
    position: relative;
	overflow:hidden;
	border-radius: 5px;
}

.sl-video-1 video{
	z-index:0;
    width: 125%;
    height: 107%;
    overflow:hidden;
    floaT : left;
    position: relative;
}

.sl-video-3{
    width: 100%;
    height: 242px;
    overflow:hidden;
    floaT : left;
    position: relative;
}

.sl-video-1{
    width: 100%;
    floaT : left;
    position: relative;
	overflow:hidden;
	border-radius: 5px;
}
}



@media (min-width: 810px) and (max-width: 1000px){
	
.shida-bot-2 .slick-slide .sl-video-1 img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    -webkit-transition: 0.5s linear;
}

.shida-bot-2 .slick-slide .sl-video-1 img{  width: 450px !important; height: auto !important; }

.sl-video-2 {
    width: 100%;
    height: 100%;
    floaT: left;
    position: absolute;
    overflow: hidden;
    z-index: 999;
    opacity: 100%;
    content: "";
}

.sl-video-4 {
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0px 0px 0px 0px;
    floaT: left;
    position: absolute;
    overflow: hidden;
    lefT: 0px;
    background: #0d1931;
    z-index: 11;
    opacity: 80%;
    content: "";
}

.sl-video-01 {
	margin: 0px 30px;
    position: relative;
	overflow:hidden;
	border-radius: 5px;
}

.sl-video-1 video{
	z-index:0;
    width: 125%;
    height: 107%;
    overflow:hidden;
    floaT : left;
    position: relative;
}

.sl-video-3{
    width: 100%;
    height: 434px;
    overflow:hidden;
    floaT : left;
    position: relative;
}

.sl-video-1{
    width: 100%;
    floaT : left;
    position: relative;
	overflow:hidden;
	border-radius: 5px;
}
}


@media (min-width: 1000px) and (max-width: 1075px){
	
.shida-bot-2 .slick-slide .sl-video-1 img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    -webkit-transition: 0.5s linear;
}

.shida-bot-2 .slick-slide .sl-video-1 img{  width: 450px !important; height: auto !important; }

.sl-video-2 {
    width: 100%;
    height: 100%;
    floaT: left;
    position: absolute;
    overflow: hidden;
    z-index: 999;
    opacity: 100%;
    content: "";
}

.sl-video-4 {
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0px 0px 0px 0px;
    floaT: left;
    position: absolute;
    overflow: hidden;
    lefT: 0px;
    background: #0d1931;
    z-index: 11;
    opacity: 80%;
    content: "";
}

.sl-video-01 {
	margin: 0px 30px;
    position: relative;
	overflow:hidden;
	border-radius: 5px;
}

.sl-video-1 video{
	z-index:0;
    width: 125%;
    height: 110%;
    overflow:hidden;
    floaT : left;
    position: relative;
}

.sl-video-3{
    width: 100%;
    height: 300px;
    overflow:hidden;
    floaT : left;
    position: relative;
}

.sl-video-1{
    width: 100%;
    floaT : left;
    position: relative;
	overflow:hidden;
	border-radius: 5px;
}
}


@media (min-width: 1075px) and (max-width: 1180px){
.shida-bot-2 .slick-slide .sl-video-1 img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    -webkit-transition: 0.5s linear;
}

.shida-bot-2 .slick-slide .sl-video-1 img{  width: 450px !important; height: auto !important; }

.sl-video-2 {
    width: 100%;
    height: 100%;
    floaT: left;
    position: absolute;
    overflow: hidden;
    z-index: 999;
    opacity: 100%;
    content: "";
}

.sl-video-4 {
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0px 0px 0px 0px;
    floaT: left;
    position: absolute;
    overflow: hidden;
    lefT: 0px;
    background: #0d1931;
    z-index: 11;
    opacity: 80%;
    content: "";
}

.sl-video-01 {
	margin: 0px 30px;
    position: relative;
	overflow:hidden;
	border-radius: 5px;
}

.sl-video-1 video{
	z-index:0;
    width: 125%;
    height: 110%;
    overflow:hidden;
    floaT : left;
    position: relative;
}

.sl-video-3{
    width: 100%;
    height: 330px;
    overflow:hidden;
    floaT : left;
    position: relative;
}

.sl-video-1{
    width: 100%;
    floaT : left;
    position: relative;
	overflow:hidden;
	border-radius: 5px;
}
}




@media (min-width:1180px) and (max-width:90000000px){
.shida-bot-2 .slick-slide .sl-video-1 img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    -webkit-transition: 0.5s linear;
}

.shida-bot-2 .slick-slide .sl-video-1 img{  width: 520px !important; height: auto !important; }

.sl-video-2 {
    width: 100%;
    height: 100%;
    floaT: left;
    position: absolute;
    overflow: hidden;
    z-index: 999;
    opacity: 100%;
    content: "";
}

.sl-video-4 {
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0px 0px 0px 0px;
    floaT: left;
    position: absolute;
    overflow: hidden;
    lefT: 0px;
    background: #0d1931;
    z-index: 11;
    opacity: 80%;
    content: "";
}

.sl-video-01 {
	margin: 0px 30px;
    position: relative;
	overflow:hidden;
	border-radius: 5px;
}

.sl-video-1 video{
	z-index:0;
    width: 125%;
    height: 110%;
    overflow:hidden;
    floaT : left;
    position: relative;
}

.sl-video-3{
    width: 100%;
    height: 370px;
    overflow:hidden;
    floaT : left;
    position: relative;
}

.sl-video-1{
    width: 100%;
    floaT : left;
    position: relative;
	overflow:hidden;
	border-radius: 5px;
}
}










#upper {
    left: 10px !important;
    right:  inherit !imporant;
}


@media (min-width: 20px) and (max-width: 560px){



.shida-bot-2 .shida-3 .slick-next{right:30px !important; display: none !important; }
.shida-bot-2 .shida-3 .slick-prev{lefT:30px !important; display: none !important; }


.ser-titlesi-4 .logo-5 img{
    width: 100% !important;
    height: 130px;
    object-fit: cover;
}

	
.proeqt-mmm-1 .proeqt-m-2  {
    margin: 9% 0px 7% 0px;
}
.ser-titlesi-3{
	width: 100%;
    position:relative;
	border-radius: 10px;
	line-height: 0px;
	overflow:hidden;
    float: left;
	margin: 0px 0px 1% 0px;
}

.ser-linki-1:hover{text-decoration:none;text-decoration:inherit;}
.ser-linki-1{text-decoration:none;text-decoration:underline;}

.ser-linki-1{
	color:#2770F1;
	 font-family: font-2 !important;
	width: 100%;
	float: left;
	margin-top: 15px;
}



.shida-bot-2 .shida-3 img{ border-radius: 7px; }






.shida-bot-1 img{
	 width: 100% !important;
	line-height: 0px;
	border-radius: 7px 0px 7px 0px !important;;
}

.shida-bot-1{
    width: 100px !important;
    floaT: left;
    position: absolute;
    overflow:hidden;
    box-shadow: 0px 0px 0px 10px #fff;
    border-radius: 0px;
    margin: 0px 0px 0px 0px;
	border-radius: 7px 0px 7px 0px;
    text-align: center;
	z-index:1;
	right: 32px;
	bottom: 0px;
	line-height: 0px;
	opacity: 0;
}



.ser-titlesi-3 .eroris-1{
	display: none;
}

.ser-titlesi-4 .logo-5{
    width: 48% !important;
    height: 130px;
    floaT: left;
    position:relative;
    overflow:hidden;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px 0px rgba(26, 30, 49, 0.15);
    border-radius: 5px;
    margin: 1%;
    text-align: center;
}

.ser-titlesi-4{
	width: 100%;
    position:relative;
    float: left;
}


.ser-titlesi-3{
	width: 100%;
    position:relative;
	border-radius: 10px;
	line-height: 0px;
	overflow:hidden;
    float: left;
	margin: 0px 0px 1% 0px;
}


.ser-titlesi-2{
    width: 100%;
    position:relative;
    float: left;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 29px;
    text-align: center;
    letter-spacing: -0.02em;   
    color: #286DEE;
	margin-bottom: 27px;
}


.ser-titlesi-1{
		font-feature-settings: 'case' on;
		font-family: font-2;
    width: 100%;
    position:relative;
    float: left;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.02em;   
    color: #152B5A;
	margin-top: 20px;
}
}


@media (min-width: 560px) and (max-width: 810px){


.ser-titlesi-4 .logo-5 img{
    width: 100% !important;
    height: 185px;
    object-fit: cover;
}

	
.proeqt-mmm-1 .proeqt-m-2  {
    margin: 9% 0px 7% 0px;
}
.ser-titlesi-3{
	width: 100%;
    position:relative;
	border-radius: 10px;
	line-height: 0px;
	overflow:hidden;
    float: left;
	margin: 0px 0px 1% 0px;
}

.ser-linki-1:hover{text-decoration:none;text-decoration:inherit;}
.ser-linki-1{text-decoration:none;text-decoration:underline;}

.ser-linki-1{
	color:#2770F1;
	 font-family: font-2 !important;
	width: 100%;
	float: left;
	margin-top: 15px;
}


.shida-bot-2 .shida-3 img{ border-radius: 7px; }




.shida-bot-1 img{
	 width: 100% !important;
	line-height: 0px;
	border-radius: 7px 0px 7px 0px !important;;
}

.shida-bot-1{
    width: 100px !important;
    floaT: left;
    position: absolute;
    overflow:hidden;
    box-shadow: 0px 0px 0px 10px #fff;
    border-radius: 0px;
    margin: 0px 0px 0px 0px;
	border-radius: 7px 0px 7px 0px;
    text-align: center;
	z-index:1;
	right: 32px;
	bottom: 0px;
	line-height: 0px;
	opacity: 0;
}



.ser-titlesi-3 .eroris-1{
	display: none;
}

.ser-titlesi-4 .logo-5{
    width: 50% !important;
    height: 185px;
    floaT: left;
    position:relative;
    overflow:hidden;
    background: #FFFFFF;
    box-shadow: 0px 4px 18px -3px rgba(26, 30, 49, 0.15);
    border-radius: 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
}

.ser-titlesi-4{
	width: 100%;
    position:relative;
    float: left;
}


.ser-titlesi-3{
	width: 100%;
    position:relative;
	border-radius: 10px;
	line-height: 0px;
	overflow:hidden;
    float: left;
	margin: 0px 0px 1% 0px;
}


.ser-titlesi-2{
    width: 100%;
    position:relative;
    float: left;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 29px;
    text-align: center;
    letter-spacing: -0.02em;   
    color: #286DEE;
	margin-bottom: 27px;
}


.ser-titlesi-1{
		font-feature-settings: 'case' on;
		font-family: font-2;
    width: 100%;
    position:relative;
    float: left;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.02em;   
    color: #152B5A;
	margin-top: 20px;
}
}


@media (min-width: 810px) and (max-width: 1000px){

.ser-titlesi-4 .logo-5 img{
    width: 100% !important;
    height: 185px;
    object-fit: cover;
}

	
.proeqt-mmm-1 .proeqt-m-2  {
    margin: 9% 0px 7% 0px;
}
.ser-titlesi-3{
	width: 100%;
    position:relative;
	border-radius: 10px;
	line-height: 0px;
	overflow:hidden;
    float: left;
	margin: 0px 0px 1% 0px;
}

.ser-linki-1:hover{text-decoration:none;text-decoration:inherit;}
.ser-linki-1{text-decoration:none;text-decoration:underline;}

.ser-linki-1{
	color:#2770F1;
	 font-family: font-2 !important;
	width: 100%;
	float: left;
	margin-top: 15px;
}


.shida-bot-2 .slick-prev, .shida-bot-2 .slick-next{top: 45% !important;}

.shida-bot-2 .shida-3 img{ border-radius: 0px; }

.shida-bot-2 .slick-slide img{ height: 480px; }




.shida-bot-1 img{
	 width: 100% !important;
	line-height: 0px;
	border-radius: 7px 0px 7px 0px !important;;
}

.shida-bot-1{
    width: 100px !important;
    floaT: left;
    position: absolute;
    overflow:hidden;
    box-shadow: 0px 0px 0px 10px #fff;
    border-radius: 0px;
    margin: 0px 0px 0px 0px;
	border-radius: 7px 0px 7px 0px;
    text-align: center;
	z-index:1;
	right: 32px;
	bottom: 0px;
	line-height: 0px;
	opacity: 0;
}



.ser-titlesi-3 .eroris-1{
	display: none;
}

.ser-titlesi-4 .logo-5{
    width: 33.33333% !important;
    height: 185px;
    floaT: left;
    position:relative;
    overflow:hidden;
    background: #FFFFFF;
    box-shadow: 0px 4px 18px -3px rgba(26, 30, 49, 0.15);
    border-radius: 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
}

.ser-titlesi-4{
	width: 100%;
    position:relative;
    float: left;
}


.ser-titlesi-3{
	width: 100%;
    position:relative;
	border-radius: 10px;
	line-height: 0px;
	overflow:hidden;
    float: left;
	margin: 0px 0px 1% 0px;
}


.ser-titlesi-2{
    width: 100%;
    position:relative;
    float: left;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 29px;
    text-align: center;
    letter-spacing: -0.02em;   
    color: #286DEE;
	margin-bottom: 27px;
}


.ser-titlesi-1{
		font-feature-settings: 'case' on;
		font-family: font-2;
    width: 100%;
    position:relative;
    float: left;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.02em;   
    color: #152B5A;
	margin-top: 20px;
}
}



@media (min-width: 1000px) and (max-width: 1075px){

.ser-titlesi-4 .logo-5 img{
    width: 100% !important;
    height: 220px;
    object-fit: cover;
}


.proeqt-mmm-1 .proeqt-m-2  {
    margin: 9% 0px 7% 0px;
}
.ser-titlesi-3{
	width: 100%;
    position:relative;
	border-radius: 10px;
	line-height: 0px;
	overflow:hidden;
    float: left;
	margin: 0px 0px 1% 0px;
}

.ser-linki-1:hover{text-decoration:none;text-decoration:inherit;}
.ser-linki-1{text-decoration:none;text-decoration:underline;}

.ser-linki-1{
	color:#2770F1;
	 font-family: font-2 !important;
	width: 100%;
	float: left;
	margin-top: 15px;
}


.shida-bot-2 .slick-prev, .shida-bot-2 .slick-next{top: 45% !important;}

.shida-bot-2 .shida-3 img{ border-radius: 7px; }

.shida-bot-2 .slick-slide img{ height: 300px; }




.shida-bot-1 img{
	 width: 100% !important;
	line-height: 0px;
	border-radius: 7px 0px 7px 0px !important;;
}

.shida-bot-1{
    width: 100px !important;
    floaT: left;
    position: absolute;
    overflow:hidden;
    box-shadow: 0px 0px 0px 10px #fff;
    border-radius: 0px;
    margin: 0px 0px 0px 0px;
	border-radius: 7px 0px 7px 0px;
    text-align: center;
	z-index:1;
	right: 32px;
	bottom: 0px;
	line-height: 0px;
	opacity: 0;
}



.ser-titlesi-3 .eroris-1{
	display: none;
}

.ser-titlesi-4 .logo-5{
    width: 31% !important;
    height: 220px;
    floaT: left;
    position:relative;
    overflow:hidden;
    background: #FFFFFF;
    box-shadow: 0px 4px 18px -3px rgba(26, 30, 49, 0.15);
    border-radius: 7px;
    margin: 0px 1% 2% 1%;
    text-align: center;
}

.ser-titlesi-4{
	margin: 0% 0% 0% -1%;
	width: 103%;
    position:relative;
    float: left;
}


.ser-titlesi-3{
	width: 100%;
    position:relative;
	border-radius: 10px;
	line-height: 0px;
	overflow:hidden;
    float: left;
	margin: 0px 0px 1% 0px;
}


.ser-titlesi-2{
    width: 100%;
    position:relative;
    float: left;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 29px;
    text-align: center;
    letter-spacing: -0.02em;   
    color: #286DEE;
	margin-bottom: 27px;
}


.ser-titlesi-1{
		font-feature-settings: 'case' on;
		font-family: font-2;
    width: 100%;
    position:relative;
    float: left;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.02em;   
    color: #152B5A;
	margin-top: 5px;
}
}



@media (min-width: 1075px) and (max-width: 1180px){
.proeqt-mmm-1 .proeqt-m-2  {
    margin: 9% 0px 7% 0px;
}
.ser-titlesi-3{
	width: 100%;
    position:relative;
	border-radius: 10px;
	line-height: 0px;
	overflow:hidden;
    float: left;
	margin: 0px 0px 1% 0px;
}

.ser-linki-1:hover{text-decoration:none;text-decoration:inherit;}
.ser-linki-1{text-decoration:none;text-decoration:underline;}

.ser-linki-1{
	color:#2770F1;
	 font-family: font-2 !important;
	width: 100%;
	float: left;
	margin-top: 15px;
}


.shida-bot-2 .slick-prev, .shida-bot-2 .slick-next{top: 45% !important;}

.shida-bot-2 .shida-3 img{ border-radius: 7px; }

.shida-bot-2 .slick-slide img{ height: 330px; }




.shida-bot-1 img{
	 width: 100% !important;
	line-height: 0px;
	border-radius: 7px 0px 7px 0px !important;;
}

.shida-bot-1{
    width: 100px !important;
    floaT: left;
    position: absolute;
    overflow:hidden;
    box-shadow: 0px 0px 0px 10px #fff;
    border-radius: 0px;
    margin: 0px 0px 0px 0px;
	border-radius: 7px 0px 7px 0px;
    text-align: center;
	z-index:1;
	right: 32px;
	bottom: 0px;
	line-height: 0px;
	opacity: 0;
}



.ser-titlesi-3 .eroris-1{
	display: none;
}

.ser-titlesi-4 .logo-5 img{
    width: 100% !important;
    height: 240px;
    object-fit: cover;
}

.ser-titlesi-4 .logo-5{
    width: 31% !important;
    height: 240px;
    floaT: left;
    position:relative;
    overflow:hidden;
    background: #FFFFFF;
    box-shadow: 0px 4px 18px -3px rgba(26, 30, 49, 0.15);
    border-radius: 7px;
    margin: 0px 1% 2% 1%;
    text-align: center;
}

.ser-titlesi-4{
	margin: 0% 0% 0% -1%;
	width: 103%;
    position:relative;
    float: left;
}


.ser-titlesi-3{
	width: 100%;
    position:relative;
	border-radius: 5px;
	line-height: 0px;
	overflow:hidden;
    float: left;
	margin: 0px 0px 1% 0px;
}


.ser-titlesi-2{
    width: 100%;
    position:relative;
    float: left;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 29px;
    text-align: center;
    letter-spacing: -0.02em;   
    color: #286DEE;
	margin-bottom: 27px;
}


.ser-titlesi-1{
		font-feature-settings: 'case' on;
		font-family: font-2;
    width: 100%;
    position:relative;
    float: left;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.02em;   
    color: #152B5A;
	margin-top: 5px;
}
}



@media (min-width:1180px) and (max-width:90000000px){
.ser-linki-1:hover{text-decoration:none;text-decoration:inherit;}
.ser-linki-1{text-decoration:none;text-decoration:underline;}

.ser-linki-1{
	color:#2770F1;
	 font-family: font-2 !important;
	width: 100%;
	float: left;
	margin-top: 15px;
}


.shida-bot-2 .slick-prev, .shida-bot-2 .slick-next{top: 45% !important;}

.shida-bot-2 .shida-3 img{ border-radius: 7px; }

.shida-bot-2 .slick-slide img{ height: 370px; }




.shida-bot-1 img{
	 width: 100% !important;
	line-height: 0px;
	border-radius: 7px 0px 7px 0px !important;;
}

.shida-bot-1{
    width: 100px !important;
    floaT: left;
    position: absolute;
    overflow:hidden;
    box-shadow: 0px 0px 0px 10px #fff;
    border-radius: 0px;
    margin: 0px 0px 0px 0px;
	border-radius: 7px 0px 7px 0px;
    text-align: center;
	z-index:1;
	right: 32px;
	bottom: 0px;
	line-height: 0px;
	opacity: 0;
}



.ser-titlesi-3 .eroris-1{
	display: none;
}


.ser-titlesi-4 .logo-5, .ser-titlesi-4 .logo-5 img{
    height: 195px;
}

.ser-titlesi-4 .logo-5{
    width: 23.3% !important;
    height: 195px;
    floaT: left;
    position:relative;
    overflow:hidden;
    background: #FFFFFF;
    box-shadow: 0px 4px 18px -3px rgba(26, 30, 49, 0.15);
    border-radius: 8px;
    margin: 0px 7px 14px 7px;
    text-align: center;
}

.ser-titlesi-4{
	margin: 0px 1% 0% -7px;
	width: 103%;
    position:relative;
    float: left;
}



.ser-titlesi-3{
	width: 100%;
    position:relative;
	border-radius: 10px;
	line-height: 0px;
	overflow:hidden;
    float: left;
	margin: 0px 0px 1.5% 0px;
}


.ser-titlesi-2{
    width: 100%;
    position:relative;
    float: left;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 29px;
    text-align: center;
    letter-spacing: -0.02em;   
    color: #286DEE;
	margin-bottom: 27px;
}


.ser-titlesi-1{
		font-feature-settings: 'case' on;
		font-family: font-2;
    width: 100%;
    position:relative;
    float: left;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.02em;   
    color: #152B5A;
	margin-top: 5px;
}
}






@media (min-width:810px) and (max-width:90000000px){
.cssmenu-color-no{
    display: none;
}
}

@media (min-width: 10px) and (max-width: 560px){
.novid-1 .pr-2{
    top: 135px;
}

.pr-1{
    width: 90px;
    margin: auto;
    position:relative;
}

.pr-2{
    width: 90px;
    height: 90px;
    floaT: left;
    position:absolute;
    border-radius: 1000px;
    left: 0px;
    top: 75px;
    z-index:0;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.proeqt-6 .pr-2{ 
    opacity: 0%;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}
.proeqt-6:hover .pr-2{ 
    opacity: 100%;
    z-index:0;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}
}


@media (min-width: 560px) and (max-width: 810px){
.novid-1 .pr-2{
    top: 70px;
}

.pr-1{
    width: 120px;
    margin: auto;
    position:relative;
}

.pr-2{
    width: 120px;
    height: 120px;
    floaT: left;
    position:absolute;
    border-radius: 1000px;
    left: 0px;
    top: 30px;
    z-index:0;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.proeqt-6 .pr-2{ 
    opacity: 0%;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}
.proeqt-6:hover .pr-2{ 
    opacity: 100%;
    z-index:0;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}
}


@media (min-width: 810px) and (max-width: 1000px){
.novid-1 .pr-2{
    top: 87px;
}

.pr-1{
    width: 150px;
    margin: auto;
    position:relative;
}

.pr-2{
    width: 150px;
    height: 150px;
    floaT: left;
    position:absolute;
    border-radius: 1000px;
    left: 0px;
    top: 45px;
    z-index:0;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.proeqt-6 .pr-2{ 
    opacity: 0%;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}
.proeqt-6:hover .pr-2{ 
    opacity: 100%;
    z-index:0;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}
}

@media (min-width: 1000px) and (max-width: 1075px){
.novid-1 .pr-2{
    top: 125px;
}

.pr-1{
    width: 180px;
    margin: auto;
    position:relative;
}

.pr-2{
    width: 180px;
    height: 180px;
    floaT: left;
    position:absolute;
    border-radius: 1000px;
    left: 0px;
    top: 52px;
    z-index:0;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.proeqt-6 .pr-2{ 
    opacity: 0%;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}
.proeqt-6:hover .pr-2{ 
    opacity: 100%;
    z-index:0;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}
}



@media (min-width: 1075px) and (max-width: 1180px){
.novid-1 .pr-2{
    top: 120px;
}

.pr-1{
    width: 180px;
    margin: auto;
    position:relative;
}

.pr-2{
    width: 180px;
    height: 180px;
    floaT: left;
    position:absolute;
    border-radius: 1000px;
    left: 0px;
    top: 55px;
    z-index:0;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.proeqt-6 .pr-2{ 
    opacity: 0%;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}
.proeqt-6:hover .pr-2{ 
    opacity: 100%;
    z-index:0;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}
}



@media (min-width:1180px) and (max-width:90000000px){
.novid-1 .pr-2{
    top: 115px;
}

.pr-1{
    width: 210px;
    margin: auto;
    position:relative;
}

.pr-2{
    width: 210px;
    height: 210px;
    floaT: left;
    position:absolute;
    border-radius: 1000px;
    left: 0px;
    top: 50px;
    z-index:0;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.proeqt-6 .pr-2{ 
    opacity: 0%;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}
.proeqt-6:hover .pr-2{ 
    opacity: 100%;
    z-index:0;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}
}









.shida-5{
	text-transform: uppercase !important;
}

.header-20 img{
    object-fit: cover;
}

/*--- AJAX ---*/
#loading-layer {
		display: none;
		background-color: #fff;
		background-color: rgba(255,255,255,0.9);
		z-index: 9999;
		position: fixed;
		top: 0; left: 0; right: 0; bottom: 0;
		width: 100%; height: 100%; text-indent: -9999px;
		overflow: hidden;
		white-space: nowrap;
	}
	#loading-layer:before, #loading-layer:after {
		content: "";
		border-radius: 50%;
		background-color: #2a2c3e;
		position: absolute;
		left: 50%; top: 50%;
		width: 30px; height: 30px;
		margin: -15px 0 0 -15px;
	}
	#loading-layer:after {
		background-color: #2770f1;
	}

	#loading-layer:before {
		-webkit-animation: load1 .8s infinite ease;
		animation: load1 .8s infinite ease;
	}
	#loading-layer:after {
		-webkit-animation: load2 .8s infinite ease;
		animation: load2 .8s infinite ease;
	}
	@-webkit-keyframes load1 {
		0%, 80%, 100% { -webkit-transform: translate(-100%, 0); }
		40% { -webkit-transform: translate(50%, 0) scale(.6, .6); }
	}
	@keyframes load1 {
		0%, 80%, 100% { transform: translate(-100%, 0); }
		40% { transform: translate(50%, 0) scale(.6, .6); }
	}
	@-webkit-keyframes load2 {
		0%, 80%, 100% { -webkit-transform: translate(100%, 0); }
		40% { -webkit-transform: translate(-50%, 0) scale(.6, .6); }
	}
	@keyframes load2 {
		0%, 80%, 100% { transform: translate(100%, 0); }
		40% { transform: translate(-50%, 0) scale(.6, .6); }
	}




.header-12 a, .header-17, .header-14, .setvice-3, .setvice-3 h2, .setvice-3 h6, .proeqt-11, .proeqt-11 h3, .proeqt-m-2, .footer-4{
    font-family: font-2 !important;
}

.header-15, .proeqt-12, .proeqt-12 h4{
   font-family: font-1 !important;
}




@media (min-width: 20px) and (max-width: 560px){
.setvice-no{
    /* display: none; */
}
    
#cssmenu ul li  {
    width: 100%;
    floaT: left;
    margin: 10px 0px;
}

.outer-menu {
    position: absolute;
    top: 14px;
    right: 0px;
    z-index: 1;
}
.outer-menu .checkbox-toggle {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
    width: 43px;
    height: 43px;
    opacity: 0;
}
.outer-menu .checkbox-toggle:checked + .hamburger > div {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.outer-menu .checkbox-toggle:checked + .hamburger > div {
    background: #ffffff;
}

.outer-menu .checkbox-toggle:checked + .hamburger > div:after,
.outer-menu .checkbox-toggle:checked + .hamburger > div:before {
    top: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
    opacity: 0;
}
.outer-menu .checkbox-toggle:checked ~ .menu {
    pointer-events: auto;
    visibility: visible;
}
.outer-menu .checkbox-toggle:checked ~ .menu > div {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 0.75s;
    transition-duration: 0.75s;
}
.outer-menu .checkbox-toggle:checked ~ .menu > div > div {
    opacity: 1;
    -webkit-transition: opacity 0.4s ease 0.4s;
    transition: opacity 0.4s ease 0.4s;
}
.outer-menu .checkbox-toggle:hover + .hamburger {
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}
.outer-menu .checkbox-toggle:checked:hover + .hamburger > div {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.outer-menu .hamburger {
    position: absolute;
    top: 0;
    left: -43px;
    z-index: 1;
    width: 30px;
    height: 40px;
    padding: 0.0em 6px;
    background: 0 0;
    box-shadow: none !important;
    border-radius: 0 0.12em 0.12em 0;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .hamburger > div {
    position: relative;
    -webkit-box-flex: 0;
    flex: none;
    width: 100%;
    height: 3px;
    background: #2770F1;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .hamburger > div:after,
.outer-menu .hamburger > div:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -10px;
    left: 0;
    width: 100%;
    height: 3px;
    background: inherit;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.outer-menu .hamburger > div:after {
    top: 10px;
}
.outer-menu .menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    visibility: hidden;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 1px solid transparent;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .menu > div {
    width: 240vw;
    height: 240vw;
    color: #fefefe;
    background: rgb(40 51 74 / 95%);
    border-radius: 100%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-flex: 0;
    flex: none;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .menu > div > div {
    text-align: center;
    max-width: 90vw;
    max-height: 100vh;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    overflow-y: auto;
    -webkit-box-flex: 0;
    flex: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .menu > div > div > ul {
    list-style: none;
    padding: 0 1em;
    margin: 0;
    display: block;
    max-height: 100vh;
}
.outer-menu .menu > div > div > ul > li {
    padding: 0;
    margin: 1em;
    font-size: 24px;
    display: block;
}
.outer-menu .menu > div > div > ul > li > a {
    position: relative;
    display: inline;
    cursor: pointer;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
    font-family: Mbold;
    color: #fff;
    font-size: 16px;
}
.outer-menu .menu > div > div > ul > li.host {
    margin-top: 40px;
}
.outer-menu .menu > div > div > ul > li > a:hover {
    color: #e5e5e5;
}
.outer-menu .menu > div > div > ul > li > a:hover:after {
    width: 100%;
}
.outer-menu .menu > div > div > ul > li > a:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: #2770f1;
    -webkit-transition: width 0.4s ease;
    transition: width 0.4s ease;
}

.fancybox-container {
    z-index: 9999;
}



.eroris-2 {
    margin: 0% 5%;
}

.eroris-5 {
    font-family: font-1;
    font-size: 14px;
    margin: 0px 0px 10px 0px;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}


.eroris-4 {
    font-family: font-2;
    font-size: 15px;
    margin: 5px 0px 7px 0px;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}


.eroris-3 {
    font-family: font-1;
    font-size: 40px;
    margin: 0% 0% 0% 0%;
    width: 100%;
    floaT: left;
    position:relative;
    color: #2770f1;
}


.eroris-1 {
    font-family: font-1;
    font-size: 14px;
    margin: 0% 0% 0% 0%;
    padding: 6% 0%;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}



.logo-z-1 .setvice-3 h6{
    color:#ABC9FF;
}
.logo-z-1 .setvice-2 h5{
    color:#fff;
}

.logo-z-1.logo-1{
    margin: -260px 0% 0% 0%;
    padding: 3% 0% 10px 0%;
}



.header-19{animation-duration:.75s;}
@keyframes bounce{from, 20%, 53%, 80%, to{animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transform:translate3d(0,0,0);}
40%, 43%{animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transform:translate3d(0, -30px, 0);}
70%{animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transform:translate3d(0, -15px, 0);}
90%{transform:translate3d(0,-4px,0);}
}

.header-19{
	display: none;
}

.header-19{
animation-name:bounce;transform-origin:center bottom;}
@keyframes flash{from, 50%, to{opacity:1;}
25%, 75%{opacity:0;}
}

/*--footer--*/
.footer-3 svg {
    width: 16px;
    height: 20px;
    margin: 0px 7px 0px 0px;
    display:  inline-block;
    floaT: left;
}

.footer-3  ul li a:hover{
   color:#286DEE;
   transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.footer-3  ul li a{
    color:#323A54;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.footer-3  ul li{
    width: 100%;
    position:relative;
    float: left;
    margin: 4px 0px;
    font-size: 15px;
}

.footer-6{
    width: 35px;
    height: 3px;
    position:relative;
    float: left;
    background: #286DEE;
}

.footer-5{
    width: 100%;
    height: 3px;
    position:relative;
    float: left;
    margin: 0px 0px 3px 0px;
}

.footer-4{
    width: 100%;
    position:relative;
    float: left;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 29px;
    text-align: left;
    letter-spacing: -0.02em;
    font-feature-settings: 'case' on;
    color: #314D88;
}

.footer-10{
    margin: 8px 0px 0px 0px;
    position:relative;
    float: right;
    text-align: center;
}

.footer-9{
    display: none;
    /* width: 100%; */
    position:relative;
    float: left;
    text-align: right;
    margin: 20px 0%;
}

.footer-8{
    text-align: right;
    position:relative;
    float: left;
}

.footer-7{
    margin-top: 2px;
    width: 100%;
    position:relative;
    float: right;
}

.footer-03.footer-3{
    width: 100%;
}

.footer-3{
    width: 100%;
    position:relative;
    float: left;
    margin: 0px 0px 4% 0px;
}

.footer-2{
    width: 100%;
    position:relative;
    float: left;
    padding: 4% 0% 20px 0%;
    margin: 0px 0px 0% 0px;
}

.footer-1{
    width: 100%;
    position:relative;
    float: left;
    border-top: 1px #eee solid;
}

/*--logo--*/
.logo-5 img {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.logo-5:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.logo-5, .logo-5 img{
    height: 200px; 
}

.logo-5 img{
    width: 100% !important;
    height: 130px;
    object-fit: cover;
}

.logo-5{
    width: 46% !important;
    height: 130px;
    floaT: left;
    position:relative;
    overflow:hidden;
    background: #FFFFFF;
    box-shadow: 0px 1px 3px -1px rgba(26, 30, 49, 0.15);
    border-radius: 6px;
    margin: 0px 5px 10px 2%;
    text-align: center;
}

.logo-3{
    margin-top: 5%;
    width: 100%;
    floaT: left;
    position:relative;
    overflow:hidden;
}

.logo-1{
    width: 100%;
    position:relative;
    float: left;
    padding: 4% 0% 2% 0%;
    margin: 0px 0px 0% 0px;
    border-top: 1px #eee solid;
}

.proeqt-m-2:hover{ letter-spacing: 2px; box-shadow: #286DEE 0px 0px 10px 0px; animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}

.proeqt-m-3 {
    width: 10px;
    height: 22px;
    background: url(../images/win-1.svg) -10px 10px no-repeat;
    background-size: 18px;
    display: inline-block;
    position: relative;
    margin: 0px 0px 0px 0px;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.proeqt-m-1 {
    width: 210px;
    margin: auto;
}

.proeqt-m-2  {
    background: #286DEE;
    float: left;
    border-radius: 5px;
    width: 210px;
    margin: 5% 0px 5% 0px;
    text-align: center;
    line-height: 45px;
    height: 45px;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-size: 15px;
    text-align: center;
    letter-spacing: 0.03em;
    font-feature-settings: 'case' on;
    color: #FFFFFF;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.proeqt-7 .proeqt-11 {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-7:hover .proeqt-11 {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #286DEE;
}

.proeqt-7 img {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-7:hover img {
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-6 h3{
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out; 
}


.proeqt-6:hover h3{
    color: #2770f1;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out; 
}


.proeqt-color-1{
    width: 81px;
    height: 81px;
    floaT: left;
    position:absolute;
    background: #286dee;
    border-radius: 100%;
    right: -55px;
    bottom: -55px;
}

.proeqt-12, .proeqt-12 h4{
	display: none;
    margin: 0px 0px 25px 0px;
    width: 100%;
    height: 35px;
    overflow:hidden;
    floaT: left;
    position:relative;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #314D88;
}

.proeqt-11, .proeqt-11 h3{
    margin: 5px 0px 3px 0px;
    width: 100%;
    floaT: left;
    position:relative;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 129.7%;
    text-align: center;
    text-transform: uppercase;
    color: #182E5D;
}

.proeqt-10{margin: 0px 5%;}

.proeqt-9{
    width: 100%;
    floaT: left;
    position:relative;
}


.novid-1 .proeqt-8 img{
    max-width: 300px;
    height: 200px;
    position:relative;
}

.proeqt-8 img{
    max-width: 230px;
    height: 170px;
    position:relative;
}

.proeqt-8{
    margin-top: 15px;
    width: 100%;
    height: 160px;
    floaT: left;
    position:relative;
    overflow:hidden;
}

.proeqt-7:hover{
    background: #FFFFFF;
    box-shadow: 0px 4px 18px -3px rgba(26, 30, 49, 0.25);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-7{
    width: 230px;
    height: 240px;
    floaT: left;
    position:relative;
    overflow:hidden;
    background: #FFFFFF;
    box-shadow: 0px 0px 0px 1px #eee;
    border-radius: 7px;
    margin: 1px 14px 15px 1px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-5::-webkit-scrollbar, .van-div-5::-webkit-scrollbar, .sliderr::-webkit-scrollbar{height: 12px;}
.proeqt-5::-webkit-scrollbar-track, .van-div-5::-webkit-scrollbar-track, .sliderr::-webkit-scrollbar-track{background:#eee; border-radius: 100px; }
.proeqt-5::-webkit-scrollbar-thumb, .van-div-5::-webkit-scrollbar-thumb, .sliderr::-webkit-scrollbar-thumb{background:#286DEE; border-radius: 100px;  }

.proeqt-5{
	width:100%;
    display: flex;
    will-change: transform;
    overflow: auto scroll;
    overflow-y: hidden;
    overflow-x: auto;
}

.logo-4{
    width: 104%;
    floaT: left;
    position:relative;
    margin: 0px 0px 0px -2%;
}

.proeqt-4{
    margin-bottom: 1.5%;
    margin-top: 4%;
    width: 102%;
    floaT: left;
    position:relative;
}

.proeqt-1{
    width: 100%;
    floaT: left;
    position:relative;
    margin-top: 5%;
    margin-bottom: 2%;
}

.setvice-8 .setvice-icon-04.setvice-icon-1 {
    background: url(../images/icons-04.svg) center no-repeat;
}
.setvice-8 .setvice-icon-03.setvice-icon-1 {
    background: url(../images/icons-03.svg) center no-repeat;
}
.setvice-8 .setvice-icon-02.setvice-icon-1 {
    background: url(../images/icons-02.svg) center no-repeat;
}
.setvice-8 .setvice-icon-01.setvice-icon-1 {
    background: url(../images/icons-01.svg) center no-repeat;
}

.setvice-8 .setvice-12{
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8 .setvice-12, .setvice-8 .setvice-12 h3{
    color: #BCD4FF;
      transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8 .setvice-10{
    background: #4588FF;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}


.setvice-10{
       transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8 .setvice-14 {
    width: 10px;
    height: 21px;
    background: url(../images/win-1.svg) -10px 10px no-repeat;
    background-size: 17.4px;
    display: inline-block;
    position: relative;
    margin: 0px 0px 0px 0px;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-14 {
    width: 10px;
    height: 21px;
    background: url(../images/win-1.svg) 0px 10px no-repeat;
    background-size: 17.4px;
    display: inline-block;
    position: relative;
    margin: 0px 0px 0px 0px;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8  .setvice-13{
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
    color:#fff;
}

.setvice-13{
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8 {
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
    background: #286DEE;
}

.setvice-8 {
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-icon-04.setvice-icon-1 {
    background: url(../images/icons-4.svg) center no-repeat;
}
.setvice-icon-03.setvice-icon-1 {
    background: url(../images/icons-3.svg) center no-repeat;
}
.setvice-icon-02.setvice-icon-1 {
    background: url(../images/icons-2.svg) center no-repeat;
}
.setvice-icon-01.setvice-icon-1 {
    background: url(../images/icons-1.svg) center no-repeat;
}

.setvice-icon-1 {
    width: 100%;
    height: 60px;
    position: relative;
    margin: 0px 0px 0px 0px;
    background-size: 26px !important;
    float: left;
}

.setvice-13{
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 4% 0% 0% 0%;
    font-feature-settings: 'case' on;
    color: #8894AD;
    letter-spacing: 0.5px;
    font-family: font-1;
    font-size: 14px;
}

.setvice-12 b{
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 0% 0% 0% 0%;
    font-family: font-2;
}

.setvice-12, .setvice-12 h3{
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 1% 0% 0% 0%;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #152B5A;
}

.setvice-11{
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 5% 0% 0% 0%;
}

.setvice-10{
    width: 60px;
    height:60px;
    background: #F1F5FF;
    position:relative;
    overflow:hidden;
    margin: 22px auto 0px auto;
    border-radius: 5px;
}

.setvice-9 {
    margin: 0px 2px;
}

.setvice-7 {
    width: 104%;
    float: left;
    margin: 0px -2%;
}

.setvice-8 {
    width: 46%;
    height: 185px;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 0px 2%;
    text-align: center;
    border-radius: 5px;
    margin-top: 1px;
    margin-bottom: 4%;
}

.setvice-4 {
    width: 102%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 4% 0% 0% -1%;
}

.setvice-3, .setvice-3 h2, .setvice-3 h6{
    width: 100%;
    position:relative;
    float: left;
    margin: % 0% 1.5% 0%;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #314D88;
    font-feature-settings: 'case' on;
}

.setvice-2, .setvice-2 h2, .setvice-2 h3, .setvice-2 h4, .setvice-2 h5, .setvice-2 h6{
    width: 100%;
    position:relative;
    float: left;
    margin: 1% 0% 0% 0%;
    font-family: 'font-1';
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.00em;
    color: #314D88;
    font-feature-settings: 'case' on;
}

.setvice-1{
    width: 100%;
    position:relative;
    float: left;
}

.setvice-0{
    width: 100%;
    position:relative;
    float: left;
    padding: 4% 0% 0% 0%;
    margin: 0px 0px 0% 0px;
    border-top: 1px #eee solid;
    border-bottom: 1px #eee solid;
}


.header-12 .header-a-1:hover span {
    color:#286DEE !important;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 .header-a-1 sspan {
    position: absolute;
    width: 0px;
    height: 100%;
    floaT: left;
    left: 0px;
    line-height: 100px;
    color: #fff;
    line-height: 52px;
    font-size: 14px;
    background: #ffffff;
    margin: 0px 0px 0px 0px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 span{
    position:relative;
    z-index:1;
}

.header-12 span {
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 a:hover span {
    color:#fff;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 a:hover sspan {
    width: 100%;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 sspan {
    position: absolute;
    width: 0%;
    height: 100%;
    floaT: left;
    bottom: 0px;
    left: 0px;
    line-height: 100px;
    color: #fff;
    line-height: 52px;
    font-size: 14px;
    background: #286DEE;
    margin: 0px 0px 0px 0px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12{
    display: none;
    width: 100%;
    position:relative;
    float: left;
    padding: 4% 0px 0% 0px;
}

.header-17{
    font-family: 'font-2';
}

.header-15{
    text-align: left;
    position:relative;
    float: left;
    lefT: 2px;
    margin: 0px 0px 0px 0%;
    padding: 12px 0px 12px 5%;
    border-left: 1px #D9D9D9 solid;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: -0.02em;
    font-feature-settings: 'case' on;
    color: #314D88;
}

.header-14{
    width: 25%;
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 44px;
    letter-spacing: -0.02em;
    color: #286DEE;
}

.header-13{/* display: none; */}

.header-12 .header-a-2 {
    color: #424242 !important;
    background: #ffffff;
    border: 2px #e3e3e3 solid;
    margin: 0% 0px 0px 6px;
}

.header-12 a{
    border: 2px #286DEE solid;
    background: #286DEE;
    line-height: 47px;
    height: 46px;
    position:relative;
    margin: 0px 0px 0px 0px;
    padding: 9px 20px;
    border-radius: 5px;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    text-align: center;
    letter-spacing: 0.1px;
    font-feature-settings: 'case' on;
    color: #FFFFFF;
}

.header-13{
    box-shadow: 0px 0px 0px 1px #ddd;
    width: 100%;
    position:relative;
    float: left;
    margin: 0% 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-radius: 5px;
}


.header-11{
    width: 100%;
    position:relative;
    float: left;
    margin: 0% 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.header-10 p{
display: block !important;    
font-family: 'Helvetica Neue LT GEO';
font-style: normal;
font-weight: 100;
font-size: 14px;
line-height: 20px;
letter-spacing: 0em;
color: #152B5A;
margin: 0px 0px 5% 0px;
text-align: left;
}


.header-10 h1{font-family: font-2;font-style: normal;font-weight: 700;font-size: 19px;line-height: 40px;letter-spacing: -0.01em;color: #152B5A;margin: 0px 0px 0px 0px;text-align: left;}



.header-21{
    width: 100%;
    height: 100%;
    background:#2770F1;
    position:absolute;
    lefT: 0px;
    top: 0px;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    opacity: 10%;
}

.header-20, .header-20 img{
	display: none;
    width: 100%;
    overflow:hidden;
    border-radius: 10px 10px;
    line-height: 0px;
}

.header-20{
    position:relative;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.header-18 img{
    object-fit: cover;
    width:100%;
    line-height: 0px;
}

.header-18{
    width: 100%;
    position:relative;
    float: right;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
}

.header-10{
    text-align: center;
    width: 100%;
    position:relative;
    float: left;
    margin: 0% 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.header-9{
    width: 100%;
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0% 0% 0% 0%;
}

.header-8{
    margin-top: 75px;
    width: 100%;
    position:relative;
    float: left;
}

#cssmenu ul li:hover::before, #cssmenu ul li:hover::after{ 
    width: 15px !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.header-6 {
    width: 25px;
    height: 46px;
    background: url(../images/phone-01.svg) center no-repeat;
    margin: 0px 6px 0px 0px;
    display:  inline-block;
    floaT: left;
}

.header-5 {
	    display: none;
    line-height: 46px;
    height: 46px;
    color:#2770F1;
    float: right;
    position: relative;
    margin: 0px 0px;
    border-radius: 100px;
    font-family: font-2;
    letter-spacing: 0.5px;
    font-size: 15.3px;
}


.fb-like-1 .header-ffb{
	position: relative;
	top: 8px;
	right: 55px;
	z-index:1;
}

.fb-like-1 .header-5 {
  display: none;
}
	
.fb-like-1 .header-4{
	display: block;
	    width: auto;
}

.header-7 {
    width: 34px;
    line-height: 30px;
    height: 34px;
    background: #436beb url(../images/fb-1.svg) center no-repeat;
	background-sizE: 8px;
    color:#fff;
    float: right;
    position: relative;
    margin: 01px 52px 0px 0px;
    border-radius: 7px;
    font-family: font-2;
    letter-spacing: 1px;
    font-size: 16px;
}

	
.header-4 {

    width: 40%;
    float: right;
    position: relative;
    margin: 17px 0px;
}

#cssmenu ul .cssmenu-color::before, #cssmenu ul .cssmenu-color::after{ 
    width: 15px !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

#cssmenu ul li::after{ 
    width: 15px;
    height: 3px;    
    bottom: 2px !important;  
    position: absolute;
    background: #2770F1 ;
    content: "";
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    lefT: 50% !important;
}

#cssmenu ul li::before{ 
    width: 0px;
    height: 3px;    
    bottom: 2px !important;  
    position: absolute;
    background: #2770F1;
    content: "";
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    right: 50% !important;
}

#cssmenu ul li::after{ 
    width: 0px;
    height: 3px;    
    margin: 30px 0px 0px 0px;    position: absolute;
    background: #2770F1 ;
    content: "";
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    lefT: 50% !important;
}


.header-3 ul .cssmenu-color a{
color: #26a3ff;
}

.header-3 ul li a:hover{
color: #ffffff !important;
-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.header-3 ul li a{
color: #e6eaf9;
-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}
.header-3 ul li a{
 position: relative;
}

.header-3 ul li a{
    font-feature-settings: 'case' on;
    letter-spacing: 1px;
    position: relative;
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 21px;
    font-weight: 700 !important;
    font-family: font-2;
}


.llogo-1 {
    width: 65px;
    margin: auto;
    float: left;
    margin: 0px 0px 0px 0px;
}

.llogo-2 {
    float: left;
    position: relative;
    margin: 17px 0px;
}

.header-1 {
    z-index:99;
    float: left;
    position: fixed;
    widtH: 100%;
    height: 70px;
    color: #323A54;
    background:#ffffff;
    border-bottom: 1px #eee solid;
}
}




@media (min-width: 560px) and (max-width: 810px){
.setvice-no{
    /* display: none; */
}
    
#cssmenu ul li  {
    width: 100%;
    floaT: left;
    margin: 10px 0px;
}

.outer-menu {
    position: absolute;
    top: 20px;
    left: 0px;
    z-index: 1;
}
.outer-menu .checkbox-toggle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    cursor: pointer;
    width: 43px;
    height: 43px;
    opacity: 0;
}
.outer-menu .checkbox-toggle:checked + .hamburger > div {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.outer-menu .checkbox-toggle:checked + .hamburger > div {
    background: #ffffff;
}

.outer-menu .checkbox-toggle:checked + .hamburger > div:after,
.outer-menu .checkbox-toggle:checked + .hamburger > div:before {
    top: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
    opacity: 0;
}
.outer-menu .checkbox-toggle:checked ~ .menu {
    pointer-events: auto;
    visibility: visible;
}
.outer-menu .checkbox-toggle:checked ~ .menu > div {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 0.75s;
    transition-duration: 0.75s;
}
.outer-menu .checkbox-toggle:checked ~ .menu > div > div {
    opacity: 1;
    -webkit-transition: opacity 0.4s ease 0.4s;
    transition: opacity 0.4s ease 0.4s;
}
.outer-menu .checkbox-toggle:hover + .hamburger {
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}
.outer-menu .checkbox-toggle:checked:hover + .hamburger > div {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.outer-menu .hamburger {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 30px;
    height: 40px;
    padding: 0.0em 6px;
    background: 0 0;
    box-shadow: none !important;
    border-radius: 0 0.12em 0.12em 0;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .hamburger > div {
    position: relative;
    -webkit-box-flex: 0;
    flex: none;
    width: 100%;
    height: 3px;
    background: #2770F1;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .hamburger > div:after,
.outer-menu .hamburger > div:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -10px;
    left: 0;
    width: 100%;
    height: 3px;
    background: inherit;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.outer-menu .hamburger > div:after {
    top: 10px;
}
.outer-menu .menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    visibility: hidden;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 1px solid transparent;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .menu > div {
    width: 240vw;
    height: 240vw;
    color: #fefefe;
    background: rgb(40 51 74 / 95%);
    border-radius: 100%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-flex: 0;
    flex: none;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .menu > div > div {
    text-align: center;
    max-width: 90vw;
    max-height: 100vh;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    overflow-y: auto;
    -webkit-box-flex: 0;
    flex: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .menu > div > div > ul {
    list-style: none;
    padding: 0 1em;
    margin: 0;
    display: block;
    max-height: 100vh;
}
.outer-menu .menu > div > div > ul > li {
    padding: 0;
    margin: 1em;
    font-size: 24px;
    display: block;
}
.outer-menu .menu > div > div > ul > li > a {
    position: relative;
    display: inline;
    cursor: pointer;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
    font-family: Mbold;
    color: #fff;
    font-size: 16px;
}
.outer-menu .menu > div > div > ul > li.host {
    margin-top: 40px;
}
.outer-menu .menu > div > div > ul > li > a:hover {
    color: #e5e5e5;
}
.outer-menu .menu > div > div > ul > li > a:hover:after {
    width: 100%;
}
.outer-menu .menu > div > div > ul > li > a:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: #fed501;
    -webkit-transition: width 0.4s ease;
    transition: width 0.4s ease;
}

.fancybox-container {
    z-index: 9999;
}



.eroris-2 {
    margin: 0% 5%;
}

.eroris-5 {
    font-family: font-1;
    font-size: 15px;
    margin: 0px 0px 10px 0px;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}


.eroris-4 {
    font-family: font-2;
    font-size: 17px;
    margin: 5px 0px 7px 0px;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}


.eroris-3 {
    font-family: font-1;
    font-size: 50px;
    margin: 0% 0% 0% 0%;
    width: 100%;
    floaT: left;
    position:relative;
    color: #2770f1;
}


.eroris-1 {
    font-family: font-1;
    font-size: 15px;
    margin: 0% 0% 0% 0%;
    padding: 5.3% 0%;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}



.logo-z-1 .setvice-3 h6{
    color:#ABC9FF;
}
.logo-z-1 .setvice-2 h5{
    color:#fff;
}

.logo-z-1.logo-1{
    margin: -260px 0% 0% 0%;
    padding: 3% 0% 10px 0%;
}



.header-19{animation-duration:.75s;}
@keyframes bounce{from, 20%, 53%, 80%, to{animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transform:translate3d(0,0,0);}
40%, 43%{animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transform:translate3d(0, -30px, 0);}
70%{animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transform:translate3d(0, -15px, 0);}
90%{transform:translate3d(0,-4px,0);}
}

.header-19{
animation-name:bounce;transform-origin:center bottom;}
@keyframes flash{from, 50%, to{opacity:1;}
25%, 75%{opacity:0;}
}

/*--footer--*/
.footer-3 svg {
    width: 16px;
    height: 20px;
    margin: 0px 7px 0px 0px;
    display:  inline-block;
    floaT: left;
}

.footer-3  ul li a:hover{
   color:#286DEE;
   transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.footer-3  ul li a{
    color:#323A54;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.footer-3  ul li{
    width: 100%;
    position:relative;
    float: left;
    margin: 4px 0px;
    font-size: 15px;
}

.footer-6{
    width: 35px;
    height: 3px;
    position:relative;
    float: left;
    background: #286DEE;
}

.footer-5{
    width: 100%;
    height: 3px;
    position:relative;
    float: left;
    margin: 5px 0px 10px 0px;
}

.footer-4{
    width: 100%;
    position:relative;
    float: left;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 29px;
    text-align: left;
    letter-spacing: -0.02em;
    font-feature-settings: 'case' on;
    color: #314D88;
}

.footer-10{
    width: 100%;
    position:relative;
    float: right;
    text-align: right;
}

.footer-9{
    width: 100%;
    position:relative;
    float: right;
    text-align: right;
    margin: 15px 0px 6px 0%;
}

.footer-8{
    width: 100%;
    text-align: right;
    position:relative;
    float: right;
}

.footer-7{
    margin-top: 15px;
    width: 90px;
    position:relative;
    float: right;
}

.footer-03.footer-3{
    width: 33%;
}

.footer-3{
    width: 50%;
    position:relative;
    float: left;
    margin: 0px 0px 3% 0px;
}

.footer-2{
    width: 100%;
    position:relative;
    float: left;
    padding: 4% 0% 2% 0%;
    margin: 0px 0px 0% 0px;
}

.footer-1{
    width: 100%;
    position:relative;
    float: left;
    border-top: 1px #eee solid;
}

/*--logo--*/
.logo-5 img {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.logo-5:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.logo-5, .logo-5 img{
    height: 200px; 
}

.logo-5 img{
    width: 100% !important;
    height: 190px;
    object-fit: cover;
}

.logo-5{
    width: 47% !important;
    height: 190px;
    floaT: left;
    position:relative;
    overflow:hidden;
    background: #FFFFFF;
    box-shadow: 0px 1px 3px -1px rgba(26, 30, 49, 0.15);
    border-radius: 7px;
    margin: 0px 5px 10px 5px;
    text-align: center;
}

.logo-3{
    margin-top: 0%;
    width: 100%;
    floaT: left;
    position:relative;
    overflow:hidden;
}

.logo-1{
    width: 100%;
    position:relative;
    float: left;
    padding: 4% 0% 2% 0%;
    margin: 0px 0px 0% 0px;
    border-top: 1px #eee solid;
}

.proeqt-m-2:hover{ letter-spacing: 2px; box-shadow: #286DEE 0px 0px 10px 0px; animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}

.proeqt-m-3 {
    width: 10px;
    height: 22px;
    background: url(../images/win-1.svg) -10px 10px no-repeat;
    background-size: 18px;
    display: inline-block;
    position: relative;
    margin: 0px 0px 0px 0px;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.proeqt-m-1 {
    width: 190px;
    margin: auto;
}

.proeqt-m-2  {
    height: 52px;
    background: #286DEE;
    float: left;
    border-radius: 100px;
    width: 190px;
    margin: 5% 0px 4% 0px;
    text-align: center;
    line-height: 48px;
    height: 48px;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 100;
    font-size: 15px;
    text-align: center;
    letter-spacing: 0.03em;
    font-feature-settings: 'case' on;
    color: #FFFFFF;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.proeqt-7 .proeqt-11 {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-7:hover .proeqt-11 {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #286DEE;
}

.proeqt-7 img {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-7:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-6 h3{
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out; 
}


.proeqt-6:hover h3{
    color: #2770f1;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out; 
}


.proeqt-color-1{
    width: 81px;
    height: 81px;
    floaT: left;
    position:absolute;
    background: #286dee;
    border-radius: 100%;
    right: -55px;
    bottom: -55px;
}

.proeqt-12, .proeqt-12 h4{
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 35px;
    overflow:hidden;
    floaT: left;
    position:relative;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #314D88;
}

.proeqt-11, .proeqt-11 h3{
    margin: 0px 0px 3px 0px;
    width: 100%;
    floaT: left;
    position:relative;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 129.7%;
    text-align: center;
    text-transform: uppercase;
    color: #182E5D;
}

.proeqt-10{margin: 0px 5%;}

.proeqt-9{
    width: 100%;
    floaT: left;
    position:relative;
}

.proeqt-8 img{
    max-width: 250px;
    height: 150px;
    position:relative;
}

.proeqt-8{
    margin-top: 10px;
    width: 100%;
    height: 150px;
    floaT: left;
    position:relative;
    overflow:hidden;
}

.proeqt-7:hover{
    background: #FFFFFF;
    box-shadow: 0px 4px 18px -3px rgba(26, 30, 49, 0.25);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-7{
    width: 265px;
    height: 240px;
    floaT: left;
    position:relative;
    overflow:hidden;
    background: #FFFFFF;
    box-shadow: 0px 0px 0px 1px #eee;
    border-radius: 7px;
    margin: 0px 5px 10px 5px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-5, .logo-4{
    width: 103%;
    floaT: left;
    position:relative;
    margin: 0px 0px 0px -5px;
}

.proeqt-4{
    margin-top: 1%;
    width: 100%;
    floaT: left;
    position:relative;
}



.proeqt-1{
    width: 100%;
    floaT: left;
    position:relative;
    margin-top: 5%;
    margin-bottom: 2%;
}

.setvice-8 .setvice-icon-04.setvice-icon-1 {
    background: url(../images/icons-04.svg) center no-repeat;
}
.setvice-8 .setvice-icon-03.setvice-icon-1 {
    background: url(../images/icons-03.svg) center no-repeat;
}
.setvice-8 .setvice-icon-02.setvice-icon-1 {
    background: url(../images/icons-02.svg) center no-repeat;
}
.setvice-8 .setvice-icon-01.setvice-icon-1 {
    background: url(../images/icons-01.svg) center no-repeat;
}

.setvice-8 .setvice-12{
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8 .setvice-12, .setvice-8 .setvice-12 h3{
    color: #BCD4FF;
      transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8 .setvice-10{
    background: #4588FF;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}


.setvice-10{
       transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8 .setvice-14 {
    width: 10px;
    height: 21px;
    background: url(../images/win-1.svg) -10px 10px no-repeat;
    background-size: 17.4px;
    display: inline-block;
    position: relative;
    margin: 0px 0px 0px 0px;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-14 {
    width: 10px;
    height: 21px;
    background: url(../images/win-1.svg) 0px 10px no-repeat;
    background-size: 17.4px;
    display: inline-block;
    position: relative;
    margin: 0px 0px 0px 0px;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8  .setvice-13{
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
    color:#fff;
}

.setvice-13{
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8 {
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
    background: #286DEE;
}

.setvice-8 {
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-icon-04.setvice-icon-1 {
    background: url(../images/icons-4.svg) center no-repeat;
}
.setvice-icon-03.setvice-icon-1 {
    background: url(../images/icons-3.svg) center no-repeat;
}
.setvice-icon-02.setvice-icon-1 {
    background: url(../images/icons-2.svg) center no-repeat;
}
.setvice-icon-01.setvice-icon-1 {
    background: url(../images/icons-1.svg) center no-repeat;
}

.setvice-icon-1 {
    width: 100%;
    height: 90px;
    position: relative;
    margin: 0px 0px 0px 0px;
    float: left;
}

.setvice-13{
	text-align: center;
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 5% 0% 0% 0%;
    font-feature-settings: 'case' on;
    color: #8894AD;
    letter-spacing: 0.2px;
    font-family: font-2;
    font-size: 15px;
}

.setvice-12 b{
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 0% 0% 0% 0%;
    font-family: font-2;
}

.setvice-12, .setvice-12 h3{
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 0% 0% 0% 0%;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #152B5A;
}

.setvice-11{
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 10% 0% 0% 0%;
}

.setvice-10{
    width: 90px;
    height: 90px;
    background: #F1F5FF;
    position:relative;
    overflow:hidden;
    margin: 35px auto 0px auto;
    border-radius: 1000px;
}

.setvice-9 {
    margin: 0px 20px;
}

.setvice-7 {
    width: 102%;
    float: left;
    margin: 0px -1%;
}

.setvice-8 {
    width: 48%;
    height: 250px;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 0px 1%;
    border-radius: 10px;
    margin-top: 1px;
    margin-bottom: 2%;
}

.setvice-4 {
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 2.5% 0% 0% 0%;
}

.setvice-3, .setvice-3 h2, .setvice-3 h6{
    width: 100%;
    position:relative;
    float: left;
    margin: 0% 0% 1.5% 0%;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #314D88;
    font-feature-settings: 'case' on;
}

.setvice-2, .setvice-2 h2, .setvice-2 h3, .setvice-2 h4, .setvice-2 h5, .setvice-2 h6{
    width: 100%;
    position:relative;
    float: left;
    margin: 0.5% 0% 0% 0%;
    font-family: 'font-1';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #314D88;
    font-feature-settings: 'case' on;
}

.setvice-1{
    width: 100%;
    position:relative;
    float: left;
}

.setvice-0{
    width: 100%;
    position:relative;
    float: left;
    padding: 4% 0% 4% 0%;
    margin: 0px 0px 0% 0px;
    border-top: 1px #eee solid;
    border-bottom: 1px #eee solid;
}


.header-12 .header-a-1:hover span {
    color:#286DEE !important;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 .header-a-1 sspan {
    position: absolute;
    width: 0px;
    height: 100%;
    floaT: left;
    left: 0px;
    line-height: 100px;
    color: #fff;
    line-height: 52px;
    font-size: 14px;
    background: #ffffff;
    margin: 0px 0px 0px 0px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 span{
    position:relative;
    z-index:1;
}

.header-12 span {
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 a:hover span {
    color:#fff;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 a:hover sspan {
    width: 100%;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 sspan {
    position: absolute;
    width: 0%;
    height: 100%;
    floaT: left;
    bottom: 0px;
    left: 0px;
    line-height: 100px;
    color: #fff;
    line-height: 52px;
    font-size: 14px;
    background: #286DEE;
    margin: 0px 0px 0px 0px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12{
    width: 100%;
    position:relative;
    float: left;
    padding: 4% 0px 5% 0px;
}

.header-17{
    font-family: 'font-2';
}

.header-15{
    text-align: left;
    position:relative;
    float: left;
    lefT: 2px;
    margin: 0px 0px 0px 18px;
    padding: 0px 0px 0px 18px;
    border-left: 1px #D9D9D9 solid;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.02em;
    font-feature-settings: 'case' on;
    color: #314D88;
}

.header-14{
    width: 57px;
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    letter-spacing: -0.02em;
    color: #286DEE;
}

.header-13{/* display: none; */}

.header-12 .header-a-2 {
    color: #286DEE !important;
    background: #ffffff;
    border: 2px #286DEE solid;
    margin: 0% 0px 0px 15px;
}

.header-12 a{
    float: left;
    border: 2px #286DEE solid;
    background: #286DEE;
    line-height: 47px;
    height: 46px;
    position:relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 26px;
    border-radius: 5px;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 100;
    font-size: 15px;
    text-align: center;
    letter-spacing: 0.3px;
    font-feature-settings: 'case' on;
    color: #FFFFFF;
}

.header-13{
    width: 100%;
    position:relative;
    float: left;
    margin: 0% 0px 5% 0px;
    padding: 0px 0px 0px 0px;
}


.header-11{
    width: 100%;
    position:relative;
    float: left;
    margin: 0% 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.header-10 p{
display: block !important;    
font-family: 'Helvetica Neue LT GEO';
font-style: normal;
font-weight: 100;
font-size: 15px;
line-height: 22px;
letter-spacing: -0.01em;
color: #152B5A;
margin: 0px 0px 0px 0px;
text-align: left;
}


.header-10 h1{font-family: 'font-2';font-style: normal;font-weight: 700;font-size: 23px;line-height: 40px;letter-spacing: -0.01em;color: #152B5A;margin: 0px 0px 2px 0px;text-align: left;}

.header-19 svg{
	lefT: -33px;
    width: 250px;
    height: 250px;
    position:relative;
}

.header-19 {
    width: 205px;
    height: 228px;
    color:#fff;
    float: right;
    position: absolute;
    margin: 0px 0px 0px 0px;
    z-index:1;
    bottom: 42px;
    left: -10px;
}

.header-21{
    width: 100%;
    height: 100%;
    background:#2770F1;
    position:absolute;
    lefT: 0px;
    top: 0px;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    opacity: 10%;
}

.header-20, .header-20 img{
    width: 415px;
    /* height: 370px; */
    overflow:hidden;
    border-radius: 30px 30px 30px 0px;
}

.header-20{
    position:relative;
    line-height: 0px;
    float: right;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
}

.header-18 img{
    object-fit: cover;
    width:100%;
    line-height: 0px;
}

.header-18{
    /* display: none; */
    width: 100%;
    position:relative;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.header-10{
    text-align: center;
    width: 100%;
    position:relative;
    float: left;
    margin: 1% 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.header-9{
    width: 100%;
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 4% 0% 0% 0%;
}

.header-8{
    margin-top: 81px;
    width: 100%;
    position:relative;
    float: left;
}

#cssmenu ul li:hover::before, #cssmenu ul li:hover::after{ 
    width: 15px !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.header-6 {
    width: 25px;
    height: 46px;
    background: url(../images/phone-01.svg) center no-repeat;
    margin: 0px 6px 0px 0px;
    display:  inline-block;
    floaT: left;
}

.header-5 {
    line-height: 46px;
    height: 46px;
    color:#2770F1;
    float: right;
    position: relative;
    margin: 0px 0px;
    border-radius: 100px;
    font-family: font-2;
    letter-spacing: 0.5px;
    font-size: 15.3px;
}

.fb-like-1 .header-ffb{
	position: absolute;
	top: 13px;
	lefT: -190px;
	z-index:1;
}
	
.header-4 {
    width: 40%;
    float: right;
    position: relative;
    margin: 17px 0px;
}

#cssmenu ul .cssmenu-color::before, #cssmenu ul .cssmenu-color::after{ 
    width: 15px !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

#cssmenu ul li::after{ 
    width: 15px;
    height: 3px;    
    bottom: 2px !important;  
    position: absolute;
    background: #2770F1 ;
    content: "";
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    lefT: 50% !important;
}

#cssmenu ul li::before{ 
    width: 0px;
    height: 3px;    
    bottom: 2px !important;  
    position: absolute;
    background: #2770F1;
    content: "";
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    right: 50% !important;
}

#cssmenu ul li::after{ 
    width: 0px;
    height: 3px;    
    margin: 30px 0px 0px 0px;    position: absolute;
    background: #2770F1 ;
    content: "";
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    lefT: 50% !important;
}


.header-3 ul .cssmenu-color a{
color: #ffffff;
}

.header-3 ul li a:hover{
color: #ffffff !important;
-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.header-3 ul li a{
color: #c1c6d9;
-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}
.header-3 ul li a{
 position: relative;
}

.header-3 ul li a{
    position: relative;
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 18px;
}


.llogo-1 {
    width: 65px;
    margin: auto;
    float: left;
    margin: 0px 0px 0px 55px;
}

.llogo-2 {
    float: left;
    position: relative;
    margin: 22px 0px;
}

.header-1 {
    z-index:99;
    float: left;
    position: fixed;
    widtH: 100%;
    height: 80px;
    color: #323A54;
    background:#ffffff;
    border-bottom: 1px #eee solid;
}
}


@media (min-width: 810px) and (max-width: 1000px){
#cssmenu ul li  {
    width: 100%;
    floaT: left;
    margin: 12px 0px;
}

.outer-menu {
    position: absolute;
    top: 20px;
    left: 0px;
    z-index: 1;
}
.outer-menu .checkbox-toggle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    cursor: pointer;
    width: 43px;
    height: 43px;
    opacity: 0;
}
.outer-menu .checkbox-toggle:checked + .hamburger > div {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.outer-menu .checkbox-toggle:checked + .hamburger > div {
    background: #ffffff;
}

.outer-menu .checkbox-toggle:checked + .hamburger > div:after,
.outer-menu .checkbox-toggle:checked + .hamburger > div:before {
    top: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
    opacity: 0;
}
.outer-menu .checkbox-toggle:checked ~ .menu {
    pointer-events: auto;
    visibility: visible;
}
.outer-menu .checkbox-toggle:checked ~ .menu > div {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 0.75s;
    transition-duration: 0.75s;
}
.outer-menu .checkbox-toggle:checked ~ .menu > div > div {
    opacity: 1;
    -webkit-transition: opacity 0.4s ease 0.4s;
    transition: opacity 0.4s ease 0.4s;
}
.outer-menu .checkbox-toggle:hover + .hamburger {
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}
.outer-menu .checkbox-toggle:checked:hover + .hamburger > div {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.outer-menu .hamburger {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 30px;
    height: 40px;
    padding: 0.0em 6px;
    background: 0 0;
    box-shadow: none !important;
    border-radius: 0 0.12em 0.12em 0;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .hamburger > div {
    position: relative;
    -webkit-box-flex: 0;
    flex: none;
    width: 100%;
    height: 3px;
    background: #2770F1;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .hamburger > div:after,
.outer-menu .hamburger > div:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -10px;
    left: 0;
    width: 100%;
    height: 3px;
    background: inherit;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.outer-menu .hamburger > div:after {
    top: 10px;
}
.outer-menu .menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    visibility: hidden;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 1px solid transparent;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .menu > div {
    width: 240vw;
    height: 240vw;
    color: #fefefe;
    background: rgb(40 51 74 / 95%);
    border-radius: 100%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-flex: 0;
    flex: none;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .menu > div > div {
    text-align: center;
    max-width: 90vw;
    max-height: 100vh;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    overflow-y: auto;
    -webkit-box-flex: 0;
    flex: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .menu > div > div > ul {
    list-style: none;
    padding: 0 1em;
    margin: 0;
    display: block;
    max-height: 100vh;
}
.outer-menu .menu > div > div > ul > li {
    padding: 0;
    margin: 1em;
    font-size: 24px;
    display: block;
}
.outer-menu .menu > div > div > ul > li > a {
    position: relative;
    display: inline;
    cursor: pointer;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
    font-family: Mbold;
    color: #fff;
    font-size: 16px;
}
.outer-menu .menu > div > div > ul > li.host {
    margin-top: 40px;
}
.outer-menu .menu > div > div > ul > li > a:hover {
    color: #e5e5e5;
}
.outer-menu .menu > div > div > ul > li > a:hover:after {
    width: 100%;
}
.outer-menu .menu > div > div > ul > li > a:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: #fed501;
    -webkit-transition: width 0.4s ease;
    transition: width 0.4s ease;
}

.fancybox-container {
    z-index: 9999;
}



.eroris-2 {
    margin: 0% 5%;
}

.eroris-5 {
    font-family: font-1;
    font-size: 15px;
    margin: 0px 0px 10px 0px;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}


.eroris-4 {
    font-family: font-2;
    font-size: 17px;
    margin: 5px 0px 7px 0px;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}


.eroris-3 {
    font-family: font-1;
    font-size: 50px;
    margin: 0% 0% 0% 0%;
    width: 100%;
    floaT: left;
    position:relative;
    color: #2770f1;
}


.eroris-1 {
    font-family: font-1;
    font-size: 15px;
    margin: 0% 0% 0% 0%;
    padding: 7% 0%;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}



.logo-z-1 .setvice-3 h6{
    color:#ABC9FF;
}
.logo-z-1 .setvice-2 h5{
    color:#fff;
}

.logo-z-1.logo-1{
    margin: -260px 0% 0% 0%;
    padding: 3% 0% 10px 0%;
}



.header-19{animation-duration:.75s;}
@keyframes bounce{from, 20%, 53%, 80%, to{animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transform:translate3d(0,0,0);}
40%, 43%{animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transform:translate3d(0, -30px, 0);}
70%{animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transform:translate3d(0, -15px, 0);}
90%{transform:translate3d(0,-4px,0);}
}

.header-19{
animation-name:bounce;transform-origin:center bottom;}
@keyframes flash{from, 50%, to{opacity:1;}
25%, 75%{opacity:0;}
}

/*--footer--*/
.footer-3 svg {
    width: 16px;
    height: 20px;
    margin: 0px 7px 0px 0px;
    display:  inline-block;
    floaT: left;
}

.footer-3  ul li a:hover{
   color:#286DEE;
   transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.footer-3  ul li a{
    color:#323A54;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.footer-3  ul li{
    width: 100%;
    position:relative;
    float: left;
    margin: 4px 0px;
    font-size: 15px;
}

.footer-6{
    width: 35px;
    height: 3px;
    position:relative;
    float: left;
    background: #286DEE;
}

.footer-5{
    width: 100%;
    height: 3px;
    position:relative;
    float: left;
    margin: 5px 0px 10px 0px;
}
body .footer-app-1{
	margin: -5px 0px 40px 0px;
	padding: 20px 0px;
}

.footer-4{
    width: 100%;
    position:relative;
    float: left;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 29px;
    text-align: left;
    letter-spacing: -0.02em;
    font-feature-settings: 'case' on;
    color: #314D88;
}

.footer-10{
    width: 100%;
    position:relative;
    float: right;
    text-align: right;
}

.footer-9{
    width: 100%;
    position:relative;
    float: right;
    text-align: right;
    margin: 20px 0%;
}

.footer-8{
    width: 100%;
    text-align: right;
    position:relative;
    float: right;
}

.footer-7{
    width: 90px;
    position:relative;
    float: right;
}

.footer-03.footer-3{
    width: 33%;
}

.footer-3{
    width: 22%;
    position:relative;
    float: left;
    margin: 0px 0px 0% 0px;
}

.footer-2{
    width: 100%;
    position:relative;
    float: left;
    padding: 4% 0% 3% 0%;
    margin: 0px 0px 0% 0px;
}

.footer-1{
    width: 100%;
    position:relative;
    float: left;
    border-top: 1px #eee solid;
}

/*--logo--*/
.logo-5 img {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.logo-5:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.logo-5, .logo-5 img{
    height: 200px; 
}

.logo-5 img{
    width: 100% !important;
    height: 170px;
    object-fit: cover;
}

.logo-5{
    width: 31.5% !important;
    height: 170px;
    floaT: left;
    position:relative;
    overflow:hidden;
    background: #FFFFFF;
    box-shadow: 0px 4px 18px -3px rgba(26, 30, 49, 0.15);
    border-radius: 7px;
    margin: 0px 5px 10px 5px;
    text-align: center;
}

.logo-3{
    margin-top: 3.5%;
    width: 100%;
    floaT: left;
    position:relative;
    overflow:hidden;
}

.logo-1{
    width: 100%;
    position:relative;
    float: left;
    padding: 3.5% 0% 2% 0%;
    margin: 0px 0px 0% 0px;
    border-top: 1px #eee solid;
}

.proeqt-m-2:hover{ letter-spacing: 2px; box-shadow: #286DEE 0px 0px 10px 0px; animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}

.proeqt-m-3 {
    width: 10px;
    height: 22px;
    background: url(../images/win-1.svg) -10px 10px no-repeat;
    background-size: 18px;
    display: inline-block;
    position: relative;
    margin: 0px 0px 0px 0px;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.proeqt-m-1 {
    width: 220px;
    margin: auto;
}

.proeqt-m-2  {
    height: 52px;
    background: #286DEE;
    float: left;
    border-radius: 100px;
    width: 220px;
    margin: 5% 0px 4% 0px;
    text-align: center;
    line-height: 48px;
    height: 48px;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
    color: #FFFFFF;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.proeqt-7 .proeqt-11 {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-7:hover .proeqt-11 {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #286DEE;
}

.proeqt-7 img {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-7:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-6 h3{
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out; 
}


.proeqt-6:hover h3{
    color: #2770f1;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out; 
}


.proeqt-color-1{
    width: 101px;
    height: 101px;
    floaT: left;
    position:absolute;
    background: #286dee;
    border-radius: 100%;
    right: -65px;
    bottom: -65px;
}

.proeqt-12, .proeqt-12 h4{
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 39px;
    overflow:hidden;
    floaT: left;
    position:relative;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 129.7%;
    text-align: center;
    color: #314D88;
}

.proeqt-11, .proeqt-11 h3{
    margin: 0px 0px 0px 0px;
    width: 100%;
    floaT: left;
    position:relative;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 129.7%;
    text-align: center;
    text-transform: uppercase;
    color: #182E5D;
}

.proeqt-10{margin: 0px 6%;}

.proeqt-9{
    width: 100%;
    floaT: left;
    position:relative;
}

.proeqt-8 img{
    max-width: 350px;
    height: 190px;
    position:relative;
}

.proeqt-8{
    margin-top: 20px;
    width: 100%;
    height: 185px;
    floaT: left;
    position:relative;
    overflow:hidden;
}

.proeqt-7:hover{
    background: #FFFFFF;
    box-shadow: 0px 4px 18px -3px rgba(26, 30, 49, 0.25);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-7{
    width: 366px;
    height: 280px;
    floaT: left;
    position:relative;
    overflow:hidden;
    background: #FFFFFF;
    box-shadow: 0px 2px 18px -3px rgba(26, 30, 49, 0.15);
    border-radius: 7px;
    margin: 0px 10px 20px 10px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-5, .logo-4{
    width: 103%;
    floaT: left;
    position:relative;
    margin: 0px 0px 0px -5px;
}

.proeqt-4{
    margin-top: 4%;
    width: 100%;
    floaT: left;
    position:relative;
}

.proeqt-1{
    width: 100%;
    floaT: left;
    position:relative;
    margin-top: 4%;
    margin-bottom: 2%;
}

.setvice-8:hover .setvice-icon-04.setvice-icon-1 {
    background: url(../images/icons-04.svg) center no-repeat;
}
.setvice-8:hover .setvice-icon-03.setvice-icon-1 {
    background: url(../images/icons-03.svg) center no-repeat;
}
.setvice-8:hover .setvice-icon-02.setvice-icon-1 {
    background: url(../images/icons-02.svg) center no-repeat;
}
.setvice-8:hover .setvice-icon-01.setvice-icon-1 {
    background: url(../images/icons-01.svg) center no-repeat;
}

.setvice-8 .setvice-12{
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8:hover .setvice-12, .setvice-8:hover .setvice-12 h3{
    color: #BCD4FF;
      transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8:hover .setvice-10{
    background: #4588FF;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}


.setvice-10{
       transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8:hover .setvice-14 {
    width: 10px;
    height: 21px;
    background: url(../images/win-1.svg) -10px 10px no-repeat;
    background-size: 17.4px;
    display: inline-block;
    position: relative;
    margin: 0px 0px 0px 0px;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-14 {
    width: 10px;
    height: 21px;
    background: url(../images/win-1.svg) 0px 10px no-repeat;
    background-size: 17.4px;
    display: inline-block;
    position: relative;
    margin: 0px 0px 0px 0px;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8:hover  .setvice-13{
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
    color:#fff;
}

.setvice-13{
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8:hover {
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
    background: #286DEE;
}

.setvice-8 {
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-icon-04.setvice-icon-1 {
    background: url(../images/icons-4.svg) center no-repeat;
}
.setvice-icon-03.setvice-icon-1 {
    background: url(../images/icons-3.svg) center no-repeat;
}
.setvice-icon-02.setvice-icon-1 {
    background: url(../images/icons-2.svg) center no-repeat;
}
.setvice-icon-01.setvice-icon-1 {
    background: url(../images/icons-1.svg) center no-repeat;
}

.setvice-icon-1 {
    width: 100%;
    height: 90px;
    position: relative;
    margin: 0px 0px 0px 0px;
    float: left;
}

.setvice-13{
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 4% 0% 0% 0%;
    font-feature-settings: 'case' on;
    color: #8894AD;
    letter-spacing: 0.2px;
    font-family: font-2;
    font-size: 14px;
}

.setvice-12 b{
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 0% 0% 0% 0%;
    font-family: font-2;
}

.setvice-12, .setvice-12 h3{
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 0% 0% 0% 0%;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #152B5A;
}

.setvice-11{
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 6% 0% 0% 0%;
}

.setvice-10{
    width: 90px;
    height: 90px;
    background: #F1F5FF;
    position:relative;
    overflow:hidden;
    margin: 32px auto 0px auto;
    border-radius: 10px;
}

.setvice-9 {
    margin: 0px 20px;
}

.setvice-7 {
    width: 103%;
    float: left;
    margin: 0px 5px;
}

.setvice-8 {
    width: 47.3%;
    height: 260px;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 0px 5px 10px 5px;
    text-align: center;
    border-radius: 10px;
    margin-top: 1px;
    margin-bottom: 10px;
}

.setvice-4 {
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 2.5% 0% 0% 0%;
}

.setvice-3, .setvice-3 h2, .setvice-3 h6{
    width: 100%;
    position:relative;
    float: left;
    margin: 0% 0% 0% 0%;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #314D88;
    font-feature-settings: 'case' on;
}

.setvice-2, .setvice-2 h2, .setvice-2 h3, .setvice-2 h4, .setvice-2 h5, .setvice-2 h6{
    width: 100%;
    position:relative;
    float: left;
    margin: 0% 0% 0% 0%;
    font-family: 'font-1';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #314D88;
    font-feature-settings: 'case' on;
}

.setvice-1{
    width: 100%;
    position:relative;
    float: left;
}

.setvice-0{
    width: 100%;
    position:relative;
    float: left;
    padding: 3% 0% 2% 0%;
    margin: 0px 0px 0% 0px;
    border-top: 1px #eee solid;
    border-bottom: 1px #eee solid;
}



.header-12 .header-a-1:hover span {
    color:#286DEE !important;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 .header-a-1 sspan {
    position: absolute;
    width: 0px;
    height: 100%;
    floaT: left;
    left: 0px;
    line-height: 100px;
    color: #fff;
    line-height: 52px;
    font-size: 14px;
    background: #ffffff;
    margin: 0px 0px 0px 0px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 span{
    position:relative;
    z-index:1;
}

.header-12 span {
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 a:hover span {
    color:#fff;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 a:hover sspan {
    width: 100%;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 sspan {
    position: absolute;
    width: 0%;
    height: 100%;
    floaT: left;
    bottom: 0px;
    left: 0px;
    line-height: 100px;
    color: #fff;
    line-height: 52px;
    font-size: 14px;
    background: #286DEE;
    margin: 0px 0px 0px 0px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12{
    width: 100%;
    position:relative;
    float: left;
    padding: 4% 0px 15% 0px;
}

.header-17{
    font-family: 'font-2';
}

.header-15{
    position:relative;
    float: left;
    margin: 0px 0px 0px 18px;
    padding: 0px 0px 0px 18px;
    border-left: 1px #D9D9D9 solid;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.02em;
    font-feature-settings: 'case' on;
    color: #314D88;
}

.header-14{
    width: 57px;
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    letter-spacing: -0.02em;
    color: #286DEE;
}

.header-13{
    width: 100%;
    position:relative;
    float: left;
}

.header-12 .header-a-2 {
    color: #286DEE !important;
    background: #ffffff;
    border: 2px #286DEE solid;
    margin: 0% 0px 0px 15px;
}

.header-12 a{
    border: 2px #286DEE solid;
    background: #286DEE;
    line-height: 47px;
    height: 46px;
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 26px;
    border-radius: 4px;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    text-align: center;
    letter-spacing: -0.01em;
    font-feature-settings: 'case' on;
    color: #FFFFFF;
}

.header-11{
    width: 100%;
    position:relative;
    float: left;
    margin: 10% 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.header-10 h1 span span span{
color: #566B99;
font-family: font-1;
}

.header-10 h1 span span{
color: #314D88;
}

.header-10 h1 span, .header-10 h1 span span, .header-10 h1 span span span{
width: 100%;
floaT: left;
}

.header-10 h1{font-family: font-2;font-style: normal;font-weight: 700;font-size: 40px;line-height: 50px;letter-spacing: -0.01em;color: #152B5A;margin: 0px 0px 0px 0px;}

.header-19 svg{
    width: 205px;
    height: 160px;
}

.header-19 {
    width: 205px;
    height: 228px;
    color:#fff;
    float: right;
    position: absolute;
    margin: 0px 0px 0px 0px;
    z-index:1;
    bottom: -68px;
    left: -100px;
}

.header-21{
    width: 100%;
    height: 100%;
    background:#2770F1;
    position:absolute;
    lefT: 0px;
    top: 0px;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    opacity: 10%;
}

.header-20, .header-20 img{
    width: 350px;
    height: 370px;
    overflow:hidden;
    border-radius: 50px 10px 50px 0px;
}

.header-20{
    position:relative;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.header-18 img{
    object-fit: cover;
    width:100%;
    line-height: 0px;
}

.header-18{
    width: 50%;
    position:relative;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.header-10{
    width: 50%;
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.header-9{
    width: 100%;
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 4% 0%;
}

.header-8{
    margin-top: 81px;
    width: 100%;
    position:relative;
    float: left;
}

#cssmenu ul li:hover::before, #cssmenu ul li:hover::after{ 
    width: 15px !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.header-6 {
    width: 25px;
    height: 46px;
    background: url(../images/phone-1.svg) center no-repeat;
    margin: 0px 6px 0px 0px;
    display:  inline-block;
    floaT: left;
}

.header-5 {
    line-height: 40px;
    height: 40px;
    background:#2770F1;
    color:#fff;
    float: right;
    position: relative;
    margin: 3px 0px;
    border-radius: 100px;
    padding: 0px 20px 0px 20px;
    font-family: font-1;
    letter-spacing: 0.5px;
    font-size: 15px;
}

.header-4 {
    width: 40%;
    float: right;
    position: relative;
    margin: 17px 0px;
}

#cssmenu ul .cssmenu-color::before, #cssmenu ul .cssmenu-color::after{ 
    width: 15px !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

#cssmenu ul li::after{ 
    width: 15px;
    height: 3px;    
    bottom: 2px !important;  
    position: absolute;
    background: #2770F1 ;
    content: "";
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    lefT: 50% !important;
}

#cssmenu ul li::before{ 
    width: 0px;
    height: 3px;    
    bottom: 2px !important;  
    position: absolute;
    background: #2770F1;
    content: "";
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    right: 50% !important;
}

#cssmenu ul li::after{ 
    width: 0px;
    height: 3px;    
    margin: 30px 0px 0px 0px;    position: absolute;
    background: #2770F1 ;
    content: "";
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    lefT: 50% !important;
}


.header-3 ul .cssmenu-color a{
color: #ffffff;
}

.header-3 ul li a:hover{
color: #ffffff !important;
-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.header-3 ul li a{
color: #c1c6d9;
-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}
.header-3 ul li a{
 position: relative;
}

.header-3 ul li a{
    position: relative;
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 20px;
}


.llogo-1 {
    width: 65px;
    margin: auto;
}

.llogo-2 {
    float: left;
    position: relative;
    margin: 22px 0px;
}


.fb-like-1 .header-ffb{
	position: absolute;
	top: 13px;
	lefT: -400px;
	z-index:1;
}

	
.header-1 {
    z-index:99;
    float: left;
    position: fixed;
    widtH: 100%;
    height: 80px;
    color: #323A54;
    background:#ffffff;
    border-bottom: 1px #eee solid;
}
}




@media (min-width: 1000px) and (max-width: 1075px){
.eroris-2 {
    margin: 0% 5%;
}

.eroris-5 {
    font-family: font-1;
    font-size: 15px;
    margin: 0px 0px 10px 0px;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}


.eroris-4 {
    font-family: font-2;
    font-size: 17px;
    margin: 5px 0px 7px 0px;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}


.eroris-3 {
    font-family: font-1;
    font-size: 50px;
    margin: 0% 0% 0% 0%;
    width: 100%;
    floaT: left;
    position:relative;
    color: #2770f1;
}


.eroris-1 {
    font-family: font-1;
    font-size: 15px;
    margin: 0% 0% 0% 0%;
    padding: 7% 0%;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}



.logo-z-1 .setvice-3 h6{
    color:#ABC9FF;
}
.logo-z-1 .setvice-2 h5{
    color:#fff;
}

.logo-z-1.logo-1{
    margin: -260px 0% 0% 0%;
    padding: 3% 0% 10px 0%;
}


.header-5 {
    border-radius: 100px;
    border: none;
    -webkit-box-shadow: 0 0 0 0 rgb(39 112 241 / 50%);
    box-shadow: 0 0 0 0 #2770f1;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.53);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
@-webkit-keyframes pulse {
    to {
        -webkit-box-shadow: 0 0 0 25px rgba(0, 125, 205, 0);
        box-shadow: 0 0 0 25px rgba(0, 125, 205, 0);
    }
}
@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 25px rgba(0, 125, 205, 0);
    }
}
@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 25px rgba(0, 125, 205, 0);
    }
}
@keyframes pulse {
    to {
        -webkit-box-shadow: 0 0 0 25px rgba(0, 125, 205, 0);
        box-shadow: 0 0 0 25px rgba(0, 125, 205, 0);
    }
}



.header-19{animation-duration:.75s;}
@keyframes bounce{from, 20%, 53%, 80%, to{animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transform:translate3d(0,0,0);}
40%, 43%{animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transform:translate3d(0, -30px, 0);}
70%{animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transform:translate3d(0, -15px, 0);}
90%{transform:translate3d(0,-4px,0);}
}

.header-19{
animation-name:bounce;transform-origin:center bottom;}
@keyframes flash{from, 50%, to{opacity:1;}
25%, 75%{opacity:0;}
}

/*--footer--*/
.footer-3 svg {
    width: 16px;
    height: 20px;
    margin: 0px 7px 0px 0px;
    display:  inline-block;
    floaT: left;
}

.footer-3  ul li a:hover{
   color:#286DEE;
   transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.footer-3  ul li a{
    color:#323A54;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.footer-3  ul li{
    width: 100%;
    position:relative;
    float: left;
    margin: 4px 0px;
    font-size: 15px;
}

.footer-6{
    width: 35px;
    height: 3px;
    position:relative;
    float: left;
    background: #286DEE;
}

.footer-5{
    width: 100%;
    height: 3px;
    position:relative;
    float: left;
    margin: 5px 0px 10px 0px;
}

.footer-4{
    width: 100%;
    position:relative;
    float: left;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-align: left;
    letter-spacing: -0.02em;
    font-feature-settings: 'case' on;
    color: #314D88;
}

.footer-10{
    width: 100%;
    position:relative;
    float: right;
    text-align: right;
}

.footer-9{
    width: 100%;
    position:relative;
    float: right;
    text-align: right;
    margin: 20px 0%;
}

.footer-8{
    width: 100%;
    text-align: right;
    position:relative;
    float: right;
}

.footer-7{
    position:relative;
    float: right;
}

.footer-03.footer-3{
    width: 28%;
}

.footer-3{
    width: 22%;
    position:relative;
    float: left;
    margin: 0px 0px 0% 0px;
}

.footer-2{
    width: 100%;
    position:relative;
    float: left;
    padding: 4% 0% 3% 0%;
    margin: 0px 0px 0% 0px;
}

.footer-1{
    width: 100%;
    position:relative;
    float: left;
    border-top: 1px #eee solid;
}

/*--logo--*/
.logo-5 img {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.logo-5:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.logo-5, .logo-5 img{
    height: 200px; 
}

.logo-5 img{
    width: 100% !important;
    height: 170px;
    object-fit: cover;
}
.logo-1 .logo-5 img{
    height: 170px;
}
.logo-5{
    width: 22.9% !important;
    height: 170px;
    floaT: left;
    position:relative;
    overflow:hidden;
    background: #FFFFFF;
    box-shadow: 0px 4px 18px -3px rgba(26, 30, 49, 0.15);
    border-radius: 10px;
    margin: 0px 10px 20px 10px;
    text-align: center;
}

.logo-3{
    margin-top: 3.5%;
    width: 100%;
    floaT: left;
    position:relative;
    overflow:hidden;
}

.logo-1{
    width: 100%;
    position:relative;
    float: left;
    padding: 3.5% 0% 2% 0%;
    margin: 0px 0px 0% 0px;
    border-top: 1px #eee solid;
}

.proeqt-m-2:hover{ letter-spacing: 2px; box-shadow: #286DEE 0px 0px 10px 0px; animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}

.proeqt-m-3 {
    width: 10px;
    height: 22px;
    background: url(../images/win-1.svg) -10px 10px no-repeat;
    background-size: 18px;
    display: inline-block;
    position: relative;
    margin: 0px 0px 0px 0px;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.proeqt-m-1 {
    width: 220px;
    margin: auto;
}

.proeqt-m-2  {
    height: 52px;
    background: #286DEE;
    float: left;
    border-radius: 100px;
    width: 220px;
    margin: 5% 0px 4% 0px;
    text-align: center;
    line-height: 48px;
    height: 48px;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
    color: #FFFFFF;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.proeqt-7 .proeqt-11 {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-7:hover .proeqt-11 {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #286DEE;
}

.proeqt-7 img {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-7:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-6 h3{
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out; 
}


.proeqt-6:hover h3{
    color: #2770f1;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out; 
}


.proeqt-color-1{
    width: 171px;
    height: 171px;
    floaT: left;
    position:absolute;
    background: #fff;
    border-radius: 100%;
    right: -115px;
    bottom: -115px;
}

.proeqt-12, .proeqt-12 h4{
    margin: 0px 0px 0px 0px;
    width: 100%;
        height: 39px;
    overflow:hidden;
    floaT: left;
    position:relative;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 129.7%;
    text-align: center;
    letter-spacing: -0.02em;
    color: #314D88;
}

.proeqt-11, .proeqt-11 h3{
    margin: 0px 0px 0px 0px;
    width: 100%;
    floaT: left;
    position:relative;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 129.7%;
    text-align: center;
    text-transform: uppercase;
    color: #182E5D;
}

.proeqt-10{
margin: 0px 20px;
}

.proeqt-9{
    width: 100%;
    floaT: left;
    position:relative;
}

.proeqt-8 img{
    max-width: 366px;
    height: 239px;
    position:relative;
}

.proeqt-8{
    margin-top: 15px;
    width: 100%;
    height: 225px;
    floaT: left;
    position:relative;
    overflow:hidden;
}

.proeqt-7:hover{
    background: #FFFFFF;
    box-shadow: 0px 4px 18px -3px rgba(26, 30, 49, 0.25);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-7{
    width: 470px;
    height: 315px;
    floaT: left;
    position:relative;
    overflow:hidden;
    background: #FFFFFF;
    box-shadow: 0px 2px 18px -3px rgba(26, 30, 49, 0.15);
    border-radius: 10px;
    margin: 0px 10px 20px 10px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-5, .logo-4{
    width: 102.1%;
    floaT: left;
    position:relative;
    margin: 0px 0px 0px -10px;
}

.proeqt-4{
    margin-top: 4%;
    width: 100%;
    floaT: left;
    position:relative;
}

.proeqt-1{
    width: 100%;
    floaT: left;
    position:relative;
    margin-top: 4%;
    margin-bottom: 2%;
}

.setvice-8:hover .setvice-icon-04.setvice-icon-1 {
    background: url(../images/icons-04.svg) center no-repeat;
}
.setvice-8:hover .setvice-icon-03.setvice-icon-1 {
    background: url(../images/icons-03.svg) center no-repeat;
}
.setvice-8:hover .setvice-icon-02.setvice-icon-1 {
    background: url(../images/icons-02.svg) center no-repeat;
}
.setvice-8:hover .setvice-icon-01.setvice-icon-1 {
    background: url(../images/icons-01.svg) center no-repeat;
}

.setvice-8 .setvice-12{
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8:hover .setvice-12, .setvice-8:hover .setvice-12 h3{
    color: #BCD4FF;
      transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8:hover .setvice-10{
    background: #4588FF;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}


.setvice-10{
       transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8:hover .setvice-14 {
    width: 10px;
    height: 21px;
    background: url(../images/win-1.svg) -10px 10px no-repeat;
    background-size: 17.4px;
    display: inline-block;
    position: relative;
    margin: 0px 0px 0px 0px;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-14 {
    width: 10px;
    height: 21px;
    background: url(../images/win-1.svg) 0px 10px no-repeat;
    background-size: 17.4px;
    display: inline-block;
    position: relative;
    margin: 0px 0px 0px 0px;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8:hover  .setvice-13{
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
    color:#fff;
}

.setvice-13{
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8:hover {
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
    background: #286DEE;
}

.setvice-8 {
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-icon-04.setvice-icon-1 {
    background: url(../images/icons-4.svg) center no-repeat;
}
.setvice-icon-03.setvice-icon-1 {
    background: url(../images/icons-3.svg) center no-repeat;
}
.setvice-icon-02.setvice-icon-1 {
    background: url(../images/icons-2.svg) center no-repeat;
}
.setvice-icon-01.setvice-icon-1 {
    background: url(../images/icons-1.svg) center no-repeat;
}

.setvice-icon-1 {
    width: 100%;
    height: 90px;
    position: relative;
    margin: 0px 0px 0px 0px;
    float: left;
}

.setvice-13{
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 6% 0% 0% 0%;
    font-feature-settings: 'case' on;
    color: #8894AD;
    letter-spacing: 0.2px;
    font-family: font-2;
    font-size: 14px;
}

.setvice-12 b{
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 0% 0% 0% 0%;
    font-family: font-2;
}

.setvice-12, .setvice-12 h3{
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 0% 0% 0% 0%;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #152B5A;
}

.setvice-11{
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 10% 0% 0% 0%;
}

.setvice-10{
    width: 90px;
    height: 90px;
    background: #F1F5FF;
    position:relative;
    overflow:hidden;
    margin: 35px auto 0px auto;
    border-radius: 10px;
}

.setvice-9 {
    margin: 0px 20px;
}

.setvice-7 {
    width: 103%;
    float: left;
    margin: 0px 5px;
}

.setvice-8 {
    width: 230px;
    height: 260px;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 0px 5px;
    text-align: center;
    border-radius: 10px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.setvice-4 {
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 2.5% 0% 0% 0%;
}

.setvice-3, .setvice-3 h2, .setvice-3 h6{
    width: 100%;
    position:relative;
    float: left;
    margin: 0% 0% 0% 0%;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #314D88;
    font-feature-settings: 'case' on;
}

.setvice-2, .setvice-2 h2, .setvice-2 h3, .setvice-2 h4, .setvice-2 h5, .setvice-2 h6{
    width: 100%;
    position:relative;
    float: left;
    margin: 0% 0% 0% 0%;
    font-family: 'font-1';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #314D88;
    font-feature-settings: 'case' on;
}

.setvice-1{
    width: 100%;
    position:relative;
    float: left;
}

.setvice-0{
    width: 100%;
    position:relative;
    float: left;
    padding: 3% 0% 4% 0%;
    margin: 0px 0px 0% 0px;
    border-top: 1px #eee solid;
    border-bottom: 1px #eee solid;
}



.header-12 .header-a-1:hover span {
    color:#286DEE !important;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 .header-a-1 sspan {
    position: absolute;
    width: 0px;
    height: 100%;
    floaT: left;
    left: 0px;
    line-height: 100px;
    color: #fff;
    line-height: 52px;
    font-size: 14px;
    background: #ffffff;
    margin: 0px 0px 0px 0px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 span{
    position:relative;
    z-index:1;
}

.header-12 span {
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 a:hover span {
    color:#fff;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 a:hover sspan {
    width: 100%;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 sspan {
    position: absolute;
    width: 0%;
    height: 100%;
    floaT: left;
    bottom: 0px;
    left: 0px;
    line-height: 100px;
    color: #fff;
    line-height: 52px;
    font-size: 14px;
    background: #286DEE;
    margin: 0px 0px 0px 0px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12{
    width: 100%;
    position:relative;
    float: left;
    padding: 9% 0px 15% 0px;
}

.header-17{
    font-family: 'font-2';
}

.header-15{
    position:relative;
    float: left;
    margin: 0px 0px 0px 18px;
    padding: 0px 0px 0px 18px;
    border-left: 1px #D9D9D9 solid;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.02em;
    font-feature-settings: 'case' on;
    color: #314D88;
}

.header-14{
    width: 57px;
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    letter-spacing: -0.02em;
    color: #286DEE;
}

.header-13{
    width: 100%;
    position:relative;
    float: left;
}

.header-12 .header-a-2 {
    color: #286DEE !important;
    background: #ffffff;
    border: 2px #286DEE solid;
    margin: 0% 0px 0px 15px;
}

.header-12 a{
    border: 2px #286DEE solid;
    background: #286DEE;
    line-height: 47px;
    height: 46px;
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 26px;
    border-radius: 4px;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    text-align: center;
    letter-spacing: -0.01em;
    font-feature-settings: 'case' on;
    color: #FFFFFF;
}

.header-11{
    width: 100%;
    position:relative;
    float: left;
    margin: 10% 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.header-10 h1 span span span{
color: #566B99;
font-family: font-1;
}

.header-10 h1 span span{
color: #314D88;
}

.header-10 h1 span, .header-10 h1 span span, .header-10 h1 span span span{
width: 100%;
floaT: left;
}

.header-10 h1{font-family: font-2;font-style: normal;font-weight: 700;font-size: 56px;line-height: 78px;letter-spacing: -0.02em;color: #152B5A;margin: 0px 0px 0px 0px;}



.header-19 {
    width: 300px;
    height: 228px;
    color:#fff;
    float: right;
    position: absolute;
    margin: 0px 0px 0px 0px;
    z-index:1;
    bottom: 0px;
    left: -114px;
}

.header-21{
    width: 100%;
    height: 100%;
    background:#2770F1;
    position:absolute;
    lefT: 0px;
    top: 0px;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    opacity: 10%;
}

.header-20, .header-20 img{
    width: 500px;
    height: 470px;
    overflow:hidden;
    border-radius: 100px 10px 100px 0px;
}

.header-20{
    position:relative;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.header-18 img{
    object-fit: cover;
    width:100%;
    line-height: 0px;
}

.header-18{
    /* width: 50%; */
    position:relative;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.header-10{
    width:40%;
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.header-9{
    width: 100%;
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 4% 0%;
}

.header-8{
    margin-top: 81px;
    width: 100%;
    position:relative;
    float: left;
}

#cssmenu ul li:hover::before, #cssmenu ul li:hover::after{ 
    width: 15px !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.header-6 {
    width: 25px;
    height: 46px;
    background: url(../images/phone-1.svg) center no-repeat;
    margin: 0px 6px 0px 0px;
    display:  inline-block;
    floaT: left;
}

.header-7 {
    width: 46px;
    line-height: 46px;
    height: 46px;
    background: #615FE5 url(../images/fb-1.svg) center no-repeat;
    color:#fff;
    float: right;
    position: relative;
    margin: 0px 15px 0px 0px;
    border-radius: 100px;
    font-family: font-2;
    letter-spacing: 1px;
    font-size: 16px;
}


.header-5 {
    line-height: 46px;
    height: 46px;
    background:#2770F1;
    color:#fff;
    float: right;
    position: relative;
    margin: 0px 0px;
    border-radius: 100px;
    padding: 0px 20px 0px 20px;
    font-family: font-2;
    letter-spacing: 1px;
    font-size: 15px;
}

.header-4 {
    /* width: 26%; */
    float: right;
    position: relative;
    margin: 17px 0px;
}

#cssmenu ul .cssmenu-color::before, #cssmenu ul .cssmenu-color::after{ 
    width: 15px !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

#cssmenu ul li::after{ 
    width: 15px;
    height: 3px;    
    bottom: 2px !important;  
    position: absolute;
    background: #2770F1 ;
    content: "";
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    lefT: 50% !important;
}

#cssmenu ul li::before{ 
    width: 0px;
    height: 3px;    
    bottom: 2px !important;  
    position: absolute;
    background: #2770F1;
    content: "";
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    right: 50% !important;
}

#cssmenu ul li::after{ 
    width: 0px;
    height: 3px;    
    margin: 30px 0px 0px 0px;    position: absolute;
    background: #2770F1 ;
    content: "";
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    lefT: 50% !important;
}


.header-3 ul .cssmenu-color a{color: #2770F1;}

.header-3 ul li a:hover{
color: #2770F1 !important;
-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.header-3 ul li a{color: #314D88;-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.header-3 ul li a{
 position: relative;
}


.header-3 ul li a{
 position: relative;
}

.header-3 ul li a{
    float: left;
    position: relative;
    margin:0px 0px;
    padding: 15px 11px;
    font-size: 15px;
}

.header-3 ul li {
    float: left;
    position: relative;
    margin:0px 0px;
    font-family: font-2;
}


.fb-like-1 .header-ffb{
	position: absolute;
	top: 13px;
	lefT: -55px;
}

.fb-like-1 .header-3 {
    margin: 15.5px 0px 15px 3%;
}


.header-3 {
    float: left;
    position: relative;
    margin: 15.4px 0px 15px 2%;
}

.header-3 li a{
    font-family: 'font-1';
	font-weight: 400;
    text-align: center;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}


.llogo-1 {
    float: left;
    position: relative;
    margin: 22px 0px;
}

.header-1 {
    z-index:99;
    float: left;
    position: fixed;
    widtH: 100%;
    height: 80px;
    color: #323A54;
    background:#ffffff;
    border-bottom: 1px #eee solid;
}
}



@media (min-width: 1075px) and (max-width: 1180px){
.eroris-2 {
    margin: 0% 5%;
}

.eroris-5 {
    font-family: font-1;
    font-size: 15px;
    margin: 0px 0px 10px 0px;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}


.eroris-4 {
    font-family: font-2;
    font-size: 17px;
    margin: 5px 0px 7px 0px;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}


.eroris-3 {
    font-family: font-1;
    font-size: 50px;
    margin: 0% 0% 0% 0%;
    width: 100%;
    floaT: left;
    position:relative;
    color: #2770f1;
}


.eroris-1 {
    font-family: font-1;
    font-size: 15px;
    margin: 0% 0% 0% 0%;
    padding: 7% 0%;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}



.logo-z-1 .setvice-3 h6{
    color:#ABC9FF;
}
.logo-z-1 .setvice-2 h5{
    color:#fff;
}

.logo-z-1.logo-1{
    margin: -260px 0% 0% 0%;
    padding: 3% 0% 10px 0%;
}


.header-5 {
    border-radius: 100px;
    border: none;
    -webkit-box-shadow: 0 0 0 0 rgb(39 112 241 / 50%);
    box-shadow: 0 0 0 0 #2770f1;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.53);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
@-webkit-keyframes pulse {
    to {
        -webkit-box-shadow: 0 0 0 25px rgba(0, 125, 205, 0);
        box-shadow: 0 0 0 25px rgba(0, 125, 205, 0);
    }
}
@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 25px rgba(0, 125, 205, 0);
    }
}
@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 25px rgba(0, 125, 205, 0);
    }
}
@keyframes pulse {
    to {
        -webkit-box-shadow: 0 0 0 25px rgba(0, 125, 205, 0);
        box-shadow: 0 0 0 25px rgba(0, 125, 205, 0);
    }
}



.header-19{animation-duration:.75s;}
@keyframes bounce{from, 20%, 53%, 80%, to{animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transform:translate3d(0,0,0);}
40%, 43%{animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transform:translate3d(0, -30px, 0);}
70%{animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transform:translate3d(0, -15px, 0);}
90%{transform:translate3d(0,-4px,0);}
}

.header-19{
animation-name:bounce;transform-origin:center bottom;}
@keyframes flash{from, 50%, to{opacity:1;}
25%, 75%{opacity:0;}
}

/*--footer--*/
.footer-3 svg {
    width: 16px;
    height: 20px;
    margin: 0px 7px 0px 0px;
    display:  inline-block;
    floaT: left;
}

.footer-3  ul li a:hover{
   color:#286DEE;
   transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.footer-3  ul li a{
    color:#323A54;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.footer-3  ul li{
    width: 100%;
    position:relative;
    float: left;
    margin: 4px 0px;
    font-size: 15px;
}

.footer-6{
    width: 35px;
    height: 3px;
    position:relative;
    float: left;
    background: #286DEE;
}

.footer-5{
    width: 100%;
    height: 3px;
    position:relative;
    float: left;
    margin: 5px 0px 10px 0px;
}

body .footer-app-1{
	margin: -10px 0px 45px 0px;
	padding: 20px 0px;
}

	
.footer-4{
    width: 100%;
    position:relative;
    float: left;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-align: left;
    letter-spacing: -0.02em;
    font-feature-settings: 'case' on;
    color: #314D88;
}

.footer-10{
    width: 100%;
    position:relative;
    float: right;
    text-align: right;
}

.footer-9{
    width: 100%;
    position:relative;
    float: right;
    text-align: right;
    margin: 20px 0%;
}

.footer-8{
    width: 100%;
    text-align: right;
    position:relative;
    float: right;
}

.footer-7{
    position:relative;
    float: right;
}

.footer-03.footer-3{
    width: 28%;
}

.footer-3{
    width: 22%;
    position:relative;
    float: left;
    margin: 0px 0px 0% 0px;
}

.footer-2{
    width: 100%;
    position:relative;
    float: left;
    padding: 4% 0% 3% 0%;
    margin: 0px 0px 0% 0px;
}

.footer-1{
    width: 100%;
    position:relative;
    float: left;
    border-top: 1px #eee solid;
}

/*--logo--*/
.logo-5 img {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.logo-5:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.logo-5, .logo-5 img{
    height: 200px; 
}

.logo-5 img{
    width: 100% !important;
    height: 190px;
    object-fit: cover;
}
.logo-1 .logo-5 img{
    height: 190px;
}

.logo-5{
    width: 23% !important;
    height: 190px;
    floaT: left;
    position:relative;
    overflow:hidden;
    background: #FFFFFF;
    box-shadow: 0px 4px 18px -3px rgba(26, 30, 49, 0.15);
    border-radius: 10px;
    margin: 0px 10px 20px 10px;
    text-align: center;
}

.logo-3{
    margin-top: 4%;
    width: 100%;
    floaT: left;
    position:relative;
    overflow:hidden;
}

.logo-1{
    width: 100%;
    position:relative;
    float: left;
    padding: 3.5% 0% 2% 0%;
    margin: 0px 0px 0% 0px;
    border-top: 1px #eee solid;
}

.proeqt-m-2:hover{ letter-spacing: 2px; box-shadow: #286DEE 0px 0px 10px 0px; animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}

.proeqt-m-3 {
    width: 10px;
    height: 22px;
    background: url(../images/win-1.svg) -10px 10px no-repeat;
    background-size: 18px;
    display: inline-block;
    position: relative;
    margin: 0px 0px 0px 0px;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.proeqt-m-1 {
    width: 260px;
    margin: auto;
}

.proeqt-m-2  {
    height: 52px;
    background: #286DEE;
    float: left;
    border-radius: 100px;
    width: 260px;
    margin: 9% 0px 6% 0px;
    text-align: center;
    line-height: 48px;
    height: 48px;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
    color: #FFFFFF;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.proeqt-7 .proeqt-11 {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-7:hover .proeqt-11 {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #286DEE;
}

.proeqt-7 img {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-7:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-6 h3{
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out; 
}


.proeqt-6:hover h3{
    color: #2770f1;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out; 
}


.proeqt-color-1{
    width: 171px;
    height: 171px;
    floaT: left;
    position:absolute;
    background: #fff;
    border-radius: 100%;
    right: -115px;
    bottom: -115px;
}

.proeqt-12, .proeqt-12 h4{
    margin: 0px 0px 0px 0px;
    width: 100%;
        height: 39px;
    overflow:hidden;
    floaT: left;
    position:relative;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 129.7%;
    text-align: center;
    letter-spacing: -0.02em;
    color: #314D88;
}

.proeqt-11, .proeqt-11 h3{
    margin: 0px 0px 0px 0px;
    width: 100%;
    floaT: left;
    position:relative;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 129.7%;
    text-align: center;
    text-transform: uppercase;
    color: #182E5D;
}

.proeqt-10{
margin: 0px 20px;
}

.proeqt-9{
    width: 100%;
    floaT: left;
    position:relative;
}

.proeqt-8 img{
    max-width: 366px;
    height: 239px;
    position:relative;
}

.proeqt-8{
    margin-top: 15px;
    width: 100%;
    height: 225px;
    floaT: left;
    position:relative;
    overflow:hidden;
}

.proeqt-7:hover{
    background: #FFFFFF;
    box-shadow: 0px 4px 18px -3px rgba(26, 30, 49, 0.25);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-7{
    width: 510px;
    height: 315px;
    floaT: left;
    position:relative;
    overflow:hidden;
    background: #FFFFFF;
    box-shadow: 0px 2px 18px -3px rgba(26, 30, 49, 0.15);
    border-radius: 10px;
    margin: 0px 10px 20px 10px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-5, .logo-4{
    width: 102.1%;
    floaT: left;
    position:relative;
    margin: 0px 0px 0px -10px;
}

.proeqt-4{
    margin-top: 4%;
    width: 100%;
    floaT: left;
    position:relative;
}

.proeqt-1{
    width: 100%;
    floaT: left;
    position:relative;
    margin-top: 4%;
    margin-bottom: 2%;
}

.setvice-8:hover .setvice-icon-04.setvice-icon-1 {
    background: url(../images/icons-04.svg) center no-repeat;
}
.setvice-8:hover .setvice-icon-03.setvice-icon-1 {
    background: url(../images/icons-03.svg) center no-repeat;
}
.setvice-8:hover .setvice-icon-02.setvice-icon-1 {
    background: url(../images/icons-02.svg) center no-repeat;
}
.setvice-8:hover .setvice-icon-01.setvice-icon-1 {
    background: url(../images/icons-01.svg) center no-repeat;
}

.setvice-8 .setvice-12{
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8:hover .setvice-12, .setvice-8:hover .setvice-12 h3{
    color: #BCD4FF;
      transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8:hover .setvice-10{
    background: #4588FF;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}


.setvice-10{
       transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8:hover .setvice-14 {
    width: 10px;
    height: 21px;
    background: url(../images/win-1.svg) -10px 10px no-repeat;
    background-size: 17.4px;
    display: inline-block;
    position: relative;
    margin: 0px 0px 0px 0px;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-14 {
    width: 10px;
    height: 21px;
    background: url(../images/win-1.svg) 0px 10px no-repeat;
    background-size: 17.4px;
    display: inline-block;
    position: relative;
    margin: 0px 0px 0px 0px;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8:hover  .setvice-13{
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
    color:#fff;
}

.setvice-13{
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8:hover {
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
    background: #286DEE;
}

.setvice-8 {
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-icon-04.setvice-icon-1 {
    background: url(../images/icons-4.svg) center no-repeat;
}
.setvice-icon-03.setvice-icon-1 {
    background: url(../images/icons-3.svg) center no-repeat;
}
.setvice-icon-02.setvice-icon-1 {
    background: url(../images/icons-2.svg) center no-repeat;
}
.setvice-icon-01.setvice-icon-1 {
    background: url(../images/icons-1.svg) center no-repeat;
}

.setvice-icon-1 {
    width: 100%;
    height: 100px;
    position: relative;
    margin: 0px 0px 0px 0px;
    float: left;
}

.setvice-13{
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 6% 0% 0% 0%;
    font-feature-settings: 'case' on;
    color: #8894AD;
    letter-spacing: 0.2px;
    font-family: font-2;
    font-size: 14px;
}

.setvice-12 b{
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 0% 0% 0% 0%;
    font-family: font-2;
}

.setvice-12, .setvice-12 h3{
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 0% 0% 0% 0%;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #152B5A;
}

.setvice-11{
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 11% 0% 0% 0%;
}

.setvice-10{
    width: 100px;
    height: 100px;
    background: #F1F5FF;
    position:relative;
    overflow:hidden;
    margin: 35px auto 0px auto;
    border-radius: 10px;
}

.setvice-9 {
    margin: 0px 20px;
}

.setvice-7 {
    width: 103%;
    float: left;
    margin: 0px 10px;
}

.setvice-8 {
    width: 240px;
    height: 270px;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 0px 10px;
    text-align: center;
    border-radius: 10px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.setvice-4 {
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 4% 0% 0% 0%;
}

.setvice-3, .setvice-3 h2, .setvice-3 h6{
    width: 100%;
    position:relative;
    float: left;
    margin: 0% 0% 0% 0%;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #314D88;
    font-feature-settings: 'case' on;
}

.setvice-2, .setvice-2 h2, .setvice-2 h3, .setvice-2 h4, .setvice-2 h5, .setvice-2 h6{
    width: 100%;
    position:relative;
    float: left;
    margin: 0% 0% 0% 0%;
    font-family: 'font-1';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #314D88;
    font-feature-settings: 'case' on;
}

.setvice-1{
    width: 100%;
    position:relative;
    float: left;
}

.setvice-0{
    width: 100%;
    position:relative;
    float: left;
    padding: 3% 0% 4% 0%;
    margin: 0px 0px 0% 0px;
    border-top: 1px #eee solid;
    border-bottom: 1px #eee solid;
}


.header-08 {
    width: 80px;
    height: 291px;
    background: url(../images/icon-1.svg) center no-repeat;
    background-size: 100%;
    color:#fff;
    float: left;
    position: absolute;
    top: 6%;
}

.header-12 .header-a-1:hover span {
    color:#286DEE !important;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 .header-a-1 sspan {
    position: absolute;
    width: 0px;
    height: 100%;
    floaT: left;
    left: 0px;
    line-height: 100px;
    color: #fff;
    line-height: 52px;
    font-size: 14px;
    background: #ffffff;
    margin: 0px 0px 0px 0px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 span{
    position:relative;
    z-index:1;
}

.header-12 span {
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 a:hover span {
    color:#fff;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 a:hover sspan {
    width: 100%;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 sspan {
    position: absolute;
    width: 0%;
    height: 100%;
    floaT: left;
    bottom: 0px;
    left: 0px;
    line-height: 100px;
    color: #fff;
    line-height: 52px;
    font-size: 14px;
    background: #286DEE;
    margin: 0px 0px 0px 0px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12{
    width: 100%;
    position:relative;
    float: left;
    padding: 9% 0px 15% 0px;
}

.header-17{
    font-family: 'font-2';
}

.header-15{
    position:relative;
    float: left;
    margin: 0px 0px 0px 18px;
    padding: 0px 0px 0px 18px;
    border-left: 1px #D9D9D9 solid;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.02em;
    font-feature-settings: 'case' on;
    color: #314D88;
}

.header-14{
    width: 57px;
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    letter-spacing: -0.02em;
    color: #286DEE;
}

.header-13{
    width: 100%;
    position:relative;
    float: left;
}

.header-12 .header-a-2 {
    color: #286DEE !important;
    background: #ffffff;
    border: 2px #286DEE solid;
    margin: 0% 0px 0px 15px;
}

.header-12 a{
    border: 2px #286DEE solid;
    background: #286DEE;
    line-height: 47px;
    height: 46px;
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 30px;
    border-radius: 4px;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    text-align: center;
    letter-spacing: -0.01em;
    font-feature-settings: 'case' on;
    color: #FFFFFF;
}

.header-11{
    width: 100%;
    position:relative;
    float: left;
    margin: 10% 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.header-10 h1 span span span{
color: #566B99;
font-family: font-1;
}

.header-10 h1 span span{
color: #314D88;
}

.header-10 h1 span, .header-10 h1 span span, .header-10 h1 span span span{
width: 100%;
floaT: left;
}

.header-10 h1{font-family: font-2;font-style: normal;font-weight: 700;font-size: 65px;line-height: 78px;letter-spacing: -0.02em;color: #152B5A;margin: 0px 0px 0px 0px;}



.header-19 {
    width: 300px;
    height: 228px;
    color:#fff;
    float: right;
    position: absolute;
    margin: 0px 0px 0px -16px;
    z-index:1;
    bottom: 0px;
    left: -98px;
}

.header-21{
    width: 100%;
    height: 100%;
    background:#2770F1;
    position:absolute;
    lefT: 0px;
    top: 0px;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    opacity: 10%;
}

.header-20, .header-20 img{
    width: 550px;
    height: 500px;
    overflow:hidden;
    border-radius: 100px 10px 100px 0px;
}

.header-20{
    position:relative;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.header-18 img{
    object-fit: cover;
    width:100%;
    line-height: 0px;
}

.header-18{
    /* width: 50%; */
    position:relative;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.header-10{
    width:40%;
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.header-9{
    width: 100%;
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 5% 0% 5% 0%;
}

.header-8{
    margin-top: 81px;
    width: 100%;
    position:relative;
    float: left;
}

#cssmenu ul li:hover::before, #cssmenu ul li:hover::after{ 
    width: 15px !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.header-6 {
    width: 25px;
    height: 46px;
    background: url(../images/phone-1.svg) center no-repeat;
    margin: 0px 6px 0px 0px;
    display:  inline-block;
    floaT: left;
}

.header-7 {
    width: 46px;
    line-height: 46px;
    height: 46px;
    background: #615FE5 url(../images/fb-1.svg) center no-repeat;
    color:#fff;
    float: right;
    position: relative;
    margin: 0px 15px 0px 0px;
    border-radius: 100px;
    font-family: font-2;
    letter-spacing: 1px;
    font-size: 16px;
}


.header-5 {
    line-height: 46px;
    height: 46px;
    background:#2770F1;
    color:#fff;
    float: right;
    position: relative;
    margin: 0px 0px;
    border-radius: 100px;
    padding: 0px 20px 0px 20px;
    font-family: font-2;
    letter-spacing: 1px;
    font-size: 15px;
}

.header-4 {
    /* width: 24%; */
    float: right;
    position: relative;
    margin: 17px 0px;
}

#cssmenu ul .cssmenu-color::before, #cssmenu ul .cssmenu-color::after{ 
    width: 15px !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

#cssmenu ul li::after{ 
    width: 15px;
    height: 3px;    
    bottom: 2px !important;  
    position: absolute;
    background: #2770F1 ;
    content: "";
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    lefT: 50% !important;
}

#cssmenu ul li::before{ 
    width: 0px;
    height: 3px;    
    bottom: 2px !important;  
    position: absolute;
    background: #2770F1;
    content: "";
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    right: 50% !important;
}

#cssmenu ul li::after{ 
    width: 0px;
    height: 3px;    
    margin: 30px 0px 0px 0px;    position: absolute;
    background: #2770F1 ;
    content: "";
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    lefT: 50% !important;
}


.header-3 ul .cssmenu-color a{color: #2770F1;}

.header-3 ul li a:hover{
color: #2770F1 !important;
-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.header-3 ul li a{color: #314D88;-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.header-3 ul li a{
 position: relative;
}


.header-3 ul li a{
 position: relative;
}

.header-3 {
    float: left;
    position: relative;
    margin:13px 0px 15px 9.4%;
}

.header-3 ul li a{
    float: left;
    position: relative;
    margin:0px 0px;
    padding: 15px 12px;
    font-size: 15.5px;
}

.header-3 ul li {
    float: left;
    position: relative;
    margin:0px 0px;
    font-family: font-2;
}

.fb-like-1 .header-ffb{
	position: absolute;
	top: 13px;
	lefT: -35px;
}

.fb-like-1 .header-3 {
    margin: 15px 0px 15px 5%;
}


.header-3 {
    float: left;
    position: relative;
    margin: 15px 0px 15px 3%;
}

.header-3 li a{
    font-family: 'font-2';
    text-align: center;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}

.llogo-1 {
    float: left;
    position: relative;
    margin: 22px 0px;
}

.header-1 {
    z-index:99;
    float: left;
    position: fixed;
    widtH: 100%;
    height: 80px;
    color: #323A54;
    background:#ffffff;
    border-bottom: 1px #eee solid;
}
}


@media (min-width: 1180px) and (max-width: 90000000px){
.eroris-2 {
    margin: 0% 5%;
}

.eroris-5 {
    font-family: font-1;
    font-size: 15px;
    margin: 0px 0px 10px 0px;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}


.eroris-4 {
    font-family: font-2;
    font-size: 17px;
    margin: 5px 0px 7px 0px;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}


.eroris-3 {
    font-family: font-1;
    font-size: 50px;
    margin: 0% 0% 0% 0%;
    width: 100%;
    floaT: left;
    position:relative;
    color: #2770f1;
}


.eroris-1 {
    font-family: font-1;
    font-size: 15px;
    margin: 0% 0% 0% 0%;
    padding: 7% 0%;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}



.logo-z-1 .setvice-3 h6{
    color:#ABC9FF;
}
.logo-z-1 .setvice-2 h5{
    color:#fff;
}

.logo-z-1.logo-1{
    margin: -260px 0% 0% 0%;
    padding: 3% 0% 10px 0%;
}


.header-5 {
    border-radius: 100px;
    border: none;
    -webkit-box-shadow: 0 0 0 0 rgb(39 112 241 / 50%);
    box-shadow: 0 0 0 0 #2770f1;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.53);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
@-webkit-keyframes pulse {
    to {
        -webkit-box-shadow: 0 0 0 25px rgba(0, 125, 205, 0);
        box-shadow: 0 0 0 25px rgba(0, 125, 205, 0);
    }
}
@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 25px rgba(0, 125, 205, 0);
    }
}
@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 25px rgba(0, 125, 205, 0);
    }
}
@keyframes pulse {
    to {
        -webkit-box-shadow: 0 0 0 25px rgba(0, 125, 205, 0);
        box-shadow: 0 0 0 25px rgba(0, 125, 205, 0);
    }
}



.header-19{animation-duration:.75s;}
@keyframes bounce{from, 20%, 53%, 80%, to{animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transform:translate3d(0,0,0);}
40%, 43%{animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transform:translate3d(0, -30px, 0);}
70%{animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transform:translate3d(0, -15px, 0);}
90%{transform:translate3d(0,-4px,0);}
}

.header-19{
animation-name:bounce;transform-origin:center bottom;}
@keyframes flash{from, 50%, to{opacity:1;}
25%, 75%{opacity:0;}
}

/*--footer--*/
.footer-3 svg {
    width: 16px;
    height: 20px;
    margin: 0px 7px 0px 0px;
    display:  inline-block;
    floaT: left;
}

.footer-3  ul li a:hover{
   color:#286DEE;
   transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.footer-3  ul li a{
    color:#323A54;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.footer-3  ul li{
    width: 100%;
    position:relative;
    float: left;
    margin: 4px 0px;
    font-size: 15px;
}

.footer-6{
    width: 35px;
    height: 3px;
    position:relative;
    float: left;
    background: #286DEE;
}

.footer-5{
    width: 100%;
    height: 3px;
    position:relative;
    float: left;
    margin: 5px 0px 10px 0px;
}


body .footer-app-1{
	margin: -10px 0px 45px 0px;
	padding: 20px 0px;
}

	
.footer-4{
    width: 100%;
    position:relative;
    float: left;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-align: left;
    letter-spacing: -0.02em;
    font-feature-settings: 'case' on;
    color: #314D88;
}

.footer-10{
    width: 100%;
    position:relative;
    float: right;
    text-align: right;
}

.footer-9{
    width: 100%;
    position:relative;
    float: right;
    text-align: right;
    margin: 20px 0%;
}

.footer-8{
    width: 100%;
    text-align: right;
    position:relative;
    float: right;
}

.footer-7{
    position:relative;
    float: right;
}

.footer-03.footer-3{
    width: 25%;
}

.footer-3{
    width: 20%;
    position:relative;
    float: left;
    margin: 0px 0px 0% 0px;
}

.footer-2{
    width: 100%;
    position:relative;
    float: left;
    padding: 4% 0% 3% 0%;
    margin: 0px 0px 0% 0px;
}

.footer-1{
    width: 100%;
    position:relative;
    float: left;
    border-top: 1px #eee solid;
}

/*--logo--*/
.logo-5 img {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.logo-5:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.logo-1 .logo-5 img{
    height: 200px;
}

.logo-5, .logo-5 img{
    height: 250px;
}

.logo-5 img{
    width: 100% !important;
}

.logo-5{
    width: 23.2% !important;
    width: 270px;
    height: 200px;
    floaT: left;
    position:relative;
    overflow:hidden;
    background: #FFFFFF;
    box-shadow: 0px 4px 18px -3px rgba(26, 30, 49, 0.15);
    border-radius: 10px;
    margin: 0px 10px 20px 10px;
    text-align: center;
}

.logo-3{
    margin-top: 4%;
    width: 100%;
    floaT: left;
    position:relative;
    overflow:hidden;
}

.logo-1{
    width: 100%;
    position:relative;
    float: left;
    padding: 3% 0% 2% 0%;
    margin: 0px 0px 0% 0px;
    border-top: 1px #eee solid;
}

.proeqt-m-2:hover{ letter-spacing: 2px; box-shadow: #286DEE 0px 0px 10px 0px; animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}

.proeqt-m-3 {
    width: 10px;
    height: 22px;
    background: url(../images/win-1.svg) -10px 10px no-repeat;
    background-size: 18px;
    display: inline-block;
    position: relative;
    margin: 0px 0px 0px 0px;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.proeqt-m-1 {
    width: 260px;
    margin: auto;
}
.proeqt-mmm-1 .proeqt-m-2  {
    margin: 9% 0px 8% 0px;
}
.proeqt-m-2  {
    height: 52px;
    background: #286DEE;
    float: left;
    border-radius: 100px;
    width: 260px;
    margin: 9% 0px 5% 0px;
    text-align: center;
    line-height: 48px;
    height: 48px;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
    color: #FFFFFF;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.proeqt-7 .proeqt-11 {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-7:hover .proeqt-11 {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #286DEE;
}

.proeqt-7 img {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-7:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-6 h3{
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out; 
}


.proeqt-6:hover h3{
    color: #2770f1;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out; 
}

.p-color-47.proeqt-color-1{
    background: #2770f1 !important;
}

.proeqt-color-1{
    width: 171px;
    height: 171px;
    floaT: left;
    position:absolute;
    background: #fff;
    border-radius: 100%;
    right: -115px;
    bottom: -115px;
}

.proeqt-12, .proeqt-12 h4{
    margin: 0px 0px 0px 0px;
    width: 100%;
    floaT: left;
    position:relative;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 129.7%;
    text-align: center;
    letter-spacing: -0.02em;
    color: #314D88;
}

.proeqt-11, .proeqt-11 h3{
    margin: 0px 0px 0px 0px;
    width: 100%;
    floaT: left;
    position:relative;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 129.7%;
    text-align: center;
    text-transform: uppercase;
    color: #182E5D;
}

.proeqt-10{
margin: 0px 20px;
}

.proeqt-9{
    width: 100%;
    floaT: left;
    position:relative;
}

.proeqt-8 img{
    max-width: 350px;
    position:relative;
}

.proeqt-8{
    margin-top: 25px;
    width: 100%;
    height: 245px;
    floaT: left;
    position:relative;
    overflow:hidden;
}

.proeqt-7:hover{
    background: #FFFFFF;
    box-shadow: 0px 4px 18px -3px rgba(26, 30, 49, 0.25);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-7{
    width: 560px;
    height: 350px;
    floaT: left;
    position:relative;
    overflow:hidden;
    background: #FFFFFF;
    box-shadow: 0px 2px 18px -3px rgba(26, 30, 49, 0.15);
    border-radius: 10px;
    margin: 0px 10px 20px 10px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.proeqt-5, .logo-4{
    width: 102.1%;
    floaT: left;
    position:relative;
    margin: 0px 0px 0px -10px;
}

.proeqt-4{
    margin-top: 4%;
    width: 100%;
    floaT: left;
    position:relative;
}

.proeqt-1{
    width: 100%;
    floaT: left;
    position:relative;
    margin-top: 4%;
    margin-bottom: 2%;
}

.setvice-8:hover .setvice-icon-04.setvice-icon-1 {
    background: url(../images/icons-04.svg) center no-repeat;
}
.setvice-8:hover .setvice-icon-03.setvice-icon-1 {
    background: url(../images/icons-03.svg) center no-repeat;
}
.setvice-8:hover .setvice-icon-02.setvice-icon-1 {
    background: url(../images/icons-02.svg) center no-repeat;
}
.setvice-8:hover .setvice-icon-01.setvice-icon-1 {
    background: url(../images/icons-01.svg) center no-repeat;
}

.setvice-8 .setvice-12{
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8:hover .setvice-12, .setvice-8:hover .setvice-12 h3{
    color: #BCD4FF;
      transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8:hover .setvice-10{
    background: #4588FF;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}


.setvice-10{
       transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8:hover .setvice-14 {
    width: 10px;
    height: 21px;
    background: url(../images/win-1.svg) -10px 10px no-repeat;
    background-size: 17.4px;
    display: inline-block;
    position: relative;
    margin: 0px 0px 0px 0px;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-14 {
    width: 10px;
    height: 21px;
    background: url(../images/win-1.svg) 0px 10px no-repeat;
    background-size: 17.4px;
    display: inline-block;
    position: relative;
    margin: 0px 0px 0px 0px;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8:hover  .setvice-13{
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
    color:#fff;
}

.setvice-13{
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-8:hover {
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
    background: #286DEE;
}

.setvice-8 {
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}

.setvice-icon-04.setvice-icon-1 {
    background: url(../images/icons-4.svg) center no-repeat;
}
.setvice-icon-03.setvice-icon-1 {
    background: url(../images/icons-3.svg) center no-repeat;
}
.setvice-icon-02.setvice-icon-1 {
    background: url(../images/icons-2.svg) center no-repeat;
}
.setvice-icon-01.setvice-icon-1 {
    background: url(../images/icons-1.svg) center no-repeat;
}

.setvice-icon-1 {
    width: 100%;
    height: 100px;
    position: relative;
    margin: 0px 0px 0px 0px;
    float: left;
}

.setvice-13{
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 9% 0% 0% 0%;
    font-feature-settings: 'case' on;
    color: #8894AD;
    letter-spacing: 0.2px;
    font-family: font-2;
    font-size: 14px;
}

.setvice-12 b{
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 0% 0% 0% 0%;
    font-family: font-2;
}

.setvice-12, .setvice-12 h3{
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 0% 0% 0% 0%;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #152B5A;
}

.setvice-11{
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 11% 0% 0% 0%;
}

.setvice-10{
    width: 100px;
    height: 100px;
    background: #F1F5FF;
    position:relative;
    overflow:hidden;
    margin: 35px auto 0px auto;
    border-radius: 10px;
}

.setvice-9 {
    margin: 0px 20px;
}

.setvice-7 {
    width: 103%;
    float: left;
    margin: 0px 10px;
}

.setvice-8 {
    width: 264px;
    height: 280px;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 0px 10px;
    text-align: center;
    border-radius: 10px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.setvice-4 {
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    margin: 4% 0% 0% 0%;
}

.setvice-3, .setvice-3 h2, .setvice-3 h6{
    width: 100%;
    position:relative;
    float: left;
    margin: 0% 0% 0% 0%;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #314D88;
    font-feature-settings: 'case' on;
}

.setvice-2, .setvice-2 h2, .setvice-2 h3, .setvice-2 h4, .setvice-2 h5, .setvice-2 h6{
    width: 100%;
    position:relative;
    float: left;
    margin: 0% 0% 0% 0%;
    font-family: 'font-1';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #314D88;
    font-feature-settings: 'case' on;
}

.setvice-1{
    width: 100%;
    position:relative;
    float: left;
}

.setvice-0{
    width: 100%;
    position:relative;
    float: left;
    padding: 3% 0% 4% 0%;
    margin: 0px 0px 0% 0px;
    border-top: 1px #eee solid;
    border-bottom: 1px #eee solid;
}

.header-08 {
    width: 101px;
    height: 291px;
    background: url(../images/icon-1.svg) center no-repeat;
    color:#fff;
    float: left;
    position: absolute;
    top: 30%;
}

.header-12 .header-a-1:hover span {
    color:#286DEE !important;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 .header-a-1 sspan {
    position: absolute;
    width: 0px;
    height: 100%;
    floaT: left;
    left: 0px;
    line-height: 100px;
    color: #fff;
    line-height: 52px;
    font-size: 14px;
    background: #ffffff;
    margin: 0px 0px 0px 0px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 span{
    position:relative;
    z-index:1;
}

.header-12 span {
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 a:hover span {
    color:#fff;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 a:hover sspan {
    width: 100%;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12 sspan {
    position: absolute;
    width: 0%;
    height: 100%;
    floaT: left;
    bottom: 0px;
    left: 0px;
    line-height: 100px;
    color: #fff;
    line-height: 52px;
    font-size: 14px;
    background: #286DEE;
    margin: 0px 0px 0px 0px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header-12{
    width: 100%;
    position:relative;
    float: left;
    padding: 9% 0px 15% 0px;
}

.header-17{
    font-family: 'font-2';
}

.header-15{
    position:relative;
    float: left;
    margin: 0px 0px 0px 18px;
    padding: 0px 0px 0px 18px;
    border-left: 1px #D9D9D9 solid;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.02em;
    font-feature-settings: 'case' on;
    color: #314D88;
}

.header-14{
    width: 57px;
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px;
    font-family: 'Helvetica Neue LT GEO';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    letter-spacing: -0.02em;
    color: #286DEE;
}

.header-13{
    width: 100%;
    position:relative;
    float: left;
}

.header-12 .header-a-2 {
    color: #286DEE !important;
    background: #ffffff;
    border: 2px #286DEE solid;
    margin: 0% 0px 0px 15px;
}

.header-12 a{
    border: 2px #286DEE solid;
    background: #286DEE;
    line-height: 47px;
    height: 46px;
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 40px;
    border-radius: 4px;
    font-family: font-2;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    text-align: center;
    letter-spacing: -0.01em;
    font-feature-settings: 'case' on;
    color: #FFFFFF;
}

.header-11{
    width: 100%;
    position:relative;
    float: left;
    margin: 10% 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.header-10 h1 span span span{
color: #566B99;
font-family: font-1;
}

.header-10 h1 span span{
color: #314D88;
}

.header-10 h1 span, .header-10 h1 span span, .header-10 h1 span span span{
width: 100%;
floaT: left;
}

.header-10 h1{
font-family: font-2;
font-style: normal;
font-weight: 700;
font-size: 65px;
line-height: 78px;
letter-spacing: -0.02em;
color: #152B5A;
margin: 0px 0px 0px 0px;
}

.header-19 {
    width: 354px;
    height: 228px;
    color:#fff;
    float: right;
    position: absolute;
    margin: 0px 0px 0px 0px;
    z-index:1;
    bottom: 0px;
    left: -114px;
}

.header-21{
    width: 100%;
    height: 100%;
    background:#2770F1;
    position:absolute;
    lefT: 0px;
    top: 0px;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    opacity: 10%;
}

.header-20, .header-20 img{
    width: 550px;
    height: 500px;
    overflow:hidden;
    border-radius: 100px 10px 100px 0px;
}

.header-20{
    position:relative;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.header-18 img{
    width:100%;
    line-height: 0px;
}

.header-18{
    position:relative;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.header-10{
    width:40%;
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.header-9{
    width: 100%;
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 5% 0% 6% 0%;
}

.header-8{
    margin-top: 81px;
    width: 100%;
    position:relative;
    float: left;
}

#cssmenu ul li:hover::before, #cssmenu ul li:hover::after{ 
    width: 15px !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.header-6 {
    width: 25px;
    height: 46px;
    background: url(../images/phone-1.svg) center no-repeat;
    margin: 0px 6px 0px 0px;
    display:  inline-block;
    floaT: left;
}

.header-7 {
    width: 46px;
    line-height: 46px;
    height: 46px;
    background: #615FE5 url(../images/fb-1.svg) center no-repeat;
    color:#fff;
    float: right;
    position: relative;
    margin: 0px 15px 0px 0px;
    border-radius: 100px;
    font-family: font-2;
    letter-spacing: 1px;
    font-size: 16px;
}


.header-5 {
    line-height: 46px;
    height: 46px;
    background:#2770F1;
    color:#fff;
    float: right;
    position: relative;
    margin: 0px 0px;
    border-radius: 100px;
   padding: 0px 20px 0px 20px;
    font-family: font-2;
    letter-spacing: 1px;
    font-size: 15px;
}

.header-4 {
    /* width: 25%; */
    float: right;
    position: relative;
    margin: 17px 0px;
}

#cssmenu ul .cssmenu-color::before, #cssmenu ul .cssmenu-color::after{ 
    width: 15px !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

#cssmenu ul li::after{ 
    width: 15px;
    height: 3px;    
    bottom: 2px !important;  
    position: absolute;
    background: #2770F1 ;
    content: "";
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    lefT: 50% !important;
}

#cssmenu ul li::before{ 
    width: 0px;
    height: 3px;    
    bottom: 2px !important;  
    position: absolute;
    background: #2770F1;
    content: "";
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    right: 50% !important;
}

#cssmenu ul li::after{ 
    width: 0px;
    height: 3px;    
    margin: 30px 0px 0px 0px;    position: absolute;
    background: #2770F1 ;
    content: "";
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    lefT: 50% !important;
}


.header-3 ul .cssmenu-color a{
color: #2770F1;
}

.header-3 ul li a:hover{
color: #2770F1 !important;
-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.header-3 ul li a{color: #314D88;-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.header-3 ul li a{
 position: relative;
}

.header-3 ul li a{
    float: left;
    position: relative;
    margin:0px 0px;
    padding: 15px 15px;
    font-size: 16px;
}

.header-3 ul li {
    float: left;
    position: relative;
    margin:0px 0px;
    font-family: font-2;
}

.fb-like-1 .header-ffb{
	position: absolute;
	top: 13px;
	lefT: 0px;
}

.fb-like-1 .header-3 {
    margin: 15px 0px 15px 7.5%;
}

.header-3 {
    float: left;
    position: relative;
    margin: 15px 0px 15px 5%;
}

.header-3 li a{
    font-family: 'font-2';
	font-weight: 400;
    text-align: center;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}


.llogo-1 {
    float: left;
    position: relative;
    margin: 22px 0px;
}

.header-1 {
    z-index:99;
    float: left;
    position: fixed;
    widtH: 100%;
    height: 80px;
    color: #323A54;
    background:#ffffff;
    border-bottom: 1px #eee solid;
}
}


@media (min-width:1180px) and (max-width:90000000px){
.center-1{
    width: 1140px;
    margin: auto;
    position:relative;
}
}


@media (min-width: 1075px) and (max-width: 1180px){
.center-1{
    width: 1040px;
    margin: auto;
    position:relative;
}
}

@media (min-width: 1000px) and (max-width: 1075px){
.center-1{
    width: 960px;
    margin: auto;
    position:relative;
}
}


@media (min-width: 810px) and (max-width: 1000px){
.center-1{
    width: 760px;
    margin: auto;
    position:relative;
}
}

@media (min-width: 560px) and (max-width: 810px){
.center-1{
    width: 540px;
    margin: auto;
    position:relative;
}
}

@media (min-width: 10px) and (max-width: 560px){
.center-1{
    margin: 0px 20px;
    position:relative;
}
}



.p-color-47.proeqt-color-1{ background: #2770f1 !important; }

.header-10 p{display: none; } 
@media (min-width:1000px) and (max-width:90000000px){.outer-menu input{display: none;}}
body{margin:0 auto;background:#fff;font-family:font-1, Verdana, sans-serif;font-size:14px;}
::-webkit-scrollbar-track{background:#eceeef;}
::-webkit-scrollbar-thumb{background:#2770F1;}
a{color:#181722;text-decoration:underline;text-decoration:none;}
a img{border:0 none;}
ol, ul, li{list-style:none;}
*{margin:0;padding:0;outline:none;}
::-webkit-scrollbar{width:8px;}

.fex-tab-3::-webkit-scrollbar-track{background:#545b6f;}
.fex-tab-3::-webkit-scrollbar{ height:4px !important;} 

::selection{background-color:#2770F1;color:#fff;}
::selection{color:#fff;}

@font-face{font-family:font-1;src:url('../fonts/font-2.otf');font-weight:bold;}
@font-face{font-family:font-2;src:url('../fonts/font-3.ttf');font-weight:bold;}