@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');

/* use style sheet */

@import url(font-awesome.css);
@import url(flaticon.css);
@import url(animate.css);
@import url(owl.css);
@import url(bootstrap.css);
@import url(bootstrap.min.css);
@import url(jquery.fancybox.css);



/*** 

====================================================================
  Reset
====================================================================

 ***/
* {
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
}


/*** 

====================================================================
  Global Settings
====================================================================

 ***/


body {
  color:#666;
  line-height: 26px;
  font-weight:400;
  background:#ffffff;
  font-family: 'Lato', sans-serif;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
}

@media (min-width:1200px) {
  .container {
    padding: 0px 15px;
  }
}

a{
  text-decoration:none;
  position: relative;
  font-size: 16px;
  font-family: 'Lato',sans-serif;
  line-height: 26px;
  cursor:pointer;
  color:#777;
  transition: all 300ms ease;
}

a:hover{
  text-decoration:none;
  outline:none;
  color: #f92042;
  transition: all 900ms ease;
}

h1,h2,h3,h4,h5,h6 {
  position:relative;
  font-family: 'Lato',sans-serif;
  font-weight: 400;
  margin-bottom: 10px;
  color: #222;
  margin-top: 0px;
}
h3 a,h4 a,h5 a,h6 a{
  position:relative;
  font-family: 'Lato',sans-serif;
  font-weight: 400;
  color: #222;
  transition: all 500ms ease;
}

input,button,select,textarea{
  font-family: 'Lato', sans-serif;
}

.strike-through{
  text-decoration:line-through; 
}

.auto-container{
  position:static;
  max-width:1200px;
  padding:0px 15px;
  margin:0 auto;
}

.small-container{
  max-width:680px;
  margin:0 auto;
}

.page-wrapper{
  position:relative;
  margin:0 auto;
  width:100%;
  min-width:300px;
  overflow-x: hidden;
  
}

ul,li{
  list-style:none;
  padding:0px;
  margin:0px; 
}
.centred{
  text-align:center;  
}

.sec-pad{
  padding: 91px 0px 100px 0px;
}

p{
  position: relative;
  font-size: 16px;
  font-family: 'Lato', sans-serif;
  line-height: 28px;
  font-weight: 400;
  color: #666666;
  margin-bottom: 10px;
}

