/*...................................................................................................01 land*/
/*...................................................................................................02 trailer*/
/*...................................................................................................03 months*/
/*...................................................................................................04 steps*/
/*...................................................................................................05 idea*/
/*...................................................................................................06 autho*/
/*...................................................................................................07 empathy*/
/*...................................................................................................08 check*/
/*...................................................................................................09 princ*/
/*...................................................................................................10 spring*/
/*...................................................................................................11 automated*/
/*...................................................................................................12 pros*/
/*...................................................................................................13 pack*/
/*...................................................................................................14 workflows*/
/*...................................................................................................15 know*/
/*...................................................................................................16 new*/
/*...................................................................................................17 game*/
/*...................................................................................................18 profile*/

/*...................................................................................................19 modules*/

/*...................................................................................................red title*/

/*...................................................................................................exp*/
/*...................................................................................................require*/
/*...................................................................................................30day*/
/*...................................................................................................rather*/
/*...................................................................................................faqt*/
/*...................................................................................................faq*/
/*...................................................................................................buy*/





@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,800');

.mobile {
    display: none;
}

.desktop {
    display: block;
}


.buynow {
    display: block;
    background: #b02727;
    border-radius: 30px;
    font-weight: 800;
    transition: .4s;
}

.buynow:hover {
    background: #c92c2c;
    transition: .4s;
}

main {
    padding-top: 62px;
    overflow: hidden;
}

html {
  scroll-behavior: smooth;
}

.bold {
    font-weight: 800;
}

.italic {
    font-style: italic;
}

#more, #more2 {display: none;}

.enrollnow {
    display: block;
    margin: auto;
    text-align: center;
    text-decoration: none;
    width: 100%;
    max-width: 385px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 28px;
    background: #8f2929;
    padding: 15px;
    border-radius: 50px;
    margin-top: 30px;
    transition: 0.4s;
}

.enrollnow:hover {
    background: #000;
    transition: 0.4s;
}

.enrollnow-black {
    display: block;
    margin: auto;
    text-align: center;
    text-decoration: none;
    width: 100%;
    max-width: 385px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 28px;
    background: #000;
    padding: 15px;
    border-radius: 50px;
    margin-top: 30px;
    transition: 0.4s;
}

.enrollnow-bright {
    display: block;
    margin: auto;
    text-align: center;
    text-decoration: none;
    width: 100%;
    max-width: 385px;
    color: #8f2929;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 28px;
    background: #fff;
    padding: 15px;
    border-radius: 50px;
    margin-top: 30px;
    transition: 0.4s;
}

.enrollnow-black:hover {
    background: #fff;
    color: #8f2929;
    transition: 0.4s;
}

.videoButton {
    cursor: pointer;
    transition: 0.4s;
}

.center {
    text-align: center;
}

li {
    font-size: 22px;
    list-style: none;
    text-indent: -18px;
    margin-left: 68px;
}

i {
    margin-right: 15px;
    color: #8f2929;
}

ul {
    margin-bottom: 30px;
}

p {
    font-size: 20px;
    width: 100%;
    max-width: 800px;
    margin: auto;
    margin-bottom: 30px;
    color: #464646;
    line-height: 150%;
}

.image {
    margin: auto;
}



/*------------------------------------------------------*/
@media (max-width:425px) {  
    .enrollnow {
        font-size: 20px;
    }
    
    .enrollnow-bright {
        font-size: 20px;
    }
    
    .enrollnow-black {
        font-size: 20px;
    }
}

.bold {
    font-weight: 800;
}

.redbold {
    font-weight: 800;
    color: #c34646;
}

.unbold {
    font-weight: 400;
}


.bottom-line {
    margin-bottom: 0px;
}

.big-font {
    font-size: 30px;
}

.forty-font {
    font-size: 40px;
}

.bottom {
    margin-bottom: 0;
}

/*------------------------------------------------------*/
@media (max-width:1024px) {  
    .big-font {
        font-size: 28px;
    }
    .forty-font {
        font-size: 36px;
    }
}
/*------------------------------------------------------*/
@media (max-width:768px) {  
    .big-font {
        font-size: 25px;
    }
    .forty-font {
        font-size: 32px;
    }
}



/*------------------------------------------------------*/
@media (max-width:768px) {  
    p, li {
        font-size: 18px;
    }
}

/*------------------------------------------------------*/
@media (max-width:425px) {  
    p, li {
        font-size: 16px;
    }
}


.space {
    height: 80px;
}

/*------------------------------------------------------*/
@media (max-width:768px) {  
    .space {
        height: 50px;
    }
}

.logo {
    width: 170px;
}


.container {
    width: 100%;
    max-width: 750px;
    margin: auto;
    padding: 0 20px;
}

/*------------------------------------------------------*/
@media (max-width:425px) {  
    .container {
        padding: 0 10px;
    }
}

img {
    width: 100%;
}

header img {
    width: 100%;
    max-width: 170px;
}




/*------------------------------------------------------SCROLL ANIMATION*/
@-webkit-keyframes scroll{
  100%{
    background-position:-1500px 0px;
  }
}

@-moz-keyframes scroll{
  100%{
    background-position:-1500px 0px;
  }
}

@-o-keyframes scroll{
  100%{
    background-position:-1500px 0px;
  }
}

@-ms-keyframes scroll{
  100%{
    background-position:-1500px 0px;
  }
}

@keyframes scroll{
  100%{
    background-position:-1500px 0px;
  }
}

/*...................................................................................................RED TITLE*/
/*...................................................................................................RED TITLE*/
/*...................................................................................................RED TITLE*/
/*...................................................................................................RED TITLE*/
/*...................................................................................................RED TITLE*/
/*...................................................................................................RED TITLE*/
/*...................................................................................................RED TITLE*/
/*...................................................................................................RED TITLE*/
/*...................................................................................................RED TITLE*/
/*...................................................................................................RED TITLE*/

#redt {
    background: #8f2929;
    padding: 40px;
    
}

#redt h1 {
    color: #fff;
    font-size: 40px;
    text-transform: uppercase;
    line-height: 130%;
    width: 100%;
    max-width: 792px;
    text-align: center;
    margin: auto;
    font-weight: 800;
}

#redt h2 {
    color: #fff;
    font-size: 40px;
    text-transform: uppercase;
    line-height: 130%;
    width: 100%;
    max-width: 594px;
    text-align: center;
    margin: auto;
    font-weight: 800;
}

#redt h1 .unbold {
    font-weight: 400;
    text-transform: none;
}

#redt h2 .unbold {
    font-weight: 400;
    text-transform: none;
}


/*------------------------------------------------------*/
@media (max-width:768px) {  
    #redt h1 {
        font-size: 27px;
    }
    
    #redt h2 {
        font-size: 27px;
    }
    
}

#exp {
    padding: 100px 15px 0;
}

/*...................................................................................................01 land*/
/*...................................................................................................01 land*/
/*...................................................................................................01 land*/
/*...................................................................................................01 land*/
/*...................................................................................................01 land*/
/*...................................................................................................01 land*/
/*...................................................................................................01 land*/
/*...................................................................................................01 land*/
/*...................................................................................................01 land*/
/*...................................................................................................01 land*/
#land {
    background: none;
    height: 700px;
    z-index: 1;
    width: 100%;
    overflow: hidden;
    padding: 0 15px;
}

