/*!
 * Start Bootstrap - Freelancer v3.3.7+1 (http://startbootstrap.com/template-overviews/freelancer)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
body 
{
	font-family: 'CenturyGothic';
	overflow-x:hidden;
	line-height:25px;
	text-align:justify;
}
p 
{
	font-size:15px
}
p.small 
{
	font-size:15px
}
a, a.active, a:active, a:focus, a:hover 
{
	color:#18BC9C;
	outline:0
}

hr.star-light, hr.star-primary 
{
	padding:0;
	border:none;
	border-top:solid 5px;
	text-align:center;
	max-width:250px;
	margin:25px auto 30px
}
hr.star-light:after, hr.star-primary:after 
{
	content:"\f005";
	font-family:FontAwesome;
	display:inline-block;
	position:relative;
	top:-.8em;
	font-size:2em;
	padding:0 .25em
}


@font-face 
{
  font-family: 'Vivaldii';
  src: url('../fonts/Vivaldii.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/Vivaldii.woff') format('woff'), 
	   url('../fonts/Vivaldii.ttf')  format('truetype'), 
	   url('../fonts/Vivaldii.svg#Vivaldii') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face 
{
  font-family: 'CenturyGothic';
  src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/CenturyGothic.woff') format('woff'), 
	   url('../fonts/CenturyGothic.ttf')  format('truetype'), 
	   url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face 
{
  font-family: 'CenturyGothic-Bold';
  src: url('../fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/CenturyGothic-Bold.woff') format('woff'), 
	   url('../fonts/CenturyGothic-Bold.ttf')  format('truetype'), 
	   url('../fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'WhoopAss';
  src: url('../fonts/WhoopAss.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/WhoopAss.woff') format('woff'), 
  url('../fonts/WhoopAss.ttf')  format('truetype'), 
  url('../fonts/WhoopAss.svg#WhoopAss') format('svg');
  font-weight: normal;
  font-style: normal;
}
.navbar-custom, header .intro-text .name 
{
	font-family:Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform:uppercase
}
hr.star-light 
{
	border-color:#fff
}
hr.star-light:after 
{
	background-color:#18BC9C;
	color:#fff
}
hr.star-primary 
{
	border-color:#2C3E50
}
hr.star-primary:after 
{
	background-color:#fff;
	color:#2C3E50
}

.w100 { width:100%; float:left;}
.tc { text-align:center;}

.top-bx {padding-top:40px;}
.mtb30px{ margin:30px 0px;}

section .container {padding:30px 0px;}


.plan-bx { width: 100%; float: left; border: 1px solid #fff; }


#how-work { width:100%; float:left; background-color:#131313; border-top:1px solid #7e7e7e; margin-bottom:20px;}
#how-work img {display: initial !important;}
/*********************************************** get in touch form **************************/
#get-touch{ width:358px; float:right; background:url(../images/form-bg.jpg) no-repeat; background-size:cover; position:absolute;
right:0px; top:20%; padding:10px 20px;}

#get-touch img {display: initial !important;}
.m-hdibg { font-family:'Vivaldii'; text-transform:lowercase; font-size:60px; font-weight:normal !important; margin:20px 0px 20px 0px; line-height:60px;}
.mt5px { margin-top:5px;}
.mt10px { margin-top:10px;}
.mt15px { margin-top:15px;}
.mt20px { margin-top:20px;}

