/*======================================

[  Table of contents  ]


 1. Reset
 2. Helper Classes
 3. Typography
 4. Typography Helpers
 5. Position
 6. Transtion
 7. Image
 7. Colors
 8. Background variation
 9. Background overlay
 10. Section title
 11. Input
 12. back to top
 13. Basic margin padding
 14. Custom cloumn


 Input
 Basic margin padding


[ End table content ]
======================================*/

/*

    font-family: 'Poppins', sans-serif;

    font-family: 'Montserrat', sans-serif;

*/




/**! 1. Reset **/
*,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
a {
  margin: 0;
  padding: 0;
}

/**! 2. Helper Classes **/
.fix {
    overflow: hidden
}
.allow-overflow {
  overflow: visible;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/**! 3. Typography **/
html {
    font-size: 100%;
}
@media all and (max-width: 768px) {
    html {
        font-size: 87.5%;
    }
}
body {
    font-family: 'Poppins', sans-serif;
    color: #666666;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
p{
    font-family: 'Poppins', sans-serif;
    color: #555555;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;

}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Montserrat', sans-serif;
    color: #555555;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    margin-bottom: 0;
}
h1, .h1 {
    font-size: 36px;
    font-weight: 700;
    color: #ffffff;
}
h2, .h2 {
    font-size: 18px;
    font-weight: 600;
    color: #555555;
}
h3, .h3 {
    font-size: 16px;
    font-weight: 300;
}
h4, .h4 {
    font-size: 14px;
    font-weight: 400;
}
h5, .h5 {
    font-size: 18px;
    font-weight: 400;
}
h6, .h6 {
    font-size: 16px;
    font-weight: 300;
}
@media all and (max-width: 767px) {
    h1, .h1 {
        font-size: 30px;
        font-weight: 400;
    }
    h2, .h2 {
        font-size: 24px;
    }
    h3, .h3 {
        font-size: 20px;
    }
    h4, .h4 {
        font-size: 16px;
    }
    h5, .h5 {
        font-size: 16px;
    }
    h6, .h6 {
        font-size: 16px;
    }
}
ul,
ol {
    list-style: none;
}
ul.bullets {
    list-style: inside;
}
ol {
    list-style-type: upper-roman;
    list-style-position: inside;
}
strong {
    font-weight: 600;
}
hr {
    margin: 1.625em 0;
    border-color: #e6e6e6;
}
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
}
a {
    color: #555555;
}
a:hover,
a:focus,
a:active {
    color: #95afe9;
}
p a:hover,
p a:focus,
p a:active {
    color: #95afe9;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit
}




/**! 5. Position **/
body {
  overflow-x: hidden;
}
@media all and (max-width: 767px) {
  .pos-vertical-center {
    top: 0;
    transform: none;
    -webkit-transform: none;
  }
}
@media all and (max-height: 600px) {
  .pos-vertical-center {
    top: 0;
    transform: none;
    -webkit-transform: none;
  }
}
.pos-vertical-align-columns {
  display: table;
  table-layout: fixed;
  width: 100%;
}



