@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,500,600,700|PT+Serif:400,400i,700,700i');

/*Global Styling*/

body {
    padding: 0;
    margin: 0;
    font-family: 'Open Sans';
    font-size: 1rem;
    color: #979797;
    overflow-x: hidden;
}

html {
    font-size: 16px;
}

.hidden {
    display: none!important;
}

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

a, a:hover, a:focus{
	outline:none;
	text-decoration:none;
    color: inherit;
}
input:focus{
    outline: none;
}
h1,h2,h3{
    font-family: 'PT Serif', serif;
}
h1,h2,h3,h4,h5,h6 {
    margin: 0;
    line-height: 1;    
}

h1 {
    font-size: 3.125rem;
}

h2 {
    font-size: 3rem;
}

h3 {
    font-size: 1.5rem;
}

h4 {
    font-size: 1.125rem;
}

h5{
    font-size: 1rem;
}

h6{
    font-size: 0.875rem;
}

p{
    font-family: 'Open Sans';
}
.block{
    display: block;
}
.italic {
	font-style: italic;
}

button {
	line-height: 1;
	background: transparent;
}



/* Helper Classes & Shorcodes */

.padding {
    padding: 8.75rem 0;
}
.padding_top {
    padding-top:8.75rem;
}
.padding_bottom {
    padding-bottom: 8.75rem;
}
.margin_bottom {
    margin-bottom: 8.75rem;
}
.margin_top {
    margin-top: 8.75rem;
}
.padding_half {
    padding: 4.375rem 0;
}
.padding_bottom_half {
    padding-bottom: 4.375rem;
}
.margin_bottom_half{
    margin-bottom: 4.375rem;
}
.padding_top_half {
    padding-top: 4.375rem;
}
.heading_space {
    margin-bottom: 4.6875rem;
}
.bottom5 {
    margin-bottom: 5px;
}
.bottom10 {
    margin-bottom: 10px;
}
.top10 {
    margin-top: 10px;
}
.bottom15 {
    margin-bottom: 15px;
}
.top15 {
    margin-top: 15px;
}
.top20 {
    margin-top: 20px;
}
.bottom20 {
    margin-bottom: 20px;
}
.bottom25 {
    margin-bottom: 25px;
}
.top25 {
    margin-top: 25px;
}
.bottom30 {
    margin-bottom: 30px;
}
.top30 {
    margin-top: 30px;
}
.bottom35 {
    margin-bottom: 35px;
}
.top40 {
    margin-top: 40px;
}
.bottom40 {
    margin-bottom: 40px;
}
.bottom45 {
    margin-bottom: 45px;
}
.top50 {
    margin-top: 50px;
}
.top60{
    margin-top: 60px;
}
.bottom60{
    margin-bottom: 60px;
}
.bottom0 {
    margin-bottom: 0;
}
.nomargin {
    margin: 0;
}
.nopadding{
    padding: 0;
}
.bglight {
    background: #f8f8f8;
}
.bgdefault {
    background: #ef233c;
}
.whitecolor {
    color: #ffffff;
}
.darkcolor {
    color: #414141;
}
.blackcolor{
    color: #000000;
}
.defaultcolor {
    color: #ef233c;
}
section {
	position: relative;
	z-index: 1;
	background: #fff;
}
.container{
    width: 1170px;
    max-width: 100%;
}
.container-padding{
    padding-left: 5.625rem;
    padding-right: 5.625rem;
}

/*heading text / intro blocks */
.heading-title{
    font-size: 14px;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    color: #ef233c;
    line-height: 1;
}
.whitecolor.heading-title{
    color: #fff;
}
.darkcolor.heading-title{
    color: #414141;
}
.heading-title::before {
  background: #ef233c;
  content: "";
  display: inline-block;
  height: 2px;
  margin-right: 1rem;
  margin-top: -1px;
  vertical-align: middle;
  width: 20px;
}
.whitecolor.heading-title::before{
    background:#fff; 
}
.darkcolor.heading-title::before{
    background: #414141;
}


