@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
/*font-family: 'Open Sans', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Amiri:400,700,700i');
/*font-family: 'Amiri', serif;*/
@import url('https://fonts.googleapis.com/css?family=Racing+Sans+One&subset=latin-ext');
/*font-family: 'Racing Sans One', cursive;*/
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i');
/*font-family: 'Ubuntu', sans-serif;*/
body {
	font-size: 14px;
	overflow-x: hidden;
  font-family: 'Ubuntu', sans-serif;
}
p {
    text-align: justify;
    /* font-family: 'Ubuntu', sans-serif; */
    line-height: 25px;
    font-family: 'Raleway', sans-serif;
    line-height: 26px;
    font-size: 16px;
    letter-spacing: 1px;
}
h1,h2,h3{
  font-family: 'Racing Sans One', cursive;
}
img#loading-image1 {
    display: none;
}
ul{margin: 0;padding: 0;}
a:hover{text-decoration:none;}
.clear{clear: both;}

/*  Header  */
.top-pannel{
    background: #1e201f;
    padding: 14px 0;
}
.top-pannel ul li{
    display: inline-block;
    margin: 0 0 0 30px;
    color: #fff;
    font-size: 13px;
}
.top-pannel ul li a{
  color: #fff;
}
.top-login a {
    color: #696969;
}
.top-social li i {
    color: #b5b5b5;
}
.top-social {
    float: left;
}
.top-login i{
    color: #0ab912;
    margin: 0 2px 0 0;
}
.top-social li {
    margin: 0 15px 0 0 !important;
}
/*Menu*/
.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
	margin: 0;
	border: none;
}
div#bs-example-navbar-collapse-1 {
    padding: 0;
}
.menu-pannel{
    background: #ffffff;
    padding: 7px 0;
}
.navbar-inverse .navbar-nav>li>a {
    color: #353535;
    text-transform: uppercase;
    font-size: 13px;
    padding: 8.3px 22px;
    border-radius: 3px;
}
.navbar-nav {
    float: right;
    margin: 18px 0 0 0;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #398a1b;
    background-color: transparent;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #398a1b;
}
a.start-lrng {
    background: #fb4249;
    color: #fff;
    padding: 17px 0;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
}
/*banner-pannel*/
.banner-pannel h2 {
    font-size: 40px;
    font-weight: normal;
     margin: 0; 
}
.banner-pannel h3 {
        font-size: 40px;
    margin: 0;
}
.banner-pannel p {
    text-align: center;
    font-size: 17px;
}
.banner-pannel {
    height: 560px;
}
.banner-pannel h1{
    position: relative;
    padding: 0;
    margin: 0 0 0.5rem 0;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 0 33px #f70404, 0 0 56px #e45327, 0 0 88px #f77a49;
}
.banner-pannel h5 {
    margin: 0;
    font-size: 17px;
    line-height: 25px;
    padding: 10px 0 0;
}
#particles {
  width: 100%;
  height: 553px;
  overflow: hidden;
  background:url(../images/banner1.png);
  color: #fff;
  background-size: cover;
}

.intro {
  position: absolute;
  left: 0;
  top: 50%;
  padding: 0 20px;
  width: 100%;
  text-align: center;
}
/*Loading*/
/*#loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   z-index: 99;
   text-align: center;
}*/
#loading{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    /* opacity: 0.7; */
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

