/*----------- -01- START OF BASIC CSS ----------*/
body
{
  font-family: 'Montserrat', sans-serif;

}
.container .navbar-header, .container-fluid .navbar-header, .container  .navbar-collapse, .container-fluid .navbar-collapse{
    margin-bottom: 10px;
    margin-top:10px;
}
.w30{
  width: 30%
}
.cd{
  cursor: default !important;
}
.padding20{
  padding:  20px 0px;
}
.padding40{
  padding:  40px 0px;
}
.padding70
{
  padding: 40px 0px;
}
.padding100
{
  padding:  100px 0px;
}
.pb20{
  padding-bottom: 20px;
}
.pt5{
  padding-top: 5px;
}
.pt90{
  padding-top: 90px;
}
.pt30{
  padding-top: 30px;
}
.mt25{
  margin-top: 25px;
}
.mt30{
  margin-top: 30px;
}
.mineh2{
    font-weight: 600;
    font-size: 25px;
    color: #000;
    margin-bottom: 20px;
}
.loc-h{
  font-weight: 600;
    font-size: 25px;
    display: inline-block;
    color: #000;
    margin-top: 20px;
    padding-bottom: 20px;
}

.pt90{
  padding-top: 90px;
}
.pt80{
  padding-top: 80px;
}
.pb90{
  padding-bottom: 90px;
}
.small-sub{
    font-size: 18px;
    font-weight: 500;
     margin: 0;
     padding-bottom: 0px;
     margin-bottom: 0px !important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff !important;
}

.navbar-toggle .icon-bar{
width: 29px;
}
.m0{
  margin:0px !important;
}
.fs{
      font-size: 13.9px !important;
}


a:hover, a:focus {
    color: #131415;
    text-decoration: none;
}
a {
    color: #131415;
    text-decoration: none;
}


.padding200
{
  padding: 200px 0px;
}
.padding120{
    padding: 120px 0px;
}
h3{font-size: 18px}

h2 {
    font-weight: 600;
    font-size: 25px;
    display: inline-block;
    color: #000;
    margin-top: 20px;
    padding-bottom: 20px;
}
.advs-box h2 {
    color: #000;
    font-weight: 600;
    font-weight: 18px;
    text-align: left;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 15px;
}
.no-space{
  font-weight: 600;
    font-size: 25px;
    display: inline-block;
    color: #000;
   margin-top: 12px;
    padding-bottom: 0px;
}


p{
  line-height:30px;
  font-size:14px;
  text-align: justify;

}
.btn-success {
  background: linear-gradient(to right,#75b7e4,#184478);

  border-color: transparent;
    border-radius: 50px;
    margin:10px;
    padding:10px;
    border-radius:3px;
    text-transform:uppercase;
}
.btn-success:focus,
.btn-success.focus {
background-color: #000;
  color: #FFF;
  border-color: transparent;
}
.btn-success:active,
.btn-success.active
{
  background-color: #000;
  color: #FFF;
  border-color: transparent;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
background-color: #000;
  color: #FFF;
  border-color: transparent;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
background-color: #000;
  color: #FFF;
  border-color: transparent;
}
.btn-success:hover
{
  background-color: #000;
  color: #FFF;
  border-color: transparent;

  transition: all .3s;
}
.btn-default
{
  background-color: #000;
  color: #fff;;

  border-color: transparent;
  font-weight: 500;
  transition: all .3s;
  margin:10px ;
  padding:10px;
  border-radius:3px;
  text-transform:uppercase;
  /*! border: 1px solid #fa6342; */
}
.btn-default:hover
{
  background-color: #000;
  color: #FFF;
  border-color: transparent;

}
.btn-danger
{
  background-color: #184478	;
  color: #FFF;
  border-radius: 70px;
  font-weight: bold;
  transition: all .3s;
}
.btn-danger:hover{
  background-color: #000;
  color: #FFF;
  transition: all .3s;
}

.m-t-30{
  margin-top:30px;
}

.ml20{
  margin-left: 20px;
}
/*------------SPINNER-----------*/

.spinner-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to right,#75b7e4,#184478);
z-index: 999999;
}
.spinner {
  width: 40px;
  height: 40px;

  position: relative;
  margin: 300px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/**********************************
Responsive navbar-brand image CSS
- Remove navbar-brand padding for firefox bug workaround
- add 100% height and width auto ... similar to how bootstrap img-responsive class works
***********************************/

.navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  height: 115%;
  padding: 15px;
  width: auto;
}







/*************************
EXAMPLES 2-7 BELOW
**************************/

/* EXAMPLE 2 (larger logo) - simply adjust top bottom padding to make logo larger */

.example2 .navbar-brand>img {
  padding: 0px 0px;
}


/* EXAMPLE 3

line height is 20px by default so add 30px top and bottom to equal the new .navbar-brand 80px height  */

.example3 .navbar-brand {
  height: 80px;
}

.example3 .nav >li >a {
  padding-top: 30px;
  padding-bottom: 30px;
}
.example3 .navbar-toggle {
  padding: 10px;
  margin: 25px 15px 25px 0;
}


/* EXAMPLE 4 - Small Narrow Logo*/
.example4 .navbar-brand>img {
  padding: 7px 14px;
}


/* EXAMPLE 5 - Logo with Text*/
.example5 .navbar-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.example5 .navbar-brand>img {
  padding: 7px 14px;
}


/* EXAMPLE 6 - Background Logo*/
.example6 .navbar-brand{
  background: url(../../../res.cloudinary.com/candidbusiness/image/upload/v1455406304/dispute-bills-chicago.png) center / contain no-repeat;
  width: 200px;
}





/* EXAMPLE 8 - Center on mobile*/
	@media only screen and (max-width : 768px){
    .padding40{
  padding:  0px 0px !important;
}
  .example-8 .navbar-brand {
  padding: 0px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  position: absolute;
}
.example-8 .navbar-brand>img {
  height: 100%;
  width: auto;
  padding: 7px 14px;
}

}


/* EXAMPLE 8 - Center Background */
.example-8 .navbar-brand {
  background: url(../../../res.cloudinary.com/candidbusiness/image/upload/v1455406304/dispute-bills-chicago.png) center / contain no-repeat;
  width: 200px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  position: absolute;
}





/* EXAMPLE 9 - Center with Flexbox and Text*/
.brand-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.brand-centered .navbar-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbar-toggle {
    z-index: 1;
}




/* CSS Transform Align Navbar Brand Text ... This could also be achieved with table / table-cells */
.navbar-alignit .navbar-header {
	  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height: 50px;
}
.navbar-alignit .navbar-brand {
	top: 50%;
	display: block;
	position: relative;
	height: auto;
	-webkit-transform: translate(0,-50%);
	        transform: translate(0,-50%);
	margin-right: 15px;
  margin-left: 15px;
}
.navbar-default .navbar-nav > li > a{
  color:#fff;
  font-weight:500;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #292929;
    white-space: nowrap;
    line-height: 25px;
    border-bottom: 1px solid #f0efef;
    font-size: 14px;
}
.navbar{
  margin-bottom:0px;
}
.navbar-toggle{
  width:50px;
}

