/*-----------------------------------------------------------------------------------

    Template Name: Aievari - HYIP Investment Business HTML Template
    Template URI: http://rockstheme.com
    Description: This is html5 template
    Author: Rocks_theme
    Author URI: http://rockstheme.com
    Version: 1.0

-----------------------------------------------------------------------------------*/

    /*-----------------------------------------------------------------------------------  
     CSS INDEX
    ===================

    1. Theme Default CSS (body, link color, section etc)
    2. Header Top Area
    2.1 Header Bottom Area 
    2.2. Sticky Header Area
    2.3. Mobile Menu Area
    3. Intro Area
    4. Count Area
    5. Invest Area
    6. support-service-area  Area
    7. Self Area Css
    8. work-proses area
    9. Payment History area
    10. Banner area.
    11. Blog Area
    12. Reviews Area Css
    13. FAQ  Area
    14. Footer Area
    15. Home 02 Area
    16. Bread cumb area
    17.	About page  CSS
    18.Feature Area
    19. Team Area
    20. Login And Register page
    21. Blog Sidebar Area
    22. Blog Details
    23.Contact CSS
    24.	Animation  CSS



`-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  Google Fonts
/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,800&display=swap');


/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
html, body {
	height: 100%;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.alignleft {
	float:left;
	margin-right:15px;
	margin-bottom: 15px;
}
.alignright {
	float:right;
	margin-left:15px;
	margin-bottom: 15px;
}
.aligncenter {
	display:block;
	margin:0 auto 15px;
}
a:focus {
	outline:0px solid;
}
img {max-width:100%;
	height:auto;
}
.fix {
	overflow:hidden;
}
p {
	margin:0 0 15px;
    color: #5d6471;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Nunito', sans-serif;
	margin: 0 0 15px;
	color: #32527c;
    font-weight: 600;
}
h1{
	font-size: 48px;
	line-height: 50px;
		
}
h2{
	font-size: 38px;
	line-height: 46px;
		
}
h3{
	font-size: 30px;
	line-height: 38px;
		
}
h4{
	font-size: 24px;
	line-height: 34px;
		
}
h5{
	font-size: 20px;
	line-height: 30px;
		
}
h6{
	font-size: 16px;
	line-height: 28px;
		
}
a {
	transition: all 0.3s ease 0s;
	text-decoration:none;
}
a:hover {
  color: #E6922E;
  text-decoration: none;
}
a:active, a:hover {
  outline: 0 none;
}
a:hover, a:focus {
    color: #3d5368;
    text-decoration: none;
}
body {
	background: #fff none repeat scroll 0 0;
	color: #5d6471;
    font-family: 'Nunito', sans-serif;
	font-size: 16px;
	text-align: left;
	overflow-x: hidden;
	
}
#scrollUp {
    bottom: 40px;
    font-size: 20px;
    line-height: 48px;
    right: 30px;
    width: 44px;
    background-color: #ffa631;
    color: #fff;
    text-align: center;
    height: 44px;
    border-radius: 3px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}
#scrollUp:hover {
    bottom: 45px;
    transition-duration: 500ms;
}
.clear{
	clear:both;
}
ul{
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
input, select, textarea, input[type="text"], input[type="date"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], button, button[type="submit"] {
	-moz-appearance: none;
	box-shadow: none !important;
}
input:focus, textarea:focus, select:focus {
    outline: none;
}
div#preloader { 
	position: fixed;
	left: 0; 
	top: 0; 
	z-index: 99999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: #fff url('img/logo/preloader.gif') no-repeat center center;
}
.navbar-collapse {
    padding-left: 0px;
}
::-moz-selection {
    background: #E6922E;
    text-shadow: none;
}
::selection {
    background: #E6922E;
    text-shadow: none;
}
.bg-color{
    background:#fafafa;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.area-padding{
	padding: 100px 0px;
}
.area-padding-2{
	padding: 100px 0px 70px;
}
.page-padding {
    padding: 130px 0px 100px;
}
.page-padding-2{
    padding: 130px 0px 70px;
}
.white-headline h3 {
    color: #fff;
}
.section-headline {
    padding-bottom: 40px;
    position: relative;
}
.section-headline.review-head {
    padding-bottom: 20px;
}
.section-headline h3 {
    font-size: 40px;
    line-height: 46px;
}
.section-headline p {
    font-size: 16px;
    max-width: 510px;
    margin: 0px auto;
}
.mar-row{
    margin-top: 50px;
}
.color{
   color:#E6922E; 
}
@media (min-width: 768px) {
    .navbar-left {
        float:left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px;
        margin-top: 16px;
    }

    .navbar-right~.navbar-right {
        margin-right: 0
    }
}
/*--------------------------------*/
@media (min-width: 768px){
.container {
    width: 740px;
}
}
@media (min-width: 1200px){
.container {
    width: 1170px;
}
}

@media (min-width: 992px){
.container {
    width: 970px;
}
}
.clients {
  padding-top: 20px;
}

.clients .swiper-slide img {
  opacity: 0.5;
  transition: 0.3s;
  filter: grayscale(100);
}

.clients .swiper-slide img:hover {
  filter: none;
  opacity: 1;
}

.clients .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.clients .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  background-color: #ddd;
}

.clients .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ffc451;
}