h1{
  font-size: 56px;
  line-height: 66px;
  color: #fff;
  font-weight: 700;
}
h2{
  font-size: 34px;
  line-height: 40px;
  color: #222;
}
h3{
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}
h4{
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
h5{
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
} 
h5 a{
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  text-transform: uppercase;
} 
h4 a{
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
} 

h5 a:hover,
h6 a:hover,
h4 a:hover,
h3 a:hover{
  color: #f92042;
  transition: all 500ms ease;
}


.preloader{position: fixed; left:0px;top:0px;height:100%;width: 100%;z-index:999999;background-color:#ffffff;background-position:center center;background-repeat:no-repeat;background-image:url(../images/icons/preloader.gif);}

/** button **/

.btn-one {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  background: #f92042;
  border: 2px solid #f92042;
  padding: 9px 24px 9px 24px;
  font-weight: 700;
  text-align: center;
  z-index: 1;
  transition: all 500ms ease;
}
.btn-one:hover{
  color: #f92042;
  border: 2px solid #f92042;
  background: transparent;
  transition: all 500ms ease;
}

.btn-two {
  position: relative;
  color: #222;
  font-size: 14px;
  background: transparent;
  padding: 3px;
  position: relative;
  border-bottom: 2px solid #f92042;
  cursor: pointer;
  font-weight: 700;
  display: inline-block;
  text-align: center;
  z-index: 1;
}
.btn-two:hover{
  color: #f92042;
}

.link-btn{
  position: relative;
  padding: 0px;
  margin-top: 120px;
}
.link-btn li{
  display: inline-block;margin: 0px 3px;
}
.link-btn li a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #222;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #dddddd;
  transition: all 500ms ease;
}
.link-btn li a:hover,
.link-btn li a.active{
  background: #257fc7;
  color: #fff;
  border: 1px solid #257fc7;
  transition: all 500ms ease;
  border-radius: 50%;
}

.sec-title{
  position: relative;
  font-size: 50px;
  line-height: 57px;
  color: #222;
  margin-bottom: 7px;
}
.title-text{
  position: relative;
  font-style: italic;
  margin-bottom: 66px;
  font-size: 16px;
}


/*** 

====================================================================
  Scroll To Top style
====================================================================


***/

.scroll-to-top{
  position:fixed;
  bottom:15px;
  right:15px;
  color:#fff;
  font-size:18px;
  line-height:43px;
  width:45px;
  height:45px;
  background: #f92042;
  text-align:center;
  z-index:100;
  cursor:pointer;
  display:none;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.scroll-to-top:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
.scroll-to-top:hover{
  background: #222;
}

body{
  overflow-x: hidden;
}


/*** 

====================================================================
                        Home-Page
====================================================================

***/

/** main header area **/

.main-header{
  position:absolute;
  left:0px;
  top:0px;
  z-index:999;
  width:100%;
}
.logo-box{
  position: relative;
  display: inline-block;
  margin-top: 10px
}
.sticky-header .logo-box{
  margin-top: 18px;
}
.menu-area{
  position: relative;
  display: inline-block;
  top: 19px;
  float: right;
}
.main-menu{
  position:relative;
  display: inline-block;
  top: 2px;
}

.main-menu .navbar-collapse{
  padding:0px;  
}

.main-menu .navigation{
  position:relative;
  margin:0px;
}

.main-menu .navigation > li{
  position:relative;
  display: inline-block;
  margin-left: 20px;
}


.main-menu .navigation > li > a > i:before{
  margin-right: 5px;
  font-size: 16px;
}
.main-menu .navigation > li > a{
  position:relative;
  display:block;
  font-size:16px;
  color: #ffffff9c;
  line-height: 26px;
  padding: 32px 0px 32px 0px;
  opacity:1;
  -webkit-transition:all 500ms ease;
  font-weight: bold; 
}

.main-menu .navigation > li:hover > a,.main-menu .navigation > li.current > a,
.main-menu .navbar-collapse > ul li.dropdown.current .dropdown-btn span:before{
  color: #fff;
  transition: all 500ms ease;
  /*font-weight: bold;*/
}

.main-menu .navigation > li:hover > a:after{
  opacity:1;
}

.main-menu .navigation > li > ul{
  position: absolute;
  right: auto;
  top: 100%;
  background: #222;
  width: 230px;
  border-bottom: 3px solid #f92042;
  padding: 5px 30px;
  z-index: 999;
  display: none;
}
.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
}
.main-menu .navigation > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > a{
  position:relative;
  display:block;
  padding:10px 0px;
  line-height:28px;
  font-weight:600;
  font-size:14px;
  text-transform:capitalize;
  color: #ffffff;
  border-bottom: 1px dashed #f92042;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li:last-child >a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li:hover > a{
  color: #f92042;
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
  color:#ffffff;
  transition:all 500ms ease;  
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn span:before{
  font-size: 15px;
  color: #222;
  margin: 0px;
}

.main-header .search-box-area .search-toggle i:before{
  font-size: 16px;
  color: #fff;
  margin: 0px;
  transition: all 500ms ease;
}
.main-header .search-box-area .search-toggle:hover i:before{
  color: #f92042;
}

.main-header .search-box-area{
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin-right: 35px;
  margin-left: 25px;
}

.main-header .search-box-area .search-box {
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 50px;
  transition: all 500ms ease 0s;
  visibility: hidden;
}
.main-header .search-box-area .form-group{
  position: relative;
  background: #fff;
  padding: 15px;
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.50);
}
.main-header .search-box-area .form-group button{
  position: absolute;
  top: 17px;
  right: 18px;
  width: 46px;
  height: 46px;
  color: #fff;
  background: #f92042;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
  z-index: 10;
}
.main-header .search-box-area input[type='search']{
  width: 250px;
  height: 50px;
  border: 2px solid #222;
  padding: 10px 40px 10px 20px;
  border-radius: 5px;
  background: #f92042;
  color: #fff;
  z-index: 9;
}
.main-header .search-box.now-visible {
  top: 50px;
  right: 0px;
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.main-header .info-box,
.main-header .btn-box,
.main-header .search-box-area{
  position: relative;
  display: inline-block;
}
.stricky-fixed .logo-box {
  margin-top: 18px;
}
.stricky-fixed .menu-bar {
  top: -2px;
}
.stricky-fixed .menu-area,
.stricky-fixed .main-menu{
  top: 0px;
}


/*========= mobile-menu ==============*/

.mobile-menu .dropdown-btn {
  position: absolute;
  right: 0px;
  top: 0;
  width: 35px;
  height: 42px;
  border-left: 1px solid #ffffff;
  cursor: pointer;
  display: block;
  z-index: 5;
}
.mobile-menu .dropdown-btn:after {
  position: absolute;
  content: "\f107";
  font-family: FontAwesome;
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  width: 100%;
}

.mobile-menu,
.mobile-menu > li > ul,
.mobile-menu > li > ul > li > ul{
  background: #000000;
}

.mobile-menu > li > ul,
.mobile-menu > li > ul > li > ul{
  display: none;
}

.mobile-menu > li > a,
.mobile-menu > li > ul > li > a,
.mobile-menu > li > ul > li > ul > li > a{
  padding:10px 20px;
  font-family: 'Roboto', sans-serif;
  line-height:22px;
  color:#ffffff;
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  border-top: 1px solid #fff;
}


/* Mainmenu fixed style */
@keyframes menu_sticky {
  0%   {margin-top:-100px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
.theme_menu.stricky-fixed {
  margin: 0;
  position: fixed;
  background: #00000099;
  top:0;
  left:0;
  width: 100%;
  z-index: 99999;
  animation-name: menu_sticky;
  animation-duration: 0.60s;
  animation-timing-function: ease-out;
}


/** main slider **/

.main-slider {
  position: relative;
  min-height: 100%;
}
.main-slider .container-fluid {
  padding: 0px;
}
.main-slider .slider-wrapper {
  position: relative;
}
.main-slider .slider-wrapper .image img {
  min-height: 800px;
  width: 100%;
  max-width: none;
}
.main-slider .slider-caption {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.main-slider .slider-caption .content-box{
  position: relative;
}
.main-slider .slider-caption .img-box{
  position: absolute;
  top: -100px;
  right: -60px;
}
.main-slider .slider-caption .img-box img{
  animation-name: float-bob;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float-bob;
  -webkit-animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float-bob;
  -moz-animation-duration: 7s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob;
  -ms-animation-duration: 7s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob;
  -o-animation-duration: 7s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}
.main-slider .slider-caption .inner-box {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}
.main-slider .slide-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.0);
  z-index: 3;
}
.main-slider h1{
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
}
.main-slider h1:before{
  position: absolute;
  content: '';
  background: url(../images/slider/4.png);
  width: 51px;
  height: 66px;
  top: -55px;
  right: 10px;
}
.main-slider .text{
  position: relative;
  margin-bottom: 40px;
}
.video-gallery {
  position: relative;
  display: inline-block;
  margin-left: 7px;
}
.video-gallery .overlay-gallery .icon-holder{
  display: table;
  height: 100%;
  width: 100%;    
}
.video-gallery .overlay-gallery .icon-holder .icon{
  display: table-cell;
  vertical-align: middle;    
}
.main-slider .tp-video .icon-holder .icon{
  position: relative;
  padding-bottom: 12px;
  top: -6px;
}
.main-slider .tp-video .icon-holder .icon:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 100%;
  height: 2px;
  left: 0px;
  bottom: 0px;
  transition: all 500ms ease;
}
.main-slider .tp-video .icon-holder .icon:hover:before{
  background: #f92042;
}
.main-slider .tp-video .icon-holder .icon i:before{
  position: relative;
  font-size: 24px;
  color: #fff;
  margin-right: 6px;
  top: 4px;
  transition: all 500ms ease;
}
.main-slider .tp-video .icon-holder .icon:hover i:before,
.main-slider .tp-video .icon-holder .icon:hover a{
  color: #f92042;
}
.main-slider .tp-video .icon-holder a{
  display: inline-block;
  font-size: 14px;
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  margin-left: 6px;
  transition: all 500ms ease;
}
.tp-video{
  position: relative;
  display: inline-block;
}
.main-slider p{
  color: #ffffff;
  font-size: 18px;
  line-height: 28px;
}
.main-slider .tp-video .button{
  position: relative;
  display: inline-block;
  margin-right: 20px;
}
.main-slider .btn-one:hover,
.main-slider .btn-one{
  transition: all 500ms ease;
}
.tp-video .btn-one{
  padding: 9px 20px 9px 19px;
}

/* slide nav */

.slide-nav .owl-nav {
  padding: 0px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
  transform: scale(0.97);
  transition: .5s ease;
}
.slide-nav:hover .owl-nav {
  transform: scale(1);
  opacity: 1;
}
.slide-nav .owl-controls .owl-nav [class*="owl-"] {
  position: relative;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: rgba(0, 0, 0, 0.20);
  text-align: center;
  font-size: 20px;
  color: #ffffff;
  margin: 0px;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
.slide-nav .owl-controls .owl-nav [class*="owl-"]:hover{
  color: #ffffff;
  background: #f92042;
}
.slide-nav .carousel-outer:hover .owl-nav .owl-next,
.slide-nav .carousel-outer:hover .owl-nav .owl-prev {
  opacity: 1;
  visibility: visible;
}
.slide-nav .owl-nav .owl-prev {
  left: 50px;
  float:  left;
}
.slide-nav .owl-nav .owl-next {
  right: 50px;
  float:  right;
}

.slide-nav .owl-dots{
  display: none !important;
}

/* slide animation */
.main-slider .owl-item .slider-caption * {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.main-slider .owl-item.active .slider-caption .text {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.main-slider .owl-item.active .slider-caption h1 {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.main-slider .owl-item.active .slider-caption .link-btn {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


/** feature section **/

.feature-section{
  position: relative;
  padding: 120px 0px 120px 0px;
}
.feature-section:before{
  position: absolute;
  content: '';
  background: url(../images/feature/1.png);
  left: 0px;
  top: -69px;
  width: 100%;
  height: 110px;
  background-repeat: no-repeat;
  z-index: 1;
}
.feature-section .top-content .title{
  position: relative;
  font-size: 44px;
  font-family: 'Lato', sans-serif;
  line-height: 64px;
  color: #222;
  margin-bottom: 32px;
  margin-top: 15px;
}
.separator {
  position: relative;
  width: 130px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/feature/title.png) center center no-repeat;
}
.feature-section .top-content .title span{
  color: #f92042;
}
.feature-section .top-content .text{
  font-size: 18px;
  line-height: 34px;
}
.feature-section .top-content{
  position: relative;
  margin-bottom: 83px;
}
.feature-section .single-item{
   position: relative;
    background: #b220db;
    display: block;
    padding: 24px 0px 15px 0px;
    transition: all 500ms ease;
    max-width: 280px;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
}

.feature-style-one .single-item:hover{
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.50);
}
.feature-section .single-item .lower-content h4{
  color: #fff;
}
.feature-section .single-item .img-box{
  position: relative;
  display: inline-block;
  width: 164px;
  height: 164px;
  line-height: 164px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.20);
  border-radius: 50%;
  margin-bottom: 20px;
}
.feature-section .single-item .img-holder{
  position: relative;
  display: inline-block;
  width: 150px;
  height: 150px;
  line-height: 150px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.30);
  border-radius: 50%;
}
.feature-section .feature-column:nth-child(2) .single-item{
  background: #4bcf23;
}
.feature-section .feature-column:nth-child(3) .single-item{
  background: #218de4;
}


/** about section **/

.about-section{
  position: relative;
    background: #25252500;
    padding: 107px 0px;
    background-image: url("../images/tech-banner.jpg");
    background-blend-mode: overlay;
    background-attachment: fixed;
}
.about-section .fact-counter .text-top{
  position: relative;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  font-style: italic;
  margin-bottom: 12px;
}
.about-section .fact-counter .title{
  position: relative;
  font-size: 36px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 29px;
}
.about-section .fact-counter p{
  color: #fff;
  margin-bottom: 60px;
}
.about-section .counter-content{
  position: relative;
}
.about-section .counter-content .count-outer span{
  position: relative;
  font-size: 36px;
  color: #fff;
  font-weight: 700;
}
.about-section .counter-content .count-outer{
  position: relative;
  margin-bottom: -1px;
}
.about-section .counter-content .single-item .text{
  font-size: 14px;
  color: #fff;
}
.about-section .counter-content .single-item{
  position: relative;
}
.about-section .counter-content .single-item:before{
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.2);
  width: 1px;
  height: 67px;
  top: -4px;
  right: 21px;
}
.about-section .fact-counter{
  position: relative;
  padding-right: 5px;
  margin-top: -5px;
}



.piechart-box .piechart canvas,
.piechart-boxa .piecharta canvas,
.piechart-boxb .piechartb canvas {
  position: absolute;
  left: 0px;
  right: 0;
  max-height: 298px;
  transform: rotate(-275deg);
}
.piechart-box .piechart canvas:after {
  position: absolute;
  content: '';
  background-color: #fff;
  top: 0px;
  right: 0px;
  width: 20px;
  height: 20px;
  border: 3px solid #a29afb;
  border-radius: 50%;
  z-index: 1;
}
.piechart-box .piechart-block .piechart span {
  display: block;
  color: #b220db;
  font-size: 80px;
  line-height: 80px;
  font-weight: 700;
  position: relative;
  margin-bottom: 6px;
}
.piechart{
  position: relative;
  min-width: 298px;
  min-height: 298px;
  margin: 0 auto;
  text-align: center;
}
.piechart-boxa .piechart-block .piecharta span,
.piechart-boxb .piechart-block .piechartb span {
  display: block;
  color: #4bcf23;
  font-size: 40px;
  line-height: 40px;
  font-weight: 700;
  position: relative;
  margin-bottom: 0px;
}
.piechart-box .piechart-block .piechart span:after {
  color: #b220db;
  content: "%";
  font-size: 80px;
  font-weight: 700;
}
.piechart-boxa .piechart-block .piecharta span:after,
.piechart-boxb .piechart-block .piechartb span:after {
  color: #4bcf23;
  content: "%";
  font-size: 40px;
  font-weight: 700;
}
.piechart-content .piechart-block .content-box{
  position: relative;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  display: block;
  min-height: 298px;
  top: 88px;
}
.piechart-content .piechart-boxa .piechart-block .content-box,
.piechart-content .piechart-boxb .piechart-block .content-box{
  min-height: 150px;
  top: 44px;
}
.piechart-box{
  position: relative;
  display: inline-block;
  text-align: center;
}
.piechart-boxa,
.piechart-boxb{
  display: inline-block;
  width: 150px;
  height: 150px;
  text-align: center;
}
.piechart-content{
  position: relative;
}
.piechart-boxa{
  position: absolute;
  top: -23px;
  right: -38px;
}
.piechart-boxb{
  position: absolute;
  right: -38px;
  bottom: -23px;
}
.piechart-box .piechart-block .piechart .text{
  position: relative;
  font-size: 12px;
  color: #ccc;
  line-height: 18px;
  text-transform: uppercase;
}
.piechart-boxa .piechart-block .piecharta .text,
.piechart-boxb .piechart-block .piechartb .text{
  position: relative;
  font-size: 9px;
  color: #ccc;
  line-height: 18px;
  text-transform: uppercase;
}

.piechart-boxb .piechart-block .piechartb span:after,
.piechart-boxb .piechart-block .piechartb span{
  color: #218de4;
}



/** service-section **/

.service-section{
  position: relative;
  padding: 110px 0px 60px 0px;
}
.service-section .service-title .title{
  position: relative;
  font-size: 50px;
  line-height: 57px;
  color: #222;
  margin-bottom: 6px;
}
.service-section .service-title p{
  font-style: italic;
}
.service-section .service-title{
  position: relative;
  margin-bottom: 55px;
  text-align: center;
}
.service-section .service-content .single-item{
  position: relative;
    border: 1px solid #eee;
    padding: 30px 20px 20px 20px;
    border-radius: 20px;
    margin-bottom: 30px;
    transition: all 500ms ease;
    max-width: 340px;
    margin-left: auto;
    width: 100%;
    margin-right: auto;
}
.service-section .service-content .single-item:hover{
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.10);
}
.service-section .service-content .single-item .img-box{
  margin-bottom: 20px;
  overflow: hidden;
  display: inline-block;
  border-radius: 50%;
  background: #71d456;
  width: 64px;
  height: 64px;
}
.service-section .service-content .service-column:nth-child(2) .single-item .img-box{
  background: #fbd303;
}
.service-section .service-content .service-column:nth-child(3) .single-item .img-box{
  background: #4b5aa7;
}
.service-section .service-content .service-column:nth-child(4) .single-item .img-box{
  background: #ff553e;
}
.service-section .service-content .single-item .img-box img{
  width: 100%;
}
.service-section .service-content .single-item h5{
  margin-bottom: 15px;
}
.service-section .service-content{
  position: relative;
}
.service-section .service-content:before{
  position: absolute;
  content: '';
  background: rgb(249, 32, 66);
  width: 120px;
  height: 120px;
  left: 50%;
  top: 50%;
  margin-left: -60px;
  margin-top: -110px;
  z-index: 1;
  border: 1px solid #f6f6f6;
  border-radius: 50%;
  padding: 0px 0px;
}
.service-section .service-content:after{
  position: absolute;
  content: '';
  background: url(../images/service/5.png);
  width: 100px;
  height: 100px;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -100px;
  z-index: 1;
  border: 1px solid #efefef;
  border-radius: 50%;
  background-repeat: no-repeat;
}
.divider-before:before{
  position: absolute;
    content: '';
    background: url(../images/feature/1.png);
    left: 0px;
    top: -69px;
    width: 100%;
    height: 110px;
    background-repeat: no-repeat;
    z-index: 1;
}
.service-section .form-area{
  position: relative;
  background: #257fc7;
  padding: 57px 35px 60px 35px;
  left: 68px;
  margin-right: -40px;
  top: -130px;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.30);
  z-index: 1;
  border-radius: 20px;
}
.form-group{
  margin-bottom: 0px;
}
.service-section .form-area input[type='text'],
.service-section .form-area input[type='email'],
.service-section .form-area textarea{
  position: relative;
  width: 100%;
  background: transparent;
  border-bottom: 1px solid #efab93;
  margin-bottom: 0px;
  font-style: italic;
  color: #ffffff;
  padding: 33px 10px 13px 8px;
  transition: all 900ms ease;
}
.service-section .form-area input:focus,
.service-section .form-area textarea:focus{
  border-bottom: 1px solid #111;
  transition: all 900ms ease;
}
.service-section .form-area textarea{
  height: 150px;
  resize: none;
  margin-bottom: 22px;
}
::-webkit-input-placeholder { /* Chrome */
  color: #fff;
}

:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #fff;
  opacity: 1;
}
.service-section .form-area button{
  position: relative;
  display: block;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  height: 55px;
  width: 100%;
      border: 2px solid #f92042;
    background: #f92042;
  color: #fff;
  transition: all 500ms ease;
}
.service-section .form-area button:hover{
  background: transparent;
  border-color:#fff;
  transition: all 500ms ease;
}
.service-section .form-area .title{
  position: relative;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 15px;
}
.service-section .service-content .button{
  position: relative;
  margin-top: 39px;
}


