@charset "UTF-8";
@import "style";

html, body {
/*    color: #4a4a4a;*/
    font-size: 16px;
    line-height: 1.5;
/*    line-height: calc( 120% + 3.2 * (100vw - 960px) / (320 - 960) );*/
/*    line-height: calc( 24px + ( 28 - 24 ) * ( 100vw - 300 ) / ( 1200 - 300 ) );*/
    letter-spacing: .7px;
	scroll-behavior: smooth;
    font-family: 'Roboto', sans-serif;
}
*{
    margin: 0;
    padding: 0;
/*
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
*/
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
*:hover{
    -webkite-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
a{color: #fff}
a:hover{text-decoration: none}
.container, .container-fluid {
    overflow: hidden;
}
img{
    max-width: 100%;
}
 legend {
    font-size: calc(1.275rem + 0.3vw);
  }
 h1, h2, h3, h4, h5, h6 {
    line-height: 1.5;
}
h1, .h1 {
    font-size: calc(1.475rem + 1.5vw);
    margin-bottom: 1rem;
  }
h1.small {
    font-size: calc(1.475rem + .4vw);
  }
h2, .h2 {
    font-size: calc(1.275rem + 1vw);
    margin-bottom: 1rem;
  }
h2.small {
    font-size: calc(1.275rem + .5vw);
  }
h3, .h3 {
    font-size: calc(1.175rem + .8vw);
    margin-bottom: .75rem;
  }
h3.small {
    font-size: calc(1.175rem + .4vw);
  }
h4, .h4 {
    font-size: calc(1.075rem + .5vw);
    margin-bottom: .5rem;
  }
h4.small {
    font-size: calc(1.075rem + .2vw);
  }
h5, .h5 {
    font-size: calc(1.050rem + .4vw);
    margin-bottom: .25rem;
  }
h6, .h6 {
    font-size: calc(1.025rem + .2vw);
    margin-bottom: .25rem;
}
.display-1 {
    font-size: calc(1.275rem + 2.2vw);
  }
.display-2 {
    font-size: calc(1.475rem + 2.7vw);
  }
.display-3 {
    font-size: calc(1.575rem + 3.9vw);
  }
.display-4 {
    font-size: calc(1.675rem + 5.1vw);
  }
.display-5 {
    font-size: calc(1.725rem + 5.7vw);
  }
.font-4 {
    font-weight: 400
}
.font-5 {
    font-weight: 500
}
.font-6 {
    font-weight: 600
}
.oswald {
    font-family: 'Oswald', sans-serif;
}
.Philos {
    font-family: 'Philosopher', sans-serif;
}
.Roboto{
    font-family: 'Roboto', sans-serif;
}
/*
font-family: 'Nosifer', cursive;
    font-family: 'Fredericka the Great', cursive;
    font-family: 'Cabin Sketch', cursive;
    font-family: 'Laila', serif;
    font-family: 'Germania One', cursive;
    font-family: 'Ubuntu', sans-serif
*/

/*---------------------------*/
.color-prim {
    color: #7dac00;
}
.color-sec {
    color: #ff7726;
}
.color-teri {
    color: #a5d900
}
.bg-prim {
    background: #7dac00;#84ae00;
}
.bg-sec {
    background: #ff7726;;#75ab1d;
}
.bg-light {
    background: #d9ebcd !important;
}
.bg-dark {
    background: #0b170c !important;
}
.border-prim {
    border-color: #ff2d29
}
.border-sec {
    border-color:#f58820
}
.btn-primary {
    background: #f00
}
.btn-primary:hover {
    background: #c00
}
.btn-secondry {
    background: #0f0c33
}
.btn-secondry:hover {
    background: #181368
}

/*---------- Buttons -----------*/
.btn {
    padding: .5rem 1rem;
	border: none;
	outline: none;
}
.btn:hover {
	color: #fff;
}
.btn-sm {}
.btn-md {}
.btn-lg {}
.btn-fancy{
    border-radius: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
	display: -ms-flex;
	display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-transition: all .35s ease-in;
    -moz-transition: all .35s ease-in;
    -ms-transition: all .35s ease-in;
    transition: all .35s ease-in;
    padding: 10px 20px;
    font-size: 18px;
	width: 100%;
/*	font-size: calc(12px + .2vw);*/
}
.btn-fancy:hover{
    background: -webkit-gradient(radial, center center, 0, center center, 460, from(#4585ce), to(#07057f));
    background: -webkit-radial-gradient(circle, #4585ce 30%, #4585ce 80%, #07057f);
    background: -moz-radial-gradient(circle, #4585ce 30%, #4585ce 80%, #07057f);
    background: -ms-radial-gradient(circle, #4585ce 30%, #4585ce 80%, #07057f);
    background: radial-gradient(circle, #4585ce 30%, #4585ce 80%, #07057f);
    -webkite-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.btn-fancy i {
    margin-left: 8px;
    -webkite-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.btn-fancy:hover i{
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}
.btn-big {
    font-size: calc(1.075rem + .2vw);
    padding-top: calc( .5rem + .2vw );
    padding-bottom:  calc( .5rem + .2vw );
}
button h1, button h2, button h3, button h4, button h5, button h6, button p {
    margin-bottom: 0
}
/*--------- Backgrounds ---------*/

/*------- Bcagrounds Aqua -------*/

.bg-aqua {
    background: #00ffff
}
.bg-aqua-1 {
    background: #1ecaca
}
.bg-aqua-2 {
    background: #016f6f
}
.bg-aqua-3 {
    background: #013c3c
}
/*------- Bcagrounds Black ------*/
.bg-black {
    background: #000;
}
.bg-black-1 {
    background: #4c4c4c
}
.bg-black-2 {
    background: #353535
}
.bg-black-3 {
    background: #292929
}
.bg-black-overlay-1, .overlay-black-1::before {
    background: rgba(0, 0, 0, 0.2);
}
.bg-black-overlay-2, .overlay-black-2::before {
    background: rgba(0, 0, 0, 0.5);
}
.bg-black-overlay-3, .overlay-black-3::before {
    background: rgba(0, 0, 0, 0.7);
}
.bg-black-lin-grad-1, .overlay-black-lin-grad-1::before {
    -webkit-background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, 1));
    background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, 1));
}
.bg-black-lin-grad-2, .overlay-black-lin-grad-2::before {
    -webkit-background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, .2));
    background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, .2));
}
.bg-black-lin-grad-3, .overlay-black-lin-grad-3::before {
    -webkit-background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, 1));
    -moz-background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, 1));
    background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, 1));
}
.bg-black-lin-grad-4, .overlay-black-lin-grad-4::before {
    -webkit-background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .9), rgba(0, 0, 0, .2));
    background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .9), rgba(0, 0, 0, .2));
}
.bg-black-to-right-1, .overlay-black-to-right-1::before {
    -webkit-background-image: linear-gradient(to right,rgba(0, 0, 0, 1), rgba(0, 0, 0, .2));
    background-image: linear-gradient(to right,rgba(0, 0, 0, 1), rgba(0, 0, 0, .2));
}
.bg-black-to-right-2, .overlay-black-to-right-2::before {
    -webkit-background-image: linear-gradient(to right,rgba(0, 0, 0, .2), rgba(0, 0, 0, 1));
    background-image: linear-gradient(to right,rgba(0, 0, 0, .2), rgba(0, 0, 0, 1));
}
.bg-black-to-right-3, .overlay-black-to-right-3::before {
    -webkit-background-image: linear-gradient(to right,rgba(0, 0, 0, 1), rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, 1));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, 1));
}
.bg-black-to-right-4, .overlay-black-to-right-4::before {
    -webkit-background-image: linear-gradient(to right,rgba(0, 0, 0, .2), rgba(0, 0, 0, 1), rgba(0, 0, 0, .2));
    background-image: linear-gradient(to right,rgba(0, 0, 0, .2), rgba(0, 0, 0, 1), rgba(0, 0, 0, .2));
}
.bg-black-rad-grad-in, .overlay-black-rad-grad-in::before {
    background: -moz-radial-gradient(circle, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .2) 60%, rgba(0, 0, 0, .7));
    background-image: radial-gradient(circle, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .2) 60%, rgba(0, 0, 0, .7));
}
.bg-black-rad-grad-out, .overlay-black-rad-grad-out::before {
    background: -moz-radial-gradient(circle, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .5) 60%, rgba(0, 0, 0, .2));
    background-image: radial-gradient(circle, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .5) 60%, rgba(0, 0, 0, .2));
}
/*------- Bcagrounds Blue ------*/
.bg-blue {
    background: #0000ff
}
.bg-blue-1 {
    background: #7070f3
}
.bg-blue-2 {
    background: #0b0bb3
}
.bg-blue-3 {
    background: #020261
}
.bg-blue-rad-gred {
/*    background: #083d77;*/
    
    /* Safari 4-5, Chrome 1-9 */
  /* Can't specify a percentage size? */
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#4585ce), to(#07057f));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #4585ce 30%, #4585ce 60%, #07057f);
 
  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #4585ce 30%, #4585ce 60%, #07057f);

  /* IE 10 */
  background: -ms-radial-gradient(circle, #4585ce 30%, #4585ce 60%, #07057f);
    color: #fff;
    overflow: hidden;
}
/*------- Bcagrounds White ------*/
.bg-gray {
    background: #e6e6e6
}
.bg-gray-1 {
    background: #d0d0d0
}
.bg-gray-2 {
    background: #bbbbbb
}
.bg-gray-3 {
    background: #909090
}
.bg-white {
    background: #fff
}
.bg-white-overlay-1, .overlay-white-1::before {
    background: rgba(255, 255, 255, 0.2);
}
.bg-white-overlay-2, .overlay-white-2::before {
    background: rgba(255, 255, 255, 0.5);
}
.bg-white-overlay-3, .overlay-white-3::before {
    background: rgba(255, 255, 255, 0.7);
}
.bg-white-lin-gred-1, .overlay-white-lin-grad-1::before {
    -webkit-background-image: linear-gradient(to right, rgb(255, 255, 255, .9), transparent);
    background-image: linear-gradient(0deg, rgb(255, 255, 255, .9), transparent);
}
.bg-white-lin-gred-2, .overlay-white-lin-grad-2::before {
    -webkit-background-image: linear-gradient(to right, transparent, rgb(255, 255, 255, .9));
    background-image: linear-gradient(0deg, transparent, rgb(255, 255, 255, .9));
}
.bg-white-lin-gred-3, .overlay-white-lin-grad-3::before {
    -webkit-background-image: linear-gradient(to right, rgb(255, 255, 255, .9), transparent, rgb(255, 255, 255, .9));
    background-image: linear-gradient(0deg, rgb(255, 255, 255, .9), transparent, rgb(255, 255, 255, .9));
}
.bg-white-lin-gred-4, .overlay-white-lin-grad-4::before {
    -webkit-background-image: linear-gradient(to right, transparent, rgb(255, 255, 255, .9), transparent);
    background-image: linear-gradient(0deg, transparent, rgb(255, 255, 255, .9), transparent);
}

.bg-white-lin-gred-to-right-1, .overlay-white-lin-grad-to-right-1::before {
    -webkit-background-image: linear-gradient(90deg, rgb(255, 255, 255, .9), transparent);
    background-image: linear-gradient(90deg, rgb(255, 255, 255, .9), transparent);
}
.bg-white-lin-gred-to-right-2, .overlay-white-lin-grad-to-right-2::before {
    -webkit-background-image: linear-gradient(90deg, transparent, rgb(255, 255, 255, .9));
    background-image: linear-gradient(90deg, transparent, rgb(255, 255, 255, .9));
}
.bg-white-lin-gred-to-right-3, .overlay-white-lin-grad-to-right-3::before {
    -webkit-background-image: linear-gradient(90deg, rgb(255, 255, 255, .9), transparent, rgb(255, 255, 255, .9));
    background-image: linear-gradient(90deg, rgb(255, 255, 255, .9), transparent, rgb(255, 255, 255, .9));
}
.bg-white-lin-gred-to-right-4, .overlay-white-lin-grad-to-right-4::before {
    -webkit-background-image: linear-gradient(90deg, transparent, rgb(255, 255, 255, .9), transparent);
    background-image: linear-gradient(90deg, transparent, rgb(255, 255, 255, .9), transparent);
}
/*------- Bcagrounds Green ------*/
.bg-green {
    background: #008000
}
.bg-green-1 {
    background: #81bb5a
}
.bg-green-2 {
    background: #265f00
}
.bg-green-3 {
    background: #153500
}
/*------- Bcagrounds Indigo ------*/
.bg-indigo {
    background: #6610f2
}
/*-------- Bcagrounds Pink ------*/
.bg-pink {
    background: #ffc0cb
}
.bg-pink-1 {
    background: #f198a8
}
.bg-pink-2 {
    background: #ff768e
}
.bg-pink-3 {
    background: #fd3a5c
}
.bg-pink-red {
	-webkit-background-image:linear-gradient(#f65cb1, #ff2d29);
    background-image:linear-gradient(#f65cb1, #ff2d29);
}
/*------- Bcagrounds PURPLE ------*/
.bg-purple {
    background: #6f42c1
}
.bg-purple-pink-yellow {
	-webkit-background-image: linear-gradient(180deg,#943cff 0%,#dd45d3 40.13%,#fc9a57 90%);
    background-image: linear-gradient(180deg,#943cff 0%,#dd45d3 40.13%,#fc9a57 90%);
}
/*-------- Bcagrounds Red ------*/
.bg-red {
    background: #ff0000
}
.bg-red-1 {
    background: #ca1e1e
}
.bg-red-2 {
    background: #8e0a0a
}
.bg-red-3 {
    background: #500202
}
.bg-red-pink {
	-webkit-background-image:linear-gradient(#ff2d29, #f65cb1);
    background-image:linear-gradient(#ff2d29, #f65cb1);
}
.bg-red-yellow {
    -webkit-background: linear-gradient(red,#ffcf20);
    background: linear-gradient(red,#ffcf20);
}
.bg-red-yellow-to-right {
    -webkit-background-image: linear-gradient(to right, rgba(255, 0, 0, .2), rgb(255, 220, 0, .3), rgba(255, 220, 0, .6));
    background-image: linear-gradient(to right, rgba(255, 0, 0, .2), rgb(255, 220, 0, .3), rgba(255, 220, 0, .6));
}
.bg-red-overlay-1 {}
.bg-red-overlay-2 {
    background: rgba(255, 20, 20, .55);
}
/*-------- Bcagrounds Yellow ------*/
.bg-yellow {
    background: #ffff00
}
.bg-yellow-1 {
    background: #ffbf00
}
.bg-yellow-2 {
    background: #d6a71c
}
.bg-yellow-3 {
    background: #bd8005
}
.bg-yellow-red {
    background: linear-gradient(#ffcf20,#a90606);
}
.bg-yellow-lin-gred {
    background: linear-gradient(#b77e1d,#ffec79,#b77e1d)
}
.bg-yellow-white-1 {
    background-image: linear-gradient(to right, rgb(255,220,0,.7), rgb(255,220,0,.5), rgba(255,0,0,0.03));
}
.bg-yellow-white-2 {
    background-image: linear-gradient(to right, rgb(255,0,0,0.03), rgb(255,220,0,.5), rgba(255,220,0,.7));
}
.bg-yellow-white-3 {
    background-image: linear-gradient(rgb(255,220,0,.7), rgb(255,220,0,.3), rgba(255,220,0,.7));
}
.bg-yellow-white-4 {
    background-image: linear-gradient(rgb(255,0,0,0.03), rgb(255,220,0,.7), rgba(255,220,0,.3));
}
.bg-yellow-overlay-1 {}
.bg-yellow-overlay-2 {
    background: rgba(255, 172, 10, .55);
}
.bg-none {
	background: none !important;
}

/*
.signUp {
    border-style: solid;
    border-image: linear-gradient(135deg, #e83e8c 20%, #6B2B80 20%, #6B2B80 40%, #e83e8c 40%, #6b2b80 60%, #6B2B80 60%, #6B2B80 80%, #e83e8c 80%) 15 / 10px;
    background: rgb(255 255 255 / 95%);
    padding: 30px 30px;
}
*/

/*--------- Text Colors ---------*/
.blue {
    color: #0000ff
}
.blue-1 {
    color: #1d5ec5
}
.blue-2 {
    color: #013a9a
}
.blue-3 {
    color: #002662
}
.green {
    color: #008000
}
.green-1 {
    color: #81bb5a
}
.green-2 {
    color: #39631d
}
.green-3 {
    color: #1b4400
}
.indigo {
    color: #6610f2
}
.indigo-1 {
    color: #6610f2
}
.indigo-2 {
    color: #6610f2
}
.indigo-3 {
    color: #6610f2
}
.pink {
    color: #e83e8c
}
.pink-1 {
    color: #ff8cc0
}
.pink-2 {
    color: #ff5aa5
}
.pink-3 {
    color: #fd3a5c
}
.red {
    color: #ff0000
}
.red-1 {
    color: #ff6666
}
.red-2 {
    color: #ad2a2a
}
.red-3 {
    color: #7b0707
}
.red-yellow {
    background: -webkit-linear-gradient(red, #ffcf20);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.yellow {
    color: #ffff00
}
.yellow-1 {
    color: #ffbf00
}
.yellow-2 {
    color: #d6a71c
}
.yellow-3 {
    color : #b3b30f
}
.yellow-red {
    background: -webkit-linear-gradient(#ffcf20, red);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.white {
    color: #fff
}
.white-1 {
    color: #dedede
}
.white-2 {
    color: #bdbdbd
}
.white-3 {
    color: #949494
}

/*---------- Overlay -------------*/
.overlay-black-1, .overlay-black-2, .overlay-black-3, .overlay-black-lin-grad-1, .overlay-black-lin-grad-2, .overlay-black-lin-grad-3, .overlay-black-lin-grad-4, .overlay-black-to-right-1, .overlay-black-to-right-2, .overlay-black-to-right-3, .overlay-black-to-right-4, .overlay-black-rad-grad-in, .overlay-black-rad-grad-out, .overlay-white-1, .overlay-white-2, .overlay-white-3, .overlay-white-lin-grad-1, .overlay-white-lin-grad-2, .overlay-white-lin-grad-3, .overlay-white-lin-grad-4, .overlay-white-lin-grad-to-right-1, .overlay-white-lin-grad-to-right-2, .overlay-white-lin-grad-to-right-3, .overlay-white-lin-grad-to-right-4 {
    position: relative
}
.overlay-black-1::before, .overlay-black-2::before, .overlay-black-3::before, .overlay-black-lin-grad-1::before, .overlay-black-lin-grad-2::before, .overlay-black-lin-grad-3::before, .overlay-black-lin-grad-4::before, .overlay-black-to-right-1::before, .overlay-black-to-right-2::before, .overlay-black-to-right-3::before, .overlay-black-to-right-4::before, .overlay-black-rad-grad-in::before, .overlay-black-rad-grad-out::before, .overlay-white-1::before, .overlay-white-2::before, .overlay-white-3::before, .overlay-white-lin-grad-1::before, .overlay-white-lin-grad-2::before, .overlay-white-lin-grad-3::before, .overlay-white-lin-grad-4::before, .overlay-white-lin-grad-to-right-1::before, .overlay-white-lin-grad-to-right-2::before, .overlay-white-lin-grad-to-right-3::before, .overlay-white-lin-grad-to-right-4::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
/*
    width: 100%;
    height: 100%;
*/
}
.overlay-white-1 {
    background: rgba(255, 255, 255, 0.2);
}
.overlay-white-2 {
    background: rgba(255, 255, 255, 0.5);
}
.overlay-white-3 {
    background: rgba(255, 255, 255, 0.7);
}
.overlay-white-lin-gred {
    -webkit-background-image: linear-gradient(transparent, rgb(255, 255, 255, .3), transparent);
    background-image: linear-gradient(0deg, transparent, rgb(255, 255, 255, .3), transparent);
}
.overlay-white-lin-gred-to-right {
    -webkit-background-image: linear-gradient(to right, transparent, rgb(255, 255, 255, .3), transparent);
    background-image: linear-gradient(to right, transparent, rgb(255, 255, 255, .3), transparent);
}

.bg-lin-grad-50-1, .bg-lin-grad-50-2, .bg-lin-grad-50-3, .bg-lin-grad-50-4 {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
}
.bg-lin-grad-50-1:before, .bg-lin-grad-50-2:before, .bg-lin-grad-50-3:before, .bg-lin-grad-50-4:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(0deg, #9e163c, transparent);
    transition: 1s all ease;
}
.bg-lin-grad-50-1:hover::before, .bg-lin-grad-50-2:hover::before, .bg-lin-grad-50-3:hover::before, .bg-lin-grad-50-4:hover::before {
    height: 100%;
}
.bg-lin-grad-50-2::before {
    background: linear-gradient(0deg, #f26921, transparent);
}
.bg-lin-grad-50-3::before {
    background: linear-gradient(0deg, #50c420, transparent);
}
.bg-lin-grad-50-4::before {
    background: linear-gradient(0deg, #9c00fd, transparent);
}
/*-----------  Boreders ----------*/
.border-1, border-2 {
    border-style: solid;
}
.border-1 {
    border-width: 1px;
}
border-2 {
    border-width: 2px;
}
.border-white {
    border-color: #fff;
}
.radius-sm {
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}
.radius-md {
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
}
.radius-lg {
    -webkit-border-radius: .75rem;
    -moz-border-radius: .75rem;
    border-radius: .75rem;
}
.radius-xl {
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
}
.radius-xxl {
    border-radius: calc(1rem + 1vw);
}
.radius-50 {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.border-t-r-r-0{
    border-top-right-radius: 0;
}
.border-b-r-r-0{
    border-bottom-right-radius: 0;
}
/*--------- Margin ---------*/
.m-sm, .mt-sm, .my-sm {
    margin-top: calc(.25rem + .5vw);
}
.m-md, .mt-md, .my-md {
    margin-top: calc(.5rem + .5vw);
}
.m-lg, .mt-lg, .my-lg {
    margin-top: calc(1rem + .5vw);
}
.m-xl, .mt-xl, .my-xl {
    margin-top: calc(1rem + 1vw);
}
.m-xxl, .mt-xxl, .my-xxl {
    margin-top: calc(1rem + 1.5vw);
}
.m-sm, .mb-sm, .my-sm {
    margin-bottom: calc(.25rem + .5vw);
}
.m-md, .mb-md, .my-md {
    margin-bottom: calc(.5rem + .5vw);
}
.m-lg, .mb-lg, .my-lg {
    margin-bottom: calc(1rem + .5vw);
}
.m-xl, .mb-xl, .my-xl {
    margin-bottom: calc(1rem + 1vw);
}
.m-xxl, .mb-xxl, .my-xxl {
    margin-bottom: calc(1rem + 1.5vw);
}
/*--------- Padding ---------*/
/*
xs=4+2.5=6.5
sm=4+5=9
md=8+5=13
lg=12+5=17
xl=16+5=21
xxl=16+10=26
*/
.p-xs, .pt-xs, .py-xs {
    padding-top: calc(.25rem + .25vw);
}
.p-sm, .pt-sm, .py-sm {
    padding-top: calc(.25rem + .5vw);
}
.p-md, .pt-md, .py-md {
    padding-top: calc(.5rem + .5vw);
}
.p-lg, .pt-lg, .py-lg {
    padding-top: calc(.75rem + .5vw);
}
.p-xl, .pt-xl, .py-xl {
    padding-top: calc(1rem + .5vw);
}
.p-xxl, .pt-xxl, .py-xxl {
    padding-top: calc(1rem + 1vw);
}
.p-xs, .pb-xs, .py-xs {
    padding-bottom: calc(.25rem + .25vw);
}
.p-sm, .pb-sm, .py-sm {
    padding-bottom: calc(.25rem + .5vw);
}
.p-md, .pb-md, .py-md {
    padding-bottom: calc(.5rem + .5vw);
}
.p-lg, .pb-lg, .py-lg {
    padding-bottom: calc(.75rem + .5vw);
}
.p-xl, .pb-xl, .py-xl {
    padding-bottom: calc(1rem + .5vw);
}
.p-xxl, .pb-xxl, .py-xxl {
    padding-bottom: calc(1rem + 1vw);
}
.p-xs, .pl-xs, .px-xs {
    padding-left: calc(.25rem + .25vw);
}
.p-sm, .pl-sm, .px-sm {
    padding-left: calc(.5rem + .5vw);
}
.p-md, .pl-md, .px-md {
    padding-left: calc(1rem + .5vw);
}
.p-lg, .pl-lg, .px-lg {
    padding-left: calc(1rem + .75vw);
}
.p-xl, .pl-xl, .px-xl {
    padding-left: calc(1rem + 1vw);
}
.p-xxl, .pl-xxl, .px-xxl {
    padding-left: calc(1rem + 1.5vw);
}
.p-xs, .pr-xs, .px-xs {
    padding-right: calc(.25rem + .25vw);
}
.p-sm, .pr-sm, .px-sm {
    padding-right: calc(.5rem + .5vw);
}
.p-md, .pr-md, .px-md {
    padding-right: calc(1rem + .5vw);
}
.p-lg, .pr-lg, .px-lg {
    padding-right: calc(1rem + .75vw);
}
.p-xl, .pr-xl, .px-xl {
    padding-right: calc(1rem + 1vw);
}
.p-xxl, .pr-xxl, .px-xxl {
    padding-right: calc(1rem + 1.5vw);
}
.sec-p {
    padding-top: calc(1rem + 2vw);
    padding-bottom: calc(1rem + 2vw);
}
/*---------- Positions  ----------*/
.pos-rel {
    position: relative;
}
.pos-abs {
    position: absolute;
}
.pos-fix {
    position: fixed;
    z-index: 9;
}
.left-20 {
    left: 20px;
}
.right-20 {
    right: 2px;
}
.fix-mid {
    top: 50%;
    transform: translateY(-50%);
}
.fix-bottom{
    bottom: 20px;
}
.h-w-100 {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.thik-line-50-sm, .thik-line-50-md, .thik-line-50-lg, .thik-line-50-xl, .thik-line-sm, .thik-line-md, .thik-line-lg, .thik-line-xl {
    position: relative
}
.thik-line-50-sm::before, .thik-line-50-md::before, .thik-line-50-lg::before, .thik-line-50-xl::before, .thik-line-sm::before, .thik-line-md::before, .thik-line-lg::before, .thik-line-xl::before {
    position: absolute;
    content: "";
    height: .5rem;
    top: 0;
}
.thik-line-50-sm::before, .thik-line-50-md::before, .thik-line-50-lg::before, .thik-line-50-xl::before {
    width: 50%
}
hr.gray-gred-sm, hr.green-gred-sm, .thik-line-50-sm::before, .thik-line-sm::before {height: 2px;}
hr.gray-gred-md, hr.green-gred-md, .thik-line-50-md::before, .thik-line-md::before {height: 4px;}
hr.gray-gred-lg, hr.green-gred-lg, .thik-line-50-lg::before, .thik-line-lg::before {height: 6px;}
hr.gray-gred-xl, hr.green-gred-xl, .thik-line-50-xl::before, .thik-line-xl::before {height: 8px;}
hr.gray-gred-sm, hr.gray-gred-md, hr.gray-gred-lg, hr.gray-gred-xl {
    margin-top: 0;
    margin-bottom: 0;
    border-top: 0;
     -webkit-background-image: linear-gradient(to right, rgba(200, 200, 200, .2), rgba(200, 200, 200, .9), rgba(200, 200, 200, .3), rgba(200, 200, 200, .9), rgba(200, 200, 200, .2));
    background-image: linear-gradient(90deg, rgba(200, 200, 200, .2), rgba(200, 200, 200, .9), rgba(200, 200, 200, .3), rgba(200, 200, 200, .9), rgba(200, 200, 200, .2));
}
hr.green-gred-sm, hr.green-gred-md, hr.green-gred-lg, hr.green-gred-xl {
    margin: 0;
    border: 0;
     -webkit-background-image: linear-gradient(to right, rgba(10, 170, 20, .3), rgba(10, 170, 20, .9), rgba(10, 170, 20, .3), rgba(10, 170, 20, .9), rgba(10, 170, 20, .3));
    background-image: linear-gradient(90deg, rgba(10, 170, 20, .3), rgba(10, 170, 20, .9), rgba(10, 170, 20, .3), rgba(10, 170, 20, .9), rgba(10, 170, 20, .3));
}
line, .lines-1, .lines-2 {
    position: relative;
}
.lines-1::before, .lines-1::after {
    content: '';
    position: absolute;
    border-top: 1px solid #5edb2b;
    top: 50%;
    width: 25%;
    left: 71%;
}
.lines-1::before {
    margin-left: 26%
}
/*-------- Transform Style ---------*/
.rotate--5 {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.rotate--10 {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.rotate-10 {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
}
.skew-x-10 {
    background: #c00;
    padding: .5rem 2rem;
    font-size: 24px;
}
.skew-x-10::before, .skew-x-10::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 24px;
    background: #c00;
}
.skew-x-10::before {
    left: -22px;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% 100%);
    -moz-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% 100%);
}
.skew-x-10::after {
    right: -22px;
    -webkit-clip-path: polygon(0% 0%, 50% 0%, 100% 100%, 0% 100%);
    -mox-clip-path: polygon(0% 0%, 50% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 50% 0%, 100% 100%, 0% 100%);
}
.triangle-right::after {
    content: "";
    position: absolute;
    width: 20px;
    top: 0;
    bottom: 0;
    left: 100%;
    background: orange;
    -webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
    -moz-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
    -ms-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
}
.triangle-left::after{
	/*
    right: -66px;
    top: 50%;
    width: 0;
    height: 0;
    border-width: 30px 30px 30px 30px;
    border-style: solid;
    border-color: transparent transparent transparent #fbff01;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
*/
}
/*
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
    background-color: #28a745;
    background-image: -webkit-linear-gradient(45deg, rgb(255, 235, 59) 25%, transparent 25%, transparent 50%, rgb(255, 235, 59) 50%, rgb(255, 235, 59) 75%, transparent 75%, transparent);
}
*/

.top-header {
    box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.2)
}
.navigation {
/*    box-shadow: inset 0px 4px 8px #5B960A;*/
    position: relative;
    margin-bottom: 6px;
}
.nav_bg {
    width: 100%;
    background: rgb(57,52,30);
    background: -moz-linear-gradient(left, rgba(57,52,30,1) 0%, rgba(57,52,30,1) 44%, rgba(70,64,38,1) 56%, rgba(69,63,37,1) 57%, rgba(71,65,39,1) 57%, rgba(79,73,47,1) 62%, rgba(84,78,52,1) 66%, rgba(83,78,49,1) 66%, rgba(85,79,53,1) 67%, rgba(88,82,56,1) 70%, rgba(88,82,56,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(57,52,30,1)), color-stop(44%,rgba(57,52,30,1)), color-stop(56%,rgba(70,64,38,1)), color-stop(57%,rgba(69,63,37,1)), color-stop(57%,rgba(71,65,39,1)), color-stop(62%,rgba(79,73,47,1)), color-stop(66%,rgba(84,78,52,1)), color-stop(66%,rgba(83,78,49,1)), color-stop(67%,rgba(85,79,53,1)), color-stop(70%,rgba(88,82,56,1)), color-stop(100%,rgba(88,82,56,1)));
    background: -webkit-linear-gradient(left, rgba(57,52,30,1) 0%,rgba(57,52,30,1) 44%,rgba(70,64,38,1) 56%,rgba(69,63,37,1) 57%,rgba(71,65,39,1) 57%,rgba(79,73,47,1) 62%,rgba(84,78,52,1) 66%,rgba(83,78,49,1) 66%,rgba(85,79,53,1) 67%,rgba(88,82,56,1) 70%,rgba(88,82,56,1) 100%);
    background: -o-linear-gradient(left, rgba(57,52,30,1) 0%,rgba(57,52,30,1) 44%,rgba(70,64,38,1) 56%,rgba(69,63,37,1) 57%,rgba(71,65,39,1) 57%,rgba(79,73,47,1) 62%,rgba(84,78,52,1) 66%,rgba(83,78,49,1) 66%,rgba(85,79,53,1) 67%,rgba(88,82,56,1) 70%,rgba(88,82,56,1) 100%);
    background: -ms-linear-gradient(left, rgba(57,52,30,1) 0%,rgba(57,52,30,1) 44%,rgba(70,64,38,1) 56%,rgba(69,63,37,1) 57%,rgba(71,65,39,1) 57%,rgba(79,73,47,1) 62%,rgba(84,78,52,1) 66%,rgba(83,78,49,1) 66%,rgba(85,79,53,1) 67%,rgba(88,82,56,1) 70%,rgba(88,82,56,1) 100%);
    background: linear-gradient(to right, rgba(57,52,30,1) 0%,rgba(57,52,30,1) 44%,rgba(70,64,38,1) 56%,rgba(69,63,37,1) 57%,rgba(71,65,39,1) 57%,rgba(79,73,47,1) 62%,rgba(84,78,52,1) 66%,rgba(83,78,49,1) 66%,rgba(85,79,53,1) 67%,rgba(88,82,56,1) 70%,rgba(88,82,56,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39341e', endColorstr='#585238',GradientType=1);
}
bg-gredient {
        background: -o-linear-gradient(40deg, #bb1c1c 0, #f7cb2e 100%) !important;
    background: linear-gradient(50deg, #bb1c1c 0, #f7cb2e 100%) !important;
}
/*
nav.navigation::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 8px;
    background: url(../images/icons/nav-border-bg.png) center repeat-x;
    left: 0;
    bottom: -7px;
    z-index: 9;
}
*/
.navigation.sticky {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 9;
    -webkit-animation: sticky .5s forwards;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.22));
}
.navbar-toggler {
    background: #ff7725;
}
.navbar-toggler-icon i {
    color: #fff;
    font-size: 28px;
}
nav.navbar {
    padding: 0;
}
.navbar-nav .nav-link {
    padding-left: 1rem;
}
a.nav-link.active {
    background: #74ab20;
}
img.logo-md {
    max-width: 80px;
}
img.logo {
    max-width: 60px;
    border: 2px solid #ffffff;
    border-radius: 50%;
/*    box-shadow: 0px 1px 6px white*/
}
.small-logo {
/*    opacity: 0;*/
    position: relative;
    margin-right: 40px;
    height: 48px;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.logo-scrolled {
    opacity: 1;
}
.apointment {
    padding: .5rem 1rem;
}

/*----- Jassor Slider -----*/
.jssor-slider-wraper{}
.slider-text {
/*    background: rgb(255 119 38);*/
    position:absolute;
    color: #c71c1d;
}
.slider-button {
    background: rgba(255, 45, 41, 0.8);
    position:absolute;
    color: #fff;
}
.slider-button a {
    color: #fff;
}
/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
	animation-name: jssorl-009-spin;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes jssorl-009-spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
/*jssor slider bullet skin 032 css*/
.jssorb032 {position:absolute;}
.jssorb032 .i {position:absolute;cursor:pointer;}
.jssorb032 .i .b {fill:#fff;fill-opacity:0.7;stroke:#000;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.25;}
.jssorb032 .i:hover .b {fill:#000;fill-opacity:.6;stroke:#fff;stroke-opacity:.35;}
.jssorb032 .iav .b {fill:#000;fill-opacity:1;stroke:#fff;stroke-opacity:.35;}
.jssorb032 .i.idn {opacity:.3;}
/*jssor slider arrow skin 051 css*/
.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}

/* /End jssor slider css*/

#strip-top img {max-width: 80px}

#about-ayurveda {}
#legacy {}
.legacy-border {
    border: 1px solid #51BA69;
    border-radius: 10px;
    padding: 20px;
}
#philosophy {position: relative}
#philosophy::after {
    position: absolute;
    content: "";
    width: 200px;
    height: 200px;
    background: url(../images/icons/natural-pills-right.jpg) center no-repeat;
    right: 20px;
    bottom: 20px;
}
#our-product img {
    max-width: 380px;
    display: block;
    margin: auto;
    margin-bottom: 20px;
}
.treatmet {
    width: 49%;
    display: inline-block;
    margin-bottom: calc(1rem + 1vw);
}
.treatmet>.img-bg {
    width: 100%;
    padding: 20px 10px 10px;
    background: #efefef;
    border-radius: 10px;
    text-align: center;
    margin-top: calc(1rem);
    margin-bottom: calc(.5rem + .5vw);
/*    transform: translateY(calc(10px + 1vw));*/
    box-shadow: 1px 4px 10px rgba(0, 0, 0, 0.23);
}
.treatmet img {
    border-radius: 10px;
    max-width: 60px;
    display: block;
    margin: auto;
}
/*
.treatmet h3 {
    text-align: center;
}
*/
/*
.treatmet>.img-bg, .treatmet h3 {
    transition: all 0.5s ease-in-out;
}
*/
.treatmet:hover .img-bg {
    transform: scale(1.1);
/*
    transform: translateY(0px);
    box-shadow: 1px 14px 22px rgba(0, 0, 0, 0.33);
*/
}
/*
.treatmet:hover h3 {
    color: #fbff07;
    transform: scale(.9);
}
*/

#why-us {}
#why-us .content {
    position: relative;
    display: inline-block;
    width: 32.99%;
    margin-bottom: 5px;
    color: #fff;
}
.content .text {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
}
.content .numb {
    font-size: calc(52px + (72 - 52) * (100vw - 300px) / (1920 - 300))
}
.content .desc {
    font-size: calc(24px + (36 - 24) * (100vw - 300px) / (1920 - 300))
}
.content:nth-child(odd)::before, .content:nth-child(even)::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    background: rgba(100, 200, 0, .7);
}
.content:nth-child(even)::before {
    background: rgba(230, 190, 40, .7);
}


#fecilities .icon {
/*
    border-radius: 10px;
    width: calc(100px + 1vw);
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
*/
    padding-right: 16px;
}
/*
#fecilities .text {
    width: 44%;
    display: inline-block;
    vertical-align: middle;
}
*/
#fecilities .icon img {
    max-width: 100%;
    border-radius: 10px;
}
#fecilities h3, #fecilities h5 {
    position: relative;
}
#fecilities h3.title-line-start::before, #fecilities h5.title-line-start::before {
    height: 1px;
    background: rgba(255, 255,255, .4);
    top: 100%;
}
#fecilities h5.title-line-start::nth-last-child::before {
    display: none;
}
#fecilities hr.theme-gred {
    margin: 10px 0;
    border: 0;
    height: 4px;
     -webkit-background-image: linear-gradient(to right, rgba(10, 170, 20, .3), rgba(10, 170, 20, .9), rgba(10, 170, 20, .3), rgba(10, 170, 20, .9), rgba(10, 170, 20, .3));
    background-image: linear-gradient(90deg, rgba(10, 170, 20, .3), rgba(10, 170, 20, .9), rgba(10, 170, 20, .3), rgba(10, 170, 20, .9), rgba(10, 170, 20, .3));
}
#trinity {}
/*
#trinity::before {
    position: absolute;
    font-family: "FontAwesome";
    font-weight: inherit;
    color: #f40e08;
    content: "\f14a";
    -webkit-font-smoothing: antialiased;
    left: 0;
    margin-left: 16px;
    font-style: normal;
    text-rendering: auto;
    font-size: 72px;
}
*/

#why-choose {}
#why-choose p {font-size: 14px}
.why-part {
    margin-top: 20px;
}

button.btn {
    background: #fe7726;
}
button.btn a {
    color: #fff;
}

#testimonials-slider {}
.testimonial-content {
    border: 1px solid #a9a3a3;
    border-radius: .75rem;
    padding: .75rem 1rem;
    margin-left: 1rem;
}
.testimonial-content i.fa{
    color: #f4ce00;
}

footer {}
footer .title-line-start {
    position: relative;
}
.title-line-start::before {
    content: "";
    position: absolute;
    width: 5rem;
    height: 2px;
    background: #fe7726;
    top: 100%;
}
footer h6 {
    margin-bottom: 0;
    font-weight: 400;
}
ul.footer-menu {
    list-style: none;
}
ul.footer-menu li {
    display: block;
    margin-bottom: 10px;
    border-bottom: 1px groove rgba(255,255,255, .5);
}
ul.footer-menu li i.fa {
    color: #a5d900;
}
ul.footer-menu li:hover i.fa {
    color: #fe7726;
}
ul.footer-menu li a {
    color: #a5d900;
    padding: 10px;
}
ul.footer-menu li a:hover {
    color: #fe7726;
}
ul.social {
    list-style: none;
}
ul.social li {
    display: inline-block;
}
ul.social li:not(:last-child) {
    margin-right: calc(.5rem + .5vw);
}
ul.social li i.fab {
    color: #a5d900
}
ul.social li:hover i.fab {
    color: #fe7726;
}

#copyright {}
#copyright img.favicon {
    margin-top:-4px;
    margin-right:5px;
    max-width: 24px
}
/*--------- Scroll To Top ---------*/
.scrollTop {
	position: fixed;
	opacity: 0;
	z-index: 1;
	bottom: calc(1rem + .5vw);
	right: calc(1rem + 1vw);
	transition: all 0.4s ease-in-out 0s;
}
.scrollTop a i{
	font-size: calc(30px + (36 - 30) * ((100vw - 300px) / (1200 - 300)));
	color: #ff7726;
}


#solution .points h5::before {
    position: absolute;
    font-family: "FontAwesome";
    font-weight: inherit;
    color: #f40e08;
    content: "\f14a";
    -webkit-font-smoothing: antialiased;
    left: 0;
    margin-left: 16px;
    font-style: normal;
    text-rendering: auto;
}

#slider-1 .section-header h1 {
    font-size: calc(36px + (90 - 36) * ((100vw - 300px) / (1200 - 300)));
}

.btn-down-img {
    -webkit-animation:floating 2s ease-in-out infinite;
    -moz-animation:floating 2s ease-in-out infinite;
    animation:floating 2s ease-in-out infinite;
}

.form-control, textarea {
    background:transparent;
    width: 100%;
    border-radius: 25px;
    outline: none;
    padding: 10px 30px;
    border: 2px solid #fff;
}
.form-control {
    height: 45px;
}
textarea {
    min-height: 120px;
    padding: 10px 30px;
}
.input-effect {
    position: relative;
    widows: 100%;
    z-index: 1;
}
#banner-form .form-control::-webkit-input-placeholder, #form-bottom .form-control::-webkit-input-placeholder {
    color: #fff;
}
#banner-form .form-control::-moz-placeholder, #form-bottom .form-control::-moz-placeholder {
    color: #fff;
}
#banner-form .form-control:-moz-placeholder, #form-bottom .form-control:-moz-placeholder {
    color: #fff;
}
#banner-form .form-control::-ms-input-placeholder, #form-bottom .form-control::-ms-input-placeholder {
    color: #fff;
}
#banner-form .form-control:-ms-input-placeholder, #form-bottom .form-control:-ms-input-placeholder {
    color: #fff;
}
#banner-form .form-control:placeholder, #form-bottom .form-control:placeholder {
    color: #fff;
}
#banner-form .form-control, #form-bottom .form-control {
    color: #fff;
}
#banner-form .form-control:focus, #form-bottom .form-control:focus{
    background: rgba(20, 120, 255, .55);
    transition: 0.5s ease-in-out;
}

