@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
@import url(http://fonts.googleapis.com/css?family=Raleway:100,300,400,700,900);

html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
	perspective: 500px;
	transform-style: preserve-3d;
	perspective-origin: 50% 50%;
}

body {
	transform: translateY(0) translateX(0) translateZ(0);
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Lato', sans-serif;
	
}
a,button,p,em,ins,address{
	font-family: 'raleway', sans-serif;
}
button{
	outline: none;
}
a {
	transition:0.2s ease-in;
	
}	
a:hover{
	text-decoration:none;
}
a:hover,
a:focus {
	outline: none;
}


 #tec-content  {
	padding-left: 120px;
	padding-right: 120px;
}
.bt-menu {
	z-index: 9999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	border-width: 0px;
	border-style: solid;
	border-color:rgba(0,0,0,0.5	);;
	background-color: rgba(0,0,0,0);
	-webkit-backface-visibility: hidden;
	-webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
}
.bt-menu .menu-top{
	background: #0e83cd;
	color:#fff;
	padding:15px;
	border:none;
	position: fixed;
	left:0;
	
}
.bt-menu.bt-menu-open {
	height: 100%;
	border-width: 0px 0px 50px 150px;
	background-color: rgba(0,0,0,0.3);
	-webkit-transition: border-width 0.3s, background-color 0.3s;
	transition: border-width 0.3s, background-color 0.3s;
}


.bt-overlay {
	position: absolute;
	width: 100%;
}

.bt-menu-open .bt-overlay {
	height: 100%;
}

.bt-menu-trigger {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 100;
	display: block;
	width: 50px;
	height: 50px;
	cursor: pointer;
	
}

.bt-menu-trigger span {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 100%;
	height: 8%;
	background-color: #0e83cd;
	font-size: 0px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	
}

.bt-menu-trigger span:before,
.bt-menu-trigger span:after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0e83cd;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	
}

.bt-menu-trigger span:before {
	-webkit-transform: translateY(-250%);
	transform: translateY(-250%);
}

.bt-menu-trigger span:after {
	-webkit-transform: translateY(250%);
	transform: translateY(250%);
	
}

.bt-menu-open .bt-menu-trigger span:before {
	-webkit-transform: translateY(-300%);
	transform: translateY(-300%);
	
}

.bt-menu-open .bt-menu-trigger span:after {
	-webkit-transform: translateY(300%);
	transform: translateY(300%);
	
}

.bt-menu ul {
	position: fixed;
	margin: 0;
	padding: 0;
	list-style: none;
}

.bt-menu ul:first-of-type {
	top: 75px;
	left: 0;
}

.bt-menu ul:nth-of-type(2) {
	right: 0;
	bottom: 0;
}

.bt-menu ul li,
.bt-menu ul li a {
	display: block;
}

.bt-menu ul:nth-of-type(2) li {
	float: left;
	font-size: 0px;
}

.bt-menu ul li {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s, visibility 0s 0.3s;
	transition: transform 0.3s, opacity 0.2s, visibility 0s 0.3s;
}

.bt-menu.bt-menu-open ul:first-of-type li,
.bt-menu.bt-menu-open ul:nth-of-type(2) li {
	visibility: visible;
	opacity: 1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s 0.1s;
	transition: transform 0.3s, opacity 0.3s;
}

/* First menu */
.bt-menu ul:first-of-type li {
	width: 150px;
	height: 50px;
	line-height: 50px;
	-webkit-transform: translate3d(-100%,50%,0);
	transform: translate3d(-100%,50%,0);
}