/** boost-ranking **/

.boost-ranking{
  position: relative;
  background: #257fc7;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 92px 0px 150px 0px;
}
.boost-ranking:before{
  position: absolute;
  content: '';
  background: url(../images/home/boost.png);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-repeat: repeat-x;
  background-position: center center;
}
.boost-ranking .left-content .text{
  position: relative;
  font-size: 48px;
  font-weight: 700;
  line-height: 52px;
  color: #fff;
}
.boost-ranking .left-content .text span{
  font-size: 60px;
  display: block;
  font-weight: 300;
  line-height: 72px;
}
.boost-ranking .right-content{
  position: relative;
  margin-left: 79px;
  z-index: 1;
}
.boost-ranking .right-content h4{
  color: #fff;
  margin-bottom: 34px;
  font-weight: 400;
  line-height: 32px;
}
.boost-ranking .right-content .btn-one{
  text-transform: uppercase;
}
.boost-ranking .left-content{
  position: relative;
  z-index: 1;
}
.boost-ranking .left-content:before{
  position: absolute;
  content: '';
  background: url(../images/home/1.png);
  width: 193px;
  height: 384px;
  top: -120px;
  right: -126px;
}


/** case-section **/

.case-section{
  position: relative;
  padding: 69px 0px 70px 0px;
}
.case-section:before{
  position: absolute;
  content: '';
  background: url(../images/home/2.png);
  width: 100%;
  height: 110px;
  left: 0px;
  top: -100px;
  background-repeat: repeat-x;
}
.case-section:after{
  position: absolute;
  content: '';
  background: url(../images/home/6.png);
  width: 100%;
  height: 110px;
  left: 0px;
  top: -110px;
  background-repeat: repeat-x;
}
.case-section img{
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1.0);
}
.case-section .img-box{
  position: relative;
  overflow: hidden;
  margin-bottom: 50px;
}
.case-section .single-cause-content:hover img{
  transform: scale(1.1);
}
.case-section .case-content{
  position: relative;
  margin-left: 50px;
  top: 49px;
}
.case-section .case-content .text-top{
  font-style: italic;
  font-size: 14px;
  color: #a9a9a9;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.case-section .case-content .title a{
  position: relative;
  display: inline-block;
  font-size: 36px;
  line-height: 42px;
  color: #1a79c5;
  margin-bottom: 21px;
}
.case-section .case-content .title a:hover{
  color: #f92042;
}
.case-section .case-content p{
  margin-bottom: 34px;
}


/** testimonials-section **/

.testimonials-section{
  position: relative;
  padding:110px 50px !important;
  background: #edf7ff;
  width: 100%;
}
.testimonials-section:before{
  position: absolute;
  content: '';
  background: url(../images/home/face.png);
  width:100%;
  max-width: 440px;
  height: 300px;
  left: 250px;
  bottom: 115px;
  background-repeat: no-repeat;
}
.testimonials-section .testimonial-content .title{
  position: relative;
  font-size: 50px;
  line-height: 59px;
  color: #222;
  margin-bottom: 10px;
}
.testimonials-section .testimonial-content p{
  font-style: italic;
}
.testimonials-section .slide-content{
  position: relative;
  background: #fff;
  display: block;
  padding: 45px 50px 36px 42px;
}
.testimonials-section .slide-content:before{
  position: absolute;
  content: "\f10e";
  font-family: 'Fontawesome';
  font-size: 24px;
  top: 20px;
  right: 30px;
  color: #ccc;
}
.testimonials-section .slide-content .author{
  position: relative;
  padding: 9px 0px 45px 89px;
}
.testimonials-section .slide-content .author-img{
  position: absolute;
  overflow: hidden;
  border-radius: 50%;
  background: #eeeeee;
  width: 70px;
  height: 70px;
  left: 0px;
  top: 0px;
}
.testimonials-section .slide-content .author-img img{
  width: 100%;
  border-radius: 50%;
}
.testimonials-section .slide-content .author-info{
  position: relative;
  display: inline-block;
}
.testimonials-section .slide-content .author-info h5{
  margin-bottom: -3px;
}
.testimonials-section .slide-content p{
  line-height: 26px;
}
.owl-dots{
  display: none !important;
}
.testimonials-section .owl-controls {
  display: inline-block;
  position: absolute;
  left: -50%;
  bottom: 30px;
}
.testimonial-content {
  position: relative;
  top: -11px;
}


/** news-section **/

.news-section{
  position: relative;
  padding: 110px 0px 120px 0px;
  
}
.news-section .single-item .img-box{
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.news-section .single-item .meta-content{
      position: relative;
    margin-bottom: 15px;
    padding: 0px 5px 10px 5px;
    border-bottom: 1px solid #eee;
}
.news-section .single-item .meta-content .meta-left,
.news-section .single-item .meta-content .meta-right{
  position: relative;
  display: inline-block;
}
.news-section .single-item .meta-content .meta-left li,
.news-section .single-item .meta-content .meta-right li{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #222;
}
.news-section .single-item .meta-content .meta-right{
  float: right;
}
.news-section .single-item .meta-content span{
  color: #f92042;
}
.news-section .single-item .meta-content .meta-left li{
  margin-right: 18px;
}
.news-section .single-item .meta-content .meta-right li{
  margin-left: 10px;
}
.news-section .single-item .meta-content .meta-left li:before{
  position: absolute;
  content: '';
  background: #d7d7d7;
  height: 14px;
  width: 2px;
  top: 7px;
  right: -10px;
}
.news-section .single-item .meta-content .meta-left li:last-child:before{
  display: none;
}
.news-section .single-item img{
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1.0);
}
.news-section .single-item:hover img{
  transform: scale(1.1);
}
.news-section .single-item .lower-content h4{
  margin-bottom: 9px;
}
.news-section .single-item .lower-content p{
  margin-bottom: 15px;
}
.news-section .title-text{
  margin-bottom: 56px;
}


/** brand-section **/

.brand-section{
  position: relative;
  padding: 50px 0px 150px 0px;
  background-color: #000;
}
.brand-section .brand-content{
  position: relative;
}
.brand-section .owl-theme .owl-controls{
  display: none !important;
}
.brand-section .brand-content .img-box{
  position: relative;
  text-align: center;
  max-width: 262px;
  transition: all 500ms ease;
}
.brand-section .brand-content .img-box img {
  display: inline-block;
  opacity: 1;
  position: relative;
  width: 100%;
}

/** main-footer-area **/

.main-footer-area{
  position: relative;
  background: #0b375b;
  padding: 0px 0px 20px 0px;
}
.main-footer-area:after{
  position: absolute;
  content: '';
  background: url(../images/footer/1.png);
  width: 100%;
  height: 110px;
  left: 0px;
  top: -110px;
  background-repeat: repeat-x;
}
.main-footer-area:before{
  position: absolute;
  content: '';
  background: url(../images/footer/2.png);
  width: 100%;
  height: 110px;
  left: 0px;
  top: -120px;
  background-repeat: repeat-x;
}

.footer-social{
  position: relative;
  float: left;
  margin-top: 10px;
}
.footer-social li{
  display: inline-block;
  margin-left: 4px;
}
.footer-social li a{
  position: relative;
  display: inline-block;
  width: 34px;
  height: 34px;
  border: 2px solid #9eacb6;
  text-align: center;
  line-height: 34px;
  color: #fff;
  border-radius: 50%;
  transition: all 500ms ease;
}
.footer-social li a:hover{
  color: #f92042;
  border: 2px solid #f92042;
}
.main-footer{
  position: relative;
  color: #fff;
}
.main-footer p,
.main-footer a{
  color: #8a96a5;
}
.main-footer h4{
  color: #fff;
  margin-bottom: 22px;
}
.main-footer .about-company{
  position: relative;
  padding-right: 50px;
}
.main-footer .link-wideget li{
  display: block;
  margin-bottom: 9px;
}
.main-footer .link-wideget li a{
  position: relative;
  padding: 0px 0px 0px 21px;
}
.main-footer .link-wideget li a:hover{
  color: #f92042;
}
.main-footer .link-wideget li a:before{
  position: absolute;
  content: "\f0da";
  font-family: FontAwesome;
  font-size: 12px;
  color: #fff;
  left: 1px;
  top: -1px;
  transition: all 500ms ease;
}
.main-footer .link-wideget li a:hover:before{
  color: #f92042;
  transition: all 500ms ease;
}
.main-footer .contact-wideget{
  position: relative;
  margin-left: -25px;
}
.main-footer .contact-wideget .phone a{
  font-size: 20px;
  color:#fff;
  font-weight: 700;
  margin-bottom: 27px;
}
.main-footer .contact-wideget .phone i:before{
  margin: 0px;
  margin-right: 16px;
  font-size: 22px;
}
.main-footer .contact-wideget .email,
.main-footer .contact-wideget .address{
  position: relative;
  font-size: 18px;
  margin-bottom: 7px;
  line-height: 28px;
}
.main-footer .about-company .footer-title h4,
.main-footer .contact-wideget .footer-title h4{
  margin-bottom: 24px;
}
.main-footer .contact-wideget p{
  margin-bottom: 23px;
}
.footer-bottom{
  position: relative;
  padding: 8px 0px 5px 0px;
  background: #092944;
  color: #a5abb2;
}
.footer-bottom a{
  position: relative;
  font-weight: 700;
  color: #a5abb2;

}
.footer-bottom p{
  margin-bottom: 0;
}
.footer-bottom ul li{
  display: inline-block;
}
.footer-bottom ul
li a{
  padding:0 6px;
}
.footer-bottom a:hover{
  color: #f92042;
}


/*** 

====================================================================
                        about-Page
====================================================================

***/


