/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url(/wp-content/themes/circle-2.0.3/library/css/../fonts/fontawesome-webfont.eot?v=4.0.3);src:url(/wp-content/themes/circle-2.0.3/library/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3) format('embedded-opentype'),url(/wp-content/themes/circle-2.0.3/library/css/../fonts/fontawesome-webfont.woff?v=4.0.3) format('woff'),url(/wp-content/themes/circle-2.0.3/library/css/../fonts/fontawesome-webfont.ttf?v=4.0.3) format('truetype'),url(/wp-content/themes/circle-2.0.3/library/css/../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}
/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  }

html,
body {
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

b,
strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  background-color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

a {
	text-decoration:none;
	color:#333;
	-webkit-transition: color 0.3s ease-in-out;
 	-moz-transition: color 0.3s ease-in-out;
 	-o-transition: color 0.3s ease-in-out;
 	transition: color 0.3s ease-in-out;
}
a:hover {
	color:#91c448;
	text-decoration:none !important;
}
ol,
ul {
  list-style: none;
}

li {
/*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden;
}
/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.row {
  margin-left: -20px;
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}
[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}
.span12 {
  width: 940px;
}
.span11 {
  width: 860px;
}
.span10 {
  width: 780px;
}
.span9 {
  width: 700px;
}
.span8 {
  width: 620px;
}
.span7 {
  width: 540px;
}
.span6 {
  width: 460px;
}
.span5 {
  width: 380px;
}
.span4 {
  width: 300px;
}
.span3 {
  width: 220px;
}
.span2 {
  width: 140px;
}
.span1 {
  width: 60px;
}
.offset12 {
  margin-left: 980px;
}
.offset11 {
  margin-left: 900px;
}
.offset10 {
  margin-left: 820px;
}
.offset9 {
  margin-left: 740px;
}
.offset8 {
  margin-left: 660px;
}
.offset7 {
  margin-left: 580px;
}
.offset6 {
  margin-left: 500px;
}
.offset5 {
  margin-left: 420px;
}
.offset4 {
  margin-left: 340px;
}
.offset3 {
  margin-left: 260px;
}
.offset2 {
  margin-left: 180px;
}
.offset1 {
  margin-left: 100px;
}
.row-fluid {
  width: 100%;
  *zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.row-fluid:after {
  clear: both;
}
.row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
}
.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}
.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}
.row-fluid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}
.row-fluid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}
.row-fluid .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}
.row-fluid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}
.row-fluid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}
.row-fluid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}
.row-fluid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}
.row-fluid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}
.row-fluid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}
.row-fluid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}
.row-fluid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}
.row-fluid .offset12 {
  margin-left: 104.25531914893617%;
  *margin-left: 104.14893617021275%;
}
.row-fluid .offset12:first-child {
  margin-left: 102.12765957446808%;
  *margin-left: 102.02127659574467%;
}
.row-fluid .offset11 {
  margin-left: 95.74468085106382%;
  *margin-left: 95.6382978723404%;
}
.row-fluid .offset11:first-child {
  margin-left: 93.61702127659574%;
  *margin-left: 93.51063829787232%;
}
.row-fluid .offset10 {
  margin-left: 87.23404255319149%;
  *margin-left: 87.12765957446807%;
}
.row-fluid .offset10:first-child {
  margin-left: 85.1063829787234%;
  *margin-left: 84.99999999999999%;
}
.row-fluid .offset9 {
  margin-left: 78.72340425531914%;
  *margin-left: 78.61702127659572%;
}
.row-fluid .offset9:first-child {
  margin-left: 76.59574468085106%;
  *margin-left: 76.48936170212764%;
}
.row-fluid .offset8 {
  margin-left: 70.2127659574468%;
  *margin-left: 70.10638297872339%;
}
.row-fluid .offset8:first-child {
  margin-left: 68.08510638297872%;
  *margin-left: 67.9787234042553%;
}
.row-fluid .offset7 {
  margin-left: 61.70212765957446%;
  *margin-left: 61.59574468085106%;
}
.row-fluid .offset7:first-child {
  margin-left: 59.574468085106375%;
  *margin-left: 59.46808510638297%;
}
.row-fluid .offset6 {
  margin-left: 53.191489361702125%;
  *margin-left: 53.085106382978715%;
}
.row-fluid .offset6:first-child {
  margin-left: 51.063829787234035%;
  *margin-left: 50.95744680851063%;
}
.row-fluid .offset5 {
  margin-left: 44.68085106382979%;
  *margin-left: 44.57446808510638%;
}
.row-fluid .offset5:first-child {
  margin-left: 42.5531914893617%;
  *margin-left: 42.4468085106383%;
}
.row-fluid .offset4 {
  margin-left: 36.170212765957444%;
  *margin-left: 36.06382978723405%;
}
.row-fluid .offset4:first-child {
  margin-left: 34.04255319148936%;
  *margin-left: 33.93617021276596%;
}
.row-fluid .offset3 {
  margin-left: 27.659574468085104%;
  *margin-left: 27.5531914893617%;
}
.row-fluid .offset3:first-child {
  margin-left: 25.53191489361702%;
  *margin-left: 25.425531914893618%;
}
.row-fluid .offset2 {
  margin-left: 19.148936170212764%;
  *margin-left: 19.04255319148936%;
}
.row-fluid .offset2:first-child {
  margin-left: 17.02127659574468%;
  *margin-left: 16.914893617021278%;
}
.row-fluid .offset1 {
  margin-left: 10.638297872340425%;
  *margin-left: 10.53191489361702%;
}
.row-fluid .offset1:first-child {
  margin-left: 8.51063829787234%;
  *margin-left: 8.404255319148938%;
}
[class*="span"].hide,
.row-fluid [class*="span"].hide {
  display: none;
}
[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
  float: right;
}
.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}
.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  *zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.container-fluid:after {
  clear: both;
}
code,
pre {
  padding: 0 3px 2px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  white-space: nowrap;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
pre.prettyprint {
  margin-bottom: 20px;
}
pre code {
  padding: 0;
  color: inherit;
  white-space: pre;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.label,
.badge {
  display: inline-block;
  padding: 2px 4px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  vertical-align: baseline;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999999;
}
.label {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.badge {
  padding-left: 9px;
  padding-right: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.label:empty,
.badge:empty {
  display: none;
}
a.label:hover,
a.label:focus,
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label-important,
.badge-important {
  background-color: #b94a48;
}
.label-important[href],
.badge-important[href] {
  background-color: #953b39;
}
.label-warning,
.badge-warning {
  background-color: #f89406;
}
.label-warning[href],
.badge-warning[href] {
  background-color: #c67605;
}
.label-success,
.badge-success {
  background-color: #468847;
}
.label-success[href],
.badge-success[href] {
  background-color: #356635;
}
.label-info,
.badge-info {
  background-color: #3a87ad;
}
.label-info[href],
.badge-info[href] {
  background-color: #2d6987;
}
.label-inverse,
.badge-inverse {
  background-color: #333333;
}
.label-inverse[href],
.badge-inverse[href] {
  background-color: #1a1a1a;
}
.btn .label,
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-mini .label,
.btn-mini .badge {
  top: 0;
}
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table th {
  font-weight: bold;
}
.table thead th {
  vertical-align: bottom;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}
.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}
.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #f5f5f5;
}
table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0;
}
.table td.span1,
.table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}
.table td.span2,
.table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}
.table td.span3,
.table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}
.table td.span4,
.table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}
.table td.span5,
.table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}
.table td.span6,
.table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}
.table td.span7,
.table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}
.table td.span8,
.table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}
.table td.span9,
.table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}
.table td.span10,
.table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}
.table td.span11,
.table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}
.table td.span12,
.table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}
.table tbody tr.success > td {
  background-color: #dff0d8;
}
.table tbody tr.error > td {
  background-color: #f2dede;
}
.table tbody tr.warning > td {
  background-color: #fcf8e3;
}
.table tbody tr.info > td {
  background-color: #d9edf7;
}
.table-hover tbody tr.success:hover > td {
  background-color: #d0e9c6;
}
.table-hover tbody tr.error:hover > td {
  background-color: #ebcccc;
}
.table-hover tbody tr.warning:hover > td {
  background-color: #faf2cc;
}
.table-hover tbody tr.info:hover > td {
  background-color: #c4e3f3;
}
form {
  margin: 0 0 20px;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
legend small {
  font-size: 15px;
  color: #999999;
}
label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
label {
  display: block;
  margin-bottom: 5px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: middle;
}
input,
textarea,
.uneditable-input {
  width: 206px;
}
textarea {
  height: auto;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
input[type="radio"],
input[type="checkbox"] {
  margin:0px;
  *margin-top: 0;
  /* IE7 */

  margin-top: 1px \9;
  /* IE8-9 */

  line-height: normal;
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}
select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 30px;
}
select {
  width: 220px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
select[multiple],
select[size] {
  height: auto;
}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.uneditable-input,
.uneditable-textarea {
  color: #999999;
  background-color: #fcfcfc;
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed;
}
.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}
.uneditable-textarea {
  width: auto;
  height: auto;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}
.radio,
.checkbox {
  min-height: 20px;
  padding-left: 20px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}
.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}
.input-mini {
  width: 60px;
}
.input-small {
  width: 90px;
}
.input-medium {
  width: 150px;
}
.input-large {
  width: 210px;
}
.input-xlarge {
  width: 270px;
}
.input-xxlarge {
  width: 530px;
}
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0;
}
.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
  display: inline-block;
}
input,
textarea,
.uneditable-input {
  margin-left: 0;
}
.controls-row [class*="span"] + [class*="span"] {
  margin-left: 20px;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
  width: 926px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
  width: 846px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
  width: 766px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
  width: 686px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
  width: 606px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
  width: 526px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
  width: 446px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
  width: 366px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
  width: 286px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
  width: 206px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
  width: 126px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
  width: 46px;
}
.controls-row {
  *zoom: 1;
}
.controls-row:before,
.controls-row:after {
  display: table;
  content: "";
  line-height: 0;
}
.controls-row:after {
  clear: both;
}
.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"] {
  float: left;
}
.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"] {
  padding-top: 5px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}
.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853;
}
.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853;
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}
.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48;
}
.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #b94a48;
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}
.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847;
}
.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}
.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline {
  color: #3a87ad;
}
.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  color: #3a87ad;
}
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  border-color: #3a87ad;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
  border-color: #2d6987;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
}
.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #3a87ad;
}
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}
.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
}
.form-actions:before,
.form-actions:after {
  display: table;
  content: "";
  line-height: 0;
}
.form-actions:after {
  clear: both;
}
.help-block,
.help-inline {
  color: #595959;
}
.help-block {
  display: block;
  margin-bottom: 10px;
}
.help-inline {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  vertical-align: middle;
  padding-left: 5px;
}
.input-append,
.input-prepend {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: middle;
  font-size: 0;
  white-space: nowrap;
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu,
.input-append .popover,
.input-prepend .popover {
  font-size: 14px;
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: top;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
  z-index: 2;
}
.input-append .add-on,
.input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 20px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #eeeeee;
  border: 1px solid #ccc;
}
.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle {
  vertical-align: top;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.input-append .active,
.input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546;
}
.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px;
}
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
  margin-left: -1px;
}
.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.input-prepend.input-append .btn-group:first-child {
  margin-left: 0;
}
input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */

  margin-bottom: 0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
/* Allow for input prepend/append in search forms */
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.form-search .input-append .search-query {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px;
}
.form-search .input-append .btn {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0;
}
.form-search .input-prepend .search-query {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0;
}
.form-search .input-prepend .btn {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px;
}
.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}
.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
  display: inline-block;
}
.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}
.control-group {
  margin-bottom: 10px;
}
legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate;
}
.form-horizontal .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}
.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  content: "";
  line-height: 0;
}
.form-horizontal .control-group:after {
  clear: both;
}
.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}
.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}
.form-horizontal .controls:first-child {
  *padding-left: 180px;
}
.form-horizontal .help-block {
  margin-bottom: 0;
}
.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
  margin-top: 10px;
}
.form-horizontal .form-actions {
  padding-left: 180px;
}
.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.btn:active,
.btn.active {
  background-color: #cccccc \9;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #003399 \9;
}
.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #f89406;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #ffffff;
  background-color: #f89406;
  *background-color: #df8505;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}
.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #bd362f;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}
.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}
.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}
.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #2f96b4;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}
.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}
.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #222222;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}
button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}
.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-link {
  border-color: transparent;
  cursor: pointer;
  color: #0088cc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-link:hover,
.btn-link:focus {
  color: #005580;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
  color: #333333;
  text-decoration: none;
}
.btn-group {
  position: relative;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  font-size: 0;
  vertical-align: middle;
  white-space: nowrap;
  *margin-left: .3em;
}
.btn-group:first-child {
  *margin-left: 0;
}
.btn-group + .btn-group {
  margin-left: 5px;
}
.btn-toolbar {
  font-size: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group {
  margin-left: 5px;
}
.btn-group > .btn {
  position: relative;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-group > .btn + .btn {
  margin-left: -1px;
}
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
  font-size: 14px;
}
.btn-group > .btn-mini {
  font-size: 10.5px;
}
.btn-group > .btn-small {
  font-size: 11.9px;
}
.btn-group > .btn-large {
  font-size: 17.5px;
}
.btn-group > .btn:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.btn-group > .btn.large:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}
.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  *padding-top: 5px;
  *padding-bottom: 5px;
}
.btn-group > .btn-mini + .dropdown-toggle {
  padding-left: 5px;
  padding-right: 5px;
  *padding-top: 2px;
  *padding-bottom: 2px;
}
.btn-group > .btn-small + .dropdown-toggle {
  *padding-top: 5px;
  *padding-bottom: 4px;
}
.btn-group > .btn-large + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
  *padding-top: 7px;
  *padding-bottom: 7px;
}
.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn-group.open .btn.dropdown-toggle {
  background-color: #e6e6e6;
}
.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #0044cc;
}
.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #f89406;
}
.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #bd362f;
}
.btn-group.open .btn-success.dropdown-toggle {
  background-color: #51a351;
}
.btn-group.open .btn-info.dropdown-toggle {
  background-color: #2f96b4;
}
.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222222;
}
.btn .caret {
  margin-top: 8px;
  margin-left: 0;
}
.btn-large .caret {
  margin-top: 6px;
}
.btn-large .caret {
  border-left-width: 5px;
  border-right-width: 5px;
  border-top-width: 5px;
}
.btn-mini .caret,
.btn-small .caret {
  margin-top: 8px;
}
.dropup .btn-large .caret {
  border-bottom-width: 5px;
}
.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.btn-group-vertical {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}
.btn-group-vertical > .btn {
  display: block;
  float: none;
  max-width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-group-vertical > .btn + .btn {
  margin-left: 0;
  margin-top: -1px;
}
.btn-group-vertical > .btn:first-child {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.btn-group-vertical > .btn:last-child {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.btn-group-vertical > .btn-large:first-child {
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
.btn-group-vertical > .btn-large:last-child {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
.nav {
  margin-left: 0;
  margin-bottom: 20px;
  list-style: none;
}
.nav > li > a {
  display: block;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li > a > img {
  max-width: none;
}
.nav > .pull-right {
  float: right;
}
.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}
.nav li + .nav-header {
  margin-top: 9px;
}
.nav-list {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
}
.nav-list > li > a,
.nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.nav-list > li > a {
  padding: 3px 15px;
}
.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088cc;
}

.nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
.nav-tabs,
.nav-pills {
  *zoom: 1;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  content: "";
  line-height: 0;
}
.nav-tabs:after,
.nav-pills:after {
  clear: both;
}
.nav-tabs > li,
.nav-pills > li {
  float: left;
}
.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
  color: #ffffff;
  background-color: #0088cc;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li > a {
  margin-right: 0;
}
.nav-tabs.nav-stacked {
  border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
  border-color: #ddd;
  z-index: 2;
}
.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px;
}
.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px;
}
.nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
.nav-pills .dropdown-menu {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.nav .dropdown-toggle .caret {
  border-top-color: #0088cc;
  border-bottom-color: #0088cc;
  margin-top: 6px;
}
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
  border-top-color: #005580;
  border-bottom-color: #005580;
}
/* move down carets for tabs */
.nav-tabs .dropdown-toggle .caret {
  margin-top: 8px;
}
.nav .active .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.nav-tabs .active .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}
.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
  cursor: pointer;
}
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999;
}
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
  border-color: #999999;
}
.tabbable {
  *zoom: 1;
}
.tabbable:before,
.tabbable:after {
  display: table;
  content: "";
  line-height: 0;
}
.tabbable:after {
  clear: both;
}
.tab-content {
  overflow: hidden;
}
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}
.tab-content > .active,
.pill-content > .active {
  display: block;
}
.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}
.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-bottom-color: transparent;
  border-top-color: #ddd;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}
.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}
.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}
.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}
.nav > .disabled > a {
  color: #999999;
}
.nav > .disabled > a:hover,
.nav > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  cursor: default;
}
.navbar {
  overflow: visible;
  margin-bottom: 20px;
  *position: relative;
  *z-index: 2;
}
.navbar-inner {
  min-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  *zoom: 1;
}
.navbar-inner:before,
.navbar-inner:after {
  display: table;
  content: "";
  line-height: 0;
}
.navbar-inner:after {
  clear: both;
}
.navbar .container {
  width: auto;
}
.nav-collapse.collapse {
  height: auto;
  overflow: visible;
}
.navbar .brand {
  float: left;
  display: block;
  padding: 10px 20px 10px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  color: #777777;
  text-shadow: 0 1px 0 #ffffff;
}
.navbar .brand:hover,
.navbar .brand:focus {
  text-decoration: none;
}
.navbar-text {
  margin-bottom: 0;
  line-height: 40px;
  color: #777777;
}
.navbar-link {
  color: #777777;
}
.navbar-link:hover,
.navbar-link:focus {
  color: #333333;
}
.navbar .divider-vertical {
  height: 40px;
  margin: 0 9px;
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #ffffff;
}
.navbar .btn,
.navbar .btn-group {
  margin-top: 5px;
}
.navbar .btn-group .btn,
.navbar .input-prepend .btn,
.navbar .input-append .btn,
.navbar .input-prepend .btn-group,
.navbar .input-append .btn-group {
  margin-top: 0;
}
.navbar-form {
  margin-bottom: 0;
  *zoom: 1;
}
.navbar-form:before,
.navbar-form:after {
  display: table;
  content: "";
  line-height: 0;
}
.navbar-form:after {
  clear: both;
}
.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox {
  margin-top: 5px;
}
.navbar-form input,
.navbar-form select,
.navbar-form .btn {
  display: inline-block;
  margin-bottom: 0;
}
.navbar-form input[type="image"],
.navbar-form input[type="checkbox"],
.navbar-form input[type="radio"] {
  margin-top: 3px;
}
.navbar-form .input-append,
.navbar-form .input-prepend {
  margin-top: 5px;
  white-space: nowrap;
}
.navbar-form .input-append input,
.navbar-form .input-prepend input {
  margin-top: 0;
}
.navbar-search {
  position: relative;
  float: left;
  margin-top: 5px;
  margin-bottom: 0;
}
.navbar-search .search-query {
  margin-bottom: 0;
  padding: 4px 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.navbar-static-top {
  position: static;
  margin-bottom: 0;
}
.navbar-static-top .navbar-inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  border-width: 0 0 1px;
}
.navbar-fixed-bottom .navbar-inner {
  border-width: 1px 0 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
  padding-left: 0;
  padding-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}