/*  2. Header top Area
/*--------------------------------*/
.topbar-left ul li {
    display: inline-block;
}
.topbar-area {
    background: rgba(4,23,46, 0.70) none repeat scroll 0 0;
}
.topbar-left ul li a {
    color: #ddd;
    display: block;
    font-weight: 600;
    margin-right: 20px;
    padding: 12px 0;
    text-decoration: none;
    font-size: 16px;
}
.topbar-left ul li a i {
    color: #E6922E;
    font-size: 16px;
    padding-right: 7px;
}
.topbar-right {
    position: relative;
    display: block;
    float: right;
}
.top-social {
    float: left;
    padding: 11px 0px;
    margin-left: 10px;
}
.top-social ul li{
    display: inline-block;
}
.top-social ul li a {
    color: #ddd;
    margin-right: 5px;
    display: block;
    text-align: center;
    font-size: 15px;
    width: 26px;
    height: 26px;
    border-radius: 5px;
    line-height: 26px;
}
.top-social ul li a:hover{
	color:#fff;
	background: #E6922E;
}
/*----------------------------------------*/
/*  2.1 Header Bottom Area 
/*----------------------------------------*/
.header-one {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 999;
}
.header-area{
	background:transparent;
	position:fixed;
	width:100%;
	top:20px;
}
.logo {
    display: block;
}
.logo a {
    display: inline-block;
    height: auto;
    padding: 18px 0;
}
.center-bg {
    display: block;
    background: #fff;
    padding: 0px 20px 0px 0px;
}
.main-menu ul.navbar-nav li {
    float: left;
    position: relative;
}
.main-menu ul.navbar-nav li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 33px 15px;
    text-transform: capitalize;
    position: relative;
}
.main-menu ul.navbar-nav li a:hover{
	color: #ffa631;
}
.header-area.stick .main-menu ul.navbar-nav li a:hover {
    color: #ffa631;
}
.main-menu ul.navbar-nav li.active a:focus {
    color: #fff;
}
.main-menu ul.navbar-nav li.active a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #ffa631;
    position: relative;
    z-index: 9999999;
}
.navbar {
    border: medium none;
    margin-bottom: 0;
}
.navbar-default {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.main-menu ul.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: none;
    color:#fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background: none;
}
.main-menu ul.nav li ul.sub-menu {
    background: #fff;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 115%;
    transition: all 0.3s ease 0s;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    visibility: hidden;
    width: 215px;
    z-index: -99;
	padding: 10px 0px;
    border-radius: 3px;
}
.pagess {
    position: relative;
}
.navbar.navbar-default {
    float: right;
}
.main-menu ul.nav li ul.sub-menu li {
    padding: 0;
    position: relative;
    width: 100%;
}
.main-menu ul.nav li:hover ul.sub-menu{
    top:100%;
    opacity:1;
    z-index:999;
    visibility:visible;
}
.main-menu ul.nav li ul.sub-menu li a {
    color: #3d5368;
    display: block;
    font-size: 14px;
    padding: 5px 20px;
}
.main-menu ul.nav li ul.sub-menu li a span{
    color: #ffa631;
}
.main-menu ul.nav li:hover ul.sub-menu li a:hover{
    color:#ffa631;
}
.header-right-link {
    float: right;
    width: 115px;
    padding: 30px 0px;
    margin-left: 60px;
    text-align: right;
}
.slice-btn {
    display: inline-block;
    padding: 0px 15px;
}
.slice-btn span {
    font-size: 20px;
    font-weight: 500;
    color: #3d5368;
    cursor: pointer;
    line-height: 28px;
}
.s-menu {
    padding: 10px 25px;
    border: 1px solid #E6922E;
    background: #E6922E;
    color: #fff;
    transition: 0.4s;
    font-size: 15px;
    font-weight: 700;
    border-radius: 3px;
    text-transform: uppercase;
}
.s-menu:hover {
    border: 1px solid #fff;
    background: #fff;
	color:#ffa631;
    transition: 0.4s;
}
.header-area.stick  .header-right-link {
    padding: 29px 0px;
}
.logo a.black-logo {
    display: none;
}
/*--------------------------------*/
/* 2.2. Sticky Header Area
/*--------------------------------*/
.header-area.stick {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
    box-shadow: #e6922e1f 3px 1px 1px 0px;
    background: #fff;
	padding:10px 0px;
}
.header-area.stick .logo a {
    display: inline-block;
    height: auto;
    padding: 17px 0;
}
.header-area.stick .main-menu ul.navbar-nav li a {
    padding: 32px 15px;
    color: #32527c;
}
.header-area.stick .main-menu ul.nav li ul.sub-menu li a {
    color: #151b2c;
    display: block;
    padding: 5px 15px;
}
.header-area.stick .main-menu ul.nav li ul.sub-menu li a:hover{
    color: #E6922E;
}
.header-area.stick .logo a.white-logo {
    display: none;
}
.header-area.stick .logo a.black-logo {
    display: block;
}
.header-area.stick .s-menu {
    border: 1px solid #E6922E;
    background: #E6922E;
    color: #fff;
    transition: 0.4s;
}
.header-area.stick .s-menu:hover{
    border: 1px solid #E6922E;
    background: #fff;
    color: #E6922E;
    transition: 0.4s;
}
.main-menu ul.nav li ul.sub-menu li.li-security a{
    
    padding: 5px 0px 5px 20px;
}
/*----------------------------------------*/
/*  2.3. Mobile Menu Area
/*----------------------------------------*/
.mobile-menu-area {
    background: #ffffff none repeat scroll 0 0;
    padding: 10px 10px 20px 20px;
	position:fixed;
	width:100%;
	box-shadow: #e6922e1f 3px 1px 1px 0px;
	max-height: 700px;
    overflow: scroll;
}
}
.mean-container .mean-bar::after {
    content: "";
    font-size: 21px;
    left: 5%;
    position: absolute;
    top: 12px;
    text-transform: uppercase;
    font-weight: 500;
}
.mean-container a.meanmenu-reveal:hover {
    color:#E6922E
}
.mean-container .mean-nav ul {
    list-style-type: none;
    margin: 20px 0px;
    padding: 0;
    width: 100%;
	height: 650px;
    margin-top: 40px;
}
.mean-container .mean-nav ul li a {
    /*background: #fdfcfc none repeat scroll 0 0;**/
    color: #3d5368;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 13px 10px;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
    width: 90%;
}
.mean-nav ul li.mean-last {
    margin-bottom: 20px;
}
.mean-container .mean-nav ul li a.mean-expand {
    color: #3d5368;
    line-height: 17px;
}
.mean-container .mean-nav ul li {
    width: 99.7%;
}
.mean-container ul.sub-menu {
    max-height: 80px;
    position: relative;
}
/*----------------------------------------*/
/*  3. Intro Area
/*----------------------------------------*/
.slide-area {
    background: rgba(0, 0, 0, 0) url(img/slider/h1.jpg) no-repeat scroll top center / cover;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: relative;
}
.slide-area::after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(10, 24, 40, 0.8) none repeat scroll 0 0;
    content: "";
    z-index: -1;
}
.display-table{
	width: 100%;
	height: 100%;
	display: table;
}
.display-table-cell{
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
.slide-content {
    margin-top: 60px;
}
.intro-area {
    position: relative;
    overflow: hidden;
    max-height: 100%;
	margin-top: -23px;
}
.title2 {
    font-size: 40px;
    margin: 0px auto;
    color: #fff;
    padding-bottom: 20px;
    max-width: 550px;
    font-weight: 700;
}
.title3{
    color: white;
    max-width: 600px;
    margin: 0px auto;
    font-size: 20px;
    line-height: 30px;
}
@media (max-width: 767px){
.title3{
    color: white;
    max-width: 400px;
    margin: 0px auto;
    font-size: 20px;
    line-height: 30px;
}	
}
.ready-btn {
    border: 1px solid #E6922E;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px;
    padding: 12px 10px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    z-index: 2;
    background: #E6922E;
    width: 160px;
    border-radius: 2px;
}
.ready-btn.right-btn {
    margin-left: 15px;
    background: #fff;
    border: 1px solid #fff;
    color: #444;
}
.ready-btn.right-btn:hover {
    background: #E6922E;
    border: 1px solid #E6922E;
    color: #fff;
    transition: 0.4s;
}
.ready-btn.left-btn:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #E6922E;
    transition: 0.4s;
}
.slide-area .video-content {
    display: inline-block;
    margin-left: 40px;
}
.slide-content .video-play.vid-zone i {
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    height: 30px;
    width: 30px;
    line-height: 30px;
    position: relative;
    font-size: 14px;
    background: #fff;
    color: #E6922E;
    margin-right: 10px;
    transition: 0.4s;
}
.slide-content .video-content a span {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    transition: 0.4s;
}
.slide-content .video-content a:hover i{
    background: #E6922E;
    color: #fff;
    transition: 0.4s;
}
.slide-content .video-content a:hover span {
    color: #E6922E;
    transition: 0.4s;
}
/*----------------------------------------*/
/* 4. Count Area
/*----------------------------------------*/
.counter-area{
   position: relative;
   overflow: hidden;
}
.counter-inner {
    background: #f5f5f5;
    padding: 100px 30px 100px 70px;
}
.fun-title h3 {
    color: #f5f5f5;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 0px;
    font-weight: 600;
}
.fun-content {
    display: block;
}
.fun_text i {
    font-size: 44px;
    color: #fff;
    background: #E6922E;
    margin-bottom: 20px;
    display: inline-block;
    line-height: 78px;
    font-weight: 100;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.fun_text {
    text-align: center;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    padding: 40px 30px;
    position: relative;
    margin-bottom: 30px;
}
.fun_text::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background: #E6922E;
}
.fun_text .counter {
    color: #444;
    display: block;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
}
.fun_text h4 {
    margin-bottom: 0px;
}
.fun_text > h5 {
    color: #444;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 20px;
}
/*----------------------------------------*/
/*  5. Invest Area
/*----------------------------------------*/
.per-day {
    color: #444;
    font-size: 24px;
    text-transform: capitalize;
    margin-top: 15px;
    display: block;
    font-weight: 600;
}
span.users {
    color: #444;
}
.prices {
    font-size: 40px;
    font-weight: 700;
    color: #E6922E;
    padding-right: 10px;
    line-height: 40px;
}
.pri_table_list {
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    padding: 40px;
    position: relative;
    overflow: hidden;
    border: 1px solid #E6922E;
    margin-bottom: 30px;
}
.pricing-text{
    padding: 10px 0px;
    display: block;
}
.pri_table_list ol li {
    padding: 5px 0px;
    font-size: 15px;
}
.price-btn a {
    color: #fff;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    border-radius: 2px;
    font-weight: 700;
    font-size: 14px;
    padding: 8px 20px;
    background: #E6922E;
    display: inline-block;
    border:1px solid #E6922E;
}
.price-btn a:hover{
    background: transparent;
    color:#E6922E;
    border:1px solid #E6922E;
    transition: all 0.4s ease 0s;
}
.pri_table_list > h3 {
    color: #455454;
    font-size: 24px;
    font-weight: 400;
    line-height: 25px;
    text-transform: capitalize;
    transition: all 0.4s ease 0s;
}
.pri_table_list ol {
    list-style: outside none none;
}
.base {
    position: absolute;
    right: -52px;
    top: 24px;
    background: #1AA15F;
    width: 180px;
    text-align: center;
    height: 30px;
    line-height: 28px;
    color: #fff;
    transform: rotate(45deg);
}
/*--------------------------------*/
/* 6. support-service-area  Area
/*--------------------------------*/
.support-services {
    background: #fff;
    position: relative;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    z-index: 1;
    padding: 40px 40px 20px;
    overflow: hidden;
    border-radius: 3px;
    transition: 0.4s;
    z-index: 1;
    margin-bottom: 30px;
    border:1px solid #ffa631;
	min-height:245px;
}
.support-services::after {
    position: absolute;
    content: "";
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffa631;
    transition: 0.4s;
    opacity: 0;
    z-index: -1;
}
.support-images {
    float: left;
    font-size: 44px;
    color: #E6922E;
    line-height: 70px;
    width: 70px;
    height: 70px;
    border: 1px solid #E6922E;
    text-align: center;
    margin-right: 30px;
    border-radius: 50%;
}
.support-content {
    padding-left: 100px;
}
.support-content h4 {
    font-size: 24px;
    text-transform: capitalize;
    color: #151b2c;
}
.support-content p {
    margin-bottom: 0px;
	font-size:15px;
}
.support-services:hover::after {
    transition: 0.4s;
    opacity: 1;
}
.support-services:hover .support-images {
    transition: 0.4s;
    color: #fff;
     border: 1px solid #fff;
}
.support-services:hover .support-content h4, .support-services:hover .support-content p {
    color: #fff;
}
/*--------------------------------*/
/* 6. support-about-area  Area
/*--------------------------------*/
.support-content-mission {
	margin: 0px auto;
    max-width: 450px;
    min-height: 241px;
	
}
.support-services .support-content-mission{
	padding:0px;
}
.support-content-mission {
    padding-left: 100px;
}
.support-content h4 {
    font-size: 24px;
    text-transform: capitalize;
    color: #32527c;
}
.support-content-mission p {
    margin-bottom: 0px;
}
.support-services:hover::after {
    transition: 0.4s;
    opacity: 1;
}
.support-services:hover .support-images {
    transition: 0.4s;
    color: #fff;
     border: 1px solid #fff;
}
.support-services:hover .support-content-mission h4, .support-services:hover .support-content-mission p {
    color: #fff;
}
/*----------------------------------------
 7.Self Area Css
----------------------------------------*/
.self-area {
    background: url(img/about/bg-strategy.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: scroll;
    z-index: 1;
    position: relative;
}
@media (max-width:550px){
.self-area {
    background: url(img/about/bg-strategy-mobile.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: scroll;
    z-index: 1;
    position: relative;
}	
	
}
.self-area:after{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: rgba(6,34,65,0.40) none repeat scroll 0 0;
    content:"";
    z-index: -1;
}
.self-content {
    background: #ffffff91;
    padding: 50px 30px 50px 50px;
    border-radius: 4px;
}
.talk-text {
    font-size: 18px;
    color: #666;
}
/*----------------------------------------*/
/*  8.work-proses area
/*----------------------------------------*/
.single-proses {
    margin-top: 10px;
    margin-bottom: 30px;
}
.proses-icon a {
    width: 100px;
    height: 100px;
    line-height: 97px;
    font-size: 36px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    display: inline-block;
    border-radius: 50%;
    margin-bottom: 30px;
    background:#fff; 
}
.proses-icon {
    position: relative;
    display: inline-block;
}
.point-view {
    width: 40px;
    height: 40px;
    line-height: 37px;
    font-size: 16px;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    left: -10px;
    top: -10px;
}
.proses-text p {
    margin-bottom: 0px;
}
.point-blue .point-view{
    background: #E6922E;
    border: 1px solid #E6922E;
}
.point-orange .point-view{
    background: #b91ca8;
    border: 1px solid #b91ca8;
}
.point-green .point-view{
    background: #1AA15F;
    border: 1px solid #1AA15F;
}
.point-blue.proses-icon a{
    color:#E6922E;
}
.point-orange.proses-icon a{
    color:#b91ca8;
}
.point-green.proses-icon a{
    color:#1AA15F;
}
.proses-text h4 {
    text-transform: capitalize;
    font-size: 22px;
    max-width: 270px;
    margin: 0px auto;
}
/*----------------------------------------*/
/*  9.Payment History area
/*----------------------------------------*/
.payment-history-area {
    background: url(img/background/bg3.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    z-index: 1;
    position: relative;
    overflow: hidden;
}
.payment-history-area::after {
    background: rgba(255,255,255, 0.8) none repeat scroll 0 0;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.deposite-content {
    position: relative;
}
.deposite-content table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
.deposite-content td, 
.deposite-content th {
  border: 1px solid #ccc;
  text-align: left;
  padding: 8px;
}
.deposite-content tr:nth-child(even) {
  background-color: #E9EBEC;
}
.diposite-box {
    width: 80%;
    margin: 0 auto;
    background: #f5f5f5;
    padding: 40px;
    margin-bottom: 30px;
    position: relative;
}
.diposite-box::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0px;
    width: 100%;
    height: 5px;
    background: #E6922E;
}
.diposite-box h4 {
    display: inline-block;
    font-size: 26px;
    background: #E6922E;
    padding: 10px 30px;
    margin-bottom: 25px;
    border-radius: 3px;
    color:#fff;
}
.diposite-box span {
    float: right;
    font-size: 28px;
    color: #fff;
    background: #E6922E;
    padding: 10px 20px;
    border-radius: 3px;
    line-height: 32px;
}
/*----------------------------------------*/
/*  10. banner Area
/*----------------------------------------*/
.banner-area{
    background: rgba(0, 0, 0, 0) url(img/web-design/web-desgin12.jpg) no-repeat scroll top center / cover;
    position: relative;
    z-index: 1;
    background-attachment: fixed;
    height: 600px;
	padding:100px 0px;
}
.banner-area:after{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: rgba(6,34,65,0.70) none repeat scroll 0 0;
    content:"";
    z-index: -1;
}
.banner-btn {
    border: 1px solid #ffa631;
    display: inline-block;
    padding: 12px 25px;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    background: #ffa631;
    border-radius: 2px;
}
.banner-btn:hover{
    background: transparent;
    border: 1px solid #fff;
    color:#fff;
}
.banner-content h3 {
    color: #fff;
    font-size: 40px;
    max-width: 840px;
    line-height: 46px;
    font-weight: 600;
    margin: 0 auto 40px;
}
.banner-content {
    overflow: hidden;
    padding: 0px 40px;
}
/*----------------------------------------*/
/*  10. Blog Area
/*----------------------------------------*/
.blog-content {
    padding: 30px;
    position: relative;
    z-index: 1;
    transition: 0.5s;
    overflow: hidden;
}
.blog-content a h4 {
    font-size: 21px;
    color: #2a354e;
    line-height: 30px;
    transition: 0.4s;
}
.home-blog .blog-content a h4 {
    margin-bottom: 0px;
}
.admin-type i,
.date-type i,
.comments-type i{
    color: #E6922E;
    margin-right: 5px;
}
.single-blog:hover .blog-content::after {
    transition: 0.4s;
    opacity: 1;
    top: 0px;
}
.blog-content p {
    line-height: 28px;
     transition: 0.4s;
}
.blog-content a h4:hover{
    color:#E6922E;
    transition: 0.4s;
}
.blog-meta span {
    color: #757b82;
    font-size: 14px;
    font-weight: 400;
    padding-right: 10px;
}
.admin-type img {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 2px solid #E6922E;
    margin-right: 10px;
}
.single-blog {
    position: relative;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}
.blog-meta {
    margin-bottom: 15px;
}
.blog-btn {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.4s ease 0s;
    border: 1px solid #E6922E;
    background: #E6922E;
    padding: 7px 24px;
    margin-top: 10px;
    border-radius: 3px;
}
.blog-btn:hover{
    color: #E6922E;
    background: transparent;
    transition: all 0.4s ease 0s;
}
/*----------------------------------------
  12. Reviews Area Css
----------------------------------------*/
.reviews-area{
    position: relative;
}
.testimonial-inner {
    padding: 0px 50px 0px 0px;
}
.review-head h3 {
    font-size: 34px;
    line-height: 40px;
}
.review-head p {
    font-size: 17px;
}
.reviews-btn{
    border: 1px solid #E6922E;
    background: #E6922E;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
    padding: 10px 20px;
    text-align: center;
    text-transform: capitalize;
    transition: all 0.4s ease 0s;
    border-radius: 2px;
}
.reviews-btn:hover{
    border: 1px solid #E6922E;
    background: #fff;
    color: #E6922E;
}
.single-testi {
    margin: 0px 0px 40px;
}
.clients-text{
    padding: 30px 30px;
    position: relative;
    background-color: #fff;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}
.testi-img {
    position: relative;
    margin-top: 30px;
}
.testi-img img {
    width: 100%;
    display: inline-block !important;
    max-width: 80px;
    height: auto;
    border-radius: 50px;
    margin-right: 20px;
}
.reviews-content .active.center .testi-img img {
    border: 1px solid #E6922E;
}
.guest-details {
    display: inline-block;
    text-align: left;
    top: 15px;
    position: relative;
}
.reviews-content {
    margin-bottom: 5px;
}
.testi-text h4 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 0px;
}
.testi-text p {
    margin-bottom: 0px;
}
.client-rating {
    margin-bottom: 10px;
}
.testi-text span a{
    color:#E6922E;
}
.testi-text h5 {
    color: #2a354e;
    font-size: 20px;
}
.client-rating a {
    display: inline-block;
    color: #fec731;
    font-size: 20px;
    padding: 0px 5px 0px 0px;
}
.reviews-content .active.center .single-testi .clients-text{
    border:1px solid #E6922E;
}
.reviews-content .active.center .single-testi .clients-text p{
    color:#444;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot > span {
    background: #2a354e none repeat scroll 0 0;
    display: inline-block;
    height: 8px;
    width: 8px;
    -moz-transition:0.4s;
    -webkit-transition:0.4s;
    -o-transition:0.4s;
    -ms-transition:0.4s;
    transition:0.4s;
    border-radius: 50%;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots {
    bottom: -10px;
    display: block;
    left: 50%;
    margin-left: -40px;
    position: absolute;
}
.testimonial-content {
    margin-bottom: 15px;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot {
    display: inline-block;
    margin: 0 3px;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot.active span {
    background: #E6922E;
    width: 30px;
    border-radius: 3px;
}
.review-page-area .testi-img img {
    border: 1px solid #E6922E;
}
/*----------------------------------------*/
/*  13. FAQ  Area
/*----------------------------------------*/
.company-faq {
    display: block;
    overflow: hidden;
}
.faq-details .panel-heading {
    padding: 0;
}
.panel {
    margin-bottom: 20px;
    background-color: transparent;
    border: none;
    border-radius: 4px;
}
.panel-default {
    border-color: #f5f5f5;
    border-radius: 0 !important;
}
.panel-group .panel+.panel {
    margin-top: 0px;
}
.panel-default > .panel-heading {
    color: #151b2c;
    background: transparent;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border:none;
    background: transparent;
}
.faq-details h4.check-title a {
    color: #151b2c;
    display: block;
    padding: 15px 10px 15px 70px;
    text-decoration: none;
    background: transparent;
}
.panel-body {
    padding: 0px 15px 0px 70px;
}
.faq-details h4.check-title {
    color: #E6922E;
    font-size: 18px;
    margin-bottom: 0px;
    text-transform: capitalize;
    font-weight: 400;
}
.faq-details .panel-heading h4 a{
    position: relative;
}
.faq-details .panel-heading h4 a::before {
    color: #151b2c;
    content:"\e648 ";
    font-family: themify;
    font-size: 16px;
    left:0px;
    line-height: 52px;
    position: absolute;
    text-align: center;
    top:6px;
	width: 50px;
    height: 100%;
}
.faq-details .panel-heading h4 a.active::before {
    color: #fff;
    content: "\e64b";
    font-family: themify;
    font-size: 16px;
    left: 0px;
   line-height: 61px;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 50px;
    height: 100%;
    background: #E6922E;
}
.faq-area .col-md-6{
	padding-left: 0px;
	padding-right: 0px;
}
.faq-area .faq-content {
    margin-left: 80px;
    padding:30px;
    border-radius: 2px;
	border:1px solid #E6922E;
    background: #fafafa;
}
.faq-area .contact-form input[type="text"], .faq-area .contact-form input[type="email"] {
    border: 1px solid #ccc;
    border-radius: 0;
    height: 44px;
    margin-bottom: 15px;
    padding-left: 20px;
    width: 100%;
    background: transparent;
     color: #5d6471;
}
.faq-content h4{
	color:#151b2c;
	padding-bottom: 20px;
}
.faq-area .faq-content .contact-form textarea#message {
    height: 135px;
    background: transparent;
    color: #5d6471;
     border: 1px solid #ccc;
    border-radius: 0;
}
.faq-area .quote-btn {
    font-weight: 600;
    color: #fff;
    background: #E6922E;
    display: inline-block;
    border: 1px solid #E6922E;
    padding: 10px 20px;
    width: 134px;
    text-transform: uppercase;
    border-radius: 3px;
    transition: 0.4s;
    margin-top: 10px;
}
.faq-area .quote-btn:hover{
	background:transparent;
	color: #E6922E;
	transition: 0.4s;
}
/*----------------------------------------*/
/*  14. Footer Area
/*----------------------------------------*/
.footer1 {
    background: url(img/footer-icon/bg-1-1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 1;
    position: relative;
    overflow: hidden;
	background-color:#0d1c2e;
}

.footer-overlay {
    position: absolute;
    background: #0a2c4e59 none repeat scroll 0 0;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
}
@media only screen and (max-width: 990px) {
.footer1 {
    background: url(img/footer-icon/bg-1-1-mob.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 1;
    position: relative;
}	
}
.footer1 a{
	color:#ffff;
}
.footer1::after {
    background:  none repeat scroll 0 0;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.footer-area {
        padding: 50px 0px 10px;
}
.footer-content{
    overflow: hidden;
	    width: 255px;
}
.footer-logo {
    margin-bottom: 20px;
}
.footer-head p {
    color: white;
}
.logo-footer .footer-head p {
    color: white;
    margin-bottom: 0px;
}
.footer-head h4 {
    color: #eee;
    font-size: 22px;
    margin-bottom: 30px;
    text-transform: capitalize;
    font-weight: 600;
}
.footer-head h4:after {
    background-color: #ffa631;
    content: "";
    display: block;
    height: 2px;
    margin: 10px 0 0;
    width: 80px;
}
.footer-icons ul li {
    display: inline-block;
}
.footer-icons ul li a {
    color: #fff;
    display: block;
    font-size: 15px;
    line-height: 28px;
    text-align: center;
    margin-right: 3px;
    width: 30px;
    height: 30px;
    border: 1px solid #E6922E;
    border-radius: 2px;
    background: #E6922E;
    transition: 0.4s;
}
.footer-tags li a:hover,
.footer-icons ul li a:hover{
    color: #E6922E;
    background: #fff;
    transition: 0.4s;
}
.footer-tags {
    display: block;
    overflow: hidden;
}
.footer-tags li {
    float: left;
}
.footer-tags li a {
    color: #757b82;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 3px 5px;
}
.footer-icons {
    margin-top: 30px;
}
.footer-list {
    float: left;
}
.footer-contacts p span {
    color: #E6922E;
    font-weight: 700;
}
.subs-feilds {
    margin-top: 30px;
}
.suscribe-input {
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    width: 95%;
}
.footer-content.logo-footer {
    padding-right: 30px;
}
.suscribe-input input {
    color: #757b82;
    font-size: 15px;
    line-height: 24px;
    padding: 6px 15px;
    height: 46px;
    border-radius: 0;
    width: 64%;
    float: left;
    background: #fff;
}
.suscribe-input button {
    background: #E6922E;
    border: none;
    color: #fff;
    font-size: 15px;
    padding: 10px 5px;
    width: 36%;
    font-weight: 600;
    height: 46px;
    border: 1px solid #E6922E;
    transition: 0.4s;
}
.suscribe-input button:hover{
    color: #E6922E;
    background: #fff;
     transition: 0.4s;
}
.footer-list li a {
    color: white;
    padding: 7px 0px 7px 20px;
    display: block;
    position: relative;
    font-weight: 400;
	font-size: 14px;
}
.footer-list li a:first-child{
	padding-top: 0px;
}
.footer-list li a::after {
    position: absolute;
    content: "\e649";
    right: auto;
    top: 0px;
    left: 0;
    font-family: themify;
    font-size: 12px;
	color: #ffa631;
}

.footer-list li a:hover{
    color: #ffa631;

}
.footer-list li a:hover::after{
    color: #ffff;
}
.footer-area-bottom {
    padding: 25px 0;
   /** background: #0d1c2e;**/
}
.footer-area-bottom:before {
    background-color: #ffe4c3;
    content: "";
    display: block;
    height: 1px;
    margin: 18px auto;
    max-width: 1150px;
    width: 95%;
}
.copyright-text a:hover{
	text-decoration: underline;
	color:#E6922E;
}
.copyright-text a {
    color: #E6922E;
}
.copyright > p {
    margin-bottom: 0;
    color: #5d6471;
}
.copyright a {
    color: #ffa631;
}
.phone-icon img{
		 float: left;
}
.phone-icon a{
    margin-left: 12px;
	font-size:14px;
	color:white;
}
.email-icon img{
		 float: left;
	
}
.email-icon h6{
    font-size: 14px;
    color: white;
    font-weight: 400;
    margin-left: 36px;
    padding-top: 4px;
}
.email-icon {
    margin:10px auto 15px;
}
.location-icon h6{
    color: white;
    margin-left: 36px;
    font-size: 14px;
	max-width:260px;
	font-weight: 400;
}
.location-icon img{
    float: left;
}
@media (max-width: 767px){
.footer-content {
    margin-bottom: 40px;
    margin-left: 25px;
}
}
@media (max-width: 990px){
.footer-content {
    margin-bottom: 40px;
}
}
/*----------------------------------------*/
/*  15. Home 02 area
/*----------------------------------------*/
.intro-content {
    position: relative;
    z-index: 1;
	    overflow: hidden;
}
.slider-images:after {
        background: rgb(4 23 46) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    opacity: .7;
}
.slider-content {
    position: absolute;
    right: 0;
    text-align: left;
    top: 50%;
    z-index: 3;
    left: 0;
    margin: 0 auto;
    margin-top: -135px;
}
.intro-area .slide-content {
    margin-top: 30px;
}

.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev, 
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
    color: #fff;
    font-size: 24px;
    margin-top: -20px;
    position: absolute;
    top: 50%;;
    text-align: center;
    line-height: 50px;
    opacity: 0;
    border:1px solid #fff;
    width: 50px;
    height: 50px;
	border-radius: 3px;
}
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev{
    left: 10%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
}
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
    right: 10%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
}
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next{
    right: 2%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1;
}
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev{
    left: 2%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1;
}
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover{
    color:#fff;
    background: #E6922E;
    border: 1px solid #E6922E;
}
.intro-carousel .owl-item.active .slider-images img{
	transform: scale(1.1);
	transition: 10s;
}

/*----------------------------------------*/
/*  16.	Breadcumbs  CSS
/*----------------------------------------*/
.page-area{
    position: relative;
}

.page-area {
    background: url(img/about/about-us-header.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:  center;
	width:100%;
	height:600px;
	z-index:99;
}
.breadcumb-overlay {
  position: absolute;
  background: #3c3d404f none repeat scroll 0 0;
  top: 0;
  width: 100%;
  left: 0;
  height: 100%;
}
.breadcrumb {
    padding: 330px 0px 145px;
    background-color: transparent;
    margin-bottom: 0;
}
.breadcrumb-bg {
    position: relative;
    border-radius: 5px;
    z-index: 99;
    max-width: 80%;
    margin: 0 auto;
}
.breadcrumb-bg a{
	color: #e6922e;
	font-size:12px;
	font-family:'Nunito';
}
.services-bread a {
    color: #c9c9c9;	
    font-size: 10px;

}

.breadcrumb .section-headline h3 {
    font-size: 38px;
    line-height: 42px;
    text-transform: uppercase;
    position: relative;
    top: 15px;
    font-weight: 700;
    padding: 0px;
}
.breadcrumb .section-headline{
    padding-bottom: 0px;
}
.breadcrumb .section-headline h3::after {
    display: none;
}
.breadcrumb ul li {
    display: inline-block;
    color: #c9c9c9;
    padding: 0px 10px 0px 20px;
    position: relative;
    font-size: 10px;
	text-transform: uppercase;
	font-weight: 700;
	font-family:'Nunito';
}
.breadcrumb ul li.home-bread{
    padding-left: 0px;
}
.breadcrumb ul li.home-bread::after {
    position: absolute;
    content: "\f105";
    font-family: fontAwesome;
    right: -10px;
    top: 0;
}
.breadcrumb ul li.services-bread::after {
    position: absolute;
    content: "\f105";
    font-family: fontAwesome;
    right: -10px;
    top: 0;
}
.breadcrumb .section-headline::after {
    display: none;
}
/*----------------------------------------*/
/*  17.	About page  CSS
/*----------------------------------------*/
.about-content h3 {
    line-height: 36px;
    font-size: 29px;
    position: relative;
    font-weight: 700;
}
.about-content p {
    font-size: 15px;
    letter-spacing: 0.40px;
    line-height: 24px;
    margin-bottom: 5px;
}
.about-content {
    margin-top: 30px;
}
.about-details {
    overflow: hidden;
    display: block;
    padding-top: 10px;
}
.marker-list li {
    color: #777;
    padding-left: 30px;
    margin: 10px 0px;
    position: relative;
    font-size: 15px;
}
.marker-list li::after {
    position: absolute;
    content: "";
    left: 5px;
    top: 10px;
    background: #E6922E;
    width: 5px;
    height: 5px;
}
.about-image {
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    margin-right: 40px;
}
.about-image img {
    border-radius: 5px;
}
.about-image::after {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    content: "";
    background: rgba(6,34,65,0.60) none repeat scroll 0 0;
}
.about-image .video-content {
    width: 100%;
    height: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	 margin-top: -50px;
	text-align: center;
	z-index: 9;
}
.about-image .video-play.vid-zone {
    background: #E6922E;
    border-radius: 100%;
    display: inline-block;
    font-size: 34px;
    height: 100px;
    line-height: 96px;
    width: 100px;
    overflow: hidden;
    transition: 0.4s;
}
.about-image .video-play.vid-zone i {
    color: #fff;
    margin-left: 5px;
}
.about-image .video-play.vid-zone:hover {
    background: #fff;
    color: #E6922E;
	transition: 0.4s;
}
.about-image .video-play.vid-zone:hover i{
    color: #E6922E;
}
.mission-about {
    border: 1px solid #ccc;
    padding: 20px 35px;
    display: block;
    position: relative;
    text-align: center;
    margin-bottom: 30px;
	background: url(images/mission.jpg);
    background-position: center;
    background-size: cover;
	
}
.mission-icon {
    display: block;
}
.mission-icon i {
    font-size: 40px;
    width: 80px;
    height: 80px;
    border: 1px solid #ccc;
    display: inline-block;
    text-align: center;
    line-height: 80px;
    position: relative;
    top: -60px;
    background: #fff;
    color: #E6922E;
    border-radius: 50%;
    transition: 0.4s;
}
.mission-text {
    margin-top: -25px;
}
.mission-text p {
    font-size: 16px;
}
.mission-about:hover .mission-icon i {
    border: 1px solid #E6922E;
    background: #E6922E;
    color: #fff;
    transition: 0.4s;
}
.mission-about{
	margin-top: 40px;
}
.vision-about{
    border: 1px solid #ccc;
    padding: 20px 35px;
    display: block;
    position: relative;
    text-align: center;
    margin-bottom: 30px;
	background: url(images/vision.jpg);
    background-position: center;
    background-size: cover;
	
}
.vision-text {
    margin-top: -25px;
}
.vision-text p {
    font-size: 16px;
}
.vision-about:hover .mission-icon i {
    border: 1px solid #E6922E;
    background: #E6922E;
    color: #fff;
    transition: 0.4s;
}
.vision-about{
	margin-top: 40px;
}
/*--------------------------------*/
/* 18.Feature Area
/*--------------------------------*/
.feature-area {
    position: relative;
}
.feature-text {
    margin-top: 50px;
}
.feature-image {
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.feature-text h3 {
    font-size: 40px;
    line-height: 46px;
}
.feature-text li {
    display: block;
    position: relative;
}
.feature-text ul li a {
    font-size: 15px;
    color: #5d6471;
    padding: 6px 0px 6px 35px;
    display: block;
}
.feature-text li::after {
    position: absolute;
    left: 0px;
    top: 6px;
    content: "\e64c";
    font-family: themify;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50px;
    font-size: 12px;
    color: #fff;
    background: #E6922E;
}
.feature-btn {
    padding: 10px 20px;
    border: 1px solid #E6922E;
    background: #E6922E;
    color: #fff;
    transition: 0.4s;
    font-size: 14px;
    font-weight: 600;
    border-radius: 2px;
    margin-top: 20px;
    display: inline-block;
    text-transform: uppercase;
}
.feature-btn:hover{
    border: 1px solid #E6922E;
    background: #fff;
    color: #E6922E;
    transition: 0.4s;
}
.margin-row {
    margin-top: 60px;
}
/*----------------------------------------*/
/*  19. Team Area
/*----------------------------------------*/
.team-area {
    background: #fff;
}
.single-member{
    margin-bottom: 30px;
    border: 1px solid #f4f4f4;
    padding: 30px 20px;
}
.single-member .team-img {
    display: inline-block;
    position: relative;
    overflow: hidden;
    max-height: 200px;
    max-width: 200px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #E6922E;
}
.team-hover li {
    display: inline-block;
    margin-right: 5px;
}
.team-hover li a {
    color: #fff;
    border: 1px solid #E6922E;
	background: #E6922E;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 32px;
    border-radius:50%;
}
.team-hover li a:hover {
    color: #fff;
    border: 1px solid #1FC157;
    background: #1FC157;
}
.team-hover {
    padding: 15px 0 0px;
    text-align: center;
    transition: all 0.4s ease 0s;
}
.single-member .team-img a {
    display: block;
}
.team-content {
    padding: 10px 0px 0px;
}
.team-content h5 a {
    color: #666;
}
.team-content p {
    margin-bottom: 0;
}
.team-content h5 {
    font-size: 18px;
    margin: 10px 0px;
    text-transform: capitalize;
    font-weight: 600;
}
/*----------------------------------------
20. Login And Register page
----------------------------------------*/
.login-page {
    display: block;
    overflow: hidden;
    border: 1px solid #ccc;
    width: 50%;
    margin: 0 auto;
    text-align: center;
    border-radius: 3px;
}
.login-form {
    background: #fff;
    padding: 40px;
    overflow: hidden;
}
.login-image {
    width: 50%;
    float: left;
}
.login-image, .log-inner img {
    height: 100%;
    max-height: 535px;
    object-fit: cover;
}
.login-area form#contactForm {
    border: none;
    border-radius:0;
    box-shadow: none;
    background: #fff;
}
.login-form .form-control {
    display: block;
    width: 100%;
    height: 50px;
    padding: 7px 15px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    min-height: 36px;
    margin-bottom: 20px;
}
.login-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px;
}
.login-btn {
    padding: 10px 30px;
    border: 1px solid #E6922E;
    background: #E6922E;
    color: #fff;
    transition: 0.4s;
    font-size: 15px;
    font-weight: 700;
    border-radius: 2px;
    text-transform: uppercase;
    display: block;
    width: 100%;
}
.login-btn:hover{
    border: 1px solid #E6922E;
    background: transparent;
    color: #E6922E;
    transition: 0.4s;
}
.flex-box{
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.check-group {
    position: relative;
    margin: 0px 0px 20px;
}
.check-box{
    color: #151b2c;
    font-weight: 300;
    letter-spacing: 0;
    margin-bottom: 0;
    outline: none;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    padding-left: 0;
}
.check-box-input {
    position: absolute;
    left: 0px;
    top: 0px;
    min-height: 25px;
    height: 26px;
    margin: 0 !important;
    padding: 0 !important;
}
.remember-text {
    color: #151b2c;
    font-weight: 300;
    font-size: 12px;
    left: 25px;
    position: absolute;
    top: 2px;
}
.text-muted {
    font-size: 12px;
    float: right;
    margin-top: 2px;
}
.separetor {
    margin-top: 10px;
}
.separetor span {
    background: #fff;
    position: relative;
    top: 10px;
    padding: 10px 0px 0px;
}
.sign-icon {
    display: block;
    overflow: hidden;
    margin-top: 30px;
    text-align: center;
}
.sign-icon ul li {
    display: inline-block;
    margin: 0px 5px;
}
.sign-icon ul li a {
    color: #fff;
    display: block;
    text-transform: uppercase;
    font-size: 15px;
    padding: 0px 30px 0px 0px;
    font-weight: 600;
}
.sign-icon ul li a.facebook{
    color: #3B5998
}
.sign-icon ul li a.twitter{
    color: #00ACED
}
.sign-icon ul li a.google{
    color: #C32F10
}
.acc-not {
    font-size: 13px;
    margin-top: 20px;
    font-weight: 600;
}
.signup-form .check-group {
    position: relative;
    margin: 0px 0px 20px;
}
.signup-page .login-image, 
.signup-page .log-inner img {
    height: 100%;
    max-height: 588px;
    object-fit: cover;
}
/*----------------------------------------*/
/*  21. Blog Sidebar Area
/*----------------------------------------*/
.blog-page-area .single-blog {
    padding: 5px;
    background: #fff;
}
.blog-page-area .blog-content{
	padding: 10px 15px 20px;
}
.blog-search-option input {
    padding: 5px 15px;
    width: 80%;
    border: none;
    height: 56px;
    background: transparent;
}
.blog-search-option {
    margin-bottom: 30px;
    display: block;
    background: #fff;
    border: 1px solid #E6922E;
    border-radius: 3px;
}
.blog-search-option button {
    background: transparent;
    border: none;
}
.blog-search-option button i {
    line-height: 16px;
    font-size: 18px;
    padding: 0px 10px;
}
.blog-search-option button i:hover {
    color: #E6922E;
}
.left-blog h4 {
    position: relative;
    color: #3d5368;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
    padding: 15px 0px;
    text-transform: capitalize;
}
.left-blog h4::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 70px;
    height: 1px;
    background: #E6922E;
}
.blog-left-content .blog-content::after{
    display: none;
}
.left-side {
    padding-right: 40px;
}
.right-side{
    padding-left: 40px;
}
.left-blog {
    overflow: hidden;
    padding-bottom: 20px;
}
.blog-category li,
.left-blog li {
    display: block;
    position: relative;
}
.left-blog ul li a {
    color: #3d5368;
    display: inline-block;
    font-size: 15px;
    padding: 7px 0px 7px 25px;
    text-transform: capitalize;
}
.blog-category ul {
    margin-top: 12px;
}
.left-blog ul li span {
    display: inline-block;
    border: 1px solid #E6922E;
    background:#E6922E; 
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 4px;
    font-size: 13px;
    color: #fff;
    line-height: 24px;
}
.pst-content .date-type{
	font-size: 14px;
}
.blog-category ul li:after {
    position: absolute;
    content: "\e649";
    right: 5px;
    top: 8px;
    font-family: themify;
    color: #3d5368;
    font-size: 13px;
}
.popular-tag.left-blog ul li a:before {
    display: none;
}
.recent-single-post {
    display: block;
    overflow: hidden;
    padding: 15px 0px;
}
.recent-single-post:last-child {
    border-bottom: none;
}
.post-img {
    display: inline-block;
    float: left;
    padding-right:10px;
}
.left-blog .post-img a {
    display: block;
    border:1px solid #fafafa; 
}
.left-blog .post-img a img {
    border-radius: 4px;
}
.pst-content {
    padding-left: 100px;
}
.pst-content p{
	margin-bottom: 0px;
}
.pst-content p a:hover,.left-blog ul li a:hover {
    color: #E6922E;
}
.blog-page-area .blog-content {
    background: #f9f9f9;
}
.pst-content p a {
    color: #3d5368;
    font-size: 15px;
}
.blog-tags {
    padding: 1px 0;
}
.recent-single-post img {
	width: 100%;
    max-width: 80px;
	height: 80px;
    object-fit: cover;
    border-radius: 2px;
}
.left-blog li:last-child {
    border-bottom: 0 ;
}
.popular-tag.left-side-tags.left-blog ul {
    padding:0px;
}
.left-tags .left-side-tags ul li {
    border-bottom: 0;
    display: inline-block;
    margin: 5px 3px;
}
.left-tags .left-side-tags ul li a {
    padding: 5px 10px;
    width: auto;
    background: #f4f5f4;
    color: #3d5368;
    border-radius: 3px;
    font-weight: 400;
    font-size: 14px;
}
.left-tags .left-side-tags ul li a:hover {
	color:#fff;
	background:#E6922E;
}
.left-side-tags h4 {
    margin-bottom: 15px;
}
.blog-side-area .blog-right-column{
	margin-top: -30px;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0 0px;
    border-radius: 4px;
}
.pagination>li>a, 
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #3d5368;
    background-color: #f4f5f5;
    border: none;
    margin-left: -1px;
    border-radius: 2px;
}
.pagination>li {
    display: inline-block;
    margin: 0px 3px 0px 0px;
}
.pagination>.active>a, 
.pagination>.active>span, 
.pagination>.active>a:hover, 
.pagination>.active>span:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:focus{
    z-index: 3;
    color: #fff;
    background-color: #E6922E;
    cursor: default;
    border-radius: 2px;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #E6922E;
    border-color: #E6922E;
    border-radius: 2px;
}
.adver-img {
    margin-top: 20px;
}
/*----------------------------------------*/
/*  22. Blog Details
/*----------------------------------------*/
.comments-heading h3, h3.comment-reply-title {
    border-bottom: 1px solid #ddd;
    color: #3d5368;
    font-size: 18px;
    margin: 0 0 40px;
    padding: 0 0 5px;
    text-transform: capitalize;
}
.comments-list ul li{
    margin-bottom: 25px;
}
.comments-list-img{
    float: left;
    margin-right: 15px;
	border-radius: 50%;
	
}
.comments-list-img img {
    border-radius: 3px;
    border: 1px solid #ddd;
}
.comments-content-wrap {
    color: #3d5368;
    font-size: 14px;
    margin: 0 0 15px 90px;
    padding: 10px;
    position: relative;
}
blockquote {
    padding: 20px 40px 40px 80px;
    margin: 0 0 20px;
    font-size: 15px;
    border-left: none;
    font-style: italic;
    position: relative;
    background: #f5f5f5;
}
blockquote::before {
    position: absolute;
    top: 20px;
    left: 30px;
    content: "\f10d ";
    font-family: fontawesome;
    font-size: 34px;
    color: #3d5368;
}
blockquote p {
    font-size: 16px !important;
    line-height: 28px;
}
.author-avatar {
    display: inline-block;
    float: left;
    width: 10%;
}
.comments-content-wrap span b{margin-right:5px}
.comments-content-wrap span a:hover{}
span.post-time{margin-right:5px}
.comments-content-wrap p {
    color: #3d5368;
    margin-top: 10px;
}
.threaded-comments{
	margin-left:50px
}
.comment-respond {
    margin-top: 20px;
}
span.email-notes{
	color: #3d5368;
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
}
.comment-respond p {
    color: #3d5368;
    margin-bottom: 5px;
}
.comment-respond input[type=text],
.comment-respond input[type=email]{
    border: 1px solid #ccc;
    border-radius: 0;
    height: 46px;
    margin-bottom: 15px;
    padding: 0 0 0 10px;
    width: 100%;
	background: transparent;
}
.comment-respond textarea#message-box{
    border: 1px solid #ccc;
    border-radius: 0;
    max-width: 100%;
    padding: 10px;
	height: 200px;
    width: 100%;
	background: transparent;
}
.comments-content-wrap span a {
    color: #E6922E;
}
.comments-content-wrap span a:hover {
    color: #E6922E;
}
.comment-respond .add-btn.contact-btn {
    background: #E6922E;
    color: #fff;
    display: block;
    font-size: 16px;
    margin-top: 5px;
    padding: 10px 20px;
    transition: 0.4s;
    border-radius: 2px;
    width: auto !important;
    margin-top: 20px;
    border: 1px solid #E6922E;
    text-transform: capitalize;
    font-weight: 600;
}
.comment-respond .add-btn.contact-btn:hover{
    background: #fff;
	color: #E6922E;
    border:1px solid #E6922E;
}
.blog-page-details .left-blog-page {
    margin-top:0px;
    margin-bottom:30px;
}
.single-post-comments,
.related-post{
    margin-top: 30px;
}
.left-head-blog .pst-content p{
	margin-bottom: 5px;
}
.blog-details .blog-content h4 {
    font-size: 22px;
    line-height: 34px;
    margin-top: 10px;
}
.blog-details .blog-content h5 {
    font-size: 20px;
}
.blog-details .blog-content {
    border: 1px solid #f5f5f5;
    padding: 30px 30px 15px;
}
.blog-details .blog-images img {
    width: 100%;
    height: 100%;
    max-height: 450px;
    object-fit: cover;
}
.blog-details .img-blog {
    margin: 30px 0px;
    width: 100%;
    height: 100%;
    max-height: 350px;
    overflow: hidden;
}
.related-post-list .recent-single-post {
    width: 50%;
    float: left;
    padding: 0px 20px 0px 0px;
}
.related-post-list .recent-single-post:last-child{
    padding: 0px 0px 0px 20px;
}
/*----------------------------------------*/
/* 23.Contact CSS
/*----------------------------------------*/
.page-area-contact-us{
	 position: relative;
	background: url(img/background/contact-us-banner.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:  center;
	width:100%;
	height:600px;
	z-index:99;
}
.page-area-contact-us .breadcumb-overlay {
    position: absolute;
    background: #101d4491 none repeat scroll 0 0;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
}
.contact-area {
    height: auto;
    width: 100%;
}
.contact-content {
    padding: 100px;
    background: #000 none repeat scroll 0 0;
}
.contact-area .contact-form {
    margin-left: 15px;
}
.contact-form input[type="text"], .contact-form input[type="email"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 0;
    color: #3d5368;
    height: 46px;
    margin-bottom: 25px;
    padding-left: 20px;
    width: 100%;
}
.contact-form textarea#message {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 0;
    color: #3d5368;
    height: 160px;
    padding: 20px;
    width: 100%;
}
.contact-form button[type="submit"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #E6922E;
    color: #fff;
    display: block;
    font-size: 18px;
    margin-top: 16px;
    padding: 13px 24px;
    border-radius: 2px;
    transition: all 0.3s ease 0s;
    background: #E6922E;
}
.contact-form button[type=submit]:hover{
    color:#E6922E;
    border: 1px solid #E6922E;
    background: #fff;
    transition: all 0.3s ease 0s;
}
.single-icon i {
    font-size: 64px;
    line-height: 77px;
    margin-bottom: 20px;
    color:#E6922E;
}
.single-icon p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0px;
}
.contact-icon {
    margin-bottom: 50px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    padding: 30px 20px ;
    position: relative;
    z-index: 1;
}
/*----------------------------------------*/
/*  24.	Animation  CSS
/*----------------------------------------*/
.last-item{
    margin-bottom: 0px;
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  50% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  50% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}

@-webkit-keyframes popcircle {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  99% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
  }
}

@keyframes popcircle {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  99% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes animationFramesOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg);
            transform: translate(73px, -1px) rotate(36deg);
  }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg);
            transform: translate(141px, 72px) rotate(72deg);
  }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg);
            transform: translate(83px, 122px) rotate(108deg);
  }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg);
            transform: translate(-40px, 72px) rotate(144deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
}

