body { margin:0px; padding:0px; line-height:20px; font-size:14px; font-family: 'Roboto', sans-serif; overflow-x:hidden; }
html, body {height: 100%; }
a {margin:0px; padding:0px; text-decoration:none; transition:0.5s;}
a img {border:medium none; margin:0px; padding:0px;}
a:hover, a:focus, a:active{ border:0px; outline:0px; text-decoration:none; transition:0.5s;}
ul , li{ margin:0; padding:0;}
li{ list-style:none;}
input{ outline:0;}
::-moz-selection { color: #fff; background: #333;}
::selection { color: #fff; background: #333;} 
.clear{ clear:both;}
h1,h2,h3,h4,h5{font-family: 'Assistant', sans-serif; letter-spacing: -0.3px;}

/*****************************************************************
					Main stucture
******************************************************************/
#page-top{background-image:url(../img/header.jpg); position:relative; background-repeat:no-repeat; min-height:600px; background-size:cover;}
#page-top-inner{ background-image:url(../img/innerheader.jpg); position:relative; background-repeat:no-repeat; min-height:386px; background-size:cover;}

header.topheader{ width:100%; margin:0; padding:0; }
.navbar{ background:rgba(11,73,60,0.85); padding:10px 0; border:none; transition:all 0.3s ease 0s;}
#page-top-inner .navbar{ background:rgba(13,127,107,0.4);}
#page-top-inner .navbar-shrink{ background:rgba(0, 60, 48, 0.8);}

.navbar-nav > li{ font-size:14px; text-transform:uppercase; font-weight:600;}
.navbar-default .navbar-nav > li > a{ color:#fff; line-height:35px;}
.navbar-default .navbar-nav > li > a:hover{ color:#02a185;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color:#02a185; background:none;}
.navbar-nav{ float:right;}

.navbar-shrink{background:rgba(0,60,48,0.8); padding:5px 0; transition:all 0.3s ease 0s;}
.logo img{transition:all 0.3s ease 0s;}
.navbar-shrink .logo img{ width:45%; transition:all 0.3s ease 0s;}
.navbar-shrink  .navbar-nav > li > a{ line-height:28px; padding-bottom: 10px; padding-top: 10px;}
.banner{ position:relative; top:100px; padding:10px 0 80px;}
.slide-text{ color:#fff; margin-top:30px;}
h2.slide-heading{ font-size:65px; text-transform:uppercase; font-weight:800; }
h2.slide-heading span{ font-size:40px; display:block; font-weight:500;}
.slide-text p{   font-size: 22px; line-height: 27px; margin-top: 18px;}
.slide-text a.read-more{ background:#02a185; display:inline-block; color:#fff; font-size:18px; font-weight:300; padding:15px 17px; margin:15px 0;}
.slide-text a.read-more:hover{ background:#fff; color:#02a185;}
.slide-image img{ max-width:100%; display:block; margin:0 auto;}
.heading-1{ text-align:center; font-size:24px; text-transform:uppercase; font-weight:600; padding:10px 0 0 0;}
.heading-1 span.greenbox{ color:#fff; background:#02a185; padding:5px 6px;}
#part-1{ padding:50px 0 35px;}
.carosel-head{ text-transform: uppercase;
font-weight: 600;
font-size: 18px;
line-height: 24px;}
.carosel-head .carosel-icon{ float: none;
color: #fff;
margin: 0 auto;
background: linear-gradient(90deg, rgba(12,95,78,1) 35%, rgba(69,196,142,1) 100%);
width: 80px;
height: 80px;
border-radius: 24%;
position: relative;
top: 16%;
transform: rotate(40deg); }
.carosel-head .carosel-icon img{filter: brightness(174);
transform: rotate(-40deg);
width: 61px !important;
position: relative;
top: 7px;
left: 12px;}
.carosel-head .carosel-icon i{font-size:45px;}
.service-box{ clear:both; padding:37px 0 0 0;}
.carosel-text{ color:#8d9091; font-size:14px; font-weight:300; line-height:19px; margin:25px 0 10px;}
.carosel-text p{ height: 172px; color:#000;}
a.carosel-read{ color:#02a185; font-weight:400; display:inline-block; line-height:35px; border:1px solid #fff;  }
a.carosel-read::after{ background:#02a185; width:50px; height:2px; position:absolute; left:19px; content:" "; }
a.carosel-read:hover::after{  width:80px;}
.carousel-control.left{ background:none; background-image:url(../img/prev.png); background-position:center center; border:2px solid #02a185; background-repeat:no-repeat; width:45px; height:45px; bottom: 8%; left: 1.5%; top:auto;}
.carousel-control.right{ background:none; background-image:url(../img/next.png); background-position:center center; border:2px solid #02a185; background-repeat:no-repeat; width:45px; height:45px; bottom: 8%; left: 6%; top:auto;}
.servive-block{ padding: 0 18px 28px;
background: #fff;
margin: 10px 10px 16px;
box-shadow: 0px -1px 7px 1px rgba(0, 0, 0, 0.16);
border-radius: 13px;
position: relative;}
.graybox{ background:#f4f4f4; padding:60px 0 40px; }
.carousel-inner{ overflow:visible;}
.carousel{ min-height:450px;}
section.slider .carousel{ min-height:10px;}
.about-head h3 , .portfolio-head h3{ font-size: 30px; font-weight: 600; font-family: 'Assistant', sans-serif;}
.about-head  p{ color:#000; font-size:14px;}
.det-text{olor: #000;
line-height: 24px;
text-align: inherit;
font-size: 15px;}
.portfolio{ background-attachment:fixed;  padding:40px 0 15px; background-color: #f0f0f0;}
.portfolio-head{ color:#fff;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{ color:#02a185;}
.cd-tabs {
  position: relative;
  width: 100%;
  margin:1em auto;
}
.cd-tabs:after {
  content: "";
  display: table;
  clear: both;
}
.cd-tabs::after {
  /* subtle gradient layer on top right - to indicate it's possible to scroll */
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  width: 50px;
  z-index: 1;
  pointer-events: none;
  background: -webkit-linear-gradient( right , #f8f7ee, rgba(248, 247, 238, 0));
  background: linear-gradient(to left, #f8f7ee, rgba(248, 247, 238, 0));
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.no-cssgradients .cd-tabs::after {
  display: none;
}
.cd-tabs.is-ended::after {
  /* class added in jQuery - remove the gradient layer when it's no longer possible to scroll */
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-tabs nav {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 768px) {
  .cd-tabs::after {
    display: none;
  }
  .cd-tabs nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
  }
}
@media only screen and (min-width: 960px) {
  .cd-tabs nav {
    position: relative;
    float: none;
    background: transparent;
    box-shadow: none;
  }
}

.cd-tabs-navigation {
  width: auto;
}
.cd-tabs-navigation:after {
  content: "";
  display: table;
  clear: both;
}
.cd-tabs-navigation li {
  float: left;
  margin-right:10px;
}
.cd-tabs-navigation a {
  position: relative;
  display: block;
  height:31px;
  text-align: center;
  font-size:14px;
  font-weight:500;
  color: #000000;
  background:#e9e9e9;
  text-transform:uppercase;
  line-height:35px;
  padding:0 8px;
}
.cd-tabs-navigation a:hover {
  color: #29324e;
  background-color: rgba(255, 255, 255, 1);
}
.cd-tabs-navigation a.selected {
  background-color: #029379 !important;
  color: #fff;
}
.cd-tabs-content {
}
.cd-tabs-content li {
  display: none;
  padding: 1.4em;
}
.cd-tabs-content li.selected {
  display: block;
  -webkit-animation: cd-fade-in 0.5s;
  -moz-animation: cd-fade-in 0.5s;
  animation: cd-fade-in 0.5s;
}
.cd-tabs-content li p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.6;
  color: #8493bf;
  margin-bottom: 2em;
}
@media only screen and (min-width: 768px) {
  .cd-tabs-content {
    min-height: 480px;
  }
  .cd-tabs-content li {
    padding: 2em 2em 2em 7em;
  }
}
@media only screen and (min-width: 960px) {
  .cd-tabs-content {
    min-height: 0;
  }
  .cd-tabs-content li {
    padding:2em 0;
  }
  .cd-tabs-content li p {
    font-size: 16px;
    font-size: 1rem;
  }
}

@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.large-port-box{ background:rgba(0,79,65,0.9); border:8px solid #145d50; min-height:330px; transition:0.5s;}
.large-port-box:hover{background:rgba(0,79,65,0.1); transition:0.5s; }
.large-port-box img{ display:block; margin:40px auto; max-width:100%;}
.small-port-box{ background:rgba(0,79,65,0.9); border:8px solid #145d50; min-height:146px; margin-bottom:26px;  transition:0.5s;}
.small-port-box:hover{background:rgba(0,79,65,0.1); transition:0.5s;}
.small-port-box img{ display:block; margin:20px auto; max-width:100%;}
.mission-icon{
	font-size: 28px;
line-height: 36px;
margin-top: 5px;
margin-left: 3%;}
.misson-text{ float: right;
width: 97%;
font-size: 12px;
margin-left: 3%;}
.mission-icon h5{  color: #024d3f;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 5px;
  position: relative;
  top: -6px;
}
.missonarea{ padding:30px 0; box-shadow:1px 6px 9px rgba(0,0,0,0.1); position: relative;
z-index: 9;}
.misson-text p{font-size: 13px;
line-height: 19px;}

.contactarea{ background:url(../img/con-bg.jpg); background-attachment:fixed; min-height:544px; padding:40px 0 35px;}
.contactform .form-field{ clear:both; padding-bottom:15px;}
.contactform .form-control{ box-shadow:none; border-radius:0; border:1px solid #0a6c5c; background:rgba(2,161,133,0.4); color:#fff;  font-family: 'Raleway', sans-serif; height:43px;}
.contactform .form-control:focus{ border-color:#12b89d;}
.contact-det{ padding:30px 0;}
.contactform .form-control:placeholder-shown{ color:#c3c3c3;}
.contactform .form-control::-webkit-input-placeholder {
   color: #c3c3c3;
}

.contactform .form-control:-moz-placeholder { /* Firefox 18- */
   color: #c3c3c3;  
}

.contactform .form-control::-moz-placeholder {  /* Firefox 19+ */
   color: #c3c3c3;  
}

.contactform .form-control:-ms-input-placeholder {  
   color: #c3c3c3;  
}
.contactform  textarea.form-control{ height:144px; resize:none;}
.contactform .btn{ width:100%; height:46px; color:#000; font-size:18px; font-weight:600; line-height:34px; border-radius:0; background:#fff;}
footer{ clear:both; width:100%; font-weight:300;}
.footer-top{ padding:20px 0; background:#0e1d1a; color:#959191;}
.footer-top span{ color:
#02a185;
font-size: 19px;
margin-right: 8px;
width: 25px;
display: inline-block;
height: 43px;
float: left;
padding-top: 4px;}
.footer-text{ margin:14px 0 0 0; color:rgba(255,255,255,0.7)}
.footer-head{ border-bottom:1px solid #606060; padding-bottom:6px;}
.footer-head h4{ font-size:15px; text-transform:uppercase; color:#fff; font-weight:500; margin-top:0;}
.footer-text a{ color:#959191; font-weight:500; display:block;}
.footer-text a:hover{ text-decoration:underline;}
.footer-text ul li{ text-transform:uppercase; font-size:12px; line-height:30px;}
.footer-text ul li a{ color:#959191;}
.footer-text ul li a:hover{ color:#ddd;}
input.news-form{ border:1px solid#c8c8c8; border-radius:0; box-shadow:none; background:none; height:31px; margin:10px 0;}
input.news-btn{ background:#02a185; color:#fff; font-size:14px; padding:10px 40px; margin:5px 0; border-radius:0; border:none; box-shadow:none;}
.footer-socialicon{  margin-top:15px; margin-bottom:-40px;}
.footer-socialicon ul{ text-align:center;}
.footer-socialicon ul li{ display:inline-block; margin:0 5px; position:relative; top:0; transition:all 0.3s ease 0s;}
.footer-socialicon ul li:hover{ top:-50%; transition:all 0.3s ease 0s;}
.footer-socialicon ul li a{ color:#fff;  font-size: 24px;  height: 42px; line-height: 42px; width: 42px; border-radius: 50%; transition:all 0.3s ease 0s; display:inline-block; }
.footer-socialicon ul li a.facebook{ background-color:#0e59a0;}
.footer-socialicon ul li a.tumblr{ background-color:#0e59a0;}
.footer-socialicon ul li a.twitter{ background-color:#0ea4ff;}
.footer-socialicon ul li a.youtube{ background-color:#cc181e;}
.footer-socialicon ul li a.pinterest{ background-color:#d73532;}
.footer-socialicon ul li a:hover{ background-color:#063128; transition:all 0.3s ease 0s;}

.footer-bottom{ background:#081512; color:#888888; text-align:center; padding:20px 0; position:relative; z-index:9999;}
.inner-image img{ max-width:70%; display:block; margin:0 auto;}
.innerbanner-head{ color:#fff; margin:30px 0 0 0;}
.innerbanner-head h1{ font-size:48px; font-weight:800; text-transform:uppercase;}
.innerbanner-head p{ font-size:24px; font-weight:300; line-height:30px;}

.inner-body-part1{ padding:30px 0; position:relative; top:auto; margin-top:100px;}
.inner-head{ text-transform:uppercase; font-size:30px; font-weight:700; line-height:28px;}
.inner-head span{ display:block; font-size:22px; font-weight:300;}
.inner-text{ padding:20px 0 0 0;}
.inner-text p.bold-text{ font-weight:bold; text-transform:uppercase; margin:10px 0 18px;}
.service-image img{ max-width:100%;}
.service-image{ margin-top:30px;}
.inner-body-part2{ background:#f4f4f4; padding:30px 0;}
.other-list{ margin:25px 0;}
.other-list ul{ text-align:center;}
.other-list ul li{ display:inline-block; width:24%; text-align:center; min-height:160px;}
.other-list ul li a{ color:#fff; display:block; min-height:160px;  padding-top: 20px;  transition:0.3s; }
.other-list ul li a:hover{  transition:0.3s;  background:rgba(0,0,0,0.4); }
.other-list ul li a .fa{ display:block; text-align:center; font-size:50px; line-height: 75px; transition:0.3s;}
.other-list ul li a:hover .fa{ font-size:60px; transition:0.3s;}
.other-list ul li a span{ display:block; text-align:center; text-transform:uppercase; font-size:16px;}
.other-list ul li.geo{ background:#034d3f;}
.other-list ul li.develop{ background:#026855;}
.other-list ul li.mobile{ background:#038069;}
.other-list ul li.hosting{ background:#03957a;}
.fa-phone{transform: rotate(90deg);}
.footer-text p.client{background:
#fff;
display: inline-block;
padding: 2px;
border-radius: 2px;}
.portfolio-head h3{font-size: 35px;

color: #111;

font-weight: 700;}
.portfolio-head p{font-size: 18px;

line-height: 32px;

margin-top: 21px;

text-align: left; color:#333;}
.footer-text p{ clear:both;}
.work-img{margin-top: 30px; float:right;}
.navbar-default .navbar-toggle { border-color:#fff;}
.navbar-default .navbar-toggle .icon-bar{ background-color:#fff;}
.achivearea{ position:relative; width:100%;  background:url(../img/achive-bg.jpg); padding:40px 0 26px; background-size:cover; background-attachment:fixed; }
.achievement-head h3{text-align: center;
font-size: 24px;
text-transform: uppercase;
font-weight: 600;
 color:#fff;}
.achievement-head h3 span {
    color: #02a185;
background: #fff;
    padding: 5px 6px;
}
.achievement-head h5{ color:#fff; font-weight:bold; font-size:18px; text-transform: uppercase;
margin-bottom: 15px;}
ul.achiv-list li{ display:block; color:#fff; font-size:13px; font-weight:600; line-height:18px; margin:6px 0; list-style:circle;}
ul.achiv-list li i{ margin-right:10px;}
.login-body{ background:#f4f9fa; font-family: 'Source Sans Pro', sans-serif;}
.login-area {padding:4% 6%;}
.login-logo img{ width:180px;}
.login-work img{ display:block; max-width:80%;}
.login-main{background: #fff;
    box-shadow: 0px 1px 7px 3px rgb(0 0 0 / 10%);
    width: 85%;
    margin: 3% auto 0;
    padding: 2% 4%;
    min-height: 460px;}

.login-main .login-head1{font-family: 'Poppins', sans-serif; font-weight:700;}
.login-signup{ color:#888888; font-size:15px; font-family: 'Poppins', sans-serif; margin:17px 0;}
.login-signup a{ color:#3cb081; font-weight:600;}
.login-form{ margin:35px 0;}
.login-box { margin:11px 0;}
.login-box .label{ display:block; color:#8d8d8d; font-size:14px; margin:8px 0 11px 0; font-weight:500; text-align:left; padding:0; font-family: 'Source Sans Pro', sans-serif;}
.login-box .form-control{ box-shadow:none; border:1px solid #d8d8d8; border-radius:3px; transition:0.2s; height:38px; }
.login-box .form-control:focus{ background:#eef2f5; transition:0.2s;}
.login-btnarea{ margin:20px 0;}
.login-btnarea .login-btn{ border-radius:26px; background:#39c68d; border:2px solid #3cb081; color:#fff; outline:0; font-family: 'Source Sans Pro', sans-serif; font-weight:600; padding:8px 28px; font-size:15px; transition:0.3s; margin-right:12px;}
.login-btnarea .login-btn:hover{ background:#3cb081}

.login-btnarea .create-btn{ border-radius:26px; background:#fff; border:2px solid #777777; color:#888; outline:0; font-family: 'Source Sans Pro', sans-serif; font-weight:600; padding:12px 28px; font-size:15px; transition:0.3s; margin-right:12px;}
.login-btnarea .create-btn:hover{ background:#f1f1f1; color:#000;}
.login-box .email-form , .login-box .password-form{ position:relative}
.login-box .email-form::before {
    font-family: "Font Awesome 5 Free";  content: "\f0e0";
	position:absolute;     left: 8px;
    top: 8px;
    font-size: 15px;
  }
  
 .login-box .password-form::before {
    font-family: "Font Awesome 5 Free";  content: "\f023"; font-weight: 900;
	position:absolute;     left: 8px;
    top: 8px;
    font-size: 15px;
  }
  .top-header{ background:#fff; border-bottom:2px solid #d6dadf; position:relative; padding:0px 0;}
  .top-header .top-logo img{ width:145px; display:block; margin:6px 0px 0px 0;}
  .user-drop{ float:right; margin-left:12px;     border-left: 1px solid rgba(0,0,0,0.1);  padding: 10px 0;}
  .user-drop .btn{ background:none; font-weight:600;}
  .user-drop .btn span.acount-user{ display:inline-block; background:#c1c7d0; width:22px; height:22px; border-radius:100%; color:#fff; padding:2px; margin-right:8px; }

	.user-drop .btn .fa-chevron-down{ color: #45cc00;
    margin-left: 7px;
    margin-top: 7px;
    display: block;
    float: right;
    font-size: 12px;}
	.user-drop.open{ background:#e9f3ef; }
	.user-drop.open .btn , .user-drop.open .btn:focus , .user-drop.open:focus{box-shadow:none;}
	.open > .dropdown-menu {
    display: block;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.dropdown-menu > li > a {

    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;

}
.dropdown-menu > li > a  i{ margin-right:8px;}
a.notification{float: right; margin-top:14px;
    display: block;
    background: #fff;
    border: 2px solid #3da87d;
    color: #222;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 100%;
    line-height: 30px;
    font-size: 17px; transition:0.2s;}
a.notification:hover{ background: #3da87d; color:#fff;}
ul.nav-menu{ float:right; margin:7px 19px 0 0;}
ul.nav-menu > li{ display:inline-block; margin:11px 10px 0px 10px;}
ul.nav-menu > li > a{ display:block; text-transform:uppercase; color:#0b7148; font-weight:600;}
a.mobile-icon{ display:none; 
    float: right;
    color: #fff;
    background: #2d8461;
    padding: 7px 10px;
    margin-right: 12px;
    margin-top: 8px;}
.top-part{ background:#eef3f8; padding:18px 0;}
.project-select , .project-select .btn-default{height: 40px; font-family: 'Poppins', sans-serif;  outline:0;}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{ font-weight:600;}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{ font-size:13px;}
.bootstrap-select.btn-group .dropdown-menu li.selected{ background:#f1f1f1}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{ display:none;}
.caret{ border-width:5px;}
.user-select , .user-select  .btn-default{height: 40px; background:#3da87d; color:#fff;  font-family: 'Poppins', sans-serif; outline:0;}
.user-select:focus , .user-select  .btn-default:focus , .project-select:focus , .project-select .btn-default:focus{outline:0 !important;}
.user-select.btn-group.open .dropdown-toggle{ background:#2e8663; box-shadow:none; color:#fff;}
.project-select.btn-group.open .dropdown-toggle{  box-shadow:none; }
.date-box{background: #fff; font-family: 'Poppins', sans-serif;
    border: 2px solid #3da87d;
    margin: 12px auto 0;
    width: 85%;
    border-radius: 5px;}
	.date-myarea p.date-text{margin: 0;     width: 90%;
    text-align: center;
    color: #3da87d;
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;}
	.date-myarea .form-control , .date-myarea .input-group-addon{ background:none; border:none; box-shadow:none; text-align:center; font-weight:600; color:#000;}
	 .date-myarea .input-group-addon{     color: #30c88b; cursor:pointer; transition:0.2s;
    padding: 0;
    font-size: 25px;
    margin-right: 0px;
    position: absolute;
    right: 0;}
    .date-myarea .input-group-addon:hover{ color:#3da87d;  transition:0.2s;}
	 .date-myarea .input-group{    width: 90%;     margin-top: -7px;}
	 .date-myarea:first-child{ border-right:1px solid rgba(0,0,0,0.2)}
	 .total-log{ font-family: 'Poppins', sans-serif;  display:inline-block;
    text-align: center;
    margin: 17px 0 0;}
	 .total-time{ display:block; font-weight:700; font-size:22px;  font-family: 'Poppins', sans-serif; margin:0;}
	 .log-text{ text-align: center; }
	 .log-text span{display: inline-block;
    font-size: 26px;
    position: relative;
    top: 16px;
    left: -14px;}
	.shot-date{float: right; 
    background: #fff;
    padding: 2px 10px;
    margin: 6px 15px;}
	.screen-shotbox{ position:relative; border:1px solid #444; margin:10px 0;}
	.screen-shotbox img{ display:block; width:100%; height:220px;}
	.screen-shotbox p.schot-time{position: absolute;
    right: -1px;
    bottom: -1px;
    background: #787878;
    color: #f2f2f2;
    font-size: 12px;
    margin: 0;
    padding: 1px 5px;}
	a.notification span{ display:none;}
	a.loadmore{display: block;
    margin: 19px auto;
    background: #30c88b;
	border:2px solid #30c88b;
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 4px 12px;
    width: 130px;}
	a.loadmore:hover{ background:#fff; border-color:#3da87d; color:#000;}
	.container{ width:90%;}
	.slide-image img{ float:right;}
	#part-projects{ background:url(../img/project-background.jpg); position: relative; padding-bottom: 38px;
padding-top: 36px; background-attachment:fixed;
background-size: cover;}
#part-projects .project-image{background:url(../img/macBook-pro.png); background-repeat: no-repeat; background-size: cover; margin-top: 35px; padding: 1px 35px; }
#part-projects .project-image img{margin: 25px 4px 41px 54px; display: block; width: 86%; }
#part-projects .slide-text{ color:#000;}
#part-projects h2.slide-heading{ text-transform:none; font-size:25px; margin-bottom: 17px;}
#part-projects .slide-text p{font-size: 15px; line-height: 23px;}
#part-projects .slide-text p.slide-toptext{ font-style:italic; font-weight: 500; font-size:16px;}
#part-projects .carousel-control.left , #part-projects .carousel-control.right{ bottom:45%; background: #116251;
border: none;
width: 35px;
height: 35px;}
 #part-projects .carousel-control.right{ right: -2%; left:auto; background-image:url(../img/pro-right.png); background-size: 30px; opacity:1;
background-repeat: no-repeat; 
background-position: center center;}
 #part-projects .carousel-control.left{  background-image:url(../img/pro-left.png); background-size: 30px;  opacity:1; left:0;
background-repeat: no-repeat;
background-position: center center;}
 #part-projects:hover .carousel-control.right ,  #part-projects:hover .carousel-control.left{ opacity:1;}
 #part-1{background: #f9f9f6;   border-top: 1px solid rgba(0,0,0,0.1);
}
  #part-1 .flexslider{ background:none; border:none;}
.mission-icon .fa {
background: rgb(12,95,78);
background: linear-gradient(90deg, rgba(12,95,78,1) 35%, rgba(69,196,142,1) 100%); 	-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
	.mission-box{border: 1px solid #ccc; border-radius: 10px; padding: 10px; margin-right: 7px;}
	.carosel-head h3{ text-align:center; font-weight:700; text-transform: none; font-size:19px; position:relative; min-height: 40px;}
	.carosel-head h3:after{ content:''; position:absolute; bottom: -13px; left: 32%; height: 2px; width: 100px; background: linear-gradient(90deg, rgba(12,95,78,1) 35%, rgba(69,196,142,1) 100%);}
.clientBox.client-head{text-transform: uppercase;
text-align: center;
letter-spacing: 4px;
font-weight: 600;
margin-top: 5px;}
.client-box{border: 1px solid #ccc;
margin: 8px 0px 8px;
padding: 6px 10px;
background: #fff;}
.client-box img{display: block; width: 100%;}
.client-dis .col-md-6{ padding-right:0;}
h3.client-head{text-align: center;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 4px; font-size: 22px;}	
.logo a{ display:block;}
.logo a img.hor-logo{ width: 72px; float: left; margin-right: 18px;}
.logo a h1.logotext{display: inline-block; line-height: 40px;
font-family: 'Roboto', sans-serif;
margin: 0;
color: #fff;
text-transform: uppercase;
font-size: 46px;
font-weight: 700;
letter-spacing: 2px;}
.logo a h1.logotext span{color: #33cdaf;}
.logo a h1.logotext p{font-family: 'Assistant', sans-serif;
font-weight: normal;
font-size: 12px;
letter-spacing: 2px; margin-bottom:0;   line-height: 22px;
}
.footer-logo img{ display:block; width:230px;}
.banner.innerbanner{background: #15705e; top: 85px !important; text-align: center;}
.inner-body-part1 h3{font-weight: bold;
  border-bottom: 1px dashed #666;
  padding-bottom: 10px;}
  
 .inner-body-part1 ol > li{ list-style-type:square}
 .contactarea .portfolio-head h3{ color:#fff;}