.navbar-fixed-top {
  top: 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
  box-shadow: 0 1px 10px rgba(0,0,0,.1);
}
.navbar-fixed-bottom {
  bottom: 0;
}
.navbar-fixed-bottom .navbar-inner {
  -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1);
  -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.1);
  box-shadow: 0 -1px 10px rgba(0,0,0,.1);
}
.navbar .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}
.navbar .nav.pull-right {
  float: right;
  margin-right: 0;
}
.navbar .nav > li {
  float: left;
}
.navbar .nav > li > a {
  float: none;
  padding: 10px 15px 10px;
  color: #777777;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
}
.navbar .nav .dropdown-toggle .caret {
  margin-top: 8px;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  background-color: transparent;
  color: #333333;
  text-decoration: none;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #555555;
  text-decoration: none;
  background-color: #e5e5e5;
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}
.navbar .btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-left: 5px;
  margin-right: 5px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ededed;
  background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
  border-color: #e5e5e5 #e5e5e5 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e5e5e5;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #e5e5e5;
  *background-color: #d9d9d9;
}
.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
  background-color: #cccccc \9;
}
.navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}
.navbar .nav > li > .dropdown-menu:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 9px;
}
.navbar .nav > li > .dropdown-menu:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 10px;
}
.navbar-fixed-bottom .nav > li > .dropdown-menu:before {
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  bottom: -7px;
  top: auto;
}
.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
  border-top: 6px solid #ffffff;
  border-bottom: 0;
  bottom: -6px;
  top: auto;
}
.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret {
  border-top-color: #333333;
  border-bottom-color: #333333;
}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #e5e5e5;
  color: #555555;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #777777;
  border-bottom-color: #777777;
}
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}
.navbar .pull-right > li > .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right {
  left: auto;
  right: 0;
}
.navbar .pull-right > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu.pull-right:before {
  left: auto;
  right: 12px;
}
.navbar .pull-right > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu.pull-right:after {
  left: auto;
  right: 13px;
}
.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
  left: auto;
  right: 100%;
  margin-left: 0;
  margin-right: -1px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.navbar-inverse .navbar-inner {
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #222222, #111111);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
  background-image: -webkit-linear-gradient(top, #222222, #111111);
  background-image: -o-linear-gradient(top, #222222, #111111);
  background-image: linear-gradient(to bottom, #222222, #111111);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
  border-color: #252525;
}
.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
  color: #999999;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar-inverse .brand:hover,
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .brand:focus,
.navbar-inverse .nav > li > a:focus {
  color: #ffffff;
}
.navbar-inverse .brand {
  color: #999999;
}
.navbar-inverse .navbar-text {
  color: #999999;
}
.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
  background-color: transparent;
  color: #ffffff;
}
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
  color: #ffffff;
  background-color: #111111;
}
.navbar-inverse .navbar-link {
  color: #999999;
}
.navbar-inverse .navbar-link:hover,
.navbar-inverse .navbar-link:focus {
  color: #ffffff;
}
.navbar-inverse .divider-vertical {
  border-left-color: #111111;
  border-right-color: #222222;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #111111;
  color: #ffffff;
}
.navbar-inverse .nav li.dropdown > a:hover .caret,
.navbar-inverse .nav li.dropdown > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #999999;
  border-bottom-color: #999999;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navbar-inverse .navbar-search .search-query {
  color: #ffffff;
  background-color: #515151;
  border-color: #111111;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.navbar-inverse .navbar-search .search-query:-moz-placeholder {
  color: #cccccc;
}
.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
  color: #cccccc;
}
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
  color: #cccccc;
}
.navbar-inverse .navbar-search .search-query:focus,
.navbar-inverse .navbar-search .search-query.focused {
  padding: 5px 15px;
  color: #333333;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #ffffff;
  border: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  outline: 0;
}
.navbar-inverse .btn-navbar {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e0e0e;
  background-image: -moz-linear-gradient(top, #151515, #040404);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
  background-image: -webkit-linear-gradient(top, #151515, #040404);
  background-image: -o-linear-gradient(top, #151515, #040404);
  background-image: linear-gradient(to bottom, #151515, #040404);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
  border-color: #040404 #040404 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #040404;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:focus,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #040404;
  *background-color: #000000;
}
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active {
  background-color: #000000 \9;
}
.breadcrumb {
  padding: 8px 15px;
  margin: 0 0 20px;
  list-style: none;
  background-color: #f5f5f5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  text-shadow: 0 1px 0 #ffffff;
}
.breadcrumb > li > .divider {
  padding: 0 5px;
  color: #ccc;
}
.breadcrumb > .active {
  color: #999999;
}
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.alert,
.alert h4 {
  color: #c09853;
}
.alert h4 {
  margin: 0;
}
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-success h4 {
  color: #468847;
}
.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.alert-danger h4,
.alert-error h4 {
  color: #b94a48;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.alert-info h4 {
  color: #3a87ad;
}
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}
.alert-block p + p {
  margin-top: 5px;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.progress .bar {
  width: 0%;
  height: 100%;
  color: #ffffff;
  float: left;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress .bar + .bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
  -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
  box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
}
.progress-striped .bar {
  background-color: #149bdf;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
}
.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-danger .bar,
.progress .bar-danger {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}
.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-success .bar,
.progress .bar-success {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(to bottom, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}
.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-info .bar,
.progress .bar-info {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}
.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-warning .bar,
.progress .bar-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}
.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
  background-color: #fbb450;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.modal {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  margin-left: -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
}
.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}
.modal.fade.in {
  top: 10%;
}
.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.modal-header .close {
  margin-top: 2px;
}
.modal-header h3 {
  margin: 0;
  line-height: 30px;
}
.modal-body {
  position: relative;
  overflow-y: auto;
  max-height: 400px;
  padding: 15px;
}
.modal-form {
  margin-bottom: 0;
}
.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  *zoom: 1;
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle {
  *margin-bottom: -3px;
}
.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}
.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  text-decoration: none;
  color: #ffffff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: default;
}
.open {
  *z-index: 1000;
}
.open > .dropdown-menu {
  display: block;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 5px 5px 5px 0;
  -moz-border-radius: 5px 5px 5px 0;
  border-radius: 5px 5px 5px 0;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.dropdown .dropdown-menu .nav-header {
  padding-left: 20px;
  padding-right: 20px;
}
.typeahead {
  z-index: 1051;
  margin-top: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
@-ms-viewport {
  width: device-width;
}
.hidden {
  display: none;
  visibility: hidden;
}
.visible-phone {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.hidden-desktop {
  display: none !important;
}
.visible-desktop {
  display: inherit !important;
}
@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}
@media (max-width: 767px) {
  body {
    padding-left: 20px;
    padding-right: 20px;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-left: -20px;
    margin-right: -20px;
  }
  .container-fluid {
    padding: 0;
  }
  .dl-horizontal dt {
    float: none;
    clear: none;
    width: auto;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }
  .container {
    width: auto;
  }
  .row-fluid {
    width: 100%;
  }
  .row,
  .thumbnails {
    margin-left: 0;
  }
  .thumbnails > li {
    float: none;
    margin-left: 0;
  }
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0;
  }
  .modal {
    position: fixed;
    top: 20px;
    left: 20px;
    right: 20px;
    width: auto;
    margin: 0;
  }
  .modal.fade {
    top: -100px;
  }
  .modal.fade.in {
    top: 20px;
  }
}
@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
  .page-header h1 small {
    display: block;
    line-height: 20px;
  }
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }
  .form-horizontal .control-label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }
  .form-horizontal .controls {
    margin-left: 0;
  }
  .form-horizontal .control-list {
    padding-top: 0;
  }
  .form-horizontal .form-actions {
    padding-left: 10px;
    padding-right: 10px;
  }
  .media .pull-left,
  .media .pull-right {
    float: none;
    display: block;
    margin-bottom: 10px;
  }
  .media-object {
    margin-right: 0;
    margin-left: 0;
  }
  .modal {
    top: 10px;
    left: 10px;
    right: 10px;
  }
  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }
  .carousel-caption {
    position: static;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 724px;
  }
  .span12 {
    width: 724px;
  }
  .span11 {
    width: 662px;
  }
  .span10 {
    width: 600px;
  }
  .span9 {
    width: 538px;
  }
  .span8 {
    width: 476px;
  }
  .span7 {
    width: 414px;
  }
  .span6 {
    width: 352px;
  }
  .span5 {
    width: 290px;
  }
  .span4 {
    width: 228px;
  }
  .span3 {
    width: 166px;
  }
  .span2 {
    width: 104px;
  }
  .span1 {
    width: 42px;
  }
  .offset12 {
    margin-left: 764px;
  }
  .offset11 {
    margin-left: 702px;
  }
  .offset10 {
    margin-left: 640px;
  }
  .offset9 {
    margin-left: 578px;
  }
  .offset8 {
    margin-left: 516px;
  }
  .offset7 {
    margin-left: 454px;
  }
  .offset6 {
    margin-left: 392px;
  }
  .offset5 {
    margin-left: 330px;
  }
  .offset4 {
    margin-left: 268px;
  }
  .offset3 {
    margin-left: 206px;
  }
  .offset2 {
    margin-left: 144px;
  }
  .offset1 {
    margin-left: 82px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.7624309392265194%;
    *margin-left: 2.709239449864817%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.7624309392265194%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.43646408839778%;
    *width: 91.38327259903608%;
  }
  .row-fluid .span10 {
    width: 82.87292817679558%;
    *width: 82.81973668743387%;
  }
  .row-fluid .span9 {
    width: 74.30939226519337%;
    *width: 74.25620077583166%;
  }
  .row-fluid .span8 {
    width: 65.74585635359117%;
    *width: 65.69266486422946%;
  }
  .row-fluid .span7 {
    width: 57.18232044198895%;
    *width: 57.12912895262725%;
  }
  .row-fluid .span6 {
    width: 48.61878453038674%;
    *width: 48.56559304102504%;
  }
  .row-fluid .span5 {
    width: 40.05524861878453%;
    *width: 40.00205712942283%;
  }
  .row-fluid .span4 {
    width: 31.491712707182323%;
    *width: 31.43852121782062%;
  }
  .row-fluid .span3 {
    width: 22.92817679558011%;
    *width: 22.87498530621841%;
  }
  .row-fluid .span2 {
    width: 14.3646408839779%;
    *width: 14.311449394616199%;
  }
  .row-fluid .span1 {
    width: 5.801104972375691%;
    *width: 5.747913483013988%;
  }
  .row-fluid .offset12 {
    margin-left: 105.52486187845304%;
    *margin-left: 105.41847889972962%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.76243093922652%;
    *margin-left: 102.6560479605031%;
  }
  .row-fluid .offset11 {
    margin-left: 96.96132596685082%;
    *margin-left: 96.8549429881274%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.1988950276243%;
    *margin-left: 94.09251204890089%;
  }
  .row-fluid .offset10 {
    margin-left: 88.39779005524862%;
    *margin-left: 88.2914070765252%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.6353591160221%;
    *margin-left: 85.52897613729868%;
  }
  .row-fluid .offset9 {
    margin-left: 79.8342541436464%;
    *margin-left: 79.72787116492299%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 77.07182320441989%;
    *margin-left: 76.96544022569647%;
  }
  .row-fluid .offset8 {
    margin-left: 71.2707182320442%;
    *margin-left: 71.16433525332079%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.50828729281768%;
    *margin-left: 68.40190431409427%;
  }
  .row-fluid .offset7 {
    margin-left: 62.70718232044199%;
    *margin-left: 62.600799341718584%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.94475138121547%;
    *margin-left: 59.838368402492065%;
  }
  .row-fluid .offset6 {
    margin-left: 54.14364640883978%;
    *margin-left: 54.037263430116376%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.38121546961326%;
    *margin-left: 51.27483249088986%;
  }
  .row-fluid .offset5 {
    margin-left: 45.58011049723757%;
    *margin-left: 45.47372751851417%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.81767955801105%;
    *margin-left: 42.71129657928765%;
  }
  .row-fluid .offset4 {
    margin-left: 37.01657458563536%;
    *margin-left: 36.91019160691196%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.25414364640884%;
    *margin-left: 34.14776066768544%;
  }
  .row-fluid .offset3 {
    margin-left: 28.45303867403315%;
    *margin-left: 28.346655695309746%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.69060773480663%;
    *margin-left: 25.584224756083227%;
  }
  .row-fluid .offset2 {
    margin-left: 19.88950276243094%;
    *margin-left: 19.783119783707537%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.12707182320442%;
    *margin-left: 17.02068884448102%;
  }
  .row-fluid .offset1 {
    margin-left: 11.32596685082873%;
    *margin-left: 11.219583872105325%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.56353591160221%;
    *margin-left: 8.457152932878806%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 710px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 648px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 586px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 524px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 462px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 400px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 338px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 276px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 214px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 152px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 90px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 28px;
  }
}
@media (min-width: 1200px) {
  .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1170px;
  }
  .span12 {
    width: 1170px;
  }
  .span11 {
    width: 1070px;
  }
  .span10 {
    width: 970px;
  }
  .span9 {
    width: 870px;
  }
  .span8 {
    width: 770px;
  }
  .span7 {
    width: 670px;
  }
  .span6 {
    width: 570px;
  }
  .span5 {
    width: 470px;
  }
  .span4 {
    width: 370px;
  }
  .span3 {
    width: 270px;
  }
  .span2 {
    width: 170px;
  }
  .span1 {
    width: 70px;
  }
  .offset12 {
    margin-left: 1230px;
  }
  .offset11 {
    margin-left: 1130px;
  }
  .offset10 {
    margin-left: 1030px;
  }
  .offset9 {
    margin-left: 930px;
  }
  .offset8 {
    margin-left: 830px;
  }
  .offset7 {
    margin-left: 730px;
  }
  .offset6 {
    margin-left: 630px;
  }
  .offset5 {
    margin-left: 530px;
  }
  .offset4 {
    margin-left: 430px;
  }
  .offset3 {
    margin-left: 330px;
  }
  .offset2 {
    margin-left: 230px;
  }
  .offset1 {
    margin-left: 130px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.564102564102564%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.45299145299145%;
    *width: 91.39979996362975%;
  }
  .row-fluid .span10 {
    width: 82.90598290598291%;
    *width: 82.8527914166212%;
  }
  .row-fluid .span9 {
    width: 74.35897435897436%;
    *width: 74.30578286961266%;
  }
  .row-fluid .span8 {
    width: 65.81196581196582%;
    *width: 65.75877432260411%;
  }
  .row-fluid .span7 {
    width: 57.26495726495726%;
    *width: 57.21176577559556%;
  }
  .row-fluid .span6 {
    width: 48.717948717948715%;
    *width: 48.664757228587014%;
  }
  .row-fluid .span5 {
    width: 40.17094017094017%;
    *width: 40.11774868157847%;
  }
  .row-fluid .span4 {
    width: 31.623931623931625%;
    *width: 31.570740134569924%;
  }
  .row-fluid .span3 {
    width: 23.076923076923077%;
    *width: 23.023731587561375%;
  }
  .row-fluid .span2 {
    width: 14.52991452991453%;
    *width: 14.476723040552828%;
  }
  .row-fluid .span1 {
    width: 5.982905982905983%;
    *width: 5.929714493544281%;
  }
  .row-fluid .offset12 {
    margin-left: 105.12820512820512%;
    *margin-left: 105.02182214948171%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.56410256410257%;
    *margin-left: 102.45771958537915%;
  }
  .row-fluid .offset11 {
    margin-left: 96.58119658119658%;
    *margin-left: 96.47481360247316%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.01709401709402%;
    *margin-left: 93.91071103837061%;
  }
  .row-fluid .offset10 {
    margin-left: 88.03418803418803%;
    *margin-left: 87.92780505546462%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.47008547008548%;
    *margin-left: 85.36370249136206%;
  }
  .row-fluid .offset9 {
    margin-left: 79.48717948717949%;
    *margin-left: 79.38079650845607%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 76.92307692307693%;
    *margin-left: 76.81669394435352%;
  }
  .row-fluid .offset8 {
    margin-left: 70.94017094017094%;
    *margin-left: 70.83378796144753%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.37606837606839%;
    *margin-left: 68.26968539734497%;
  }
  .row-fluid .offset7 {
    margin-left: 62.393162393162385%;
    *margin-left: 62.28677941443899%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.82905982905982%;
    *margin-left: 59.72267685033642%;
  }
  .row-fluid .offset6 {
    margin-left: 53.84615384615384%;
    *margin-left: 53.739770867430444%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.28205128205128%;
    *margin-left: 51.175668303327875%;
  }
  .row-fluid .offset5 {
    margin-left: 45.299145299145295%;
    *margin-left: 45.1927623204219%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.73504273504273%;
    *margin-left: 42.62865975631933%;
  }
  .row-fluid .offset4 {
    margin-left: 36.75213675213675%;
    *margin-left: 36.645753773413354%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.18803418803419%;
    *margin-left: 34.081651209310785%;
  }
  .row-fluid .offset3 {
    margin-left: 28.205128205128204%;
    *margin-left: 28.0987452264048%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.641025641025642%;
    *margin-left: 25.53464266230224%;
  }
  .row-fluid .offset2 {
    margin-left: 19.65811965811966%;
    *margin-left: 19.551736679396257%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.094017094017094%;
    *margin-left: 16.98763411529369%;
  }
  .row-fluid .offset1 {
    margin-left: 11.11111111111111%;
    *margin-left: 11.004728132387708%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.547008547008547%;
    *margin-left: 8.440625568285142%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 30px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 1156px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 1056px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 956px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 856px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 756px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 656px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 556px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 456px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 356px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 256px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 156px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 56px;
  }
  .thumbnails {
    margin-left: -30px;
  }
  .thumbnails > li {
    margin-left: 30px;
  }
  .row-fluid .thumbnails {
    margin-left: 0;
  }
}
@media (max-width: 979px) {
  body {
    padding-top: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top {
    margin-bottom: 20px;
  }
  .navbar-fixed-bottom {
    margin-top: 20px;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 0 -5px;
  }
  .nav-collapse {
    clear: both;
  }
  .nav-collapse .nav {
    float: none;
    margin: 0 0 10px;
  }
  .nav-collapse .nav > li {
    float: none;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .nav-collapse .nav .nav-header {
    color: #777777;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus {
    background-color: #f2f2f2;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #111111;
  }
  .nav-collapse.in .btn-group {
    margin-top: 5px;
    padding: 0;
  }
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    float: none;
    display: none;
    max-width: none;
    margin: 0 15px;
    padding: 0;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    overflow: hidden;
    height: 0;
  }
  .navbar .btn-navbar {
    display: block;
  }
  .navbar-static .navbar-inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}

/*!
 * Bootstrap Responsive v2.3.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@-ms-viewport {
  width: device-width;
}

.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1170px;
  }
  .span12 {
    width: 1170px;
  }
  .span11 {
    width: 1070px;
  }
  .span10 {
    width: 970px;
  }
  .span9 {
    width: 870px;
  }
  .span8 {
    width: 770px;
  }
  .span7 {
    width: 670px;
  }
  .span6 {
    width: 570px;
  }
  .span5 {
    width: 470px;
  }
  .span4 {
    width: 370px;
  }
  .span3 {
    width: 270px;
  }
  .span2 {
    width: 170px;
  }
  .span1 {
    width: 70px;
  }
  .offset12 {
    margin-left: 1230px;
  }
  .offset11 {
    margin-left: 1130px;
  }
  .offset10 {
    margin-left: 1030px;
  }
  .offset9 {
    margin-left: 930px;
  }
  .offset8 {
    margin-left: 830px;
  }
  .offset7 {
    margin-left: 730px;
  }
  .offset6 {
    margin-left: 630px;
  }
  .offset5 {
    margin-left: 530px;
  }
  .offset4 {
    margin-left: 430px;
  }
  .offset3 {
    margin-left: 330px;
  }
  .offset2 {
    margin-left: 230px;
  }
  .offset1 {
    margin-left: 130px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.564102564102564%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.45299145299145%;
    *width: 91.39979996362975%;
  }
  .row-fluid .span10 {
    width: 82.90598290598291%;
    *width: 82.8527914166212%;
  }
  .row-fluid .span9 {
    width: 74.35897435897436%;
    *width: 74.30578286961266%;
  }
  .row-fluid .span8 {
    width: 65.81196581196582%;
    *width: 65.75877432260411%;
  }
  .row-fluid .span7 {
    width: 57.26495726495726%;
    *width: 57.21176577559556%;
  }
  .row-fluid .span6 {
    width: 48.717948717948715%;
    *width: 48.664757228587014%;
  }
  .row-fluid .span5 {
    width: 40.17094017094017%;
    *width: 40.11774868157847%;
  }
  .row-fluid .span4 {
    width: 31.623931623931625%;
    *width: 31.570740134569924%;
  }
  .row-fluid .span3 {
    width: 23.076923076923077%;
    *width: 23.023731587561375%;
  }
  .row-fluid .span2 {
    width: 14.52991452991453%;
    *width: 14.476723040552828%;
  }
  .row-fluid .span1 {
    width: 5.982905982905983%;
    *width: 5.929714493544281%;
  }
  .row-fluid .offset12 {
    margin-left: 105.12820512820512%;
    *margin-left: 105.02182214948171%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.56410256410257%;
    *margin-left: 102.45771958537915%;
  }
  .row-fluid .offset11 {
    margin-left: 96.58119658119658%;
    *margin-left: 96.47481360247316%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.01709401709402%;
    *margin-left: 93.91071103837061%;
  }
  .row-fluid .offset10 {
    margin-left: 88.03418803418803%;
    *margin-left: 87.92780505546462%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.47008547008548%;
    *margin-left: 85.36370249136206%;
  }
  .row-fluid .offset9 {
    margin-left: 79.48717948717949%;
    *margin-left: 79.38079650845607%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 76.92307692307693%;
    *margin-left: 76.81669394435352%;
  }
  .row-fluid .offset8 {
    margin-left: 70.94017094017094%;
    *margin-left: 70.83378796144753%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.37606837606839%;
    *margin-left: 68.26968539734497%;
  }
  .row-fluid .offset7 {
    margin-left: 62.393162393162385%;
    *margin-left: 62.28677941443899%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.82905982905982%;
    *margin-left: 59.72267685033642%;
  }
  .row-fluid .offset6 {
    margin-left: 53.84615384615384%;
    *margin-left: 53.739770867430444%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.28205128205128%;
    *margin-left: 51.175668303327875%;
  }
  .row-fluid .offset5 {
    margin-left: 45.299145299145295%;
    *margin-left: 45.1927623204219%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.73504273504273%;
    *margin-left: 42.62865975631933%;
  }
  .row-fluid .offset4 {
    margin-left: 36.75213675213675%;
    *margin-left: 36.645753773413354%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.18803418803419%;
    *margin-left: 34.081651209310785%;
  }
  .row-fluid .offset3 {
    margin-left: 28.205128205128204%;
    *margin-left: 28.0987452264048%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.641025641025642%;
    *margin-left: 25.53464266230224%;
  }
  .row-fluid .offset2 {
    margin-left: 19.65811965811966%;
    *margin-left: 19.551736679396257%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.094017094017094%;
    *margin-left: 16.98763411529369%;
  }
  .row-fluid .offset1 {
    margin-left: 11.11111111111111%;
    *margin-left: 11.004728132387708%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.547008547008547%;
    *margin-left: 8.440625568285142%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 30px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 1156px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 1056px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 956px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 856px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 756px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 656px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 556px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 456px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 356px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 256px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 156px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 56px;
  }
  .thumbnails {
    margin-left: -30px;
  }
  .thumbnails > li {
    margin-left: 30px;
  }
  .row-fluid .thumbnails {
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 724px;
  }
  .span12 {
    width: 724px;
  }
  .span11 {
    width: 662px;
  }
  .span10 {
    width: 600px;
  }
  .span9 {
    width: 538px;
  }
  .span8 {
    width: 476px;
  }
  .span7 {
    width: 414px;
  }
  .span6 {
    width: 352px;
  }
  .span5 {
    width: 290px;
  }
  .span4 {
    width: 228px;
  }
  .span3 {
    width: 166px;
  }
  .span2 {
    width: 104px;
  }
  .span1 {
    width: 42px;
  }
  .offset12 {
    margin-left: 764px;
  }
  .offset11 {
    margin-left: 702px;
  }
  .offset10 {
    margin-left: 640px;
  }
  .offset9 {
    margin-left: 578px;
  }
  .offset8 {
    margin-left: 516px;
  }
  .offset7 {
    margin-left: 454px;
  }
  .offset6 {
    margin-left: 392px;
  }
  .offset5 {
    margin-left: 330px;
  }
  .offset4 {
    margin-left: 268px;
  }
  .offset3 {
    margin-left: 206px;
  }
  .offset2 {
    margin-left: 144px;
  }
  .offset1 {
    margin-left: 82px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.7624309392265194%;
    *margin-left: 2.709239449864817%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.7624309392265194%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.43646408839778%;
    *width: 91.38327259903608%;
  }
  .row-fluid .span10 {
    width: 82.87292817679558%;
    *width: 82.81973668743387%;
  }
  .row-fluid .span9 {
    width: 74.30939226519337%;
    *width: 74.25620077583166%;
  }
  .row-fluid .span8 {
    width: 65.74585635359117%;
    *width: 65.69266486422946%;
  }
  .row-fluid .span7 {
    width: 57.18232044198895%;
    *width: 57.12912895262725%;
  }
  .row-fluid .span6 {
    width: 48.61878453038674%;
    *width: 48.56559304102504%;
  }
  .row-fluid .span5 {
    width: 40.05524861878453%;
    *width: 40.00205712942283%;
  }
  .row-fluid .span4 {
    width: 31.491712707182323%;
    *width: 31.43852121782062%;
  }
  .row-fluid .span3 {
    width: 22.92817679558011%;
    *width: 22.87498530621841%;
  }
  .row-fluid .span2 {
    width: 14.3646408839779%;
    *width: 14.311449394616199%;
  }
  .row-fluid .span1 {
    width: 5.801104972375691%;
    *width: 5.747913483013988%;
  }
  .row-fluid .offset12 {
    margin-left: 105.52486187845304%;
    *margin-left: 105.41847889972962%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.76243093922652%;
    *margin-left: 102.6560479605031%;
  }
  .row-fluid .offset11 {
    margin-left: 96.96132596685082%;
    *margin-left: 96.8549429881274%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.1988950276243%;
    *margin-left: 94.09251204890089%;
  }
  .row-fluid .offset10 {
    margin-left: 88.39779005524862%;
    *margin-left: 88.2914070765252%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.6353591160221%;
    *margin-left: 85.52897613729868%;
  }
  .row-fluid .offset9 {
    margin-left: 79.8342541436464%;
    *margin-left: 79.72787116492299%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 77.07182320441989%;
    *margin-left: 76.96544022569647%;
  }
  .row-fluid .offset8 {
    margin-left: 71.2707182320442%;
    *margin-left: 71.16433525332079%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.50828729281768%;
    *margin-left: 68.40190431409427%;
  }
  .row-fluid .offset7 {
    margin-left: 62.70718232044199%;
    *margin-left: 62.600799341718584%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.94475138121547%;
    *margin-left: 59.838368402492065%;
  }
  .row-fluid .offset6 {
    margin-left: 54.14364640883978%;
    *margin-left: 54.037263430116376%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.38121546961326%;
    *margin-left: 51.27483249088986%;
  }
  .row-fluid .offset5 {
    margin-left: 45.58011049723757%;
    *margin-left: 45.47372751851417%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.81767955801105%;
    *margin-left: 42.71129657928765%;
  }
  .row-fluid .offset4 {
    margin-left: 37.01657458563536%;
    *margin-left: 36.91019160691196%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.25414364640884%;
    *margin-left: 34.14776066768544%;
  }
  .row-fluid .offset3 {
    margin-left: 28.45303867403315%;
    *margin-left: 28.346655695309746%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.69060773480663%;
    *margin-left: 25.584224756083227%;
  }
  .row-fluid .offset2 {
    margin-left: 19.88950276243094%;
    *margin-left: 19.783119783707537%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.12707182320442%;
    *margin-left: 17.02068884448102%;
  }
  .row-fluid .offset1 {
    margin-left: 11.32596685082873%;
    *margin-left: 11.219583872105325%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.56353591160221%;
    *margin-left: 8.457152932878806%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 710px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 648px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 586px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 524px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 462px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 400px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 338px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 276px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 214px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 152px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 90px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 28px;
  }
}

@media (max-width: 767px) {
  body {
    padding-right: 20px;
    padding-left: 20px;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-right: -20px;
    margin-left: -20px;
  }
  .container-fluid {
    padding: 0;
  }
  .dl-horizontal dt {
    float: none;
    width: auto;
    clear: none;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }
  .container {
    width: auto;
  }
  .row-fluid {
    width: 100%;
  }
  .row,
  .thumbnails {
    margin-left: 0;
  }
  .thumbnails > li {
    float: none;
    margin-left: 0;
  }
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0;
  }
  .modal {
    position: fixed;
    top: 20px;
    right: 20px;
    left: 20px;
    width: auto;
    margin: 0;
  }
  .modal.fade {
    top: -100px;
  }
  .modal.fade.in {
    top: 20px;
  }
}

@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
  .page-header h1 small {
    display: block;
    line-height: 20px;
  }
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }
  .form-horizontal .control-label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }
  .form-horizontal .controls {
    margin-left: 0;
  }
  .form-horizontal .control-list {
    padding-top: 0;
  }
  .form-horizontal .form-actions {
    padding-right: 10px;
    padding-left: 10px;
  }
  .media .pull-left,
  .media .pull-right {
    display: block;
    float: none;
    margin-bottom: 10px;
  }
  .media-object {
    margin-right: 0;
    margin-left: 0;
  }
  .modal {
    top: 10px;
    right: 10px;
    left: 10px;
  }
  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }
  .carousel-caption {
    position: static;
  }
}

@media (max-width: 979px) {
  body {
    padding-top: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top {
    margin-bottom: 20px;
  }
  .navbar-fixed-bottom {
    margin-top: 20px;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0 0 -5px;
  }
  .nav-collapse {
    clear: both;
  }
  .nav-collapse .nav {
    float: none;
    margin: 0 0 10px;
  }
  .nav-collapse .nav > li {
    float: none;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .nav-collapse .nav .nav-header {
    color: #777777;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
  }
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus {
    background-color: #f2f2f2;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #111111;
  }
  .nav-collapse.in .btn-group {
    padding: 0;
    margin-top: 5px;
  }
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    display: none;
    float: none;
    max-width: none;
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
  .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    height: 0;
    overflow: hidden;
  }
  .navbar .btn-navbar {
    display: block;
  }
  .navbar-static .navbar-inner {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}

.ch-item:before {
	content: '';
    display: table;
}

.ch-item {
	display:inline-block;
	width: 162px;
	height: 162px;
	border-radius: 50%;
	position: relative;
	cursor: default;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	-o-perspective: 900px;
	-ms-perspective: 900px;
	perspective: 900px;
}
.ch-info{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.ch-info > div {
	text-align:center;
	width:100%;
	height:100%;
	display: block;
	position: absolute;
	z-index:0;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.ch-info .ch-info-front {
	
}
.ch-info .ch-info-front a {
	display:inline-block;
	border:6px solid #e8e8e8;
	border-radius:50%;
	width:150px;
	height:150px;
	background-color:#91c448;
	color:#fff;
	font-size:64px;
	line-height:160px;
}

.ch-info .ch-info-back a {
	display:inline-block;
	border:6px solid #fff;
	border-radius:50%;
	width:150px;
	height:150px;
	background-color:#bebebe;
	color:#fff;
	font-size:64px;
	line-height:160px;
}

.ch-info .ch-info-back {
	-webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	-moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	-o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	-ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	opacity: 0;
}

.ch-item:hover .ch-info-front {
	-webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	-moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	-o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	-ms-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	opacity: 0;
}

.ch-item:hover .ch-info-back {
	-webkit-transform: rotate3d(1,0,0,0deg);
	-moz-transform: rotate3d(1,0,0,0deg);
	-o-transform: rotate3d(1,0,0,0deg);
	-ms-transform: rotate3d(1,0,0,0deg);
	transform: rotate3d(1,0,0,0deg);
	opacity: 1;
}

.kp-service {
	padding:50px 0;
	background:url(/wp-content/themes/circle-2.0.3/css/../images/background/body-bg.png) repeat 0 0;
	position:relative;
	border-bottom:1px solid #E5E5E5;
}
.kp-service article {
	text-align:center;
}
.kp-service article .ch-title {
	color:#4b4b4b;
	font-size:24px;
	text-transform:uppercase;
	margin:15px 0 10px;
}


/* Service thumbnail */
.ch-info .service-front a.service-thumbnail-front,
.ch-info .service-back a.service-thumbnail-back
{
	background-color: transparent;
	border: none;
}

.ch-info .service-front a.service-thumbnail-front img {
}

.ch-info .service-back a.service-thumbnail-back img {
}

.ch-info .service-back a.service-thumbnail-back img {
	filter: url(/wp-content/themes/circle-2.0.3/css/filters.svg#grayscale); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
}
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; filter: alpha(opacity=80); right: 0px;}
.flexslider:hover .flex-prev {opacity: 0.8; filter: alpha(opacity=80); left: 0px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1; filter: alpha(opacity=100);}
.flex-direction-nav .flex-disabled {cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

.pf-detail-slider,
.kp-single-slider,
.kp-single-carousel,
.blogpost-slider {
	border:none;
	margin:0;
	box-shadow:none;
	border-radius:0;
}
.pf-detail-slider .flex-control-nav,
.blogpost-slider .flex-control-nav {
	display:none;
}
.pf-detail-slider .flex-direction-nav a,
.article-list li article .entry-thumb .blogpost-slider .flex-direction-nav a,
.kp-single-slider .flex-direction-nav a,
.kp-single-carousel .flex-direction-nav a {
	width:40px;
	height:40px;
}
.pf-detail-slider .flex-direction-nav .flex-next,
.blogpost-slider .flex-direction-nav .flex-next,
.kp-single-slider .flex-direction-nav .flex-next {
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#000; 
	right: 0;
	opacity:1;
	filter: alpha(opacity=100); 
}
.pf-detail-slider .flex-direction-nav .flex-prev,
.blogpost-slider .flex-direction-nav .flex-prev,
.kp-single-slider .flex-direction-nav .flex-prev{
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#000;
	left: 0;
	opacity:1;
	filter: alpha(opacity=100);
}
.pf-detail-slider .flex-direction-nav .flex-next:hover,
.pf-detail-slider .flex-direction-nav .flex-prev:hover,
.blogpost-slider .flex-direction-nav .flex-next:hover,
.blogpost-slider .flex-direction-nav .flex-prev:hover,
.kp-single-slider .flex-direction-nav .flex-next:hover,
.kp-single-slider .flex-direction-nav .flex-prev:hover,
.kp-single-carousel .flex-direction-nav .flex-next:hover,
.kp-single-carousel .flex-direction-nav .flex-prev:hover {
	background-color:#91c448;
}
.kp-single-carousel .flex-direction-nav .flex-prev,
.kp-single-carousel .flex-direction-nav .flex-next {
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#000;
}

.loading .flex-viewport {
    max-height: 500px;
}
.loading {
    background: url(/wp-content/themes/circle-2.0.3/css/../images/slider/loading.gif) no-repeat scroll center center transparent;
    min-height: 350px;
}

.kp-single-carousel li {margin-right: 5px; margin-top:5px;}
.kp-single-carousel img {display: block; opacity: .5; cursor: pointer;}
.kp-single-carousel img:hover {opacity: 1;}
.kp-single-carousel .flex-active-slide img {opacity: 1; cursor: default;}

.kp-cat-2 .article-list li .blogpost-slider .slides > li,
.kp-cat-3 .article-list li .blogpost-slider .slides > li,
.kp-cat-2 .article-list li .flex-direction-nav li,
.kp-cat-3 .article-list li .flex-direction-nav li {
	margin:0;
}

.pf-detail-slider .flex-direction-nav .flex-next,
.blogpost-slider .flex-direction-nav .flex-next,
.kp-single-slider .flex-direction-nav .flex-next,
.kp-single-carousel .flex-direction-nav .flex-next {
	background-image:url(/wp-content/themes/circle-2.0.3/css/../images/slider/sequencel-next.png);
}

.pf-detail-slider .flex-direction-nav .flex-prev,
.blogpost-slider .flex-direction-nav .flex-prev,
.kp-single-slider .flex-direction-nav .flex-prev,
.kp-single-carousel .flex-direction-nav .flex-prev {
	background-image:url(/wp-content/themes/circle-2.0.3/css/../images/slider/sequencel-prev.png);
}
.entry-box ul.flex-direction-nav li{
	list-style:none;
}

div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(/wp-content/themes/circle-2.0.3/css/../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
/*
Theme created for use with Sequence.js (http://www.sequencejs.com/)

Theme:   Sliding Horizontal Parallax (Responsive)
Version:   0.2.2 Beta
Theme Author:   Ian Lunn @IanLunn
Author URL:   http://www.ianlunn.co.uk/
Theme URL:   http://www.sequencejs.com/themes/sliding-horizontal-parallax/

This is a FREE theme and is dual licensed under the following: 
http://www.opensource.org/licenses/mit-license.php | http://www.gnu.org/licenses/gpl.html

Sequence.js and its dependencies are (c) Ian Lunn Design 2012 unless otherwise stated.
Aside from these comments, you may modify and distribute this file as you please. Have fun!
 */

.sequence-wrapper {
	width:100%;
	background:url(/wp-content/themes/circle-2.0.3/css/../placeholders/slider/sequence/bg-1.png) no-repeat 50% 100%;
}
.sequence-container {
	width:100%;
	background:url(/wp-content/themes/circle-2.0.3/css/../placeholders/slider/sequence/shadow.png) no-repeat center 0 rgba(245,245,245,.77);
	position:relative;
}
.sequence-slider {
	height: 411px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	max-width: 1120px;
	width: 100%;
}

#main, #aside{
	font-size: 1.6em;
}

.next,.prev {
	cursor: pointer;
	display: none;
	position: absolute;
	top: 50%;
	z-index: 1000;
	height: 53px;
	width:53px;
	margin-top: -26.5px;
}

.pause {
	bottom: 0;
	cursor: pointer;
	position: absolute;
	z-index: 1000;
}

.paused {
	opacity: 0.3;
}

.prev {
	left: 0;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:rgba(0,0,0,.24);
	background-image:url(/wp-content/themes/circle-2.0.3/css/../images/slider/sequencel-prev.png);
}

.next {
	right: 0;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:rgba(0,0,0,.24);
	background-image:url(/wp-content/themes/circle-2.0.3/css/../images/slider/sequencel-next.png);
}

.next:hover,
.prev:hover {
	background-color:#91c448;
}

#sequence-preloader{
	background: #d9d9d9;
}

.sequence-nav {
	display:none !important;
	bottom: 1%;
	display: none;
	right: 6%;
	position: absolute;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}

.sequence-nav li {
	display: inline-block;
	height: 140px;
}

.sequence-nav li img {
	cursor: pointer;
	opacity: 0.5;

	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.sequence-nav li img.active {
	opacity: 1;
}

@media only screen and (min-width : 1224px) {
	/*only display the hover effect on desktops/laptops*/
	.sequence-nav li img:hover {
		opacity: 1;
	
		-webkit-transition-duration: 1s;
		-moz-transition-duration: 1s;
		-o-transition-duration: 1s;
		-ms-transition-duration: 1s;
		transition-duration: 1s;
	}

}

.sequence li{
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}

.sequence li * {
	
}

.sequence li img{
	height: 96%;
}

.sequence {	
	display: block;
	height: 100%;
	margin: 0;
	position: absolute;
	max-width: 1120px;
	width: 100%;
	
	/*backface-visibility prevents graphical glitches when frames are animating*/
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

.next,.prev {
	position: absolute;
	opacity: 0.6;

	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.next:hover,.prev:hover {
	opacity: 1;

	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.sequence li h2 {
	z-index: 50;
	color: #fff;
	font-family:'Rokkitt', serif;
	padding:10px 15px;
	font-size:36px;
	display:inline-block;
	font-weight: bold;
	text-transform: uppercase;
	background-color:#91c448;
	line-height:38px;
	white-space:nowrap;
}
.sequence li#creative h2 {
	z-index: 50;
	color: #333;
	font-family:'Rokkitt', serif;
	padding:0;
	font-size:38px;
	display:inline-block;
	font-weight: 400;
	text-transform:none;
	background:none;
	line-height:40px;
	white-space:normal;
}
.title {
	width:45%;
	left: -15%;
	opacity: 0;
	top: 20%;	
	position:absolute;
}

.animate-in .title {
	left: 0;
	opacity: 1;

	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	transition-duration: 1.5s;
}

.animate-out .title {
	left: 25%;
	opacity: 0;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}

.sequence li p {
	color: #666;
	font-size: 13px;
}
.subtitle {	
	left: -15%;
	width: 45%;
	opacity: 0;
	top: 40%;
	position:absolute;
}

.animate-in .subtitle {
	left: 0;
	opacity: 1;

	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.animate-out .subtitle {
	left: 15%;
	opacity: 0;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}

.sequence li h3 {
	color:#000;
	font-size:30px;
	line-height:32px;
}

.sequence li#creative h3 {
	color:#fff;
	font-size:24px;
	line-height:26px;
	background-color:#91c448;
	padding:3px 10px;
	display:inline-block;
}

.sequence li .more-link {
	color:#91c448;
	font-size:20px;
	font-family:'Rokkitt', serif;
	padding:0 15px 0 0;
	
}

.sequence li .more-link:hover {
	color:#333;
	
}

.model {
	right: -15%;
	bottom: 5%;
	opacity: 0;
	position: relative;
	height: auto !important;
	max-height: 411px !important;
	width: auto;
	min-width: 225px; /*prevents the model from shrinking when the browser is resized*/
	position:absolute;
}

.animate-in .model {
	right: 0;
	opacity: 1;

	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	transition-duration: 1.5s;
}

.animate-out .model {
	right: 15%;
	opacity: 0;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}

.model-2-1 {
	left: 0;
	bottom: -15%;
	opacity: 0;
	position: relative;
	height: auto !important;
	max-height: 411px !important;
	width: auto;
	position:absolute;
	z-index:9;
}

.animate-in .model-2-1 {
	left: 0;
	bottom:0;
	opacity: 1;

	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.animate-out .model-2-1 {
	left: 0;
	bottom:-15%;
	opacity: 0;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}

.model-2-2 {
	left: 25%;
	bottom: -35%;
	opacity: 0;
	position: relative;
	height: auto !important;
	max-height: 411px !important;
	width: auto;
	position:absolute;
	z-index:10;
}

.animate-in .model-2-2 {
	left: 25%;
	bottom:0;
	opacity: 1;

	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-o-transition-duration: 2s;
	-ms-transition-duration: 2s;
	transition-duration: 2s;
}

.animate-out .model-2-2 {
	left: 25%;
	bottom:-35%;
	opacity: 0;

	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	transition-duration: 1.5s;
}

.model-2-3 {
	left: 12%;
	bottom: -55%;
	opacity: 0;
	position: relative;
	height: auto !important;
	max-height: 411px !important;
	width: auto;
	position:absolute;
	z-index:11;
}

.animate-in .model-2-3 {
	left: 12%;
	bottom:0;
	opacity: 1;

	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-o-transition-duration: 2s;
	-ms-transition-duration: 2s;
	transition-duration: 2s;
}

.animate-out .model-2-3 {
	left: 12%;
	bottom:-55%;
	opacity: 0;

	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	transition-duration: 1.5s;
}

.title-2 {
	width: 45%;
	right: -15%;
	opacity: 0;
	top: 20%;	
	position:absolute;
}

.animate-in .title-2 {
	right: 0;
	opacity: 1;

	-webkit-transition-duration: 2.5s;
	-moz-transition-duration: 2.5s;
	-o-transition-duration: 2.5s;
	-ms-transition-duration: 2.5s;
	transition-duration: 2.5s;
}

.animate-out .title-2 {
	right: 25%;
	opacity: 0;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}

.subtitle-2 {	
	right: -15%;
	width: 45%;
	opacity: 0;
	top: 40%;
	position:absolute;
}

.animate-in .subtitle-2 {
	right: 0;
	opacity: 1;

	-webkit-transition-duration: 3.5s;
	-moz-transition-duration: 3.5s;
	-o-transition-duration: 3.5s;
	-ms-transition-duration: 3.5s;
	transition-duration: 3.5s;
}

.animate-out .subtitle-2 {
	right: 15%;
	opacity: 0;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}

.model-3-1 {
	right: -15%;
	bottom: 15%;
	opacity: 0;
	position: relative;
	height: auto !important;
	max-height: 411px !important;
	width: auto;
	min-width: 225px; /*prevents the model from shrinking when the browser is resized*/
	position:absolute;
	z-index:9;
}

.animate-in .model-3-1 {
	right: 0;
	bottom:15%;
	opacity: 1;

	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.animate-out .model-3-1 {
	right: -15%;
	bottom:15%;
	opacity: 0;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}

.model-3-2 {
	right: -15%;
	bottom: 15%;
	opacity: 0;
	position: relative;
	height: auto !important;
	max-height: 411px !important;
	width: auto;
	min-width: 225px; /*prevents the model from shrinking when the browser is resized*/
	position:absolute;
	z-index:9;
}

.animate-in .model-3-2 {
	right: 12%;
	bottom:15%;
	opacity: 1;

	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	transition-duration: 1.5s;
}

.animate-out .model-3-2 {
	right: -15%;
	bottom:15%;
	opacity: 0;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}

.model-3-3 {
	right: -15%;
	bottom: 5%;
	opacity: 0;
	position: relative;
	height: auto !important;
	max-height: 411px !important;
	width: auto;
	position:absolute;
	z-index:9;
}

.animate-in .model-3-3 {
	right: 35%;
	bottom:5%;
	opacity: 1;

	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-o-transition-duration: 2s;
	-ms-transition-duration: 2s;
	transition-duration: 2s;
}

.animate-out .model-3-3 {
	right: -15%;
	bottom:5%;
	opacity: 0;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}

.model-3-4 {
	right: -15%;
	bottom: 9%;
	opacity: 0;
	position: relative;
	height: auto !important;
	max-height: 411px !important;
	width: auto;
	position:absolute;
	z-index:9;
}

.animate-in .model-3-4 {
	right: 34%;
	bottom:9%;
	opacity: 1;

	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-o-transition-duration: 2s;
	-ms-transition-duration: 2s;
	transition-duration: 2s;
}

.animate-out .model-3-4 {
	right: -15%;
	bottom:9%;
	opacity: 0;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}




/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	margin-bottom: 1em;
}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	border-left: 1px solid #fff;
	border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
	border-top: 1px solid rgba(255,255,255,.5);
	padding: .75em 1em;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-menu a {
	color: #13a;
}
.sf-menu li {
	background: #BDD2FF;
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.sf-menu ul li {
	background: #AABDE6;
}
.sf-menu ul ul li {
	background: #9AAEDB;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	background: #CFDEFF;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
#sidebar .sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -10px;
	height: 13px;
	width: 7px;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: white; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
	background:url(/wp-content/themes/circle-2.0.3/css/../images/background/menu-arrow.png) no-repeat right center;
}
#sidebar .sf-arrows > li > .sf-with-ul:focus:after,
#sidebar .sf-arrows > li:hover > .sf-with-ul:after,
#sidebar .sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
#sidebar .sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: white; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
#sidebar .sf-arrows ul li > .sf-with-ul:focus:after,
#sidebar .sf-arrows ul li:hover > .sf-with-ul:after,
#sidebar .sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}

.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.2
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(/wp-content/themes/circle-2.0.3/css/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.2
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(/wp-content/themes/circle-2.0.3/css/AjaxLoader.gif) no-repeat center center
}
/*
Theme Name: Circle theme
Theme URI: http://kopatheme.com
Author: Kopatheme
Author URI: http://kopatheme.com
Description: Circle theme is designed for magazine, news, portfolios, or corporatewith flexible layout. The theme is based on KOPATHEME layout manager technique that will let you flexibility choose layout options of every pages within your site. It is very helpful when you are experimenting with visual hierarchy. You can define unlimited sidebar for widget areas, and with powerful custom widgets, the theme provides you more flexibility and ease-of-use for your site
Version: 2.0.3
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: two-columns, right-sidebar, custom-menu, editor-style, featured-images, post-formats, theme-options, translation-ready
*/

body {
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    background:url(/wp-content/themes/circle-2.0.3/images/background/body-bg.png) repeat 0 0;
}
pre, code {
    font-family: 'DejaVu Sans Mono',Menlo,Consolas,monospace;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin:20px 0;
}

ol {
    margin:0px;
}
ul {
    margin:0px;
}
ul li {
    list-style:none;
    margin:0;
}
ol li {
    list-style:none;
    margin:0;
}
/*------responsive image----------------*/
.responsive-img{
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
/* =========================================================
Elements
============================================================ */
blockquote {
    background-color:#f4f4f4;
    color:#999;
    font-size:13px;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
    margin-bottom:20px;
    padding:10px 15px 10px 20px;
    line-height:24px;
    border-left:5px solid #91c448;
}

/*-DropCap-*/
.kopa-dropcap {
    color: #fff;
    background-color:#91c448;
    font-family:'Rokkitt', serif;
    display: inline-block;
    *display:inline;
    zoom:1;
    float: left;
    font-size: 36px;
    height: 36px;
    line-height: 38px;
    margin: 5px 10px 0 0;
    text-align: center;
    width: 34px;
}
.kp-dropcap.color {
    background-color: #91c448;
    font-size:30px;
    color: #FFFFFF;
    height: 36px;
    line-height: 36px;
    position: relative;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width: 36px;
    z-index: 0;
    margin: 5px 10px 0 0;
}

/*-Button-*/
.small-button {
    display:inline-block;
    *display:inline;
    zoom:1;
    padding:3px 10px;
}
.medium-button {
    display:inline-block;
    *display:inline;
    zoom:1;
    padding:7px 15px;
}
.big-button {
    font-size:13px;
    display:inline-block;
    *display:inline;
    zoom:1;
    padding:10px 20px;
}
.green-button,
.border-button:hover {
    color:#fff;
    background-color:#91c448;
    border:1px solid #91c448;
}
.border-button,
.green-button:hover,
.blue-button:hover,
.orange-button:hover,
.black-button:hover {
    background-color:#fff;
    border:1px solid #e4e4e4;
    color:#484848;
}
.blue-button,
.orange-button,
.black-button {
    transition: all 0.3s ease-in-out 0s;
}
.blue-button {
    background-color: #049cdb;
    border: 1px solid #049cdb;
    color: white;
}
.orange-button {
    background-color: #f89406;
    border: 1px solid #f89406;
    color: white;
}
.black-button {
    background-color: #454545;
    border: 1px solid #454545;
    color: white;
}

.more-link-icon {	
    display: inline-block;
    *display:inline;
    zoom:1;
}
.more-link-icon span {
    color:#91c448;
    font-size:16px;
    font-family:'Rokkitt', serif;
    display: inline-block;
    line-height:20px;
    float:left;
}
.more-link-icon i {
    color:#fff;
    background-color:#91c448;
    background-image:none;
    font-size:8px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    text-align:center;
    line-height:16px;
    padding:2px 2px 3px 3px;
    float:left;
    margin:0 5px 0 0;
}
.more-link-icon:hover span {
    color:#333;
}
.more-link-icon:hover i {
    background-color:#333;
}

/* =========================================================
Heading
============================================================ */
h1 {
    color: #333;
    font: 400 32px/34px  'Rokkitt', serif;
    letter-spacing: 0;
    margin-bottom:5px;

}
h2 {
    color: #333;
    font: 400 28px/30px 'Rokkitt', serif;
    letter-spacing: 0;
    margin-bottom:5px;
}
h3 {
    color: #333;
    font: 400 24px/26px 'Rokkitt', serif;
    letter-spacing: 0;
    margin-bottom:5px;
}
h4 {
    color: #333;
    font: 400 20px/22px 'Rokkitt', serif;
    letter-spacing: 0;
    margin-bottom:5px;

}
h5 {
    color: #333;
    font: 400 16px/20px 'Rokkitt', serif;
    letter-spacing: 0;
    margin-bottom:5px;

}
h6 {
    color: #333;
    font: 400 14px/20px 'Rokkitt', serif;
    letter-spacing: 0;
    margin-bottom:5px;

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #333;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #91c448;
}
p { 
    margin-bottom:10px;
    line-height:20px;
}
/* =========================================================
Clear Floated Elements
============================================================ */
.left{ 
    float:left;
}
.right{
    float:right;
}
.clear {  
    clear: both;  
    display: block;  
    overflow: hidden;  
    visibility: hidden;  
    width: 0;  height: 0;
}
.clearfix:before, .clearfix:after{
    content: '.';  
    display: block;  
    overflow: hidden;  
    visibility: hidden;  
    font-size: 0;  
    line-height: 0;  
    width: 0;  
    height: 0;
}
.clearfix:after{  
    clear: both;
}
.clearfix{  
    zoom: 1;
}
.hover-effect{
    cursor:pointer;
    position:relative;
}
.hover-effect .mask {
    opacity:0;
    filter: alpha(opacity=0);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.5);
}
.hover-effect:hover .mask {
    opacity:1;
    filter: alpha(opacity=100);
}
.hover-effect .mask a.link-detail {
    width:40px !important;
    height:40px !important;
    display:block;
    background-color:rgba(145,196,72,0.75);
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    color:#fff;
    line-height:40px;
    text-align:center;
    font-size:16px;
    position:absolute;
    top:50%;
    margin:-20px 0 0 -20px;
    left:100%;
}
.kp-cat-3 .hover-effect .mask a.link-detail {
    width:60px !important;
    height:60px !important;
    line-height:60px;
    font-size:26px;
    margin:-30px 0 0 -30px;
}
.hover-effect:hover .mask a.link-detail {
    left:50%;
}
.hover-effect .mask a.link-gallery {
    width:40px !important;
    height:40px !important;
    display:block;
    background-color:rgba(145,196,72,0.75);
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    color:#fff;
    line-height:40px;
    text-align:center;
    font-size:16px;
    position:absolute;
    top:50%;
    margin:-20px 0 0 -20px;
    right:100%;
}
.hover-effect:hover .mask a.link-gallery {
    right:50%;
}
.pf-box .hover-effect .mask a.link-detail {
    margin:-10px 0 0 -20px;
}
.pf-box .hover-effect .mask a.link-gallery {
    margin:-30px 0 0 -20px;
}

.bwWrapper {
    position:relative;
    display:block;
}
.bwWrapper a.kp-pf-detail {
    width:40px;
    height:40px;
    display:block;
    background-color:rgba(145,196,72,0.75);
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    color:#fff;
    line-height:40px;
    text-align:center;
    font-size:20px;
    font-weight:700;
    position:absolute;
    top:50%;
    margin:-20px 0 0 -20px;
    left:50%;
    opacity:0;
    filter: alpha(opacity=0);
}
.bwWrapper:hover a.kp-pf-detail {
    opacity:0.8;
    filter: alpha(opacity=80);
}
.bwWrapper a.kp-pf-detail:hover {
    opacity:1;
    filter: alpha(opacity=100);
}


/* =========================================================
CSS3 Transition
============================================================ */
#main-menu li,
.socials-link li a span,
.search-box .search-form .search-submit,
[class^="fa-"], [class*=" fa-"],
.tagcloud a,
.kp-filter ul.ss-links li,
.pagination ul > li > a,
#portfolio-items article .mask,
#pf-items article .mask,
.hover-effect .mask,
#toggle-view li span,
.green-button,
.border-button,
#comments-form #submit-comment,
.more-link-icon span,
.next,.prev,
.kp-our-work .carousel-nav a,
.socials-link li a,
.pf-detail-slider .flex-direction-nav a,
.pf-detail-nav a,
.kp-testimonial .carousel-nav a,
.bwWrapper a.kp-pf-detail,
#mobile-menu > span,
.widget_tag_cloud a,
#pf-filters li label {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#portfolio-items article .mask a,
#pf-items article .mask a,
.hover-effect .mask a {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.search-box .search-form .search-text,
.related-article .entry-item {
    -webkit-transition: border 0.3s ease-in-out;
    -moz-transition: border 0.3s ease-in-out;
    -o-transition: border 0.3s ease-in-out;
    transition: border 0.3s ease-in-out;
}
/* =========================================================
Colunms
============================================================ */
.wrapper{
    width:1120px;
    margin: 0 auto;
}
#main-col {
    float:left;
    width:795px;
    margin-right:25px;
}
.sidebar {
    float:left;
    width:300px;
}
.kp-left-sidebar #main-col {
    float:right;
    width:795px;
    margin-right:0px;
    margin-left:25px;
}
.two-sidebar .sidebar {
    width:250px;
}
.two-sidebar #main-col {
    width:570px;
    margin:0 25px;
}

#main-col.kopa-layout-single-3{
    width: 100%;
    margin: 0px;
}

.mb-20 {
    margin-bottom:20px;
}
.mt-30{
    margin-top: 30px;
}
.sidebar .kopa_widget_text .mb-20{
    margin-bottom: 0;
}
/* =========================================================
Header
============================================================ */
#page-header {
    border-top:3px solid #91c448;
}
#header-top {
    background-color:#fff;
    border-bottom:1px solid #e5e5e5;
}
/*---Main Menu---*/
#main-menu > li {
    float:left;
    position:relative;
    z-index:99999;
}
#main-menu > li > a {
    font-size:16px;
    color:#444;
    font-family:'Rokkitt', serif;
    text-transform:uppercase;
    display:block;
    line-height:26px;
    padding:15px 20px 13px;
    border-left:1px solid #e5e5e5;
}
.sf-arrows > li > .sf-with-ul:after {
    border-width:0px;
}
.sf-arrows li ul li .sf-with-ul:after {
    border-width:7px;
    margin-top:-7px;
    right:8px;
    background-repeat:no-repeat;
    background-position:right center;
    background-image:url(/wp-content/themes/circle-2.0.3/images/background/menu-arrow.png);
}
.sf-arrows ul li > .sf-with-ul:focus:after, 
.sf-arrows ul li:hover > .sf-with-ul:after, 
.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color:transparent;
}
#main-menu > li:hover {
    background-color:#f4f4f4;
}
#main-menu > li.current-menu-item, #main-menu > li.current-menu-parent {
    background-color:#91c448;
}
#main-menu > li.current-menu-item a, 
#main-menu > li.current-menu-parent a{
    color:#fff;
}
#main-menu > li.menu-home-icon > a {
    background:url(/wp-content/themes/circle-2.0.3/images/icons/home.png) no-repeat center center;
    text-indent:-99999px;
    width:20px;
    height:26px;
}
#main-menu > li.menu-home-icon.current-menu-item > a {
    background:url(/wp-content/themes/circle-2.0.3/images/icons/home-hover.png) no-repeat center center;
    background-color:#91c448;
}
#main-menu li:hover > ul{
    display:block;
}