@keyframes animationFramesOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg);
            transform: translate(73px, -1px) rotate(36deg);
  }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg);
            transform: translate(141px, 72px) rotate(72deg);
  }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg);
            transform: translate(83px, 122px) rotate(108deg);
  }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg);
            transform: translate(-40px, 72px) rotate(144deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
}

/*--------------------------------*/
/* .End CSS
/*--------------------------------*/
/*----------------------------------------home page----------------------------------------*/
.financial-area {
    background: url(img/home/financial-pc.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: scroll;
    z-index: 1;
    position: relative;
	padding: 150px 20px;
}
.financial-area:after{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: rgba(6,34,65,0.40) none repeat scroll 0 0;
    content:"";
    z-index: -1;
}
.financial-content {
    background: #ffff;
    padding: 50px 35px 50px 35px;
    border-radius: 4px;
    margin: auto;
}
.financial-content .talk-text {
    font-size: 18px;
    color: #fff;
}
.financial-area button{
    background: #e6922e;
    padding: 8px 10px;
    border: none;
}
@media(max-width:500px){
.financial-area {
    background: url(img/home/financial-mobile.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: scroll;
    z-index: 1;
    position: relative;
    padding: 60px 0px;
}
}
/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients {
  padding-top: 20px;
}

.clients .swiper-slide img {
  opacity: 0.7;
  transition: 0.3s;
  filter: grayscale(100);
}

.clients .swiper-slide img:hover {
  filter: none;
  opacity: 1;
}

.clients .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.clients .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  background-color: #ddd;
}

.clients .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ffc451;
}
/***************************************************************background-body**************************************/
.main-about{
    width: 100%;
    height: 100%;
    position: fixed;
}
.main-about img{
	width: 100%;
    height: 100%;
    position: fixed;
    opacity: .5;
	top:0;
}
/****************about-us*****************************/
.bg-about-all {
    background: url(img/background/hero-1.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.cover-about{
    background: #ffffff30;
}

#about-first .row{
	margin:0px auto;
}
.success-amk .row{
	margin:0px auto;
}
#about-first{
	margin: 50px auto;
}
#about-first h2 {
    text-align: center;
    font-size: 40px;
    padding-bottom: 40px;
	font-weight: bold;
	text-transform:capitalize;
}
#about-first h2 span{
	color: #ffa631;
    font-weight: bold;
}
.count-box span {
    font-weight: 800;
    color: #838281;
    padding: 0px 5px;
}

