/*----------------------------------------*/
/*----- 1.1 Reset -----*/
/*----------------------------------------*/
/* From - http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, nav, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

/*----------------------------------------*/
/*----- 1.2 General styles -----*/
/*----------------------------------------*/
body {
  background: url(../images/pattern1.jpg) repeat #ffffff;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #717576;
  line-height: 1.5em;
  text-shadow: 0px 1px 1px #ffffff; }

img, embed, object, video {
  max-width: 100%;
  height: auto; }

video {
  width: 100% !important;
  height: auto !important; }

strong {
  font-weight: bold; }

p {
  margin-bottom: 1.2em;
  font-size: 18px; }

/*----------------------------------------*/
/*----- 1.3 Typography -----*/
/*----------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  font-family: 'Lato', sans-serif;
  color: #4d656b;
  font-weight: 400;
  line-height: 1.3em;
  font-style: normal;
  word-spacing: 1px; }

h1 {
  font-size: 30px;
  line-height: 1em;
  margin-bottom: 0px; }
  h1.title {
    position: relative;
    top: 80px;
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 300;
    text-align: center; }

h2 {
  font-size: 22px;
  margin-bottom: 15px; }

h3 {
  font-size: 20px;
  margin-bottom: 15px; }

h4 {
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 80px; }

h5 {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1em;
  margin-bottom: 0px; }

h6 {
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 0px;
  float: left; }

a {
  color: #75b1bc;
  text-decoration: none;
  cursor: pointer;
  font-style: normal;
  outline: none; }

a:hover {
  text-decoration: underline; }

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

/*----------------------------------------*/
/*----- 1.4 Button Styles -----*/
/*----------------------------------------*/
/*Big yellow button*/
.btn_yellow span {
  background: url(../images/btn-cta-yellow.png) no-repeat 0 0 transparent;
  padding: 17px 0 21px 20px;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  color: #a0741f;
  line-height: 14px;
  font-weight: 700;
  text-align: center;
  text-shadow: 0px 1px 1px #ffffff;
  display: block;
  text-transform: uppercase; }

.btn_yellow {
  background: url(../images/btn-cta-yellow-span.png) no-repeat top right transparent;
  height: 52px;
  padding-right: 20px;
  margin-top: 20px !important;
  display: block;
  text-decoration: none;
  float: left; }

.btn_yellow:hover span {
  background-position: 0 -52px; }

.btn_yellow:hover {
  background-position: right -52px;
  text-decoration: none; }

/*Small yellow button*/
.btn_yellowsmall span {
  background: url(../images/btn-yellow-small.png) no-repeat 0 0 transparent;
  padding: 11px 0 13px 20px;
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  color: #a0741f;
  line-height: 12px;
  font-weight: 700;
  text-align: center;
  text-shadow: 0px 1px 1px #ffffff;
  display: block;
  text-transform: uppercase; }

.btn_yellowsmall {
  background: url(../images/btn-yellow-small-span.png) no-repeat top right transparent;
  height: 36px;
  padding-right: 20px;
  margin-top: 20px !important;
  display: block;
  text-decoration: none;
  float: left; }

.btn_yellowsmall:hover span {
  background-position: 0 -36px; }

.btn_yellowsmall:hover {
  background-position: right -36px;
  text-decoration: none; }

/*Small grey button*/
.btn_greysmall span {
  background: url(../images/btn-grey-small.png) no-repeat 0 0 transparent;
  padding: 11px 0 13px 20px;
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  color: #b9b9b9;
  line-height: 12px;
  font-weight: 700;
  text-align: center;
  text-shadow: 0px 1px 1px #ffffff;
  display: block;
  text-transform: uppercase; }

.btn_greysmall {
  background: url(../images/btn-grey-small-span.png) no-repeat top right transparent;
  height: 36px;
  padding-right: 20px;
  margin-top: 20px !important;
  display: block;
  text-decoration: none;
  float: left; }
  .btn_greysmall:hover {
    background-position: right -36px;
    text-decoration: none; }
    .btn_greysmall:hover span {
      background-position: 0 -36px; }

.btn_black_ibooks {
  display: block;
  width: 159px;
  height: 58px;
  text-indent: -999999px;
  background: transparent url(/images/blackbutton-ibooks.png) no-repeat left top;
  float: left;
  max-width: 50%; }

.btn_black_vimeo {
  display: block;
  width: 159px;
  height: 58px;
  text-indent: -999999px;
  background: transparent url(/images/blackbutton-vimeo.png) no-repeat left top;
  float: left;
  clear: right;
  margin-left: 4px;
  max-width: 50%; }

/*Extra small grey button (fixed width button)*/
.btn {
  background: url(../images/btn-upgrade.png) no-repeat;
  width: 68px;
  height: 20px;
  font-family: 'Lato', sans-serif;
  font-size: 9px;
  color: #454545;
  font-weight: 400;
  text-align: center;
  line-height: 2.4em;
  text-transform: uppercase;
  float: left; }

.btn:hover {
  text-decoration: none; }

/*android, appstore, googleplay buttons*/
.btn_android {
  background: url(../images/btn-android.png) no-repeat;
  width: 178px;
  height: 65px;
  margin-top: 20px;
  float: left; }

.btn_appstore {
  background: url(../images/btn-appstore.png) no-repeat;
  width: 178px;
  height: 65px;
  margin-top: 20px;
  float: left; }

.btn_googleplay {
  background: url(../images/btn-googleplay.png) no-repeat;
  width: 178px;
  height: 65px;
  margin-top: 20px;
  float: left; }

/*To get center aligned button*/
.button_wrapper {
  position: relative;
  float: left; }
  .button_wrapper.short {
    width: 150px; }
    .button_wrapper.short span {
      width: 80px;
      padding: auto 10px; }

.button_wrapper .btn_yellow, .button_wrapper .btn_yellowsmall, .button_wrapper .btn_greysmall {
  position: relative;
  left: -50%; }

.centerline {
  background: url(../images/line-center.png) repeat-x;
  height: 52px;
  margin-top: 20px;
  float: left;
  display: block;
  clear: both; }
  .centerline .btn_yellow {
    margin-top: 0px !important;
    top: -15px; }
  .centerline .btn_yellowsmall, .centerline .centerline .btn_greysmall {
    margin-top: 8px !important; }
  .centerline.short {
    position: absolute;
    left: 50% !important;
    margin-left: -161px;
    width: 322px; }
  .centerline.raise_row {
    margin-top: -18px; }

/*----------------------------------------*/
/*----- 1.5 Image styles -----*/
/*----------------------------------------*/
.image_noborder {
  display: block;
  margin-bottom: 10px; }

.image_border {
  background: #fcfcfc;
  border: 1px solid #e6e6e6;
  padding: 4px;
  margin-bottom: 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  display: block; }

.image_left {
  background: #fcfcfc;
  border: 1px solid #e6e6e6;
  padding: 4px;
  margin: 0px 10px 10px 0px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  float: left; }

.image_right {
  background: #fcfcfc;
  border: 1px solid #e6e6e6;
  padding: 4px;
  margin: 0px 0px 10px 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  float: right; }

/*----------------------------------------*/
/*----- 1.6 List styles -----*/
/*----------------------------------------*/
ul.list1 li {
  background: url(../images/bullet-checkmark.png) no-repeat 0 4px;
  padding-left: 20px;
  margin-bottom: 10px;
  display: block;
  list-style-type: none; }

ul.list2 li {
  background: url(../images/bullet-circles.png) no-repeat 0 4px;
  padding-left: 22px;
  margin-bottom: 10px;
  display: block;
  list-style-type: none; }

ul.list3 li {
  background: url(../images/bullet-plus.png) no-repeat 0 4px;
  padding-left: 22px;
  margin-bottom: 10px;
  display: block;
  list-style-type: none; }

ol.number {
  list-style: decimal;
  list-style-position: inside; }

ol.roman {
  list-style: upper-roman;
  list-style-position: inside; }

ol.number li, ol.roman li {
  padding-bottom: 10px; }

/*----------------------------------------*/
/*----- 1.7 Divider -----*/
/*----------------------------------------*/
.divider {
  background: #ebebeb;
  width: 100%;
  height: 1px;
  margin: 10px 0px 10px 0px;
  float: left; }

/*----------------------------------------*/
/*----- 1.8 Common classes and typography -----*/
/*----------------------------------------*/
/*columns system has separate CSS - skeleton.css*/
.row_color {
  background: url(../images/div-grey-top.png) no-repeat center top #f8f8f8;
  width: 100%;
  border-bottom: 1px solid #eaeaea; }

.coloredstrong {
  font-size: 16px;
  color: #dc8f89 !important;
  font-weight: bold; }

.smallstrong {
  font-size: 12px;
  font-weight: bold; }

.textstyle1 {
  text-align: center; }

.textstyle2 {
  padding-top: 4px;
  margin-bottom: 15px; }

.textstyle3 {
  font-size: 12px; }

/*Common heading style*/
#screenshots h2, #team h2, #contact h2, #sub_footer h2, #page_subfooter h2 {
  background: url(../images/heading-text-divider-line.jpg) no-repeat right;
  padding-right: 10px;
  margin: 0px 10px 15px 0px;
  float: left; }

#sub_header h2 {
  background: url(../images/heading-divider-darkline.png) no-repeat right;
  padding-right: 10px;
  margin: 0px 10px 15px 0px;
  float: left; }