/*---Sub menu---*/
#main-menu li ul {
    display:none;
    position:absolute;
    width:180px;
    top:54px;
    left:0;
    background-color:#fff;
    border:1px solid #e5e5e5;
}
#main-menu li ul li {
    border-top:1px solid #e5e5e5;
    padding:10px 15px;
    position:relative;
}
#main-menu li ul li:first-child {
    border-top:none;
}
#main-menu li ul li:hover,
#main-menu li ul li.current-menu-item {
    background-color:#f4f4f4;
}
#main-menu li ul li a {
    color:#444 !important;
    font-size:13px;
    display:block;
}
#main-menu li ul li ul {
    top:-1px;
    left:180px;
}

/*--------------Mobile Menu-------------------*/
#mobile-menu {
    display:none;
    position:relative;
}
#mobile-menu > span {
    display:inline-block;
    text-transform:uppercase;
    font-family:'Rokkitt', serif;
    font-size:20px;
    padding:10px 0;
    cursor:pointer;
}
#mobile-menu > span:hover {
    color:#91c448;
}
#toggle-view-menu {
    display:none;
    list-style: none;
    margin: 0;
    padding: 0;	
    border-top: none;
    position:absolute;
    top:40px;
    left:0;
    z-index:99999;
    width:220px;
}
#toggle-view-menu > li {
    border-bottom:1px solid #84b440;
    border-top:1px solid #b1da76;
    margin: 0;
    position: relative;
    cursor: pointer;
    list-style: none;
    background-color:#91c448;
}
#toggle-view-menu h3 {
    font-size: 16px;
    margin: 0;	
    float: left;
    line-height: 40px;	
    padding: 0 15px;
}
#toggle-view-menu h3 a {
    color: #fff;
    width:100%;
    display:block;
}
#toggle-view-menu h3 a:hover {
    color: #91c448;
}
#toggle-view-menu span {
    float: right;
    font-size: 26px;
    width: 40px;
    height: 40px;
    font-weight: bold;
    text-align: center;
    color: #636363;
    line-height: 40px;
    background-color:#c2ec86;
}
#toggle-view-menu li.active {
    background-color:#91c448;
}
#toggle-view-menu li.active span,
#toggle-view-menu li.active h3 a {
    color:#fff;
}
#toggle-view-menu .menu-panel {
    margin: 0px;
    display: none;
    padding: 10px 15px 0;
    font-size: 14px;
    color: #fff;
    background-color:#b1da76;
}
#toggle-view-menu .menu-panel ul {
    margin:0;
}
#toggle-view-menu li .menu-panel ul li {
    border:none;
    list-style:disc inside;
    margin: 0 0 10px 0;
    color:#405325;
}
#toggle-view-menu .menu-panel ul li a {
    display:inline-block;
    *display:inline;
    zoom:1;
    color:#405325;
    font-size:12px;
}
#toggle-view-menu .menu-panel ul li ul {
    margin-left:40px;
    margin-top:10px;
}

/*---Header Bottom---*/
#header-bottom {
    border-bottom:1px solid #e5e5e5;
    padding:20px 0;
    background-color:#fafafa;
}
.kp-home-3 #header-bottom {
    border-bottom:none;
}
.sub-page #header-bottom,
.kp-contact-page #header-bottom {
    border-bottom:none;
}
/*---Logo---*/
#logo-image {
    float:left;
    margin-top:7px;
}
#logo-image a,
#logo-image a img {
    display:block;
    width:100%;
}

.social-box {
    float:right;
}
.socials-link {
    float:left;
    margin:5px 20px 0 0;
}
.socials-link li {
    float:left;
    margin-left:10px;
    list-style-type: none !important;

}
.socials-link li:first-child {
    margin-left:0;
}
.socials-link li a{
    width:30px;
    height:30px;
    background-color:#d6d6d6;
    text-align:center;
    line-height:30px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    display: block;    
}
.socials-link li a span {
    font-size:14px;
    color:#fff;
}
.socials-link li.facebook-icon a:hover {
    background-color:#39599f;
}
.socials-link li.twitter-icon a:hover {
    background-color:#45b0e3;
}
.socials-link li.gplus-icon a:hover {
    background-color:#1872bf;
}
.socials-link li.feed-icon a:hover {
    background-color:#f8bc2e;
}
.socials-link li.flickr-icon a:hover {
    background-color:#ff0084;
}
.socials-link li.dribbble-icon a:hover {
    background-color:#d97aa5;
}
.socials-link li.pinterest-icon a:hover {
    background-color:#cb2027;
}
.socials-link li.google-icon a:hover {
    background-color:#fa0101;
}
.socials-link li.linkedin-icon a:hover {
    background-color:#338eb6;
}
.socials-link li.deviantart-icon a:hover {
    background-color:#5cab31;
}
.socials-link li.wordpress-icon a:hover {
    background-color:#288ebb;
}
.socials-link li.youtube-icon a:hover {
    background-color:#cb1616;
}
.socials-link li.vimeo-icon a:hover {
    background-color:#44bbff;
}
/*- Search Box -*/
.social-box .search-box{
    float:right;
}
.search-box .search-form {
    position:relative;
    margin:0;
}
.search-box .search-form .search-text {
    height:40px;
    line-height:40px;
    background-color:#fafafa;
    border:1px solid #e4e4e4;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    padding:0 10px;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    margin:0;
    width:100%;
    box-shadow:none;
    color:#666;
    font-size:12px;
}
.social-box .search-box .search-form .search-text {
    width:202px;
}
.search-box .search-form .search-submit {
    border:none;
    width:40px;
    height:40px;
    background-repeat:no-repeat;
    background-position: center center;
    background-color:#91c448;
    background-image:url(/wp-content/themes/circle-2.0.3/images/icons/search-icon.png);
    position:absolute;
    right:0px;
    top:0;
    padding:0;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
}
.search-box .search-form .search-text:focus {
    box-shadow:none;
    border:1px solid #91c448;
}
.search-box .search-form .search-submit:hover {
    background-color:#e4e4e4;
}

/* =========================================================
Home page slider
============================================================ */
.ei-slider{
    position: relative;
    width: 100%;
    max-width: 2700px;
    height: 405px;
    margin: 0 auto 45px;
}
.kp-home-2 .ei-slider {
    margin: 0 auto;
}
.ei-slider-loading{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index:999;
    background: rgba(0,0,0,0.9);
    color: #fff;
    text-align: center;
    line-height: 405px;
}
.ei-slider-large{
    height: 100%;
    width: 100%;
    position:relative;
    overflow: hidden;
}
.ei-slider-large li{
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    height: 100%;
    width: 100%;
}
.ei-slider-large li img{
    width: 100%;
    display:block;
}
.ei-title{
    position: absolute;
    left: 40px;
    bottom: 40px;
    width:580px;
}
.ei-title h2, .ei-title h3{
    text-align: left;
}
.ei-title h2{
    font-size: 24px;
    font-weight:700;
    line-height: 26px;
    font-family:'Rokkitt', serif;	
    float:left;
    margin-bottom:10px;	
    padding:3px;
    background-color:rgba(255,255,255,.4);
}
.ei-title h2 a {
    display:block;
    color: #fff;
    background-color:#91c448;
    padding:5px 15px;
}
.ei-title h3{
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    background-color:rgba(0,0,0,.7);
    font-family: 'Open Sans', sans-serif;
    padding:10px;
    border-top:2px solid #91c448;
    float:left;
    margin:0;
}
.ei-slider-thumbs{
    height: 8px;
    margin: 0 auto;
    position: relative;
    z-index:900;
}
.ei-slider-thumbs li{
    position: relative;
    float: left;
    height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
    top: 0px;
    left: 0px;
    position: absolute;
    height: 100%;
    z-index: 10;
    text-indent: -9000px;
    background: #91c448;
}
.ei-slider-thumbs li a{
    display: block;
    text-indent: -9000px;
    background: #d6d6d6 ;
    width: 100%;
    height: 100%;
    cursor: pointer;
    outline:none;
    -webkit-box-shadow: 0px 1px 0px 1px #fff;
    -moz-box-shadow: 0px 1px 0px 1px #fff;
    box-shadow: 0px 1px 0px 1px #fff;
    -webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
    background-color: #91c448;
}
.ei-slider-thumbs li img{
    position: absolute;
    bottom: 50px;
    opacity: 0;
    z-index: 999;
    max-width: 100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-reflect: 
        below 0px -webkit-gradient(
        linear, 
        left top, 
        left bottom, 
        from(transparent), 
        color-stop(50%, transparent), 
        to(rgba(255,255,255,0.3))
        );
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
    opacity: 1;
    bottom: 13px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* for preview gallery post format on eislider */
.gallery-eislider-preview {
    position: absolute; 
    top: 0; 
    height: 63px; 
    overflow: hidden; 
}
.gallery-eislider-preview .hover-effect {
    float: left;
}
.gallery-eislider-preview .hover-effect img {
    width: 63px;
    height: auto;
}
.gallery-eislider-preview .hover-effect .mask a.link-detail {
    font-size: 13px;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px;
}

/* =========================================================
Main content
============================================================ */
#main-content {
    padding-top:40px;
}
.kp-home-3 #main-content,
.kp-about-page #main-content {
    padding-top:0px;
}
.sub-page #main-content {
    background-color:#fff;
}

/*-Tabs-*/
.list-container-1 ul {
    margin:0;
}
.list-container-1 ul li {
    list-style:none;
    float:left;
    margin:0px 1px 0 0;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    width:49.939%;
}
.list-container-1 ul li a {
    border:1px solid #e4e4e4;
    padding:15px 20px;
    color:#333;
    font-size:24px;
    font-family:'Rokkitt', serif;
    display:block;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.list-container-1 ul li.active a, 
.list-container-1 ul li:hover a {
    text-decoration:none;
    color:#fff;
    border:1px solid #91c448;
    background-color:#91c448;	
}
.list-container-1 ul li a span {
    margin-right:10px;
    background:none;
    width:25px;
    color:#91c448;
}
.list-container-1 ul li:hover a span,
.list-container-1 ul li.active a span{
    color:#fff;	
}
.kp-title{
    border:1px solid #91c448;
    background-color:#91c448;	
    padding:10px 20px;
    color:#fff;
    font-size:24px;
    font-family:'Rokkitt', serif;
    display:block;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.kp-title span{
    color:#fff;	
    margin-right:10px;
    background:none;
    width:25px;
}
/*---Timeline---*/
.timeline-container {
    position:relative;
    padding-top:25px;
    margin-bottom:35px;
}
#time-line {
    height:100%;
    width:2px;
    background-color:#91c448;
    position:absolute;
    top:0;
    left:75px;
}
.timeline-container .load-more {
    position:absolute;
    border:2px solid #91c448;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    background-color:#fff;
    bottom:0;
    left:59px;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    color:#91c448;
    cursor: pointer;
}
.timeline-container .tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}
.timeline-container .tooltip.top .tooltip-arrow {
    border-top-color: #91c448;
}
.timeline-container .tooltip-inner {
    background-color:#91c448;
}
.timeline-container .load-more i {
    background:none;
    font-size:16px;
    line-height:16px;
    width:16px;
    margin:0;
}
.kp-loading{
    width: 16px;
    height: 16px;
    position: absolute;
    bottom:-23px;
    left:68px;
    background: url(/wp-content/themes/circle-2.0.3/images/loading.gif) no-repeat 0 0;
    display: block;
}
.timeline-item {
    margin-bottom:25px;
}
.timeline-item.gallery-post {
    margin-bottom:40px;
}
.timeline-item .timeline-icon {
    float:left;
    width:110px;
    position:relative;
}
.timeline-item .timeline-icon .dotted-horizon {
    border-bottom:2px dotted #91c448;
    position:absolute;
    top:20px;
    left:48px;
    width:60px;
    height:2px;
    display:block;
}
.timeline-item .timeline-icon .vertical-line {
    background:url(/wp-content/themes/circle-2.0.3/images/background/body-bg.png) repeat-y;
    width:24px;
    height:34px;
    position:absolute;
    top:5px;
    left:64px;
    z-index:3;
}
.timeline-item .timeline-icon .circle-outer {
    border:2px solid #91c448;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    background:url(/wp-content/themes/circle-2.0.3/images/background/body-bg.png) repeat 0 0;
    position:absolute;
    top:13px;
    left:67px;
    display:block;
    width:15px;
    height:15px;
    z-index:4;
}
.timeline-item .timeline-icon .circle-inner {
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    background-color:#91c448;
    position:absolute;
    top:20px;
    left:74px;
    display:block;
    width:5px;
    height:5px;
    z-index:5;
}
.timeline-item .timeline-icon div .post-type {
    margin:0;
    width:47px;
    height:47px;
    line-height:47px;
    background-color:#91c448;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    font-size:15px;
    color:#fff;
    text-align:center;
    display: block;
}
.timeline-item .timeline-icon div p span {
    margin-top:15px;
}
.timeline-item .entry-body {
    float:left;
    padding:20px;
    background-color:#fff;
    border:1px solid #e4e4e4;
    width:685px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.timeline-item .entry-body .entry-title {
    margin:-3px 0 5px;
}
.more-link {
    color: #91C448;
    font-family: 'Rokkitt',serif;
    font-size: 18px;
    padding: 0 15px 0 0;   
}
.more-link:hover {
    color:#333;
}

.timeline-item .entry-body .kp-thumb {
    float:left;
    margin-right:20px;
    width:268px;
}
.timeline-item .entry-body .kp-thumb a,
.timeline-item .entry-body .kp-thumb img {
    display:block;
    width:100%;
}
.timeline-item .entry-body header {
    margin-bottom:10px;
    border-bottom:1px solid #ececec;
    padding-bottom:5px;
    float:left;
    width:355px;
}
.timeline-item.link-post .entry-body header {
    float:none;
    width:100%;
}

.timeline-item.quote-post,
.timeline-item.audio-post,
.timeline-item.gallery-post {
    text-align:center;
}
.timeline-item.gallery-post .entry-body {
    position:relative;
}

.timeline-item.quote-post .entry-body p {
    font-size:24px;
    font-family:'Rokkitt', serif;
    line-height:26px;
    color:#333;
    margin-top:-3px;
}

.timeline-item.quote-post .entry-body .quote-name {
    position:relative;
    display:inline-block;
    font-size:13px;
    color:#333;
}
.timeline-item.quote-post .entry-body header {
    margin-top:10px;
}

.timeline-item.quote-post .entry-body header {
    width:100%;
    padding-bottom:0;
    border-bottom:none;
    margin-bottom:0;
    float:none;
}
.timeline-item.audio-post .entry-body header {
    width:100%;
    float:none;
    margin-bottom:20px;
}
.timeline-item.gallery-post .entry-body header {
    width:100%;
    float:none;
    padding-bottom:0;
    border-bottom:none;
    margin-bottom:0;
}

.timeline-item.audio-post .entry-body audio {
    margin-bottom:15px;
}

.timeline-item.gallery-post .latest-gallery-img a,
.timeline-item.gallery-post .latest-gallery-img a img,
.timeline-item.gallery-post .older-gallery-img li a,
.timeline-item.gallery-post .older-gallery-img li a img {
    display:block;
    width:100%;
}
.timeline-item.gallery-post .older-gallery-img {
    margin:10px -10px 0px 0;
}
.timeline-item.gallery-post .older-gallery-img li,
.timeline-item.gallery-post .more-gallery-img li {
    float:left;
    margin-right:10px;
    width:207px;
}
.timeline-item.gallery-post .more-gallery-img li{
    margin-bottom: 10px;
}
.timeline-item.gallery-post .more-gallery-img {
    margin:10px -10px 10px 0;

}
.more-panel{
    display:none;
}
.load-more-gallery {
    background-color:#91c448;
    display:block;
    width:34px;
    height:16px;
    position:absolute;
    bottom:-16px;
    left:50%;
    margin-left:-17px;
    border-radius:0 0 34px 34px;
    -moz-border-radius:0 0 34px 34px;
    -webkit-border-radius:0 0 34px 34px;
    cursor:pointer;
}
.load-more-gallery span {
    position:absolute;
    top:4px;
    right:11px;
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: block;
    height: 0;
    transition: border 0.3s ease-in-out 0s;
    width: 0;
}
.load-more-gallery.arrow-up span {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: none;
}

.timeline-item.audio-post .entry-body iframe {
    margin-bottom:10px;
}

.time-to-filter {
    margin-left:45px;
    height:17px;
    margin-bottom:37px;
    border-bottom:1px solid #e4e4e4;
    position:relative;
}
.time-to-filter .timeline-filter {
    color:#91c448;
    font-weight:700;
    font-size:14px;
    font-family:'Rokkitt', serif;
    line-height:34px;
    background:url(/wp-content/themes/circle-2.0.3/images/background/body-bg.png) no-repeat 0 center;
    background-size:20px 20px;
    position:absolute;
    top:0;
    left:0;
    margin:0;
    width:65px;
    text-align:center;
}
.time-to-filter .timeline-filter span {
    display:inline-block;
    background:url(/wp-content/themes/circle-2.0.3/images/background/body-bg.png) repeat 0 0;
}
.time-to-filter .post-quantity {
    position:absolute;
    left:100px;
    top:8px;
    font-size:14px;
    font-family:'Rokkitt', serif;
    color:#535353;
    background-color:#fff;
    border:1px solid #e4e4e4;
    padding:0 10px;
}
.time-to-filter .top-ring {
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width:8px;
    height:8px;
    background-color:#91c448;
    display:block;
    position:absolute;
    top:0;
    left:27px;
}
.time-to-filter .bottom-ring {
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width:8px;
    height:8px;
    background-color:#91c448;
    display:block;
    position:absolute;
    bottom:-17px;
    left:27px;
}
.kp-filter .ss-links {
    display:none;
}
.kp-filter {
    display:inline-block;
    position:absolute;
    right:20px;
    top:-43px;
    z-index:10000;
    cursor:pointer;
}
.kp-filter div {
    position:relative;
}
.kp-filter div > a {
    width:22px;
    height:22px;
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#a1d952;
    background-image:url(/wp-content/themes/circle-2.0.3/images/background/filter-arrow.png);
    display:block;
    float:left;
}
.kp-filter span {
    display:block;
    float:left;
    line-height:22px;
    margin-right:5px;
    color:#fff;
    font-style:italic;
}
.kp-filter em {
    display:block;
    float:left;
    line-height:22px;
    margin-right:10px;
    color:#fff;
}
.kp-filter ul.ss-links {
    position:absolute;
    top:38px;
    right:-21px;
    width:175px;
    background-color:#91c448;
}
.kp-filter ul.ss-links li {

}
.kp-filter ul.ss-links li a, .kp-filter ul.ss-links li span {
    color:#fff;
    font-size:14px;
    text-transform:uppercase;
    font-family:'Rokkitt', serif;
    border-bottom:1px dotted #fff;
    padding:10px 20px 10px;
    display:block;
    float: none;
    font-style: normal;
}
.kp-filter ul.ss-links li:hover {
    background-color:#a1d952;
}
.kp-filter ul.ss-links li.year {
    background-color:#222;
    border-bottom:none;
}
.kp-filter ul.ss-links li.year span{
    font-size:26px;
    font-weight:400;
    line-height: 20px;
    margin-right: 0;
}

/* =========================================================
Sidebar
============================================================ */
.sidebar .widget {
    margin-bottom:35px;
}
.sidebar .widget .widget-title {
    margin:-3px 0 15px;
    font-size:20px;
    text-transform:uppercase;
    line-height:20px;
}
.sidebar .widget.kp-gallery-widget .widget-title {
    margin-bottom: 5px;
}.sidebar .widget.kp-gallery-widget ul{
    margin-bottom: 0;
}

.sidebar .widget .entry-category a:hover,
.sidebar .widget .entry-comment a:hover {
    color:#91c448;
}
.sidebar .widget ul li,
#bottom-sidebar .widget ul li {
    border-bottom:1px solid #ececec;
    padding-bottom:15px;
    margin-bottom:15px;
}
.sidebar .widget .kp-popular-post li .entry-thumb,
.sidebar .widget .kp-latest-post li .entry-thumb,
.sidebar .widget .kp-comment li .entry-thumb,
.sidebar .widget .kp-latest-comment li .entry-thumb,
#bottom-sidebar .widget .kp-latest-comment li .entry-thumb {
    display:block;
    float:left;
    margin-right:15px;
    width:60px;
}
.sidebar .widget .kp-latest-comment li .entry-content .comment-name{
    color: #91C448;
}
.sidebar .widget .kp-latest-comment li .entry-content p{
    margin-bottom: 0;
}
.sidebar .widget .kp-popular-post li .entry-title,
.sidebar .widget .kp-latest-post li .entry-title,
.sidebar .widget .kp-comment li .entry-title {
    font-size:18px;
    margin:0px;
    line-height:20px;
}
.sidebar .widget .entry-meta,
.sidebar .widget .entry-category,
.sidebar .widget .entry-comment {
    font-size:11px;
    color:#777;
}
.sidebar .widget .entry-category a,
.sidebar .widget .entry-comment a {
    color:#777;
}

.list-container-2 ul,
.list-container-3 ul {
    margin: 0;
}
.list-container-2 ul li,
.sidebar .widget .list-container-2 ul li,
.list-container-3 ul li,
.sidebar .widget .list-container-3 ul li {
    float: left;
    list-style: none outside none;
    margin: 0 2px 0 0;
    border:none;
    padding:0;
    width:98px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.two-sidebar .list-container-2 ul li,
.two-sidebar .sidebar .widget .list-container-2 ul li,
.two-sidebar .list-container-3 ul li,
.two-sidebar .sidebar .widget .list-container-3 ul li {
    width:81px;
}
.list-container-2 ul li a,
.list-container-3 ul li a {
    background-color: #fff;
    border:1px solid #e4e4e4;
    color: #7e7e7e;
    display: block;
    font-family:'Rokkitt', serif;
    font-size: 18px;
    padding: 8px 0;
    text-align:center;
    outline:none;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}
.list-container-2 ul li.active a, 
.list-container-2 ul li:hover a,
.list-container-3 ul li.active a, 
.list-container-3 ul li:hover a {
    border-top:1px solid #91c448;
    color: #333;
    text-decoration: none;
}
.tab-container-2 {
    background-color:#fff;
    border:1px solid #e4e4e4;
    border-top:none;
    padding:30px 20px 15px;
}
.tab-container-3 {
    background-color:#fff;
    border:1px solid #e4e4e4;
    padding:15px 20px;
    margin-top: -1px;
}

/*---Twitter---*/
.tweet_list li .tweet_time a,
.tweet_list li .tweet_text a:hover {
    color:#555;
}
.tweet_list li .tweet_time a:hover,
.tweet_list li .tweet_text a {
    color:#91c448;
}
.tweet_list li .tweet_text {
    display:block;
}
.tweet_list li .tweet_avatar {
    display:block;
    float:left;
    margin-right:10px;
}

.widget_archive ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li,
.widget_meta ul li,
.widget_categories ul li,
.widget_pages ul li,
.widget_nav_menu ul li {
    font-size:13px;
}
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li,
.widget_meta ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_pages ul li,
.widget_nav_menu ul li{
    list-style:inside disc;
    color:#aaa;
}
.widget_archive ul li a,
.widget_recent_comments ul li a,
.widget_recent_entries ul li a,
.widget_rss ul li a,
.widget_meta ul li a,
.widget_categories ul li a, 
.widget_archive ul li a,
.widget_pages ul li a,
.widget_nav_menu ul li a{
    color:#444;
}
.widget_archive ul li a:hover,
.widget_recent_comments ul li a:hover,
.widget_recent_entries ul li a:hover,
.widget_rss ul li a:hover,
.widget_meta ul li a:hover,
.widget_categories ul li a:hover, 
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_nav_menu ul li a:hover {
    color:#91c448;
}
.widget_tag_cloud a {
    display:inline-block;
    color:#fff;
    background-color:#9e9e9e;
    padding:3px 10px;
    margin-bottom:5px;
    margin-right:2px;
}
.widget_tag_cloud a:hover {
    background-color:#91c448;
}
.widget_archive ul li i {
    background:none;
    margin-right:10px;
    color:#c2c2c2;
    line-height:18px;
}
.adv-300-300 a,
.adv-300-300 a img {
    display:block;
    width:100%;
}

.sidebar .kp-gallery-widget ul {
    margin-right:-9px;
}
.sidebar .kp-gallery-widget ul li {
    float:left;
    margin-right:9px;
    width:94px;
    border-bottom:none;
    padding-bottom:0;
    margin-top:9px;
    margin-bottom:0px;
}
.sidebar .kp-gallery-widget ul li a,
.sidebar .kp-gallery-widget ul li a img {
    display:block;
    width:100%;
}
.widget_categories select,
.widget_archive select{
    width: 100%;
}

.widget_nav_menu ul li .sub-menu {
    margin-left:30px;
    margin-top:15px;
}
.widget_nav_menu ul li .sub-menu li {
    list-style:none;
}

/* =========================================================
Bottom Sidebar
============================================================ */
#bottom-sidebar {
    background-color:#fafafa;
    border-top:1px solid #e9e9e9;
    border-bottom:1px solid #e9e9e9;
    padding:40px 0 30px;
}
#bottom-sidebar #logo-image {
    float:none;
    margin-bottom:20px;
}
#bottom-sidebar #logo-image a img {
    max-width:100%;
    width:auto;
}
#bottom-sidebar .widget .widget-title {
    text-transform:uppercase;
    color:#555;
    margin:0 0 25px;
    font-size:22px;
}
.kp-home-3 #bottom-sidebar,
.kp-about-page #bottom-sidebar,
.kp-pf-3col #bottom-sidebar,
.kp-pf-2col #bottom-sidebar,
.kp-pf-1col #bottom-sidebar {
    border-top:1px solid #e5e5e5;
}

/*---Flickr---*/
.flickr-wrap {
    margin:-10px;
}
.flickr-badge-image {
    float:left;
    margin:10px;
    width:71px;
}
/*============================================================================
sidebar
==============================================================================*/
.tagcloud {
    padding-left:13px;
}
.tagcloud a {
    display:inline-block;
    background-color:#9e9e9e;
    color:#fff;
    padding:0px 18px 0 18px;
    height:26px;
    margin-bottom:10px;
    position:relative;
    margin-right:10px;
}
.tagcloud a .kp-tag-left {
    position:absolute;
    top:0px;
    left:-13px;
    border-right: 13px solid #9e9e9e;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    display: block;
    height: 0;
    transition: border 0.3s ease-in-out 0s;
    width: 0;
}
.tagcloud a .kp-tag-right {
    position:absolute;
    top:0px;
    right:0px;
    border-right: 13px solid #fafafa;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    display: block;
    height: 0;
    transition: border 0.3s ease-in-out 0s;
    width: 0;
}
.tagcloud a .kp-tag-rounded {
    width:10px;
    height:10px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    background-color:#fafafa;
    position:absolute;
    left:0px;
    top:8px;
}
.tagcloud a .kp-tag-text {
    line-height:24px;
}
.tagcloud a:hover {
    background-color:#91c448;
    color:#fff;
}
.tagcloud a:hover .kp-tag-left {
    border-right: 13px solid #91c448;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
}

#bottom-sidebar .kp-latest-comment li a.comment-name {
    color:#91c448;
    display:inline-block;
}
#bottom-sidebar .kp-latest-comment li a.comment-name:hover {
    color:#333;
}
#bottom-sidebar .kp-latest-comment li p {
    display:inline;
}

/* =========================================================
Footer
============================================================ */
#page-footer {
    padding:15px 0;
}
#page-footer .row-fluid,
#page-footer .row-fluid .span12 {
    min-height:inherit;
}
#copyright {
    margin:0;
    color:#626262;
}
/*----------------Back to top-----------------*/
#back-top {
    bottom: 30px;
    margin-bottom: 0;
    margin-right: 15px;
    position: fixed;
    right: 0;
    z-index: 100;
}
#back-top a {
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#91c448;
    background-image:url(/wp-content/themes/circle-2.0.3/images/icons/arrow-up.png);
    display: block;
    height: 50px;
    outline: medium none;
    position: relative;
    text-indent:-9999px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 50px;
    z-index: 0;
    text-align:center;
}
#back-top a:hover {
    background-color:#c9c9c9;
}
.dark-footer #bottom-sidebar {
    background-color:#2c2d2e;
    border-top:4px solid #91c448;
    border-bottom:none;
}
.dark-footer #bottom-sidebar .textwidget {
    color:#b2b2b2;
}
.dark-footer #bottom-sidebar .widget .widget-title {
    color:#fff;
}
.dark-footer #bottom-sidebar .tagcloud a {
    background-color:#515151;
    color:#fff;
}
.dark-footer #bottom-sidebar .tagcloud a .kp-tag-left {
    border-right:13px solid #515151;
}
.dark-footer #bottom-sidebar .tagcloud a .kp-tag-right {
    border-right:13px solid #2c2d2e;
}
.dark-footer #bottom-sidebar .tagcloud a .kp-tag-rounded {
    background-color:#2c2d2e;
}
.dark-footer #bottom-sidebar .tagcloud a:hover {
    background-color:#91c448;
    color:#fff;
}
.dark-footer #bottom-sidebar .tagcloud a:hover .kp-tag-left {
    border-right: 13px solid #91c448;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
}
.dark-footer #bottom-sidebar .kp-latest-comment li p {
    color:#b2b2b2;
}
.dark-footer #bottom-sidebar .widget ul li {
    border-bottom:1px solid #3c3c3c;
}
.dark-footer #bottom-sidebar .kp-latest-comment li a.comment-name:hover {
    color:#fff;
}
.dark-footer #page-footer {
    background-color:#161617;
}
#logo-image a.white-logo {
    display:none;
}
.dark-footer #logo-image a.dark-logo {
    display:none;
}
.dark-footer #logo-image a.white-logo {
    display:block;
}

/**** Isotope Filtering ****/
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:      -o-transform, opacity;
    transition-property:         transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
#isotop-container{
    margin-top: 30px;
    position:relative;
}
.kp-pf-3col #isotop-container,
.kp-pf-2col #isotop-container,
.kp-pf-1col #isotop-container{
    margin-top: 0px;
    position:relative;
}

.isotop-header{
    display:inline-block;
    position:absolute;
    top:-67px;
    right:20px;
    z-index:10;
    cursor:pointer;
}
.isotop-header em {
    display:block;
    float:left;
    margin-right:5px;
    color:#fff;
    line-height:22px;
}
.isotop-header span {
    display:block;
    float:left;
    margin-right:10px;
    color:#fff;
    line-height:22px;
    font-style:italic;
}
.isotop-header > a {
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#A1D952;
    background-image:url(/wp-content/themes/circle-2.0.3/images/background/filter-arrow.png);
    display: block;
    float: left;
    height: 22px;
    width: 22px;
}
.isotop-header #filters {
    display:none;
    background-color: #91C448;
    position: absolute;
    right: -20px;
    top: 38px;
    width: 175px;
    z-index:10000;
}
.isotop-header #filters li{

}
.isotop-header #filters li a{
    color: #FFFFFF;
    font-family: 'Rokkitt',serif;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 1px dotted #FFFFFF;
    padding: 10px 20px;
    display:block;
}
.isotop-header #filters li:hover {
    background-color: #A1D952;
}

.m-wrapper {
    display:none;
    background-color:#91c448;
    height:40px;
    width:100%;
    margin-bottom:20px;
}
.m-isotop-header{
    display:inline-block;	
    z-index:10;
    cursor:pointer;
    float:right;
    margin-top:10px;
    margin-right:10px;
}
.m-isotop-header em {
    display:block;
    float:left;
    margin-right:5px;
    color:#fff;
    line-height:22px;
}
.m-isotop-header span {
    display:block;
    float:left;
    margin-right:10px;
    color:#fff;
    line-height:22px;
    font-style:italic;
}
.m-isotop-header > a {
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#A1D952;
    background-image:url(/wp-content/themes/circle-2.0.3/images/background/filter-arrow.png);
    display: block;
    float: left;
    height: 22px;
    width: 22px;
}
.m-isotop-header #m-pf-filters {
    display:none;
    background-color: #91C448;
    position: absolute;
    right: 0px;
    top: 40px;
    width: 175px;
    z-index:10000;
}
.m-isotop-header #m-pf-filters li a{
    color: #FFFFFF;
    font-family: 'Rokkitt',serif;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 1px dotted #FFFFFF;
    padding: 10px 20px;
    display:block;
}
.m-isotop-header #m-pf-filters li:hover {
    background-color: #A1D952;
}

#pf-filters {
    border:1px solid #eaeaea;
    margin-bottom:25px;
}
#pf-filters li {
    float:left;
}
#pf-filters li label {
    color: #777;
    font-family: 'Rokkitt',serif;
    font-size: 18px;
    display:block;
    padding:7px 15px;
    border-right:1px solid #eaeaea;
    margin: 0;
}
#pf-filters li label.active,
#pf-filters li label:hover {
    color:#fff;
    background-color:#91c448;
    text-decoration:none;
}
#pf-filters li label input {
    display: none;
}

#pf-items article{
    margin-bottom: 25px;
    position:relative;
}
.kp-pf-3col #pf-items {
    margin-left: -25px;
}
.kp-pf-3col #pf-items article {
    width:248px;
    margin-left: 25px;
    margin-bottom: 25px;
}
.kp-pf-2col #pf-items {
    margin-left: -25px;
}
.kp-pf-2col #pf-items article {
    width:385px;
    margin-left: 25px;
    margin-bottom: 25px;
}
.kp-pf-1col #pf-items article {
    width:795px;
}

#pf-items article img,
#portfolio-items article img {
    display:block;
    width:100%;
    height: auto !important;
}

#portfolio-items article:hover .mask,
#pf-items article:hover .mask {
    opacity:1;
    filter: alpha(opacity=100);
}
#portfolio-items article .mask,
#pf-items article .mask {
    opacity:0;
    filter: alpha(opacity=0);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.71);
}
#portfolio-items article .mask a,
#pf-items article .mask a {
    width:40px;
    height:40px;
    display:block;
    background-color:rgba(145,196,72,0.75);
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    color:#fff;
    line-height:40px;
    text-align:center;
    font-size:16px;
    position:absolute;
}
#portfolio-items article .mask a.kp-pf-gallery {
    top:60px;
    right:100%;
}
.kp-pf-3col #pf-items article .mask a.kp-pf-gallery {
    top:50px;
    right:100%;
}
.kp-pf-2col #pf-items article .mask a.kp-pf-gallery {
    top:90px;
    right:100%;
}
.kp-pf-1col #pf-items article .mask a.kp-pf-gallery {
    top:200px;
    right:100%;
}
#portfolio-items article:hover .mask a.kp-pf-gallery,
#pf-items article:hover .mask a.kp-pf-gallery {
    right:48%;
}
#portfolio-items article .mask a.kp-pf-detail {
    top:80px;
    left:100%;
}
.kp-pf-3col #pf-items article .mask a.kp-pf-detail {
    top:70px;
    left:100%;
}
.kp-pf-2col #pf-items article .mask a.kp-pf-detail {
    top:110px;
    left:100%;
}
.kp-pf-1col #pf-items article .mask a.kp-pf-detail {
    top:230px;
    left:100%;
}
#portfolio-items article:hover .mask a.kp-pf-detail,
#pf-items article:hover .mask a.kp-pf-detail {
    left:48%;
}
#portfolio-items article .mask .portfolio-caption,
#pf-items article .mask .portfolio-caption {
    text-align:center;
    color:#fff;
    position:absolute;
    bottom:40px;
    left:0;
    width: 100%;
}
#portfolio-items article .mask .portfolio-caption h3 {
    color:#fff;
}
#portfolio-items article .mask .portfolio-caption h3,
#portfolio-items article .mask .portfolio-caption p {
    padding:0 15px;
}
#portfolio-items article .mask .portfolio-caption p {
    margin-bottom:0;
}

.pagination {
    border-top:1px solid #e5e5e5;
    padding-top:20px;
    margin-top:20px;
    margin-bottom:25px;
}
#comments .pagination,
.entry-box .pagination {
    border-top:none;
    padding-top:0;
}
.pagination ul {
    box-shadow:none;
}
.pagination ul > li {
    margin-right:5px;
    display:inline-block;
}
.pagination ul > li:first-child > a, 
.pagination ul > li:first-child > span,
.pagination ul > li:last-child > a, 
.pagination ul > li:last-child > span {
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
}
.pagination ul > li > a,
.pagination ul > li > span {
    color:#333;
    font-size:18px;
    font-family: 'Rokkitt',serif;
    background-color:#fff;
    padding:5px 12px;
    border:1px solid #e4e4e4;
}
.pagination ul > li:hover > a,
.pagination ul > li span.current {
    color:#fff;
    background-color:#91c448;
}
.pagination ul > li span.dots {
    color:#91c448;
}


#pf-items .pf-info,
.pf-box li .pf-info {
    border:1px solid #eaeaea;
}
#pf-items .pf-info .entry-view,
#pf-items .pf-info .entry-like,
.pf-box li .pf-info .entry-view,
.pf-box li .pf-info .entry-like {
    display:inline-block;
    width:49%;	
    text-align:center;
    line-height:35px;
    box-sizing:border-box;
    moz-box-sizing:border-box;
}
#pf-items .pf-info .entry-view,
.pf-box li .pf-info .entry-view {
    border-right:1px solid #eaeaea;
}
.entry-view,
.entry-like,
.entry-tag,
.entry-category {
    font-size:11px;
    color:#666;
}
.entry-view span.entry-icon,
.entry-tag span.entry-icon,
.entry-category span.entry-icon {
    color:#91c448;
    font-size:15px;
    margin-right:8px;
    background:none;
}
.entry-like a {
    color:#91c448;
    font-size:13px;
    margin-right:8px;
}
.entry-like a:hover {
    color:#666;
}
#pf-items .pf-info .pf-name,
.pf-box li .pf-info .pf-name {
    display:block;
    background-color:#f5f5f5;
    color:#555;
    font-size:18px;
    border-top:1px solid #eaeaea;
    padding:7px 15px;
    font-family: 'Rokkitt',serif;
}
#pf-items .pf-info .pf-name:hover,
.pf-box li .pf-info .pf-name:hover {
    color:#91c448;
}

