/****************************
NOTIFICATIONS
****************************/

.success { background:#C9EFA6; display:block; color:#719f4a; padding:15px 20px; margin-bottom:10px; border:1px solid #A3DC6E; font:14px 'Roboto', sans-serif; text-shadow:0 1px 1px #FFF; }
.info { background:#CEEDFD; display:block; color:#357ea5; padding:15px 20px; margin-bottom:10px; border:1px solid #96CEEB; font:14px 'Roboto', sans-serif; text-shadow:0 1px 1px #FFF; }
.failed { background:#FACCCD; display:block; color:#b26b6d; padding:15px 20px; margin-bottom:10px; border:1px solid #E29D9F; font:14px 'Roboto', sans-serif; text-shadow:0 1px 1px #FFF; }
.rounded { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
span.close { float:right; top:0px; right:0; cursor:pointer; position:relative; }
span.close:before { content: "\f00d"; font-family: FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; }


/****************************
BLOCKQUOTES
****************************/

blockquote.style1 { font:italic 14px/22px 'Bitter', sans-serif; margin-bottom:30px; text-shadow:0 1px 1px #FFF; }
blockquote.style2 { background:#F8F8F8; padding:20px 30px 10px 30px; border-top:1px solid #E9E9E9; border-right:1px solid #E9E9E9; font:italic 14px/22px 'Bitter', sans-serif; margin-bottom:20px; }
blockquote.qleft { float:left; width:40%; margin-bottom:20px; font:italic 14px/22px 'Bitter', sans-serif; }
blockquote.qright { background:#EEE; padding:30px 30px 10px 30px; float:right; width:40%; margin-bottom:20px; font:italic 14px/22px 'Bitter', sans-serif; }
blockquote.style1:before, 
blockquote.style2:before,
blockquote.qright:before { content: "\f10d"; font-family: FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; padding-right:1em; float:left; color:#C8C8C8; }


/****************************
BUTTONS
****************************/

a.small:link, a.small:visited, a.medium:link, a.medium:visited, a.large:link, a.large:visited, a.xlarge:link, a.xlarge:visited {
    font-weight:bold; float:left; padding:6px 10px; margin-right:2px; color:#555; border:1px solid #D9D9D9; 
    background: #F8F8F8;
    background: -moz-linear-gradient(top, #F8F8F8 0%, #F1F1F1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F8F8), color-stop(100%,#F1F1F1));
    background: -webkit-linear-gradient(top, #F8F8F8 0%,#F1F1F1 100%);
    background: -o-linear-gradient(top, #F8F8F8 0%,#F1F1F1 100%);
    background: -ms-linear-gradient(top, #F8F8F8 0%,#F1F1F1 100%);
    background: linear-gradient(top, #F8F8F8 0%,#F1F1F1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#F1F1F1',GradientType=0 );
}
a.small:hover, a.medium:hover, a.large:hover, a.xlarge:hover  {
    background: #F1F1F1; 
    background: -moz-linear-gradient(top, #F1F1F1 0%, #F8F8F8 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F1F1F1), color-stop(100%,#F8F8F8));
    background: -webkit-linear-gradient(top, #F1F1F1 0%,#F8F8F8 100%); 
    background: -o-linear-gradient(top, #F1F1F1 0%,#F8F8F8 100%); 
    background: -ms-linear-gradient(top, #F1F1F1 0%,#F8F8F8 100%);
    background: linear-gradient(top, #F1F1F1 0%,#F8F8F8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F1F1', endColorstr='#F8F8F8',GradientType=0 );    
}
a.dark:link, a.dark:visited {
    font-weight:bold; float:left; padding:6px 10px; margin-right:2px; color:#FFF; border:1px solid #9D9D9D;
    background: #A7A7A7;
    background: -moz-linear-gradient(top, #A7A7A7 0%, #8F8F8F 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A7A7A7), color-stop(100%,#8F8F8F));
    background: -webkit-linear-gradient(top, #A7A7A7 0%,#8F8F8F 100%);
    background: -o-linear-gradient(top, #A7A7A7 0%,#8F8F8F 100%);
    background: -ms-linear-gradient(top, #A7A7A7 0%,#8F8F8F 100%);
    background: linear-gradient(top, #A7A7A7 0%,#8F8F8F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A7A7A7', endColorstr='#8F8F8F',GradientType=0 );
}
a.dark:hover  {
    background: #8F8F8F;
    background: -moz-linear-gradient(top, #8F8F8F 0%, #A7A7A7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8F8F8F), color-stop(100%,#A7A7A7));
    background: -webkit-linear-gradient(top, #8F8F8F 0%,#A7A7A7 100%);
    background: -o-linear-gradient(top, #8F8F8F 0%,#A7A7A7 100%);
    background: -ms-linear-gradient(top, #8F8F8F 0%,#A7A7A7 100%);
    background: linear-gradient(top, #8F8F8F 0%,#A7A7A7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8F8F8F', endColorstr='#A7A7A7',GradientType=0 );    
}
a.pink:link, a.pink:visited {
    font-weight:bold; float:left; padding:6px 10px; margin-right:2px; color:#ad2c75; border:1px solid #CF4D97; 
    background: #FC90CD;
    background: -moz-linear-gradient(top, #FC90CD 0%, #E378B5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FC90CD), color-stop(100%,#E378B5));
    background: -webkit-linear-gradient(top, #FC90CD 0%,#E378B5 100%);
    background: -o-linear-gradient(top, #FC90CD 0%,#E378B5 100%);
    background: -ms-linear-gradient(top, #FC90CD 0%,#E378B5 100%);
    background: linear-gradient(top, #FC90CD 0%,#E378B5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FC90CD', endColorstr='#E378B5',GradientType=0 );
}
a.pink:hover  {
    background: #E378B5;
    background: -moz-linear-gradient(top, #E378B5 0%, #FC90CD 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E378B5), color-stop(100%,#FC90CD));
    background: -webkit-linear-gradient(top, #E378B5 0%,#FC90CD 100%);
    background: -o-linear-gradient(top, #E378B5 0%,#FC90CD 100%);
    background: -ms-linear-gradient(top, #E378B5 0%,#FC90CD 100%);
    background: linear-gradient(top, #E378B5 0%,#FC90CD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E378B5', endColorstr='#FC90CD',GradientType=0 );    
}
a.orange:link, a.orange:visited {
    font-weight:bold; float:left; padding:6px 10px; margin-right:2px; color:#91650f; border:1px solid #BA8C37; 
    background: #F8C567;
    background: -moz-linear-gradient(top, #F8C567 0%, #DFAC4E 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8C567), color-stop(100%,#DFAC4E));
    background: -webkit-linear-gradient(top, #F8C567 0%,#DFAC4E 100%);
    background: -o-linear-gradient(top, #F8C567 0%,#DFAC4E 100%);
    background: -ms-linear-gradient(top, #F8C567 0%,#DFAC4E 100%);
    background: linear-gradient(top, #F8C567 0%,#DFAC4E 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8C567', endColorstr='#DFAC4E',GradientType=0 );
}
a.orange:hover  {
    background: #DFAC4E;
    background: -moz-linear-gradient(top, #DFAC4E 0%, #F8C567 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DFAC4E), color-stop(100%,#F8C567));
    background: -webkit-linear-gradient(top, #DFAC4E 0%,#F8C567 100%);
    background: -o-linear-gradient(top, #DFAC4E 0%,#F8C567 100%);
    background: -ms-linear-gradient(top, #DFAC4E 0%,#F8C567 100%);
    background: linear-gradient(top, #DFAC4E 0%,#F8C567 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DFAC4E', endColorstr='#F8C567',GradientType=0 );    
}
a.green:link, a.green:visited {
    font-weight:bold; float:left; padding:6px 10px; margin-right:2px; color:#54770f; border:1px solid #90B84B; 
    background: #BFE977;
    background: -moz-linear-gradient(top, #BFE977 0%, #A6D05E 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BFE977), color-stop(100%,#A6D05E));
    background: -webkit-linear-gradient(top, #BFE977 0%,#A6D05E 100%);
    background: -o-linear-gradient(top, #BFE977 0%,#A6D05E 100%);
    background: -ms-linear-gradient(top, #BFE977 0%,#A6D05E 100%);
    background: linear-gradient(top, #BFE977 0%,#A6D05E 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BFE977', endColorstr='#A6D05E',GradientType=0 );
}
a.green:hover  {
    background: #A6D05E;
    background: -moz-linear-gradient(top, #A6D05E 0%, #BFE977 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A6D05E), color-stop(100%,#BFE977));
    background: -webkit-linear-gradient(top, #A6D05E 0%,#BFE977 100%);
    background: -o-linear-gradient(top, #A6D05E 0%,#BFE977 100%);
    background: -ms-linear-gradient(top, #A6D05E 0%,#BFE977 100%);
    background: linear-gradient(top, #A6D05E 0%,#BFE977 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A6D05E', endColorstr='#BFE977',GradientType=0 );    
}
a.blue:link, a.blue:visited {
    font-weight:bold; float:left; padding:6px 10px; margin-right:2px; color:#1172c1; border:1px solid #4A94BA; 
    background: #83CCF1;
    background: -moz-linear-gradient(top, #83CCF1 0%, #6BB4D9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#83CCF1), color-stop(100%,#6BB4D9));
    background: -webkit-linear-gradient(top, #83CCF1 0%,#6BB4D9 100%);
    background: -o-linear-gradient(top, #83CCF1 0%,#6BB4D9 100%);
    background: -ms-linear-gradient(top, #83CCF1 0%,#6BB4D9 100%);
    background: linear-gradient(top, #83CCF1 0%,#6BB4D9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83CCF1', endColorstr='#6BB4D9',GradientType=0 );
}
a.blue:hover  {
    background: #6BB4D9;
    background: -moz-linear-gradient(top, #6BB4D9 0%, #83CCF1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6BB4D9), color-stop(100%,#83CCF1));
    background: -webkit-linear-gradient(top, #6BB4D9 0%,#83CCF1 100%);
    background: -o-linear-gradient(top, #6BB4D9 0%,#83CCF1 100%);
    background: -ms-linear-gradient(top, #6BB4D9 0%,#83CCF1 100%);
    background: linear-gradient(top, #6BB4D9 0%,#83CCF1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6BB4D9', endColorstr='#83CCF1',GradientType=0 );    
}
a.red:link, a.red:visited {
    font-weight:bold; float:left; padding:6px 10px; margin-right:2px; color:#a21e1e; border:1px solid #D45757;
    background: #FC8A8A;
    background: -moz-linear-gradient(top, #FC8A8A 0%, #E37171 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FC8A8A), color-stop(100%,#E37171));
    background: -webkit-linear-gradient(top, #FC8A8A 0%,#E37171 100%);
    background: -o-linear-gradient(top, #FC8A8A 0%,#E37171 100%);
    background: -ms-linear-gradient(top, #FC8A8A 0%,#E37171 100%);
    background: linear-gradient(top, #FC8A8A 0%,#E37171 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FC8A8A', endColorstr='#E37171',GradientType=0 );
}
a.red:hover  {
    background: #E37171;
    background: -moz-linear-gradient(top, #E37171 0%, #FC8A8A 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E37171), color-stop(100%,#FC8A8A));
    background: -webkit-linear-gradient(top, #E37171 0%,#FC8A8A 100%);
    background: -o-linear-gradient(top, #E37171 0%,#FC8A8A 100%);
    background: -ms-linear-gradient(top, #E37171 0%,#FC8A8A 100%);
    background: linear-gradient(top, #E37171 0%,#FC8A8A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E37171', endColorstr='#FC8A8A',GradientType=0 );    
}
a.medium:link, a.medium:visited { font-size:14px; padding:10px 15px;    }
a.large:link, a.large:visited { font-size:16px; padding:12px 18px; }
a.xlarge:link, a.xlarge:visited { font-size:18px; padding:15px 20px; margin-bottom:8px; }


/****************************
DROPCAPS
****************************/

.dropcap { font-size:20px; background:#CCC; padding:10px 20px; display:inline-block; float:left; margin-right:15px; }
.dropcap2 { font-size:40px; float:left; margin-right:15px; margin-bottom: 10px; color:#919191; }
.dropcap3 { font-size:20px; float:left; padding:13px 20px; margin-right:15px; background:#CCC; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.dropcap4 { 
    font-size:20px; float:left; padding:10px 20px; margin-right:15px; background:#CCC; 
    border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; 
}
.dropcap5 { 
    font-size:20px; float:left; padding:10px 20px; margin-right:15px; background:#CCC;
    border-top-left-radius:20px; -webkit-border-top-left-radius:20px; -moz-border-top-left-radius:20px; 
    border-bottom-right-radius:20px; -webkit-border-bottom-right-radius:20px; -moz-border-bottom-right-radius:20px; 
}
.dropcap6 { 
    font-size:20px; float:left; padding:10px 20px; margin-right:15px; background:#CCC;
    border-top-right-radius:20px; -webkit-border-top-right-radius:20px; -moz-border-top-right-radius:20px; 
    border-bottom-left-radius:20px; -webkit-border-bottom-left-radius:20px; -moz-border-bottom-left-radius:20px; 
}
.drop-gradient { 
    font-size:20px; float:left; padding:12px 20px; margin-right:15px; color:#FFF; border:1px solid #313439; 
    background: #65676a;
    background: -moz-linear-gradient(top, #65676a 0%, #44474d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65676a), color-stop(100%,#44474d));
    background: -webkit-linear-gradient(top, #65676a 0%,#44474d 100%);
    background: -o-linear-gradient(top, #65676a 0%,#44474d 100%);
    background: -ms-linear-gradient(top, #65676a 0%,#44474d 100%);
    background: linear-gradient(top, #65676a 0%,#44474d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65676a', endColorstr='#44474d',GradientType=0 );
    border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;
    box-shadow: inset 0px 1px 0px #AFB1B5;
    -webkit-box-shadow: inset 0px 1px 0px #AFB1B5;
    -moz-box-shadow: inset 0px 1px 0px #AFB1B5;
}


/****************************
LIST ICONS
****************************/

.balloon, .book, .bookmark, .box, .briefcase, .calendar, .clip, .clock, .cross, 
.document, .exclamation, .folder, .heart, .house, .tint, .marker, .minus, .arrow, .pin, .tick { margin-bottom:30px; }

.balloon li span.icon:before { content: "\f075"; font-family: FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; color:#F4E69D; }
.tick li span.icon:before { content: "\f14a"; font-family: FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; color:#36903B; }
.book li span.icon:before { content: "\f02d"; font-family: FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; color:#AF7B45; }
.bookmark li span.icon:before { content: "\f02e"; font-family: FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; color:#F25C5C; }
.box li span.icon:before { content: "\f01c"; font-family: FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; color:#BD8853; }
.briefcase li span.icon:before { content: "\f0b1"; font-family: FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; color:#6C3732; }
.calendar li span.icon:before { content: "\f133"; font-family: FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; color:#FB6D6D; }
.clock li span.icon:before { content: "\f017"; font-family: FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; color:#C4D0D0; }
.cross li span.icon:before { content: "\f00d"; font-family: FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; color:#AC1010; }
.document li span.icon:before { content: "\f15b"; font-family: FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; color:#A0B1B1; }
.exclamation li span.icon:before { content: "\f06a"; font-family: FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; color:#DED630; }
.folder li span.icon:before { content: "\f07c"; font-family: FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; color:#A38D63; }
.heart li span.icon:before { content: "\f004"; font-family: FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; color:#E51234; }
.house li span.icon:before { content: "\f015"; font-family: FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; color:#CB8753; }
.marker li span.icon:before { content: "\f041"; font-family: FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; color:#F15B5B; }
.minus li span.icon:before { content: "\f056"; font-family: FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; color:#D41212; }
.arrow li span.icon:before { content: "\f0a9"; font-family: FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; color:#3C66E1; }
.pin li span.icon:before { content: "\f08d"; font-family: FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; color:#EE5555; }
.clip li span.icon:before { content: "\f0c6"; font-family: FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; color:#9F5D33; }
.tint li span.icon:before { content: "\f043"; font-family: FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; color:#CE3838; }

.balloon li span.icon, .tick li span.icon, .book li span.icon, 
.bookmark li span.icon, .box li span.icon, .briefcase li span.icon,
.calendar li span.icon, .clock li span.icon, .cross li span.icon, .document li span.icon,
.exclamation li span.icon, .folder li span.icon, .heart li span.icon, .house li span.icon,
.marker li span.icon, .minus li span.icon, .arrow li span.icon, 
.pin li span.icon, .clip li span.icon, .tint li span.icon { margin-left:-27px; padding-right:1em; display:inline-block; }

.balloon li, .book li, .bookmark li, .box li, .briefcase li, .calendar li, .clip li, 
.clock li, .cross li, .document li, .exclamation li, .folder li, .folder li,
.heart li, .house li, .tint li, .marker li, .minus li, 
.arrow li, .pin li, .tick li { margin-bottom:6px !important; float:none !important; margin-left:0 !important; text-indent:0 !important; padding-left:27px; } 


/****************************
COLUMNS
****************************/

.one-half { float:left; width:48%; margin-right:30px; margin-bottom:30px; }
.one-third { float:left; width:30%; margin-right:30px; margin-bottom:30px; }
.one-fourth { float:left; width:23%; margin-right:30px; margin-bottom:30px; } 


/****************************
IMAGES and VIDEO
****************************/

iframe { margin-bottom:30px !important; }
img.resize { margin-bottom:30px !important; max-width:100%; height:auto; }


/****************************
PRE TAGS
****************************/

code, samp, kbd { font-family: "Courier New", Courier, monospace, sans-serif; text-align:left; color:#555; }
pre { 
    padding:6px 15px !important; border-left: 11px solid #ccc !important; margin:1.7em 0 !important; overflow: auto; line-height:22px; 
    white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; background:#ececec !important; font-size:7px;
}


/****************************
RESPONSIVE STYLE
****************************/

@media only screen and (max-width: 1200px) {
    iframe { width:100%; height:400px; }
    .one-fourth { width:22%; }
}
@media only screen and (max-width: 960px) {
    iframe { height:400px; }
    .one-half { width:47%; }
    .one-third { width:29%; }
    .one-fourth { width:21%; }
}
@media only screen and (max-width: 760px) {
    iframe { height:250px; }
    .one-half, .one-third, .one-fourth { width:100%; }
}
@media only screen and (max-width: 450px) {
    iframe { height:200px; }
}