.page-title{
  position: relative;
  background: #257fc7;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 197px 0px 97px 0px;
}
.page-title:before {
  position: absolute;
  content: '';
  background: url(../images/feature/1.png);
  left: 0px;
  bottom: 0px;
  width: 1126px;
  height: 110px;
  background-repeat: no-repeat;
  z-index: 1;
}
.page-title:after{
  position: absolute;
  content: '';
  background: url(../images/about/bg.png);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.page-title .content-box{
  position: relative;
  z-index: 1;
}
.page-title .bread-crumb{
  position: relative;
  display: inline-block;
}
.page-title .bread-crumb li a,
.page-title .bread-crumb li{
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  transition: all 500ms ease;
}
.page-title .bread-crumb li{
  padding-right: 12px;
  margin-right: 3px;
}
.page-title .bread-crumb li:last-child{
  padding-right: 0px;
  margin-right: 0px;
}
.page-title .bread-crumb li:first-child:before{
  position: absolute;
  content: '/';
  font-size: 14px;
  color: #ffffff;
  top: 1px;
  right: 0px;
}
.page-title .bread-crumb li a:hover{
  color: #f92042;
}
.page-title .title{
  position: relative;
  display: inline-block;
  float: right;
  top: -20px;
}


/** feature-style-two **/

.feature-style-two{
  position: relative;
}
.feature-style-two .single-item,
.feature-style-two .feature-column:nth-child(2) .single-item,
.feature-style-two .feature-column:nth-child(3) .single-item{
  background: transparent;
}
.feature-style-two .top-content{
  margin-bottom: 78px;
}
.feature-style-two .single-item .lower-content h4{
  color: #222;
}
.feature-style-two .single-item{
  position: relative;
  padding: 0px 25px;
}
.feature-style-two .single-item .img-box{
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 150px;
  height: 150px;
  line-height: 150px;
  text-align: center;
  border-radius: 50%;
  margin-bottom: 31px;
}
.feature-style-two .single-item .img-box img{
  transition: all 500ms ease;
  transform: scale(1.0);
}
.feature-style-two .single-item:hover .img-box img{
  transform: scale(1.1);
}
.feature-style-two .feature-column:nth-child(1) .img-box{
  background: #b220db;
}
.feature-style-two .feature-column:nth-child(2) .img-box{
  background: #4bcf23;
}
.feature-style-two .feature-column:nth-child(3) .img-box{
  background: #218de4;
}
.feature-style-two .single-item .lower-content h4{
  margin-bottom: 20px;
}
.feature-style-two .single-item .lower-content p{
  margin-bottom: 34px;
}
.feature-style-two .single-item:hover{
  box-shadow: none;
}


/** about-info **/

.about-info{
  position: relative;
  background: #f92042;
  padding: 107px 0px 0px 0px;
}
.about-info .img-box img{
  width: 100%;
}
.about-info .img-box{
  position: relative;
  margin-left: -176px;
  margin-right: 20px;
  margin-top: 9px;
  box-shadow: 0 5px 10px 0px rgba(229, 229, 229, 0.52);
}
.about-info .fact-counter{
  position: relative;
  margin-right: -100px;
  margin-left: 20px;
}
.about-info .fact-counter .text-top{
  color: #efb7aa;
}
.about-info .fact-counter p,
.about-info .counter-content .single-item .text{
  color: #fff;
}
.about-info .info-box{
  position: relative;
  display: inline-block;
}
.about-info .info-box .cell,
.about-info .info-box .quote{
  position: relative;
  background: #fff;
  padding: 15px 16px 25px 91px;
  box-shadow: 0 5px 10px 0px rgba(229, 229, 229, 0.52);
}
.about-info .info-box{
  position: relative;
  float: left;
  margin-right: 36px;
}
.about-info .info-box .cell .icon-box,
.about-info .info-box .quote .icon-box{
  position: absolute;
  left: 0px;
  top: 0px;
  height: 94px;
  width: 70px;
  line-height: 94px;
  text-align: center;
  background: #b220db;
}
.about-info .info-box .quote .icon-box{
  background: #4bcf23;
}
.about-info .info-box .cell .title,
.about-info .info-box .quote .title{
  position: relative;
  font-size: 18px;
  color: #b220db;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0px;
  line-height: 36px;
}
.about-info .info-box .quote .title{
  color: #4bcf23;
}
.about-info .info-box .cell .text,
.about-info .info-box .quote .text{
  position: relative;
  font-size: 18px;
  color: #222;
  line-height: 18px;
  font-weight: 600;
}
.about-info .counter-content{
  position: relative;
  margin-bottom: 56px;
}
.about-info .about-info-content{
  position: relative;
  bottom: -37px;
  margin-top: -37px;
}


/** case-style-two **/


.case-style-two{
  position: relative;
  padding-top: 137px;
  padding-bottom: 120px;
}
.case-style-two:before,
.case-style-two:after{
  display: none;
}
.case-style-two .case-content{
  top: 0px;
}
.case-style-two .img-box{
  margin-bottom: 52px;
}
.case-style-two .case-content{
  margin-left: 40px;
}


/** commitment-section **/

.commitment-section{
  position: relative;
  background: #edf7ff;
  padding: 91px 0px 92px 0px;
}
.commitment-section .img-column{
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-size: cover;
  background-repeat: no-repeat;
}
.commitment-section .commitment-content{
  position: relative;
  z-index: 1;
  padding-left: 30px;
  padding-right: 30px;
}
.commitment-section .commitment-content .title{
  position: relative;
  font-size: 36px;
  line-height: 44px;
  color: #222;
  margin-bottom: 25px;
}
.commitment-section .commitment-content a{
  color:#f92042;
}
.commitment-section .commitment-content .title span{
  color: #f92042;
}
.commitment-section .commitment-content .text{
  font-size: 18px;
  line-height: 26px;
  color: #222;
  margin-bottom: 40px;
}
.commitment-section .commitment-content .list li{
  position: relative;
  font-size: 16px;
  margin-bottom: 4px;
  padding: 0px 0px 0px 20px;
}
.commitment-section .commitment-content .list li:before{
  position: absolute;
  content: "\f0da";
  font-size: 12px;
  font-family: "FontAwesome";
  color: #f92042;
  left: 0px;
  top: 0px;
}


/** team-section **/

.team-section{
  position: relative;
  padding: 111px 0px 120px 0px;
}
.team-section .single-item{
  position: relative;
  padding: 0px 30px;
}
.team-section .single-item .img-box{
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  margin-bottom: 20px;
}
.team-section .team-column:nth-child(1) .single-item .img-box{
  background: #de3f18;
}
.team-section .team-column:nth-child(2) .single-item .img-box{
  background: #2eaeb7;
}
.team-section .team-column:nth-child(3) .single-item .img-box{
  background: #f3ac1e;
}
.team-section .single-item .img-box img{
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1.0);
}
.team-section .single-item:hover .img-box img{
  transform: scale(1.1);
}
.team-section .single-item .lower-content .title{
  position: relative;
  font-size: 14px;
  margin-bottom: 16px;
}
.team-section .button{
  position: relative;
  margin-top: 44px;
}
.team-section .single-item .lower-content h4{
  margin-bottom: 0px;
}
.team-section .title-text{
  margin-bottom: 54px;
}
.team-section .team-social{
  margin-bottom: 33px;
}
.team-section .team-social li{
  position: relative;
  display: inline-block;
  margin: 0px 3px;
}
.team-section .team-social li a{
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: #fff;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 50%;
  transition: all 500ms ease;
}
.team-section .team-social li a:hover{
  color: #222;
}
.team-section .team-social li:nth-child(1) a{
  background: #43619b;
  top: -20px;
}
.team-section .team-social li:nth-child(2) a{
  background: #e54c86;
  top: -10px;
}
.team-section .team-social li:nth-child(3) a{
  background: #ee4134;
}
.team-section .team-social li:nth-child(4) a{
  background: #00a500;
  top: -10px;
}
.team-section .team-social li:nth-child(5) a{
  background: #2ea6de;
  top: -20px;
}


/** brand-style-two **/

.brand-style-two{
  position: relative;
  background: #fff;
}
.brand-style-two .brand-content{
  margin-top: 0px;
}



/*** 

====================================================================
                        error-page
====================================================================

***/

.error-section{
  position: relative;
  padding: 133px 0px 223px 0px;
}
.error-section .error-title{
  position: relative;
  font-size: 180px;
  color: #f92042;
  font-weight: bold;
  line-height: 120px;
  margin-bottom: 45px;
  text-shadow: 5px 5px 5px #ccc;
}
.error-section p{
  margin-bottom: 53px;
}


/*** 

====================================================================
                        service-Page
====================================================================

***/


/** intro-section **/

.intro-section{
  position: relative;
  padding-bottom: 66px;
  background: #edf7ff;
}
.intro-section .single-item{
  position: relative;
  background: transparent;
  padding: 90px 0px 20px 0px;
  margin-bottom: 28px;
  transition: all 500ms ease;
  text-align: center;
}
.intro-section .single-item .text{
  display: none;
}
.intro-section .single-item:hover{
  box-shadow: 0 9px 5px -5px rgba(0, 0, 0, 0.10);
}
.intro-section .single-item .icon-box{
  position: absolute;
    left: 50%;
    top: 7px;
    transform: translateX(-50%);
}

.intro-section .single-item h4{
  margin-bottom: 19px;
}
.intro-section .top-content .title{
  margin-bottom: 17px;
  margin-top: 24px;
}
.intro-section .top-content{
  margin-bottom: 76px;
}


/** service style two **/


.service-style-two{
  position: relative;
  background: #fff;
}
.service-style-two .service-content:before,
.service-style-two .service-content:after{
  display: none;
}
.service-style-two .service-column:nth-child(1) .single-item .img-box{
  background: #71d456;
}
.service-style-two .service-content .service-column:nth-child(2) .single-item .img-box{
  background: #6eb1e1;
}
.service-style-two .service-content .service-column:nth-child(3) .single-item .img-box{
  background: #fbd303;
}
.service-style-two .service-content .service-column:nth-child(4) .single-item .img-box{
  background: #4b5aa7;
}
.service-style-two .service-content .service-column:nth-child(5) .single-item .img-box{
  background: #886c60;
}
.service-style-two .service-content .service-column:nth-child(6) .single-item .img-box{
  background: #ff553e;
}

/** boost-style-two **/

.boost-style-two{
  position: relative;
  background: #b220db;
}
.boost-style-two:before{
  display: none;
}
.boost-style-two:after {
  position: absolute;
  content: '';
  background: url(../images/home/boost-2.png);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-repeat: repeat-x;
  background-position: center center;
}


/** pricing-section **/


.pricing-section{
  position: relative;
  padding: 69px 0px 0px 0px;
}
.bg-color{
  position: relative;
  padding: 156px 0px;
  background: #edf7ff;
}
.pricing-section .single-table{
  position: relative;
  display: block;
  background: #fff;
  margin-bottom: -60px;
  transition: all 500ms ease;
}
.pricing-section .pricing-column{
  padding: 0px 1px;
}
.pricing-section .single-table .table-top{
  position: relative;
  background: #ff7930;
  color: #fff;
  text-align: center;
  padding: 42px 0px 21px 0px;
}
.pricing-section .pricing-column:nth-child(2) .table-top{
  background: #218de4;
}
.pricing-section .pricing-column:nth-child(3) .table-top{
  background: #4bcf23;
}
.pricing-section .single-table .table-top .text{
  position: relative;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  text-transform: uppercase;
  margin-bottom: 27px;
}
.pricing-section .single-table .table-top .text:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 50px;
  height: 2px;
  left: 50%;
  bottom: -10px;
  margin-left: -25px;
}
.pricing-section .single-table .table-top .price{
  position: relative;
  font-size: 80px;
  line-height: 80px;
  font-weight: 700;
}
.pricing-section .single-table .table-top .price span{
  font-size: 18px;
}
.pricing-section .single-table .table-top .price .dol-sin{
  font-size: 25px;
  display: inline-block;
  position: relative;
  top: -37px;
  font-weight: 300;
  line-height: 25px;
}
.pricing-section .single-table .table-bottom{
  position: relative;
  padding: 46px 0px 49px 70px;
  box-shadow: 0 5px 30px 0px #e8e8e8;
}
.pricing-section .single-table .table-bottom .list{
  position: relative;
  margin-bottom: 53px;
}
.pricing-section .single-table .table-bottom .list li{
  position: relative;
  display: block;
  margin-bottom: 16px;
  padding: 0px 0px 0px 25px;
  font-size: 16px;
  line-height: 28px;
}
.pricing-section .single-table .table-bottom .list li:before{
  position: absolute;
  content: "\f00c";
  font-family: 'FontAwesome';
  font-size: 14px;
  color: #4bcf23;
  left: 0px;
  top: 0px;
}
.pricing-section .single-table .table-bottom .list li.cross{
  color: #ccc;
}
.pricing-section .single-table .table-bottom .list li.cross:before{
  content: "\f00d";
  color: #f92042;
}
.pricing-section .single-table .table-bottom .table-btn a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #222;
  padding: 11px 58px 11px 58px;
  border: 2px solid #ff7930;
}
.pricing-section .pricing-column:nth-child(2) .table-bottom .table-btn a{
  border: 2px solid #218de4;
}
.pricing-section .pricing-column:nth-child(3) .table-bottom .table-btn a{
  border: 2px solid #4bcf23;
}
.pricing-section .pricing-column:nth-child(1) .single-table .table-bottom .table-btn a:hover{
  color: #ff7930;
}
.pricing-section .pricing-column:nth-child(2) .single-table .table-bottom .table-btn a:hover{
  color: #218de4;
}
.pricing-section .pricing-column:nth-child(3) .single-table .table-bottom .table-btn a:hover{
  color: #4bcf23;
}
.pricing-section .table-area {
  position: relative;
  z-index: 1;
  background: #fff;
  margin: 0px 72px -60px 72px;
}


/*** 

====================================================================
                        cause-Page
====================================================================

***/


