/*Global Styling*/
body {
    font-family: 'Raleway', sans-serif;
    color: #a5a5a5;
}

/*common font family*/
p, .heading-title > span, .process-wrapp li > .pro-step,
.progress-bars .progress p, .progress-bars .progress .progress-bar span,
.price-table .ammount .dur, .pagination li > a, .counters .count_nums,
.price-table .ammount h2, .price-table ul li, .webcats li a > span,
.getin_form .form-control{
    font-family: 'Open Sans', sans-serif;
}

/* Helper Classes & Shorcodes */
.bglight {
    background: #f6f6f6;
}
.bgdefault {
    background: #00bcd4;
}
.whitecolor {
    color: #ffffff;
}
.darkcolor {
    color: #212331;
}
.extradark-color {
    color: #212331;
}
.defaultcolor {
    color: #00bcd4;
}
section{
    position: relative;
}
.gradient_bg{
    background: #ec6d48 ;
}
.gradient_bg_default{
    background: #00bcd4;
}

/*heading Titles */
.heading-title > span{
    color: #00bcd4;
}
.whitecolor.heading-title > span{
    color: #fff;
}


 /*hover on images*/
.hover-effect::before,
.hover-effect::after {
   background: #fff;
}

/*Back To Top*/
.back-top {
   color: #fff;
   background: #ec6d48;
}
.back-top::before {
   background: #00bcd4;
}
.back-top:hover, .back-top:focus {
   color: #fff;
}

/* ----- Social Icons ----- */
ul.social-icons li a {
   color: #676767;
}
ul.social-icons.white li a,
ul.social-icons-simple.white li a{
    color: #fff;
}
ul.social-icons-simple li a:hover, 
ul.social-icons-simple li a:focus{
    color: #00bcd4;
}
ul.social-icons li a:hover, 
ul.social-icons li a:focus,
ul.social-icons.white li a:hover, 
ul.social-icons.white li a:focus{
    color: #fff;
   -webkit-box-shadow: 0 0 15px 30px #00bcd4 inset;
   box-shadow: 0 0 15px 30px #00bcd4 inset;
}



/*-----Buttons-----*/
.btnprimary, .btnprimary-alt{
    background: #00bcd4;
}
.btnsecondary{
   background: #ec6d48 ;
}
.btnwhite{
    background: #fff;
   color: #212331;
}
.btnwhite-hole {
   background: transparent;
   border: 1px solid #fff;  
}
.btnwhite:hover, .btnwhite:focus{
    background: #00bcd4;
}

.btnwhite-hole:hover, .btnwhite-hole:focus {
   color: #212331;
   background: #fff;
}
.btnprimary:hover, .btnprimary:focus{
   background: #ec6d48 ;
   border: 1px solid #ec6d48 ;
}
.btnprimary-alt:hover, .btnprimary-alt:focus {
   background: transparent;
   border: 1px solid #00bcd4;
   color: #00bcd4;
}
.rev_slider .btnprimary-alt:hover, .rev_slider .btnprimary-alt:focus {
   background: transparent;
   border: 1px solid #fff;
}

.btnsecondary:hover, .btnsecondary:focus {
   background: #00bcd4;
   border: 1px solid #00bcd4;
}
.btnsecondary.hvrwhite:hover, .btnsecondary.hvrwhite:focus,
.btnprimary.hvrwhite:hover, .btnprimary.hvrwhite:focus {
   background: #fff;
   border: 1px solid #fff;
   color: #212331;
}