/*============================================================*/
/*---------- 2. TEMPLATE STRUCTRE ----------*/
/*============================================================*/
/*Adjust top padding of divs below in case of increase in height of header_wrapper*/
#slider_wrapper {
  float: left;
  padding-bottom: 30px;
  padding-top: 120px; }

#features {
  padding: 110px 0px; }

#screenshots {
  padding: 110px 0px; }

#team {
  padding: 110px 0px; }

#sub_footer {
  padding: 110px 0px; }

#download {
  padding: 110px 0px; }

#contact {
  padding: 110px 0px 0px 0px; }

/*----------------------------------------*/
/*----- 2.1 header -----*/
/*----------------------------------------*/
#header_wrapper {
  background: url(../images/header-bg.png) no-repeat center top #abd8e3;
  width: 100%;
  height: auto; }

#header {
  background: url(../images/nav-bg.png) no-repeat center bottom;
  width: 940px;
  height: 70px;
  /*In case if you need more height than 90px for header, due to your logo height, visit help document*/
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -470px; }

/*----- logo -----*/
.logo h1 {
  display: block;
  color: #ffffff;
  margin: 10px 10px 5px;
  /*Tweak 'margin-top' if you have text logo*/
  font-style: italic; }

/*----- navigation -----*/
#nav {
  float: left; }

#nav ul {
  padding-right: 10px;
  z-index: 999;
  float: right; }

#nav ul li {
  padding: 0px 10px;
  float: left;
  background: none;
  list-style-type: none; }

#nav ul li a {
  display: block;
  padding: 17px 0;
  font-family: "myriad pro", 'Lato', sans-serif;
  font-size: 18px;
  color: #ffffff;
  font-weight: 400;
  text-shadow: 0px 1px 0px #000000;
  text-decoration: none;
  text-transform: lowercase;
  word-spacing: 2px;
  outline: none; }

#nav ul li a:hover {
  color: #abd8e3; }

#nav .selected {
  color: #abd8e3; }

#nav li ul {
  display: none; }

#nav li:hover ul {
  padding: 55px 0px 5px 0px;
  margin-left: -60px;
  position: absolute;
  top: 0px;
  display: block;
  z-index: -9; }

#nav li:hover li {
  background: #1f2f33;
  width: 100px;
  float: none;
  line-height: 1em; }

#nav li:hover li a {
  display: block;
  width: 100%;
  margin: 0; }

.coloredlink {
  color: #abd8e3 !important; }

#nav li:hover li.firstdroplink {
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  padding-top: 15px !important; }

#nav li:hover li.lastdroplink {
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  padding-bottom: 15px !important; }
  #nav li:hover li.lastdroplink li {
    width: 0px; }

#nav select {
  display: none;
  cursor: pointer !important;
  color: #8b9192 !important;
  outline: none; }

/*----- slider -----*/
/*css for parallax slider is in separate stylesheet 'cslider.css'*/
/*'#slider_replace' will be displayed in mobile, in place of parallax slider*/
#slider_replace {
  padding: 30px 0px;
  display: none;
  float: left;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #4d656b;
  text-shadow: 0px 1px 0px #a9ccd4;
  text-align: left;
  word-spacing: 3px; }

#slider_replace h2 {
  font-family: 'Lato', sans-serif;
  font-size: 35px;
  font-weight: 300;
  color: #ffffff;
  text-shadow: 0px 1px 1px #a9ccd4;
  text-transform: uppercase;
  word-spacing: 13px; }

.da-slide.horizontal .da-img {
  padding-top: 60px; }

.da-slide .btn_black_ibooks, .da-slide .btn_black_vimeo {
  clear: both;
  margin-top: 18px;
  float: none;
  position: absolute; }
.da-slide .btn_black_vimeo {
  left: 160px; }

/*----------------------------------------*/
/*----- 2.2 features -----*/
/*----------------------------------------*/
#features .intro, #volume1 .intro {
  margin-bottom: 120px; }
#features h1, #features h4, #volume1 h1, #volume1 h4 {
  text-align: center; }
#features h4, #volume1 h4 {
  margin-top: 0; }

#volume1 h1 {
  margin-top: 1.2em;
  margin-bottom: 1.2em; }
#volume1 p {
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 1.2em; }

.icon_bg {
  display: none;
  background: #abd8e3;
  width: 92px;
  height: 92px;
  margin: 40px auto 20px auto;
  border-radius: 92px;
  -moz-border-radius: 92px;
  -webkit-border-radius: 92px; }

.icon_bg img {
  float: left; }

/*----------------------------------------*/
/*----- 2.3 screenshots -----*/
/*----------------------------------------*/
ul#mycarousel li {
  background: #fcfcfc;
  width: 210px;
  height: 145px;
  padding: 4px;
  margin: 0;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  position: relative;
  list-style: none;
  float: left; }

ul#mycarousel li img {
  width: 210px;
  height: 145px;
  float: left; }

.thumb {
  position: relative;
  overflow: hidden; }

.thumb .zoom {
  background: url(../images/zoom.png) 0 0 no-repeat transparent;
  width: 80px;
  height: 80px;
  position: absolute;
  left: -90px;
  top: 34px;
  outline: none; }

.thumb .zoom:hover {
  background: url(../images/zoom.png) 0 -80px no-repeat transparent; }

/*----------------------------------------*/
/*----- 2.4 team -----*/
/*----------------------------------------*/
ul.team_info {
  padding: 15px 0px;
  display: block; }

ul.team_info li {
  margin-bottom: 5px;
  font-size: 12px;
  font-style: italic;
  line-height: 1.4em;
  display: block;
  background: none;
  list-style-type: none; }

ul.team_info li a {
  font-size: 12px;
  font-style: italic; }

ul.team_info li img {
  margin-right: 5px;
  float: left; }

/*----------------------------------------*/
/*----- 2.5 download -----*/
/*----------------------------------------*/
#download h2 {
  text-align: center;
  margin-bottom: 8px; }

.logo_grey {
  width: 219px;
  height: 39px;
  margin: 0px auto 30px auto; }

ul.textlist {
  text-align: center; }

ul.textlist li {
  padding: 0px 7px;
  font-size: 16px;
  display: inline;
  background: none;
  list-style-type: none; }

/*----------------------------------------*/
/*----- 2.6 sub_footer -----*/
/*----------------------------------------*/
/*--- reviews / testimonials ---*/
ul.testimonial li {
  margin-bottom: 20px;
  font-style: italic;
  background: none;
  list-style-type: none; }