/*img wrap*/
.image {
    overflow: hidden;
}
a.image{
    display: block;
}
.image img {
    width: 100%;
    display: block;
}
.image, .image img {
    position: relative;
}
.cbp-item:hover img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}


/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -15px;
        right: -15px;
        bottom: -15px;
        left: -15px;
        opacity: 0;
    }
}
@-o-keyframes hvr-ripple-out {
    100% {
        top: -15px;
        right: -15px;
        bottom: -15px;
        left: -15px;
        opacity: 0;
    }
}
@keyframes hvr-ripple-out {
    100% {
        top: -15px;
        right: -15px;
        bottom: -15px;
        left: -15px;
        opacity: 0;
    }
}
@media screen and (max-width: 800px){
    .video-btn{
        height: 60px;
        width: 60px;
    }
}
@media screen and (max-width: 640px){
    .video-btn{
        height: 50px;
        width: 50px;
    }
}


/*to align elements center*/
.center-block{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/*Back To Top*/
.back-top {
	color: #fff;
	right: 20px;
	font-size: 22px;
	position: fixed;
	z-index: 1600;
	opacity: 0;
	visibility: hidden;
	bottom: 70px;
	height: 40px;
	width: 40px;
	background: #ef233c;
	text-align: center;
	line-height: 38px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}
.back-top:before {
    content: "";
    position: absolute;
    border: #ef233c solid 4px;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}
.back-top:hover:before, .back-top:focus:before{
    -webkit-animation-name: hvr-ripple-out;
    -o-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out;
    opacity: 1;
}

.back-top-visible {
  opacity:1;
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.back-top:hover, .back-top:focus{
	color:#fff;
}


/* Social Icons */
ul.social_simple li,
ul.social li{
    display: inline-block;
}
.height{
    height: 110vh;
}
ul.social_simple li a,
ul.social li a{
    display: block; 
    text-align: center;
    color: #676767;
}
ul.social_simple li a {
  height: 24px;
  line-height: 24px;
  width: 24px;
  font-size: 17px;
  margin: 0 2px;
}
ul.social li a {
  height: 32px;
  line-height: 30px;
  width: 32px;
  font-size: 14px;
  border: 1px solid #979797;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
ul.social.white li a{
    color: #fff;
    border: 1px solid #fff;
}
ul.social.white li a > i,
ul.social.white li a > .fa,
ul.social li a::before,
ul.social li a::after{
    color: inherit !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
ul.social_simple li:last-child a,
ul.social li:last-child a{
    margin-right: 0;
}
ul.social_simple li:first-child a,
ul.social li:first-child a{
    margin-left: 0;
}
ul.social_simple.white li a,
ul.social.white li a{
    color: #fff;
}
ul.social_simple li a:hover, 
ul.social_simple li a:focus{
    color: #ef233c;
}
ul.social li a:hover, 
ul.social li a:focus{
    background: #ef233c;
    border: 1px solid #ef233c;
    color: #fff;
}
ul.social.white li a:hover, 
ul.social.white li a:focus{
    background: #fff;
    border: 1px solid #fff;
    color: #ef233c;
}
ul.social.dark li a:hover, 
ul.social.dark li a:focus{
    background: #414141;
    border: 1px solid #414141;
    color: #fff;
}

 
/*Buttons*/
.button{
    position: relative;
    display: inline-block;
    font-size: 12px;
    padding: 1.125rem 3rem;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    position: relative;
    font-family: 'Open Sans';
    z-index: 1;
    border:2px solid transparent;
}
.button.default{
    background: #ef233c;
    color: #fff;
}
.button.default:hover, .button.default:focus{
    background: transparent;
    border:2px solid #ef233c;
    color: #ef233c;
}
.button.dark{
    background: #414141;
    border:2px solid #414141;
    color: #fff;
}
.button.dark:hover, .button.dark:focus{
    background: transparent;
    border:2px solid #414141;
    color: #414141;
}
.button.white{
    background: #fff;
    color: #ef233c;
}
.button.white:hover, .button.white:focus{
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
}
.button.whitehole{
    border: 2px solid #fff;
    color: #fff;
}
.button.whitehole:hover, .button.whitehole:focus{
    background: #fff;
    color: #414141;
}
.button.darkhole{
    border: 2px solid #414141;
    color: #414141;
}
.button.darkhole:hover, .button.darkhole:focus{
    background: #414141;
    color: #fff;
}
.button.defaulthole{
    border: 2px solid #ef233c;
    color: #ef233c;
}
.button.defaulthole:hover, .button.defaulthole:focus,
.button.defaulthole.active{
    background: #ef233c;
    color: #fff;
}
.button i{
    margin-left: 3px;
}
.button:hover i, .button:focus i{
    color: inherit;
}

/*View More*/
.viewmore{
    display: inline-block;
    position: relative;
    font-size: 1rem;
    padding-bottom: 3px;
}
.viewmore::after{
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    background: #414141;  
}
.viewmore.whitecolor::after{
    background: #fff;   
}
.viewmore:hover::after{
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*Decorated button*/
.underlined {
  display: inline-table;
  position: relative;
}
.underlined::after{
    content: "";
    height: 1px;
    width: 100%;
    background: #979797;
    display: block;
    margin-top: 2px;  
}
.darkcolor .underlined::after,
.darkcolor.underlined::after{
    background: #414141;
}
.whitecolor .underlined::after,
.whitecolor.underlined::after{
    background: #ffffff;
}
.defaultcolor .underlined::after,
.defaultcolor.underlined::after{
    background: #ef233c;
}
.blackcolor .underlined::after,
.blackcolor.underlined::after{
    background: #000;
}


/*divider*/
.divider{
    display: inline-block;
    height: 3px;
    width: 70%;
    background: #ef233c;
}

/*center aligned*/
.intro-text.center{
    text-align: center;
}
.intro-text.center .heading-title::before {
  display: block;
  margin: 0 auto 1.125rem;
}



/* Helper Classes ends */



/* transitions common*/
a, *::before, *::after, img,  .pushwrap,
input, button, .hidden-items,#navigation, .fixed,
.swiper-button-next, .swiper-button-prev, 
.owl-prev, .owl-next, .owl-dots .owl-dot,
.icon_box, .icon_box hr{
  -o-transition:all .3s ease;
  -webkit-transition:all .3s ease;
  transition:all .3s ease;
}
i::before,i::after,
ul.social li a::before, ul.social li a::after{
    -webkit-transition: all 0s !important;
    -o-transition: all 0s !important;
    transition: all 0s !important;
}



/*-------------------------------*/
    /*video BAnner ends*/
/*-------------------------------*/



/*-------------------------------*/
    /*Swiper & OWl  Slider*/
/*-------------------------------*/
/*pagination*/
.swiper-pagination{
    text-align: left;
}
.swiper-pagination-bullet,
.owl-dots .owl-dot{
    height: 10px;
    width: 10px;
    background: rgba(239,35,60,.8);
    margin: 2px 3px !important;
    position: relative;
}
.owl-dots {
    margin-top: 2rem;
}
.owl-dots .owl-dot{
    display: inline-block;
    -webkit-border-radius:50%;
    border-radius:50%;
    background: rgba(255,255,255,.35);
   cursor: pointer;
}
.swiper-pagination-bullet:first-child{
    margin-left: 0;
}
.swiper-pagination-bullet:last-child{
    margin-right: 0;
} 
.swiper-pagination-bullet::after,
.owl-dots .owl-dot::after{
  background-color: #ef233c;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
   -webkit-transform: translate3d(0,100%,0);
   transform: translate3d(0,100%,0);
   -webkit-transition: all .3s ease;
   -o-transition: all .3s ease;
   transition: all .3s ease;
  visibility: hidden;
  width: 100%;
}
.swiper-pagination-bullet-active::after,
.swiper-pagination-bullet:hover:after,
.owl-dots .owl-dot.active::after,
.owl-dots .owl-dot:hover:after{
  opacity: 1; 
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);   
  visibility: visible;
}

/*Buttons*/
.swiper-button-next.swiper-button-disabled, 
.swiper-button-prev.swiper-button-disabled{
    opacity: 0;
}
.owl-nav .owl-prev{
    left: -5px;
    opacity: 0;
}
.owl-nav .owl-next{
    right: -5px;
    opacity: 0;
}
.owl-carousel:hover .owl-nav .owl-prev{
    left: 5px;
    opacity: 1;
}
.owl-carousel:hover .owl-nav .owl-next{
    right: 5px;
    opacity: 1;
}
.owl-nav .owl-prev, .owl-nav .owl-next{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
}
.owl-nav .owl-prev, .owl-nav .owl-next, 
.swiper-button-prev, .swiper-button-next {
	background: #ef233c;
	font-size: 14px;
	width: 50px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
}
 .swiper-button-prev::before, 
 .swiper-button-next::before {
    font-family: FontAwesome;
}
 .swiper-button-prev::before{
    content: "\f177";
}
 .swiper-button-next::before{
    content: "\f178";
}
.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover,
.swiper-button-prev:hover, .swiper-button-next:hover{
    background: #414141;
}

/*-------------------------------*/
    /*Swiper Slider ends*/
/*-------------------------------*/




/*-------------------------------*/
   /* Background Textfade slider */
/*-------------------------------*/
.textfade-bg{
    background: url(../images/bg-textfade.jpg) no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}
.textfade-four{
   background: url(../images/bg-textfade-four.jpg) no-repeat;
}
.textfade-bg, .textfade-bg .fade-wrapp{
   position: relative;
   width: 100%;
}
.textfade-bg .fade-wrapp{
    height: 100%;
    top: 0;
    bottom: 1.5rem; left: 0;
}
.fade-wrapp #text-fade{
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
.fade-wrapp #text-fade,
.fade-wrapp #owl-custom.owl-dots{
   position: absolute;
   left: 50%;
}
.fade-wrapp #owl-custom.owl-dots{
   bottom: 1rem;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -o-transform: translateX(-50%);
   transform: translateX(-50%);
   z-index: 2;
}

/*-------------------------------*/
    /*  Background Textfade */
/*-------------------------------*/


/*-------------------------------*/
    /*  Counter Styels  */
/*-------------------------------*/
/*hover box counters*/
#bg-counter{
    background: url(../images/bg-counter.jpg) no-repeat;
}
#bg-counter-dark{
    background: url(../images/bg-counter-dark.jpg) no-repeat;
}
#bg-counter-food{
    background: url(../images/food/bg-counter-food.jpg) no-repeat;
}
#bg-counter-medical {
   background: url(../images/construction/bg-counter-construction.jpg) no-repeat;
}
#bg-counter, #bg-counter-dark, #bg-counter-food, #bg-counter-medical{
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}
.counter-center i{
   font-size: 3.2rem;
   display: inline-block;
}