.btn-gradient-hvr::before {
    background: -webkit-linear-gradient(90deg, #423f9c, #862359);
    background: -webkit-gradient(linear, left top, right top, color-stop(#423f9c), color-stop(#862359));
    background: -webkit-linear-gradient(left, #423f9c, #862359);
    background: -o-linear-gradient(left, #423f9c, #862359);
    background: -webkit-gradient(linear, left top, right top, from(#423f9c), to(#862359));
    background: linear-gradient(90deg, #423f9c, #862359);
}
.scndry-gradient-hvr::before {
    background: -webkit-linear-gradient(90deg, #00e4ce 31%, #00abc9 69%);
    background: -webkit-gradient(linear, left top, right top, color-stop(31%, #00e4ce), color-stop(69%, #00abc9));
    background: -webkit-linear-gradient(left, #00e4ce 31%, #00abc9 69%);
    background: -o-linear-gradient(left, #00e4ce 31%, #00abc9 69%);
    background: linear-gradient(90deg, #00e4ce 31%, #00abc9 69%);
}
.btn-gradient-hvr:hover, .btn-gradient-hvr:focus {
   border-color: #ec6d48 ;
}
.scndry-gradient-hvr:hover, .scndry-gradient-hvr:focus {
   border-color: #00bcd4;
}

.btnwhite-hole, .btnwhite:hover, .btnwhite:focus,
.btnprimary, .btnsecondary, .btnprimary-alt,
.btnprimary:hover, .btnprimary:focus,
.btnsecondary:hover, .btnsecondary:focus,
.rev_slider .btnprimary-alt:hover, .rev_slider .btnprimary-alt:focus{
   color: #fff;
}


/*-------------------------------*/
/* Navigation Starts             */
/*-------------------------------*/
.bg-white {
   background: #fff;
}
.fixedmenu {
   background: #00bcd4;
}
.center-brand.fixedmenu,
.bg-white.fixedmenu,
.bg-transparent-light.fixedmenu,
.bg-transparent-white.fixedmenu{
   background: #fff;
}
.nav-whitebg {
   background: #fff;
}
.navbar-nav .nav-link {
   color: #212331;
}
.center-brand .navbar-nav .nav-link,
.transparent-bg .navbar-nav .nav-link,
.fixed-bottom .navbar-nav .nav-link{
   color: #fff;
}
.center-brand.fixedmenu .navbar-nav .nav-link {
   color: #212331;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
   color: #ec6d48;
}
.fixedmenu .navbar-nav .nav-link.active,
.fixedmenu .navbar-nav .nav-link.active:hover,
.fixedmenu .navbar-nav .nav-link.active:focus,
.center-brand.fixedmenu .navbar-nav .nav-link.active{
   background: #ec6d48;
   color: #fff;
}
.center-brand .navbar-nav .nav-link:first-of-type {
   background: rgba(0,0,0,0);
}

  
/*toggle responsive*/
.navbar-toggler span {
   background: #fff;
}
.bg-white .navbar-toggler span {
   background: #212331;
}
.center-brand.fixedmenu .navbar-toggler span {
   background: #00bcd4;
}
.navbar-toggler:not(.collapsed) span:nth-child(2) {
    background-color: transparent;
}


/*-----Side Menu----*/
.side-menu {
	background: #00bcd4;
}
.just-sidemenu .side-menu {
	background: #ec6d48 ;
}
.transparent-sidemenu .side-menu {
    background: rgba(0,0,0,.95);
}
.side-menu.side-menu-active {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/*Side overlay*/
#close_side_menu {
    background-color: #000;
}

/*side clode btn*/
.side-menu .btn-close::before, .side-menu .btn-close::after {
	background: #fff;
}

/*side open btn*/
.sidemenu_btn > span {
   background: #212331;
}
.center-brand .sidemenu_btn > span,
.transparent-bg .sidemenu_btn > span,
.fixed-bottom .sidemenu_btn > span,
.just-sidemenu .toggle_white.sidemenu_btn > span {
   background: #fff;
}
.center-brand.fixedmenu .sidemenu_btn > span{
   background: #212331;
}
.side-nav .navbar-nav .nav-link {
	color: #fff;
}
.side-nav .navbar-nav .nav-link::after{
   background: #fff;
}
.side-nav .navbar-nav .nav-link.active {
   background: transparent;  
}


@media (max-width: 992px) {
   .center-brand .navbar-nav .nav-link, 
   .transparent-bg .navbar-nav .nav-link {
      background: #00bcd4;
   }
   .center-brand.fixedmenu .navbar-nav .nav-link, 
   .transparent-bg.fixedmenu .navbar-nav .nav-link {
      background: transparent;
   }   
}

/*-------------------------------*/
/* Navigation Ends               */
/*-------------------------------*/	


/*-------------------------------*/
/* OWl Slider                    */
/*-------------------------------*/
/*Dots*/
.owl-dots .owl-dot {
   background: rgba(255, 255, 255, .35);

}
#text-fading .owl-dots .owl-dot {
	background: #fff;
}
.vertical-dot .owl-dots .owl-dot {
   background: rgba(255, 255, 255, .5);
}

.owl-dots .owl-dot::after {
   background-color: #00bcd4;
}
.vertical-dot .owl-dots .owl-dot.active {
   background: #fff;
}

/*Buttons*/
.owl-nav .owl-prev, .owl-nav .owl-next{
    background: #00bcd4;
    color: #fff;
}
.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover,
.owl-nav .owl-prev:focus, .owl-nav .owl-next:focus{
	background: #ec6d48 ;
}


/*-------------------------------*/
/* OWL Slider Ends               */
/*-------------------------------*/


/*-------------------------------*/
/* Main Banner Ends*/
/*-------------------------------*/

/*-------------------------------*/
/* Horizontal Half Blocks        */
/*-------------------------------*/
.half-section .img-container{}
.half-section .imgone{
    background: url("../images/split-img1.jpg") no-repeat;
}
.half-section .imgtwo{
    background: url("../images/split-img2.jpg") no-repeat;   
}

/*-------------------------------*/
/* Horizontal Half Blocks Ends   */
/*-------------------------------*/


/*-------------------------------*/
/* Page Headers                  */
/*-------------------------------*/
.page-header {
   background: url(../images/page-header.jpg) no-repeat;
}
.breadcrumb {
	background: transparent;
}
.breadcrumb .breadcrumb-item {
	color: #fff;
 }
.breadcrumb .breadcrumb-item:hover,
.breadcrumb .breadcrumb-item:focus,
.breadcrumb .breadcrumb-item.active {
	color: #ec6d48;
}
/*-------------------------------*/
/* Page Headers Ends             */
/*-------------------------------*/

/*-------------------------------*/
/* Mobile Apps & Features        */
/*-------------------------------*/

/*app features*/
.feature-item h4 {
	color: #222222;
}
.feature-item .icon {
	background: #00bcd4;
	color: #fff;
}
.feature-item .icon::before {
	background: transparent;
	border: 4px solid #fff;
}

#app-feature .feature-item:hover .icon {
   background: #ec6d48 ;
}
.feature-item:hover .icon { 
	-webkit-box-shadow: 0 0 0 0 rgba(155, 210, 48, 1);
	box-shadow: 0 0 0 0 rgba(155, 210, 48, 1);
}
@-webkit-keyframes itg_pulse {
    0% {
        -webkit-box-shadow: 0 0 0 5px rgba(155, 210, 48, 0.9);
        box-shadow: 0 0 0 5px rgba(155, 210, 48, 0.9);
    }
    25% {
        -webkit-box-shadow: 0 0 0 10px rgba(155, 210, 48, 0.6);
        box-shadow: 0 0 0 10px rgba(155, 210, 48, 0.6);
    }
    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(155, 210, 48, 0.3);
        box-shadow: 0 0 0 15px rgba(155, 210, 48, 0.3);
    }
    100% {
        -webkit-box-shadow: 0 0 0 60px rgba(155, 210, 48, 0.1);
        box-shadow: 0 0 0 20px rgba(155, 210, 48, 0.1);
    }
}
@-o-keyframes itg_pulse {
    0% {
        box-shadow: 0 0 0 5px rgba(155, 210, 48, 0.9);
    }
    25% {
        box-shadow: 0 0 0 10px rgba(155, 210, 48, 0.6);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(155, 210, 48, 0.3);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(155, 210, 48, 0.1);
   }
}
@keyframes itg_pulse {
    0% {
        -webkit-box-shadow: 0 0 0 5px rgba(155, 210, 48, 0.9);
        box-shadow: 0 0 0 5px rgba(155, 210, 48, 0.9);
    }
    25% {
        -webkit-box-shadow: 0 0 0 10px rgba(155, 210, 48, 0.6);
        box-shadow: 0 0 0 10px rgba(155, 210, 48, 0.6);
    }
    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(155, 210, 48, 0.3);
        box-shadow: 0 0 0 15px rgba(155, 210, 48, 0.3);
    }
    100% {
        -webkit-box-shadow: 0 0 0 60px rgba(155, 210, 48, 0.1);
        box-shadow: 0 0 0 20px rgba(155, 210, 48, 0.1);
   }
}
.feature-item.active {
   background: #f7f7f7;
}
/*-------------------------------*/
/* Mobile Apps Ends              */
/*-------------------------------*/


/*-------------------------------*/
/* Footer                        */
/*-------------------------------*/

footer ul.social-icons:not(.small) li a {
   background: transparent;
}
footer ul.social-icons li a {
   background: #f5f5f5;
}
footer .copyrights > a:hover,
footer .copyrights > a:focus {
   color: #00bcd4;
}
/*-------------------------------*/
/* Footer Ends                   */
/*-------------------------------*/


/*-------------------------------*/
/* PreLoader                     */
/*-------------------------------*/
.loader {
  background:#fff;
}
.loader span {
   background: #00bcd4;
}
/*-------------------------------*/
/* PreLoader Ends                */
/*-------------------------------*/
