/*
 * This file is NOT needed in order to use skrollr.
 * The demo uses it and it may help you as well.
 */

body{
	opacity: 0;
}
body.scrolling_body_tag, html {
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	overflow-x:hidden;
	overflow: visible !important;
}

.content_section ul{
  padding-left:0px;
}
.content_section ul li {
padding-left: 0.5em;
display: block;
}
.content_section ul li:before{
font-family: "fontAwesome";
content: "\f00c";
color: white;
background-color: #142C52;
font-size: 10px;
padding: 3px 3px;
border-radius: 50%;
margin-right: 10px;
}

.scroll_section .click_images{
  margin-right:0rem;
  max-width: 400px;
  display: none;
  opacity: 0;
}
.scroll_section img.click_images:first-child{
  display: initial;
  opacity: 1;
}
/*.skrollable {
	position:fixed;
	z-index:100;
}

.skrollr-mobile .skrollable {
	position:absolute;
}

.skrollable .skrollable {
	position:absolute;
}

.skrollable .skrollable .skrollable {
	position:static;
}
*/
/********************************************************************/
.scrolling_body_tag .site-header{
	position: fixed;
	opacity:0;
}

.scrolling_body_tag .scroll_section{
			opacity:0;
      position: fixed;
      width: 100%;
			height:100%;
			z-index: 100;
}
.scrolling_body_tag footer{
	position: fixed;
	bottom: 0;
	width: 100%;
	opacity:0;
}


/* #page > .scroll_main_content > section.scroll_section:nth-child(n+2){
  opacity:0;
}*/

.scrolling_body_tag .scroll_section_whole_center{
		display: flex;
			align-items: center;
}

.scrolling_body_tag .scroll_section .wrap-inner{
  margin:auto;
	z-index:100;

}
.scrolling_body_tag section.scroll_section:not(.scroll_section_whole_center) .wrap-inner{
	height: 100%;
}
.scrolling_body_tag section.scroll_section:not(.scroll_section_whole_center) .wrap-inner .row{
	height: 100%;
	display: flex;
	align-items: center;
	    justify-content: center;
}

.scrolling_body_tag .scroll_section .scrolling_img_box{
	position: fixed;
	width:100%;
	text-align: right;
}
.scrolling_body_tag .scroll_section .scrolling_img_box img,.scrolling_body_tag .scroll_section .click_img_box img{
	max-width: 500px;
	    width: 100%;
			height: auto;
}
.scrolling_body_tag .scroll_section .click_img_box{
		text-align: right;
}

.scrolling_body_tag .lose_opacity {
	/*visibility: hidden;*/
    opacity: 0;
    transition: all 1s;-webkit-transition: all 1s;
}
.scrolling_body_tag .gain_opacity{
	/*visibility: visible;*/
    opacity: 1;
    transition: all 1s;-webkit-transition: all 1s;
}
 .scrolling_body_tag #page > .scroll_main_content > .scroll_main_buttons>div.scroll_button_wrapper:nth-child(n+2){
	display: none;
}
.scrolling_body_tag .scroll_button_wrapper{
	position: fixed;
	bottom:10%;
	width: 100%;
	text-align: center;
	z-index: 105;
}

.scrolling_body_tag .content_section {
    padding: 0px;
		height: 100%;
}

.scrolling_body_tag #site_search_form input[type=search]:hover {
    background-color: transparent;
}
.scrolling_body_tag #site_search_form input[type=search]:focus {
    background-color: white;
}

.scrolling_body_tag .content_section .wrap-inner .row>div{
	z-index:100;
}
.scrolling_body_tag .owl-carousel {
    display: block;
	}