#land .videobackground {
    position: absolute;
    top: 0; 
    left: 0; 
    width: 1920px;
    z-index: 0;
    height: 890px;
    overflow: hidden;
    transform: translate(0px,-130px);
}

#land .container {
    position: relative;
    margin-top: 120px;
    width: 100%;
    max-width: 526px;
    background: rgba(0,0,0,0.7);
    padding: 30px;
    border-radius: 30px;
}

#land .image {
    max-width: 447px;
}

#land p {
    color: #fff;
    width: 100%;
    max-width: 429px;
    margin: auto;
    text-align: center;
}

#land .enrollnow {
    background: #d03737;
}

#land .enrollnow:hover {
    background: #fff;
    color: #d03737;
}


/*------------------------------------------------------*/
@media (max-width:768px) {      
    #land {
        height: 620px;
    }
    
    #land .videobackground {
        height: 810px;
    }
    
    #land .container {
        max-width: 396px;
    }

}

/*------------------------------------------------------*/
@media (min-width:1921px) {  
    #land {
        background: #222222;
    }
    #land .videobackground {
        position: absolute;
        top: 0; 
        left: 0; 
        width: 100%;
        z-index: 0;
        height: 940px;
        overflow: hidden;
        transform: translate(0px,-125.6px);
    }
}


/*...................................................................................................02 trailer*/
/*...................................................................................................02 trailer*/
/*...................................................................................................02 trailer*/
/*...................................................................................................02 trailer*/
/*...................................................................................................02 trailer*/
/*...................................................................................................02 trailer*/
/*...................................................................................................02 trailer*/
/*...................................................................................................02 trailer*/
/*...................................................................................................02 trailer*/
/*...................................................................................................02 trailer*/

#trailer {
    margin-bottom: 0px;
    background: rgb(49,20,33);
    background: -webkit-linear-gradient(270deg, rgba(49,20,33,1) 0%, rgba(143,41,41,1) 100%);
    background: -o-linear-gradient(270deg, rgba(49,20,33,1) 0%, rgba(143,41,41,1) 100%);
    background: linear-gradient(360deg, rgba(49,20,33,1) 0%, rgba(143,41,41,1) 100%);
    padding: 100px 15px;
    margin-top: -3px;
}

#trailer h1 {
    font-size: 45px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    width: 100%;
    max-width: 783px;
    margin: auto;
    line-height: 130%;
    margin-bottom: 30px;
}

#trailer h2 {
    font-size: 60px;
    font-weight: 800;
    color: #fc9669;
    text-align: center;
    margin-bottom: 30px;
}

#trailer .image {
    max-width: 457px;
}

#trailer .container {
    background: #536fa0;
    width: 100%;
    max-width: 674px;
    border-radius: 30px;
    padding: 40px 40px 20px;
}


#trailer .videolesson {
    width: 100%;
    max-width: 834px;
    margin: auto;
    margin-bottom: 60px;
}


/*.................................1024*/

@media (max-width:814px) {
    #trailer {
        padding: 90px 15px;
    }
    
    #trailer h1 {
        font-size: 35px;
    }
    
    #trailer h2 {
        font-size: 50px;
    }
}

/*.................................560*/

@media (max-width:560px) {
    #trailer {
        padding: 60px 15px 70px;
    }
    
    #trailer h1 {
        font-size: 30px;
    }
    
    #trailer h2 {
        font-size: 35px;
    }
    
    #trailer .buttons {
        flex-wrap: wrap;
        margin-top: 20px;
    }
}

/*------------------------------------------------------*/
@media (min-width:1921px) {  
    #trailer {
        padding: 160px 15px 100px;
    }
}




/*...................................................................................................03 months*/
/*...................................................................................................03 months*/
/*...................................................................................................03 months*/
/*...................................................................................................03 months*/
/*...................................................................................................03 months*/
/*...................................................................................................03 months*/
/*...................................................................................................03 months*/
/*...................................................................................................03 months*/
/*...................................................................................................03 months*/
/*...................................................................................................03 months*/

#months {
    padding: 100px 5px;
}

#months .container {
    
}

#months h1 {
    font-size: 67px;
    font-weight: 800;
    color: #cc3333;
    text-transform: uppercase;
    text-align: center;
    line-height: 100%;
}

#months h2 {
    font-size: 34px;
    color: #262626;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    margin-bottom: 50px;
}

#months .image {
    
}

#months p {
    text-align: justify;
}

#months h3 {
    font-size: 25px;
    font-weight: 400;
    color: #262626;
    margin-bottom: 30px;
    text-align: j;
}

#months h4 {
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
}


/*------------------------------------------------------*/
@media (max-width:611px) {  
    #months h1 {
        font-size: 50px;
        
    }
    
    #months h2 {
        font-size: 25.8px;
        margin-bottom: 40px;
    }
}


/*------------------------------------------------------*/
@media (max-width:465px) {  
    #months h1 {
        font-size: 32.2px;
    }
    
    #months h3 {
        font-size: 20px;
        text-align: center;
    }
}


/*...................................................................................................04 steps*/
/*...................................................................................................04 steps*/
/*...................................................................................................04 steps*/
/*...................................................................................................04 steps*/
/*...................................................................................................04 steps*/
/*...................................................................................................04 steps*/
/*...................................................................................................04 steps*/
/*...................................................................................................04 steps*/
/*...................................................................................................04 steps*/
/*...................................................................................................04 steps*/

#steps {
    background-image: url(img/2022/ca5-course-css/ca5-background-04-underwater.jpg);
    background-size: cover;    
    background-position: 50% 50%;
    background-attachment: fixed;
    padding: 200px 5px;
}

#steps .container {
    max-width: 885px;
}

#steps h1 {
    font-size: 42px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    line-height: 100%;
    }

#steps h2 {
    font-size: 67px;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    line-height: 120%;    
    margin-bottom: 60px;
}

#steps .desktop {
    margin-bottom: 60px;
    display: block;
}

#steps .mobile {
    
}

#steps p {
    width: 100%;
    max-width: 750px;
    margin: auto;
    color: #fff;
}

/*------------------------------------------------------*/
@media (max-width:664px) { 
    #steps {
        padding: 130px 15px;
    }
    
    #steps h1 {
        font-size: 33.8px;
    }
    
    #steps h2 {
        font-size: 54.2px;
        margin-bottom: 40px;
    }
    
    #steps .mobile {
        display: block;
        max-width: 226px;
        margin: auto;
        margin-bottom: 40px;
    }
    
    #steps .desktop {
        display: none;
    }
    
}


/*------------------------------------------------------*/
@media (max-width:538px) {  
    #steps h1 {
        font-size: 33.8px;
    }
    
    #steps h2 {
        font-size: 54.2px;
        margin-bottom: 40px;
    }
}

/*...................................................................................................05 idea*/
/*...................................................................................................05 idea*/
/*...................................................................................................05 idea*/
/*...................................................................................................05 idea*/
/*...................................................................................................05 idea*/
/*...................................................................................................05 idea*/
/*...................................................................................................05 idea*/
/*...................................................................................................05 idea*/
/*...................................................................................................05 idea*/
/*...................................................................................................05 idea*/

