.resto
 {
	margin-top: 25px; 
 }
 
 
 .resto .shadow-icon-box span {
    display: block;
    position: absolute;
    height: 75px;
    width: 65px;
    color: #fff;
   }
   
   
 .resto .fa-lg{line-height: 1.9em;}
 

 .resto .more a{ font-weight: 500;
    position: absolute;
    bottom: 10px;
    left: 20px;
    transition: color 0.4s;
 }
 
 .resto .more a.primary {
    color: #A9ABAC;
	
}

 .resto .more a.primary:hover {
    color: #000;
}

.resto .flex-card.light-raised {
    padding: 0px 0px 10px 0px;
}
.resto h1{font-size: 14px;
    color: #444F60;
    font-weight: 500;
    margin-top: 15px;
    float: right;
    position: relative;
    top: -60px;
    right: 20px;
	width: 51%;}

.flex-card{display: inherit;}	
	
.resto .shadow-icon-box{position: relative;
    position: relative;
    text-align: center;
    overflow: hidden;
    /* margin: -28px 12px; */
    width: 65px;
    height: 65px;
    font-size: 25px;
    top: -33px;
    left: 16px;
    right: 0px;
    margin: 0px;
    line-height: 75px;
    border-radius: 150%;
    background: #2c478a;
}

.pms{ margin:20px 0px;}
	
 /*.resto.is-secondary span {
    text-shadow: #5900b3 1px 1px, #5900b3 2px 2px, #5900b3 3px 3px, #5900b3 4px 4px, #5900b3 5px 5px, #5900b3 6px 6px, #5900b3 7px 7px, #5900b3 8px 8px, #5900b3 9px 9px, #5900b3 10px 10px, #5900b3 11px 11px, #5900b3 12px 12px, #5900b3 13px 13px, #5900b3 14px 14px, #5900b3 15px 15px, #5900b3 16px 16px, #5900b3 17px 17px, #5900b3 18px 18px, #5900b3 19px 19px, #5900b3 20px 20px, #5900b3 21px 21px, #5900b3 22px 22px, #5900b3 23px 23px, #5900b3 24px 24px, #5900b3 25px 25px, #5900b3 26px 26px, #5900b3 27px 27px, #5900b3 28px 28px, #5900b3 29px 29px, #5900b3 30px 30px, #5900b3 31px 31px, #5900b3 32px 32px, #5900b3 33px 33px, #5900b3 34px 34px, #5900b3 35px 35px, #5900b3 36px 36px, #5900b3 37px 37px, #5900b3 38px 38px, #5900b3 39px 39px, #5900b3 40px 40px, #5900b3 41px 41px, #5900b3 42px 42px, #5900b3 43px 43px, #5900b3 44px 44px, #5900b3 45px 45px, #5900b3 46px 46px, #5900b3 47px 47px, #5900b3 48px 48px, #5900b3 49px 49px, #5900b3 50px 50px, #5900b3 51px 51px, #5900b3 52px 52px, #5900b3 53px 53px, #5900b3 54px 54px, #5900b3 55px 55px, #5900b3 56px 56px, #5900b3 57px 57px, #5900b3 58px 58px, #5900b3 59px 59px, #5900b3 60px 60px, #5900b3 61px 61px, #5900b3 62px 62px, #5900b3 63px 63px, #5900b3 64px 64px, #5900b3 65px 65px, #5900b3 66px 66px, #5900b3 67px 67px, #5900b3 68px 68px, #5900b3 69px 69px, #5900b3 70px 70px, #5900b3 71px 71px, #5900b3 72px 72px, #5900b3 73px 73px, #5900b3 74px 74px, #5900b3 75px 75px;
}

.resto.is-secondary span{text-shadow: #008571 1px 1px, #008571 2px 2px, #008571 3px 3px, #008571 4px 4px, #008571 5px 5px, #008571 6px 6px, #008571 7px 7px, #008571 8px 8px, #008571 9px 9px, #008571 10px 10px, #008571 11px 11px, #008571 12px 12px, #008571 13px 13px, #008571 14px 14px, #008571 15px 15px, #008571 16px 16px, #008571 17px 17px, #008571 18px 18px, #008571 19px 19px, #008571 20px 20px, #008571 21px 21px, #008571 22px 22px, #008571 23px 23px, #008571 24px 24px, #008571 25px 25px, #008571 26px 26px, #008571 27px 27px, #008571 28px 28px, #008571 29px 29px, #008571 30px 30px, #008571 31px 31px, #008571 32px 32px, #008571 33px 33px, #008571 34px 34px, #008571 35px 35px, #008571 36px 36px, #008571 37px 37px, #008571 38px 38px, #008571 39px 39px, #008571 40px 40px, #008571 41px 41px, #008571 42px 42px, #008571 43px 43px, #008571 44px 44px, #008571 45px 45px, #008571 46px 46px, #008571 47px 47px, #008571 48px 48px, #008571 49px 49px, #008571 50px 50px, #008571 51px 51px, #008571 52px 52px, #008571 53px 53px, #008571 54px 54px, #008571 55px 55px, #008571 56px 56px, #008571 57px 57px, #008571 58px 58px, #008571 59px 59px, #008571 60px 60px, #008571 61px 61px, #008571 62px 62px, #008571 63px 63px, #008571 64px 64px, #008571 65px 65px, #008571 66px 66px, #008571 67px 67px, #008571 68px 68px, #008571 69px 69px, #008571 70px 70px, #008571 71px 71px, #008571 72px 72px, #008571 73px 73px, #008571 74px 74px, #008571 75px 75px;
}

.resto.is-accent span {
    text-shadow: #072cfe 1px 1px, #072cfe 2px 2px, #072cfe 3px 3px, #072cfe 4px 4px, #072cfe 5px 5px, #072cfe 6px 6px, #072cfe 7px 7px, #072cfe 8px 8px, #072cfe 9px 9px, #072cfe 10px 10px, #072cfe 11px 11px, #072cfe 12px 12px, #072cfe 13px 13px, #072cfe 14px 14px, #072cfe 15px 15px, #072cfe 16px 16px, #072cfe 17px 17px, #072cfe 18px 18px, #072cfe 19px 19px, #072cfe 20px 20px, #072cfe 21px 21px, #072cfe 22px 22px, #072cfe 23px 23px, #072cfe 24px 24px, #072cfe 25px 25px, #072cfe 26px 26px, #072cfe 27px 27px, #072cfe 28px 28px, #072cfe 29px 29px, #072cfe 30px 30px, #072cfe 31px 31px, #072cfe 32px 32px, #072cfe 33px 33px, #072cfe 34px 34px, #072cfe 35px 35px, #072cfe 36px 36px, #072cfe 37px 37px, #072cfe 38px 38px, #072cfe 39px 39px, #072cfe 40px 40px, #072cfe 41px 41px, #072cfe 42px 42px, #072cfe 43px 43px, #072cfe 44px 44px, #072cfe 45px 45px, #072cfe 46px 46px, #072cfe 47px 47px, #072cfe 48px 48px, #072cfe 49px 49px, #072cfe 50px 50px, #072cfe 51px 51px, #072cfe 52px 52px, #072cfe 53px 53px, #072cfe 54px 54px, #072cfe 55px 55px, #072cfe 56px 56px, #072cfe 57px 57px, #072cfe 58px 58px, #072cfe 59px 59px, #072cfe 60px 60px, #072cfe 61px 61px, #072cfe 62px 62px, #072cfe 63px 63px, #072cfe 64px 64px, #072cfe 65px 65px, #072cfe 66px 66px, #072cfe 67px 67px, #072cfe 68px 68px, #072cfe 69px 69px, #072cfe 70px 70px, #072cfe 71px 71px, #072cfe 72px 72px, #072cfe 73px 73px, #072cfe 74px 74px, #072cfe 75px 75px;
} */


	  
	  
