body{
    /*outline:0 none;    
    color:#555;
    font-size:18px;
    font-family: 'Open Sans', sans-serif;
    line-height:1.6;
    background-color:#fff;
    -webkit-font-smoothing:antialiased;*/
    background-color:#fff;
    color: #555;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif !important;
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    height: 100%;
    margin: 0 auto;
    overflow-y: scroll;

}
a:visited {
    color: #006492;
    text-decoration: none;
}

a:hover {
    color: #036;
    text-decoration: none !important;
}

.parallax {
    background: url(../images/bg.jpg) #729ace no-repeat center !important;
}
.bg-mask{/*background:rgba(0,0,0,0.2)*/}
.menu-primary li a.active,
.menu-primary li a:hover{
    background:#065ba0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;}
.menu-primary li a.active {
     background:#618fcc !important;
}
.title-heading{font-size:36px}.title-heading{color:#333}
.menu-primary li a.active,.menu-primary li a:hover{color:#fff}
.lighter,.lighter .title-heading{color:#fff}.title-heading{font-weight:100}.pos-r{position:relative}
.menu-primary li a:hover{text-decoration:none}
header{background:#3973bf;height:48px;width:100%;position:fixed;top:0;left:0;z-index:9999}
.logo{margin:0}.logo a{outline:none}.menu-primary{margin-bottom:0}.menu-primary li{display:inline-block;*display:inline;*zoom:1;line-height:45px;}
.menu-primary li a{color:#fff;text-transform:uppercase;font-size:14px;padding:0 9px;display:inline-block;*display:inline;*zoom:1}.menu-primary li .zdownload{text-indent:-9999px;width:60px;position:relative}.menu-primary li .zdownload:before{content:"";width:20px;height:18px;display:block;background:url("../images/icon-download.png");position:absolute;top:10px}
section .container{position:relative}.top-intro .container{padding:40px 0;height:625px}.tv-banner .container{height:600px}.seven-section .container{height:630px}.top-intro .text-block{margin-top:220px;color:#fff}.top-intro .text-block h1{font-size:46px;font-weight:100;margin-bottom:25px}.top-intro .text-block p{font-weight:100}.app-link{margin-top:35px}.app-link li{padding-right:15px}.app-link li img{opacity:0.8}.app-link li:hover img{opacity:1}.app-link li a{text-decoration:none;display:block;width:100%;height:100%}.app-link li span{display:block;font-size:14px;font-weight:100;color:#fff;margin-top:10px}.app-link .list-inline>li{padding-right:10px;padding-left:10px}.one-section{background:#fff}.one-section .container{height:500px;padding-top:60px}.one-section .title-heading{margin-top:0}.two-section,.four-section,.five-section{height:500px;overflow:hidden}.six-section{overflow:hidden}.two-section .title-heading{margin-top:160px;margin-bottom:25px}.six-section .container{padding-bottom:40px}.three-section .title-heading,.four-section .title-heading,.five-section .title-heading{margin-top:160px;margin-bottom:25px}.two-section li span,.three-section li span,.four-section li span,.five-section li span,.seven-section li span{margin-right:10px}.two-section li,.three-section li,.four-section li,.five-section li,.seven-section li{margin-top:20px}.two-section li:nth-child(2){margin-left:60px}.two-section li:nth-child(3){margin-left:120px}.three-section{height:536px;overflow:hidden}.three-section .title-heading,.three-section ul{margin-left:150px}.five-section .title-heading,.five-section ul{margin-left:200px}.four-section .container,.five-section .container{height:500px}.six-section .title-heading{margin:50px 0 20px}.ele{position:absolute}.ele-1{right:180px;z-index:2}.ele-2{right:30px;z-index:1}.ele-3{top:80px;left:15px}.ele-4{top:85px;left:130px}.ele-5{top:85px;left:50%;margin-left:-120px;z-index:3}.ele-6{top:105px;left:50%;margin-left:-340px;z-index:2}.ele-7{top:130px;left:50%;margin-left:-555px;z-index:1}.ele-8{top:50px;right:280px;z-index:1}.ele-9{top:38px;right:68px;z-index:1}.ele-10{top:38px;right:222px;z-index:2}.ele-11{top:50px;left:-80px;z-index:1}.ele-12{top:80px;left:333px;z-index:3}.ele-13{top:60px;left:400px;z-index:2}.ele-14{top:128px;right:262px;z-index:5}.ele-15{top:87px;right:206px;z-index:4}.ele-16{top:60px;right:162px;z-index:3}.ele-17{top:-15px;right:0;z-index:2}.ele-18{top:65px;left:-90px;z-index:1}.ele-21{top:55px}.ele-22{top:50px;left:50%;margin-left:-155px;z-index:3}.ele-23{top:50px;left:50%;margin-left:-330px;z-index:2}.ele-24{top:50px;left:50%;margin-left:-555px;z-index:1}.ele-25{top:60px;right:100px;z-index:1}.ele-26{top:15px;right:-45px;z-index:1}.ele-27{top:100px;right:165px;z-index:2}.ele-28{top:50px;left:0;z-index:1}.ele-29{top:135px;left:420px;z-index:3}.ele-30{top:200px;left:370px;z-index:2}.ele-31{top:65px;right:170px;z-index:5}.ele-32{top:25px;right:0;z-index:4}.ele-34{top:0;right:auto;left:15px;z-index:4}.ele-34 img{width:630px}#owl-slider .item{margin:25px}#owl-slider .item img{display:block;width:100%;height:auto}.text-35{margin-top:90px}.text-36{margin-top:185px}.ele-35{top:52px;right:0;z-index:1}.ele-36{top:65px;right:auto;left:0;z-index:5}.brand{text-align:center}.brand ul{margin-bottom:0}.brand .title-segment{font-size:20px;font-family:"Roboto";text-transform:none;font-weight:400;margin-top:30px}.brand li{display:inline-block;*display:inline;*zoom:1;margin-left:60px;margin-bottom:25px}.brand li:first-child{margin-left:0}.text-block-white{background:rgba(255,255,255,0.2);color:#fff;font-size:36px;position:absolute;right:0;padding:10px 40px;font-weight:100;top:90px}.slicknav_menu{position:relative;z-index:9999;display:none}
.slicknav_nav,.slicknav_nav ul{background:#3973bf;width:220px}
.slicknav_nav li a{font-size:14px;text-transform:uppercase; color:#fff;}
.section-devices .container{padding-top:40px}.section-devices .item{border:1px solid #bfbfbf;background-color:#f7f7f7;padding:40px 0 20px;margin-bottom:20px}.section-devices .item .thumb{min-height:135px}.section-devices .item h3{font-size:28px;margin:30px 0 25px}.section-devices .item p{font-size:14px;color:#808080;margin-bottom:0}.click-more{color:#ae4ad9;font-size:14px;margin-top:25px;display:inline-block;*display:inline;*zoom:1}.click-more:hover{text-decoration:none;color:#9941bf}.btn-download{display:inline-block;*display:inline;*zoom:1;background:#33495d;color:#fff;font-size:18px;padding:8px 25px;margin-bottom:25px}.btn-download:hover{text-decoration:none;color:#fff;background:#ae4ad9}.title-segment{font-size:28px;text-transform:uppercase;margin:0 0 20px}.mb60{margin-bottom:60px}.white-popup-block{background:#FFF;padding:20px 30px;text-align:left;max-width:550px;margin:40px auto;position:relative}.box-modal h1{font-size:22px;margin:0 0 25px}.box-modal ul li{margin-top:30px}.box-modal ul li:first-child{margin-top:0}.b-social{margin-top:15px}.box-modal ul li a{font-size:22px;color:#333;position:relative;display:block}.box-modal ul li a:hover{opacity:0.8}.box-modal ul li a span{position:absolute;top:0;left:0;text-align:center;margin:10px 0 0 90px}.box-modal ul li a strong{font-size:16px;color:#ebebeb;display:block;font-weight:400}.icon-down{display:inline-block;*display:inline;*zoom:1;margin-left:5px;width:13px;height:8px;background:url("../images/arrow.png") 0 0 no-repeat}.inside-text-block li{margin-bottom:10px;font-weight:100;font-size:24px}.inside-text-block span{margin-right:10px;font-size:16px}@media (max-width: 767px){.menu-primary{display:none}.slicknav_menu{display:block;width:25px;position: absolute;}.top-intro{background-size:cover !important}.top-intro .container{height:1150px;overflow:hidden}.top-intro .text-block{margin-top:140px}.one-section .container{height:460px}.two-section .title-heading,.two-section ul{text-align:center}.two-section .title-heading{margin-top:60px}.two-section li:nth-child(2),.two-section li:nth-child(3){margin-left:0}.two-section,.four-section{height:780px}.four-section .container{height:780px}.five-section,.five-section .container{height:583px}.three-section .title-heading,.three-section ul,.five-section .title-heading,.five-section ul{margin-left:0}.three-section .title-heading,.four-section .title-heading,.five-section .title-heading{margin-top:60px;text-align:center}.four-section ul,.five-section ul{text-align:center}.app-link li{margin-bottom:15px}.ele-1{right:auto;left:50%;top:20px;margin-left:-220px}.ele-2{right:auto;left:50%;top:20px;margin-left:-90px}.ele-3{top:-130px}.ele-4{top:-105px}.ele-5{top:125px}.ele-6{margin-left:-250px;top:145px}.ele-7{margin-left:-380px;top:170px}.ele-5 img,.ele-6 img,.ele-7 img{width:500px}.ele-8{right:auto;left:50%;margin-left:-210px}.ele-9{right:auto;left:50%;margin-left:-25px}.ele-10{right:auto;left:50%;margin-left:-180px}.ele-11{top:300px;left:-235px}.ele-12{top:350px;left:205px}.ele-13{top:275px;left:265px}.ele-14{right:202px}.ele-15{right:146px}.ele-16{right:102px}.ele-17{right:-60px}.ele-18{top:310px;left:-25px}.ele-18 img{width:500px}}@media (min-width: 768px) and (max-width: 991px){.top-intro .container{height:1030px}.top-intro .text-block{margin-top:140px}.one-section .container{height:460px}.two-section .title-heading,.two-section ul{text-align:center}.two-section .title-heading{margin-top:60px}.two-section li:nth-child(2),.two-section li:nth-child(3){margin-left:0}.two-section,.four-section{height:780px}.four-section .container{height:780px}.five-section,.five-section .container{height:745px}.three-section .title-heading,.three-section ul,.five-section .title-heading,.five-section ul{margin-left:0}.three-section .title-heading,.four-section .title-heading,.five-section .title-heading{margin-top:60px;text-align:center}.four-section ul,.five-section ul{text-align:center}.ele-1{right:265px;top:30px}.ele-2{right:145px;top:30px}.ele-3{top:-130px}.ele-4{top:-105px}.ele-5{top:125px}.ele-6{margin-left:-250px;top:145px}.ele-7{margin-left:-380px;top:170px}.ele-5 img,.ele-6 img,.ele-7 img{width:500px}.ele-8{right:365px}.ele-9{right:145px}.ele-10{right:315px}.ele-11{top:300px;left:-40px}.ele-12{top:350px;left:403px}.ele-13{top:275px;left:470px}.ele-18{top:310px;left:-25px}}@media (min-width: 992px) and (max-width: 1199px){.top-intro .container{height:590px;overflow:hidden}.top-intro .text-block{margin-top:180px}.app-link li{margin-bottom:15px}.one-section .container{height:465px}.five-section .title-heading,.five-section ul{margin-left:155px}.three-section .title-heading,.four-section .title-heading,.five-section .title-heading{margin-top:90px}.three-section .title-heading,.three-section ul{margin-left:120px}.three-section{height:450px}.two-section,.four-section,.five-section{height:392px}.four-section .container,.five-section .container{height:392px}.two-section .title-heading{margin-top:110px}.ele-1{right:135px}.ele-1 img{width:300px}.ele-2{right:0}.ele-2 img{width:290px}.ele-3{top:40px}.ele-4{top:65px}.ele-5 img,.ele-6 img,.ele-7 img{width:600px}.ele-8{right:245px}.ele-8 img{width:154px}.ele-9 img{width:180px}.ele-10{right:200px}.ele-10 img{width:170px}.ele-11 img{width:600px}.ele-12{top:90px;left:280px}.ele-12 img{width:44px}.ele-13{left:333px}.ele-13 img{width:203px}.ele-14{top:100px;right:220px}.ele-14 img{width:270px}.ele-15{top:59px;right:164px}.ele-15 img{width:245px}.ele-16{top:32px;right:120px}.ele-16 img{width:200px}.ele-17 img{width:500px}.ele-18{left:0}.ele-18 img{width:600px}.ele-21{top:100px}.ele-21 img{width:415px}.ele-25 img{width:480px}.ele-26 img{width:505px}.ele-28 img{width:500px}.ele-29{top:120px;left:345px}.ele-30{top:178px;left:345px}.ele-30 img{width:200px}.ele-32 img{width:340px}.ele-31{right:130px}.ele-31 img{width:440px}.ele-34 img{width:540px}.ele-35 img{width:580px}.ele-36{top:50px}.ele-36 img{width:420px}.seven-section .container{height:520px}}#ifrLogin{position:absolute}

.navbar {
	margin-bottom: 0;
    border-radius: 0px !important;
}

.logo {
	/*margin:20px 0;*/
}

.site-tool {
	margin-top:5px;
    font-size: 12px;
    font-weight: normal;
}

.site-tool li {
    float: left;
    list-style: none;
    display: inline;
    padding: 0 5px 0 0;
    margin-right: 5px;

}

.br1 {
	border-right:1px solid #aaa;
}

.box-service {
    background: #fff;
    border-radius: 100%;
    width:200px;
    height:200px;
    margin:auto;
}

.circle {
	border-radius: 100%;
}

.box-service a {
	color: #fff;
}

.pb50 {
	padding-bottom:50px;
}

.bg-mask {
	padding-top:20px;
}

.text-upper {
	text-transform: uppercase;
}

.mb10 {
	margin-bottom: 10px;
}

.box-project {
	background: #fff;
	padding-top:5px;
	padding:0;
	border-radius: 100%;
	width:250px;
	height:250px;
	position: relative;
	cursor: pointer;
	margin: 10px auto;
}

.box-project img {
	width:250px;
	height: 250px;
}

#popup-project {display: none}
#popup-project.active {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    z-index: 10000;
    overflow-y:scroll;
    overflow-x:hidden;
    display: inline-block;
}

#popup-project .col-sm-6 {padding: 0}

.page-left {float:right;}

.btn-close {
    position: fixed;
    top: 10px;
    right: 30px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    background: #3498DB;
    text-align: center;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    z-index: 1
}

.project-name {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #3973bf;
	opacity: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	border-radius: 100%;
	text-align: center;
	padding-top: 80px;
	color:#fff;
    top:0;
    font-size:12px
}

.btn-more {
    width: 42px;
    height: 42px;
    -moz-border-radius: 23px;
    -webkit-border-radius: 23px;
    border-radius: 100%;
    color: #fff;
    border: 2px solid #fff;
    text-align: center;
    display: block;
    margin: auto;
    font-size: 22px;
    line-height: 37px;
}

.box-project:hover .project-name {opacity: 1;}

#customers {
	overflow: hidden;
}

#customers>div {
    padding: 0;
}

.pb100 {padding-bottom: 100px}

.page-title {
	/*font-family: 'Lobster', cursive;*/
    margin-bottom: 20px;
}

.box-customer {
    /*background: #fff;*/
    padding: 10px;
    margin: 5px;
    border: 1px solid #fff;
}

footer{
    /*background:#3498DB;padding:10px 0;width:100%*/

    background-color: #f2f2f2;
    border-top: 4px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0 20px 0;
}

footer p{
    margin:5px;
    font-size:12px;
    font-weight: normal;
    font-style: normal;
    color: #555;

}

.slicknav_btn.slicknav_open, .slicknav_btn.slicknav_collapsed {
    float: left;
}

.logo-mobile {display: none;}

@media (max-width: 768px){
	body {
		font-size: 12px !important
	}
	.site-tool {
		margin-top:15px;
	}
	.logo {
		max-width:100px;
		margin:5px 0;
	}
	.page {
	    margin: auto;
	    float: none;
	}
    .slicknav_nav .logo {display: none}
    .logo-mobile {
        margin: 10px auto;
        display: block;
        width: 81px;
    }
    .box-project,.box-project img {
		width: 100%;
    height: 100%;
    /* margin-bottom: 100px; */
    border-radius: 40px;
    padding: 20px;
	}
    .project-name {    padding-top: 30px;
    font-size: 12px;
    position: relative;
    opacity: 100;
    background: transparent;
    color: #3973bf;
    margin-bottom: 100px;}
    .img-page-intro {display: none;}
}

@media (min-width: 768px) {
	body {
		font-size: 13px !important
	}
	.box-project:nth-child(odd) img {
    	float: right;
	}
	.menu-primary li a {font-size: 10px;padding: 0 5px;}
	
    .box-project,.box-project img {width:250px;height: 250px}

    .project-name {padding-top: 36px;}
}

@media (min-width: 992px) {
	body {
		font-size: 14px !important
	}
	.menu-primary li a {font-size: 12px;padding: 0 10px;}
    .box-project,.box-project img {width:200px;height: 200px}
    .project-name {padding-top: 60px;}
}

@media (min-width: 1170px) {
	.menu-primary li a {font-size: 14px;padding: 0 20px}
}

.menu-primary li a {
	padding: 2px 9px;
}