/*---------- PRE-LOADER ---------- */#preloader {	position: fixed;	top: 0;	left: 0;	right: 0;	bottom: 0;	background-color: #fff; /* change if the mask should have another color then white */	z-index: 99; /* makes sure it stays on top */	background: url("../img/main-bg.jpg") no-repeat center center;	background-size: cover;}#status {	width: 100px;	height: 100px;	position: absolute;	left: 50%; /* centers the loading animation horizontally one the screen */	top: 50%; /* centers the loading animation vertically one the screen */	background-image: url(../img/ring-alt.svg); /* path to your loading animation */	background-repeat: no-repeat;	background-position: center;	margin: -100px 0 0 -100px; /* is width and height divided by two */}/*---------- FONTS ----------*//*font-family: 'Montserrat', sans-serif;*//*font-family: 'Lato', sans-serif;*//*font-family: 'Open Sans', sans-serif;*//*---------- DEFAULT ----------*/html {	font-size: 1em;	-webkit-text-size-adjust: 100%;	-ms-text-size-adjust: 100%;	-moz-osx-font-smoothing: grayscale;	-webkit-font-smoothing: antialiased;}body {	font-family: 'Open Sans', sans-serif;	font-weight: 400;	font-size: 14px;}html, body {	position: relative;	width: 100% !important;	height: 100% !important;}.top-nav {	padding-top: 75px;}.container-fluid01 {	padding-left: 0;	padding-right: 0;}a {	-webkit-transition: all .2s ease-in-out;	-moz-transition: all .2s ease-in-out;	transition: all .2s ease-in-out;}a:hover, a:focus {	text-decoration: none;	outline: none;}p {	font-size: 1.10em;}.btn:focus {	outline: none !important;}.inline {	display: inline !important;}.table-cell {	display: table-cell;	vertical-align: top;}.text-bold {	font-weight: 700;}.modal-open[style] {	padding-right: 0px !important;}.hide {	display: none !important;}.no-border {	border: 0px !important;}.no-padding {	padding: 0px !important;}.no-margin {	margin: 0px !important;}.no-shadow {	box-shadow: none!important;}.btn-default01 {	background-color: transparent;	border-radius: 0;	border-color: #666;	padding: 6px 20px;	color: #666;}.btn-default01:hover {	background-color: #666;	border-color: #666;	color: #fff;}.btn-default02 {	background-color: transparent;	border-radius: 0;	border-color: #fff;	padding: 6px 20px;	color: #fff;}.btn-default.btn-default03 {	background-color: #000;	border-radius: 0;	border-color: #000;	padding: 6px 20px;	color: #fff;}.transparent {	background-color: transparent !important;}/*---------- MAIN ----------*/.navbar-fixed-top.navbar-home {	background-color: transparent !important;}.navbar-fixed-top.navbar-custom {	z-index: 1000;	min-height: 75px;	background-size: cover;}.navbar-custom .navbar-brand {	padding: 12px 15px;	color: #FFF;	font-weight: bold;	width: auto;}.video-bg-holder {	position: absolute;	margin: 0;	padding: 0;	top: 0;	left: 0;	right: 0;	bottom: 0;	opacity: 0;	overflow: hidden;	background-color: #333;}.video-bg-holder video.video-container, .video-bg-holder iframe.youtube-container, .video-bg-holder img.image-container {	position: absolute;}.parallax-video-bg {	position: relative;	z-index: 0;	overflow: hidden;	width: 100%;	height: 100%;}.fullscreen-video-bg {	position: relative;	z-index: 0;	overflow: hidden;	width: 100% !important;	height: 100%;	background: url("../img/main-bg.jpg") no-repeat center center;	background-size: cover;}.bg-overlay {	position: absolute;	width: 100%;	height: 100%;	background: url("../img/video-overlay2.png") repeat;	opacity: 0.6;}.toggle-icon {	background: url("../img/toggle-icon.png") center center no-repeat;	padding: 15px 20px;}.toggle-icon-close {	background: url("../img/toggle-icon-close.png") center center no-repeat;	padding: 17px;}.logo {	z-index: 0;	position: relative;	top: -10px;	left: 1em;	color: #333;		padding-top: 25px;	background-image: url("../img/Logo70.svg");	width:100px;	height:70px;}/*.logo {	background: url("../img/Logo70.svg") no-repeat center center;	padding: 25px;	width:70px;	height:70px;}*/.logo2 {	z-index: 0;	position: relative;	top: -1px;	left: 1em;	color: #FFF;	font-size: 1.5em;	padding-top: 25px;	background-image: url(../img/Logo100.svg);	width:100px;	height:100px;}.title-design {	font-weight: 300;	-webkit-animation-duration: 0.5s;	-webkit-animation-delay: 0.5s;	-moz-animation-duration: 0.5s;	-moz-animation-delay: 0.5s;}.title-solutions {	-webkit-animation-duration: 1s;	-webkit-animation-delay: 1s;	-moz-animation-duration: 1s;	-moz-animation-delay: 1s;}.user-experience {	-webkit-animation-duration: 2s;	-webkit-animation-delay: 2s;	-moz-animation-duration: 2s;	-moz-animation-delay: 2s;}.title-design, .title-solutions {	margin: 0;}.title-solutions, .user-experience {	font-weight: 700;}.user-experience {	color: #fff;	max-width: 780px;}.user-experience span {	background-color: rgba(0, 0, 0, 0.4);	line-height: 1.34;}.video-caption {	position: absolute;	margin: 12% 7% 0;	font-family: 'Lato', sans-serif;	top: 1px;}.video-caption h1 {	font-size: 3em;}.hint {	width: 100%;	height: 30px;	background-image: url("../img/down-arrow.png");	background-repeat: no-repeat;	position: absolute;	bottom: 5%;	z-index: 9999;	background-size: auto 100%;	background-position: top center;	cursor: pointer;}.about-sd {	padding: 4em 1em;	background-color: #333;}.about-sd p {	color: #fff;	font-size: 1.5em;	text-align: center;}.content-left {	position: relative;	height: 100%;	display: table-cell;}#portfolio-link {	position: relative !important;}.portfolio-row {	display: table;	table-layout: fixed;	width: 100%;	padding: 0;}.portfolio-slider, .portfolio-text {	width: 50%;	display: table-cell;	float: none !important;	vertical-align: middle;	height: 100%;	position: relative;}.portfolio-slider {	background-color: #efeff1;}.portfolio-slider img {	padding: 2em 0;}.portfolio-caption {	position: absolute;	bottom: 3%;	padding: 2em 4em;	left: 10%;}.portfolio-caption01 {	padding: 2em 0;	left: inherit;}.portfolio-caption02 {	position: absolute;	top: 2%;	right: 5%;}.portfolio-caption h4 {	font-weight: 700;}.portfolio-text {	background-color: #fff;	color: #333;	text-align: left;	padding: 5em;}.portfolio-text01 {	background-color: #9f9fa2;	color: #fff;}.portfolio-text h4 {	font-weight: 600;	font-size: 1.75em;}.portfolio-text p {	font-size: 1.4em;	font-weight: 300;	max-width: 620px;}.portfolio-text01 p {	font-size: 1.8em;}.testimonials {	padding: 3em 2em 4em;	background: url("../img/testimonials/testimonials-bg.png") no-repeat center center;	background-size: cover;}.testimonials .portfolio-title {	margin-bottom: 0;}.testimonials h2 {	font-size: 2.25em;	color: #f4f4f4;}.testimonials .media {	margin: 0 auto;}.borderline {	width: 60px;	margin: 12px auto 0px;	height: 2px;	background-color: #bbb7b7;}.profile {	background-size: cover;	background-position: center center;	border-radius: 50%;	margin: auto;	border: 1px solid #898585;}.profile-1 {	background-image: url("../img/testimonials/7.jpg");}.profile-2 {	background-image: url("../img/testimonials/8k-ceo.png");}.profile-3 {	background-image: url("../img/testimonials/mashreq-ceo.jpg");}.profile-4 {	background-image: url("../img/testimonials/4.jpg");}.testimonials .media {	padding: 2em 1em;}.xs-size {	width: 200px;	height: 200px;}.testimonials .media .media-body01 {	font-family: 'Lato', sans-serif;	color: #fff;}.testimonials .media .media-body01 small {	color: #fff;}.testimonials .media .media-body01 .btn-default {	background-color: transparent;	border-radius: 0;	color: #fff;}.testimonials .media .media-body01 .btn-default:hover {	background-color: #fff;	color: #000;}.testimonials .media .media-body01 p {	margin: 30px 0;	color: #f4f4f4;	font-size: 1.15em;}.testimonials .media .media-body01 h4 {	color: #c9c7c7;	font-size: 1.2em;}.testimonials .media .media-body01 em {	color: #89898c;	font-size: 0.85em;}.testimonials .media .media-left {	padding-right: 2em;}.we-build {	padding: 4em 0;}.we-build h4 {	font-size: 2em;	font-weight: 600;	text-align: center;	margin-bottom: 1em;}.we-build p {	font-size: 1.25em;	margin-bottom: 0.4em;}.btn-touch {	margin-top: 4em;}.footer {	background: url("../img/footer-bg.jpg") no-repeat center center;	background-size: cover;	padding: 5em 1em;	color: #fff;}.footer h4 {	font-size: 1.35em;	font-weight: 600;	margin-bottom: 2em;}.footer h4 span {	padding-bottom: 10px;	border-bottom: 1px solid #727272;}.footer p {	font-size: 1.10em;	margin-bottom: 5px;}.footer a {	color: #fff;}.list-social {	margin-top: 1em;}.list-social a {	padding: 0;	display: inline-block;}.list-social .fa {	font-size: 1.5em;}.copy-rights {	padding: 0.5em 1em 0;	background-color: #000000;}.copy-rights p {	color: #FFFFFF;}.main-links li.active {	font-weight: bold;}.back-to-top {	position: fixed;	bottom: 40px;	right: 40px;	display: none;	z-index: 998;	height: 45px;	width: 45px;	line-height: 45px;	text-align: center;	border-radius: 50%;	color: #000;	font-size: 30px;	background: #f4f4f4;	-moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);	-webkitmoz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);	-webkit-transition: all 0.5s ease-out;	transition: all 0.5s ease-out;}.back-to-top:focus, .back-to-top:active {	color: #fff;	background: #000;}.back-to-top .fa {	position: relative;	top: -2px;}.portfolio-carousel.carousel, .portfolio-carousel .item, .portfolio-carousel .active {	height: 100%;}.portfolio-carousel .carousel-inner {	height: 100%;}.portfolio-carousel .fill {	width: 100%;	height: 100%;	background-position: center;	-webkit-background-size: cover;	-moz-background-size: cover;	background-size: cover;	-o-background-size: cover;	transition: all 0.5s ease-in-out;	cursor: pointer;	-webkit-transition: all 1s ease-in-out;	-moz-transition: all 1s ease-in-out;	-o-transition: all 1s ease-in-out;	-ms-transition: all 1s ease-in-out;	transition: all 1s ease-in-out;}/*.carousel.carousel-fade .fill:hover { transform: scale(1.1); }*/.portfolio-carousel .carousel-indicators {	bottom: 0;}.portfolio-carousel .carousel-control.right, .portfolio-carousel .carousel-control.left {	background-image: none;}.carousel.carousel-fade .item {	-webkit-transition: opacity 0.1s ease-in-out;	-moz-transition: opacity 0.1s ease-in-out;	-ms-transition: opacity 0.1s ease-in-out;	-o-transition: opacity 0.1s ease-in-out;	transition: opacity 0.1s ease-in-out;	opacity: 0;	transition: all .2s ease-in-out;	-webkit-transition: all .2s ease-in-out;	-moz-transition: all .2s ease-in-out;	-ms-transition: all .2s ease-in-out;	-o-transition: all .2s ease-in-out;}.carousel.carousel-fade .active.item {	opacity: 1;}.carousel.carousel-fade .active.left, .carousel.carousel-fade .active.right {	left: 0;	z-index: 2;	opacity: 0;	filter: alpha(opacity=0);}.carousel.carousel-fade .next, .carousel.carousel-fade .prev {	left: 0;	z-index: 1;}.carousel.carousel-fade .carousel-control {	z-index: 3;}.portfolio-carousel.carousel .carousel-control {	visibility: hidden;}.portfolio-carousel.carousel:hover .carousel-control {	visibility: visible;	transition: all .2s ease-in-out;	-webkit-transition: all .2s ease-in-out;	-moz-transition: all .2s ease-in-out;	-ms-transition: all .2s ease-in-out;	-o-transition: all .2s ease-in-out;}.carousel-indicators li {	border: 1px solid #a8a8a8;	width: 10px;	height: 10px;}.carousel-indicators li.active {	width: 10px;	height: 10px;	background-color: #a8a8a8;	margin: 1px;}.right-arr {	background: url("../img/right-arw.png") no-repeat center center;	width: 20px;	height: 37px;	display: inline-block;}.left-arr {	background: url("../img/left-arw.png") no-repeat center center;	width: 20px;	height: 37px;	display: inline-block;}.carousel-arr {	position: absolute;	z-index: 5;	display: inline-block;}.right-arr, .left-arr {	position: absolute;	top: 50%;}/*-----	CLIENTS SLIDER -----*/.sd-clients {	background: url("../img/clients-bg.png") repeat center center;	padding: 4em 2em;	background-color: #fff;}.sd-clients h4 {	font-size: 2em;}.sd-clients h4 small {	font-size: 0.60em;}.clients-slider .item {	margin: 3px;}.clients-slider .item img {	display: block;	padding: 15px 10px;}.view-more {	text-align: left;	margin-top: 25px;	display: inline-block;	color: #333;	font-weight: 600;}.view-more:hover {	color: inherit;}.view-more span {	padding: 10px;	border: 1px solid #ccc;}/*---------- CAREER ----------*/.career-section01 {	background: url("../img/career/team.jpg") no-repeat top center;	background-size: cover;	padding: 5em 0;}.career-section01-inner {	background: rgba(0,0,0,0.85);	color: #fff;	padding: 2em;}.career-section01-inner p {	color : #d9d9d9;}.career-section02-inner {	margin: 20px 0;}.career-section02 {	padding-bottom: 4em;}.career-section02 .thumbnail {	margin-bottom: 8px;	border: none;	padding: 20px;	background-color: #e5e5e5;	padding: 36px 0;	position: relative;	width: 100%;	height: 100%;	border-radius: 0;	overflow: hidden;}.career-section02 .thumbnail:hover .thumb-hover {	opacity: 1;	-webkit-transition-delay: 0s;	-moz-transition-delay: 0s;	-o-transition-delay: 0s;	-ms-transition-delay: 0s;	transition-delay: 0s;	vertical-align: middle;}.thumb-hover-content .btn-default {	border-radius: 0;	background-color: #ccc;	color: #000;}.thumb-hover {	background: url("../img/career/thumb-background.png") no-repeat center center;	background-size: cover;	color: #fff;	position: absolute;	width: inherit;	height: inherit;	top: 0;	background-color: rgba(0,0,0,1);	overflow: hidden;	opacity: 0;	-webkit-transition: all 0.2s ease-in-out;	-moz-transition: all 0.2s ease-in-out;	-o-transition: all 0.2s ease-in-out;	-ms-transition: all 0.2s ease-in-out;	transition: all 0.2s ease-in-out;}.thumb-hover-content {	padding: 70px 15px;	margin: 15px;	background-color: rgba(0,0,0,0.5);}.thumb-hover-content h4 {	font-size: 14px;}.career-section02 .thumbnail01 {	padding: 25px 30px;}.padding-4 {	padding-right: 4px;	padding-left: 4px;}.thumbnail01 h4 {	font-size: 14px;}/*---------- SERVICES ----------*/.our-strengths {	background-color: #000;	color: #fff;	padding: 2em 0;}.our-strengths h2 {	font-weight: 600;}.our-strengths p {}.strength-content {	padding: 2em 0;	background-color: #f7f7f8;}.strength-content02 {	background-color: #fff;}.strength-content .ih-item.circle .img:before {	box-shadow: none;}.strength-content .ih-item.circle.effect8.colored .info {	background-color: #6c6b6b;}.strength-content .ih-item.circle.effect17 .info h3 {	font-size: 18px;	padding: 100px 0 0 0;}.strength-content h4 {	text-transform: uppercase;	line-height: 1;	font-weight: 600;}.strength-caption {	margin: 2em 0 0;}.strength-content .image img {	padding: 0;}.strength-content hr {	border-top: 1px solid #ccc;}.modal-services {	z-index: 10001;}/*.modal-services-inner {	-webkit-animation-duration: 1s;	-moz-animation-duration: 1s;	-ms-animation-duration: 1s;	-o-animation-duration: 1s;	animation-duration: 1s;}*/.modal-services h4 {	font-weight: 700;	font-size: 1.4em;	margin-bottom: 1.5em;}.modal-services .image-right {	padding: 2em;}.modal-services .modal-content {	border-radius: 0;}.modal-services .modal-body {	padding: 2em;}.close-service-modal {	background: url("../img/close-modal02.png") no-repeat center center;	height: 28px;	width: 28px;	display: block;	position: absolute;	top: -45px;	right: -25px;	cursor: pointer;	transition: all .2s ease-in-out;}.close-service-modal:hover {	transform: scale(0.8);}.services-thumnail {	padding-bottom: 1em;	margin-bottom: 1em;}.hamburger02 span {	z-index: 0;	position: relative;	top: -15px;	right: 90px;	color: #333;	font-size: 1.5em;}/*---------- RESPONSIVE ----------*/@media (min-width: 1499px) {.career-section01 {	padding: 8em 0;}} @media(min-width: 1399px) {.google-map-icons {	left: 5%;}}@media(min-width: 1200px) {.container01 {	width: 1199px;	max-width: none !important;}} @media(max-width: 1199px) {.footer h4 {	font-size: 1.10em;}.line-height-2 {	line-height: 2.2;}} @media (min-width: 992px) {.portfolio-row {	min-height: 620px;	height: 100vh;}.image-right {	float: right;}.image-left {	float: left;}.viewport-height {	max-height: 100vh;}.strength-content-padding01 {	padding: 25px 0;}.strength-content-padding03 {	padding: 65px 0;}} @media (max-width: 991px) {.text-vertical-center {	font-size: 12px;}.portfolio-carousel .item .fill {	min-height: 100%;	height: 520px;}.portfolio-text {	padding: 2em;}.portfolio-text p {	font-size: 1.5em;}.testimonials .media .media-left {	display: block;}.services-thumnail {	border-bottom: 1px solid #e8e8e9;}.close-service-modal {	top: -18px;	right: -15px;	padding: 45px;	background: url("../img/close-modal.png") no-repeat center center;}.strength-content .image img {	padding: 10px 0;}} @media (min-width: 768px) and (max-width: 1199px) {.footer address p {	margin-bottom: 15px;}.btn-default05 {	margin-left: 20px;}.portfolio-text p {	font-size: 1.25em;}} @media (min-width: 768px) and (max-width: 991px) {.video-caption h1 {	font-size: 2.5em;}.portfolio-caption {	bottom: 0%;}.portfolio-caption02 {	top: 0%;}.portfolio-text p {	font-size: 1.25em;}} @media (min-width:768px) {.modal-services .modal-dialog {	width: 75%;}/*.portfolio-img-left, .portfolio-img-right { padding-top: 75px;}*/} @media (max-width: 767px) {body {	font-size: 12px;}.toggle-icon {	background: url("../img/mob/toggle-icon.png") center center no-repeat;	padding: 10px 15px;}.toggle-icon-close {	background: url("../img/mob/toggle-icon-close.png") center center no-repeat;	padding: 10px;}.text-vertical-center {	font-size: 10px;}.text-vertical-center-content {	margin: 10% 5%;}.video-caption {	margin: 16em 4em 0;}.portfolio-text p {	font-size: 1em;}.portfolio-slider, .portfolio-text {	width: 100%;	display: block;	overflow: auto;}.video-caption h1 {	font-size: 2em;}.portfolio-row {	display: block;}.portfolio-text {	padding: 2em 2em 6em;	text-align: justify;}.portfolio-caption {	bottom: 0;}.about-sd p {	text-align: left;	font-size: 1.25em;}.footer h4 {	margin-bottom: 1em;}.footer {	padding: 2em 1em;}.video-thumbnail {	display: none;}.hamburger02 span {	top: -9px;	right: 75px;}} @media (max-width: 580px) {.video-caption {	margin: 12em 2em 0;}.logo2 {	z-index: 0;	position: relative;	top: -10px;	left: 1em;	color: #FFF;	font-size:1em;	padding-top: 25px;	background-image:url(../img/logo.png);	width:50px;	height:50px;}.logo {	z-index: 0;	position: relative;	top: -10px;	left: 1em;	color: #000;	font-size:1em;	padding-top: 25px;}} @media (max-width: 480px) {body {	font-size: 12px;}.user-experience span {	line-height: 1.4;}.portfolio-caption {	left: 2%;}.portfolio-caption h4 {	font-size: 14px;}.portfolio-text .portfolio-caption {	left: 8%;}.close-service-modal {	width: 20px;	height: 20px;	z-index: 9999;}.logo2 {	z-index: 0;	position: relative;	top: -10px;	left: 1em;	color: #FFF;	font-size:1em;	padding-top: 25px;}.logo {	z-index: 0;	position: relative;	top: -10px;	left: 1em;	color: #000;	font-size:1em;	padding-top: 25px;}} @media (max-width: 380px) {.video-caption h1 {	font-size: 1.7em;}.video-caption {	margin: 11em 2em 0;	font-size: 12px;}} @media (max-width: 320px) {}/*-------- Very Small Devices ----------*/@media (min-width: 320px) and ( max-height: 380px ) {}/*@media only screen and (min-width:480px) and (max-width: 640px)  {}*/