.ravis-title {
  width: 100%;
  position: relative;
  text-align: center;
  margin: 129px 0px;}
  .ravis-title:before, .ravis-title:after {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    height: 50px;
    border: 2px solid #d2bd7f; }
  .ravis-title:before {
    top: -50px;
    border-bottom: 0; }
  .ravis-title:after {
    bottom: -50px;
    border-top: 0; }
  .ravis-title .inner-box {
    width: 100%;
    position: relative; }
    .ravis-title .inner-box:before, .ravis-title .inner-box:after {
      display: block;
      content: '';
      position: absolute;
      left: 50%;
      margin-left: -45px;
      width: 90px;
      height: 45px;
      border: 1px solid #d2bd7f; }
    .ravis-title .inner-box:before {
      top: -45px;
      border-bottom: 0; }
    .ravis-title .inner-box:after {
      bottom: -45px;
      border-top: 0; }
    .ravis-title .inner-box .title {
      color: #FFFFFF;
      font: 30px/40px "Playfair Display", Arial, Helvetica, sans-serif; }
    .ravis-title .inner-box .sub-title {
      color: #d2bd7f;
      font: 30px/40px "Great Vibes", Arial, Helvetica, sans-serif; }
	  
	
	
	
	
	/*! _landing.scss | Bulkit | CSS Ninja */

/* ==========================================================================
Landing kit v1 SCSS file
========================================================================== */

/***
TABLE OF CONTENTS
=============================================================================
0. Animated Hero background
1. Hero Header styles
2. Landing page styles
3. Video embed
4. Pricing page
5. Footer styles
6. Login and Sign up
7. Tablet media queries (portrait orientation)
=============================================================================
***/

/* ==========================================================================
0. Animated Hero background
========================================================================== */
#landing-hero {
    background: $secondary url(../images/bg/shapes/icon-bg.png) repeat 0 0;
    -webkit-animation: 18s linear 0s normal none infinite animate;
    -moz-animation: 18s linear 0s normal none infinite animate;
    -ms-animation: 18s linear 0s normal none infinite animate;
    -o-animation: 18s linear 0s normal none infinite animate;
    animation: 18s linear 0s normal none infinite animate;
}

//Animated background keyframes animations (background position y value should match your background image height to avoid "jumping effects")
@-webkit-keyframes animate {
    from {background-position:0 0;}
    to {background-position: 0 -1450px;}
}

@-moz-keyframes animate {
    from {background-position:0 0;}
    to {background-position: 0 -1450px;}
}

@-ms-keyframes animate {
    from {background-position:0 0;}
    to {background-position: 0 -1450px;}
}

@-o-keyframes animate {
    from {background-position:0 0;}
    to {background-position: 0 -1450px;}
}

@keyframes animate {
    from {background-position:0 0;}
    to {background-position: 0 -1450px;}
}

/* ==========================================================================
1. Hero Header styles
========================================================================== */

//Hero wave shape
.hero.hero-waves:before {
    background: transparent url(../images/bg/shapes/wavy.png) no-repeat scroll 0 bottom / 100% auto;
    content: "";
    height: 321px;
    width: 100%;
    z-index: 0 !important;
    position: absolute;
    bottom: -1px;
    left: 0;
}

//Hero caption
.header-caption {
    margin-top: -80px;
    padding: 0 20px;
    text-align: left;
    .landing-title {
        font-family: 'Nexa Bold', sans-serif;
        font-size: 3.4rem;
        font-weight: 900 !important;
        margin-bottom: 0 !important;
        color: $white;
        &.is-big {
            font-size: 4rem;
        }
    }
    .subtitle {
        margin-bottom: 0;
        padding: 10px 0;
    }
    &.is-centered {
        text-align: center !important;
    }
}

//Header caption media query (mobile)
@media (max-width: 767px) {
    .header-caption {
        text-align: center;
        padding: 40px 10px;
        .landing-title {
            font-size: 2.5rem;
        }
    }
}

@media (max-width: 768px) {
    .header-caption {
        margin-top: 0 !important;
    }
}

//Tablet orientation portrait
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .header-caption {
        text-align: center;
    }
}

/* ==========================================================================
2. Landing page styles
========================================================================== */

//section title
.section-title-wrapper {
    .section-title-landing {
        font-family: 'Nexa Bold', sans-serif;
        font-size: 2.6rem;
        color: $blue-grey;
        padding: 10px 0;
    }
    h4 {
        padding: 20px 40px;
        font-family: 'Nexa Light', sans-serif;
        font-weight: 300;
        font-size: 1.2rem;
        color: $muted-grey;
    }
}