.count_nums,.counter-center h6{
    font-weight: bold;
    color: #414141;
}
.counter-center.whitecolor .count_nums,
.counter-center.whitecolor h6{
   color: #fff;
}
.count_nums{
    font-size: 6.25rem;
    font-family: 'PT Serif', serif;
}
.counter-wrap.small .count_nums{
   font-size: 2.2rem;
}

/*Counter Floated On left*/
.floated-counter .count_nums {
  font-size: 10rem;
  width: 160px;
  line-height: 1;
  vertical-align: middle;
  overflow: hidden;
}
.floated-counter .counters{
    display: table;
}
.floated-counter .counters .count_nums, 
.floated-counter .counters sup{
    display: table-cell;
    color: #fff;
}
.floated-counter .counters sup{
    top: 0.75rem;
    font-size: 100%;
}
.floated-counter h3{
    font-size: 1.75rem;
}

/*centered align counters*/
.counter-center {
	text-align: center;
	max-width: 310px;
	display: inline-block;
}
.counter-center:hover h6,
.counter-center:hover .count_nums{
    color: #ef233c;
}
.counter-center.dark:hover h6,
.counter-center.dark:hover .count_nums{
    color: #666666;
}

@media screen and (max-width: 640px){
    .counter-wrap .col-xs-6{
        width: 100%;
    }
}
@media screen and (max-width: 360px){
    .floated-counter [class*="col-"]{
        width: 100%;
    }
}

