@charset "utf-8";
/* CSS Document */

/*-------------Buttons---------------*/
a.bnrbtn, a.s1btn, a.s2btn, a.s3btn, a.s4btn, a.s5btn, a.s6btn, a.s7btn, a.mobbtn{
	height: 60px;
    width:100%;
    background: #ff6b02;
    border-radius: 50px;
    display: block;
    font-weight: bold;
    font-size: 22px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    z-index: 9;
    position: relative;	
}
a.s1btn,  a.s3btn, a.s5btn, a.s7btn{margin:40px auto 0 auto;display:block;}
a.s2btn{margin:0 auto;}
.s2btnbx{
	margin: 60px auto 0;
	display: block;
}
a.s4btn{margin:30px 0 0 0;}
a.s5btn{margin:20px 0 0 0; width:100%;}
.btntxt{
	font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    margin-top: 6px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.btntxt2{margin:8px auto 0 auto;display:block;}

.white{color:#fff;}
@media only screen and (max-width: 1190px){
.s2btnbx{top:500px;}
}
@media only screen and (max-width: 1020px){
a.bnrbtn, a.s1btn, a.s2btn, a.s3btn, a.s4btn, a.s5btn, a.s6btn, a.s7btn{width:280px;}
.s2btnbx{top:454px;}
}
@media only screen and (max-width: 767px){
a.bnrbtn, a.s1btn, a.s2btn, a.s3btn, a.s4btn, a.s5btn, a.s6btn, a.s7btn{ width: 100%; margin: 25px 0 0 0;}
a.s5btn{ margin:15px 0 0 0;}
a.mobbtn{width:400px;margin:0 auto;display:block;height:64px;line-height:64px;font-size:24px;}
.btntxt{display:none;}
}
@media only screen and (max-width: 479px){
a.mobbtn{width:90%;font-size:21px;height:55px;line-height:55px;}
}
/*=========================
CSS FOR ELEMEMT SHOW HIDE
===========================*/
.show-desk, .show-479, .show-tab, .show-767, .show-400, .show-340, .show-359 {display:none;}
.hide-400, .hide-479{display:inline-block;}
@media only screen and (max-width: 1190px){
.show-desk{display:block;}
.show-hide{display:none;}
}
@media only screen and (max-width: 1020px){
.show-tab{display:block;}
.hide-tab{display:none;}
}
@media only screen and (max-width: 767px){
.hide-767{display:none;}
.show-767{display:block;}
}
@media only screen and (max-width: 570px){
.hide-570{display:none;}
}
@media only screen and (max-width: 479px){
.show-479{display:block;}
.hide-479{display:none;}
}
@media only screen and (max-width: 400px){
.show-400{display:block;}
.hide-400{display:none;}
}
@media only screen and (max-width: 359px){
.show-359{display:block;}
.hide-359{display:none;}
}
@media only screen and (max-width: 340px){
.show-340{display:block;}
}

/*
==============================================
pulse
==============================================
*/

.pulse{
    animation-name: pulse;
    -webkit-animation-name: pulse;   

    animation-duration: 1.5s;   
    -webkit-animation-duration: 1.5s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.9); 
    }
    50% {
        transform: scale(1);
    }   
    100% {
        transform: scale(0.9);
    }           
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.95);
    }
    50% {
        -webkit-transform: scale(1);
    }   
    100% {
        -webkit-transform: scale(0.95);     
    }           
}