/*
input[type="email"].form-control::-webkit-input-placeholder {
  color: #fff;
}
/*
#mobile-popup-form .newsletter{border:none;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#close-mob-popup-form{display:block;width:18px;height:18px;cursor:pointer;position:absolute;right:-20px;top:-20px;background:url("assets/img/close.svg") no-repeat 50% 50%/100%}

#mobile-popup-form {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
}

#show-mob-form{display:none;padding:20px 0;text-align:center;text-transform:uppercase;font-size:20px;position:fixed;bottom:0;left:0;width:100%;color:#fff;background:#e31f26;margin:0;line-height:1;z-index:50}#show-mob-form #close-popup-preview{display:block;width:18px;height:18px;cursor:pointer;position:absolute;right:20px;top:20px;background:url("assets/img/close.svg") no-repeat 50% 50%/100%;z-index:51;padding:5px}

#mobile-popup-form .newsletter{background:#fff;width:350px;color:#000;border:1px solid #e8e8e8;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:0 0 5px}.single-post .last-posts-category .newsletter .newsletter-descr,#mobile-popup-form .newsletter .newsletter-descr{padding:25px 40px 10px;background:#009bde;position:relative;color:#fff;margin-bottom:40px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.single-post .last-posts-category .newsletter .newsletter-descr h4,#mobile-popup-form .newsletter .newsletter-descr h4{font-size:20px;line-height:1.3;letter-spacing:.8px;font-family:conv_proximanova-reg}.single-post .last-posts-category .newsletter .newsletter-descr span,#mobile-popup-form .newsletter .newsletter-descr span{display:block;margin:0 0 15px;font-size:18px;line-height:1;letter-spacing:.8px;font-family:conv_proximanova-reg}.single-post .last-posts-category .newsletter .newsletter-descr p,#mobile-popup-form .newsletter .newsletter-descr p{font-size:12px;margin:0;font-family:conv_proximanova-reg;line-height:1;letter-spacing:.8px}.single-post .last-posts-category .newsletter .newsletter-descr:after,#mobile-popup-form .newsletter .newsletter-descr:after{content:'';display:inline-block;width:0;height:0;border-style:solid;border-width:25px 172px 0;border-color:#009bde transparent transparent transparent;position:absolute;bottom:-24px;left:50%;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);-o-transform:translate(-50%);transform:translate(-50%)}.single-post .last-posts-category .newsletter .newsletter-form,#mobile-popup-form .newsletter .newsletter-form{padding:0 40px}.single-post .last-posts-category .newsletter .newsletter-form iframe,#mobile-popup-form .newsletter .newsletter-form iframe{width:100%}.single-post .last-posts-category .newsletter .wpcf7{width:100%}.single-post .last-posts-category .newsletter h3,#mobile-popup-form .newsletter h3{color:#000}
*/

