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,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block
}
body {
line-height:1
}
ul {
list-style-type:circle;
padding-left: 15px;
}
ul ul,ul ul ul, ol ol,ol ol ol {
margin-left: 40px;
margin-bottom: 0;
}
blockquote,q {
quotes:none
}
blockquote:before,blockquote:after,q:before,q:after {
content:'';
content:none
}
table {
border-collapse:collapse;
border-spacing:0
}
*,*:before,*:after {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
/* Typography */
html,body {
font-size:100%
}
body {
background:#fff;
color:#848484;
cursor:default;
font-family:"Open Sans", Helvetica, Arial, sans-serif;
font-size:16px;
font-style:normal;
font-weight:normal;
line-height:28px;
margin:0;
padding:0;
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:100%
}
body,h1,h2,h3,h4,h5,h6,button,input[type="button"],input[type="submit"],input[type="text"],input[type="password"],input[type="email"],textarea,select,.idz-button {
font-family:"Open Sans", Helvetica, Arial, sans-serif
}
html,input,button,textarea {
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility
}
pre, code {
display:block;
padding:12px 16px 12px 16px;
margin:0 0 10px;
font-size:12px;
line-height:19px;
word-break:break-all;
word-wrap:break-word;
white-space:pre-wrap;
background-color:#f5f5f5;
border:1px solid #d3d3d3;
background:url(../images/pre_bg.gif) repeat 0px -8px;
font-family:Consolas, "Andale Mono", Courier, "Courier New", monospace;
color:#8c8c8c
}
img {
max-width:100%;
height:auto
}
img,object,embed {
max-width:100%;
height:auto
}
object,embed {
height:100%
}
img {
-ms-interpolation-mode:bicubic
}
img {
display:inline-block;
vertical-align:middle
}
textarea {
height:auto;
min-height:50px
}
select {
width:100%
}
.left {
float:left !important
}
.right {
float:right !important
}
.clearfix {
*zoom:1
}
.clearfix:before,.clearfix:after {
content:" ";
display:table
}
.clearfix:after {
clear:both
}
.clear {
clear:both
}
.text-left {
text-align:left !important
}
.text-right {
text-align:right !important
}
.text-center {
text-align:center !important
}
.text-justify {
text-align:justify !important
}
.text-overflow {
overflow:hidden !important
}
.hide {
display:none
}
.img-left {
float:left;
margin:3px 16px 11px 0
}
.img-right {
float:right;
margin:3px 0 11px 16px
}
.img-circle {
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%
}
.img-radius {
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}
.img-border {
border:3px solid #f8f8f8
}
a {
color:#41b7d8;
text-decoration:none;
outline:0;
transition:color .25s ease-in-out;
-moz-transition:color .25s ease-in-out;
-webkit-transition:color .25s ease-in-out
}
a:hover {
cursor:pointer
}
p a,p a:visited {
line-height:inherit
}
hr {
border:none;
height:2px;
background:#ccc;
width:100%
}
/* Grid */
.container {
float:left;
margin:0 auto;
padding:40px 0;
position:relative;
width:100%
}
.row {
margin:0 auto;
max-width:1118px;
padding:0;
position:relative;
width:100%
}
.row .row {
margin:0 -19px;
max-width:none;
width:auto
}
.column {
display:inline;
float:left;
padding:0 19px;
position:relative;
width:100%
}
.container,.row {
*zoom:1
}
.row:before,.row:after,.container:before,.container:after {
content:"";
display:table
}
.container:after,.row:after {
clear:both
}
[class*="column"]+[class*="column"]:last-child {
float:left
}
[class*="column"]+[class*="column"].end {
float:left
}
@media only screen {
.small-1 {
width:8.33333%
}
.small-2 {
width:16.66667%
}
.small-3 {
width:25%
}
.small-4 {
width:33.33333%
}
.small-5 {
width:41.66667%
}
.small-6 {
width:50%
}
.small-7 {
width:58.33333%
}
.small-8 {
width:66.66667%
}
.small-9 {
width:75%
}
.small-10 {
width:83.33333%
}
.small-11 {
width:91.66667%
}
.small-12 {
width:100%
}
.small-push-1 {
left:8.33333%
}
.small-push-2 {
left:16.66667%
}
.small-push-3 {
left:25%
}
.small-push-4 {
left:33.33333%
}
.small-push-5 {
left:41.66667%
}
.small-push-6 {
left:50%
}
.small-push-7 {
left:58.33333%
}
.small-push-8 {
left:66.66667%
}
.small-push-9 {
left:75%
}
.small-push-10 {
left:83.33333%
}
.small-push-11 {
left:91.66667%
}
.small-push-12 {
left:100%
}
.small-pull-1 {
right:8.33333%
}
.small-pull-2 {
right:16.66667%
}
.small-pull-3 {
right:25%
}
.small-pull-4 {
right:33.33333%
}
.small-pull-5 {
right:41.66667%
}
.small-pull-6 {
right:50%
}
.small-pull-7 {
right:58.33333%
}
.small-pull-8 {
right:66.66667%
}
.small-pull-9 {
right:75%
}
.small-pull-10 {
right:83.33333%
}
.small-pull-11 {
right:91.66667%
}
.small-pull-12 {
right:100%
}
.small-offset-0 {
margin-left:0% !important
}
.small-offset-1 {
margin-left:8.33333% !important
}
.small-offset-2 {
margin-left:16.66667% !important
}
.small-offset-3 {
margin-left:25% !important
}
.small-offset-4 {
margin-left:33.33333% !important
}
.small-offset-5 {
margin-left:41.66667% !important
}
.small-offset-6 {
margin-left:50% !important
}
.small-offset-7 {
margin-left:58.33333% !important
}
.small-offset-8 {
margin-left:66.66667% !important
}
.small-offset-9 {
margin-left:75% !important
}
.small-offset-10 {
margin-left:83.33333% !important
}
.small-right {
float:right
}
.small-left {
float:left
}
.small-center {
float:none;
margin-left:auto;
margin-right:auto;
position:relative;
display:inherit
}
.small-show {
display:block
}
.small-hide,.medium-show,.large-show {
display:none
}
}
@media only screen and (max-width: 479px) {
.small-portrait-1 {
width:8.33333%
}
.small-portrait-2 {
width:16.66667%
}
.small-portrait-3 {
width:25%
}
.small-portrait-4 {
width:33.33333%
}
.small-portrait-5 {
width:41.66667%
}
.small-portrait-6 {
width:50%
}
.small-portrait-7 {
width:58.33333%
}
.small-portrait-8 {
width:66.66667%
}
.small-portrait-9 {
width:75%
}
.small-portrait-10 {
width:83.33333%
}
.small-portrait-11 {
width:91.66667%
}
.small-portrait-12 {
width:100%
}
}
@media only screen and (min-width: 40.063em) {
.medium-1 {
width:8.33333%
}
.medium-2 {
width:16.66667%
}
.medium-3 {
width:25%
}
.medium-4 {
width:33.33333%
}
.medium-5 {
width:41.66667%
}
.medium-6 {
width:50%
}
.medium-7 {
width:58.33333%
}
.medium-8 {
width:66.66667%
}
.medium-9 {
width:75%
}
.medium-10 {
width:83.33333%
}
.medium-11 {
width:91.66667%
}
.medium-12 {
width:100%
}
.medium-push-1 {
left:8.33333%
}
.medium-push-2 {
left:16.66667%
}
.medium-push-3 {
left:25%
}
.medium-push-4 {
left:33.33333%
}
.medium-push-5 {
left:41.66667%
}
.medium-push-6 {
left:50%
}
.medium-push-7 {
left:58.33333%
}
.medium-push-8 {
left:66.66667%
}
.medium-push-9 {
left:75%
}
.medium-push-10 {
left:83.33333%
}
.medium-push-11 {
left:91.66667%
}
.medium-push-12 {
left:100%
}
.medium-pull-1 {
right:8.33333%
}
.medium-pull-2 {
right:16.66667%
}
.medium-pull-3 {
right:25%
}
.medium-pull-4 {
right:33.33333%
}
.medium-pull-5 {
right:41.66667%
}
.medium-pull-6 {
right:50%
}
.medium-pull-7 {
right:58.33333%
}
.medium-pull-8 {
right:66.66667%
}
.medium-pull-9 {
right:75%
}
.medium-pull-10 {
right:83.33333%
}
.medium-pull-11 {
right:91.66667%
}
.medium-pull-12 {
right:100%
}
.medium-offset-0 {
margin-left:0% !important
}
.medium-offset-1 {
margin-left:8.33333% !important
}
.medium-offset-2 {
margin-left:16.66667% !important
}
.medium-offset-3 {
margin-left:25% !important
}
.medium-offset-4 {
margin-left:33.33333% !important
}
.medium-offset-5 {
margin-left:41.66667% !important
}
.medium-offset-6 {
margin-left:50% !important
}
.medium-offset-7 {
margin-left:58.33333% !important
}
.medium-offset-8 {
margin-left:66.66667% !important
}
.medium-offset-9 {
margin-left:75% !important
}
.medium-offset-10 {
margin-left:83.33333% !important
}
.medium-right {
float:right
}
.medium-left {
float:left
}
.medium-center {
float:none;
margin-left:auto;
margin-right:auto;
position:relative;
display:inherit
}
.medium-show {
display:block
}
.medium-hide,.small-show,.large-show {
display:none
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.medium-portrait-1 {
width:8.33333%
}
.medium-portrait-2 {
width:16.66667%
}
.medium-portrait-3 {
width:25%
}
.medium-portrait-4 {
width:33.33333%
}
.medium-portrait-5 {
width:41.66667%
}
.medium-portrait-6 {
width:50%
}
.medium-portrait-7 {
width:58.33333%
}
.medium-portrait-8 {
width:66.66667%
}
.medium-portrait-9 {
width:75%
}
.medium-portrait-10 {
width:83.33333%
}
.medium-portrait-11 {
width:91.66667%
}
.medium-portrait-12 {
width:100%
}
}
@media only screen and (min-width: 64.063em) {
.large-1 {
width:8.33333%
}
.large-2 {
width:16.66667%
}
.large-3 {
width:25%
}
.large-4 {
width:33.33333%
}
.large-5 {
width:41.66667%
}
.large-6 {
width:50%
}
.large-7 {
width:58.33333%
}
.large-8 {
width:66.66667%
}
.large-9 {
width:75%
}
.large-10 {
width:83.33333%
}
.large-11 {
width:91.66667%
}
.large-12 {
width:100%
}
.large-push-1 {
left:8.33333%
}
.large-push-2 {
left:16.66667%
}
.large-push-3 {
left:25%
}
.large-push-4 {
left:33.33333%
}
.large-push-5 {
left:41.66667%
}
.large-push-6 {
left:50%
}
.large-push-7 {
left:58.33333%
}
.large-push-8 {
left:66.66667%
}
.large-push-9 {
left:75%
}
.large-push-10 {
left:83.33333%
}
.large-push-11 {
left:91.66667%
}
.large-push-12 {
left:100%
}
.large-pull-1 {
right:8.33333%
}
.large-pull-2 {
right:16.66667%
}
.large-pull-3 {
right:25%
}
.large-pull-4 {
right:33.33333%
}
.large-pull-5 {
right:41.66667%
}
.large-pull-6 {
right:50%
}
.large-pull-7 {
right:58.33333%
}
.large-pull-8 {
right:66.66667%
}
.large-pull-9 {
right:75%
}
.large-pull-10 {
right:83.33333%
}
.large-pull-11 {
right:91.66667%
}
.large-pull-12 {
right:100%
}
.large-offset-0 {
margin-left:0% !important
}
.large-offset-1 {
margin-left:8.33333% !important
}
.large-offset-2 {
margin-left:16.66667% !important
}
.large-offset-3 {
margin-left:25% !important
}
.large-offset-4 {
margin-left:33.33333% !important
}
.large-offset-5 {
margin-left:41.66667% !important
}
.large-offset-6 {
margin-left:50% !important
}
.large-offset-7 {
margin-left:58.33333% !important
}
.large-offset-8 {
margin-left:66.66667% !important
}
.large-offset-9 {
margin-left:75% !important
}
.large-offset-10 {
margin-left:83.33333% !important
}
.large-right {
float:right
}
.large-left {
float:left
}
.large-center {
float:none;
margin-left:auto;
margin-right:auto;
position:relative;
display:inherit
}
.large-show {
display:block
}
.large-hide,.small-show,.medium-show {
display:none
}
}
[class^="block-grid-"],[class*="block-grid-"] {
display:block;
padding:0;
margin:0.625rem 0 0 0;
*zoom:1
}
[class^="block-grid-"]:before,[class^="block-grid-"]:after,[class*="block-grid-"]:before,[class*="block-grid-"]:after {
content:" ";
display:table
}
[class^="block-grid-"]:after,[class*="block-grid-"]:after {
clear:both
}
[class^="block-grid-"]>li,[class*="block-grid-"]>li {
display:inline;
height:auto;
float:left;
padding:0 0.9375rem 1.875rem
}
[class^="block-grid-"].no-gutter>li,[class*="block-grid-"].no-gutter>li {
padding:0rem
}
[class^="block-grid-"].no-wrap,[class*="block-grid-"].no-wrap {
margin:0 -0.9375rem
}
@media only screen {
.small-block-grid-1>li {
width:100%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.small-block-grid-1>li:nth-of-type(n) {
clear:none
}
.small-block-grid-1>li:nth-of-type(1n+1) {
clear:both
}
.small-block-grid-2>li {
width:50%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.small-block-grid-2>li:nth-of-type(n) {
clear:none
}
.small-block-grid-2>li:nth-of-type(2n+1) {
clear:both
}
.small-block-grid-3>li {
width:33.33333%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.small-block-grid-3>li:nth-of-type(n) {
clear:none
}
.small-block-grid-3>li:nth-of-type(3n+1) {
clear:both
}
.small-block-grid-4>li {
width:25%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.small-block-grid-4>li:nth-of-type(n) {
clear:none
}
.small-block-grid-4>li:nth-of-type(4n+1) {
clear:both
}
.small-block-grid-5>li {
width:20%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.small-block-grid-5>li:nth-of-type(n) {
clear:none
}
.small-block-grid-5>li:nth-of-type(5n+1) {
clear:both
}
.small-block-grid-6>li {
width:16.66667%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.small-block-grid-6>li:nth-of-type(n) {
clear:none
}
.small-block-grid-6>li:nth-of-type(6n+1) {
clear:both
}
.small-block-grid-7>li {
width:14.28571%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.small-block-grid-7>li:nth-of-type(n) {
clear:none
}
.small-block-grid-7>li:nth-of-type(7n+1) {
clear:both
}
.small-block-grid-8>li {
width:12.5%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.small-block-grid-8>li:nth-of-type(n) {
clear:none
}
.small-block-grid-8>li:nth-of-type(8n+1) {
clear:both
}
.small-block-grid-9>li {
width:11.11111%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.small-block-grid-9>li:nth-of-type(n) {
clear:none
}
.small-block-grid-9>li:nth-of-type(9n+1) {
clear:both
}
.small-block-grid-10>li {
width:10%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.small-block-grid-10>li:nth-of-type(n) {
clear:none
}
.small-block-grid-10>li:nth-of-type(10n+1) {
clear:both
}
.small-block-grid-11>li {
width:9.09091%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.small-block-grid-11>li:nth-of-type(n) {
clear:none
}
.small-block-grid-11>li:nth-of-type(11n+1) {
clear:both
}
.small-block-grid-12>li {
width:8.33333%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.small-block-grid-12>li:nth-of-type(n) {
clear:none
}
.small-block-grid-12>li:nth-of-type(12n+1) {
clear:both
}
}
@media only screen and (max-width: 479px) {
.small-portrait-block-grid-1>li {
width:100%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.small-portrait-block-grid-1>li:nth-of-type(n) {
clear:none
}
.small-portrait-block-grid-1>li:nth-of-type(1n+1) {
clear:both
}
.small-portrait-block-grid-2>li {
width:50%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.small-portrait-block-grid-2>li:nth-of-type(n) {
clear:none
}
.small-portrait-block-grid-2>li:nth-of-type(2n+1) {
clear:both
}
.small-portrait-block-grid-3>li {
width:33.33333%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.small-portrait-block-grid-3>li:nth-of-type(n) {
clear:none
}
.small-portrait-block-grid-3>li:nth-of-type(3n+1) {
clear:both
}
.small-portrait-block-grid-4>li {
width:25%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.small-portrait-block-grid-4>li:nth-of-type(n) {
clear:none
}
.small-portrait-block-grid-4>li:nth-of-type(4n+1) {
clear:both
}
.small-portrait-block-grid-5>li {
width:20%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.small-portrait-block-grid-5>li:nth-of-type(n) {
clear:none
}
.small-portrait-block-grid-5>li:nth-of-type(5n+1) {
clear:both
}
.small-portrait-block-grid-6>li {
width:16.66667%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.small-portrait-block-grid-6>li:nth-of-type(n) {
clear:none
}
.small-portrait-block-grid-6>li:nth-of-type(6n+1) {
clear:both
}
.small-portrait-block-grid-7>li {
width:14.28571%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.small-portrait-block-grid-7>li:nth-of-type(n) {
clear:none
}
.small-portrait-block-grid-7>li:nth-of-type(7n+1) {
clear:both
}
.small-portrait-block-grid-8>li {
width:12.5%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.small-portrait-block-grid-8>li:nth-of-type(n) {
clear:none
}
.small-portrait-block-grid-8>li:nth-of-type(8n+1) {
clear:both
}
.small-portrait-block-grid-9>li {
width:11.11111%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.small-portrait-block-grid-9>li:nth-of-type(n) {
clear:none
}
.small-portrait-block-grid-9>li:nth-of-type(9n+1) {
clear:both
}
.small-portrait-block-grid-10>li {
width:10%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.small-portrait-block-grid-10>li:nth-of-type(n) {
clear:none
}
.small-portrait-block-grid-10>li:nth-of-type(10n+1) {
clear:both
}
.small-portrait-block-grid-11>li {
width:9.09091%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.small-portrait-block-grid-11>li:nth-of-type(n) {
clear:none
}
.small-portrait-block-grid-11>li:nth-of-type(11n+1) {
clear:both
}
.small-portrait-block-grid-12>li {
width:8.33333%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.small-portrait-block-grid-12>li:nth-of-type(n) {
clear:none
}
.small-portrait-block-grid-12>li:nth-of-type(12n+1) {
clear:both
}
}
@media only screen and (min-width: 40.063em) {
.medium-block-grid-1>li {
width:100%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.medium-block-grid-1>li:nth-of-type(n) {
clear:none
}
.medium-block-grid-1>li:nth-of-type(1n+1) {
clear:both
}
.medium-block-grid-2>li {
width:50%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.medium-block-grid-2>li:nth-of-type(n) {
clear:none
}
.medium-block-grid-2>li:nth-of-type(2n+1) {
clear:both
}
.medium-block-grid-3>li {
width:33.33333%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.medium-block-grid-3>li:nth-of-type(n) {
clear:none
}
.medium-block-grid-3>li:nth-of-type(3n+1) {
clear:both
}
.medium-block-grid-4>li {
width:25%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.medium-block-grid-4>li:nth-of-type(n) {
clear:none
}
.medium-block-grid-4>li:nth-of-type(4n+1) {
clear:both
}
.medium-block-grid-5>li {
width:20%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.medium-block-grid-5>li:nth-of-type(n) {
clear:none
}
.medium-block-grid-5>li:nth-of-type(5n+1) {
clear:both
}
.medium-block-grid-6>li {
width:16.66667%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.medium-block-grid-6>li:nth-of-type(n) {
clear:none
}
.medium-block-grid-6>li:nth-of-type(6n+1) {
clear:both
}
.medium-block-grid-7>li {
width:14.28571%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.medium-block-grid-7>li:nth-of-type(n) {
clear:none
}
.medium-block-grid-7>li:nth-of-type(7n+1) {
clear:both
}
.medium-block-grid-8>li {
width:12.5%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.medium-block-grid-8>li:nth-of-type(n) {
clear:none
}
.medium-block-grid-8>li:nth-of-type(8n+1) {
clear:both
}
.medium-block-grid-9>li {
width:11.11111%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.medium-block-grid-9>li:nth-of-type(n) {
clear:none
}
.medium-block-grid-9>li:nth-of-type(9n+1) {
clear:both
}
.medium-block-grid-10>li {
width:10%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.medium-block-grid-10>li:nth-of-type(n) {
clear:none
}
.medium-block-grid-10>li:nth-of-type(10n+1) {
clear:both
}
.medium-block-grid-11>li {
width:9.09091%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.medium-block-grid-11>li:nth-of-type(n) {
clear:none
}
.medium-block-grid-11>li:nth-of-type(11n+1) {
clear:both
}
.medium-block-grid-12>li {
width:8.33333%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.medium-block-grid-12>li:nth-of-type(n) {
clear:none
}
.medium-block-grid-12>li:nth-of-type(12n+1) {
clear:both
}
}
@media only screen and (min-width: 768px) and (max-width: 959px)
{
.medium-portrait-block-grid-1>li {
width:100%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.medium-portrait-block-grid-1>li:nth-of-type(n) {
clear:none
}
.medium-portrait-block-grid-1>li:nth-of-type(1n+1) {
clear:both
}
.medium-portrait-block-grid-2>li {
width:50%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.medium-portrait-block-grid-2>li:nth-of-type(n) {
clear:none
}
.medium-portrait-block-grid-2>li:nth-of-type(2n+1) {
clear:both
}
.medium-portrait-block-grid-3>li {
width:33.33333%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.medium-portrait-block-grid-3>li:nth-of-type(n) {
clear:none
}
.medium-portrait-block-grid-3>li:nth-of-type(3n+1) {
clear:both
}
.medium-portrait-block-grid-4>li {
width:25%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.medium-portrait-block-grid-4>li:nth-of-type(n) {
clear:none
}
.medium-portrait-block-grid-4>li:nth-of-type(4n+1) {
clear:both
}
.medium-portrait-block-grid-5>li {
width:20%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.medium-portrait-block-grid-5>li:nth-of-type(n) {
clear:none
}
.medium-portrait-block-grid-5>li:nth-of-type(5n+1) {
clear:both
}
.medium-portrait-block-grid-6>li {
width:16.66667%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.medium-portrait-block-grid-6>li:nth-of-type(n) {
clear:none
}
.medium-portrait-block-grid-6>li:nth-of-type(6n+1) {
clear:both
}
.medium-portrait-block-grid-7>li {
width:14.28571%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.medium-portrait-block-grid-7>li:nth-of-type(n) {
clear:none
}
.medium-portrait-block-grid-7>li:nth-of-type(7n+1) {
clear:both
}
.medium-portrait-block-grid-8>li {
width:12.5%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.medium-portrait-block-grid-8>li:nth-of-type(n) {
clear:none
}
.medium-portrait-block-grid-8>li:nth-of-type(8n+1) {
clear:both
}
.medium-portrait-block-grid-9>li {
width:11.11111%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.medium-portrait-block-grid-9>li:nth-of-type(n) {
clear:none
}
.medium-portrait-block-grid-9>li:nth-of-type(9n+1) {
clear:both
}
.medium-portrait-block-grid-10>li {
width:10%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.medium-portrait-block-grid-10>li:nth-of-type(n) {
clear:none
}
.medium-portrait-block-grid-10>li:nth-of-type(10n+1) {
clear:both
}
.medium-portrait-block-grid-11>li {
width:9.09091%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.medium-portrait-block-grid-11>li:nth-of-type(n) {
clear:none
}
.medium-portrait-block-grid-11>li:nth-of-type(11n+1) {
clear:both
}
.medium-portrait-block-grid-12>li {
width:8.33333%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.medium-portrait-block-grid-12>li:nth-of-type(n) {
clear:none
}
.medium-portrait-block-grid-12>li:nth-of-type(12n+1) {
clear:both
}
}
@media only screen and (min-width: 64.063em) {
.large-block-grid-1>li {
width:100%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.large-block-grid-1>li:nth-of-type(n) {
clear:none
}
.large-block-grid-1>li:nth-of-type(1n+1) {
clear:both
}
.large-block-grid-2>li {
width:50%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.large-block-grid-2>li:nth-of-type(n) {
clear:none
}
.large-block-grid-2>li:nth-of-type(2n+1) {
clear:both
}
.large-block-grid-3>li {
width:33.33333%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.large-block-grid-3>li:nth-of-type(n) {
clear:none
}
.large-block-grid-3>li:nth-of-type(3n+1) {
clear:both
}
.large-block-grid-4>li {
width:25%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.large-block-grid-4>li:nth-of-type(n) {
clear:none
}
.large-block-grid-4>li:nth-of-type(4n+1) {
clear:both
}
.large-block-grid-5>li {
width:20%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.large-block-grid-5>li:nth-of-type(n) {
clear:none
}
.large-block-grid-5>li:nth-of-type(5n+1) {
clear:both
}
.large-block-grid-6>li {
width:16.66667%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.large-block-grid-6>li:nth-of-type(n) {
clear:none
}
.large-block-grid-6>li:nth-of-type(6n+1) {
clear:both
}
.large-block-grid-7>li {
width:14.28571%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.large-block-grid-7>li:nth-of-type(n) {
clear:none
}
.large-block-grid-7>li:nth-of-type(7n+1) {
clear:both
}
.large-block-grid-8>li {
width:12.5%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.large-block-grid-8>li:nth-of-type(n) {
clear:none
}
.large-block-grid-8>li:nth-of-type(8n+1) {
clear:both
}
.large-block-grid-9>li {
width:11.11111%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.large-block-grid-9>li:nth-of-type(n) {
clear:none
}
.large-block-grid-9>li:nth-of-type(9n+1) {
clear:both
}
.large-block-grid-10>li {
width:10%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.large-block-grid-10>li:nth-of-type(n) {
clear:none
}
.large-block-grid-10>li:nth-of-type(10n+1) {
clear:both
}
.large-block-grid-11>li {
width:9.09091%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.large-block-grid-11>li:nth-of-type(n) {
clear:none
}
.large-block-grid-11>li:nth-of-type(11n+1) {
clear:both
}
.large-block-grid-12>li {
width:8.33333%;
padding:0 0.9375rem 1.875rem;
list-style:none
}
.large-block-grid-12>li:nth-of-type(n) {
clear:none
}
.large-block-grid-12>li:nth-of-type(12n+1) {
clear:both
}
}
/* Form */
label {
display:inline-block;
margin-bottom:5px;
font-weight:bold
}
input[type="search"] {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
input[type="radio"],input[type="checkbox"] {
margin:4px 0 0;
margin-top:3px \9;
line-height:normal
}
input[type="file"] {
display:block
}
input[type="range"] {
display:block;
width:100%
}
select[multiple],select[size] {
height:auto
}
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px
}
output {
display:block;
padding-top:7px;
font-size:inherit;
line-height:1.42857;
color:#555555
}
fieldset {
border:solid 1px #dddddd;
padding:20px 34px 39px 34px;
margin:18px 0
}
fieldset legend {
font-weight:bold;
background:white;
padding:0 5px;
margin:0;
margin-left:-3px
}
.form-control {
display:block;
width:100%;
height:46px;
padding:10px 16px;
font-size:inherit;
line-height:1.33;
color:#555555;
background-color:white;
background-image:none;
border:1px solid #ddd;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}
.form-control:focus {
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)
}
.form-control::-moz-placeholder {
color:#ccc;
opacity:1
}
.form-control:-ms-input-placeholder {
color:#ccc
}
.form-control::-webkit-input-placeholder {
color:#ccc
}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
cursor:not-allowed;
background-color:#eeeeee;
opacity:1
}
textarea.form-control {
height:auto;
font-family:"Arial", sans-serif
}
input[type="search"] {
-webkit-appearance:none
}
input[type="date"] {
line-height:34px
}
form .form-group:last-child {
margin-bottom:0
}
.form-group {
margin-bottom:15px
}
.radio,.checkbox {
display:block;
min-height:20px;
margin-top:10px;
margin-bottom:10px;
padding-left:5px
}
.radio label,.checkbox label {
display:inline;
font-weight:normal;
cursor:pointer
}
.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"] {
float:left;
margin-left:-20px
}
.radio+.radio,.checkbox+.checkbox {
margin-top:-5px
}
.radio-inline,.checkbox-inline {
display:inline-block;
padding-left:4px;
margin-bottom:0;
vertical-align:middle;
font-weight:normal;
cursor:pointer
}
.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline {
margin-top:0;
margin-left:10px
}
input[type="radio"][disabled],fieldset[disabled] input[type="radio"],input[type="checkbox"][disabled],fieldset[disabled] input[type="checkbox"],.radio[disabled],fieldset[disabled] .radio,.radio-inline[disabled],fieldset[disabled] .radio-inline,.checkbox[disabled],fieldset[disabled] .checkbox,.checkbox-inline[disabled],fieldset[disabled] .checkbox-inline {
cursor:not-allowed
}
.input-group,.input-group-placeholder {
position:relative;
display:table;
border-collapse:separate;
margin-bottom:15px
}
.input-group-addon,.input-group-button,.input-group-select,.input-group .form-control {
display:table-cell
}
.input-group-addon,.input-group-button,.input-group-select {
width:1%;
white-space:nowrap;
vertical-align:middle
}
.input-group-addon:not(:first-child):not(:last-child),.input-group-button:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child) {
border-radius:0
}
.input-group-addon {
padding:6px 12px;
height:100%;
font-size:14px;
line-height:1;
text-align:center;
border:1px solid #ddd
}
.input-group-button .idz-button {
margin:0;
height:46px
}
.input-group-select .chosen-container {
margin-left:-1px;
min-width:80px
}
.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-button:first-child>.idz-button,.input-group-button:first-child>.idz-button-group>.idz-button {
border-bottom-right-radius:0;
border-top-right-radius:0
}
.input-group-addon:first-child {
border-right:0
}
.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-button:last-child>.idz-button,.input-group-button:first-child>.idz-button:not(:first-child) {
border-bottom-left-radius:0;
border-top-left-radius:0
}
.input-group-addon:last-child {
border-left:0
}
.input-group-button {
position:relative;
font-size:0;
white-space:nowrap
}
.input-group-button>.idz-button {
position:relative
}
.input-group-button>.idz-button+.idz-button {
margin-left:-1px
}
.input-group-button>.idz-button:hover,.input-group-button>.idz-button:focus,.input-group-button>.idz-button:active {
z-index:2
}
.input-group-button:first-child>.idz-button {
margin-right:-1px
}
.input-group-button:last-child>.idz-button {
margin-left:-1px
}
.input-group-icon {
position:absolute;
color:#ccc;
height:46px;
width:46px;
line-height:46px;
text-align:center
}
.input-group-icon+.form-control {
padding-left:42px
}
.input-group-placeholder.addon-right .input-group-icon {
right:19px;
bottom:0
}
.input-group-placeholder .form-control:first-child {
padding-right:42px
}
.idz-checkbox,.idz-radio {
display:inline-block;
*display:inline;
vertical-align:middle;
margin:0;
padding:0;
width:20px;
height:20px;
border:none;
cursor:pointer
}
.idz-radio,.idz-checkbox {
left:-4px
}
.idz-radio input[type="radio"][disabled],.idz-checkbox input[type="checkbox"][disabled] {
cursor:auto
}
.idz-checkbox {
position:relative;
top:-1px;
color:#d4d4d4
}
.idz-checkbox:before {
content:" ";
border:2px solid #d4d4d4;
height:19px;
width:19px;
position:absolute
}
.idz-checkbox.checked:before {
content:"\f00c";
color:#fff;
font-size:13px;
font-family:"FontAwesome";
line-height:16px;
text-align:center;
background:#d4d4d4
}
.idz-checkbox.disabled:before {
content:" ";
border:2px solid #d4d4d4;
height:19px;
width:19px;
position:absolute;
opacity:0.5;
filter:alpha(opacity=50)
}
.idz-checkbox.checked.disabled:before {
content:"\f00c";
color:#fff;
font-size:13px;
font-family:"FontAwesome";
line-height:16px;
text-align:center;
background:#d4d4d4;
opacity:0.5;
filter:alpha(opacity=50)
}
.idz-radio {
top:-6px;
font-size:22px;
position:relative;
color:#d4d4d4
}
.idz-radio:before {
font-family:"FontAwesome";
content:"\f111"
}
.idz-radio.checked:before {
font-family:"FontAwesome";
content:"\f192"
}
.idz-radio.disabled:before {
font-family:"FontAwesome";
content:"\f111";
opacity:0.5;
filter:alpha(opacity=50)
}
.idz-radio.checked.disabled:before {
font-family:"FontAwesome";
content:"\f192";
opacity:0.5;
filter:alpha(opacity=50)
}
/* Typography */
body {
-webkit-hyphens:auto;
-moz-hyphens:auto;
-ms-hyphens:auto;
-o-hyphens:auto;
hyphens:auto
}
strong {
font-weight:bold
}
em {
font-style:italic
}
small {
font-size:85%
}
p {
margin:auto auto 1.5em
}
p.lead {
font-size:22px;
font-family:Arial, serif;
line-height:30px
}
h1,h2,h3,h4,h5,h6 {
font-family:"Lato",sans-serif;
margin:0 0 .67em 0;
line-height:1.2
}
h5,h6 {
line-height:1.5
}
h1 {
font-size:48px
}
h2 {
font-size:32px
}
h3 {
font-size:24px
}
h4 {
font-size:22px
}
h5 {
font-size:16px
}
h6 {
font-size:11px
}
abbr,acronym,blockquote,code,dir,kbd,listing,plaintext,q,samp,tt,var,xmp {
-webkit-hyphens:none;
-moz-hyphens:none;
-ms-hyphens:none;
-o-hyphens:none;
hyphens:none
}
ul,ol,dl {
margin:0 0 1.5em 0
}
dl dt {
margin-bottom:0.3rem;
font-weight:bold
}
dl dd {
margin-bottom:0.75rem
}
dl {
margin-left:0
}
.dl-horizontal dt {
float:left;
clear:left;
text-align:left;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.dl-horizontal dd {
margin-left:130px
}
.dl-horizontal dd:before,.dl-horizontal dd:after {
content:" ";
display:table
}
.dl-horizontal dd:after {
clear:both
}
address {
margin-bottom:20px;
font-style:normal;
line-height:20px
}
blockquote {
margin:0px;
padding:0 0 0 44px;
position:relative;
font-size:21px;
line-height:35px
}
blockquote:before {
font-family:"FontAwesome";
content:"\f10d";
font-size:34px;
left:2px;
position:absolute;
font-weight:bold;
color:#e6e6e6
}
blockquote cite {
font-size:17px;
font-style:italic;
position:relative;
padding-left:24px
}
blockquote cite:before {
content:"";
width:16px;
height:2px;
position:absolute;
background-color:#e6e6e6;
top:50%;
left:0
}
blockquote p {
margin-bottom:.4em
}
@media only screen and (max-width: 479px) {
.dl-horizontal dt {
width:100%
}
.dl-horizontal dd {
margin-left:0
}
}
/* Table */
table {
width:100%;
margin:0 0 20px
}
table th {
color:inherit;
font-size:16px;
text-align:left;
padding:9px 13px
}
table td {
border-bottom:1px solid #e6e6e6;
background-color:#f0f0f0;
color:#8c8c8c;
text-align:left;
padding:9px 13px
}
table td.highlight {
color:#fff;
font-weight:300
}
.table.table-green th {
color:#fff;
background:#87B822
}
.table.table-blue th {
color:#fff;
background:#169fe6
}
.table.table-red th {
color:#fff;
background:#E75B4C
}
.table.table-yellow th {
color:#fff;
background:#F0C42C
}
.table.table-gray th {
color:#fff;
background:#7f8c8d
}
.table.table-white th {
background:#fff;
color:inherit;
text-shadow:none;
border-bottom:1px solid #e6e6e6;
border-top:1px solid #e6e6e6
}
table tr.even td,table tr.odd td {
background-color:#fff
}
table tr td.highlight,.table.table-black table tr th {
background-color:#f9f9f9
}
/* Doc Grid */
.doc-grid {
background-color:#d6f0fc;
padding:10px;
text-align:center;
margin-bottom:20px;
color:inherit;
-webkit-border-radius:5px;
border-radius:5px
}
.column:nth-child(odd) .doc-grid {
background-color:#92d9f8;
color:#fff
}
.doc-icon {
text-align:center
}
.doc-icon i {
display:block;
font-size:2em;
margin-bottom:10px
}
.doc-icon span {
box-shadow:0 0 0 1px #ccc;
padding:3px 8px;
font-size:13px;
-webkit-border-radius:5px;
border-radius:5px
}
hr {
margin:1.5em 0
}
.tab-documentation .resp-tabs-list {
width:23% !important
}
.tab-documentation .resp-tabs-container {
width:77% !important
}
.icon-list .resp-tabs-container li span {
width:100%;
padding:3px 5px 4px 5px;
font:10px consolas, monospace;
text-align:center;
background:#fafafa;
border:1px solid #ddd;
float:left
}
.demo-icon-list li {
font-size: 12px;
text-align: center;
}
.icon-list .resp-tabs-container li i {
width:100%;
font-size:46px;
text-align:center;
float:left;
margin-bottom:18px
}
@media screen and (max-width: 767px) {
.tab-documentation .resp-tabs-container {
width:100% !important
}
}
/* Media Element */
.mejs-offscreen {
position:absolute !important;
top:-10000px;
overflow:hidden;
width:1px;
height:1px
}
.mejs-container {
position:relative;
background:#000;
font-family:Helvetica, Arial;
text-align:left;
vertical-align:top;
text-indent:0
}
.idz-plugin {
position:absolute
}
.mejs-embed,.mejs-embed body {
width:100%;
height:100%;
margin:0;
padding:0;
background:#000;
overflow:hidden
}
.mejs-fullscreen {
overflow:hidden !important
}
.mejs-container-fullscreen {
position:fixed;
left:0;
top:0;
right:0;
bottom:0;
overflow:hidden;
z-index:1000
}
.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video {
width:100%;
height:100%
}
.mejs-clear {
clear:both
}
.mejs-background {
position:absolute;
top:0;
left:0
}
.mejs-mediaelement {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.mejs-poster {
position:absolute;
top:0;
left:0;
background-size:contain;
background-position:50% 50%;
background-repeat:no-repeat
}
:root .mejs-poster img {
display:none
}
.mejs-poster img {
border:0;
padding:0;
border:0
}
.mejs-overlay {
position:absolute;
top:0;
left:0
}
.mejs-overlay-play {
cursor:pointer
}
.mejs-overlay-button {
position:absolute;
top:50%;
left:50%;
width:100px;
height:100px;
margin:-50px 0 0 -50px;
background:url(../images/mediaelement/bigplay.svg) no-repeat
}
.no-svg .mejs-overlay-button {
background-image:url(../img/mediaelement/bigplay.png)
}
.mejs-overlay:hover .mejs-overlay-button {
background-position:0 -100px
}
.mejs-overlay-loading {
position:absolute;
top:50%;
left:50%;
width:80px;
height:80px;
margin:-40px 0 0 -40px;
background:#333;
background:url(../images/mediaelement/background.png);
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px
}
.mejs-overlay-loading span {
display:block;
width:80px;
height:80px;
background:transparent url(../images/mediaelement/loading.gif) 50% 50% no-repeat
}
.mejs-container .mejs-controls {
position:absolute;
list-style-type:none;
margin:0;
padding:0;
bottom:0;
left:0;
background:url(../images/mediaelement/background.png);
height:30px;
width:100%
}
.mejs-container .mejs-controls div {
list-style-type:none;
background-image:none;
display:block;
float:left;
margin:0;
padding:0;
width:26px;
height:26px;
font-size:11px;
line-height:11px;
font-family:Helvetica, Arial;
border:0
}
.mejs-controls .mejs-button button {
cursor:pointer;
display:block;
font-size:0;
line-height:0;
text-decoration:none;
margin:7px 5px;
padding:0;
position:absolute;
height:16px;
width:16px;
border:0
}
.mejs-controls .mejs-button button:focus {
outline:dotted 1px #999
}
.mejs-container .mejs-controls .mejs-time {
color:#fff;
display:block;
height:17px;
width:auto;
padding:10px 3px 0 3px;
overflow:hidden;
text-align:center;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box
}
.mejs-container .mejs-controls .mejs-time a {
color:#fff;
font-size:11px;
line-height:12px;
display:block;
float:left;
margin:1px 2px 0 0;
width:auto
}
.mejs-controls div.mejs-time-rail {
direction:ltr;
width:200px;
padding-top:5px
}
.mejs-controls .mejs-time-rail span,.mejs-controls .mejs-time-rail a {
display:block;
position:absolute;
width:180px;
height:10px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
cursor:pointer
}
.mejs-controls .mejs-time-rail .mejs-time-total {
margin:5px;
background:#333
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {
width:100%;
background-image:-o-linear-gradient(-45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.75, rgba(255,255,255,0.15)), color-stop(0.75, transparent), to(transparent));
background-image:-webkit-linear-gradient(-45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
background-image:-moz-linear-gradient(-45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
background-image:-ms-linear-gradient(-45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
background-image:linear-gradient(-45deg, rgba(255,255,255,0.15) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0));
-webkit-background-size:15px 15px;
-moz-background-size:15px 15px;
-o-background-size:15px 15px;
background-size:15px 15px;
-webkit-animation:buffering-stripes 2s linear infinite;
-moz-animation:buffering-stripes 2s linear infinite;
-ms-animation:buffering-stripes 2s linear infinite;
-o-animation:buffering-stripes 2s linear infinite;
animation:buffering-stripes 2s linear infinite
}
@-webkit-keyframes buffering-stripes {
from {
background-position:0 0
}
to {
background-position:30px 0
}
}
@-moz-keyframes buffering-stripes {
from {
background-position:0 0
}
to {
background-position:30px 0
}
}
@-ms-keyframes buffering-stripes {
from {
background-position:0 0
}
to {
background-position:30px 0
}
}
@-o-keyframes buffering-stripes {
from {
background-position:0 0
}
to {
background-position:30px 0
}
}
@keyframes buffering-stripes {
from {
background-position:0 0
}
to {
background-position:30px 0
}
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background:#3caac8;
width:0
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background:#fff;
width:0
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
display:none;
position:absolute;
margin:0;
width:10px;
background:#fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
cursor:pointer;
border:solid 2px #333;
top:-2px;
text-align:center
}
.mejs-controls .mejs-time-rail .mejs-time-float {
position:absolute;
display:none;
background:#eee;
width:36px;
height:17px;
border:solid 1px #333;
top:-26px;
margin-left:-18px;
text-align:center;
color:#111
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
margin:2px;
width:30px;
display:block;
text-align:center;
left:0
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
position:absolute;
display:block;
width:0;
height:0;
line-height:0;
border:solid 5px #eee;
border-color:#eee transparent transparent transparent;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
top:15px;
left:13px
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
width:48px
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
width:44px
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
left:18px
}
.mejs-controls .mejs-volume-button {
position:relative
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
display:none;
height:115px;
width:25px;
background:url(../img/mediaelement/background.png);
background:rgba(50,50,50,0.7);
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
top:-115px;
left:0;
z-index:1;
position:absolute;
margin:0
}
.mejs-controls .mejs-volume-button:hover {
-webkit-border-radius:0 0 4px 4px;
-moz-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
position:absolute;
left:11px;
top:8px;
width:2px;
height:100px;
background:#ddd;
background:rgba(255,255,255,0.5);
margin:0
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
position:absolute;
left:11px;
top:8px;
width:2px;
height:100px;
background:#ddd;
background:rgba(255,255,255,0.9);
margin:0
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
position:absolute;
left:4px;
top:-3px;
width:16px;
height:6px;
background:#ddd;
background:rgba(255,255,255,0.9);
cursor:N-resize;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
margin:0
}
.mejs-controls a.mejs-horizontal-volume-slider {
height:26px;
width:56px;
position:relative;
display:block;
float:left;
vertical-align:middle
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
position:absolute;
left:0;
top:11px;
width:50px;
height:8px;
margin:0;
padding:0;
font-size:1px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
background:#333
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
position:absolute;
left:0;
top:11px;
width:50px;
height:8px;
margin:0;
padding:0;
font-size:1px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
background:#fff
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
display:none
}
.mejs-controls .mejs-captions-button {
position:relative
}
.mejs-controls .mejs-captions-button button {
background-position:-48px 0
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
visibility:hidden;
position:absolute;
bottom:26px;
right:-51px;
width:85px;
height:100px;
background:url(../images/mediaelement/background.png);
background:rgba(50,50,50,0.7);
border:solid 1px transparent;
padding:10px 10px 0 10px;
overflow:hidden;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
margin:0;
padding:0;
display:block;
list-style-type:none !important;
overflow:hidden
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
margin:0 0 6px 0;
padding:0;
list-style-type:none !important;
display:block;
color:#fff;
overflow:hidden
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
clear:both;
float:left;
margin:3px 3px 0 5px
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
width:55px;
float:left;
padding:4px 0 0 0;
line-height:15px;
font-family:helvetica, arial;
font-size:10px
}
.mejs-controls .mejs-captions-button .mejs-captions-translations {
font-size:10px;
margin:0 0 5px 0
}
.mejs-chapters {
position:absolute;
top:0;
left:0;
-xborder-right:solid 1px #fff;
width:10000px;
z-index:1
}
.mejs-chapters .mejs-chapter {
position:absolute;
float:left;
background:#222;
background:rgba(0,0,0,0.7);
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
background:-webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
background:-moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
background:-o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
background:-ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);
overflow:hidden;
border:0
}
.mejs-chapters .mejs-chapter .mejs-chapter-block {
font-size:11px;
color:#fff;
padding:5px;
display:block;
border-right:solid 1px #333;
border-bottom:solid 1px #333;
cursor:pointer
}
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
border-right:none
}
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
background:#666;
background:rgba(102,102,102,0.7);
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6)));
background:-webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
background:-moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
background:-o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
background:-ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
background:linear-gradient(rgba(102,102,102,0.7),rgba(50,50,50,0.6));
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232)
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
font-size:12px;
font-weight:bold;
display:block;
white-space:nowrap;
text-overflow:ellipsis;
margin:0 0 3px 0;
line-height:12px
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
font-size:12px;
line-height:12px;
margin:3px 0 4px 0;
display:block;
white-space:nowrap;
text-overflow:ellipsis
}
.mejs-captions-layer {
position:absolute;
bottom:0;
left:0;
text-align:center;
line-height:20px;
font-size:16px;
color:#fff
}
.mejs-captions-layer a {
color:#fff;
text-decoration:underline
}
.mejs-captions-layer[lang=ar] {
font-size:20px;
font-weight:normal
}
.mejs-captions-position {
position:absolute;
width:100%;
bottom:15px;
left:0
}
.mejs-captions-position-hover {
bottom:35px
}
.mejs-captions-text {
padding:3px 5px;
background:url(../images/mediaelement/background.png);
background:rgba(20,20,20,0.5);
white-space:pre-wrap
}
.idz-cannotplay {
background:#2b2b2b;
height:40px !important;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px
}
.idz-cannotplay a {
color:#fff;
font-weight:bold
}
.idz-cannotplay span {
display:block;
height:40px;
line-height:40px;
padding:0 20px
}
.mejs-controls .mejs-loop-off button {
background-position:-64px -16px
}
.mejs-controls .mejs-loop-on button {
background-position:-64px 0
}
.mejs-controls .mejs-backlight-off button {
background-position:-80px -16px
}
.mejs-controls .mejs-backlight-on button {
background-position:-80px 0
}
.mejs-controls .mejs-picturecontrols-button {
background-position:-96px 0
}
.mejs-contextmenu {
position:absolute;
width:150px;
padding:10px;
border-radius:4px;
top:0;
left:0;
background:#fff;
border:solid 1px #999;
z-index:1001
}
.mejs-contextmenu .mejs-contextmenu-separator {
height:1px;
font-size:0;
margin:5px 6px;
background:#333
}
.mejs-contextmenu .mejs-contextmenu-item {
font-family:Helvetica, Arial;
font-size:12px;
padding:4px 6px;
cursor:pointer;
color:#333
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
background:#2C7C91;
color:#fff
}
.mejs-controls .mejs-sourcechooser-button {
position:relative
}
.mejs-controls .mejs-sourcechooser-button button {
background-position:-128px 0
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
visibility:hidden;
position:absolute;
bottom:26px;
right:-10px;
width:130px;
height:100px;
background:url(../img/mediaelement/background.png);
background:rgba(50,50,50,0.7);
border:solid 1px transparent;
padding:10px;
overflow:hidden;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
margin:0;
padding:0;
display:block;
list-style-type:none !important;
overflow:hidden
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
margin:0 0 6px 0;
padding:0;
list-style-type:none !important;
display:block;
color:#fff;
overflow:hidden
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
clear:both;
float:left;
margin:3px 3px 0 5px
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
width:100px;
float:left;
padding:4px 0 0 0;
line-height:15px;
font-family:helvetica, arial;
font-size:10px
}
.mejs-postroll-layer {
position:absolute;
bottom:0;
left:0;
width:100%;
height:100%;
background:url(../images/mediaelement/background.png);
background:rgba(50,50,50,0.7);
z-index:1000;
overflow:hidden
}
.mejs-postroll-layer-content {
width:100%;
height:100%
}
.mejs-postroll-close {
position:absolute;
right:0;
top:0;
background:url(../images/mediaelement/background.png);
background:rgba(50,50,50,0.7);
color:#fff;
padding:4px;
z-index:100;
cursor:pointer
}
div.mejs-speed-button {
width:46px !important;
position:relative
}
.mejs-controls .mejs-button.mejs-speed-button button {
background:transparent;
width:36px;
font-size:11px;
line-height:normal;
color:#ffffff
}
.mejs-controls .mejs-speed-button .mejs-speed-selector {
visibility:hidden;
position:absolute;
top:-100px;
left:-10px;
width:60px;
height:100px;
background:url(../img/mediaelement/background.png);
background:rgba(50,50,50,0.7);
border:solid 1px transparent;
padding:0;
overflow:hidden;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0
}
.mejs-controls .mejs-speed-button:hover>.mejs-speed-selector {
visibility:visible
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
color:#21f8f8
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul {
margin:0;
padding:0;
display:block;
list-style-type:none !important;
overflow:hidden
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li {
margin:0 0 6px 0;
padding:0 10px;
list-style-type:none !important;
display:block;
color:#fff;
overflow:hidden
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
clear:both;
float:left;
margin:3px 3px 0 5px;
display:none
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
width:60px;
float:left;
padding:4px 0 0 0;
line-height:15px;
font-family:helvetica, arial;
font-size:11.5px;
color:white;
margin-left:5px;
cursor:pointer
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
background-color:#c8c8c8 !important;
background-color:rgba(255,255,255,0.4) !important
}
.mejs-controls .mejs-button.mejs-skip-back-button {
background:transparent url(../images/mediaelement/skipback.png) no-repeat;
background-position:3px 3px
}
.mejs-controls .mejs-button.mejs-skip-back-button button {
background:transparent;
font-size:9px;
line-height:normal;
color:#ffffff
}
.mejs-container {
width:100% !important;
background:transparent
}
.mejs-container:focus {
outline:0
}
.mejs-container.mejs-audio {
height:40px !important
}
.mejs-container .mejs-controls {
height:40px !important;
background:#2b2b2b;
padding:0 17px
}
.mejs-container .mejs-controls div {
padding-top:5px
}
.mejs-container .mejs-controls .mejs-time-rail {
padding-top:10px
}
.mejs-container .mejs-controls .mejs-horizontal-volume-slider {
margin-top:5px
}
.mejs-audio .mejs-controls {
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px
}
.mejs-controls .mejs-time-rail .mejs-time-total,.mejs-controls .mejs-time-rail .mejs-time-current,.mejs-controls .mejs-time-rail span {
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px
}
.mejs-controls .mejs-time-rail .mejs-time-total {
background:#444
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background:#777
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background:#9d9d9d
}
.mejs-controls .mejs-time-rail .mejs-time-float {
background:#444;
border-color:#444;
color:#9d9d9d;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}
.mejs-controls .mejs-time-rail .mejs-time-float span {
font-size:11px
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
border-color:#444 transparent transparent transparent
}
.mejs-container .mejs-controls .mejs-time {
color:#9d9d9d;
padding-top:14px
}
.mejs-container .mejs-controls .mejs-time .mejs-currenttime,.mejs-container .mejs-controls .mejs-time .mejs-duration {
font-size:11px;
top:1px;
position:relative
}
.mejs-container .mejs-controls .mejs-time.mejs-duration-container {
position:relative
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
background:#444
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
background:#9d9d9d
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total,.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
width:5px;
left:10px
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
left:6px;
height:13px;
width:13px
}
.mejs-controls .mejs-button button {
background:none
}
.mejs-controls .mejs-button button:before {
font-size:13px;
line-height:13px;
text-align:center;
color:#777
}
.mejs-controls .mejs-play button:before {
font-family:"FontAwesome";
content:"\f04b"
}
.mejs-controls .mejs-pause button:before {
font-family:"FontAwesome";
content:"\f04c"
}
.mejs-controls .mejs-mute button:before {
font-family:"FontAwesome";
content:"\f028";
font-size:16px
}
.mejs-controls .mejs-unmute button:before {
font-family:"FontAwesome";
content:"\f026";
font-size:16px
}
.mejs-controls .mejs-fullscreen-button button:before {
font-family:"FontAwesome";
content:"\f0b2"
}
.mejs-controls .mejs-unfullscreen button:before {
font-family:"FontAwesome";
content:"\f066"
}
/* Video */
.idz-videobg {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
overflow:hidden;
background-position:center center;
background-size:100% auto
}
.idz-videobg .mejs-controls,.idz-videobg .mejs-layers {
display:none !important
}
.idz-videobg .idz-cannotplay {
display:none
}
.idz-videobg-overlay {
z-index:1;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.4)
}
.idz-videobg-content {
position:relative;
z-index:2;
*zoom:1
}
.idz-videobg-content:before,.idz-videobg-content:after {
content:" ";
display:table
}
.idz-videobg-content:after {
clear:both
}
.idz-video-iframe {
position:relative;
padding-bottom:56.25%;
padding-top:0;
height:0;
overflow:hidden
}
.idz-video-iframe iframe {
border:none;
height:100%;
left:0;
position:absolute;
top:0;
width:100%
}