@charset "utf-8";
/* CSS Document */


@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:100");

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: border-box;
}

body
{
	width: 100%;
    height: 100%;
	margin:0;
	margin-top:-50px;
    overflow-y: scroll;
	overflow-x:hidden;
	line-height: 1.0em;
	letter-spacing: 0.1em;
	
}
	html {
    width: 100%;
    height: 100%;

	}
	

section{

width:100%;
}
section.page1
{
	min-height:950px;
    margin:0;
background:url(service%20%C4%ABmage/ab1.jpg);

}
section.page2
{
		min-height:650px;
        margin:0;
	background:url(service%20%C4%ABmage/flag1.jpg);
}
section.page3
{
		min-height:1000px;
	
	/*background:#17183a;*/
		background:url(images/con6.png);
		
}
section.page4
{
		min-height:600px;
	
	/*background:#17183a;*/
				background:url(service%20%C4%ABmage/tech10.jpg);
				
				background-size:cover;
				-webkit-background-size:cover;
				-moz-background-size:cover;
				-o-background-size:cover;
				-ms-background-size:cover;
				background-position:90% 90% !important;
				
}

section.page6
{
		min-height:640px;
	
	/*background:#17183a;*/
				background:url(7.png);
				
				background-size:cover;
				-webkit-background-size:cover;
				-moz-background-size:cover;
				-o-background-size:cover;
				-ms-background-size:cover;
				background-position:90% 90% !important;
				
}
section.page5
{
		height:1000px;
	
	/*background:#17183a;*/
		background:url(mkt1.png);
}


section.page2 {
  background-size:105% 105%;
}

section.page3 {
   background-size:100% auto;
   background-repeat:no-repeat;
   background-position:center center;
   background-size:cover;

}


section.page5{
background:url(mkt1.png);

background-repeat: no-repeat;
background-position: center center;
   background-size:cover;
min-height:640px;

    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%9 !important;
}
section.page5 h4:hover
{
	color:#ddd;
}

section {
	zoom: 1;
	position: relative;
	height: auto;
	
}




section:after,
section:before {
	content: "";
	display: table;
}

section:after {
	clear: both;
}

section h4 {
	background: rgba(0,0,0,0.1);
	cursor: pointer;
font-size:14px;
	border: 1px solid rgba(0,0,0,0.2);
	border-top: none;
	padding: 5px 15px;
	margin-top:-17px;

	font-family:Arial, Helvetica, sans-serif;

  
}
section h4:hover
{
 
 
}
 
section h4:first-child {
	border-top: 1px solid rgba(0,0,0,0.2);
	
}

@media screen and (min-width: 600px) {
	section h4 {
		position: relative;
		width: 33.333333333333336%;
		height: 20%;
		display: block;
		
	}
}

section ul {
	zoom: 1;
	position: relative;
	height: auto;
	min-height: 100%;
	border: 0px solid rgba(0,0,0,0.2);
	border-left: none;
	display: none;
		font-family:Arial, Helvetica, sans-serif;
		
	
}

section ul:after,
section ul:before {
	content: "";
	display: table;
}

section ul:after {
	clear: both;
}

section ul li {
	list-style: circle;
	
}



@media screen and (min-width: 600px) {
	section ul {
		position: absolute;
		width: 66.66666666666667%;
		right: 0;
		top: 0;
		padding: 15px 30px;
		
	}
}

section .active {
	cursor: default;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	border-right: none;
}

@media screen and (min-width: 600px) {
	section .active {
		background: rgba(0,0,0,0);
		border-right: 1px solid rgba(0,0,0,0);
	}
}

section .active + ul {
	display: block;
	
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#sidebar-right {
		width: 50%;
	}
	#sidebar-left {
		width: 50%;
	}
	#main-content {
		position: relative;
		top: 0;
		left: 0;
	}
}



/* 10 buttons */
.industry
{
	
	margin-left:90px;
	max-width:80%;
}

a.button1{
display:inline-block;

padding:0.35em 1.8em;
border:0.1em solid #8B9DC3;
margin:0 0.9em 0.5em 0;
border-radius:0.5em;
box-sizing: border-box;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:300;
color:#FFFFFF;
text-align:center;
transition: all 0.2s;
}
a.button1:hover{
color:#000000;
background-color:#3E50B4;
}
@media all and (max-width:30em){
a.button1{
display:block;
margin:0.4em auto;
}
}



#rotate{
  vertical-align:top;
  margin-top:23px;
  width:141px;height:30px;
  transform:rotate(7deg);
  -ms-transform:rotate(90deg); /* IE 9 */
  -moz-transform:rotate(90deg); /* Firefox */
  -webkit-transform:rotate(90deg); /* Safari and Chrome */
  -o-transform:rotate(90deg); /* Opera */}
    