ul.testimonial li span {
  padding-top: 7px;
  font-style: normal;
  font-size: 12px;
  display: block; }

/*--- updates ---*/
ul.updates li {
  font-size: 12px;
  margin-bottom: 20px;
  background: none;
  list-style-type: none; }

ul.updates li .btn {
  float: right !important; }

ul.updates li h6 {
  width: 220px; }

ul.updates .divider {
  margin: 3px 0px 10px 0px; }

/*----------------------------------------*/
/*----- 2.7 contact -----*/
/*----------------------------------------*/
/*----- contact form -----*/
#contactform ul li {
  margin-bottom: 20px;
  background: none;
  list-style-type: none; }

#contactform input, #contactform textarea {
  background: #fcfcfc;
  width: 288px;
  height: 28px;
  padding: 5px;
  border: 1px solid #e6e6e6;
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  color: #c5c8c8;
  line-height: 1.9em;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  display: block; }

#contactform textarea {
  height: 88px; }

#contactform input.submit {
  background: url(../images/btn-submit.png) no-repeat;
  width: 300px;
  height: 40px;
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  color: #454545;
  font-weight: 700;
  text-shadow: 0px 1px 1px #ededed;
  cursor: pointer;
  border: none;
  text-transform: uppercase; }

/*error*/
#contactform label.error {
  display: none !important; }

#contactform input.error {
  border: 1px solid #dc8f89; }

#contactform textarea.error {
  border: 1px solid #dc8f89; }

/*result*/
#result {
  width: 300px;
  padding-top: 5px;
  float: left;
  display: block; }

/*--- address section ---*/
.address {
  text-align: right; }

.contact_info {
  font-size: 16px;
  color: #4d656b !important;
  font-weight: bold;
  padding-bottom: 10px; }

.contact_info a {
  font-size: 16px;
  color: #4d656b !important;
  font-weight: bold; }

/*--- social ---*/
ul.social {
  margin-bottom: 10px; }

ul.social li {
  background: #abd8e3;
  width: 46px;
  height: 46px;
  margin-left: 2px;
  border-radius: 46px;
  -moz-border-radius: 46px;
  -webkit-border-radius: 46px;
  list-style-type: none;
  display: inline-block; }

ul.social li img {
  float: left; }

/*--- twitter ---*/
.twitter {
  margin-top: 40px;
  display: block; }

.twitter p {
  padding-right: 10px;
  font-family: 'Vollkorn', serif;
  font-size: 16px;
  color: #4d656b;
  float: left; }

.twitter a {
  color: #dc8f89; }

/*----------------------------------------*/
/*----- 2.8 footer -----*/
/*----------------------------------------*/
#footer {
  background: #1b292c;
  width: 900px;
  padding: 20px;
  margin: 40px auto 0px auto;
  font-size: 11px;
  color: #717677;
  font-weight: 400;
  text-shadow: 0px 1px 0px #000000;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px; }

#footer p {
  float: left; }

#footer ul {
  float: right; }

#footer ul li {
  margin-left: 10px;
  background: none;
  list-style-type: none;
  display: inline-block;
  float: left; }

#footer a {
  font-size: 11px;
  color: #717677;
  text-shadow: 0px 1px 0px #000000; }

.scrollToTop {
  display: none; }

/*----------------------------------------*/
/*----- 2.9 Other Pages -----*/
/*----------------------------------------*/
#sub_header {
  width: 100%;
  padding: 110px 0px 25px 0px;
  float: left; }

#content {
  padding: 40px 0px; }

#page_subfooter {
  padding-top: 40px; }

/*============================================================*/
/*---------- 3. PRICING ----------*/
/*============================================================*/
/*--- pricing intro ---*/
.pricing_intro {
  padding: 40px 0px; }

.pricing_intro h2 {
  text-align: center;
  margin-bottom: 0px; }

.pricing_intro .textstyle1 {
  font-size: 16px; }

/*--- pricing table ---*/
.pricing_table {
  margin-bottom: 40px;
  border: 1px solid #d4d4d4;
  border-width: 1px 1px 4px 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
  -moz-border-radius-bottomleft: 9px;
  -moz-border-radius-bottomright: 9px;
  -webkit-border-bottom-right-radius: 9px;
  -webkit-border-bottom-left-radius: 9px; }

.pricing_table table {
  width: 100%;
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  color: #c0c2c2;
  font-weight: 400;
  text-shadow: 0px 1px 1px #ffffff; }

.pricing_table thead th {
  background: #d4d4d4;
  width: 84.3%;
  padding: 13px 8%;
  font-family: 'Vollkorn', serif;
  font-size: 24px;
  color: #f4f4f4;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0px 1px 1px #878787;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  float: left; }

.pricing_table tfoot td {
  background: #ededed;
  width: 84.3%;
  padding: 20px 8%;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px; }

.pricing_table td {
  background: #f6f6f6;
  width: 84.3%;
  padding: 10px 8%;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #d4d4d4;
  float: left; }

.pricing_table td.focus {
  background: #ededed;
  width: 84.3%;
  padding: 25px 8%;
  font-family: 'Lato', sans-serif;
  font-size: 32px;
  color: #c0c2c2;
  font-weight: 400;
  text-align: center;
  text-shadow: 0px 1px 1px #ffffff;
  border-top: 1px solid #f7f7f7;
  border-bottom: 1px solid #d4d4d4; }

.pricing_table td.focus span {
  font-size: 10px;
  display: block; }

.pricing_table td h6 {
  width: 60%;
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  color: #c0c2c2;
  font-weight: 400;
  text-shadow: 0px 1px 1px #ffffff;
  float: left; }

.pricing_table td p {
  width: 40%;
  text-align: right;
  float: left; }

.pricing_table tfoot td .btn_yellowsmall, .pricing_table tfoot td .btn_greysmall {
  margin-top: 0px !important; }

/*--- featured table ---*/
.featured_table {
  position: relative; }

.featured_table thead th {
  background: #c6c6c6; }

.featured_table td.focus {
  color: #4d656b; }

.featured_table td h6 {
  color: #909697; }

.featured_table td p {
  color: #6b6e6f; }

.ribbon {
  background: url(../images/corner-best.png) no-repeat;
  width: 48px;
  height: 48px;
  position: absolute;
  top: -5px;
  right: -5px; }

/*============================================================*/
/*---------- 4. Media queries ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 4.1 Tablet (Portrait) / Design for a width of 768px -----*/
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
  /*----- No need to change below unless heavy layout changes -----*/
  #sub_header {
    padding: 40px 0px 25px 0px; }

  #header {
    background: #1b292c;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    width: 748px;
    left: 50%;
    margin-left: -374px;
    height: auto !important; }

  ul.team_info {
    width: 236px;
    clear: both; }

  ul.updates li h6 {
    width: 160px; }

  #contactform input, #contactform textarea {
    width: 224px; }

  #contactform input.submit {
    background: url(../images/btn-submit-small.png) no-repeat;
    width: 236px; }

  #footer {
    background: #1b292c;
    width: 708px;
    padding: 20px; }

  .scrollToTop {
    width: 25px;
    height: 30px;
    position: fixed;
    bottom: 40px;
    right: 40px;
    display: none;
    background: url(../images/Arrow-Up.png) no-repeat;
    font-size: 0px;
    text-indent: -9999; }

  /*for slider*/
  .da-slider {
    width: 748px !important;
    height: 440px !important;
    margin: 40px auto 20px auto !important; }

  .da-slide h2 {
    font-size: 82px !important;
    top: 60px !important;
    /*specify 'top' as per your your choice*/ }

  .da-slide p {
    top: 120px !important;
    font-size: 21px;
    line-height: 1.2; }

  .da-slide .da-link {
    top: 250px !important;
    /*depends on p height*/ }

  .da-slide.horizontal .da-img {
    padding-top: 60px; } }
/*----------------------------------------*/
/*----- 4.2 Mobile (Portrait) / Design for a width of 320px -----*/
/*----------------------------------------*/
@media only screen and (max-width: 767px) {
  h1.title {
    top: 20px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    left: -10px; }

  #features .intro {
    margin-bottom: 100px !important; }
  #features h1, #features h4 {
    text-align: center; }
  #features h4 {
    margin-top: 0; }

  /*----- Need changes while customization -----*/
  .logo h1 {
    width: 219px;
    /*change height and width as per your logo*/
    height: 39px;
    padding: 10px 0 0;
    margin: 0 auto; }

  /*----- No need to change below unless heavy layout changes -----*/
  .container .columns, .container .column {
    margin: 10px 0px 10px 0px !important; }

  .logo {
    width: 300px; }

  #nav ul {
    display: none; }

  #nav {
    text-align: center; }

  #nav select {
    display: inline-block;
    text-align: left;
    width: 60%;
    border: solid 1px #46494d;
    padding: 5px;
    background: transparent;
    color: #82848a; }

  #header {
    background: #1b292c;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    width: 300px;
    position: relative !important;
    left: 50%;
    margin-left: -150px;
    height: auto !important;
    padding-bottom: 10px; }

  #features, #screenshots, #team, #download, #sub_footer, #contact {
    padding: 30px 0px; }

  #sub_header {
    padding: 40px 0px 25px 0px; }

  ul.team_info {
    width: 236px;
    clear: both; }

  #footer {
    width: 260px;
    padding: 20px; }

  #footer p {
    float: none !important; }

  #footer ul {
    float: left;
    display: block; }

  #footer ul li {
    margin-right: 10px;
    margin-left: 0px; }

  /*slider*/
  #da-slider {
    display: none !important; }

  #slider_replace {
    display: block; } }