//Half laptop and phone mockup
.half-mockup {
    position: absolute;
    bottom: 0;
    max-height: 550px;
}

//Smartphone slider
.phone-slide {
    background-position: center left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50% 50%;
    vertical-align: top;
    padding: 800px 30px 30px 30px;
    &.is-first {
        background-image: url(../images/illustrations/mockups/landing/phone-slide-1.png);
    }
    &.is-second {
        background-image: url(../images/illustrations/mockups/landing/phone-slide-2.png);
    }
    &.is-third {
        background-image: url(../images/illustrations/mockups/landing/phone-slide-3.png);
    }
    &.is-fourth {
        background-image: url(../images/illustrations/mockups/landing/phone-slide-4.png);
    }
}

//Large feature image
.featured-svg-lg{
    max-width: 550px;
    max-height: 550px;
}

//Icon boxes
.wavy-icon-box {
    i {
        font-size: 3.8rem;
        font-weight: normal;
        color: $secondary;
    }
    .box-title {
        font-family: 'Nexa Light', sans-serif;
        padding: 5px 0;
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
        color: $secondary;
    }
    .box-content {
        color: $muted-grey;
    }
}

.square-icon-box {
    &.is-landing {
        .box-title {
            font-family: 'Nexa Light', sans-serif;
            font-size: 1.2rem;
            font-weight: 700;
            color: $blue-grey;
        }
        .box-text {
            font-size: 14px;
        }
    }
}

//Features text
.quick-feature.is-handwritten {
    font-size: 2.1rem !important;
    font-family: 'Nexa Bold', sans-serif;
    font-weight: 400 !important;
    margin-bottom: 0.8rem !important;
    .bg-number {
        padding-right: 10px !important;
        font-family: 'Roboto' !important;
    }
}

//Event cards
.event-card.is-wavy {
    h2.text-title {
        font-family: 'Nexa Bold', sans-serif;
        text-transform: none;
        font-size: 1.35em;
    }
    p.text-subtitle {
        font-family: 'Nexa Light', sans-serif;
        font-size: 0.9rem;
    }
}

//Testimonials
.testimonials.is-wavy {
    .testimonial-name h3 {
        font-family: 'Nexa Bold', sans-serif;
    }
}

//Testimonial item media query (mobile)
@media (max-width: 768px) {
    .testimonial-item {
        margin: 40px 15px !important;
        .testimonial-content {
            p {
                padding: 20px !important;
            }
        }
    }
}

//Spacer
.bottom-spacer {
    margin-bottom: 80px;
    min-height: 100px;
}

//Small feature
.small-feature {
    padding: 5px 0;
    font-family: 'Nexa Bold', sans-serif;
    font-size: 1.3rem;
}

/* ==========================================================================
3. Video embed
========================================================================== */

//Adjustments
#features-video {
    margin-top: -35%;
}

#header-pricing {
    margin-top: -20%;
}

//Video block adjustment media query (mobile)
@media (max-width: 768px) {
    #features-video {
        margin-top: 0 !important;
    }
}

/* ==========================================================================
4. Pricing page
========================================================================== */

//Pricing plan switch
.pricing-picker {
    span {
        color: $white;
        font-family: 'Nexa Light', sans-serif;
        margin: 0 5px 0 5px;
        padding: 10px 20px 13px 20px;
        border: 1px solid transparent;
        border-radius: 4px;
        cursor: pointer;
        &.is-active {
            border: 1px solid $white;
        }
    }
}

//Pricing tables with header
.header-pricing.is-wavy {
    .flex-card {
        border: none !important;
        .plan-name {
            font-family: 'Nexa Bold', sans-serif;
            text-transform: none;
            font-size: 1.4rem;
        }
    }
}

//Giant newsletter input
.giant-input-wrapper.is-wavy {
    padding: 30px 40px;
    background: $section-grey-accent;
    .giant-input {
        position: relative;
        min-width: 300px;
        max-width: 100%;
        input {
            padding: 20px 165px 20px 20px;
            width: 100%;
            background: $white;
            color: $muted-grey;
            border: none;
            height: 60px;
            line-height: 60px;
            transition: all 0.5s;
            border: 1px solid rgba(213,220,247,0.59);
            border-radius: 100px;
            &:focus {
                outline: none !important;
                box-shadow:  0px 5px 43px rgba(0, 0, 0, 0.18) !important;
            }
        }
        button.inner {
            position: absolute;
            right: 7px;
            top: 7px;
        }
    }
}

/* ==========================================================================
5. Footer styles
========================================================================== */

//Footer Wave shape
.section.footer-waves:after {
    background: transparent url(../images/bg/shapes/wavy-dark.png) no-repeat scroll 0 bottom / 100% auto;
    content: "";
    height: 321px;
    width: 100%;
    z-index: 0 !important;
    position: absolute;
    bottom: -1px;
    left: 0;
}

/* ==========================================================================
6. Login and Sign up
========================================================================== */

//Login and signup dark wave footer shape
.hero.hero-waves-dark:before {
    background: transparent url(../images/bg/shapes/wavy-dark.png) no-repeat scroll 0 bottom / 100% auto;
    content: "";
    height: 321px;
    width: 100%;
    z-index: 0 !important;
    position: absolute;
    bottom: -1px;
    left: 0;
}

//Login and signup cards
.wavy-login-card, .wavy-signup-card {
    padding: 40px;
    border-radius: 6px;
    max-width: 400px;
    margin: auto;
    background-color: white;
    border: 1px solid #ecf0f1;
    box-shadow: 0 1px 5px rgba(0,0,0,0.05);
    h2 {
        font-size: 22px;
        margin-bottom: 40px;
        font-weight: 700 !important;
        font-family: 'Nexa Light', sans-serif;
    }
}





