.cause-section{
  position: relative;
  padding: 120px 0px 250px 0px;
}
.single-item-overlay{
  position: relative;
  margin-bottom: 22px;
}
.service-section .single-item-overlay .img-box{
  position: relative;
  overflow: hidden;
}
.single-item-overlay .img-box img {
  width: 100%;
}

.single-item-overlay .img-box .overlay {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  transform: scale(0.7,0);
  transition: .5s ease-in-out;
}
.single-item:hover .img-box .overlay {
  transform: scale(1,1);
  transition: .5s ease-in-out;
}

.single-item-overlay .inner-box {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
}
.single-item-overlay .content {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  top: 0%;
  transition: .2s cubic-bezier(0.4, 0, 1, 1);
}
.single-item-overlay:hover .content {
  top: 0;
  transition: .5s cubic-bezier(0.4, 0, 1, 1);
  transition-delay: .3s;
}
.single-item-overlay .content li a {
  color: #fff;
  display: inline-block;
  font-weight: 700;
}
.single-item-overlay .content li a i:before{
  font-size: 30px;
  margin: 0px;
}
.cause-section .single-item .lower-content .text{
  font-size: 14px;
  font-style: italic;
  color: #a9a9a9;
  text-transform: uppercase;
}
.cause-section .single-item .lower-content .title h4{
  position: relative;
  display: inline-block;
}
.cause-section .single-item .lower-content .meta{
  position: relative;
  display: inline-block;
  float: right;
  top: 7px;
}
.cause-section .single-item .lower-content .meta li{
  display: inline-block;
  font-size: 14px;
  color: #222;
  margin: 0px 5px;
}
.cause-section .single-item .lower-content .meta i:before{
  color: #f92042;
}
.cause-section .single-item{
  position: relative;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 70px;
}
.cause-section .button{
  position: relative;
  margin-top: 30px;
}
.cause-section .button .btn-one{
  text-transform: uppercase;
  padding: 9px 34px 9px 34px;
}


/** cause-details **/

.cause-details{
  position: relative;
  padding: 120px 0px 250px 0px;
}
.cause-details .owl-next{
  position: absolute;
  top: 45%;
  right: 20px;
}
.cause-details .owl-prev{
  position: absolute;
  top: 45%;
  left: 20px;
}
.cause-details .owl-prev span:before,
.cause-details .owl-next span:before{
  font-size: 24px;
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  display: block;
  transition: all 500ms ease;
}
.cause-details .owl-prev span:hover:before,
.cause-details .owl-next span:hover:before{
  background: #000000;
}
.cause-details .title-area .text{
  font-size: 14px;
  font-style: italic;
  text-transform: uppercase;
  margin-bottom: 4px;
  color: #a9a9a9;
}
.cause-details .title-area .title{
  position: relative;
  font-size: 36px;
  font-weight: 700;
  line-height: 42px;
  color: #222;
}
.cause-details .title-area{
  position: relative;
  border-bottom: 1px solid #eee;
  padding-bottom: 38px;
  margin-bottom: 53px;
  margin-top: 43px;
}
.cause-details .meta-content .single-item{
  position: relative;
}
.cause-details .meta-content .single-item:before{
  position: absolute;
  content: '';
  background: #eee;
  width: 1px;
  height: 60px;
  top: 0px;
  right: -15px;
}
.cause-details .meta-content .column:nth-child(3) .single-item:before{
  display: none;
}
.cause-details .meta-content .single-item h4{
  margin-bottom: 2px;
}
.cause-details .meta-content{
  position: relative;
  margin-bottom: 51px;
}
.cause-details .text p{
  margin-bottom: 28px;
}
.cause-details .text{
  position: relative;
  margin-bottom: 57px;
}
.cause-details .seo-content .content-area .title{
  position: relative;
  font-size: 36px;
  line-height: 43px;
  color: #222;
  margin-bottom: 20px;
}
.cause-details .seo-content .content-area .title span{
  color: #f92042;
}
.cause-details .seo-content .content-area h5{
  margin-bottom: 40px;
  font-weight: 400;
  line-height: 26px;
}
.cause-details .seo-content .content-area .list li{
  position: relative;
  font-size: 16px;
  padding: 0px 0px 0px 20px;
  margin-bottom: 4px;
}
.cause-details .seo-content .content-area .list li:before{
  position: absolute;
  content: "\f0da";
  font-family: 'FontAwesome';
  font-size: 14px;
  color: #f92042;
  left: 0px;
  top: 0px;
}
.cause-details .seo-content .content-area{
  position: relative;
  margin-left: 21px;
}
.cause-details .seo-content .img-box{
  position: relative;
  top: 8px;
}
.cause-details .seo-content{
  position: relative;
  border-bottom: 1px solid #eee;
  padding-bottom: 92px;
  margin-bottom: 70px;
}
.cause-details .next-previous .prev-content{
  position: relative;
  display: inline-block;
  padding: 14px 0px 0px 140px;
}
.cause-details .next-previous .next-content{
  position: relative;
  display: inline-block;
  float: right;
  padding: 14px 140px 0px 0px;
}
.cause-details .next-previous .img-box,
.cause-details .next-previous .content{
  position: relative;
  display: inline-block;
}
.cause-details .next-previous .prev-content .img-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 115px;
  height: 95px;
  background: #812eb7;
}
.cause-details .next-previous .next-content .img-box{
  position: absolute;
  right: 0px;
  top: 0px;
  width: 115px;
  height: 95px;
  background: #ff7930;
}
.cause-details .next-previous .content a{
  font-size: 14px;
  font-weight: 700;
  border-bottom: 2px solid #f92042;
  padding-bottom: 5px;
}


/*** 

====================================================================
                        blog-Page
====================================================================

***/


.sidebar-page-container{
  position: relative;
  padding: 120px 0px 250px 0px;
}
.sidebar ::-webkit-input-placeholder { /* Chrome */
  color: #666;
}

.sidebar :-ms-input-placeholder { /* IE 10+ */
  color: #666;
}
.sidebar ::-moz-placeholder { /* Firefox 19+ */
  color: #666;
  opacity: 1;
}
.sidebar :-moz-placeholder { /* Firefox 4 - 18 */
  color: #666;
  opacity: 1;
}
.sidebar .sidebar-search{
  position: relative;
  margin-bottom: 64px;
}
.sidebar .sidebar-search input[type='search']{
  width: 100%;
  padding: 12px 30px 12px 5px;
  border-bottom: 1px solid #ccc;
  transition: all 500ms ease;
}
.sidebar .sidebar-search input:focus{
  border-bottom: 1px solid #f92042;
}
.sidebar .sidebar-search button{
  position: absolute;
  top: 11px;
  right: 4px;
  font-size: 16px;
  color: #257fc7;
  background: transparent;
  transition: all 500ms ease;
}
.sidebar .sidebar-search button:hover,
.sidebar .sidebar-search input:focus + button{
  color: #f92042;
}
.sidebar-title{
  position: relative;
  margin-bottom: 28px;
  padding: 0px 0px 0px 33px;
}
.sidebar-title:before{
  position: absolute;
  content: '';
  background: url(../images/news/icon.png);
  width: 18px;
  height: 32px;
  left: 0px;
  top: 6px;
}
.sidebar-title h4{
  display: block;
  border-bottom: 2px solid #257fc7;
  padding-bottom: 8px;
  text-transform: uppercase;
}
.sidebar .categories-list li a{
  position: relative;
  display: block;
  padding: 0px 0px 0px 29px;
  margin-bottom: 4px;
}
.sidebar .categories-list li a:before{
  position: absolute;
  content: "\f178";
  font-family: 'FontAwesome';
  font-size: 14px;
  color: #d6d6d6;
  left: 0px;
  top: 0px;
}
.sidebar .sidebar-categories{
  position: relative;
  margin-bottom: 60px;
}
.sidebar .categories-list li a:hover{
  color: #f92042;
}
.sidebar .sidebar-post{
  position: relative;
  margin-bottom: 64px;
}
.sidebar .sidebar-post .sidebar-title{
  margin-bottom: 32px;
}
.sidebar .sidebar-post .single-post{
  position: relative;
  padding: 0px 0px 0px 99px;
  margin-bottom: 17px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.sidebar .sidebar-post .single-post .post-title a{
  font-size: 16px;
  display: block;
  font-weight: 700;
  color: #222;
  margin-bottom: 5px;
  transition: all 500ms ease;
}
.sidebar .sidebar-post .single-post a:hover{
  color: #f92042;
}
.sidebar .sidebar-post .single-post .date{
  position: relative;
  font-size: 12px;
  color: #222;
}
.sidebar .sidebar-post .single-post .img-box{
  position: absolute;
  overflow: hidden;
  left: 0px;
  top: 3px;
  width: 80px;
  height: 80px;
}
.sidebar .sidebar-post .single-post .img-box img{
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1.0);
}
.sidebar .sidebar-post .single-post:hover .img-box img{
  transform: scale(1.1);
}
.sidebar .sidebar-post .single-post:nth-child(2) .img-box{
  background: #257fc7;
}
.sidebar .sidebar-post .single-post:nth-child(3) .img-box{
  background: #8f2eb7;
}
.sidebar .sidebar-post .single-post:nth-child(4) .img-box{
  background: #b5cd33;
}
.sidebar .sidebar-archive{
  position: relative;
  margin-bottom: 60px;
}
.sidebar .sidebar-keywords .list li{
  position: relative;
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 2px;
}
.sidebar .sidebar-keywords .sidebar-title{
  margin-bottom: 35px;
}
.sidebar .sidebar-keywords .list li a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: #222;
  padding: 5px 14px 5px 14px;
  border: 1px solid #edf0f3;
  text-align: center;
  transition: all 500ms ease;
}
.sidebar .sidebar-keywords .list li a:hover{
  background: #f92042;
  border: 1px solid #f92042;
  color: #fff;
  transition: all 500ms ease;
}

.blog-classic .blog-section .img-box img{
  position: relative;
  width: 100%;
}
.blog-classic .blog-section .img-box{
  position: relative;
}
.blog-classic .blog-section .blog-content .bottom-content{
  position: relative;
}
.blog-classic .blog-section .blog-content .bottom-content .button,
.blog-classic .blog-section .blog-content .bottom-content .blog-social{
  position: relative;
  display: inline-block;
}
.blog-classic .blog-section .blog-content .bottom-content .blog-social-area{
  position: relative;
  display: inline-block;
  float: right;
}
.blog-classic .blog-section .blog-content .bottom-content .blog-social-area .text{
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: #222;
  margin-right: 10px;
}
.blog-classic .blog-section .blog-content .bottom-content .blog-social-area li{
  position: relative;
  display: inline-block;
  margin-left: 4px;
}
.blog-classic .blog-section .blog-content .bottom-content .blog-social-area li a{
  position: relative;
  display: inline-block;
  font-size: 12px;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border: 2px solid #e7e7e7;
  border-radius: 50%;
  transition: all 500ms ease;
}
.blog-classic .blog-section .blog-content .bottom-content .blog-social-area li a:hover{
  border: 2px solid #f92042;
  transition: all 500ms ease;
}
.blog-classic .blog-section .blog-content .blog-title a{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 39px;
  color: #222;
  font-weight: 700;
  margin-bottom: 14px;
}
.blog-classic .blog-section .blog-content .blog-title a:hover{
  color: #f92042;
}
.blog-classic .blog-section .blog-content{
  position: relative;
  padding: 33px;
  padding-top: 10px;
  top: 3px;
}
.blog-classic .single-item .meta-content{
  margin-bottom: 10px;
}
.blog-classic .single-item .lower-content p{
  margin-bottom: 15px;
}
.blog-classic .single-blog-content{
  position: relative;
  margin-bottom: 80px;
  box-shadow: 0 0 5px 1px #e2e2e2;
}
.blog-classic .single-blog-content .img-box{
  position: relative;
  overflow: hidden;
}
.blog-classic .single-blog-content .img-box img{
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1.0);
}
.blog-classic .single-blog-content:hover .img-box img{
  transform: scale(1.1);
}