#idea {
    padding: 100px 5px;
    background: #fff;
}

#idea .container {
    
}

#idea h1 {
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 100%;
    color: #262626;
    text-align: center;
    margin-bottom: 10px;
}

#idea h2 {
    font-size: 58.7px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 100%;
    color: #f0885a;
    font-weight: 800;
    text-align: center;
    line-height: 100%;
    margin-bottom: 60px;
}

#idea .image {
    max-width: 500px;
}

#idea .enrollnow {
    background: #d03737;
    margin-bottom: 60px;
}

#idea p {
    
}

#idea h3 {
    font-size: 54.2px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 100%;
    color: #f0885a;
    font-weight: 800;
    text-align: center;
    line-height: 100%;
}

/*------------------------------------------------------*/
@media (max-width:802px) {  
    #idea h1 {
        font-size: 30px;
        margin-bottom: 0;
    }
    
    #idea h2 {
        font-size: 38.8px;
    }
    
    #idea h3 {
        font-size: 36.9px;
    }
}

/*------------------------------------------------------*/
@media (max-width:550px) {  
    #idea .container {
        max-width: 380px;
    }
}


/*...................................................................................................06 autho*/
/*...................................................................................................06 autho*/
/*...................................................................................................06 autho*/
/*...................................................................................................06 autho*/
/*...................................................................................................06 autho*/
/*...................................................................................................06 autho*/
/*...................................................................................................06 autho*/
/*...................................................................................................06 autho*/
/*...................................................................................................06 autho*/
/*...................................................................................................06 autho*/

#autho {
    background: rgb(182,31,31);
    background: -webkit-linear-gradient(270deg, rgba(182,31,31,1) 0%, rgba(207,99,41,1) 100%);
    background: -o-linear-gradient(270deg, rgba(182,31,31,1) 0%, rgba(207,99,41,1) 100%);
    background: linear-gradient(360deg, rgba(182,31,31,1) 0%, rgba(207,99,41,1) 100%);
    padding: 200px 5px 30px;
}

#autho .container {
    max-width: 876px;
}

#autho h1 {
    font-size: 66px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    line-height: 100%;
    margin-bottom: 60px;
    text-align: center;
}

#autho .row {
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin-bottom: 0;
}

#autho .line {
    height: 7px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 40px;
}


#autho .image1 {
    max-width: 286px;
    margin-right: 30px;
}

#autho h2 {
    font-size: 25px;
    color: #fff;
    font-weight: 400;
    transform: translate(0px,-20px);
}

#autho p {
    font-size: 25px;
    color: #fff;
}

#autho .image2 {
    
}

#autho .image3 {
    max-width: 432px;
    margin: auto;
}

/*------------------------------------------------------*/
@media (max-width:832px) {  
    #autho {
        padding: 100px 15px;
    }
    
    #autho h1 {
        font-size: 50px;
        margin-bottom: 30px;
    }
    
    #autho .image1 {
        max-width: 210px;
    }
    
    #autho h2, #autho p {
        font-size: 20px;
    }
}


/*------------------------------------------------------*/
@media (max-width:562px) {  
    #autho h1 {
        font-size: 40px;
    }
    
    #autho .row {
        flex-direction: column;
        margin-bottom: 30px;
    }
    
    #autho .image1 {
        max-width: 200px;
        margin: auto;
        margin-bottom: 10px;
    }
    
    #autho h2 {
        transform: translate(0px,0px);
    }
}


/*...................................................................................................07 empathy*/
/*...................................................................................................07 empathy*/
/*...................................................................................................07 empathy*/
/*...................................................................................................07 empathy*/
/*...................................................................................................07 empathy*/
/*...................................................................................................07 empathy*/
/*...................................................................................................07 empathy*/
/*...................................................................................................07 empathy*/
/*...................................................................................................07 empathy*/
/*...................................................................................................07 empathy*/

#empathy {
    background: #b61f1f;
    margin-top: -1px;
    padding: 0 15px 100px;
}

#empathy .container {
    
}

#empathy p {
    color: #fff;
}

#empathy .image {
    max-width: 487px;
}







/*...................................................................................................08 check*/
/*...................................................................................................08 check*/
/*...................................................................................................08 check*/
/*...................................................................................................08 check*/
/*...................................................................................................08 check*/
/*...................................................................................................08 check*/
/*...................................................................................................08 check*/
/*...................................................................................................08 check*/
/*...................................................................................................08 check*/
/*...................................................................................................08 check*/

#check {
    background: #fff;
    padding: 100px 5px 70px;
}

#check .container {
    
}

#check h1 {
    font-size: 39.1px;
    color: #262626;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 30px;
}

#check p {
}

#check ul {
    font-size: 20px;
}

#check li {
    margin-bottom: 15px;
    font-size: 20px;
}

#check h2 {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 30px;
}


/*------------------------------------------------------*/
@media (max-width:780px) {  
    #check h1 {
        font-size: 30px;
    }
    
    #check h2 {
        font-size: 25px;
    }
    
    #check p, #check li {
        font-size: 18px;
    }
}

/*------------------------------------------------------*/
@media (max-width:425px) {  
    #check h1 {
        font-size: 25px;
    }
    
    #check p, #check li {
        font-size: 16px;
    }
}






/*...................................................................................................09 princ*/
/*...................................................................................................09 princ*/
/*...................................................................................................09 princ*/
/*...................................................................................................09 princ*/
/*...................................................................................................09 princ*/
/*...................................................................................................09 princ*/
/*...................................................................................................09 princ*/
/*...................................................................................................09 princ*/
/*...................................................................................................09 princ*/
/*...................................................................................................09 princ*/

#princ {
    background: #000;
    background-image: url(img/2022/ca5-course-css/ca5-background-09-principles.png);
    background-size: cover;    
    background-position: 50% 50%;
    background-attachment: fixed;
    padding: 0 0px;
}

#princ .container {
    max-width: 875px;
    background: rgba(0,0,0,0.4);
    padding: 100px 65px;
}

#princ h1 {
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    line-height: 140%;
    margin-bottom: 30px;
}

#princ .image {
    max-width: 568px;
    margin-bottom: 30px;
}

#princ p {
    color: #fff;
}

/*------------------------------------------------------*/
@media (max-width:620px) {  
    #princ .container {
        padding: 100px 25px;
    }
}

/*------------------------------------------------------*/
@media (max-width:425px) {  
    #princ h1 {
        font-size: 25px;
    }
    
    #princ .container {
        padding: 100px 15px;
    }
}


/*...................................................................................................10 spring*/
/*...................................................................................................10 spring*/
/*...................................................................................................10 spring*/
/*...................................................................................................10 spring*/
/*...................................................................................................10 spring*/
/*...................................................................................................10 spring*/
/*...................................................................................................10 spring*/
/*...................................................................................................10 spring*/
/*...................................................................................................10 spring*/
/*...................................................................................................10 spring*/

#spring {
    background: #f0f0f0;
    padding: 100px 5px;
}

#spring .container {
    
}

#spring h1 {
    font-size: 30px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 50px;
}

#spring .row {
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    align-content: flex-start;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 30px;
}

#spring img {
    border-radius: 220px;
    overflow: hidden;
}

#spring .image {
    max-width: 316px;
    margin-right: 30px;
    margin-left: 0;
    margin-bottom: 0;
    
}