/*-------------------------------*/
    /*  Counter ends */
/*-------------------------------*/


/*-------------------------------*/
    /*  CountDown Timer */
/*-------------------------------*/
 #countdown-bg {
   background: url(../images/countdown-bg.jpg) no-repeat;
   background-position: center center;
   -webkit-background-size: cover;
   background-size: cover;
   background-position: center center;
   width: 100%;
}
#countdown-cols{
   width: 100%;
   overflow: hidden;
}
#countdown-cols .center-block{
   height: 100% !important;
   min-height: 100% !important;
   background:#000; 
} 
#countdown-cols .countdown-photo {
   background: url(/images/countdown-col.jpg) no-repeat;
   background-position: center center;
   -webkit-background-size: cover;
   background-size: cover;
   background-position: center center;
   min-height: 100% !important;
   height: 100%;
   position: relative;
}
.logo-coming {
	display: inline-block;
	width: 300px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	position: absolute;
}
.logo-coming > img{
	display: block;
	width: 100%;
}
.our-countdown {
	text-align: center;
}
.our-countdown .dsCountDown{
   background: transparent;
}
.our-countdown .dsCountDown {
	background: transparent;
	border: none;
} 
.our-countdown .dsCountDown .ds-element {
	border: none;
	padding-right: 1.5rem;
	margin-right: 1.5rem;
}
.our-countdown .ds-element-title {
	font-size: 1rem;
	text-transform: capitalize;
   font-family: 'Open Sans';
}
.our-countdown .ds-element-value {
	font-size: 3.5rem;
	text-transform: capitalize;
	text-shadow: none;
	font-family: 'PT Serif', serif;
	font-weight: bold;
}
.our-countdown.whitecolor .ds-element-title,
.our-countdown.whitecolor .ds-element-value {
   color: #fff;
}