/******--------service  wrapper Start --------******/
.jp_banner_jobs_categories_wrapper {
    float: left;
    width: 100%;
	text-align:center;
	position:relative;
	margin-top:-130px;
}
.jp_top_jobs_category_wrapper {
    float: left;
    width: 25%;
    text-align: center;
	overflow:hidden;
	min-height:300px;
	position:relative;
    padding: 50px 30px 50px 30px;
}
.jp_top_jobs_category_wrapper:after{
	content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border-top: 150px solid transparent;
    border-bottom:150px solid transparent;
    border-left: 1720px solid #088eff;
}
.jp_top_jobs_category_wrapper:hover .jp_top_category_icon {
	transform: scale(1.3);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.med_top_service_2{
	 float: left;
    width: 25%;
    text-align: center;
	overflow:hidden;
	min-height:300px;
	position:relative;
    padding: 38px 17px 29px 10px;
}
.med_top_service_2:after{
	content: '';
    position: absolute;
    left: -1720px;
    right: 0;
    top: 0;
    border-top: 150px solid transparent;
    border-bottom:150px solid transparent;
    border-right: 1720px solid #269cfe;
}
.med_top_service_3{
	 float: left;
    width: 25%;
    text-align: center;
	overflow:hidden;
	min-height:300px;
	position:relative;
    padding: 50px 30px 50px 30px;
}
.med_top_service_3:after{
	content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border-top: 150px solid transparent;
    border-bottom:150px solid transparent;
    border-left: 1720px solid #45a9ff;
}
.med_top_service_4{
	 float: left;
    width: 25%;
    text-align: center;
	overflow:hidden;
	min-height:300px;
	position:relative;
    padding: 50px 30px 50px 30px;
}
.med_top_service_4:after{
	content: '';
    position: absolute;
    left: -1720px;
    right: 0;
    top: 0;
    border-top: 150px solid transparent;
    border-bottom:150px solid transparent;
    border-right: 1720px solid #64b8ff;
}
.jp_top_jobs_category {
    display: inline-block;
	position:relative;
	z-index:1;
	margin-top:30px;
}
.jp_top_category_icon {
    font-size: 25px;
    text-align: center;
    display: inline-block;
    margin-bottom: 27px;
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.jp_top_category_icon i:before {
    color: #fff;
	font-size:46px;
    text-align: Center;
    transition: all 0.5s;
}
.jp_top_jobs_category h3 a {
    color: #fff;
    padding-top: 15px;
    font-size: 18px;
    font-weight: 500;
	text-shadow: 0px 2px 1px #1f1d1d;
}
.jp_top_jobs_category p{
	color:#fff;
	padding-top:8px;
}
.med_top_service_2:hover .jp_top_category_icon {
	transform: scale(1.3);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.med_top_service_3:hover .jp_top_category_icon {
	transform: scale(1.3);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.med_top_service_4:hover .jp_top_category_icon {
	transform: scale(1.3);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}


/*********----------991 responsive css-------**********/
@media (max-width: 991px){
	.right_side_main_warpper{
		line-height:0; text-align:center;
		margin-top:-10px;
	}
	.md_right_side_warpper{
		float:none; line-height:4;
		display:inline-block;
	}
	.top_header_add li{
		float:none; display:inline-block;
	}
	.top_header_add{float:none;
	text-align:center}
	.md_logo{
		text-align:center; padding-bottom:10px;
	}
	.md_share_info_wrapper{
		float:none; display:inline-block;
	}
	.appointmnt_wrapper{margin-top:-68px;}
	.appoint_btn li a{
		width:210px;
	}	
	.team_icon_hover ul li{
		margin-left:13px;
	}
	.team_icon_hover{
		width:100%;
	}
	.count-description{
		margin-bottom:50px;
	}
	.blog_about{
		margin-bottom:40px;
	}
	.blog_img figure img{width:100%;}
	.blog_comment{
		float:left;
		margin-left:20px;
	}
	.newsletter_text h3{
		font-size:24px;
	}
	.footer_box_add{
		margin-top:10px;
	}
	.newsletter_text{
		padding-bottom:20px;
	}
	.newsletter_wrapper{
		padding-bottom:80px;
	}
	.bottom_footer_copy_wrapper span{
		font-size:14px;
	}
	.footer_box_add span{
			display:none;
	}
	.footer_botm_wrapper:after{
		left: 15px;
		width: 700px;
	}
	.footer_btm_icon {
		margin-right: -30px;
	}
	#return-to-top{
		margin-top:-119px;
	}
	.contact_last_div{
		padding-left:0;
	}
	#nav_filter li a{
		padding:5px 13px;
	}
	.event_icon1{
		margin-top:50px;
	}
	.top_header_add ul li a{
		font-size:16px;
	}
	.middle_header_wrapper{
		padding-bottom:10px;
	}
	.mesage_right_wrapper:before{
		display:none;
	}
	.mesage_right_wrapper{
		width:100%;
		padding-left:0;
	}
	.our_process_wrapper{
		padding-bottom:40px;
		padding-top:30px;
	}
	.mesage_left_wrapper{
		display:none;
	}
	.mesage_right_wrapper:after{
		display:none;
	}
	.appoint_section{
		padding-bottom:100px;
	}
	.jp_top_jobs_category_wrapper, .med_top_service_2, .med_top_service_3, .med_top_service_4{
		width:50%;
	}
	.med_slider_img{
		padding-top:70px;
	}
	div#comparison{
		width:45vw;
	}
	.sw_desc_abt{
		padding-left:0;
		padding-top:50px;
	}
	input[type=range]{
		top: -12rem;
	}
	
}
/*********----------768 responsive css-------**********/
@media (min-width: 768px) and (max-width: 991px){
	.et_search_box{
		right: 0px;
		top: 97%;
	}
	.top_header_add{
		font-size:14px;
	}
	.top_login{
		margin-top:20px;
		margin-right:270px;
	}
	.team_icon_hover ul li:first-child{
		margin-left: 40px;
	}
	.address_main:after{		
		height: 507px;
		right: 0;
	}
	.footer_botm_wrapper:after{
		left: 15px;
		width: 700px;
	}
	#return-to-top {
		margin-top: -110px;
}
.footer_btm_icon {
    margin-right: -30px;
}
.slider-area .carousel-inner .item .caption-1:before{
		width: 100%;
}
.slider-area .carousel-inner .item .caption-2:before{
		width: 100%;
}

.slider-area .carousel-inner .item .caption-3:before{
		width: 100%;
}
input[type=range] {
    top: -10rem;
}


}
/*********----------767 responsive css-------**********/
@media (max-width: 767px){
	#return-to-top {
		margin-top: -150px;
	}
	.top_header_wrapper{
		display:none;
	}
	.menu_wrapper{
		padding-top:10px; padding-bottom:10px;
	}
	#toggle{
		padding-top:20px;
	}
	.appoint_btn li a{
		width:230px;
	}
	.middle_header_wrapper{
		padding-top:10px; padding-bottom:0px;
	}
	.content{
		text-align:center;
	}
	.our_doc_icn_hovr ul{
		margin-left: 228px;
	}
	.team_icon_hover ul li{
		margin-left:20px;
	}
	.team_img img{
		width:100%;
	}
	.team_about {
		width: 100%;
		margin-bottom: 30px;
	}
	.hs_lest_news_box_wrapper{margin-top:40px;}
	.footer_main_wrapper {
		margin-top: 0px;
	}
	.footer_heading{padding-top:30px;}
	.address_main:after{display:none;}
	.footer_box_add{
		margin-top:20px;
		margin-bottom:0;}
	.sidebar_wrapper{
		margin-bottom:50px;
	}
	.contect_form1 input{
		margin-top:15px;
	}
	.footer_botm_wrapper:after{
		width:766px; left:0;
		right:0;
	}
	.footer_box_add ul li{
		margin-right:15px;
	}
	.sw_desc_abt{
		padding-top:0;
	}
	.what_can_Wrapper{
		padding-bottom:70px;
	}
	div#comparison{
		display:none;
	}
	.contact_last_div{width:100%;}
	.footer_btm_icon {
		float: left;
		margin-top: 15px;
		padding-left: 40px;
	}
	.slider-area .carousel-inner .item .carousel-captions .content{
		text-align:center;
		float:left;
		width:100%;
	}
	.abt_chk_doc ul li{
		width:100%;
	}
	.slider-area .carousel-inner .item .carousel-captions .content h2 span, .slider-area .carousel-inner .item .carousel-captions .content h2{
		float:left;
		width:100%;
	}
	.hs_effect_btn ul{
		float:none;
		display:inline-block;
	}
	.hs_effect_btn{
		text-align:center;
	}
	.bottom_footer_copy_wrapper {
		font-size: 14px;
		text-align: center;
		display: inline-block;
	}
	.slider-area .carousel-inner .item .caption-1:before{
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		transform: skew(0deg);
		background: rgba(33, 49, 80, 0.7);
		transition: all 0.5s;
	}
	.slider-area .carousel-inner .item .caption-2:before{
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		transform: skew(0deg);
		background: rgba(33, 49, 80, 0.7);
		transition: all 0.5s;
	}
	.slider-area .carousel-inner .item .caption-3:before{
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		transform: skew(0deg);
		background: rgba(33, 49, 80, 0.7);
		transition: all 0.5s;
	}
	.carousel-nevigation{
		top:40%;
	}
	.abt_btn{
		float:left;
	}
	.med_slider_img .owl-theme .owl-nav{
		top:43%;
	}
	.abt_cntnt{
		float:left !important;
		text-align:left !important;
	}
	.service_doc_right_btn{
		float:left;
	}
	.box_1_wrapper {
    width: 100%;
}

}
/*********----------480 responsive css-------**********/
@media (max-width: 480px){
	.appointmnt_wrapper{
		margin-top:-68px; 
		}
	.top_header_add {line-height:3;}
	.appoint_btn li a{
		width:200px;
	}
	.middle_header_wrapper{
		padding-top:10px; padding-bottom:0px;
	}
	.md_share_info_wrapper ul li{margin-left:0;}
	#return-to-top {
		margin-right: 0;
		margin-top: -149px;
	}
	.team_about {
    width: 100%;
    margin-bottom: 0px; 
	}
	.our_doc_icn_hovr ul{
		margin-left:30px;
	}
	.team_icon_hover ul li:first-child{
		margin-left:77px;
	}
	.team_icon_hover ul li{
		margin-left:20px;
	}
	.slider-area .carousel-inner .item .caption-1, .slider-area .carousel-inner .item .caption-2, .slider-area .carousel-inner .item .caption-3{
		min-height:600px;
	}
	.icon_wrapper p{
		font-size:14px;
	}
	.blog_img figure img{width:100%;}
	.abt_chk ul li{
		width:100%;
	}
	.icon_wrapper p{
		font-size:14px;
	}
	.footer_btm_icon {
		padding-left: 0;
	}
	.contect_btn button{
		float:none;
		display:inline-block;
	}
	.footer_box_add ul li{float:none;}
	.footer_heading{padding-top:30px;}
	.contact_last_div{width:100%;}
	.bottom_footer_copy_wrapper{
		text-align:center;
		display:inline-block;
		font-size:14px;
	}
	.slider-area .carousel-inner .item .carousel-captions .content h2, .slider-area .carousel-inner .item .carousel-captions .content h2 span{
		font-size:46px;
	}
}