.about-img { width:33%; float:left;}
.about-cnt{ width:65%; float:left; background-color:#fff; margin-left:-50px; margin-top:25px; padding:10px 20px 30px;}

.slider-images { width:100%; float:left; display:inherit;}

.get-from{ width:100%; float:left; text-align:left;}
.get-from p{ margin:0px; font-weight:bold; font-size:14px; letter-spacing:0.5px; width:100%; float:left;}
.get-from p span { font-size:12px;}
.get-from p input { margin-right:5px; float:left; width:auto; margin-top:0px; border-radius:0px; border:0px; color: #252525;} 
.get-from select { width:100%; float:left; padding:3px 5px; margin:0px; height:30px; line-height:30px; border-radius:0px; border:0px; color:#252525; font-size:14px; }
.get-from input { width:100%; float:left; padding:3px 5px; margin:0px; height:30px; line-height:30px; border-radius:0px; border:0px; color:#252525; font-size:14px; }
.get-button 
{ 
width:100%; float:left; color:#fff !important; background-color:#4fafdf; border-radius:0px;
border:none; font-weight:bold; text-transform:uppercase; letter-spacing:0.5px;
height:36px !important;
line-height:36px !important;
padding:1px 0px !important;
}
.get-button:hover { background-color:#111112;} 

.get-from1 { width:100%; float:left;}
.get-from1 p{ width:100%; float:left;}
.get-from1 input { width:100%;}
.get-from1 select { width:100%;}


/****************************************** button css *************************/
.ravis-btn { border: 0; outline: none; background: transparent; }
.ravis-btn:hover, .ravis-btn:focus, .ravis-btn:active { outline: none; }
.ravis-btn.btn-type-1 
{
font-family: 'CenturyGothic-Bold';
color: #418bb0;
font-size:16px;
background: none;
position: relative;
padding: 0;
}
.ravis-btn.btn-type-1:before, .ravis-btn.btn-type-1:after 
{
display: block;
content: '';
position: absolute;
left: 0;
width: 100%;
height:42px;
border:2px solid #4fafdf; 
}
.ravis-btn.btn-type-1:before { top:0; border-bottom:0; }
.ravis-btn.btn-type-1:after { bottom:0; border-top: 0; }
.ravis-btn.btn-type-1 .inner-box { display: block; position: relative; padding: 20px 15px; }
.ravis-btn.btn-type-1 .inner-box:before, .ravis-btn.btn-type-1 .inner-box:after { display: block;
    content: '';  position: absolute;  left:4px; width: calc(100% - 8px);
    height: 18px; border: 1px solid #d2bd7f; }
.ravis-btn.btn-type-1 .inner-box:before 
    { top:4px; border-bottom:0; }
.ravis-btn.btn-type-1 .inner-box:after { bottom: 4px; border-top: 0; }
.ravis-btn.btn-type-2 
{ 
font-family: 'CenturyGothic-Bold'; text-transform:capitalize; line-height:42px; padding: 0 30px; font-size:16px; color: #418bb0; position: relative;
display: inline-block; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease;
transition: all 0.3s ease; 
}

.ravis-btn.btn-type-2:before, .ravis-btn.btn-type-2:after {
      display: block;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      content: '';
      position: absolute;
      left: 0;
      width: 100%;
      height: 10px;
      border: 2px solid #4fafdf; }

.ravis-btn.btn-type-2:before {
      top: 0;
      border-bottom: 0; }

.ravis-btn.btn-type-2:after {
      bottom: 0;
      border-top: 0; }
.ravis-btn.btn-type-2:hover {
      /*background: rgba(0, 0, 0, 0.5);*/ 
color: #319cd2;
text-decoration:none;}

.ravis-btn.btn-type-2:hover:before, .ravis-btn.btn-type-2:hover:after {
        height: 15px; }
/****************************************** button css *************************/
.navbar-custom .navbar-brand, .navbar-custom .navbar-brand.active, .navbar-custom .navbar-brand:active, .navbar-custom .navbar-brand:focus, .navbar-custom .navbar-brand:hover, .navbar-custom .navbar-nav li a, header {
	color:#fff
}
.img-centered {
	margin:0 auto
}
header {
	text-align:center;
	background:#18BC9C
}

@media (min-width:768px) {
header .container {
/*padding-top:200px;
padding-bottom:100px*/
padding-top:0px;
padding-bottom:0px
}

}
.navbar-custom {
	background:#0f0a0a;
	font-weight:700;
	border:none
}
.navbar-custom a:focus {
	outline:0
}
.navbar-custom .navbar-nav {
	letter-spacing:1px;
	margin-top: 13px;
}
.navbar-custom .navbar-nav li a:hover {
	color:#3da7df;
	outline:0
}
.navbar-custom .navbar-nav li a:active, .navbar-custom .navbar-nav li a:focus {
	color:#fff
}
.navbar-custom .navbar-nav li.active a, .navbar-custom .navbar-nav li.active a:active, .navbar-custom .navbar-nav li.active a:focus, .navbar-custom .navbar-nav li.active a:hover {
	color:#fff;
	background:#3da7df
}
.navbar-custom .navbar-toggle {
	color:#fff;
	text-transform:uppercase;
	font-size:10px;
	border-color:#fff
}
.navbar-custom .navbar-toggle:focus, .navbar-custom .navbar-toggle:hover {
	background-color:#3da7df;
	color:#fff;
	border-color:#3da7df
}
@media (min-width:768px) {
.navbar-custom {
padding:10px 0;
-webkit-transition:padding .3s;
-moz-transition:padding .3s;
transition:padding .3s
}
.navbar-custom .navbar-brand {
font-size:2em;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
.navbar-custom.affix {
padding:10px 0
}
.navbar-custom.affix .navbar-brand {
font-size:1.5em
}
}

@media (max-width:767px) 
{
section 
{ padding:75px 0 }
section.first 
{ padding-top:75px }
}


footer {
	color:#fff
}
footer h3 {
	margin-bottom:30px
}
footer .footer-above {
	padding-top:50px;
	background-color:#2C3E50
}
footer .footer-col {
	margin-bottom:50px
}
footer .footer-below {
	padding:15px 0;
	background-color:#000000
}

.scroll-top {
	position:fixed;
	right:2%;
	bottom:2%;
	z-index:1049
}
.scroll-top .btn {
	font-size:20px;
	border-radius:100%;
	line-height:28px
}
.scroll-top .btn:focus {
	outline:0
}

/************************************************************ grid box ******************************************/ 

.width30{ width:30%; padding:5px; float:left;}
.width40{ width:40%; padding:5px; float:left;}


.grid {
	position: relative;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin:0px;
	min-width: 100%;
	max-width: 100%;
	max-height: 100%;
	background: #000;
	text-align: center;
	cursor:pointer;
}

.grid figure img {
	position: relative;
	display: block;
/*	min-height: 100%; */	
    max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 
{
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {  letter-spacing:1px;  font-size:68.5%;  font-size:12px;  font-weight:bold; }


/*---------------*/
/***** Lily *****/
/*---------------*/

figure.effect-lily img 
{
/* max-width: none; width: -webkit-calc(100% + 50px); width: calc(100% + 50px); opacity: 0.7;
   -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;
   -webkit-transform: translate3d(-40px,0, 0);  transform: translate3d(-40px,0,0);*/
	max-width: none;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-lily figcaption 
{
	text-align: left;
}

figure.effect-lily figcaption > div 
{
	position:absolute; bottom:0;  left:0;  padding:13px;  width:100%; height:30%;
}

.width40 figure.effect-lily figcaption > div { height:60%;}

figure.effect-lily h2,
figure.effect-lily p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-lily h2 {
	font-family: 'CenturyGothic';
	font-family: 'CenturyGothic-Bold';
	font-size:20px;
	text-transform:capitalize;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-lily p {
	color: rgba(255,255,255,0.8);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
	opacity: 1;
}

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}


/*****************************************************************************************************************
***************************************************************************** testimonial slider ***********************************************/

.slick-slide { margin:0px 40px;}
.slick-prev:before,.slick-next:before { color: black;}
.slick-active.slick-center{}

.slick-slider-images .item {
  text-align: right;
}

.slick-slider-images .item img {
  display: inline-block;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  will-change: transform;
  cursor: pointer;
  transition: .5s all ease;
}

.slick-slider-images .item.slick-center {
  text-align: center;
}

.slick-slider-images .item.slick-center img {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.slick-slider-images .item.slick-center + * {
  text-align: left;
}

.slick-slider-images .item.slick-center + * img {
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
}


@media (min-width: 480px) {
.range { display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .range > .range {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .range-vertical {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .range > [class*='cell'] {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}

@media (min-width: 480px) {
  * + [class*='cell-xs-'] {
    margin-top: 0;
  }
  .range-xs-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .range-xs-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .range-xs-right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .range-xs-justify {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .range-xs-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .range-xs-top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .range-xs {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .range-xs-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .range-xs-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .range > .cell-xs-1 {
    -webkit-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  .range > .cell-xs-preffix-1 {
    margin-left: 8.33333%;
  }
  .range > .cell-xs-push-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .range > .cell-xs-2 {
    -webkit-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  .range > .cell-xs-preffix-2 {
    margin-left: 16.66667%;
  }
  .range > .cell-xs-push-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .range > .cell-xs-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .range > .cell-xs-preffix-3 {
    margin-left: 25%;
  }
  .range > .cell-xs-push-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .range > .cell-xs-4 {
    -webkit-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  .range > .cell-xs-preffix-4 {
    margin-left: 33.33333%;
  }
  .range > .cell-xs-push-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .range > .cell-xs-5 {
    -webkit-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .range > .cell-xs-preffix-5 {
    margin-left: 41.66667%;
  }
  .range > .cell-xs-push-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .range > .cell-xs-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .range > .cell-xs-preffix-6 {
    margin-left: 50%;
  }
  .range > .cell-xs-push-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .range > .cell-xs-7 {
    -webkit-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  .range > .cell-xs-preffix-7 {
    margin-left: 58.33333%;
  }
  .range > .cell-xs-push-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .range > .cell-xs-8 {
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  .range > .cell-xs-preffix-8 {
    margin-left: 66.66667%;
  }
  .range > .cell-xs-push-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .range > .cell-xs-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .range > .cell-xs-preffix-9 {
    margin-left: 75%;
  }
  .range > .cell-xs-push-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .range > .cell-xs-10 {
    -webkit-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  .range > .cell-xs-preffix-10 {
    margin-left: 83.33333%;
  }
  .range > .cell-xs-push-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .range > .cell-xs-11 {
    -webkit-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  .range > .cell-xs-preffix-11 {
    margin-left: 91.66667%;
  }
  .range > .cell-xs-push-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .range > .cell-xs-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .range > .cell-xs-preffix-12 {
    margin-left: 100%;
  }
  .range > .cell-xs-push-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .range > .cell-xs-1-5 {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
}

@media (min-width: 768px) {
.range-sm-center 
{
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.range-sm 
{
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
}

@media (min-width: 992px) 
{
.range-md-center 
{
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
}

@media (min-width: 1200px) 
{
  * + [class*='cell-lg-'] {
    margin-top: 0;
  }
  .range-lg-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .range-lg-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .range-lg-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .range-lg-top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .range-lg {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .range-lg-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .range-lg-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .range > .cell-lg-8 {
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  .range > .cell-lg-preffix-8 {
    margin-left: 66.66667%;
  }
  .range > .cell-lg-push-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  
}

mark,
.mark {
  color: #fff;
  background-color: #93c83f;
  padding: .2em .3em;
}

.unit-middle .unit-left {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.stacktable {
  width: 100%;
  text-align: left;
}

@media (min-width: 768px) {
  .stacktable.large-only {
    display: table;
  }
  .stacktable.small-only {
    display: none;
  }
}

.section-relative {
  position: relative;
}


@media (min-width: 768px) {

  .section-sm-top-90 {
    padding-top: 90px;
  }

}

.centered {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}


.block-centered {
  margin-left: auto;
  margin-right: auto;
}

blockquote {
  font: inherit;
  padding: 0;
  margin: 0;
  border: 0;
  margin-top: 28px;
}

blockquote q:before, blockquote q:after {
  content: none;
}

blockquote cite {
  font-style: normal;
}



.quote-minimal .caption {
  color: #9f9f9f;
}

.quote-minimal.quote-minimal-inverse q {
  color: #fff;
}

.quote-minimal.quote-minimal-inverse cite {
  color: #fff;
}

.quote-minimal.quote-minimal-inverse .caption {
  color: #93c83f;
}

.quote-minimal * + .caption {
  margin-top: 0;
}
.quote-strict q {
  font-size: 14px;
}

.quote-strict cite {
  display: block;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}

.quote-strict * + cite {
  margin-top: 20px;
}

.quote-strict.quote-strict-inverse q,
.quote-strict.quote-strict-inverse cite {
  color: #fff;
}


.quote-vertical.quote-vertical-inverse q,
.quote-vertical.quote-vertical-inverse .caption {
  color: #fff;
}



html .page .offset-top-40 {
  margin-top: 40px;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slide {
  float: left;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Dots */
.slick-slider *:focus {
  outline: 0;
}

.slick-dots {
  display: block;
  margin-top: 20px;
  list-style: none;
  width: 100%;
  padding: 0;
  text-align: center;
  font-size: 0;
  line-height: 0;
  word-spacing: 0;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  background: none;
  border: none;
  display: inline-block;
  padding: 0;
  outline: none;
  outline-offset: 0;
  cursor: pointer;
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
  border-radius: 100px;
  background: #ababab;
}

.slick-dots li button::-moz-focus-inner {
  border: none;
  padding: 0;
}

.slick-dots li.slick-active button,
.slick-dots li:hover button {
  background: #93c83f;
}

.slick-dots-variant-1 .slick-dots li button {
  height: 12px;
  width: 12px;
  background: #2e5275;
  transition: .33s all ease;
  position: relative;
}

.slick-dots-variant-1 .slick-dots li button:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 19px;
  height: 19px;
  border: 4px solid #93c83f;
  opacity: 0;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  transition: 180ms ease-in-out;
}

.slick-dots-variant-1 .slick-dots li.slick-active button,
.slick-dots-variant-1 .slick-dots li:hover button {
  background: transparent;
}

.slick-dots-variant-1 .slick-dots li.slick-active button:after,
.slick-dots-variant-1 .slick-dots li:hover button:after {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.slick-carousel-complex-variant-1 {
  position: relative;
  padding-bottom: 60px;
}

.slick-carousel-complex-variant-1:after {
  content: '';
  position: absolute;
  top: 80px;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width:1170px;
  background: #1c1b1a;
}

.slick-carousel-complex-variant-1 > * {
  position: relative;
  z-index: 2;
}

.slick-carousel-complex-variant-1 .slick-slider {
  margin-bottom: 0;
}

.slick-carousel-complex-variant-1 .slick-dots {
  display: none !important;
}

@media (min-width: 768px) {
  .slick-carousel-complex-variant-1 {
    padding-bottom:36px;
  }
}

.slick-slider-images .item {
  padding: 0 15px;
  text-align: right;
}

.slick-slider-images .item img {
  display: inline-block;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  will-change: transform;
  cursor: pointer;
  transition: .5s all ease;
   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
  
}

.slick-slider-images .item.slick-center {
  text-align: center;
}

.slick-slider-images .item.slick-center img {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(1);
  transform: scale(1);
   -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
  
}

.slick-slider-images .item.slick-center + * {
  text-align: left;
}

.slick-slider-images .item.slick-center + * img {
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
}


/******************************************************************** testimonials ******************************************/
/* carousel */
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
  min-height: 250px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}

.frm_head{
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: 'WhoopAss';
  color: #fff;
      letter-spacing: 3px;
    font-weight: normal;
}

/**************************************************************************************************************************************************************************
**************************************************************************************************************************************************************************
                                                                              responsive
**************************************************************************************************************************************************************************
**************************************************************************************************************************************************************************/


@media screen and (max-width:1280px)
{
.about-cnt {margin-top: 70px;}	
}


@media screen and (max-width:1024px)
{
.width40 { width:38%; }
.width30 { width:29%; }
#how-work img { float:left; width:33%;}

/********** form **********/
.get-from1 p { width:40%;}
.get-from1 select {width:57%;}
.get-from1 input {width:57%;} 

}

@media screen and (max-width:980px)
{
section .container {padding: 20px 0px;}	
#how-work img { float:left; width:33%; }
.m-hdibg { font-size:50px; line-height:43px; /* padding:10px 0px 0px 0px;*/ }
figure.effect-lily h2 { font-size:15px; }
figure.effect-lily figcaption > div { height:40%;}
.width40 figure.effect-lily figcaption > div { height:83%;}	
.about-cnt { margin-top:40px; }
.width30 { width:28%;}
.width40 { width:36%;}

}


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

/********** form **********/
.get-from1 p { width:40%;}
.get-from1 select {width:57%;}
.get-from1 input {width:57%;} 

}

@media screen and (max-width:768px)
{
#get-touch { top:7%; z-index: 9999;}
}

@media screen and (max-width:667px)
{
section .container {padding: 10px 0px;}	
section { padding:0px 0; }
.width30 { width: 30%;}
.width40 { width: 39%; }
figure.effect-lily figcaption > div { height:60%; }
.about-img { padding:5px; }	
.about-cnt { width:73%; }

.slider-images { display:none;}
#get-touch {position: inherit; width:100%; margin-top:10px;}
}

@media screen and (max-width:640px)
{
.width30 { width: 29%; margin:0px 5px;}
.width40 { width: 37%; margin:0px 5px; }	
}


@media screen and (max-width:540px)
{
.width30 { width:41%; margin:0px;}
.width40 { width:54%; margin:0px;}	
#get-touch {position: inherit; width:100%; margin-top:15px;}
}

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

@media screen and (max-width:360px)
{
	.width30 { width:100%; }
    .width40 { width:100%; }
	.ravis-btn.btn-type-2 { font-size:13px; padding:0 20px; }
	.about-img {width: 100%; float: left;}
	.about-cnt { width:90%; margin-left:0px; margin-top:-250px;}
}

@media screen and (max-width:320px)
{
.ravis-btn.btn-type-2 { font-size:12px; padding:0px 7px;} 
.get-from p { font-size:13px;}	
}


#packageInfo .modal-content{border-radius:0;}
#packageInfo .package-box {
	float: left;
    width: 100%;
	text-align:left;
}
#packageInfo .title{
	text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
	color:#2a87b9;
	float:left;
}
.pack-img-sqr{width: 250px;margin:0 10px 10px 0;float:left;}
.pack-img-rec{ width: 458px;margin:0 10px 10px 0;float:left;}
#packageInfo p.tag-row{
	font-size:17px;
	color:#545454;
	line-height:24px;
	margin:0;
}

#packageInfo p{
	font-size:15px;
	color:#545454;
	line-height:20px;
	text-align:left;
	margin:10px 0;}
#packageInfo  .modal-footer{
	float:left;
	width:100%;}
#packageInfo .modal-header {
    padding: 5px 15px;
    border-bottom: none;
}
#packageInfo .modal-body{
	padding:0 10px;}
#packageInfo .close {
    font-size: 25px;
    opacity: .5;
}

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

#packageInfo .modal-body {
    padding: 0px 10px;
}
#packageInfo p.tag-row {
    font-size: 15px;
	line-height:24px;
}
#packageInfo p {
    font-size: 14px;
    line-height: 22px;
	float:left;
}
#packageInfo .close{float:right;}
.pack-img-sqr,.pack-img-rec{width:100%;}
}