::-webkit-scrollbar {
  width: 8px; 
}

::-webkit-scrollbar-thumb {
  background-image: linear-gradient(125deg, #243a72 0%, #243a72 100%);
  border-radius: 10px;    height: 100px;
}
.tmswrapper{margin: auto; width: 100%;max-width: 1200px;}
h2.title{text-transform: uppercase;color: #243a72;font-size: 30px;font-weight: bold;text-align: center; line-height: 1.6;}
h3.cate{text-transform: uppercase;color: rgb(64, 64, 64);font-size: 22px;font-weight: 500; text-align: center; line-height: 1.6;}

.tms_line { width: 200px;text-align: center;border-top: 3px solid #9aca3c;left: 0;right: 0;margin: auto; margin-bottom: 20px;}
.tms_hometext{font-size: 16px;font-weight: 500; text-align: center; }
.btntms {margin-bottom: 20px;
        background: rgba(16, 145, 33, 1.0);
    background: -webkit-linear-gradient(180deg, rgba(16, 145, 33, 1.0), rgba(146, 203, 64, 1.0));
    background: linear-gradient(180deg, rgba(16, 145, 33, 1.0), rgba(146, 203, 64, 1.0));
    padding: 9px 29px;
    color: #fff;
    text-align: center;
    border-radius: 32px;
    font-weight: 700;}
.btntms i{ animation: rung 1s infinite;
    font-size: 22px; }

.section-header{padding-top: 40px; margin-bottom: 20px; text-align: center;}
.tms5px{padding-left: 2px;padding-right: 2px;padding-bottom: 3px;}
#tms1{margin: auto;padding-top: 100px;}
.tms1btc { background-color: #243a72;
    border: solid 1px;
    animation: tada 1s infinite;
    color: #fff;padding: 6px 20px;
        display: inline-block;margin-top: 20px;
    border-radius: 32px;
    font-weight: 700; font-size: 16px;}

#tms1 h1{color: #243a72;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.6;}
 #tms1 h2{color: rgb(64, 64, 64);
    font-size: 22px;
    font-weight: bold;   animation: pulse 1s infinite;
    line-height: 1.6;}
 .tms2022 {    margin-top: -20px;
    color: #243a72;
    font-size: 80px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
}      
.tms1_img img{width: 100% ; height: auto;}
.tms2{padding: 10px 0px 10px 0px;margin: auto; background: #fff;}

.tms2_item_left img{width: 100%; height: 590px;}
.tms2_item_right img{width: 100%;}
#tms3{margin: auto;background: #fff;position: relative;}
.tms3_img img{width: 100%;}
#tms4{margin: auto;background: #fff;position: relative;}
.tms4_item{width: 100%;} .tms4_item img{width: 100%;height: auto;}

#tms5{margin: auto;background: #fff;position: relative;}
.tms5_item{width: 100%; margin-bottom: 10px;} .tms5_item img{width: 100%;height: auto;}
#tms6{margin: auto;background: rgb(5, 31, 79);position: relative;padding: 0px 0px 60px 0px;}
.tms6_item{width: 100%; margin-bottom: 10px;} 
.tms6_item h3{color: #FFDD00;font-size: 20px;font-weight: bold;margin-bottom: 20px;} 
.tms6_item h2{color: #FFDD00;font-size: 25px;font-weight: bold;margin-bottom: 20px;margin-top: 20px; text-align: center;} 
.tms6_itembtn {background: #FFDD00;    color: #073a91; font-size: 20px;
    background: -webkit-radial-gradient(circle, #FFDD00, #FBB034);
    background: radial-gradient(circle, #FFDD00, #FBB034);
    padding: 12px 35px; color: #fff;text-align: center; border-radius: 32px;font-weight: 700;}

.tms6_text ul{padding: 0;margin: 0;} 
.tms6_text ul li{color: #fff;margin-bottom: 5px;padding-left: 20px;font-size: 18px;} 
.tms6_text ul li:before {content: "\f00c";color: #FFDD00;font-family: 'FontAwesome';font-size: 18px; position: absolute;left: 0px;}
#tms6 h2.title{color:#FFDD00;font-size: 30px;font-weight: bold;text-align: center; line-height: 1.6;}
#tms6 h3.cate{color: #fff;font-size: 22px;text-align: center; line-height: 1.6;}
.tms6_form{position: absolute; width: 100%;}
#spButton2{padding: 80px 40px 20px 40px;position: relative;z-index: 11;}
#spButton2 h2{color:rgb(7, 58, 145);font-size: 20px;font-weight: bold;text-align: center; line-height: 1.6;}
.spButton2_line { width: 100px;text-align: center;border-top: 3px solid rgb(7, 58, 145);left: 0;right: 0;margin: auto; margin-bottom: 20px;}
#spButton2 .btn3{ background-color:rgb(7, 58, 145);padding: 9px 29px;color: #fff;text-align: center;border-radius: 32px;font-weight: 700; } 
#spButton2 .form-control { border: 1px solid rgb(7, 58, 145); background: none !important;    color: rgb(28, 72, 116) !important; }
#spButton2 input { background: none !important;    color: rgb(28, 72, 116) !important; }
#spButton2 option {  color: rgb(28, 72, 116) !important; }


#tms7{margin: auto;background: #fff;position: relative;padding: 10px 0px 30px 0px;z-index: 1;}
#tmsiframe{margin: auto;background: #fff;position: relative;padding: 10px 0px 10px 0px;z-index: 1;}

#tms8{margin: auto;background: #fff;position: relative;padding: 20px 0 30px 0px;}
.tms8_img {margin-bottom: 10px;}.tms8_img img{width: 100%;}
.tms8_text {margin-bottom: 10px;} 
.tms8_text ul{padding: 0;margin: 0;} 
.tms8_text ul li{color: #000;margin-bottom: 5px;padding-left: 20px;font-size: 16px;} 
.tms8_text ul li:before {content: "\f101";color: #1e2685;font-family: 'FontAwesome';font-size: 16px; position: absolute;left: 0px;}
h2.form4{text-transform: uppercase;color: #243a72;font-size: 22px;font-weight: bold;text-align: center; line-height: 1.6;}
ul.form4{padding: 0;margin-bottom: 20px;}
#tmsiframe { background: #fff; }
#phankhu{background: #fff}

#tms9{margin: auto;background: #fff;position: relative;padding: 20px 0 30px 0px;}
.tms9_img {margin-bottom: 10px;}.tms9_img img{width: 100%;}
.tms9_text {margin-bottom: 10px;    position: relative;} 
.tms9_loopright{padding: 60px 0px 0px 30px;}
.tms9_text ul{padding: 0;margin: 0;} 
.tms9_text ul li{color: #000;margin-bottom: 5px;padding-left: 20px;font-size: 16px;} 
.tms9_text ul li:before {content: "\f00c";color: #8fc840;font-family: 'FontAwesome';font-size: 16px; position: absolute;left: 0px;}


#tms10{margin: auto;background: #051f4f;color: #f8f8f8;position: relative;padding: 20px 0 30px 0px;}
#tms10 h2.title {color: rgb(232, 183, 48);    text-shadow: rgb(0 0 0) 1px 2px 3px;}
#tms10 h3.cate {color: rgb(255, 255, 255);text-shadow: rgb(0 0 0) 1px 2px 3px;}
.tms10_img {margin-bottom: 10px;}.tms10_img img{width: 100%;}
.tms10_text {margin-bottom: 10px;color: #f8f8f8;position: relative;} 
.tms10_loopright{padding: 60px 0px 0px 30px;}
.tms10_text ul{padding: 0;margin: 0;} 
.tms10_text ul li{color: #f8f8f8;margin-bottom: 5px;padding-left: 20px;font-size: 16px;} 
.tms10_text ul li:before {content: "\f00c";color: #8fc840;font-family: 'FontAwesome';font-size: 16px; position: absolute;    left: 0px;}

#tms11{margin: auto;background: #fff;position: relative;padding: 20px 0 30px 0px;}
.tms11_text {margin-bottom: 10px;    position: relative;} 
.tms11_loopright{padding: 60px 0px 0px 30px;}
.tms11_text ul{padding: 0;margin: 0;} 
.tms11_text ul li{color: #000;margin-bottom: 5px;padding-left: 20px;font-size: 16px;} 
.tms11_text ul li:before {content: "\f00c";color: #8fc840;font-family: 'FontAwesome';font-size: 16px; position: absolute;left: 0px;}

#tms13{margin: auto;background: #fff;position: relative;padding: 30px 0 30px 0px;}
#tms14{margin: auto;background: #fff;position: relative;padding: 30px 0 30px 0px;}
.tms14video{width: 100%;margin-bottom: 10px;display: inline-block;}
.tms14_loopright{padding: 20px 0px 0px 0px;}
#tms16{margin: auto;background: #fff;position: relative;padding: 30px 0 30px 0px;}
.tms16_item{width: 100%;margin-bottom: 10px;}

#background-video { width: 100%; min-height: 160px; position: relative; }
#background-video iframe { width: 100%; height: 100%; display: none; }
#background-video .play-btn { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; font-size: 0px; line-height: 0px; background: url(http://www.legacycitychurch.com/media/cover_art/Play%20Button%20Overlay/playbutton.png) center center no-repeat; background-size: 120px auto; }


@media only screen and (min-width: 767px) and (max-width: 967px) {
#spButton2 h2 {font-size: 18px;}  
#spButton2 {padding: 50px 40px 20px 40px;}
.spButton2_line {;margin-bottom: 6px;}

}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.tms1_img{display: none;}
#spButton2 h2 {font-size: 16px;}
.tms6_form {height: 450px;}

}



@media screen and (max-width: 499px) {
 .tms2022 {font-size: 30px!important; text-align: center;}   
#tms1 h1 {font-size: 20px!important;text-align: center;}
#tms1 h2 {font-size: 20px!important;text-align: center;}
.tms1btc { padding: 4px 10px;margin-top: 20px; font-size: 14px;}
.tms1_img{display: none;}
h2.title {font-size: 22px;}
h3.cate {font-size: 16px;}
.tms2_item_left{margin-bottom: 4px;}
.tms2_item_left img {width: 100%;height: auto;}
.tms2_item_right img {
    height: auto !important;
}
#tms6 h2.title {font-size: 22px;}
#tms6 h3.cate {font-size: 16px;}
.tms6_item h2 {font-size: 20px;}
.tms6_item h3 {font-size: 16px;}
#spButton2 { padding: 40px 40px 20px 40px;}
#spButton2 h2 {font-size: 14px;}
.spButton2_line {margin-bottom: 5px;}


}