/*** More stories box ***/
/*
.td-more-articles-box {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: fixed;
  width: 341px;
  bottom: 48px;
  right: -384px;
  background-color: #fff;
  padding: 16px 20px 0 20px;
  border-style: solid;
  border-color: #ededed;
  border-width: 1px 0 1px 1px;
  z-index: 9999;
  visibility: hidden;
  -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
}
*/
/*
#contactform {  
  width: 300px;
  left: -305px;
    padding: 10px;
  height: auto;
    top: 50%;
    transform: translateY(-50%);
  position: fixed;
  box-shadow: 0 0 12px 0 #333;
    z-index:999999;
    -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
}
#contact-button { 
  width: 5%;  
  padding: 7% 8% 7% 5%; 
  cursor: pointer;
  margin-left: 290px;
  font-size: 20px; 
  color: white;  
  position: absolute;
  top:50%;
transform: translateY(-50%);
}
#contactform, #contact-button {
  background-color: #ececec;
  border-radius: 0 5px 5px 0; 
  border: 4px solid #cccccc ; 
  border-left: none;
}
#contact-button {
  background-color: #e95700;
  border-radius: 0 5px 5px 0; 
  border: 4px solid #d75102 ; 
  border-left: none;
}
*/

/*
.rotated-text {
    display: inline-block;
    white-space: nowrap;
    /* this is for shity "non IE" browsers
       that dosn't support writing-mode *//*
    -webkit-transform: translate(1.1em,0) rotate(90deg);
       -moz-transform: translate(1.1em,0) rotate(90deg);
         -o-transform: translate(1.1em,0) rotate(90deg);
            transform: translate(1.1em,0) rotate(90deg);
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;*/
   /* IE9+ *//*
   -ms-transform: none;
   -ms-transform-origin: none;
   /* IE8+ *//*
   -ms-writing-mode: tb-rl;
   /* IE7 and below *//*
   *writing-mode: tb-rl;
}
.rotated-text:before {
    content: "";
    float: left;
    margin-top: 100%;
}
{
    border-style: solid;
    border-width: 35px 20px 0 0;
    border-color: #372B5E transparent transparent transparent;
}
*/