input{
  cursor:pointer;
  min-height:30px;
  position:relative;
  
	border: 1px solid #333;
	border-radius: 8px;
    padding: 4px 8px;
    margin-left:20px;
	
    font:12pt Calibri bold;
    font-variant:small-caps;
    color: #fff;
	text-shadow: 0 0 0;
	outline: 0;
	letter-spacing: 2px;
	
	text-shadow: 0 1px 4px #111;
	/*box-shadow*/
	box-shadow: 0 1px 4px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 1px rgba(255,255,255,.1);
	/*linear-gradient*/
	background:#FFF;
}

input:hover{box-shadow:0px 0px 4px #fff;}
input:active{top:1px;}



		
footer {
	
  background: #191919;
  color: #fff;
  margin: 0;
  font-family:Arial, Helvetica, sans-serif;

}
footer .centered {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
footer .centered .footer-logo {
  width: 20%;
}
footer .centered .footer-logo img.logo {
  padding: 30px 20px 10px 20px;
  max-width: 100%;
}
footer .centered .footer-contact {
  width: 20%;
  margin-top:30px; 
}
footer .centered .footer-navigation {
  width: 60%;
}
footer .centered .footer-navigation .footer-links-holder {
  width: 33.33333%;
  position: relative;
  float: left;
  margin: 0;
  margin-top:30px; 
}
footer .centered .footer-navigation .footer-links-holder .footer-links {
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-transition: max-height 0.5s;
  transition: max-height 0.5s;
  
}
footer .bottom-bar {
  position: relative;
  text-align: center;
  font-size: 0.8em;
  text-transform: uppercase;
  background: #000;
  padding: 15px 0;
}
/* Responsive Tablet Sizes */
@media only screen and (max-width: 749px) {
  footer .centered {
    flex-wrap: wrap;
  }
  footer .centered .footer-logo {
    max-width: 250px;
    width: 50%;
  }
  footer .centered .footer-contact {
    width: 50%;
    padding: 0 20px;
  }
  footer .centered .footer-navigation {
    width: 100%;
  }
  footer .centered .footer-navigation .footer-links-holder {
    padding: 0 20px;
  }
}
/* Responsive Mobile Sizes */
@media only screen and (max-width: 500px) {
  footer .centered .footer-logo {
    width: 100%;
    margin: 0 auto;
  }
  footer .centered .footer-contact {
    width: 100%;
  }
  footer .centered .footer-navigation .footer-links-holder {
    width: 100%;
    padding: 0;
  }
  footer .centered .footer-navigation .footer-links-holder h3 {
    margin: 0;
    padding: 10px 20px;
    border-top: #000 1px solid;
    cursor: pointer;
  }
  footer .centered .footer-navigation .footer-links-holder h3::after {
    /* Down Arrows */
    float: right;
    margin-right: 10px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-top: 7px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: transform 0.5s;
    transition: transform 0.5s;
  }
  footer .centered .footer-navigation .footer-links-holder .footer-links {
    max-height: 0;
    overflow: hidden;
    padding: 0 20px;
  }
  footer .centered .footer-navigation .footer-links-holder.active h3::after {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  footer .centered .footer-navigation .footer-links-holder.active .footer-links {
    max-height: 10000px;
  }
}
/* Social Icons */
.social {
  text-align: center;
}
.social a {
  display: inline-block;
  padding: 7px;
  width: 35px;
  height: 35px;
  margin: 0 2px;
  background: #fff;
  border-radius: 50%;
  vertical-align: middle;
}
.social a:hover {
  background: #65c2ed;
}
.social a.linkedin {
  padding: 4px;
}
.social a svg .face, .social a svg .twit, .social a svg .link {
  fill: #000;
}
/* Typography */
footer h3 {
  font-weight: lighter;
  font-style: italic;
   font-size:19px;
  margin-bottom: 0;
}
footer p, footer li {
  font-weight: 400;
  text-transform: uppercase;
    font-size:14px;
  letter-spacing: 0.05em;
  margin: 10px 0;
}
footer a {
  color: #fff;
  text-decoration: none;
  -webkit-transition: color 0.5s, background 0.5s;
  transition: color 0.5s, background 0.5s;
}
footer a:hover {
  color: #65c2ed;
}
footer a.service:hover {
  color: #F33;
}
/* Misc CSS */
.clearfix:before, .clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both;
}



/* Social Icons */
footer .container .social {
  text-align: left;
}
.social a {
  display: inline-block;
  padding: 7px;
  width: 35px;
  height: 35px;
  margin: 0 2px;
  background: #fff;
  border-radius: 50%;
  vertical-align: middle;
}
.social a:hover {
  background: #65c2ed;
}
.social a.linkedin {
  padding: 4px;
}
.social a svg .face, .social a svg .twit, .social a svg .link {
  fill: #000;
}


p
{
	font-size:14px;

}