/* ============================================================ */
/* RULES FOR BTNS ON WEBSITE PAGES  */
/* ============================================================ */

/* 
    white 
*/
.kp-flat_btns_bg-1 {    
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #fee8d1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#fee8d1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#fee8d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fee8d1',GradientType=0 ); /* IE6-9 */
    color: #594739;
    border-radius: 4px;
    border: none;
}
.kp-flat_btns_bg-1:hover {
    background: #feecda; /* Old browsers */
    background: -moz-linear-gradient(top,  #feecda 0%, #fdd7b3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #feecda 0%,#fdd7b3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #feecda 0%,#fdd7b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feecda', endColorstr='#fdd7b3',GradientType=0 ); /* IE6-9 */
    color: #594739;
    cursor: pointer;
    text-decoration: none;
}

/* 
    orange 
*/
.kp-flat_btns_bg-2 {
    background: #ff7d1a; /* Old browsers */
    background: -moz-linear-gradient(top, #ff7d1a 0%, #f07518 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff7d1a 0%,#f07518 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff7d1a 0%,#f07518 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7d1a', endColorstr='#f07518',GradientType=0 ); /* IE6-9 */
    color: #fff;
    border-radius: 0.2em;
    text-shadow: none;
    border: none;
}
.kp-flat_btns_bg-2:hover {
    background: #fa5c0e; /* Old browsers */
    background: -moz-linear-gradient(top, #fa5c0e 0%, #eb560d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fa5c0e 0%,#eb560d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fa5c0e 0%,#eb560d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa5c0e', endColorstr='#eb560d',GradientType=0 ); /* IE6-9 */
    text-shadow: none;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    cursor: pointer;
}


/*
    Secondary (grey) button
*/
.kp-flat_btns_bg-3 {
    background: #b6b6b6; /* Old browsers */
    background: -moz-linear-gradient(top, #b6b6b6 0%, #a3a3a3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b6b6b6 0%,#a3a3a3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b6b6b6 0%,#a3a3a3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6b6b6', endColorstr='#a3a3a3',GradientType=0 ); /* IE6-9 */
    color: #fff;
    border-radius: 0.2em;
    text-shadow: none;
    border: none;
}

.kp-flat_btns_bg-3:hover {
    background: #9c9c9c; /* Old browsers */
    background: -moz-linear-gradient(top,  #9c9c9c 0%, #8b8b8b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #9c9c9c 0%,#8b8b8b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #9c9c9c 0%,#8b8b8b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c9c9c', endColorstr='#8b8b8b',GradientType=0 ); /* IE6-9 */
    border-radius: 0.2em;
    text-shadow: none;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    cursor: pointer;
}


/*
   Green button
*/
.kp-flat_btns_bg-4 {
    background: #69d631; /* Old browsers */
    background: -moz-linear-gradient(top, #69d631 0%, #5bba2b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #69d631 0%,#5bba2b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #69d631 0%,#5bba2b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69d631', endColorstr='#5bba2b',GradientType=0 ); /* IE6-9 */
    border-radius: 0.2em;
    text-shadow: none;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    cursor: pointer;
    border: none;
}

.kp-flat_btns_bg-4:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4abc1f+0,40a31b+100 */
    background: #4abc1f; /* Old browsers */
    background: -moz-linear-gradient(top,  #4abc1f 0%, #40a31b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #4abc1f 0%,#40a31b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #4abc1f 0%,#40a31b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4abc1f', endColorstr='#40a31b',GradientType=0 ); /* IE6-9 */
    text-shadow: none;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    cursor: pointer;
}




/*
    Blue button
*/

.kp-flat_btns_bg-5 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#039be5+0,007cdb+100 */
    background: #039be5; /* Old browsers */
    background: -moz-linear-gradient(top, #039be5 0%, #007cdb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #039be5 0%,#007cdb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #039be5 0%,#007cdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#039be5', endColorstr='#007cdb',GradientType=0 ); /* IE6-9 */
    border-radius: 0.2em;
    text-shadow: none;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    cursor: pointer;
    border: none;
}

.kp-flat_btns_bg-5:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0283dc+0,0069d2+100 */
    background: #0283dc; /* Old browsers */
    background: -moz-linear-gradient(top,  #0283dc 0%, #0069d2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #0283dc 0%,#0069d2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #0283dc 0%,#0069d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0283dc', endColorstr='#0069d2',GradientType=0 ); /* IE6-9 */
    text-shadow: none;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    cursor: pointer;
}

/*
   White-blue button
*/
.kp-flat_btns_bg-6 {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #d9edf8 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#d9edf8 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#d9edf8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9edf8',GradientType=0 );
    border-radius: 0.2em;
    text-shadow: none;
    color: #212121;
    cursor: pointer;
    text-decoration: none;
    border: none;
}

.kp-flat_btns_bg-6:hover {
    background: #d9f0fb;
    background: -moz-linear-gradient(top, #d9f0fb 0%, #badff4 100%);
    background: -webkit-linear-gradient(top, #d9f0fb 0%,#badff4 100%);
    background: linear-gradient(to bottom, #d9f0fb 0%,#badff4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9f0fb', endColorstr='#badff4',GradientType=0 );
    border-radius: 0.2em;
    text-shadow: none;
    color: #212121;
    cursor: pointer;
    text-decoration: none;
}