.navbar-default{
  background-image: linear-gradient(to right,#75b7e4,#184478);
  border:0px;
}



.navbar-nav>li>.dropdown-menu {
	z-index: 9999;
}


@media (max-width: 767px) {
  .padding40{padding: 0px 0px !important;}
  #inline-list1 li{display: block !important; width: 100% !important;}
  .col-item{position: relative;min-height: 600px;}
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fcfcfc;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
}


/*------------04. START OF HEAD SECTION----------*/
.head-section
{
  background-image:linear-gradient(to right,#75b7e4,#184478);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
}
.head-section h1
{
  color: #FFF;
  font-size: 45px;
  padding-bottom: 20px;
 }

.head-section img
{
  max-width: 100%;
/*  margin-top: -60px;*/
}
.head-section p{
  color: #FFF;
  /*margin-bottom: 40px;*/
}
.head-section .head-info a{/*margin-right: 20px*/color: #ffffff;}
strong a{
    color: #184478;
    text-decoration: none;
}
strong a:hover {
    color: #75b7e4;
    text-decoration: underline;
}
.bgwhite:hover strong a{
    color: #FFF;
    }
.video-section2 strong a{
  color: #fff !important;
   text-decoration: none;
}
.video-section2 strong a:hover{
  color: #fff ;
   text-decoration: underline;
}




/*****************BAnner Section********************/
.banner-section{
  background-size: auto auto;
  text-align: center;
  height:200px;
  margin-top:115px;
  overflow: hidden;
/*  background-size: cover !important;*/
    background-size: 100% 100% !important;
  padding: 40px 0px !important;
}


.banner-section h1{
  color:#fff;
  margin:30px 0px 27px;
  text-align: left;
}
.banner-section h2 {
    color: #fff;
    margin: 30px 0px 27px;
    text-align: left;
    font-size: 36px !important;
    display: block;
    line-height: 1;
    font-family: inherit;
    font-weight: 500;
    padding-bottom: 0px !important
}
.banner{
  background: url(../img/bg-grey.jpg) 0px 0px no-repeat;
}
.investment-plan{
  background: url(../img/banners/investment-plan.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.about-us-banner{
  background: url(../img/banners/Aboutus.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.why-choose-us-banner{
  background: url(../img/banners/Why-Choose-Us.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.matrix-banner{
  background: url(../img/banners/matrix-plan.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.generation-banner{
  background: url(../img/banners/generation-plna.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.binary-banner{
  background: url(../img/banners/binary-plan.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.level-banner{
  background: url(../img/banners/level-plan.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.crowd-funding-banner{
  background: url(../img/banners/crowdfunding-plan.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}

.cryptocurrency-banner{
  background: url(../img/banners/Cryptocurrency-Software.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.cryptocurrency-exchange-banner{
  background: url(../img/banners/Cryptocurrency-Exchange-Plan.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.webdesign-banner{
  background: url(../img/banners/web-design.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.digi-banner{
  background: url(../img/banners/digital.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}


.demo-banner{
    background: url(../img/banners/demo.jpg) no-repeat center center;
    width: 100% !important;
    height: auto !important;
}
.features-banner{
    background: url(../img/banners/features.jpg) no-repeat center center;
    width: 100% !important;
    height: auto !important;
}
.blog-banner{
    background: url(../img/Blog-banner.jpg) no-repeat center center;
    width: 100% !important;
    height: auto !important;
}
.contact-us-banner{
    background: url(../img/banners/contact-us.jpg) no-repeat center center;
    width: 100% !important;
    height: auto !important;
}
.services-banner{
  background: url(../img/banners/all-plans.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.thankyou-banner{
  background: url(../img/Features-banner.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.sitemap-banner{
  background: url(../img/Features-banner.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.sitemap-arrow{
    background: url(../img/sitemap-arrow.png) center top no-repeat;
    height: 21px;
    width: 100%;
    margin: 0px auto;
}
.site-w{
  width: 100% !important;
  font-size: 13px !important;
}
#p-adjust p{
  margin: 0px 0px 0px 10px !important;
  padding: 5px !important;
}

.banner h1{
  color: #fff;
font-size: 30px;
line-height: 30px;
font-weight: 500;
margin-top: 0;
position: relative;
margin: 50px 0px;
}
.card-footer {
    padding: .75rem 1.25rem;
  }
  .card-footer1{
        padding-top: 10px !important;
    margin-left: -10px !important;
  }
.inner-border{
  border: 1px solid #d9d9d9;
  padding: 10px;
}
.blog-sub{
  text-align: left;
}
/*------------05. START OF ABOUT SECTION----------*/



/**********************BAnner SLider*************/


/********************************/
/*          Main CSS     */
/********************************/


#first-slider .main-container {
  padding: 0;
}


#first-slider .slide1 h3, #first-slider .slide2 h3, #first-slider .slide3 h3, #first-slider .slide4 h3{
    color: #fff;
    font-size: 30px;
      text-transform: uppercase;
      font-weight:700;
      padding-bottom: 20px;
}
#first-slider .slide1 h1, #first-slider .slide2 h1, #first-slider .slide3 h1, #first-slider .slide4 h1{
    color: #fff;
    font-size: 30px;
      text-transform: uppercase;
      font-weight:700;
      padding-bottom: 20px;
}

#first-slider .slide1 h4,#first-slider .slide2 h4,#first-slider .slide3 h4,#first-slider .slide4 h4{
    color: #fff;
    font-size: 30px;
      text-transform: uppercase;
      font-weight:700;
}
#first-slider .slide1 .text-left ,#first-slider .slide3 .text-left{
    padding-left: 40px;
}


#first-slider .carousel-indicators {
  bottom: 0;
}
#first-slider .carousel-control.right,
#first-slider .carousel-control.left {
  background-image: none;
}
#first-slider .carousel .item {
  min-height: 425px;
  height: 100%;
  width:100%;
}

.carousel-inner .item .container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}


#first-slider h3{
  animation-delay: 1s;
}
#first-slider h1{
  animation-delay: 1s;
}
#first-slider h4 {
  animation-delay: 2s;
}
#first-slider h2 {
  animation-delay: 3s;
}


#first-slider .carousel-control {
    width: 6%;
        text-shadow: none;
}


/*#first-slider h1 {
  text-align: center;
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: bold;
}*/

#first-slider .p {
  padding-top: 125px;
  text-align: center;
}

#first-slider .p a {
  text-decoration: underline;
}
#first-slider .carousel-indicators li {
    width: 14px;
    height: 14px;
    background-color: rgba(255,255,255,.4);
  border:none;
}
#first-slider .carousel-indicators .active{
    width: 16px;
    height: 16px;
    background-color: #fff;
  border:none;
}


.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-control .fa-angle-right, .carousel-control .fa-angle-left {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}
.carousel-control .fa-angle-left{
    left: 50%;
    width: 38px;
    height: 38px;
    margin-top: -15px;
    font-size: 30px;
    color: #fff;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 53px;
}
.carousel-control .fa-angle-right{
    right: 50%;
    width: 38px;
    height: 38px;
    margin-top: -15px;
    font-size: 30px;
    color: #fff;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 53px;
}
.carousel-control {
    opacity: 1;
    filter: alpha(opacity=100);
}


/********************************/
/*       Slides backgrounds     */
/********************************/
#first-slider .slide1 {
    /*background-image: url(http://s20.postimg.org/h50tgcuz1/image.jpg);*/
      background-size: cover;
    background-repeat: no-repeat;
}
#first-slider .slide2 {
  /*background-image: url(http://s20.postimg.org/uxf8bzlql/image.jpg);*/
      background-size: cover;
    background-repeat: no-repeat;
}
#first-slider .slide3 {
  /*background-image: url(http://s20.postimg.org/el56m97f1/image.jpg);*/
      background-size: cover;
    background-repeat: no-repeat;
}
#first-slider .slide4 {
  /*background-image: url(http://s20.postimg.org/66pjy66dp/image.jpg);*/
      background-size: cover;
    background-repeat: no-repeat;
}




/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){

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

}



/*************BAnner Slider Ends Here**************/

.about-section h2
{
  margin-bottom: 20px;
  line-height: 1.3 !important;
}
.about-section h2:after
{
  background-color: #fff;
  margin-left: 79px;
}
.about-section i
{
  font-size: 50px;
  background: -webkit-linear-gradient(#75b7e4, #184478);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.contact i
{
  font-size: 25px;
  background: -webkit-linear-gradient(#75b7e4, #184478);
border:1px solid #ccc;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height:50px;
    border-radius:50%;
    height:40px; width:40px;
    line-height:40px;
    text-align:center;
}

.contact2 i {
    font-size: 20px;
    background: -webkit-linear-gradient(#75b7e4, #184478);
        background-clip: border-box;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 50px;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    line-height: 25px;
    text-align: center;
}

.contact2 .forsearch {
    font-size: 20px;
    background: -webkit-linear-gradient(#75b7e4, #184478);
        background-clip: border-box;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 18px;
    border-radius: 50%;
    height: 40px;
    width: 40px;

    text-align: center;
}
.about-section .container
{
  margin-bottom: -15px;
}
.about-right
{
  padding: 0px;
}
.about-right div
{
  padding-bottom: 20px;
}
.about-right h3 {
    margin-top: 15px;
    font-weight: 600;
    color:#000;
}
.about-right img
{
  margin-bottom: -10px;
}

/*------------06.START FEATURES SECTION----------*/
.zmdi-long-arrow-left, .zmdi-long-arrow-right{
  color:#ccc;
}
.features-section
{

  background: linear-gradient(to bottom ,rgba(255,255,255, 0.9),rgba(255, 255, 255, 1));
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #454545;
}
.bgwhite{
background: rgba(255,255,255 0.8);
    margin-bottom:30px;
    -webkit-box-shadow: -13px -14px 35px -8px rgba(0,0,0,0.06);
-moz-box-shadow: -13px -14px 35px -8px rgba(0,0,0,0.06);
box-shadow: -13px -14px 35px -8px rgba(0,0,0,0.06);
padding: 20px;
-webkit-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;

}
.bgwhite:hover{
  background-image: linear-gradient(to right,#75b7e4,#184478);

color: #FFF;
-webkit-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;

}
.bgwhite h3{
    color:#000;
    font-weight:500;
  }
  .bgwhite  i{
    float:left;
    width:10%;
  }
  .bgwhite .content{
    float:right;
    text-align:left;
    width:90%;
  }
.p-5-10{
  padding: 5px 10px !important;
}
.m-t-275{
  margin-top:275px;
}

.w-80{
  width: 80%;
  text-align: center;
  margin: 275px auto 0px;
}


.features-section i
{
  font-size: 35px;
  background: #184478;
  border-radius: 50%;
  height: 60px;
  width: 60px;
  color: #fff;
  line-height: 56px;
  padding: 5px;
  }
.features-section h2{margin-bottom: 20px;}
.features-section h2:after
{
margin-left: 53px;
background-color: #edefef;
}
.left-info div,.right-info div
{
  -webkit-box-shadow: -13px -14px 35px -8px rgba(0,0,0,0.06);
  -moz-box-shadow: -13px -14px 35px -8px rgba(0,0,0,0.06);
  box-shadow: -13px -14px 35px -8px rgba(0,0,0,0.06);
  padding: 10px;
  -webkit-transition: all 0.4s;
  -ms-transition:all 0.4s;
  transition: all 0.4s;
  min-height: 275px;
}
.left-info h3, .right-info h3{
  color:#000;
  margin-top:10px;
}

.left-info h4, .right-info h4 {
    color: #000;
    margin-top: 10px;
}

.left-info div:hover,.right-info div:hover{
  background-image: linear-gradient(to right,#75b7e4,#184478);

  color: #FFF;
  -webkit-transition: all 0.4s;
  -ms-transition:all 0.4s;
  transition: all 0.4s;
}
.left-info,.right-info
{
  margin-bottom: 30px
}

/*For Images*/
.m-auto{
  margin:0px auto;
  width:65%;
}
.m-auto-20-80{
  margin:20px auto;
  width:80%;
}
.m-auto-20-100{
  margin:20px auto;
  width:100%;
}
.p-20{
  padding:20px;
}


/******************How MLM VIBES*************/
.common-li{
  margiin:0px;padding:0px;
}
.common-li li {
  list-style: none;
  border-bottom: dotted 1px #dcd1d1;

/*    line-height: 33px;
  margin: 0 15px 0 0;
  color: #3d3f3d;
  font-size: 14px;

*/
position: relative;
  padding-left: 2.2em;
  margin-bottom: 1em;
  line-height: 1.65em;
  padding-bottom: 5px;

}
.common-li li::before {
    position: absolute;
      width: 11px;
      height: 11px;
      font-family: fontawesome;
      content: '\f192';
      display: inline-block;
      vertical-align: middle;
      margin: 1px 3px 0px -23px;
      color: #75b7e4;
}

.common-li2{
  margiin:0px;padding:0px;
}
.common-li2 li {
    list-style: none;
    display: block;

  text-align:left;
    line-height: 33px;
    margin: 0 20px 0 0;
    color: #fff;
    font-size: 15px;
}
.common-li2 li::before {
    width: 11px;
    height: 11px;
    font-family: fontawesome;
    content: '\f192';
    display: inline-block;
    vertical-align: middle;
    margin: -21px 9px 0 0;
    color: #fff;
}
h3 span{
  font-size:16px;
  font-weight:300;
}

/*------------07. START OF VIDEO SECTION----------*/

.video-section{
  background-image:  linear-gradient(to right,#75b7e4,#184478), url(../img/video-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  color: #FFF;
}
.video-section h2{
   color:#fff;
}

.video-section h3
{
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 25px;
}
.video-section p {
    font-size: 15px;
    margin-bottom: -10px;
    /*text-align: left;*/
}



.video-section2 .serviceBox {
    padding: 10px;
    background: transparent;
    border: 1px solid transparent;
        border-bottom-color: rgb(238, 238, 238);
    border-bottom-color: #fff0;
    text-align: center;
    position: relative;
    transition: all 0.5s ease 0s;
    margin-bottom: 15px;
}
.video-section2 .serviceBox a{
  color:#fff;
}

.video-section2 .serviceBox a:hover{
text-decoration: none;
}
.video-section2 .serviceBox .title {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 10px 0;
    transition: all 0.5s ease 0s;
}


.video-section2 .serviceBox .service-icon {
    width: 65px;
    height: 65px;
    line-height: 65px;
    border-radius: 50%;
    background: transparent;
    margin: 0 auto 20px;
    font-size: 36px;
    color: #fff;
}

.video-section2 .serviceBox:hover {
    border: 1px solid transparent;
}


.video-section2 .serviceBox:before,.video-section2 .serviceBox:after {
    content: "";
    width: 70%;
    height: 5px;
    background: #fafafab3;
    opacity: 0;
    position: absolute;
    bottom: -3px;
    left: 35%;
    transform: translateX(-50%);
    transition: all 0.5s ease 0s;
}


.video-section2 .serviceBox:hover .title {
    opacity: 0.8;
}


ul {
	margin: 0;
	padding: 0;
	list-style: none
}

h1,h2,h3,h4,h5,h6,a,ul,li{
	line-height: 1;
}


/*team section*/
.our-team{
    position: relative;
    text-align:center;
    overflow: hidden;
    box-shadow:0 0 5px #808080;
    margin-bottom:30px;
}
.our-team img{
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 0.40s linear 0s;
}
.our-team:hover img{
    transform: scale(1.3);
    transition:transform 2s linear 0s;
}
.our-team .team-content{
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    opacity: 0;
    padding: 40px 20px;
    background: rgba(255,255,255,0.8);
    transition: all 0.50s ease-in-out;
}
.our-team:hover .team-content{
    opacity: 1;
}
.our-team .team-prof{
    margin:20px 0 20px 0;
    position:relative;
    top:13%;
    text-align:center;
}
.our-team .team-prof a{
    color:#6a6060;
    font-size:18px;
    font-weight: bold;
    letter-spacing:1px;
    /*text-transform: uppercase;*/
}
.our-team .team-prof a:hover{
    color:#75b7e4;
    text-decoration:none;
}
.our-team .team-prof small{
    color:#75b7e4;
    display: block;
    font-size:13px;
    margin-top:10px;
    text-transform: uppercase;
}
.our-team .social-link{
    padding:0;
    margin:0;
    position:relative;
    top:13%;
}
.our-team .social-link li{
    list-style:none;
    margin-right:5px;
    display:inline-block;
}
.our-team .social-link li a{
    width: 35px;
    height: 35px;
    line-height:35px;
    border-radius:50%;
    color:#fff;
    background:rgba(0, 0, 0, 0.3);
}
.our-team .social-link li a:hover{
    background:#333;
    text-decoration:none;
}
@media only screen and (max-width: 990px){
    .ml20{
  margin-left: 0px !important;
}
    .our-team{  margin-bottom:20px; }
}

/*ADVS BOX*/
.advs-box-side .img-box {

    display: block;
}
.img-box {
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    outline: none !important;
    position: relative;
    text-align: left;
}
.advs-box-side h3 {
    font-size: 21px;

}
.advs-box h3 {
    color: #000;
    font-weight: 600;
    font-weight: 18px;
    text-align: left;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 15px;
}
.advs-box h2 {
    color: #000;
    font-weight: 600;
    font-weight: 18px;
    text-align: left;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 15px;
}
.advs-box h4 {
    color: #000;
    font-weight: 600;
    font-weight: 18px;
    text-align: left;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 15px;
}
.advs-box.advs-box-side p {
    text-align: left;
    margin-left: 0;
}
.about-subhead{
      font-size: 18px;
    font-weight: 600;
    color: #000;
}
.pb0{
  padding-bottom: 0px;
}
.mb0{
  margin-bottom: 0px !important;
}
.mb10{
  margin-bottom: 10px !important;
}
.mb20{
  margin-bottom: 20px !important;
}

.why-choose-text{
      color: #fff !important;
      font-size: 36px;
      font-weight: 500;
}
.why-choose-head{
  font-weight: 600;
    font-size: 25px;
    display: inline-block;
    color: #000;
    margin-top: 35px;
    padding-bottom: 20px;
}

.why-choose-sub1{
  font-size: 18px;
  margin-top: 15px;
  font-weight: 600;
  color: #000;
}
.small-feat{
  line-height: 33px;
    margin: 0 15px 0 0;
    color: #3d3f3d;
    font-size: 14px;
}
.p-text{
  line-height: 30px;
    font-size: 14px;
    text-align: justify;
}
.service-sub{
      color: #000;
    font-weight: 600;
    font-weight: 18px;
    text-align: left;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 15px;
    display: inherit;
}

/*------------08. START OF TESTMONIAL SECTION----------*/

.testmonial-section
{
  background-image: linear-gradient(to right,#75b7e4,#184478),url(../img/text.png);
}
.owl-theme .owl-nav [class*="owl-"], .owl-theme .owl-nav [class*="owl-"]:hover
{
  background-color: #FFF !important;
}
.owl-theme .owl-nav [class*="owl-"]
{
  color: #184478
}
.testmonial-para
{
  padding: 1rem 1.5rem 1rem 1.5rem;
  border-radius: .2rem;
  background-color: #FFF;
  text-align: left;
  padding: 50px;
  position: relative;
  top: 15px;
  font-size: 17px;
}
.testmonial-para:before
{
  display: block;
  content: "\201C";
  margin-bottom: -30px;
  font-size: 50px;
  background: -webkit-linear-gradient(#75b7e4, #184478);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
 }
.testmonial-section img
{
  margin: 0 auto;
  max-width: 20%;
  border: 2px solid #fff;
  border-radius: 100%;
  position: relative;
  top: 35px;
  left: 0px;
}
.testmonial-para:after
{
  bottom: -31px;
  position: relative;
  left: 0rem;
  content: '';
  display: block;
  margin: 0 auto;
  margin-bottom: 0px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  bottom: -32px;
  margin-bottom: -28px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.testmonial-info
{

  color: #FFF;
  margin-top: 50px;
  margin-bottom: 50px;
}
.testmonial-info h3
{
  margin-bottom: -1px
}
.testmonial-info p
{
  letter-spacing: 1px;
  margin-bottom: -13px;
}
.testmonial-section h2:after
{
  margin-left: 107px;color:#FFF;background-color: #75b7e4;
}
.testmonial-section h2
{
border-bottom: 1px dotted #fff;
color: #FFF;
margin-bottom: 20px
}

/*------------09. START OF SCREENSHOTS SECTION----------*/
.screenshots-section h2
{
  margin-bottom: 100px;
}
.screenshots-section h2:after
{
  background-color: #ffffff;
  margin-left: 81px;
}
.screenshots-section img
{
margin:0 auto;
width: 220px !important;
}
.screenshots-section .owl-theme .owl-nav [class*="owl-"], .owl-theme .owl-nav [class*="owl-"]:hover
{
  background-image: linear-gradient(to right,#75b7e4,#184478);!important;
}
.screenshots-section .owl-theme .owl-nav [class*="owl-"]
{
  color: #fff;
}
.screenshots-section .container
{
  margin-bottom: 40px;
}
.gallery__slider::after {
    content: url("../img/gallery.png");
    position: absolute;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%, -53%);
    -ms-transform: translate(-50%, -53%);
    transform: translate(-50%, -53%);
}

/*------------10. START OF COUNTER SECTION----------*/

.counter-section
{
  background-image: linear-gradient(to right,#75b7e4,#184478);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.counter-section span,.counter-section i
{
  color: #FFF;
  font-size: 30px;
  font-weight:700;
}
.counter-section .container
{
  margin-top: 20px;
  margin-bottom: -15px
}
.counter-section p
{
color: #FFF;
/*font-size: 20px*/
font-size: 15px
}
.counter-left div
{
  margin: 20px 0px;
}
.counter-section h2
{
  color: #FFF;

}
.counter-section h2::after
{
margin-left: 57px;
background-color: #e94c4b;
color: #FFF;
}

/*------------11. START OF TEAM SECTION----------*/

.team-section
{
  background-image:url(../img/test.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.team-section img{max-width: 100%;border-radius: 10px;}
.team-section ul li
{
  display: inline-block;
  margin-right: 8px;
  margin-left: 8px;
}
.team-section a
{
  font-size: 18px;
  color: #FFF;
}
.team-section a:hover
{
  text-decoration: none;
}
.team-section .row
{
  margin-top: 20px;
  margin-bottom: 25px;
}
.team-section ul
{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 61px
}
.img-box
{
  margin-bottom: 25px;
  position: relative;
}
.overlay
{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to right,#75b7e4,#184478) ;
  display: none;
  border-radius: 10px;
}
.member div:hover .overlay
{
animation: teamoverlay 500ms ease-in-out forwards;
display: flex;
}
@keyframes teamoverlay
{
  0%
  {
    opacity: 0;
  }
  80%
  {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes icons {
  30%
  {
    margin-top: 30px;
  }
}
.team-section ul li a
{
  animation: icons 500ms ease-in-out forwards;
  display: flex;
}
.content
{
  display: table-cell;
vertical-align: middle;
}
.box
{
  display: table;
width: 100%;
height: 100%;
}
.member-info p
{
  font-size: 12px;
  opacity: 0.8;
  margin-top: -8px;
}
.member-info a
{
  font-size: 11px
}
.team-section .container
{
  margin-top: 20px;
}
.team-section h2:after
{
  margin-left: 56px;
  background-color: #ffffff;
}
.owl-nav
{
  position: absolute;
  top: -50px;
  right: 0;
}
.owl-theme .owl-nav [class*=owl-],.owl-theme .owl-nav [class*=owl-]:hover
{
  background-color: #184478
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #184478	;
    margin-top: 20px;
}

/*------------12. START OF PLANS SECTION----------*/

.plans-section
{
  background-image:url(../img/dots3.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.plans-section ul li
{
  margin-bottom: 28px;
  font-size: 18px;
}
.head-plan span
{
  font-size: 15px;
}
.head-plan h3
{
  font-size: 25px;
  letter-spacing: 0.5px
}
.plans-section h2:after
{
  margin-left: 88px;
  background-color: #ffffff
}
.plans-section .container
{
  padding-top: 30px;
  margin-bottom: 40px;

}
.plans-section .btn-default
{
border-color: #184478;
}
.plans-section .btn-default:hover
{
  border-color: transparent;
}
.head-plan
{
  padding: 20px;
}
.head-plan p
{
  font-size: 50px
}
.info-price
{
   padding: 30px
}
.plan
{
  -webkit-box-shadow: -12px 0px 28px -1px rgba(0,0,0,0.08);
  -moz-box-shadow: -12px 0px 28px -1px rgba(0,0,0,0.08);
  box-shadow: -12px 0px 28px -1px rgba(0,0,0,0.08);
  transform: scale(0.95);
  transition: all .3s;
}
.stnd
{
  transform: scale(1);
}
.stnd .head-plan
{
   background: linear-gradient(to right,#75b7e4,#184478);


  color: #FFF;
}
.stnd
{
  -webkit-box-shadow: -12px 0px 28px -1px rgba(0,0,0,0.32);
  -moz-box-shadow: -12px 0px 28px -1px rgba(0,0,0,0.32);
  box-shadow: -12px 0px 28px -1px rgba(0,0,0,0.32);
}
.stnd .head-plan h3,.stnd .head-plan p{color: #FFF;}
.plan:hover
{
  -webkit-box-shadow: -12px 0px 28px -1px rgba(0,0,0,0.32);
  -moz-box-shadow: -12px 0px 28px -1px rgba(0,0,0,0.32);
  box-shadow: -12px 0px 28px -1px rgba(0,0,0,0.32);
  transform: scale(1);
  transition: all .3s;
}
.plan:hover .head-plan,.plan:hover a
{

  background: linear-gradient(to right,#75b7e4,#184478);


  color: #FFF;
  -webkit-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}
.plan .btn
{
  transform: scale(1);
  transition: all .4s;
}
.plan .btn:hover
{
  transform: scale(1.1);
  transition: all .4s;
  background-color: #000;
}
.info-price i
{
  margin-right:10px;
  font-size: 20px
}

/*------------13. START OF DOWNLOAD SECTION----------*/

.download-section
{
  background-image: linear-gradient(to right,#75b7e4,#184478),url(../img/text.png);
  color: #FFF;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.download-section span
{
  color: #FFF;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 3px;
}
.download-section .row div
{
  margin: 20px 0;
}
.download-section .container
{
  margin-bottom: -18px;
}
.upcount{
  padding-top: 40px;
}
.download-section h2:after
{
  margin-left: 43px;
background-color: #75b7e4;
  color: #FFF;
}
.download-section .row
{
  margin-bottom: 40px;
}

.download-section h2
{
  color: #FFF;
  border-bottom: 1px dotted #FFF;
}
.download-section a
{
  padding: 13px;
}
.download-section i
{
  margin-right: 10px;
  font-size: 20px
}
.download-section .container
{
  padding-top: 30px;
}

/*------------14. START OF CONTACT SECTION----------*/

.contactus-section
{
/*  background-image:url(../img/dots4.png);*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.contactus-section h3,.contactus-section p,.contactus-section a
{
  margin-bottom: 20px
}
.contactus-section form div
{
/*  padding: 7px 15px;*/
padding: 2px 0px 9px 0px;
}

.contactus-section h2:after
{
  margin-left: 67px;
}
.borderco
{
  border-color: #75b7e4;
}
.contactus-section button
{
  padding: 10px;
  font-size: 15px;
  background:linear-gradient(to right,#75b7e4,#184478);

}
input,textarea
{
padding: 0.5em 1em !important;
}
.contactus-section .container
{
  margin-bottom: 33px;
}

/*------------15. START OF FOOTER SECTION----------*/

footer
{
  background:linear-gradient(to right,#75b7e4,#184478);

}
footer p
{
  color: #FFF;

}
field {
  margin: 1em 0;
}

label {
  display: block;
  margin-top: 2em;
  margin-bottom: 0.5em;
  color: #999999;
}

input,select {
  width: 100%;
  padding: 0.5em 0.5em;
  font-size: 13px;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
}
.footer-column input, .footer-column textarea{
  background: transparent;
  border:1px solid #535252;
  color:#ccc;
}
select{
  -webkit-appearance: none;
-moz-appearance: none;
color:#8f8989;
appearance: none;
background: url(../img/arrow.png) right / 20px no-repeat #fff !important;
padding-right: 20px;
text-indent: 0.01px;
text-overflow: '';


}

textarea {
  width: 100%;
  height: 100px;
  padding: 0.5em 0.5em;
  font-size: 13px;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
}

button {
  display: inline-block;
  border-radius: 3px;
  border: none;
  font-size: 0.9rem;
  padding: 0.5rem 0.8em;
  background: #69c773;

  color: white;
  -webkit-font-smoothing: antialiased;
font-weight: 500;
  margin: 0;
  width: 100%;
  text-align: center;
}

button:hover, button:focus {
  opacity: 0.75;
  cursor: pointer;
}

button:active {
  opacity: 1;
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1) inset;
}

.success {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.error {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color:#75b7e4;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}




/*Horizontal Timeline*/

ol, ul {
	list-style: none;
}
.cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
  background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events-wrapper::after {
  right: 0;
  background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #dfdfdf;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #7b9d6f;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1.3rem;
  padding-bottom: 15px;
  color: #383838;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  background-color: #f8f8f8;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #7b9d6f;
  border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: #7b9d6f;
  border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: #7b9d6f;
}
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin: 6em auto;
  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}

.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(../img/cd-arrow.svg) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
  right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
  border-color: #7b9d6f;
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0 5%;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto !important;
  text-align: center !important;
}
.cd-horizontal-timeline .events-content h2 {
  /*! font-weight: bold; */
  /*! font-size: 2.6rem; */

  /*! font-weight: 700; */
  /*! line-height: 1.2; */
}
.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
  content: '- ';
}
.cd-horizontal-timeline .events-content p {
  font-size: 1.4rem;
  color: #959595;
  text-align: center;
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  line-height: 1.6;
  text-align: center !important;
}
@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    /*! font-size: 35px; */
    text-align: center !important;
    margin: 0px auto !important;
  }
  .cd-horizontal-timeline .events-content em {
    font-size: 2rem;
  }
  .cd-horizontal-timeline .events-content p {
    font-size: 15px;
    line-height:30px;
  }
}
@media only screen and (max-width: 992px) {
  .banner-section{
    margin-top: 70px;
  }
  .#blog_demo .blog-columns .blog-post .bp-content p {
  min-height: 200px !important;
}
  }

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}



/*Footer*/

.main-footer-area ul, .main-footer-area li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.main-footer-area h4 {
    font-size: 20px;
    line-height: 30px;
    color: #222;
    margin-bottom: 15px;
    font-weight: 400;
}
.main-footer-area p {
    position: relative;
    font-size: 13px;
    color: #848484;
    line-height: 26px;
    margin-bottom: 10px;
}
.main-footer-area a {
    text-decoration: none;
    cursor: pointer;
    color:#75b7e4;
}
.main-footer-area a:hover, .main-footer-area a:focus, .main-footer-area a:visited {
    text-decoration: none;
    outline: none;
}
/** main footer area **/

.main-footer-area{
  position: relative;
  background: #2b2e31;
  width: 100%;
  background-size: cover;
  padding: 100px 0px 0px 0px;
}
.main-footer-area .footer-top-area{
  /*! position: relative; */
  /*! display: inline-block; */
  padding: 30px;
  background: #3c4042;
  border: 1px solid #6b6d6f;
  /*! width: 100%; */
}
.main-footer-area .footer-top-area .footer-socila li h4{
  color: #fff;
  margin-right: 11px;
  margin-bottom: 0px;
  top: 2px;
  margin-top: 0px !important;
}
.main-footer-area .footer-top-area .footer-socila{
  /*! position: relative; */
  /*! display: inline-block; */
  /*! top: 5px; */
  /*! margin: 0px auto; */
  text-align: center;
}

.main-footer-area .footer-top-area .footer-socila li{
  display: inline-block;
  margin: 0px 6px;
}
.main-footer-area .footer-top-area .footer-socila li a{
  position: relative;
  display: inline-block;
  background: transparent;
  width: 40px;
  height: 40px;
  color: #b5b7b7;
  font-size: 15px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #b5b7b7;
  border-radius: 50%;
  transition: all 500ms ease;
}
.main-footer-area .footer-top-area .footer-socila li a:hover{
  color: #fff;
  background: #75b7e4;
  border: 1px solid #184478;
  transition: all 500ms ease;
}
.main-footer-area .footer-top-area .footer-subscribe{
  position: relative;
  display: inline-block;
  float: right;
}
.main-footer-area .footer-top-area .footer-subscribe .form-group{
  margin-bottom: 0px;
}
.main-footer-area .footer-top-area .footer-subscribe input{
  position: relative;
  width: 320px;
  height: 50px;
  padding: 15px;
  border: 1px solid #777a7b;
  border-radius: 25px;
  color: #fff;
  background: #464a4c;
  margin-right: 6px;
}
.main-footer-area .footer-top-area .footer-subscribe input:focus {
  border-color: #184478;
  box-shadow: 0 0 1px #184478;
  transition: all 500ms ease;
  outline: 0px;
}
.main-footer-area .footer-top-area .footer-subscribe .btn-one{
  padding: 8px 30px 8px 30px;
}
.main-footer-area .main-footer{
  position: relative;
  border-bottom: 1px solid #4f5355;
  padding: 45px 0px 45px 0px;
}
.main-footer-area p{
  color: #bfbfbf;
}
.main-footer-area .main-footer .logo-widget a{
  font-size: 14px;

  line-height: 26px;
  color: #bfbfbf;
  font-weight: 700;
  text-transform: uppercase;
  transition: all 500ms ease;
}
.main-footer-area .main-footer .logo-widget .footer-logo{
  position: relative;
padding: 10px 0px 20px 0px;
}
.main-footer-area .main-footer .logo-widget p{
  margin-bottom: 14px;
}
.main-footer-area .main-footer .logo-widget a:hover{
  color: #184478;
  transition: all 500ms ease;
}
.main-footer-area .main-footer h4{
  color: #fff;
  margin-top: 17px;
  margin-bottom: 21px;
}
.main-footer-area .main-footer .gallery-widget h4{
  margin-bottom: 28px;
}
.main-footer-area .main-footer .link-widget li a{
  position: relative;
  display: block;
  font-size: 13px;

  line-height: 26px;
  color: #bfbfbf;
  margin-bottom: 10px;
  padding: 0px 0px 0px 9px;
  transition: all 500ms ease;
}
.main-footer-area .footer-bottom span{
  color:#ccc;
  margin: 0px 8px;
}
.list1{
  float:left;
  width:100%;
}
.list2{
  float:left;
  width:38%;
}

.main-footer-area .main-footer .link-widget li a:hover:before{
  color: #184478;
  transition: all 500ms ease;
}
.main-footer-area .main-footer .link-widget li a:hover{
  color: #184478;
  transition: all 500ms ease;
}
.main-footer-area .main-footer .gallery-widget img{
  margin-bottom: 10px;
}
.main-footer-area .main-footer .gallery-widget{
  position: relative;
  padding:0px;
}
.main-footer-area .main-footer .link-widget{
  padding: 0px 0px 0px 0px;
}
.main-footer-area .main-footer .contact-widget .single-item{
  position: relative;
  color: #c3c4c4;
  font-size: 13px;

  line-height: 26px;
  padding: 0px 0px 5px 28px;
  margin-bottom: 0px;
}
.main-footer h6 {
    font-size: 13px;
    font-weight: 400;
    padding: 0px;
    margin: 0px;
    color:#75b7e4;
}
.main-footer-area .main-footer .contact-widget .single-item .mail a{
  position: relative;
  color: #c3c4c4;
  font-size: 13px;

  line-height: 26px;
  padding: 0px 50px 5px 2px;
  margin-bottom: 0px;
  transition: all 500ms ease;
}
.main-footer-area .main-footer .contact-widget .single-item .mail a:hover{
  color:#184478;
  transition: all 500ms ease;
}
.main-footer-area .footer-bottom a{
  position: relative;
  color: #75b7e4;
  font-size: 13px;

  line-height: 26px;
  margin-bottom: 0px;
  transition: all 500ms ease;
}
.main-footer-area .footer-bottom li a{

  color: #fff;
  font-size: 13px;

  line-height: 26px;
  margin-bottom: 0px;
  transition: all 500ms ease;
}
.main-footer-area .main-footer .contact-widget .single-item .icon-box{
  position: absolute;
  left: 0px;
  top: 0px;
}


.main-footer-area .main-footer .contact-widget .single-item .icon-box i::before {

    font-size: 20px;
    color:#75b7e4;

}
.main-footer-area .main-footer .contact-widget p{
  margin-bottom: 8px;
}
.main-footer-area .footer-bottom{
  position: relative;
  padding: 18px 0px 11px 0px;
}
.footer-bottom p{
  text-align: center;
}


.main-footer-area .btn-one {
    position: relative;
    color: #fff;
    font-size: 14px;
    line-height: 25px;

    background: #184478;
    font-weight: 700;
    border-radius: 25px;
    border: 2px solid #184478;
    text-transform: uppercase;
    padding: 8px 28px 8px 29px;
    display: inline-block;
    text-align: center;
    transition: all 500ms ease;
}
.main-footer-area .btn-one:hover {
    color:#184478;
    background: #fff;
    transition: all 500ms ease;
}

@media only screen and (max-width: 1200px){
  .main-footer-area .footer-top-area .footer-socila {
      display: block;
     /* margin-bottom: 40px;*/
  }
  .ml20{
    display: inline-block !important;
  }
  .main-footer-area .footer-top-area .footer-subscribe {
    float: none;
    display: block;
  }
/*  .main-footer-area .main-footer .link-widget {
    padding: 0px 0px 0px 30px;
  }*/
  .main-footer-area .main-footer .gallery-widget {
    padding: 0px;
  }
  .main-footer-area .main-footer .gallery-widget img {
    margin-bottom: 15px;
    width: 100%;
  }

}

@media only screen and (max-width: 767px){
  .main-footer-area .footer-top-area .footer-socila li a {
    position: relative;
    display: inline-block;
    background: transparent;
    width: 35px;
    height: 35px;
    color: #b5b7b7;
    font-size: 15px;
    text-align: center;
    line-height: 35px;
    border: 1px solid #b5b7b7;
    border-radius: 50%;
    transition: all 500ms ease;
}
  .bgwhite i{
    float:none;
  }
  .bgwhite .content{
    text-align: center;
    width: 100%;
  }
  .main-footer-area .footer-top-area {
    padding: 30px 20px 30px 20px;
  }
  .main-footer-area .footer-top-area .footer-subscribe input {
    margin-bottom: 15px;
  }
  .banner-section {
    margin-top: 70px !important;
  }
  #first-slider .slide1 h3, #first-slider .slide2 h3, #first-slider .slide3 h3, #first-slider .slide4 h3 {
    color: #fff;
    font-size: 23px !important;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 20px;
}
#first-slider .slide1 h1, #first-slider .slide2 h1, #first-slider .slide3 h1, #first-slider .slide4 h1 {
  color: #fff;
  font-size: 23px !important;
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 20px;
}
#first-slider .carousel .item {
    min-height: 578px !important;
    height: 100%;
    width: 100%;
}
}

@media only screen and (max-width: 550px){
  .main-footer-area .footer-top-area .footer-socila li:first-child {
    display: list-item;
    margin-bottom: 10px;
  }
  .banner-section {
    margin-top: 70px !important;
  }

}

@media only screen and (max-width: 499px){
  .ml18{
  margin-left: 18px !important;
}
  .main-footer-area .footer-top-area .footer-subscribe input {
      width: 100%;
  }
  .banner-section {
    margin-top: 70px !important;
  }

}


/*PLan*/


.pricingTable {
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    padding: 50px 15px 10px;
    text-align: center;
    margin-top: 51px;
    color: #292929;
    perspective: 700px;
    z-index: 1;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
}
.pricingTable:hover{ color: #fff; }
.pricingTable:after{
    content: "";
    width: 100%;
    height: 100%;
  background: #75b7e4;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    transform: rotateY(70deg);
    transition: all 0.3s ease-in-out 0s;
}
.pricingTable:hover:after{
    opacity: 1;
    transform: rotateY(0deg);
}
.pricingTable .icon{
    width: 69px;
    height: 69px;
    line-height: 69px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    font-size: 25px;
    color: #3485ef;
    position: absolute;
    top: -34px;
    left: 0;
    right: 0;
}
.pricingTable .pricingTable-header{
    margin-bottom: 30px;
}
.pricingTable .title{
    display: block;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.pricingTable .title2{
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px 0;
    color: #75b7e4;
}
.pleft{
  float:block;
  border-bottom: 1px dashed #ccc;
margin-bottom: 30px;
}
.pricingTable .price-value{
    display: inline-block;
    border-bottom: 5px solid #3485ef;
    font-size: 30px;
    font-weight: 700;
    transition: all 0.3s ease-in-out 0s;
}
.pricingTable:hover .price-value{
    border-bottom-color: #fff;
}
.pricingTable:hover .title2{
  color:#000;
}
.pricingTable .pricing-content{
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}
.pricingTable .pricing-content li{
    font-size: 14px;
    line-height: 40px;
}
.pricingTable .pricingTable-signup{
    display: inline-block;
    padding: 9px 23px;
    background: #3485ef;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    transition: all 0.25s ease-in-out 0s;
}
.pricingTable:hover .pricingTable-signup{
    background: #fff;
    color: #3485ef;
}
.pricingTable .pricingTable-signup:before,
.pricingTable .pricingTable-signup:after{
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    transition: all 0.25s ease-in-out 0s;
}
.pricingTable .pricingTable-signup:before{
    left: -12px;
    border-right: 12px solid #3485ef;
}
.pricingTable .pricingTable-signup:after{
    right: -12px;
    border-left: 12px solid #3485ef;
}
.pricingTable:hover .pricingTable-signup:before{
    border-right-color: #fff;
}
.pricingTable:hover .pricingTable-signup:after{
    border-left-color: #fff;
}
@media only screen and (max-width: 990px){
    .pricingTable{ margin-bottom: 30px; }

    .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    /*height: 594px ! important;*/
}

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

  .main-footer-area .main-footer h4,.main-footer-area ul{text-align: center;}
  .main-footer-area ul li{text-align: left;}

.main-footer-area .footer-top-area .footer-socila li {
    display: inline-block;
    margin: 0px 0px;
}

.contact-widget { text-size: 13px; margin: 0px auto; width: 275px; }

    .pricingTable{ margin-bottom: 50px; }
}



/*FOoter*/
.unit-left{
  float:left;
  margin-left:20px;
}


.unit-body{
  float:left;
  margin-left:25px;
}
.unit-body a{
  color:#000;
}
.unit-body a:hover{
  color:#184478;
}



/*Features Page*/


.features-page{ text-align: center; }
.features-page .features-icon{
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background:#eae8e5;
    margin-bottom: 15px;
}
.features-page .features-icon i{
    font-size: 30px;
    color: #fff;
    line-height: 60px;
    transition: all 0.3s ease 0s;
}
.features-page:hover .features-icon i{
    transform: rotateY(180deg);
}
.features-page .features-title{
    display: block;

    font-size: 14px;
    color: #433b3b;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #ebe5e6;
    padding-bottom: 20px;
    margin: 0 auto 20px;
    position: relative;
    font-weight: 600;
}
.features-page .features-title:before,
.features-page .features-title:after{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #75b7e4;
    margin: 0 -5px 0 0;
    position: absolute;
    bottom: -5px;
    right: 50%;
    transition: all 0.4s ease 0s;
}
.features-page .features-title:before{
    left: 50%;
    margin: 0 0 0 -5px;
}
.features-page:hover .features-title:before{ left: 100%; }
.features-page:hover .features-title:after{ right: 100%; }
.features-page .description{
    font: 14px;
    color: #808080;
    line-height: 27px;
    padding: 0 15px;
    margin: 0;
}
@media only screen and (max-width:990px){
    .features-page{ margin-bottom: 30px; }
}
.m-b-30{
  margin-bottom:30px;
}



.serviceBox{
    padding: 50px 35px;
    margin:15px 0px;
    background: #fff;
    border: 1px solid #eee;
    border-bottom-color: #fff;
    text-align: left;
    position: relative;
    transition: all 0.5s ease 0s;
}
.service-icon:before{
  margin-left: 15px;
}
.service-icon1:before{
  margin-left: 21px;
}
.service-icon2:before{
  margin-left: 10px;
}
.service-icon3:before{
  margin-left: 13px;
}
.serviceBox:hover{ border: 1px solid #fff; }
.serviceBox:before,
.serviceBox:after{
    content: "";
    width: 70%;
    height: 5px;
    background: #fff;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 35%;
    transform: translateX(-50%);
    transition: all 0.5s ease 0s;
}
.serviceBox:hover:before,
.serviceBox:hover:after{
    opacity: 1;
    left: 50%;
}
.serviceBox:after{
    top: auto;
    bottom: 0px;
}
.serviceBox .service-icon{
    width: 65px;
    height: 65px;
    line-height: 65px;
    border-radius: 50%;
  background: #184478;
    margin: 0 auto 20px;
    font-size: 36px;
    color: #fff;
}
.serviceBox .service-icon1, .service-icon2, .service-icon3{
    width: 65px;
    height: 65px;
    line-height: 65px;
    border-radius: 50%;
  background: #184478;
    margin: 0 auto 20px;
    font-size: 36px;
    color: #fff;
}
.serviceBox .title{
    font-size: 18px;
    font-weight: bold;
    color: #252525;
    margin: 0 0 10px 0;
    transition: all 0.5s ease 0s;
}
.serviceBox:hover .title{ opacity: 1; }
.serviceBox .description{
    font-size: 14px;
    color: #7a7a7a;
    line-height: 25px;
    margin: 0;
    transition: all 0.5s ease 0s;
}
.serviceBox:hover .description{
    margin-top: -20px;
    padding-bottom: 20px;
}
@media only screen and (max-width:990px){
    .serviceBox{ margin-bottom: 30px; }
}





/*Blog*/
/* Blog Page */
.blogContainer {
  margin-right: 40px;
  padding-bottom: 30px;
  *zoom: 1;
}
.blogContainer:before,
.blogContainer:after {
  display: table;
  content: "";
  line-height: 0;
}
.blogContainer:after {
  clear: both;
}
.blogContainer:before,
.blogContainer:after {
  display: table;
  content: "";
  line-height: 0;
}
.blogContainer:after {
  clear: both;
}
.blogItem {
  *zoom: 1;
  margin: 0 0 50px 0;
  padding-bottom: 40px;
  border-bottom: 1px solid #dcdcdc;
}
.blogItem:before,
.blogItem:after {
  display: table;
  content: "";
  line-height: 0;
}
.blogItem:after {
  clear: both;
}
.blogItem:before,
.blogItem:after {
  display: table;
  content: "";
  line-height: 0;
}
.blogItem:after {
  clear: both;
}
.blogTitle {
  margin-bottom: 20px;
}
.blogPhoto {
  margin-bottom: 15px;
}
.blogContent p {
  font-weight: 600;
  line-height: 26px;
}
.blogTags {
  margin: 10px 0;
  display: inline-block;
  font-style: italic;
  font-weight: 700;
}









/*======================================*/
/* 	  BLOG page section  styles here	*/
/*======================================*/

.blog-section {
	width:100%;
	float:left;
	padding:15px 0 0 0;
}
 .blog-left {
	padding-right: 30px;
}
.divided-section {
	float:left;
	width:100%;
	padding:15px 0;
}
.divided-section .image-sec , .divided-section .image-sec img {
	float:left;
	width:100%;
}
.text-section {
	float:left;
	padding-top:37px;
	width:100%;
}

.text-section h2 {
	font-size:24px;
	color:#23282f;
	font-weight:800;
	padding-bottom:15px;
}
.text-section h5{
  text-align:left;
  font-weight:700;
  font-size:20px;
}
.text-section h3 {
	font-size:15px;
	color: #75b7e4;
	float:left;
	padding:0 15px;
	border-left:1px solid #23282f;
}
.text-section .padbor-con {
	padding-left:0 !important;
	border-left:none !important;
}
.text-section h3 span {
	color:#23282f;
}
.text-section p {
	width:100%;
	font-size:14px;
	line-height:24px;
	color:#55595f;
	float:left;
	padding:26px 0 30px 0;
	text-align: left;
}
.text-section .contact-bt {
	background:#29c2e1;
	transition-duration:1s;
}
.text-section .contact-bt:hover {
	background:#f69b37;
}
.image-sec video {
	width:100%;
}
.my-video {
    width: 100% !important;
}
.audio-sec .vjs-control-bar {
	margin:0  !important;
	width:100%;
}
.audio-sec video {
	height:0;
}
.audio-sec .vjs-play-control > div::before, .audio-sec .vjs-play-control > div::after , .audio-sec .vjs-mute-control > div::after, .audio-sec .vjs-mute-control > div::before {
	color:#67696d;
}
.audio-sec .vjs-mute-control {
	margin-right:15px;
}
.audio-sec .vjs-fullscreen-control {
	display:none;
}
.audio-sec .vjs-duration {
	right:66px;
}
.audio-sec .vjs-time-divider {
	right:98px;
}
.audio-sec .vjs-current-time {
	right:112px;
}
.audio-sec .vjs-load-progress {
	background:#c8c8c8;
}
.audio-sec .vjs-control-bar {
	background:rgba(0, 0, 0, 0.1);
}
.audio-sec .my-video {
	height:89px !important;
}
.audio-sec .vjs-control > div , .audio-sec .vjs-time-divider{
	color:#67696d;
}


.search-cover {
	float:left;
	position:relative;
	width:100%;
}
.blog-right {
	padding-top:15px;
}
.search-cover .input-search {
	background: #fff ;
    border: 1px solid #dee8ea;
    box-sizing: border-box;
    color: #afb3b7;
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 10px;
    outline: medium none;
    padding:0px;
    width: 100%;
    z-index: 2;
    line-height: 30px;
}
.need-position {
	font-size:14px;
	color:#55595f;
	position:absolute;
	right:15px;
	top:17px;
}
.search-cover .input-search::-webkit-input-placeholder {
    color: #afb3b7;
    opacity: 1 !important; /* for chrome */
}
.search-cover .input-search::-moz-placeholder {  /* Firefox 19+ */
    color: #afb3b7;
	opacity: 1 !important; /* for chrome */
}
.search-cover .input-search:-ms-input-placeholder {
   color: #afb3b7;
   opacity: 1 !important; /* for chrome */
}
.blog-right h2 {
	font-size:20px;
	color:#23282f;
	text-transform:capitalize;
	padding:35px 0 15px 0;
	width:100%;
	float:left;
	font-weight:500;
}
.blog-links {
	float:left;
	width:100%;
}
.blog-links li {
	list-style:none;
	line-height:36px;
}
.blog-links li a {
	width:100%;
	font-size:13px;
	text-transform:uppercase;
	color:#55595f;
	float:left;
  line-height: 25px;
  text-align: left;

}
.blog-links li a:hover , .blog-links li .active {
	color:#75b7e4;
}
.blog-links li a .fa-angle-right {
	float:right;
	padding:12px 0;
}
.tag-section {
	float:left;
	width:100%;
}
.tag-section > a {

}
.tag-section > a:hover {
	background:#75b7e4;
}
.pager-section {
	float:left;
	width:100%;
}
.pager-section a {
	background:#75b7e4;
	color:#fff;
	width:30px;
	height:30px;
	float:left;
	margin-right:10px;
	text-align:center;
	padding-top:9px;
	transition-duration:1s;
}
.pager-section .active , .pager-section a:hover  {
	background: #2b2e31;
}
.post-popular {
	float:left;
	width:100%;
}
.small-image {
	float:left;

}
.big-image {
	float:right;
  margin-left:10px;

}
.orange {
	float:left;
	color:#75b7e4;
	font-size:14px;
}
.orange span {
	color:#55595f;
}
.post-popular h3 {

	padding:0;
	width:auto;
	font-size:15px;
	color:#23282f;

	text-transform:uppercase;
	line-height:7px;
}
.post-popular > a {
    float: left;
	margin-top:20px;
}

/*======================================*/
/* 	  BLOG POST section  styles here	*/
/*======================================*/

.list-items {
    padding-left: 18px;
	width:auto;
	margin:30px 0 30px 100px;
	float:left;
}
.list-items li {
	list-style:none;
	color: #23282f;
    margin-bottom: 10px;
    position: relative;
}
.list-items li::before {
    color: #75b7e4;
    content: "";
    font-family: "FontAwesome";
    left: -20px;
    position: absolute;
}
.author-bio {
    background: #e3eef0;
    padding: 40px 40px 32px 40px;
	float:left;
	margin-top:36px;
	margin-bottom:70px;
	width:100%;
}
.author-bio .author_thumb {
    float: left;
}

.author-bio .author_thumb img {
    border-radius: 50%;
	width:120px;
	height:120px;
}
.author-bio h2 {
	color:#75b7e4;
	font-size:14px;
	font-family: 'Karla', sans-serif;
	padding:20px 0 9px 165px;
}
.author-bio h2 span {
	color:#23282f;
}
.author-bio p{
	font-size:14px;
	color:#55595f;
	padding-left:165px;
}
.comments-section {
	float:left;
	width:100%;
	border-top:1px solid #dee8ea;
	padding-top:50px;
}
.comments-section h2 {
    color: #23282f;
    font-size: 24px;
    font-weight: 700;
}
.comment-box {
	float:left;
	width:100%;
	padding:40px 0 42px;
	border-bottom:1px solid #dee8ea;
}
.image-cov {
	float:left;
}
.image-cov img {
	width:60px;
	height:60px;
	border-radius:50%;
}
.text-box {
	float:left;
	position:relative;
	padding-left:30px;
}
.text-box a {
	position:absolute;
	right:15px;
	top:0;
	font-size:15px;
	color:#75b7e4;
	text-transform:uppercase;
}
.text-box h2 {
	font-size:15px;
	color:#23282f;
	font-weight:500;
	padding-bottom:10px;
	font-family: 'Karla', sans-serif;
}
.text-box h2 span {
	border-left: 1px solid #23282f;
    font-size: 13px;
    margin-left: 10px;
    padding-left: 10px;
}
.text-box p {
	font-size:14px;
	color:#55595f;
}
.me {
	padding-left:85px;
}
.contact-blog {
	float:left;
	width:100%;
	padding-top:50px;
}
.contact-blog .col-sm-6 input , .contact-blog textarea {
	font-size:13px;
	color:#23282f;
	padding:15px;
	width:100%;
	text-transform:uppercase;
	border:none;
	background:#e3eef0;
}
.contact-blog .more-service {
	margin:17px 0 0 17px;
	padding:11px 46px;
}
.contact-blog h2 {
    color: #23282f;
    font-size: 24px;
    font-weight: 700;
	margin-bottom:25px;
}
.contact-widget{
  text-size:13px;
}


/*Accordion*/
#accordion .panel{
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0 0 15px 10px;
}
#accordion .panel-heading{
    padding: 0;
    border-radius: 30px;
}
#accordion .panel-title a{
    display: block;
    padding: 12px 20px 12px 50px;
    background: #2b2e31;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 30px;
    position: relative;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed{
    background: #fff;
    color: #000;
    border: 1px solid #ddd;
}
#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after{
    content: "\f107";
    font-family: fontawesome;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 50%;
    background:#184478;
    font-size: 25px;
    color: #fff;
    text-align: center;
    border: 1px solid transparent;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
    position: absolute;
    top: -5px;
    left: -20px;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed:after{
    content: "\f105";
    background: #fff;
    color: #0d345d;
    border: 1px solid #ddd;
    box-shadow: none;
}
#accordion .panel-body{
    padding: 20px 25px 10px 9px;
    background: transparent;
    font-size: 14px;
    color: #000;
    line-height: 25px;
    border-top: none;
    position: relative;
}
#accordion .panel-body p{
    padding-left: 25px;
    border-left: 1px dashed #8c8c8c;
}


/*Css Start For website Design*/
.animate-me{
  visibility: visible;
  animation-duration: 1.5s;
  animation-delay: 0.15s;
  animation-name: fadeIn;
}
.service-demo1.section-padding-ash {
    background: #f8f7f6;
    padding: 100px 0 100px 0;
    overflow: hidden;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.service-demo1 .hr-center {
    display: inline-block;
    width: 70px;
    background: #184478;
    text-align: center;
    margin: 5px auto 50px auto;
    height: 2px;
}
.service-demo1 .services-2-cont {
    box-shadow: 0 17px 35px rgba(74,74,115,.1), 0 5px 15px rgba(0,0,0,.07);
    padding: 15px;
    background: #fff;
    margin: 15px 0;
    overflow: hidden;
    transition: transform 0.3s ease;
    transform: translateY(7px);
}
.service-demo1 .services-2-cont:hover {
    transition: transform 0.3s ease;
    transform: translateY(-7px);
}
.service-demo1 .aligncenter {
    display: block;
    margin: 0 auto 15px;
}
.service-demo1 .services-2-cont .fa-circle {
    color: #184478;
}
.service-demo1 .fa-circle:before {
    content: "\f111";
}
.service-demo1 .fa-tree:before {
    content: "\f1bb";
}

.service-demo1 p {
    line-height: 26px;
    color: #777;
}
.industry{
  background-color: transparent !important;
}
/*CSS Starts For Website Design*/

/*CSS Starts For Website Sample CSS*/
.carousel-showmanymoveone .carousel-control {
  width: 4%;
  background-image: none;
}
.carousel-showmanymoveone .carousel-control.left {
  margin-left: 15px;
}
.carousel-showmanymoveone .carousel-control.right {
  margin-right: 15px;
}
.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
  display: none;
}
@media all and (min-width: 768px) and (transform-3d),
all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media all and (min-width: 768px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -50%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 50%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
    display: block;
  }
}
@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media all and (min-width: 992px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -25%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 25%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-2,
  .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
    display: block;
  }
}

/*CSS Starts For Website Sample*/


/*CSS For Design Services*/
  .serviceBox-webdesign{
    border: 1px solid #b9b9b9;
    margin-top:70px;
    text-align: center;
    padding: 25px;
}

.serviceBox-webdesign .service-icon{
    width:100px;
    height:100px;
    border: 1px solid #b9b9b9;
    text-align: center;
    line-height: 100px;
    font-size: 40px;
    background: #fff;
    transform: rotate(-45deg);
    margin: -75px auto -20px;
}

.serviceBox-webdesign .service-icon i{
    transform: rotate(45deg);
    color:#4f4f4f;
    transition:all 0.3s ease-out;
}

.serviceBox-webdesign:hover .service-icon{
       background: #184478;
    border-color: #2b3031;
    transition:all 0.3s ease-out;
}

.serviceBox-webdesign:hover .service-icon i{
    color:#fff;
}

.serviceBox-webdesign .service-content{
    margin-top: 60px;
}

.serviceBox-webdesign .service-content h3{
    text-transform: capitalize;
    color:#161616;
    font-size: 20px;
}

.serviceBox-webdesign .service-content h3:after{
    content: "";
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    width: 70px;
    height:4px;
    display:block;
    margin: 10px auto 20px;
}

.serviceBox-webdesign .service-content p{
    color:#727272;
    line-height: 23px;
}

.serviceBox-webdesign .read{
    margin-top: 40px;
}

.serviceBox-webdesign .read a{
    color:#161616;
    text-transform: capitalize;
}

.serviceBox-webdesign:hover .read a{
    color:#3498db;
    transition:all 0.3s ease-out;
}

@media only screen and (max-width: 990px){
    .serviceBox-webdesign{
        margin-top: 90px;
    }
}


section#contactuspage .field {
    padding: 7px;
}

div#demoform .field {
    padding: 7px;
}

/*CSS For Design Services*/



/*The Plans MLM Vibes Offer*/
.bp-content h2{

}


#blog_demo.gray-bg {
    background: #f8f8f8;
}

#blog_demo .section {
    /*padding-top: 160px;
    padding-bottom: 100px;*/
}
#blog_demo .sec-heading {
    margin-bottom: 100px;
    text-align: center;
}
#blog_demo .sec-heading h2:first-child{

    color: #111;
    text-transform: uppercase;

}
#blog_demo .sec-heading span:last-child{
    margin-top: 25px;
}
#blog_demo .sec-heading .subheading {
    display: block;
    text-transform: uppercase;

    font-weight: 300;
    color: #999;
    letter-spacing: 2.5px;
}
#blog_demo .blog-preview .blog-post {
    background: #fff;
}
#blog_demo .blog-columns .blog-post, .blog-classic .blog-post {
    border-top: 1px solid #f8f8f8;
    background: #f8f8f8;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 15px;
}
#blog_demo .blog-columns .blog-post .post-img, #blog_demo  .blog-classic .blog-post .post-img {
    display: block;
}
#blog_demo a {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
#blog_demo .blog-columns .blog-post .post-img:hover img {
    opacity: .8;
}
#blog_demo .blog-columns .blog-post .post-img img{
     max-width: 100%;
    height: auto;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
#blog_demo .blog-columns .blog-post .bp-content{
        padding: 15px;
}
#blog_demo .blog-columns .blog-post .bp-content .post-meta .post-date i{
    display: inline-block;
    padding-right: 9px;
    font-size: 18px;
    vertical-align: middle;
    color: #ccc;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
#blog_demo .blog-columns .blog-post .bp-content .post-meta .post-date span{
        display: inline-block;
    padding-left: 10px;
    border-left: 1px solid #ececec;
    font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
    font-size: .75em;
    letter-spacing: 2px;
    text-transform: uppercase;
    vertical-align: middle;
    color: #999;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
#blog_demo .blog-columns .blog-post .bp-content .post-meta .post-comments{
    float: right;
}
#blog_demo .blog-columns .blog-post .bp-content .post-meta .post-comments span{
    display: inline-block;
    padding-left: 10px;
    border-left: 1px solid #ececec;

    font-size: .75em;
    letter-spacing: 2px;
    text-transform: uppercase;
    vertical-align: middle;
    color: #999;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;

}
#blog_demo .blog-columns .blog-post .bp-content .post-title{
    display: block;
    padding: 25px 0 20px 0;
    color: #111;
}
#blog_demo .blog-columns .blog-post .bp-content .post-title h4{
 margin: 0;
}
#blog_demo h4{
    font-size: 20pxem;
    letter-spacing: 0px;

 }
#blog_demo .blog-columns .blog-post .bp-content p{
    margin-bottom: 30px;
 }
#blog_demo .blog-columns .blog-post:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}
#blog_demo .btn-small {
    padding: 6px 33px;
    font-size: 0.75em;
      color: #ececec;
    background: #111;
}
#blog_demo .btn{
  position: relative;
  background-color: #000;
  color: #fff;;