.pf-thumb-1col {
    width:560px;
    float:left;
    margin-right:20px;
}
.pf-des-1col {
    float:left;
    width:215px;
}
.pf-des-1col header .pf-name {
    font-size:24px;
    color:#333;
    font-family: 'Rokkitt',serif;
    display:block;
    border-bottom:1px solid #dadada;
    padding-bottom:10px;
    margin-bottom:10px;
}
.pf-des-1col header .pf-name:hover {
    color:#91c448;
}
.pf-des-1col header {
    margin-bottom:8px;
}
.pf-des-1col ul {
    border-top:1px solid #ececec;
    margin-top:15px;
    padding-top:5px;
}
.pf-des-1col ul li {
    margin-top:10px;
}
.pf-des-1col ul li .entry-icon {
    width:30px;
    text-align:left;
    margin-right:0;
}

/* =========================================================
Elements page
============================================================ */
#breadcrumb-wrapper {
    background-color:#91c448;
    padding:20px 0;
}
.breadcrumb {
    color:#fff;
    background:none;
    font-weight:700;
    font-family: 'Rokkitt',serif;
    font-size:18px;
    padding:0;
    margin-bottom:10px;
}
.breadcrumb a {
    color:#fff;
}
.kp-intro {
    color:#fff;
    font-size:13px;
}
.kp-intro p {
    margin:0;
}

.elements-box {
    margin-bottom:25px;
}
.element-title {
    font-size:30px;
    padding-bottom:10px;
    margin:0 0 20px;
    border-bottom:1px solid #e5e5e5;
}

/*-------------Toggle Boxes-----------*/
#toggle-view {
    list-style:none;   
    margin:0;
    padding:0;
}
#toggle-view p {
    margin-bottom:0;
}
#toggle-view li {
    margin:0 !important;
    position:relative;
    cursor:pointer;
    list-style:none;	
}

#toggle-view li h3 {
    font-family: 'Rokkitt',serif;
    font-size:20px;
    margin:0;
    color:#5a5a5a;
    padding:17px 20px 17px 45px;
    border-bottom:1px solid #e3e3e3;
}

#toggle-view li:hover span,
#toggle-view li.active span {
    background-color:#929292;
}
#toggle-view li span {
    position:absolute;
    left:0px;
    top:15px;
    font-size:20px;
    width:30px;
    height:30px;
    font-weight:bold;
    text-align:center;
    color:#fff;
    line-height:28px;
    background-color:#91c448;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}
#toggle-view li.active span {
    line-height:26px;
}
#toggle-view .panel {
    margin:0;
    display:none;
}
#toggle-view .panel p {
    margin:10px 0;
}

/************Accordion**************/
.accordion-title {
    margin-bottom:10px;
    position:relative;
}
.accordion-title span {
    display:block;
    position:absolute;
    width:30px;
    height:30px;
    color:#fff;
    background-color:#91c448;
    line-height:30px;
    text-align:center;
    font-size:20px;
    font-weight:700;
    left:0;
    top:0;
    cursor: pointer;
}
.accordion-title h3{
    margin:0px 0px 0px 45px;
    line-height:18px;
    font-size:22px;
    color:#333;
    font-family: 'Rokkitt',serif;
    line-height:30px;
}
.accordion-title a {
    color:#333;
    display: inline-block;
    *display:inline;
    zoom:1;
}
.accordion-title.active span {
    background-color:#929292;
}
.accordion-container {
    margin:10px 0;
}
.kp-button-box .small-button,
.kp-button-box .medium-button,
.kp-button-box .big-button {
    margin-right:15px;
    margin-bottom:15px;
}

/* =========================================================
Category page 1
============================================================ */
.article-list > li {
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid #ececec;
    position:relative;
}
.kp-cat-3 .article-list li {
    margin-bottom:30px;
}
.article-list li article.article-no-thumb .entry-content .entry-header {
    width:100%;
}
.article-list li article .entry-thumb {
    float:left;
    margin-right:20px;
    width:290px;
}
.article-list li article.audio-post .entry-thumb {
    float:none;
    margin-right:0px;
    margin-bottom:15px;
}
.kp-cat-3 .article-list li article .entry-thumb {
    float:none;
    margin-right:0px;
    width:100%;
    margin-bottom:20px;
}
.kp-cat-3 .article-list li article .entry-thumb img {
    width:100%;
}
.article-list li article .entry-thumb a,
.article-list li article .entry-thumb a img {
    display:block;
    width:100%;
}
.article-list li article .entry-title {
    font-size:30px;
    margin:-3px 0 7px;
}
.article-list li article .entry-title a {
    color:#686868;
}
.article-list li article .entry-title a:hover {
    color:#91c448;
}
.article-list li article .entry-header {
    border-bottom:1px solid #ececec;
    padding-bottom:10px;
    margin-bottom:15px;
    float:left;
    width:475px;
}
.article-list li article.audio-post .entry-header {
    float:none;
    width:100%;
}
.kp-cat-3 .article-list li article .entry-header,
.kp-cat-3.two-sidebar .article-list li article .entry-header {
    float:none;
    width:100%;
}
.two-sidebar .article-list li article .entry-header {
    width:260px;
}
.two-sidebar .article-list li article.audio-post .entry-header {
    width:100%;
}
.article-list li article .entry-date,
.article-list li article .entry-comment,
.article-list li article .entry-comment a,
.article-list li article .entry-category,
.article-list li article .entry-category a,
.article-list li article .entry-author,
.article-list li article .entry-author a {
    font-size:11px;
    color:#555;
}
.article-list li article .entry-comment a:hover,
.article-list li article .entry-category a:hover,
.article-list li article .entry-author a:hover {
    color:#91c448;
}
.article-list li article .entry-date,
.article-list li article .entry-author,
.article-list li article .entry-category {
    margin-right:15px;
}
.kp-cat-1 .article-list-wrapper .article-bullet,
.kp-cat-1 .article-list-wrapper .article-list-line,
.kp-cat-1 .article-list li article .entry-meta-box .entry-meta-icon,
.kp-cat-1 .article-list li article .entry-meta-box .entry-meta-circle,
.kp-cat-3 .article-list-wrapper .article-bullet,
.kp-cat-3 .article-list-wrapper .article-list-line,
.kp-cat-3 .article-list li article .entry-meta-box .entry-meta-icon,
.kp-cat-3 .article-list li article .entry-meta-box .entry-meta-circle {
    display:none;
}

/* =========================================================
Category page 2
============================================================ */
.kp-cat-2 .article-list-wrapper {
    position:relative;
    padding-left:25px;
    margin-top:25px;
    margin-bottom:25px;
}
.article-list-wrapper .article-bullet {
    display:block;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    background-color:#91c448;
    width:7px;
    height:7px;
    position:absolute;
    bottom:0;
    left:22px;
}
.article-list-wrapper .article-list-line {
    position:absolute;
    width:1px;
    height:100%;
    background-color:#91c448;
    top:0;
    left:25px;
}
.kp-cat-2 .article-list li {
    margin-top:40px;
    border-bottom:none;
    margin-bottom:60px;
}
.kp-cat-2 .article-list li article .entry-content {
    width:370px;
    float:left;
}
.kp-cat-2 .article-list li article.audio-post .entry-content {
    width:100%;
    float:none;
}
.kp-cat-2 .article-list li article .entry-content .entry-header {
    width:100%;
}
.kp-cat-2 .article-list li article .entry-content p {
    margin-bottom:15px;
}
.kp-cat-2 .article-list li article.article-no-thumb .entry-content {
    width:100%;
}
.kp-cat-2 .article-list li article .entry-header {
    border-bottom:none;
    margin-bottom:0;
    display:block;
    padding-bottom:5px;
}
.kp-cat-2 .article-list li article .entry-meta-box {
    display:block;
    position:absolute;
    top:-40px;
    left:0;
    border-bottom:1px solid #e5e5e5;
    width:100%;
    padding-bottom:0;
    margin-bottom:0;
}
.kp-cat-2 .article-list li article .entry-meta-box .entry-meta-box-inner {
    position:absolute;
    top:-12px;
    left:40px;
}
.kp-cat-2 .article-list li article .entry-date,
.kp-cat-2 .article-list li article .entry-author,
.kp-cat-2 .article-list li article .entry-category,
.kp-cat-2 .article-list li article .entry-comment {
    display:inline-block;
    border:1px solid #ededed;
    padding:3px 10px 2px;
    background:url(/wp-content/themes/circle-2.0.3/images/background/body-bg.png) repeat 0 0;
}
.kp-cat-2 .article-list li article {
    margin-left:40px;
}
.kp-cat-2 .article-list li article .entry-meta-box .entry-meta-circle {
    display:block;
    width:6px;
    height:6px;
    background-color:#91c448;
    position:absolute;
    right:0;
    top:-3px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}
.kp-cat-2 .article-list li article .entry-meta-box .entry-meta-icon {
    display:block;
    width:47px;
    height:47px;
    background-color:#91c448;
    position:absolute;
    left:-23px;
    top:-23px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    text-align:center;
    color:#fff;
    line-height:47px;
    font-size:18px;
}
.kp-cat-2 .article-list-wrapper .pagination {
    margin-left:40px;
}
.kp-cat-2 .article-list li article .entry-thumb {
    width:340px;
}

/* =========================================================
Singe page 1
============================================================ */
.entry-box {
    margin-bottom:30px;
}
.entry-box ul li,
.entry-box ol li {
    list-style:inside disc;
    margin-bottom:10px;
}
/*
.entry-box img {
    float:left;
    width:40%;
    margin-right:20px;
}
*/
.entry-box .entry-thumb,
.entry-box .entry-thumb img {
    display:block;
    width:100%;
    float:none;
}
.entry-box .entry-header {
    margin-bottom:15px;
}
.entry-box .entry-title {
    font-size:33px;
    color:#333;
    margin:15px 0 10px;
}
.kp-single-3 .entry-box .entry-title {
    margin:20px 0 10px;
}
.entry-date,
.entry-comment,
.entry-comment a,
.entry-category,
.entry-category a,
.entry-author,
.entry-author a,
.entry-tag a {
    font-size:11px;
    color:#777;
}
.entry-date span.entry-icon,
.entry-author span.entry-icon,
.entry-category span.entry-icon,
.entry-comment span.entry-icon {
    background:none;
    margin-right:5px;
    font-size:13px;
    color:#91c448;
}
.entry-comment a:hover,
.entry-category a:hover,
.entry-author a:hover,
.entry-tag a:hover {
    color:#91c448;
}
.entry-date,
.entry-author,
.entry-category {
    margin-right:15px;
}

.kp-single-1 .entry-box .article-bullet,
.kp-single-1 .entry-box .article-list-line,
.kp-single-1 .entry-box .entry-meta-box .entry-meta-icon,
.kp-single-1 .entry-box .entry-meta-box .entry-meta-circle {
    display:none;
}
.entry-box .pagination {
    text-align:center;
    margin:25px 0 20px;
}
.entry-box .pagination li a,
.entry-box .pagination li span {
    border:none;
    background:none !important;
    padding:3px 7px;
    color:#444;
}
.entry-box .pagination li a:hover {
    color:#91c448;
}
.entry-box footer .prev-post {
    float:left;
}
.entry-box footer .next-post {
    float:right;
}
.entry-box footer .prev-post a,
.entry-box footer .next-post a {
    font-size:18px;
    font-family: 'Rokkitt',serif;
    color:#91c448;
}
.entry-box footer .prev-post a:hover,
.entry-box footer .next-post a:hover {
    color:#333;
}

/*---Socials Link Container---*/
.socials-link-container {
    margin-bottom: 30px;
    margin-top: -20px;
}
.socials-link-container-loop-2 {
    margin-left: 40px;
}

/*---About Author---*/
.about-author {
    border:1px solid #ededed;
    padding:20px 20px 10px;
    margin-bottom:30px;
}
.about-author .avatar-thumb {
    display:block;
    width:75px;
    height:75px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    margin-right:15px;
    float:left;
}
.about-author .avatar-thumb img {
    width:100%;
    display:block;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    position:relative;
    z-index:0;
}
.about-author .author-content {
    float:left;
    width:663px;
}
.kp-single-4 .about-author .author-content {
    float:left;
    width:988px;
}
.kp-single-2 .about-author .author-content {
    width:598px;
}
.about-author header {
    border-bottom:1px solid #e5e5e5;
    padding-bottom:5px;
    margin-bottom:15px;
}
.about-author header h4 {
    font-size:18px;
    color:#555;
    margin:0 15px 0 0;
    float:left;
}
.about-author header .author-name {
    color:#91c448;
    font-size:13px;
}
.about-author header .author-name:hover {
    color:#333;
}
.about-author header .social-link {
    float:right;
}
.about-author header .social-link li {
    float:left;
    margin-left:15px;
}
.about-author header .social-link li a {
    color:#666;
    font-size:14px;
}
.about-author header .social-link li.facebook-icon a:hover {
    color:#39599f;
}
.about-author header .social-link li.twitter-icon a:hover {
    color:#45b0e3;
}
.about-author header .social-link li.gplus-icon a:hover {
    color:#1872bf;
}
.about-author header .social-link li a:hover {
    color:#91c448;
}

/*---Comments List---*/
#comments {
    margin-bottom:30px;
}
#comments h3 {
    color:#444;
    margin:0 0 25px;
    text-transform:uppercase;
}
.comments-list .comment {
    margin-bottom:25px;
}
#comments .comment-avatar {
    float:left;
    margin-right:15px;
    width:60px;
}
#comments .comment-avatar img {
    display:block;
    width:100%;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    position:relative;
    z-index:0;
}
#comments .comment-body {
    border-bottom:1px solid #e8e8e8;
    float:left;
    width:720px;
}
.kp-single-4 #comments .comment-body {
    width:1045px;
}
#comments .comment-body .comment-meta {
    margin-bottom:10px;
}
#comments .comment-body .author {
    font-weight:700;
    font-size:16px;
    font-family: 'Rokkitt',serif;
    color:#333;
}
#comments .comment-body .date {
    font-size:16px;
    font-family: 'Rokkitt',serif;
    color:#666;
}
#comments .comment-body p {
    color:#777;
    margin-bottom:5px;
}
#comments .comment-body footer {
    text-align:right;
}
#comments .comment-body .comment-reply-link,
#comments .comment-body .comment-edit-link {
    display:inline-block;
}
#comments .comments-list .children {
    margin-left:60px;
}
#comments .comments-list .children .comment-body {
    width:660px;
}
.kp-single-4 #comments .comments-list .children .comment-body {
    width:985px;
}
.entry-box .kopa-comment-pagination {
    float:none;
}
.kopa-comment-pagination {
    float:right;
    margin:0;
    font-size:16px;
    font-family: 'Rokkitt',serif;
}
.kopa-comment-pagination a {	
    color:#444;
    margin-left:15px;
}
.kopa-comment-pagination a:hover {
    color:#91c448;
}
.kopa-comment-pagination .current {
    color:#91c448;
    margin-left:15px;
}

/*---Comment form---*/
#respond {
    margin-bottom:20px;
}
#respond h3 {
    color:#444;
    margin:0 0 20px;
    text-transform:uppercase;
}
#comments-form {
    margin-bottom:0;
}
#comments-form .comment-left {
    float:left;
    width:290px;
}
#comments-form .comment-right {
    float:right;
    width:475px;
}
.kp-single-4 #comments-form .comment-left {
    width:440px;
}
.kp-single-4 #comments-form .comment-right {
    width:650px;
}
#comments-form label.required {
    font-size:13px;
    color:#000;
    margin-bottom:10px;
    display:block;
}
#comments-form label.required span {
    color:#91c448;
}
#comments-form #comment_name,
#comments-form #comment_email,
#comments-form #comment_url {
    padding:0 15px;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    background-color:#fbfbfb;
    border:1px solid #eee;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    box-shadow:none !important;
    height:35px;
    line-height:35px;
    margin:0 0 5px;
}
#comments-form #comment_message {
    padding:5px 15px;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    background-color:#fbfbfb;
    border:1px solid #eee;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    box-shadow:none !important;
    margin:0 0 5px;
    height:195px;
}
#comments-form #submit-comment {
    display:inline-block;
    *display:inline;
    zoom:1;
    padding:7px 15px;
    color:#fff;
    background-color:#91c448;
    border:1px solid #91c448;
}
#comments-form #submit-comment:hover {
    background-color:#fff;
    border:1px solid #e4e4e4;
    color:#484848;
}
#comments-form #comment_name:focus,
#comments-form #comment_email:focus,
#comments-form #comment_url:focus,
#comments-form #comment_message:focus {
    border:1px solid #91c448;
}

/*---Related Article---*/
.related-article{
    margin-bottom:35px;
    overflow:hidden;
    position:relative;
}
.related-article > h3 {
    color:#444;
    margin:0 0 25px;
    text-transform:uppercase;
    border-bottom:1px solid #eee;
    position:relative;
    height:30px;
}
.related-article > h3 > span {
    background-color:#fff;
    padding:0 10px 0 0;
    position:absolute;
    bottom:-8px;
    left:0;
    display:block;
}
.related-article .entry-item {
    border:1px solid #ececec;
}
.related-article .entry-item .entry-thumb img {
    width:100%;
}
.related-article .entry-item:hover {
    border-bottom:1px solid #91c448;
}
.related-article .entry-item .entry-content {
    margin:15px 20px;
}
.related-article .entry-item .entry-content .entry-title {
    font-size:20px;
    text-transform:none;
    margin:0 0 10px;
    line-height:22px;
}
.related-article .entry-item .entry-content .entry-title a {
    color:#444;
}
.related-article .entry-item .entry-content .entry-title a:hover {
    color:#91c448;
}
.related-article .entry-item .entry-content .entry-category {
    margin-right:10px;
}

/*-----------------Carousel------------------*/
.list-carousel.responsive {
    width: auto;
    margin: 0 -15px;
}
.list-carousel > ul {
    display: block;
    height: 100%;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.list-carousel ul li {
    display: block;
    float: left;
    margin: 0 15px;
    padding: 0;
    width:245px;
}
.carousel-nav {
    position:absolute;
    top:6px;
    right:0;
    height:24px;
}
.carousel-nav a {
    width:22px;
    height:22px;
    background-color:#91c448;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #91c448;
    display:inline-block;
    text-indent:-99999px;
    line-height:0;
    font-size:0;
    float:left;
    margin-left:1px;
}
.carousel-nav a:hover {
    background-color:#fbfbfb;
    border:1px solid #eee;
}
.carousel-nav .carousel-next,
.kp-our-work .carousel-nav .carousel-next:hover,
.kp-testimonial .carousel-nav .carousel-next:hover,
.pf-detail-nav .pf-detail-next:hover,
.pf-detail-nav a[rel='next']:hover{
    background-image:url(/wp-content/themes/circle-2.0.3/images/slider/carousel-next.png);
}
.carousel-nav .carousel-prev,
.kp-our-work .carousel-nav .carousel-prev:hover,
.kp-testimonial .carousel-nav .carousel-prev:hover,
.pf-detail-nav .pf-detail-prev:hover,
.pf-detail-nav a[rel='prev']:hover{
    background-image:url(/wp-content/themes/circle-2.0.3/images/slider/carousel-prev.png);
}
.carousel-nav .carousel-next:hover,
.kp-our-work .carousel-nav .carousel-next,
.kp-testimonial .carousel-nav .carousel-next,
.pf-detail-nav .pf-detail-next,
.pf-detail-nav a[rel='next']{
    background-image:url(/wp-content/themes/circle-2.0.3/images/slider/carousel-next-hover.png);
}
.carousel-nav .carousel-prev:hover,
.kp-our-work .carousel-nav .carousel-prev,
.kp-testimonial .carousel-nav .carousel-prev,
.pf-detail-nav .pf-detail-prev,
.pf-detail-nav a[rel='prev']{
    background-image:url(/wp-content/themes/circle-2.0.3/images/slider/carousel-prev-hover.png);
}
.kp-single-1 .single-line,
.kp-single-1 .single-bullet {
    display:none;
}
/* =========================================================
Singe page 2
============================================================ */
.kp-single-2 .single-wrapper {
    position:relative;
    padding-left:25px;
    margin-top:50px;
}
.single-line {
    height:100%;
    width:1px;
    background-color:#91c448;
    position:absolute;
    top:0;
    left:25px;
}
.single-bullet {
    position:absolute;
    bottom:0;
    left:22px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width:7px;
    height:7px;
    background-color:#91c448;
}
.kp-single-2 .entry-box {
    position:relative;
    padding-top:20px;
}
.kp-single-2 .entry-box .entry-meta-box {
    border-bottom: 1px solid #ededed;
    display: block;
    left: -40px;
    margin-bottom: 0;
    padding-bottom: 0;
    position: absolute;
    top: -24px;
    width: 100%;
    padding-left:40px;
}
.kp-single-2 .entry-box .entry-meta-box .entry-meta-box-inner {
    left: 40px;
    position: absolute;
    top: -12px;
}
.kp-single-2 .entry-box .entry-meta-box .entry-date, 
.kp-single-2 .entry-box .entry-meta-box .entry-author, 
.kp-single-2 .entry-box .entry-meta-box .entry-category, 
.kp-single-2 .entry-box .entry-meta-box .entry-comment {
    background: url(/wp-content/themes/circle-2.0.3/images/background/body-bg.png) repeat scroll 0 0 transparent;
    border: 1px solid #EDEDED;
    display: inline-block;
    padding: 3px 10px 2px;
}
.kp-single-2 .entry-box .entry-meta-icon {
    background-color: #91C448;
    border-radius: 50% 50% 50% 50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    height: 47px;
    left: -23px;
    line-height: 47px;
    position: absolute;
    text-align: center;
    top: -23px;
    width: 47px;
}
.kp-single-2 .entry-box .entry-meta-circle {
    background-color: #91C448;
    border-radius: 50% 50% 50% 50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    display: block;
    height: 6px;
    position: absolute;
    right: 0;
    top: -3px;
    width: 6px;
}
.kp-single-2 .entry-box,
.kp-single-2 .about-author,
.kp-single-2 #comments,
.kp-single-2 #respond,
.kp-single-2 .related-article {
    margin-left:40px;
}
.kp-single-2 .entry-box .entry-thumb {
    width:340px;
    float:left;
    margin-right:20px;
    margin-bottom:5px;
}
.kp-single-2 .entry-box .entry-title {
    margin:0 0 10px;
}
.kp-single-2 #comments-form .comment-left {
    width:260px;
}
.kp-single-2 #comments-form .comment-right {
    width:445px;
}
.kp-single-2 #comments .comment-body {
    width:655px;
}
.kp-single-2 #comments .comments-list .children .comment-body {
    width:595px;
}

/* =========================================================
Singe page 3
============================================================ */
.kp-single-3 .entry-box .entry-thumb {
    position:relative;
}
.kp-single-3 .entry-box #carousel img {
    margin:0;
    width:690px;
}

/* =========================================================
Home page 2
============================================================ */
#main-col .widget .widget-title {
    border-bottom:2px solid #e5e5e5;
    position:relative;
    margin:0 0 25px;
    text-transform:uppercase;
    min-height:25px;
}
#main-col .widget .widget-title span {
    border-bottom:2px solid #91c448;
    position:absolute;
    left:0;
    bottom:-2px;
    display:inline-block;
    padding-bottom:5px;
}
.featured-widget {
    position:relative;
    overflow:hidden;
}
.featured-widget .carousel-nav {
    display: none;
}

.featured-widget .list-carousel.responsive {
    width: auto;
    margin: 0 -11px;
}
.featured-widget .list-carousel ul li {
    display: block;
    float: left;
    margin: 0 11px;
    padding: 0;
    width:250px;
}
.featured-widget .pagination {
    text-align: center;
    position:absolute;
    top:28px;
    right:0;
    border-top:none;
    padding:0;
    margin:0;
}
.featured-widget .pagination a {
    background-color:#c8c8c8;
    width: 9px;
    height: 9px;
    margin: 0 0 0 5px;
    display: inline-block;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}
.featured-widget .pagination a.selected {
    cursor: default;
    background-color:#91c448;
}
.featured-widget .pagination a span {
    display: none;
}
.kp-home-2 .carousel-nav {
    /*display:none;*/
}
.kp-home-2 .kp-our-work {
    background-color: transparent;
    border-bottom: none;
}

#main-col .widget.featured-widget .entry-content .entry-title {
    font-size:22px;
    line-height:20px;
    margin-bottom:10px;
}
#main-col .widget .entry-thumb {
    margin-bottom:15px;
    position:relative;
}

.widget-area-2,
.widget-area-3,
.widget-area-4,
.widget-area-5 {
    margin-bottom:30px;
}
.kp-home-2 .widget-area-5 {
    margin-bottom:40px;
}
.kp-home-2 .widget-area-14 .kp-our-work{
    padding-top:0;
}
.kp-home-2 .widget-area-14 .kp-our-work .carousel-nav{
    top:45px;
}
.kp-home-2 .widget-area-14 .widget .widget-title {
    font-size: 20px;
    border-bottom: 2px solid #E5E5E5;
    min-height: 25px;
    position: relative;
    text-transform: uppercase;
    text-align: left;
}
.kp-home-2 .widget-area-14 .widget .widget-title span {
    bottom: -2px;
    display: inline-block;
    left: 0;
    padding-bottom: 5px;
    position: absolute;
    border-bottom: 2px solid #91C448;
}

.kp-home-3 .widget-area-2,
.kp-home-3 .widget-area-3,
.kp-home-3 .widget-area-4,
.kp-home-3 .widget-area-5 {
    margin-bottom:0px;
}
.widget-area-3,
.widget-area-4 {
    float:left;
    width:385px;
}
.widget-area-3 {
    margin-right:25px;
}



#main-col .widget .entry-content .entry-title {
    font-size:24px;
    line-height:24px;
    margin-bottom:10px;
}

#main-col .widget .older-post {
    margin-top:20px;
}
#main-col .widget .older-post li {
    border-top:1px solid #ececec;
    padding-top:20px;
    margin-bottom:15px
}
#main-col .widget .older-post li .entry-thumb {
    float:left;
    width:80px;
    margin-right:20px;
}
#main-col .widget .older-post li .entry-content {
    width:285px;
    float:left;
}
#main-col .widget .older-post li .entry-content .entry-title {
    margin-bottom:5px;
}
#main-col .widget .older-post li .more-link-icon {
    display:none;
}

#main-col .widget-area-5 .widget .entry-thumb {
    width:250px;
    float:left;
    margin-right:25px;
    margin-bottom:0;
}
#main-col .widget-area-5 .widget ul li {
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid #ececec;
}

/* =========================================================
Contact page
============================================================ */
.kp-map {
    margin-bottom:30px;
}
.kp-map iframe {
    margin-bottom:15px;
}
.contact-title {
    font-size: 30px;
    margin: 0 0 20px;
}
#contact-info address p {
    margin-bottom:15px;
}
#contact-form p.input-block, 
#contact-form p.subject-block {
    position: relative;
    margin-bottom: 5px;
}
#contact_name, 
#contact_email, 
#contact_url, 
#contact_subject, 
#contact_phone {
    border: 1px solid #e4e4e4;
    height: 45px;
    line-height:45px;
    margin-top: 5px;
    padding: 0 55px 0 120px;
    width: 100%;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    box-shadow:none;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    margin:0;
    background-repeat:no-repeat;
    background-position:350px 10px;
    background-color:#fff;
}

#contact_url {
    padding:0 55px 0 70px;
}

#contact-form p.textarea-block {
    position: relative;
}
#contact_message {
    border: 1px solid #e8e8e8;
    height: 150px;
    padding: 10px 20px 10px 145px;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    margin:0;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    box-shadow:none;
    height:160px;
}
#contact_message:focus,
#contact_name:focus, 
#contact_email:focus, 
#contact_url:focus, 
#contact_subject:focus {
    outline:0;
    border:1px solid #91c448!important
}
#contact-form .contact-button {
    margin-bottom:0px;
}
#contact-form #submit-contact {
    display:inline-block;
    *display:inline;
    zoom:1;
    padding:7px 15px;
    color:#fff;
    background-color:#91c448;
    border:1px solid #91c448;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#contact-form #submit-contact:hover {
    background-color:#fff;
    border:1px solid #e4e4e4;
    color:#484848;
}

#contact-form label.required {
    color:#777;
    position:absolute;
    top:12px;
    left:15px;
    font-size:12px;
}
#contact-form p.textarea-block label.required {
    top:12px;
}

#contact-form label.error {
    color: #32a7dd;
    position: absolute;
    right: 15px;
    top: 12px;
}
#contact-form p.textarea-block label.error {
    top: 7px;
}

#response {
    margin-bottom: 20px;
    text-align: center;
    font-size:18px;
}
#response .success {
    color: #32a7dd;
    margin-top:20px;
    display:inline-block;
    *display:inline;
    zoom:1;
}
#response .failure {
    color: #32a7dd;
    margin-top:20px;
    display:inline-block;
    *display:inline;
    zoom:1;
}

#contact-info {
    font-size:18px;
    color:#3f3f3f;
    font-family: 'Rokkitt',serif;
}
#contact-info i {
    color:#91c448;
    font-size:17px;
    width:17px;
    text-align:center;
    margin-right:10px;
}
#contact-info a {
    color:#3f3f3f;
}
#contact-info a:hover {
    color:#91c448;
}

/* =========================================================
Home page 3
============================================================ */
#main-nav {
    float:left;
}
.contact-top {
    float:right;
    margin-top:18px;
}
.contact-top li {
    float:left;
    margin-left:15px;
}
.contact-top li span,
.contact-top li a {
    margin-left:5px;
    color:#8d8d8d;
    font-size:13px;
}
.contact-top li i {
    color:#91c448;
    font-size:16px;
    margin:0px 5px 0 0;
    background:none;
}
.contact-top li a:hover {
    color:#91c448;
}

.kp-home-3 .kp-tag-line {
    position:relative;
    text-align:center;
    background-color:#fff;
}
.kp-home-3 .kp-tag-line .widget-title {
    font-size:30px;
    margin:0 auto 10px;
    color:#333;
    text-transform:uppercase;
    line-height:32px;
    width:70%;	
}
.kp-home-3 .kp-tag-line p {
    color:#5b5b5b;
    font-size:16px;
    width:60%;
    margin:0 auto;
    line-height:24px;
}
/*------------------------------------------------------------------------------
Full width content widget
-------------------------------------------------------------------------------*/
.kp-home-3 .kp-full-content {
    position:relative;
    padding:30px 0;
    border-bottom:1px solid #e5e5e5;
    background-color:#fff;
}
.kp-home-3 .kp-full-content .widget-title {
    font-size:30px;
    margin:0 auto 10px;
    color:#333;
    text-transform:uppercase;
    line-height:32px;
    width:70%;	
}


.bottom-circle {
    border:1px solid #e5e5e5;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    background-color:#fff;
    width:15px;
    height:15px;
    bottom:-8px;
    left:50%;
    margin-left:-8px;
    display:block;
    position:absolute;
    z-index:10;
}
.bottom-bullet {
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    background-color:#e5e5e5;
    width:5px;
    height:5px;
    bottom:-2px;
    left:50%;
    margin-left:-2px;
    display:block;
    position:absolute;
    z-index:10;
}

.kp-our-work {
    position:relative;
    background-color:#fff;
    border-bottom:1px solid #e5e5e5;
    padding:30px 0 40px;
}
.kp-our-work .span12 {
    overflow:hidden;
}
.kp-our-work .widget-title {
    color:#333;
    font-size:30px;
    text-align:center;
    margin:0 0 80px;
    text-transform:uppercase;
}
.kp-our-work .carousel-nav {
    height:39px;
    right:50%;
    margin-right:-40px;
    top:75px;
}
.kp-our-work .carousel-nav a {
    width:37px;
    height:37px;
    border-radius:50px;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border:1px solid #dedede;
    background-color:#fff;
    position:relative;
    z-index:1;
}
.kp-our-work .carousel-nav a:hover {
    background-color:#91c448;
    border:1px solid #91c448;
}

.kp-our-work ul li .entry-item {
    border-left:1px solid #ececec;
    border-right:1px solid #ececec;
    border-bottom:2px solid #91c448;
}
.kp-our-work ul li .entry-item .entry-content {
    margin:0 20px 20px;
}

.kp-our-experient {
    position:relative;
    border-bottom:1px solid #e5e5e5;
    background-color:#fff;
}
.kp-home-3 .widget-area-3 {
    float:left;
    border-right:1px solid #e5e5e5;
    margin-right:-1px;
    width:50%;
    padding:40px 0;
}
.kp-home-3 .widget-area-4 {
    float:left;
    border-left:1px solid #e5e5e5;
    margin-right:-1px;
    width:50%;
    padding:40px 0;
}
.kp-our-experient .widget-title {
    color:#333;
    font-size:30px;
    margin:0 0 40px;
    text-transform:uppercase;
}
.kp-our-experient .widget-area-4 .widget-title {
    margin-left:30px;
}

.kp-our-experient .entry-item {
    margin-right:30px;
    margin-bottom:20px;
}
.kp-our-experient .entry-item .entry-date {
    float:left;
    margin-right:25px;
    border:2px solid #91c448;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width:40px;
    height:70px;
    text-align:center;
    color:#91c448;
    padding:0 15px;
    position:relative;
    z-index:0;
}
.kp-our-experient .entry-item .entry-date p {
    font-size:30px;
    font-family: 'Rokkitt',serif;
    border-bottom:1px solid #91c448;
    padding-bottom:5px;
    margin:13px 0 5px 0;
}
.kp-our-experient .entry-item .entry-date strong {
    color:#91c448;
    font-size:20px;
    font-family: 'Rokkitt',serif;
}
.kp-our-experient .entry-item .entry-content {
    float:left;
    width:431px;
}
.kp-our-experient .entry-item .entry-title {
    font-size:24px;
    margin:0 0 5px;
}
.kp-our-experient .entry-item .entry-title a {
    color:#575757;	
}
.kp-our-experient .entry-item .entry-title a:hover {
    color:#91c448;
}
.kp-our-experient .entry-item .entry-meta {
    border-bottom:1px dotted #c3c3c3;
    padding-bottom:10px;
    margin-bottom:10px;
}
.widget-area-1 .entry-date,
.widget-area-10 .entry-date {
    display: none;
}
.widget-area-1 .entry-item,
.widget-area-10 .entry-item {
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.widget-area-1 .entry-item:last-child,
.widget-area-10 .entry-item:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.widget-area-1 .entry-item .more-link,
.widget-area-10 .entry-item .more-link{
    display:none;
}
.widget-area-1 .entry-item .entry-content p,
.widget-area-10 .entry-item .entry-content p{
    margin-bottom:0;
}
.widget-area-1 .entry-item .entry-content .entry-title,
.widget-area-10 .entry-item .entry-content .entry-title{
    margin:0;
}
.kp-home-3 .entry-date, 
.kp-home-3 .entry-comment, 
.kp-home-3 .entry-comment a, 
.kp-home-3 .entry-category, 
.kp-home-3 .entry-category a, 
.kp-home-3 .entry-author, 
.kp-home-3 .entry-author a {
    color: #acacac;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.kp-home-3 .entry-comment a:hover, 
.kp-home-3 .entry-category a:hover, 
.kp-home-3 .entry-author a:hover {
    color: #91c448;
}

.kp-client-logo {
    position:relative;
    border-bottom:1px solid #e5e5e5;
    padding:30px 0;
    background-color:#fff;
}
.kp-client-logo ul li {
    float:left;
    width:20%;
    text-align:center;
}
.kp-client-logo ul li a img {
    max-width:100%;
}
.kp-client-logo .widget-title {
    text-align:center;
    margin:0 0 30px 0;
    color:#222;
    font-size:30px;
}

.kp-testimonial {
    position:relative;
    padding:30px 0;
}
.kp-testimonial .widget-title {
    text-align:center;
    margin:0 0 70px 0;
    color:#222;
    font-size:30px;
}
.kp-testimonial .testimonial-content {
    background-color:#fff;
    border:1px solid #ebebeb;
    padding:15px 20px;
    position:relative;
    margin-bottom:50px;
}
.kp-testimonial .testimonial-content blockquote {
    border-left:none;
    margin:0;
    padding:0;
    background:none;
}
.kp-testimonial .testimonial-content .quote-icon {
    float:left;
    margin-right:10px;
    background-repeat:no-repeat;
    background-position:0 0;
    background-image:url(/wp-content/themes/circle-2.0.3/images/icons/dark-quote-icon.png);
    display:block;
    width:21px;
    height:16px;
}
.kp-testimonial .testimonial-content .arrow {
    position:absolute;
    background-repeat:no-repeat;
    background-position:0 0;
    background-image:url(/wp-content/themes/circle-2.0.3/images/background/testimonial-arrow.png);
    width:26px;
    height:34px;
    bottom:-34px;
    left:25px;
}
.kp-testimonial .testimonial-author img {
    display:block;
    float:left;
    border:3px solid #fff;
    margin-right:20px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    position:relative;
    z-index:0;
}
.kp-testimonial .testimonial-author a {
    color:#91c448;
    font-family: 'Rokkitt',serif;
    font-size:16px;
    line-height:63px;
}
.kp-testimonial .testimonial-author a:hover {
    color:#222;
}
.kp-testimonial .carousel-nav {
    height: 39px;
    margin-right: -40px;
    right: 50%;
    top: 70px;
}
.kp-testimonial .carousel-nav a {
    background-color: #FFFFFF;
    border: 1px solid #DEDEDE;
    border-radius: 50px 50px 50px 50px;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    height: 37px;
    width: 37px;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    z-index:0;
}
.kp-testimonial .carousel-nav a:hover {
    background-color: #91C448;
    border: 1px solid #91C448;
}

.bottom-twitter {
    background:url(/wp-content/themes/circle-2.0.3/images/background/shadow.png) no-repeat center bottom;
    padding-bottom:37px;
    position:relative;
}
.bottom-twitter .twitter-widget {
    background:#91c448;
    padding:15px 25px;
}
.bottom-twitter .tweet_list li {
    color:#fff;
    font-size:13px;
}
.bottom-twitter .tweet_list li .tweet_avatar {
    background-repeat:no-repeat;
    background-position:0 0;
    background-image:url(/wp-content/themes/circle-2.0.3/images/icons/twitter-icon.png);
    width:24px;
    height:19px;
    display:block;
    float:left;
    margin-right:20px;
}
.bottom-twitter .tweet_list li .tweet_avatar img {
    display:none;
}
.bottom-twitter .tweet_list li .tweet_time {
    display:none;
}
.bottom-twitter .tweet_list li a,
.bottom-twitter .tweet_list li span.at {
    color:#434343;
    font-size:12px;
    font-style:italic;
}
.bottom-twitter .tweet_list li a:hover {
    color:#fff;
}

/* =========================================================
About page
============================================================ */
.about-list-container {
    background:url(/wp-content/themes/circle-2.0.3/images/background/shadow-2.png) no-repeat center top #91c448;
    padding:20px 0;
}
.about-list-container h2 {
    color:#fff;
    font-size:30px;
    float:left;
    margin-right:30px;
}
.about-tabs li {
    float:left;
    margin-right:20px;
}
.about-tabs li a {
    width:45px;
    height:45px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    background-color:#fff;
    color:#bebebe;
    display:block;
    text-align:center;
    line-height:45px;
    font-size:26px;
    position:relative;
    z-index:0;
}
.about-tabs li.active a,
.about-tabs li a:hover {
    color:#91c448;
}

.about-tab-container {
    padding:40px 0 0;
}
.about-intro,
.about-skill {
    border-bottom:1px solid #e5e5e5;
    padding-bottom:20px;
    position:relative;
    margin-top:30px;
}
.about-intro h2,
.about-skill h2 {
    text-align:center;
    font-size:30px;
    color:#555;
    text-transform:uppercase;
    margin:0 0 25px;
}
.about-intro p {
    margin-bottom:20px;
    color:#6f6f6f;
}
.about-skill-intro {
    margin:0 auto 30px;
    width:40%;
    text-align:center;
}
.kp-about-page .kp-our-work {
    padding:0;
    margin-bottom:40px;
    border-bottom:none;
}
.kp-about-page .kp-our-work .carousel-nav {
    top:42px;
}

.kp-about-page .kp-client-logo {
    border-bottom: none;
    padding: 0px 0 30px;
}

.about-team {
    margin:40px 0 0px;
}
.about-team article {
    text-align:center;
    border-left:1px solid #ececec;
    border-right:1px solid #ececec;
    border-bottom:2px solid #91c448;
}
.about-team article img {
    display:block;
    width:100%;
    margin-bottom:15px;
}
.about-team article .team-content header {
    border-bottom:1px solid #ececec;
    padding-bottom:10px;
    margin-bottom:15px;
}
.about-team article .team-content h2 {
    text-transform:uppercase;
    color:#555;
    font-size:24px;
    margin:0;
    line-height:24px;
}
.about-team article .team-content p {
    margin:0 20px 15px;
}
.about-team article .socials-link {
    float:none;
    display:inline-block;
    margin:0 0 20px;
}
.about-team article .socials-link li {
    margin:0 0 0 10px;
}
.about-team article .socials-link li:first-child {
    margin-left:10px;
}

.about-list-container .tooltip-inner {
    color: #555;
    font-size:18px;
    background-color: #fff;
    box-shadow:0 1px 1px rgba(224,224,224,.75);
    -moz-box-shadow:0 1px 1px rgba(224,224,224,.75);
    -webkit-box-shadow:0 1px 1px rgba(224,224,224,.75);
    font-family: 'Rokkitt',serif;
    padding:5px 20px;
    position:relative;
    z-index:0;
}

.about-list-container .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fff;
}
.about-list-container .tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}