/*News Letter */
.newsletter-simple  .footer_email {
    display: inline-table;
	background: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding-right: 5px;
}
.newsletter-simple .footer_email .form-group{
   margin-bottom: 0;
}
.newsletter-simple .footer_email input.email {
	border: none;
	background: #fff;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #414141;
	font-size: 12px;
	height: 38px;
	max-width: 520px;
	left: 0;
	top: 0;
	padding: 12px;
	display: table-cell;
}
.newsletter-simple .footer_email .btn-newes {
	background: #ef233c;
	border: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #fff;
	display: table-cell;
	font-size: 10px;
	height: 38px;
	padding: 5px 1.5rem;
	text-align: center;
	text-transform: uppercase;
	top: 0;
   -webkit-transform: scaleY(1.2);
	-ms-transform: scaleY(1.2);
	-o-transform: scaleY(1.2);
	transform: scaleY(1.2);
}
.newsletter-simple .footer_email .btn-newes span{
   -webkit-transform: scaleY(1);
   -ms-transform: scaleY(1);
   -o-transform: scaleY(1);
   transform: scaleY(1);
}
.newsletter-simple .footer_email .btn-newes:hover,
.newsletter-simple .footer_email .btn-newes:focus{
   background: #fff;
   color: #414141;
}

/*Newsletter with background*/
.bgnewsletter {
   background: url(../images/single-portfolio9.jpg) no-repeat;
   background-position: center center;
   -webkit-background-size: cover;
   background-size: cover;
   background-position: center center;
   background-attachment: fixed;
}
.bgnewsletter .widget_search .input-group {
   width: 90% !important;
   margin: 0 auto;
   left: 57%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -o-transform: translateX(-50%);
   transform: translateX(-50%);
}
.bgnewsletter .widget_search .form-control {
   width: 60%;
   height: 46px;
}
.bgnewsletter .widget_search .input-group-addon {
   height: 46px;
   background-color: #ef233c;
   position: relative;
   top: 0;
   width: 50px;
   border: none;
   display: table;
} 