.count-box p{
    font-size: 21px;
    padding-top: 6px;
}

.count-box img{
    height: 30px;
    float: left;
}
.img-about img {
	    margin-bottom: 20px;
}
#about-1 {
	margin: 30px 0px;
}

#about-1 h2 {
    text-align: center;
    font-size: 26px;
    padding-bottom: 40px;
}
#about-1 h2 span{
	color: #ffa631;
    font-weight: bold;
}

.media-heading-wrapper h3 {
    font-size: 27px;
    text-align: center;
    font-weight: 700;
    color: #ffa632;
}
.media-body p {
    margin: 0 0 10px;
    line-height: 3rem;
    text-align: left;
    font-size: 15px;
    font-weight: 500;
}
.media-body span {
    font-size: 20px;
    font-weight: 800;
    padding-right: 15px;
    color: #9b9797;
}
 .media-body ul h3 {
    text-align: left;
    font-size: 22px;
    padding: 0px;
}
.success-amk{
	margin-bottom:50px;
}
.about-succes{
	margin-bottom:20px;
}
.about-succes img{
	width:100%;
}
.mission{
	background: url(images/mission.jpg);
    background-position: center;
    background-size: cover;
	margin-top:10px;
}
.vision{
	background: url(images/vision-03.jpg);
    background-position: center;
    background-size: cover;
	margin-top:10px;
}
.sister-com{
	background: url(images/sister-com.jpg);
    background-position: center;
    background-size: cover;
	margin-top:10px;
}
.media {
    margin-top: 0;
    height: 450px;
    background: #1f1f208c;
    color: white;
    padding: 45px 25px 0px;
}
.mission .media {
	background:#000000a8;
}
.h4-about h4{
    color: #ffa632;
    padding:  0px;
}
.img-about img{
	width:100%;
}
@media(min-width:992px){
.img-about img	{
	height:570px;
		
	}
}
@media(min-width:1200px){
.img-about img	{
	height:100%;
		
	}
}
/****************Services*****************************/
#header-services{
	background:url(images/services-header.jpg);
	background-position:center center;
	background-size:cover;
	width:100%;
    
	margin-top:89px;
}