/*----------------------------------------*/
/*----- 4.3 Mobile (Landscape) / Design for a width of 480px -----*/
/*----------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  /*-----No need to change below unless heavy layout changes-----*/
  /* Other properties are according to those specified for Mobile (Portrait)*/
  #header {
    background: #1b292c;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    width: 420px;
    position: relative !important;
    left: 50%;
    margin-left: -210px;
    height: auto !important;
    padding-bottom: 10px; }

  .logo {
    width: 420px; }

  .address {
    text-align: left !important; }

  #footer {
    width: 380px;
    padding: 20px; } }
.centerimage380 {
  left: 50%;
  position: relative;
  margin-left: -190px; }

/*============================================================*/
/*---------- 5. Browser fixes ----------*/
/*============================================================*/
/*----- IE 8 fix -----
@media \0screen {
.pricing_table thead th, .pricing_table td, .pricing_table td.focus, .pricing_table tfoot td {
	width: 84%;
}
}
/*----- Opera fix -----
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
.pricing_table thead th, .pricing_table td, .pricing_table td.focus, .pricing_table tfoot td {
 width: 85.9%;
 padding-left: 7.8%;
 padding-right: 7.7%;
}
}
/*----- Chrome fix -----
@media screen and (-webkit-min-device-pixel-ratio:0) {
.pricing_table thead th, .pricing_table td, .pricing_table td.focus, .pricing_table tfoot td {
 width: 84.6%;
}
}
*/

/*# sourceMappingURL=style.css.map */
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
.container .column,  .container .columns {
	float: left;
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}
/* Nested Column Classes */
    /* Nested Column Classes */
	.alpha {
	margin-left: 0 !important;
}
.omega {
	margin-right: 0 !important;
}
.beta {
	margin-bottom: 0 !important;
}
/* Base Grid */
    .container .one.column,  .container .one.columns {
	width: 40px;
}
.container .two.columns {
	width: 100px;
}
.container .three.columns {
	width: 160px;
}
.container .four.columns {
	width: 220px;
}
.container .five.columns {
	width: 280px;
}
.container .six.columns {
	width: 340px;
}
.container .seven.columns {
	width: 400px;
}
.container .eight.columns {
	width: 460px;
}
.container .nine.columns {
	width: 520px;
}
.container .ten.columns {
	width: 580px;
}
.container .eleven.columns {
	width: 640px;
}
.container .twelve.columns {
	width: 700px;
}
.container .thirteen.columns {
	width: 760px;
}
.container .fourteen.columns {
	width: 820px;
}
.container .fifteen.columns {
	width: 880px;
}
.container .sixteen.columns {
	width: 940px;
}
.container .one-third.column {
	width: 300px;
}
.container .two-thirds.column {
	width: 620px;
}
/* Offsets */
    .container .offset-by-one {
	padding-left: 60px;
}
.container .offset-by-two {
	padding-left: 120px;
}
.container .offset-by-three {
	padding-left: 180px;
}
.container .offset-by-four {
	padding-left: 240px;
}
.container .offset-by-five {
	padding-left: 300px;
}
.container .offset-by-six {
	padding-left: 360px;
}
.container .offset-by-seven {
	padding-left: 420px;
}
.container .offset-by-eight {
	padding-left: 480px;
}
.container .offset-by-nine {
	padding-left: 540px;
}
.container .offset-by-ten {
	padding-left: 600px;
}
.container .offset-by-eleven {
	padding-left: 660px;
}
.container .offset-by-twelve {
	padding-left: 720px;
}
.container .offset-by-thirteen {
	padding-left: 780px;
}
.container .offset-by-fourteen {
	padding-left: 840px;
}
.container .offset-by-fifteen {
	padding-left: 900px;
}



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
 .container {
width: 768px;
}
 .container .column,  .container .columns {
margin-left: 10px;
margin-right: 10px;
}
 .column.alpha, .columns.alpha {
margin-left: 0;
margin-right: 10px;
}
 .column.omega, .columns.omega {
margin-right: 0;
margin-left: 10px;
}
 .alpha.omega {
margin-left: 0;
margin-right: 0;
}
 .container .one.column,  .container .one.columns {
width: 28px;
}
 .container .two.columns {
width: 76px;
}
 .container .three.columns {
width: 124px;
}
 .container .four.columns {
width: 172px;
}
 .container .five.columns {
width: 220px;
}
 .container .six.columns {
width: 268px;
}
 .container .seven.columns {
width: 316px;
}
 .container .eight.columns {
width: 364px;
}
 .container .nine.columns {
width: 412px;
}
 .container .ten.columns {
width: 460px;
}
 .container .eleven.columns {
width: 508px;
}
 .container .twelve.columns {
width: 556px;
}
 .container .thirteen.columns {
width: 604px;
}
 .container .fourteen.columns {
width: 652px;
}
 .container .fifteen.columns {
width: 700px;
}
 .container .sixteen.columns {
width: 748px;
}
 .container .one-third.column {
width: 236px;
}
 .container .two-thirds.column {
width: 492px;
}

        /* Offsets */
        .container .offset-by-one {
padding-left: 48px;
}
 .container .offset-by-two {
padding-left: 96px;
}
 .container .offset-by-three {
padding-left: 144px;
}
 .container .offset-by-four {
padding-left: 192px;
}
 .container .offset-by-five {
padding-left: 240px;
}
 .container .offset-by-six {
padding-left: 288px;
}
 .container .offset-by-seven {
padding-left: 336px;
}
 .container .offset-by-eight {
padding-left: 348px;
}
 .container .offset-by-nine {
padding-left: 432px;
}
 .container .offset-by-ten {
padding-left: 480px;
}
 .container .offset-by-eleven {
padding-left: 528px;
}
 .container .offset-by-twelve {
padding-left: 576px;
}
 .container .offset-by-thirteen {
padding-left: 624px;
}
 .container .offset-by-fourteen {
padding-left: 672px;
}
 .container .offset-by-fifteen {
padding-left: 720px;
}
}


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
 .container {
width: 300px;
}
 .container .columns,  .container .column {
margin: 0;
}
 .container .one.column,  .container .one.columns,  .container .two.columns,  .container .three.columns,  .container .four.columns,  .container .five.columns,  .container .six.columns,  .container .seven.columns,  .container .eight.columns,  .container .nine.columns,  .container .ten.columns,  .container .eleven.columns,  .container .twelve.columns,  .container .thirteen.columns,  .container .fourteen.columns,  .container .fifteen.columns,  .container .sixteen.columns,  .container .one-third.column,  .container .two-thirds.column {
width: 300px;
}

        /* Offsets */
        .container .offset-by-one,  .container .offset-by-two,  .container .offset-by-three,  .container .offset-by-four,  .container .offset-by-five,  .container .offset-by-six,  .container .offset-by-seven,  .container .offset-by-eight,  .container .offset-by-nine,  .container .offset-by-ten,  .container .offset-by-eleven,  .container .offset-by-twelve,  .container .offset-by-thirteen,  .container .offset-by-fourteen,  .container .offset-by-fifteen {
padding-left: 0;
}
}


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
 .container {
width: 420px;
}
 .container .columns,  .container .column {
margin: 0;
}
 .container .one.column,  .container .one.columns,  .container .two.columns,  .container .three.columns,  .container .four.columns,  .container .five.columns,  .container .six.columns,  .container .seven.columns,  .container .eight.columns,  .container .nine.columns,  .container .ten.columns,  .container .eleven.columns,  .container .twelve.columns,  .container .thirteen.columns,  .container .fourteen.columns,  .container .fifteen.columns,  .container .sixteen.columns,  .container .one-third.column,  .container .two-thirds.column {
width: 420px;
}
}
/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,  .clearfix:after,  .row:before,  .row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.row:after,  .clearfix:after {
	clear: both;
}
.row,  .clearfix {
	zoom: 1;
}
/* You can also use a <br class="clear" /> to clear columns */
    .clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/*----------------------------------------*/