@media (max-width: 690px){
	.jp_top_jobs_category_wrapper, .med_top_service_2, .med_top_service_3, .med_top_service_4{
		width:100%;
	}
	.service_wrapper_icon_midle{
		display:none;
	}
	.jp_banner_jobs_categories_wrapper{
		padding-top:40px;
		margin-top:0;
	}
	.slider-area .carousel-inner .item .carousel-captions .content{
		padding-top:240px;
	}
	.slider-area .carousel-inner .item .caption-1, .slider-area .carousel-inner .item .caption-2, .slider-area .carousel-inner .item .caption-3{
		min-height:600px;
	}

}

 
 
 

/*********----------320 responsive css-------**********/
@media (max-width: 320px){
	.md_share_info_wrapper ul li{
		margin-left:0px;
	}
	.appoint_btn li a{
		width:180px;
	}
	.middle_header_wrapper{
		padding-top:10px; padding-bottom:0px;
	}
	#return-to-top{
		margin-right: 0;
		margin-top: -207px;
	}
	.contact_last_div{
		width:100%;
	}
	.abt_chk ul li{width:100%;
		float:none;
	}
	.team_icon_hover{width:100%;}
	.team_icon_hover ul li:first-child{
		margin-left:-10px;
	}
	.our_doc_icn_hovr ul{
		margin-left:3px;
	}
	.icon_wrapper p{
		font-size:14px;
	}
	.slider-area .carousel-inner .item .caption-1, .slider-area .carousel-inner .item .caption-2, .slider-area .carousel-inner .item .caption-3{
		min-height:600px;
	}
	.footer_btm_icon{
		padding-left: 0;
	}
	.footer_btm_icon ul li{
		margin-lefT:5px;
	}
	.icon_content_box{
		width:100%;
	}
	#toggle {
		padding-top: 10px;
	}
}
/**********------321 $480 css---------**********/
@media (min-width: 321px) and (max-width: 480px){
	.team_icon_hover{
		width:100%;
	}
	.contact_last_div{width:100%;}
	.our_doc_icn_hovr ul{
		margin-left:0;
	}
	#return-to-top {
		margin-right: 0;
		margin-top: -181px;
	}
	.icon_content_box{
		width:100%;
	}
	.icon_wrapper p{
		font-size:14px;
}
}


