@charset "UTF-8";


/**
*
* -----------------------------------------------------------
*
* Template : ePack - Modern Element Packages
* Author : thecodrops
* Author URI : http://thecodrops.com
*
* -----------------------------------------------------------
*
**/

/*-----------------------------
    Common Styles
-------------------------------*/
div[class*="tc-note-"] + div[class*="tc-note-"] {margin-top: 20px;}

/*-----------------------------
    Note Style1
-------------------------------*/
.tc-note-style1 {vertical-align: middle;padding: 20px;background-color: #fff;border: 1px solid #f5f5f5;display: table;width: 100%;}
.tc-note-style1 .note-icon {color: #aaa;width: 58px;display: table-cell;text-align: center;vertical-align: middle;font-size: 30px;}
.tc-note-style1 .note-desc {vertical-align: middle;padding-left: 15px;}
.tc-note-style1 .note-desc h3 {margin: 0 0 7px 0;font-size: 20px;}
.tc-note-style1.tc-note-info {border-color: #3dc0f1;}
.tc-note-style1.tc-note-info .note-icon {color: #3dc0f1;}
.tc-note-style1.tc-note-success {border-color: #4CAF50;}
.tc-note-style1.tc-note-success .note-icon {color: #4CAF50;}
.tc-note-style1.tc-note-warning {border-color: #FF9800;}
.tc-note-style1.tc-note-warning .note-icon {color: #FF9800;}
.tc-note-style1.tc-note-danger {border-color: #ff5252;}
.tc-note-style1.tc-note-danger .note-icon {color: #ff5252;}

/*-----------------------------
    Note Style2
-------------------------------*/
.tc-note-style2 {vertical-align: middle;padding: 20px;background-color: #fff;border-top: 3px solid #444;display: table;width: 100%;-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);}
.tc-note-style2 .note-icon {width: 58px;display: table-cell;text-align: center;vertical-align: middle;font-size: 30px;}
.tc-note-style2 .note-desc {vertical-align: middle;padding-left: 15px;}
.tc-note-style2 .note-desc h3 {margin: 0 0 7px 0;font-size: 20px;}
.tc-note-style2.tc-note-info {border-color: #3dc0f1;}
.tc-note-style2.tc-note-info .note-icon {color: #3dc0f1;}
.tc-note-style2.tc-note-success {border-color: #4CAF50;}
.tc-note-style2.tc-note-success .note-icon {color: #4CAF50;}
.tc-note-style2.tc-note-warning {border-color: #FF9800;}
.tc-note-style2.tc-note-warning .note-icon {color: #FF9800;}
.tc-note-style2.tc-note-danger {border-color: #ff5252;}
.tc-note-style2.tc-note-danger .note-icon {color: #ff5252;}

/*-----------------------------
    Note Style3
-------------------------------*/
.tc-note-style3 {vertical-align: middle;padding: 20px;background-color: #fff;border: 2px solid #f5f5f5;display: table;width: 100%;}
.tc-note-style3 .note-icon {width: 58px;height: 58px;line-height: 58px;display: table-cell;text-align: center;vertical-align: middle;font-size: 20px;background: rgba(0,0,0,0.05);border-radius: 50%;color: #444;}
.tc-note-style3 .note-desc {vertical-align: middle;padding-left: 15px;margin-left: 20px;border-left: 2px solid rgba(0,0,0,0.04);}
.tc-note-style3 .note-desc h3 {margin: 0 0 7px 0;font-size: 20px;}
.tc-note-style3.tc-note-info {background-color: #3dc0f1;}
.tc-note-style3.tc-note-success {background-color: #4CAF50;}
.tc-note-style3.tc-note-warning {background-color: #FF9800;}
.tc-note-style3.tc-note-danger {background-color: #ff5252;}
.tc-note-style3.tc-note-info .note-desc h3, 
.tc-note-style3.tc-note-info .note-desc p {color: #fff;}
.tc-note-style3.tc-note-success .note-desc h3, 
.tc-note-style3.tc-note-success .note-desc p {color: #fff;}
.tc-note-style3.tc-note-warning .note-desc h3, 
.tc-note-style3.tc-note-warning .note-desc p {color: #fff;}
.tc-note-style3.tc-note-danger .note-desc h3, 
.tc-note-style3.tc-note-danger .note-desc p {color: #fff;}
.tc-note-style3.tc-note-info .note-icon, 
.tc-note-style3.tc-note-success .note-icon, 
.tc-note-style3.tc-note-warning .note-icon, 
.tc-note-style3.tc-note-danger .note-icon {color: #fff;background-color: rgba(255,255,255,0.15);}

/*-----------------------------
    Note Style4
-------------------------------*/
.tc-note-style4 {padding: 25px;background-color: #fff;border: 1px solid #f5f5f5;position: relative;overflow: hidden;}
.tc-note-style4 .note-icon {text-align: center;position: absolute;right: -17px;bottom: 0;font-size: 90px;transform: rotate(15deg);opacity: 0.1;color: #bbb;}
.tc-note-style4 .note-desc h3 {margin: 0 0 7px 0;font-size: 20px;border-bottom: 1px solid rgba(68, 68, 68, 0.04);padding-bottom: 8px;margin-bottom: 14px;width: 95%;}
.tc-note-style4.tc-note-info, 
.tc-note-style4.tc-note-info .note-desc h3 {border-color: rgba(61, 192, 241, 0.5);}
.tc-note-style4.tc-note-info .note-icon {color: #3dc0f1;}
.tc-note-style4.tc-note-success, 
.tc-note-style4.tc-note-success .note-desc h3 {border-color: rgba(76, 175, 80, 0.5);}
.tc-note-style4.tc-note-success .note-icon {color: #4CAF50;}
.tc-note-style4.tc-note-warning, 
.tc-note-style4.tc-note-warning .note-desc h3 {border-color: rgba(255, 152, 0, 0.5);}
.tc-note-style4.tc-note-warning .note-icon {color: #FF9800;}
.tc-note-style4.tc-note-danger, 
.tc-note-style4.tc-note-danger .note-desc h3 {border-color: rgba(255, 82, 82, 0.5);}
.tc-note-style4.tc-note-danger .note-icon {color: #ff5252;}