/* =========================================================
Portfolio detail page
============================================================ */
.more-pf-box {
    margin-top:15px;
    margin-bottom: 20px;
}
.more-pf-box h3 {
    font-size:24px;
    color:#444;
    text-transform:uppercase;
    margin:0 0 20px;
}
.portfolio-detail .pf-detail-item {
    position:relative;
}
.pf-detail-nav {
    position:absolute;
    top:-4px;
    right:0px;
}
.pf-detail-nav a {
    width:23px;
    height:23px;
    border:1px solid #DEDEDE;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    display:inline-block;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    text-align:center;
    line-height:22px;
    color:#fff;
    position:relative;
    z-index:1;
}
.pf-detail-nav a:hover {
    border:1px solid #91c448;
    background-color:#91c448;
}
.portfolio-detail .pf-detail-item h3 {
    border-bottom:1px solid #eaeaea;
    padding-bottom:2px;
    margin:0 0 25px;
}
.portfolio-detail .entry-meta-box {
    float:left;
    width:195px;
    margin-right:25px;
}
.portfolio-detail .entry-meta-box .entry-meta li {
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px dotted #d6d6d6;
}
.portfolio-detail .entry-meta-box .socials-link {
    float:none;
    margin:20px 0 0;
}


.portfolio-detail .pf-detail-content {
    float:left;
    width:575px;
}
.portfolio-detail .pf-detail-content .pf-thumb {
    margin-bottom:25px;
}
.portfolio-detail .pf-detail-content .pf-thumb img {
    display:block;
    width:100%;
}
.portfolio-detail .pf-detail-content .pf-thumb audio {
    display:block;
    width:100%;
    height:28px;
}
.pf-box li {
    position:relative;
    width:248px;
    margin-left:25px;
    float:left;
}
.pf-box li:first-child {
    margin-left:0;
}

li.portfolio-box-space{
    width: 100% !important;
    height: 20px;      
}

li.portfolio-box-position-1{
    margin-left: 0px;
}
li.portfolio-box-position-3{
    margin-right: 0px;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;    
}


.video-wrapper iframe,
.video-wrapper object,
.video-wrapper video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* =========================================================
Blog page style 3
============================================================ */
.entry-meta-column {
    display:none;
}
.kp-cat-3 .entry-meta-column {
    display:block;
    float:left;
    margin-right:25px;
    width:105px;
}
.kp-cat-3.two-sidebar .entry-meta-column {
    width:80px;
}
.kp-cat-3 .entry-item {
    float:left;
    width:665px;
}
.kp-cat-3.two-sidebar .entry-item {
    width:465px;
}

.kp-cat-3 .entry-meta-column p {
    width:105px;
    height:105px;
    text-align:center;
    line-height:105px;
    color:#fff;
    background-color:#91c448;
    font-size:46px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    position:relative;
    z-index:0;
}
.kp-cat-3.two-sidebar .entry-meta-column p {
    width:80px;
    height:80px;
    line-height:80px;
    font-size:36px;
}
.kp-cat-3 .entry-meta-column a,
.kp-cat-3 .entry-meta-column span {
    display:block;
    text-align:center;
}
.kp-cat-3 .entry-meta-column a {
    font-size:16px;
    color:#91c448;
}
.kp-cat-3 .entry-meta-column a:hover {
    color:#666;
}
.article-list li article .entry-thumb audio {
    width:100%;
    height:28px;
}

/* =========================================================
404 Page
============================================================ */
.error-404{
    margin:20px 10% 50px;
}
.error-404 .left-col{
    width:41%;
    float:left;
    margin:0 2%;
}
.error-404 .left-col p{
    font-size:120px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:700;
    color:#91c448;
    line-height:100px;
    text-align:right;
}
.error-404 .right-col{
    width:50%;
    float:left;
    margin:0 2%;
}
.error-404 .right-col h1{
    margin-bottom:10px;
    font-size:29px;
    color:#91c448;
    margin-top:0;
}
.error-404 .right-col a {
    color:#91c448;
}
.error-404 .right-col a:hover {
    color:#666;
}
.kopa-pagelink{
    margin-top:20px;
    margin-bottom:20px;
}
.kopa-pagelink a{	
    color:#91c448;
    text-decoration:underline;
    font-weight:700;
    padding-right:15px;
}

/* =========================================================
        Columns
============================================================ */
.kopa-one-two {
    float:left;
    margin-right:3%;
    width:48%;
}
.kopa-one-third {
    float:left;
    margin-right:2%;
    width:32%;
}
.kopa-two-third {
    float:left;
    margin-right:2%;
    width:66%;
}
.kopa-one-fourth {
    float:left;
    margin-right:2%;
    width:23.5%;
}
.kopa-three-fourth {
    float:left;
    margin-right:2%;
    width:74.5%;
}

.kopa-one-two.last,
.kopa-one-third.last,
.kopa-two-third.last,
.kopa-one-fourth.last,
.kopa-three-fourth.last{
    margin-right:0 !important;
}



body.logged-in #comments-form .comment-right,
body.logged-in #comment_message{
    margin: 0px !important;
    width: 100%;
}


.wp-caption{
    max-width: 100%;
}
.wp-caption-text{}
.sticky{}
.gallery-caption{}
.bypostauthor{}
.alignleft {
    display: inline;
    float: left;
    margin-right: 10px;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 10px;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*=================Calenadar============================*/
#wp-calendar {width: 100%; background:#EBF5FB; }
#wp-calendar caption { border-top:1px dotted #3F89E2; text-align: right; font-weight:bold; color: #333; font-size: 12px;  padding:10px 10px 0 0; padding-bottom: 15px;  background:#EBF5FB;}
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 0px; }
#wp-calendar thead th {padding-bottom: 10px; text-align: center;}

#bottom-sidebar #wp-calendar {width: 100%; background:#333; }
#bottom-sidebar #wp-calendar caption { border-top:1px dashed #555; text-align: right; font-weight:bold; color: #999; font-size: 12px;  padding:10px 10px 0 0; padding-bottom: 15px;  background:#555;}

#bottom-sidebar #wp-calendar tbody { color: #999; }
#bottom-sidebar #wp-calendar tbody td { background: #333; border: 1px solid #888; text-align: center; padding:8px;}
#bottom-sidebar #wp-calendar tbody td:hover { background: #666; }
/*revolution slider*/
.rev_slider_wrapper{
    background:url(/wp-content/themes/circle-2.0.3/images/slider/shadow.png) no-repeat scroll center 0 rgba(245, 245, 245, 0.77) !important;
}

/*=================Default Widget===================*/
.widget-area-2 .widget,
.widget-area-3 .widget,
.widget-area-4 .widget,
.widget-area-5 .widget {
    margin-bottom:35px;
}
.kp-home-3 .widget-area-2 .widget,
.kp-home-3 .widget-area-3 .widget,
.kp-home-3 .widget-area-4 .widget,
.kp-home-3 .widget-area-5 .widget {
    margin-bottom:0px;
}
#bottom-sidebar .widget {
    margin-bottom:30px;
}
.widget-area-2 .widget_archive ul li,
.widget-area-2 .widget_categories ul li,
.widget-area-2 .widget_recent_comments ul li,
.widget-area-2 .widget_recent_entries ul li,
.widget-area-2 .widget_rss ul li,
.widget-area-2 .widget_pages ul li,
.widget-area-2 .widget_meta ul li,
.widget-area-2 .widget_nav_menu ul li,
.widget-area-3 .widget_archive ul li,
.widget-area-3 .widget_categories ul li,
.widget-area-3 .widget_recent_comments ul li,
.widget-area-3 .widget_recent_entries ul li,
.widget-area-3 .widget_rss ul li,
.widget-area-3 .widget_pages ul li,
.widget-area-3 .widget_meta ul li,
.widget-area-3 .widget_nav_menu ul li,
.widget-area-4 .widget_archive ul li,
.widget-area-4 .widget_categories ul li,
.widget-area-4 .widget_recent_comments ul li,
.widget-area-4 .widget_recent_entries ul li,
.widget-area-4 .widget_rss ul li,
.widget-area-4 .widget_pages ul li,
.widget-area-4 .widget_meta ul li,
.widget-area-4 .widget_nav_menu ul li,
.widget-area-5 .widget_archive ul li,
.widget-area-5 .widget_categories ul li,
.widget-area-5 .widget_recent_comments ul li,
.widget-area-5 .widget_recent_entries ul li,
.widget-area-5 .widget_rss ul li,
.widget-area-5 .widget_pages ul li,
.widget-area-5 .widget_meta ul li,
.widget-area-5 .widget_nav_menu ul li {
    border-bottom:1px solid #ECECEC;
    margin-bottom:15px;
    padding-bottom:15px;
}


.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}


#main-col .elements-box ul,
#main-col .post ul { 
    margin-left:0em; 
    padding-left:0px;   
    margin-bottom:10px;        
}
#main-col .elements-box ul li,
#main-col .post ul li {   
    padding-left:0px;
    list-style: square inside none;
}

#main-col .elements-box ul ul li,
#main-col .post ul ul li { 
    list-style: circle inside none;
}

#main-col .elements-box ol,
#main-col .post ol{
    margin-bottom: 10px;
    list-style: decimal inside none;
}

#main-col .elements-box ol li,
#main-col .elements-box ul li,
#main-col .post ol li, 
#main-col .post ul li { 
    margin-bottom:5px;
}

#main-col .elements-box ol,
#main-col .elements-box ol li,
#main-col .post ol,
#main-col .post ol li{     
    padding-left:0px; 
    list-style: decimal inside none;
}

#main-col .elements-box ol ol li,
#main-col .post ol ol li {         
    list-style: lower-latin inside none;
}


.flex-direction-nav,
.flex-direction-nav > li{
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    list-style: none !important;    
}

/* =========================================================
UPDATE TO GPL LICENCE 04/04/2014
@by: thang.tran@kopasoft.com
============================================================ */
li.staffs.type-staffs.hentry .entry-thumb img,
li.testimonials.type-testimonials.hentry .entry-thumb img,
li.services.type-services.hentry .entry-thumb img,
li.post.type-post.hentry .entry-thumb img,
.widget.kopa_widget_articlelist_large_thumbnail .entry-thumb img,
.widget.kopa_widget_articlelist_small_thumbnail .entry-thumb img,
.widget.kp-our-work   .entry-thumb img,
.widget.featured-widget  .entry-thumb img,
.more-pf-box article img,
.latest-gallery-img  img,
.older-gallery-img .hover-effect img,
.more-gallery-img .hover-effect img{
    width: 100%;
    max-width: 100%;
    height: auto !important;
}


/*
 * --------------------------------------------------
 * VIDEO WRAPPER
 * --------------------------------------------------
 */

.wp-video,
.mejs-overlay{
    width: 100% !important;
    position: relative !important;
    padding-bottom: 56.25% !important;
    padding-top: 0px !important;
    height: 0 !important; 
}
.wp-video-shortcode{
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
img{
height:auto;
}

.single-wrapper .post dd,
.single-wrapper .post li{
    margin-left: 20px !important;
    padding-left: 0px !important;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

    #main-menu > li.menu-home-icon > a {
        background:url(/wp-content/themes/circle-2.0.3/css/../images/icons/home@2x.png) no-repeat center center;
    }
    #main-menu > li.menu-home-icon.current-menu-item > a {
        background:url(/wp-content/themes/circle-2.0.3/css/../images/icons/home-hover@2x.png) no-repeat center center;
    }
    .kp-filter div > a,
    .isotop-header > a {
        background:url(/wp-content/themes/circle-2.0.3/css/../images/background/filter-arrow@2x.png) no-repeat center center #a1d952;
        background-size:11px 6px;
    }

    .sf-arrows li ul li .sf-with-ul:after {
        background-image:url(/wp-content/themes/circle-2.0.3/css/../images/background/menu-arrow@2x.png);
        background-size:7px 10px;
    }

    .sf-arrows li ul li .sf-with-ul:after {
        background-image:url(/wp-content/themes/circle-2.0.3/css/../images/icons/search-icon@2x.png);
        background-size:20px 21px;
    }
    #back-top a {
        background-image:url(/wp-content/themes/circle-2.0.3/css/../images/icons/arrow-up@2x.png);
        background-size:20px 20px;
    }

    .carousel-nav .carousel-next,
    .kp-our-work .carousel-nav .carousel-next:hover,
    .kp-testimonial .carousel-nav .carousel-next:hover,
    .pf-detail-nav .pf-detail-next:hover {
        background-image:url(/wp-content/themes/circle-2.0.3/css/../images/slider/carousel-next@2x.png);
        background-size:6px 9px;
    }

    .carousel-nav .carousel-prev,
    .kp-our-work .carousel-nav .carousel-prev:hover,
    .kp-testimonial .carousel-nav .carousel-prev:hover,
    .pf-detail-nav .pf-detail-prev:hover {
        background-image:url(/wp-content/themes/circle-2.0.3/css/../images/slider/carousel-prev@2x.png);
        background-size:6px 9px;
    }

    .carousel-nav .carousel-next:hover,
    .kp-our-work .carousel-nav .carousel-next,
    .kp-testimonial .carousel-nav .carousel-next,
    .pf-detail-nav .pf-detail-next {
        background-image:url(/wp-content/themes/circle-2.0.3/css/../images/slider/carousel-next-hover@2x.png);
        background-size:6px 9px;
    }

    .carousel-nav .carousel-prev:hover,
    .kp-our-work .carousel-nav .carousel-prev,
    .kp-testimonial .carousel-nav .carousel-prev,
    .pf-detail-nav .pf-detail-prev {
        background-image:url(/wp-content/themes/circle-2.0.3/css/../images/slider/carousel-prev-hover@2x.png);
        background-size:6px 9px;
    }

    .kp-testimonial .testimonial-content .quote-icon {
        background-image:url(/wp-content/themes/circle-2.0.3/css/../images/icons/dark-quote-icon@2x.png);
        background-size:21px 16px;
    }

    .bottom-twitter .tweet_list li .tweet_avatar {
        background-image:url(/wp-content/themes/circle-2.0.3/css/../images/icons/twitter-icon@2x.png);
        background-size:24px 19px;
    }

    .kp-testimonial .testimonial-content .arrow {
        background-image:url(/wp-content/themes/circle-2.0.3/css/../images/background/testimonial-arrow@2x.png);
        background-size:26px 34px;
    }

    .pf-detail-slider .flex-direction-nav .flex-next,
    .blogpost-slider .flex-direction-nav .flex-next,
    .kp-single-slider .flex-direction-nav .flex-next,
    .kp-single-carousel .flex-direction-nav .flex-next,
    .next {
        background-image:url(/wp-content/themes/circle-2.0.3/css/../images/slider/sequencel-next@2x.png);
        background-size:10px 15px;
    }

    .pf-detail-slider .flex-direction-nav .flex-prev,
    .blogpost-slider .flex-direction-nav .flex-prev,
    .kp-single-slider .flex-direction-nav .flex-prev,
    .kp-single-carousel .flex-direction-nav .flex-prev,
    .prev {
        background-image:url(/wp-content/themes/circle-2.0.3/css/../images/slider/sequencel-prev@2x.png);
        background-size:10px 15px;
    }

}

@media only screen and (min-width: 1024px) and (max-width: 1043px) {

    /* =========================================================
    Colunms
    ============================================================ */
    .wrapper{
        width:980px;
    }
    #main-col {
        width:660px;
        margin-right:20px;
    }
    .kp-left-sidebar #main-col {
        width:660px;
        margin-left:20px;
    }
    .two-sidebar .sidebar {
        width:200px;
    }
    .two-sidebar #main-col {
        width:540px;
        margin:0 20px;
    }

    /* =========================================================
    Header
    ============================================================ */
    /*---Main Menu---*/
    .sf-arrows ul li > .sf-with-ul:focus:after, 
    .sf-arrows ul li:hover > .sf-with-ul:after, 
    .sf-arrows ul .sfHover > .sf-with-ul:after {
        border-left-color:transparent;
    }

    /*---Header Bottom---*/
    /*---Logo---*/
    /*- Search Box -*/

    /* =========================================================
    Home page slider
    ============================================================ */
    .ei-slider{
        height: 343px;
        margin: 0 auto 20px;
    }
    .ei-slider-loading{
        line-height: 343px;
    }
    .ei-title{
        left: 20px;
        bottom: 20px;
    }
    /* =========================================================
    Main content
    ============================================================ */
    #main-content {
        padding-top:20px;
    }

    /*-Tabs-*/
    .list-container-1 ul li {
        width:49.926%;
    }

    /*---Timeline---*/
    .timeline-item .entry-body {
        width:550px;
    }
    .timeline-item .entry-body .kp-thumb {
        width:220px;
    }
    .timeline-item .entry-body header {
        width:268px;
    }
    .timeline-item .entry-body .entry-title {
        font-size:26px;
        line-height:28px;
    }

    .timeline-item.gallery-post .older-gallery-img li,
    .timeline-item.gallery-post #more-gallery-img li {
        width:162px;
    }
    .kp-filter {
        /*left:217px;*/
    }
    .kp-filter ul.ss-links {
        right:-12px;
    }

    /* =========================================================
    Sidebar
    ============================================================ */
    .sidebar .widget {
        margin-bottom:30px;
    }

    /*---Twitter---*/

    /* =========================================================
    Bottom Sidebar
    ============================================================ */
    #bottom-sidebar {
        padding-top:30px;
    }
    #bottom-sidebar .widget .widget-title {
        margin:0 0 20px;
    }

    /*---Flickr---*/
    .flickr-wrap {
        margin:-5px;
    }
    .flickr-badge-image {
        margin:5px;
        width:69px;
    }
    .kp-tagcloud {
        margin-left:15px;
    }

    /* =========================================================
    Footer
    ============================================================ */

    /*----------------Back to top-----------------*/

    /**** Isotope Filtering ****/
    #isotop-container{
        margin-top: 20px;
    }
    .isotop-header {
        top:-58px;
    }

    .kp-home-1 #portfolio-items article{
        width:210px;
    }
    .kp-pf-3col #pf-items article {
        width:203px;
    }
    .kp-pf-2col #pf-items article {
        width:317px;
    }
    .kp-pf-1col #pf-items article {
        width:660px;
    }

    #portfolio-items article .mask a.kp-pf-gallery {
        top:40px;
    }
    #portfolio-items article .mask a.kp-pf-detail {
        top:60px;
    }
    #portfolio-items article .mask .portfolio-caption h3 {
        margin:0;
    }

    .kp-pf-3col #pf-items article .mask a.kp-pf-gallery {
        top:50px;
        right:100%;
    }
    .kp-pf-2col #pf-items article .mask a.kp-pf-gallery {
        top:90px;
        right:100%;
    }
    .kp-pf-1col #pf-items article .mask a.kp-pf-gallery {
        top:200px;
        right:100%;
    }

    .kp-pf-3col #pf-items article .mask a.kp-pf-detail {
        top:70px;
        left:100%;
    }
    .kp-pf-2col #pf-items article .mask a.kp-pf-detail {
        top:110px;
        left:100%;
    }
    .kp-pf-1col #pf-items article .mask a.kp-pf-detail {
        top:230px;
        left:100%;
    }
    #portfolio-items article .mask .portfolio-caption,
    #pf-items article .mask .portfolio-caption {
        bottom:20px;
    }

    #pf-filters li label {
        font-size:16px;
    }

    .pf-thumb-1col {
        width:425px;
    }

    /* =========================================================
    Elements page
    ============================================================ */
    .elements-box .list-container-3 ul li {
        width:86px;
    }

    /*-------------Toggle Boxes-----------*/

    /************Accordion**************/

    /* =========================================================
    Category page 1
    ============================================================ */
    .article-list li article .entry-header {
        width:350px;
    }
    .article-list li article .entry-date, 
    .article-list li article .entry-author, 
    .article-list li article .entry-category {
        margin-right:10px;
    }
    .two-sidebar.kp-cat-1 .article-list li article .entry-thumb {
        margin-right:0;
        width:100%;
        margin-bottom:15px;
    }
    .two-sidebar.kp-cat-1 .article-list li article .entry-thumb img {	
        width:100%;
    }
    .two-sidebar .article-list li article .entry-header {
        width:100%;
    }

    /* =========================================================
    Category page 2
    ============================================================ */
    .kp-cat-2 .article-list li article .entry-content {
        width:325px;
    }
    .kp-cat-2 .article-list li article .entry-thumb {
        width:250px;
    }
    .kp-cat-2 .article-list li article .entry-title {
        margin-bottom:0;
    }

    /* =========================================================
    Singe page 1
    ============================================================ */
    /*---About Author---*/
    .about-author .author-content {
        width:528px;
    }
    .kp-single-4 .about-author .author-content {
        width:848px;
    }

    /*---Comments List---*/
    #comments .comment-body {
        width:585px;
    }
    .kp-single-4 #comments .comment-body {
        width:905px;
    }
    #comments .comments-list .children {
        margin-left:60px;
    }
    #comments .comments-list .children .comment-body {
        width:525px;
    }
    .kp-single-4 #comments .comments-list .children .comment-body {
        width:845px;
    }
    .kp-single-4 #comments-form .comment-left {
        width:410px;
    }
    .kp-single-4 #comments-form .comment-right {
        width:550px;
    }

    /*---Comment form---*/
    #comments-form .comment-left {
        width:245px;
    }
    #comments-form .comment-right {
        width:395px;
    }
    #comments-form #comment_message {
        height:195px;
    }

    /* =========================================================
    Singe page 2
    ============================================================ */
    .kp-single-2 .entry-box .entry-thumb {
        width:300px;
    }
    .kp-single-2 .entry-box .entry-title {
        font-size:28px;
        line-height:28px;
    }
    .kp-single-2 .about-author .author-content {
        width:463px;
    }
    .kp-single-2 #comments-form .comment-left {
        width:220px;
    }
    .kp-single-2 #comments-form .comment-right {
        width:355px;
    }
    .kp-single-2 #comments .comment-body {
        width:520px;
    }
    .kp-single-2 #comments .comments-list .children .comment-body {
        width:460px;
    }
    .related-article .entry-item .entry-content{
        margin:10px 15px;
    }
    .kp-single-2 .related-article .entry-comment {
        display:none;
    }


    /* =========================================================
    Singe page 3
    ============================================================ */
    .kp-single-carousel {
        display:none;
    }
    .kp-single-carousel li {
        width:162px !important;
    }
    .kp-single-3 .entry-box #carousel img {
        margin:0;
        width:690px;
    }

    /* =========================================================
    Home page 2
    ============================================================ */
    .widget-area-3,
    .widget-area-4 {
        width:320px;
    }
    .widget-area-3 {
        margin-right:20px;
    }

    #main-col .widget .entry-content .entry-title {
        font-size:22px;
        line-height:24px;
    }

    #main-col .widget .older-post li .entry-content {
        width:220px;
    }

    #main-col .widget-area-5 .widget .entry-thumb {
        margin-right:20px;
    }

    /* =========================================================
    Contact page
    ============================================================ */
    #contact-info address p {
        line-height:22px;
    }

    /* =========================================================
    Home page 3
    ============================================================ */
    #sequence li h2 {
        font-size:30px;
        line-height:32px;
        padding:5px 15px;
    }
    .animate-in .title,
    .animate-in .subtitle {
        left:20px;
    }
    .model {
        width:490px;
    }
    .animate-in .model {
        right:10px;
    }
    #sequence li#creative h2 {
        font-size:30px;
        line-height:32px;
    }
    .model-2-1,
    .model-2-2,
    .model-2-3 {
        width:280px;
    }


    .kp-home-3 .list-carousel.responsive {
        margin:0;
    }


    .kp-our-work ul li .entry-item .entry-content {
        margin:0 15px 10px;
    }

    .kp-our-experient .widget-area-4 .widget-title {
        margin-left:15px;
    }

    .kp-our-experient .entry-item {
        margin-right:15px;
    }
    .kp-our-experient .entry-item .entry-date {
        margin-right:15px;
    }
    .kp-our-experient .entry-item .entry-content {
        width:386px;
    }
    .kp-testimonial .testimonial-author a {
        line-height:20px;
    }
    .bottom-twitter .twitter-widget {
        padding:10px 20px;
    }

    /* =========================================================
    About page
    ============================================================ */

    /* =========================================================
    Portfolio detail page
    ============================================================ */
    .portfolio-detail .entry-meta-box {
        width:190px;
        margin-right:20px;
    }
    .portfolio-detail .pf-detail-content {
        width:450px;
    }
    .pf-box li {
        width:206px;
        margin-left:20px;
    }
    #pf-items .pf-info .entry-view, 
    #pf-items .pf-info .entry-like, 
    .pf-box li .pf-info .entry-view, 
    .pf-box li .pf-info .entry-like {
        width:48.9%;
    }

    /* =========================================================
    Blog page style 3
    ============================================================ */
    .kp-cat-3 .entry-meta-column {
        margin-right:20px;
    }
    .kp-cat-3 .entry-item {
        width:535px;
    }
    .kp-cat-3.two-sidebar .entry-item {
        width:440px;
    }
    .kp-cat-3 .sidebar .widget .kp-popular-post li .entry-thumb, 
    .kp-cat-3 .sidebar .widget .kp-latest-post li .entry-thumb {
        width:45px;
    }
    .kp-cat-3 .sidebar .widget ul li .entry-thumb img {
        width:100%;
        display:block;
    }
    .kp-cat-3 .sidebar .widget .entry-comment {
        display:none;
    }

    /* =========================================================
    404 Page
    ============================================================ */


}

@media only screen and (min-width: 980px) and (max-width: 1023px) {

    /* =========================================================
    Colunms
    ============================================================ */
    .wrapper{
        width:940px;
    }
    #main-col {
        width:620px;
        margin-right:20px;
    }
    .kp-left-sidebar #main-col {
        width:620px;
        margin-left:20px;
    }
    .two-sidebar .sidebar {
        width:200px;
    }
    .two-sidebar #main-col {
        width:500px;
        margin:0 20px;
    }

    /* =========================================================
    Header
    ============================================================ */
    /*---Main Menu---*/
    .sf-arrows ul li > .sf-with-ul:focus:after, 
    .sf-arrows ul li:hover > .sf-with-ul:after, 
    .sf-arrows ul .sfHover > .sf-with-ul:after {
        border-left-color:transparent;
    }

    /*---Header Bottom---*/
    /*---Logo---*/
    /*- Search Box -*/

    /* =========================================================
    Home page slider
    ============================================================ */
    .ei-slider{
        height: 322px;
        margin: 0 auto 20px;
    }
    .ei-slider-loading{
        line-height: 343px;
    }
    .ei-title{
        left: 20px;
        bottom: 20px;
    }
    /* =========================================================
    Main content
    ============================================================ */
    #main-content {
        padding-top:20px;
    }

    /*-Tabs-*/
    .list-container-1 ul li {
        width:49.922%;
    }

    /*---Timeline---*/
    .timeline-item .entry-body {
        width:510px;
    }
    .timeline-item .entry-body .kp-thumb {
        width:200px;
    }
    .timeline-item .entry-body header {
        width:248px;
    }
    .timeline-item .entry-body .entry-title {
        font-size:24px;
        line-height:24px;
    }

    .timeline-item.gallery-post .older-gallery-img li,
    .timeline-item.gallery-post #more-gallery-img li {
        width:149px;
    }
    .kp-filter {
        /*left:217px;*/
    }
    .kp-filter ul.ss-links {
        right:-12px;
    }

    /* =========================================================
    Sidebar
    ============================================================ */
    .sidebar .widget {
        margin-bottom:30px;
    }

    /*---Twitter---*/

    /* =========================================================
    Bottom Sidebar
    ============================================================ */
    #bottom-sidebar {
        padding-top:30px;
    }
    #bottom-sidebar .widget .widget-title {
        margin:0 0 20px;
    }

    /*---Flickr---*/
    .flickr-wrap {
        margin:-5px;
    }
    .flickr-badge-image {
        margin:5px;
        width:66px;
    }
    .kp-tagcloud {
        margin-left:15px;
    }
    #bottom-sidebar .widget ul li .entry-thumb {
        width:45px;
        margin-right:10px;
    }

    /* =========================================================
    
    Footer
    ============================================================ */

    /*----------------Back to top-----------------*/

    /**** Isotope Filtering ****/
    #isotop-container{
        margin-top: 20px;
    }
    .isotop-header {
        top:-58px;
    }

    .kp-home-1 #portfolio-items article{
        width:196px;
    }
    .kp-pf-3col #pf-items article {
        width:190px;
    }
    .kp-pf-2col #pf-items article {
        width:297px;
    }
    .kp-pf-1col #pf-items article {
        width:620px;
    }

    #portfolio-items article .mask a.kp-pf-gallery {
        top:30px;
    }
    #portfolio-items article .mask a.kp-pf-detail {
        top:50px;
    }
    #portfolio-items article .mask .portfolio-caption h3 {
        margin:0;
    }

    .kp-pf-3col #pf-items article .mask a.kp-pf-gallery {
        top:50px;
        right:100%;
    }
    .kp-pf-2col #pf-items article .mask a.kp-pf-gallery {
        top:90px;
        right:100%;
    }
    .kp-pf-1col #pf-items article .mask a.kp-pf-gallery {
        top:200px;
        right:100%;
    }

    .kp-pf-3col #pf-items article .mask a.kp-pf-detail {
        top:70px;
        left:100%;
    }
    .kp-pf-2col #pf-items article .mask a.kp-pf-detail {
        top:110px;
        left:100%;
    }
    .kp-pf-1col #pf-items article .mask a.kp-pf-detail {
        top:230px;
        left:100%;
    }
    #portfolio-items article .mask .portfolio-caption,
    #pf-items article .mask .portfolio-caption {
        bottom:20px;
    }

    #pf-filters li label {
        font-size:16px;
    }

    .pf-thumb-1col {
        width:400px;
    }
    .pf-des-1col {
        width:200px;
    }
    .entry-date, .entry-author, .entry-category {
        margin-right:10px;
    }

    /* =========================================================
    Elements page
    ============================================================ */
    .elements-box .list-container-3 ul li {
        width:81px;
    }

    /*-------------Toggle Boxes-----------*/

    /************Accordion**************/

    /* =========================================================
    Category page 1
    ============================================================ */
    .article-list li article .entry-header {
        width:350px;
    }
    .article-list li article .entry-date, 
    .article-list li article .entry-author, 
    .article-list li article .entry-category {
        margin-right:10px;
    }
    .two-sidebar.kp-cat-1 .article-list li article .entry-thumb {
        margin-right:0;
        width:100%;
        margin-bottom:15px;
    }
    .two-sidebar.kp-cat-1 .article-list li article .entry-thumb img {	
        width:100%;
    }
    .two-sidebar .article-list li article .entry-header {
        width:100%;
    }

    /* =========================================================
    Category page 2
    ============================================================ */
    .kp-cat-2 .article-list li article .entry-content {
        width:305px;
    }
    .kp-cat-2 .article-list li article .entry-thumb {
        width:230px;
    }
    .kp-cat-2 .article-list li article .entry-title {
        margin-bottom:0;
    }

    /* =========================================================
    Singe page 1
    ============================================================ */
    /*---About Author---*/
    .about-author .author-content {
        width:488px;
    }

    /*---Comments List---*/
    #comments .comment-body {
        width:545px;
    }
    #comments .comments-list .children .comment-body {
        width:485px;
    }

    /*---Comment form---*/
    #comments-form .comment-left {
        width:225px;
    }
    #comments-form .comment-right {
        width:375px;
    }
    #comments-form #comment_message {
        height:195px;
    }

    .kp-single-4 .about-author .author-content {
        width:808px;
    }
    .kp-single-4 #comments .comment-body {
        width:865px;
    }
    .kp-single-4 #comments .comments-list .children .comment-body {
        width:805px;
    }
    .kp-single-4 #comments-form .comment-left {
        width:390px;
    }
    .kp-single-4 #comments-form .comment-right {
        width:530px;
    }

    /* =========================================================
    Singe page 2
    ============================================================ */
    .kp-single-2 .entry-box .entry-thumb {
        width:300px;
    }
    .kp-single-2 .entry-box .entry-title {
        font-size:28px;
        line-height:28px;
    }
    .kp-single-2 .about-author .author-content {
        width:423px;
    }
    .kp-single-2 #comments-form .comment-left {
        width:200px;
    }
    .kp-single-2 #comments-form .comment-right {
        width:335px;
    }
    .kp-single-2 #comments .comment-body {
        width:480px;
    }
    .kp-single-2 #comments .comments-list .children .comment-body {
        width:420px;
    }
    .related-article .entry-item .entry-content{
        margin:10px 15px;
    }
    .kp-single-2 .related-article .entry-comment {
        display:none;
    }


    /* =========================================================
    Singe page 3
    ============================================================ */
    .kp-single-carousel {
        display:none;
    }
    .kp-single-carousel li {
        width:152px !important;
    }
    .kp-single-3 .entry-box #carousel img {
        margin:0;
        width:690px;
    }

    /* =========================================================
    Home page 2
    ============================================================ */
    .widget-area-3,
    .widget-area-4 {
        width:300px;
    }
    .widget-area-3 {
        margin-right:20px;
    }

    #main-col .widget .entry-content .entry-title {
        font-size:22px;
        line-height:24px;
    }

    #main-col .widget .older-post li .entry-content {
        width:200px;
    }

    #main-col .widget-area-5 .widget .entry-thumb {
        margin-right:20px;
    }

    /* =========================================================
    Contact page
    ============================================================ */
    #contact-info address p {
        line-height:22px;
    }

    /* =========================================================
    Home page 3
    ============================================================ */
    #sequence li h2 {
        font-size:30px;
        line-height:32px;
        padding:5px 15px;
    }
    .animate-in .title,
    .animate-in .subtitle {
        left:20px;
    }
    .model {
        width:490px;
    }
    .animate-in .model {
        right:10px;
    }
    #sequence li#creative h2 {
        font-size:30px;
        line-height:32px;
    }
    .model-2-1,
    .model-2-2,
    .model-2-3 {
        width:280px;
    }
    .title-2,
    .subtitle-2 {
        width:42%;
    }
    .animate-in .model-2-1,
    .model-2-1,
    .animate-out .model-2-1 {
        left:10px;
    }
    .animate-in .model-2-2,
    .animate-out .model-2-2,
    .model-2-2 {
        left:230px;
    }


    .kp-home-3 .list-carousel.responsive {
        margin:0;
    }


    .kp-our-work ul li .entry-item .entry-content {
        margin:0 15px 10px;
    }

    .kp-our-experient .widget-area-4 .widget-title {
        margin-left:15px;
    }

    .kp-our-experient .entry-item {
        margin-right:15px;
    }
    .kp-our-experient .entry-item .entry-date {
        margin-right:15px;
    }
    .kp-our-experient .entry-item .entry-content {
        width:366px;
    }
    .kp-testimonial .testimonial-author a {
        line-height:20px;
    }
    .bottom-twitter .twitter-widget {
        padding:10px 20px;
    }
    .chart .label {
        font-size:16px;
    }

    /* =========================================================
    About page
    ============================================================ */

    /* =========================================================
    Portfolio detail page
    ============================================================ */
    .portfolio-detail .entry-meta-box {
        width:190px;
        margin-right:20px;
    }
    .portfolio-detail .pf-detail-content {
        width:410px;
    }
    .pf-box li {
        width:193px;
        margin-left:20px;
    }
    #pf-items .pf-info .entry-view, 
    #pf-items .pf-info .entry-like, 
    .pf-box li .pf-info .entry-view, 
    .pf-box li .pf-info .entry-like {
        width:48.9%;
    }

    /* =========================================================
    Blog page style 3
    ============================================================ */
    .kp-cat-3 .entry-meta-column {
        margin-right:20px;
    }
    .kp-cat-3 .entry-item {
        width:495px;
    }
    .kp-cat-3.two-sidebar .entry-item {
        width:400px;
    }
    .kp-cat-3 .sidebar .widget .kp-popular-post li .entry-thumb, 
    .kp-cat-3 .sidebar .widget .kp-latest-post li .entry-thumb {
        width:45px;
    }
    .kp-cat-3 .sidebar .widget ul li .entry-thumb img {
        width:100%;
        display:block;
    }
    .kp-cat-3 .sidebar .widget .entry-comment {
        display:none;
    }
    .article-list li article .entry-thumb {
        width:250px;
    }
    .article-list li article .entry-title {
        font-size:28px;
        line-height:28px;
    }
    .two-sidebar .sidebar .widget .list-container-2 ul li {
        width:64px;
    }
    .list-container-2 ul li a, 
    .list-container-3 ul li a {
        font-size:14px;
    }
    .tab-container-2 {
        padding:15px 15px 10px;
    }

    /* =========================================================
    404 Page
    ============================================================ */


}