#spring h2 {
    font-size: 37px;
    font-weight: 800;
    max-width: 260px;
    color: #262626;
}

#spring p {
    
}

#spring h3 {
    font-size: 30px;
    font-weight: 400;
    color: #262626;
}


/*------------------------------------------------------*/
@media (max-width:808px) {  
    #spring .row {
        flex-direction: column;
    }
    
    #spring .image {
        margin-bottom: 10px;
    }
    
    #spring br {
        display: none;
    }
    
    #spring h2 {
        max-width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }
    
}


/*------------------------------------------------------*/
@media (max-width:464px) {  
    #spring h1 {
        font-size: 25px;
    }
    #spring h2 {
        font-size: 30px;
    }
    
    #spring h3 {
        font-size: 25px;
    }
}

/*...................................................................................................11 automated*/
/*...................................................................................................11 automated*/
/*...................................................................................................11 automated*/
/*...................................................................................................11 automated*/
/*...................................................................................................11 automated*/
/*...................................................................................................11 automated*/
/*...................................................................................................11 automated*/
/*...................................................................................................11 automated*/
/*...................................................................................................11 automated*/
/*...................................................................................................11 automated*/

#automated {
    background-image: url(img/2022/ca5-course-css/ca5-background-11-auto.jpg);
    background-size: cover;    
    background-position: 50% 50%;
    background-attachment: fixed;
    padding: 80px 5px 30px;
}

#automated .container {
    max-width: 911px;
}

#automated h1 {
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 50px;
    color: #fff;
    text-align: center;
}

#automated .image {
    margin-bottom: 40px;
}

/*------------------------------------------------------*/
@media (max-width:934px) {  
    
}


/*------------------------------------------------------*/
@media (max-width:936px) {  
    #automated h1 {
        font-size: 30px;
    }
}

/*------------------------------------------------------*/
@media (max-width:650px) {  
    #automated h1 {
        font-size: 25px;
    }
}

/*------------------------------------------------------*/
@media (max-width:425px) {  
    #automated h1 {
        font-size: 22px;
    }
}

/*...................................................................................................12 pros*/
/*...................................................................................................12 pros*/
/*...................................................................................................12 pros*/
/*...................................................................................................12 pros*/
/*...................................................................................................12 pros*/
/*...................................................................................................12 pros*/
/*...................................................................................................12 pros*/
/*...................................................................................................12 pros*/
/*...................................................................................................12 pros*/
/*...................................................................................................12 pros*/

#pros {
    background: #f0f0f0;
    padding: 100px 5px;
}

#pros .container {
    
}

#pros h1 {
    font-size: 40px;
    font-weight: 400;
    text-align: center;
    line-height: 120%;
    color: #262626;
}

#pros h2 {
    font-size: 40px;
    font-weight: 800;
    color: #8f2929;
    text-transform: uppercase;
    width: 100%;
    max-width: 445px;
    margin: auto;
    text-align: center;
    font-weight: 800;
    line-height: 120%;
    margin-bottom: 40px;
}

#pros p {
    
}

#pros h3 {
    font-size: 30px;
    font-weight: 400;
    color: #262626;
    margin-bottom: 40px;
}

#pros .video {
    
}


/*------------------------------------------------------*/
@media (max-width:581px) {  
    #pros h1, #pros h2 {
        font-size: 30px;
    }
    
    #pros h3 {
        font-size: 23px;
    }
}





/*...................................................................................................13 pack*/
/*...................................................................................................13 pack*/
/*...................................................................................................13 pack*/
/*...................................................................................................13 pack*/
/*...................................................................................................13 pack*/
/*...................................................................................................13 pack*/
/*...................................................................................................13 pack*/
/*...................................................................................................13 pack*/
/*...................................................................................................13 pack*/
/*...................................................................................................13 pack*/

#pack {
    background-image: url(img/2022/ca5-course-css/ca5-background-13-pack.jpg);
    background-size: cover;    
    background-position: 50% 50%;
    background-attachment: fixed;
    padding: 100px 10px;
}

#pack .container {
    
}

#pack h1 {
    font-size: 30px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    width: 100%;
    max-width: 600px;
    margin: auto;
    margin-bottom: 20px;
}

#pack .bottom {
    margin-bottom: 60px;
}

#pack .cancel {
    margin-bottom: 20px;
}

#pack .image {
    max-width: 1025px;
    transform: translate(-90px,0px);
    margin-bottom: 60px;
}

#pack ul {
    margin-bottom: 50px;
}

#pack li {
    color: #fff;
    margin-bottom: 20px;
}

#pack i {
    color: #fff;
}

#pack .enrollnow-bright {
    
}

/*------------------------------------------------------*/
@media (max-width:1040px) {  
    #pack .image {
        max-width: 675px;
        transform: translate(-30px,0px);
    }
}

/*------------------------------------------------------*/
@media (max-width:692px) {  
    #pack h1 {
        font-size: 25px;
        max-width: 470px;
    }
}

/*------------------------------------------------------*/
@media (max-width:572px) {  
    #pack h1 {
        font-size: 22px;
        max-width: 300px;
    }
}



/*...................................................................................................14 workflows*/
/*...................................................................................................14 workflows*/
/*...................................................................................................14 workflows*/
/*...................................................................................................14 workflows*/
/*...................................................................................................14 workflows*/
/*...................................................................................................14 workflows*/
/*...................................................................................................14 workflows*/
/*...................................................................................................14 workflows*/
/*...................................................................................................14 workflows*/
/*...................................................................................................14 workflows*/

#workflows {
    background-image: url(img/2022/ca5-course-css/ca5-background-14-workflow.jpg);
    background-size: cover;    
    background-position: 50% 50%;
    background-attachment: fixed;
    padding: 150px 25px;
}

#workflows .container {
    max-width: 747px;
    background: rgba(0,0,0,0.7);
    padding: 80px;
    border-radius: 30px;
    transform: translate(220px,0px);
}

#workflows h1 {
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}

#workflows p {
    color: #fff;
    margin-bottom: 15px;
}

#workflows i {
    color: #fff;
}

#workflows ul {
    margin-bottom: 60px;
}

#workflows li {
    color: #fff;
    margin-bottom: 15px;
}


/*
li {
    font-size: 22px;
    list-style: none;
    text-indent: -18px;
    margin-left: 68px;
}

i {
    margin-right: 15px;
    color: #8f2929;
}

ul {
    margin-bottom: 30px;
}
*/

#workflows .image {
    
}

/*------------------------------------------------------*/
@media (max-width:1576px) {  
    #workflows .container {
        transform: translate(0px,0px);
    }
    
}

/*------------------------------------------------------*/
@media (max-width:760px) {  
    #workflows .container {
        padding: 40px;
        max-width: 407px;
    }
    
    #workflows h1 {
        font-size: 22px;
    }
}

/*------------------------------------------------------*/
@media (max-width:560px) {  
    #workflows {
        padding: 100px 25px;
    }
    
    #workflows .container {
        padding: 30px 15px;
        overflow: hidden;
    }
    
    #workflows h1 {
        font-size: 21px;
    }
    
    #workflows li {
        text-indent: -19.8px;
        margin-left: 66.8px;
    }
    
    #workflows i {
        margin-right: 20px;
    }
    
    #workflows ul {
        margin-left: -10px;
        margin-bottom: 30px;
    }
    
    #workflows .image {
        transform: translate(-15.3px,0px);
    }
}





