﻿/**********************************
           is-wrapper
***********************************/
.is-wrapper > div {
display:table; width:100%; height: auto; /* default */ float:left; box-sizing:border-box; margin:0; padding:0; position:relative; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /*z-index:1;*/
} 
.is-wrapper {width:100%;box-sizing:border-box;margin:0 auto;max-width:100%;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
transition: all ease 0.5s;     
}	
.is-wrapper a:hover{cursor:pointer;}
/**********************************
 END is-wrapper class
***********************************/

/**********************************
 START is-section div SETTINGS
***********************************/
/* .is-section > HEIGHT*/
.is-wrapper > div.is-section-auto {
    height: auto;  
}
.is-wrapper > div.is-section-10 {
    height: 10vh;display:block;overflow:hidden;   
}
.is-wrapper > div.is-section-20 {
height: 20vh;display:block;overflow:hidden;
}
.is-wrapper > div.is-section-30 {
    height: 30vh;  display:block;overflow:hidden;
}
.is-wrapper > div.is-section-40 {
    height: 40vh;display:block;overflow:hidden; 
}
.is-wrapper > div.is-section-50 {
    height: 50vh;display:block;overflow:hidden;   
}
.is-wrapper > div.is-section-60 {
    height: 60vh; display:block;overflow:hidden;    
}
.is-wrapper > div.is-section-75 {
    height: 75vh;display:block;overflow:hidden;     
}
.is-wrapper > div.is-section-99 {
    height: 99vh;   
}
.is-wrapper > div.is-section-100 {
    height: 100vh;  
}
.is-wrapper > div.is-section-105 {
    height: 106vh;  
}

/* .is-section > BACKGROUND COLOR DEFAULT*/
.is-bg-grey {background-color:#F7F7F7 !important}
.is-bg-white {background-color:#ffffff !important}
.is-bg-dark {background-color:#111 !important}
.is-bg-light {background-color:#fff !important}

/* SECTION SETTINGS > SCROLL ICON */
/*dark arrow*/
.is-arrow-down a {
    background: #555555;color:white!important;
}
/*light arrow*/
.is-arrow-down.light a {
    background: white!important;
	color: black!important;
}
/* Scroll Down Icon */
.is-arrow-down {position: absolute; width: 50px; height: 50px; left: 50%; margin-left: -25px; cursor: pointer; z-index:9999; display: table; top: 90%; } .is-arrow-down > a { border-radius: 500px; font-size: 22px; text-decoration:none; text-align: center; display: table-cell; vertical-align: middle;}

.bounce {
	-moz-animation: bounce 5s forwards;
	-webkit-animation: bounce 5s forwards;
	animation: bounce 5s forwards;
}
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); }
	40% { -moz-transform: translateY(-30px); }
	60% { -moz-transform: translateY(-15px); }
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); }
	40% { -webkit-transform: translateY(-30px); }
	60% { -webkit-transform: translateY(-15px); }
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
	40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px);	}
	60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); }
}

/*.is-section > TEXT ALIGN*/
.is-align-right {
    text-align:right;
}
.is-align-center {
    text-align:center;
}
.is-align-left {
    text-align:left;
}
/**********************************
      1-END .is-section class SETTINGS
***********************************/

/**********************************
      START .is-boxes div SETTINGS
***********************************/
/*is-boxes*/
.is-boxes {display:table;table-layout:fixed;width:100%;height:100%;position:relative;float:left;}
/**********************************
      END .is-boxes class SETTINGS
***********************************/

