/*-----------------------------------------------
** Version: 1.0
** Author: gtech.company - Mostafa Kasem
** Last update : 4 Mar 2018
 -----------------------------------------------*/
/* Global Styles */  
@font-face { font-family: "MostRegular"; src: url('../../fonts/230163575-DINNextLTArabic-Regular.eot'); src: url('../../fonts/230163575-DINNextLTArabic-Regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/230163575-DINNextLTArabic-Regular.svg#DIN Next LT Arabic') format('svg'), url('../../fonts/230163575-DINNextLTArabic-Regular.woff') format('woff'), url('../../fonts/230163575-DINNextLTArabic-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'NB'; font-weight: bold; font-style: normal;
    src: url('../../fonts/subset-Noor-Bold.eot');
    src: url('../../fonts/subset-Noor-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/subset-Noor-Bold.woff2') format('woff2'),
        url('../../fonts/subset-Noor-Bold.woff') format('woff'),
        url('../../fonts/subset-Noor-Bold.svg#Noor-Bold') format('svg');    }
html { position: relative; min-height: 100%; font-size: 16px}
body { scroll-behavior: smooth;font-family: 'MostRegular', serif;background: #fff;padding: 0;margin: 0;direction: rtl;text-align: right;font-size: inherit;position: relative;}
a, input,button {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.5s ease;}
*::selection { background: #eff2f8;  }
*::-moz-selection { background: #eff2f8;  }
*::-webkit-selection {background: #eff2f8; }
.clearfix { clear: both }
.hover-1:hover{ transform: translate(-2px);-ms-transform: translate(-2px);}
.h1,h1  {font-size: 2rem;} 
.h2,h2  { font-size: 1.625rem;} 
.h3,h3  { font-size: 1.437rem;} 
.h4, h4 { font-size: 1.125rem;}
a,a:hover,a:focus{text-decoration:none;color: inherit;}
img{ max-width:100%; border:0;    font-size: 80%;color: #3F51B5;}
ul{list-style:none;padding:0;margin:0;}
.wow{ visibility:hidden}
.h1, .h2, .h3, h1, h2, h3{margin-top: 0px;margin-bottom: 20px;font-family: 'NB','MostRegular', sans-serif;font-weight: 100;}
.container.layout{background: #fff;padding: 15px;}
.section-inner{width: 100%;}
/*--------------------- General -------------------------- */
.block  { display: block; }
.in-block{ display: inline-block!important; }
.rounded{ border-radius: 50%}
.bold{ font-weight: 700} 
.normal{ font-weight: 100} 
.bordered-r{ border-radius: 10px}
.bordered{ border: 1px solid #ddd}
.©{ overflow: hidden}
.img-width-100{ width: 100%}
.box-shadow{  box-shadow: 0px 0px 19px 1px rgba(224, 224, 224, 0.66); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out}
.shadow-hover:hover,
.shadow-hover:focus { box-shadow: 1px 1px 13px #b6b6b6; background: #fafafa;}
.font-lg {font-size: 120%;}
.font-sm {font-size: 80%;}
.Str { color: #ff0000; font-size: 1rem;}
.lighter{ color:#555}
.underline{ text-decoration: underline}
/* UI components theme */
.main-title {background: url(../images/page-title.jpg) no-repeat center top #343d46;background-size: cover;padding: 40px 20px 50px;margin: 0 0 20px;/* color: #fafafa; */}
.main-title h1 { margin: 0; font-size: 2rem; color: #fff;}
.breadcrumb { padding: 10px 0 0; margin: 0; list-style: none; background-color: transparent;color: #fff;font-size: 14px;   }
.breadcrumb>.active {color: #ccc;}
.form-horizontal .control-label {text-shadow: none;padding-top: 7px;margin-bottom: 0;text-align: left;font-weight: 500;font-size: 0.93rem;color: #555;margin-bottom: 10px;}
.form-control {box-shadow: none;border-radius: 0;padding: 0px 12px 4px;border: 1px solid #cdd3de;color: #343d46;height: 40px;font-size: 0.93rem;line-height: 22px;/* font-family: arial; */border-radius: 5px;}
textarea.form-control{ min-height:92px}
select.form-control {padding: 3px 4px 6px 4px;}
.form-control:focus { border-color: #a7adba; outline: 0; -webkit-box-shadow: none; box-shadow: none; color: #343d46; }
textarea { resize: none }
.form-group {margin: 0 -15px 20px;overflow: hidden;}
.form-control-static {color: #076db5;font-size: 1rem; padding: 0} 
.buttonsContainer{overflow:hidden;margin: 30px 0 0;} 
.error-block {color: #cd2326;font-size: 0.8rem;}  
 
.file-upload-ex {border: 1px solid #cdd3de;overflow: hidden;display: block;padding: 0;font-size: 0.93rem;border-radius: 0px;height: 39px;position: relative;}
.file-upload-ex input[type=file] {outline: none;width: auto;position: absolute;top: 6px;right: -94px;font-weight: 100;}
.file-upload-ex span{display: block;position: absolute;padding: 6px 20px 10px;background: #d8dee9;color: #076db5;z-index: 10;left: 0;top: 0;height: 100%;cursor: pointer;}
.btn{padding: 6px 30px 11px;border-radius: 0;font-size: 1.2rem;margin:0 3px;border:0;border-radius: 0;cursor: pointer;}
.ie .btn{ border-radius:0}
.btn.btn-sm{padding: 3px 30px 7px; font-size:1rem}
.btn.btn-primary,.btn.btn-primary:hover,.btn.btn-primary:focus {background: #3f51b5;color: #fff;border-color: inherit;border-radius: 5px;}
.btn.btn-default,.btn.btn-default:hover,.btn.btn-default:focus {background: #fff;color: #343d46;border-color: inherit;border-radius: 5px;border: 1px solid #343d46;}
.btn.btn-secondary,.btn.btn-secondary:hover,.btn.btn-secondary:focus {background: transparent;color: #555;border-color: inherit;border-radius: 5px;}
.btn.btn-select,.btn.btn-select:hover,.btn.btn-select:focus {background: none;color: #045af3;border:1px solid transparent;border-radius: 5px;    padding: 0px 20px 5px;}
.btn.btn-select:hover,.btn.btn-select:focus{ border:1px solid #045af3}
.btn:hover,.btn:focus{color: #fff;opacity: 0.9;transform: translateX(-3px);} 
.btn.btn-link:hover{  color: inherit; } 
.action-icon {font-size: 18px;padding: 0 5px;display:inline-block;position: relative;}
.action-icon:before{position:absolute;top: -10px;right:0;content: attr(title);display: block;font-size: 13px;padding: 2px 8px 3px;background: rgba(0, 0, 0, 0.52);opacity: 0;transition:all 0.5s ease-in-out;color:#fff;border-radius:3px;text-transform: capitalize;transform: translateX(20%);z-index: 1000;}
.action-icon:hover:before{ opacity:1;top: -25px;}
.font-red  {color: #F44336;}
.font-green {color: #4CAF50;}
.font-blue  {color: #2196F3;}
.action-cell{ width:13%; text-align:center}
.loading-div {background: url(../images/Preloader.gif) no-repeat center center;width: 100%;min-height: 200px;height: 100%;}
.modal-footer .btn,.modal-footer .btn+.btn{ margin: 0  5px;}
.modal-footer .btn:hover{ transform: translateX(0px);-ms-transform: translateX(0px);}
.modal{ z-index: 100000}
.modal-dialog{ z-index: 100000}
.table-striped>tbody>tr:nth-child(odd) {background-color: #eff2f8;}
.table tbody tr td {padding: 10px 10px;/* font-size: 15px; */border-color: #e5e5e5;font-size: 1rem;}
.table thead tr th {background: #4f5b66;padding: 8px 10px 12px;font-size: 1rem;font-weight: 100;border: 0;border-left: 1px solid rgba(255, 255, 255, 0.38);color: #fff;line-height: 25px;font-family: 'NB','MostRegular', sans-serif;}
.pagination>li>a, .pagination>li>span{color:#000;padding: 5px 15px 8px;border: 1px solid #ccc;border-radius: 50%;margin: 0 2px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #6699cc;border-color: #076DB5;}
.progress-bar{background-color: #00ab67;}
.pagination {margin: 10px 0;border-radius: 2px;}
.nav-tabs>li>a,.nav-tabs>li>a:hover {margin-left: 0;line-height: 1.42857143;border: 0;border-radius: 0;margin: 0 0 0 5px;color: #4f5b66;padding: 12px 30px 14px;font-size: 1.125rem;font-family: 'NB','MostRegular', sans-serif;background: #fff;line-height: 3em;}
.nav-justified.nav-tabs>li>a{ margin: 0}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {background-color: #6699cc;border: 0;border-bottom-color: transparent;border-radius: 0;color: #fff;}
.nav-tabs {border: 0;background: #fafafa;padding: 3px;}
.label{font-size:90%;font-weight:100;border-radius: 0;}
p.help-block {font-size: 0.8rem;margin: 0;}
.tab-content {padding: 20px 20px 10px;background: #fff;border: 1px solid #e5e5e5;overflow: hidden;border-radius: 10px;margin: 0 0 20px;}
.modal-content{border-radius: 0;box-shadow: 0 0 0; border: 0px solid #3dac8b; }
.modal-backdrop {  position: fixed;  top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: 1000;  background-color: #000; -webkit-filter: blur(3px);-ms-filter: blur(3px);filter: blur(3px);}
.modal-header {background: #3d7ced;color: #fff;}
.mk-page-loading{position: fixed;top: 0;left: 0;right: 0;width: 100%;height: 100%;background: #fafafa;z-index: 1000000;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.mk-page-loading:before{content:"";left: 45%;top: 45%;position: fixed;top: calc(50% - 10px);left: calc(50% - 80px);width: 160px;height: 20px;background: url(../images/loader.gif) no-repeat center center;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;/* animation: OpacityAnimate 0.9s  infinite; */}
.pull-left{ float:right!important}
.pull-right{ float:left!important}
.second-title {font-size: 2.5rem;color: #0554fe;margin: 50px 0;font-family: 'NB','MostRegular', sans-serif;}
.third-title {font-size: 1.5rem;color: #076DB5;}
.section-padding {padding: 60px 0;}
.custom-btn {display: inline-block;padding: 3px 15px 7px;border: 1px solid;border-radius: 5px;color: #003dce;margin: 20px 0 0;}
.red{color: #ec5f67;margin: 0 5px;}
/* End UI components theme */
/* Animations */
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}
@-webkit-keyframes fade { 0% {opacity: 0; }  100% {opacity: 1; }} 
@keyframes fade { 0% {opacity: 0; }  100% {opacity: 1; }} 
@-webkit-keyframes fade2 { 0% {opacity: 0; }  50% {opacity: 1;} 100% {opacity: 0; }} 
@keyframes fade2 { 0% {opacity: 0; }  50% {opacity: 1;} 100% {opacity: 0; }} 
@-webkit-keyframes fadeInUp{  0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px);  }  100% { opacity: 1; -webkit-transform: none; transform: none; }}
@keyframes fadeInUp {  0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px);  }  100% { opacity: 1; -webkit-transform: none; transform: none; }} 
@-webkit-keyframes fadeInDown{  0% { opacity: 0; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px);  }  100% { opacity: 1; -webkit-transform: none; transform: none; }}
@keyframes fadeInDown {  0% { opacity: 0; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px);  }  100% { opacity: 1; -webkit-transform: none; transform: none; }} 
@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-50px); transform: translateX(-50px); }  100% { opacity: 1;  -webkit-transform: translateX(0); transform: translateX(0);  }}
@keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px);  }  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);  }}
@-webkit-keyframes fadeInLeftLight {0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); }  100% { opacity: 1;  -webkit-transform: translateX(0); transform: translateX(0);  }}
@keyframes fadeInLeftLight { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px);  }  	100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);  }}
@-webkit-keyframes fadeInRightLight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); }  	100% { opacity: 1;  -webkit-transform: translateX(0); transform: translateX(0);  }}
@keyframes fadeInRightLight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);  }  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);  }}
@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(50px); transform: translateX(50px); }  100% { opacity: 1;  -webkit-transform: translateX(0); transform: translateX(0);  }}
@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px);  }  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);  }}
@-webkit-keyframes bounceIn {	0% {	  opacity: 0;	  -webkit-transform: scale(.3);	  transform: scale(.3);	}  	50% {	  opacity: 1;	  -webkit-transform: scale(1.05);	  transform: scale(1.05);	}	70% {	  -webkit-transform: scale(.9);	  transform: scale(.9);	}  	100% {	  -webkit-transform: scale(1);transform: scale(1);	}  }
@keyframes bounceIn {	0% {	  opacity: 0;	  -webkit-transform: scale(.3);	  -ms-transform: scale(.3);	  transform: scale(.3);	}  	50% {	  opacity: 1;	  -webkit-transform: scale(1.05);	  -ms-transform: scale(1.05);	  transform: scale(1.05);	}  	70% {	  -webkit-transform: scale(.9);	  -ms-transform: scale(.9);	  transform: scale(.9);	}	100% {	  -webkit-transform: scale(1);	  -ms-transform: scale(1);	  transform: scale(1);	}  }
.animate {-webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1.0s; animation-duration: 1.0s ; }
.fadee   { -webkit-animation-name: fade; animation-name: fade;}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.fadeInDown  { -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
.fadeInLeft  { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
.fadeInRightLight { -webkit-animation-name: fadeInRightLight; animation-name: fadeInRightLight;}
.fadeInLeftLight { -webkit-animation-name: fadeInLeftLight; animation-name: fadeInLeftLight;}
.bounceIn {	-webkit-animation-name: bounceIn;	animation-name: bounceIn;}
.delay1{ -webkit-animation-delay: 0.2s; animation-delay: 0.2s}
.delay2{ -webkit-animation-delay: 0.4s; animation-delay: 0.4s}
.delay3{ -webkit-animation-delay: 0.6s; animation-delay: 0.6s}
.delay4{ -webkit-animation-delay: 0.8s; animation-delay: 0.8s} 
.delay5{ -webkit-animation-delay: 1.0s; animation-delay: 1.0s} 
.delay6{ -webkit-animation-delay: 1.2s; animation-delay: 1.2s} 
.mk-animation{ opacity: 0}
.mk-animation.animate{ opacity: 1}
/* End Animations */

/* Header */
header {position: absolute;width: 100%;top: 0;left: 0;right: 0;z-index: 1000;/* background: rgba(255, 255, 255, 0.85); */margin-top: 30px;}
header .container{position:relative;border-radius: 3px;background: rgb(255, 255, 255);padding: 9px 20px 3px}
header .container:after {background: url(../../images/header-vector.png) no-repeat 80% top;position: absolute;top: 0;right: -150px;content: "";width: 767px;height: 143px;z-index: -2;}
.navbar-brand{display: block;height: auto;margin: 0;padding: 0;}
.header-left ul > li > a {display: block;padding: 17px 30px 23px;text-align: center;font-size: 1.5rem;color: #1A237E;background: transparent;position: relative;overflow: hidden;border-radius: 5px;}
/* .header-left ul > li:last-child > a, .header-left ul > li:last-child > a:hover, 
.header-left ul > li:last-child > a:focus{border-radius: 10px;line-height: 0;padding: 25px 30px 35px;} */
.header-left ul {margin: 12px 0 8px;}
.header-left ul > li > a:hover,.header-left ul > li > a:focus {background-color: transparent;}
.header-left ul > li > a:before {position: absolute;bottom: -100%;right: 0;content: "";width: 100%;height: 100%;z-index: -1;background: #e5f2fd;opacity: 0;transition: all 0.3s ease-in-out;transform: scale(0);}
.header-left ul > li.active > a:after{position: absolute;bottom: 0;right: 0;content: "";width: 100%;height: 1px;z-index: -1;background: #282659;}
.header-left ul > li > a:hover:before ,
.header-left ul > li.active > a:before {opacity:1;transform: scale(1);bottom: 0;}
.callUs i { font-size: 25px; margin: 0 0px 0 10px;}
.req-1 { display: inline-block; font-size: 2rem; background: #3d7ced; display: inline-block; padding: 13px 30px 17px 25px; font-size: 1.25rem; /* border: 1px solid; */ border-radius: 10px; margin-top: 20px; color: #fff; background-image: linear-gradient(to top, #3100d2 0%, #2575fc 100%);}
.req-1 i { margin: 0 5px 0 0px; transition: all 0.2s ease-in-out;}
.req-1:hover i { transform: rotate(360deg);}
.req-1:hover,.req-1:focus {transform: translateX(-3px);color: #fff;}
.page-head {min-height: 230px;padding: 160px 0 10px;background: url(../../images/header-bg.jpg) no-repeat center center #000;background-size: cover;margin: 0 0 30px;}
.page-head h2 {color: #ffffff;font-size: 1.7rem;margin: 0;}
.content {min-height: 400px;}
.content section:focus { outline: none }

/* Main Banner */ 
.min-h{min-height: 100vh;justify-content: center;display: block;display: flex;align-items: center;}
.main-banner {	background:url(../../images/big-banner2.jpg);	background-position: center center;/*	background-attachment: fixed;*/	background-repeat: no-repeat;	position: relative;	background-size: cover;}
.main-banner .container{ position: relative; z-index: 1}
.main-banner:before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;opacity: 0.3;background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%); }
.banner-main-title {display: inline-block;color: #fff;padding: 15px;/* background: rgba(0, 0, 74, 0.74); */border-radius: 5px; }
.banner-main-title h1 {font-size: 3.0rem;line-height: 4rem;margin:  0;text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.45);font-family: 'NB','MostRegular', sans-serif;}
.banner-second-title { display: block;}
.banner-second-title h2 {display: inline-block;color: #EEE;margin: 0; font-size: 1.3rem; font-family: 'MostRegular', sans-serif; font-weight: 100; text-shadow: -2px 1px 1px #607D8B;}
.first-s{display: block;margin: 0 0 10px;font-size: 60%;}

/* About Section */
.about-section{background-color: #0850f9;color: #fff;/* min-height: 160px; */overflow: hidden;position: relative;background-image: linear-gradient(to right, #00c6fb 0%, #005bea 100%);background-image: linear-gradient(to right, #4481eb 0%, #04befe 100%);}
.about-section:before {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0; opacity: 0.8;background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);animation: fade2 10s infinite;}
.about-section .container{position:relative;}
.about-top img {margin: 0 50px 20px;}
.about-bottom p {font-size: 1.25rem;line-height: 2rem;margin: 0 0 20px;/* text-align: justify; *//* font-family: 'NB','MostRegular', sans-serif; */}
.about-bottom .simbol { margin: 0 0 50px;}
.help-files,.demo {display: inline-block;padding: 10px 20px 14px;font-size: 1.25rem;border: 1px solid;border-radius: 10px;margin-top: 20px;}
.help-files:hover,.demo:hover,
.help-files:focus,.demo:focus{ transform:translateX(-3px)}
.help-files { background: url(../../images/folder-icon.png) no-repeat right center;}

/* contact section */
.contact-home{ padding-top:  60px}

/* Media center*/
.media-section .media {position: relative;overflow:hidden;margin: 0;border: 1px solid #fff;border-radius: 1px;}
.media-section .media-img img {width: 100%;transition: all 10.0s ease-in;min-height: 160px;}
.media-section .big-media .media-img img {min-height: 318px;}

.media-section .media-img a { display: block; position: relative;}
.media-section .media-img a:after {position: absolute;top: 0;right:0;content: "";width: 100%;height:100%;z-index: 0;/* background-color: rgba(30, 41, 61, 0.28); */background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, transparent 100%);background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.media-section .media-img a:hover:after,
.media-section .media:hover .media-img a:after { opacity: 0.7;}
.media-section .media:hover .media-img img{ transform:scale(1.5) translate(10px,10px)}
.media-section .media-title {position: absolute;bottom: 0;right: 0;padding: 10px; width: 100%;}
.media-section .media-title h3 {color: #fff;font-size: 0.93rem;margin: 0 0 5px;line-height: 1.3rem;}
.media-section .media-title .media-date {color: #ddd;font-size: 0.9rem;}
.media-section .big-media .media-title h3 { font-size: 1.25rem; line-height: 2rem;}
.media-section .big-media .media-title { padding: 20px;}
.quicklinks a {display: block;border: 1px solid #ddd;padding: 0 30px;text-align: center;display: flex;align-items: center;min-height: 142px;justify-content: center;margin: 0px 0 -1px;overflow: hidden;}
.quicklinks a img { transition: all 0.5s ease-in-out;}
.quicklinks a:hover img { transform: translateY(-5px);}
.custom-row {margin: 0 0 20px;overflow: hidden;}
/* Eservices */
.eservices-carousel{ padding: 50px 0;}
.eservices { position: relative}
.eservices:before{background: url(../../images/pttrn.png) center center;content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;opacity: 0.08;background-attachment: fixed;}
.eservices-carousel .thumbnail { min-height: 200px;display: flex;align-items: center;justify-content: center;border: 0;transition: all 0.5s ease-in;border-radius: 10px; background: transparent;}
.eservices-carousel .thumbnail h3 {color: #282659;font-size: 1.5rem;margin: 30px 0;}
.eservices-carousel .thumbnail .inner-img{position: relative;overflow: hidden;border-radius: 10px;margin: 0 20px;}
.eservices-carousel .thumbnail .inner-img:after{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;opacity: 0.25;background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);/* animation: fade2 10s infinite; */}
.eservices-carousel .thumbnail img{transition: all 0.7s ease-in-out;will-change: transform;}
.eservices-carousel .thumbnail:hover img{transform: scale(1.1);}
.comming-soon {background: #eeeeeeb5;color: #E91E63;padding: 0px 10px 7px;border-radius: 5px;/* position: absolute; *//* top: 10px; *//* left: 10px; */font-size: 1.1rem;display: inline-block;}

/* footer */ 
.page-footer {background: #f5f6f8;color: #555;}
.page-footer p {margin: 0;padding:10px 0;font-size: 1.0rem;}
.footer-bottom p{text-align: center;}
.footer-top h2 {font-size: 1.25rem;color: #a48321;margin: 0 0 10px;}
.footer-top {padding: 5px 0;border-top: 1px solid #ddd;}
.footer-nav li a{display:block;position: relative;padding: 0;font-size: 1.05rem;line-height: 2.1rem;}
.footer-nav li a:after{width: 20px;height: 20px;position:absolute;right: -15px;top: 16px;content: "\f053";-webkit-transition: all 0.5s ease-in-out;transition:all 0.5s ease-in-out;font: normal normal normal 8px/1 FontAwesome;color: #A68500; opacity:0;-webkit-transform:translateX(5px); transform:translateX(5px);}
.footer-nav li a:hover,
.footer-nav li a:focus{ -webkit-transform:translateX(-7px); transform:translateX(-7px); color:#333}
.footer-nav li a:hover:after,
.footer-nav li a:focus:after{ opacity:1;-webkit-transform:translateX(-3px); transform:translateX(-3px);}
.footer-bottom {background: #4f5b66;color: #d8dee9;position: relative;background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);}
.footer-logo {overflow: hidden;}
.footer-logo a {display: inline-block;/* float: left; */}
.footer-logo a span { display: block; font-size: 1.6rem; margin: 5px 0 10px; font-family: '29ltbukraBold', serif;}
.latest-news ul{-webkit-animation: ticker 16s cubic-bezier(1, 0, .5, 0) infinite;animation: ticker 16s cubic-bezier(1, 0, .5, 0) infinite;user-select: none;-webkit-user-select: none;}
a.back-top { position: absolute;	left: 20px;	bottom: 0;	color: #f7f7f7;	font-size: 23px;	margin: 10px 0 0;	line-height: 10px;	width: 40px;	text-align: center;	display: block;	height: 40px;	padding: 8px 10px 0;	text-decoration: none;	overflow: hidden;	border: 0;	box-shadow: -1px -1px 7px 1px rgba(0, 0, 0, 0.13);	border-radius: 0;	background-image: linear-gradient(to right, #6210bd 0%, rgba(61, 86, 236, 0.75) 100%);	}
a.back-top:hover{background-color: #3671da;}
ul.social-network {list-style: none;display: block;margin: 0;/* overflow: hidden; */margin: 6px 0 0;}
ul.social-network li a i{ color:#fff}  
ul.social-network li {float: none;display: inline-block;} 
ul.social-network li a {display: block;font-size: 17px;padding: 0;border-radius: 50%;text-align: center;color: #fff;line-height: 27px;margin: 0 3px;float: right;width: 30px;height: 30px;}
ul.social-network li a:hover { opacity:0.7;-webkit-transform:translateY(-2px); transform:translateY(-2px) } 
ul.social-network li a.icoFacebook {	background-color:#3B5998;}
ul.social-network li a.icoTwitter {	background-color:#33ccff;}
ul.social-network li a.icoSnapchat {	background-color:#FFC107;}
ul.social-network li a.icoInstagram {	background-color:#007bb7;}
/* Pace js */
.pace { -webkit-pointer-events: none; pointer-events: none;  position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: 1000000}
.pace-activity{ position: fixed; width: 100%; height: 100%; display: flex; align-items: center; color: #fff; text-align: center; font-size: 50px;    background:  #fff;   }
.pace-activity:after{content:"";width:288px;height: 77px;background: url(../../images/logo.png) no-repeat center center #fff;background-size: cover;-webkit-animation: fade2 1s infinite;animation: fade2 2s infinite;margin: 0 auto;}
.pace .pace-progress {background: #0850f9;position: fixed;z-index: 2000000;top: 0;right: 100%;width: 100%;height: 4px;}
.pace-done .pace{ display: none  }
#header,.page-footer,.content{visibility: hidden}
body.pace-done #header,
body.pace-done .page-footer,
body.pace-done .content{visibility: visible}

/* contact letter style */
.content-letter { position:relative; margin: 0 auto 50px; min-height:200px; z-index:100; padding: 20px 10px;  background: #fafafa;
	background: -moz-repeating-linear-gradient(-45deg, #EFC1CB, #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px, #F2F2F2 70px, #F2F2F2 80px);
	background: -webkit-repeating-linear-gradient(-45deg, #E91E63, #E91E63 30px, #F2F2F2 30px, #F2F2F2 40px, #3F51B5 40px, #3F51B5 70px, #F2F2F2 70px, #F2F2F2 80px);
	background: -o-repeating-linear-gradient(-45deg, #EFC1CB, #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px, #F2F2F2 70px, #F2F2F2 80px);
	background: repeating-linear-gradient(-45deg, #E91E63, #E91E63 30px, #F2F2F2 30px, #F2F2F2 40px, #3F51B5 40px, #3F51B5 70px, #F2F2F2 70px, #F2F2F2 80px);
	/* border-radius:8px; */
	}
.content-letter:after {background:#F9F9F9;margin: 0 0  4px;position: absolute;content :" ";bottom: 0;left: 0;right: 0;top: 0;z-index: -1;/* border:1px #E5E5E5 solid; *//* border-radius:8px; */}
.contact-img {margin: 1.5rem  0;width: 50px;}

/* updates */
/* .banner-main-title,
.banner-second-title{ display: none} */
.main-banner{ align-items: flex-end; padding-bottom: 100px; padding-top: 100px;}
.eservices-carousel .thumbnail .inner-img:after{ opacity: 0	}
.eservices:before{opacity: 0.2; background-repeat: repeat-x;background: url(../../images/pttrn.jpg) center center;background-attachment: fixed;}


/* browsers fix */
.ie .quicklinks a{ padding-top: 50px;}
.ie .eservices-carousel .thumbnail{ padding-top: 30px;}
.ie .media-section .media-img img { transition: all 3.0s ease-in;}
.ie9 .media-section .media:hover .media-img img{ transform:scale(1) translate(0px,0px)}
.ie9 .quicklinks a { display:block; width:100%; height:200px}
.ie9 .media-section .media-title { background: rgba(0, 0, 0, 0.8);}
.ie9 .banner-main-title { margin-top: 180px;}
.ie .pace-activity{background: url(../../images/logo.png) no-repeat center center #fff;}
.w50{ width:50%}
.about-footer{margin: 70px 0 0;}
.about-footer h2{ font-family: 'NB','MostRegular', sans-serif; font-size: 2rem; margin:  30px 0;}
.about-footer p{ font-size: 1.09rem; line-height: 2rem; color: #F5F5F5; margin: 0 0 40px;}
iframe{ border: 0}
.about-bottom{margin: 50px 0 0;}

@media screen and (min-width:0) and (max-width:1201px) {
	.about-section .container:before{ display:none}
	html { font-size: 15px} 
	.header-left ul > li > a{font-size: 1.3rem;padding: 15px 15px 18px;}
}
@media screen and (min-width:0) and (max-width:990px) { 
	.about-us-section img{ width: 100% !important; margin: 0 0 20px !important}
	.section-padding { padding: 40px 0;}
 	.footer-logo{text-align:center;margin: 0 0 20px;}
	ul.social-network{ text-align:center}
	.about-top{text-align:center;margin-top: 30px;}
	header:after,
	header .container:after{ display:none}
	.header-left ul{margin: 10px 0 0;}
	.navbar-brand{ margin: 5px 0 0;}
	.page-head{ min-height: 70px; padding-top: 20px;}
	.fadeInRightLight,.fadeInLeftLight,.fadeInRight,.fadeInLeft { -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}	
	a.back-top{left: 5px;}
	.content{padding-top: 68px; }
	header { position: fixed;  top: 0;right: 0;width: 100%;z-index: 1000;background: rgba(255, 255, 255, 0.96);box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.13);margin: 0;height: 68px;left: 0; z-index: 100000;}
	.nav-open header { position: fixed;}
	header .container{ padding: 0 10px;}	
	.navbar-brand{width: 180px;margin: 0;padding: 11px 0 0;}
	.main-banner{background-position: -120px top;/*background-size: auto 100%;*/}
	/* updates */
	.main-banner{background-position: center top; background:url(../../images/big-banner3.jpg); background-size: 100% 100%;}
	.min-h{min-height: 100vh;height: auto;}
	/* .main-banner{min-height: calc(100vh - 68px)!important;} */
	.eservices-carousel { padding: 10px 0;}
	.banner-main-title h1{ margin: -70px 0 0px;}
}
@media screen and (min-width:0) and (max-width:767px) {
	html { font-size: 14px}  
	.eservices-carousel .thumbnail { margin: 20px;}
	.well-status,
	.well-title{ text-align: center; float: none!important; display: block;}
	label.control-label{ margin-top: 10px}
	.col-xs-4 label.control-label{ margin-top: 0px}
	.request-header.stuck{ top: 68px; padding: 10px}
	.header-left ul > li > a:before{background: #053fc4;}
	/* navigation toggle*/
	.masthead{ position:relative}
	.nav-toggle{height: 60px;width: 60px;position: absolute;top: 4px;left: -10px;padding: 15px 15px;border-radius: 5px;-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-ms-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;overflow: hidden;}	
	.header-left{ position:relative;z-index: 100000;}
	.header-left   ul{position: fixed;right: -110%;top: 68px;z-index: 10000; transition:all 0.5s ease-in-out;opacity:0;/*animation-name: initial;*/background: rgb(2, 79, 254);margin: 0;box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.13);height: 100%;width: 100%;}
	.nav-open .header-left   ul{right:0;opacity: 1;}
	.nav-toggle .bar {display: block;height: 3px;width: 100%;background: #0850f9;margin: 6px auto;}
	.nav-toggle .middle {   margin: 0 auto; }
	.nav-toggle .bar { -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease;  transition: all .7s ease; } 
	.nav-toggle.active .top {-webkit-transform: translateY(7px) rotateZ(47deg);-moz-transform: translateY(7px) rotateZ(47deg);-ms-transform: translateY(7px) rotateZ(47deg);-o-transform: translateY(7px) rotateZ(47deg);transform: translateY(11px) rotateZ(47deg);}
	.nav-toggle.active .bottom {-webkit-transform: translateY(-15px) rotateZ(-47deg);-moz-transform: translateY(-15px) rotateZ(-47deg);-ms-transform: translateY(-15px) rotateZ(-47deg);-o-transform: translateY(-15px) rotateZ(-47deg);transform: translateY(-7px) rotateZ(-47deg);} 
	.nav-toggle.active .middle {   width: 0; } 
 	.header-left ul > li > a{border-bottom: 1px solid rgba(221, 221, 221, 0.49);font-size: 1.3rem;text-align: right;padding: 20px;color: #fff;}
 	.callUs i{margin: 0;float: none;font-size: 30px;color: #000;}
	.callUs i{display: none;}
	.btn{margin-bottom:10px; }
	.btn-block-sm {width: 100%;}
	.delay1,.delay2,.delay3,.delay4,.delay5,.delay6{ -webkit-animation-delay: 0s; animation-delay: 0s}
	.form-horizontal .control-label{ padding-bottom: 0; padding-top: 10px;} 
	.banner-main-title h1{font-size: 1.9rem;line-height: 3rem; }
	.req-1{ margin-top:50px}
	.second-title{/* font-size: 1.7rem; */margin: 30px 0;}
	.third-title{ font-size: 1.2rem;margin-bottom: 20px;}
	.media-section .media-title h3{ font-size:1.1rem}
	.section-padding {padding: 70px 0 30px;}
	.first-s{/* display: inline; */margin: 0 0 10px;} 
	.media-section .big-media .media-img img { min-height: 160px;}
	.media-section{ overflow: hidden}
	.terms .custom-inputs input[type="checkbox"] + label{ line-height:1.5rem}
	.page-footer p{ text-align:center}
	.content {min-height: 438px;}
	.form-group{ margin-bottom: 5px}
	.form-group:last-child{ margin-bottom: 15px}
	.terms { margin-top: 15px}
	.header-left ul > li > a:hover, 
	.header-left ul > li > a:focus {background: rgb(5, 63, 196);}
	.container{ width:100%	}
	.banner-second-title h2{ font-size: 1.0rem}
}
@media screen and (min-width:0) and (max-width:480px) {
	html { font-size: 14px} 
}
@media screen and (min-width:0) and (max-width:320px) {
	html { font-size: 13px}
}