/*---- Slide Contact Form ----*/
/*
.slide-contact-form {/*
    width: 300px;
    top: 50%;
    left: -300px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #fbfbfb;
    border: 4px solid #cccccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.slide-contact-form-open {
    left: 0;
}
.slide-contact-form-inner {
    position: relative;
    padding: 10px;
}
.btn-slide-contact-form-open-close {
    position: absolute;
    top: 50%;
    left: 100%;
    -webkit-transform: translate(-38%, -58%) rotate(90deg);
    -moz-transform: translate(-38%, -58%) rotate(90deg);
    -ms-transform: translate(-38%, -58%) rotate(90deg);
    transform: translate(-38%, -58%) rotate(90deg);
}
.btn-rotate {
    white-space: nowrap;
    color: #fff;
    background: red;
    padding: .25rem .75rem;
    font-size: 18px;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}
.btn-slide-contact-form {
    height: 44px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    border-radius: 22px;
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
}
#slide-contact-form-left h4 {
    margin-bottom: 20px;
    position: relative;
    text-align: center;
}
#slide-contact-form-left h4::before {
    content: '';
    position: absolute;
    width: 50%;
    top: 100%;
    left: 50%;
    height: 10px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: visible;
    background: -webkit-radial-gradient(ellipse at 50% -50%, #c0d4ea 0px, rgba(255, 255, 255, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -moz-radial-gradient(ellipse at 50% -50%, #c0d4ea 0px, rgba(255, 255, 255, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -ms-radial-gradient(ellipse at 50% -50%, #c0d4ea 0px, rgba(255, 255, 255, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: radial-gradient(ellipse at 50% -50%, #c0d4ea 0px, rgba(255, 255, 255, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#slide-contact-form-left input {
    height: 40px;
    border: 2px solid #a09e9e;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
}
#slide-contact-form-left textarea {
    border: 2px solid #a09e9e;
    height: 80px !important;
}
#slide-contact-form-left .form-control {
    padding-left:16px
}
#slide-contact-form-left p {
    margin-bottom: 0;
}
*/