@media screen and (max-width: 767px){
   .our-countdown .dsCountDown{
      padding: 5px;
   }
    .our-countdown .dsCountDown .ds-element{
        padding-right: 0.8rem;
        margin-right: 0.8rem;
    }
   .newsletter-simple .footer_email input.email{
      max-width: 240px;
   }
}


/*-------------------------------*/
    /*  CountDown Timer ends */
/*-------------------------------*/


/*-------------------------------*/
    /* Error */
/*-------------------------------*/
#error .error,  .error h1 {
	position:relative;
}
.error h1,  .error h2 { 
   font-weight: bold;
}
 .error h1 {
	color:#ebebeb;
	font-size:10rem;
    font-family: 'Open Sans';
}
.error h2 {
  color:#414141;
  font-size: 3.2rem;
  left: 50%;
  position: absolute;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#error p {
   margin-left: 10%;
   margin-right: 10%;
}

/*-------------------------------*/
    /* Error ends */
/*-------------------------------*/




 

/*-------------------------------*/
    /*PreLoader*/
/*-------------------------------*/
.loader {
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1111;
  background:#fff;
  overflow-x:hidden;
}
.loader-block {
	position: relative;
	width: 100%;
}
.loader-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*----Animated Bars-----*/
.spinner-eff {
    position: relative;
    width: 80px;
    height: 80px;
}
.spinner-eff.spinner-eff-4 {
    -webkit-animation: rotation 12.8s steps(1) 0s infinite;
    -o-animation: rotation 12.8s steps(1) 0s infinite;
    animation: rotation 12.8s steps(1) 0s infinite;
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    75% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    75% {
        -webkit-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    75% {
        -webkit-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes bar-top {
    0% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
    12.5% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    87.5% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
}
@-o-keyframes bar-top {
    0% {
        -webkit-transform: scale(0, 1);
        -o-transform: scale(0, 1);
        transform: scale(0, 1);
    }
    12.5% {
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    87.5% {
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform: scale(0, 1);
        -o-transform: scale(0, 1);
        transform: scale(0, 1);
    }
}
@keyframes bar-top {
    0% {
        -webkit-transform: scale(0, 1);
        -o-transform: scale(0, 1);
        transform: scale(0, 1);
    }
    12.5% {
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    87.5% {
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform: scale(0, 1);
        -o-transform: scale(0, 1);
        transform: scale(0, 1);
    }
}
@-webkit-keyframes bar-right {
    0% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    12.5% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    25% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    75% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    87.5% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    100% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@-o-keyframes bar-right {
    0% {
        -webkit-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    12.5% {
        -webkit-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    25% {
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    75% {
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    87.5% {
        -webkit-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    100% {
        -webkit-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@keyframes bar-right {
    0% {
        -webkit-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    12.5% {
        -webkit-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    25% {
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    75% {
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    87.5% {
        -webkit-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    100% {
        -webkit-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@-webkit-keyframes bar-bottom {
    0% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
    25% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
    37.5% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    62.5% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    75% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
    100% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
}
@-o-keyframes bar-bottom {
    0% {
        -webkit-transform: scale(0, 1);
        -o-transform: scale(0, 1);
        transform: scale(0, 1);
    }
    25% {
        -webkit-transform: scale(0, 1);
        -o-transform: scale(0, 1);
        transform: scale(0, 1);
    }
    37.5% {
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    62.5% {
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    75% {
        -webkit-transform: scale(0, 1);
        -o-transform: scale(0, 1);
        transform: scale(0, 1);
    }
    100% {
        -webkit-transform: scale(0, 1);
        -o-transform: scale(0, 1);
        transform: scale(0, 1);
    }
}
@keyframes bar-bottom {
    0% {
        -webkit-transform: scale(0, 1);
        -o-transform: scale(0, 1);
        transform: scale(0, 1);
    }
    25% {
        -webkit-transform: scale(0, 1);
        -o-transform: scale(0, 1);
        transform: scale(0, 1);
    }
    37.5% {
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    62.5% {
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    75% {
        -webkit-transform: scale(0, 1);
        -o-transform: scale(0, 1);
        transform: scale(0, 1);
    }
    100% {
        -webkit-transform: scale(0, 1);
        -o-transform: scale(0, 1);
        transform: scale(0, 1);
    }
}
@-webkit-keyframes bar-left {
    0% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    37.5% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    62.5% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    100% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@-o-keyframes bar-left {
    0% {
        -webkit-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    37.5% {
        -webkit-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    62.5% {
        -webkit-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    100% {
        -webkit-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@keyframes bar-left {
    0% {
        -webkit-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    37.5% {
        -webkit-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    62.5% {
        -webkit-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    100% {
        -webkit-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}

.spinner-eff.spinner-eff-4 .bar {
    background-color: #ef233c;
}
.spinner-eff.spinner-eff-4 .bar-top,
.spinner-eff.spinner-eff-4 .bar-right,
.spinner-eff.spinner-eff-4 .bar-bottom,
.spinner-eff.spinner-eff-4 .bar-left{
    position: absolute;
}
.spinner-eff.spinner-eff-4 .bar-top {
    width: 100%;
    height: 7px;
    top: 0; left: 0;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-animation: bar-top 3.2s linear 0s infinite;
    -o-animation: bar-top 3.2s linear 0s infinite;
    animation: bar-top 3.2s linear 0s infinite;
}
.spinner-eff.spinner-eff-4 .bar-right {
    width: 7px;
    height: 100%;
    top: 0; right: 0;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-animation: bar-right 3.2s linear 0s infinite;
    -o-animation: bar-right 3.2s linear 0s infinite;
    animation: bar-right 3.2s linear 0s infinite;
}
.spinner-eff.spinner-eff-4 .bar-bottom {
    width: 100%;
    height: 7px;
    right: 0; bottom: 0;
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-animation: bar-bottom 3.2s linear 0s infinite;
    -o-animation: bar-bottom 3.2s linear 0s infinite;
    animation: bar-bottom 3.2s linear 0s infinite;
}
.spinner-eff.spinner-eff-4 .bar-left {
    width: 7px;
    height: 100%;
    left: 0; bottom: 0;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-animation: bar-left 3.2s linear 0s infinite;
    -o-animation: bar-left 3.2s linear 0s infinite;
    animation: bar-left 3.2s linear 0s infinite;
}
/*----Animated Bars ends-----*/






/*-------------------------------*/
      /*Loader ends*/
/*-------------------------------*/



@media screen and (max-width: 1500px){
    html {
        font-size: 15px;
    }
    .container-padding {
        padding-left: 4.625rem;
        padding-right: 4.625rem;
    }
}
@media screen and (max-width: 1200px){
    html {
        font-size: 14px;
    }
     .container-padding {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}
@media screen and (max-width: 1024px){
    h1 {
        font-size: 2.75rem
    }
    h2 {
        font-size: 2.5rem;
    }
    h3 {
        font-size: 1.375rem;
    }
   h1, h2, h3, h4, h5, h6{
      line-height: normal;
   }
   .container {
       width: 1000px;
       max-width: 100%;
   }
}

@media screen and (max-width: 992px){
    html {
        font-size: 13px;
    }
    .container-padding {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .heading-title {
        font-size: 12px;
    }
   /*buttons*/
   .button {
       font-size: 11px;
       padding: 1.125rem 2.5rem;
   }
    
    /*Copyright*/
    .copyright ul li a {
        margin: 0 0.5rem;
    }
    .copyright ul li a, .copyright p {
        font-size: 9px;
    }

}
@media screen and (max-width: 990px) {
   /*Navigation*/
    #navigation{
       background: rgba(0,0,0,.55);
       padding: 0;
    }
   #navigation.lighttransparent,
   #navigation.lightheader{
       background: rgba(255,255,255,1);;
    }
    .navbar-header {
        width: 100%;
        float: none;
    }
    .navbar-toggle {
        display: block;
    }

   
    /*sidenav*/
      #sidemenu .navbar-default.sidebar-nav {
         display: block;
         width: 100%;
         position: relative;
         top: 0;
         z-index: 1;
         height: auto;
         padding: 0 15px;
         border-right: none;
      }
   
   /*Logo in center mode*/
    .logo-center {
       float: left;
       left: auto;
       position: relative;
       top: auto;
       -ms-transform: none;
       -o-transform: none;
       -webkit-transform: none;
       transform: none;
    }
    /*sidenav logo*/
   .navbar-default.sidebar-nav .navbar-brand{
      width: 94px;
   }
   .navbar-default.sidebar-nav .navbar-brand {
      margin: 14px 0;
   }
    .navbar-collapse {
      border-top: none;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    .navbar-collapse.collapse {
      display: none!important;
    }
    .navbar-collapse.show {
      display: block!important;
      width: 100%;
    }
	.navbar-default.sidebar-nav .navbar-collapse.collapse{
		display: block !important;
	}
   .navbar-left-1, .navbar-right-1 {
       display: block;
       float: none;
       width: 100%;
       padding: 0;
   }
    .navbar-collapse.show.navbar-right,
    .navbar-nav,.navbar-right {
        float: none!important;
    }
    .navbar-nav {
        margin: 7.5px -15px;
        width: 100%;
    }
    .navbar-nav>li {
      float: none;
    }
   .navbar-default .navbar-nav > li > a {
      padding: 10px 0;
   }
   .navbar-default .navbar-nav > li > a::before {
      bottom: 5px;
   }
   .dark .navbar-toggle,
   .navbar-default .navbar-nav li.dropdown > .dropdown-toggle::after {
      display: none;
   }
   .navbar-nav > li > .dropdown-menu {
      overflow-y: auto;
      width: 100%;
      position: relative;
   }
   .navbar-nav > li > .halfmenu-content{
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
   }
   .wrapper.wrapperleft{
      padding-left: 0;
   }
   .navbar-default.sidebar-nav .widget,
   .navbar-default.sidebar-nav .social_simple {
      display: none;
   }
    
} 

@media screen and (max-width: 767px){
    html {
        font-size: 12px;
    }
    .container-padding {
        padding-left: 15px;
        padding-right: 15px;
    }
    .navbar-nav{
        flex-direction: column;
    }
    #contact-form .width{
        width: auto;
    }
   
   /*buttons*/
   .button {
       padding: 1rem 2rem;
   }
   
   /*Navigation*/
    .dark #navigation .navbar-toggle,
    .dark #navigation.fixed .navbar-toggle, ul.top-right {
        display: none;
    }
    .full-screen h2 {
        font-size: 2.2rem;
    }
    .caption-video .video-btn {
        margin-bottom: -40px;
    }
    .caption-video h2.bottom35 {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 480px){
    .heading-title {
        font-size: 10px;
    }
    .full-screen h2 {
        font-size: 2rem;
    }
   #error p {
      margin-left: 5%;
      margin-right: 5%;
   }
}