/****************products*****************************/
#header-products{
	background:url(images/products-header.jpg);
	background-position:center center;
	background-size:cover;
	width:100%;
    
	margin-top:89px;
}

.h2-header h2{
	text-align: center;
    font-size: 26px;
    padding-bottom: 40px;
}
.h2-header span{
	color: #ffa631;
    font-weight: bold;
}
.h2-header p{
   text-align: center;
    max-width: 635px;
    margin: 0px auto 15px;
   }
.icon-svg img{
	width:70px;
	background: #ffffff;
    padding: 5px;
    border-radius: 50%;
}
/***************************** business strategy*************************************/
.page-area-strategy{
    position:relative;
    background: url(img/about/Chess_Small-pc.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 600px;
    z-index: 99;
}
.page-area-strategy .breadcumb-overlay {
    position: absolute;
    background: #32323287  none repeat scroll 0 0;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
}
#strategy-first{
	margin:50px auto 10px;
}
#second-strategy{
	margin:100px auto ;
}

#second-strategy p{
    font-size: 16px;
    font-weight: 700;
	padding: 30px 0px ;
}
#second-strategy .self-content {
    background: #ffffff91;
    padding: 50px 30px 50px 50px;;
    border-radius: 4px;
    min-height: 330px;
}

#third-strategy{
	margin:100px auto ;
}

#third-strategy p{
    font-size: 16px;
    font-weight: 700;
	padding: 30px 0px ;
	color:white;
}
#third-strategy .self-content {
    background: #e6922ec7;
    padding: 50px 30px 50px 50px;;
    border-radius: 4px;
    min-height: 330px;
}


#third-strategy .self-area {
    background: url(img/about/cyber-security.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: scroll;
    z-index: 1;
    position: relative;
}
@media (max-width:550px){
#third-strategy .self-area {
    background: url(img/about/cyber-security-mobile.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: scroll;
    z-index: 1;
    position: relative;
}
}
#third-strategy .self-area:after{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: rgba(6,34,65,0.40) none repeat scroll 0 0;
    content:"";
    z-index: -1;
}
#third-strategy .self-content {
    background: #e6922ec7;
    padding: 50px 30px 50px 50px;
    border-radius: 4px;
}
#third-strategy .talk-text {
    font-size: 18px;
    color: white;
}

/***************************************************services*******************************************/
.page-area-services{
    position:relative;
    background: url(img/background/services-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 600px;
    z-index: 99;
}


/*******************IT-ITEM************/
.it-Item{
    background: #efefef73;
    padding-top: 100px;
    padding-bottom: 100px;
    margin: 0px auto 50px;
}
.it-Item h2 {
    font-size: 34px;
    line-height: 46px;
    font-weight: 700;
    color: #e6922e;
}
.it-Item h4 {
    font-size: 25px;
    line-height: 34px;
    color: #e6922e;
    font-weight: 700;
}
.img-item img{
    float: left;
    margin-bottom: 35px;
	
}
.it-Item li{
    
    line-height: 60px;
    font-weight: 600;
    font-size: 20px;
}

@media(max-width:767px){
.it-Item{
    background: #efefef73;
    padding-top: 100px;
    padding-bottom: 100px;
    margin: 0px auto 50px;
}
.it-Item h2 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 800;
    color: #e6922e;
}
.it-Item h4 {
    font-size: 16px;
    line-height: 34px;
    color: #e6922e;
    font-weight: 800;
}
.img-item img{
    float: left;
    margin-bottom: 35px;
	
}
.it-Item li{
    
    line-height: 60px;
    font-weight: 600;
    font-size: 20px;
}
	
	
}
/*****************************************Partner-tec********************************************/
#partner-bg .page-area {
    background: url(img/background/partner-bg-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    
    opacity: 0.9;
}
#partner-bg.breadcumb-overlay {
    position: absolute;
    background: #3c3d402e none repeat scroll 0 0;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
}
#partner-tec{
     margin: 30px 0px;

}

#partner-tec h2{
    text-align: center;
    font-size: 26px;
    padding: 40px 0px 0px 0px;
}
/**************************************************IT Solutions****************************************************************/
 .bg-all-it{
    background: url(img/it-solution/abanner-3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

.bg-all-it-solution{
    width: 100%;
    background: #ffffffc2;
    position: relative;
}
.page-area-it {
    position: relative;
    background: url(img/it-solution/bg-it.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 600px;
    z-index: 99;
}
#it-bg .breadcumb-overlay {
    position: absolute;
    background: #0b184052 none repeat scroll 0 0;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
}
.list-it img{
    width:10px;
}
.list-it li{
    padding: 5px 0px;
}
.list-it-img{
    margin: 0px auto;
    max-width: 570px;
}
.spacing-soultion{
	margin:20px auto;
}
.spacing-soultion h4{
       font-size: 16px;
    text-align: center;
    padding: 40px 0px;
    FONT-FAMILY: inherit;
}

.spacing-soultion p{
    text-align: center;
}
.it-soultion-1{
	margin:150px auto;
}
.it-soultion-1 img{
    border-radius:10px;
	box-shadow: #a9a5a58c 3px 5px 9px 3px;
}
.it-soultion-1 h2{
    font-size: 25px;
    text-align: center;
    color: #ffa631;
	
}

.it-soultion-1 span{
	color:#5d6471;
}
.img-it-1{
	max-width:350px;
	margin:0px auto;
}
.it-soultion-1 a {
    color:#151b2c;
}
/**********************************************Software*************************************************************/
#software-it-bg .breadcumb-overlay {
    position: absolute;
    /**background: #29335096 none repeat scroll 0 0;**/
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
	background-color:transparent;
}
@media only screen and (max-width: 600px) {
  #software-it-bg .breadcrumb {
    padding: 330px 0px 250px;
  }
}
.page-area-it-software {
    position: relative;
    background: url(img/it-solution/sotware-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 600px;
    z-index: 99;
}



.microsoft-partner {
    background: url(img/it-solution/microsoft-1.png);
    background-position: right;
    background-repeat: no-repeat;
    height: 600px;
    position: relative;
    margin: 100px auto;
	box-shadow: #ebebeb 5px 0px 5px 3px;
}

.microsoft-partner h2{
    padding-top: 217px;
    width: 200px;
}
.microsoft-partner h4{
    width: 300px;
    color: #32527c;
    text-transform: capitalize;
    font-weight: 900;
    font-family: 'Nunito';
    font-size: 32px;
    line-height: 54px;
}
@media only screen and (max-width: 990px) {
  
.microsoft-partner h2 {
    padding-top: 50px;
   
}

.microsoft-partner h4{
    padding-top: 252px;
	padding-bottom:100px;
}
}
@media only screen and (max-width: 768px) {
  
.microsoft-partner h2 {
    padding-top: 50px;
    
}

.microsoft-partner h4{
    padding-top: 434px;
	padding-bottom:100px;
}
}
.microsoft-partner .breadcumb-overlay {
    position: absolute;
    background: #ebebeb75 none repeat scroll 0 0;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
}
.microsoft-partner span{
    
    color: #ffa631;
}
.it-soultion-erp {
    margin-bottom: 150px;
    padding: 0px 20px;
}
 .img-it-erp{
    max-width: 500px;
    margin: 0px auto 40px;
}
.list-erp{
    max-width: 600px;
    margin: 0px auto 30px;
}
.list-erp h4:after {
    background-color: #ed8b00;
    content: "";
    display: block;
    height: 2px;
    margin: 10px 0 0;
    width: 40px;
}
.list-erp ul {
   list-style-type: decimal;
       padding-left: 20px;
}
 .list-erp li{
    padding: 0px 0px 10px 0px;
}
.erp-products{
    width: 100%;
    padding-bottom: 30px;
    background-color: #163454;
    margin: 50px auto;
}
.erp-products h2{
    font-size: 22px;
    text-transform: capitalize;
    padding: 40px 10px;
    text-align: center;
    color: white;
}
.erp-products span {
    color: #ffa631;
}
.erp-management{
    max-width: 300px;
    background: #ffffff0d;
    padding: 10px;
    min-height:350px;
    text-align: center;
    border-radius: 20px;
    margin: 20px auto;
	position:relative;
	z-index: 9;
}

.erp-management h6 {
    font-size: 16px;
    text-align: center;
    padding: 10px 0px;
    color: #a3a5a7;
    text-transform: capitalize;
    font-weight: bold;
}
.erp-management:hover h6{
	color: white;
	z-index:9;
	position:relative;
}
.img-erp-management {
    width: 50px;
    margin: 10px auto 0px;
	height:55px;
}
.erp-management p{
    color: white;
    font-size: 17px;
    padding: 0px 10px;
    text-align: justify;
}
.erp-management:before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 0;
    width: 0;
    left: 0;
    width: 100%;
    background: #ffffff40;
    transition: .2s linear 0s;
    z-index: 1;
    color: #fff;
	
}
.erp-management:hover:before {
    height: 65%;
}
.erp-call-us{
    background: url(img/it-solution/erp-callus-1.jpg);
    width: 100%;
    height: 573px;
    margin: 100px auto;
    position: relative;
    background-position: center;
    background-size: cover;
}
.erp-call-us h2 {
    font-size: 27px;
    text-align: center;
    padding-top: 200px;
    color: white;
    position: relative;
    z-index: 9;
    font-weight: 900;
}