/*------------ Emailer Contact Form --------------*/
/*
.contct-form-fix .progress {
	background:url(../images/ajax-loader.gif) no-repeat;
	width:16px;
	height:16px;
	display:inline-block;
	margin-left:10px;
	vertical-align:middle;
}
.hidden {
	display:none !important;
}
.status_msg {
	font-size:14px;
	font-weight:bold;
}
.status_msg .error {
	color:#aa0000;
}
.status_msg .success {
	color:#00aa00;
}
.error_bn {
	background:#cc0000;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	border:3px solid #fff;
	padding:5px 8px;
	width:200px;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.4);
    -ms-box-shadow:0 0 10px rgba(0,0,0,0.4);
    box-shadow:0 0 10px rgba(0,0,0,0.4);
	position:absolute;
	left:30%;
	top:-10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    -ms-border-radius: 5px;
	border-radius: 5px;
	z-index:9999;
	opacity:0.9;
}
*/

/*------- Modal --------*/
/*
#myModal .modal-dialog {
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    width: calc(220px + 10vw);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#myModal .form-control {
    border: 2px solid #ffc107;
}
#myModal input {
    height: calc(32px + .5vw);
}
#myModal .form-group {
    margin-bottom: calc(10px + .4vw);
}
#myModal textarea {
    min-height: calc(70px + 1vw);
}
.modal-header {
    background: #ffc107;
    position: relative;
    padding: .75rem 1rem;
}
.modal-header button {
    position: absolute;
    right: 1.1rem;
    top: calc( 1.1rem + .2vw);
}
.modal-header .close {
    padding: .75rem;
}
#modal-btn{
    background-color: #ffc107;
    height: 2.5rem;
    color: #fff;
    border: 0;
}
*/

