/*******************STYLES AND FRONT-END DEVELOPED BY B1G DIGITAL COPYRIGHTS 2016********************/
/************FONTKIT************/
@font-face {
    font-family: 'latobold';
    src: url('../css/webfontkit/lato-bold-webfont.eot');
    src: url('../css/webfontkit/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/webfontkit/lato-bold-webfont.woff2') format('woff2'),
         url('../css/webfontkit/lato-bold-webfont.woff') format('woff'),
         url('../css/webfontkit/lato-bold-webfont.ttf') format('truetype'),
         url('../css/webfontkit/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoregular';
    src: url('../css/webfontkit/lato-regular-webfont.eot');
    src: url('../css/webfontkit/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/webfontkit/lato-regular-webfont.woff2') format('woff2'),
         url('../css/webfontkit/lato-regular-webfont.woff') format('woff'),
         url('../css/webfontkit/lato-regular-webfont.ttf') format('truetype'),
         url('../css/webfontkit/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/************MAIN STYLES************/
*{
	border: none;
	outline: none;
	margin: 0;
	padding: 0;
}
html, body{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	font-family: Tahoma !important;
}
.body_home{
	background-color: #011754;
}
p{
	font-family: Tahoma !important;
	font-size: 1em;
	color: #222222;
	line-height: 1.5em;
}
a{
	border: none;
	outline: none;
}
/************HEADER STYLES************/
header{
	display: block;
	float: left;
	z-index: 50;
	width: 100%;
	height: auto;
	position: absolute;
	background-color: #011754;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 55%, 0% 65%);
	clip-path: polygon(0 0, 100% 0, 100% 55%, 0% 65%);
}
.logo-header{
	width: 100%;
	height: auto;
}
.header-container{
	display: block;
	height: auto;
	padding: 0px;
}
.up-bar-items{
	display: block;
	float: left;
	width: 100%;
	height: auto;
}
.main-logo-header{
	display: block;
	float: left;
	width: 235px;
	height: 55px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.main-menu{
	display: block;
	float: right;
	width: auto;
	height: auto;
	margin: 14px 0px 70px 0px;
	padding: 0px;
	list-style: none;
}
.menu-item{
	display: block;
	float: left;
	width: auto;
	height: auto;
}
.menu-link{
	display: block;
	float: left;
	width: auto;
	height: 30px;
	border-right: solid 1px #ffffff;
	padding: 0px 15px;
	margin: 0px 0px 0px 0px;
	font-family: 'latoregular', Helvetica;
	color: #FFFFFF;
	text-align: center;
	font-size: 1em;
}
.tab-bar{
	background: #011a5b !important;
}
.mobile_logo{
	display: block;
	float: right;
	width: 150px;
    height: 33px;
    margin: 4px 10px 0px 0px;
}
.image_mobile{
	display: block;
	float: left;
	width: 100%;
	height: auto;
}
.left-small{
	border: none;
}
.ico-display-menu{
	width: 35px;
    height: auto;
    margin: 1px 0px 0px 4px;
}
.left-off-canvas-menu{
	background: #01113c;
}
ul.off-canvas-list li label{
	background: #0b2776;
	border-top: 1px solid #0b2776;
	color: #FFFFFF;
	font-family: 'latobold', Helvetica;
}
ul.off-canvas-list li a{
	border-bottom: 1px solid #02091d;
	color: #FFFFFF;
	font-family: 'latobold', Helvetica;
}
/************FOOTER STYLES************/
footer{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
}
.mapsite-container{
	display: block;
	float: left;
	height: auto;
	margin: 0px;
	padding: 15px;
}
.title-footer{
	display: block;
	float: left;
	width: 100%;
	font-family: 'latobold', Helvetica;
	font-size: 1em;
	padding: 5px 0px 8px 10px;
	margin: 0px 0px 15px 0px;
	border-bottom: solid 4px #011754;
	color: #011754;
}
.list-links-footer{
	display: block;
	float: left;
	width: 50%;
	height: auto;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.item-footer{
	display: block;
	width: 100%;
	float: left;
	
}
.link-footer{
	display: block;
	float: left;
	font-family:'latoregular', Helvetica;
	color: #011754;
	font-size: 1em;
	padding-left: 5px;
}
.text-footer{
	display: block;
	font-family:'latoregular', Helvetica;
	color: #011754;
	font-size: 1em;
	padding-left: 5px;
}
.logo-footer{
	display: block;
	float: right;
	width: 80%;
	height: auto;
	margin-top: 60px;
}
.logo-link-footer{
	display: block;
	float: left;
	width: 100%;
	height: auto;
}
/************BUTTONS STYLES************/
.mainbtn{
	display: block;
	width: auto;
	height: auto;
	font-family: 'latobold', Helvetica;
	font-size: 1.2em;
	text-align: center;
	padding: 5px 50px 5px 10px;
	border:solid 2px;
	background-repeat: no-repeat;
	background-position: right top;
}
.white{
	border-color: #FFFFFF;
	color: #FFFFFF;
	background-image: url('../images/ico-arrow_whitebutton.gif');
}
.btn-slider{
	float: left;
	margin: 20px 0px 0px 0px;
}
.online-btn{
	display: block;
	float: right;
	width: auto;
	height: auto;
	background-color: #F3C30B;
	font-family: 'latobold', Helvetica;
	color: #062861;
	text-align: center;
	font-size: 1em;
	padding: 2px 10px 1px 10px;
	margin: 0px 0px 0px 0px;
}

.online-btn2{
	display: block;
	float: right;
	width: auto;
	height: auto;
	background-color:#4EADF3;
	font-family: 'latobold', Helvetica;
	color: black;
	text-align: center;
	font-size: 1em;
	padding: 2px 10px 1px 10px;
	margin: 0px 0px 0px 0px;
}
.leguaje-btn{
	display: block;
	float: right;
	font-family: 'latobold', Helvetica;
	font-size: 0.8em;
	text-align: center;
	padding: 3px 5px 4px 5px;
    margin: 0px 5px 0px 0px;
	color: #6d8ac2;
}
.leguaje-btn:hover{
	color: #6d8ac2;
}
.active-btn{
	color: #FFFFFF;
}
.btn-more{
	display: block;
	margin: 10px auto;
	width: 100px;
	height: auto;
	text-align: center;
	color: #011754;
	border: solid 2px #011754;
	padding: 0px 0px 0px 0px;
	font-family: 'latobold', Helvetica;
	font-size: 1.3em;
}
.btn-more:hover{
	color: #011754;
}
.btn-slider-down{
	display: block;
	float: right;
	padding: 5px 10px 5px 10px;
	margin-top: 15px;
}

/************GENERAL STYLES************/
.slider-container{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	z-index: 2;
}
.slider-home{
	display: block;
	float: left;
	width: 100%;
	height: 600px;
	margin: 0px;
	padding: 0px;
	
}
.slide_contents{
	display: block;
	float: left;
	width: 100%;
	height: 600px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.slide-001{
	background-image: url('../images/img-home-slider-001.jpg');
}
.slide-002{
	background-image: url('../images/img-home-slider-002.jpg');
}
.slide-003{
	background-image: url('../images/img-home-slider-003.jpg');
}
.orbit-bullets-container{
	width: 100%;
    height: auto;
    position: absolute;
    top:85% !important;
}
.orbit-bullets li{
	background-image: url('../images/ico-slider_slideoff.png') !important;
	width: 18px !important;
	height: 18px !important;
	background-position: center top;
	background-color: transparent !important;
}
.orbit-bullets li.active{
	background-image: url('../images/ico-slider_slideactive.png') !important;
}
.contents-slide-container{
	display: block;
	height: auto;
	margin-top:280px;
	padding: 0px;
}
.text-slider{
	display: block;
	float: left;
	font-family: 'latoregular', Helvetica;
	font-size: 2em;
	color: #FFFFFF;
	padding: 10px 20px 10px 20px;
	margin: 0px;
	background-color: rgba(1, 29, 91, 0.7);
	line-height: 1em;
}
.text-slider span{
	font-family: 'latobold', Helvetica;
}
.btn-slider-container{
	display: block;
	float: left;
	width: 100%;
	height: auto;
}
.section-container{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.services{
	background-image: url('../images/ima-bg-texture.jpg');
	-webkit-clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
	clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
	margin-top: -80px;
	padding-top: 70px;
	padding-bottom: 30px;
}
.container-title{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.title-section{
	display: block;
	margin: 0px auto;
	text-align: center;
	font-family: 'latobold', Helvetica;
	font-size: 2em;
	padding: 0px 0px 0px 0px;
	border: solid 2px;
	width: 240px;
}
.dark{
	border:none;
	/*border-color: #011754;*/
	color: #FFFFFF;
	background-color: #011754;
}
.light{
	border-color: #FFFFFF !important;
	color: #FFFFFF !important;
}
.list-services{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0px 20px 0px;
	padding: 0px;
	list-style: none;
}
.service-item{
	display: block;
	float: left;
	padding: 10px;
	margin-bottom: 20px;
}
.ico-main-container{
	display: block;
	float: left;
	width: 100%;
	height: auto;
}
.ico-container{
	display: block;
	width: 150px;
	min-height: 150px;
	margin: 0px auto;
}
.ico-service{
	display: block;
	width: 120px;
	min-height: 120px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border-radius: 90px;
	border: solid 3px #011754;
	margin: 0px auto;
	background-size: 80%;
}
.service-001{
	background-image: url('../images/ico-services_001.png');
}
.service-002{
	background-image: url('../images/ico-services_002.png');
}
.service-003{
	background-image: url('../images/ico-services_003.png');
}
.service-004{
	background-image: url('../images/ico-services_004.png');
}
.service-005{
	background-image: url('../images/ico-services_005.png');
}
.service-006{
	background-image: url('../images/ico-services_006.png');
}
.service-007{
	background-image: url('../images/ico-services_007.png');
}
.service-008{
	background-image: url('../images/ico-service_0015.png');
}
.service-009{
	background-image: url('../images/ico-services_009.png');
}
.service-010{
	background-image: url('../images/ico-services_010.png');
}
.service-011{
	background-image: url('../images/ico-services_011.png');
}
.service-012{
	background-image: url('../images/ico-services_012.png');
}
.service-013{
	background-image: url('../images/ico-services_013.png');
}
.service-001-light{
	background-image: url('../images/ico-services_001-white.png');
}
.service-002-light{
	background-image: url('../images/ico-services_002-white.png');
}
.service-003-light{
	background-image: url('../images/ico-services_003-white.png');
}
.service-004-light{
	background-image: url('../images/ico-services_004-white.png');
}
.service-005-light{
	background-image: url('../images/ico-services_005-white.png');
}
.service-006-light{
	background-image: url('../images/ico-services_006-white.png');
}
.service-007-light{
	background-image: url('../images/ico-services_007-white.png');
}
.service-008-light{
	background-image: url('../images/ico-services_008-white.png');
}
.service-009-light{
	background-image: url('../images/ico-services_009-white.png');
}
.service-010-light{
	background-image: url('../images/ico-services_010-white.png');
}
.service-011-light{
	background-image: url('../images/ico-services_011-white.png');
}
.service-012-light{
	background-image: url('../images/ico-services_012-white.png');
}
.service-013-light{
	background-image: url('../images/ico-services_013-white.png');
}
.title-service{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	font-family: 'latobold', Helvetica;
	font-size: 1.3em;
	text-align: center;
	color: #011754;
	margin: 10px 0px;
	min-height: 65px;
	line-height: 1.1em;
}
.description-service{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	color: #011754;
	margin: 0px 0px;
	padding: 0px 0px;
	text-align: center;
	min-height: 190px;
}
.btn-container{
	display: block;
	float: left;
	width: 100%;
	height: auto;
}
.subtitle{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	font-family: Tahoma;
	text-align: center;
	border-top: solid 3px;
	margin: 0px 0px;
	padding: 7px 0px;
	font-size: 1.3em;
	min-height: 77px;
}
.min-description{
	min-height: 132px;
}
.max-description{
	min-height: 245px;
}
.solutions-item{
	padding: 0px 15px !important;
}
.location{
	background-color: #FFFFFF;
	background-image: url('../images/img-bg_modulelocation.jpg');
	-webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%);
	margin-top: 0px;
	padding-top: 70px;
	padding-bottom: 30px;
	z-index: 23;
	background-repeat: no-repeat;
	background-position: center top;
	height: 680px;
}
.net-title{
	width: 290px;
}
.tex-location-container{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin-top: 230px;
}
.text-location{
	display: block;
	float: right;
	background-color: rgba(1,23,84,0.7);
	font-family: 'latobold', Helvetica;
	color: #FFFFFF;
	text-align: left;
	padding: 10px 40px 14px 20px;
	width: auto;
	height: auto;
	font-size: 1.6em;
	line-height: 0.9em;
}
.banner-down{
	background-color: #FFFFFF;
	padding-bottom: 20px;
}
.slider-banner{
	display: block;
	float: left;
	width: 100%;
	height: auto;
}
.slide-down-container{
	display: block;
	float: left;
	width: 100%;
	height: 165px;
}
.image-container-banner{
	display: block;
	float: left;
	height: 165px;
}
.image-down-banner{
	display: block;
	float: left;
	width: 100%;
	height: auto;
}
.text-banner-down-container{
	display: block;
	float: left;
	height: 165px;
	background-color: #011754;
	padding: 20px 10px 10px 10px;
}
.text-bann-down{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	font-family: 'latobold', Helvetica;
	line-height: 1.1em;
}
.line1{
	font-size: 1.2em;
}
.line2{
	font-size: 2em;
}
.line3{
	font-size: 1.4em;
}
.main-image-section{
	display: block;
	float: left;
	width: 100%;
	height: 520px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	z-index: 2;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
	clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
}
.about{
	background-image: url('../images/main-image-about_us.jpg');
}
.servicesbg{
	background-image: url('../images/main-image-services.jpg');
}
.solutionsbg{
	background-image: url('../images/main-image-solutions.jpg');
}
.clientsbg{
	background-image: url('../images/main-image-clients.jpg');
}
.contactusbg{
	background-image: url('../images/main-image-contact-us.jpg');
} 

.title-section-container{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 140px 0px 0px 0px;
}
.title-section-container span{
	display: block;
	float: right;
	width: auto;
	background-color: rgba(3,8,80,0.6);
	font-family: 'latobold', Helvetica;
	font-size: 3.7em;
	padding: 10px 20px 10px 50px;
	margin: 0px;
	color: #FFFFFF;
}
.text-intro-section{
	display: block;
	float: right;
	height: auto;
	color: #FFFFFF;
	line-height: 1.2em;
	text-align: right;
	margin-top: 20px;
}
.main-contents-container{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	z-index: 20;
	position: relative;
}
.mod-contents{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.subtitle-mod{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	font-family: 'latobold', Helvetica;
	font-size: 2.8em;
	color: #020429;
	text-align: right;
	padding: 10px 20px 0px 20px;
	margin: 40px 0px 0px 0px;
}
.module-contents{
	display: block;
	background-color: #FFFFFF;
	margin-top: -115px;
}
.image-mod{
	display: block;
	float: left;
	width: 100%;
	height: auto;
}
.line-container{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	padding: 0px 20px 0px 20px;
    margin-bottom: 20px;
}
.linebelow{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color:#020429;
	height: 7px;
}
.text-contents-mod{
	display: block;
    float: left;
    width: 100%;
    height: auto;
    padding: 20px;
    line-height: 1.2em;
    margin: 0px 0px;
}
.tt-right{
	text-align: right;
}
.tt-left{
	text-align: left;
}
.solution{
	min-height: 25px;
}
.blue-title{
	/*color: #011754;*/
	color: #ffffff;
    background-color: rgba(3,8,80,0.6);
    padding: 7px 20px 10px 0px;
}
.orbit-timer{
	display: none;
}
.iframe-container{
	display: block;
	float: left;
}
/************MEDIA QUERIES STYLES************/
@media (min-width: 1024px) and (max-width: 2200px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 1024px) {

}

/* Landscape phones and portrait tablets */
@media  (max-width:767px){
	.slide_contents{
		height: 260px;
	}
	.contents-slide-container{
		margin-top: 28px;
	}
	.text-slider{
		font-size: 1.2em;
	}
	.btn-slider{
		margin: 10px 0px 0px 20px;
	}
	.services{
		background-image: url('../images/ima-bg-texture.jpg');
	    -webkit-clip-path: polygon(0 3%, 100% 0, 100% 97%, 0% 100%);
	    clip-path: polygon(0 3%, 100% 0, 100% 97%, 0% 100%);
	    margin-top: -42px;
	    padding-top: 49px;
	}
	.location{
		background-size: 160%;
		padding-top: 40px;
		height: 335px;
	}
	.tex-location-container{
		margin-top: 125px;
	}
	.image-container-banner{
		height: 100px;
	}
	.slide-down-container{
		height: 265px;
	}
	.logo-footer{
		width: 50%;
		margin-top: -120px;
	}
	.touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next{
		display: block !important;
	}
	.orbit-container .orbit-prev, .orbit-container .orbit-next{
		margin-top: 50px;
	}
	.title-section-container span{
		font-size: 2.7em;
	}
	.text-intro-section{
		padding: 10px;
	}
	.subtitle-mod{
		margin: 10px 0px 0px 0px;
	}

}
/*******************STYLES AND FRONT-END DEVELOPED BY B1G DIGITAL COPYRIGHTS 2016********************/