html,body,div,footer,header,article,aside,section,span,h1,h2,h3,h4,h5,h6,p,a,font,img,strong,b,u,i,center,ol,ul,li,form,label,table,button,input{margin:0;padding:0;border:0;outline:0;background:transparent;font-size:100%;font-weight:normal}
ol,ul,li{list-style:none;list-style-type:none}
:focus{outline:0}
body{min-width:1240px;direction:rtl;font-family:hoonel;font-size:13px;line-height:26px;background:#fff}
body a{text-decoration:none;color:#000000}
body a:hover{text-decoration:none}
@font-face{font-family:hoonel;font-weight:100;src:url(https://portal.hoonel.com/templates/static/fonts/100.eot);src:url(//portal.hoonel.com/templates/static/fonts/100.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/100.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/100.ttf) format("truetype")}
@font-face{font-family:hoonel;font-weight:300;src:url(https://portal.hoonel.com/templates/static/fonts/300.eot);src:url(//portal.hoonel.com/templates/static/fonts/300.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/300.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/300.ttf) format("truetype"),url(//portal.hoonel.com/templates/static/fonts/300.woff2) format("woff2")}
@font-face{font-family:hoonel;font-weight:400;src:url(https://portal.hoonel.com/templates/static/fonts/400.eot);src:url(//portal.hoonel.com/templates/static/fonts/400.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/400.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/400.ttf) format("truetype"),url(//portal.hoonel.com/templates/static/fonts/400.woff2) format("woff2")}
@font-face{font-family:hoonel;font-weight:500;src:url(https://portal.hoonel.com/templates/static/fonts/500.eot);src:url(//portal.hoonel.com/templates/static/fonts/500.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/500.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/500.ttf) format("truetype")}
@font-face{font-family:hoonel;font-weight:700;src:url(https://portal.hoonel.com/templates/static/fonts/700.eot);src:url(//portal.hoonel.com/templates/static/fonts/700.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/700.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/700.ttf) format("truetype"),url(//portal.hoonel.com/templates/static/fonts/700.woff2) format("woff2")}
@font-face{font-family:hoonel;font-weight:800;src:url(https://portal.hoonel.com/templates/static/fonts/800.eot);src:url(//portal.hoonel.com/templates/static/fonts/800.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/800.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/800.ttf) format("truetype")}
@font-face{font-family:hoonel;font-weight:900;src:url(https://portal.hoonel.com/templates/static/fonts/900.eot);src:url(//portal.hoonel.com/templates/static/fonts/900.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/900.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/900.ttf) format("truetype")}
@font-face{font-family:hoonel;font-weight:950;src:url(https://portal.hoonel.com/templates/static/fonts/950.eot);src:url(//portal.hoonel.com/templates/static/fonts/950.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/950.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/950.ttf) format("truetype")}

		.wrp{width:1240px;margin:0 auto}
.clr{clear:both}
.solid{position:relative;width:100%;height:750px;text-align:center;display:flex;justify-content:center;align-items:center;overflow:hidden}
.solid video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.solid-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1e4ea7;opacity:0.3;z-index:1}
.solid-gr{position:absolute;bottom:0;width:100%;height:500px;background:linear-gradient(to bottom, rgba(0, 0, 0, 0), #1e4ea7 150%)}
.header{width:100%;height:100px;box-shadow:inset 0px 100px 60px -60px #1e4ea7;border-bottom:1px solid #ffffff90;position:absolute;top:0;left:0;z-index:2}
.header-logo{height:55px;width:52px;background-image:url(img/logo-white.svg);background-size:cover;float:right;margin:25px 0 0 25px}
.header-menu{width:800px;float:right;height:100px;line-height:100px}
.header-menu span{float:right;padding:0 5px;font-size:15px;color:#fff}
.header-menu a{float:right;padding:0 10px;font-size:16px;color:#fff;transition: 0.3s}
.header-menu a:hover{color:#1e4ea7;}
.header-lang{width:200px;height:100px;line-height:100px;float:left}
.header-lang a{float:left;padding-right:10px;font-size:17px;color:#fff;transition: 0.3s;}
.header-lang a:hover{color:#1e4ea7}
.solid-text{width:600px;height:300px;color:#fff;margin:200px auto 0;z-index:2}
.solid-text p{font-size:35px;line-height:35px;font-weight:bold;margin-bottom:30px}
.solid-text b{display:block;font-size:16px;line-height:30px;margin-bottom:40px}
.solid-text a{display:inline-block;width:250px;height:50px;line-height:50px;font-size:16px;color:#fff;background:#4d93e9;border-radius:22px;margin:0 175px;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);transition: 0.3s;}
	.solid-text a:hover{background:#1e4ea7}
.box-solid{position:relative;z-index:2;width:1200px;height:265px;padding:55px 20px 0;margin-top:-65px;color:#fff;background:linear-gradient(to left, rgba(23, 68, 158, 1), rgba(36, 93, 179, 1));border-radius:5px}
	.box-solid-r{width:500px;padding:0 30px;float:right}
	.box-solid-l{width:580px;padding:0 30px;float:left}
	.box-solid p{font-size:22px;font-weight:700px;height:30px;line-height:25px}
	.box-solid p img{float:right;display:inline;width:30px;height:30px;margin-left:10px}
	.box-solid b{width:100%px;font-size:14.5px;line-height:28px;color:#abcbff;display:block;padding:20px 0 15px}
	.box-solid a{display:block;float:right;font-size:18px;color:#fff;padding:10px 0 5px;transition: 0.3s}
.box-solid a:hover{border-bottom:1px solid #fff}
	.box-solid u{display:block;width:580px;height:45px;line-height:45px;text-decoration:none;font-size:14px;color:#fff;border-bottom:1px solid #5a7ec6}
	.box-solid u i{float:left;text-align:left}
	.box-service{width:1240px;height:300px;margin:80px 0 90px}
    .box-service-title{width:1240px;height:40px;line-height:40px;color:#1c4ca5;font-size:30px;font-weight:bold;margin-bottom:50px}
	.box-service a{display:block;float:right;width:280px;height:200px;line-height:26px;color:#757575;margin-left:40px;overflow:hidden;transition: 0.6s}
    .box-service a:last-child{margin-left:0}
	.box-service a img{width:45px;height:45px;transition: 0.6s}
	.box-service a b{display:block;color:#1a49a2;font-size:17px;height:26px;font-weight:bold;padding:20px 0;transition: 0.6s}
.box-service a:hover b{margin:0}
.box-service a:hover img{float:right;margin-left:20px}
	
.box-comments{width:100%;height:300px;overflow:hidden;position:relative;padding:100px 0;text-align:center;background:linear-gradient(to left, rgba(23, 68, 158, 1), rgba(36, 93, 179, 1));color:#fff}
.box-comments p{height:30px;font-size:24px;margin-bottom:50px;font-weight:bold;color:#fff}
.box-comments-in{margin:auto;overflow:hidden;position:relative;width:600px;height:240px}
.block-comments{list-style:none;position:absolute;left: 0px;top:0px;width:9000px;transition:left .3s linear;animation:slide-animation 10s infinite}
.block-comments li{float:left;position:relative;width:600px;display:inline-block;height:200px}
.block-comments li u{display:block;width:630px;text-align:right;padding:0 15px 15px 0;color:#aaa;font-weight:bold;font-style:italic;text-decoration:none}
.block-comments li b{display:block;width:200px;height:60px;line-height:30px;margin-top:40px;font-size:12px;font-weight:bold;text-align:right;margin-right:200px}
.block-comments li b i{display:block;color:#aaa;font-size:12px}
.block-comments li b img{float:right;width:50px;height:50px;border-radius:50%;margin:5px 0 5px 15px}
.block-comments:hover{cursor:pause;animation-play-state:paused}
@-webkit-keyframes slide-animation {
0% {opacity:0;}
2% {opacity:1;}
20% {left:0px; opacity:1;}
22.5% {opacity:0.6;}
25% {left:-600px; opacity:1;}
45% {left:-600px; opacity:1;}
47.5% {opacity:0.6;}
50% {left:-1200px; opacity:1;}
70% {left:-1200px; opacity:1;}
72.5% {opacity:0.6;}
75% {left:-1800px; opacity:1;}
95% {opacity:1;}
98% {left:-1800px; opacity:1} 
100% {left:0px; opacity:0}
}

.box-portfolio{width:100%;height:410px;border-bottom:70px solid #f1f1f1;margin-top:75px}
.box-portfolio-title{width:1240px;height:40px;line-height:40px;color:#1c4ca5;font-size:30px;font-weight:bold;margin-bottom:53px}
.box-portfolio-title a{float:left;color:#1a49a2;font-size:14px;font-weight:bold;margin-top:5px}
.block-portfolio a{display:block;position:relative;width:280px;height:170px;float:right;border-radius:5px;margin:0 15px 30px;box-shadow: 0 0 35px rgba(0, 0, 0,0.1);overflow:hidden;transition: 0.6s}
.block-portfolio a p{width:280px;height:170px;border-radius:5px;position:absolute;z-index:1;overflow:hidden}
.block-portfolio a p img{width:140px;height:170px;float:right}
.block-portfolio a h2{height:50px;width:255px;padding:40px 25px 0 0;line-height:40px;color:#fff;background:linear-gradient(transparent,#0a2a73 130%);border-radius:0 0 5px 5px;position:absolute;z-index:2;margin-top:80px;transition: 0.6s}
.block-portfolio a:hover h2{margin-top:170px}

.box-insurance{width:100%;height:330px;background:#f1f1f1;padding-top:120px}
.box-insurance-title{width:1240px;height:40px;line-height:40px;color:#1a49a2;font-size:25px;font-weight:bold;text-align:center;margin-bottom:60px}
.block-insurance{display:flex;justify-content:space-between}
.block-insurance a{float:right;width:64px;height:90px;text-align:center;color:#1a49a2;font-size:10px;transition: 0.3s}
.block-insurance a img{width:64px;height:64px;color:#1a49a2;font-size:10px;transition: 0.3s}
.block-insurance a:hover img{width:84px;height:84px;margin:-10px -10px 0 0}
.block-insurance a:hover{font-size:0}

.box-aboutbg{width:100%;height:570px;border-top:130px solid #f1f1f1;margin-bottom:88px}
.box-about{width:1240px;height:700px;background:#fff;border-radius:5px;overflow:hidden;box-shadow: 0 0 35px rgba(0, 0, 0,0.1);margin-top:-130px}
.box-about-me{width:1170px;padding-left:70px;height:500px}
.box-about-me img{width:620px;height:500px;float:right;margin-left:70px}
.box-about-me b{display:block;height:40px;line-height:40px;padding:90px 0 30px;font-size:40px}
.box-about-me i{display:block;height:30px;line-height:30px;color:#1a49a2;font-size:22px}
.box-about-me p{display:block;height:110px;padding:30px 0 40px;font-size:15px;line-height:25px}
.box-about-me a{display:block;float:left;width:200px;height:50px;line-height:47px;font-size:16px;font-weight:bold;background:#4d93e9;border-radius:10px;text-align:center;color:#fff;transition: 0.6s}
.box-about-me a:hover{background:#a9d0ff}
.box-about-st{width:1240px;height:200px;background:linear-gradient(to left, rgba(23, 68, 158, 1), rgba(36, 93, 179, 1))}
.box-about-st p{width:310px;margin-top:60px;float:right;text-align:center;color:#a9d0ff;font-size:20px}
.box-about-st p b{font-size:40px;line-height:40px;height:40px;font-weight:bold;color:#fff;display:block;margin-bottom:20px}
.box-mag{width:810px;float:right;text-align:right}
.box-mag-title{width:100%;height:40px;line-height:40px;color:#1a49a2;font-size:22px;font-weight:bold;margin-bottom:35px}
.box-mag-title a{float:left;color:#1a49a2;font-size:14px;font-weight:bold;margin-top:5px}
.block-magbig{display:block;float:right;width:385px;height:320px;background:#1a49a2;color:#fff;border-radius:4px;overflow:hidden}
.block-magbig img{width:385px;height:215px;transition: 0.4s}
.block-magbig h2{font-size:14.5px;font-weight:bold;height:20px;line-height:20px;display:block;margin:18px 27px 10px;width:305px;overflow:hidden}
.block-magbig b{color:#a9d0ff;font-size:13px;margin:0 27px}
.block-magbig:hover img{opacity:0.5}
.block-maglim{display:block;float:left;width:385px;height:80px;overflow:hidden;margin-bottom:40px}
.block-maglim img{float:right;width:90px;height:80px;background:#1a49a2;border-radius:4px;transition: 0.4s}
.block-maglim h2{width:275px;height:48px;float:left;line-height:22px;font-size:14px;font-weight:bold;color:#555;padding-top:3px}
.block-maglim b{float:left;width:275px;color:#a7a7a7}
.block-maglim:hover img{opacity:0.5}
.box-nws{width:350px;float:left}
.box-nws-title{width:100%;height:40px;line-height:40px;color:#1a49a2;font-size:22px;font-weight:bold;margin-bottom:35px}
.box-nws a{height:14px;line-height:14px;font-size:14.5px;display:block;border-bottom:1px solid #dedede;color:#4d93e9;padding-bottom:20px;margin-bottom:20px}
.footer{width:100%;height:460px;background:#17449e;margin-top:65px;color:#fff}
.footer-social{width:100%;height:80px;line-height:80px;font-size:30px;background:#113989;text-align:left}
.footer-social a{float:right;display:block;width:25px;height:25px;line-height:25px;padding:7.5px;margin:20px 0 0 20px;border-radius:50%;background:#fff}
.footer-social a img{width:25px;height:25px;color:#fff}
.footer-menu{height:200px;padding:60px 0}
.footer-menu p{font-size:20px;height:35px;line-height:35px;margin-bottom:10px}
.footer-menu > li{float:right;width:200px;margin:0 20px 0 10px}
.footer-menu > li a{display:block;height:35px;line-height:35px;font-size:14px;color:#fff}
.footer-menu ul{float:left;width:500px}
.footer-menu ul > li{width:100%;padding-bottom:15px;border-bottom:1px solid #aaaaaa50;margin-bottom:15px}
.footer-cpr{height:50px;line-height:50px;width:100%;border-top:1px solid #4d93e950;text-align:left}


.sh-solid{position:relative;width:100%;height:550px;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-bottom:80px}
.sh-solid video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.sh-solid-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1e4ea7;opacity:0.3;z-index:1}
.sh-solid-gr{position:absolute;bottom:0;width:100%;height:500px;background:linear-gradient(to bottom, rgba(0, 0, 0, 0), #1e4ea7 150%);}
.sh-solid-text{width:1100px;height:300px;color:#fff;margin-top:150px;z-index:2}
.sh-solid-text p{width:800px;font-size:40px;line-height:50px;font-weight:bold;margin-bottom:60px}
.sh-solid-text p a,.sh-solid-text p a span{font-weight:bold;color:#fff}
.sh-solid-text b{width:500px;display:block;font-size:16px;line-height:30px;margin-bottom:40px}
.sh-solid-text > a{width:800px;display:inline-block;text-align:center;width:250px;height:50px;line-height:50px;font-size:16px;color:#fff;background:#4d93e9;border-radius:22px;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);transition: 0.3s}
.sh-blockportfolio > a{display:block;position:relative;width:280px;height:170px;float:right;border-radius:5px;margin-bottom:40px;box-shadow: 0 0 35px rgba(0, 0, 0,0.1);overflow:hidden;transition: 0.6s;margin:0 15px 30px}
.sh-blockportfolio > a p{width:280px;height:170px;border-radius:5px;position:absolute;z-index:1;overflow:hidden}
.sh-blockportfolio > a p img{width:140px;height:170px;float:right}
.sh-blockportfolio > a h2{height:50px;width:255px;padding:40px 25px 0 0;line-height:40px;color:#fff;background:linear-gradient(transparent,#0a2a73 130%);border-radius:0 0 5px 5px;position:absolute;z-index:2;margin-top:80px;transition: 0.6s}
.sh-blockportfolio > a:hover h2{margin-top:170px}
.sh-blockinsurance > h3{float:right;width:105px;height:150px;padding:15px;text-align:center;color:#1a49a2;font-size:10px;transition: 0.3s;box-shadow: 0 0 35px rgba(0, 0, 0,0.1);border-radius:7px;margin:0 10px 20px}
.sh-blockinsurance > h3 img{width:105px;height:105px;color:#1a49a2;font-size:10px;margin-bottom:10px}
.sh-blockinsurance > h3:hover{font-size:0}
.sh-blockportfolio .sh-blockportfolio2{display:block;overflow:hidden;position:relative;width:1280px;height:170px;float:right;border-radius:5px;margin-bottom:40px;box-shadow: 0 0 35px rgba(0, 0, 0,0.1);transition: 0.6s;margin:0 15px 30px}
.sh-blockportfolio .sh-blockportfolio2 p{width:280px;height:170px;border-radius:5px;position:absolute;z-index:1;overflow:hidden}
.sh-blockportfolio .sh-blockportfolio2 p img{width:140px;height:170px;float:right}
.sh-blockportfolio .sh-blockportfolio2 h2{height:50px;width:255px;padding:40px 25px 0 0;line-height:40px;color:#fff;background:linear-gradient(transparent,#0a2a73 130%);border-radius:0 0 5px 5px;position:absolute;z-index:2;margin-top:80px;transition: 0.6s}
.sh-blockportfolio .sh-blockportfolio2 h3{width:680px;float:left;padding-left:300px}
.sh-blockportfolio .sh-blockportfolio2:hover h2{margin-top:170px}
.sh-blockinsurance > h3{float:right;width:105px;height:150px;padding:15px;text-align:center;color:#1a49a2;font-size:10px;transition: 0.3s;box-shadow: 0 0 35px rgba(0, 0, 0,0.1);border-radius:7px;margin:0 10px 20px}
.sh-blockinsurance > h3 img{width:105px;height:105px;color:#1a49a2;font-size:10px;margin-bottom:10px}
.sh-blockinsurance > h3:hover{font-size:0}
.sh-blocklearn > a{float:right;width:280px;height:235px;color:#1a49a2;font-size:14px;transition: 0.3s;box-shadow: 0 0 35px rgba(0, 0, 0,0.1);border-radius:7px;overflow:hidden;margin:0 15px 30px}
.sh-blocklearn > a img{width:280px;height:150px}
.sh-blocklearn > a h3{width:280px;margin:5px 20px 0 10px}
.sh-blocklearn > a:hover{}




.md-menu{1240px;height:50px;line-height:50px;font-size:17px;margin-bottom:50px}
.md-menu a{display:inline-block;border-bottom:1px solid #ccc;padding:0 12px}
.md-menu a i{width:100%;display:inline-block;height:48px;line-height:50px;border-bottom:2px solid #1b52a0;font-style:normal}

.mdpages{width:100%;height:40px;margin-top:40px}
.mdpages a{float:right;height:40px;line-height:42px;font-size:16px;color:#fff;display:inline-block;background:#4d93e9;padding:0 17px;margin:0 4px;border-radius:3px}
.mdpages a:hover{background:#1e4b97;opacity:0.7}
.mdpages span{float:right;height:40px;line-height:42px;font-size:16px;color:#fff;display:inline-block;background:#1e4b97;padding:0 17px;margin:0 4px;border-radius:3px}