.erp-call-us h2 span{
    color: #ffa631;
    padding-right: 5px;
}

.erp-call-us h4 {
    text-align: center;
    color: #ffa631;
    padding-top: 40px;
    font-weight: bold;
    position: relative;
    z-index: 9;
}
.erp-call-us a  {
    color: white;
}
.erp-call-us .breadcumb-overlay {
    position: absolute;
    background: #00183685  none repeat scroll 0 0;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
}

#erp-interactions{
	margin:150px auto;
}
#erp-interactions h2{
	max-width:400px;
}
#erp-interactions span{
	color:#ffa631;
}
.erp-interactions{
	margin:20px auto;
}
.erp-interactions  p {
    font-size: 15px;
    max-width: 600px;
}
.img-erp-interactions{
    max-width: 35px;
}
.erp-interactions h6:after {
    background-color: #ed8b00;
    content: "";
    display: block;
    height: 2px;
    margin: 10px 0 0;
    width: 40px;
}
@media only screen and (max-width: 990px) {
	
	#erp-interactions {
    margin: 150px 20px;
}
}
@media only screen and (max-width: 680px) {
 .erp-call-us{
    background: url(img/it-solution/erp-callus-1.jpg);
	background-position: top;
    background-size: cover;
  }
  .erp-interactions {
    margin: 20px auto;
    max-width: 360px;
}
#erp-interactions {
    margin: 150px 20px;
}
}
/*******************************************************smart-building*****************************************************************/
.page-area-smart-building {
    position: relative;
    background: url(img/smart-building/bg-smart-header.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 600px;
    z-index: 99;
}
@media only screen and (max-width: 500px) {
 
.page-area-smart-building {
    position: relative;
    background: url(img/smart-building/bg-smart-mobile.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 600px;
    z-index: 99;
	
}

#smart-it-bg .breadcumb-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    background-color: #0e162c17;
}
}
.smart-building-page{
    position: relative;
    max-width: 750px;
    margin: 0px auto;
    padding: 100px 20px;
}
.smart-building-page-img{
    border: #e6922e 4px solid;
    border-radius: 160px;
    box-shadow: #d4d5db99 0px 3px 3px 3px;
    /**float: left;**/
    width: 250px;
    margin: 0px auto;
	transition: all 400ms ease 0s;
}
.smart-building-page h2{
    text-align: center;
    font-size: 26px;
    padding: 40px 0px 0px 0px;
    max-width: 429px;
}
#smart-it-bg .breadcumb-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    background-color: #0e162c69;
}

.img-it-smart img{
	  border-radius:0px;
	  margin-bottom: 40px;
  } 

.smart-services{
    width: 100%;
    padding: 30px 0px 80px;
    background-color: #163454;
    margin: 124px auto;
}
.smart-services h2{
	text-align: center;
    color: white;
    /*background: url(img/bg-head-1-1.png);*/
    padding: 20px 0px;
    border-radius: 10px;
    /*margin-top: -70px;*/
	
	}
.smart-services h2:after {
    content: "";
    position: absolute;
    display: block;
    width: 40px;
    height: 3px;
    background: #ffff;
    margin: 11px auto;
    left: calc(50% - 20px);
}

.smart-services-text{
    max-width: 300px;
    background: #ffffff0d;
    padding: 10px;
    min-height: 350px;
    text-align: center;
    border-radius: 20px;
    margin: 60px auto 22px;
    position: relative;
    z-index: 9;
}
.smart-services-text:hover{
    max-width: 300px;
    background: #ffffff0d;
    padding:  10px;
    min-height: 350px;
    text-align: center;
    border-radius: 20px;
    margin: 55px auto 22px;
    position: relative;
    z-index: 9;
}
.smart-services-text:before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 65%;
    width: 0;
    left: 0;
    width: 100%;
    background: #f5f5f5;
    transition: .2s linear 0s;
    z-index: -1;
    color: #fff;
    border-radius: 0px 0px 20px 20px;
}

.smart-services-text h6 {
    font-size: 16px;
    text-align: center;
    padding: 10px 0px;
    color: #202536;
    text-transform: capitalize;
    font-weight: bold;
}
.old-building-bg {
    background: #072132;
    position: relative;
	width:100%;
	
}
.old-building{
    background: url(img/smart-building/smart-home25.jpg);
    width: 100%;
    background-position: center left 86%;
    background-size: auto;
    position: relative;
    background-repeat: no-repeat;
    background-color: #072132;
    
    background-attachment: unset;
    padding: 30px 0px;
}
.old-building .breadcumb-overlay {
    position: absolute;
    background: #09153652 none repeat scroll 0 0;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
}
@media only screen and (max-width: 990px) {
 
 .old-building .breadcumb-overlay {
    position: absolute;
    background: #091536c4 none repeat scroll 0 0;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
}
}
@media only screen and (max-width: 550px) {
 
 .old-building {
    background: url(img/smart-building/smart-home25.jpg);
    width: 100%;
    background-position: center left 86%;
    background-size: auto;
    position: relative;
    background-repeat: no-repeat;
    background-color: #072132;
    height: height: 100%;
    background-attachment: unset;
    padding: 0px 0px 100px;
}
}
.text-old-system {
    margin: 20% auto;
    padding: 20px;
    position: relative;
}
.text-old-system  h2 {
    color:#ffa631;
    font-size: 30px;
}
.text-old-system  h6 {
    font-size: 20px;
    color: white;
}
.smart-buildings-interactions {
    margin: 50px auto;
    max-width: 346px;
    min-height: 320px;
    background: #d5d5d54a;
    padding: 15px;
    border-radius: 20px;
    box-shadow: #f1f0f096 0px 10px 10px 10px;
}

.smart-buildings-interactions h6 {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
}

.smart-buildings-interactions h6:after {
    background-color: #ed8b00;
    content: "";
    display: block;
    height: 2px;
    width: 40px;
    margin: 10px auto;
}
.img-smart-interactions{
    max-width: 110px;
    padding: 10px;
	margin: 0px auto;
}

#smart-building-mean {
    margin: 150px auto;
   /** background: #ebebeb33;*/
    padding: 100px 20px;
    position: relative;
    /**box-shadow: #dfdfdf6e 0px 3px 3px 5px;*/
}
 
#smart-building-mean h2 {
    max-width: 400px;
    color: #ed8b00;
}

.smart-building-mean img {
    margin: 20px 0px 0px;
    padding: 0px 37px 0px 37px;
}

.smart-building-mean-text {
    margin: 20px auto;
    min-height: 170px;
}
.smart-building-mean-text h6 {
    font-size: 16px;
    line-height: 28px;
}
.smart-building-mean-text h6:after {
    background-color: #ed8b00;
    content: "";
    display: block;
    height: 2px;
    margin: 10px 0 0;
    width: 40px;
}
.smart-building-mean-text p {
    font-size: 13px;
}
.smart-building-mean h4 {
    font-size: 24px;
    line-height: 34px;
    margin-top: 94px;
}


