@charset "UTF-8";

/* General CSS */
html {
	overflow-x: hidden;
}
title{
	text-transform:uppercase;
}
body {
	font-family: "Aller";
	font-size: 20px;
	background-color: #ffffff;
	margin:0px;
}
a:hover, a:focus {
	text-decoration: none;
}

a:focus, a.active, a:active {
	outline: none !important;
}
.container{
	width:960px;
	margin:auto;
}

h1{
    font-size:48px;   
}
h2 {
	font-size: 33px;
	font-family: 'Myriad Pro';
	color: #f8f8f8;
}
h3 {
    color:#83989f;
	font-size: 22px;
	font-weight: 600;
	text-transform:uppercase;
    margin:10px 0px 30px;
}
p {
	text-align: justify;
	font-size: 14px;
	color: #95a8af;
	font-family: 'Aller';
}
.upper-case {
	text-transform: uppercase;
}
.capitalize{
	text-transform :capitalize;
}
  /*----------------------------------------------------------*/
/* Slider */
.slideShow{
	width:100%;
	float:left;
}
 #slides {
      display:none;
}
 /* Prevent the slideshow from flashing on load */
    #slides {
      display: none
    }

    /* Center the slideshow */
    .container {
      margin: 0 auto
    }

    /* Show active item in the pagination */
    .slidesjs-pagination .active {
      color:red;
    }
 #slides{
 	width:100%;
 }
   