/**********************************
      START .is-opacity-x
***********************************/
/*opacity */
.is-opacity-20 .is-container > div > div:not(.row-tool) {opacity: 0.2;}
.is-opacity-25 .is-container > div > div:not(.row-tool) {opacity: 0.25;}
.is-opacity-30 .is-container > div > div:not(.row-tool) {opacity: 0.3;}
.is-opacity-35 .is-container > div > div:not(.row-tool) {opacity: 0.35;}
.is-opacity-40 .is-container > div > div:not(.row-tool) {opacity: 0.4;}
.is-opacity-45 .is-container > div > div:not(.row-tool) {opacity: 0.45;}
.is-opacity-50 .is-container > div > div:not(.row-tool) {opacity: 0.5;}
.is-opacity-55 .is-container > div > div:not(.row-tool) {opacity: 0.55;}
.is-opacity-60 .is-container > div > div:not(.row-tool) {opacity: 0.6;}
.is-opacity-65 .is-container > div > div:not(.row-tool) {opacity: 0.65;}
.is-opacity-70 .is-container > div > div:not(.row-tool) {opacity: 0.7;}
.is-opacity-75 .is-container > div > div:not(.row-tool) {opacity: 0.75;}
.is-opacity-80 .is-container > div > div:not(.row-tool) {opacity: 0.8;}
.is-opacity-85 .is-container > div > div:not(.row-tool) {opacity: 0.85;}
.is-opacity-90 .is-container > div > div:not(.row-tool) {opacity: 0.9;}
.is-opacity-95 .is-container > div > div:not(.row-tool) {opacity: 0.95;}

/*- BOX SETTINGS > CONTENT POSITION */
/* Vertical Alignment */
.is-content-top {
    vertical-align:top!important;
}
.is-content-bottom {
    vertical-align:bottom!important;
}
/* Horizontal Alignment */
.is-container.is-content-left {
    margin-left:100px!important;
}
.is-container.is-content-right {
    margin-right:100px!important;
}
.is-wrapper .is-box .is-content-top.edge-y--5 .is-container { margin-top:-200px!important; } 
.is-wrapper .is-box .is-content-bottom.edge-y--5 .is-container { margin-bottom:-200px!important; }

.is-wrapper .is-box .is-content-top.edge-y--4 .is-container { margin-top:-160px!important; } 
.is-wrapper .is-box .is-content-bottom.edge-y--4 .is-container { margin-bottom:-160px!important; }

.is-wrapper .is-box .is-content-top.edge-y--3 .is-container { margin-top:-120px!important; } 
.is-wrapper .is-box .is-content-bottom.edge-y--3 .is-container { margin-bottom:-120px!important; }

.is-wrapper .is-box .is-content-top.edge-y--2 .is-container { margin-top:-80px!important; }
.is-wrapper .is-box .is-content-bottom.edge-y--2 .is-container { margin-bottom:-80px!important; }
 
.is-wrapper .is-box .is-content-top.edge-y--1 .is-container { margin-top:-40px!important; } 
.is-wrapper .is-box .is-content-bottom.edge-y--1 .is-container { margin-bottom:-40px!important; }
.is-wrapper .is-box .is-content-top.edge-y-0  .is-container { margin-top:0!important; }
.is-wrapper .is-box .is-content-top.edge-y-1  .is-container { margin-top:40px!important; } 
.is-wrapper .is-box .is-content-bottom.edge-y-1 .is-container { margin-bottom:40px!important; } 
.is-wrapper .is-box .is-content-top.edge-y-2  .is-container { margin-top:80px!important; }
.is-wrapper .is-box .is-content-bottom.edge-y-2 .is-container { margin-bottom:80px!important; }
.is-wrapper .is-box .is-content-top.edge-y-3  .is-container { margin-top:120px!important; }
.is-wrapper .is-box .is-content-bottom.edge-y-3 .is-container { margin-bottom:120px!important; }
.is-wrapper .is-box .is-content-top.edge-y-4  .is-container { margin-top:160px!important; }
.is-wrapper .is-box .is-content-bottom.edge-y-4 .is-container { margin-bottom:160px!important; }
.is-wrapper .is-box .is-content-top.edge-y-5  .is-container { margin-top:200px!important; }
.is-wrapper .is-box .is-content-bottom.edge-y-5 .is-container { margin-bottom:200px!important; }
.is-content-left.edge-x-0 { margin-left:0!important; }
.is-content-right.edge-x-0 { margin-right:0!important; }
.is-content-left.edge-x-1 { margin-left:40px!important; }
.is-content-right.edge-x-1 { margin-right:40px!important; }
.is-content-left.edge-x-2 { margin-left:80px!important; }
.is-content-right.edge-x-2 { margin-right:80px!important; }
.is-content-left.edge-x-3 { margin-left:120px!important; }
.is-content-right.edge-x-3 { margin-right:120px!important; }
.is-content-left.edge-x-4 { margin-left:160px!important; }
.is-content-right.edge-x-4 { margin-right:160px!important; }
.is-content-left.edge-x-5 { margin-left:200px!important; }
.is-content-right.edge-x-5 { margin-right:200px!important; }