.maintenance-building {
    padding: 150px 20px;
    margin: 100px auto;
    position: relative;
    background: url(img/smart-building/technician-01.jpg);
    background-position: center left;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.maintenance-building::after {
    background: #ffffff69;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    content: "";
	    left: 0;
    top: 0;
}
.maintenance-building-cover{
    z-index: 3;
    position: relative;
}




.maintenance-building-text h2{
    padding-bottom: 40px;
    font-weight: 700;
    color: #e6922e;
}


.maintenance-building-img{
    float: right;
}

.maintenance-building-img img {
    width: 500px;
}


/*************************************************Products*********************************************************/
.page-area-our-products{
    position: relative;
    background: url(img/background/our-products.jpg);
    background-color: #0b2a4b;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    width: 100%;
    height: 600px;
    z-index: 99;
}
@media only screen and (max-width: 550px) {
.page-area-our-products {
    position: relative;
    background: url(img/products/medical/products-bg-mob.jpg);
    background-color: #0b2a4b;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    width: 100%;
    height: 600px;
    z-index: 99;
}
}
.bg-security {
    position: fixed;
    padding: 150px 20px;
    margin: 0px 0px 100px;
    background: url(img/security/bg-9.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    top: 0;
}
.security-title {
    position: relative;
    background: #fff;
}
.security-title .hardware-text h2 {
    font-size: 30px;
    max-width: 625px;
    text-transform: capitalize;
    padding: 10px 20px 40px;
}
.our-products-breadcumb-overlay {
    position: absolute;
    background: #0a2c4e59
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
}
.amk-product-text {
    position: relative;
    max-width: 370px;
    margin: 30px auto;
	overflow:hidden;
}
.amk-product-text:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all ease 0.3s;
    background-color: #0a224278;
    border-bottom: 5px solid #ffa631;
    border-radius: 20px;
}
.amk-product-text h6 {
    font-size: 18px;
    text-align: center;
    padding: 20px 0px;
    font-weight: 600;
    position: absolute;
    bottom: 29%;
    max-width: 350px;
    color: white;
    z-index: 99;
}
.amk-product-text a{
	color:#ffff;
}
	
	

.img-amk-product {
    max-width: 370px;
    margin: 0px auto;
	position:relative;
	overflow:hidden;
	border-radius: 20px;
}
.img-amk-product img{
    border-radius: 20px;
	box-shadow: #dddddde8 0px 3px 3px 3px;
	width:100%;
	
}



.amk-product-text:hover a{
	color:#ffa631;
}
.more-amk-products {
    width: 100px;
    height: 55px;
    display: inline-flex;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    bottom: 14%;
    left: 35%;
}

.more-amk-products h6 {
    float: left;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 400;
    color: #ffff;
    position: relative;
}

.more-amk-products-img {
    background: url(img/home/products-icon/more-01-white.png);
    height: 55px;
    width: 80px;
    background-repeat: no-repeat;
    margin-left: 35px;
}


/********************************************IT-products************************************************/
.page-area-it-products{
    position: relative;
    background: url(img/products/it-products/bg-computer-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 600px;
    z-index: 99;
}

.page-area-it-products .breadcumb-overlay {
    position: absolute;
    background: #09163c33 none repeat scroll 0 0;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
}
.best-supplier{
    position: relative;
    width: 100%;
    margin: 0px auto;
    padding: 100px 20px;
    background: #fff;
}

.hardware-text h2 {
    font-size: 30px;
    max-width: 625px;
    text-transform: capitalize;
    padding: 10px 0px 40px;
}

.hardware-text span {
    color: #ffa631;
    font-weight: 700;
}

.hardware-text h4{
    text-align: center;
    padding: 0px 0px 30px;
	text-transform: capitalize;
}
.hardware-text h6 {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    padding: 10px 0px 30px;
    font-weight: 700;
}

.img-hardware {
    max-width: 380px;
    position: relative;
    box-shadow: #d1c9c957 0px 4px 4px 4px;
    border-radius: 20px;
    margin: 20px auto;
	background: white;
}

.amk-it-products {
    position: relative;
    padding: 120px 25px;
    background: #f7f7f75e;
    margin: 0px 0px 100px;
} 

.amk-it-products .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
    padding-top: 50px;
}
.it-partners h2 {
    max-width: 500px;
    text-transform: capitalize;
    font-size: 30px;
    font-weight: 700;
}

.it-partners span{
    color: #ffa631;
}
.img-it-partners{
    max-width: 200px;
    height: 100px;
    margin: 20px 20px;
}
.it-partners-logo{
	max-width:650px;
	margin: 0px auto;
}


.hardware-products {
    position: relative;
    margin: 100px auto;
    background: url(img/products/it-products/progress.png);
    background-color: #18374b;
}
.text-hardware{
    max-width: 425px;
    margin: 20px auto 30px;
}

.text-hardware h2 {
    padding: 50px 10px 10px;
    max-width: 425px;
    color: #ffffff;
    font-weight: 700;
    line-height: 60px;
    margin: 0px auto;
}
.text-hardware h6{
    color: white;
    background: blue;
    padding: 10px;
    width: 145px;
    text-align: center;
    margin-left: 50px;
    margin-top: 20px;
}
.text-hardware h6:hover{
	opacity:.8;
}
.text-hardware a{
	font-size:16px;
	color:white;
}
.img-hard img{
    margin: 20px auto;
    float: right;
}
.network-products{
    position: relative;
    padding: 150px 25px 150px;
    margin: 0px auto;
    background: #fff;
}
.img-networking{
    max-width: 500px;
    position: relative;
    box-shadow: #d1c9c957 0px 4px 4px 4px;
    border-radius: 20px;
    margin: 20px auto;
    border-bottom: 20px #1c3b5c solid;
    border-right: 20px #1c3b5c solid;
    border-top: 20px #1c3b5c solid;
}
 .networking-text{
    max-width: 450px;
    margin: 0px auto;
}
.networking-text h2 {
    font-size: 30px;
    max-width: 625px;
    text-transform: capitalize;
    padding: 10px 0px 30px;
	color:#ffa631;
}

.networking-text ul{
    list-style-image: url(img/products/it-products/circle-2.png);
    line-height: 35px;
	padding:50px 20px ;
}

.networking-text h6{
    background: blue;
    width: 160px;
    padding: 15px;
    text-align: center;
    text-transform: capitalize;
    font-size: 20px;
    margin: 20px;
}


.networking-text a{
    color:#ffff;
}
/***********************************************office equipment**************************************************/
.page-area-office-equipment {
    position: relative;
    background: url(img/products/office/office-equipment.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 600px;
    z-index: 99;
}



/*******************************security******************************************/
.page-area-security-solutions {
    position: relative;
    background: url(img/background/SCURE-BG.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 600px;
    z-index: 99;
}

.page-area-security-solutions .breadcumb-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
}
.space-top{
	width:100%;
	height:100px;
}
.integrat-partners h2 {
    max-width: 500px;
    text-transform: capitalize;
    font-size: 24px;
    font-weight: 700;
}
.integrat-partners span {
    color: #e6922e;
}
.text-integrat-security {
    min-height: 200px;
    padding: 0px 0px 0px 20px;
}
.text-integrat-security h6 {
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
    max-width: 245px;
    padding: 0px 10px;
}

.integrat-security h4 {
    text-transform: capitalize;
    padding-left: 5px;
    font-size: 20px;
}

.integrat-security span{
     color: #ffa631;
}

.bg-space{
    height: 200px;
    width: 100%;
    background: url(img/security/bg-2.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: right;
    position: relative;
}

.amk-integrat-security {
       position: relative;
    padding: 150px 20px;
    margin: 0px auto;
}
/**.integrat-security-overlay {
    position: absolute;
    background: #fcf8e3a6 none repeat scroll 0 0;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
}**/
.text-integrat-security li {
    list-style-image: url(img/products/it-products/circle-2.png);
    color: #32527c;
    font-weight: 700;
    padding: 10px 0px;
}

.integrat-security-overlay {
        position: absolute;
    background: #fcf8e3 none repeat scroll 0 0;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    opacity: .5;
}
.network-products-public{
    position: relative;
    padding: 150px 25px 150px;
    margin: 0px auto;
    background: #fbfaf9;
}
.public-address-text h2 {
    font-size: 24px;
    max-width: 850px;
    text-transform: capitalize;
    padding: 10px 0px 30px;
    text-align: center;
    margin: 0px auto;
}

.public-address-text span {
    color: #ffa631;
}
.public-address-text h4 {
    font-size: 20px;
    line-height: 34px;
    text-transform: capitalize;
	padding: 40px 0px 0px;
}
.public-address-text ul {
    list-style-image: url(img/products/it-products/circle-2.png);
    line-height: 35px;
    padding: 23px 0px 0px 25px;
}
.public-address-text li {
    padding-bottom: 15px;
}
.img-public-address{
    position: relative;
    margin: 20px auto;
    max-width: 95%;
}
.img-public-address img {
    border-radius: 10px 50px;
}
.integrat-text h2 {
    font-size: 25px;
    max-width: 625px;
    text-transform: capitalize;
    padding: 10px 0px 40px;
}




.integrat-text h4{
    padding: 0px 0px 30px;
    text-transform: capitalize;
    font-size: 20px;
}


.integrat-text span {
    color: #ffa631;
    font-weight: 700;
}

@media (max-width:550px){
.text-integrat-security h6 {
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
    max-width: 350px;
    padding: 0px 10px;
}

.text-integrat-security {
    min-height: 120px;
    padding: 0px 0px 0px 20px;
    margin: 0px auto 20px;
}
}

/*******************************************************ARCHITECTURAL MATERIALS***********************************************************************/
.bg-archit-body{
    background: url(img/products/archit/curved-curtain-walling-body.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}
.page-area-archit {
    position: relative;
    background: url(img/products/archit/bg-archit-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 600px;
    z-index: 99;
}
.page-area-archit-overlay {
    position: absolute;
    background: #070c1c2b none repeat scroll 0 0;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
}
.archit-top-steel {
    padding: 50px 20px;
    margin: 0px auto 50px;
}
.text-top-steel{
	margin:5% auto;
}
.text-top-steel span{
    color: #ffa631;
}

.text-top-steel h2 {
    font-size: 24px;
    text-transform: capitalize;
	line-height:30px;
}

.text-top-steel h4 {
    font-size: 18px;
}


.steel-text h2   {
    font-size: 30px;
    text-transform: capitalize;
    padding: 10px 0px 0px;
    max-width: 600px;
    margin-bottom: 30px;
}

.steel-text h4 {
    padding: 0px 0px 30px;
    text-transform: capitalize;
    max-width: 400px;
}

.steel-text h6{
    font-size: 20px;
    text-align: center;
}
.steel-text span {
    color: #ffa631;
}
.img-steel {
    max-width: 380px;
    position: relative;
    box-shadow: #d1c9c957 0px 4px 4px 4px;
    border-radius: 20px;
    margin: 20px auto;
}

.img-steel img{
    padding:17px;
}
.curtain-walls{
    position: relative;
    padding: 50px 0px;
    margin: 150px auto;
}
.curtain-walls-text {
    margin: 0px auto;
    max-width: 95%;
}
.curtain-walls-text h2 {
    font-size: 30px;
    max-width: 380px;
    text-transform: capitalize;
    padding: 10px 0px 30px 40px;
}
.curtain-walls-text h4  {
    font-size: 20px;
}

.curtain-walls-text span{
    color: #ffa631;
}

.curtain-walls-text  ul {
    list-style-image: url(img/products/it-products/circle-2.png);
    line-height: 25px;
    padding: 0px 25px;
}
.curtain-walls-text li{
    padding: 10px 0px;
}
.img-curtain-walls  {
    max-width: 400px;
    position: relative;
    box-shadow: #d1c9c957 0px 4px 4px 4px;
    border-radius: 20px;
    margin: 0px auto 50px;
    background: #1c3b5c;
    padding: 10px;
}
.img-curtain-walls img {
    width: 400px;
}

.lockers-amk{
    position: relative;
    margin: 100px auto;
    background: url(img/products/archit/bath-6.jpg);
    background-color: #18374b;
    padding: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
    background-position: right;
	padding: 0px 20px;
}
.lockers-amk h2 {
    padding: 25% 0px 9%;
    max-width: 425px;
    color: #ffffff;
    font-weight: 700;
    line-height: 60px;
    margin: 0px auto;
    font-size: 30px;
}

.lockers-amk h4{
    color: #ccc;
    line-height: 50px;
}
.lockers-amk span{
    color: #ffa631;
}

.lockers-overlay {
    position: absolute;
    background: #00162085 none repeat scroll 0 0;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
}
@media (max-width:990px){
	.lockers-overlay {
    position: absolute;
    background: #001620ba none repeat scroll 0 0;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
}
}

/*********************************************Signs***************************************/
.page-area-signs{
    position: relative;
    background: url(img/products/signs/bg-sign.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 600px;
    z-index: 99;
}

.page-area-signs-overlay {
    position: absolute;
    background: #01030878  none repeat scroll 0 0;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
}
.signs-title{
    position: relative;
    background: #ffff;
    padding: 0px 0px 50px;
}
.top-signs {
    position: relative;
	background: #ffff;
}
.top-signs-text h2 {
    font-size: 30px;
    text-transform: capitalize;
    padding: 10px 0px 0px;
    width: 100%;
    margin-bottom: 30px;
    max-width: 470px;
}
.top-signs-text span{
	
	color:#ffa631;
}
.trafic-sign {
    position: relative;
    padding: 100px 0px 50px;
    margin: 0px auto 100px;
    background: #fff;
}
.bg-signs {
    position: fixed;
    background: url(img/products/signs/135.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    top: 0px;
    height: 100%;
}
.amk-sign-out {
        position: relative;
    padding: 100px 20px ;
    margin: 0px auto;
}

.amk-sign-out-overlay {
    position: absolute;
    background: #15384c82  none repeat scroll 0 0;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
} 

.amk-sign-out-text h2 {
    max-width: 500px;
    text-transform: capitalize;
    font-size: 24px;
    font-weight: 700;
    color: white;
}
.amk-sign-out-text span {
    color:#ffa631;
}
.sign-out-in{
    margin: 50px auto;
    max-width: 95%;
}


.sign-out-in h4 {
    text-transform: capitalize;
    padding-left: 5px;
    font-size: 20px;
    color: white;
}
.sign-out-in span {
    color:#ffa631;
}

.sign-out-in-text {
	margin:20px auto;
}
.space-signs {
    height: 150px;
    position: relative;
    background: #fff;
}
@media only screen and (min-width: 990px) {
  
.sign-out-in-text {
    min-height: 200px;
	margin:20px auto;
}
}

.sign-out-in-text li {
    color: #ccc;
    padding: 10px 0px;
}
.manufacture li {
    list-style-image: url(img/products/signs/Manufacture.png);
    
}
.team li  {
    list-style-image: url(img/products/signs/team.png);
    
}
.partner li  {
    list-style-image: url(img/products/signs/partner.png);
    
}
.sign-out-in-text h6 {
    font-size: 16px;
    line-height: 35px;
    padding: 0px 10px;
    color: white;
    max-width: 90%;
}


/************************************************Medical-Lab*********************************************************/
.bg-medical-body {
    background: url(img/products/medical/2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-position: center;
	
}
.bg-all{
    width: 100%;
    background:#fffffff0;
    position: relative;
}
.header-page{
    width: 100%;
    position: relative;
    background: #fff;
    padding: 30px 0px;
}

.header-page  h2 {
    text-align: center;
    font-size: 26px;
    padding: 40px 0px ;
    text-transform: capitalize;
}


.header-page span{
    color: #ffa631;
}
.page-area-medical{
    position: relative;
    background: url(img/products/medical/bg-medical.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 600px;
    z-index: 99;
	    background-color: #0b2a4b;
}
.page-area-medical-overlay {
    position: absolute;
    background: #070c1c2b none repeat scroll 0 0;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
}
.top-medical {
    position: relative;
    background: #fff;
}
.top-medical-text h2 {
    font-size: 30px;
    text-transform: capitalize;
    padding: 10px 0px 0px;
    max-width: 600px;
    margin-bottom: 30px;
}
.top-medical-text span {
    color: #ffa631;
}
.best-medical-supplier {
    position: relative;
    width: 100%;
    margin: 0px auto 0px;
    padding: 30px 20px 80px;
    direction: rtl;
    background: #fff;
}
.medical-supplier-text{
    direction: ltr;
    max-width: 450px;
    margin: 20px auto;
}


.medical-supplier-text h4 {
    padding: 0px 0px 20px;
    text-transform: capitalize;
    max-width: 400px;
    font-size: 22px;
    line-height: 40px;
}

.medical-supplier-text h6 {
    font-size: 20px;
    max-width: 400px;
    line-height: 35px;
}

.medical-supplier-text span {
    color: #ffa631;
}
.img-medical-supplier{
	direction: ltr;
	position:relative;
	
}
.img-medical-supplier img{
    border-bottom: #113656 20px solid;
    border-right: #113656 20px solid;
    border-radius: 0px 0px 20px 0px;
}

.medical-supply {
    position: relative;
    width: 100%;
    margin: 0px auto ;
    padding: 30px 0px;
    background-image: -webkit-linear-gradient(0deg, #24c0f1 0%, #0c4287 100%);
}

.medical-supply-text h4 {
    color: white;
    padding: 20px 20px;
    font-size: 24px;
    max-width: 400px;
    margin: 5% auto 0px;
    line-height: 34px;
}



.medical-supply-text span {
    color: #ffa631;
}
.img-medical-supply{
     max-width: 200px;
    margin: 20px auto;

}


.bg-dantel {
    background: url(img/products/medical/bg-dental-5.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: fixed;
    background-position: center;
    width: 100%;
    height: 100%;
    top: 0;
}


.bg-dantel:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffffe0 none repeat scroll 0 0;
    content: "";
    z-index: -1;
}
.overlay-dental {
    max-width: 100%;
    margin: 0px auto;
    padding: 100px 20px;
    overflow: hidden;
}
.dantel-text{
	max-width:95%;
	margin:0px auto 40px;
}
.dantel-text h2{
    font-size: 30px;
    padding: 0px 0px 30px;
}

.dantel-text  h4 {
    padding: 10px 0px;
    max-width: 550px;
}

.dantel-text span {
    color: #ffa631;
}
.dental-icon {
    max-width: 100%;
    margin: 10px auto;
    background: #cccccc5e;
    box-shadow: #cccccc5e 0px 3px 3px 3px;
    height: 150px;
}
.dental-icon:hover {
    max-width: 100%;
    margin: 10px auto;
    background: #6494db5e;
    box-shadow: #cccccc5e 0px 3px 3px 3px;
    height: 150px;
}
.dantel-text-h5 h5{
    max-width: 400px;
    margin: 0px auto 20px;
    font-size: 20px;
}
.dental-icon h6 {
    text-align: center;
    text-transform: capitalize;
}
.dental-icon:hover h6{
    color: #ffa631;
}
.dantel-img {
    max-width: 100px;
    margin: 0px auto;
}

/**background-image: -webkit-linear-gradient(0deg, #24c0f1 0%, #4c9afe 100%);
   

background-image: -webkit-linear-gradient(0deg, #24c0f1 0%, #0c4287 100%);**/


.lab-medical{
    position: relative;
    padding: 100px 0px 100px 100px;
    margin: 0px auto;
    background: #fbfbfb url(img/products/medical/bg-lab-35.jpg);
    background-size: auto;
    background-repeat: no-repeat;
	overflow: hidden;
}
.img-lab-medical {
    margin-bottom: 40px;
}

.img-lab-medical img {
    box-shadow: #ada9a9b0 0px 10px 73px 10px;
}
.lab-medical-text {
    margin: 0px auto;
}
.lab-medical-text ul {
    list-style-image: url(img/products/it-products/circle-2.png);
    line-height: 25px;
    padding: 0px 0px 0px 25px;
}

.lab-medical-text li {
    padding: 10px 0px;
	max-width: 350px;
    text-align: justify;
}

.lab-medical-text h4 {
    font-size: 20px;
	max-width:420px;
}

.lab-medical-text span {
    color: #ffa631;
}
@media only screen and (max-width: 550px) {
.lab-medical {
    position: relative;
    padding: 100px 10px;
    margin: 0px auto;
    background: #fbfbfb url(img/products/medical/bg-lab-35.jpg);
    background-size: auto;
    background-repeat: no-repeat;
    overflow: hidden;
}
}
.partnaer-medical {
    position: relative;
    width: 100%;
    margin: 0px auto 0px;
    padding: 30px 20px 80px;
    background: #fff;
}
.img-partnaer-medical {
    margin-bottom: 30px;
}
.partnaer-medical h2{
    font-size: 30px;
    padding: 20px 0px;
    max-width: 495px;
    margin: 0px auto 20px;
    line-height: 41px;
    text-transform: capitalize;
	text-align:center;
}
.part-medical.col-lg-6.col-md-6.col-sm-12.col-xs-12 {
    background: white;
    background: url(img/products/medical/medical-01.jpg);
    min-height: 395px;
    background-size: cover;
}

.part-medical-text.col-lg-6.col-md-6.col-sm-12.col-xs-12 {
    background: white;
    min-height: 360px;
    padding: 20px 25px;
}
.partnaer-medical-text h4 {
    max-width: 550px;
}
.partnaer-medical span{
	 color: #ffa631;
}
.partnaer-medical-text h6 {
    padding: 10px 20px;
    max-width: 390px;
    font-size: 18px;
    line-height: 25px;
}
.logo-partner {
    margin: 30px auto;
}

.logo-partner img{
    padding-left:10px;
	max-width: 100px;
}


/*******************************************************************web*********************************************/
.web-design-amk {
    background: #f6f7f9;
    padding: 100px  20px;
	position:relative;
}
.web-design-amk h1 {
    padding: 20px 0px;
}
@media (max-width:676px){
.web-design-amk h2{
    font-size: 26px;
    line-height: 46px;
}
}
.web-design-amk span  {
    color: #ff9800;
}
.text-web-amk {
    margin: 25px auto;
}

.icon-webdesign  {
    width: 100%;
    height: 600px;
    background: #f6f6f6 url(img/web-design/steps.png) ;
    padding-bottom: 20px;
}
.icon-web-img {
    background: #ffffff;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: #ffa631 1px solid;
    padding: 8px;
}

.icon-web-img img  {
    max-width: 50px;
    transition: all 400ms ease 0s;
}

.icon-web-img:hover img {
    max-width: 50px;
    transform: scale(1.1) rotate(13deg);
    transition: all 400ms ease 0s;
}
.number-web {
    width: 60px;
    height: 30px;
    font-size: 30px;
    font-family: Montserrat;
    font-weight: 500;
    text-align: center;
    margin-bottom: 27px;
    color: #e5e4e4;
}
@media only screen and (max-width: 550px) {
	
.number-web {
    width: 60px;
    height: 30px;
    font-size: 30px;
    font-family: Montserrat;
    font-weight: 500;
    text-align: center;
    margin-bottom: 27px;
    color: #938f8f;
    float: left;
    padding-top: 45px;
}
.icon-web-img {
    background: #ffffff;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: #ffa631 1px solid;
    padding: 8px;
    float: left;
    margin: 25px 24px;
}

.icon-web-img img {
    max-width: 50px;
    transition: all 400ms ease 0s;
}

.icon-webdesign h6 {
    font-size: 16px;
    line-height: 28px;
    margin-left: 6px;
    margin-top: 10px;
    float: left;
    padding-top: 45px;
    padding-left: 20px;
}
.col-xs-12 .bg-color{
    width: 100%;
    background: radial-gradient(#ccc, transparent);
}	
	
	
}
.bg-web {
    background: rgba(0, 0, 0, 0) url(img/web-design/web-desgin121.jpg) no-repeat scroll top center / cover;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
}

.bg-web:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffffcc none repeat scroll 0 0;
    content: "";
    z-index: -1;
	opacity: .8;
}
.amk-app{
	
	position: relative;
    width: 100%;
	padding: 100px 0px;
    overflow: hidden;
	background: #fff;
}
.text-app {
    max-width: 600px;
    margin: 40px auto;
    padding: 50px 25px;
    position: relative;
}


.text-app h2{
    font-size: 30px;
}

.text-app h4 {
    font-size: 20px;
}

.text-app span {
        color: #ff9800;
}
.img-app {
    float: right;
}

.web-design-seo {
    padding: 100px 20px;
    position: relative;
	background:#fff;
}

.web-design-seo h1{
    max-width: 320px;
    margin: 20px auto;
}
.web-design-seo h2{
    text-align: center;
    line-height: 46px;
	font-size:24px;
}
.web-design-seo h3{
    font-size: 20px;
    max-width: 600px;
    margin: 0px auto 40px;
    text-align: center;
}
.web-design-seo span {
    color: #ffa631;
}
.col-lg-12.col-sm-12.seo-space {
    margin: 40px auto;
}
.img-web-seo{
	margin-bottom:30px;
}
.seo-img {
    float: left;
    margin-right: 10px;
    position: relative;
    height: 75px;
}
.text-seo-amk h4 {
    font-size: 18px;
    line-height: 34px;
}
@media only screen and (max-width: 500px) {
.seo-img {
    float: left;
    margin-right: 10px;
    position: relative;
    height: 220px;
}
.web-design-seo h3 {
    font-size: 20px;
    max-width: 300px;
    margin: 0px auto 40px;
    text-align: left;
}
}
.banner-area-design{
    position: relative;
    
    padding: 150px 0px;
}


.banner-area-design:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffffcc none repeat scroll 0 0;
    content: "";
    z-index: -1;
}

.banner-area-design h2 {
    font-size: 32px;
}

.banner-area-design span {
    color: #ffa631;
}
.banner-content-design h3 {
    font-size: 20px;
    max-width: 840px;
    line-height: 60px;
    font-weight: 600;
    margin: 20px auto 40px;
}
.number-web-design {
    height: 30px;
    font-size: 30px;
    font-family: Montserrat;
    font-weight: 500;
    text-align: center;
    margin-bottom: 27px;
    color: #d9d9d9;
}

.icon-web-img-design {
    background: #ffffff8f;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: #ffa631 1px solid;
    padding: 8px;
    margin: 0px auto;
	 transform: scale(1);
    
}
.icon-web-img-design img{
	transition: all 400ms ease 0s;
}
.icon-web-img-design:hover img{
	transform: scale(1.1) rotate(20deg);
	transition: all 400ms ease 0s;
}
.bg-color-design {
    width: 150px;
}
.bg-color-design h6 {
    font-size: 16px;
    line-height: 28px;
    padding: 10px 0px;
    text-align: center;
}
@media only screen and (min-width:992px) {
.row.design-baner {
    margin: 0px auto;
    max-width: 750px;
    position: relative;
}
}
@media only screen and (max-width:990px) {
.row.design-baner {
    margin: 0px auto;
    max-width: 450px;
    position: relative;
}
}


.social-media-amk {
    position: relative;
    padding: 150px 20px;
    background:  url(img/web-design/social-media-01.jpg);
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.social-media-amk:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffff none repeat scroll 0 0;
    content: "";
    z-index: -1;
    opacity: .8;
}
.social-media-amk h2{

    font-size: 30px;
    max-width: 450px;
    text-transform: capitalize;
}
.social-media-amk span{
    color: #ffa631;
}
@media only screen and (max-width:500px) {
.row.design-baner {
    margin: 0px auto;
    max-width: 300px;
    position: relative;
}
.social-media-amk{
    position: relative;
    background: #f6f7f9 url(img/web-design/social-media-mobile-01.jpg);
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	
}
}
/*************************************************************home*****************************************************/
.about-kuwait {
    position: relative;
    padding: 100px 0px;
	    background: #fff;
}


.about-kuwait h1 {
    font-size: 40px;
    line-height: 90px;
    padding: 0px 20px 50px;
    max-width: 1100px;
    margin: 0px auto;
}

.about-kuwait span {
    color: #ffa631;
}
.text-about-kuwait a{
    position: absolute;
    bottom: 75px;
	margin-left: 15px;
}

.more-about-text{
    width: 120px;
    height: 55px;
    display: block;
    overflow: hidden;
    position: relative;
}
.more-about-text h6{
    float: left;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 400;
    color: #ffa631;
}
.more-about-text-img {
    background: url(img/home/products-icon/more-01.png);
    height: 55px;
    width: 80px;
    background-repeat: no-repeat;
    margin-left: 58px;
}
@media only screen and (max-width: 990px) {
.about-kuwait h1 {
    font-size: 24px;
    line-height: 60px;
    padding: 0px ;
    max-width: 1100px;
    margin: 0px auto;
}

.more-about-text h6 {
    float: left;
    margin-top: 25px;
    font-size: 20px;
    font-weight: 400;
    color: #ffa631;
}

.more-about-text-img {
    background: url(img/home/products-icon/more-01.png);
    height: 55px;
    width: 80px;
    background-repeat: no-repeat;
    margin-left: 34px;
}
.text-about-kuwait a {
    position: absolute;
    bottom: 62px;
    margin-left: 15px;
}	
}
.bg-it {
    background: url(img/home/it-solutions-04.jpg);
    background-position: center;
    background-size: cover;
    padding: 100px 20px;
    position: fixed;
    background-color: #031b26;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
}
.bg-it:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #031b26 /**#031b2673;; */;
    z-index: -1;
    opacity: .3;
}
.space-top-it {
    width: 100%;
    height: 100px;
    position: relative;
    background: #fff;
}
.our-it-solution{
    
    padding: 100px 20px;
	position:relative;
    z-index: -1;
}

.our-it-solution h1{
    max-width: 210px;
    margin: 0px auto 30px;
    font-size: 38px;
    line-height: 50px;
    color: white;
}


.our-it-solution h1:after {
    background-color: #ed8b00;
    content: "";
    display: block;
    height: 2px;
    margin: 10px auto;
    width: 40px;
}
 .our-it-solution h4{
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    color: white;
    padding: 0px 10px 40px;
}
.our-it-solution-text h4 {
    font-size: 24px;
    line-height: 34px;
    color: white;
    padding: 0px 10px 40px;
    max-width: 260px;
    margin: 0px auto;
    text-align: center;
}
.our-it-solution span{
    color: #ffa631;
}

.our-it-solution-text {
    border: 1px solid #ffffff;
    padding: 20px;
	    margin: 10px auto;
}
.our-it-solution-text h4 {
    font-size: 24px;
    line-height: 34px;
    color: #d9dee3;
    text-align: center;
    padding: 10px 0px;
    text-transform: capitalize;
}
.our-it-solution-text p {
    font-size: 15px;
    color: white;
    max-width: 285px;
    margin: 0px auto;
    line-height: 32px;
    text-align: justify;
}
.our-it-solution-text a{
	    color: #ffa631;
}
.our-it-solution-img {
    width: 70px;
    height: 70px;
    margin: 0px auto;
    border-radius: 50%;
    background: #ffffff;
    padding: 10px;
}

.support-service-area {
    background: #fff;
    position: relative;
}
.section-headline-product h2 {
    font-size: 28px;
    line-height: 46px;
    max-width: 900px;
    margin: 20px auto 40px;
	padding:0px 20px 30px;
}
.section-headline-product span {
	color:#ffa631;
}
.products-home-images {
    float: left;
    width: 70px;
    height: 70px;
    border: 1px solid #ffa631;
    margin-right: 30px;
    border-radius: 50%;
    background: white;
}

.more-img{
    background: url(img/home/products-icon/more-01.png);
    height: 55px;
    width: 80px;
    background-repeat: no-repeat;
	margin-left:35px;
}
.more-product {
    width: 100px;
    height: 55px;
    display: block;
    overflow: hidden;
    position: relative;
}
.more-product h6{
    float: left;
    margin-top: 25px;
    font-size: 20px;
    font-weight: 400;
    color: #ffa631;
}
.support-services:hover .more-img{
    background: url(img/home/products-icon/more-01-white.png);
    height: 80px;
    width: 80px;
    background-repeat: no-repeat;
}
.support-services:hover .more-product h6{
    float: left;
    margin-top: 25px;
    font-size: 20px;
    font-weight: 400;
    color: white;
}
@media (max-width:550px){
.our-it-solution h4 {
    font-size: 24px;
    line-height: 34px;
    color: white;
    padding: 0px 10px 40px;
    max-width: 260px;
    margin: 0px auto;
	text-align:left;
}
.section-headline-product h2 {
    font-size: 25px;
    line-height: 46px;
    max-width: 318px;
    margin: 20px auto 40px;
    padding: 0px 20px 30px;
    text-align: left;
}
.our-it-solution-text h4 {
    font-size: 24px;
    line-height: 34px;
    color: white;
    padding: 0px 10px 20px;
    max-width: 260px;
    margin: 0px auto;
    text-align: center;
}
}