@media only screen and (min-width: 800px) and (max-width: 979px) {

    /* =========================================================
    Colunms
    ============================================================ */
    .wrapper{
        width:760px;
    }
    #main-col {
        width:490px;
        margin-right:20px;
    }
    .sidebar {
        width:250px;
    }
    .kp-left-sidebar #main-col {
        width:490px;
        margin-left:20px;
    }
    .two-sidebar .sidebar {
        width:200px;
    }
    .two-sidebar #main-col {
        width:320px;
        margin:0 20px;
    }

    /* =========================================================
    Header
    ============================================================ */
    /*---Main Menu---*/
    .sf-arrows ul li > .sf-with-ul:focus:after, 
    .sf-arrows ul li:hover > .sf-with-ul:after, 
    .sf-arrows ul .sfHover > .sf-with-ul:after {
        border-left-color:transparent;
    }

    /*---Header Bottom---*/
    /*---Logo---*/
    /*- Search Box -*/

    /* =========================================================
    Home page slider
    ============================================================ */
    .ei-slider{
        height: 255px;
        margin: 0 auto 20px;
    }
    .ei-slider-loading{
        line-height: 343px;
    }
    .ei-title{
        left: 10px;
        bottom: 10px;
        width:380px
    }
    /* =========================================================
    Main content
    ============================================================ */
    #main-content {
        padding-top:20px;
    }

    /*-Tabs-*/
    .list-container-1 ul li {
        width:49.9%;
    }

    /*---Timeline---*/
    .timeline-item .entry-body {
        width:380px;
        padding:15px;
    }
    .timeline-item .entry-body .kp-thumb {
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }
    .timeline-item .entry-body header {
        width:100%;
    }
    .timeline-item .entry-body .entry-title {
        font-size:24px;
        line-height:24px;
    }

    .timeline-item.gallery-post .older-gallery-img li,
    .timeline-item.gallery-post #more-gallery-img li {
        width:109px;
    }
    .kp-filter {
        /*left:135px;*/
    }
    .kp-filter ul.ss-links {
        right:-12px;
    }

    /* =========================================================
    Sidebar
    ============================================================ */
    .sidebar .widget {
        margin-bottom:30px;
    }
    .list-container-2 ul li, 
    .sidebar .widget .list-container-2 ul li, 
    .sidebar .widget .list-container-3 ul li {
        width:80px;
    }
    .sidebar .widget .tab-container-2 .entry-comment {
        display:none !important;
    }

    /*---Twitter---*/

    /* =========================================================
    Bottom Sidebar
    ============================================================ */
    #bottom-sidebar {
        padding-top:30px;
    }
    #bottom-sidebar .widget .widget-title {
        margin:0 0 20px;
    }

    /*---Flickr---*/
    .flickr-wrap {
        margin:-5px;
    }
    .flickr-badge-image {
        margin:5px;
        width:51px;
    }
    .kp-tagcloud {
        margin-left:15px;
    }
    #bottom-sidebar .widget ul li .entry-thumb {
        width:45px;
        margin-right:10px;
    }

    /* =========================================================
    Footer
    ============================================================ */

    /*----------------Back to top-----------------*/

    /**** Isotope Filtering ****/
    #isotop-container{
        margin-top: 20px;
    }
    .isotop-header {
        top:-58px;
    }

    .kp-home-1 #portfolio-items article{
        width:237px;
    }
    .kp-pf-3col #pf-items article {
        width:232px;
    }
    .kp-pf-2col #pf-items article {
        width:232px;
    }
    .kp-pf-1col #pf-items article {
        width:490px;
    }

    #portfolio-items article .mask a.kp-pf-gallery {
        top:30px;
    }
    #portfolio-items article .mask a.kp-pf-detail {
        top:50px;
    }
    #portfolio-items article .mask .portfolio-caption h3 {
        margin:0;
    }

    .kp-pf-3col #pf-items article .mask a.kp-pf-gallery {
        top:50px;
        right:100%;
    }
    .kp-pf-2col #pf-items article .mask a.kp-pf-gallery {
        top:90px;
        right:100%;
    }
    .kp-pf-1col #pf-items article .mask a.kp-pf-gallery {
        top:200px;
        right:100%;
    }

    .kp-pf-3col #pf-items article .mask a.kp-pf-detail {
        top:70px;
        left:100%;
    }
    .kp-pf-2col #pf-items article .mask a.kp-pf-detail {
        top:110px;
        left:100%;
    }
    .kp-pf-1col #pf-items article .mask a.kp-pf-detail {
        top:230px;
        left:100%;
    }
    #portfolio-items article .mask .portfolio-caption,
    #pf-items article .mask .portfolio-caption {
        bottom:20px;
    }

    #pf-filters li label {
        font-size:14px;
        padding:5px 10px;
    }

    .pf-thumb-1col {
        width:290px;
    }
    .pf-des-1col {
        width:180px;
    }
    .entry-date, .entry-author, .entry-category {
        margin-right:10px;
    }

    /* =========================================================
    Elements page
    ============================================================ */
    .elements-box .list-container-3 ul li {
        width:63px;
    }

    /*-------------Toggle Boxes-----------*/

    /************Accordion**************/

    /* =========================================================
    Category page 1
    ============================================================ */
    .article-list li article .entry-header {
        width:250px;
    }
    .article-list li article .entry-date, 
    .article-list li article .entry-author, 
    .article-list li article .entry-category {
        margin-right:10px;
    }
    .two-sidebar.kp-cat-1 .article-list li article .entry-thumb {
        margin-right:0;
        width:100%;
        margin-bottom:15px;
    }
    .two-sidebar.kp-cat-1 .article-list li article .entry-thumb img {	
        width:100%;
    }
    .two-sidebar .article-list li article .entry-header {
        width:100%;
    }

    /* =========================================================
    Category page 2
    ============================================================ */
    .kp-cat-2 .article-list li article .entry-content {
        width:225px;
    }
    .kp-cat-2 .article-list li article .entry-thumb {
        width:180px;
    }
    .kp-cat-2 .article-list li article .entry-title {
        margin-bottom:0;
    }

    /* =========================================================
    Singe page 1
    ============================================================ */
    /*---About Author---*/
    .about-author {
        padding:15px 15px 5px;
    }
    .about-author .author-content {
        width:368px;
    }

    /*---Comments List---*/
    #comments .comment-body {
        width:415px;
    }
    #comments .comments-list .children .comment-body {
        width:355px;
    }

    /*---Comment form---*/
    #comments-form .comment-left {
        width:185px;
    }
    #comments-form .comment-right {
        width:285px;
    }
    #comments-form #comment_message {
        height:195px;
    }

    .kp-single-4 .about-author .author-content {
        width:638px;
    }
    .kp-single-4 #comments .comment-body {
        width:685px;
    }
    .kp-single-4 #comments .comments-list .children .comment-body {
        width:625px;
    }
    .kp-single-4 #comments-form .comment-left {
        width:300px;
    }
    .kp-single-4 #comments-form .comment-right {
        width:440px;
    }
    .related-article .entry-item .entry-content .entry-comment,
    .kp-single-2 .entry-box .entry-meta-box .entry-comment {
        display:none;
    }


    /* =========================================================
    Singe page 2
    ============================================================ */
    .kp-single-2 .entry-box .entry-thumb {
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }
    .kp-single-2 .entry-box .entry-header {
        margin-bottom:5px;
    }
    .kp-single-2 .entry-box .entry-title {
        font-size:28px;
        line-height:28px;
    }
    .kp-single-2 .about-author .author-content {
        width:303px;
    }
    .about-author header h4 {
        float:none;
    }
    .kp-single-2 #comments-form .comment-left {
        width:150px;
    }
    .kp-single-2 #comments-form .comment-right {
        width:265px;
    }
    .kp-single-2 #comments .comment-body {
        width:350px;
    }
    .kp-single-2 #comments .comments-list .children .comment-body {
        width:290px;
    }
    .related-article .entry-item .entry-content{
        margin:10px 15px;
    }
    .kp-single-2 .related-article .entry-comment {
        display:none;
    }
    .loading {
        min-height:300px;
    }


    /* =========================================================
    Singe page 3
    ============================================================ */
    .kp-single-carousel {
        display:none;
    }
    .kp-single-carousel li {
        width:119px !important;
    }
    .kp-single-3 .entry-box #carousel img {
        margin:0;
        width:690px;
    }

    /* =========================================================
    Home page 2
    ============================================================ */
    .widget-area-3,
    .widget-area-4 {
        width:235px;
    }
    .widget-area-3 {
        margin-right:20px;
    }

    #main-col .widget .entry-content .entry-title {
        font-size:22px;
        line-height:24px;
    }
    #main-col .widget.featured-widget .entry-content .entry-title {
        font-size:20px;
    }

    #main-col .widget .older-post li .entry-content {
        width:100%;
    }

    #main-col .widget-area-5 .widget .entry-thumb {
        margin-right:20px;
        width:200px;
    }
    #main-col .widget .older-post li .entry-thumb {
        width:100%;
        margin-right:0;
    }
    #main-col .widget .older-post li .entry-thumb img {
        width:100%;
        display:block;
    }

    /* =========================================================
    Contact page
    ============================================================ */
    #contact-info address p {
        line-height:22px;
    }

    /* =========================================================
    Home page 3
    ============================================================ */
    #sequence li h2 {
        font-size:28px;
        line-height:30px;
        padding:5px 10px 2px;
    }
    #sequence li h3 {
        font-size:26px;
        line-height:28px;
    }
    .animate-in .title,
    .animate-in .subtitle {
        left:20px;
    }
    .model {
        width:430px;
    }
    .subtitle {
        width:40%;
    }
    .animate-in .model {
        right:10px;
    }
    #sequence li#creative h2 {
        font-size:30px;
        line-height:32px;
    }
    .model-2-1,
    .model-2-2,
    .model-2-3 {
        width:250px;
    }
    .title-2,
    .subtitle-2 {
        width:42%;
    }
    .animate-in .model-2-1,
    .model-2-1,
    .animate-out .model-2-1 {
        left:10px;
    }
    .animate-in .model-2-2,
    .animate-out .model-2-2,
    .model-2-2 {
        left:180px;
    }

    .model-3-1 {
        width:322px;
    }
    .model-3-2 {
        width:308px;
    }
    .model-3-3 {
        width:184px;
    }
    .model-3-4 {
        width:72px;
    }


    .kp-home-3 .list-carousel.responsive {
        margin:0;
    }


    .kp-our-work ul li .entry-item .entry-content {
        margin:0 15px 10px;
    }

    .kp-our-experient .widget-area-4 .widget-title {
        margin-left:15px;
    }

    .kp-our-experient .entry-item {
        margin-right:15px;
    }
    .kp-our-experient .entry-item .entry-date {
        margin-right:15px;
    }
    .kp-our-experient .entry-item .entry-content {
        width:276px;
    }
    .kp-testimonial .testimonial-author a {
        line-height:20px;
    }
    .bottom-twitter .twitter-widget {
        padding:10px 15px;
    }
    .chart .label {
        font-size:16px;
        white-space: pre-wrap;
    }
    .kp-our-work ul li .entry-item .entry-content .entry-title {
        font-size:22px;
        line-height:24px;
    }

    /* =========================================================
    About page
    ============================================================ */
    .about-skill-intro {
        width:80%;
    }
    .bottom-twitter .tweet_list li .tweet_avatar {
        margin-right:10px;
    }
    /* =========================================================
    Portfolio detail page
    ============================================================ */
    .portfolio-detail .entry-meta-box {
        width:170px;
        margin-right:20px;
    }
    .portfolio-detail .pf-detail-content {
        width:300px;
    }
    .portfolio-detail .entry-meta-box .socials-link li {
        width:25px;
        height:25px;
        line-height:25px;
    }
    .portfolio-detail .entry-meta-box .socials-link li a span {
        font-size:12px;
    }
    .pf-box li {
        width:153px;
        margin-left:15px;
    }
    .pf-box li .pf-info .entry-view, .pf-box li .pf-info .entry-like {
        width:100% !important;
    }
    .pf-box li .pf-info .entry-view {
        border-right:none;
        border-bottom:1px solid #EAEAEA;
    }
    #pf-items .pf-info .entry-view, 
    #pf-items .pf-info .entry-like, 
    .pf-box li .pf-info .entry-view, 
    .pf-box li .pf-info .entry-like {
        width:48.9%;
    }

    /* =========================================================
    Blog page style 3
    ============================================================ */
    .kp-cat-3.two-sidebar .entry-meta-column {
        width:40px;
    }
    .kp-cat-3.two-sidebar .entry-meta-column p{
        width:40px;
        height:40px;
        line-height:40px;
        font-size:20px;
    }
    .kp-cat-3 .entry-meta-column {
        margin-right:15px;

    }
    .kp-cat-3 .entry-item {
        width:365px;
    }
    .kp-cat-3.two-sidebar .entry-item {
        width:265px;
    }
    .kp-cat-3 .sidebar .widget .kp-popular-post li .entry-thumb, 
    .kp-cat-3 .sidebar .widget .kp-latest-post li .entry-thumb {
        width:45px;
    }
    .kp-cat-3 .sidebar .widget ul li .entry-thumb img {
        width:100%;
        display:block;
    }
    .kp-cat-3 .sidebar .widget .entry-comment {
        display:none;
    }
    .article-list li article .entry-thumb {
        width:220px;
    }
    .article-list li article .entry-title {
        font-size:24px;
        line-height:24px;
    }
    .two-sidebar .sidebar .widget .list-container-2 ul li {
        width:64px;
    }
    .list-container-2 ul li a, 
    .list-container-3 ul li a {
        font-size:14px;
    }
    .tab-container-2 {
        padding:15px 15px 10px;
    }
    .kp-cat-2 .article-list li article .entry-comment {
        display:none;
    }

    #top-nav {
        float: none;
        border-bottom: 1px solid #444;
    }
    .contact-top {
        float: none;
        text-align: center;
        margin-bottom: 18px;
    }
    .contact-top li {
        display: inline-block;
        float: none;
    }

    /*time line gallery */
    .timeline-item.gallery-post .older-gallery-img,
    .timeline-item.gallery-post .more-gallery-img {
        margin: 0;
    }
    .timeline-item.gallery-post .older-gallery-img li,
    .timeline-item.gallery-post .more-gallery-img li {
        margin-right: 0;
        margin-top: 10px;
        display: block;
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 799px) {

    /* =========================================================
    Colunms
    ============================================================ */
    .wrapper{
        width:720px;
    }
    #main-col {
        width:490px;
        margin-right:20px;
    }
    .sidebar {
        width:210px;
    }
    .kp-left-sidebar #main-col {
        width:490px;
        margin-left:20px;
    }
    .two-sidebar .sidebar {
        width:200px;
    }
    .two-sidebar #main-col {
        width:320px;
        margin:0 20px;
    }

    /* =========================================================
    Header
    ============================================================ */
    /*---Main Menu---*/
    .sf-arrows ul li > .sf-with-ul:focus:after, 
    .sf-arrows ul li:hover > .sf-with-ul:after, 
    .sf-arrows ul .sfHover > .sf-with-ul:after {
        border-left-color:transparent;
    }

    #main-menu {
        display:none;
    }
    #mobile-menu {
        display:inline-block;
    }

    .contact-top {
        margin-top:10px;
    }

    /*---Header Bottom---*/
    /*---Logo---*/
    /*- Search Box -*/

    /* =========================================================
    Home page slider
    ============================================================ */
    .ei-slider{
        height: 255px;
        margin: 0 auto 20px;
    }
    .ei-slider-loading{
        line-height: 343px;
    }
    .ei-title{
        left: 10px;
        bottom: 10px;
        width:380px
    }
    /* =========================================================
    Main content
    ============================================================ */
    #main-content {
        padding-top:20px;
    }

    /*-Tabs-*/
    .list-container-1 ul li {
        width:49.9%;
    }

    /*---Timeline---*/
    .timeline-item .entry-body {
        width:380px;
        padding:15px;
    }
    .timeline-item .entry-body .kp-thumb {
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }
    .timeline-item .entry-body header {
        width:100%;
    }
    .timeline-item .entry-body .entry-title {
        font-size:24px;
        line-height:24px;
    }

    .timeline-item.gallery-post .older-gallery-img li,
    .timeline-item.gallery-post #more-gallery-img li {
        width:109px;
    }
    .kp-filter {
        /*left:135px;*/
    }
    .kp-filter ul.ss-links {
        right:-12px;
    }

    /* =========================================================
    Sidebar
    ============================================================ */
    .sidebar .widget {
        margin-bottom:30px;
    }
    .list-container-2 ul li, 
    .sidebar .widget .list-container-2 ul li, 
    .sidebar .widget .list-container-3 ul li {
        width:68px;
    }
    .sidebar .widget .tab-container-2 .entry-comment {
        display:none !important;
    }
    .sidebar .widget .entry-comment {
        display:none;
    }

    /*---Twitter---*/

    /* =========================================================
    Bottom Sidebar
    ============================================================ */
    #bottom-sidebar {
        padding-top:30px;
    }
    #bottom-sidebar .widget .widget-title {
        margin:0 0 20px;
    }

    /*---Flickr---*/
    .flickr-wrap {
        margin:-5px;
    }
    .flickr-badge-image {
        margin:5px;
        width:48px;
    }
    .kp-tagcloud {
        margin-left:15px;
    }
    #bottom-sidebar .widget ul li .entry-thumb {
        width:45px;
        margin-right:10px;
    }

    /* =========================================================
    Footer
    ============================================================ */

    /*----------------Back to top-----------------*/

    /**** Isotope Filtering ****/
    #isotop-container{
        margin-top: 20px;
    }
    .isotop-header {
        top:-58px;
    }

    .kp-home-1 #portfolio-items article{
        width:237px;
    }
    .kp-pf-3col #pf-items article {
        width:232px;
    }
    .kp-pf-2col #pf-items article {
        width:232px;
    }
    .kp-pf-1col #pf-items article {
        width:490px;
    }

    #portfolio-items article .mask a.kp-pf-gallery {
        top:30px;
    }
    #portfolio-items article .mask a.kp-pf-detail {
        top:50px;
    }
    #portfolio-items article .mask .portfolio-caption h3 {
        margin:0;
    }

    .kp-pf-3col #pf-items article .mask a.kp-pf-gallery {
        top:50px;
        right:100%;
    }
    .kp-pf-2col #pf-items article .mask a.kp-pf-gallery {
        top:90px;
        right:100%;
    }
    .kp-pf-1col #pf-items article .mask a.kp-pf-gallery {
        top:200px;
        right:100%;
    }

    .kp-pf-3col #pf-items article .mask a.kp-pf-detail {
        top:70px;
        left:100%;
    }
    .kp-pf-2col #pf-items article .mask a.kp-pf-detail {
        top:110px;
        left:100%;
    }
    .kp-pf-1col #pf-items article .mask a.kp-pf-detail {
        top:230px;
        left:100%;
    }
    #portfolio-items article .mask .portfolio-caption,
    #pf-items article .mask .portfolio-caption {
        bottom:20px;
    }

    #pf-filters li label {
        font-size:14px;
        padding:5px 10px;
    }

    .pf-thumb-1col {
        width:290px;
    }
    .pf-des-1col {
        width:180px;
    }
    .entry-date, .entry-author, .entry-category {
        margin-right:10px;
    }

    /* =========================================================
    Elements page
    ============================================================ */
    .elements-box .list-container-3 ul li {
        width:63px;
    }

    /*-------------Toggle Boxes-----------*/

    /************Accordion**************/

    /* =========================================================
    Category page 1
    ============================================================ */
    .article-list li article .entry-header {
        width:250px;
    }
    .article-list li article .entry-date, 
    .article-list li article .entry-author, 
    .article-list li article .entry-category {
        margin-right:10px;
    }
    .two-sidebar.kp-cat-1 .article-list li article .entry-thumb {
        margin-right:0;
        width:100%;
        margin-bottom:15px;
    }
    .two-sidebar.kp-cat-1 .article-list li article .entry-thumb img {	
        width:100%;
    }
    .two-sidebar .article-list li article .entry-header {
        width:100%;
    }

    /* =========================================================
    Category page 2
    ============================================================ */
    .kp-cat-2 .article-list li article .entry-content {
        width:225px;
    }
    .kp-cat-2 .article-list li article .entry-thumb {
        width:180px;
    }
    .kp-cat-2 .article-list li article .entry-title {
        margin-bottom:0;
    }

    /* =========================================================
    Singe page 1
    ============================================================ */
    /*---About Author---*/
    .about-author {
        padding:15px 15px 5px;
    }
    .about-author .author-content {
        width:368px;
    }

    /*---Comments List---*/
    #comments .comment-body {
        width:415px;
    }
    #comments .comments-list .children .comment-body {
        width:355px;
    }

    /*---Comment form---*/
    #comments-form .comment-left {
        width:185px;
    }
    #comments-form .comment-right {
        width:285px;
    }
    #comments-form #comment_message {
        height:195px;
    }

    .kp-single-4 .about-author .author-content {
        width:638px;
    }
    .kp-single-4 #comments .comment-body {
        width:685px;
    }
    .kp-single-4 #comments .comments-list .children .comment-body {
        width:625px;
    }
    .kp-single-4 #comments-form .comment-left {
        width:300px;
    }
    .kp-single-4 #comments-form .comment-right {
        width:440px;
    }
    .related-article .entry-item .entry-content .entry-comment,
    .kp-single-2 .entry-box .entry-meta-box .entry-comment {
        display:none;
    }


    /* =========================================================
    Singe page 2
    ============================================================ */
    .kp-single-2 .entry-box .entry-thumb {
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }
    .kp-single-2 .entry-box .entry-header {
        margin-bottom:5px;
    }
    .kp-single-2 .entry-box .entry-title {
        font-size:28px;
        line-height:28px;
    }
    .kp-single-2 .about-author .author-content {
        width:303px;
    }
    .about-author header h4 {
        float:none;
    }
    .kp-single-2 #comments-form .comment-left {
        width:150px;
    }
    .kp-single-2 #comments-form .comment-right {
        width:265px;
    }
    .kp-single-2 #comments .comment-body {
        width:350px;
    }
    .kp-single-2 #comments .comments-list .children .comment-body {
        width:290px;
    }
    .related-article .entry-item .entry-content{
        margin:10px 15px;
    }
    .kp-single-2 .related-article .entry-comment {
        display:none;
    }
    .loading {
        min-height:300px;
    }


    /* =========================================================
    Singe page 3
    ============================================================ */
    .kp-single-carousel {
        display:none;
    }
    .kp-single-carousel li {
        width:119px !important;
    }
    .kp-single-3 .entry-box #carousel img {
        margin:0;
        width:690px;
    }

    /* =========================================================
    Home page 2
    ============================================================ */
    .widget-area-3,
    .widget-area-4 {
        width:235px;
    }
    .widget-area-3 {
        margin-right:20px;
    }

    #main-col .widget .entry-content .entry-title {
        font-size:22px;
        line-height:24px;
    }
    #main-col .widget.featured-widget .entry-content .entry-title {
        font-size:20px;
    }

    #main-col .widget .older-post li .entry-content {
        width:100%;
    }

    #main-col .widget-area-5 .widget .entry-thumb {
        margin-right:20px;
        width:200px;
    }
    #main-col .widget .older-post li .entry-thumb {
        width:100%;
        margin-right:0;
    }
    #main-col .widget .older-post li .entry-thumb img {
        width:100%;
        display:block;
    }

    /* =========================================================
    Contact page
    ============================================================ */
    #contact-info address p {
        line-height:22px;
    }

    /* =========================================================
    Home page 3
    ============================================================ */
    #sequence li h2 {
        font-size:28px;
        line-height:30px;
        padding:5px 10px 2px;
    }
    #sequence li h3 {
        font-size:26px;
        line-height:28px;
    }
    .animate-in .title,
    .animate-in .subtitle {
        left:20px;
    }
    .model {
        width:430px;
    }
    .subtitle {
        width:40%;
    }
    .animate-in .model {
        right:10px;
    }
    #sequence li#creative h2 {
        font-size:30px;
        line-height:32px;
    }
    .model-2-1,
    .model-2-2,
    .model-2-3 {
        width:250px;
    }
    .title-2,
    .subtitle-2 {
        width:42%;
    }
    .animate-in .model-2-1,
    .model-2-1,
    .animate-out .model-2-1 {
        left:10px;
    }
    .animate-in .model-2-2,
    .animate-out .model-2-2,
    .model-2-2 {
        left:180px;
    }

    .model-3-1 {
        width:322px;
    }
    .model-3-2 {
        width:308px;
    }
    .model-3-3 {
        width:184px;
    }
    .model-3-4 {
        width:72px;
    }


    .kp-home-3 .list-carousel.responsive {
        margin:0;
    }


    .kp-our-work ul li .entry-item .entry-content {
        margin:0 15px 10px;
    }

    .kp-our-experient .widget-area-4 .widget-title {
        margin-left:15px;
    }

    .kp-our-experient .entry-item {
        margin-right:15px;
    }
    .kp-our-experient .entry-item .entry-date {
        margin-right:15px;
    }
    .kp-our-experient .entry-item .entry-content {
        width:256px;
    }
    .kp-testimonial .testimonial-author a {
        line-height:20px;
    }
    .bottom-twitter .twitter-widget {
        padding:10px 15px;
    }
    .chart .label {
        font-size:16px;
        white-space: pre-wrap;
    }
    .kp-our-work ul li .entry-item .entry-content .entry-title {
        font-size:22px;
        line-height:24px;
    }

    /* =========================================================
    About page
    ============================================================ */
    .about-skill-intro {
        width:80%;
    }
    .bottom-twitter .tweet_list li .tweet_avatar {
        margin-right:10px;
    }
    /* =========================================================
    Portfolio detail page
    ============================================================ */
    .portfolio-detail .entry-meta-box {
        width:170px;
        margin-right:20px;
    }
    .portfolio-detail .pf-detail-content {
        width:300px;
    }
    .portfolio-detail .entry-meta-box .socials-link li {
        width:25px;
        height:25px;
        line-height:25px;
    }
    .portfolio-detail .entry-meta-box .socials-link li a span {
        font-size:12px;
    }
    .pf-box li {
        width:153px;
        margin-left:15px;
    }
    .pf-box li .pf-info .entry-view, .pf-box li .pf-info .entry-like {
        width:100% !important;
    }
    .pf-box li .pf-info .entry-view {
        border-right:none;
        border-bottom:1px solid #EAEAEA;
    }
    #pf-items .pf-info .entry-view, 
    #pf-items .pf-info .entry-like, 
    .pf-box li .pf-info .entry-view, 
    .pf-box li .pf-info .entry-like {
        width:48.9%;
    }

    /* =========================================================
    Blog page style 3
    ============================================================ */
    .kp-cat-3.two-sidebar .entry-meta-column {
        width:40px;
    }
    .kp-cat-3.two-sidebar .entry-meta-column p{
        width:40px;
        height:40px;
        line-height:40px;
        font-size:20px;
    }
    .kp-cat-3 .entry-meta-column {
        margin-right:15px;

    }
    .kp-cat-3 .entry-item {
        width:365px;
    }
    .kp-cat-3.two-sidebar .entry-item {
        width:265px;
    }
    .kp-cat-3 .sidebar .widget .kp-popular-post li .entry-thumb, 
    .kp-cat-3 .sidebar .widget .kp-latest-post li .entry-thumb {
        width:45px;
    }
    .kp-cat-3 .sidebar .widget ul li .entry-thumb img {
        width:100%;
        display:block;
    }
    .kp-cat-3 .sidebar .widget .entry-comment {
        display:none;
    }
    .article-list li article .entry-thumb {
        width:220px;
    }
    .article-list li article .entry-title {
        font-size:24px;
        line-height:24px;
    }
    .two-sidebar .sidebar .widget .list-container-2 ul li {
        width:64px;
    }
    .list-container-2 ul li a, 
    .list-container-3 ul li a {
        font-size:14px;
    }
    .tab-container-2 {
        padding:15px 15px 10px;
    }
    .kp-cat-2 .article-list li article .entry-comment {
        display:none;
    }

    /* =========================================================
    404 Page
    ============================================================ */
    /*time line gallery */
    .timeline-item.gallery-post .older-gallery-img,
    .timeline-item.gallery-post .more-gallery-img {
        margin: 0;
    }
    .timeline-item.gallery-post .older-gallery-img li,
    .timeline-item.gallery-post .more-gallery-img li {
        margin-right: 0;
        margin-top: 10px;
        display: block;
        width: 100%;
    }

}

@media only screen and (min-width: 640px) and (max-width: 767px) {

    /* =========================================================
    Colunms
    ============================================================ */
    body {
        padding-left:0;
        padding-right:0;
    }
    .wrapper{
        width:600px;
    }
    #main-col {
        width:100%;
        margin-right:0px;
    }
    .sidebar {
        width:100%;
    }
    .kp-left-sidebar #main-col {
        width:100%;
        margin-left:0px;
    }
    .two-sidebar .sidebar {
        width:100%;
    }
    .two-sidebar #main-col {
        width:100%;
        margin:0;
    }

    /* =========================================================
    Header
    ============================================================ */
    /*---Main Menu---*/
    .sf-arrows ul li > .sf-with-ul:focus:after, 
    .sf-arrows ul li:hover > .sf-with-ul:after, 
    .sf-arrows ul .sfHover > .sf-with-ul:after {
        border-left-color:transparent;
    }

    #main-menu {
        display:none;
    }
    #mobile-menu {
        display:block;
    }

    .contact-top {
        margin-top:10px;
    }

    #logo-image {
        float:none;
        text-align:center;
        margin:0 0 20px;
    }
    #logo-image a, #logo-image a img {
        max-width:100%;
        width:auto;
        display:inline-block;
    }
    .social-box {
        float:none;
    }

    /*---Header Bottom---*/
    /*---Logo---*/
    /*- Search Box -*/

    /* =========================================================
    Home page slider
    ============================================================ */
    .ei-slider{
        height: 312px;
        margin: 0 auto 20px;
    }
    .ei-slider-loading{
        line-height: 343px;
    }
    .ei-title{
        left: 10px;
        bottom: 10px;
        width:380px
    }
    /* =========================================================
    Main content
    ============================================================ */
    #main-content {
        padding-top:20px;
    }

    /*-Tabs-*/
    .list-container-1 ul li {
        width:49.9%;
    }

    /*---Timeline---*/
    .timeline-item .entry-body {
        width:490px;
        padding:15px;
    }
    .timeline-item .entry-body .kp-thumb {
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }
    .timeline-item .entry-body header {
        width:100%;
    }
    .timeline-item .entry-body .entry-title {
        font-size:24px;
        line-height:24px;
    }

    .timeline-item.gallery-post .older-gallery-img li,
    .timeline-item.gallery-post #more-gallery-img li {
        width:146px;
    }
    .kp-filter {
        /*left:135px;*/
    }
    .kp-filter ul.ss-links {
        right:-12px;
    }

    /* =========================================================
    Sidebar
    ============================================================ */
    .sidebar .widget {
        margin-bottom:30px;
    }
    .sidebar .kp-gallery-widget ul li {
        width:92px;
    }
    .sidebar .widget .tab-container-2 .entry-comment {
        display:none !important;
    }
    .sidebar .widget .entry-comment {
        display:none;
    }
    .adv-300-300 {
        text-align:center;
    }
    .adv-300-300 a, .adv-300-300 a img {
        max-width:100%;
        width:auto;
        display:inline-block;
    }
    .hover-effect .mask a.link-detail {
        left:90%;
    }

    /*---Twitter---*/

    /* =========================================================
    Bottom Sidebar
    ============================================================ */
    #bottom-sidebar {
        padding-top:30px;
    }
    #bottom-sidebar .widget {
        margin-bottom:25px;
    }
    #bottom-sidebar .widget .widget-title {
        margin:0 0 20px;
    }

    /*---Flickr---*/
    .flickr-wrap {
        margin:-5px;
    }
    .flickr-badge-image {
        margin:5px;
        width:57px;
    }
    .kp-tagcloud {
        margin-left:15px;
    }
    #bottom-sidebar .widget ul li .entry-thumb {
        width:45px;
        margin-right:10px;
    }

    /* =========================================================
    Footer
    ============================================================ */

    /*----------------Back to top-----------------*/

    /**** Isotope Filtering ****/
    #isotop-container{
        margin-top: 20px;
    }
    .isotop-header {
        top:-58px;
    }

    .kp-home-1 #portfolio-items article{
        width:189px;
    }
    .kp-pf-3col #pf-items article {
        width:183px;
    }
    .kp-pf-2col #pf-items article {
        width:287px;
    }
    .kp-pf-1col #pf-items article {
        width:600px;
    }

    #portfolio-items article .mask a.kp-pf-gallery {
        top:30px;
    }
    #portfolio-items article .mask a.kp-pf-detail {
        top:50px;
    }
    #portfolio-items article .mask .portfolio-caption h3 {
        margin:0;
    }

    .kp-pf-3col #pf-items article .mask a.kp-pf-gallery {
        top:50px;
        right:100%;
    }
    .kp-pf-2col #pf-items article .mask a.kp-pf-gallery {
        top:90px;
        right:100%;
    }
    .kp-pf-1col #pf-items article .mask a.kp-pf-gallery {
        top:200px;
        right:100%;
    }

    .kp-pf-3col #pf-items article .mask a.kp-pf-detail {
        top:70px;
        left:100%;
    }
    .kp-pf-2col #pf-items article .mask a.kp-pf-detail {
        top:110px;
        left:100%;
    }
    .kp-pf-1col #pf-items article .mask a.kp-pf-detail {
        top:230px;
        left:100%;
    }
    #portfolio-items article .mask .portfolio-caption,
    #pf-items article .mask .portfolio-caption {
        bottom:20px;
    }

    #pf-filters li label {
        font-size:14px;
        padding:5px 10px;
    }

    .pf-thumb-1col {
        width:340px;
    }
    .pf-des-1col {
        width:240px;
    }
    .entry-date, .entry-author, .entry-category {
        margin-right:10px;
    }

    /* =========================================================
    Elements page
    ============================================================ */
    .elements-box .list-container-3 ul li {
        width:63px;
    }

    /*-------------Toggle Boxes-----------*/

    /************Accordion**************/

    /* =========================================================
    Category page 1
    ============================================================ */
    .article-list li article .entry-header {
        width:360px;
    }
    .article-list li article .entry-date, 
    .article-list li article .entry-author, 
    .article-list li article .entry-category {
        margin-right:10px;
    }
    .two-sidebar.kp-cat-1 .article-list li article .entry-thumb {
        margin-right:0;
        width:100%;
        margin-bottom:15px;
    }
    .two-sidebar.kp-cat-1 .article-list li article .entry-thumb img {	
        width:100%;
    }
    .two-sidebar .article-list li article .entry-header {
        width:100%;
    }

    /* =========================================================
    Category page 2
    ============================================================ */
    .kp-cat-2 .article-list li article .entry-content {
        width:335px;
    }
    .kp-cat-2 .article-list li article .entry-thumb {
        width:180px;
    }
    .kp-cat-2 .article-list li article .entry-title {
        margin-bottom:0;
    }

    /* =========================================================
    Singe page 1
    ============================================================ */
    /*---About Author---*/
    .about-author {
        padding:15px 15px 5px;
    }
    .about-author .author-content {
        width:478px;
    }

    /*---Comments List---*/
    #comments .comment-body {
        width:525px;
    }
    #comments .comments-list .children .comment-body {
        width:465px;
    }

    /*---Comment form---*/
    #comments-form .comment-left {
        width:255px;
    }
    #comments-form .comment-right {
        width:325px;
    }
    #comments-form #comment_message {
        height:195px;
    }

    .kp-single-4 .about-author .author-content {
        width:478px;
    }
    .kp-single-4 #comments .comment-body {
        width:525px;
    }
    .kp-single-4 #comments .comments-list .children .comment-body {
        width:465px;
    }
    .kp-single-4 #comments-form .comment-left {
        width:240px;
    }
    .kp-single-4 #comments-form .comment-right {
        width:340px;
    }
    .related-article .entry-item .entry-content .entry-comment,
    .kp-single-2 .entry-box .entry-meta-box .entry-comment {
        display:none;
    }


    /* =========================================================
    Singe page 2
    ============================================================ */
    .kp-single-2 .entry-box .entry-thumb {
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }
    .kp-single-2 .entry-box .entry-header {
        margin-bottom:5px;
    }
    .kp-single-2 .entry-box .entry-title {
        font-size:28px;
        line-height:28px;
    }
    .kp-single-2 .about-author .author-content {
        width:413px;
    }
    .about-author header h4 {
        float:none;
    }
    .kp-single-2 #comments-form .comment-left {
        width:210px;
    }
    .kp-single-2 #comments-form .comment-right {
        width:305px;
    }
    .kp-single-2 #comments .comment-body {
        width:460px;
    }
    .kp-single-2 #comments .comments-list .children .comment-body {
        width:400px;
    }
    .related-article .entry-item .entry-content{
        margin:10px 15px;
    }
    .kp-single-2 .related-article .entry-comment {
        display:none;
    }
    .loading {
        min-height:300px;
    }


    /* =========================================================
    Singe page 3
    ============================================================ */
    .kp-single-carousel {
        display:none;
    }
    .kp-single-carousel li {
        width:119px !important;
    }
    .kp-single-3 .entry-box #carousel img {
        margin:0;
        width:690px;
    }

    /* =========================================================
    Home page 2
    ============================================================ */
    .widget-area-3,
    .widget-area-4 {
        width:290px;
    }
    .widget-area-3 {
        margin-right:20px;
    }

    #main-col .widget .entry-content .entry-title {
        font-size:22px;
        line-height:24px;
    }
    #main-col .widget.featured-widget .entry-content .entry-title {
        font-size:20px;
    }

    #main-col .widget .older-post li .entry-content {
        width:200px;
    }

    #main-col .widget-area-5 .widget .entry-thumb {
        margin-right:20px;
        width:200px;
    }
    #main-col .widget .older-post li .entry-thumb {
        width:70px;
    }
    #main-col .widget .older-post li .entry-thumb img {
        width:100%;
        display:block;
    }

    /* =========================================================
    Contact page
    ============================================================ */
    #contact-info address p {
        line-height:22px;
    }

    /* =========================================================
    Home page 3
    ============================================================ */
    .sequence-slider {
        height:350px;
    }
    #sequence li h2 {
        font-size:26px;
        line-height:28px;
        padding:5px 10px 2px;
    }
    #sequence li h3 {
        font-size:26px;
        line-height:28px;
    }
    .animate-in .title,
    .animate-in .subtitle {
        left:20px;
    }
    .model {
        width:300px;
    }
    .subtitle {
        width:40%;
    }
    .animate-in .model {
        right:10px;
    }
    #sequence li#creative h2 {
        font-size:26px;
        line-height:28px;
    }
    #sequence li#creative h3 {
        font-size:20px;
        line-height:22px;
    }
    .model-2-1,
    .model-2-2,
    .model-2-3 {
        width:200px;
    }
    .title-2,
    .subtitle-2 {
        width:42%;
    }
    .animate-in .model-2-1,
    .model-2-1,
    .animate-out .model-2-1 {
        left:10px;
    }
    .animate-in .model-2-2,
    .animate-out .model-2-2,
    .model-2-2 {
        left:140px;
    }

    .model-3-1 {
        width:250px;
    }
    .model-3-2 {
        width:220px;
    }
    .model-3-3 {
        width:150px;
    }
    .model-3-4 {
        width:50px;
    }
    .title {
        top:15%;
    }
    .animate-in .model-3-2 {
        right:10%;
    }
    .animate-in .model-3-3 {
        right:32%;
    }
    .animate-in .model-3-4 {
        right:31%;
    }


    .kp-home-3 .list-carousel.responsive {
        margin:0;
    }


    .kp-our-work ul li .entry-item .entry-content {
        margin:0 15px 10px;
    }

    .kp-our-experient .widget-area-4 .widget-title {
        margin-left:15px;
    }

    .kp-our-experient .entry-item {
        margin-right:15px;
    }
    .kp-our-experient .entry-item .entry-date {
        margin-right:15px;
    }
    .kp-our-experient .entry-item .entry-content {
        width:196px;
    }
    .kp-testimonial .testimonial-author a {
        line-height:20px;
    }
    .bottom-twitter .twitter-widget {
        padding:10px 15px;
    }
    .chart .label {
        font-size:15px;
        white-space: pre-wrap;
    }
    .kp-our-work ul li .entry-item .entry-content .entry-title {
        font-size:22px;
        line-height:24px;
    }
    .kp-skill li {
        width:46%;
    }
    .kp-client-logo {
        display:none;
    }
    .about-team .row-fluid .span3 {
        float:left !important;
        width:47%;
        margin-left:2.12766%;
        margin-bottom:15px;
    }

    /* =========================================================
    About page
    ============================================================ */
    .about-skill-intro {
        width:80%;
    }
    .bottom-twitter .tweet_list li .tweet_avatar {
        margin-right:10px;
    }
    /* =========================================================
    Portfolio detail page
    ============================================================ */
    .portfolio-detail .entry-meta-box {
        width:200px;
        margin-right:20px;
    }
    .portfolio-detail .pf-detail-content {
        width:380px;
    }
    .portfolio-detail .entry-meta-box .socials-link li {
        width:25px;
        height:25px;
        line-height:25px;
    }
    .portfolio-detail .entry-meta-box .socials-link li a span {
        font-size:12px;
    }
    .pf-box li {
        width:190px;
        margin-left:15px;
    }
    .pf-box li .pf-info .entry-view, .pf-box li .pf-info .entry-like {
        width:100% !important;
    }
    .pf-box li .pf-info .entry-view {
        border-right:none;
        border-bottom:1px solid #EAEAEA;
    }
    #pf-items .pf-info .entry-view, 
    #pf-items .pf-info .entry-like, 
    .pf-box li .pf-info .entry-view, 
    .pf-box li .pf-info .entry-like {
        width:48.8%;
    }
    .kp-pf-detail #main-col {
        margin-bottom:25px;
    }

    /* =========================================================
    Blog page style 3
    ============================================================ */
    .kp-cat-3 .entry-meta-column {
        margin-right:15px;

    }
    .kp-cat-3 .entry-item {
        width:480px;
    }
    .kp-cat-3.two-sidebar .entry-item {
        width:505px;
    }
    .kp-cat-3 .sidebar .widget .kp-popular-post li .entry-thumb, 
    .kp-cat-3 .sidebar .widget .kp-latest-post li .entry-thumb {
        width:45px;
    }
    .kp-cat-3 .sidebar .widget ul li .entry-thumb img {
        width:100%;
        display:block;
    }
    .kp-cat-3 .sidebar .widget .entry-comment {
        display:none;
    }
    .article-list li article .entry-thumb {
        width:220px;
    }
    .article-list li article .entry-title {
        font-size:24px;
        line-height:24px;
    }
    .two-sidebar .sidebar .widget .list-container-2 ul li {
        width:64px;
    }

    .tab-container-2 {
        border-top: 1px solid #ECECEC;
        margin-top: -1px;
        padding: 15px 15px 10px;
    }
    .kp-cat-2 .article-list li article .entry-comment {
        display:none;
    }

    /* =========================================================
    404 Page
    ============================================================ */


}