.bt-menu.bt-menu-open ul:first-of-type li {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Second menu */
.bt-menu ul:nth-of-type(2) li {
	width: 60px;
	height: 50px;
	line-height: 50px;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.bt-menu.bt-menu-open ul:nth-of-type(2) li:first-child { 
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(2) { 
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(3) { 
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(4) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.bt-menu.bt-menu-open ul:nth-of-type(2) li {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.bt-menu ul li a {
	display: block;
	outline: none;
	text-decoration: none;
}

.bt-menu ul:first-of-type li a {
	padding: 0 20px;
	box-shadow: inset 0 1px rgba(0,0,0,0.2);
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 1em;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.bt-menu ul:first-of-type li:last-child a {
	box-shadow: inset 0 1px rgba(0,0,0,0.2), inset 0 -1px rgba(0,0,0,0.2);
}

.bt-menu ul:nth-of-type(2) li a {
	color: transparent;
	text-align: center;
	font-size: 0px;
}

.bt-menu ul li a:before {
	color: #fff;
	font-size: 24px;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.bt-menu ul:first-of-type li a:hover,
.bt-menu ul:first-of-type li a:focus,
.bt-menu ul li a:hover:before,
.bt-menu ul li a:focus:before {
	color: #0e83cd;
}
div.homepage-logo img {
height: 179px;
}

.blue-button {
background: #0e83cd;
display: inline-block;
padding: 10px;
color: #fff;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1.01px;
font-size: 18px;
transition: 0.2s ease-in;
    max-width: 250px;
    border-radius: 5px;
}
.blue-button:hover{
background: #fff;
text-decoration: none;
color:#0e83cd;
}
.blue-button span:hover{
	color:#0e83cd;
}
.blue-button span{
display: block;
padding: 1em 1em 1em 0;
background: url(../images/ico-arw-brown-right.png) no-repeat right center;
}

	#homepage,
	#aboutus,
	#ourservices,
	#partners,
	#contactus{
		background-size: cover;
		height:100%;
	}
	
	
	#homepage{
		background-image: url(../images/fullscreen/bg1.jpg);
		
	}
	#aboutus{
		background-image: url(../images/fullscreen/bg2.jpg);
		
	}
	#ourservices{
		background-image: url(../images/fullscreen/bg3.jpg);
		
	}
 	#partners{
		background-image: url(../images/fullscreen/bg4.jpg);
		
	}
	#contactus{
		background-image: url(../images/fullscreen/bg5.jpg);
		
	}

 
	
	
	
.cbp-spmenu {
	background: #fff;
	position: fixed;
}

.cbp-spmenu h3 {
	color: #afdefa;
	font-size: 1.9em;
	padding: 20px;
	margin: 0;
	font-weight: 300;
	background: #0d77b6;
}

.cbp-spmenu a {
	display: block;

	
text-transform: uppercase;
font-size: 16px;
font-weight:400;
text-decoration: none;
color: #64656b;
background: #fff url(../images/ico-arw-brown-right.png) no-repeat 90% 50%;
display: block;
border-top: 1px solid #edebe2;
padding: 1em 2em 1em 1em;
transition:0.2s ease-in;
}

.cbp-spmenu a:hover {
	background-color: #f7f2e4;
}

.cbp-spmenu a:active {
	background: #afdefa;
	color: #47a3da;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 240px;
	height: 100%;
	top: 0;
	z-index: 1000;
}

.cbp-spmenu-vertical a {
	border-bottom: 1px solid #258ecd;
	padding: 1em;
}

.cbp-spmenu-horizontal {
	width: 100%;
	height: 150px;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
	height: 100%;
	width: 20%;
	float: left;
}

.cbp-spmenu-horizontal a {
	float: left;
	width: 20%;
	padding: 0.8em;
	border-left: 1px solid #258ecd;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -240px;
}

.cbp-spmenu-right {
	right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
	top: -150px;
}

.cbp-spmenu-bottom {
	bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
	top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
	bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	left: 240px;
}

.cbp-spmenu-push-toleft {
	left: -240px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em){

	.cbp-spmenu-horizontal {
		font-size: 75%;
		height: 110px;
	}

	.cbp-spmenu-top {
		top: -110px;
	}

	.cbp-spmenu-bottom {
		bottom: -110px;
	}

}

@media screen and (max-height: 26.375em){

	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 190px;
	}

	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left: -190px;
	}

	.cbp-spmenu-right {
		right: -190px;
	}

	.cbp-spmenu-push-toright {
		left: 190px;
	}
}
.main-menu-button {
	position:fixed;
	top:0;
	left:0;
	z-index: 999;
}

.menu-button {
	background:#0e83cd;
	padding:15px;
	color:#fff;
	border:none;
	font-size:15px;
	font-weight:300;
	transition: 0.2s ease-in;
	outline: none;
}
.menu-button:hover{
	background:#c5242f;
	border:none;
	outline: none;
	
}


.black-overlay {
font-size: 25px;
color: #fff;
background: #000;
font-weight: normal;
display: inline-block;
padding: 0px 16px 1px 2px;
line-height: 1em;

margin-bottom: 0.15em;

}
.black-overlay p {
	margin-top: 7px;
	margin-left: 18px;
	font-family: 'lato', 'sans-serif';
}