/*...................................................................................................15 know*/
/*...................................................................................................15 know*/
/*...................................................................................................15 know*/
/*...................................................................................................15 know*/
/*...................................................................................................15 know*/
/*...................................................................................................15 know*/
/*...................................................................................................15 know*/
/*...................................................................................................15 know*/
/*...................................................................................................15 know*/
/*...................................................................................................15 know*/

#know {
    background-image: url(img/2022/ca5-course-css/ca5-background-15-know.jpg);
    background-size: cover;    
    background-position: 50% 50%;
    height: 629px;
    margin-top: 120px;
    padding: 0 20px;
}

#know .container1 {
    margin: auto;
}

#know h1 {
    font-size: 40px;
    font-weight: 400;
    text-transform: uppercase;
    color: #262626;
    width: 100%;
    max-width: 620px;
    margin: auto;
    text-align: center;
    line-height: 120%;
    transform: translate(0px,-30px);
    margin-bottom: 170px;
}

#know .red {
    color: #ab2929;
}

#know .container2 {
    width: 100%;
    max-width: 714px;
    margin: auto;
    color: #fff;
}

#know h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 400;
}

#know h3 {
    font-size: 61px;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
}

/*------------------------------------------------------*/
@media (max-width:1222px) {  
    #know {
        background-position: 80% 50%;
    }
}

/*------------------------------------------------------*/
@media (max-width:772px) { 
    #know h1 {
        font-size: 30px;
        max-width: 480px;
        margin-bottom: 170px;
    }
    
    #know h2 {
        font-size: 25px;
    }
    
    #know h3 {
        font-size: 50px;
    }
    
    #know .container2 {
        max-width: 430px;
    }
}

/*------------------------------------------------------*/
@media (max-width:570px) {  
    #know .container1 {
        max-width: 340px;
    }
    
    #know h1 {
        font-size: 25px;
    }
    
    #know h2 {
        font-size: 20px;
    }
    
    #know h3 {
        font-size: 35px;
    }
    
    #know .container2 {
        max-width: 350px;
    }
}


/*...................................................................................................16 new*/
/*...................................................................................................16 new*/
/*...................................................................................................16 new*/
/*...................................................................................................16 new*/
/*...................................................................................................16 new*/
/*...................................................................................................16 new*/
/*...................................................................................................16 new*/
/*...................................................................................................16 new*/
/*...................................................................................................16 new*/
/*...................................................................................................16 new*/

#new {
    padding: 100px 5px;
}

#new .container {
    
}

#new h1 {
    font-size: 40px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
    line-height: 100%;    
}

#new .red {
    color: #ab2929;
}

#new p {
    
}


/*------------------------------------------------------*/
@media (max-width:600px) {  
    #new h1 {
        font-size: 30px;
    }
}





/*...................................................................................................17 game*/
/*...................................................................................................17 game*/
/*...................................................................................................17 game*/
/*...................................................................................................17 game*/
/*...................................................................................................17 game*/
/*...................................................................................................17 game*/
/*...................................................................................................17 game*/
/*...................................................................................................17 game*/
/*...................................................................................................17 game*/
/*...................................................................................................17 game*/

#game {
    background-image: url(img/2022/ca5-course-css/ca5-background-17-artwarz.jpg);
    background-size: cover;    
    background-position: 50% 50%;
    height: 1080px;
    padding: 100px;
}

#game h1 {
    font-size: 40px;
    font-weight: 800;
    text-align: center;
    color: #fff;
    margin: auto;
    margin-bottom: 690px;
    max-width: 100%;
}

#game p {
    color: #bebaba;
    text-align: center;
    transform: translate(-20px,0px);
}

#game br {
    display: none;
}


/*------------------------------------------------------*/
@media (max-width:732px) {  
    #game h1 {
        font-size: 30px;
    }
}

/*------------------------------------------------------*/
@media (max-width:642px) {  
    #game {
        background-size: 1380px; 
        height: 770px;
        padding: 50px;
    }
    
    #game h1 {
        max-width: 300px;
        margin-bottom: 480px;
    }
}

/*------------------------------------------------------*/
@media (max-width:596px) {  
    #game {
        background-position: 48.8% 50%;
    }
    
    #game p {
        transform: translate(0px,0px);
    }
}



/*------------------------------------------------------*/
@media (max-width:425px) {  
    #game {
        background-size: 1080px; 
        height: 610px;
        padding: 50px;
    }
    
    #game h1 {
        font-size: 25px;
        max-width: 200px;
        margin-bottom: 360px;
    }
}

/*...................................................................................................18 profile*/
/*...................................................................................................18 profile*/
/*...................................................................................................18 profile*/
/*...................................................................................................18 profile*/
/*...................................................................................................18 profile*/
/*...................................................................................................18 profile*/
/*...................................................................................................18 profile*/
/*...................................................................................................18 profile*/
/*...................................................................................................18 profile*/
/*...................................................................................................18 profile*/

#profile {
    padding: 100px 0px 70px;
}

#profile .container {
    
}

#profile h1 {
    font-size: 40px;
    color: #ab2b2b;
    font-weight: 800;
    text-align: center;
    line-height: 100%;
    margin-bottom: 30px;
}

#profile p {
    
}

#profile .image {
    margin-bottom: 30px;
}



/*------------------------------------------------------*/
@media (max-width:630px) {  
    #profile h1 {
        font-size: 30px;
    }
}

/*------------------------------------------------------*/
@media (max-width:) {  
}



/*...................................................................................................18 inside*/
/*...................................................................................................18 inside*/
/*...................................................................................................18 inside*/
/*...................................................................................................18 inside*/
/*...................................................................................................18 inside*/
/*...................................................................................................18 inside*/
/*...................................................................................................18 inside*/
/*...................................................................................................18 inside*/
/*...................................................................................................18 inside*/
/*...................................................................................................18 inside*/

#inside {
    background: #f2f2f2;
    padding: 130px 15px;
}

#inside .container {
    
}

#inside h1 {
    font-size: 36px;
    color: #8f2929;
    line-height: 120%;
    text-transform: uppercase;
    font-weight: 800;
    text-align: center;
    margin-bottom: 60px;
}

#inside .image1 {
    width: 100%;
    max-width: 430px;
}

#inside h2 {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    line-height: 130%;
    margin-bottom: 30px;
}

#inside .bottom {
    margin-bottom: 0;
}

#inside .container2 {
    width: 100%;
    max-width: 1100px;
    margin: auto;
    margin-top: 50px;
}

#inside .row {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 50px;
}

#inside h3 {
    font-size: 30px;
    color: #8f2929;
    line-height: 120%;
    text-transform: uppercase;
    font-weight: 800;
    width: 100%;
    max-width: 190px;
    margin: auto;
}

#inside .image1 {
    width: 100%;
    max-width: 291px;
    margin: auto;
    margin-right: 35px;
}

#inside .subrow {
    width: 100%;
    max-width: 613px;
    margin: auto;
}



#inside h4 {
    font-size: 30px;
    color: #373737;
    line-height: 120%;
    font-weight: 800;
    
}