#loading-image {
  position: absolute;
  top: 250px;
    left: 600px;
  z-index: 100;
  border-radius: 50%;
    overflow: hidden;
    width: 150px;
    height: 150px;
    border:5px dashed #000;
}
/*cequrity-pannel*/
.cequrity-pannel{
    background: rgb(17,17,17);
    background: -moz-linear-gradient(left, rgba(17,17,17,1) 3%, rgba(17,17,17,1) 40%, rgba(17,17,17,1) 48%, rgba(57,138,27,1) 48%);
    background: -webkit-linear-gradient(left, rgba(17,17,17,1) 3%,rgba(17,17,17,1) 40%,rgba(17,17,17,1) 48%,rgba(10, 185, 18, 1) 48%);
    background: linear-gradient(to right, rgba(17,17,17,1) 3%,rgba(17,17,17,1) 40%,rgba(17,17,17,1) 48%,rgba(10, 185, 18, 1) 48%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#398a1b',GradientType=1 );
}
.cequrity-pannel h2  {
    margin: 0;
    padding: 25px 0;
    color: #fff;
    text-transform: uppercase;
    /* font-weight: 600; */
    font-size: 26px;
}
/*Connect with us*/
.connect-pannel{
    background: #0ab912;
    padding: 50px 0;
}
.connect-pannel h1 {
    color: #fff;
}
.connect-pannel ul li i{
    background: #000000;
    width: 39px;
    height: 39px;
    border-radius: 50px;
    font-size: 21px;
    color: #fff;
    border: 1px dashed #4fe03e;
    text-align: center;
    line-height: 37px;
}
.connect-pannel ul li i:hover{
    background: #039809;
}
.connect-pannel ul li {
    display: inline-block;
    margin: 0 6px 0 0;
}
.connect-pannel ul {
    list-style: none;
    text-align: center;
}
.connect-pannel h1 {
    color: #fff !important;
}
/*about-pannel*/
.about-left h2{
    font-size: 36px;
    margin: 0;
    padding: 0;
    color: #000;
    /* text-transform: uppercase; */
}
.about-left h1{
    color: #0ab912;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.about-pannel {
    padding: 50px 0;
}
.titel-sec{
	text-align: center;
}
.titel-sec h2 {
    margin: 0;
    padding: 0;
    font-size: 18px;
}
.titel-sec h1{
    text-transform: uppercase;
    /* font-weight: bold; */
    color: #000;
    font-size: 26px;
    margin: 0;
    padding: 8px 0;
}
span.liner {
    display: block;
    margin: 0 0 35px;
}
.about-pannel h3 {
    font-size: 17px;
    font-style: italic;
    color: #646464;
}
.about-pannel p {
    font-size: 15px;
    color: #737373;
    margin: 0;
}
.btn-hover {
    text-align:center;
    border: none;
    background-size: 300% 100%;
    display: block;
    padding: 10px 0;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    width: 16%;
    margin: 0 auto;
    border-radius: 30px;
    border: 2px solid #28bf42;

    border-radius: 50px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.about-pannel a {
    float: right;
    margin: 10px 0 0 0;
}
.about-left {
    margin: 0;
    background: #f2f2f2;
    text-align: center;
    padding: 32px 0;
    border-radius: 3px;
    border: 1px solid #dedede;
}
.btn-hover:hover {
	color: #fff;
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.btn-hover.color-10  {
        background-image: linear-gradient(to right, #13881b, #0ab912, #13881b , #3fb547);
        clear: both;
    /* box-shadow: 0 4px 15px 0 rgba(247, 139, 48, 0.75); */
}

/*Service*/
.service-pannel {
    background:url(../images/service-bg.png);
    padding: 50px 0;
    background-size: cover;
}
.service-box {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-left: 5px solid #0ab912;
    padding: 23px 15px;
    background: #fff;


    transition: 1s all;
   -moz-transition: 1s all;
   -o-transition: 1s all;
   -webkit-transition: 1s all;
       border-radius: 30px;
}
.service-box:hover {
	    background-image: linear-gradient(to right, #25982d, #0ab912, #0aad15 , #3fb547);
	color: #fff;
    background-position: 100% 0;
   
   transition: 1s all;
   -moz-transition: 1s all;
   -o-transition: 1s all;
   -webkit-transition: 1s all;
}
.service-box:hover .service-des a{color: #fff;}
.service-box:hover .service-des p{color: #fff;}
.service-box:hover .service-icon i{color: #fff;}
.service-des {
    float: left;
    width: 78%;
    margin: 0 0 0 9px;
}
.service-icon {
    float: left;
    width: 19%;
}
.service-icon i {
    color: #000;
    text-align: center;
    display: block;
    font-size: 45px;
}
.service-des a{
    color: #444242;
    /* text-transform: uppercase; */
    /* font-weight: 600; */
    font-size: 18px;
    margin: 0;
    padding: 0 0 5px;
    display: block;
    font-family: 'Racing Sans One', cursive;
    min-height: 60px;
}
.service-des p {
    font-size: 15px;
    color: #737373;
    height: 70px;
    overflow: hidden;
       /* word-spacing: 6px;*/
    text-align: left;
}
.second-row {
    margin-top: 5px;
    margin-bottom: 5px;
}
/*testimonial*/
.testimonial{
   /* margin: 50px 30px 30px 30px;*/
    text-align: center;
    position: relative;
}
.testimonial .description{
    padding: 21px;
    /* border-left: 1px solid #fff; */
    font-size: 15px;
    color: #5f5f5f;
    line-height: 28px;
    position: relative;
    text-align: center;
    background: #fff;
}
.testi-img {
    /* position: relative; */
    /* left: 246px; */
    float: left;
    width: 18%;
}
.description p {
    float: left;
    width: 80%;
    margin: 0 0 0 13px;
}
.testimonial .description:before,
.testimonial .description:after{
    content: "";
    width: 20%;
    height: 1px;
    /*background: #fff;*/
    position: absolute;
    top: 0;
    left: 0;
}
.testimonial .description:after{
    top: auto;
    bottom: 0;
}
.testimonial .title{
    display: block;
    font-size: 18px;
    /* font-weight: 600; */
    color: #313030;
    /* text-transform: uppercase; */
    margin: 0 0 8px 0;
    position: relative;
}
.testimonial:before,
.testimonial .title:before{
    content: "";
    width: 1px;
    height: 50px;
    background: #fff;
    margin: 0 auto;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
}
.testimonial .title:before{ top: -80px; }
.testimonial .pic {
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    overflow: hidden;
    border: 4px solid #fffefe;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.owl-theme .owl-controls{ margin-top: 0; }
.owl-theme .owl-controls .owl-page span{
    width: 10px;
    height: 10px;
    border-radius: 0;
    background: #000;
    outline: 2px solid #000;
    outline-offset: 2px;
    margin-right: 8px;
    opacity: 0.7;
    transition: all 0.3s ease 0s;
}
.owl-theme .owl-controls .owl-page.active span{
    background: #fff;
    outline: 2px solid #fff;
}

.testimonial-pannel{
	background: url(../images/testi-bg.png);
  background-size: cover;
	text-align: center;
	padding: 50px 0;
}
.testimonial-pannel h1{
    text-transform: uppercase;
    /* font-weight: bold; */
    color: #fff;
    font-size: 26px;
    margin: 0;
    padding: 8px 0;
}
/*Home-contact*/
.contact-pannel{
	padding: 50px 0;
	background: url(../images/contact-bg.png);
	background-size: cover;
}
.form-left {
    float: left;
    width: 49%;
}
.form-right {
    float: right;
    width: 49%;
}
.contact-pannel input {
    border-radius: 0;
    height: 45px;
    margin: 0 0 15px;
    border: 1px solid #d2d2d2;
    box-shadow: none;
}
.contact-pannel textarea {
    border-radius: 0;
    margin: 0 0 15px;
    border: 1px solid #d2d2d2;
    box-shadow: none;
}

/*client-logo-pannel*/
.client-logo-pannel{
	padding: 50px 0;
}
.client-logo-pannel ul {
	list-style: none;
}
.client-logo-pannel ul li{
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 10px;
	border:1px solid #ccc;
}


/*Footer*/
.footer-pannel{
    padding: 50px 0;
    background: #1c1c1a;
    background-size: cover;
    color: #fff;
}
.ftr-logo p {
    font-size: 14px;
    margin: 40px 0 0;
    color: #7b7b7b;
    line-height: 22px;
}
.footer-pannel h2 {
    color: #0ab912;
    margin: 0;
    padding: 0 0 23px;
    text-transform: uppercase;
    font-size: 18px;
    /* font-weight: 600; */
}
.qck-link li {
    list-style:url(../images/list.png) inside;
}
.qck-link li a {
    color: #fff;
    line-height: 35px;
    font-size: 14px;
}
.footer-pannel address{
	color: #545353;
    line-height: 29px;
    font-size: 15px;
}
.ftr-social li{
	display: inline-block;
	    margin: 0 11px 0 0;

}
.cntct i {
    color: #f78b30;
    font-size: 13px;
    margin: 0 7px 0 0;
}
.cntct li {
    font-size: 13px;
}
.footer-pannel input {
    background: #000;
    border: none;
    padding: 5px 5px;
    color: #b3b3b3;
    font-size: 13px;
    font-style: italic;
}
.footer-pannel button {
    background:#0ab912;
    border: none;
    color: #fff;
    font-size: 13px;
    padding: 5px 10px;
}
.cntct{list-style: none;color: #fff;}
.ftr-social li i{
    color: #626262;
    font-weight: bold;
    font-size: 16px;
}
.end-footer-pannel{
	background:#080300;
	padding: 18px  0;
}
.end-footer-pannel p {
    margin: 0;
    color: #fff;
    font-size: 13px;
}
.end-footer-pannel p a{
	color: #0ab912;
}
.develop {
    text-align: right;
}
.ftr-logo img {
    position: relative;
    top: -50px;
}

/*Back to top*/
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
}

.cd-top.cd-top--show,
.cd-top.cd-top--fade-out,
.cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
}

.cd-top.cd-top--show {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}

.cd-top.cd-top--fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}

.cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

/**/
.nav-container { width:100%;margin-right:-2em }
.sticky {
	position: fixed;
	top: 40px;
	z-index: 99;
	
	animation:thedrop 1s 1;
	-moz-animation:thedrop 1s 1;
	-webkit-animation:thedrop 1s 1;
}

.sticky .nav-above {
	position: absolute;
	top:-15px;
	left:1em;
	right:1em;
	height:15px;
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 80%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}

/*new slider*/
.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
  height: 100%;
  background: #000;
      height: 550px;
}

.carousel-caption{padding-bottom:145px;}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}




/**
 * Button
 */
.btn-transparent {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
}
.btn-transparent:hover {
  background-color: #fff;
}

.btn-rounded {
  border-radius: 70px;
}

.btn-large {
    padding: 10px 30px;
    font-size: 14px;
    margin: 20px 0;
}

/**
 * Change animation duration
 */
.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

/*Inner Page*/
.page-titel{
  background: url(../images/inner-bg.jpg);
  background-size: cover;
      margin: 0 0 25px;
}
.page-titel h1{
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-shadow: 2px 2px 2px #2d2d2d;
    /* text-transform: uppercase; */
    padding: 61px 0;
    margin: 0;
    font-family: 'Amiri', serif;
    font-size: 45px;
}
.text-center{text-align: center;}
.heading i {
    font-size: 30px;
    color: #2AAFC0;
    margin-bottom: 20px;
}
.heading h2 {
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}
.heading h2 span {
    color: #04770d;
}
.heading p {
    font-size: 15px;
    font-weight: 400;
    color: #999;
    line-height: 1.8;
    margin: 0;
    margin-bottom: 60px;
}
.heading {
    padding: 25px 0;
}
.box {
    padding: 40px 30px;
    border: 1px solid #eeeded;
    border-radius: 5px;
    margin-bottom: 30px;
}
.box h3 {
    font-size: 18px;
    font-weight: 500;
    padding: 0;
    color: #212529;
    margin: 20px 0 10px 0;
}
.box p {
    font-size: 15px;
    font-weight: 400;
    color: #999;
    line-height: 1.8;
}
.title h3 {
    font-size: 18px;
    font-weight: 600;
}
.title p {
    font-size: 14px;
    font-weight: 400;
    color: #999;
    line-height: 1.6;
    margin: 0;
    margin-bottom: 40px;
}
.info {
}
.info i {
    font-size: 30px;
    padding: 0;
    margin: 0;
    color: #02434b;
    margin-right: 20px;
}
.info h4 {
    font-size: 13px;
    line-height: 1.4;
}
.info h4 span {
    font-size: 13px;
    font-weight: 300;
    color: #999999;
}
.form-control {
    padding: 25px;
    font-size: 13px;
    margin-bottom: 10px;
    background: #f9f9f9;
    border: 0;
    border-radius: 10px;
}
.btn-block {
    padding: 10px;
    border-radius: 10px;
    font-size: 15px;
    background: #3ca21c;
    color: #ffffff;
}

/*gallery page*/
/* line 32, ../sass/demo.scss */
.container .gallery a img {
  float: left;
  width: 20%;
  height: auto;
  border: 2px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}
/* line 46, ../sass/demo.scss */
.container .gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}
/* line 57, ../sass/demo.scss */
.container .gallery a.big img {
  width: 40%;
}

/* line 65, ../sass/demo.scss */
.align-center {
  text-align: center;
}
.gallery {
    padding: 45PX 0;
}
/**/
.re-left {
    text-align: center;
}
.re-left h1 {
    margin: 0;
    font-size: 64px;
    font-weight: bold;
    line-height: 133px;
}
.re-right p {
    color: #868585;
    line-height: 27px;
    margin: 0;
}
.innerpage p {
    text-align: justify;
    color: #808080;
    line-height: 27px;
    font-size: 15px;
}
.heading p {
    text-align: center;
}

/*drowpdown menu*/
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:initial;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{
    font-family: sans-serif;
    background: transparent;
    float: right;
    margin: 13px 0 0;
}


#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a {
    padding: 17px;
    font-size: 14px;
    letter-spacing: 0;
    text-decoration: none;
    color: #444343;
    font-weight: normal;
}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff !important;}
#cssmenu > ul > li:hover,#cssmenu ul li.active1:hover,#cssmenu ul li.active1,#cssmenu ul li.has-sub.active1:hover{background:#0ab912;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#525050;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#525050;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{width: 100%; position:absolute;left:-9999px;z-index: 999; float: left;     background: #eae8e8;}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#fff;transition:all .25s ease; float: left;}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:0; padding: 15px 0;}
#cssmenu li:hover > ul > li{/*height:35px*/
height: auto;
    background: unset !important;
}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{
    /*border-bottom: 1px solid rgba(150,150,150,0.15); */
    padding: 11px 15px;
     /*width: 196px; */
    font-size: 50px;
    text-decoration: none;
    color: #0ab912;
    font-weight: 400;
    line-height: 20px;
}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
 /*#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}*/
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
#cssmenu ul ul li h5 {
    font-size: 14px;
    margin: 0 20px;
    font-weight: bold;
    padding-left: 10px;
    clear: both;
    display: table-caption;
    width: 200px;
}.menus {
    width: 15.5%;
    float: left;
    text-align: center;
    padding: 30px 10px;
    font-size: 14px;
    line-height: 20px;
    border-left: 1px solid #afafaf6b;
    margin: 20px 0;
    height: 175px;
    margin-right: 7px;
}#cssmenu ul ul li a:hover {
    font-size: 55px;
}


