@charset "utf-8";

/* RESET 
=========================================== */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:link, *:visited, *:hover, *:active, *:focus { -moz-transition: all 0.2s linear 0s; }

html, body { height: 100%; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: none; vertical-align: middle; box-sizing: border-box; word-break: break-word; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; }

body { font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; color: #666; background-color: #f1f1f1; line-height:24px; }

a { color: #333; text-decoration: none; cursor: pointer; outline:0; }
a:hover, a:active, a:focus { color: #0c90ce;  }

h1, h2, h3, h4, h5, h6 { word-wrap: break-word; line-height: 1; margin: 0 0 20px; font-family: 'Raleway', sans-serif; font-weight:700; color: #444;}
h1 { font-size: 40px; }
h2 { font-size: 30px; }
h3 { font-size: 20px; }
h4 { font-size: 15px; }
h5 { font-size: 14px; }
h6 { font-size: 13px; }
p {	margin: 0 0 10px 0; overflow: hidden; }

ol, ul { list-style: none; }
img { border: none; vertical-align: middle; max-width: 100%; } 
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
td { word-wrap: break-word; }
td div { word-wrap: normal; }
address { margin-bottom: 10px; }

input, select, textarea {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 15px;
	margin: 10px 0;
    font-size: 13px;
    line-height: 18px;
    color: #666;
    background-color: #f1f1f1;
    background-image: none;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }

/* COMMON STYLE
=========================================== */
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.marTop{ margin-top:10px; }
.marRight{ margin-right:10px; }
.marBottom{ margin-bottom:10px; }
.marLeft{ margin-left:10px; }
.marAll { margin:10px; }

.middle { margin: 0 auto; }
.hide { display: none; }
.no-border { border: none; }
.divider { height:10px; border-bottom:1px solid #ccc; margin-bottom:10px; }
.border { border-bottom:1px solid #ccc; padding:0 0 10px; }
.blank { height:100px; }
.circle { border-radius: 50%; }

/* ROW & COLOUMS 
=========================================== */
.container { padding-right: 1%; padding-left: 1%;  margin-right: auto; margin-left: auto; } 

.row { margin-right: -1%; margin-left: -1%; padding: 0; clear:both; }
.row:after, .row:before { display: table; content: " "; }
.row:after { clear: both; }

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { position: relative; float: left; padding: 0; }

.col1 { width: 6.333333333333332%; margin: 1%; }
.col2 { width: 14.666666666666664%; margin: 1%; }
.col3 { width: 23%; margin: 1%; }
.col4 { width: 31.33333333333333%; margin: 1%; }
.col5 { width: 39.66666666666667%; margin: 1%; }
.col6 { width: 48%; margin: 1%; }
.col7 {width: 56.33%; margin: 1%; }
.col8 {width: 64.66%; margin: 1%; }
.col9 { width: 73%; margin: 1%; }
.col10 { width: 81.33333333333334%; margin: 1%; }
.col11 { width: 89.66666666666666%; margin: 1%; }
.col12 { width: 98%; margin: 1%; }

.col-offset-1{ margin-left:8.33333333% }
.col-offset-2{ margin-left:16.66666667% }
.col-offset-3{ margin-left:25% }
.col-offset-4{ margin-left:33.33333333% }
.col-offset-5{ margin-left:41.66666667% }
.col-offset-6{ margin-left:50% }
.col-offset-7{ margin-left:58.33333333% }
.col-offset-8{ margin-left:66.66666667% }
.col-offset-9{ margin-left:75% }
.col-offset-10{ margin-left:83.33333333% }
.col-offset-11{ margin-left:91.66666667% }
.col-offset-12{ margin-left:100% }

@media screen and (max-width: 768px) {
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { width: 96%; margin: 2% 2%; }	
}
@media (min-width: 576px) {.container { width: 540px; } }
@media (min-width: 768px) { .container { width: 750px; } }
@media (min-width: 992px){ .container { width: 970px; } }
@media (min-width: 1200px)  { .container { width: 1170px; } }

/* general styling
=========================================== */
.wrapper { height: auto !important; width: 100%; margin: 0 auto -70px; position: relative; min-height: 100%; }
.content { overflow: hidden; float: left; width: 100%; clear: both; }

/* header
=========================================== */
.header { height: 90px; padding: 0; background-color:#fff; width: 100%; }
	.header row { position: relative; height: 90px; }

	a.logo,a:hover.logo { width:220px; height:50px; float: left; font-size: 30px; color: #0c90ce; font-weight:800; line-height:50px; margin-top: 20px; }	
	a.logo img { width:50px; margin-right:10px; vertical-align: top; }

	.header-nav { float: right; width: 50%; text-align: right; }
	.header-nav li { /*float:left;*/ display: inline-block; }
	.header-nav li a { display:block; color:#333; font-weight: 600; padding:33px 20px; text-transform: uppercase; font-size: 12px;
    font-family: 'Raleway', sans-serif; } 
	.header-nav li a:hover { color:#0c90ce; }
	.header-nav li a.active { color:#0c90ce; }

.header-static { height: 90px; padding:0; background-color:#fff; width: 100%; }
	.header-static a.logo,.header-static a:hover.logo { color: #0c90ce; }
    .header-static .header-nav li a { color:#333;  }
    .header-static .header-nav li a:hover { color:#0c90ce; }

/* banner/carousal/slider
=========================================== */
.slider { position: relative; max-height: 650px; height: 650px; overflow:hidden; }
	.slide-first { position: relative; /* width:100%; */ height: 100%; }
	.slide-image { position: relative;  /* width:100%; */ height: 100%; }
		.slide-image img { /* width:100%; */ height: 100%; }
	.slide-description { position: absolute; left:7%; top:16%; color:#fff; width:80%; text-align:left; }
	.slide-description h2{ line-height: 50px; color:#fff; text-transform: capitalize; font-weight: 800; font-size:40px;  }
	.slide-description p{ line-height: 25px; font-size: 16px; }
	.slide-description .btn { margin-top:10px; color: #fff; }
	.slide-description h2 span { color: #0c90ce; vertical-align: top; }

/* all section
=========================================== */	
.section { padding: 90px 0; }
.section-header { text-align: center; margin: 0 0 50px 0; }
.section-header h1 { font-size: 30px; }
.section-header h1 span { color: #0c90ce; vertical-align: top; }
.section-header p { }

.line { position: relative; width: 60px; height: 3px; background: #0c90ce; display: block; margin: 0 auto 20px; }

.light-bg { background-color: #fff; }

/* default item listing */
.item-list { text-align: center; /* background-color: #fff; */ margin: 70px 0 0 0; padding: 20px; }
.item-list h3{ font-weight: 600; font-size: 18px; color: #666; }
.item-list p{ height: 70px; }
.item-list i { font-size: 36px; width: 110px; height: 110px; border: 5px solid #fff; display: inline-block; line-height: 100px; 
    color: #0c90ce; margin: -70px 0 20px 0; border-radius: 50%; background-color: #fff; }
.item-list:hover i { /* background-position : 0 -100px; color: #fff; */ border: 5px solid #0c90ce; }
.item-list:hover h3 { color: #fff;}
.item-list:hover { background-color: #0c90ce; color: #fff; border-radius:5px; }

/*.light-bg .item-list { background-color: #f1f1f1; }*/

/* Welcome section
=========================================== */
.welcome { background-color: #fff; margin-top: -180px; position: relative; padding: 90px 0; box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.1); }
.welcome .separator { border: none; border-right: 1px solid #c5c5c5; border-left: 1px solid #c5c5c5; }

.welcome .item-list i { border-bottom: 1px solid #0c90ce; border-radius:0; }
.welcome .item-list:hover i { border: 5px solid transparent; background-color: #0c90ce; background-position : 0 -100px; color: #fff; border-radius: 50%; }
.welcome .item-list:hover { background-color: transparent; color: #0c90ce; border-radius:5px; }
.welcome .item-list:hover h3 { color: #0c90ce;}

/* clients logo
=========================================== */
.clients { background: #f6f8f9; text-align: center; transition: all 0.10s linear; box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.05);  }
.clients:hover{ background: #FFF; } 

/*technology section
=========================================== */

/*theme section
=========================================== */
.our-theme { background-color: #0c90ce; color: #fff; }
.our-theme .item-list h3 { color: #fff;}
.our-theme .section-header h1 { font-size: 30px; }
.our-theme .section-header h1 span { color: #fff; vertical-align: top; }
.our-theme .line { position: relative; width: 60px; height: 3px; background: #fff; display: block; margin: 0 auto 20px; }

.our-theme .item-list { text-align: center; /* background-color: #fff; */ margin: 0px 0 0 0; padding: 20px; }
.our-theme .item-list i { /* border: 5px solid #1a9ad6; */ border: 5px solid transparent; background-color: #0c90ce; background-position : 0 -100px; color:#fff; margin: 0px 0 20px 0; }
.our-theme .item-list:hover i { /* border: 5px solid #f6f6f6; */ border: 5px solid transparent; background-color: transparent; background-position : 0 0; color: #0c90ce; }
.our-theme .item-list:hover h3 { color: #444;}
.our-theme .item-list:hover { background-color: #fff; color: #666; border-radius:5px; }

/*value section
=========================================== */
.our-value { background-color: #fff; }

/* get in touch section
=========================================== */
.get-in-touch { background: url("../images/get-in-touch.png") no-repeat center center; padding: 70px 0; color: #FFF; position: relative; z-index: 1; }	
.get-in-touch-detail { position: relative; padding: 0 0 0 110px; }
.get-in-touch-detail i { width: 78px; height: 78px; color: #fff; background-color: #0c90ce; display: inline-block; 
				border-radius: 50%; line-height: 78px; text-align: center; font-size: 48px; }
.get-in-touch-icon { position: absolute; top: 50%; left: 0; transform: translate(0%, -50%); }
.get-in-touch-detail h3 { font-weight: 300; color: #fff; margin-bottom: 7px; }
.get-in-touch-detail h2 { font-weight: 800; color: #fff; }
.get-in-touch-detail h2 span { color: #0c90ce; }
.get-in-touch-detail p { margin-bottom: 20px; }

.get-in-touch .text { }
.get-in-touch .text h3 { color: #FFF; font-size: 22px; font-weight: 300; overflow: hidden; padding: 15px 0 0 0; }
.get-in-touch .text span {
    width: 100px;
    height: 100px;
    line-height: 90px;
    font-size: 48px;
    color: #ffffff;
    background: #0c90ce;
    margin-right: 15px;
    display: inline-block;
    text-align: center;
    float: left;
    border-radius: 50%;
}
/* Verticals Areas section
=========================================== */	
.practice-list {  }	
.practice-list-preview {
    position: relative;
    transition: .3s ease-in-out;
    overflow: hidden;
    height: 200px;
}
.practice-list-title {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #303030;
    background: transparent;
    padding: 22px 0;
	position: static;
}
/* Companies section
=========================================== */

/* Our team section
=========================================== */
.team { margin-bottom:20px;  }
.team img { border-radius:50%; }

/* about section
=========================================== */
.about img { width: auto; max-width: initial; }
.about-features { margin: 0 0 0 20px; }
.about-features li { margin: 0 0 5px 0; position: relative; }
.about-features li i { color: #0c90ce; margin-top: 5px; position: absolute; left:-20px; }

/* testimonial section
=========================================== */
.testimonial { text-align: center; }
.testimonial img { margin-bottom:20px; }	
.testimonial span { color: #0c90ce; }	
.testimonial p { margin-top: 20px; }
.testimonial i { margin-top: 10px; }
.testimonial-btn { margin: -20px 0 0; position: absolute; text-align: center; top: 50%; width: 70%; left: 15%; }
.testimonial-prev, 
.testimonial-next {
    position: relative;
    height: 50px;
    width: 50px;
    font-size: 25px;
    color: #0c90ce;
	border: 1px solid #0c90ce;
    border-radius: 50%;
	cursor: pointer;
	}
.testimonial-prev { float: left; left: -60px;}
.testimonial-next { float: right; right: -60px;}	
.testimonial-prev:hover,
.testimonial-next:hover { background: #0c90ce; color: #fff;  }

/* resources section
=========================================== */
.blog-info { border-bottom: 1px solid #e3e3e3; padding: 10px 0 10px 0; font-size: 12px; margin: 0 0 15px 0; color: #a3a3a3; }
.blog-info span { margin-right: 15px; }
.blog-info span i { padding-right: 5px; }

/* Map
=========================================== */
.map { margin:0; padding:0; width: 100%; height: 280px; overflow: hidden; }

/* Contact us form at footer
=========================================== */
.contact { background-color: #0c90ce; }
.contact-us { padding: 40px; background: #fff; margin-bottom: 40px; margin-top: -100px; } 
.contact-us textarea { resize: none; }
/* Footer
=========================================== */
.footer { width: 100%;  background: #222; text-align: center;  }

.footer-nav { margin: 40px 0 70px 0; }
.footer-nav h3 { font-size: 16px; color: #FFF; text-transform: uppercase; font-weight: 600; }
.footer-nav a { color: #adc2f0; font-size: 13px; line-height:25px; }
.footer-nav a:hover{ color: #333; }
.footer-nav i { padding-right: 12px; }

.social-media{ text-align: center; position: absolute; top: -36px; left: calc(50% - 120px); }
.social-media li{ display: inline-block; padding: 0 4px; text-align: center; }
.social-media li a{ width: 50px; height: 50px; display: inline-block; border-radius: 50%; color: #fff; font-size: 25px; 
				line-height: 40px; border: 2px solid transparent; }
.social-media li a:hover{ }

.social-media li.facebook a{ background: #3b5997; }
.social-media li.twitter a{ background: #55acee; }
.social-media li.linkedin a{ background: #0077b4; }
.social-media li.youtube a{ background: #cd201f; }

.copyright { text-align: center; color: #0c90ce; line-height:50px; }

/* Buttons
=========================================== */
.btn {
    padding: 10px 30px;
    font-size: 13px;
	letter-spacing: 1px;
	transition: all 0.15s linear;
    font-weight: 700;
	text-transform: uppercase;
    display: inline-block;
	border: 2px solid #0c90ce; 
	background-color: #0c90ce;
	color:#fff;
	outline: none;
	border-radius:100px;
}
.btn:hover { background-color: transparent; border: 2px solid #0c90ce; color: #0c90ce; }

/*icons
=========================================== */	
.welcome-icon-1{ background: url("../images/services-innovation.png") no-repeat 0 0; }

.technology-icon-1{ background: url("../images/icon-artificial-intelligence.png") no-repeat 0 0; }
.technology-icon-2{ background: url("../images/icon-blockchain.png") no-repeat 0 0; }
.technology-icon-3{ background: url("../images/icon-mix-reality.png") no-repeat 0 0; }
.technology-icon-4{ background: url("../images/icon-quantum-computing.png") no-repeat 0 0; }
.technology-icon-5{ background: url("../images/icon-robotics.png") no-repeat 0 0; }
.technology-icon-6{ background: url("../images/icon-autonomous-object.png") no-repeat 0 0; }

.themes-icon-1{ background: url("../images/theme-digital-enterprise.png") no-repeat 0 0; }
.themes-icon-2{ background: url("../images/theme-automation.png") no-repeat 0 0; }
.themes-icon-3{ background: url("../images/theme-connected-devices.png") no-repeat 0 0; }
.themes-icon-4{ background: url("../images/theme-consumer-electronics.png") no-repeat 0 0; }

.services-icon-1{ background: url("../images/services-innovation.png") no-repeat 0 0; }
.services-icon-3{ background: url("../images/services-technologies.png") no-repeat 0 0; }
.services-icon-6{ background: url("../images/services-m_a.png") no-repeat 0 0; }

/* Resources and resources-detail page 
=========================================== */
.card {
    position: relative;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #f1f2f3 !important;
    border-radius: .25rem;
	padding: 2rem;
}
.resources { position:relative; padding:0; border-radius: 5px; overflow: hidden; }
.resources-image { overflow:hidden; margin-bottom: 10px;  }
	.resources-image img { width:100%;  }
.resources-content { overflow:hidden; padding: 2rem;  }
	.resources-content h5 a{ color: #323d47; }
	.resources-content h5 a:hover { color: #50a1ff; }
.entry-description { font-size: 12px; color: grey; margin:0; margin-bottom: 10px; padding:0; }

.resources-content ol, 
.resources-content ul { padding-left: 40px; padding-bottom: 10px; }
.resources-content ul li { list-style: disc; }
.resourse-title { height: 80px; font-size: 20px; line-height: 30px; margin-bottom: 0; }

/* widget (right panel)*/
.widget { margin: 8px 0 30px 0; }	

.subscribe_widget { border-radius: 5px; background-color: #fff; padding: 20px 10px; text-align: center; }
.subscribe_widget .subscribe-image { background: url(../images/subscribe-asset.png) no-repeat; width: 201px; height: 73px; 
			object-fit: contain; margin: 10px auto; }

/* Media  Queries
=========================================== */
@media (max-width: 1200px) { .practice-list-preview { height: 160px; } }
@media (max-width: 992px){ .practice-list-preview { height: 120px; } }
@media (max-width: 768px) {
	.slide-description { width: 96%; left: 2%; top: 10%; }
  /*.slide-description h2 { line-height: 30px; font-size: 30px; }
  .slide-description p { line-height: 18px; font-size: 14px; } */
  
  a.logo, a:hover.logo { font-size: 24px; }

  .header-static { height: 110px; }

   a.logo,a:hover.logo { width: 120px; height:40px; position: absolute; left: calc(50% - 60px); top: 5px; font-size: 24px; margin-top:0; }

  .header-nav { position: absolute; right: 0; top: 35px; width:100%; text-align:center;  }
  .header-nav li a { padding:25px 10px 0 10px;}
  
  .welcome .separator { border: none; }  
  .get-in-touch .col4 { text-align:left!important; padding: 0 0 0 110px; }
/*   .card { padding: 1.5rem; } */
  
  .footer-nav { margin: 40px 10px 70px 10px;}
  
  .social-media{ text-align: center; margin-top: 10px; }
  .copyright { text-align: center; }
}