#inside p {
    font-size: 20px;
}


/*------------------------------------------------------*/
@media (max-width:1014px) {  
    #inside {
        padding: 90px 15px;
    }
    
    #inside .row {
        flex-direction: column;
    }
    
    #inside .bottom {
        margin-bottom: 0;
    }
    
    #inside .image1 {
        margin: auto;
        margin-bottom: 15px;
    }
    
    #inside h3 {
        text-align: center;
        margin-bottom: 15px;
    }
    
    #inside h4 {
        font-size: 25px;
        text-align: center;
    }
    
    #inside p {
        text-align: center;
    }
    
    #inside .row {
        margin-bottom: 70px;
    }
}


/*------------------------------------------------------*/
@media (max-width:768px) { 
    #inside h1 {
        margin-bottom: 30px;
    }
    
    #inside .image {
        max-width: 440px;
    }
}


/*------------------------------------------------------*/
@media (max-width:480px) {  
    #inside {
        padding: 70px 15px;
    }
    
    #inside h1 {
        font-size: 30px;
    }
    
    #inside h3 {
        margin-bottom: 0;
    }
    
    #inside .image1 {
        margin-bottom: 10px;
    }
    
    #inside .row {
        margin-bottom: 50px;
    }
}




/*...................................................................................................19 modules*/
/*...................................................................................................19 modules*/
/*...................................................................................................19 modules*/
/*...................................................................................................19 modules*/
/*...................................................................................................19 modules*/
/*...................................................................................................19 modules*/
/*...................................................................................................19 modules*/
/*...................................................................................................19 modules*/
/*...................................................................................................19 modules*/

#modules {
    
}

#modules .container1 {
    max-width: 971px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: auto;
    align-items: center;
}

#modules .container2 {
    max-width: 971px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: auto;
    align-items: center;
}

#modules .row1 {
    padding: 100px 20px;
    background: #fff;
}

#modules .row2 {
    padding: 100px 20px;
    background: #f2f2f2;
}

/*-----------------Text and Video 1*/
#modules .slot1 {
    width: 100%;
    max-width: 600px;
    order: 1;
}

/*-----------------Box 1*/
#modules .slot2 {
    width: 100%;
    max-width: 361px;
    margin-right: 0;
    order: 2;
}

/*-----------------Box 2*/
#modules .slot3 {
    width: 100%;
    max-width: 361px;
    transform: translate(-80px,0px);
    order: 1;
}

/*-----------------Text and Video 2*/
#modules .slot4 {
    width: 100%;
    max-width: 600px;
    order: 2;
}

#modules h1 {
    font-size: 30px;
    color: #8f2929;
    line-height: 100%;
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 10px;
}

#modules h2 {
    font-size: 26px;
    color: #8f2929;
    line-height: 140%;
    font-weight: 400;
    margin-bottom: 15px;
}

#modules hr {
    background: #b2b2b2;
    margin-bottom: 25px;
}

#modules .videolesson {
    margin-bottom: 20px;
}

#modules p {
    margin-bottom: 0;
}


/*------------------------------------------------------*/
@media (max-width:1020px) {  
    #modules .container1, #modules .container2 {
        flex-direction: column;
        max-width: 600px;
    }
    
/*-----------------Text and Video*/
    #modules .slot1, #modules .slot4 {
        order: 1;
        margin: auto;
        margin-bottom: 40px;
    }
    
/*-----------------Box*/
    #modules .slot2, #modules .slot3 {
        order: 2;
        margin: auto;
        transform: translate(-35px,0px);
    }
    
    #modules h1, #modules h2, #modules p {
        text-align: center;
    }
    
    #modules hr {
        display: none;
    }
}

/*------------------------------------------------------*/
@media (max-width:670px) {  
    #modules .row1, #modules .row2 {
        padding: 80px 20px;
    }
    
    #modules .slot1, #modules .slot4 {
        margin-bottom: 20px;
    }
}


















/*...................................................................................................red title*/
/*...................................................................................................red title*/
/*...................................................................................................red title*/
/*...................................................................................................red title*/
/*...................................................................................................red title*/
/*...................................................................................................red title*/
/*...................................................................................................red title*/
/*...................................................................................................red title*/
/*...................................................................................................red title*/
/*...................................................................................................red title*/















/*...................................................................................................exp*/
/*...................................................................................................exp*/
/*...................................................................................................exp*/
/*...................................................................................................exp*/
/*...................................................................................................exp*/
/*...................................................................................................exp*/
/*...................................................................................................exp*/
/*...................................................................................................exp*/
/*...................................................................................................exp*/
/*...................................................................................................exp*/













/*...................................................................................................require*/
/*...................................................................................................require*/
/*...................................................................................................require*/
/*...................................................................................................require*/
/*...................................................................................................require*/
/*...................................................................................................require*/
/*...................................................................................................require*/
/*...................................................................................................require*/
/*...................................................................................................require*/
/*...................................................................................................require*/


#require {
    padding: 0 15px;
}

#require .container{
    width: 100%;
    max-width: 900px;
    background: #8f2929;
    padding: 90px;
    border-radius: 30px;
    margin-bottom: 100px;
}

#require .bottom-line {
    font-style: italic;
    font-size: 18px;
}


#require h1, #require p {
    color: #fff;
}


#require h1 {
    font-size: 60px;
    font-weight: 800;
    line-height: 100%;
    text-align: center;
    margin-bottom: 60px;
}

#require a{
    text-decoration: underline;
    color: #cccccc;
}

/*------------------------------------------------------*/
@media (max-width:768px) {  
    #require .container{
        padding: 60px;
    }
    
    #require  h1 {
        font-size: 45px;
    }
    
    #require .bottom-line {
        font-size: 16px;
    }
}

/*------------------------------------------------------*/
@media (max-width:532px) {  
    #require .container{
        padding: 40px;
    }
    
    #require  h1 {
        font-size: 30px;
        margin-bottom: 30px;
    }
    
    #require .bottom-line {
        font-size: 14px;
    }
}

/*------------------------------------------------------*/
@media (max-width:375px) {  
    #require .container{
        padding: 40px 20px;
    }
    
    #require  h1 {
        font-size: 25px;
    }
}







/*...................................................................................................25 LONG CURRICULUM*/
/*...................................................................................................25 LONG CURRICULUM*/
/*...................................................................................................25 LONG CURRICULUM*/
/*...................................................................................................25 LONG CURRICULUM*/
/*...................................................................................................25 LONG CURRICULUM*/
/*...................................................................................................25 LONG CURRICULUM*/
/*...................................................................................................25 LONG CURRICULUM*/
/*...................................................................................................25 LONG CURRICULUM*/
/*...................................................................................................25 LONG CURRICULUM*/

#curr {
    padding: 100px 0;
}



#curr h1{
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    color: #8f2929;
    margin-bottom: 30px;
}

#curr .title {
    width: 100%;
    max-width: 874px;
    margin: auto;
}

#curr .container {
    padding: 20px;
    margin-bottom: 100px;
}

#curr .subcontainer {
    width: 100%;
    max-width: 800px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#curr .slot {
    width: 100%;
    max-width: 388px;
    margin: auto;
    margin-bottom: 10px;
    padding: 5px;
}

