@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), 
  url(assets/fonts/SourceSansPro-ExtraLight.woff) format('woff'),
  url(assets/fonts/SourceSansPro-ExtraLight.woff2) format('woff2'),
  url(assets/fonts/SourceSansPro-ExtraLight.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 
  url(assets/fonts/SourceSansPro-Light.woff) format('woff'),
  url(assets/fonts/SourceSansPro-Light.woff2) format('woff2'),
  url(assets/fonts/SourceSansPro-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), 
  url(assets/fonts/SourceSansPro-Regular.woff) format('woff'),
  url(assets/fonts/SourceSansPro-Regular.woff2) format('woff2'),
  url(assets/fonts/SourceSansPro-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), 
  url(assets/fonts/SourceSansPro-Semibold.woff) format('woff'),
  url(assets/fonts/SourceSansPro-Semibold.woff2) format('woff2'),
  url(assets/fonts/SourceSansPro-Semibold.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), 
  url(assets/fonts/SourceSansPro-Bold.woff) format('woff'),
  url(assets/fonts/SourceSansPro-Bold.woff2) format('woff2'),
  url(assets/fonts/SourceSansPro-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), 
  url(assets/fonts/SourceSansPro-Black.woff) format('woff'),
  url(assets/fonts/SourceSansPro-Black.woff2) format('woff2'),
  url(assets/fonts/SourceSansPro-Black.ttf) format('truetype');
}
/*------ Source Sans Pro fonts end ---------*/
body {background: #e8f4c9;font-family: 'Source Sans Pro', sans-serif;}
.form-control {font-family: "FontAwesome";}
/* section1 */
.one-img {width: 100%;}
h3 {
    font-size: 35px;
}
/* section2 */
.home-section2 {
    padding: 50px 0 90px 0;
}
.home-section2 h1 {
    line-height: 2.5;
}
.ci .ih-item.circle {
    left: 17%;
}


/* section3 */
.home-section3 {
    padding: 90px 0 90px 0;
}
.home-section3 li ,.home-section3 h5{
    color: #fff;
}
.two-img {display: block; margin-left: auto; margin-right: auto; width: 100%;}

.ih-item {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item,
.ih-item * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ih-item a {
  color: #333;
}
.ih-item a:hover {
  text-decoration: none;
}
.ih-item img {
  width: 100%;
  height: 100%;
}

.ih-item.circle {
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 50%;
}
.ih-item.circle .imag {
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 50%;
}
.ih-item.circle .imag:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.ih-item.circle .imag img {
  border-radius: 50%;
}

.ih-item.circle .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ih-item.circle.effect1 .spinner {
  width: 230px;
  height: 230px;
  border: 10px solid #679500;
    border-right-color: #410f02;
    border-bottom-color: #410f02;
  border-radius: 50%;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

.ih-item.circle.effect1 .imag {
  position: absolute;
  top: 10px;
  bottom: 0;
  left: 10px;
  right: 0;
  width: auto;
  height: auto;
}

.ih-item.circle.effect1 .imag:before {
  display: none;
}

.ih-item.circle.effect1.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}

.ih-item.circle.effect1 .info {
  top: 10px;
  bottom: 0;
  left: 10px;
  right: 0;
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.ih-item.circle.effect1 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect1 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect1 a:hover .spinner {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ih-item.circle.effect1 a:hover .info {
  opacity: 1;
}
/*.home-form{    width: 65%;}*/
.home-section3 p,.home-section3 h1{
    color: #fff;
}


/* home-section3 */

.home-section3 {background: #212121;}

/* home-section4 */
.music {
    margin-bottom: 20px !important;
}
.home-section4{
    padding: 90px 0 90px 0;
}
.candle-list h5,#display h5 {
    text-align: center;
}
.candle-list {
    margin-top: 25px;
}

.candle img {padding-left: 9%;}
.candle img {
    width: 100%;
    padding-left: 9%;
    height: 100%;
}
#search {
	width: 100%;
    padding: 10px 15px;
    margin: 5px 5px;
    border: 1px solid #679500;
    border-radius: 4px;
	background-color: transparent;
	}
#searchs{
	width: 50%;
    padding: 10px 15px;
    margin: 5px 5px;
    border: 1px solid #679500;
    border-radius: 4px;
	background-color: transparent;
	}	
#lightcandles h5 {
    text-transform: uppercase;
    color: #410f02;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #410f02;
    border-color: #410f02;
}

/* section5 */

.home-section5 {
  width: 100%;
  /* whatever width you want */
  display: inline-block;
  position: relative;
  background-size: contain !important;
  background: url('assets/img/kilsh5.png') top center no-repeat;
  margin: 0 auto;
}
.home-section5:after {
  padding-top: 45%; 
  display: block;
  content: '';
}
.main {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  color: #273034;
  text-align: center;
  margin-top: 2%;
  font-size: 36px;
}
.ih-item.circle h5 {
    font-size: 13px;
}
/* section6 */
.home-section6 {
    padding: 0 0 90px 0;
    border-top: 1px solid #679500;
}
.home-section6 h1 {
    padding-top: 26px;
}
.six-img {
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    width: 100%;
    padding-top: 60px;
   
}
.pagination>li>a, .pagination>li>span {
    color: #410f02;
    background-color: #e8f4c9;
}
.six-img h5 {
    padding-bottom: 29px;
    font-size: 18px;
    line-height: 1.5;
     height: 28px;
}
/* section7 */
.home-section7 {background: #212121;}

.home-perp-candle {padding-top: 50px;}

.perp-btns {padding-bottom: 50px;}
.home-section2 h1, .home-section2 h5 {color: #679500;}



.home-section3 h1, .home-section3 h5 {color: #e8f4c9;}

.home-section3 ul, .home-section3 h5 {color: #fff;}

.s3-form {
	width: 100%;
    padding: 10px 15px;
    margin: 5px 5px;
    border: 1px solid #679500;
    border-radius: 4px;
	background-color: transparent;
	color: rgba(255, 99, 71, 0.5);
	}
	
.s3-form-control {text-align: center;}
#lightcandle h5 {
    text-transform: uppercase;
        color: #410f02;
}

/* section8 */
.home-section8 {
   /*background-image: url("assets/img/kilsh8i.png");*/
   background-image: url("assets/img/kilsh9.png");
    padding: 50px 0 50px 0;
    background-size: cover;
    background-repeat: no-repeat;
    position:relative;
}
.home-section8:after {
    padding-top: 28%;
    display: block;
    content: '';
}

/* section9 */
.home-section9 {background: #212121;overflow: hidden;}

.rights {padding: 15px 0 15px 0;}

/* ----------------------------------------------------------------------------------- */

.home-section5 h1 {color: #e8f4c9;}

/* ----------------------------------------------------------------------------------- */

.home-section6 h1, .home-section6 h5 {color: #679500;}

/* ----------------------------------------------------------------------------------- */

.home-section7 h1 {color: #e8f4c9;}

.ih-item {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item,
.ih-item * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ih-item a {
  color: #333;
}
.ih-item a:hover {
  text-decoration: none;
}
.ih-item img {
  width: 100%;
  height: 100%;
}

.ih-item.circle {
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  left: 18%;
 
}
.ih-item.circle .img {
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 50%;
}
.ih-item.circle .img:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle .img img {
  border-radius: 50%;
}
.ih-item.circle .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


/* ----------------------------------------------------------------------------------- */


.ih-item.circle.effect17 .info {
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect17 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect17 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect17 a:hover .img:before {
  box-shadow: inset 0 0 0 110px #333333, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 110px rgba(0, 0, 0, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.ih-item.circle.effect17 a:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.circle.effect17 a:hover .info p {
  opacity: 1;
}
.ih-item.circle.effect17.colored a:hover .img:before {
  box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 110px rgba(26, 74, 114, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
}


/* ----------------------------------------------------------------------------------- */



	

/* ----------------------------------------------------------------------------------- */

.home-section8 h1, .home-section8 h5 {color: #e8f4c9;}

.home-section8 p {
    color: #fff;
    line-height: 2;
}
.home-section8 h4 {
    color: #e8f4c9;
}
.rights h5 {
    color: #fff;
}

.perp-btns img {
    width: 100%;
    padding: 2%;
}

.pro {
    padding: 10px;
    position: relative;
    overflow: hidden;
    position: relative;
    width: 238px;
    height: 235px;
    border-radius: 50%;
     margin-top: 24px;
}
.pro img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.pro:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.home-section3 li{
    line-height: 35px;
}
.perp-btns img:hover {
    
  
    -moz-box-shadow: 10px 10px 5px #ccc;
    
    -khtml-box-shadow: 10px 10px 5px #ccc;
    -webkit-filter: drop-shadow(4px 4px 1px rgb(222, 234, 195));
    filter:drop-shadow(4px 4px 1px rgb(222, 234, 195));
}
/*single*/
.single img {
    width: 100%;
}

.link {
    border: 2px solid black;
    background-color: transparent;
    color: black;
    padding: 14px 28px;
    font-size: 16px;
    cursor: pointer;
    text-transform: uppercase;
}
.bi-move {
    border-color: #ff9800;
    color: #fff;
}

.bi-move:hover {
    background: #ff9800;
    color: #fff;
}
.candle-details {
    padding-top: 20%;
}
.candle-details h4 {
 color: #fff;
    font-size: 25px;
    text-transform: uppercase;
}
.back {
    margin-top: 25px;
}
.back a {
    text-decoration: none;
    padding-right: 13%;
}
.perpetualcandles {
    padding: 90px 0 90px 0;
}
.candle h5 {
    color: #410f02;
    text-align: center;
    text-transform: uppercase;
}
.bi-move-back {
    float: right;
    top: 0;
    padding: 3px 15px;
    margin: 5px 5px;
    border: 1px solid #679500;
    border-radius: 4px;
    background-color: transparent;
}
.addoffcandles {
    margin: 89px 80px 90px 80px;
    box-shadow: 8px 9px 20px 5px #c7c7c7;
    min-height: 500px;
}
.addoffcandles input {
    margin: 6px;
}
.addoffcandles form {
    padding: 69px;
}
ul.profile {
    padding: 33%;
}
ul.profile li {
    list-style: none;
    font-size: 23px;
    font-weight: 400;
} 
.sidebar {
    border-right: 2px solid #dddddd;
    min-height: 500px;
}
.form_main {
    width: 100%;
}
.form_main h4 {
    font-family: roboto;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 15px;
    margin-top: 20px;
    text-transform: uppercase;
}
.heading {
    border-bottom: 1px solid #fcab0e;
    padding-bottom: 9px;
    position: relative;
}
.heading span {
    background: #9e6600 none repeat scroll 0 0;
    bottom: -2px;
    height: 3px;
    left: 0;
    position: absolute;
    width: 75px;
}   
.form {
    border-radius: 7px;
    padding: 6px;
}
.txt[type="text"] {
    border: 1px solid #ccc;
    margin: 10px 0;
    padding: 10px 0 10px 5px;
    width: 100%;
}
.txt_3[type="text"] {
    margin: 10px 0 0;
    padding: 10px 0 10px 5px;
    width: 100%;
}
.txt2[type="submit"] {
    background: #242424 none repeat scroll 0 0;
    border: 1px solid #4f5c04;
    border-radius: 25px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    line-height: 35px;
    margin: 10px 0;
    padding: 0;
    text-transform: uppercase;
    width: 30%;
}
.txt2:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #5793ef;
    transition: all 0.5s ease 0s;
}
.txt3{
background: #242424 none repeat scroll 0 0;
    border: 1px solid #4f5c04;
    border-radius: 25px;
    color: #fff;
    font-size: 16px;   
    padding: 8px 46px;
    text-transform: uppercase;
    width: 30%;
    float: right;
}
.txt3:hover {
    text-decoration: none;
}
.notes p {
    font-size: 17px;
}
/* sidenavi wrapper */
#sideNavi,
.side-navi-data,
.side-navi-tab {  margin: 0; padding: 0;  }
#sideNavi {
    position: relative;
    right: 10%;
    top: 46%;
    z-index: 99999999999999;
}
.pos-rel {
    position:relative;
}
.side-navi-item {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 50px;
    height:50px;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    /*transform: rotate(-90deg);*/
    transform-origin: left top 0;
    color: #fff;
    /*background-color: #00a859;*/
    background-color: #e8f4c9;
    border-radius:10px;
    cursor: pointer;
    padding: 4px !important;
    top:0;
    bottom:0;
    margin:auto !important;
}
.side-navi-item.bottom{
    bottom: 0;
    top: auto;
    border-radius: 0;
    width:80px;
    height:80px;
}
.side-navi-item.bottom.left{
    border-top-right-radius: 84px !important;
    padding: 18px 25px 0 0 !important;
}
.side-navi-item.bottom.right{
    border-top-left-radius: 84px !important;
    padding: 18px 0 0 25px !important;
}

.side-navi-item.top{
    top: 0;
    bottom: auto;
    border-radius: 0;
    width:80px;
    height:80px;
}
.side-navi-item.top.left{
    border-bottom-right-radius: 84px !important;
    padding: 0px 25px 18px 0 !important;
}
.side-navi-item.top.right{
    border-bottom-left-radius: 84px !important;
    padding: 0 0 18px 25px !important;
}
/*.side-navi-item.item1 {*/
/*    top: 150px;*/
/*}*/

.side-navi-item.right{
    right:0 !important;
    left:auto !important;
}

.side-navi-item > div {
    /*padding: 7px 0px;*/
    text-align: center;
    /*border: dashed 1px #fff;*/
}

/*#sideNavir,*/
/*.side-navi-item{  margin: 0; padding: 0;  }*/
#sideNavir {
    position: relative;
    left: 4%;
    top: 46%;
    z-index: 99999999999999;
}

.side-navi-itemr {
    position: absolute;
    right: 0px;
    display: inline-block;
    width: 50px;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    /*transform: rotate(-90deg);*/
    transform-origin: right top 0;
    color: #fff;
    /*background-color: #00a859;*/
    cursor: pointer;
    padding: 4px;
}
/*.side-navi-itemr.item1 {*/
/*    top:0;*/
/*}*/

.side-navi-itemr > div {
    padding: 7px 0px;
    text-align: center;
    border: dashed 1px #fff;
}
.cal-rows{
    padding-bottom: 26px;
}
.download{
    /*bottom : 24px;*/
    position: absolute;
 padding-top: 15px;
}
.download a{
    padding: 11px 37px;
    margin-top: 17px;
    background-color: #679500;
    -moz-box-shadow: 4px 4px 2px #d4d4d4;
    -webkit-box-shadow: 4px 4px 2px #d4d4d4;
   box-shadow: 0px 0px 2px #b8fbb0;
    color: #fff;
    text-decoration: none;
}
.download.left {
    text-align: left;
    left: 0;

       
}
.download.right {
    text-align: right;
    right: 0;
}
ul.lg-ce li {
    line-height: 35px;
}
.ci .ih-item.circle {
    margin-top: 25%;
}
@media (max-width: 1024px){
.addoffcandles {
    margin: 88px 38px 90px 62px;
}
#sideNavi {
    right: 5%;
}
#sideNavir {
    left: -17px;
}

}
@media (max-width: 991px){
    .download {
    position: relative;
    }
    .download.right,.download.left{
        text-align: center;
}
    .sidebar {
    border-right: 0px;
    min-height: 50px;
}
.addoffcandles form {
    padding:0;
}
ul.profile {
    padding: 0;
}
.addoffcandles {
    margin:0;
    box-shadow: 8px 9px 20px 5px #c7c7c7;
    min-height: 250px;
}
.ci .ih-item.circle ,.ih-item.circle {
    left: 0;
}
.ci {
    margin-bottom: 62px;
}
.home-section2 h1 {
    line-height: 2;
    font-size: 27px;
}
}
@media (max-width: 720px){
.home-section2 h1 {
    line-height: 2;
    font-size: 27px;
}
.ci .ih-item.circle, .ih-item.circle {
    left: 20%;
}

}
@media (max-width: 540px){
.side-navi-item{
width: 30px;
height: 30px;
}

.ci .ih-item.circle, .ih-item.circle {
    left:12%;
}
}
@media (max-width: 320px){
.ci .ih-item.circle, .ih-item.circle {
    left: 3px;
}
}

input#search::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #555;
  opacity: 1; /* Firefox */
}

input#search:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #555;
}

input#search::-ms-input-placeholder { /* Microsoft Edge */
  color: #555;
}
ul.lg-ce {
    font-weight: 600;
}
.help-block {
    display: inline-block;
   color: #e42828;
}
.home-section9 a {
    text-decoration: none;
}
.success{
    color: #0cab17;
}

.home-section {
    height: 25vh;
}