/** blog-details **/

.blog-details .blog-details-content{
  position: relative;
  margin-right: 48px;
}
.blog-details .blog-details-content img{
  width: 100%;
}
.blog-details .blog-details-content .content-style-one .img-box{
  position: relative;
  margin-bottom: 36px;
}
.blog-details .blog-details-content .content-style-one .title{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 39px;
  color: #222;
  font-weight: 700;
  margin-bottom: 14px;
}
.blog-details .blog-details-content .content-style-one .content-text h3{
  font-weight: 400;
  line-height: 36px;
}
.blog-details .blog-details-content .content-style-one .content-text{
  position: relative;
  padding: 0px 0px 0px 89px;
  margin: 45px 0px 46px 0px;
}
.blog-details .blog-details-content .content-style-one .content-text:before{
  position: absolute;
  content: '';
  background: url(../images/news/quot.png);
  width: 25px;
  height: 25px;
  left: 40px;
  top: 7px
}
.blog-details .blog-details-content .content-style-one p{
  margin-bottom: 28px;
}
.blog-details .single-item .meta-content{
  margin-bottom: 32px;
}
.blog-details .post-share-option .left-option,
.blog-details .post-share-option .right-option,
.blog-details .post-share-option .left-option li,
.blog-details .post-share-option .right-option li,
.blog-details .post-share-option .text,
.blog-details .post-share{
  position: relative;
  display: inline-block;
}
.blog-details .post-share-option .left-option li a{
  position: relative;
  font-size: 14px;
  font-weight: 700;
  color: #222;
  border: 1px solid #edf0f3;
  padding: 10px 14px 9px 14px;
  margin-right: 5px;
}
.blog-details .post-share-option .left-option li a:hover{
  color: #f92042;
}
.blog-details .post-share-option .right-option{
  float: right;
  position: relative;
  top: -5px;
}
.blog-details .post-share-option .right-option .text{
  font-size: 14px;
  font-weight: 700;
  color: #222;
  margin-right: 10px;
}
.blog-details .post-share-option .right-option .post-share li{
  margin-left: 3px;
}
.blog-details .post-share-option .right-option .post-share a{
  position: relative;
  display: inline-block;
  font-size: 12px;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border: 2px solid #e7e7e7;
  border-radius: 50%;
  transition: all 500ms ease;
}
.blog-details .post-share-option .right-option .post-share a:hover{
  border: 2px solid #f92042;
  transition: all 500ms ease;
}
.blog-details .post-share-option{
  position: relative;
  border-bottom: 1px solid #eee;
  padding-bottom: 29px;
  margin-bottom: 64px;
  margin-top: 63px;
}
.blog-details .comment-area{
  position: relative;
}
.blog-details .comment-area .single-comment{
  position: relative;
  padding: 0px 0px 0px 90px;
  margin-bottom: 39px;
  border-bottom: 1px solid #eee;
  padding-bottom: 40px;
}
.blog-details .comment-area .single-comment:last-child{
  border-bottom: none;
}
.blog-details .comment-area .single-comment .img-box{
  position: absolute;
  overflow: hidden;
  border-radius: 50%;
  left: 0px;
  top: 4px;
  width: 70px;
  height: 70px;
  background: #de3f18;
}
.blog-details .comment-area .single-comment:last-child .img-box{
  background: #f3ac1e;
}
.blog-details .comment-area .single-comment .comment-title{
  font-size: 16px;
  font-weight: 700;
  color: #222;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 8px;
}
.blog-details .comment-area .single-comment .comment-time{
  font-size: 12px;
  font-weight: 700;
  color: #aaaaaa;
  display: inline-block;
}
.blog-details .comment-title h3{
  font-weight: 700;
  margin-bottom: 40px;
  font-style: normal;
}
.blog-details .comment-area .single-comment p{
  margin-bottom: 14px;
}
.blog-details .comment-area .single-comment .btn-two{
  padding: 3px 3px 0px 3px;
}
.blog-details .comment-form{
  position: relative;
  background: #edf7ff;
  padding: 44px 55px 50px 56px;
  margin-top: -9px;
}
.blog-details .comment-form input,.blog-details .comment-form textarea{
  position: relative;
  width: 100%;
  background: transparent;
  margin-bottom: 22px;
  border-bottom: 1px solid #c4cbd1;
  padding: 10px 20px 13px 8px;
  transition: all 500ms ease;
}
.blog-details .comment-form input:focus,.blog-details .comment-form textarea:focus{
  border-bottom: 1px solid #f92042;
}
.blog-details .comment-form textarea{
  resize: none;
  height: 100px;
  margin-bottom: 32px;
}
.blog-details ::-webkit-input-placeholder { /* Chrome */
  color: #666;
}

.blog-details :-ms-input-placeholder { /* IE 10+ */
  color: #666;
}
.blog-details ::-moz-placeholder { /* Firefox 19+ */
  color: #666;
  opacity: 1;
}
.blog-details :-moz-placeholder { /* Firefox 4 - 18 */
  color: #666;
  opacity: 1;
}
.blog-details .comment-form button{
  text-transform: uppercase;
  padding: 9px 48px 9px 48px;
}
.blog-details .comment-form .comment-title h3{
  margin-bottom: 16px;
}


/*** 

====================================================================
                        contact-Page
====================================================================

***/


.contact-area{
  position: relative;
  padding: 120px 0px 270px 0px;
}
.contact-info .title-top{
  position: relative;
  font-size: 44px;
  line-height: 53px;
  color: #222;
  margin-bottom: 39px;
  margin-top: 21px;
}
.contact-info .title-top span{
  color: #f92042;
}
.contact-info .title-text h3{
  font-weight: 400;
  font-style: normal;
  color: #666;
  line-height: 34px;
}
.contact-info .title-text{
  position: relative;
  margin-bottom: 101px;
}
.contact-info .single-info{
  position: relative;
  padding: 0px 0px 25px 122px;
  left: 25px;
  transition: all 500ms ease;
}
.contact-info .single-info .img-box{
  position: absolute;
  left: 0px;
  top: -5px;
  overflow: hidden;
  width: 102px;
  height: 102px;
  border-radius: 50%;
}
.contact-info .contact-column:nth-child(1) .single-info .img-box{
  background: #324a5e;
}
.contact-info .contact-column:nth-child(2) .single-info .img-box{
  background: #fd8469;
}
.contact-info .contact-column:nth-child(3) .single-info .img-box{
  background: #ffd05b;
}
.contact-info .single-info .text{
  font-size: 17px;
  color: #222;
}
.contact-info .info-area{
  position: relative;
  border-bottom: 1px solid #eee;
  padding-bottom: 82px;
  margin-bottom: 100px;
}
.contact-form-area .contact-title{
  position: relative;
  font-size: 36px;
  color: #222;
  margin-bottom: 24px;
}
.contact-form-area .default-form{
  position: relative;
  background: #edf7ff;
  padding: 37px 55px 55px 55px;
  border-radius: 30px;
}
.contact-form-area .default-form input,.contact-form-area .default-form textarea{
  position: relative;
  width: 100%;
  background: transparent;
  margin-bottom: 32px;
  border-bottom: 1px solid #c4cbd1;
  padding: 10px 20px 13px 8px;
  font-style: italic;
  transition: all 500ms ease;
}
.contact-form-area .default-form input:focus,.contact-form-area .default-form textarea:focus{
  border-bottom: 1px solid #f92042;
}
.contact-form-area .default-form textarea{
  resize: none;
  height: 148px;
  margin-bottom: 42px;
}
.contact-form-area ::-webkit-input-placeholder { /* Chrome */
  color: #666;
}

.contact-form-area :-ms-input-placeholder { /* IE 10+ */
  color: #666;
}
.contact-form-area ::-moz-placeholder { /* Firefox 19+ */
  color: #666;
  opacity: 1;
}
.contact-form-area :-moz-placeholder { /* Firefox 4 - 18 */
  color: #666;
  opacity: 1;
}
.contact-form-area button{
  text-transform: uppercase;
  padding: 9px 48px 9px 48px;
}
.contact-form-area p{
  margin-bottom: 45px;
}

.google-map-area {
  position: relative;
}
#contact-google-map {
  height: 653px;
  width: 100%;
}

.gap{
  width:100%;
  height:150px;
  background-color: #edf7ff;
}
















section.pricing{
  padding:80px 0 180px;
  background-color: #fff !important;
}
.menus ul{
  list-style-type: none;
  border:1px solid #ff6d34;
  position: relative;
  left:50%;
  transform: translateX(-50%);
}
.menus ul li{
  display: inline-block;
  margin-left:5px;
}
.pricingTable .pricing-content li{
  text-align: left;
  padding-left:0px;
}
.pricingTable .pricing-content li span{
  float:right;
  color:#759e25;
  font-weight: bold;
}
.pricingTable.pro .pricing-content li span{
  color:#f92042;
}
.pricingTable.premium .pricing-content li span{
  color:#07a3b5;
}
.pricingTable .pricing-content li strong{
  font-weight: bold;
    color: #737373;
    font-size: 18px;
}


.nav-tabs {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: none;
  background: #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 50px rgba(166, 209, 237, 0.2);
  box-shadow: 0 10px 50px rgba(166, 209, 237, 0.2);
  padding: 4rem 0 1.2rem;
  margin-bottom: 7rem;
}

.nav-tabs .nav-link {
  border: none;
  padding: 1rem 4rem;
  color: #69798d;
  position: relative;
  z-index: 1;
}