/*----- General tabs -----*/
/*----------------------------------------*/
/* #Tabs (activate in tabs.js)
================================================== */
	ul.tabs {
		display: block;
		margin: 0;
		padding: 0;
		border-bottom: solid 1px #ddd; }
	ul.tabs li {
		display: block;
		width: auto;
		height: 30px;
		padding: 0;
		float: left;
		margin-bottom: 0; }
	ul.tabs li a {
		display: block;
		text-decoration: none;
		width: auto;
		height: 29px;
		padding: 0px 20px;
		line-height: 30px;
		border: solid 1px #d4d4d4;
		border-width: 1px 1px 0 0;
		margin: 0;
		background: #f6f6f6;
		font-size: 13px; }
	ul.tabs li a.active {
		background: #ededed;
		height: 30px;
		position: relative;
		top: -4px;
		padding-top: 4px;
		border-left-width: 1px;
		margin: 0 0 0 -1px;
		color: #111;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }
	ul.tabs li:first-child a.active {
		margin-left: 0; }
	ul.tabs li:first-child a {
		border-width: 1px 1px 0 1px;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px; }
	ul.tabs li:last-child a {
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }

	ul.tabs-content { background: #ededed; margin: 0; display: block; border: 1px solid #dfdfdf; border-width: 0px 1px 1px 1px; padding: 20px 10px; }
	ul.tabs-content > li { display:none; }
	ul.tabs-content > li.active { display: block; }

	/* Clearfixing tabs for beautiful stacking */
	ul.tabs:before,
	ul.tabs:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; }
	ul.tabs:after {
	  clear: both; }
	ul.tabs {
	  zoom: 1; }

.da-slider {
	width: 940px;
	height: 520px;
	margin: 0px 10px !important;
	position: relative;
	overflow: hidden;
	background: transparent;
	-webkit-transition: background-position 1.4s ease-in-out 0.3s;
	-moz-transition: background-position 1.4s ease-in-out 0.3s;
	-o-transition: background-position 1.4s ease-in-out 0.3s;
	-ms-transition: background-position 1.4s ease-in-out 0.3s;
	transition: background-position 1.4s ease-in-out 0.3s;
}
.da-slide {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #4d656b;
	text-shadow: 0px 1px 0px #a9ccd4;
	text-align: left;
	word-spacing: 3px;
}
.da-slide h2 {
	width: 50%;
	top: 90px; /*specify 'top' as per your your choice*/
	font-family: 'Lato', sans-serif;
	font-size: 42px;
	font-weight: 300;
	color: #ffffff;
	text-shadow: 0px 1px 1px #a9ccd4;
	text-transform: uppercase;
	word-spacing: 13px;
	white-space: nowrap;
	z-index: 10;
}
.da-slide p {
	height: 180px; /*increase height as per need*/
	top: 160px; /*specify 'top' as per your choice*/
	width: 50%;
	overflow: hidden;
}
.da-slide .da-link {
	top: 250px; /*depends on p height*/
}
.da-slide .da-img {
	text-align: center;
	width: 50%;
	top: 0px;
	height: 512px;
	left: 100%; /*60%*/
}
.da-slide-current {
	z-index: 1000;
}
.da-slider-fb .da-slide {
	left: 100%;
}
.da-slider-fb .da-slide.da-slide-current {
	left: 0px;
}
.da-slide h2, .da-slide p, .da-slide .da-link, .da-slide .da-img {
	position: absolute;
	opacity: 0;
	left: 100%;
}
.da-slider-fb .da-slide h2, .da-slider-fb .da-slide p, .da-slider-fb .da-slide .da-link {
	left: 0%;
	opacity: 1;
}
.da-slider-fb .da-slide .da-img {
	left: 50%;
	opacity: 1;
}
.da-dots {
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: 0px;
	z-index: 2000;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-dots span {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #f1f1f1;
	margin: 3px;
	cursor: pointer;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 1px rgba(255, 255, 255, 0.1);
}
.da-dots span.da-dots-current:after {
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	top: 5px;
	left: 5px;
	border-radius: 50%;
	background: #cfcfcf;
}
.da-slide-current h2, .da-slide-current p, .da-slide-current .da-link {
	left: 0%;
	opacity: 1;
}
.da-slide-current .da-img {
	left: 50%;
	opacity: 1;
}
/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright h2 {
	-webkit-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	-moz-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	-o-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	-ms-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	animation: fromRightAnim1 0.6s ease-in 0.8s both;
}
.da-slide-fromright p {
	-webkit-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	-moz-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	-o-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	-ms-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	animation: fromRightAnim2 0.6s ease-in 0.8s both;
}
.da-slide-fromright .da-link {
	-webkit-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	-moz-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	-o-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	-ms-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	animation: fromRightAnim3 0.4s ease-in 1.2s both;
}
.da-slide-fromright .da-img {
	-webkit-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	-moz-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	-o-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	-ms-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	animation: fromRightAnim4 0.6s ease-in 0.8s both;
}
@-webkit-keyframes fromRightAnim1 {
 0% {
left: 100%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@-webkit-keyframes fromRightAnim2 {
 0% {
left: 100%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@-webkit-keyframes fromRightAnim3 {
 0% {
left: 100%;
opacity: 0;
}
 1% {
left: 0%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@-webkit-keyframes fromRightAnim4 {
 0% {
left: 100%;
opacity: 0;
}
 100% {
left: 50%;
opacity: 1;
}
}
 @-moz-keyframes fromRightAnim1 {
 0% {
left: 100%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@-moz-keyframes fromRightAnim2 {
 0% {
left: 100%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@-moz-keyframes fromRightAnim3 {
 0% {
left: 100%;
opacity: 0;
}
 1% {
left: 0%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@-moz-keyframes fromRightAnim4 {
 0% {
left: 100%;
opacity: 0;
}
 100% {
left: 50%;
opacity: 1;
}
}
 @-o-keyframes fromRightAnim1 {
 0% {
left: 100%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@-o-keyframes fromRightAnim2 {
 0% {
left: 100%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@-o-keyframes fromRightAnim3 {
 0% {
left: 100%;
opacity: 0;
}
 1% {
left: 0%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@-o-keyframes fromRightAnim4 {
 0% {
left: 100%;
opacity: 0;
}
 100% {
left: 50%;
opacity: 1;
}
}
 @-ms-keyframes fromRightAnim1 {
 0% {
left: 100%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@-ms-keyframes fromRightAnim2 {
 0% {
left: 100%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@-ms-keyframes fromRightAnim3 {
 0% {
left: 100%;
opacity: 0;
}
 1% {
left: 0%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@-ms-keyframes fromRightAnim4 {
 0% {
left: 100%;
opacity: 0;
}
 100% {
left: 45%;
opacity: 1;
}
}
 @keyframes fromRightAnim1 {
 0% {
left: 100%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@keyframes fromRightAnim2 {
 0% {
left: 100%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@keyframes fromRightAnim3 {
 0% {
left: 100%;
opacity: 0;
}
 1% {
left: 0%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@keyframes fromRightAnim4 {
 0% {
left: 100%;
opacity: 0;
}
 100% {
left: 50%;
opacity: 1;
}
}
/* Slide in from the left*/
.da-slide-fromleft h2 {
	-webkit-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	-moz-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	-o-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	-ms-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	animation: fromLeftAnim1 0.6s ease-in 0.6s both;
}
.da-slide-fromleft p {
	-webkit-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	-moz-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	-o-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	-ms-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	animation: fromLeftAnim2 0.6s ease-in 0.6s both;
}
.da-slide-fromleft .da-link {
	-webkit-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	-moz-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	-o-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	-ms-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	animation: fromLeftAnim3 0.4s ease-in 1.2s both;
}
.da-slide-fromleft .da-img {
	-webkit-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	-moz-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	-o-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	-ms-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	animation: fromLeftAnim4 0.6s ease-in 0.6s both;
}
@-webkit-keyframes fromLeftAnim1 {
 0% {
left: -100%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@-webkit-keyframes fromLeftAnim2 {
 0% {
left: -100%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@-webkit-keyframes fromLeftAnim3 {
 0% {
left: -100%;
opacity: 0;
}
 1% {
left: 0%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@-webkit-keyframes fromLeftAnim4 {
 0% {
left: -100%;
opacity: 0;
}
 100% {
left: 45%;
opacity: 1;
}
}
 @-moz-keyframes fromLeftAnim1 {
 0% {
left: -100%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@-moz-keyframes fromLeftAnim2 {
 0% {
left: -100%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@-moz-keyframes fromLeftAnim3 {
 0% {
left: -100%;
opacity: 0;
}
 1% {
left: 0%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@-moz-keyframes fromLeftAnim4 {
 0% {
left: -100%;
opacity: 0;
}
 100% {
left: 50%;
opacity: 1;
}
}
 @-o-keyframes fromLeftAnim1 {
 0% {
left: -100%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@-o-keyframes fromLeftAnim2 {
 0% {
left: -100%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@-o-keyframes fromLeftAnim3 {
 0% {
left: -100%;
opacity: 0;
}
 1% {
left: 0%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@-o-keyframes fromLeftAnim4 {
 0% {
left: -100%;
opacity: 0;
}
 100% {
left: 45%;
opacity: 1;
}
}
 @-ms-keyframes fromLeftAnim1 {
 0% {
left: -100%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@-ms-keyframes fromLeftAnim2 {
 0% {
left: -100%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@-ms-keyframes fromLeftAnim3 {
 0% {
left: -100%;
opacity: 0;
}
 1% {
left: 0%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@-ms-keyframes fromLeftAnim4 {
 0% {
left: -100%;
opacity: 0;
}
 100% {
left: 50%;
opacity: 1;
}
}
 @keyframes fromLeftAnim1 {
 0% {
left: -100%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@keyframes fromLeftAnim2 {
 0% {
left: -100%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@keyframes fromLeftAnim3 {
 0% {
left: -100%;
opacity: 0;
}
 1% {
left: 0%;
opacity: 0;
}
 100% {
left: 0%;
opacity: 1;
}
}
@keyframes fromLeftAnim4 {
 0% {
left: -100%;
opacity: 0;
}
 100% {
left: 50%;
opacity: 1;
}
}
/* Slide out to the right */
.da-slide-toright h2 {
	-webkit-animation: toRightAnim1 0.6s ease-in 0.6s both;
	-moz-animation: toRightAnim1 0.6s ease-in 0.6s both;
	-o-animation: toRightAnim1 0.6s ease-in 0.6s both;
	-ms-animation: toRightAnim1 0.6s ease-in 0.6s both;
	animation: toRightAnim1 0.6s ease-in 0.6s both;
}
.da-slide-toright p {
	-webkit-animation: toRightAnim2 0.6s ease-in 0.3s both;
	-moz-animation: toRightAnim2 0.6s ease-in 0.3s both;
	-o-animation: toRightAnim2 0.6s ease-in 0.3s both;
	-ms-animation: toRightAnim2 0.6s ease-in 0.3s both;
	animation: toRightAnim2 0.6s ease-in 0.3s both;
}
.da-slide-toright .da-link {
	-webkit-animation: toRightAnim3 0.4s ease-in both;
	-moz-animation: toRightAnim3 0.4s ease-in both;
	-o-animation: toRightAnim3 0.4s ease-in both;
	-ms-animation: toRightAnim3 0.4s ease-in both;
	animation: toRightAnim3 0.4s ease-in both;
}
.da-slide-toright .da-img {
	-webkit-animation: toRightAnim4 0.6s ease-in both;
	-moz-animation: toRightAnim4 0.6s ease-in both;
	-o-animation: toRightAnim4 0.6s ease-in both;
	-ms-animation: toRightAnim4 0.6s ease-in both;
	animation: toRightAnim4 0.6s ease-in both;
}
@-webkit-keyframes toRightAnim1 {
 0% {
left: 0%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
@-webkit-keyframes toRightAnim2 {
 0% {
left: 0%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
@-webkit-keyframes toRightAnim3 {
 0% {
left: 0%;
opacity: 1;
}
 99% {
left: 0%;
opacity: 0;
}
 100% {
left: 100%;
opacity: 0;
}
}
@-webkit-keyframes toRightAnim4 {
 0% {
left: 50%;
opacity: 1;
}
 30% {
left: 40%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
 @-moz-keyframes toRightAnim1 {
 0% {
left: 0%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
@-moz-keyframes toRightAnim2 {
 0% {
left: 0%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
@-moz-keyframes toRightAnim3 {
 0% {
left: 0%;
opacity: 1;
}
 99% {
left: 0%;
opacity: 0;
}
 100% {
left: 100%;
opacity: 0;
}
}
@-moz-keyframes toRightAnim4 {
 0% {
left: 50%;
opacity: 1;
}
 30% {
left: 45%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
 @-o-keyframes toRightAnim1 {
 0% {
left: 0%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
@-o-keyframes toRightAnim2 {
 0% {
left: 0%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
@-o-keyframes toRightAnim3 {
 0% {
left: 0%;
opacity: 1;
}
 99% {
left: 0%;
opacity: 0;
}
 100% {
left: 100%;
opacity: 0;
}
}
@-o-keyframes toRightAnim4 {
 0% {
left: 50%;
opacity: 1;
}
 30% {
left: 45%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
 @-ms-keyframes toRightAnim1 {
 0% {
left: 0%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
@-ms-keyframes toRightAnim2 {
 0% {
left: 0%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
@-ms-keyframes toRightAnim3 {
 0% {
left: 0%;
opacity: 1;
}
 99% {
left: 0%;
opacity: 0;
}
 100% {
left: 100%;
opacity: 0;
}
}
@-ms-keyframes toRightAnim4 {
 0% {
left: 45%;
opacity: 1;
}
 30% {
left: 40%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
 @keyframes toRightAnim1 {
 0% {
left: 0%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
@keyframes toRightAnim2 {
 0% {
left: 0%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
@keyframes toRightAnim3 {
 0% {
left: 0%;
opacity: 1;
}
 99% {
left: 0%;
opacity: 0;
}
 100% {
left: 100%;
opacity: 0;
}
}
@keyframes toRightAnim4 {
 0% {
left: 50%;
opacity: 1;
}
 30% {
left: 45%;
opacity: 1;
}
 100% {
left: 100%;
opacity: 0;
}
}
/* Slide out to the left*/
.da-slide-toleft h2 {
	-webkit-animation: toLeftAnim1 0.6s ease-in both;
	-moz-animation: toLeftAnim1 0.6s ease-in both;
	-o-animation: toLeftAnim1 0.6s ease-in both;
	-ms-animation: toLeftAnim1 0.6s ease-in both;
	animation: toLeftAnim1 0.6s ease-in both;
}
.da-slide-toleft p {
	-webkit-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	-moz-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	-o-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	-ms-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	animation: toLeftAnim2 0.6s ease-in 0.3s both;
}
.da-slide-toleft .da-link {
	-webkit-animation: toLeftAnim3 0.4s ease-in both;
	-moz-animation: toLeftAnim3 0.4s ease-in both;
	-o-animation: toLeftAnim3 0.4s ease-in both;
	-ms-animation: toLeftAnim3 0.4s ease-in both;
	animation: toLeftAnim3 0.4s ease-in both;
}
.da-slide-toleft .da-img {
	-webkit-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	-moz-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	-o-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	-ms-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	animation: toLeftAnim4 0.6s ease-in 0.6s both;
}
@-webkit-keyframes toLeftAnim1 {
 0% {
left: 10%;
opacity: 1;
}
 30% {
left: 15%;
opacity: 1;
}
 100% {
left: -50%;
opacity: 0;
}
}
@-webkit-keyframes toLeftAnim2 {
 0% {
left: 0%;
opacity: 1;
}
 30% {
left: 10%;
opacity: 1;
}
 100% {
left: -100%;
opacity: 0;
}
}
@-webkit-keyframes toLeftAnim3 {
 0% {
left: 0%;
opacity: 1;
}
 99% {
left: 0%;
opacity: 0;
}
 100% {
left: -50%;
opacity: 0;
}
}
@-webkit-keyframes toLeftAnim4 {
 0% {
left: 50%;
opacity: 1;
}
 40% {
left: 50%;
opacity: 1;
}
 90% {
left: 0%;
opacity: 0;
}
 100% {
left: -50%;
opacity: 0;
}
}
 @-moz-keyframes toLeftAnim1 {
 0% {
left: 10%;
opacity: 1;
}
 30% {
left: 15%;
opacity: 1;
}
 100% {
left: -50%;
opacity: 0;
}
}
@-moz-keyframes toLeftAnim2 {
 0% {
left: 0%;
opacity: 1;
}
 30% {
left: 10%;
opacity: 1;
}
 100% {
left: -100%;
opacity: 0;
}
}
@-moz-keyframes toLeftAnim3 {
 0% {
left: 0%;
opacity: 1;
}
 99% {
left: 0%;
opacity: 0;
}
 100% {
left: -50%;
opacity: 0;
}
}
@-moz-keyframes toLeftAnim4 {
 0% {
left: 50%;
opacity: 1;
}
 40% {
left: 50%;
opacity: 1;
}
 90% {
left: 0%;
opacity: 0;
}
 100% {
left: -50%;
opacity: 0;
}
}
 @-o-keyframes toLeftAnim1 {
 0% {
left: 10%;
opacity: 1;
}
 30% {
left: 15%;
opacity: 1;
}
 100% {
left: -50%;
opacity: 0;
}
}
@-o-keyframes toLeftAnim2 {
 0% {
left: 0%;
opacity: 1;
}
 30% {
left: 10%;
opacity: 1;
}
 100% {
left: -100%;
opacity: 0;
}
}
@-o-keyframes toLeftAnim3 {
 0% {
left: 0%;
opacity: 1;
}
 99% {
left: 0%;
opacity: 0;
}
 100% {
left: -50%;
opacity: 0;
}
}
@-o-keyframes toLeftAnim4 {
 0% {
left: 45%;
opacity: 1;
}
 40% {
left: 45%;
opacity: 1;
}
 90% {
left: 0%;
opacity: 0;
}
 100% {
left: -50%;
opacity: 0;
}
}
 @-ms-keyframes toLeftAnim1 {
 0% {
left: 10%;
opacity: 1;
}
 30% {
left: 15%;
opacity: 1;
}
 100% {
left: -50%;
opacity: 0;
}
}
@-ms-keyframes toLeftAnim2 {
 0% {
left: 0%;
opacity: 1;
}
 30% {
left: 10%;
opacity: 1;
}
 100% {
left: -100%;
opacity: 0;
}
}
@-ms-keyframes toLeftAnim3 {
 0% {
left: 0%;
opacity: 1;
}
 99% {
left: 0%;
opacity: 0;
}
 100% {
left: -50%;
opacity: 0;
}
}
@-ms-keyframes toLeftAnim4 {
 0% {
left: 50%;
opacity: 1;
}
 40% {
left: 50%;
opacity: 1;
}
 90% {
left: 0%;
opacity: 0;
}
 100% {
left: -50%;
opacity: 0;
}
}
 @keyframes toLeftAnim1 {
 0% {
left: 10%;
opacity: 1;
}
 30% {
left: 15%;
opacity: 1;
}
 100% {
left: -50%;
opacity: 0;
}
}
@keyframes toLeftAnim2 {
 0% {
left: 0%;
opacity: 1;
}
 30% {
left: 10%;
opacity: 1;
}
 100% {
left: -100%;
opacity: 0;
}
}
@keyframes toLeftAnim3 {
 0% {
left: 0%;
opacity: 1;
}
 99% {
left: 0%;
opacity: 0;
}
 100% {
left: -50%;
opacity: 0;
}
}
@keyframes toLeftAnim4 {
 0% {
left: 50%;
opacity: 1;
}
 40% {
left: 50%;
opacity: 1;
}
 90% {
left: 0%;
opacity: 0;
}
 100% {
left: -50%;
opacity: 0;
}
}
/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	/* ----------------------------------
		Default Theme
	----------------------------------- */

	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(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */
	div.pp_default .pp_top .pp_middle { background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */
	div.pp_default .pp_top .pp_right { background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */
	
	div.pp_default .pp_content .ppt { color: #f8f8f8; }
	div.pp_default .pp_content_container .pp_left { background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
	div.pp_default .pp_content_container .pp_right { background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; }
	div.pp_default .pp_content { background-color: #fff; } /* Content background */
	div.pp_default .pp_next:hover { background: url(../images/prettyPhoto/default/sprite_next.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.pp_default .pp_previous:hover { background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pp_default .pp_expand { background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */
	div.pp_default .pp_expand:hover { background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */
	div.pp_default .pp_contract { background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */
	div.pp_default .pp_contract:hover { background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */
	div.pp_default .pp_close { width: 30px; height: 30px; background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */
	div.pp_default #pp_full_res .pp_inline { color: #000; } 
	div.pp_default .pp_gallery ul li a { background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
	div.pp_default .pp_gallery ul li a:hover,
	div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }
	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(../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 .pp_details { position: relative; }
	div.pp_default a.pp_arrow_previous,
	div.pp_default a.pp_arrow_next { background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
	div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */
	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; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
	
	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: bold; line-height: 14px; margin: 5px 50px 5px 0; }

	div.pp_default .pp_bottom .pp_left { background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */
	div.pp_default .pp_bottom .pp_middle { background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */
	div.pp_default .pp_bottom .pp_right { background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */

	div.pp_default .pp_loaderIcon { background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */

	
	/* ----------------------------------
		Light Rounded Theme
	----------------------------------- */


	div.light_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
	div.light_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.light_rounded .pp_content .ppt { color: #000; }
	div.light_rounded .pp_content_container .pp_left,
	div.light_rounded .pp_content_container .pp_right { background: #fff; }
	div.light_rounded .pp_content { background-color: #fff; } /* Content background */
	div.light_rounded .pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_rounded .pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.light_rounded .pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_rounded .pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_rounded .pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_rounded .pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.light_rounded .pp_details { position: relative; }
	div.light_rounded .pp_description { margin-right: 85px; }
	div.light_rounded #pp_full_res .pp_inline { color: #000; } 
	div.light_rounded .pp_gallery a.pp_arrow_previous,
	div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.light_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.light_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

	div.light_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_rounded .pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.light_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
	div.light_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	/* ----------------------------------
		Dark Rounded Theme
	----------------------------------- */
	
	div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
	div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.dark_rounded .pp_content_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
	div.dark_rounded .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
	div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
	div.dark_rounded .pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_rounded .pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.dark_rounded .pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_rounded .pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_rounded .pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_rounded .pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_rounded .pp_details { position: relative; }
	div.dark_rounded .pp_description { margin-right: 85px; }
	div.dark_rounded .currentTextHolder { color: #c4c4c4; }
	div.dark_rounded .pp_description { color: #fff; }
	div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
	div.dark_rounded .pp_gallery a.pp_arrow_previous,
	div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.dark_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.dark_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

	div.dark_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_rounded .pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
	div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	
	/* ----------------------------------
		Dark Square Theme
	----------------------------------- */
	
	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 .currentTextHolder { color: #c4c4c4; }
	div.dark_square .pp_description { color: #fff; }
	div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.dark_square .pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_square .pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_square .pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_square .pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_square .pp_details { position: relative; }
	div.dark_square .pp_description { margin: 0 85px 0 0; }
	div.dark_square #pp_full_res .pp_inline { color: #fff; }
	div.dark_square .pp_gallery a.pp_arrow_previous,
	div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.dark_square .pp_nav { clear: none; }
	div.dark_square .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.dark_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
	
	div.dark_square .pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_square .pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.dark_square .pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_square .pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
	
	div.light_square .pp_left ,
	div.light_square .pp_middle,
	div.light_square .pp_right,
	div.light_square .pp_content { background: #fff; }
	
	div.light_square .pp_content .ppt { color: #000; }
	div.light_square .pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_square .pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_square .pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_square .pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.light_square .pp_details { position: relative; }
	div.light_square .pp_description { margin-right: 85px; }
	div.light_square #pp_full_res .pp_inline { color: #000; }
	div.light_square .pp_gallery a.pp_arrow_previous,
	div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.light_square .pp_nav .pp_play { background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.light_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
	
	div.light_square .pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_square .pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.light_square .pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_square .pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	
	div.light_square .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */


	/* ----------------------------------
		Facebook style Theme
	----------------------------------- */
	
	div.facebook .pp_top .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.facebook .pp_top .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */
	div.facebook .pp_top .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.facebook .pp_content .ppt { color: #000; }
	div.facebook .pp_content_container .pp_left { background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */
	div.facebook .pp_content_container .pp_right { background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */
	div.facebook .pp_content { background: #fff; } /* Content background */
	div.facebook .pp_expand { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.facebook .pp_expand:hover { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.facebook .pp_contract { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.facebook .pp_contract:hover { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.facebook .pp_close { width: 22px; height: 22px; background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.facebook .pp_details { position: relative; }
	div.facebook .pp_description { margin: 0 37px 0 0; }
	div.facebook #pp_full_res .pp_inline { color: #000; } 
	div.facebook .pp_loaderIcon { background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.facebook .pp_arrow_previous { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */
		div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
	div.facebook .pp_arrow_next { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */
		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(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
	div.facebook .pp_nav .pp_pause { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }
	
	div.facebook .pp_next:hover { background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
	div.facebook .pp_previous:hover { background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	
	div.facebook .pp_bottom .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.facebook .pp_bottom .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */
	div.facebook .pp_bottom .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	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_top {
			height: 20px;
			position: relative;
		}
			* html .pp_top { padding: 0 20px; }
		
			.pp_top .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_top .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_top .pp_middle {
					left: 0;
					position: static;
				}
			
			.pp_top .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_content { height: 40px; min-width: 40px; }
		* html .pp_content { width: 40px; }
		
		.pp_fade { display: none; }
		
		.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 0;
			}
				.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;
						margin: 2px 4px;
						white-space: nowrap;
					}
					
					.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;
				margin: 0 0 0 5px;
				padding: 0;
				position: relative;
				white-space: nowrap;
			}
			
			.pp_gallery ul a {
				border: 1px #000 solid;
				border: 1px rgba(0,0,0,0.5) solid;
				display: block;
				float: left;
				height: 33px;
				overflow: hidden;
			}
			
			.pp_gallery ul a:hover,
			.pp_gallery li.selected a { border-color: #fff; }
			
			.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(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
				display: block;
				height: 33px;
				width: 50px;
			}
			
			.pp_gallery li.default a img { display: none; }
			
			.pp_gallery .pp_arrow_previous,
			.pp_gallery .pp_arrow_next {
				margin-top: 7px !important;
			}
		
		a.pp_next {
			background: url(../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(../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_bottom {
			height: 20px;
			position: relative;
		}
			* html .pp_bottom { padding: 0 20px; }
			
			.pp_bottom .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_bottom .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_bottom .pp_middle {
					left: 0;
					position: static;
				}
				
			.pp_bottom .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_loaderIcon {
			display: block;
			height: 24px;
			left: 50%;
			margin: -12px 0 0 -12px;
			position: absolute;
			top: 50%;
			width: 24px;
		}
		
		#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 0; }
	
		div.ppt {
			color: #fff;
			display: none;
			font-size: 17px;
			margin: 0 0 5px 15px;
			z-index: 9999;
		}.jcarousel-skin-tango .jcarousel-container {
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 940px;
	padding: 0;
}
.jcarousel-skin-tango .jcarousel-clip {
	overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:  940px;
	height: 155px;
}
.jcarousel-skin-tango .jcarousel-item {
	width: 220px;
	height: 155px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
	margin-right: 20px !important;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 20px !important;
	margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}
/*Horizontal Buttons*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
	position: absolute;
	top: -38px;
	right: 0px;
	background: url(../images/carousal-arr-sprite.png) no-repeat -29px 0;
	width: 29px;
	height: 32px;
	cursor: pointer;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
	left: 0px;
	right: auto;
	background-image: url(../images/carousal-arr-sprite.png);
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus {
	background-position: -29px -32px;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
	background-position: -29px 0px;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: -29px -32px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position: absolute;
	top: -38px;
	right: 30px;
	background: url(../images/carousal-arr-sprite.png) no-repeat 0 -32px;
	width: 29px;
	height: 32px;
	cursor: pointer;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
	left: auto;
	right: 0px;
	background-image: url(../images/carousal-arr-sprite.png);
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
	background-position: 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
	background-position: 0 -32px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	background-position: 0 0;
}

/*----------------------------------------*/
/*----- jcarousel for Mobile (Portrait) / Design for a width of 320px -----*/
/*----------------------------------------*/

@media only screen and (max-width: 767px) {
ul#mycarousel {
margin-top: 30px !important;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
 width: 220px;
 padding: 0;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
 width:  220px;
 height: 185px;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
 position: absolute;
 top: -5px;
 right: 0px;
 background: url(../images/carousal-arr-sprite.png) no-repeat -29px 0;
 width: 29px;
 height: 32px;
 cursor: pointer;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
 position: absolute;
 top: -5px;
 right: 30px;
 background: url(../images/carousal-arr-sprite.png) no-repeat 0 -32px;
 width: 29px;
 height: 32px;
 cursor: pointer;
}
}

/*----------------------------------------*/
/*----- jcarousel for  Mobile (Landscape) / Design for a width of 480px -----*/
/*----------------------------------------*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
ul#mycarousel {
margin-top: 30px !important;
}
}

/*----------------------------------------*/
/*----- 3.1 Tablet (Portrait) / Design for a width of 768px -----*/
/*----------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
.jcarousel-skin-tango .jcarousel-container-horizontal {
 width: 700px;
 padding: 0;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
 width:  700px;
 height: 155px;
}
}