.white-overlay {
font-size: 25px;
color: #000;
background: #fff;
font-weight: normal;
display: inline-block;
padding: 0px 16px 1px 2px;
line-height: 1em;

margin-bottom: 0.15em;
margin-left: -19px;

}
.white-overlay p {
	margin-top: 7px;
	margin-left: 18px;
	font-family: 'lato', 'sans-serif';
}
.blue-overlay {
font-size: 25px;
color: #fff;
background: #0e83cd;
font-weight: normal;
display: inline-block;
padding: 0px 16px 1px 2px;
line-height: 1em;

margin-bottom: 0.15em;
margin-left: -19px;

}
.blue-overlay p {
	margin-top: 7px;
	margin-left: 18px;
	font-family: 'lato', 'sans-serif';
}
.section-overlayer{
width: 100%;
height: 100%;
background-image: url(../images/pattern.png);
background-repeat: repeat;
background-color: rgba(44,62,80,0.3);
z-index: 2;
}
.section-title {
	position: relative;
	margin-top: 30px;
 max-width: 580px;
	
	
}

.section-title.title-centered{
            margin: 0 auto;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
}
.white{
	color:#fff !important;
}
.black{
	color:#000 !important;
}
.blue{
	color:#0e83cd !important;
}
.section-title h1{
font-size: 65px;
font-weight:900;
color:#000;
margin-top: -2px;

line-height: 0.85em;
	
	
}
.section-title h5{
font-size: 20px;
line-height: 1em;
font-weight: 600;

}





/*HOMEPAGE*/


.homepage-logo {
	margin-top:60px;
	
}

section #aboutus .homepage-logo {
	margin-top:10px;
	
}

.share-website {
	position: absolute;
	right:100px;
	top:100px;
	z-index: 999;
}

.share-website ul li:first-child {
    vertical-align: middle;
}
.share-website ul li:second-child{
	font-size:25px;
	line-height: 2px;
}
.share-website i{
	color:#000;
	font-size:30px;
}

.ourservices-widgets {
    position:relative;
    display:flex;
}
.homepage-widgets {
	margin-top: 43px;
    display: flex;
    margin-bottom: 43px;
}
.homepage-widgets img{
	padding:5px;
	transition: 0.2s ease-in;
}
.homepage-widgets img:hover{
	
	border-radius:50px 50px 0 50px;
	
}


.section{
    padding-left: 120px;
    padding-right: 120px;
    padding: 120px 0;
}
.section.first-screen{
    padding: 60px 0 !important;
}

/*about us section*/


.section-description {

padding-left: 102px;
margin-top:30px;
}

.section-description p{
	color:#fff;
	font-size:20px;
	font-family:Lato, 'sans-serif';
	font-weight: 600;
}
.section-description p strong{
	font-weight:600;
}

.section-bottom-bar {
	margin-top:0px;
	position: relative;
}
.section-bottom-bar i{
	color:#fff;
	background: #0e83cd;
	font-size:20px;
	padding:10px;
	border-radius:10px 10px 0 10px;
	border:1px solid #0e83cd;
	
	
	
}
.section-bottom-bar h3{
	margin-top: 10px;
	font-size: 30px;
font-weight: 600;

letter-spacing: 0px;
text-transform: uppercase;
color: #000;
font-weight:800;
	-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
text-shadow: 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 35px #fff, 0 0 40px #fff;
}

.section-bottom-bar p{
	color:#fff;
	font-size:18px;
	-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
text-shadow: 0 0 10px #000, 0 0 15px #000, 0 0 20px #000, 0 0 30px #000, 0 0 35px #000, 0 0 40px #000;
}