/* HOME */
.top-bar{
	height:35px;
	width:100%;
	background-color:#008fd2;
}
.top-bar .changeLang{
	float:right;
	height:35px;
}
.changeLang a{
	line-height: 35px;
	color:#ffffff;
	text-decoration:none;
	font-size:14px;
	font-family:'Aller';
}
.logo{
	width:245px;
	float:left;
	margin-top:30px;
	margin-bottom:40px;
}
.contact-info{
	width:450px;
	float:right;
	margin-top:30px;
}
.contact-info a{
	font-size:18px;
	color:#00b4ee;
	padding-right:7px;
	text-decoration: none;
	line-height:25px;
	display:inline-block;
}
.contact-info a:last-child{
	padding-right:0px;
}
.contact-info a img{
	padding-right:5px;
	margin-top:3px;
}
.home-nav{
	width:385px;
	float:right;
}
.home-nav ul{
	list-style:none;
	padding-left:0px;
}
.home-nav li{
	display:inline-block;
	margin-right:7px;
}
.home-nav li:last-child{
	margin-right:0px;
}
.home-nav li a{
	padding:7px 5px;
	text-decoration: none;
	text-transform:capitalize;
	color:#00b5ee;
	width:70px;
	height:38px;
	line-height: 38px;
	font-size:20px;
}
.home-nav li a:hover,
.home-nav li a:focus,
.home-nav li.active a{
	background-color:#00b5ee;
	border-radius:5px;
	color:#FFFFFF;
}
.blue-panel{
	width:100%;
	height:220px;
	    background: url('../images/upper-shadow.png') top no-repeat, 
                #00b6ef;
     float:left;         
}
.blue-panel p{
	background-color:#00b6ef;
	font-size:28px;
	color:#ffffff;
	font-family:'Aller';
	padding:15px 8px;
	text-align: center;
	
}
.bottom-shadow{
	height:30px;
	width:100%;
	float:left;
	background: url('../images/bottom-shadow.png') bottom no-repeat;
}
.offered-services{
	width:100%;
	float:left;
}
.offered-services h3{
	font-size:36px;
	color:#ff5500;
	font-family:'Aller Bold Italic';
	text-align:center;
}
.offered-services ul{
	list-style:none;
}
.offered-services ul.left{
	width:305px;
	padding-left:0px;
	float:left;
}
.offered-services ul.left li:first-child a{
	background: rgb(231, 231, 231) url("../images/1-n.png") no-repeat scroll 15px 15px;
}
.offered-services ul.left li:first-child a:hover{
	background: #008ce2 url("../images/1-h.png") no-repeat scroll 15px 15px;
}
.offered-services ul.left li:nth-child(2) a{
	background: rgb(231, 231, 231) url("../images/4-n.png") no-repeat scroll 15px 15px;
}
.offered-services ul.left li:nth-child(2) a:hover{
	background: #008ce2 url("../images/4-h.png") no-repeat scroll 15px 15px;
}
.offered-services ul.left li:nth-child(3) a{
	background: rgb(231, 231, 231) url("../images/7-n.png") no-repeat scroll 30px 15px;
}
.offered-services ul.left li:nth-child(3) a:hover{
	background: #008ce2 url("../images/7-h.png") no-repeat scroll 30px 15px;
}
.offered-services ul.left li:nth-child(4) a{
	background: rgb(231, 231, 231) url("../images/10-n.png") no-repeat scroll 30px 15px;
}
.offered-services ul.left li:nth-child(4) a:hover{
	background: #008ce2 url("../images/10-h.png") no-repeat scroll 30px 15px;
}
.offered-services ul.middle{
	width:305px;
	margin-left:22px;
	float:left;
	padding-left:0px;
}
.offered-services ul.middle li:first-child a{
	background: rgb(231, 231, 231) url("../images/2-n.png") no-repeat scroll 15px 15px;
}
.offered-services ul.middle li:first-child a:hover{
	background: #008ce2 url("../images/2-h.png") no-repeat scroll 15px 15px;
}
.offered-services ul.middle li:nth-child(2) a{
	background: rgb(231, 231, 231) url("../images/5-n.png") no-repeat scroll 15px 15px;
}
.offered-services ul.middle li:nth-child(2) a:hover{
	background: #008ce2 url("../images/5-h.png") no-repeat scroll 15px 15px;
}
.offered-services ul.middle li:nth-child(3) a{
	background: rgb(231, 231, 231) url("../images/8-n.png") no-repeat scroll 30px 15px;
}
.offered-services ul.middle li:nth-child(3) a:hover{
	background: #008ce2 url("../images/8-h.png") no-repeat scroll 30px 15px;
}
.offered-services ul.middle li:nth-child(4) a{
	background: rgb(231, 231, 231) url("../images/11-n.png") no-repeat scroll 30px 15px;
}
.offered-services ul.middle li:nth-child(4) a:hover{
	background: #008ce2 url("../images/11-h.png") no-repeat scroll 30px 15px;
}
.offered-services ul.right{
	width:305px;
	margin-left:22px;
	float:right;
	padding-left:0px;
}
.offered-services ul.right li:first-child a{
	background: rgb(231, 231, 231) url("../images/3-n.png") no-repeat scroll 15px 15px;
}
.offered-services ul.right li:first-child a:hover{
	background: #008ce2 url("../images/3-h.png") no-repeat scroll 15px 15px;
}
.offered-services ul.right li:nth-child(2) a{
	background: rgb(231, 231, 231) url("../images/6-n.png") no-repeat scroll 15px 15px;
}
.offered-services ul.right li:nth-child(2) a:hover{
	background: #008ce2 url("../images/6-h.png") no-repeat scroll 15px 15px;
}
.offered-services ul.right li:nth-child(3) a{
	background: rgb(231, 231, 231) url("../images/9-n.png") no-repeat scroll 30px 15px;
}
.offered-services ul.right li:nth-child(3) a:hover{
	background: #008ce2 url("../images/9-h.png") no-repeat scroll 30px 15px;
}
.offered-services ul.right li:nth-child(4) a{
	background: rgb(231, 231, 231) url("../images/12-n.png") no-repeat scroll 30px 15px;
}
.offered-services ul.right li:nth-child(4) a:hover{
	background: #008ce2 url("../images/12-h.png") no-repeat scroll 30px 15px;
}
.offered-services li a{
	display:block;
	text-decoration:none;
	width: 305px;
    height: 94px;
    border-radius: 11px;
    background-color: rgb( 231, 231, 231 );
    margin-bottom:30px;
}
.offered-services li a{
	transition: all .6s;
}
.offered-services li span{
	width:44%;
	text-transform:uppercase;
	text-align:center;
	padding:25px 40px 0px 0px;
	font-size:16px;
	color:#000000;
	float:right;
}
.breadcrumb a{
	text-transform: capitalize;
}
.offered-services li a:hover span{
	color:#FFFFFF;
}
.offered-services li a:hover{
	background-color:#008ce2;
}
.aboutus-panel{
	background-color:#00b6ef;
	width:100%;
	float:left;
	height:417px;
}
.aboutus-panel h3{
	color:#ffffff;
	font-size:28px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	padding-top:50px;
	margin:0px;
}
.choose-us{
	width:325px;
	float:left;
}
.choose-us ul{
	font-family: 'Open Sans', sans-serif;
	list-style-image: url('../images/listIcn.png');
	font-size:14px;
	color:#FFFFFF;
	padding-left:30px;
}
.aboutus-panel .right-col{
	width:630px;
	float:right;
	border-left: 1px solid #02769a;
    float: right;
    margin-top: 50px;
    padding-left: 45px;
    width: 585px;
}
.aboutus-panel .right-col h3{
	margin-top:0px;
	padding:0px;
}
.aboutus-panel .right-col p{
	font-size:14px;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	margin-bottom:0px;	
}
.aboutus-panel .right-col p:nth-child(2){
	margin-bottom:35px;
}
.callUs-now{
	background-color:#09516e;
	height:195px;
	width:100%;
	float:left;
}
.callUs-now p{
	text-align:center;
	padding-top:35px;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	color:#FFFFFF;	
	margin: 0px;
}
.callUs-now h2{
	font-size:48px;
	color:#FFFFFF;
	text-align:center;
	margin-bottom:0px;
}
.home-map{
	width:100%;
	float:left;
}
.map-contact{
	position:relative;
}
.map.contact img{
	width:100%;
}
.map-contact .contact-overlay{
	background-color: rgba( 17, 17, 17, 0.6 );
	width:275px;
	height:244px;
	position:absolute;
	top:50px;
	left:160px;
	padding:25px;
}
.contact-overlay h3{
	font-size:30px;
	color: #FFFFFF;
	font-family: 'Open Sans', sans-serif;
	margin: 0px 0px 20px;
	word-spacing:1;
}
.contact-overlay p{
	font-size:14px;
	color:#FFFFFF;
	font-family: 'Open Sans', sans-serif;
	line-height: 2;	
}
footer{
	margin-top:-5px;
	width:100%;
	float:left;
	background-color:#0a0a0a;
	height:65px;
}
footer ul{
	list-style: none;
	padding-left:0px;
	width:395px;
	float:left;
}
footer li:before{
	content: '|';
}
footer li:first-child:before{
	content: '';
}
footer li{
	display:inline-block;
	color:#ffffff;
}
footer li a{
	padding:0px 10px;
	font-size:18px;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:capitalize;
}
.copyrights p{
	width:385px;
	float:right;
	font-size:18px;
	color:#ffffff;
	line-height:65px;
	margin:0px;
}
.bottom-bar{
	height:25px;
	width:100%;
	float:left;
	background-color:#008fd2;
}
/*===================
	about us page
====================*/
.background_image{
	float:left;
	width:100%;
	margin-top:15px;
}
.jumbotron{
	position:relative;
	height:471px;
	margin-top:13%;
}
.jumbotron > img{
	width:100%;
	border-top:1px solid #00b5ee;
	height:471px;
}
.jumbotron > p{
    bottom: -25px;
    color: #ffffff;
    font-family: "Aller";
    font-size: 80px;
    font-weight: 700;
    left: 11%;
    position: absolute;
    margin-bottom:0px;
    width: 960px;
}
.breadcrumb{
	float:left;
	width:100%;
	margin-top:22px;
	border-bottom:1px solid #cbd4d4;
	padding-bottom:15px;
	margin-bottom: 20px;
}
.breadcrumb a{
	color:#1783c4;
	font-size:14px;
	font-weight:400;
	text-decoration:none;
}
.breadcrumb a:before{
	content:'/';
}
.breadcrumb a:first-child:before{
	content:'';
}
.pageSubject{
	float:left;
	width:100%;
}
.pageSubject > img{
	display:block;
	margin:0 auto;
	margin-bottom:15px;
}
.full-width{
	width:100%;
}
.pageSubject >h3{
	text-align:center;
	color:#000;
	font-size:50px;
	text-transform: capitalize;
	font-weight:300;
	padding-top:15px;
	margin:0px;
	margin-bottom:15px;
}
.pageContent{
	margin-bottom:65px;
}
.pageContent p{
	font-size:18px;
	color:#8e9197;
	font-family: 'Aller';
	line-height: 2;
	margin-bottom:0px;
	margin-top:45px;
}
.aboutus-panel.about-page{
	height:305px;
}
.choose-us.full-width ul{
	width:310px;
	float:left;
	line-height: 3;
}
.choose-us.full-width ul:nth-child(2){
	margin-left:25%;
	line-height: 3;
}
.choose-us.full-width h3{
	text-align:center;
}
.bottom-shadow.about-page{
	margin:auto;
}
.mini-map{
	width:320px;
	float:left;
	overflow: hidden;
	height: 270px;
	margin-bottom: 50px;
}
.gmnoprint.gm-style-cc,
.gm-style-cc{
	display: none;
}
.values-col{
  margin-left: 25px;
  padding:20px;
  width: 245px;
  height: 330px;
  float:left;
   margin-right:15px;
  background-color: rgba( 0, 182, 239, .102 );
  margin-bottom:25px;
}
.no-margin{
	margin:0px;
}
.brown-panel{
	background-color: rgba( 248, 150, 34, 0.102 );
}
.values-col img{
	margin-left:33%;
}
.pageContent li{
	font-size:14px;
	color:#8e9197;
	margin-bottom:50px;
	padding-left:20px;
}
.pageContent ul{
	padding-left:15px;
}
.values-col h4{
	text-align: center;
	margin-bottom:0px;
	font-size:36px;
	color:#1986c7;
	margin-top:0px;
}
.values-col p{
	text-align:left;
	font-size:18px;
	color:#8e9197;
}
.our-values img{
	margin-left:43%;
}
.our-values h3,
.our-values p{
	text-align:center;
}
.our-values h3{
	font-size:36px;
	color:#1986c7;
}
/* SYSTEM DIG */
.pageSubject h3{
	font-size:50px;
	color: #1986c7;
}
.pageContent a{
  border-radius: 15px;
  background-color: rgb( 25, 134, 199 );
  width: 357px;
  height: 82px;
  display:block;
  font-size: 24px;
  font-family: "Aller";
  color: rgb( 255, 255, 255 );
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  line-height:82px;
  text-decoration: none;
  margin:auto;
}
/* Computer Repair */
.jumbotron.computer-repair p{
	bottom:-25px;
	left:11%;
}
/* System Imp */
.quoteMargin{
	margin-top:120px !important;
}
/*contact */
.findUsGoogle{
	width:320px;
	float:left;
}
.findUsGoogle h3,
.getInTouch h3{
	text-transform: uppercase;
	font-size:30px;
	color:#0f94be;
	margin-bottom:0px;
	font-family:'Aller';
	font-weight:500;
}
.getInTouch{
	width:540px;
	float:right;
}
.getInTouch p,
.findUsGoogle p{
	margin-top:20px;
	font-size:12px;
	color:#7a7979;
}
form label{
	display:block;
	font-size:14px;
	color:#898988;
	margin-bottom:15px;
}
form input,
form textarea{
	display:block;
	margin-bottom:20px;
	width:100%;
	height:50px;
	border:1px solid #a6a6a5;
}
textarea{
	min-height:160px;
}
.submit-button{
	  background-color: rgb( 29, 154, 194 );

  width: 142px;
  height: 50px;
  float:right;
  font-size:18px;
  color: #FFFFFF;
  cursor:pointer;
}