.nav-tabs .nav-link:hover img,
.nav-tabs .nav-link.active img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.nav-tabs .nav-link::before {
  content: " ";
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -30px;
  width: 6rem;
  height: 8rem;
  border-radius: 50px;
  background-image: -webkit-linear-gradient(300deg, #f5fbff, rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(300deg, #f5fbff, rgba(255, 255, 255, 0));
  background-image: linear-gradient(150deg, #f5fbff, rgba(255, 255, 255, 0));
  background-repeat: repeat-x;
  z-index: -1;
}

.nav-tabs .nav-link i {
  width: 6rem;
  height: 7rem;
  background: -webkit-linear-gradient(300deg, rgba(255, 255, 255, 0), #f5faff);
  background: -o-linear-gradient(300deg, rgba(255, 255, 255, 0), #f5faff);
  background: linear-gradient(150deg, rgba(255, 255, 255, 0), #f5faff);
  font-size: 3.5rem;
}

.nav-tabs .nav-link span {
  font-family: "Fira Sans", sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  display: block;
}

.nav-tabs .nav-link img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  margin-bottom: 10px;
}

.nav-tabs .nav-link p {
  margin-top: 10px;
}

.nav-tabs .nav-item:not(:last-child) .nav-link::after {
  content: "\f13e";
  position: absolute;
  top: 50%;
  right: 0;
  font-family: 'miniline' !important;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 3rem;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}



.shorting-menu {
  display: inline-block;
  padding: 18px 20px !important;
  margin-bottom: 40px !important;
  border-radius: 50px;
}
.nav-tabs.shorting-menu .nav-item .nav-link::before{
  content: '';
  display: none !important; 
}
.nav-tabs.shorting-menu .nav-item .nav-link::after{
  content: '';
  display: none !important; 
}
.shorting-menu.text-center {
  display: block;
  background: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  padding: 0;
}
.shorting-menu .nav-item{
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  width:auto !important;
}
.shorting-menu .filter{
  border: none;
  background: #f4f4f4 !important;
  padding: 9px 24px !important;
  text-transform: capitalize !important;
  cursor: pointer !important;
  -webkit-transition: 0.4s !important;
  transition: 0.4s !important;
  border-radius: 30px !important;
  color: #828893 !important;
  outline: 0 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

.shorting-menu .active .filter, .shorting-menu .filter:hover {
  background: linear-gradient(45deg, #e7310e, #ff1c5b) !important;
  color: #ffffff !important;
}

.shorting .mix {
  display: none;
}


/*=============================
Pricing CSS
===============================*/
.pricing-area {
  position: relative;
  overflow: hidden;
}

.pricing-area .section-title {
  z-index: 1;
}

.pricing-area .pattern-1 {
  right: auto;
  left: 0;
  bottom: auto;
  top: 0;
}

.tab-slider-nav {
  text-align: center;
  overflow: hidden;
  width: 100%;
  margin-bottom: 40px;
}

.tab-slider-tabs {
  display: inline-block;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  position: relative;
  border-radius: 35px;
  background: #ffffff;
}

.tab-slider-tabs::after {
  content: "";
  width: 50%;
  background: #ff6d34;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 35px;
}

.tab-slider-tabs.slide::after {
  left: 50%;
}

.tab-slider-trigger {
  font-weight: 700;
  color: #222222;
  text-transform: uppercase;
  padding: 11px 20px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.tab-slider-trigger.active {
  color: #ffffff;
}

.tab-slider-container .row {
  width: 100%;
}

.pricingTable {
  padding-bottom: 30px;
  background: #ffffff;
  text-align: center;
  z-index: 1;
  position: relative;
  border-radius: 5px;
  background-image: url(../img/patt.png);
  background-position: center center;
  overflow: hidden;
  -webkit-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
  box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.pricingTable:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.pricingTable .pricingTable-header {
  padding: 30px 15px 45px;
  background: #ff6d34;
  -webkit-clip-path: polygon(50% 100%, 100% 60%, 100% 0, 0 0, 0 60%);
  clip-path: polygon(50% 100%, 100% 60%, 100% 0, 0 0, 0 60%);
  position: relative;
}
.pricingTable .pricingTable-header.pro {
  background: linear-gradient(45deg, #e7310e, #ff1c5b);
}
.pricingTable .btn.pro {
  background: linear-gradient(45deg, #e7310e, #ff1c5b);
}
.pricingTable .btn.local {
  background: #759e25;
  -webkit-box-shadow: 0px 15px 25px 0px rgba(148, 199, 48, 0.3);
  box-shadow: 0px 15px 25px 0px rgba(148, 199, 48, 0.3);
}
.pricingTable .btn.premium {
  background: #07a3b5;
  -webkit-box-shadow: 0px 15px 25px 0px rgba(37, 212, 232, 0.3);
  box-shadow: 0px 15px 25px 0px rgba(37, 212, 232, 0.3);
}
.pricingTable .btn:hover {
  color:#fff;
}

.pricingTable .pricingTable-header::before {
  content: "";
  width: 400px;
  height: 400px;
  border-radius: 50%;
  position: absolute;
  right: -50%;
  top: -130%;
  background: repeating-radial-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.2) 20%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.pricingTable .title {
  font-size: 25px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.pricingTable .price-value {
  display: block;
  color: #ffffff;
  margin-bottom: 30px;
  font-size: 40px;
  font-weight: 700;
}

.pricingTable .price-value span {
  font-size: 15px;
  color: #ffffff;
  text-transform: uppercase;
  margin-left: -10px;
}

.pricingTable .pricing-content {
  padding: 30px 25px;
  margin-bottom: 0;
  list-style: none;
}

.pricingTable .pricing-content li {
  font-size: 16px;
  color: #828893;
  text-transform: capitalize;
  border-bottom: 1px solid #eee;
  margin-bottom: 12px;
  padding-bottom: 12px;
}

.pricingTable .pricing-content li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.pricingTable:hover .pricingTable-header::before {
  right: 50%;
}

/*Pricing Style Two*/
.pricing-plan {
  background: #ffffff;
  padding-bottom: 20px;
  position: relative;
  -webkit-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
  box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
  text-align: center;
  z-index: 1;
  margin-top: 20px;
  border-radius: 5px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.pricing-plan:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.pricing-plan#most-popular {
  top: -20px;
  padding: 30px 0 50px;
  -webkit-box-shadow: 10px 15px 30px 0 rgba(72, 73, 121, 0.15);
  box-shadow: 10px 15px 30px 0 rgba(72, 73, 121, 0.15);
  z-index: 2;
}

.pricing-plan#most-popular h3 {
  margin-top: -30px;
  padding-top: 30px;
}

.pricing-plan h3 {
  font-size: 25px;
  font-weight: 700;
  padding: 20px;
  margin-bottom: 50px;
  background: #ff6d34;
  color: #ffffff;
  border-radius: 5px 5px 0 0;
}

.pricing-plan h3 span {
  display: block;
  color: #ff6d34;
  background: #ffffff;
  height: 100px;
  width: 100px;
  margin: 20px auto -65px;
  border-radius: 50%;
  -webkit-box-shadow: 10px 15px 30px 0 rgba(72, 73, 121, 0.15);
          box-shadow: 10px 15px 30px 0 rgba(72, 73, 121, 0.15);
  line-height: 100px;
  font-size: 35px;
}

.pricing-plan ul {
  margin: 80px 0 20px;
  padding: 0;
  list-style: none;
}

.pricing-plan li {
  border-top: 1px solid #eee;
  padding: 12px 0;
  color: #828893;
}

.pricing-plan li:last-child {
  padding-bottom: 0;
}

/*=============================
Partner CSS
===============================*/


.btn {
    font-size: 15px;
    font-weight: 700;
    border-radius: 100px;
    -webkit-box-shadow: 0px 15px 25px 0px rgba(255, 129, 86, 0.3);
    box-shadow: 0px 15px 25px 0px rgba(255, 129, 86, 0.3);
    padding: 14px 40px;
    border: none;
    text-transform: uppercase;
}

.btn-primary {
    background-color: #ff6d34;
    color: #ffffff;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
  border:none;
}
















      /*  Inner Services Landing Pages CSS  */

.image-with-description {
    position: relative;
}

.image-with-description-block {
  padding: 6.5rem 0 6.5rem;
}

section.image-with-description h2 {
    font-size: 3.4rem;
    font-weight: 700;
}
section.image-with-description p {
    text-align: justify;
        margin-bottom: 1.9rem;
}
section.image-with-description p a b{
  color:#f92042;
}
.image-with-description img {
    border-radius: 10px;
}
.img-fluid{
  max-width: 100%;
}

.section-padding {
    padding: 5rem 0 3.5rem;
    background-color: #f9f9f9;
}
.text-center {
    text-align: center!important;
}

.our-process.section-padding{
  padding-bottom: 140px;
}

.our-process h2 {
    font-size: 4.8rem;
    font-weight: 900;
    margin-bottom: 2.1rem;
}
.section-subheading {
    font-size: 2.4rem;
    line-height: 4rem;
    color: #485768;
}
.our-process p b {
    color: #444;
    font-weight: bold;
}
.blogs-section li b,
.blogs-section p b{
  color: #222;
}

.service-process-tab, .location-process-tab {
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 3rem;
}



.service-process-tab,
.location-process-tab {
  text-align: center;
  padding-top: 2rem;
  padding-bottom: 3rem;
}

.service-process-tab img,
.location-process-tab img {
  border-radius: 10px;
}

.service-process-tab .tab-pane:last-child .text-only-btn,
.location-process-tab .tab-pane:last-child .text-only-btn {
  display: none;
}

.nav-tabs {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: none;
  background: #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 50px rgba(166, 209, 237, 0.2);
  box-shadow: 0 10px 50px rgba(166, 209, 237, 0.2);
  padding: 4rem 0 1.2rem;
  margin-bottom: 7rem;
}

.nav-tabs .nav-link {
  border: none;
  padding: 1rem 4rem;
  color: #69798d;
  position: relative;
  z-index: 1;
}

.nav-tabs .nav-link:hover img,
.nav-tabs .nav-link.active img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.nav-tabs .nav-link::before {
  content: " ";
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -30px;
  width: 6rem;
  height: 8rem;
  border-radius: 50px;
  background-image: -webkit-linear-gradient(300deg, #f5fbff, rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(300deg, #f5fbff, rgba(255, 255, 255, 0));
  background-image: linear-gradient(150deg, #f5fbff, rgba(255, 255, 255, 0));
  background-repeat: repeat-x;
  z-index: -1;
}

.nav-tabs .nav-link i {
  width: 6rem;
  height: 7rem;
  background: -webkit-linear-gradient(300deg, rgba(255, 255, 255, 0), #f5faff);
  background: -o-linear-gradient(300deg, rgba(255, 255, 255, 0), #f5faff);
  background: linear-gradient(150deg, rgba(255, 255, 255, 0), #f5faff);
  font-size: 3.5rem;
}

.nav-tabs .nav-link span {
  font-family: "Fira Sans", sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  display: block;
}

.nav-tabs .nav-link img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  margin-bottom: 10px;
}

.nav-tabs .nav-link p {
  margin-top: 10px;
}

.nav-tabs .nav-item:not(:last-child) .nav-link::after {
  content: "\f13e";
  position: absolute;
  top: 50%;
  right: 0;
  font-family: 'miniline' !important;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 3rem;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.service-tab-content h4,
.location-tab-content h4 {
  margin-bottom: 1.7rem;
}

.start-project-content {
  -webkit-box-shadow: 0 10px 19px 1px rgba(166, 209, 237, 0.2);
  box-shadow: 0 10px 19px 1px rgba(166, 209, 237, 0.2);
  padding: 4.7rem 7.5rem 3.7rem;
  border-radius: 10px;
  margin: 1.1rem 0 2.3rem;
}

.start-project-content h3 {
  margin-bottom: 1.5rem;
}

.start-project-content .custom-btn {
  margin-left: auto;
}

.content-block__benifits {
  z-index: initial;
}

.content-block__benifits h5 {
  padding: 1.3rem 9rem;
  color: #fff;
  position: relative;
  border-radius: 10px 10px 0 0;
  margin-bottom: 0;
}

.content-block__benifits h5 svg {
  font-size: 3rem;
  position: absolute;
  top: 50%;
  left: 4rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.content-block__benifits ul {
  list-style: none;
  padding: 2.8rem 4rem .6rem;
  background: #fff;
}

.content-block__benifits ul li {
  position: relative;
  padding-left: 2.5rem;
  margin-bottom: 1.5rem;
}

.content-block__benifits ul li::before {
  content: "\f180";
  position: absolute;
  left: 0;
  top: 0;
  font-family: 'miniline' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.2rem;
  line-height: 3rem;
  color: inherit;
}

.content-block__benifits ul.benifits-list__hosting li::before {
  content: "\f1ad";
  font-size: 1.5rem;
  line-height: 3.1rem;
}

.benifits-of-service {
  padding-bottom: 0;
}
.our-process .nav>li>a:focus, .our-process  .nav>li>a:hover{
  border:none;
  background-color:transparent !important;
}

.our-process .tab-content .active{
  display: block;
}

.our-process .nav-tabs .nav-link:hover i,
.nav-tabs .visited .nav-link i{
  background: linear-gradient(45deg, #9a9fff, #6245fe);
    -webkit-background-clip: text;
    color: transparent;
}
.service-tab-content h4, .location-tab-content h4 {
    margin-bottom: 1.7rem;
    font-size: 3rem;
}

.text-only-btn {
    display: inline-block;
    color: #6245fe;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin-bottom: .7rem;
}
.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    display: flex;
}

section.image-with-description p,
.our-process p{
  font-size: 1.8rem;
    line-height: 3rem;
    color: #69798d;
    font-weight: 400;
}





            /* portfolio */
.portfolio{
  background-color: #fff !important;
  padding-bottom: 140px;
}
.portfolio h2{
      position: relative;
    font-size: 50px;
    line-height: 57px;
    color: #222;
    margin-bottom: 6px;
}

.portfolio-area {
  border-bottom: 1px solid #ebebeb;
}
.portfolio-item {
  position: relative;
  overflow: hidden;
}
.portfolio-thumb img {
  width: 100%;
}
.p-overly {
  position: absolute;
  left: 35px;
  bottom: 45px;
  transition: .3s;
  z-index: 9;
  opacity: 0;
}
.p-overly h4 {
  font-size: 15px;
  color: #ff8a73;
  margin-bottom: 0;
  font-weight: 400;
  text-transform: uppercase;
}
.p-overly h4:hover a{color: #ff8a73;}
.p-overly span {
  font-size: 18px;
  color: #fff;
}
.portfolio-thumb {
  position: relative;
}
.portfolio-thumb::before {
  position: absolute;
  content: "";
  left: 15px;
  top: 15px;
  background: #000000;
  transition: .3s;
  opacity: 0;
  right: 15px;
  bottom: 15px;
}
.portfolio-item:hover .p-overly{opacity: 1;bottom: 35px;}
.portfolio-item:hover .portfolio-thumb::before{opacity: .75;}
.best-project-wrap {
  border-top: 1px solid #e3e3e3;
}
.single-project {
  position: relative;
  overflow: hidden;
  text-align: center;
}
.project-thumb {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.project-thumb::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transition: .3s;
}
.project-overly.text-center {
  position: absolute;
  left: 0;
  top: 40%;
  transform: translateY(-50%);
  right: 0;
  margin: auto;
  z-index: 9;
  transition: .3s;
  opacity: 0;
}
.project-overly h6 {
  color: #ff8a73;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 15px;
}
.project-overly span {
  color: #fff;
  text-transform: capitalize;
  font-size: 18px;
}
.single-project:hover .project-overly.text-center {opacity: 1;top: 50%;}
.single-project:hover .project-thumb::before{opacity: .75;}
.inner-portfolio-thumb {
  position: relative;
}
.portfolio-inner {
  position: relative;
}
.inner-portfolio-thumb img {
  width: 100%;
}
.portfolio-content {
  position: absolute;
  text-align: center;
  bottom: -40px;
  left: 40px;
  right: 40px;
  background: #fff;
  box-shadow: 0px 2px 22px 0px rgba(0, 0, 0, 0.1);
  padding: 20px;
  transition: .5s;
}
.portfolio-content.portfolio-g {
  position: absolute;
  width: 285px;
  left: 30px;
  bottom: -110px;
  background: #0e2138;
  background: #0e2138;
}
.portfolio-columan-content {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: -110px;
  background: #0e2138;
  background: #0e2138;
}
.p-second-inner {
  overflow: hidden;
}
.inner-portfolio-thumb::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 0;
  left: 0;
  top: 0;
  background: #000;
  opacity: .5;
  transition: .5s;
  right: 0;
  margin: auto;
}
.second-pthumb::before {
  margin: unset;
}
.portfolio-content span {
  font-size: 20px;
  font-weight: 500;
  transition: .3s;
  color: #c4c4c4;
}
.portfolio-content h6 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  color: #242424;
}
.portfolio-content.portfolio-g span,.portfolio-columan-content span {
  color: #fff;
}
.portfolio-content.portfolio-g h6, .portfolio-columan-content h6, .portfolio-columan-content h6 a {
  color: #fff;
}
.portfolio-content h6:hover a {color: #fff; text-decoration: none;}
.portfolio-inner:hover .inner-portfolio-thumb::before {width: 100%;}
.portfolio-inner:hover .portfolio-content  {
  background:  linear-gradient(45deg, #d2703c, #ff5498);
  background: -webkit-linear-gradient(45deg, #d2703c, #ff5498);
}
.portfolio-inner:hover .portfolio-content h6,.portfolio-inner:hover .portfolio-content span {
  color: #fff;
}
.portfolio-inner:hover .portfolio-content.portfolio-g {bottom: 30px;}
.portfolio-inner:hover .portfolio-columan-content {bottom: 30px;}
.single-portfolio-thumb img {
  width: 100%;
}
.single-portfolio-title h1 {
  font-size: 36px;
  font-weight: 900;
  margin-bottom: 0;
}
.single-portfolio-title h1 span {
  font-size: 24px;
  font-weight: 700;
}
.s-portfolio-content p {
  margin-bottom: 0;
}

.mb-30{
  margin-bottom: 40px;
    box-shadow: 0 0 3px 3px #eaeaea;
}



.logo-wideget{
      max-width: 240px;
    margin-bottom: 15px;
}
.news-section .separator{
  margin-bottom: 50px;
}











      /*    Blogs     */

.inner-page-banner {
    position: relative;
    background: #257fc7;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 160px 0px 170px 0px;
    margin-bottom: 100px;
}
.inner-page-banner h1,
.inner-page-banner p{
  position: relative;
  z-index: 9;
  color:#fff;
}
.inner-page-banner:before {
position: absolute;
    content: '';
    background: url(../images/feature/1.png);
    left: 0px;
    bottom: 0px;
    width: 1126px;
    height: 110px;
    background-repeat: no-repeat;
    z-index: 1;
  }

.inner-page-banner:after {
    position: absolute;
    content: '';
    background: url(../images/about/bg.png);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.bg-shape{
  display: none !important;
}


.sidebar{
  padding-left: 50px;
}
.keywords p a{
  color:#f92042;
}
.contact-wrapper .form-wrapper{
  display: none;
}

section.blog.blog1{
  padding-bottom: 140px;
}
section.locations-keywords{
  padding-bottom: 140px;
}

.locations-keywords a{
    color: #444;
    text-decoration: none;
    font-size: 14px;
    margin: 5px 0;
    transition: all .2s;
}
.locations-keywords a::before {
    content: '\f041';
    font-family: 'FontAwesome';
    position: relative;
    left: -5px;
    color: #f92042;
}
.locations-keywords a:hover{
  color:#f92042;
}













/******* article *********/

.blogs-section article,
section.blog article{
box-shadow: 0 0 5px 1px #e2e2e2;
margin-bottom:50px;
padding-bottom:20px;
}
article .img-box img{
position: relative;
width: 100%;
}
article .img-box{
position: relative;
overflow: hidden;
}
article .img-box img{
width: 100%;
transition: all 500ms ease;
transform: scale(1.0);
}
article .img-box:hover img{
transform: scale(1.1);
}
article .content{
margin:20px 0px;

}
article .content span{
  font-size: 14px;
    color: #222;
padding:0 15px;
position: relative;
left:0;

}
article .content span:first-child{
border-right:1px solid lightgray;
font-weight: bold;
color:#f92042;
}
article .title{
position: relative;
top:10px;
border-top:1px solid lightgray;
width:90%;
margin:0 auto;
padding-top:10px;
}
article .title,
article .title a{
font-size:30px;
color:#000;
font-weight: bold;
transition: all .3s;
}
article .title:hover,
article .title a:hover{
color:#f92042;
}

article .content{
padding:0px 20px;
}
article .content p.title {
    margin: 0;
    padding: 25px 0;
}
article .custom-btn{
width:80px; 
padding:10px 0; 
text-align: center;
position: relative;
left:0px;
border-bottom:2px solid #f92042;
color:#000;
font-weight: bold;
}
article .custom-btn:hover{
color:#f92042;
}




.all-fixed-data{
    position: fixed;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999999999;
    max-width: 45px;
    display:none;
}
.contact-button-fixed {
    width: 175px;
    height: 55px;
    border-radius: 10px;
    background: linear-gradient(45deg, #e7310e, #ff1c5b);
    text-align: center;
    transform: rotate(-90deg);
    position: relative;
    left:-70px;
}
.whatsapp-button-fixed {
    width: 50px;
    position: relative;
    top: -65px;
}

.skype-button-fixed {
    width: 50px;
    position: relative;
    top: 65px;
}

.ext{
  width:100%;
  position: relative;
}


.contact-button-fixed a {
    color: #fff;
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    text-decoration: none;
    font-style: italic;
    text-align: center;
    font-size: 18px;
    display: block;
    font-weight: 500;
    position: relative;
    top: 55%;
    transform: translateY(-50%);
    animation: blinking .8s infinite 1s;
}

@keyframes blinking {
  0%{color:#fff;}
  20%{color:#fff;}
  40%{color:#fff;}
  60%{color:#0e2138;}
  80%{color:#0e2138;}
  100%{color:#0e2138;}
}


section.terms-conditions,
section.privacy-policy{
  padding-bottom: 140px;
}


.page-title, .inner-page-banner{
  overflow-x: hidden;
}

.google-map-area{
  margin-top:150px;
}

.contact-wideget .phone a{
  animation:blinking-foot 1s infinite 1s;
}
@keyframes blinking-foot {
  0%{color:#fff;}
  20%{color:#fff;}
  40%{color:#fff;}
  60%{color:#f92148;}
  80%{color:#f92148;}
  100%{color:#f92148;}
}





.front-blogs article{
      box-shadow: 0 0 5px 1px #e2e2e2a3;
    margin-bottom: 50px;
    padding-bottom: 20px;
}
.front-blogs article a {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    transition: all .3s;
    line-height: 22px;
}



.sidebar-parent{
  width:100%;
  position: fixed;
  z-index: 9999999999;
  top:0;
  left:-100%;
  transition: all .4s;
  background:#0000008f;
}
.sidebar-parent.side-open{
  left:0%;
}
.sidebar-parent span.text {
    font-size: 14px;
}

.sidebar-parent .nav-container{
  width:300px;
  box-shadow: 0 2px 2px 2px #04040447;
  transition: all 0.3s linear;
  height: 100vh;
  background: linear-gradient(#292929, #242424);
}
.sidebar-parent .nav{
  list-style-type:none;
  margin:0;
  padding:0;
}
.sidebar-parent li{
  height:50px; 
  position:relative;
  background: linear-gradient(#292929, #242424);

}
.sidebar-parent ul a {
  position: relative;
  border-top: 1px solid rgba(255,255,255,0.1);
  border-bottom: 1px solid black;
  text-decoration:none;
  display:block;
  height:100%;
  width:100%;
  color:#bbb;
  text-transform: uppercase;
  font-weight: bold;
  padding-left:25%;
  border-left:5px solid transparent;
  letter-spacing:1px;
  transition: all 0.3s linear;
  line-height: 32px;
  padding-left: 60px !important;
}
.sidebar-parent ul a span.fa{
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  left:20px;
  font-size: 20px;
  min-width: 45px;
}
.sidebar-parent ul .active a{
  color: #f92042;
  border-left:5px solid #f92042;
  background-color: #1B1B1B;
  outline:0;
}
.sidebar-parent ul li:not(.active):hover a{
  color: #eee;
  border-left: 5px solid #FCFCFC;
  background-color: #1B1B1B;
}
.sidebar-parent ul span[class ^= "icon"]{
  position:absolute;
  left:20px;
  font-size: 1.5em;
  transition: all 0.3s linear;
}

.sidebar-parent i.flaticon-technology:before {
  font-family: Flaticon;
    font-size: 25px;
    font-style: normal;
    margin-right: 20px;
    color: #fff;
    margin-left:0;
}
.sidebar-parent .contact-wideget .phone{
      margin-top: 50px;
    padding-left: 30px;
  }
.sidebar-parent .contact-wideget .phone a{
  font-size: 20px;
}

.sidebar-parent .mobo-logo{
  display: block;
    margin: 10px;
    margin-left: 60px;
    max-width: 180px;
}
.sidebar-parent .mobo-logo img{
  max-width: 100%;
}






























        /*    Media Query Start Here    */


@media screen and (min-width: 991px){

  .text-lg-right {
      text-align: right!important;
  }
  .text-lg-left {
    text-align: left!important;
}
.offset-lg-1{
  padding-left:6%;
}

}

/*======================mohit css======================*/


/*=========================end mohit css==================*/