/**! 6. Transtion **/
a,
.btn {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
input,

select,
textarea {
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

/**! 6. Images **/
img, .img {
  max-width: 100%;
  transition: all 0.3s ease-out 0s;
}
.img-fullwidth {
  width: 100%;
}
p + img,
img:last-child {
  margin-bottom: 0;
}

/**! 7. Colors **/
body {
  background: #fff;
}
*::-moz-selection {
    background: #95e9cf;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    background: #95e9cf;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #95e9cf;
    color: #fff;
    text-shadow: none;
}





.mark, mark {
    background: #95e9cf none repeat scroll 0 0;
    color: #ffffff;
}
/*-------------
  bg-white
-----------------*/
.bg-white {
 
}
.bg-gray {
    background: #fafafa;
}
.bg-dark {
    background: #151515;
}
.bg-theme {
    background: #95e9cf;
}

/*-----------------------
  End  bg-theme
-------------------------*/
.bg-cat-1{
    background-color:#95afe9;
	border-radius:10px 0px 0px 10px;
}

.bg-cat-1 img{
    margin:5px 0px 0px 2px;
}

.bg-cat-2{
    background-color:#95e9cf;
	border-radius:10px 0px 0px 10px;
}
.bg-cat-3{
    background-color: #e995af;
	border-radius:10px 0px 0px 10px;
}
.bg-cat-4{
    background-color: #e9cf95;
	border-radius:10px 0px 0px 10px;
}


.text-blue { color: #4FC1F0; }
.text-white { color: #fff ;}
.text-black { color: #363636; }
.text-theme { color: #95e9cf; }
.text-white { color: #fff; }

.text-theme {
  color: #95e9cf !important;
}


/**! 8. Background variation **/
.bg-1 , .bg-2 , .bg-3{
    background-attachment: fixed; 
    background-clip: initial; 
    background-color: rgba(0, 0, 0, 0); 
    background-origin: initial; 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover;
 }
 .bg-1 {
  background: rgba(0, 0, 0, 0) url("../../images/bg/1.jpg") no-repeat fixed 0 0 / cover ;
}

 .bg-2 {
  background: rgba(0, 0, 0, 0) url("../../images/bg/2.jpg") no-repeat scroll center center / cover ;
}
 .bg-3 {
  background: rgba(0, 0, 0, 0) url("../../images/bg/3.jpg") no-repeat scroll center center / cover ;
}

 .bg-4 {
  background: rgba(0, 0, 0, 0) url("../../images/bg/contact-bg.jpg") no-repeat scroll center center / cover ;
}

/**! 9. Background overlay **/
[data-overlay] {
    position: relative;
}
[data-overlay]:before {
    position: absolute;
    content: '';
    background: #3f51b5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
[data-overlay] *:not(.background-image-holder):not(.instafeed--background) {
    z-index: 2;
}
[data-overlay].image--light:before {
    background: #fff;
}
[data-overlay].bg--primary:before {
    background: #425cbb;
}
[data-overlay="1"]:before {
    opacity: 0.1;
}
[data-overlay="2"]:before {
    opacity: 0.2;
}
[data-overlay="3"]:before {
    opacity: 0.3;
}
[data-overlay="4"]:before {
    opacity: 0.4;
}
[data-overlay="5"]:before {
    opacity: 0.5;
}
[data-overlay="6"]:before {
    opacity: 0.6;
}
[data-overlay="7"]:before {
    opacity: 0.7;
}
[data-overlay="8"]:before {
    opacity: 0.8;
}
[data-overlay="9"]:before {
    opacity: 0.9;
}
[data-overlay="10"]:before {
    opacity: 1;
}
[data-overlay="0"]:before {
    opacity: 0;
}
[data-black-overlay] {
    position: relative;
}
[data-black-overlay]:before {
    position: absolute;
    content: '';
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
[data-black-overlay] *:not(.background-image-holder):not(.instafeed--background) {
    z-index: 2;
}
[data-black-overlay].image--light:before {
    background: #fff;
}
[data-black-overlay].bg--primary:before {
    background: #425cbb;
}
[data-black-overlay="1"]:before {
    opacity: 0.1;
}
[data-black-overlay="2"]:before {
    opacity: 0.2;
}
[data-black-overlay="3"]:before {
    opacity: 0.3;
}
[data-black-overlay="4"]:before {
    opacity: 0.4;
}
[data-black-overlay="5"]:before {
    opacity: 0.5;
}
[data-black-overlay="6"]:before {
    opacity: 0.6;
}
[data-black-overlay="7"]:before {
    opacity: 0.7;
}
[data-black-overlay="8"]:before {
    opacity: 0.8;
}
[data-black-overlay="9"]:before {
    opacity: 0.9;
}
[data-black-overlay="10"]:before {
    opacity: 1;
}
[data-black-overlay="0"]:before {
    opacity: 0;
}

[data-black-overlay="0"] > div{
  z-index: 5;
  color: #fff;
}





/**! 11. Input **/

select {
    width: 100%;
	
    
}



input:focus {
    background: transparent;
    border: 3px solid #7596e2;
	outline:none;
}

textarea:focus {
    background: transparent;
    border: 1px solid #95afe9;
    outline: none;
}
::-moz-placeholder {
    color: #444;
    font-size: 14px;
}


/**! 13. Basic margin padding **/
.m-0 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.p-0 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}
/*************************
         Margin top
*************************/
.mt-0 { margin-top: 0 }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-30 { margin-top: 30px }
.mt-40 { margin-top: 40px }
.mt-50 { margin-top: 50px }
.mt-60 { margin-top: 60px }
.mt-70 { margin-top: 70px }
.mt-80 { margin-top: 80px }
.mt-90 { margin-top: 90px }
.mt-100 { margin-top: 100px }
.mt-110 { margin-top: 110px }
.mt-120 { margin-top: 120px }
.mt-130 { margin-top: 130px }
.mt-140 { margin-top: 140px }
.mt-150 { margin-top: 150px }
.mt-160 { margin-top: 160px }
.mt-170 { margin-top: 170px }
.mt-180 { margin-top: 180px }
.mt-190 { margin-top: 190px }
.mt-200 { margin-top: 200px }
.mt-210 { margin-top: 210px }
.mt-220 { margin-top: 220px }
.mt-230 { margin-top: 230px }
.mt-240 { margin-top: 240px }
.mt-250 { margin-top: 250px }
.mt-260 { margin-top: 260px }
.mt-270 { margin-top: 270px }
.mt-280 { margin-top: 280px }
.mt-290 { margin-top: 290px }
.mt-300 { margin-top: 300px }
.mt-310 { margin-top: 310px }
.mt-320 { margin-top: 320px }
.mt-330 { margin-top: 330px }
.mt-340 { margin-top: 340px }
.mt-350 { margin-top: 350px }
.mt-360 { margin-top: 360px }
.mt-370 { margin-top: 370px }
.mt-380 { margin-top: 380px }
.mt-390 { margin-top: 390px }
.mt-400 { margin-top: 400px }
.mt-410 { margin-top: 410px }
.mt-420 { margin-top: 420px }
.mt-430 { margin-top: 430px }
.mt-440 { margin-top: 440px }
.mt-450 { margin-top: 450px }
.mt-460 { margin-top: 460px }
.mt-470 { margin-top: 470px }
.mt-480 { margin-top: 480px }
.mt-490 { margin-top: 490px }
.mt-500 { margin-top: 500px }
.mt-510 { margin-top: 510px }
.mt-520 { margin-top: 520px }
.mt-530 { margin-top: 530px }
.mt-540 { margin-top: 540px }
.mt-550 { margin-top: 550px }
.mt-560 { margin-top: 560px }
.mt-570 { margin-top: 570px }
.mt-580 { margin-top: 580px }
.mt-590 { margin-top: 590px }
.mt-600 { margin-top: 600px }
.mt-610 { margin-top: 610px }
.mt-620 { margin-top: 620px }
.mt-630 { margin-top: 630px }
.mt-640 { margin-top: 640px }
.mt-650 { margin-top: 650px }
.mt-660 { margin-top: 660px }
.mt-670 { margin-top: 670px }
.mt-680 { margin-top: 680px }
.mt-690 { margin-top: 690px }
.mt-700 { margin-top: 700px }
.mt-710 { margin-top: 710px }
.mt-720 { margin-top: 720px }
.mt-730 { margin-top: 730px }
.mt-740 { margin-top: 740px }
.mt-750 { margin-top: 750px }
.mt-760 { margin-top: 760px }
.mt-770 { margin-top: 770px }
.mt-780 { margin-top: 780px }
.mt-790 { margin-top: 790px }
.mt-800 { margin-top: 800px }
.mt-810 { margin-top: 810px }
.mt-820 { margin-top: 820px }
.mt-830 { margin-top: 830px }
.mt-840 { margin-top: 840px }
.mt-850 { margin-top: 850px }
.mt-860 { margin-top: 860px }
.mt-870 { margin-top: 870px }
.mt-880 { margin-top: 880px }
.mt-890 { margin-top: 890px }
.mt-900 { margin-top: 900px }



/*************************
      Margin bottom
*************************/
.mb-0 { margin-bottom: 0 }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-30 { margin-bottom: 30px }
.mb-40 { margin-bottom: 40px }
.mb-50 { margin-bottom: 50px }
.mb-60 { margin-bottom: 60px }
.mb-70 { margin-bottom: 70px }
.mb-80 { margin-bottom: 80px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }
.mb-110 { margin-bottom: 110px }
.mb-120 { margin-bottom: 120px }
.mb-130 { margin-bottom: 130px }
.mb-140 { margin-bottom: 140px }
.mb-150 { margin-bottom: 150px }

/*************************
        Padding top
*************************/
.pt-0 { padding-top: 0 }
.pt-10 { padding-top: 10px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-30 { padding-top: 30px }
.pt-40 { padding-top: 40px }
.pt-50 { padding-top: 50px }
.pt-60 { padding-top: 60px }
.pt-70 { padding-top: 70px }
.pt-80 { padding-top: 80px }
.pt-90 { padding-top: 90px }
.pt-100 { padding-top: 100px }
.pt-110 { padding-top: 110px }
.pt-115 { padding-top: 115px }
.pt-120 { padding-top: 120px }
.pt-130 { padding-top: 130px }
.pt-140 { padding-top: 140px }
.pt-150 { padding-top: 150px }

/*************************
        Padding bottom
*************************/
.pb-0 { padding-bottom: 0 }
.pb-10 { padding-bottom: 10px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-30 { padding-bottom: 30px }
.pb-40 { padding-bottom: 40px }
.pb-50 { padding-bottom: 50px }
.pb-60 { padding-bottom: 60px }
.pb-70 { padding-bottom: 70px }
.pb-80 { padding-bottom: 80px }
.pb-90 { padding-bottom: 90px }
.pb-100 { padding-bottom: 100px }
.pb-110 { padding-bottom: 110px }
.pb-120 { padding-bottom: 120px }
.pb-130 { padding-bottom: 130px }
.pb-140 { padding-bottom: 140px }
.pb-150 { padding-bottom: 150px }


/***************************
    Page section padding 
****************************/
.ptb-0 { padding: 0 }
.ptb-10 { padding: 10px 0 }
.ptb-20 { padding: 20px 0 }
.ptb-30 { padding: 30px 0 }
.ptb-40 { padding: 40px 0 }
.ptb-50 { padding: 50px 0 }
.ptb-60 { padding: 60px 0 }
.ptb-70 { padding: 70px 0 }
.ptb-80 { padding: 80px 0 }
.ptb-90 { padding: 90px 0 }
.ptb-100 { padding: 100px 0 }
.ptb-110 { padding: 110px 0 }
.ptb-120 { padding: 120px 0 }
.ptb-115 { padding: 115px 0 }
.ptb-130 { padding: 130px 0 }
.ptb-140 { padding: 140px 0 }
.ptb-150 { padding: 150px 0 }

/***************************
    Page section margin 
****************************/
.mtb-0 { margin: 0 }
.mtb-10 { margin: 10px 0 }
.mtb-15 { margin: 15px 0 }
.mtb-20 { margin: 20px 0 }
.mtb-30 { margin: 30px 0 }
.mtb-40 { margin: 40px 0 }
.mtb-50 { margin: 50px 0 }
.mtb-60 { margin: 60px 0 }
.mtb-70 { margin: 70px 0 }
.mtb-80 { margin: 80px 0 }
.mtb-90 { margin: 90px 0 }
.mtb-100 { margin: 100px 0 }
.mtb-110 { margin: 110px 0 }
.mtb-120 { margin: 120px 0 }
.mtb-130 { margin: 130px 0 }
.mtb-140 { margin: 140px 0 }
.mtb-150 { margin: 150px 0; }


/* 14. Custom cloumn */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10 {
    float: left;
}
.col-1{
    width: 10%;
}
.col-2{
    width: 20%;
}
.col-3{
    width: 30%;
}
.col-4{
    width: 40%;
}
.col-5{
    width: 50%;
}
.col-6{
    width: 60%;
}
.col-7{
    width: 70%;
}
.col-8{
    width: 80%;
}
.col-9{
    width: 90%;
}
.col-10{
    width: 100%;
}
 
.full-screen{
  height: 100vh;
}

/*------------------
    Button
--------------------*/
.ts-btn {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #c1c1c1;
  border-radius: 20px;
  color: #767676;
  display: inline-block;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.ts-btn.btn-light {
 
  
  transition: all 0.3s ease 0s;
 
}
.ts-btn.btn-light.btn-large {
  padding: 0 10px;
  transition: 0.3s;
}

.ts-btn.fixed-width {
  
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 140px;
  
}

.ts-btn.fixed-width:hover {
  
}

.ts-btn.btn-light:hover {
  
}
.ts-btn:hover {
 
}


.footer-btn .ts-btn {
  border-radius: 6px;
}


.reply-submit-btn .ts-btn.btn-light.btn-large {
  padding: 0 40px;
}
.reply-submit-btn .ts-btn,
.contact-btn .ts-btn  {
  border-radius: 0;
}

.contact-btn .ts-btn.btn-light.btn-large {
  padding: 0 48px;
}


.ts-btn,
.footer-btn ,
.slider-btn .ts-btn,
.order-single-btn .ts-btn{
  line-height: 38px;
}





/*------------------
  End: Button
--------------------*/

::-webkit-input-placeholder { /* Chrome */
  color: #767676;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #767676;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #767676;
  opacity: 0.9;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #767676;
  opacity: 0.9;
}

[data-black-overlay] p, 
[data-black-overlay] h1, 
[data-black-overlay] h2, 
[data-black-overlay] h3, 
[data-black-overlay] h4, 
[data-black-overlay] h5, 
[data-black-overlay] h6{
  color: #fff;
}
[data-black-overlay] > div,
[data-black-overlay] > form,
[data-black-overlay] > section{
  position: relative;
  z-index: 5;
}

p.form-messege{
  margin-top:15px;font-size:14px
}
p.success {
  color: green;
}
p.error {
  color: red;
}