/*.accordion {
  background-color: #f5f3f3;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
.panel {
  padding: 3px 20px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
    font-size: 1.2em;
    color: #424141;
  transition: max-height 0.3s ease-in-out;
}
.active, .accordion:hover {
    background-color: #083d77;
    color: aliceblue;
}
.accordion:after {
  content: '\002B';
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
.active:after {
  content: "\2212";
    color: aliceblue;
}
button.accordion:hover .active:after{color: aliceblue}
button.accordion{font-size: 26px}
.clip-ellipse {
  clip-path: ellipse(100px 60px at 175px 90px);
  /* OLD VALUE example: ellipse(245px, 80px, 75px, 30px); 
}
*/

@-webkit-keyframes scaleit {
    50%{
        -webkit-transform: scale(1.2);
        -mox-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@keyframes scaleit {
    50%{
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@-webkit-keyframes floating{
    50%{
        -webkit-transform: translateY(-16px);
        -moz-transform: translateY(-16px);
        transform: translateY(-16px);
    }
}
@keyframes floating{
    50%{
        -webkit-transform: translateY(-16px);
        -moz-transform: translateY(-16px);
        transform: translateY(-16px);
    }
}
@keyframes sticky {
    0% {
    transform: translateY(-100px);
    opacity: 0;
}
100% {
    transform: translateY(0px);
    opacity: 1;
}
}

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

@media (max-width: 576px) {
    div.res-four {
        width: calc( 100% - 20px );
		padding-left: calc( .5rem + .2vw );
        padding-right: calc( .5rem + .2vw );
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
/*
    div.res-four img {
        transform: skew(-7deg, 0deg);
    }
*/
    .res-four figure.bottom {
        margin-left: 0;
        padding-top: 0;
    }
    #why-us .content {
        width: 100%;
    }
    
}

@media screen and (max-width:767px) {
    html, body {
    font-size: 14px;
}
    .small-logo {margin-right: 28px}
#slider-1 {
    position: relative;
    background: url('../images/bg/herbal.jpg') no-repeat 50% center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}
#slider-1::before {
    position: absolute;
    content: "";top: 0;left: 0;right: 0;bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    }
    
    div.res-four{
        width: calc( 50% - 10px );
        
    }
    
    .testimonial-content {
    margin-right: 0;
}
    #philosophy::after {
    position: absolute;
    content: "";
    width: 130px;
    height: 130px;
    background: url(../images/icons/philosophy-after.webp) center no-repeat;
    right: 20px;
    bottom: 40px;
    background-size: contain;
}
    
    #strip-top img {max-width: 60px}
    #strip-top p {font-size: .75rem}
    #strip-bottom img {max-width: 50px}
    #our-product img {max-width: 100%;}
    
}
@media (min-width: 577px) and (max-width:992px) {
    #why-us .content {
        width: 49%;
    }
}
@media screen and (min-width:993px) {
    
}
@media screen and (min-width:768px) {
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: .75rem;
    padding-left: .75rem;
}
/*
    #fecilities .icon {
    width: calc(80px + 1vw);
    margin-right: 20px;
}
#fecilities .text {
    width: calc(26% + 5vw);
}
*/
    
}
@media (min-width:1200px) {
	h1, .h1 {
		font-size: 44px;
	}
	h2, .h2 {
		font-size: 38px;
	}
	h3, .h3 {
		font-size: 30px;
	}
	h4, .h4 {
		font-size: 24px;
	}
	h5, .h5 {
		font-size: 22px;
	}
	h6, .h6 {
		font-size: 20px;
	}
    
    .treatmet {
        max-width: 32.33%;
        display: inline-block;
    }
    .treatmet h3 {
        font-size: 26px;
    }
    
}