/**********************************
      START .is-content SETTINGS
***********************************/
.is-box-5 .is-content-left, .is-box-4 .is-content-left, .is-box-3 .is-content-left, .is-box-2 .is-content-left, .is-box-1 .is-content-left {
    margin-left:auto!important;
}
.is-box-5 .is-content-right, .is-box-4 .is-content-right, .is-box-3 .is-content-right, .is-box-2 .is-content-right, .is-box-1 .is-content-right {
    margin-right:auto!important;
}

/* BOX SETTINGS > CONTENT SIZE */
.is-content-380 {
    max-width: 380px !important;
}
.is-content-500 {
    max-width: 500px !important;
}
.is-content-640 {
    max-width: 640px !important; 	
}
.is-content-800 {
    max-width: 800px !important;
}
.is-content-970 {
    max-width: 970px !important;
}
.is-content-980 {
    max-width: 980px !important;
}
.is-content-1050 {
    max-width: 1050px !important;
}
.is-content-1100 {
    max-width: 1200px !important;
}
.is-content-1200 {
    max-width: none!important;width:100%!important;
}

/*is-box-centered */
.is-box-centered {display:table-cell;width: 100%;position:relative;vertical-align:middle;}

/* is-container */
.is-container { z-index: 1; }
.is-container {
    max-width:1200px;margin:0 auto;
    position:relative;margin-left:auto;margin-right:auto;box-sizing:border-box;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	transition: all ease 0.3s;    
}
/* Boxed Layout */
.is-wrapper  .is-boxed-layout .is-container {padding:50px; background:#00000082;border-radius: 10px;
 box-shadow: 0px 4px 18px 0px #2c2c2c;} /* 80px */
.is-wrapper .is-box .is-container { margin-top:20px; margin-bottom:20px; }

/**********************************
      END .is-content SETTINGS
***********************************/

/**********************************
           BOX SETTINGS
***********************************/
/* BOX SETTINGS > BOX SIZE */
[class="is-box"]{ display:none !important; }
.is-box-0 { display:table-cell;width: 0%;height:100%;position:relative; }
.is-box-1 { display:table-cell;width: 8.333333%;height:100%;position:relative; }
.is-box-2 { display:table-cell;width: 16.666667%;height:100%;position:relative; }
.is-box-3 { display:table-cell;width: 25%;height:100%;position:relative; }
.is-box-4 { display:table-cell;width: 33.333333%;height:100%;position:relative; }
.is-box-5 { display:table-cell;width: 41.666667%;height:100%;position:relative; }
.is-box-6 { display:table-cell;width: 50%;height:100%;position:relative; }
.is-box-7 { display:table-cell;width: 58.333333%;height:100%;position:relative; }
.is-box-8 { display:table-cell;width: 66.666667%;height:100%;position:relative; }
.is-box-9 { display:table-cell;width: 75%;height:100%;position:relative; }
.is-box-10 { display:table-cell;width: 83.333333%;height:100%;position:relative; }
.is-box-11 { display:table-cell;width: 91.666667%;height:100%;position:relative; }
.is-box-12 { display:table-cell;width: 100%;height:100%;position:relative; }

/* BOX SETTINGS > OVERLAY IMAGE */
.is-overlay {
position:absolute;left:0px;top:0px;width:100%;height:100%;
overflow:hidden;
}

.is-overlay .is-overlay-bg {
 position:absolute;left:0px;top:0px;width:100%;height:100%;
background-size:cover;
background-repeat:no-repeat;
background-position:50% 60%;
}
.is-overlay .is-overlay-bg.is-scale-animated.is-appeared {
    animation:is-scale 10s ease forwards; 
    -ms-animation:is-scale 10s ease forwards;
    -webkit-animation:is-scale 10s ease forwards;
    -o-animation:is-scale 10s ease forwards;
    -moz-animation:is-scale 10s ease forwards;   
}
@keyframes is-scale {
    from {
  	    transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
    }
    to {
  	    transform: scale(1.2);
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -moz-transform: scale(1.2);
    }
}    
.is-overlay .is-overlay-color {
position:absolute;left:0px;top:0px;width:100%;height:100%;
opacity: 0.15;
}        
.is-overlay .is-overlay-content {
position:absolute;left:0px;top:0px;width:100%;height:100%;
overflow:hidden;
z-index: inherit;
}
.is-overlay .is-overlay-content.content-selectable { z-index: 1 } 

/**********************************
        END BOX CLASSES
***********************************/

/**********************************
        START .CLEARFIX
***********************************/
.clearfix:before, .clearfix:after {content: " ";display: table;} .clearfix:after {clear: both;} .clearfix {*zoom: 1;}  
/**********************************
        END .CLEARFIX
***********************************/

/**********************************
          COLUMN CLASS
***********************************/
/* column */
.column {float: left; padding-left: 1rem;padding-right:1rem;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;padding-top:15px;padding-bottom:15px;}

.column.full { width: 100%; }
.column.two-third { width: 66.7%; }
.column.two-fourth { width: 75%; }
.column.two-fifth { width: 80%; }
.column.two-sixth { width: 83.3%; }
.column.half { width: 50%; }
.column.third { width: 33.3%; }
.column.fourth { width: 25%; }
.column.fifth { width: 20%; }
.column.sixth { width: 16.6%; }
.column.flow-opposite { float: right; }  

@media screen and (max-width: 600px) {
.column.full { width: 100%;text-align: center; }
.column.two-third { width: 100%;text-align: center; }
.column.two-fourth { width: 100%;text-align: center;}
.column.two-fifth {width: 100%;text-align: center; }
.column.two-sixth { width: 100%;text-align: center; }
.column.half { width: 100%;text-align: center; }
.column.third {width: 100%;text-align: center; }
.column.fourth { width: 100%;text-align: center; }
.column.fifth { width: 100%;text-align: center; }
.column.sixth { width: 100%;text-align: center; }
}

/**********************************
      		OTHERS
***********************************/
/* SECTION IS NOT FULL WIDTH*/
@media screen and (min-width: 990px) {
.no-strech-desktop{max-width:80vw!important;margin:0px auto!important;float:none!important;}
}
@media screen and (min-width: 990px) {
.no-strech-desktop{max-width:80vw!important;margin:0px auto!important;float:none!important;}
}
/**********************************
           LIST CLASS
***********************************/
.list {position:relative;margin:1.5em 0;}
.list > i {position:absolute;left:-3px;top:7px;font-size:1.7em;line-height:1;} 
.list > h2, .list > h3 {margin: 0 0 0 50px;}
.list > p {margin: 5px 0 0 50px}


/**********************************
      	RESPONSIVE DESIGN
***********************************/
/* max:1200px */
@media all and (max-width: 1200px) { 
.is-container.is-content-left { margin-left:60px } .is-container.is-content-right { margin-right:60px; 
} }

/* max:990px */
@media only screen and (max-width: 990px) { .is-box-img {height:300px !important;} .is-box-img .is-boxes {height:100% !important;} .is-box-1 { display:table;width: 100%;height:auto; } .is-box-2 { display:table;width: 100%;height:auto; } .is-box-3 { display:table;width: 100%;height:auto; } .is-box-4 { display:table;width: 100%;height:auto; } .is-box-5 { display:table;width: 100%;height:auto; } .is-box-6 { display:table;width: 100%;height:auto; } .is-box-7 { display:table;width: 100%;height:auto; } .is-box-8 { display:table;width: 100%;height:auto; } .is-box-9 { display:table;width: 100%;height:auto; } .is-box-10 { display:table;width: 100%;height:auto; } .is-box-11 { display:table;width: 100%;height:auto; } .is-box-12 { display:table;width: 100%;height:auto; } .is-wrapper  .is-boxed-layout .is-container { padding:30px; } .is-container { padding:15px;} .is-box-centered {display:table-cell;} .is-boxes { height: inherit !important; } .is-container.is-content-left { margin-left:auto; } .is-container.is-content-right { margin-right:auto; } .is-wrapper > div.is-section-10 { height: auto; } .is-wrapper > div.is-section-20 {height: auto;  } .is-wrapper > div.is-section-30 {height: auto;  } .is-wrapper > div.is-section-40 { height: auto; } .is-wrapper > div.is-section-50 { height: auto; } .is-wrapper > div.is-section-60 { height: auto; } .is-wrapper > div.is-section-75 { height: auto; } .is-wrapper > div.is-section-99 { height: auto; } .is-wrapper > div.is-section-100 { height: auto; } .is-wrapper .is-box .is-content-top.edge-y--5 .is-container { margin-top:-200px; } .is-wrapper .is-box .is-content-bottom.edge-y--5 .is-container { margin-bottom:-200px; } .is-wrapper .is-box .is-content-top.edge-y--4 .is-container { margin-top:-160px; } .is-wrapper .is-box .is-content-bottom.edge-y--4 .is-container { margin-bottom:-160px; } .is-wrapper .is-box .is-content-top.edge-y--3 .is-container { margin-top:-120px; } .is-wrapper .is-box .is-content-bottom.edge-y--3 .is-container { margin-bottom:-120px; } .is-wrapper .is-box .is-content-top.edge-y--2 .is-container { margin-top:-80px; } .is-wrapper .is-box .is-content-bottom.edge-y--2 .is-container { margin-bottom:-80px; } .is-wrapper .is-box .is-content-top.edge-y--1 .is-container { margin-top:-20px; } .is-wrapper .is-box .is-content-bottom.edge-y--1 .is-container { margin-bottom:-40px; } .is-wrapper .is-box .is-content-top.edge-y-1  .is-container { margin-top:40px; } /* old: 0px */ .is-wrapper .is-box .is-content-bottom.edge-y-1 .is-container { margin-bottom:40px; } .is-wrapper .is-box .is-content-top.edge-y-2  .is-container { margin-top:40px; } .is-wrapper .is-box .is-content-bottom.edge-y-2 .is-container { margin-bottom:40px; } .is-wrapper .is-box .is-content-top.edge-y-3  .is-container { margin-top:40px; } .is-wrapper .is-box .is-content-bottom.edge-y-3 .is-container { margin-bottom:40px; } .is-wrapper .is-box .is-content-top.edge-y-4  .is-container { margin-top:40px; } .is-wrapper .is-box .is-content-bottom.edge-y-4 .is-container { margin-bottom:40px; } .is-wrapper .is-box .is-content-top.edge-y-5  .is-container { margin-top:40px; } .is-wrapper .is-box .is-content-bottom.edge-y-5 .is-container { margin-bottom:40px; } /* old: 0px */ .is-content-left.edge-x-1 { margin-left:auto } .is-content-right.edge-x-1 { margin-right:auto } .is-content-left.edge-x-2 { margin-left:auto } .is-content-right.edge-x-2 { margin-right:auto } .is-content-left.edge-x-3 { margin-left:auto } .is-content-right.edge-x-3 { margin-right:auto } .is-content-left.edge-x-4 { margin-left:auto } .is-content-right.edge-x-4 { margin-right:auto } .is-content-left.edge-x-5 { margin-left:auto } .is-content-right.edge-x-5 { margin-right:auto } }

/* max:500px */
@media all and (max-width: 500px) {
.is-container { padding:15px; } 
}