#curr img {
    width: 100%;
}

#curr h2 {
    font-size: 22px;
    width: 100%;
    max-width: 800px;
    margin: auto;
    color: #464646;
    border-bottom: solid #c8c8c8 1px;
    padding: 20px 20px 20px 70px;
    text-indent: -20px;
}

#curr h3 {
    font-size: 25px;
    width: 100%;
    max-width: 800px;
    margin: auto;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: 800;
    color: #8f2929;
    margin-bottom: 10px;
    padding-left: 70px;
    padding-top: 20px;
}


#curr h4 {
    margin-bottom: 20px;
    color: #464646;
    font-size: 22px;
    font-weight: 400;
}

#curr .top {
    padding-left: 0;
}

#curr p {
    padding-left: 90px;
    padding-right: 20px;
    margin-bottom: 10px;
}


.curriculum-block {
    background: #eee;
    border-radius: 30px;
    width: 100%;
    max-width: 800px;
    margin: auto;
    padding: 0;
    margin-bottom: 150px;
}

.curriculum-in {
    padding: 0 20px 20px;
}

.curriculum-white {
    background: #fafafa;
    border-radius: 15px;
    padding: 10px 0;
}

#curr h5 {
    font-size: 22px;
    width: 100%;
    max-width: 800px;
    margin: auto;
    color: #464646;
    padding: 20px 20px 10px 70px;
    text-indent: -20px;
}

#curr .line {
    height: 1px;
    background: #c8c8c8;
    margin-top: 20px;
}


.whitecontainer {
    padding: 0 20px;
}




/*------------------------------------------------------*/
@media (max-width:768px) {  
    #curr  h1{
        font-size: 30px;
        margin-bottom: 25px;
    }
    
    #curr .container {
        max-width: 768px;
    }
    #curr .slot {
        max-width: 350px;
    }
    
    .curriculum-block {
        margin-bottom: 100px;
    }
    
    #curr h2 {
        font-size: 18px;
    }
    
    #curr h5 {
        font-size: 18px;
    }
    #curr h4 {
        font-size: 16px;
    }
    
    #curr h3 {
        font-size: 22px;
    }
    
    .curriculum-block {
        max-width: 530px;
    }
}

/*------------------------------------------------------*/
@media (max-width:425px) {  
    #curr  h1{
        font-size: 24px;
        margin-bottom: 20px;
    }
    
    .curriculum-block {
        margin-bottom: 60px;
    }
    
    #curr h2 {
        font-size: 16px;
    }
    
    #curr h5 {
        font-size: 16px;
    }
    
    #curr h4 {
        font-size: 14px;
    }
    
    #curr h3 {
        font-size: 18px;
    }
}



#curr .day1 {
    background: #ecb093;
    padding: 30px 0;
}
#curr .day2 {
    background: #f3d26f;
    padding: 30px 0;
}
#curr .day3 {
    background: #e4e471;
    padding: 30px 0;
}
#curr .day4 {
    background: #adda79;
    padding: 30px 0;
}
#curr .day5 {
    background: #6be3df;
    padding: 30px 0;
}
#curr .day6 {
    background: #58c2e8;
    padding: 30px 0;
}
#curr .day7 {
    background: #d8b5f1;
    padding: 30px 0;
}
#curr .day8 {
    background: #ecb093;
    padding: 30px 0;
}
#curr .day9 {
    background: #f3d26f;
    padding: 30px 0;
}
#curr .day10 {
    background: #e4e471;
    padding: 30px 0;
}

#curr .day1, #curr .day2, #curr .day3, #curr .day4, #curr .day5, #curr .day6, #curr .day7, #curr .day8, #curr .day9 {
    margin-bottom: 40px;
}

/*-----------Title Images*/

#curr .imaged1, #curr .imaged2, #curr .imaged3, #curr .imaged4, #curr .imaged5, #curr .imaged6, #curr .imaged7, #curr .imaged8, #curr .imaged9, #curr .imaged10 {
    width: 100%;
    margin: auto;
    max-width: 874px;
}


/*-----------Demo Images*/
#curr .image1, #curr .image2, #curr .image3, #curr .image4, #curr .image5, #curr .image6, #curr .image7, #curr .image8, #curr .image9, #curr .image10 {
    width: 100%;
    margin: auto;
    margin-bottom: 30px;
}

#curr .image1 {
    max-width: 719px;
}

#curr .image2 {
    max-width: 778px;
}

#curr .image3 {
    max-width: 833px;
}

#curr .image4 {
    max-width: 961px;
}

#curr .image5 {
    max-width: 880px;
}

#curr .image6 {
    max-width: 868px;
}

#curr .image7 {
    max-width: 920px;
}

#curr .image8 {
    max-width: 410px;
}

#curr .image9 {
    max-width: 954px;
}

#curr .image10 {
    max-width: 647px;
}





/*...................................................................................................30day*/
/*...................................................................................................30day*/
/*...................................................................................................30day*/
/*...................................................................................................30day*/
/*...................................................................................................30day*/
/*...................................................................................................30day*/
/*...................................................................................................30day*/
/*...................................................................................................30day*/
/*...................................................................................................30day*/
/*...................................................................................................30day*/


#guarantee {
    background: #fff;
    padding: 80px 10px 80px;
    text-align: center;
}

#guarantee h2 {
    font-size: 51.6px;
    font-weight: 400;
    color: #8f2929;
    line-height: 100%;
    letter-spacing: 7.1px;
    text-indent: 12.3px;
    text-transform: uppercase;
}

#guarantee h3 {
    font-size: 62.2px;
    color: #8f2929;
    font-weight: 800;
    line-height: 100%;
    margin-bottom: 40px;
    text-transform: uppercase;
}

#guarantee img {
    width: 100%;
    max-width: 379px;
    margin: auto;
    margin-bottom: 30px;
}

#guarantee p {
    font-size: 18px;
    width: 100%;
    max-width: 544px;
    margin: auto;
    line-height: 130%;
    margin-bottom: 20px;
}

/*----------------------------------------------530*/
@media (max-width:556px) {  
    #guarantee {
        padding: 60px 10px 40px;
    }
    #guarantee h2 {
        font-size: 30px;
        letter-spacing: 0;
        text-indent: 0px;
    }
    
    #guarantee h3 {
        font-size: 39.4px;
    }
}





/*...................................................................................................rather*/
/*...................................................................................................rather*/
/*...................................................................................................rather*/
/*...................................................................................................rather*/
/*...................................................................................................rather*/
/*...................................................................................................rather*/
/*...................................................................................................rather*/
/*...................................................................................................rather*/
/*...................................................................................................rather*/
/*...................................................................................................rather*/


#rather {
    padding: 150px 15px;
    background: #eeeeee;
}

#rather  h1 {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 800;
    color: #8f2929;
    line-height: 100%;
    margin-bottom: 40px;
}



/*------------------------------------------------------*/
@media (max-width:768px) {  
    #rather {
        padding: 120px 15px;
    }
    
    #rather  h1 {
        font-size: 30px;
    }
}

/*------------------------------------------------------*/
@media (max-width:425px) { 
    #rather {
        padding: 90px 15px;
    }
    
    #rather  h1 {
        font-size: 24px;
    } 
}



