.typo_rounded, 
.typo_circle { 
  -webkit-border-radius: 50px; 
     -moz-border-radius: 50px;
          border-radius: 50px;  
}
.typo_last { 
  margin-right: 0 !important; 
  padding-right: 0 !important;
}


/*--------------------
Notifications
--------------------*/

.typo_success,
.typo_info,
.typo_failed,
.typo_warning {
  display: block; 
  color: #FFF; 
  padding: 15px 20px; 
  margin-bottom: 10px; 
  font: 14px 'Roboto', sans-serif;
}
.typo_success:before, 
.typo_info:before,
.typo_failed:before,
.typo_warning:before,
span.close:before {
  font-family: FontAwesome; 
  font-style: normal; 
  font-size: 20px;
  font-weight: normal; 
  text-decoration: inherit; 
  padding-right: 10px; 
}
.typo_success { background: #ADCC62; }
.typo_success:before { content: "\f058"; }
.typo_info { background: #519ED8; }
.typo_info:before { content: "\f05a"; }
.typo_failed { background: #F0807F; }
.typo_failed:before { content: "\f00d"; }
.typo_warning { background: #d3c86d; }
.typo_warning:before { content: "\f071"; }
span.close { 
  float: right; 
  top: 0; 
  right: 0; 
  cursor: pointer; 
  position: relative; 
}
span.close:before { 
  content: "\f05c"; 
  color: #FFF; 
  font-size: 18px; 
}
.typo_success.typo_border { 
  border: 2px solid #ADCC62; 
  color: #ADCC62; 
  background: none; 
}
.typo_info.typo_border { 
  border: 2px solid #519ED8; 
  color: #519ED8; 
  background: none; 
}
.typo_failed.typo_border { 
  border: 2px solid #F0807F; 
  color: #F0807F; 
  background: none; 
}
.typo_warning.typo_border { 
  border: 2px solid #d3c86d; 
  color: #d3c86d; 
  background: none; 
}
.typo_border span.close:before { color: #999; }


/*--------------------
Blockquotes
--------------------*/

blockquote.typo_style1,
blockquote.typo_style2,
blockquote.typo_qleft, 
blockquote.typo_qleft_border,
blockquote.typo_qright, 
blockquote.typo_qright_border {
  font: italic 18px/28px 'georgia', sans-serif; 
  margin-bottom: 30px; 
  color: #999;
}
blockquote.typo_style2 { 
  background: #F8F8F8; 
  padding: 30px; 
  border: 1px solid #E9E9E9; 
}
blockquote.typo_qleft, 
blockquote.typo_qleft_border { 
  float: left; 
  width: 40%; 
}
blockquote.typo_qright, 
blockquote.typo_qright_border { 
  background: #EEE; 
  padding: 30px; 
  float: right; 
  width: 40%; 
}
blockquote.typo_qleft_border,
blockquote.typo_qright_border { 
  background: none; 
  border-top: 4px solid #333; 
  border-bottom: 2px solid #333; 
  width: 48%; 
  padding: 30px 0 10px; 
}
blockquote.typo_style1:before, 
blockquote.typo_style2:before,
blockquote.typo_qleft:before,
blockquote.typo_qright:before { 
  content: "\f10d"; 
  font-family: FontAwesome; 
  font-style: normal; 
  font-size: 20px;
  font-weight: normal; 
  text-decoration: inherit; 
  padding-right: 1em; 
  float: left; 
  color: #CCC; 
}
blockquote.typo_style2 p, 
blockquote.typo_style1 p, 
blockquote.typo_qleft p, 
blockquote.typo_qright p { margin-bottom: 0; margin-left: 40px; }


/*--------------------
Buttons
--------------------*/

a.typo_small:link, 
a.typo_small:visited, 
a.typo_medium:link, 
a.typo_medium:visited, 
a.typo_large:link, 
a.typo_large:visited, 
a.typo_xlarge:link, 
a.typo_xlarge:visited {
  font-weight: 700; 
  float: left; 
  padding: 10px 26px; 
  margin-right: 4px; 
  color: #FFF; 
  background: #E36262; 
  margin-bottom: 4px;
}
a.typo_small:hover, 
a.typo_medium:hover, 
a.typo_large:hover, 
a.typo_xlarge:hover { background: #cc4a4a; }
a.typo_yellow:link, 
a.typo_yellow:visited { background: #FFBA00; }
a.typo_yellow:hover { background: #d79e05; }
a.typo_purple:link, 
a.typo_purple:visited { background: #E943A5; }
a.typo_purple:hover { background: #c52a86; }
a.typo_green:link, 
a.typo_green:visited { background: #A9D751; }
a.typo_green:hover { background: #8dbb35; }
a.typo_blue:link, 
a.typo_blue:visited { background: #499FE1; }
a.typo_blue:hover { background: #2980c3; }
a.typo_gray:link, 
a.typo_gray:visited { 
  background: #F2F2F2; 
  color: #777; 
}
a.typo_gray:hover { background: #d7d7d7; }
a.typo_medium:link, 
a.typo_medium:visited { 
  padding: 10px 26px;
  font-size: 14px; 
}
a.typo_large:link, 
a.typo_large:visited { 
  padding: 10px 26px;
  font-size: 16px; 
}
a.typo_xlarge:link, 
a.typo_xlarge:visited { 
  padding: 10px 26px;
  font-size: 18px; 
}
a.typo_small.typo_border,
a.typo_medium.typo_border,
a.typo_large.typo_border,
a.typo_xlarge.typo_border { 
  border: 2px solid #E36262; 
  background: none; 
  color: #E36262; 
}
a.typo_small.typo_border:hover,
a.typo_medium.typo_border:hover,
a.typo_large.typo_border:hover,
a.typo_xlarge.typo_border:hover { 
  background: #E36262; 
  color: #FFF; 
}
a.typo_small.typo_yellow.typo_border,
a.typo_medium.typo_yellow.typo_border,
a.typo_large.typo_yellow.typo_border,
a.typo_xlarge.typo_yellow.typo_border { 
  border: 2px solid #FFBA00; 
  background: none; 
  color: #FFBA00; 
}
a.typo_small.typo_yellow.typo_border:hover,
a.typo_medium.typo_yellow.typo_border:hover,
a.typo_large.typo_yellow.typo_border:hover,
a.typo_xlarge.typo_yellow.typo_border:hover { 
  background: #FFBA00; 
  color: #FFF; 
}
a.typo_small.typo_blue.typo_border,
a.typo_medium.typo_blue.typo_border,
a.typo_large.typo_blue.typo_border,
a.typo_xlarge.typo_blue.typo_border { 
  border: 2px solid #499FE1; 
  background: none; 
  color: #499FE1; 
}
a.typo_small.typo_blue.typo_border:hover,
a.typo_medium.typo_blue.typo_border:hover,
a.typo_large.typo_blue.typo_border:hover,
a.typo_xlarge.typo_blue.typo_border:hover { 
  background: #499FE1; 
  color: #FFF; 
}
a.typo_small.typo_green.typo_border,
a.typo_medium.typo_green.typo_border,
a.typo_large.typo_green.typo_border,
a.typo_xlarge.typo_green.typo_border { 
  border: 2px solid #A9D751; 
  background: none; 
  color: #A9D751; 
}
a.typo_small.typo_green.typo_border:hover,
a.typo_medium.typo_green.typo_border:hover,
a.typo_large.typo_green.typo_border:hover,
a.typo_xlarge.typo_green.typo_border:hover { 
  background: #A9D751; 
  color: #FFF; 
}
a.typo_small.typo_purple.typo_border,
a.typo_medium.typo_purple.typo_border,
a.typo_large.typo_purple.typo_border,
a.typo_xlarge.typo_purple.typo_border { 
  border: 2px solid #E943A5; 
  background: none; 
  color: #E943A5; 
}
a.typo_small.typo_purple.typo_border:hover,
a.typo_medium.typo_purple.typo_border:hover,
a.typo_large.typo_purple.typo_border:hover,
a.typo_xlarge.typo_purple.typo_border:hover { 
  background: #E943A5; 
  color: #FFF; 
}
a.typo_small.typo_gray.typo_border,
a.typo_medium.typo_gray.typo_border,
a.typo_large.typo_gray.typo_border,
a.typo_xlarge.typo_gray.typo_border { 
  border: 2px solid #F2F2F2; 
  background: none; 
  color: #777; 
}
a.typo_small.typo_gray.typo_border:hover,
a.typo_medium.typo_gray.typo_border:hover,
a.typo_large.typo_gray.typo_border:hover,
a.typo_xlarge.typo_gray.typo_border:hover { 
  background: #F2F2F2; 
  color: #777; 
}


/*--------------------
Dropcaps
--------------------*/

.typo_dropcap { 
  font-size: 20px; 
  background: #F2F2F2; 
  padding: 10px 20px; 
  display: inline-block; 
  float: left; 
  margin-right: 15px; 
}
.typo_dropcap2 { 
  font-size: 40px; 
  float: left; 
  margin-right: 15px; 
  margin-bottom: 10px; 
  color: #777; 
}
.typo_dropcap3 { 
  font-size: 20px; 
  float: left; 
  padding: 13px 20px; 
  margin-right: 15px; 
  background: #F2F2F2;  
  -webkit-border-radius: 50%; 
     -moz-border-radius: 50%; 
          border-radius: 50%; 
}
.typo_dropcap4 { 
  font-size: 20px; 
  float: left; 
  padding: 10px 20px; 
  margin-right: 15px; 
  background: #F2F2F2; 
  -webkit-border-radius: 6px; 
     -moz-border-radius: 6px; 
          border-radius: 6px; 
}
.typo_dropcap5 { 
  font-size: 20px; 
  float: left; 
  padding: 10px 20px; 
  margin-right: 15px; 
  background: #F2F2F2;
  -webkit-border-top-left-radius: 20px; 
     -moz-border-top-left-radius: 20px; 
          border-top-left-radius: 20px; 
  -webkit-border-bottom-right-radius: 20px; 
     -moz-border-bottom-right-radius: 20px; 
          border-bottom-right-radius: 20px; 
}
.typo_dropcap6 { 
  font-size: 20px; 
  float: left; 
  padding: 10px 20px; 
  margin-right: 15px; 
  background: #F2F2F2;
  -webkit-border-top-right-radius: 20px; 
     -moz-border-top-right-radius: 20px; 
          border-top-right-radius: 20px; 
  -webkit-border-bottom-left-radius: 20px; 
     -moz-border-bottom-left-radius: 20px; 
          border-bottom-left-radius: 20px; 
}
.typo_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 );
  -webkit-border-radius: 50%; 
     -moz-border-radius: 50%;
          border-radius: 50%; 
  -webkit-box-shadow: inset 0px 1px 0px #AFB1B5;
     -moz-box-shadow: inset 0px 1px 0px #AFB1B5;
          box-shadow: inset 0px 1px 0px #AFB1B5;
}


/*--------------------
List Icons
--------------------*/

.typo_balloon, .typo_book, .typo_bookmark, 
.typo_box, .typo_briefcase, .typo_calendar, 
.typo_clip, .typo_clock, .typo_cross, 
.typo_document, .typo_exclamation, .typo_folder, 
.typo_heart, .typo_house, .typo_tint, .typo_marker, 
.typo_minus, .typo_arrow, .typo_pin, .typo_tick { margin-bottom: 30px; }

.typo_balloon li span.icon:before, 
.typo_book li span.icon:before, 
.typo_bookmark li span.icon:before, 
.typo_box li span.icon:before, 
.typo_briefcase li span.icon:before, 
.typo_calendar li span.icon:before, 
.typo_clip li span.icon:before, 
.typo_clock li span.icon:before, 
.typo_cross li span.icon:before, 
.typo_document li span.icon:before, 
.typo_exclamation li span.icon:before, 
.typo_folder li span.icon:before, 
.typo_heart li span.icon:before, 
.typo_house li span.icon:before, 
.typo_tint li span.icon:before, 
.typo_marker li span.icon:before, 
.typo_minus li span.icon:before, 
.typo_arrow li span.icon:before, 
.typo_pin li span.icon:before, 
.typo_tick li span.icon:before { 
  font-family: FontAwesome; 
  font-style: normal; 
  font-weight: normal; 
  text-decoration: inherit;
}
.typo_balloon li span.icon:before { content: "\f075"; color: #F4E69D; }
.typo_tick li span.icon:before { content: "\f14a"; color: #36903B; }
.typo_book li span.icon:before { content: "\f02d"; color: #AF7B45; }
.typo_bookmark li span.icon:before { content: "\f02e"; color: #F25C5C; }
.typo_box li span.icon:before { content: "\f01c"; color: #BD8853; }
.typo_briefcase li span.icon:before { content: "\f0b1"; color: #6C3732; }
.typo_calendar li span.icon:before { content: "\f133"; color: #FB6D6D; }
.typo_clock li span.icon:before { content: "\f017"; color: #C4D0D0; }
.typo_cross li span.icon:before { content: "\f00d"; color: #AC1010; }
.typo_document li span.icon:before { content: "\f15b"; color: #A0B1B1; }
.typo_exclamation li span.icon:before { content: "\f06a"; color: #DED630; }
.typo_folder li span.icon:before { content: "\f07c";color: #A38D63; }
.typo_heart li span.icon:before { content: "\f004"; color: #E51234; }
.typo_house li span.icon:before { content: "\f015"; color: #CB8753; }
.typo_marker li span.icon:before { content: "\f041"; color: #F15B5B; }
.typo_minus li span.icon:before { content: "\f056"; color: #D41212; }
.typo_arrow li span.icon:before { content: "\f0a9"; color: #3C66E1; }
.typo_pin li span.icon:before { content: "\f08d"; color: #EE5555; }
.typo_clip li span.icon:before { content: "\f0c6"; color: #9F5D33; }
.typo_tint li span.icon:before { content: "\f043"; color: #CE3838; }

.typo_balloon li span.icon, 
.typo_tick li span.icon, 
.typo_book li span.icon, 
.typo_bookmark li span.icon, 
.typo_box li span.icon, 
.typo_briefcase li span.icon,
.typo_calendar li span.icon, 
.typo_clock li span.icon, 
.typo_cross li span.icon, 
.typo_document li span.icon,
.typo_exclamation li span.icon, 
.typo_folder li span.icon, 
.typo_heart li span.icon, 
.typo_house li span.icon,
.typo_marker li span.icon, 
.typo_minus li span.icon, 
.typo_arrow li span.icon, 
.typo_pin li span.icon, 
.typo_clip li span.icon, 
.typo_tint li span.icon { 
  position: absolute;
  left: 0;
}

.typo_balloon li, 
.typo_book li, 
.typo_bookmark li, 
.typo_box li, 
.typo_briefcase li, 
.typo_calendar li, 
.typo_clip li, 
.typo_clock li, 
.typo_cross li, 
.typo_document li, 
.typo_exclamation li, 
.typo_folder li, 
.typo_folder li,
.typo_heart li, 
.typo_house li, 
.typo_tint li, 
.typo_marker li, 
.typo_minus li, 
.typo_arrow li, 
.typo_pin li, 
.typo_tick li { 
  margin-bottom: 6px !important; 
  float: none !important; 
  margin-left: 0 !important; 
  text-indent: 0 !important; 
  padding-left: 20px; 
  position: relative; 
  list-style: none !important; 
} 


/*--------------------
Columns
--------------------*/

.typo_one-half,
.typo_one-third,
.typo_two-third,
.typo_one-fourth, 
.typo_three-fourth {
  float: left; 
  padding-right: 30px; 
  margin-bottom: 30px; 
}
.typo_one-half,
.typo_one-half.typo_boxed { width: 50%; }
.typo_one-third,
.typo_one-third.typo_boxed { width: 33.333%; }
.typo_two-third,
.typo_two-third.typo_boxed { width: 66.6%; }
.typo_one-fourth,
.typo_one-fourth.typo_boxed { width: 25%; } 
.typo_three-fourth,
.typo_three-fourth.typo_boxed { width: 75%; } 
.typo_boxed h5 {
  padding-top: 30px;
}
.typo_boxed h5,
.typo_boxed p { 
  background: #EEE; 
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  margin-bottom: 0;
}


/*--------------------
Social Icons
--------------------*/


.typo_facebook:before,
.typo_twitter:before,
.typo_linkdin:before,
.typo_pinterest:before,
.typo_youtube:before,
.typo_flickr:before,
.typo_dribbble:before,
.typo_tumblr:before,
.typo_instagram:before,
.typo_android:before,
.typo_apple:before,
.typo_bitbucket:before,
.typo_css3:before,
.typo_dropbox:before,
.typo_foursquare:before,
.typo_github:before,
.typo_html5:before,
.typo_linux:before,
.typo_skype:before,
.typo_stackexchange:before,
.typo_trello:before,
.typo_windows:before,
.typo_rss:before,
.typo_digg:before,
.typo_codepen:before,
.typo_behance:before,
.typo_stumbleupon:before,
.typo_wordpress:before,
.typo_drupal:before,
.typo_google_plus:before,
.typo_jsfiddle:before,
.typo_delicious:before,
.typo_yelp:before,
.typo_soundcloud:before,
.typo_spotify:before,
.typo_deviantart:before,
.typo_lastfm:before {
  font-family: FontAwesome; 
  font-style: normal; 
  font-weight: normal; 
  text-decoration: inherit; 
  color: #FFF;
}
.typo_facebook,
.typo_twitter,
.typo_linkdin,
.typo_pinterest,
.typo_youtube,
.typo_flickr,
.typo_dribbble,
.typo_tumblr,
.typo_instagram,
.typo_android,
.typo_apple,
.typo_bitbucket,
.typo_css3,
.typo_dropbox,
.typo_foursquare,
.typo_github,
.typo_html5,
.typo_linux,
.typo_skype,
.typo_stackexchange,
.typo_trello,
.typo_windows,
.typo_rss,
.typo_digg,
.typo_codepen,
.typo_behance,
.typo_stumbleupon,
.typo_wordpress,
.typo_drupal,
.typo_google_plus,
.typo_jsfiddle,
.typo_delicious,
.typo_yelp,
.typo_soundcloud,
.typo_spotify,
.typo_deviantart,
.typo_lastfm {
  text-align: center; 
  width: 32px; 
  padding: 4px 0; 
  display: inline-block; 
  margin-bottom: 3px; 
  font-size: 18px; 
}
.typo_facebook { background: #3350AE; }
.typo_facebook:hover { background: #223d93; }
.typo_facebook:before { content: "\f09a"; }
.typo_twitter { background: #00C4FC; }
.typo_twitter:hover { background: #03a9d9; }
.typo_twitter:before { content: "\f099"; }
.typo_linkdin { background: #0084D7; }
.typo_linkdin:hover { background: #0279c3; }
.typo_linkdin:before { content: "\f0e1"; }
.typo_pinterest { background: #DF2828; }
.typo_pinterest:hover { background: #c51616; }
.typo_pinterest:before { content: "\f0d2"; }
.typo_youtube { background: #C60404; }
.typo_youtube:hover { background: #9b0303; }
.typo_youtube:before { content: "\f167"; }
.typo_flickr { background: #D82AF8; }
.typo_flickr:hover { background: #bf18de; }
.typo_flickr:before { content: "\f16e"; }
.typo_dribbble { background: #EA4C88; }
.typo_dribbble:hover { background: #d1326e; }
.typo_dribbble:before { content: "\f17d"; }
.typo_tumblr { background: #3D658B; }
.typo_tumblr:hover { background: #224d76; }
.typo_tumblr:before { content: "\f173"; }
.typo_instagram { background: #675143; }
.typo_instagram:hover { background: #513c2e; }
.typo_instagram:before { content: "\f16d"; }
.typo_android { background: #A4CA39; }
.typo_android:hover { background: #7c9d1e; }
.typo_android:before { content: "\f17b"; }
.typo_apple { background: #BDBDBD; }
.typo_apple:hover { background: #a5a4a4; }
.typo_apple:before { content: "\f179"; }
.typo_bitbucket { background: #074672; }
.typo_bitbucket:hover { background: #0b334f; }
.typo_bitbucket:before { content: "\f171"; }
.typo_css3 { background: #35A9DC; }
.typo_css3:hover { background: #1772B8; }
.typo_css3:before { content: "\f13c"; }
.typo_dropbox { background: #44A5F4; }
.typo_dropbox:hover { background: #318dd8; }
.typo_dropbox:before { content: "\f16b"; }
.typo_foursquare { background: #20B2E3; }
.typo_foursquare:hover { background: #186FB6; }
.typo_foursquare:before { content: "\f180"; }
.typo_github { background: #222; }
.typo_github:hover { background: #000; }
.typo_github:before { content: "\f113"; }
.typo_html5 { background: #F56727; }
.typo_html5:hover { background: #E54D26; }
.typo_html5:before { content: "\f13b"; }
.typo_linux { background: #FF6502; }
.typo_linux:hover { background: #F4400B; }
.typo_linux:before { content: "\f17c"; }
.typo_skype { background: #00A0DE; }
.typo_skype:hover { background: #0289bd; }
.typo_skype:before { content: "\f17e"; }
.typo_stackexchange { background: #F68A1F; }
.typo_stackexchange:hover { background: #d97511; }
.typo_stackexchange:before { content: "\f16c"; }
.typo_trello { background: #226784; }
.typo_trello:hover { background: #104b64; }
.typo_trello:before { content: "\f181"; }
.typo_windows { background: #06A8E6; }
.typo_windows:hover { background: #0488ba; }
.typo_windows:before { content: "\f17a"; }
.typo_rss { background: #FF7800; }
.typo_rss:hover { background: #e26c04; }
.typo_rss:before { content: "\f09e"; }
.typo_behance { background: #1769ff; }
.typo_behance:hover { background: #0e5dee; }
.typo_behance:before { content: "\f1b4"; }
.typo_codepen { background: #333; }
.typo_codepen:hover { background: #000; }
.typo_codepen:before { content: "\f1cb"; }
.typo_digg { background: #333; }
.typo_digg:hover { background: #000; }
.typo_digg:before { content: "\f1a6"; }
.typo_stumbleupon { background: #eb4924; }
.typo_stumbleupon:hover { background: #d53b17; }
.typo_stumbleupon:before { content: "\f1a4"; }
.typo_wordpress { background: #4ca6cf; }
.typo_wordpress:hover { background: #3992ba; }
.typo_wordpress:before { content: "\f19a"; }
.typo_drupal { background: #1189d3; }
.typo_drupal:hover { background: #0678be; }
.typo_drupal:before { content: "\f1a9"; }
.typo_google_plus { background: #dd4b39; }
.typo_google_plus:hover { background: #bd2e1d; }
.typo_google_plus:before { content: "\f0d5"; }
.typo_jsfiddle { background: #4679bd; }
.typo_jsfiddle:hover { background: #2c61a7; }
.typo_jsfiddle:before { content: "\f1cc"; }
.typo_delicious { background: #0b79e5; }
.typo_delicious:hover { background: #0567c6; }
.typo_delicious:before { content: "\f1a5"; }
.typo_yelp { background: #c41200; }
.typo_yelp:hover { background: #990f01; }
.typo_yelp:before { content: "\f1e9"; }
.typo_soundcloud { background: #FF5500; }
.typo_soundcloud:hover { background: #de4b02; }
.typo_soundcloud:before { content: "\f1be"; }
.typo_spotify { background: #81b900; }
.typo_spotify:hover { background: #6a9801; }
.typo_spotify:before { content: "\f1bc"; }
.typo_deviantart { background: #4e6252; }
.typo_deviantart:hover { background: #304735; }
.typo_deviantart:before { content: "\f1bd";}
.typo_lastfm { background: #e31b23; }
.typo_lastfm:hover { background: #c10c13; }
.typo_lastfm:before { content: "\f202"; }
.typo_social_medium { 
  padding: 10px 6px; 
  width: 44px;
}
.typo_social_large { 
  padding: 14px 10px; 
  width: 52px;
}


/*--------------------
Callouts
--------------------*/

.typo_default, 
.typo_callout2, 
.typo_callout3 { 
  background: #f7f7f7; 
  padding: 30px; 
  overflow: hidden; 
  line-height: 26px; 
  margin-bottom: 30px; 
}
.typo_default a, 
.typo_callout2 a { float: right !important; }
.typo_callout3 a { float: left !important; }
.typo_default label, 
.typo_callout2 label, 
.typo_callout3 label { 
  float: left; 
  width: 75%; 
  font-size: 16px; 
}
.typo_callout3 label { float: right; }
.typo_callout2 { border: 1px solid #CCC; }


/*--------------------
Images and Video
--------------------*/

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


/*--------------------
Pre Code 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: 15px 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;
}


/*--------------------
jQuery Styles
--------------------*/

/* Tabs */

.tabs {
  height: auto!important;  
  position: relative;
  border-top: 0 !important;
}
.tab-menu {
  margin-left: 1px;
  padding: 0;
  list-style: none;
  width: 100%;
}
.tab-menu li {
  float: left;
  margin-left: -1px;
  line-height: 31px; /*--Vertically aligns the text within the tab--*/
  border: 1px solid #D9D9D9;  
  margin-bottom: -1px; /*--Pull the list item down 1px--*/
  overflow: hidden;
  position: relative;
  background: #EDEDED;
  list-style: none;
}
.tab-menu li a {
  text-decoration: none;
  color: #747a7d;
  display: block;
  font: 300 14px 'Roboto', sans-serif;
  padding: 15px 20px;
  outline: none;  
}
.tab-menu li a:hover { background: #FFF; }
html .tab-menu li.active  { 
  background: #FFF;
  padding-right: 2px; 
  padding-left: 2px;
  border-bottom: 1px solid #FFF;
}
.tab-menu li.active a { color: #8e9199 !important; }

/* Tab Container */
.tab-container {
  overflow: hidden;
  clear: both;
  width: 99.9%;
  background: #FFF;    
  margin: 0 !important;
  margin-bottom: 30px !important;
}
.tab-content { 
  position: relative; 
  padding: 20px; 
}
.tab-content ul li { 
  overflow: hidden; 
  margin-bottom: 20px; 
}
.tab-content h6 a:link, 
.tab-content h6 a:visited { 
  font: 12px 'Roboto', sans-serif; 
  color: #4e535e; 
}
.tab-content a:hover { color: #333 !important; }
.tab-content { margin: 0 !important; }
.tab-content ul li.last { 
  border-bottom: 0 !important; 
  padding-bottom: 2px !important; 
}
.tab-content span.details, 
.tab-content span.details a { 
  color: #9f9f9f; 
  font-size: 10px; 
  margin: 0 !important; 
  text-transform: uppercase; 
}
.tab-content h6 { 
  margin-bottom: 4px; 
  line-height: 16px; 
}
.img-tail { 
  position: relative; 
  display: block; 
  float: left; 
  margin-right: 12px; 
  margin-bottom: 0 !important; 
}
.widget-tab span.tail { 
  position: absolute; 
  bottom: -12px; 
  left: 0; 
  width: 69px;  
}
#tabComments ul li:last-child, 
#tabcomments ul li:last-child { padding: 0 !important; } 
#tabComments a:link, #tabComments a:visited { font-weight: bold; }

.tab-container { border: 1px solid #D9D9D9; }
.left-container .tab-container,
.fullwidth .tab-container { width: 100%; }


/* Toggle */

h4.toggle { 
  font: 300 14px 'Roboto', sans-serif; 
  color: #41494F; 
  margin-bottom: 1px; 
  background: #F2F2F2; 
  margin-bottom: 2px; 
}
h4.toggle a { 
  color: #41494F; 
  text-decoration: none; 
  display: block; 
  padding: 15px 25px; 
}
h4.toggle a:before { 
  content: "\f055"; 
  font-family: FontAwesome; 
  font-style: normal; 
  font-weight: normal; 
  text-decoration: inherit; 
  color: #88c354; 
  font-size: 14px; 
  padding-right: 1em; 
}
h4.active a { color: #FFF; background: #88c354; }
h4.active a:before { 
  content: "\f056"; 
  font-family: FontAwesome; 
  font-style: normal; 
  font-weight: normal; 
  text-decoration: inherit; 
  color: #FFF; 
}
.toggle_container { 
  overflow: hidden; 
  background: #FFF; 
  border-bottom: 1px solid #F0F0F0;
  padding: 22px 22px 20px 22px; 
}


/* Skills Bar */

.skillbar {
  position: relative; 
  display: block; 
  margin-bottom: 15px; 
  width: 100%; 
  background: #eee; 
  height: 30px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-transition: 0.4s linear;
     -moz-transition: 0.4s linear;
      -ms-transition: 0.4s linear;
       -o-transition: 0.4s linear;
          transition: 0.4s linear;
  -webkit-transition-property: width, background-color;
     -moz-transition-property: width, background-color;
      -ms-transition-property: width, background-color;
       -o-transition-property: width, background-color;
          transition-property: width, background-color;
}

.skillbar-title {
  position: absolute; 
  top: 0; 
  left: 0; 
  font-weight: bold; 
  font-size: 13px; 
  color: #fff;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
}

.skillbar-title span {
  display: block; 
  padding: 0 20px; 
  height: 30px; 
  line-height: 30px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;   
}

.skillbar-bar {
  height: 30px; 
  width: 0px; 
  background: #6adcfa;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.skill-bar-percent {
  position: absolute; 
  right: 10px; 
  top: 0; 
  font-size: 11px; 
  height: 30px; 
  line-height: 30px;
  color: #444; 
  color: rgba(0, 0, 0, 0.4);
}
.skillbar-bar { background: #A9D751; }
.skillbar-bar.typo_yellow { background: #FFBA00; }
.skillbar-bar.typo_purple { background: #E943A5; }
.skillbar-bar.typo_blue { background: #499FE1; }
.skillbar-bar.typo_orange { background: #ff5a00; }


/*--------------------
Responsive Styles
--------------------*/

@media only screen and (max-width: 1200px) {
  iframe { width: 100%; height: 400px; }
  a.typo_small:link, 
  a.typo_small:visited, 
  a.typo_medium:link, 
  a.typo_medium:visited, 
  a.typo_large:link, 
  a.typo_large:visited, 
  a.typo_xlarge:link, 
  a.typo_xlarge:visited {
    width: 100%;
    text-align: center;
    padding: 10px 0;
    margin-right: 0;
  }
  a.typo_small.typo_border,
  a.typo_medium.typo_border,
  a.typo_large.typo_border,
  a.typo_xlarge.typo_border {
    width: 98.5%;
  }
}
@media only screen and (max-width: 960px) {
  iframe { height:300px; }
  .typo_default label, 
  .typo_callout2 label, 
  .typo_callout3 label { width: 65%; }
}
@media only screen and (max-width: 760px) {
  iframe { height:200px; }
  .typo_one-half, 
  .typo_one-third, 
  .typo_one-fourth, 
  .typo_two-third, 
  .typo_three-fourth,
  .typo_one-half.typo_boxed, 
  .typo_one-third.typo_boxed, 
  .typo_two-third.typo_boxed, 
  .typo_one-fourth.typo_boxed, 
  .typo_three-fourth.typo_boxed,
  .typo_default label, 
  .typo_callout2 label, 
  .typo_callout3 label,
  blockquote.typo_qleft, 
  blockquote.typo_qleft_border, 
  blockquote.typo_qright_border { 
    width: 100%; 
    margin-right: 0;
  }
  blockquote.typo_qright { width: auto; }
  .typo_default label, 
  .typo_callout2 label, 
  .typo_callout3 label { margin-bottom: 20px; display: block; }
  .tab-menu li { float: none !important; }
  .typo_one-half, 
  .typo_one-third, 
  .typo_one-fourth, 
  .typo_two-third, 
  .typo_three-fourth {
    padding-right: 0;
  }
}
@media only screen and (max-width: 450px) {
  iframe { height: 200px; }
}