@media only screen and (min-width: 600px) and (max-width: 639px) {

    /* =========================================================
    Colunms
    ============================================================ */
    body {
        padding-left:0;
        padding-right:0;
    }
    .wrapper{
        width:560px;
    }
    #main-col {
        width:100%;
        margin-right:0px;
    }
    .sidebar {
        width:100%;
    }
    .kp-left-sidebar #main-col {
        width:100%;
        margin-left:0px;
    }
    .two-sidebar .sidebar {
        width:100%;
    }
    .two-sidebar #main-col {
        width:100%;
        margin:0;
    }

    /* =========================================================
    Header
    ============================================================ */
    /*---Main Menu---*/
    .sf-arrows ul li > .sf-with-ul:focus:after, 
    .sf-arrows ul li:hover > .sf-with-ul:after, 
    .sf-arrows ul .sfHover > .sf-with-ul:after {
        border-left-color:transparent;
    }

    #main-menu {
        display:none;
    }
    #mobile-menu {
        display:block;
    }

    .contact-top {
        margin-top:10px;
    }

    #logo-image {
        float:none;
        text-align:center;
        margin:0 0 20px;
    }
    #logo-image a, #logo-image a img {
        max-width:100%;
        width:auto;
        display:inline-block;
    }
    .social-box {
        float:none;
    }

    /*---Header Bottom---*/
    /*---Logo---*/
    /*- Search Box -*/

    /* =========================================================
    Home page slider
    ============================================================ */
    .ei-slider{
        height: 291px;
        margin: 0 auto 20px;
    }
    .ei-slider-loading{
        line-height: 343px;
    }
    .ei-title{
        left: 10px;
        bottom: 10px;
        width:380px
    }
    /* =========================================================
    Main content
    ============================================================ */
    #main-content {
        padding-top:20px;
    }

    /*-Tabs-*/
    .list-container-1 ul li {
        width:49.9%;
    }

    /*---Timeline---*/
    .timeline-item .entry-body {
        width:450px;
        padding:15px;
    }
    .timeline-item .entry-body .kp-thumb {
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }
    .timeline-item .entry-body header {
        width:100%;
    }
    .timeline-item .entry-body .entry-title {
        font-size:24px;
        line-height:24px;
    }

    .timeline-item.gallery-post .older-gallery-img li,
    .timeline-item.gallery-post #more-gallery-img li {
        width:132px;
    }
    .kp-filter {
        /*left:135px;*/
    }
    .kp-filter ul.ss-links {
        right:-12px;
    }

    /* =========================================================
    Sidebar
    ============================================================ */
    .sidebar .widget {
        margin-bottom:30px;
    }
    .sidebar .kp-gallery-widget ul li {
        width:85px;
    }
    .sidebar .widget .tab-container-2 .entry-comment {
        display:none !important;
    }
    .sidebar .widget .entry-comment {
        display:none;
    }
    .adv-300-300 {
        text-align:center;
    }
    .adv-300-300 a, .adv-300-300 a img {
        max-width:100%;
        width:auto;
        display:inline-block;
    }
    .hover-effect .mask a.link-detail {
        left:90%;
    }

    /*---Twitter---*/

    /* =========================================================
    Bottom Sidebar
    ============================================================ */
    #bottom-sidebar {
        padding-top:30px;
    }
    #bottom-sidebar .widget {
        margin-bottom:25px;
    }
    #bottom-sidebar .widget .widget-title {
        margin:0 0 20px;
    }

    /*---Flickr---*/
    .flickr-wrap {
        margin:-5px;
    }
    .flickr-badge-image {
        margin:5px;
        width:53px;
    }
    .kp-tagcloud {
        margin-left:15px;
    }
    #bottom-sidebar .widget ul li .entry-thumb {
        width:45px;
        margin-right:10px;
    }

    /* =========================================================
    Footer
    ============================================================ */

    /*----------------Back to top-----------------*/

    /**** Isotope Filtering ****/
    #isotop-container{
        margin-top: 20px;
    }
    .isotop-header {
        top:-58px;
    }

    .kp-home-1 #portfolio-items article{
        width:271px;
    }
    .kp-pf-3col #pf-items article {
        width:267px;
    }
    .kp-pf-2col #pf-items article {
        width:267px;
    }
    .kp-pf-1col #pf-items article {
        width:560px;
    }

    #portfolio-items article .mask a.kp-pf-gallery {
        top:30px;
    }
    #portfolio-items article .mask a.kp-pf-detail {
        top:50px;
    }
    #portfolio-items article .mask .portfolio-caption h3 {
        margin:0;
    }

    .kp-pf-3col #pf-items article .mask a.kp-pf-gallery {
        top:50px;
        right:100%;
    }
    .kp-pf-2col #pf-items article .mask a.kp-pf-gallery {
        top:90px;
        right:100%;
    }
    .kp-pf-1col #pf-items article .mask a.kp-pf-gallery {
        top:200px;
        right:100%;
    }

    .kp-pf-3col #pf-items article .mask a.kp-pf-detail {
        top:70px;
        left:100%;
    }
    .kp-pf-2col #pf-items article .mask a.kp-pf-detail {
        top:110px;
        left:100%;
    }
    .kp-pf-1col #pf-items article .mask a.kp-pf-detail {
        top:230px;
        left:100%;
    }
    #portfolio-items article .mask .portfolio-caption,
    #pf-items article .mask .portfolio-caption {
        bottom:20px;
    }

    #pf-filters li label {
        font-size:14px;
        padding:5px 10px;
    }

    .pf-thumb-1col {
        width:320px;
    }
    .pf-des-1col {
        width:220px;
    }
    .entry-date, .entry-author, .entry-category {
        margin-right:10px;
    }


    /* =========================================================
    Elements page
    ============================================================ */
    .elements-box .list-container-3 ul li {
        width:63px;
    }

    /*-------------Toggle Boxes-----------*/

    /************Accordion**************/

    /* =========================================================
    Category page 1
    ============================================================ */
    .article-list li article .entry-header {
        width:320px;
    }
    .article-list li article .entry-date, 
    .article-list li article .entry-author, 
    .article-list li article .entry-category {
        margin-right:10px;
    }
    .two-sidebar.kp-cat-1 .article-list li article .entry-thumb {
        margin-right:0;
        width:100%;
        margin-bottom:15px;
    }
    .two-sidebar.kp-cat-1 .article-list li article .entry-thumb img {	
        width:100%;
    }
    .two-sidebar .article-list li article .entry-header {
        width:100%;
    }

    /* =========================================================
    Category page 2
    ============================================================ */
    .kp-cat-2 .article-list li article .entry-content {
        width:295px;
    }
    .kp-cat-2 .article-list li article .entry-thumb {
        width:180px;
    }
    .kp-cat-2 .article-list li article .entry-title {
        margin-bottom:0;
    }

    /* =========================================================
    Singe page 1
    ============================================================ */
    /*---About Author---*/
    .about-author {
        padding:15px 15px 5px;
    }
    .about-author .author-content {
        width:438px;
    }

    /*---Comments List---*/
    #comments .comment-body {
        width:485px;
    }
    #comments .comments-list .children .comment-body {
        width:405px;
    }

    /*---Comment form---*/
    #comments-form .comment-left {
        width:235px;
    }
    #comments-form .comment-right {
        width:305px;
    }
    #comments-form #comment_message {
        height:195px;
    }

    .kp-single-4 .about-author .author-content {
        width:438px;
    }
    .kp-single-4 #comments .comment-body {
        width:485px;
    }
    .kp-single-4 #comments .comments-list .children .comment-body {
        width:405px;
    }
    .kp-single-4 #comments-form .comment-left {
        width:220px;
    }
    .kp-single-4 #comments-form .comment-right {
        width:320px;
    }
    .related-article .entry-item .entry-content .entry-comment,
    .kp-single-2 .entry-box .entry-meta-box .entry-comment {
        display:none;
    }


    /* =========================================================
    Singe page 2
    ============================================================ */
    .kp-single-2 .entry-box .entry-thumb {
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }
    .kp-single-2 .entry-box .entry-header {
        margin-bottom:5px;
    }
    .kp-single-2 .entry-box .entry-title {
        font-size:28px;
        line-height:28px;
    }
    .kp-single-2 .about-author .author-content {
        width:373px;
    }
    .about-author header h4 {
        float:none;
    }
    .kp-single-2 #comments-form .comment-left {
        width:190px;
    }
    .kp-single-2 #comments-form .comment-right {
        width:285px;
    }
    .kp-single-2 #comments .comment-body {
        width:420px;
    }
    .kp-single-2 #comments .comments-list .children .comment-body {
        width:360px;
    }
    .related-article .entry-item .entry-content{
        margin:10px 15px;
    }
    .kp-single-2 .related-article .entry-comment {
        display:none;
    }
    .loading {
        min-height:300px;
    }


    /* =========================================================
    Singe page 3
    ============================================================ */
    .kp-single-carousel {
        display:none;
    }
    .kp-single-carousel li {
        width:119px !important;
    }
    .kp-single-3 .entry-box #carousel img {
        margin:0;
        width:690px;
    }

    /* =========================================================
    Home page 2
    ============================================================ */
    .widget-area-3,
    .widget-area-4 {
        width:270px;
    }
    .widget-area-3 {
        margin-right:20px;
    }

    #main-col .widget .entry-content .entry-title {
        font-size:22px;
        line-height:24px;
    }
    #main-col .widget.featured-widget .entry-content .entry-title {
        font-size:20px;
    }

    #main-col .widget .older-post li .entry-content {
        width:180px;
    }

    #main-col .widget-area-5 .widget .entry-thumb {
        margin-right:20px;
        width:200px;
    }
    #main-col .widget .older-post li .entry-thumb {
        width:70px;
    }
    #main-col .widget .older-post li .entry-thumb img {
        width:100%;
        display:block;
    }

    /* =========================================================
    Contact page
    ============================================================ */
    #contact-info address p {
        line-height:22px;
    }

    /* =========================================================
    Home page 3
    ============================================================ */
    .sequence-slider {
        height:350px;
    }
    #sequence li h2 {
        font-size:26px;
        line-height:28px;
        padding:5px 10px 2px;
    }
    #sequence li h3 {
        font-size:26px;
        line-height:28px;
    }
    .animate-in .title,
    .animate-in .subtitle {
        left:20px;
    }
    .model {
        width:300px;
    }
    .subtitle {
        width:40%;
    }
    .animate-in .model {
        right:10px;
    }
    #sequence li#creative h2 {
        font-size:26px;
        line-height:28px;
    }
    #sequence li#creative h3 {
        font-size:20px;
        line-height:22px;
    }
    .model-2-1,
    .model-2-2,
    .model-2-3 {
        width:190px;
    }
    .title-2,
    .subtitle-2 {
        width:42%;
    }
    .animate-in .model-2-1,
    .model-2-1,
    .animate-out .model-2-1 {
        left:10px;
    }
    .animate-in .model-2-2,
    .animate-out .model-2-2,
    .model-2-2 {
        left:140px;
    }

    .model-3-1 {
        width:250px;
    }
    .model-3-2 {
        width:220px;
    }
    .model-3-3 {
        width:150px;
    }
    .model-3-4 {
        width:50px;
    }
    .title {
        top:15%;
    }
    .animate-in .model-3-2 {
        right:10%;
    }
    .animate-in .model-3-3 {
        right:32%;
    }
    .animate-in .model-3-4 {
        right:31%;
    }


    .kp-home-3 .list-carousel.responsive {
        margin:0;
    }


    .kp-our-work ul li .entry-item .entry-content {
        margin:0 15px 10px;
    }

    .kp-our-experient .widget-area-4 .widget-title {
        margin-left:15px;
    }

    .kp-our-experient .entry-item {
        margin-right:15px;
    }
    .kp-our-experient .entry-item .entry-date {
        margin-right:15px;
    }
    .kp-our-experient .entry-item .entry-content {
        width:176px;
    }
    .kp-our-experient .entry-item .entry-title {
        font-size:22px;
    }
    .kp-testimonial .testimonial-author a {
        line-height:20px;
    }
    .bottom-twitter .twitter-widget {
        padding:10px 15px;
    }
    .chart .label {
        font-size:14px;
        white-space: pre-wrap;
    }
    .kp-our-work ul li .entry-item .entry-content .entry-title {
        font-size:22px;
        line-height:24px;
    }
    .kp-skill li {
        width:46%;
    }
    .kp-client-logo {
        display:none;
    }
    .about-team .row-fluid .span3 {
        float:left !important;
        width:47%;
        margin-left:2.12766%;
        margin-bottom:15px;
    }

    /* =========================================================
    About page
    ============================================================ */
    .about-skill-intro {
        width:80%;
    }
    .bottom-twitter .tweet_list li .tweet_avatar {
        margin-right:10px;
    }
    /* =========================================================
    Portfolio detail page
    ============================================================ */
    .portfolio-detail .entry-meta-box {
        width:200px;
        margin-right:20px;
    }
    .portfolio-detail .pf-detail-content {
        width:380px;
    }
    .portfolio-detail .entry-meta-box .socials-link li {
        width:25px;
        height:25px;
        line-height:25px;
    }
    .portfolio-detail .entry-meta-box .socials-link li a span {
        font-size:12px;
    }
    .pf-box li {
        width:190px;
        margin-left:15px;
    }
    .pf-box li .pf-info .entry-view, .pf-box li .pf-info .entry-like {
        width:100% !important;
    }
    .pf-box li .pf-info .entry-view {
        border-right:none;
        border-bottom:1px solid #EAEAEA;
    }
    #pf-items .pf-info .entry-view, 
    #pf-items .pf-info .entry-like, 
    .pf-box li .pf-info .entry-view, 
    .pf-box li .pf-info .entry-like {
        width:48.8%;
    }
    .kp-pf-detail #main-col {
        margin-bottom:25px;
    }

    /* =========================================================
    Blog page style 3
    ============================================================ */
    .kp-cat-3 .entry-meta-column {
        margin-right:15px;

    }
    .kp-cat-3 .entry-item {
        width:440px;
    }
    .kp-cat-3.two-sidebar .entry-item {
        width:465px;
    }
    .kp-cat-3 .sidebar .widget .kp-popular-post li .entry-thumb, 
    .kp-cat-3 .sidebar .widget .kp-latest-post li .entry-thumb {
        width:45px;
    }
    .kp-cat-3 .sidebar .widget ul li .entry-thumb img {
        width:100%;
        display:block;
    }
    .kp-cat-3 .sidebar .widget .entry-comment {
        display:none;
    }
    .article-list li article .entry-thumb {
        width:220px;
    }
    .article-list li article .entry-title {
        font-size:24px;
        line-height:24px;
    }
    .two-sidebar .sidebar .widget .list-container-2 ul li {
        width:64px;
    }

    .tab-container-2 {
        border-top: 1px solid #ECECEC;
        margin-top: -1px;
        padding: 15px 15px 10px;
    }
    .kp-cat-2 .article-list li article .entry-comment {
        display:none;
    }

    /* =========================================================
    404 Page
    ============================================================ */

    /*time line gallery */
    .timeline-item.gallery-post .older-gallery-img,
    .timeline-item.gallery-post .more-gallery-img {
        margin: 0;
    }
    .timeline-item.gallery-post .older-gallery-img li,
    .timeline-item.gallery-post .more-gallery-img li {
        margin-right: 0;
        margin-top: 10px;
        display: block;
        width: 100%;
    }
}

@media only screen and (min-width: 480px) and (max-width: 599px) {

    /* =========================================================
    Colunms
    ============================================================ */
    body {
        padding-left:0;
        padding-right:0;
    }
    .wrapper{
        width:440px;
    }
    #main-col {
        width:100%;
        margin-right:0px;
    }
    .sidebar {
        width:100%;
    }
    .kp-left-sidebar #main-col {
        width:100%;
        margin-left:0px;
    }
    .two-sidebar .sidebar {
        width:100%;
    }
    .two-sidebar #main-col {
        width:100%;
        margin:0;
    }

    /* =========================================================
    Header
    ============================================================ */
    /*---Main Menu---*/
    .sf-arrows ul li > .sf-with-ul:focus:after, 
    .sf-arrows ul li:hover > .sf-with-ul:after, 
    .sf-arrows ul .sfHover > .sf-with-ul:after {
        border-left-color:transparent;
    }

    #main-menu {
        display:none;
    }
    #mobile-menu {
        display:block;
    }

    .contact-top {
        margin-top:10px;
    }

    #logo-image {
        float:none;
        text-align:center;
        margin:0 0 20px;
    }
    #logo-image a, #logo-image a img {
        max-width:100%;
        width:auto;
        display:inline-block;
    }
    .social-box {
        float:none;
    }
    .socials-link li {
        width:25px;
        height:25px;
        line-height:25px;
        margin-left:5px;
    }
    .socials-link li a span {
        font-size:12px;
    }

    /*---Header Bottom---*/
    /*---Logo---*/
    /*- Search Box -*/

    /* =========================================================
    Home page slider
    ============================================================ */
    .ei-slider{
        height: 229px;
        margin: 0 auto 20px;
    }
    .ei-slider-loading{
        line-height: 343px;
    }
    .ei-title{
        left: 10px;
        bottom: 10px;
        width:380px
    }
    /* =========================================================
    Main content
    ============================================================ */
    #main-content {
        padding-top:20px;
    }

    /*-Tabs-*/
    .list-container-1 ul li {
        width:49.8%;
    }
    .list-container-1 ul li a {
        padding:15px 10px;
    }

    /*---Timeline---*/
    .timeline-item .entry-body {
        width:330px;
        padding:15px;
    }
    .timeline-item .entry-body .kp-thumb {
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }
    .timeline-item .entry-body header {
        width:100%;
    }
    .timeline-item .entry-body .entry-title {
        font-size:24px;
        line-height:24px;
    }

    .timeline-item.gallery-post .older-gallery-img li,
    .timeline-item.gallery-post #more-gallery-img li {
        width:92px;
    }
    .kp-filter {
        /*left:115px;*/
    }
    .kp-filter ul.ss-links {
        right:-12px;
    }

    /* =========================================================
    Sidebar
    ============================================================ */
    .sidebar .widget {
        margin-bottom:30px;
    }
    .sidebar .kp-gallery-widget ul li {
        width:85px;
    }
    .sidebar .widget .tab-container-2 .entry-comment {
        display:none !important;
    }
    .sidebar .widget .entry-comment {
        display:none;
    }
    .adv-300-300 {
        text-align:center;
    }
    .adv-300-300 a, .adv-300-300 a img {
        max-width:100%;
        width:auto;
        display:inline-block;
    }
    .hover-effect .mask a.link-detail {
        left:90%;
    }

    /*---Twitter---*/

    /* =========================================================
    Bottom Sidebar
    ============================================================ */
    #bottom-sidebar {
        padding-top:30px;
    }
    #bottom-sidebar .widget {
        margin-bottom:25px;
    }
    #bottom-sidebar .widget .widget-title {
        margin:0 0 20px;
    }

    /*---Flickr---*/
    .flickr-wrap {
        margin:-5px;
    }
    .flickr-badge-image {
        margin:5px;
        width:54px;
    }
    .kp-tagcloud {
        margin-left:15px;
    }
    #bottom-sidebar .widget ul li .entry-thumb {
        width:45px;
        margin-right:10px;
    }

    /* =========================================================
    Footer
    ============================================================ */

    /*----------------Back to top-----------------*/

    /**** Isotope Filtering ****/
    #isotop-container{
        margin-top: 20px;
    }
    .isotop-header {
        top:-58px;
    }
    .isotop-header em {
        display:none;
    }

    .kp-home-1 #portfolio-items article{
        width:212px;
    }
    .kp-pf-3col #pf-items article {
        width:207px;
    }
    .kp-pf-2col #pf-items article {
        width:207px;
    }
    .kp-pf-1col #pf-items article {
        width:440px;
    }

    #portfolio-items article .mask a.kp-pf-gallery {
        top:30px;
    }
    #portfolio-items article .mask a.kp-pf-detail {
        top:50px;
    }
    #portfolio-items article .mask .portfolio-caption h3 {
        margin:0;
    }

    .kp-pf-3col #pf-items article .mask a.kp-pf-gallery {
        top:50px;
        right:100%;
    }
    .kp-pf-2col #pf-items article .mask a.kp-pf-gallery {
        top:90px;
        right:100%;
    }
    .kp-pf-1col #pf-items article .mask a.kp-pf-gallery {
        top:200px;
        right:100%;
    }

    .kp-pf-3col #pf-items article .mask a.kp-pf-detail {
        top:70px;
        left:100%;
    }
    .kp-pf-2col #pf-items article .mask a.kp-pf-detail {
        top:110px;
        left:100%;
    }
    .kp-pf-1col #pf-items article .mask a.kp-pf-detail {
        top:230px;
        left:100%;
    }
    #portfolio-items article .mask .portfolio-caption,
    #pf-items article .mask .portfolio-caption {
        bottom:20px;
    }

    #pf-filters li label {
        font-size:14px;
        padding:3px 5px;
    }

    .pf-thumb-1col {
        width:260px;
    }
    .pf-des-1col {
        width:160px;
    }
    .entry-date, .entry-author, .entry-category {
        margin-right:10px;
    }

    /* =========================================================
    Elements page
    ============================================================ */
    .elements-box .list-container-3 ul li {
        width:63px;
    }

    /*-------------Toggle Boxes-----------*/

    /************Accordion**************/

    /* =========================================================
    Category page 1
    ============================================================ */
    .article-list li article .entry-header {
        width:220px;
    }
    .article-list li article .entry-date, 
    .article-list li article .entry-author, 
    .article-list li article .entry-category {
        margin-right:10px;
    }
    .two-sidebar.kp-cat-1 .article-list li article .entry-thumb {
        margin-right:0;
        width:100%;
        margin-bottom:15px;
    }
    .two-sidebar.kp-cat-1 .article-list li article .entry-thumb img {	
        width:100%;
    }
    .two-sidebar .article-list li article .entry-header {
        width:100%;
    }

    /* =========================================================
    Category page 2
    ============================================================ */
    .kp-cat-2 .article-list li article .entry-content {
        width:205px;
    }
    .kp-cat-2 .article-list li article .entry-thumb {
        width:150px;
    }
    .kp-cat-2 .article-list li article .entry-title {
        margin-bottom:0;
    }

    /* =========================================================
    Singe page 1
    ============================================================ */
    /*---About Author---*/
    .about-author {
        padding:15px 15px 5px;
    }
    .about-author .author-content {
        width:318px;
    }

    /*---Comments List---*/
    #comments .comment-body {
        width:365px;
    }
    #comments .comments-list .children .comment-body {
        width:305px;
    }

    /*---Comment form---*/
    #comments-form .comment-left {
        width:175px;
    }
    #comments-form .comment-right {
        width:245px;
    }
    #comments-form #comment_message {
        height:195px;
    }

    .kp-single-4 .about-author .author-content {
        width:318px;
    }
    .kp-single-4 #comments .comment-body {
        width:365px;
    }
    .kp-single-4 #comments .comments-list .children .comment-body {
        width:305px;
    }
    .kp-single-4 #comments-form .comment-left {
        width:160px;
    }
    .kp-single-4 #comments-form .comment-right {
        width:260px;
    }
    .related-article .entry-item .entry-content .entry-comment,
    .kp-single-2 .entry-box .entry-meta-box .entry-comment,
    .kp-single-2 .entry-box .entry-meta-box .entry-category {
        display:none;
    }


    /* =========================================================
    Singe page 2
    ============================================================ */
    .kp-single-2 .entry-box .entry-thumb {
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }
    .kp-single-2 .entry-box .entry-header {
        margin-bottom:5px;
    }
    .kp-single-2 .entry-box .entry-title {
        font-size:28px;
        line-height:28px;
    }
    .kp-single-2 .about-author .author-content {
        width:253px;
    }
    .about-author header h4 {
        float:none;
    }
    .kp-single-2 #comments-form .comment-left {
        width:160px;
    }
    .kp-single-2 #comments-form .comment-right {
        width:200px;
    }
    .kp-single-2 #comments .comment-body {
        width:300px;
    }
    .kp-single-2 #comments .comments-list .children .comment-body {
        width:240px;
    }
    .related-article .entry-item .entry-content{
        margin:10px 15px;
    }
    .kp-single-2 .related-article .entry-comment {
        display:none;
    }
    .loading {
        min-height:200px;
    }


    /* =========================================================
    Singe page 3
    ============================================================ */
    .kp-single-carousel {
        display:none;
    }
    .kp-single-carousel li {
        width:119px !important;
    }
    .kp-single-3 .entry-box #carousel img {
        margin:0;
        width:690px;
    }

    /* =========================================================
    Home page 2
    ============================================================ */
    .widget-area-3,
    .widget-area-4 {
        width:210px;
    }
    .widget-area-3 {
        margin-right:20px;
    }

    #main-col .widget .entry-content .entry-title {
        font-size:22px;
        line-height:24px;
    }
    #main-col .widget.featured-widget .entry-content .entry-title {
        font-size:20px;
    }

    #main-col .widget .older-post li .entry-content {
        width:100%;
    }

    #main-col .widget-area-5 .widget .entry-thumb {
        margin-right:20px;
        width:200px;
    }
    #main-col .widget .older-post li .entry-thumb {
        width:100%;
        margin-right:0;
    }
    #main-col .widget .older-post li .entry-thumb img {
        width:100%;
        display:block;
    }

    /* =========================================================
    Contact page
    ============================================================ */
    #contact-info address p {
        line-height:22px;
    }

    /* =========================================================
    Home page 3
    ============================================================ */
    .sequence-slider {
        height:350px;
    }
    #sequence li h2 {
        font-size:26px;
        line-height:28px;
        padding:5px 10px 2px;
    }
    #sequence li h3 {
        font-size:26px;
        line-height:28px;
    }
    .animate-in .title,
    .animate-in .subtitle {
        left:20px;
    }
    .model {
        width:300px;
    }
    .subtitle {
        width:40%;
        display:none;
    }
    .animate-in .model {
        right:10px;
    }
    #sequence li#creative h2 {
        font-size:26px;
        line-height:28px;
    }
    #sequence li#creative h3 {
        font-size:20px;
        line-height:22px;
    }
    .model-2-1,
    .model-2-2,
    .model-2-3 {
        width:190px;
    }
    .title-2,
    .subtitle-2 {
        width:92%;
        top:10%;
    }
    .subtitle-2 {
        display:none;
    }
    .animate-in .model-2-1,
    .model-2-1,
    .animate-out .model-2-1 {
        left:10px;
    }
    .animate-in .model-2-2,
    .animate-out .model-2-2,
    .model-2-2 {
        left:105px;
    }

    .model-3-1 {
        width:250px;
    }
    .model-3-2 {
        width:220px;
    }
    .model-3-3 {
        width:150px;
    }
    .model-3-4 {
        width:50px;
    }
    .title {
        top:15%;
    }
    .animate-in .model-3-2 {
        right:10%;
    }
    .animate-in .model-3-3 {
        right:32%;
    }
    .animate-in .model-3-4 {
        right:31%;
    }

    .kp-home-3 .kp-tag-line .widget-title {
        width:100%;
        font-size:28px;
        line-height:30px;
    }
    .kp-home-3 .kp-tag-line p {
        width:100%;
    }
    .kp-home-3 .list-carousel.responsive {
        margin:0;
    }


    .kp-our-work ul li .entry-item .entry-content {
        margin:0 15px 10px;
    }

    .kp-our-experient .widget-area-4 .widget-title {
        margin-left:15px;
    }

    .kp-our-experient .entry-item {
        margin-right:15px;
        text-align:center;
    }
    .kp-our-experient .entry-item .entry-date {
        margin-right:0;
        display:inline-block;
        margin-bottom:15px;
        float:none;
    }
    .kp-our-experient .entry-item .entry-content {
        width:100%;
        float:none;
        text-align:left;
    }
    .kp-our-experient .entry-item .entry-title {
        font-size:22px;
    }
    .kp-testimonial .testimonial-author a {
        line-height:20px;
    }
    .bottom-twitter .twitter-widget {
        padding:10px 15px;
    }
    .chart .label {
        font-size:14px;
        white-space: pre-wrap;
    }
    .kp-our-work ul li .entry-item .entry-content .entry-title {
        font-size:22px;
        line-height:24px;
    }
    .kp-skill li {
        width:100%;
        margin-left:0;
    }
    .kp-client-logo {
        display:none;
    }
    .about-team .row-fluid .span3 {
        float:left !important;
        width:47%;
        margin-left:2.12766%;
        margin-bottom:15px;
    }
    .about-skill .kp-skill li {
        width:50%;
    }

    /* =========================================================
    About page
    ============================================================ */
    .about-skill-intro {
        width:80%;
    }
    .bottom-twitter .tweet_list li .tweet_avatar {
        margin-right:10px;
    }
    /* =========================================================
    Portfolio detail page
    ============================================================ */
    .portfolio-detail .entry-meta-box {
        width:200px;
        margin-right:20px;
    }
    .portfolio-detail .pf-detail-content {
        width:380px;
    }
    .portfolio-detail .entry-meta-box .socials-link li {
        width:25px;
        height:25px;
        line-height:25px;
    }
    .portfolio-detail .entry-meta-box .socials-link li a span {

        font-size:12px;
    }
    .pf-box li {
        width:190px;
        margin-left:15px;
    }
    .pf-box li .pf-info .entry-view, .pf-box li .pf-info .entry-like {
        width:100% !important;
    }
    .pf-box li .pf-info .entry-view {
        border-right:none;
        border-bottom:1px solid #EAEAEA;
    }
    #pf-items .pf-info .entry-view, 
    #pf-items .pf-info .entry-like, 
    .pf-box li .pf-info .entry-view, 
    .pf-box li .pf-info .entry-like {
        width:48.8%;
    }
    .kp-pf-detail #main-col {
        margin-bottom:25px;
    }

    /* =========================================================
    Blog page style 3
    ============================================================ */
    .kp-cat-3 .entry-meta-column {
        margin-right:15px;

    }
    .kp-cat-3 .entry-item {
        width:320px;
    }
    .kp-cat-3.two-sidebar .entry-item {
        width:345px;
    }
    .kp-cat-3 .sidebar .widget .kp-popular-post li .entry-thumb, 
    .kp-cat-3 .sidebar .widget .kp-latest-post li .entry-thumb {
        width:45px;
    }
    .kp-cat-3 .sidebar .widget ul li .entry-thumb img {
        width:100%;
        display:block;
    }
    .kp-cat-3 .sidebar .widget .entry-comment {
        display:none;
    }
    .article-list li article .entry-thumb {
        width:200px;
    }
    .article-list li article .entry-title {
        font-size:20px;
        line-height:20px;
    }
    .two-sidebar .sidebar .widget .list-container-2 ul li {
        width:64px;
    }

    .tab-container-2 {
        border-top: 1px solid #ECECEC;
        margin-top: -1px;
        padding: 15px 15px 10px;
    }
    .kp-cat-2 .article-list li article .entry-comment,
    .kp-cat-2 .article-list li article .entry-category {
        display:none;
    }
    .entry-box .entry-title {
        font-size:28px;
        line-height:28px;
    }

    /* =========================================================
    404 Page
    ============================================================ */
    .error-404 .left-col p {
        font-size:80px;
    }
    .error-404 .right-col h1 {
        font-size:26px;
    }
    /*time line gallery */
    .timeline-item.gallery-post .older-gallery-img,
    .timeline-item.gallery-post .more-gallery-img {
        margin: 0;
    }
    .timeline-item.gallery-post .older-gallery-img li,
    .timeline-item.gallery-post .more-gallery-img li {
        margin-right: 0;
        margin-top: 10px;
        display: block;
        width: 100%;
    }

}