/*...................................................................................................faqt*/
/*...................................................................................................faqt*/
/*...................................................................................................faqt*/
/*...................................................................................................faqt*/
/*...................................................................................................faqt*/
/*...................................................................................................faqt*/
/*...................................................................................................faqt*/
/*...................................................................................................faqt*/
/*...................................................................................................faqt*/
/*...................................................................................................faqt*/



#faqt {
    background: #8f2929;
    padding: 70px 15px;
}

#faqt h2 {
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 120%;
    text-align: center;
    font-size: 50px;
}

#faqt h3 {
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 100%;
    text-align: center;
    font-size: 70.61px;
}

/*------------------------------------------------------*/
@media (max-width:636px) {   
    #faqt {
        padding: 60px 15px;
    }
    
    #faqt h2 {
        font-size: 38.1px;
    }
    
    #faqt h3 {
        font-size: 47.2px;
    }    
}

/*------------------------------------------------------*/
@media (max-width:420px) {    
    #faqt h2 {
        font-size: 27.8px;
    }
    
    #faqt h3 {
        font-size: 34.2px;
    }  
}


/*...................................................................................................faq*/
/*...................................................................................................faq*/
/*...................................................................................................faq*/
/*...................................................................................................faq*/
/*...................................................................................................faq*/
/*...................................................................................................faq*/
/*...................................................................................................faq*/
/*...................................................................................................faq*/
/*...................................................................................................faq*/
/*...................................................................................................faq*/




#faq {
    background: #fff;
    padding: 60px 10px;
}

#faq .container {
    width: 100%;
    max-width: 754px;
    margin: auto;
}

#faq button {
    font-size: 20px;
    width: 100%;
}

#faq p {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    margin: 10px 0;
}

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    border: #ddd 1px solid;
}

.active, .accordion:hover {
    background-color: #ccc;
}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2212";
}

.panel {
    padding: 0 38px;
    background-color: #fafafa;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}












/*...................................................................................................buy*/
/*...................................................................................................buy*/
/*...................................................................................................buy*/
/*...................................................................................................buy*/
/*...................................................................................................buy*/
/*...................................................................................................buy*/
/*...................................................................................................buy*/
/*...................................................................................................buy*/
/*...................................................................................................buy*/
/*...................................................................................................buy*/

#buy {
    background: #8f2929;
    padding: 90px 15px;
}

#buy h1 {
    font-size: 70px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    text-align: center;
    margin-bottom: 50px;
}

#buy .row {
    width: 100%;
    max-width: 1200px;
    display: flex;
    flex-direction: row;
    margin: auto;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
}

#buy .container {
    background: #eeeeee;
    width: 100%;
    max-width: 490px;
    padding: 30px 15px;
    border-radius: 30px;
    margin: auto;
    margin-bottom: 30px;
    margin-top: 0px;
}

#buy h2 {
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    text-transform: uppercase;
    color: #8f2929;
    margin-bottom: 0px;
    line-height: 100%;
}

#buy h3 {
    font-size: 27.6px;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 100%;
    margin-bottom: 20px;
}

#buy p {
    font-size: 25px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 40px;
    width: 100%;
    max-width: 240px;
    margin: auto;
}

#buy img {
    width: 100%;
}

#buy .image {
    width: 100%;
    max-width: 410px;
    margin: auto;
}

#buy .image2 {
    width: 100%;
    max-width: 140px;
    margin: auto;
}

#buy .image3 {
    width: 100%;
    max-width: 400px;
    margin: auto;
}

#buy .cards {
    display: block;
    width: 100%;
    max-width: 267px;
    margin: auto;
    margin-top: 15px;
}

#buy .sub1 {
    background: #fff;
    width: 100%;
    max-width: 466px;
    margin: auto;
/*    border: #dedede 2px solid;*/
/*    padding: 1px;*/
    border-radius: 20px;
/*    margin-bottom: 30px;*/
}

#buy li {
    font-size: 16px;
    text-indent: -15px;
    padding: 10px 10px 10px 50px;
    border-bottom: #dedede 2px solid;
    margin-left: 0;
}



/*------------------OFFER*/
#buy .delete {
    text-decoration: line-through;
}


#buy .noborder {
    border-bottom: none;
}

#buy ul {
    list-style-type: none;
}

#buy i {
    margin-right: 10px;
    color: #8f2929;
}


#buy .subenroll {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: auto;
    margin-bottom: 30px;
}

#buy .dvExcel {
    width: 100%;
    max-width: 219px;
    text-align: center;
    margin: auto;
    margin-bottom: 0;
    font-weight: 800;
}


#buy .dvExcel a {
    font-size: 20px;
    font-weight: 800;
    text-decoration: none;
    background: #8f2929;
    color: #fff;
    border-radius: 50px;
    padding: 10px 20px;
    text-transform: uppercase;
}


#buy .subenroll h4 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
}

#buy .subenroll h5 {
    font-size: 25px;
    font-weight: 800;
    margin-bottom: 15px;
}

#buy .sub2 {
    width: 100%;
    max-width: 526px;
    margin: auto;  
}

#buy .sub2 p {
    font-family: 'Open Sans', sans-serif;    
    font-size: 24px;
    margin-bottom: 0px;
    font-weight: 400;
    text-transform: none;
    max-width: 500px;
}

#buy .sub2 h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: 800;
    text-align: center;
}

#buy .sub3 {
    width: 100%;
    max-width: 526px;
    margin: auto;
    background: #fff;
    text-align: center;
    border-radius: 20px;
    padding-top: 20px;
    margin-top: 0px;
    border: #dedede 2px solid;
}

#buy .sub3 p {
    font-size: 35px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 100%;
    max-width: 500px;
}

#buy .sub3 h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 40px;
    color: #8f2929;
    text-decoration: line-through;
    line-height: 100%;
}



#buy .sub3 h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 62px;
    font-weight: 800;
    line-height: 100%;
}

#buy .sub3 a {
    text-decoration: none;
    background: #8f2929;
    display:block;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #fff;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 2.9px;
    padding: 20px;
    margin-top: 20px;
    border: #fff 2px solid;
    transition: 0.4s ease;
}

#buy .sub3 a:hover {
    background: #000;
    letter-spacing: 1px;
}

#buy .nah {
    text-align: center;
    display: block;
    margin-top: 10px;
}

/*------------------------------------------------------*/
@media (max-width:1074px) {  
    #buy .row {
        flex-direction: column;
    }
}

/*----------------------------------------------530*/
@media (max-width:1024px) {    
    #buy li {
        font-size: 15px;
    }
    
    #buy h1 {
        font-size: 50px;
    }
    #buy .sub1 {
        margin-bottom: 20px;
    }
    
    #buy .sub2 p {
        font-size: 20px;
    }
    #buy .sub2 h4 {
        font-size: 25px;
    }
    #buy .sub3 p {
        font-size: 25px;
    }
    #buy .sub3 h4 {
        font-size: 30px;
    }
    #buy .sub3 h5 {
        font-size: 40px;
    }
    #buy .sub3 a {
        font-size: 30px;
    }    
}


/*------------------------------------------------------*/
@media (max-width:478px) {  
    #buy .subenroll {
        flex-direction: column;
    }
    
    #buy .dvExcel {
        margin-bottom: 30px;
    }
}