font-size: 14px;
  border-color: transparent;
  font-weight: 500;
  transition: all .3s;
  margin:10px ;
  padding:10px;
  border-radius:3px;
  text-transform:uppercase;
  /*! border: 1px solid #fa6342; */
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
#blog_demo .btn:hover{
    color: #ececec;
    background: #3f3f3f;
}
#blog_demo .blog-columns .blog-post .bp-content .post-meta .post-comments:hover i{
 color: #111;
}
#blog_demo .post-comments{
color: #999;
}


/*box2*/
.box2{
border-top: 5px solid #184478;
background: #f8f8f8;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s;
transition: all 0.3s;

}
.box2 h3{font-size:17px;}
.box2 p{
  text-align: justify;
}


.box2:hover{
/*-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);*/
box-shadow: 0 22px 43px rgba(0, 0, 0, 0.30);
border-top: 5px solid #ddd;

}
.box2:hover h3{
color:#184478;

}





/*LOcation SLider*/

.team-sec{float: left;width: 100%;}
.team .photo {width: 250px; height: 250px; display: inline-block; overflow: hidden; position: relative; }
.photo-shadow {position: absolute; z-index: -1; top: 12px; left: 16px; bottom: -10px; /*border: 1px solid #E3E3E3; */height: 250px; width: 246px; background: #fff; }
.col-item{position: relative;}
.team{margin-top: 60px;}
.team .photo img{width: 100%;    vertical-align: middle;position: relative;}
.social-connect{margin-top: 13px;}
.info{margin-top: 22px;}
.info .name{font-size: 18px;font-weight: 600;margin-bottom: 2px;}
.info .degination {
    font-size: 14px;
  color: #444444;
    line-height: 30px;
    padding:17px;
}
.social-connect a{ display: inline-block; /*border: 1px solid #E3E3E3;*/ font-size: 14px; color: #919191; width: 24px; height: 24px; text-align: center; line-height: 24px;margin-right: 4px;}
.social-connect a .fa{margin: 0;}
.social-connect a:hover{background-color: #4EBEE9;color: #fff;} .carousel-line{    /*border: 1px solid #ddd;*/ height: 320px; position: absolute; bottom: -35px; width: 110%; left: -5.5%;}
.carousel-line > .controls{position: absolute; bottom: -16px; left: 50%; margin-left: -50px; background: #fff; padding: 0px 20px; color: #000;}
.carousel-line > .controls > a{    color: #868686; font-size: 24px; font-weight: 300;}


@media only screen and (min-width: 768px) and (max-width: 1199px) {
 #blog_demo .blog-columns .blog-post .bp-content p{
    min-height: 200px !important;
 }
 .small-sub {
    font-size: 15px;
}
}

/*@media only screen and (max-width:991px) and (min-width:320px){}*/

@media only screen and (max-width: 480px) {

  .about-right div {
    padding-bottom: 0px;
}
  .tc{
   text-align: center !important;
 }
  .header-phone{
      text-align: center;
      margin-bottom: 15px;
}
.header-top-section .header-address ul {
  text-align: center !important;
}
  .head-section .head-info p {
    font-size: 11px !important;
    line-height: 20px !important;
}
.carousel-control .fa-angle-left {
    left: -35% !important;
    width: 38px;
    height: 38px;
    margin-top: 0px;
    font-size: 30px;
    color: #fff;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 53px;
}
.carousel-control .fa-angle-right {
    right: -35% !important;
    width: 38px;
    height: 38px;
    margin-top: 0px;
    font-size: 30px;
    color: #fff;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 53px;
}
  .banner-section{
  background-size: auto auto;
  text-align: center;
  height:200px;
  margin-top:93px !important;
  overflow: hidden;
  background-size: cover !important;
  padding: 40px 0px !important;
}
.navbar-brand > img {
    height: 93%;
    }
.about-section .head_res{
  padding:30px 0px !important;
  margin-bottom: 0px !important;
}
.box2 {
    border-top: 0px solid #75b7e4;
    background: #f8f8f8;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.box2:hover {
   /* -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);*/
   /* transform: translateY(-10px);*/
  /*  box-shadow: 0 22px 43px rgba(0, 0, 0, 0.30);
    border-top: 5px solid #ddd;*/
}
.main-footer-area .footer-top-area .footer-socila li h4 {
    color: #fff;
    margin-right: 11px;
    margin-bottom: 30px;
    top: 2px;
    text-align: center;
}
.gallery-widget, .contact-widget, .link-widget{
  padding:0 20px 0 20px !important;
}

.why-choose-sub1{
margin-bottom:10px;
}
.stage_space{
   margin-top: 38px
}
.small-feat{
width:200px;
}
.common-li .adj li::before{
margin: -40px 9px 0 0 !important;
}
.banner-section {
  background-attachment: scroll;
    background-size: 100% !important;
    /* padding: 48px 0px 20px 0px !important; */
    /*padding: 94px 7px 36px 5px !important;
    background-size: 100% 79% !important;*/
    padding: 70px 2px 27px 0px !important;
    background-size: 100% 60% !important;
    margin-top: 8px;
}
.banner-section h1{
  font-size: 21px;
  color: #fff;
  margin: 30px 0px 60px !important;
  text-align: left;
}
.banner-section h2 {
    font-size: 21px !important;
    color: #fff;
    margin: 30px 0px 60px !important;
    text-align: left;
}
.min-font{
  font-size: 17px !important;
}
.nopad{
  padding: 0px 0px !important;
}
}






/*Extra css for header adj*/

@media (max-width: 991px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}

/*Custom vk css*/
#inline-list1 li {
    list-style: none;
    border-bottom: dotted 1px #dcd1d1;
    width: 48%;
    float: left;
    line-height: 28px;
    margin: 0 4px 0 0;
    color: #3d3f3d;
    font-size: 14px;
    position: relative;
    font-size: 14px;
    display: block;
    padding-right: 13px;
}
.appbg{
  background: #eee;
}
.headh5{
  color: #fff;
  line-height: 1.5
}
.pt-401 {
    padding: 40px 0px 0px 0px ! important;
}


/*Header 2 Remaining CSS*/
#news-slider{
    margin-top: 30px;
}
.post-slide{
    background: #fff;
    margin: 0 15px;
}
.post-slide .post-img{
    position:relative;
    overflow: hidden;
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
    transform: scale(1,1);
    transition:transform 0.50s linear;
}
.post-slide:hover .post-img img{
    transform: scale(1.1,1.1);
}
.post-slide .over-layer{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    opacity:0;
    background:rgba(0, 0, 0,0.4);
    transition:all 0.50s linear;
}
.post-slide:hover .over-layer{
    opacity:1;
    text-decoration:none;
}
.post-slide .over-layer i{
    position: relative;
    top:45%;
    text-align:center;
    display: block;
    color:#fff;
    font-size:25px;
}
.post-slide .post-content{
    background:#fff;
    padding: 8px 30px 40px;
}
.post-slide .post-title{
    margin:8px 0 15px 0;
}
.post-slide .post-title a{
    font-size:15px;
    font-weight:bold;
    color:#333;
    display: inline-block;
    text-transform:uppercase;
    transition: all 0.3s ease 0s;
}
.post-slide .post-title a:hover{
    text-decoration: none;
    color:#3498db;
}
.post-slide .post-description{
    line-height:24px;
    color:#808080;
    margin-bottom:40px;
}
.post-slide .post-date{
    color:#a9a9a9;
}
.post-slide .post-date i{
    font-size:20px;
    margin-right:8px;
    color: #CFDACE;
}
.post-slide .read-more{
    padding:5px 10px;
    float: right;
    font-size:12px;
    background:#e9e9e9;
    color:#808080;
    text-transform: uppercase;
}
.post-slide .read-more:hover{
    background: #3498db;
    text-decoration:none;
    color:#fff;
}
.owl-controls .owl-buttons{
    text-align:center;
    margin-top:20px;
}
.owl-controls .owl-buttons .owl-prev{
    background: #fff;
    position: absolute;
    top:-13%;
    left:15px;
    padding: 0 18px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    transition:  0.5s ease 0s;
    background:#184478;
}
.owl-controls .owl-buttons .owl-next{
    background: #fff;
    position: absolute;
    top:-13%;
    right: 15px;
    padding: 0 18px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    transition:  0.5s ease 0s;
    background:#184478;
}
.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after{
    content:"\f104";
    font-family: FontAwesome;
    color: #333;
    font-size:30px;
}
.owl-controls .owl-buttons .owl-next:after{
    content:"\f105";
}
@media only screen and (max-width:1280px) {
    .post-slide .post-content{
        padding:10px;
    }
}

/*Header Section Starts*/
.header-top-section {
  background: #2b2f31;
  padding: 10px 0;
}
.header-top-section ul li {
  display: inline-block;
  color: #a6b1b7;
  font-size: 17px;
  margin-right: 10px;
}
.header-top-section ul li i {
  color:#75b7e4;
  padding-right: 10px;
}
.header-top-section .header-address ul {
  text-align: right;
}
.header-top-section .header-address ul li:last-child {
  margin-right: 0;
}
.logo-area {
  display: table;
  height: 70px;
  position: relative;
  margin-top: 6px;
}
.img_adj{
       height: 82% !important;
}
.logo-area a {
  display: table-cell;
  vertical-align: middle;
/*      background-color: rgb(255, 255, 255);
    border-radius: 17px;
    padding: 10px;
    margin-top: 6px;*/
}
.header-shadow {
  -webkit-box-shadow: 0 1px 4px 0px rgba(46, 50, 50, 0.5);
  -moz-box-shadow: 0 1px 4px 0px rgba(46, 50, 50, 0.5);
  box-shadow: 0 1px 4px 0px rgba(46, 50, 50, 0.5);
  margin-bottom: 5px;
}
a.gcol {
    color: #fffff9;
    font-size: 13px !important;
}

.custom-recaptcha{
   transform: scale(0.87) !important;
    margin-left: -19px !important;
}

.custom-recaptcha-pop{
    transform: scale(0.78) !important;
    margin-left: -43px !important;
}
.mt-150{
  margin-top: 150px !important;
}
.pb-25{
  padding-bottom: 25px;
}
/*CSS Changes By Kul For Feedback*/
.app {
    font-family: 'Source Sans Pro', sans-serif;
  text-transform:uppercase;
  font-size:13px;
  font-weight:bold;
/*  background:#539AB9;
  border:5px solid #539AB9;*/
    /*
    This is the CSS for the feedback div that is fixed to the top left hand side
    of the screen. This div should slide with the form so that it provides a
    close button when the form is slid into view.
    */
    left   : -50px; /* Bring the div in and hide the left (top) border */
    right    : -10px\9; /* Less Than IE9 Hack - Bring the div in and hide the left (top) border */
    top     : 50%;
    margin-top:-152px;
    cursor    : pointer;
    padding-left: -70px;
    width   : 150px; /* Since this is getting rotated width appears as height to the eye*/
    height    : 30px; /* Since this is getting rotated height appears as width to the eye*/
  text-align  : center;
  letter-spacing:1px;
    z-index   : 10000; /* Msake sure it floats above the content */
    position: fixed;
    background: #75b7e4;
    border: 5px solid #fff;
    color: #FFF;
    padding: 10px 15px 30px;
}
.app a {
    color:#fff;
}
.app a:hover {
    text-decoration:none;
}
/*------------------log a ticket start here---------------------------------*/
.log-ticket {
    top     : 50%;
    margin-top:2px;
    background:#75b7e4;
    border: 5px solid #fff;
}
/*------------------log a ticket end here-----------------------------------*/
.rotate {
    /* Safari, Chrome */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Older versions of IE */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    /* CSS3 standard as defined here: http://www.w3.org/TR/css3-transforms/ */
    transform: rotate(-90deg);
}

.required {
    background-color:#F2DEDE !important;
    border: 1px #184478 solid !important;
}

.feedback {
    position  : fixed; /* This will never scroll out of view */
    background:#75b7e4;
  /*  border: 5px solid #d8496c;*/
    color: #fbfbfb;
    font-weight : bold;
    /*padding : 10px 15px 30px 15px;*/
    padding: 10px 20px 30px 16px;

}

.er{
     font-size: 18px !important;
    padding-top: 23px !important;
}

.feedback-form-wrapper {
    /*
    This is the CSS for the feedback div that is fixed to the top left hand side
    of the screen.
    */
    display   : block;
    z-index   : 9999; /* Make sure it floats a little higher than the feedback form div below */
    /* top   : 200px; */
    top: 140px;
    right    : -280px; /* Bring the div in and hide the left (top) border */
    width   : 280px;
}

.feedback-form-wrapper .form-group {
  padding:0px 15px;
  margin-bottom:0;
}
.feedback-form-wrapper .form-group input, .feedback-form-wrapper .form-group textarea{
    color: #2b3031f0;
}

.feedback-form-wrapper .form-group .form-control {
  font-size:13px;
  margin-bottom:8px;
  border-radius:0 !important;
}

.feedback-form-wrapper .btn {
  padding:5px 15px!important;
  border:3px solid #fff;
  background:#2b3031;
  transition:all ease-out 0.3s;
  -moz-transition:all ease-out 0.3s;
  -o-transition:all ease-out 0.3s;
  -webkit-transition:all ease-out 0.3s;
  border-radius:0 !important;
}

.feedback-form-wrapper .btn:hover {
  background:#75b7e4;
  transition:all ease-out 0.3s;
  -moz-transition:all ease-out 0.3s;
  -o-transition:all ease-out 0.3s;
  -webkit-transition:all ease-out 0.3s;
}

/* This will put some distance between the input box and the next label */
.feedback input{
    margin-bottom:5px;
}
.m0{margin: 0px !important; }

.feedback legend{
    color   : #ffffff;
  font-size:13px;
}

.feedback-toggle {
  font-family: 'Source Sans Pro', sans-serif;
  text-transform:uppercase;
  font-size:12px;
  font-weight:bold;
  /*background:#539AB9;*/
/*  border:5px solid #393b3c;*/
    /*
    This is the CSS for the feedback div that is fixed to the top left hand side
    of the screen. This div should slide with the form so that it provides a
    close button when the form is slid into view.
    */
    right    : -50px; /* Bring the div in and hide the left (top) border */
    right    : -10px\9; /* Less Than IE9 Hack - Bring the div in and hide the left (top) border */
    top     : 49.9%;
    margin-top:-76px;
    cursor    : pointer;
    padding-right: -70px;
    width   : 140px; /* Since this is getting rotated width appears as height to the eye*/
    height    : 30px; /* Since this is getting rotated height appears as width to the eye*/
  text-align  : center;
  letter-spacing:1px;

    /*border-top  : 5px solid #fff;
    border-left : 4px solid #fff;
    border-right: 4px solid #fff;*/
    z-index   : 10000; /* Msake sure it floats above the content */
}

.send-complaint { position:relative; cursor:pointer;}
.send-complaint .fa-send  { font-size:25px; cursor:pointer}
.send-complaint .send-text  { position:absolute; top:0; left:0px; opacity:0; font-family:"Open Sans"; font-weight:300; font-size:16px; -webkit-transition:all ease-out 0.4s; -moz-transition:all ease-out 0.4s; -ms-transition:all ease-out 0.4s; -o-transition:all ease-out 0.4s;}
.send-complaint:hover .send-text  { opacity:1; -webkit-transform:translateX(50px); -moz-transform:translateX(50px); -ms-transform:translateX(50px); -o-transform:translateX(50px);}
legend { margin-bottom:15px;}

@media ( max-width:640px) {
  .send {
  font-family: 'Source Sans Pro', sans-serif;
  text-transform:uppercase;
  font-size:18px;
  font-weight:300;
  width:90px;
  padding:10px 10px 30px;
    z-index   : 9999; /* Msake sure it floats above the content */
}
.send > .fa { float:right;}
.feedback-form-wrapper .form-group .form-control {
  height:30px;
  margin-bottom:0px !important;
  border-radius:0 !important;
}
.feedback-form-wrapper .form-group { margin-bottom:5px !important;}
.send-complaint .send-text {}

/*****************BAnner Section********************/
.banner-section{
  background-size: auto auto;
  text-align: center;
  height:200px;
  margin-top:115px;
  overflow: hidden;
/*  background-size: cover !important;*/
    background-size: 100% 100% !important;
  padding: 40px 0px !important;
}


.banner-section h1{
  color:#fff;
  margin:30px 0px 27px;
  text-align: left;
}
.banner-section h2 {
    color: #fff;
    margin: 30px 0px 27px;
    text-align: left;
    font-size: 36px !important;
    display: block;
    line-height: 1;
    font-family: inherit;
    font-weight: 500;
    padding-bottom: 0px !important
}
.banner{
  background: url(../img/bg-grey.jpg) 0px 0px no-repeat;
}
.investment-plan{
  background: url(../img/banners/investment-plan.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.about-us-banner{
  background: url(../img/banners/Aboutus.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.why-choose-us-banner{
  background: url(../img/banners/Why-Choose-Us.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.matrix-banner{
  background: url(../img/banners/matrix-plan.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.generation-banner{
  background: url(../img/banners/generation-plna.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.binary-banner{
  background: url(../img/banners/binary-plan.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.helping-banner{
  background: url(../img/banners/helping-plan.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.crowd-funding-banner{
  background: url(../img/banners/crowdfunding-plan.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}

.cryptocurrency-banner{
  background: url(../img/banners/Cryptocurrency-Software.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.cryptocurrency-exchange-banner{
  background: url(../img/banners/Cryptocurrency-Exchange-Plan.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.webdesign-banner{
  background: url(../img/banners/web-design.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.digi-banner{
  background: url(../img/banners/digital.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}


.demo-banner{
    background: url(../img/banners/demo.jpg) no-repeat center center;
    width: 100% !important;
    height: auto !important;
}
.features-banner{
    background: url(../img/banners/features.jpg) no-repeat center center;
    width: 100% !important;
    height: auto !important;
}
.blog-banner{
    background: url(../img/Blog-banner.jpg) no-repeat center center;
    width: 100% !important;
    height: auto !important;
}
.contact-us-banner{
    background: url(../img/banners/contact-us.jpg) no-repeat center center;
    width: 100% !important;
    height: auto !important;
}
.services-banner{
  background: url(../img/banners/all-plans.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.thankyou-banner{
  background: url(../img/Features-banner.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.sitemap-banner{
  background: url(../img/Features-banner.jpg) no-repeat center center;
  width: 100% !important;
    height: auto !important;
}
.sitemap-arrow{
    background: url(../img/sitemap-arrow.png) center top no-repeat;
    height: 21px;
    width: 100%;
    margin: 0px auto;
}
.site-w{
  width: 100% !important;
  font-size: 13px !important;
}
#p-adjust p{
  margin: 0px 0px 0px 10px !important;
  padding: 5px !important;
}

.banner h1{
  color: coral;
font-size: 30px;
line-height: 30px;
font-weight: 500;
margin-top: 0;
position: relative;
margin: 50px 0px;
}
.card-footer {
    padding: .75rem 1.25rem;
  }
  .card-footer1{
        padding-top: 10px !important;
    margin-left: -10px !important;
  }
.inner-border{
  border: 1px solid #d9d9d9;
  padding: 10px;
}
.blog-sub{
  text-align: left;
}