@media only screen and (min-width: 360px) and (max-width: 479px) {

    /* =========================================================
    Colunms
    ============================================================ */
    body {
        padding-left:0;
        padding-right:0;
    }
    .wrapper{
        width:320px;
    }
    #main-col {
        width:100%;
        margin-right:0px;
    }
    .sidebar {
        width:100%;
    }
    .kp-left-sidebar #main-col {
        width:100%;
        margin-left:0px;
    }
    .two-sidebar .sidebar {
        width:100%;
    }
    .two-sidebar #main-col {
        width:100%;
        margin:0;
    }

    /* =========================================================
    Header
    ============================================================ */
    /*---Main Menu---*/
    .sf-arrows ul li > .sf-with-ul:focus:after, 
    .sf-arrows ul li:hover > .sf-with-ul:after, 
    .sf-arrows ul .sfHover > .sf-with-ul:after {
        border-left-color:transparent;
    }

    #main-menu {
        display:none;
    }
    #mobile-menu {
        display:block;
    }

    .contact-top {
        margin-top:10px;
        display:none;
    }

    #logo-image {
        float:none;
        text-align:center;
        margin:0 0 20px;
    }
    #logo-image a, #logo-image a img {
        max-width:100%;
        width:auto;
        display:inline-block;
    }
    .social-box {
        float:none;
        text-align:center;
    }
    .socials-link {
        display:inline-block;
        margin-right:0;
        float:none;
        margin-bottom:15px;
    }
    .socials-link li {
        width:25px;
        height:25px;
        line-height:25px;
        margin-left:5px;
    }
    .socials-link li a span {
        font-size:12px;
    }
    .search-box {
        float:none;
        display:inline-block;
    }

    /*---Header Bottom---*/
    /*---Logo---*/
    /*- Search Box -*/

    /* =========================================================
    Home page slider
    ============================================================ */
    .ei-slider{
        height: 166px;
        margin: 0 auto 20px;
    }
    .ei-slider-loading{
        line-height: 343px;
    }
    .ei-title{
        left: 10px;
        bottom: 10px;
        width:380px
    }
    .ei-title h3 {
        display:none !important;
    }
    .ei-title h2 {
        margin-bottom:0;
        font-size:22px;
    }
    /* =========================================================
    Main content
    ============================================================ */
    #main-content {
        padding-top:20px;
    }

    /*-Tabs-*/
    .list-container-1 ul li {
        width:49.8%;
    }
    .list-container-1 ul li a {
        padding:15px 10px;
        font-size:20px;
    }
    .list-container-1 ul li a span {
        display:none;
    }

    /*---Timeline---*/
    .timeline-item .entry-body {
        width:320px;
        padding:15px;
        z-index:100;
        position:relative;
    }
    .timeline-item .entry-body .kp-thumb {
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }
    .timeline-item .entry-body header {
        width:100%;
    }
    .timeline-item .entry-body .entry-title {
        font-size:24px;
        line-height:24px;
    }

    .timeline-item.gallery-post .older-gallery-img li,
    .timeline-item.gallery-post #more-gallery-img li {
        width:89px;
    }
    .kp-filter {
        /*left:105px;*/
    }
    .kp-filter span {
        display:none;
    }
    .kp-filter ul.ss-links {
        right:-26px;
    }
    .timeline-item .timeline-icon {
        display:none;
    }

    /* =========================================================
    Sidebar
    ============================================================ */
    .sidebar .widget {
        margin-bottom:30px;
    }
    .sidebar .kp-gallery-widget ul li {
        width:100px;
    }
    .sidebar .widget .tab-container-2 .entry-comment {
        display:none !important;
    }
    .sidebar .widget .entry-comment {
        display:none;
    }
    .adv-300-300 {
        text-align:center;
    }
    .adv-300-300 a, .adv-300-300 a img {
        max-width:100%;
        width:auto;
        display:inline-block;
    }
    .hover-effect .mask a.link-detail {
        left:90%;
    }

    /*---Twitter---*/

    /* =========================================================
    Bottom Sidebar
    ============================================================ */
    #bottom-sidebar {
        padding-top:30px;
    }
    #bottom-sidebar .widget {
        margin-bottom:25px;
    }
    #bottom-sidebar .widget .widget-title {
        margin:0 0 20px;
    }

    /*---Flickr---*/
    .flickr-wrap {
        margin:-5px;
    }
    .flickr-badge-image {
        margin:5px;
        width:56px;
    }
    .kp-tagcloud {
        margin-left:15px;
    }
    #bottom-sidebar .widget ul li .entry-thumb {
        width:45px;
        margin-right:10px;
    }

    /* =========================================================
    Footer
    ============================================================ */

    /*----------------Back to top-----------------*/

    /**** Isotope Filtering ****/
    #isotop-container{
        margin-top: 20px;
    }
    .isotop-header {
        top:-58px;
        right:10px;
    }
    .isotop-header em {
        display:none;
    }
    .isotop-header #filters {
        right:-9px;
    }

    .kp-home-1 #portfolio-items article{
        width:152px;
    }
    .kp-pf-3col #pf-items article {
        width:147px;
    }
    .kp-pf-2col #pf-items article {
        width:147px;
    }
    .kp-pf-1col #pf-items article {
        width:320px;
    }

    #portfolio-items article .mask a.kp-pf-gallery {
        top:30px;
    }
    #portfolio-items article .mask a.kp-pf-detail {
        top:50px;
    }
    #portfolio-items article .mask .portfolio-caption h3 {
        margin:0;
        font-size:20px;
        display:inline-block;
    }

    .kp-pf-3col #pf-items article .mask a.kp-pf-gallery {
        top:50px;
        right:100%;
    }
    .kp-pf-2col #pf-items article .mask a.kp-pf-gallery {
        top:90px;
        right:100%;
    }
    .kp-pf-1col #pf-items article .mask a.kp-pf-gallery {
        top:200px;
        right:100%;
    }

    .kp-pf-3col #pf-items article .mask a.kp-pf-detail {
        top:70px;
        left:100%;
    }
    .kp-pf-2col #pf-items article .mask a.kp-pf-detail {
        top:110px;
        left:100%;
    }
    .kp-pf-1col #pf-items article .mask a.kp-pf-detail {
        top:230px;
        left:100%;
    }
    #portfolio-items article .mask .portfolio-caption,
    #pf-items article .mask .portfolio-caption {
        bottom:10px;
        text-align:center;
        width:100%;
    }
    #portfolio-items article .mask .portfolio-caption p {
        display:none;
    }
    .pagination ul > li > a, .pagination ul > li > span {
        font-size:14px;
        padding:3px 10px;
    }

    #pf-filters li label {
        font-size:14px;
        padding:3px 5px;
    }

    .pf-thumb-1col {
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }
    .pf-des-1col {
        width:100%;
    }
    .entry-date, .entry-author, .entry-category {
        margin-right:10px;
    }

    /* =========================================================
    Elements page
    ============================================================ */
    .elements-box .list-container-3 ul li {
        width:63px;
    }

    /*-------------Toggle Boxes-----------*/

    /************Accordion**************/

    /* =========================================================
    Category page 1
    ============================================================ */
    .article-list li article .entry-header {
        width:100%;
    }
    .article-list li article .entry-date, 
    .article-list li article .entry-author, 
    .article-list li article .entry-category {
        margin-right:10px;
    }
    .two-sidebar.kp-cat-1 .article-list li article .entry-thumb {
        margin-right:0;
        width:100%;
        margin-bottom:15px;
    }
    .two-sidebar.kp-cat-1 .article-list li article .entry-thumb img {	
        width:100%;
    }
    .two-sidebar .article-list li article .entry-header {
        width:100%;
    }

    /* =========================================================
    Category page 2
    ============================================================ */
    .kp-cat-2 .article-list li article .entry-content {
        width:100%;
    }
    .kp-cat-2 .article-list li article .entry-thumb {
        width:100%;
    }
    .kp-cat-2 .article-list li article .entry-title {
        margin-bottom:0;
    }
    .kp-cat-2 .article-list li article .entry-date, 
    .kp-cat-2 .article-list li article .entry-author, 
    .kp-cat-2 .article-list li article .entry-category, 
    .kp-cat-2 .article-list li article .entry-comment {
        padding:3px 5px 2px;
    }

    /* =========================================================
    Singe page 1
    ============================================================ */
    /*---About Author---*/
    .about-author {
        padding:15px 15px 5px;
    }
    .about-author .avatar-thumb {
        width:50px;
        height:50px;
    }
    .about-author .author-content {
        width:223px;
    }
    .about-author header .social-link li {
        margin-left:10px;
    }

    /*---Comments List---*/
    #comments .comment-avatar {
        width:50px;
    }
    #comments .comment-body {
        width:255px;
    }
    #comments .comments-list .children .comment-body {
        width:255px;
    }
    #comments .comments-list .children {
        margin-left:0;
    }

    /*---Comment form---*/
    #comments-form .comment-left {
        width:100%;
    }
    #comments-form .comment-right {
        width:100%;
    }
    #comments-form #comment_message {
        height:195px;
    }

    .related-article .entry-item .entry-content .entry-title {
        font-size:16px;
        line-height:18px;
    }

    .kp-single-2 .entry-box .entry-meta-box .entry-date, .kp-single-2 .entry-box .entry-meta-box .entry-author, .kp-single-2 .entry-box .entry-meta-box .entry-category, .kp-single-2 .entry-box .entry-meta-box .entry-comment {
        padding:3px 5px 2px;
    }

    .kp-single-4 .about-author .author-content {
        width:223px;
    }
    .kp-single-4 #comments .comment-body {
        width:255px;
    }
    .kp-single-4 #comments .comments-list .children .comment-body {
        width:255px;
    }
    .kp-single-4 #comments-form .comment-left {
        width:100%;
    }
    .kp-single-4 #comments-form .comment-right {
        width:100%;
    }
    .related-article .entry-item .entry-content .entry-comment,
    .kp-single-2 .entry-box .entry-meta-box .entry-comment,
    .kp-single-2 .entry-box .entry-meta-box .entry-category {
        display:none;
    }


    /* =========================================================
    Singe page 2
    ============================================================ */
    .kp-single-2 .entry-box .entry-thumb {
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }
    .kp-single-2 .entry-box .entry-header {
        margin-bottom:5px;
    }
    .kp-single-2 .entry-box .entry-title {
        font-size:24px;
        line-height:24px;
    }
    .kp-single-2 .about-author .author-content {
        width:158px;
    }
    .kp-single-2 .about-author header .social-link {
        display:none;
    }
    .about-author header h4 {
        float:none;
    }
    .kp-single-2 #comments-form .comment-left {
        width:100%;
    }
    .kp-single-2 #comments-form .comment-right {
        width:100%;
    }
    .kp-single-2 #comments .comment-body {
        width:190px;
    }
    .kp-single-2 #comments .comments-list .children .comment-body {
        width:190px;
    }
    .related-article .entry-item .entry-content{
        margin:10px;
    }
    .related-article .list-carousel {
        margin:0 -5px;
    }
    .related-article .list-carousel ul li {
        margin:0 5px;
    }
    .kp-single-2 .related-article .entry-comment {
        display:none;
    }
    .related-article > h3 {
        font-size:22px;
    }
    .loading {
        min-height:200px;
    }


    /* =========================================================
    Singe page 3
    ============================================================ */
    .kp-single-carousel {
        display:none;
    }
    .kp-single-carousel li {
        width:119px !important;
    }
    .kp-single-3 .entry-box #carousel img {
        margin:0;
        width:690px;
    }

    /* =========================================================
    Home page 2
    ============================================================ */
    .widget-area-3,
    .widget-area-4 {
        width:100%;
    }
    .widget-area-3 {
        margin-right:0px;
    }

    #main-col .widget .entry-content .entry-title {
        font-size:22px;
        line-height:24px;
    }
    #main-col .widget.featured-widget .entry-content .entry-title {
        font-size:20px;
    }

    #main-col .widget .older-post li .entry-content {
        width:220px;
    }

    #main-col .widget-area-5 .widget .entry-thumb {
        margin-right:0px;
        width:100%;
        margin-bottom:15px;
    }

    #main-col .widget .older-post li .entry-thumb img {
        width:100%;
        display:block;
    }

    /* =========================================================
    Contact page
    ============================================================ */
    #contact-info address p {
        line-height:22px;
    }

    /* =========================================================
    Home page 3
    ============================================================ */
    .sequence-slider {
        height:350px;
    }
    #sequence li h2 {
        font-size:18px;
        line-height:20px;
        padding:5px 10px 2px;
        white-space:pre-wrap;
    }
    #sequence li h3 {
        font-size:26px;
        line-height:28px;
    }
    .animate-in .title,
    .animate-in .subtitle {
        left:20px;
    }
    .model {
        width:300px;
    }
    .subtitle {
        width:40%;
        display:none;
    }
    .animate-in .model {
        right:10px;
    }
    #sequence li#creative h2 {
        font-size:26px;
        line-height:28px;
    }
    #sequence li#creative h3 {
        font-size:20px;
        line-height:22px;
    }
    .model-2-1,
    .model-2-2,
    .model-2-3 {
        width:190px;
    }
    .title-2,
    .subtitle-2 {
        width:92%;
        top:10%;
    }
    .subtitle-2 {
        display:none;
    }
    .animate-in .model-2-1,
    .model-2-1,
    .animate-out .model-2-1 {
        left:30px;
    }
    .animate-in .model-2-2,
    .animate-out .model-2-2,
    .model-2-2 {
        left:125px;
    }
    .animate-in .model-2-3,
    .animate-out .model-2-3,
    .model-2-3 {
        left:80px;
    }

    .model-3-1 {
        width:250px;
    }
    .model-3-2 {
        width:220px;
    }
    .model-3-3 {
        width:150px;
    }
    .model-3-4 {
        width:50px;
    }
    .title {
        top:15%;
        width:90%;
    }
    .animate-in .model-3-2 {
        right:10%;
    }
    .animate-in .model-3-3 {
        right:32%;
    }
    .animate-in .model-3-4 {
        right:31%;
    }

    .kp-home-3 .kp-tag-line .widget-title {
        width:100%;
        font-size:24px;
        line-height:26px;
    }
    .kp-home-3 .kp-tag-line p {
        width:100%;
    }
    .kp-home-3 .list-carousel.responsive {
        margin:0;
    }


    .kp-our-work ul li .entry-item .entry-content {
        margin:0 10px 10px;
    }
    .kp-home-3 .entry-comment {
        display:none;
    }

    .more-link {
        font-size:16px;
    }

    .kp-our-experient .widget-area-4 .widget-title {
        margin-left:15px;
    }

    .kp-our-experient .entry-item {
        margin-right:15px;
        text-align:center;
    }
    .kp-our-experient .entry-item .entry-date {
        margin-right:0;
        display:inline-block;
        margin-bottom:15px;
        float:none;
    }
    .kp-our-experient .entry-item .entry-content {
        width:100%;
        float:none;
        text-align:left;
    }
    .kp-our-experient .entry-item .entry-title {
        font-size:18px;
        line-height:20px;
    }
    .kp-our-experient .widget-title {
        font-size:22px;
        line-height:22px;
        margin:0 0 20px;
    }
    .kp-testimonial .testimonial-author a {
        line-height:20px;
    }
    .bottom-twitter .twitter-widget {
        padding:10px 15px;
    }
    .chart .label {
        font-size:14px;
        white-space: pre-wrap;
    }
    .kp-our-work ul li .entry-item .entry-content .entry-title {
        font-size:18px;
        line-height:20px;
    }
    .kp-skill li {
        width:100%;
        margin-left:0;
    }
    .kp-client-logo {
        display:none;
    }
    .about-team .row-fluid .span3 {
        float:left !important;
        width:47%;
        margin-left:2.12766%;
        margin-bottom:15px;
    }
    .about-skill .kp-skill li {
        width:50%;
    }
    .entry-comment {
        display:none;
    }
    .about-team article .team-content h2 {
        font-size:20px;
        line-height:20px;
    }

    /* =========================================================
    About page
    ============================================================ */
    .about-skill-intro {
        width:80%;
    }
    .bottom-twitter .tweet_list li .tweet_avatar {
        margin-right:10px;
    }
    /* =========================================================
    Portfolio detail page
    ============================================================ */
    .portfolio-detail .entry-meta-box {
        width:100%;
        margin-right:0px;
        margin-bottom:20px;
    }
    .portfolio-detail .pf-detail-content {
        width:100%;
    }
    .portfolio-detail .entry-meta-box .socials-link li {
        width:25px;
        height:25px;
        line-height:25px;
    }
    .portfolio-detail .entry-meta-box .socials-link li a span {

        font-size:12px;
    }
    .pf-box li {
        width:100%;
        margin-left:0px;
        margin-bottom:15px;
    }
    .pf-box li .pf-info .entry-view, .pf-box li .pf-info .entry-like {
        width:100% !important;
    }
    .pf-box li .pf-info .entry-view {
        border-right:none;
        border-bottom:1px solid #EAEAEA;
    }
    #pf-items .pf-info .entry-view, 
    #pf-items .pf-info .entry-like, 
    .pf-box li .pf-info .entry-view, 
    .pf-box li .pf-info .entry-like {
        width:100%;
    }
    #pf-items .pf-info .entry-view {
        border-right:none;
        border-bottom:1px solid #eaeaea;
    }
    .kp-pf-detail #main-col {
        margin-bottom:25px;
    }

    /* =========================================================
    Blog page style 3
    ============================================================ */
    .kp-cat-3 .entry-meta-column {
        margin-right:15px;
        width:50px !important;

    }
    .kp-cat-3 .entry-meta-column p {
        width:50px !important;
        height:50px !important;
        line-height:50px !important;
        font-size:26px !important;
    }
    .kp-cat-3 .entry-item {
        width:255px;
    }
    .kp-cat-3.two-sidebar .entry-item {
        width:255px;
    }
    .kp-cat-3 .sidebar .widget .kp-popular-post li .entry-thumb, 
    .kp-cat-3 .sidebar .widget .kp-latest-post li .entry-thumb {
        width:45px;
    }
    .kp-cat-3 .sidebar .widget ul li .entry-thumb img {
        width:100%;
        display:block;
    }
    .kp-cat-3 .sidebar .widget .entry-comment {
        display:none;
    }
    .article-list li article .entry-thumb {
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }
    .article-list li article .entry-title {
        font-size:20px;
        line-height:20px;
    }
    .two-sidebar .sidebar .widget .list-container-2 ul li {
        width:64px;
    }

    .tab-container-2 {
        border-top: 1px solid #ECECEC;
        margin-top: -1px;
        padding: 15px 15px 10px;
    }
    .kp-cat-2 .article-list li article .entry-comment,
    .kp-cat-2 .article-list li article .entry-category {
        display:none;
    }
    .entry-box .entry-title {
        font-size:28px;
        line-height:28px;
    }

    /* =========================================================
    404 Page
    ============================================================ */
    .error-404 .left-col p {
        font-size:60px;
    }
    .error-404 .right-col h1 {
        font-size:20px;
        line-height:20px;
    }

    .m-wrapper{
        display:block;
    }
    #pf-options {
        display:none;
    }
    .timeline-container .load-more {
        bottom:-20px;
    }
    .timeline-item.audio-post .entry-body audio {
        width:100%
    }
    /*time line gallery */
    .timeline-item.gallery-post .older-gallery-img,
    .timeline-item.gallery-post .more-gallery-img {
        margin: 0;
    }
    .timeline-item.gallery-post .older-gallery-img li,
    .timeline-item.gallery-post .more-gallery-img li {
        margin-right: 0;
        margin-top: 10px;
        display: block;
        width: 100%;
    }

}

@media only screen and (max-width: 359px) {

    /* =========================================================
    Colunms
    ============================================================ */
    body {
        padding-left:0;
        padding-right:0;
    }
    .wrapper{
        width:300px;
    }
    #main-col {
        width:100%;
        margin-right:0px;
    }
    .sidebar {
        width:100%;
    }
    .kp-left-sidebar #main-col {
        width:100%;
        margin-left:0px;
    }
    .two-sidebar .sidebar {
        width:100%;
    }
    .two-sidebar #main-col {
        width:100%;
        margin:0;
    }

    /* =========================================================
    Header
    ============================================================ */
    /*---Main Menu---*/
    .sf-arrows ul li > .sf-with-ul:focus:after, 
    .sf-arrows ul li:hover > .sf-with-ul:after, 
    .sf-arrows ul .sfHover > .sf-with-ul:after {
        border-left-color:transparent;
    }

    #main-menu {
        display:none;
    }
    #mobile-menu {
        display:block;
    }

    .contact-top {
        margin-top:10px;
        display:none;
    }

    #logo-image {
        float:none;
        text-align:center;
        margin:0 0 20px;
    }
    #logo-image a, #logo-image a img {
        max-width:100%;
        width:auto;
        display:inline-block;
    }
    .social-box {
        float:none;
        text-align:center;
    }
    .socials-link {
        display:inline-block;
        margin-right:0;
        float:none;
        margin-bottom:15px;
    }
    .socials-link li {
        width:25px;
        height:25px;
        line-height:25px;
        margin-left:5px;
    }
    .socials-link li a span {
        font-size:12px;
    }
    .search-box {
        float:none;
        display:inline-block;
    }

    /*---Header Bottom---*/
    /*---Logo---*/
    /*- Search Box -*/

    /* =========================================================
    Home page slider
    ============================================================ */
    .ei-slider{
        height: 156px;
        margin: 0 auto 20px;
    }
    .ei-slider-loading{
        line-height: 343px;
    }
    .ei-title{
        left: 10px;
        bottom: 10px;
        width:380px
    }
    .ei-title h3 {
        display:none !important;
    }
    .ei-title h2 {
        margin-bottom:0;
        font-size:20px;
    }
    /* =========================================================
    Main content
    ============================================================ */
    #main-content {
        padding-top:20px;
    }

    /*-Tabs-*/
    .list-container-1 ul li {
        width:49.8%;
    }
    .list-container-1 ul li a {
        padding:15px 10px;
        font-size:20px;
    }
    .list-container-1 ul li a span {
        display:none;
    }

    /*---Timeline---*/
    #time-line {
        left:30px;
    }
    .time-to-filter .timeline-filter {
        left:-45px;
    }
    .time-to-filter .top-ring,
    .time-to-filter .bottom-ring {
        left:-18px;
    }
    .time-to-filter .post-quantity {
        left:60px;
    }
    .timeline-item .entry-body {
        width:300px;
        padding:15px;
        z-index:100;
        position:relative;
    }
    .timeline-item .entry-body .kp-thumb {
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }
    .timeline-item .entry-body header {
        width:100%;
    }
    .timeline-item .entry-body .entry-title {
        font-size:24px;
        line-height:24px;
    }

    .timeline-item.gallery-post .older-gallery-img {
        margin:1px -2px 10px 0;
    }
    .timeline-item.gallery-post .older-gallery-img li,
    .timeline-item.gallery-post #more-gallery-img li {
        width:89px;
        margin-right:1px;
    }
    .kp-filter {
        /*left:93px;*/
    }
    .kp-filter span {
        display:none;
    }
    .kp-filter ul.ss-links {
        right:-37px;
    }
    .timeline-item .timeline-icon {
        display:none;
    }
    .featured-widget .list-carousel.responsive {
        margin:0 -5px;
    }
    .featured-widget .list-carousel ul li {
        margin:0 5px;
    }

    /* =========================================================
    Sidebar
    ============================================================ */
    .sidebar .widget {
        margin-bottom:30px;
    }
    .sidebar .kp-gallery-widget ul li {
        width:94px;
    }
    .sidebar .widget .tab-container-2 .entry-comment {
        display:none !important;
    }
    .sidebar .widget .entry-comment {
        display:none;
    }
    .adv-300-300 {
        text-align:center;
    }
    .adv-300-300 a, .adv-300-300 a img {
        max-width:100%;
        width:auto;
        display:inline-block;
    }
    .hover-effect .mask a.link-detail {
        left:90%;
    }

    /*---Twitter---*/

    /* =========================================================
    Bottom Sidebar
    ============================================================ */
    #bottom-sidebar {
        padding-top:30px;
    }
    #bottom-sidebar .widget {
        margin-bottom:25px;
    }
    #bottom-sidebar .widget .widget-title {
        margin:0 0 20px;
    }

    /*---Flickr---*/
    .flickr-wrap {
        margin:-5px;
    }
    .flickr-badge-image {
        margin:5px;
        width:52px;
    }
    .kp-tagcloud {
        margin-left:15px;
    }
    #bottom-sidebar .widget ul li .entry-thumb {
        width:45px;
        margin-right:10px;
    }
    .kp-home-3 .list-carousel.responsive {
        margin:0 -5px;
    }
    .kp-home-3 .list-carousel ul li {
        margin:0 5px;
    }
    .kp-home-3 .widget-area-3 {
        width:100%;
        border-right:none;
        margin-right:0;
        padding:20px 0;
    }
    .kp-home-3 .widget-area-4 {
        width:100%;
        border-left:none;
        margin-left:0;
        padding:20px 0;
    }

    /* =========================================================
    Footer
    ============================================================ */

    /*----------------Back to top-----------------*/

    /**** Isotope Filtering ****/
    #isotop-container{
        margin-top: 20px;
    }
    .isotop-header {
        top:-58px;
        right:10px;
    }
    .isotop-header em {
        display:none;
    }
    .isotop-header #filters {
        right:-10px;
    }
    .pagination ul > li {
        margin-right:3px;
    }

    .kp-home-1 #portfolio-items article{
        width:142px;
    }
    .kp-pf-3col #pf-items article {
        width:147px;
    }
    .kp-pf-2col #pf-items article {
        width:147px;
    }
    .kp-pf-1col #pf-items article {
        width:300px;
    }

    #portfolio-items article .mask a.kp-pf-gallery {
        top:30px;
    }
    #portfolio-items article .mask a.kp-pf-detail {
        top:50px;
    }
    #portfolio-items article .mask .portfolio-caption h3 {
        margin:0;
        font-size:20px;
        display:inline-block;
    }

    .kp-pf-3col #pf-items article .mask a.kp-pf-gallery {
        top:50px;
        right:100%;
    }
    .kp-pf-2col #pf-items article .mask a.kp-pf-gallery {
        top:90px;
        right:100%;
    }
    .kp-pf-1col #pf-items article .mask a.kp-pf-gallery {
        top:200px;
        right:100%;
    }

    .kp-pf-3col #pf-items article .mask a.kp-pf-detail {
        top:70px;
        left:100%;
    }
    .kp-pf-2col #pf-items article .mask a.kp-pf-detail {
        top:110px;
        left:100%;
    }
    .kp-pf-1col #pf-items article .mask a.kp-pf-detail {
        top:230px;
        left:100%;
    }
    #portfolio-items article .mask .portfolio-caption,
    #pf-items article .mask .portfolio-caption {
        bottom:10px;
        text-align:center;
        width:100%;
    }
    #portfolio-items article .mask .portfolio-caption p {
        display:none;
    }
    .pagination ul > li > a, .pagination ul > li > span {
        font-size:14px;
        padding:3px 10px;
    }

    #pf-filters li label {
        font-size:14px;
        padding:3px 5px;
    }

    .pf-thumb-1col {
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }
    .pf-des-1col {
        width:100%;
    }
    .entry-date, .entry-author, .entry-category {
        margin-right:10px;
    }

    /* =========================================================
    Elements page
    ============================================================ */
    .elements-box .list-container-3 ul li {
        width:63px;
    }

    /*-------------Toggle Boxes-----------*/

    /************Accordion**************/

    /* =========================================================
    Category page 1
    ============================================================ */
    .article-list li article .entry-header {
        width:100%;
    }
    .article-list li article .entry-date, 
    .article-list li article .entry-author, 
    .article-list li article .entry-category {
        margin-right:10px;
    }
    .two-sidebar.kp-cat-1 .article-list li article .entry-thumb {
        margin-right:0;
        width:100%;
        margin-bottom:15px;
    }
    .two-sidebar.kp-cat-1 .article-list li article .entry-thumb img {	
        width:100%;
    }
    .two-sidebar .article-list li article .entry-header {
        width:100%;
    }

    /* =========================================================
    Category page 2
    ============================================================ */
    .kp-cat-2 .article-list li article .entry-content {
        width:100%;
    }
    .kp-cat-2 .article-list li article .entry-thumb {
        width:100%;
    }
    .kp-cat-2 .article-list li article .entry-title {
        margin-bottom:0;
    }
    .kp-cat-2 .article-list li article .entry-date, 
    .kp-cat-2 .article-list li article .entry-author, 
    .kp-cat-2 .article-list li article .entry-category, 
    .kp-cat-2 .article-list li article .entry-comment {
        padding:3px 5px 2px;
        margin-right:5px;
    }
    .kp-cat-2 .article-list li article .entry-author {
        margin-right:0;
    }

    /* =========================================================
    Singe page 1
    ============================================================ */
    /*---About Author---*/
    .about-author {
        padding:15px 15px 5px;
    }
    .about-author .avatar-thumb {
        width:50px;
        height:50px;
    }
    .about-author .author-content {
        width:203px;
    }
    .about-author header .social-link li {
        margin-left:10px;
    }

    /*---Comments List---*/
    #comments .comment-avatar {
        width:50px;
    }
    #comments .comment-body {
        width:235px;
    }
    #comments .comments-list .children .comment-body {
        width:235px;
    }
    #comments .comments-list .children {
        margin-left:0;
    }

    /*---Comment form---*/
    #comments-form .comment-left {
        width:100%;
    }
    #comments-form .comment-right {
        width:100%;
    }
    #comments-form #comment_message {
        height:195px;
    }

    .related-article .entry-item .entry-content .entry-title {
        font-size:16px;
        line-height:18px;
    }

    .kp-single-2 .entry-box .entry-meta-box .entry-date, .kp-single-2 .entry-box .entry-meta-box .entry-author, .kp-single-2 .entry-box .entry-meta-box .entry-category, .kp-single-2 .entry-box .entry-meta-box .entry-comment {
        padding:3px 5px 2px;
        margin-right:5px;
    }
    .kp-single-2 .entry-box .entry-meta-box .entry-author {
        margin-right:0;
    }

    .kp-single-4 .about-author .author-content {
        width:223px;
    }
    .kp-single-4 #comments .comment-body {
        width:255px;
    }
    .kp-single-4 #comments .comments-list .children .comment-body {
        width:255px;
    }
    .kp-single-4 #comments-form .comment-left {
        width:100%;
    }
    .kp-single-4 #comments-form .comment-right {
        width:100%;
    }
    .related-article .entry-item .entry-content .entry-comment,
    .kp-single-2 .entry-box .entry-meta-box .entry-comment,
    .kp-single-2 .entry-box .entry-meta-box .entry-category {
        display:none;
    }


    /* =========================================================
    Singe page 2
    ============================================================ */
    .kp-single-2 .entry-box .entry-thumb {
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }
    .kp-single-2 .entry-box .entry-header {
        margin-bottom:5px;
    }
    .kp-single-2 .entry-box .entry-title {
        font-size:24px;
        line-height:24px;
    }
    .kp-single-2 .about-author .author-content {
        width:138px;
    }
    .kp-single-2 .about-author header .social-link {
        display:none;
    }
    .about-author header h4 {
        float:none;
    }
    .kp-single-2 #comments-form .comment-left {
        width:100%;
    }
    .kp-single-2 #comments-form .comment-right {
        width:100%;
    }
    .kp-single-2 #comments .comment-body {
        width:170px;
    }
    .kp-single-2 #comments .comments-list .children .comment-body {
        width:170px;
    }
    .related-article .entry-item .entry-content{
        margin:10px;
    }
    .related-article .list-carousel {
        margin:0 -5px;
    }
    .related-article .list-carousel ul li {
        margin:0 5px;
    }
    .kp-single-2 .related-article .entry-comment {
        display:none;
    }
    .related-article > h3 {
        font-size:22px;
    }
    .loading {
        min-height:180px;
    }


    /* =========================================================
    Singe page 3
    ============================================================ */
    .kp-single-carousel {
        display:none;
    }
    .kp-single-carousel li {
        width:119px !important;
    }
    .kp-single-3 .entry-box #carousel img {
        margin:0;
        width:690px;
    }

    /* =========================================================
    Home page 2
    ============================================================ */
    .widget-area-3,
    .widget-area-4 {
        width:100%;
    }
    .widget-area-3 {
        margin-right:0px;
    }

    #main-col .widget .entry-content .entry-title {
        font-size:20px;
        line-height:20px;
    }
    #main-col .widget.featured-widget .entry-content .entry-title {
        font-size:18px;
        line-height:18px;
    }

    #main-col .widget .older-post li .entry-content {
        width:200px;
    }

    #main-col .widget-area-5 .widget .entry-thumb {
        margin-right:0px;
        width:100%;
        margin-bottom:15px;
    }

    #main-col .widget .older-post li .entry-thumb img {
        width:100%;
        display:block;
    }

    /* =========================================================
    Contact page
    ============================================================ */
    #contact-info address p {
        line-height:22px;
    }

    /* =========================================================
    Home page 3
    ============================================================ */
    .sequence-slider {
        height:350px;
    }
    #sequence li h2 {
        font-size:18px;
        line-height:20px;
        padding:5px 10px 2px;
        white-space:pre-wrap;
    }
    #sequence li h3 {
        font-size:26px;
        line-height:28px;
    }
    .animate-in .title,
    .animate-in .subtitle {
        left:20px;
    }
    .model {
        width:300px;
    }
    .subtitle {
        width:40%;
        display:none;
    }
    .animate-in .model {
        right:10px;
    }
    #sequence li#creative h2 {
        font-size:26px;
        line-height:28px;
    }
    #sequence li#creative h3 {
        font-size:20px;
        line-height:22px;
    }
    .model-2-1,
    .model-2-2,
    .model-2-3 {
        width:190px;
    }
    .title-2,
    .subtitle-2 {
        width:92%;
        top:10%;
    }
    .subtitle-2 {
        display:none;
    }
    .animate-in .model-2-1,
    .model-2-1,
    .animate-out .model-2-1 {
        left:30px;
    }
    .animate-in .model-2-2,
    .animate-out .model-2-2,
    .model-2-2 {
        left:125px;
    }
    .animate-in .model-2-3,
    .animate-out .model-2-3,
    .model-2-3 {
        left:80px;
    }

    .model-3-1 {
        width:250px;
    }
    .model-3-2 {
        width:220px;
    }
    .model-3-3 {
        width:150px;
    }
    .model-3-4 {
        width:50px;
    }
    .title {
        top:15%;
        width:90%;
    }
    .animate-in .model-3-2 {
        right:10%;
    }
    .animate-in .model-3-3 {
        right:32%;
    }
    .animate-in .model-3-4 {
        right:31%;
    }

    .kp-home-3 .kp-tag-line .widget-title {
        width:100%;
        font-size:24px;
        line-height:26px;
    }
    .kp-home-3 .kp-tag-line p {
        width:100%;
    }
    .kp-home-3 .list-carousel.responsive {
        margin:0;
    }


    .kp-our-work ul li .entry-item .entry-content {
        margin:0 10px 10px;
    }
    .kp-home-3 .entry-comment {
        display:none;
    }

    .more-link {
        font-size:16px;
    }

    .kp-our-experient .widget-area-4 .widget-title {
        margin-left:15px;
    }

    .kp-our-experient .entry-item {
        margin-right:15px;
    }
    .kp-our-experient .entry-item .entry-date {
        margin-right:15px;
    }
    .kp-our-experient .entry-item .entry-content {
        width:196px;
    }
    .kp-our-experient .entry-item .entry-title {
        font-size:18px;
        line-height:20px;
    }
    .kp-our-experient .widget-title {
        font-size:22px;
        line-height:22px;
        margin:0 0 20px;
    }
    .kp-testimonial .testimonial-author a {
        line-height:20px;
    }
    .bottom-twitter .twitter-widget {
        padding:10px 15px;
    }
    .chart .label {
        font-size:18px;
        white-space: pre-wrap;
    }
    .kp-our-work ul li .entry-item .entry-content .entry-title {
        font-size:18px;
        line-height:20px;
    }
    .kp-skill li {
        width:100%;
        margin-left:0;
    }
    .kp-client-logo {
        display:none;
    }
    .about-team .row-fluid .span3 {
        float:left !important;
        width:47%;
        margin-left:2.12766%;
        margin-bottom:15px;
    }
    .about-skill .kp-skill li {
        width:100%;
    }
    .entry-comment {
        display:none;
    }
    .about-team article .team-content h2 {
        font-size:20px;
        line-height:20px;
    }
    .list-carousel.responsive {
        margin:0 -5px;
    }
    .list-carousel ul li {
        margin:0 5px;
    }

    /* =========================================================
    About page
    ============================================================ */
    .about-skill-intro {
        width:80%;
    }
    .bottom-twitter .tweet_list li .tweet_avatar {
        margin-right:10px;
    }
    /* =========================================================
    Portfolio detail page
    ============================================================ */
    .portfolio-detail .entry-meta-box {
        width:100%;
        margin-right:0px;
        margin-bottom:20px;
    }
    .portfolio-detail .pf-detail-content {
        width:100%;
    }
    .portfolio-detail .entry-meta-box .socials-link li {
        width:25px;
        height:25px;
        line-height:25px;
    }
    .portfolio-detail .entry-meta-box .socials-link li a span {

        font-size:12px;
    }
    .pf-box li {
        width:100%;
        margin-left:0px;
        margin-bottom:15px;
    }
    .pf-box li .pf-info .entry-view, .pf-box li .pf-info .entry-like {
        width:100% !important;
    }
    .pf-box li .pf-info .entry-view {
        border-right:none;
        border-bottom:1px solid #EAEAEA;
    }
    #pf-items .pf-info .entry-view, 
    #pf-items .pf-info .entry-like, 
    .pf-box li .pf-info .entry-view, 
    .pf-box li .pf-info .entry-like {
        width:100%;
    }
    #pf-items .pf-info .entry-view {
        border-right:none;
        border-bottom:1px solid #eaeaea;
    }
    .kp-pf-detail #main-col {
        margin-bottom:25px;
    }

    /* =========================================================
    Blog page style 3
    ============================================================ */
    .kp-cat-3 .entry-meta-column {
        margin-right:15px;
        width:50px !important;

    }
    .kp-cat-3 .entry-meta-column p {
        width:50px !important;
        height:50px !important;
        line-height:50px !important;
        font-size:26px !important;
    }
    .kp-cat-3 .entry-item {
        width:235px;
    }
    .kp-cat-3.two-sidebar .entry-item {
        width:235px;
    }
    .kp-cat-3 .sidebar .widget .kp-popular-post li .entry-thumb, 
    .kp-cat-3 .sidebar .widget .kp-latest-post li .entry-thumb {
        width:45px;
    }
    .kp-cat-3 .sidebar .widget ul li .entry-thumb img {
        width:100%;
        display:block;
    }
    .kp-cat-3 .sidebar .widget .entry-comment {
        display:none;
    }
    .article-list li article .entry-thumb {
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }
    .article-list li article .entry-title {
        font-size:20px;
        line-height:20px;
    }
    .two-sidebar .sidebar .widget .list-container-2 ul li {
        width:64px;
    }

    .tab-container-2 {
        border-top: 1px solid #ECECEC;
        margin-top: -1px;
        padding: 15px 15px 10px;
    }
    .kp-cat-2 .article-list li article .entry-comment,
    .kp-cat-2 .article-list li article .entry-category {
        display:none;
    }
    .entry-box .entry-title {
        font-size:28px;
        line-height:28px;
    }

    /* =========================================================
    404 Page
    ============================================================ */
    .error-404 .left-col p {
        font-size:60px;
    }
    .error-404 .right-col h1 {
        font-size:20px;
        line-height:20px;
    }

    .m-wrapper{
        display:block;
    }
    #pf-options {
        display:none;
    }

    .timeline-container .load-more {
        bottom:-20px;
        left:14px;
    }

    .timeline-item.audio-post .entry-body audio {
        width:100%
    }
    /*time line gallery */
    .timeline-item.gallery-post .older-gallery-img,
    .timeline-item.gallery-post .more-gallery-img {
        margin: 0;
    }
    .timeline-item.gallery-post .older-gallery-img li,
    .timeline-item.gallery-post .more-gallery-img li {
        margin-right: 0;
        margin-top: 10px;
        display: block;
        width: 100%;
    }
}
.easyPieChart {
    position: relative;
    text-align: center;
	display:inline-block;
	margin-bottom:20px;
}

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.kp-skill {
	margin-left:10px;
}
.kp-skill li {
	float:left;
	margin-left:3.5%;
	margin-bottom:20px;
	width: calc(89.5% / 3);
	text-align:center;
}

.easyPieChart span {
	color:#212121;
	font-family: 'Rokkitt',serif;
	font-size:48px;
}
.easyPieChart sup {
	color:#212121;
	font-family: 'Rokkitt',serif;
	font-size:23px;
}
.chart .label {
	background:none;
	color:#212121;
	font-family: 'Rokkitt',serif;
	font-size:18px;
	text-transform:uppercase;
	line-height:20px;
	padding:0;
	text-shadow:none;
	font-weight:normal;
}

.about-skill .kp-skill {
	margin-left:0;
}
.about-skill .kp-skill li {
    float: left;
    margin-bottom: 20px;
    margin-left: 0;
	padding:0 1%;
    text-align: center;
    width: 25%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.about-skill .chart .label {
	margin-bottom:15px;
}