.section-bottom-bar a{
	font-weight: 700;
	color:#0e83cd;
	background:#fff;
	padding: 5px 24px;
	font-size:16px;
	
	
}
.section-bottom-bar a:hover{
	background:#0e83cd;
	color:#fff;
	
	
}
.section-description a span{
	border:1px solid #f2aa16;
	padding:4px;
	background:#f2aa16;
	line-height: 2px;
	transition: 0.3s ease-in;
	border-radius:10px 10px 0 10px;
	text-shadow:none;
	color:#fff;
}
.section-description a span img{
	margin-top: -4px;
	
}

 .section-description a span:hover{
	margin-top: -4px;
	background: #0e83cd;
	border:1px solid #0e83cd;
	 border-radius:10px 10px 10px 0;
}
/*our partners section*/
.partnerspage-title h1{
position: relative;
vertical-align: center;
font-size: 65px;
font-weight: 900;
color: #fff;
line-height: 0.85em;
text-transform: uppercase;
}
.partnerspage-title p{
color: #fff;	
font-size: 30px;
}
.ourservices-widgets {
    position:relative;
    display:flex;
}
.ourservices-widgets img{
    padding:5px;
	
	transition:0.2s ease-in;
}
.ourservices-widgets img:hover{
	
	border-radius:50px 50px 0 50px;
}


/* Effect 2: 3D rolling links, idea from http://hakim.se/thoughts/rolling-links */
.cl-effect-2 a {
	line-height: 44px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
}

.cl-effect-2 a span {
	position: relative;
	display: inline-block;
	padding: 0 14px;
	background: #2195de;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.csstransforms3d .cl-effect-2 a span::before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0965a0;
	content: attr(data-hover);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

.cl-effect-2 a:hover span,
.cl-effect-2 a:focus span {
	-webkit-transform: rotateX(90deg) translateY(-22px);
	-moz-transform: rotateX(90deg) translateY(-22px);
	transform: rotateX(90deg) translateY(-22px);
}

.csstransforms3d .cl-effect-2 a:hover span::before,
.csstransforms3d .cl-effect-2 a:focus span::before {
	background: #28a2ee;	
}


.callout-button {
	color:#fff;
	background:#
}

.gap50 {
	height:50px;
	clear:both;
}

.green-box-container {
	position: relative;
	display: inline-block;
	color: #fff;
padding: 30px 30px 22px 60px;
background-color: #7ab700;
background-color: rgba(42,169,222,0.95);
height:auto;	
width: 100%;
	border-radius:30px 30px 0 30px;
}
.green-box-container h1{
	font-weight: 700;
	font-size:40px;
	
}
.green-box-container i{
	font-size:30px;
	border:1px solid white;
	padding:10px;
	border-radius:10px 10px 0 10px;
	vertical-align: center;
	
}
.green-box-container p{
	font-size:25px;
}
.green-box-container p span {

	display: inline;
}

.contact-left address  {
	font-size:25px;
}




.partners-tabs{
	margin:0 auto;
	width: 100%;
	margin-top:30px;
}
.partners-tabs h1{
	font-size:30px;
	color:#fff;
	font-weight: 900;
	
}
.partners-tabs h1 span{
	color:#f2aa16;
	font-weight: 900;
}
.partners-tabs p{
	color:#fff;
	font-size: 14px;
}
.nav-tabs {
border-bottom: none;
padding:10px;
}

.nav-tabs>li>a {
margin-right: 10px;
line-height: 0.90;
border: none;
font-size: 30px;
color: #fff;
text-transform: uppercase;
font-weight: 700;
text-align: center;	
}
.nav-tabs>li>a span{
	font-size:20px;
	text-transform: uppercase;
	font-weight: 700;
	color:#f2aa16;

}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
color: #fff;
cursor: default;
background-color: rgba(0,0,0,.4);
border-radius:10px 10px 0 10px;
border: none;
border-bottom-color: transparent;
}
.nav-tabs>li>a:hover {
border-color: #000 #000 #000;
background:#000;
}

.ef-clients.table {
	width: 100%;
	table-layout: fixed;
}

.ef-clients.table > tbody > tr:first-child > td {
	border-top-style: none;
}

.table > tbody > tr > td {
	border-left-width: 1px;
border-left-style: solid;
vertical-align: middle;
border-left-color: #fff;

}

.table > tbody > tr > td:first-child {
	border-left-style: none;
}







.section {
padding-left: 120px;
padding-right: 120px;
}

.systemLoginButton {
font-size: 15px !important;
border-radius: 50px;
margin-right: 0;
padding: 13px 37px !important;
background: none;
border: 1px solid #000;
color: #000;
float: left;
text-transform: uppercase;
margin-right: 20px;
transition: 0.2s ease-in;
}

.systemLoginButton:hover{
background:#0E83CD;
color:#fff;
border:1px solid #0E83CD;
}
.systemLoginButton:focus{
text-decoration:none;
}