@media (max-width: 580px) and (min-width: 481px){
	#return-to-top {
		margin-top: -182px;
	}
	.icon_wrapper p{
		font-size:14px;
}
}


@media (max-width: 550px){
	.hs_effect_btn ul{
		float:none;
		display:inline-block;
	}
	
}

@media (max-width: 599px){
	.owl-theme .owl-nav.disabled + .owl-dots{
		display:none;
	}
	.testimonial_wrappper{
		padding-bottom:100px;
	}
}

.section.is-theme-grey {
    background: #f6fbfe;
   padding:2rem 1.5rem 6rem 1.5rem; 
}

.section.is-medium {
    padding: 3rem 1.5rem 6rem 1.5rem;
}

.icon-feature {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.icon-feature .icon-block {
    border-radius: 6px;
    height: 100px;
    width: 100px;
}
.icon-feature .icon-block .icon-inner {
    box-shadow: 0px 5px 43px rgba(0,0,0,0.18) !important;
    height: 100px;
    width: 100px;
    display: -ms-flexbox;
    display: flex;
    border-radius: 6px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border: 3px solid transparent;
    transition: all .3s;
}

/*.icon-feature .icon-block .icon-inner img {
    height: 46px;
    width: 46px;
}*/
.icon-feature .feature-text {
    margin: 0 20px;
}

.icon-feature .feature-text h3 {
    color: #444F60;
    font-family: 'Nexa Bold', sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    margin-bottom: 6px;
    transition: all .3s;
}
.icon-feature .feature-text p {
    color: #999;
}

.icon-feature:hover .icon-block .icon-inner {
    border-bottom-color: #0f7cff;
}

.title:not(.is-spaced)+.subtitle {
    margin-top: 1.25rem;
}


.columns:last-child {
    margin-bottom: 0rem;
}

.list ul li{
	line-height:25px;
}

.list ul li:before{
	content: "\f046";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin: 0px 12px 0px 0px;
    color: #fd9d34;
}

.list ul li ul li{
	line-height:25px;
	margin-left:25px;
}

.list ul li ul li:before{
	content: "\f18e";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin: 0px 12px 0px 0px;
    color: #0993b8;
}



/*.hero .navbar {
    background: none;
    background: #2c478a;
    box-shadow: 0px 5px 13px #223c7d;
}*/

.hero.is-fullheight {
    min-height: 9.5vh;
    background: #fff;
}

.team-info{
	padding: 20px 30px 20px 30px;
}













/*------------- new slider ----------*/

/*img,video{max-width:100%}*/
.cd-header{position:absolute;z-index:2;top:0;left:0;width:100%;height:50px;background-color:#21272c}

@media only screen and (min-width:768px)
{.cd-header{height:70px;background-color:transparent}}

.cd-header__logo{float:left;margin:13px 0 0 5%}
.cd-header__logo img{display:block}

@media only screen and (min-width:768px){.cd-header__logo{margin:23px 0 0 5%}}

.cd-header__nav{float:right;margin-right:5%;width:44px;height:100%;background:url(../assets/cd-icon-menu.svg) no-repeat center center}
.cd-header__nav ul{position:absolute;top:0;left:0;width:100%;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
.cd-header__nav ul.cd-is-visible{-webkit-box-shadow:0 3px 8px rgba(0,0,0,.2);box-shadow:0 3px 8px rgba(0,0,0,.2);-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)}
.cd-header__nav a{display:block;height:50px;line-height:50px;padding-left:5%;background:#21272c;border-top:1px solid #333c44;color:#fff}

@media only screen and (min-width:768px){
	.cd-header__nav{width:auto;height:auto;background:0 0}
	.cd-header__nav ul{position:static;width:auto;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);line-height:70px}
	.cd-header__nav ul.cd-is-visible{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
	.cd-header__nav li{display:inline-block;margin-left:1em}
	.cd-header__nav a{display:inline-block;height:auto;line-height:normal;background:0 0;padding:.6em 1em;border-top:none}}
	
.cd-hero{position:relative}
.cd-hero__slider{position:relative;min-height:80vh;width:100%;overflow:hidden}
.cd-hero__slide{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translateZ(0px);transform:translateZ(0px);will-change:transform;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.cd-hero__slide.cd-hero__slide--selected{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.cd-hero__slide.cd-hero__slide--move-left{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
.cd-hero__slide.cd-hero__slide--is-moving,.cd-hero__slide.cd-hero__slide--selected{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}

@media only screen and (min-width:768px){
	.cd-hero__slider{min-height: 80vh}}
	
@media only screen and (min-width:1170px){
	.cd-hero__slider{min-height: 80vh;}}
	
.cd-hero__slide{background-position:center center;background-size:cover;background-repeat:no-repeat}
.cd-hero__slide:first-of-type{background-image:url(../slider/oi/slide1.jpg)}
.cd-hero__slide:nth-of-type(2){background-image:url(../slider/oi/slide1.jpg)}
.cd-hero__slide:nth-of-type(3){ background-image:url(../slider/oi/slide1.jpg)}
.cd-hero__slide:nth-of-type(4){background-color:#2c343b;background-image:url(../assets/video-replace-mobile.jpg)}
.cd-hero__slide:nth-of-type(5){background-color:#2c343b;background-image:url(../assets/img.jpg)}

.cd-hero__content.cd-hero__content--full-width,.cd-hero__content.cd-hero__content--half-width{position:absolute;width:100%;height:100%;z-index:1;left:0;top:0;padding-top:50px;text-align:center;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}
.cd-hero__content h2,.cd-hero__content p,.cd-hero__btn,.cd-hero__content--img img{-webkit-transform:translateZ(10);transform:translateZ(10);will-change:transform}
.cd-hero__content.cd-hero__content--img{display:none}
.cd-hero__content--img img{position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.cd-hero__content.cd-hero__content--bg-video{display:none;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.cd-hero__content--bg-video video{display:block;min-height:100%;min-width:100%;max-width:none;height:auto;width:auto;position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.cd-hero__content h2,.cd-hero__content p{text-shadow:0 1px 3px rgba(0,0,0,.1);line-height:1.2;margin:0 auto 14px;color:#fff;width:90%;max-width:400px}
.cd-hero__content h2{font-size:2.4rem; font-weight: 600; text-shadow: 3px 2px 0px #363637;}
.cd-hero__content p{font-size:1.4rem;line-height:1.4}
.cd-hero__btn{ display: inline-block;
    padding: 0.3em 0.6em;
    margin-top: .8em;
    background-color: rgb(184, 184, 170);
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.1);
    box-shadow: 0 3px 6px rgba(0,0,0,.1);
    -webkit-transition: background-color .2s;
    transition: background-color .2s;}
.cd-hero__btn.cd-hero__btn--secondary{background-color:rgba(6, 63, 120, 0.8)}
.cd-hero__btn:nth-of-type(2){margin-left:1em}
.cd-hero__btn:hover{background-color:#d44457}
.cd-hero__btn.cd-hero__btn--secondary:hover{background-color:#032649; color:#fff;}

@media only screen and (min-width:768px){
	.cd-hero__slide:nth-of-type(2),
	.cd-hero__slide:nth-of-type(3),
	.cd-hero__slide:nth-of-type(4){background-image:none}

.cd-hero__content.cd-hero__content--full-width,
.cd-hero__content.cd-hero__content--half-width{padding-top:200px}
.cd-hero__content.cd-hero__content--bg-video{display:block}
.cd-hero__content.cd-hero__content--half-width{width:45%}
.cd-hero__content.cd-hero__content--half-width:first-of-type{left:5%}
.cd-hero__content.cd-hero__content--half-width:nth-of-type(2){right:5%;left:auto}
.cd-hero__content.cd-hero__content--img{display:block}
.cd-hero__content h2,.cd-hero__content p{max-width:520px}
.cd-hero__content h2{font-size:2.4em;font-weight:300}
.cd-hero__btn{font-size:1.2rem}}

@media only screen and (min-width:1170px){
	
.cd-hero__content.cd-hero__content--full-width,.cd-hero__content.cd-hero__content--half-width{padding-top:150px}
.cd-hero__content h2,.cd-hero__content p{margin-bottom:20px}
.cd-hero__content h2{font-size:3.2em}
.cd-hero__content p{font-size:1.6rem}}

@media only screen and (min-width:768px){
.cd-hero__content.cd-hero__content--half-width{opacity:0;-webkit-transform:translateX(40px);-ms-transform:translateX(40px);transform:translateX(40px)}
.cd-hero__slide--move-left .cd-hero__content.cd-hero__content--half-width{-webkit-transform:translateX(-40px);-ms-transform:translateX(-40px);transform:translateX(-40px)}
.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.cd-hero__slide--is-moving .cd-hero__content.cd-hero__content--half-width{-webkit-transition:opacity 0s .5s,-webkit-transform 0s .5s;transition:opacity 0s .5s,-webkit-transform 0s .5s;transition:opacity 0s .5s,transform 0s .5s;transition:opacity 0s .5s,transform 0s .5s,-webkit-transform 0s .5s}
.cd-hero__slide--from-left.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width:nth-of-type(2),
.cd-hero__slide--from-right.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width:first-of-type{-webkit-transition:opacity .4s .2s,-webkit-transform .5s .2s;transition:opacity .4s .2s,-webkit-transform .5s .2s;transition:opacity .4s .2s,transform .5s .2s;transition:opacity .4s .2s,transform .5s .2s,-webkit-transform .5s .2s}
.cd-hero__slide--from-left.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width:first-of-type,
.cd-hero__slide--from-right.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width:nth-of-type(2){-webkit-transition:opacity .4s .4s,-webkit-transform .5s .4s;transition:opacity .4s .4s,-webkit-transform .5s .4s;transition:opacity .4s .4s,transform .5s .4s;transition:opacity .4s .4s,transform .5s .4s,-webkit-transform .5s .4s}
.cd-hero__content--full-width h2,
.cd-hero__content--full-width p,
.cd-hero__content--full-width .cd-hero__btn{-webkit-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px)}
.cd-hero__slide--move-left .cd-hero__content--full-width h2,
.cd-hero__slide--move-left .cd-hero__content--full-width p,
.cd-hero__slide--move-left .cd-hero__content--full-width .cd-hero__btn{-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px)}

.cd-hero__slide--selected .cd-hero__content--full-width h2,
.cd-hero__slide--selected .cd-hero__content--full-width p,
.cd-hero__slide--selected .cd-hero__content--full-width .cd-hero__btn{-webkit-transform:translateX(0); -ms-transform:translateX(0);transform:translateX(0);}

.cd-hero__slide--is-moving .cd-hero__content--full-width h2,
.cd-hero__slide--is-moving .cd-hero__content--full-width p,
.cd-hero__slide--is-moving .cd-hero__content--full-width .cd-hero__btn{-webkit-transition:-webkit-transform 0s .5s;transition:-webkit-transform 0s .5s;transition:transform 0s .5s;transition:transform 0s .5s,-webkit-transform 0s .5s}

.cd-hero__slide--selected h2{ font-weight:600; -webkit-transition:-webkit-transform .5s .2s;transition:-webkit-transform .5s .2s;transition:transform .5s .2s;transition:transform .5s .2s,-webkit-transform .5s .2s}
.cd-hero__slide--selected p{-webkit-transition:-webkit-transform .5s .3s;transition:-webkit-transform .5s .3s;transition:transform .5s .3s;transition:transform .5s .3s,-webkit-transform .5s .3s}



.cd-hero__slide--selected ul li{-webkit-transition:-webkit-transform .5s .3s;transition:-webkit-transform .5s .3s;transition:transform .5s .3s;transition:transform .5s .3s,-webkit-transform .5s .3s}
.cd-hero__slide--selected .cd-hero__btn{-webkit-transition:background-color .2s 0s,-webkit-transform .5s .4s;transition:background-color .2s 0s,-webkit-transform .5s .4s;transition:transform .5s .4s,background-color .2s 0s;transition:transform .5s .4s,background-color .2s 0s,-webkit-transform .5s .4s}
}



.cd-hero__nav{float:right; bottom:0;z-index:2;text-align:center;}
.cd-hero__nav nav,.cd-hero__nav ul,.cd-hero__nav li,.cd-hero__nav a{height:100%}
.cd-hero__nav nav{display:inline-block;position:relative}
.cd-hero__marker{bottom:-16;left:0;width:6px;height:100%;color:#2f84c2;background-color:#fff;-webkit-box-shadow:inset 0 2px 0 currentColor;box-shadow:inset 0 2px 0 currentColor;-webkit-transition:-webkit-transform .2s,-webkit-box-shadow .2s;transition:-webkit-transform .2s,-webkit-box-shadow .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s,-webkit-box-shadow .2s}
.cd-hero__marker.cd-hero__marker--item-2{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
.cd-hero__marker.cd-hero__marker--item-3{-webkit-transform:translateX(200%);-ms-transform:translateX(200%);transform:translateX(200%)}
.cd-hero__marker.cd-hero__marker--item-4{-webkit-transform:translateX(300%);-ms-transform:translateX(300%);transform:translateX(300%)}
.cd-hero__marker.cd-hero__marker--item-5{-webkit-transform:translateX(400%);-ms-transform:translateX(400%);transform:translateX(400%)}.cd-hero__nav ul::after{clear:both;content:"";display:table}.cd-hero__nav li{display:inline-block;width:60px;float:left}.cd-hero__nav .cd-selected a{color:#2c343b}.cd-hero__nav .cd-selected a:hover{background-color:transparent}.cd-hero__nav a{display:block;position:relative;padding-top:35px;font-size:1rem;font-weight:700;color:#a8b4be;-webkit-transition:background-color .2s;transition:background-color .2s}.cd-hero__nav a::before{content:'';position:absolute;width:24px;height:24px;top:8px;left:50%;right:auto;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:url(../assets/cd-icon-navigation.svg) no-repeat 0 0}.cd-hero__nav a:hover{background-color:rgba(0,1,1,.5)}.cd-hero__nav li:first-of-type a::before{background-position:0 0}.cd-hero__nav li.cd-selected:first-of-type a::before{background-position:0 -24px}.cd-hero__nav li:nth-of-type(2) a::before{background-position:-24px 0}.cd-hero__nav li.cd-selected:nth-of-type(2) a::before{background-position:-24px -24px}.cd-hero__nav li:nth-of-type(3) a::before{background-position:-48px 0}.cd-hero__nav li.cd-selected:nth-of-type(3) a::before{background-position:-48px -24px}.cd-hero__nav li:nth-of-type(4) a::before{background-position:-72px 0}.cd-hero__nav li.cd-selected:nth-of-type(4) a::before{background-position:-72px -24px}.cd-hero__nav li:nth-of-type(5) a::before{background-position:-96px 0}.cd-hero__nav li.cd-selected:nth-of-type(5) a::before{background-position:-96px -24px}

@media only screen and (min-width:768px){
	.cd-hero__nav{height:6px}
	.cd-hero__marker,.cd-hero__nav li{width:16px}
	.cd-hero__nav a{padding-top: 14px;margin: 2px;border-radius: 50%;background: #69aee1;font-size:1.1rem;text-transform:uppercase;}
	.cd-hero__nav a::before{top:18px}}
	.cd-main-content{width:90%;max-width:768px;margin:0 auto;padding:2em 0}
	.cd-main-content p{font-size:1.4rem;line-height:1.8;color:#999;margin:2em 0}
	
@media only screen and (min-width:1170px){
	.cd-main-content{padding:3em 0}
	.cd-main-content p{font-size:1.6rem}}
	.no-js .cd-hero__slide{display:none}
	.no-js .cd-hero__slide.cd-hero__slide--selected{display:block}
	.no-js .cd-hero__nav{display:none}
	
	
	
	
	/** main slider section **/

.banner{
  position: relative;
  z-index:0;
}
.banner .banner-title{
  position: relative;
  font-size: 60px;
  font-family: 'Playfair Display',serif;
  line-height: 80px;
  color: #fff;
  font-weight: 400;
  text-transform: capitalize;
}
.banner .banner-text{
  position: relative;
  font-size: 20px;
  font-family: 'Lato',sans-serif;
  line-height: 30px;
  color: #fff;
  font-weight: 400;
}
.banner .banner-btn a{
  font-size: 15px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #fff;
  font-weight: 600 !important;
  text-transform: uppercase;
  padding: 12px 35px 12px 36px;
  border: 2px solid #fff;
  transition: all 700ms ease !important;
}
.banner .banner-btn a:hover{
  background: #15223f;
  border: 2px solid #fab740;
  color: #fab740;
  font-weight: 600 !important;
  transition: all 700ms ease !important;
}
.tp-leftarrow.tparrows.hephaistos{
  top: 60% !important;
}
.tp-rightarrow.tparrows.hephaistos{
  top: 60% !important;
}
.slotholder:after{
 position:absolute;
 content: '';
 left: 0px;
 top: 0px;
 right: 0px;
 bottom: 0px;
 background: #0c1012;
 opacity: .20;
}



.slider h1{ color:#fff; font-size:20px; float:left;margin-top:20px;}
.slider .img{ margin: 0px 20px 0px 0px; background:#fff; height:80px; width:80px; border-radius: 50%; float:left}

.slider .img img{ height:70px; width:70px; margin-top: 7px; border:2px solid #c9c8c8;border-radius: 50%; padding:10px}
.slider .img img{ height:70px; width:70px; margin-top: 7px; border:2px solid #c9c8c8;border-radius: 50%; padding:10px}