/*------------------reset.css is here----------*/
*{margin:0; padding:0; box-sizing:border-box; }
table {border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
img{max-width:100%; height:auto; display:inline-block; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; }
ol,ul { list-style:none;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
a {color:#000; text-decoration:none; outline:0 none !important; }
a:hover, a:focus {color:#000;  text-decoration:none; outline:0 none !important;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:500;letter-spacing:-1px;font-family: 'MyriadPro-Semibold';}
h1 {font-size:24px;}
h2 {font-size:22px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}
p{font-size:16px; line-height:24px; }
header,nav,section,article,aside,footer,hgroup,figure,main {display: block; }
.clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;}
.last	{margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
.no_bor{border:0 none !important; }
.flt_lt {float:left; display:inline;}
.flt_rt {float:right; display:inline;}


html {}
body {color:#000;font-family: 'Open Sans', sans-serif;font-size:12px; background:#fff;}

/*------------------reset.css is end here----------*/
@font-face {
  font-family: 'MyriadPro-Semibold';
  src: url('../fonts/MyriadPro-Semibold/MyriadPro-Semibold.eot') format('embedded-opentype'),  
  		url('../fonts/MyriadPro-Semibold/MyriadPro-Semibold.otf')  format('opentype'),
	     url('../fonts/MyriadPro-Semibold/MyriadPro-Semibold.woff') format('woff'), 
		 url('../fonts/MyriadPro-Semibold/MyriadPro-Semibold.ttf')  format('truetype'), 
		 url('../fonts/MyriadPro-Semibold/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ----------------------- layout ----------*/
.arbaPro .wrapper				    {margin:0 auto; padding:0;}
.arbaPro .arbaContainer				    {width:auto; margin:0 auto;display:block; padding:0 20px;}
.arbaPro .maincontent				{padding:0 0 70px;margin: 0; display: block;}
/*------header-------*/
.arbaPro .header{display:block; margin:0; padding:0;}
.arbaPro.header-img{display:block; margin:0; padding:0;}
.arbaPro .header-img img{width:100%;height:auto;display:block;}
/*------header end-------*/
/*------banner-------*/
.arbaPro .banner{display:block; margin:0; padding:0;position:relative; overflow:hidden;}
.arbaPro .banner figure img{display:block; width:100%; height:480px; object-fit: cover;}
.arbaPro .banner-cont{display:block; text-align:center; margin:0; padding:50px 0; width:80%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.arbaPro .banner-cont h2{display:block; margin:30px 0; padding:0;font-family: 'MyriadPro-Semibold'; font-size:50px; color:#fff; font-weight:500; line-height:56px;}
.arbaPro .banner-cont h2 span{margin:0; padding:0; font-size:50px; color:#1e73be; font-weight:500; }
.arbaPro .play{display:inline-block;}
/*------banner-------*/
/*------btns-------*/
.arbaPro .btn1{display:inline-block; margin:0; padding:13px 10px; background:#ffffff; font-size:18px; color:#1e73be; line-height:26px; font-weight:600; border-radius:30px; max-width:295px; width:100%; text-align:center; transition:all ease-in-out .5s; -moz-transition:all ease-in-out .5s; -ms-transition:all ease-in-out .5s; -o-transition:all ease-in-out .5s; -webkit-transition:all ease-in-out .5s; text-decoration:none;}
.arbaPro .btn1:hover{background:#1e73be; color:#fff;}

.arbaPro .btn2{display:inline-block; margin:0; padding:11px 10px; background:#1e73be;border:1px solid #1e73be; font-size:18px; color:#fff; line-height:26px; font-weight:600; border-radius:30px; max-width:295px; width:100%; text-align:center; transition:all ease-in-out .5s; -moz-transition:all ease-in-out .5s; -ms-transition:all ease-in-out .5s; -o-transition:all ease-in-out .5s; -webkit-transition:all ease-in-out .5s;text-decoration:none;}
.arbaPro .btn2:hover{background:#fff; color:#1e73be;}

.arbaPro .btn3{display:inline-block; margin:0; padding:5px 10px; /*background:url(../images/arrow1.png) no-repeat 90% center #fff;*/border:1px solid #d0d0d0; font-size:14px; color:#1e73be; line-height:26px; font-weight:600; border-radius:30px; width:140px; text-align:center; transition:all ease-in-out .5s; -moz-transition:all ease-in-out .5s; -ms-transition:all ease-in-out .5s; -o-transition:all ease-in-out .5s; -webkit-transition:all ease-in-out .5s;text-decoration:none;}
.arbaPro .btn3:hover{/*background:url(../images/arrow2.png) no-repeat 90% center #1e73be;*/ color:#fff; border-color:#1e73be;}

/*------btns end-------*/
/*------tab-section-------*/
.arbaPro .tab-section{display:block; margin:0; padding:0; background:#e8e9e9;}
.arbaPro .tab-section ul{display:block; margin:0; padding:0;}
.arbaPro .tab-section ul li{display:inline-block; margin:0; padding:0; float:left; width:20%;}
.arbaPro .tab-section ul li a{display:block; margin:0; padding:20px 20px; font-size:20px; color:#333333; font-weight:500;border-top:2px solid transparent; text-decoration:none;}
.arbaPro .tab-section ul li a span{display:block; margin:0; padding:0; font-size:14px; color:#333333; font-weight:normal;}
.arbaPro .tab-section ul li a:hover, .arbaPro .tab-section ul li a.active{background:#fff; color:#1e73be; border-top-color:#1e73be;}
/*------tab-section end-------*/

.arbaPro .content{display:block; margin:0; padding:0; overflow:hidden;}
.arbaPro .content h2{display:block; margin:0 0 20px; padding:0;font-family: 'MyriadPro-Semibold'; font-size:40px; color:#010000; font-weight:500; line-height:36px;}
.arbaPro .content h2 span{display:inline-block; margin:0; padding:0;font-family: 'MyriadPro-Semibold'; font-size:40px; color:#1e73be; font-weight:500;}
.arbaPro .content h3{display:block; margin:0 0 20px; padding:0; font-family: 'MyriadPro-Semibold'; font-size:30px; color:#010000; font-weight:500; line-height:36px;}
.arbaPro .content h3 span{ margin:0; padding:0;font-size:30px; color:#1e73be; font-weight:500;}
.arbaPro .content p{display:block; margin:0 0 20px; padding:0; font-size:18px; color:#717171; font-weight:normal; line-height:26px;}
.arbaPro .top-cont{display:block; margin:0 auto; padding:50px 0; text-align:center; max-width:900px;}

.arbaPro .block-section{display:flex;align-items: center; margin:0; padding:0;}
.arbaPro .img-block{display:inline-block; margin:0; padding:0; position:relative; width:50%; overflow:hidden;}
.arbaPro .img-block img{display:block; width:100%; height:auto;}
.arbaPro .cont{ direction:ltr; margin:0; padding:22px 30px; background:rgba(0, 0, 0, 0.5); position:absolute; left:0; top:82%; width:100%; height:100%;transition:all ease-in-out .2s; -moz-transition:all ease-in-out .2s; -ms-transition:all ease-in-out .2s; -o-transition:all ease-in-out .2s; -webkit-transition:all ease-in-out .2s;}
.arbaPro .cont h4{display:block; margin:0 0 15px; padding:0; font-family: 'MyriadPro-Semibold'; font-size:20px; color:#fff; font-weight:500;}
.arbaPro .cont p{display:block; margin:0; padding:0; font-size:16px; color:#fff; line-height:22px; font-weight:normal;}

.cont2{background:rgba(238, 87, 19, 0.8);}

.arbaPro .img-block:hover .cont{display:inline-grid; align-content: center; top:0;}
.arbaPro .img-block:hover .cont h4{margin:0 0 5px;}

.arbaPro .cont-block{display:inline-block; margin:0; padding:30px 30px; width:50%; direction:ltr;}
.arbaPro .cont-block h3{display:block; margin:0 0 20px; padding:0; font-family: 'MyriadPro-Semibold'; font-size:20px; color:#000000; font-weight:500;}
.arbaPro .cont-block p{display:block; margin:0 0 20px; padding:0; font-size:16px; color:#717171; font-weight:normal; line-height:22px;}
.arbaPro .cont-block a{display:inline-block; margin:0; padding:0; font-size:16px; color:#1e73be; color:#1e73be;}
.cont-block a:hover{opacity:0.7;}
.arbaPro .cont3{overflow:hidden;}

.arbaPro .top-cont1{display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;   -ms-flex-wrap: wrap;flex-wrap: wrap; align-items: center; align-content: center; margin:0; padding:60px 0 50px; direction:rtl;}
.arbaPro .cont-left{display:inline-block; margin:0; padding:0; float:left; width:50%; direction:ltr;}
.arbaPro .img-right{display:inline-block; margin:0; padding:0; float:left; width:50%; position:relative;}

.back-img{margin:0 0 0 -16px;}
.img4{position:absolute; right:0; top:-7px;}

.arbaPro .features-product{display:block;margin:0;padding: 50px 0 0 0;border-top: 1px solid #b5b5b5;}
.arbaPro .features-product h2{margin:0 0 10px;font-family: 'MyriadPro-Semibold';}
.arbaPro .features-product ul{ margin:0; padding:0;}
.arbaPro .features-product ul li{display:inline-block; margin:0; padding:15px 15px; float:left; width:33.3%; height:328px; transition:all ease-in-out .2s; -moz-transition:all ease-in-out .2s; -ms-transition:all ease-in-out .2s; -o-transition:all ease-in-out .2s; -webkit-transition:all ease-in-out .2s;}
.arbaPro .block{display:block; margin:0; padding:30px 30px; border-radius:10px; border:1px solid #dcdcdc; background:url(../images/bg1.png) no-repeat right bottom; box-shadow:0px 3px 12px rgba(0, 0, 0, 0.05); min-height:100%;}

.arbaPro .block-top{display:flex; align-items: center; margin:0 0 30px 0;}
.arbaPro .block h3{display:inline-block; margin:0; padding:0; font-family: 'MyriadPro-Semibold'; font-size:22px; color:#000000; line-height:normal;}
.arbaPro .block img{display:inline-block; margin:0 20px 0 0;}
.arbaPro .block p{display:block; margin:0; padding:0; font-size:14px; color:#373737; font-weight:normal; line-height:22px;}

.arbaPro .features-product ul li:hover {transform:scale(1.03,1.03);}
.arbaPro .features-product ul li:hover .block{box-shadow:0px 0px 20px rgba(238, 87, 19, 0.45);}
.arbaPro .features-product ul li:hover .block h3{color:#1e73be;}
.arbaPro .features-product ul li:hover .block p{color:#000;}

.arbaPro .cusstomer-speaks{display:block; margin:0; padding:30px 0 60px; background:#f2f5fd;}
.arbaPro .cusstomer-speaks h2{display:block; margin:0 0 30px; padding:0; font-family: 'MyriadPro-Semibold'; font-size:50.15px; color:#010000; font-weight:500;}
.arbaPro .cusstomer-speaks ul{padding:0; margin:0;}
.arbaPro .cusstomer-speaks ul li{display:inline-block; margin:0; padding:15px 15px; width:33.3%; float:left;transition:all ease-in-out .2s; -moz-transition:all ease-in-out .2s; -ms-transition:all ease-in-out .2s; -o-transition:all ease-in-out .2s; -webkit-transition:all ease-in-out .2s;}
.arbaPro .block2{display:block; margin:0; padding:30px 30px 90px; border-radius:3px; border:1px solid #cecece; background:#fff; box-shadow:0px 3px 20px rgba(0, 0, 0, 0.11); min-height:418px; text-align:center; position:relative;}
.arbaPro .block2 img{ margin:0 0 20px;}
.arbaPro .block2 h3{display:block; margin:0 0 20px; padding:0; font-family: 'MyriadPro-Semibold'; font-size:24px; color:#000000; font-weight:500;}
.arbaPro .block2 p{display:block; margin:0 0 20px; padding:0; font-size:14px; color:#717171; font-weight:500; line-height:22px;}
.arbaPro .block2 a{position:absolute; bottom:30px; left:50%; transform:translateX(-50%);}

.arbaPro .cusstomer-speaks ul li:hover {transform:scale(1.03,1.03);}
.arbaPro .cusstomer-speaks ul li:hover .block2{box-shadow:0px 0px 20px rgba(238, 87, 19, 0.45);}
.arbaPro .cusstomer-speaks ul li:hover .block2 h3{color:#1e73be;}
.arbaPro .cusstomer-speaks ul li:hover .block2 p{color:#000;}
.arbaPro .cusstomer-speaks ul li:hover .btn3{background:url(../images/arrow2.png) no-repeat 90% center #1e73be; color:#fff; border-color:#1e73be;}

.arbaPro .global{display:block; margin:0; padding:70px 0 0; text-align:center; border-top:1px solid #d2d2d2;}
.arbaPro .global h2{display:block; margin:0 0 30px; padding:0; font-family: 'MyriadPro-Semibold'; font-size:34.04px; color:#000000; font-weight:500;}
.arbaPro .global ul {}
.arbaPro .global ul li{display:inline-block; margin:0; padding:0; float:left; width:20%;}
.arbaPro .global ul li a{display:inline-block; margin:0; padding:0;}


.arbaPro .cusstomer-speaks2{display:block; margin:0; padding:30px 0 60px; background:#fff;}
.arbaPro .cusstomer-speaks2 h2{display:block; margin:0 0 30px; padding:0; font-family: 'MyriadPro-Semibold'; font-size:50.15px; color:#010000; font-weight:500;}
.arbaPro .cusstomer-speaks2 ul{padding:0; margin:0;}
.arbaPro .cusstomer-speaks2 ul li{width:20%; padding:10px !important; float:left; display:block; margin:0; transition:all ease-in-out .2s; -moz-transition:all ease-in-out .2s; -ms-transition:all ease-in-out .2s; -o-transition:all ease-in-out .2s; -webkit-transition:all ease-in-out .2s;}
.arbaPro .block3{height: 290px;display:block; margin:0; padding:20px; border:1px solid #cecece; background:#fff; box-shadow:0px 3px 20px rgba(0, 0, 0, 0.11); }
.arbaPro .block3 figure{ margin:0 0 20px; float:left; display:inline-block; width:23%; border-right:2px solid #b5b5b5;}

.arbaPro .block3-cont{display:inline-block; margin:0; padding:0; float:right; width:100%;}
.arbaPro .h3title{height: 100px;padding: 12px 0;}
.arbaPro .block3 h3{text-align: center;display:block; margin:0 0 20px; padding:0; font-family: 'MyriadPro-Semibold'; font-size:20px; color:#000000; font-weight:500;}
.arbaPro .block3 p{text-align: center;display:block; margin:0 0 20px; padding:0; font-size:18px; color:#717171; font-weight:normal; line-height:26px;}
.arbaPro .block3 a{display:block; /*float:right;*/ margin: 0 auto;}

.arbaPro .cusstomer-speaks2 ul li:hover {transform:scale(1.03,1.03);}
.arbaPro .cusstomer-speaks2 ul li:hover .block3{box-shadow:0px 0px 20px rgba(31, 116, 190,0.45)}
.arbaPro .cusstomer-speaks2 ul li:hover .block3 h3{color:#1e73be;}
.arbaPro .cusstomer-speaks2 ul li:hover .block3 p{color:#000;}
.arbaPro .cusstomer-speaks2 ul li:hover .btn3{background:url(../images/arrow2.png) no-repeat 95% center #1e73be; color:#fff; border-color:#1e73be;}

.arbaPro .monitoring{display:block; margin:0; padding:50px 0 30px;}
.arbaPro .monitoring-block{display:block; margin:0; padding:50px 0;}
.arbaPro .monitoring figure{display:inline-block; margin:0; padding:0; float:left; width:42%;}
.arbaPro .monitoring-cont{display:inline-block; margin:0; padding:0; float:right; width:50%;}
.arbaPro .monitoring-cont h3{ display:block; margin:0; padding:0; font-family: 'MyriadPro-Semibold'; font-size:34px; color:#000; line-height:36px;}
.arbaPro .monitoring-cont ul{display:block; margin:20px 0; padding:0; background:#f7f9fe; border-radius:5px; border:1px solid #d2d2d2; overflow:hidden;}
.arbaPro .monitoring-cont ul li{display:block; padding:0; margin:0;border-bottom:1px solid #d2d2d2; min-height:50px;}
.arbaPro .monitoring-cont ul li a{display:block; margin:0; padding:11px 30px; font-size:20px; color:#000; font-weight:normal;transition:all ease-in-out .2s; -moz-transition:all ease-in-out .2s; -ms-transition:all ease-in-out .2s; -o-transition:all ease-in-out .2s; -webkit-transition:all ease-in-out .2s;}
.arbaPro .monitoring-cont ul li a span{font-weight:bold; margin:0 20px 0 0; color:#000;transition:all ease-in-out .2s; -moz-transition:all ease-in-out .2s; -ms-transition:all ease-in-out .2s; -o-transition:all ease-in-out .2s; -webkit-transition:all ease-in-out .2s;}
.arbaPro .monitoring-cont ul li a.demo{text-transform:uppercase;padding:15px 30px; font-weight:bold; font-size:14px; color:#1e73be;}
.arbaPro .monitoring-cont ul li a.demo span{margin:0;}

.arbaPro .monitoring-cont ul li a:hover{background:#fff; color:#1e73be;}
.arbaPro .monitoring-cont ul li a:hover span{color:#1e73be;}

.arbaPro .banner2{ min-height:480px; position:relative; overflow:hidden;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e0c82+1,2cd4d7+100 */
background: #1e0c82; /* Old browsers */
background: -moz-linear-gradient(left, #1e0c82 1%, #2cd4d7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #1e0c82 1%,#2cd4d7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #1e0c82 1%,#2cd4d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e0c82', endColorstr='#2cd4d7',GradientType=1 ); /* IE6-9 */}

.arbaPro .items{display:block; margin:0 0 50px; padding:0;}
.arbaPro .items ul{padding:0;margin:0;}
.arbaPro .items ul li{display:inline-block;margin:0;padding:0;float:left;width:20%;text-align:center;}
.arbaPro .items ul li figure{position:relative;}
.arbaPro .items ul li figure:after{content:'';display:inline-block;margin:0;padding:0;background:url(../images/arrow3.png) no-repeat right center;width: 22%;height:18px;position: absolute;top:42%;right: -22px;}
.arbaPro .items ul li p{display:block; margin:0; padding:0; font-size:16px; color:#000000; font-weight:normal; line-height:20px;}
.arbaPro .down-arrow{margin:-5px 0 0; padding:0;}

.arbaPro .items ul li:nth-last-child(1) figure:after{display:none;}

.arbaPro .options-section{display:block; margin:0; padding:0;}
.arbaPro .options-section h2{display:block; margin:0 0 20px; padding:0; text-align:center; font-family: 'MyriadPro-Semibold'; font-size:40px; color:#000000;}

.arbaPro .section1{display:block; margin:0; padding:0; background:#f3f6f7;}
.arbaPro .section-cont{display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;   -ms-flex-wrap: wrap;flex-wrap: wrap; align-items: center; align-content: center; margin:0 auto; padding:60px 0 50px; overflow:hidden; max-width:1000px;}
.arbaPro .section-cont-left{display:inline-block; margin:0; padding:0 15px; float:left; width:64%;}
.arbaPro .section-cont-left h3{display:block; margin:0 0 15px; padding:0; font-family: 'MyriadPro-Semibold'; font-size:24px; color:#000000;  line-height:26px;}
.arbaPro .section-cont-left p{display:block; margin:0; padding:0; font-size:18px; color:#717171; font-weight:normal;}
.arbaPro .section-cont-left a{display:inline-block; margin:0; padding:0; font-size:18px; color:#1e73be; font-weight:600;}

.arbaPro .section-img-right{display:inline-block; margin:0; padding:0; float:left; width:34%; position:relative;}
.arbaPro .section-back-img{margin:0;}

.arbaPro .howitworks .top-cont{max-width: 800px; padding:70px 0 30px;}

.arbaPro .footer{text-align:center; background:url(../images/footer-bg1.jpg) repeat-x left top;}

#html5-watermark{display:none !important;}