/* Facebook Like Box */
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }

/* Kill that skype plugin */
body span.skype_pnh_dropart_span,
body span.skype_pnh_right_span,
body span.skype_pnh_left_span {
	display: none !important;
}

body span.skype_pnh_container {
	margin-left: -.38em !important;
	margin-right: -.38em !important;
}

body span.skype_pnh_container, body span.skype_pnh_container * {
	color: inherit !important;
	font-family: inherit !important;
	font-weight: inherit !important;
	font-size: inherit !important;
	letter-spacing: inherit !important;
}

body span.skype_pnh_container span.skype_pnh_text_span {
	padding-left: 0 !important;
}

body span.skype_pnh_container span.skype_pnh_highlighting_inactive_common *,
body span.skype_pnh_container span.skype_pnh_highlighting_active_common * {
	background: none !important;
}

table td {
	padding:0 15px 10px 0;
}
@media (max-width:767px) {
    table td {
        padding:0 5px 5px 0;
    }
}

/* Shadow */
/*==================================================
 * Effect Shadow
 * ===============================================*/
.bottom-curved-shadow
{
    position:relative;
    /*    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
           -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
}
.bottom-curved-shadow:before, .bottom-curved-shadow:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.bottom-curved-shadow:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
    -moz-transform:skew(8deg) rotate(3deg);
    -ms-transform:skew(8deg) rotate(3deg);
    -o-transform:skew(8deg) rotate(3deg);
    transform:skew(8deg) rotate(3deg);
}

.top-bottom-curved-shadow
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.top-bottom-curved-shadow:before, .top-bottom-curved-shadow:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.top-bottom-curved-shadow:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}
.one-edge-shadow {
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}



/* Block Grids ---------------------- */
/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
for repeating blocks of content. Add 'mobile' to
them to switch them just like the layout grid
(one item per line) on phones

For IE7/8 compatibility block-grid items need to be
the same height. You can optionally uncomment the
lines below to support arbitrary height, but know
that IE7/8 do not support :nth-child.
-------------------------------------------------- */

/* Used for spacing between grid */
.block-grid > li > .inner {
    padding-right:20px;
}

.block-grid { display: block; overflow: hidden; padding: 0; margin:0; }
.block-grid > li { display: block; height: auto; float: left; }
.block-grid.one-up { margin: 0; }
.block-grid.one-up > li { width: 100%; }
.block-grid.two-up > li { width: 50%; }
.block-grid.two-up > li:nth-child(2n+1) { clear: both; }
.block-grid.three-up > li { width: 33.33333%; }
.block-grid.three-up > li:nth-child(3n+1) { clear: both; }
.block-grid.four-up > li { width: 25%; }
.block-grid.four-up > li:nth-child(4n+1) { clear: both; }
.block-grid.five-up > li { width: 20%; }
.block-grid.five-up > li:nth-child(5n+1) { clear: both; }
.block-grid.six-up > li { width: 16.66667%; }
.block-grid.six-up > li:nth-child(6n+1) { clear: both; }
.block-grid.seven-up > li { width: 14.28571%; }
.block-grid.seven-up > li:nth-child(7n+1) { clear: both; }
.block-grid.eight-up > li { width: 12.5%; }
.block-grid.eight-up > li:nth-child(8n+1) { clear: both; }
.block-grid.nine-up > li { width: 11.11111%; }
.block-grid.nine-up > li:nth-child(9n+1) { clear: both; }
.block-grid.ten-up > li { width: 10%; }
.block-grid.ten-up > li:nth-child(10n+1) { clear: both; }
.block-grid.eleven-up > li { width: 9.09091%; }
.block-grid.eleven-up > li:nth-child(11n+1) { clear: both; }
.block-grid.twelve-up > li { width: 8.33333%; }
.block-grid.twelve-up > li:nth-child(12n+1) { clear: both; }



/* Responsive embede video */
.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
}

.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }

.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video { padding-top: 0; }
}