/*Ex Inner*/
.block {
    padding: 30px 0;
    position: relative;
}
.fancy-mockup-image img {
    text-align: center;
    width: 100%;
}
.gallery-fancy-sec p {
    font-family: 'Raleway', sans-serif;
    color: #666666;
    line-height: 26px;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: justify;
}
.gallery-fancy-sec h3 {
    font-family: 'Montserrat', sans-serif;
    color: #666;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0;
    padding: 0 0 10px;
}
.fancy-mockup-image {
    margin: 0 0 10px;
}
.heading4 {
    float: left;
   /* margin-bottom: 55px;*/
   /* padding-bottom: 45px;*/
       margin-bottom: 0;
    padding-bottom: 25px;
    position: relative;
    text-align: center;
    width: 100%;
}
.heading4 > h2 {
    color: #605f5f;
    float: left;
    font-size: 38px;
    font-weight: bold;
    margin: 20px 0 10px;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
}
.heading4::after {
    bottom: 0;
    /*content: "";*/
    height: 23px;
    left: 50%;
    margin-left: -3px;
    position: absolute;
    -webkit-transform: rotate(31deg);
    -moz-transform: rotate(31deg);
    -ms-transform: rotate(31deg);
    -o-transform: rotate(31deg);
    transform: rotate(31deg);
    width: 1px;
}
.choose-language > a:hover, .popup-client > span, .inner-content > span, .post-detail a.post-cat, .social-btns > li::before, .social-btns > li:hover > a, .heading1 > h2::before, .subscribe_widget button, .pagination > li:hover > a:before, .pagination > li.active > a:before, .heading2 h3::before, .search_widget > form button, .category_widget > ul li:hover > a:before, .flat-btn, .team-info > i.fa, .gallery-detail > a, .service > h3::before, .step-info > span::before, .heading4::after, .portfolio-detail > a, .square-services:hover .square-infos > a, .mini-gallery > li > a::before, .mini-service-info li > i, .mini-portfolio .portfolio-info > ul > li:last-child > a, .our-clients-sec .owl-nav > div:hover, .feature-list > i, .texty-style > h3::before, .service-simple > i, .service-simple::before, .fun-fact > i, .branch-detail > a, .contact-lists-sec li > i, .faq-form button, .close-popup, .menu nav > ul > li:hover, .about-carousal-sec .owl-nav > div:hover, .post-style2:hover > span::before, .social_widget > a:hover, .bg-color, .product-thumb a.add-to-cart, .price-button a, .owl-dots > .owl-dot.active, .cart-thumb > a.delete-cart, .c-input-number > span input.userincr-btn-dec, .c-input-number > span input.userincr-btn-inc, .single-product-infos a.flat-btn.add_to_cart {
    background-color: #ff4242;
}
.heading4::before {
    border-left: 1px solid;
    border-right: 1px solid;
    bottom: 0;
   /* content: "";*/
    height: 23px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    -webkit-transform: rotate(31deg);
    -moz-transform: rotate(31deg);
    -ms-transform: rotate(31deg);
    -o-transform: rotate(31deg);
    transform: rotate(31deg);
    width: 11px;
}
.heading4::before, .testimonials-sec .nav.nav-tabs > li.active > a, .square-infos > a, .testimonials-sec.light .nav.nav-tabs > li.active > a, .flat-btn:hover, .price-table:hover, .features > li > i {
    border-color: #ff4242;
}
.parallax, .fixed-bg {
    height: 100%;
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
}
.blackish:before {
    background-image: linear-gradient(-135deg, #d33636, #333333);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    opacity: 1;
}
.fancy-gallery-infos {
    float: left;
    padding: 0px 0 0 0;
    width: 100%;
}
.fancy-gallery-infos > h3 {
    float: left;
    font-size: 27px;
    font-weight: 400;
    line-height: 40px;
    margin: 0 0 17px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}
.white-text {
    color: #fff !important;
    text-align: left;
    font-family: 'Raleway', sans-serif;
    color: #666666;
    line-height: 26px;
    font-size: 16px;
    letter-spacing: 1px;
}
.about-carousal-sec {
    text-align: center;
}
.about-carousal-sec > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.about-carousal-sec > ul li h3 {
    color: #141414;
    float: left;
    font-size: 27px;
    font-weight: bold;
    margin: 50px 25px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}
.about-carousal-sec > ul li p {
    display: inline-block;
    float: none;
    margin-bottom: 30px;
    padding: 0;
    width: 100%;

    font-family: 'Raleway', sans-serif;
    color: #666666;
    line-height: 26px;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: justify;
}
.fancy-gallery-infos > h3 {
    float: left;
    font-size: 27px;
    font-weight: 400;
    line-height: 40px;
    margin: 0 0 17px;
    width: 100%;
    text-align: center;
}
.features {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.features > li {
    color: #878787;
    float: left;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin-bottom: 13px;
    padding-left: 62px;
    position: relative;
    width: 100%;
}.footer-pannel p {
    text-align: left;
    word-spacing: 7px;
}.timer_curent {
    margin: 0 auto;
    text-align: center;
    width: 300px;
}
.listing li{
  font-size:20px;
  text-decoration: none;
  list-style-type:none;
  list-style-image: url('left-arrow.png');

}.akira .heading {
    padding: 0;
}.content {
    margin-bottom: 70px;
}.osint .fancy-mockup-image {
    margin: 0px 0 10px;
    height: 230px;
    overflow: hidden;
    width: 100%;
}.osint .fancy-mockup-image img {
    text-align: center;
    width: 100%;
    margin-top: -40px;
}.osint .gallery-fancy-sec.about-sec {
    padding: 0 20px;
}.osint .about-sec.gallery-fancy-sec p {
    font-family: 'Raleway', sans-serif;
    color: #666666;
    line-height: 30px;
    font-size: 16px;
    letter-spacing: 2px;
    text-align: justify;
    margin-top: 10px;
    word-spacing: 7px;
}
.sec_box {
    margin: 5px 0;
}.features li:before {
    content: "";
    font-size: 18px;
    width: 8px;
    height: 8px;
    background: #23c307;
    position: absolute;
    left: -5px;
    /* border-radius: 50px; */
    top: 8px;
    transform: rotate(45deg);
}
.features li {
    padding-left: 10px;
    list-style: none;
    position: relative;
}#cssmenu li:hover > ul > li .menus a {
    color: #0ab912 !important;
}.main_head h3 {
    padding: 10px 20px;
    float: left;
    width: 100%;
    margin: 15px 0;
    background: #ff8402;
    color: #fff;
}
.services_solution .service-box{
      margin: 10px 0;
}.services_solution .sec_box{
      margin: 0px 0 !important;
}.services_solution .service-des p {
    height: 80px !important;

}.map iframe {
    width: 100%;
    margin-bottom: 25px;
}li.dropdown.dropdwn_menu li:hover {
    background: none !important;
}.footer-pannel p {
    font-size: 13px;
    line-height: 20px;
}
@media screen and (max-width:2500px) and (min-width:1365px){
.banner-pannel {
    height: auto;
}.sb-slider {
    max-width: 100% !important;
}.sb-slider img {
    max-width: 100%;
    display: block;
    width: 100%;
}.nav-arrows a {

    top: 60% !important;

    transform: translate(0, -50%);
}.carousel-caption {
    padding-bottom: 0;
    bottom: auto !important;
    top: 50%;
    transform: translate(0, -50%);
}

}
@media screen and (max-width: 1200px){

  .nav-arrows a {

    top: 50% !important;

    transform: translate(0, -50%);
}.carousel-caption {
    padding-bottom: 0;
    bottom: auto !important;
    top: 50%;
    transform: translate(0, -50%);
}

}
@media screen and (max-width:1000px){
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%; position: absolute;
    z-index: 99;
    background: #eae8e8;}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:left}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{    background: #eae8e8!important;
    border: 0;}
/*#cssmenu ul ul li:hover{background:#363636!important}*/
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#0ab912;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left; padding: 10px 0;}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:-75px;cursor:pointer;z-index: 12399994; border: 1px solid #ccc;}
.button:after{position:absolute;top:22px;right:17px;display:block;height:8px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:17px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
div#head-mobile {
    display: none;
    padding: 0 !important;
}.menus {
      width: 15%;
    padding: 0px 10px;
    margin: 20px 6px;
    height: 140px;
}#cssmenu > ul > li > a {
    padding: 17px;
    font-size: 16px;
    font-weight: 600;
}
.nav-arrows a {
    top: 40% !important;
    transform: translate(0, -50%);
}.banner-pannel h2 {
    font-size: 30px;
    font-weight: normal;
}.banner-pannel h3 {
    font-size: 40px;
    margin: 0;
}.banner-pannel {
    height: auto;
}
}
@media screen and (max-width:800px){
.button {
    right: 20px;
}.banner-pannel h3 {
    font-size: 40px;
    margin: 0;
    line-height: 20px;
}
#cssmenu {
    width: 100%;
    position: absolute;
    z-index: 99;
    background: #eae8e8;
    left: 0;
    box-shadow: 1px 4px 1px 0px #403f3f;
}.banner-pannel {
    height: auto;
}.banner-pannel h2 {
    font-size: 30px;
    font-weight: normal;
    line-height: 20px;
}.nav-arrows a {
    top: 40% !important;
    transform: translate(0, -50%);
}
.btn-hover {
    width: 150px;
}
.white-text {
    padding: 10px 10px;
}
.about-carousal-sec > ul li h3 {
    width: inherit;
}body.akira_body #cssmenu li.dropdwn_menu:nth-child(2) a {
    color: #fff !important;
}body.akira_body #cssmenu li.active1 a:hover {
    background: #000 !important;
    color: #fff !important;
}nav#cssmenu {
    border-bottom: 1px solid #000;
}nav#cssmenu {
    border-bottom: 1px solid #000;
}
nav#cssmenu {
    border-bottom: 1px solid #000 !important;
}.menus {
    width: 14%;
  }
}
@media screen and (max-width:600px){
.menus {
    width: 30%;
    }
    .logo-pannel img {
    width: 45%;
}.button {
    top: -40px;
    transform: translate(0, -50%);
}.heading4 > h2 {
    font-size: 30px;
        line-height: 40px;
}form {
    margin-bottom: 40px;
}
  }
  @media screen and (max-width:500px){
    .menus {
    width: 46%;
}.sb-slider img {
    max-width: 100%;
    display: block;
    height: 260px;
}.banner-pannel h2 {
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 5px;
}.banner-pannel h3 {
    font-size: 25px;
    margin: 0;
    line-height: 20px;
}.btn-large {
    padding: 7px 30px;
    font-size: 14px;
    margin: 25px 0;
}.nav-arrows a {
    top: 35% !important;
    transform: translate(0, -50%);
}.gallery-fancy-sec h3 {
    font-size: 18px;
    line-height: 25px;
}.page-titel h1 {
    font-size: 30px;
}.features > li {
    padding-left: 0;
}.fancy-gallery-infos {
    float: left;
    padding: 0 15px;
    width: 100%;
}

  }
  @media screen and (max-width:420px){

    .button {
    width: 40px;
    height: 35px;
    position: absolute;
    right: 10px;
    top: -50px;
    cursor: pointer;
    z-index: 12399994;
    border: 1px solid #ccc;
    transform: translate(0, 0%);
}.button:before {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    height: 2px;
    width: 20px;
    background: #ddd;
    content: '';
}.button:after {
    position: absolute;
    top: 16px;
    right: 10px;
    display: block;
    height: 8px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: '';
}
  }