/* global styles */

@import url(https://fonts.googleapis.com/css?family=Lato:400,300italic,300,400italic,700,900,700italic,900italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,600italic,700,300italic,700italic|Poppins:400,300,600,700,500);


body{ font-family:'Open Sans',  sans-serif;  }
h2, .h2{ font-size:26px;}
h3, .h3{ font-size:19px;  }
h1, h2, h3, h4, h5, h6{ font-family:'lato', 'Open Sans', sans-serif; line-height: 1.6; }
b, strong{ font-weight: 500; }
.primary{ margin:0 0 1em 0; display:inline-block; text-transform:uppercase; color:#E3061D; }
.heading{ font-size:1.2em; font-weight:600; }
.gray{ color:#d6d6d6; }
p{text-align:justify;}
a{
color: #006fff;
-webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}
a.primary{ color:#E3061D; margin:0; text-transform:capitalize;}
a.link{ text-decoration:underline; color:rgb(76, 76, 76);}
a.link:hover{color:#f77501; text-decoration:none;}
a.uline{ text-decoration:underline;}
.btn{ border-radius:0;}
.btn-outline{ border-color:#d3d3d3; color:#3c3c3c; }
a.button:hover{ text-decoration: none;}
hr.shadow{ background:url(../img/hr-shadow.png) no-repeat center top; height:12px; margin:2em 0; }
hr.p-divider{ margin:2em 0;}
hr.break{ border-top:none; margin:0; height:3em; }
.title-border{ border-bottom:solid 2px #f0f0f0; margin-bottom:10px; display:inline-block;}
.d-mobile{ display:none;}

.clear{clear: both;}

/* Positions */
.pf-trb{ position: absolute;  top: 0; right: 0; bottom: 0;  }


.row{margin-right:0px;margin-left:0px}

/* Bootstrap */

.navbar-toggle .icon-bar{ height: 1px; }
.panel, .panel-group, .list-group-item:first-child, .list-group-item:last-child, .panel-blue .panel-heading{ border-radius: 0; }
.panel, .list-group-item:first-child, .list-group-item:last-child{ border-radius: 0; }
.panel-dark{ background: #757575;  }
.panel-dark .panel-heading{ color: #FFF; padding: 10px 15px 10px 15px; }
.panel-dark .panel-title{ margin: 0; text-transform: uppercase; }
.panel-dark .panel-body{ background: #FFF; }

.panel-blue{ background-color: transparent; box-shadow: none;  }
.panel-blue .panel-heading{ background: #0074b4; color: #FFF; padding: 10px 15px 10px 15px; }
.panel-blue .panel-title{ margin: 0; text-transform: uppercase; }
.panel-blue .panel-body{ background: #FFF; }

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover{ background: #fead00; }
.list-group-item.active:focus, .list-group-item.active:hover{ background: #fead00; border-color: #fead00; }
.panel>.list-group .list-group-item.active{  background-color: transparent; border-color: transparent; border-width:0 0 0 2px; border-color: #fead00; color: #fead00; }

.carousel-inner .item .bannerImage .sliderContent img {width: 100%; height:auto;}


/* header */

#mainHeader{ background:#FFF; border-bottom: solid 1px #f3f3f3; height:auto; padding:2px 0 2px 0; margin: 0 0 0px 0;   }
.logo-desktop{  overflow:hidden; display:inline-block; margin:1px 0 0 0; padding-top:10px;}
#mainHeader .rightSide{ float:right;margin:0 0 10px 0;}
#mainHeader .rightSide .topmenu, #mainHeader .rightSide span>strong{ vertical-align:top;}
#mainHeader .callus{ font-size:1.2em; color:#a3a3a3; margin:4px 0 0 0; display:inline-block;}
#mainHeader .iconsSocialMedia{ float: right; margin: 0 0 0 25px; }
#mainHeader .rightSide .topmenu a{ color:#a1a1a1; margin:5px 10px 0 0; display:inline-block; font-size:.90em;}

/*.iconsSocialMedia a{ margin:7px 5px 0 0;  }
.iconsSocialMedia a{ background:url(../img/icons-social.png) no-repeat 0 0; width:30px; height:40px; display:inline-block; vertical-align:bottom;}
.iconsSocialMedia a:hover{ background-color:#fff;}
.iconsSocialMedia a.twitter{ background-position:0 0;} .iconsSocialMedia a.twitter:hover{ background-position: 0 -50px;} 
.iconsSocialMedia a.rss{ background-position:-37px 0;} .iconsSocialMedia a.rss:hover{ background-position: -37px -50px;}
.iconsSocialMedia a.fb{ background-position:-74px 0;} .iconsSocialMedia a.fb:hover{ background-position: -74px -50px;}
.iconsSocialMedia a.linked{ background-position:-111px 0;} .iconsSocialMedia a.linked:hover{ background-position: -111px -50px;}*/

#mainMenu{ float:right; margin: 35px 0 0 0; }
#mainMenu .navbar, #mainMenu .iconsSocialMedia{ display: inline-block; vertical-align: top; }
.navbar, .navbar-collapse { border:none; }
.navbar-collapse{ padding:0;box-shadow:none;}
.navbar-collapse .in .navbar-nav{margin:10px 0 0 0;}
.navbar{ border-radius:0; margin:0;  border-top:solid 0px #ececec; margin:3px 0 0 0;}
.nav > li { background: none; text-transform:none; padding:0; margin: 0 0 0 1px;  border-right:#919191 0px solid;}
.nav > li:hover, .nav > li:focus{ color:#fead00; }
.nav > li:before{ padding:0em;}
.nav > li > a{ font-size: 14px; padding:5px 15px; color:#000;}
.nav > li.active{ background:#fead00; color:#2a2927;  }
.navbar-nav > li > .dropdown-menu{ left:0;  padding:0; border-color: #FFF; }
.navbar-nav > li > .dropdown-menu{ border-bottom-left-radius:0; border-bottom-right-radius:0; background:#fead00; border:none;} 
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background:#fead00; color:#2a2927; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ background:#f7c760; color:#2a2927;  }
.nav > li > a:hover, .nav > li > a:focus{ background:#fead00; color:#2a2927;}
.nav > li > ul{ font-family:Open Sans;  font-size:13px;}
.nav > li > ul li a{ padding:10px 20px; }
.navbar-nav > li > .dropdown-menu a{color:#FFF;}
.navbar-nav > li > .dropdown-menu a:hover{color:#2a2927;}
.navbar-toggle{border: #000 1px solid; margin-top: 25px;}
.navbar-toggle .icon-bar{height:2px; margin-top:1px;}

.home_header{width:100%; position:fixed; z-index:9;}
.inner_header{width:100%; position:fixed; z-index:9;}

.banner_inner{width:100%; height:auto; margin:0 auto;}
.banner_inner img{width:100%; height:100%;}


.carousel-inner .item img{width:100%;}


/* Mobile */
@media (min-width: 320px) {
	
	.inner_header{position:relative;}
    
   .computing-bdr-right {
    border-bottom: 0px dashed #d1d2cd;
    border-right: 0 dashed #d1d2cd;
    padding-bottom: 30px;  margin-bottom:15px;
	}
	
	.department-bdr-right {
    border-bottom: 0px dashed #d1d2cd;
    border-right: 0 dashed #d1d2cd;
    padding-bottom: 30px; margin-bottom:25px;
	}
   
    .logo-mobile{ display:none; }
    #mainHeader .col-md-3{ width:30%; float:left;}
    #mainHeader .col-md-9{ width:70%; float:left; }
    #mainHeader .logo img{ width:100%; }
    
    #mainMenu .nav > li{ font-size:16px;}
	
	
	#imaginary_container{
		margin-top:2%;
	}
}

/*
    #myCarousel .sliderContent{ width:940px;  }
    #myCarousel .sliderContent .bannerImage img{ width:100%; }
*/
    
   

    

}

@media (min-width: 480px) {	

.inner_header{position:relative;}
    
   .computing-bdr-right {
    border-bottom: 0px dashed #d1d2cd;
    border-right: 0 dashed #d1d2cd;
    padding-bottom: 30px;  margin-bottom:15px;
	}
	
	.department-bdr-right {
    border-bottom: 0px dashed #d1d2cd;
    border-right: 0 dashed #d1d2cd;
    padding-bottom: 30px; margin-bottom:25px;
	}
   
    .logo-mobile{ display:none; }
    #mainHeader .col-md-3{ width:30%; float:left;}
    #mainHeader .col-md-9{ width:70%; float:left; }
    #mainHeader .logo img{ width:100%; }
    
    #mainMenu .nav > li{ font-size:16px;}
	
	
	#imaginary_container{
		margin-top:15%;
	}
}


/* Mobile */
@media (min-width: 640px) {	


/*.tablet .col-md-5, .tablet .col-md-6, .tablet .col-md-7{width:50%;}
.computing-bdr-right  .col-md-5, .computing-bdr-right  .col-md-7{width:50%;} 
.consulting-bdr-right  .col-md-5, .consulting-bdr-right  .col-md-6, .consulting-bdr-right  .col-md-7{width:50%;} 
.department-bdr-right  .col-md-5, .department-bdr-right  .col-md-6, .department-bdr-right  .col-md-7{width:50%;} 
.bigdata-bdr-right  .col-md-5, .bigdata-bdr-right  .col-md-6, .bigdata-bdr-right  .col-md-7{width:50%;}*/ 


.inner_header{position:relative;}
    
   .computing-bdr-right {
    border-bottom: 0px dashed #d1d2cd;
    border-right: 0 dashed #d1d2cd;
    padding-bottom: 30px;  margin-bottom:15px;
	}
	
	.department-bdr-right {
    border-bottom: 0px dashed #d1d2cd;
    border-right: 0 dashed #d1d2cd;
    padding-bottom: 30px; margin-bottom:25px;
	}
   
    .logo-mobile{ display:none; }
    #mainHeader .col-md-3{ width:30%; float:left;}
    #mainHeader .col-md-9{ width:70%; float:left; }
    #mainHeader .logo img{ width:100%; }
    
    #mainMenu .nav > li{ font-size:16px;}
	
	
	#imaginary_container{
		margin-top:5%; margin-bottom:10px;
	}

}



@media (max-width: 767px) {
    .navbar-collapse{background: #fead00;}
    .logo-desktop, 
    .iconsSocialMedia{ 
        display:none !important;
    }
    
    .computing-bdr-right img, .consulting-bdr-right img, .department-bdr-right img, .bigdata-bdr-right img{width:100%;}	

    .logo-mobile{ float:left; padding:0 0 0 0; display:inline-block; position:relative; }
    .logo-mobile img{ width: 80%; }
    #mainHeader{ padding:10px 0 0 0; }
     #mainMenu .navbar{ display: block;}
    

	 #pageHeader { padding:2em 0; }
    #pageHeader blockquote{ padding:0; }
    #pageHeader h1{ font-size:1.8em; line-height:1.2; margin:0;}
    #pageHeader blockquote p{ font-size:.90em; line-height:1.6; }
    .breadcumb{ border-bottom:solid 1px #ececec; margin-bottom:0px;}
    .subHeader{ padding:15px 0; }
    .subHeader p.lead{ font-size:15px; line-height:2; }
    
    
    #mainHeader .rightSide, #mainHeader .rightSide  .topmenu { float:none !important; display:block;}
    #mainHeader .rightSide  .topmenu{ text-align:center;}
    #mainHeader .rightSide  .topmenu a{ font-size:11px;}
    #mainHeader .rightSide .iconsSocialMedia { display:none;}
    #mainMenu{ margin:0 -5px; float:none; border-bottom:0; padding:0; background:none;}
    #mainMenu .navbar{ border-bottom:none; padding:2px 5px 10px 5px;}
    

    #mainMenu .nav > li{ font-size:16px; }

    #mainHeader .rightSide{ display:none; }
    #mainHeader{ padding:0 0 0 0; }
    
    #mainHeader .navbar-nav{ margin:0; }
    .navbar-toggle .icon-bar{ color:#000; }
    .navbar-toggle .icon-bar { background:#000;}
    
    
    
     #myCarousel.carousel, #myCarousel .bannerImage{ height:auto; }
    #myCarousel .sliderContent .bannerImage img{ width:100%; }
    #myCarousel .sliderContent h1{ font-size:18px; }
    .carousel-indicators{ width:40%; right:0; left:inherit; }

    hr.break{ margin:0;}



    .d-mobile{ visibility:visible; display:block; }
    .d-mobile.button{ margin:20px 0; text-align:center; }


    .computing-bdr-right{border-right:#eaebe6 1px solid;}
	.consulting-bdr-right{border-right:#eaebe6 0px solid;}
	.department-bdr-right{border-right:#d7d8d0 1px solid;}
	.bigdata-bdr-right{border-right:#d7d8d0 0px solid;}	
	
	.inner_header{position:relative;}
    
   .computing-bdr-right {
    border-bottom: 0px dashed #d1d2cd;
    border-right: 0 dashed #d1d2cd;
    padding-bottom: 30px;  margin-bottom:15px;
	}
	
	.department-bdr-right {
    border-bottom: 0px dashed #d1d2cd;
    border-right: 0 dashed #d1d2cd;
    padding-bottom: 30px; margin-bottom:25px;
	}
   
    .logo-mobile{ display:inline; }
    #mainHeader .col-md-3{ width:30%; float:left;}
    #mainHeader .col-md-9{ width:70%; float:left; }
    #mainHeader .logo img{ width:100%; }
    
    #mainMenu .nav > li{ font-size:16px;}
	
	
	#imaginary_container{
		margin-top:2%;
	}

}


/* Mobile */
@media (min-width: 1024px) {	


/*.tablet .col-md-5, .tablet .col-md-6, .tablet .col-md-7{width:50%;}
.computing-bdr-right  .col-md-5, .computing-bdr-right  .col-md-7{width:50%;} 
.consulting-bdr-right  .col-md-5, .consulting-bdr-right  .col-md-6, .consulting-bdr-right  .col-md-7{width:50%;} 
.department-bdr-right  .col-md-5, .department-bdr-right  .col-md-6, .department-bdr-right  .col-md-7{width:50%;} 
.bigdata-bdr-right  .col-md-5, .bigdata-bdr-right  .col-md-6, .bigdata-bdr-right  .col-md-7{width:50%;}*/ 

/*.nav > li > a{padding:2px 10px;}*/

.inner_header{position:relative;}
    
   .computing-bdr-right {
    border-bottom: 0px dashed #d1d2cd;
    border-right: 0 dashed #d1d2cd;
    padding-bottom: 30px;  margin-bottom:15px;
	}
	
	.department-bdr-right {
    border-bottom: 0px dashed #d1d2cd;
    border-right: 0 dashed #d1d2cd;
    padding-bottom: 30px; margin-bottom:25px;
	}
   
    .logo-mobile{ display:none; }
    #mainHeader .col-md-3{ width:30%; float:left;}
    #mainHeader .col-md-9{ width:70%; float:left; }
    #mainHeader .logo img{ width:100%; }
    
    #mainMenu .nav > li{ font-size:16px;}
	#mainMenu .nav > li a{ padding:5px 10px;}
	
	#imaginary_container{
		margin-top:24%;
	}

}



@media (min-width: 1200px) {
    
    .logo-mobile, .iconsSocialMedia{ display:none;}

 
/*    #myCarousel .sliderContent{ width:986px;  }*/
    
     #mainMenu .nav > li{ font-size:18px; }
    #mainMenu .nav > li a{ padding:5px 15px;}
    
}




.stylish-input-group .input-group-addon{
    background:none;  color:#80888b;
}
.stylish-input-group .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#FFF;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}

/*.stylish-input-group .form-control{background:none;}
.input-group-addon{background:none;}
.stylish-input-group .input-group-addon{background:none !important;}*/














.blue-bg{background:#125199;}
.org-bg{background:#d33c00;}
.green-bg{background:#37c879;}
.black-bg{background:#000;}

.no-pad{padding:0px;}
.pad-20{padding:20px;}
.pad-top-35{padding-top:35px;}
.pad-top-10{padding-top:10px;}
.pad-bottom-10{padding-bottom:10px;}
.pad-left-right-15{padding-left:30px; padding-right:15px;}

.text-bold{font-weight:bold;}

.white-text{color:#FFF;}
.black-text{color:#000;}
.gray-text{color:#333;}
.blue-text{color:#3d91b4;}

.opacity-6{opacity:0.6;}

.no-margin{margin:0px;}
.margin-top{margin-top:25px;}
.margin-top-10{margin-top:10px;}
.margin-top-nev{margin-top:-25%;}
.margin-bottom{margin-bottom:25px;}

.bdr-right{border-right:#eaebe6 1px solid;}
.border-top{border-top:#f2f2f2 1px solid;}
.border-bottom{border-bottom:#f2f2f2 1px solid;}
.computing-bdr-right{border-right:#eaebe6 1px solid;}
.consulting-bdr-right{border-right:#eaebe6 0px solid;}
.department-bdr-right{border-right:#d7d8d0 1px solid;}
.bigdata-bdr-right{border-right:#d7d8d0 0px solid;}


.light-gray-bg{background:#eaebe6;}
.gray-bg{background:#FFF;}
.clients_bg{background:url(../images/clients-bg.jpg) no-repeat top center; background-size:100%;}


.box-height{width:50px; height:50px; padding:5px;}
.box-height .h4, .box-height .h5{padding:0px; margin:0px;}
.slide .glyphicon-plus{color:#37c879; font-weight:bold;}
.slide .fa-quote-left{color:#37c879; font-weight:bold; font-size:50px;}
/*ul, ol{list-style:none;}*/
#imaginary_container .fa{margin:0 5px 0 5px;}
#imaginary_container2 .fa{margin:0 5px 0 5px; color:#8b8b8b;}

.about-inner-img img{width:100%; height:100%;}


.bot-text-box .form-control{border-radius:0px; background:#e8e1e1; border-color:#797979; color:#f2f2f2; width:80%; height:28px;}
.bot-text-box .input-group-addon{border-radius:0px; background:#888888; border-color:#797979; padding:5px 8px 5px 8px;}

.top-search-box .form-control{border-radius:0px; background:none; border-color:#797979; color:#999999; height:28px;}
.top-search-box .input-group-addon{border-radius:0px; background:none; border-color:#797979; padding:5px 8px 5px 8px;}

.links{font-family:'Open Sans', sans-serif; color:#333; text-align:left; padding:5px 0 0 0px;}
.links a{font-family:'Open Sans', sans-serif; color:#333; text-align:left; text-decoration:none;}
.links a:hover{font-family:'Open Sans', sans-serif; color:#dfa225; text-decoration:none;}


.links2{font-family:'Open Sans', sans-serif; color:#159ad4; text-align:left; padding:5px 0 0 0px; list-style-image:;}
.links2 a{font-family:'Open Sans', sans-serif; color:#159ad4; text-align:left; text-decoration:none;}
.links2 a:hover{font-family:'Open Sans', sans-serif; color:#ff6f24; text-decoration:none;}


.ulstyle {color: #FFF; font-family:'Open Sans', sans-serif; font-size: 15px; text-align: left; width:auto; background:#57baca; padding:15px 15px 15px 30px; height:auto;}
.ulstyle li{ list-style:outside; padding:4px 0 4px 3px; content:"\e258";}
.ulstyle li a{color:#000;} 
.ulstyle li a:hover{color:#FFF; text-decoration:none;} 
.ulstyle li.active{color:#FFF; text-decoration:none;} 


.ulstyle2 {color: #333; font-family:'Open Sans', sans-serif; font-size: 14px; text-align: left; width:auto; padding:15px 15px 15px 30px; }
.ulstyle2 li{ list-style:outside; padding:4px 0 4px 3px; content:"\e258";}
.ulstyle2 li a{color:#333;} 
.ulstyle2 li a:hover{color:#FFF; text-decoration:none;} 

.input-group-addon {

    font-size: 12px;

}


.welcome_arrow_box {
	position: relative !important; width:100%; z-index:4;
	background: #125199;
}
.welcome_arrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #125199;
	border-width: 15px;
	margin-left: -15px;
}


.computing_arrow_box {
	position: relative; width:100%; z-index:3;
	background: #f7f7f5;
}
.computing_arrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #f7f7f5;
	border-width: 0px;
	margin-left: -15px;
}

.depart_arrow_box {
	position: relative; width:100%; z-index:2;
	background: #eaebe6;
}
.depart_arrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #eaebe6;
	border-width: 15px;
	margin-left: -15px;
}



.cloud_arrow_box {
	position: relative; width:100%; z-index:1;
	background: #f7f7f5;
}
.cloud_arrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #f7f7f5;
	border-width: 15px;
	margin-left: -15px;
}



.client_arrow_box {
	position: relative; width:100%;
	/*background: #f7f7f5;*/
}
.client_arrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #263533;
	border-width: 15px;
	margin-left: -15px;
}

.light_blue_arrow_box {
	position: relative; width:100%; z-index:2;
	background: #c8e9f1;
}
.light_blue_arrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #c8e9f1;
	border-width: 15px;
	margin-left: -15px;
}