@-webkit-keyframes fadeIt {
    0%  { background-color: #ffd89f; }
    100% { background-color: #FFFFFF; }
}
@-moz-keyframes fadeIt {
    0%  { background-color: #ffd89f }
    100% { background-color: #FFFFFF; }
}
@-o-keyframes fadeIt {
    0%  { background-color: #ffd89f }
    100% { background-color: #FFFFFF; }
}
@keyframes fadeIt {
    0%  { background-color: #ffd89f }
    100% { background-color: #FFFFFF; }
}

.acp_pro_backgroundAnimated{
    background-image:none !important;
    -webkit-animation: fadeIt 3s ease;
    -moz-animation: fadeIt 3s ease;
    -o-animation: fadeIt 3s ease;
    animation: fadeIt 3s ease;
    background-color: white !important;
}

.acp_notice_get_pro_btn {
    -moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
    -webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
    box-shadow:inset 0px 1px 0px 0px #9acc85;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
    background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);
    background-color:#74ad5a;
    border:1px solid #3b6e22;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:18px;
    font-weight:bold;
    padding:10px 20px 10px 20px;
    text-decoration:none;
    border-radius: 5px;
}
.acp_notice_get_pro_btn:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
    background:-moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    background:-webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    background:-o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    background:-ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0);
    background-color:#68a54b;
}

.acp_notice_get_pro_btn:active {
    position:relative;
    top:1px;
}

#ga_tc_notice_get_pro .notice-dismiss {
    background-color: #ffd89f;
    padding-left: 20px;
}

#ga_tc_notice_get_pro .notice-dismiss-opened {
    background-color: white;
}


#ga_tc_notice_get_pro .notice-dismiss:before {
    position: inherit;
    margin-left: -20px;

}
#ga_tc_notice_get_pro .notice-dismiss:after {
    top: -4px;
    left: 1px;
    color: #4f73bc;
}

.acp_pro_banner {
    padding-left: 16px;
    height: 47px;
    /*min-width: 340px;*/
    overflow-y: hidden;
    margin-lefT: -5px;
    cursor: pointer;
}
#ga_tc_notice_get_pro {
    margin-left: 0px;
    padding-right: 0px;
    padding: 10px 0px 0px 0px;
    background-color: #ffd89f;
    overflow-y: hidden;
    height: 97px;
}

#ga_tc_notice_get_pro .opened {
    background-color: white;
}

.acp_pro_banner_title {
    font-weight: bold;
    font-size: 28px;
    font-family: "open sans",arial,sans-serif;
    text-shadow: 1px 1px 15px #929292;
    float: left;
    padding: 3px 10px 14px 80px;
    margin-right: 15px;
}

.acp_pro_banner_features {
    margin-left: 100px;
}

.acp_pro_banner_feature {
    font-size: 16px;
    font-family: "open sans",arial,sans-serif;
    text-shadow: 1px 1px 15px #929292;
    font-weight: bold;
    float: left;
    border-radius: 15px;
    margin-right: 25px;
    margin-top: -5px;
}

.acp_pro_banner_buttons, .acp_pro_banner_buttons2 {
    text-align: center;
    width: 100%;
    float: left;
    background-color: transparent;
}
.acp_pro_banner_buttons a, .acp_pro_banner_buttons2 a {
    line-height: 30px;
    font-weight: bold;
    text-decoration: none;
}

#acp_pro_banner_screenshots {
    max-width: 780px;
    margin-left: 20px;
}

#acp_pro_banner_screenshots div.screenshot {
    float: left;
    max-width: 30%;
    width: 130px;
    height: 50px;
    margin-right: 10px;
    overflow-y: hidden;
    margin-bottom: -1px;
}

#acp_pro_banner_screenshots div.screenshot_opened {
    background-color: white;
    height: 130px;
    overflow: hidden;
    margin-top: 5px;
    border: 2px solid #bababa;
}

#acp_pro_banner_screenshots div.screenshot_opened:hover {
    border: 2px solid gray;
}

#acp_pro_banner_screenshots div.screenshot_opened img {
    margin-top: 0px !important;
}

.screenshot_opened img:hover {

}

#acp_pro_banner_screenshots div.screenshot2 {
    float: left;
    max-width: 30%;
    width: 230px;
    max-height: 127px;
    margin-right: 10px;
    overflow-y: hidden;
    border: 1px solid #bdbdbd;
    background-color: white;
}


.screenshot_shadow {
    -webkit-box-shadow: 0 8px 8px -6px #727272;
    -moz-box-shadow: 0 8px 8px -6px #727272;
    box-shadow: 0 8px 8px -6px #727272;
    border-bottom: 1px solid #dbdbdb;
}

#acp_pro_banner_screenshots div.screenshot img {
    margin-top: 10px;
    cursor: pointer;
}
#acp_pro_banner_screenshots div.screenshot img:hover {
    margin-top: 0px;
}


#acp_pro_banner_enjoy {
    position: absolute;
    margin-top: -33px;
    margin-left: 5px;
}




#acp_pro_banner_list_features {
    display: none;
    /*max-width: 780px;*/
    background-color: white;
    padding: 0px 10px 60px 20px;
    /*margin-left: 0px;*/
}
#acp_pro_banner_list_features li {
    /*list-style-type: inherit;*/
    list-style-image: url("checkbox.gif");
    margin-left: 30px;
    font-size: 16px;
    font-family: "open sans",arial,sans-serif;
}

#acp_pro_banner_list_features h2 {
    margin-top: 5px;
}


.acp_pro_banner_feature_cont {
    margin-left: 10px;
}

@media only screen and (max-width: 780px) {
    .acp_pro_banner_feature {
        font-size: 13px;
        margin-bottom: 10px;
        margin-left:0px;
        margin-right: 15px;
        /*font-weight: normal;*/
        margin-top: -13px;
    }
}

@media only screen and (max-width: 780px) {
    #acp_pro_banner_enjoy {
        display: none;
    }
    .acp_pro_banner_title {
        padding-left: 0px;
    }
}


@media only screen and (max-width: 580px) {
    #ga_tc_notice_get_pro {
        padding-right: 0px;
    }
    .acp_pro_banner_title {
        font-size: 23px;
        padding: 0px 5px 15px 0px;
    }
    #ga_tc_notice_get_pro .notice-dismiss {
        padding-left: 0px;
    }


    #ga_tc_notice_get_pro .notice-dismiss:before {
        /*position: inherit;*/
        /*margin-left: 0px;*/

    }
    #ga_tc_notice_get_pro .notice-dismiss:after {
        content: "";
    }

    .acp_pro_banner_features {
        margin-left: 0px;
    }
}

@media only screen and (max-width: 480px) {
    .acp_pro_banner_title {
        font-size: 18px;
    }
}


@media only screen and (max-width: 440px) {
    .acp_pro_banner_title {
        padding: 0px 5px 5px 0px;
        line-height: 20px;
    }
    .acp_pro_banner_buttons a {
        line-height: 20px;
    }

    .acp_pro_banner_feature_cont {
        margin-left: 0px;
    }
    .acp_pro_banner_feature {
        margin-top: auto;
    }

}

@media only screen and (max-width: 380px) {
    .acp_pro_banner_features {
        display: none;
    }

}

@media only screen and (max-width: 280px) {
    #ga_tc_notice_get_pro .notice-dismiss:before {
        color:red;
        background: rgba(255, 255, 255, 0.80);
    }

}
