/* se formateo en https://www.cleancss.com/css-beautify/ */
 html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent
}
article,aside,figure,footer,header,hgroup,nav,section{
    display:block
}
.clearfix:before,.clearfix:after{
    display:table;
    content:""
}
.clearfix:after{
    clear:both
}
.ie7 .clearfix{
    zoom:1
}
.clear{
    clear:both
}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{
    position:static;
    clip:auto;
    height:auto;
    width:auto;
    margin:0;
    overflow:visible
}
@font-face{
    font-family:"Open Sans";
    src:url('../fonts/opensans-regular-webfont.eot');
    src:url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/opensans-regular-webfont.woff') format('woff'),url('../fonts/opensans-regular-webfont.ttf') format('truetype'),url('../fonts/opensans-regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'Univers';
    src:url('../fonts/univeultcon-webfont.eot');
    src:url('../fonts/univeultcon-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/univeultcon-webfont.woff') format('woff'),url('../fonts/univeultcon-webfont.ttf') format('truetype'),url('../fonts/univeultcon-webfont.svg#univeultcon') format('svg');
    font-weight:400;
    font-style:normal
}
html{
    background:#bfbfbf url('../images/bg_pattern.png') repeat top center fixed;
    font-size:62.5%;
    -webkit-overflow-scrolling:touch;
    -webkit-tap-highlight-color:#fff;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
::-moz-selection{
    color:#fff;
    background-color:#a411a9;
    text-shadow:none
}
::selection{
    color:#fff;
    background-color:#a411a9;
    text-shadow:none
}
body{
    width:100%;
    height:100%;
    overflow-x:hidden;
    font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    font-size:1.6rem;
    line-height:1.5em;
    color:#111
}
h1,h2,h3,h4,h5,h6{
    margin:0;
    font-family:inherit;
    font-weight:700;
    color:inherit;
    text-rendering:optimizelegibility
}
h1 small,h2 small{
    font-weight:400;
    color:#bfbfbf
}
h1{
    margin-bottom:.75em;
    font-size:32px;
    font-size:3.2rem;
    line-height:1.2
}
h2{
    margin-bottom:.75em;
    font-size:24px;
    font-size:2.4rem;
    line-height:1.2
}
h3{
    margin-bottom:.75em;
    font-size:21px;
    font-size:2.1rem;
    line-height:1.3
}
h4{
    margin-bottom:.75em;
    font-size:18px;
    font-size:1.8rem;
    line-height:1.25
}
h5{
    font-size:16px;
    font-size:1.6rem;
    margin-bottom:.75em
}
h6{
    margin-bottom:1.5em;
    font-size:14px;
    font-size:1.4rem;
    font-weight:400;
    letter-spacing:1px;
    text-transform:uppercase
}
.no-bottom{
    margin-bottom:0!important
}
p,ol,ul,dl,address{
    margin-bottom:1.5em
}
.small{
    font-size:13px;
    font-size:1.3rem
}
ul,ol{
    margin:0 0 1.5em 24px;
    list-style-position:inside
}
ul{
    list-style-type:none
}
ol{
    list-style-type:decimal
}
ul.square{
    list-style-type:square
}
ul.circle{
    list-style-type:circle
}
ul.disc{
    list-style-type:disc
}
ol.upper-roman{
    list-style-type:upper-roman
}
ol.lower-roman{
    list-style-type:lower-roman
}
ol.upper-alpha{
    list-style-type:upper-alpha
}
ol.lower-alpha{
    list-style-type:lower-alpha
}
.list-bordered{
    list-style-type:none;
    margin:0 0 1.5em 0;
    padding:0
}
.list-bordered li{
    margin-bottom:.375em;
    padding-bottom:.375em;
    border-bottom:1px dotted #e6e6e6
}
em{
    font-style:italic
}
strong{
    font-weight:700
}
small{
    font-size:80%
}
li ul,li ol{
    margin:0
}
blockquote{
    position:relative;
    margin:0 0 1.5em;
    padding-left:24px;
    padding-right:24px;
    border-left:1px dotted #b3b3b3;
    font-family:Cambria,Georgia,Times,"Times New Roman";
    font-style:italic;
    color:#515151
}
blockquote:before,blockquote:after{
    content:''
}
cite{
    display:block;
    text-indent:42px;
    position:relative
}
cite:before{
    content:"\201c";
    font-weight:700;
    font-style:normal;
    font:94px/74px Arial;
    position:absolute;
    top:-2px;
    left:-36px
}
cite a,cite a:visited,cite a:visited{
    color:#515151
}
dl,dd{
    margin-bottom:1.5em
}
dt{
    font-weight:700
}
abbr[title]{
    border-bottom:1px dotted #e6e6e6;
    cursor:help
}
dfn{
    font-style:italic
}
ins{
    background-color:#fff;
    color:#111;
    text-decoration:none
}
mark{
    background-color:#fff;
    color:#111;
    font-style:italic;
    font-weight:700
}
pre,code,kbd,samp{
    font-family:Monaco,Courier New,monospace;
    font-size:14px;
    font-size:1.4rem;
    line-height:1.5em
}
pre{
    white-space:pre;
    white-space:pre-wrap;
    word-wrap:break-word
}
sub,sup{
    position:relative;
    font-size:12px;
    font-size:1.2rem;
    line-height:0
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
hr{
    display:block;
    margin:1em 0;
    padding:0;
    height:1px;
    border:0;
    border-top:1px solid #e6e6e6;
    border-bottom:1px solid #fff
}
img{
    max-width:100%;
    border-width:0;
    vertical-align:middle;
    -ms-interpolation-mode:bicubic
}
p img.left{
    float:left;
    margin:5px 12px .75em 0
}
p img.right{
    float:right;
    margin:5px 0 .75em 12px
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin-bottom:1.5em
}
figure img{
    margin-bottom:.375em
}
figure figcaption{
    display:block;
    font-weight:400;
    font-size:14px;
    font-size:1.4rem;
    color:#808080
}
a{
    text-decoration:none;
    color:#a411a9
}
a:visited{
    color:#4a084c
}
a:hover{
    text-decoration:underline;
    color:#770c7b
}
a:focus{
    outline:thin dotted;
    color:#1d031e
}
a:hover,a:active{
    outline:0
}
table{
    width:100%;
    max-width:100%;
    margin-bottom:1.5em;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#fff;
    border:1px solid #d9d9d9
}
table th,table td{
    padding:4px;
    vertical-align:top;
    border:1px solid #d9d9d9;
    font-size:14px;
    font-size:1.4rem;
    line-height:1.5em;
    text-align:left
}
table th{
    font-weight:700;
    text-transform:uppercase;
    background-color:#a411a9;
    border:1px solid #890e8d;
    color:#fff
}
table thead th{
    vertical-align:bottom
}
table tbody+tbody{
    border-top:2px solid #d9d9d9
}
table tbody tr td,table tbody tr th{
    -webkit-transition:background-color .25s linear;
    -moz-transition:background-color .25s linear;
    -ms-transition:background-color .25s linear;
    -o-transition:background-color .25s linear;
    transition:background-color .25s linear
}
table tbody tr:hover td,table tbody tr:hover th{
    background-color:#ededed!important
}
table.table-striped tbody tr:nth-child(odd) td,table.table-striped tbody tr:nth-child(odd) th{
    background-color:#fafafa
}
.button,button,input[type=submit],input[type=reset],input[type=button]{
    display:inline-block;
    padding:8px 12px;
    margin-bottom:1.5em;
    font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    font-size:1.3rem;
    font-weight:700;
    text-transform:uppercase;
    vertical-align:middle;
    text-decoration:none;
    cursor:pointer;
    color:#fff;
    background-color:#a411a9;
    border:0;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -ms-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear
}
.button.small,button.small,input[type=submit].small,input[type=reset].small,input[type=button].small{
    font-size:11px;
    font-size:1.1rem;
    margin-bottom:0;
    padding:0 4px
}
.button.big,button.big,input[type=submit].big,input[type=reset].big,input[type=button].big{
    font-size:21px;
    font-size:2.1rem;
    padding:1.25em 1.7999999999999998em
}
.button:visited,button:visited,input[type=submit]:visited,input[type=reset]:visited,input[type=button]:visited,.button:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover{
    color:#fff;
    text-decoration:none
}
.button:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover,.button:focus,button:focus,input[type=submit]:focus,input[type=reset]:focus,input[type=button]:focus{
    background-color:#770c7b;
    color:#fff
}
.button:active,button:active,input[type=submit]:active,input[type=reset]:active,input[type=button]:active{
    background-color:#610a63
}
.button.full-width,button.full-width,input[type=submit].full-width,input[type=reset].full-width,input[type=button].full-width{
    width:100%;
    padding-left:0!important;
    padding-right:0!important;
    text-align:center
}
.button.button-disabled,button.button-disabled,input[type=submit].button-disabled,input[type=reset].button-disabled,input[type=button].button-disabled{
    opacity:.5;
    filter:alpha(opacity=50);
    cursor:default
}
.button.grey,button.grey,input[type=submit].grey,input[type=reset].grey,input[type=button].grey{
    background-color:#e6e6e6;
    color:#000
}
.button.grey:hover,button.grey:hover,input[type=submit].grey:hover,input[type=reset].grey:hover,input[type=button].grey:hover,.button.grey:focus,button.grey:focus,input[type=submit].grey:focus,input[type=reset].grey:focus,input[type=button].grey:focus{
    background-color:#ccc
}
.button.grey:active,button.grey:active,input[type=submit].grey:active,input[type=reset].grey:active,input[type=button].grey:active{
    background-color:#bfbfbf
}
.button.dark,button.dark,input[type=submit].dark,input[type=reset].dark,input[type=button].dark{
    background-color:#111;
    color:#fff
}
.button.dark:hover,button.dark:hover,input[type=submit].dark:hover,input[type=reset].dark:hover,input[type=button].dark:hover,.button.dark:focus,button.dark:focus,input[type=submit].dark:focus,input[type=reset].dark:focus,input[type=button].dark:focus{
    background-color:#2b2b2b
}
.button.dark:active,button.dark:active,input[type=submit].dark:active,input[type=reset].dark:active,input[type=button].dark:active{
    background-color:#373737
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
form{
    margin-bottom:1.5em
}
label,legend{
    display:block;
    font-weight:700;
    font-size:13px;
    font-size:1.3rem
}
label.checkbox{
    margin-bottom:.75em
}
input[type=text],input[type=password],input[type=email],textarea,select{
    border:1px solid #bfbfbf;
    outline:0;
    font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    font-size:1.3rem;
    color:#000;
    width:230px;
    max-width:100%;
    display:block;
    background:#fff;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    margin:0 0 1.5em;
    padding:6px 4px
}
input[type=text].full-width,input[type=password].full-width,input[type=email].full-width,textarea.full-width,select.full-width{
    width:100%
}
input[type=text]:hover,input[type=password]:hover,input[type=email]:hover,textarea:hover,select:hover{
    border:1px solid #eb64ef
}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,textarea:focus,select:focus{
    border:1px solid #a411a9;
    -webkit-box-shadow:0 0 3px rgba(0,0,0,.15);
    -moz-box-shadow:0 0 3px rgba(0,0,0,.15);
    box-shadow:0 0 3px rgba(0,0,0,.15)
}
input[type=text]:focus:invalid,input[type=password]:focus:invalid,input[type=email]:focus:invalid,textarea:focus:invalid,select:focus:invalid{
    border-color:#e55
}
input[type=text][readonly],input[type=password][readonly],input[type=email][readonly],textarea[readonly],select[readonly],input[type=text][readonly],input[type=password][readonly],input[type=email][readonly],textarea[readonly],select[readonly]{
    opacity:.5;
    filter:alpha(opacity=50);
    cursor:not-allowed
}
.ie7 input[type=text].full-width,.ie7 input[type=password].full-width,.ie7 input[type=email].full-width,.ie7 textarea.full-width,.ie7 select.full-width{
    width:85%
}
textarea{
    width:450px;
    min-height:60px;
    overflow:auto
}
input.inline{
    display:inline-block
}
select{
    width:230px
}
.oldie select{
    width:240px
}
input[type=checkbox],input[type=radio]{
    display:inline;
    position:relative;
    top:1px
}
label span,legend span{
    font-weight:400;
    font-size:12px;
    font-size:1.2rem
}
::-webkit-input-placeholder,:-moz-placeholder{
    color:#ccc
}
.video-container{
    position:relative;
    padding-bottom:56.25%;
    height:0;
    overflow:hidden;
    background:url("../images/loading.gif") no-repeat center center;
    background-color:rgba(0,0,0,.02)
}
.video-container iframe,.video-container object,.video-container embed,.video-container img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.video-wrapper{
    max-width:100%
}
.call-to-action{
    margin-bottom:1.5em;
    border:1px dotted #b3b3b3;
    background:#f7f7f7;
    padding:10px
}
.call-to-action h3,.call-to-action a{
    margin-bottom:0
}
.call-to-action p{
    font-style:italic;
    margin-bottom:5px;
    color:#808080;
    font-size:90%
}
.features-boxes{
    margin-bottom:1.5em;
    border:1px dotted #b3b3b3;
    background:#f7f7f7;
    text-align:center
}
.features-boxes .box .inner{
    padding:20px;
    border-bottom:1px dotted #b3b3b3
}
.features-boxes .box .inner p{
    color:#808080;
    font-size:13px;
    font-size:1.3rem;
    margin-bottom:0
}
.features-boxes .box .inner p a{
    display:block;
    margin-top:.75em;
    text-decoration:none;
    text-transform:uppercase;
    font-style:normal;
    font-weight:700
}
.features-boxes .box .inner p a:hover{
    color:#111
}
.features-boxes .box .inner p a span{
    position:relative;
    top:-1px
}
.features-boxes .box .inner img{
    margin-bottom:.75em
}
.features-boxes .last .inner{
    border-bottom:0
}
.sep{
    margin-bottom:1.5em;
    height:.2em;
    border-top:1px dotted #b3b3b3;
    position:relative;
    clear:both
}
.sep span,.sep:after{
    display:block;
    position:absolute;
    left:0;
    top:1px;
    width:100%;
    border-top:1px dotted #b3b3b3
}
.sep:after{
    content:'';
    top:3px
}
.sep-margin-top{
    margin-top:1.5em
}
.sep-no-margin{
    margin-bottom:0
}
.thumb{
    margin-bottom:1.5em;
    max-width:100%

}
.thumb a.image-link,.thumb img{
    display:inline-block;
    max-width:100%
}
.thumb a.image-link{
    position:relative
}
.thumb .icon-fullsize,.thumb .icon-link,.thumb .icon-video{
    position:absolute;
    top:50%;
    left:50%;
    display:block;
    width:63px;
    height:63px;
    margin-left:-31px;
    margin-top:-31px;
    background:url("../images/sprite.png") no-repeat -999px 0;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transform:rotateZ(180deg);
    -moz-transform:rotateZ(180deg);
    -ms-transform:rotateZ(180deg);
    -o-transform:rotateZ(180deg);
    transform:rotateZ(180deg);
    -webkit-transition:all 200ms linear;
    -moz-transition:all 200ms linear;
    -ms-transition:all 200ms linear;
    -o-transition:all 200ms linear;
    transition:all 200ms linear
}
.thumb .icon-fullsize{
    background-position:-243px 0
}
.thumb .icon-link{
    background-position:-307px 0
}
.thumb .icon-video{
    background-position:-371px 0
}
.thumb a.image-link:hover span{
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transform:none;
    -moz-transform:none;
    -ms-transform:none;
    -o-transform:none;
    transform:none
}
.thumb .info{
    margin-top:.75em
}
.thumb .info h4{
    margin-bottom:.2em
}
.thumb .info h4 a{
    margin-bottom:0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px
}
.thumb .info em{
    display:block;
    color:#919191;
    font-size:12px;
    font-size:1.2rem
}
.rotator .rotator-item{
    display:none
}
.rotator .rotator-item:first-child,.rotator .first-child{
    display:block
}
.rotator .prev,.rotator .next{
    display:inline-block;
    width:25px;
    height:25px;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    background:url("../images/sprite.png") no-repeat -999px 0
}
.rotator .prev{
    background-position:-434px 0
}
.rotator .prev:hover{
    background-position:-434px -25px
}
.rotator .next{
    background-position:-459px 0
}
.rotator .next:hover{
    background-position:-459px -25px
}
.accordion{
    margin-left:0
}
.accordion .accordion-title{
    cursor:pointer;
    padding-bottom:5px;
    margin-bottom:0
}
.accordion .accordion-title:before{
    font-size:11px;
    font-family:Arial,sans-serif;
    content:'+';
    font-weight:400;
    float:left;
    width:19px;
    height:19px;
    line-height:19px;
    position:relative;
    top:3px;
    margin-right:8px;
    text-align:center;
    background:#000;
    color:#fff
}
.accordion .accordion-content{
    font-size:13px;
    font-size:1.3rem;
    height:0;
    margin-bottom:5px;
    overflow:hidden;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:all .25s linear;
    -moz-transition:all .25s linear;
    -ms-transition:all .25s linear;
    -o-transition:all .25s linear;
    transition:all .25s linear
}
.accordion .active .accordion-title:before,.accordion .accordion .accordion-title:hover:before{
    background:#a411a9
}
.accordion .active .accordion-title:before,.accordion .no-js .accordion .accordion-title:before{
    content:'\2013'
}
.accordion .active .accordion-content,.accordion .no-js .accordion .accordion-content{
    height:auto;
    opacity:1;
    filter:alpha(opacity=100)
}
.ie7 .accordion .accordion-title:before{
    content:'';
    width:0;
    margin:0;
    display:none
}
.ie7 .accordion .active .accordion-title{
    color:#a411a9
}
.tab-container{
    margin-bottom:1.5em
}
.tab-container .tab_content{
    border:1px solid #e6e6e6;
    background:#fff;
    padding:20px 20px 0
}
.tab-container .tabs{
    list-style:none;
    margin:0
}
.tab-container .tabs li{
    float:left;
    margin:3px 5px 0 0
}
.tab-container .tabs li a{
    display:block;
    text-decoration:none;
    color:#808080;
    background:#f9f9f9;
    border:1px solid #e6e6e6;
    border-bottom:0;
    padding:5px 15px;
    font-size:13px;
    font-size:1.3rem
}
.tab-container .tabs li a:hover{
    background-color:#e6e6e6
}
.tab-container .tabs li.active{
    margin-top:0;
    margin-bottom:-1px
}
.tab-container .tabs li.active a{
    color:#a411a9;
    border-top:3px solid #a411a9;
    background:#fff;
    padding:6px 20px
}
.oldie .tabs li.active{
    position:relative;
    top:1px
}
.dropcap{
    float:left;
    background-color:#e6e6e6;
    width:44px;
    height:44px;
    line-height:44px;
    text-align:center;
    font-size:23px;
    font-size:2.3rem;
    margin:2px 8px 0 0
}
.dropcap.color{
    background-color:#a411a9;
    color:#fff
}
.alert{
    position:relative;
    margin-bottom:.75em;
    font-size:13px;
    font-size:1.3rem;
    border-left:3px solid #ccc;
    padding:10px 12px
}
.alert.info{
    background-color:#f1f1f1;
    border-color:#cbcbcb
}
.alert.success{
    background-color:#dbfac9;
    border-color:#acf483
}
.alert.notice{
    background-color:#fff8be;
    border-color:#fff072
}
.alert.error{
    background-color:#ffc7b9;
    border-color:#ff8a6d
}
.pricing-table .price-item{
    text-align:center;
    border:1px solid #e6e6e6;
    margin-bottom:1.5em
}
.pricing-table .price-item .price-title{
    background-color:#e6e6e6;
    border-bottom:1px solid #e6e6e6;
    margin:0;
    padding:10px
}
.pricing-table .price-item .price-tag{
    display:block;
    border-bottom:1px solid #e6e6e6;
    margin-bottom:1.5em;
    padding:10px
}
.pricing-table .price-item .price-tag span{
    font-size:13px;
    font-weight:400;
    color:#bfbfbf
}
.pricing-table .price-item ul{
    display:block;
    padding:0 10px;
    margin-left:0
}
.pricing-table .special{
    border-color:#a411a9
}
.pricing-table .special .price-title,.pricing-table .special .price-tag{
    border-color:#a411a9
}
.pricing-table .special .price-title{
    background-color:#a411a9;
    color:#fff
}
.tipsy{
    font-size:11px;
    font-size:1.1rem;
    position:absolute;
    padding:5px;
    z-index:100000
}
.tipsy .tipsy-inner{
    background-color:#111;
    color:#fff;
    max-width:200px;
    padding:4px 12px;
    text-align:center;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px
}
.tipsy .tipsy-arrow{
    position:absolute;
    width:0;
    height:0;
    line-height:0;
    border:5px dashed #111
}
.tipsy .tipsy-arrow-n{
    border-bottom-color:#111;
    top:0;
    left:50%;
    margin-left:-5px;
    border-bottom-style:solid;
    border-top:0;
    border-left-color:transparent;
    border-right-color:transparent
}
.tipsy .tipsy-arrow-s{
    border-top-color:#111;
    bottom:0;
    left:50%;
    margin-left:-5px;
    border-top-style:solid;
    border-bottom:0;
    border-left-color:transparent;
    border-right-color:transparent
}
.tipsy .tipsy-arrow-e{
    border-left-color:#111;
    right:0;
    top:50%;
    margin-top:-5px;
    border-left-style:solid;
    border-right:0;
    border-top-color:transparent;
    border-bottom-color:transparent
}
.tipsy .tipsy-arrow-w{
    border-right-color:#111;
    left:0;
    top:50%;
    margin-top:-5px;
    border-right-style:solid;
    border-left:0;
    border-top-color:transparent;
    border-bottom-color:transparent
}
#supersized-loader{
    position:absolute;
    top:50%;
    left:50%;
    z-index:0;
    width:40px;
    height:40px;
    margin:-20px 0 0 -20px;
    text-indent:-999em;
    background:#fff url('../images/loading.gif') no-repeat center center;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px
}
#supersized{
    display:block;
    position:fixed;
    left:0;
    top:0;
    overflow:hidden;
    z-index:-999;
    height:100%;
    width:100%;
    visibility:hidden
}
#supersized img{
    width:auto;
    height:auto;
    max-height:none;
    max-width:none;
    position:relative;
    display:none;
    outline:0;
    border:0
}
#supersized li{
    display:block;
    list-style:none;
    z-index:-30;
    position:fixed;
    overflow:hidden;
    top:0;
    left:0;
    width:100%;
    height:100%
}
#supersized li.prevslide{
    z-index:-20
}
#supersized li.activeslide{
    z-index:-10
}
#supersized li.image-loading{
    background:url('../images/loading.gif') no-repeat center center;
    width:100%;
    height:100%
}
#supersized li.image-loading img{
    visibility:hidden
}
#supersized li.prevslide img,#supersized li.activeslide img{
    display:inline
}
#supersized a{
    width:100%;
    height:100%;
    display:block
}
#supersized.speed img{
    -ms-interpolation-mode:nearest-neighbor;
    image-rendering:-moz-crisp-edges
}
#supersized.quality img{
    -ms-interpolation-mode:bicubic;
    image-rendering:optimizeQuality
}
@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5){
    #supersized-loader,#supersized li.image-loading{
         background-image:url("images/loading2.html");
        -webkit-background-size:26px 26px;
        -moz-background-size:26px 26px;
        -o-background-size:26px 26px;
        background-size:26px 26px
    }
}
#okvideo-loader{
    position:absolute;
    top:50%;
    left:50%;
    z-index:0;
    width:40px;
    height:40px;
    margin:-20px 0 0 -20px;
    text-indent:-999em;
    background:#fff url('../images/loading.gif') no-repeat center center;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px
}
@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5){
    #okvideo-loader{
         background-image:url("images/loading2.html");
        -webkit-background-size:26px 26px;
        -moz-background-size:26px 26px;
        -o-background-size:26px 26px;
        background-size:26px 26px
    }
}
.panorama{
    position:absolute;
    z-index:-999;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.panorama .panorama-view{
    width:100%;
    height:100%;
    overflow:hidden;
    cursor:url("../images/openhand.cur"),default
}
.panorama .grab{
    cursor:url("../images/closedhand.cur"),default
}
.panorama .panorama-container{
    position:relative
}
.panorama .panorama-container img{
    height:100%;
    position:absolute;
    top:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    user-select:none
}
.panorama .info,.panorama .area{
    position:absolute;
    display:block
}
.panorama .info{
    right:10px;
    bottom:10px
}
.panorama .controls{
    position:absolute;
    left:10px;
    bottom:10px
}
.panorama .controls a{
    display:block;
    float:left;
    margin-right:5px
}
.panorama .controls a span{
    display:block;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    background:url("../images/panorama-controls.png") no-repeat -999px 0
}
.panorama .controls a.prev span,.panorama .controls a.next span{
    width:10px;
    height:14px
}
.panorama .controls a.prev span{
    background-position:0 0
}
.panorama .controls a.next span{
    background-position:-11px 0
}
.panorama .controls a.stop span{
    margin:2px 1px;
    width:10px;
    height:10px;
    background-position:-22px -2px
}
.panorama .info,.panorama .controls a{
    opacity:.6;
    filter:alpha(opacity=60);
    background-color:#000;
    color:#fff;
    font:bold 11px/14px Arial,sans-serif;
    text-decoration:none;
    padding:6px 7px;
    cursor:pointer;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    -webkit-transition:all .25s linear;
    -moz-transition:all .25s linear;
    -ms-transition:all .25s linear;
    -o-transition:all .25s linear;
    transition:all .25s linear
}
.panorama .info:hover,.panorama .controls a:hover{
    opacity:.8;
    filter:alpha(opacity=80)
}
.panorama .panorama-view .area{
    opacity:.4;
    filter:alpha(opacity=40);
    background-color:#fff;
    cursor:pointer;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    -o-border-radius:100%;
    border-radius:100%;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden
}
.panorama .panorama-view .area:hover{
    opacity:.6;
    filter:alpha(opacity=60)
}
.panorama .preloader{
    position:absolute;
    top:50%;
    left:50%;
    z-index:0;
    width:40px;
    height:40px;
    margin:-20px 0 0 -20px;
    text-indent:-999em;
    background:#fff url('../images/loading.gif') no-repeat center center;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px
}
@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5){
    .panorama .controls a.prev span,.panorama .controls a.stop span,.panorama .controls a.next span{
         background-image:url("images/panorama-controls2.html");
        -webkit-background-size:32px 14px;
        background-size:32px 14px
    }
    .panorama .preloader{
        background-image:url("images/loading2.html");
        -webkit-background-size:26px 26px;
        -moz-background-size:26px 26px;
        -o-background-size:26px 26px;
        background-size:26px 26px
    }
}
.panzerlist{
    width:300px;
    display:block;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    user-select:none;
    background:#fff
}
div.panzerlist-expand{
    width:100%
}
.panzerlist .player{
    position:relative;
    padding:3px;
    height:28px;
    text-align:left
}
.panzerlist-unsupported .player{
    height:auto
}
.panzerlist .controls{
    float:left;
    width:74px;
    height:28px;
    overflow:hidden
}
.hide-prev-next .player .controls{
    width:28px
}
.panzerlist .controls span,.panzerlist .controls a{
    float:left;
    width:28px;
    height:28px;
    background-position:0 0;
    cursor:pointer
}
.panzerlist .controls span:hover,.panzerlist .controls span.hover,.panzerlist .controls a:hover{
    background-position:-28px 0
}
.panzerlist .controls span:active,.panzerlist .controls span.active,.panzerlist .controls a:active{
    background-position:-56px 0
}
.panzerlist .controls em{
    display:block
}
.panzerlist .controls .play em{
    width:9px;
    height:12px;
    margin-top:9px;
    margin-left:11px;
    background-position:-85px -1px
}
.panzerlist .controls .pause em{
    width:9px;
    height:11px;
    margin-top:9px;
    margin-left:10px;
    background-position:-94px -1px
}
.panzerlist .controls .prev-next{
    float:left;
    margin-top:3px;
    margin-left:2px;
    width:43px;
    height:23px
}
.panzerlist .controls .prev-next span{
    float:left;
    width:21px;
    height:22px
}
.panzerlist .controls .prev-next span.prev{
    background-position:0 -102px
}
.panzerlist .controls .prev-next span.prev:hover{
    background-position:-43px -102px
}
.panzerlist .controls .prev-next span.prev:active{
    background-position:-86px -102px
}
.panzerlist .controls .prev-next span.next{
    width:22px;
    background-position:-21px -102px
}
.panzerlist .controls .prev-next span.next:hover{
    background-position:-64px -102px
}
.panzerlist .controls .prev-next span.next:active{
    background-position:-107px -102px
}
.panzerlist strong.alert{
    font:13px/18px "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:400;
    display:block;
    padding:0 4px;
    text-align:left
}
.panzerlist .progress-wrapper{
    position:absolute;
    height:11px;
    left:77px;
    top:12px;
    right:104px
}
.hide-prev-next .progress-wrapper{
    left:33px
}
.panzerlist .volume-wrapper{
    position:absolute;
    width:70px;
    height:11px;
    top:12px;
    right:3px
}
.panzerlist span.duration{
    position:absolute;
    top:0;
    right:74px;
    font:10px/35px "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    cursor:default
}
.panzerlist span.small{
    font-size:9px
}
.panzerlist .progress,.panzerlist .volume{
    position:relative;
    margin:0 5px;
    height:11px;
    background-position:0 -79px;
    z-index:1
}
.panzerlist .volume{
    float:right;
    width:40px
}
.panzerlist .volume-wrapper span{
    float:left;
    position:relative;
    top:-3px;
    left:1px;
    width:17px;
    height:15px;
    background-position:-136px 0
}
.panzerlist .progress:before,.panzerlist .progress:after,.panzerlist .volume:before,.panzerlist .volume:after{
    position:absolute;
    top:0;
    content:'';
    width:5px;
    height:11px;
    z-index:1
}
.panzerlist .progress:before,.panzerlist .volume:before{
    left:-5px;
    background-position:-112px -1px
}
.panzerlist .progress:after,.panzerlist .volume:after{
    right:-5px;
    background-position:-119px -1px
}
.panzerlist .progress .elapsed,.panzerlist .volume .set{
    position:relative;
    height:10px;
    background-position:0 -90px;
    z-index:2
}
.panzerlist .progress .elapsed:before,.panzerlist .progress .elapsed:after,.panzerlist .volume .set:before,.panzerlist .volume .set:after{
    position:absolute;
    top:0;
    content:'';
    width:6px;
    height:10px
}
.panzerlist .progress .elapsed:before,.panzerlist .volume .set:before{
    left:-5px;
    background-position:-124px -1px
}
.panzerlist .progress .elapsed:after,.panzerlist .volume .set:after{
    right:-5px;
    background-position:-130px -1px
}
.panzerlist .cover{
    position:relative
}
.panzerlist .cover:after{
    content:"";
    display:block;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    -webkit-background-origin:border-box;
    -moz-background-origin:border;
    background-origin:border-box;
    background:-webkit-gradient(linear,left top,right bottom,color-stop(0,rgba(255,255,255,.05)),color-stop(0.5,rgba(255,255,255,.07)),color-stop(0.501,rgba(255,255,255,0)),color-stop(1,rgba(255,255,255,0)));
    background:-moz-linear-gradient(left top,rgba(255,255,255,.05),rgba(255,255,255,.07) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0));
    background:-o-linear-gradient(left top,rgba(255,255,255,.05),rgba(255,255,255,.07) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0));
    background:linear-gradient(left top,rgba(255,255,255,.05),rgba(255,255,255,.07) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0))
}
.panzerlist-expand .cover:after{
    display:none
}
.panzerlist .cover img{
    display:block;
    margin:0 auto;
    border:0;
    max-width:100%;
    height:auto
}
.panzerlist .title{
    padding:4px;
    text-align:center;
    font:12px/20px "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    cursor:default
}
.panzerlist .list{
    text-align:left;
    cursor:default
}
.hide-list .list{
    display:none
}
.panzerlist .list a{
    padding:4px 6px;
    display:block;
    font:14px/20px "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:400;
    text-decoration:none;
    outline:0;
    border:0
}
.panzerlist-big .player{
    padding:0 5px 5px;
    height:74px
}
.panzerlist-unsupported .player{
    height:auto
}
.panzerlist-big .controls{
    width:127px;
    height:49px;
    margin-top:25px;
    overflow:hidden
}
.panzerlist-big.hide-prev-next .player .controls{
    width:49px
}
.panzerlist-big .controls span,.panzerlist-big .controls a{
    width:49px;
    height:49px;
    background-position:0 -29px;
    margin:0;
    padding:0;
    border:0
}
.panzerlist-big .controls span:hover,.panzerlist-big .controls span.hover,.panzerlist-big .controls a:hover{
    background-position:-49px -29px
}
.panzerlist-big .controls span:active,.panzerlist-big .controls span.active,.panzerlist-big .controls a:active{
    background-position:-98px -29px
}
.panzerlist-big .controls .play em{
    width:15px;
    height:18px;
    margin-top:15px;
    margin-left:19px;
    background-position:-148px -33px
}
.panzerlist-big .controls .pause em{
    width:15px;
    height:19px;
    margin-top:15px;
    margin-left:17px;
    background-position:-148px -53px
}
.panzerlist-big .controls .prev-next{
    margin-top:7px;
    margin-left:4px;
    width:73px;
    height:35px
}
.panzerlist-big .controls .prev-next span{
    float:left;
    width:35px;
    height:34px
}
.panzerlist-big .controls .prev-next span.prev{
    margin-left:1px;
    background-position:-1px -126px
}
.panzerlist-big .controls .prev-next span.prev:hover{
    background-position:-73px -126px
}
.panzerlist-big .controls .prev-next span.prev:active{
    background-position:-145px -126px
}
.panzerlist-big .controls .prev-next span.next{
    width:36px;
    background-position:-36px -126px
}
.panzerlist-big .controls .prev-next span.next:hover{
    background-position:-108px -126px
}
.panzerlist-big .controls .prev-next span.next:active{
    background-position:-180px -126px
}
.panzerlist-big strong.alert{
    font-size:15px
}
.panzerlist-big .progress-wrapper{
    left:6px;
    top:6px;
    right:6px
}
.panzerlist-big span.duration{
    top:25px;
    right:110px;
    font-size:12px;
    line-height:57px
}
.panzerlist-big span.small{
    font-size:11px;
    line-height:58px
}
.panzerlist-big .volume-wrapper{
    top:48px;
    right:6px;
    width:102px
}
.panzerlist-big .volume-wrapper .volume{
    width:70px
}
.panzerlist-big .title{
    padding:6px;
    font-size:14px
}
.panzerlist-big .list a{
    padding:6px 9px;
    font-size:15px;
    line-height:22px
}
.panzerlist-custom .controls span,.panzerlist-custom .controls a,.panzerlist-custom .controls em,.panzerlist-custom .progress,.panzerlist-custom .progress:before,.panzerlist-custom .progress:after,.panzerlist-custom .elapsed,.panzerlist-custom .elapsed:before,.panzerlist-custom .elapsed:after,.panzerlist-custom .volume,.panzerlist-custom .volume-wrapper span,.panzerlist-custom .volume:before,.panzerlist-custom .volume:after,.panzerlist-custom .volume .set,.panzerlist-custom .volume .set:before,.panzerlist-custom .volume .set:after{
    background-image:url('../images/panzerlist-sprite-custom.png')
}
.panzerlist-custom .list a{
    color:#808080
}
.panzerlist-custom .list a:hover{
    color:#000;
    background-color:#e6e6e6;
    background-color:rgba(0,0,0,.08)
}
.panzerlist-custom .list a.active{
    color:#fff;
    background-color:#111
}
.panzerlist-custom strong.alert{
    padding:5px 10px 10px
}
@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5){
    .panzerlist-custom .controls span,.panzerlist-custom .controls a,.panzerlist-custom .controls em,.panzerlist-custom .progress,.panzerlist-custom .progress:before,.panzerlist-custom .progress:after,.panzerlist-custom .elapsed,.panzerlist-custom .elapsed:before,.panzerlist-custom .elapsed:after,.panzerlist-custom .volume,.panzerlist-custom .volume-wrapper span,.panzerlist-custom .volume:before,.panzerlist-custom .volume:after,.panzerlist-custom .volume .set,.panzerlist-custom .volume .set:before,.panzerlist-custom .volume .set:after{
         background-image:url('../images/panzerlist-sprite-custom2.png');
        background-size:217px 161px
    }
}
.flexslider{
    position:relative;
    zoom:1
}
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{
    outline:0
}
.slides,.flex-control-nav,.flex-direction-nav{
    margin:0;
    padding:0;
    list-style:none
}
.flexslider .slides li{
    display:none;
    position:relative;
    margin:0;
    -webkit-backface-visibility:hidden
}
.no-js .flexslider .slides li:first-child{
    display:block
}
.flexslider .slides img{
    width:100%;
    display:block
}
.flex-pauseplay span{
    text-transform:capitalize
}
.flexslider .slides:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
html[xmlns] .slides{
    display:block
}
.flex-viewport{
    max-height:2000px;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease
}
.flexslider .slides{
    zoom:1
}
.ie7 .flex-direction-nav{
    height:0
}
.flex-direction-nav a{
    display:block;
    width:19px;
    height:30px;
    margin:-15px 0 0;
    text-align:center;
    position:absolute;
    top:50%;
    z-index:10;
    cursor:pointer;
    opacity:0;
    filter:alpha(opacity=0);
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    -webkit-transition:opacity 250ms linear;
    -moz-transition:opacity 250ms linear;
    -ms-transition:opacity 250ms linear;
    -o-transition:opacity 250ms linear;
    transition:opacity 250ms linear
}
.flex-direction-nav .flex-next{
    right:10px
}
.flex-direction-nav .flex-prev{
    left:10px
}
.flexslider:hover .flex-direction-nav a{
    opacity:1;
    filter:alpha(opacity=100)
}
.flexslider .flex-direction-nav .flex-disabled{
    opacity:.3;
    filter:alpha(opacity=30);
    cursor:default
}
.flex-control-nav{
    width:100%;
    position:absolute;
    bottom:40px;
    text-align:center
}
.flex-control-nav li{
    margin:0 6px;
    display:inline-block;
    zoom:1
}
.ie7 .flex-control-nav li{
    display:inline
}
.flex-control-paging li a{
    width:11px;
    height:11px;
    display:block;
    background:#666;
    background:rgba(0,0,0,.5);
    cursor:pointer;
    text-indent:-9999px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
    border-radius:20px
}
.flex-control-paging li a:hover{
    background:#333;
    background:rgba(0,0,0,.7)
}
.flex-control-paging li a.flex-active{
    background:#000;
    background:rgba(0,0,0,.9);
    cursor:default
}
.flex-control-thumbs{
    margin:5px 0 0;
    position:static;
    overflow:hidden
}
.flex-control-thumbs li{
    width:25%;
    float:left;
    margin:0
}
.flex-control-thumbs img{
    width:100%;
    display:block;
    opacity:.7;
    filter:alpha(opacity=70);
    cursor:pointer
}
.flex-control-thumbs img:hover{
    opacity:1;
    filter:alpha(opacity=100)
}
.flex-control-thumbs .flex-active{
    opacity:1;
    filter:alpha(opacity=100);
    cursor:default
}
.iosSlider{
    position:relative;
    top:0;
    left:0;
    overflow:hidden;
    padding-bottom:62.5%
}
.iosSlider .slider{
    width:100%;
    height:100%
}
.iosSlider .slide{
    float:left;
    position:relative
}
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{
    padding:0;
    margin:0;
    border:0;
    outline:0;
    vertical-align:top
}
.fancybox-wrap{
    position:absolute;
    top:0;
    left:0;
    z-index:8020
}
.fancybox-skin{
    position:relative;
    background:#f9f9f9;
    color:#444;
    text-shadow:none;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}
.fancybox-opened{
    z-index:8030
}
.fancybox-opened .fancybox-skin{
    -webkit-box-shadow:0 2px 10px rgba(0,0,0,.25);
    -moz-box-shadow:0 2px 10px rgba(0,0,0,.25);
    box-shadow:0 2px 10px rgba(0,0,0,.25)
}
.fancybox-outer,.fancybox-inner{
    position:relative
}
.fancybox-inner{
    overflow:hidden
}
.fancybox-type-iframe .fancybox-inner{
    -webkit-overflow-scrolling:touch
}
.fancybox-error{
    color:#444;
    font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin:0;
    padding:15px;
    white-space:nowrap
}
.fancybox-image,.fancybox-iframe{
    display:block;
    width:100%;
    height:100%
}
.fancybox-image{
    max-width:100%;
    max-height:100%
}
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{
    background-image:url("../images/fancybox_sprite.png");
    background-repeat:no-repeat
}
#fancybox-loading{
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-22px;
    margin-left:-22px;
    background-position:0 -108px;
    opacity:.8;
    cursor:pointer;
    z-index:8060
}
#fancybox-loading div{
    width:44px;
    height:44px;
    background:url("../images/loading.gif") center center no-repeat
}
.fancybox-close{
    position:absolute;
    top:-18px;
    right:-18px;
    width:36px;
    height:36px;
    cursor:pointer;
    z-index:8040
}
.fancybox-nav{
    position:absolute;
    top:0;
    width:40%;
    height:100%;
    cursor:pointer;
    text-decoration:none;
    background:transparent url(data:;
    base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    z-index:8040
}
.fancybox-prev{
    left:0
}
.fancybox-next{
    right:0
}
.fancybox-nav span{
    position:absolute;
    top:50%;
    width:36px;
    height:34px;
    margin-top:-18px;
    cursor:pointer;
    z-index:8040;
    visibility:hidden
}
.fancybox-prev span{
    left:10px;
    background-position:0 -36px
}
.fancybox-next span{
    right:10px;
    background-position:0 -72px
}
.fancybox-nav:hover span{
    visibility:visible
}
.fancybox-tmp{
    position:absolute;
    top:-99999px;
    left:-99999px;
    visibility:hidden;
    max-width:99999px;
    max-height:99999px;
    overflow:visible!important
}
.fancybox-lock{
    overflow:hidden
}
.fancybox-overlay{
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
    display:none;
    z-index:8010;
    background:url(data:;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAG0lEQVR42mIU4OHZwEAEYGIgEowqpI5CgAADAGiRAOzkX/wUAAAAAElFTkSuQmCC)
}
.fancybox-overlay-fixed{
    position:fixed;
    bottom:0;
    right:0
}
.fancybox-title{
    visibility:hidden;
    font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position:relative;
    text-shadow:none;
    z-index:8050
}
.fancybox-opened .fancybox-title{
    visibility:visible
}
.fancybox-title-float-wrap{
    position:absolute;
    bottom:0;
    right:50%;
    margin-bottom:-35px;
    z-index:8050;
    text-align:center
}
.fancybox-title-float-wrap .child{
    display:inline-block;
    margin-right:-100%;
    padding:2px 20px;
    background:transparent;
    background:rgba(0,0,0,.8);
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
    text-shadow:0 1px 2px #222;
    color:#FFF;
    font-weight:700;
    line-height:24px;
    white-space:nowrap
}
.fancybox-title-outside-wrap{
    position:relative;
    margin-top:10px;
    color:#fff
}
.fancybox-title-inside-wrap{
    padding-top:10px
}
.fancybox-title-over-wrap{
    position:absolute;
    bottom:0;
    left:0;
    color:#fff;
    padding:10px;
    background:#000;
    background:rgba(0,0,0,.8)
}
@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5){
    #fancybox-loading div{
         background-image:url("images/loading2.gif");
        -webkit-background-size:26px 26px;
        -moz-background-size:26px 26px;
        -o-background-size:26px 26px;
        background-size:26px 26px
    }
    #fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{
        background-image:url("images/fancybox_sprite2.png");
        -webkit-background-size:44px 152px;
        -moz-background-size:44px 152px;
        -o-background-size:44px 152px;
        background-size:44px 152px
    }
}
#header{
    position:relative;
    background-color:#fff
}
#header #logo{
    padding:10px;
    height:41px
}
#header #logo h1{
    margin-bottom:0
}
#header #logo h1 a,#header #logo h1 img{
    display:block
}
#header #logo h1 img{
    max-width:none;
    height:41px
}
#header nav{
    display:none
}
#header nav ul{
    margin:0
}
#header nav li a{
    display:block;
    color:#000;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -ms-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear
}
#header nav li a:hover{
    text-decoration:none
}
#header nav li.current_page_item>a{
    color:#aaa
}
#header nav li.arrow>a:after{
    float:right;
    content:'\00a0\002B'
}
#header nav li.show-menu>a:after{
    float:right;
    content:'\00a0\2013'
}
#header nav li ul{
    display:none;
    font-size:90%
}
#header nav li.show-menu>ul{
    display:block
}
#header nav.mobile{
    display:block
}
#header nav.mobile ul li{
    display:block;
    border-top:1px solid #e6e6e6
}
#header nav.mobile ul li a{
    padding:10px
}
#header nav.mobile ul li.current_page_item>a,#header nav.mobile ul li a:hover{
    color:#000;
    background-color:#e6e6e6;
    background-color:rgba(0,0,0,.05)
}
#header nav.mobile ul li ul{
    background-color:#e6e6e6;
    background-color:rgba(0,0,0,.02)
}
#header nav.mobile ul li ul li{
    border-top-color:#d9d9d9
}
#header nav.mobile ul li ul a{
    padding-left:20px
}
#header nav.mobile ul li ul ul a{
    padding-left:30px
}
#header #menu-switch{
    position:absolute;
    top:10px;
    right:10px;
    z-index:6
}
#header #menu-switch:after{
    content:'\00a0\2261'
}
#header .social-links,#header a.supersized-next,#header a.supersized-prev{
    display:none
}
#supersized-info,#okvideo-info,.flexslider .slides .info,.iosSlider .info{
    position:absolute;
    z-index:-2;
    left:0;
    bottom:0;
    width:100%;
    background-color:#fff
}
#supersized-info .inner,#okvideo-info .inner,.flexslider .slides .info .inner,.iosSlider .info .inner{
    padding:10px;
    position:relative
}
#supersized-info .inner h2,#okvideo-info .inner h2,.flexslider .slides .info .inner h2,.iosSlider .info .inner h2,#supersized-info .inner p,#okvideo-info .inner p,.flexslider .slides .info .inner p,.iosSlider .info .inner p{
    padding:0 30px;
    margin-bottom:0;
    text-align:center
}
#supersized-info .inner h2,#okvideo-info .inner h2,.flexslider .slides .info .inner h2,.iosSlider .info .inner h2{
    font-weight:400
}
#supersized-info .inner h2 a,#okvideo-info .inner h2 a,.flexslider .slides .info .inner h2 a,.iosSlider .info .inner h2 a{
    display:block;
    color:#111
}
#supersized-info .inner p,#okvideo-info .inner p,.flexslider .slides .info .inner p,.iosSlider .info .inner p{
    display:none;
    padding-top:6px;
    font-size:14px;
    font-size:1.4rem;
    color:#5e5e5e
}
#supersized-info a.supersized-next,#supersized-info a.supersized-prev{
    position:absolute;
    top:50%;
    display:block;
    width:40px;
    height:48px;
    margin-top:-24px;
    background-color:#fff;
    cursor:pointer
}
#supersized-info a.supersized-next span,#supersized-info a.supersized-prev span{
    display:block;
    width:19px;
    height:30px;
    margin-top:9px;
    background:url("../images/sprite.png") no-repeat -999px 0
}
#supersized-info a.supersized-prev{
    left:0
}
#supersized-info a.supersized-prev span{
    margin-left:10px;
    background-position:-166px 0
}
#supersized-info a.supersized-prev:hover span{
    background-position:-204px 0
}
#supersized-info a.supersized-next{
    right:0
}
#supersized-info a.supersized-next span{
    margin-left:12px;
    background-position:-185px 0
}
#supersized-info a.supersized-next:hover span{
    background-position:-223px 0
}
.flexslider .slides .info,.iosSlider .info{
    z-index:1
}
.flex-direction-nav a{
    top:auto;
    bottom:0;
    z-index:3;
    display:block;
    width:40px;
    height:48px;
    background-color:#fff;
    cursor:pointer
}
.flex-direction-nav a span{
    display:block;
    width:19px;
    height:30px;
    margin-top:9px;
    background:url("../images/sprite.png") no-repeat -999px 0
}
.flex-direction-nav a.flex-prev{
    left:0
}
.flex-direction-nav a.flex-prev span{
    margin-left:10px;
    background-position:-166px 0
}
.flex-direction-nav a.flex-prev:hover span{
    background-position:-204px 0
}
.flex-direction-nav a.flex-next{
    right:0
}
.flex-direction-nav a.flex-next span{
    margin-left:12px;
    background-position:-185px 0
}
.flex-direction-nav a.flex-next:hover span{
    background-position:-223px 0
}
#main,#footer{
    background:#fff
}
#main .wrapper,#footer .wrapper{
    padding:10px
}
h1,h2,h3,h4,h5{
    font-family:'Univers';
    font-weight:400;
    color:#111;
    text-transform:uppercase
}
.box{
    background:#e6e6e6;
    margin-bottom:1.5em;
    padding:12px
}
.portfolio-overview h4{
    margin-bottom:1em
}
.portfolio-overview p a.button{
    padding:4px 8px;
    margin-right:2px;
    margin-bottom:5px
}
.portfolio-overview .icon-date:before{
    content:'';
    float:left;
    width:13px;
    height:15px;
    margin-right:6px;
    position:relative;
    top:3px;
    left:1px;
    background:url("../images/sprite.png") no-repeat -487px 0
}
.navigation{
    position:relative;
    top:-6px
}
.navigation a{
    color:#000;
    font-size:15px;
    font-size:1.5rem;
    text-decoration:none;
    margin-bottom:10px;
    padding:5px
}
.navigation a:hover{
    color:#a411a9
}
.navigation a span{
    display:inline-block;
    width:19px;
    height:30px;
    position:relative;
    top:9px;
    background:url("../images/sprite.png") no-repeat -999px 0
}
.navigation .prev span{
    margin-right:8px;
    background-position:-166px 0
}
.navigation .prev:hover span{
    background-position:-204px 0
}
.navigation .next span{
    margin-left:8px;
    background-position:-185px 0
}
.navigation .next:hover span{
    background-position:-223px 0
}
.navigation .all{
    border-left:1px dotted #b3b3b3;
    padding-left:15px;
    margin-left:5px
}
.navigation .all span{
    width:30px;
    height:30px;
    margin-left:8px;
    background-position:-167px -32px
}
.navigation .all:hover span{
    background-position:-200px -32px
}
.navigation .no-border{
    border:0;
    margin-left:0;
    padding-left:0
}
.ie7 .navigation a span{
    display:inline;
    top:5px
}
.ie7 .navigation a.next span,.ie7 .navigation a.all span{
    left:8px
}
#sidebar h3{
    margin-bottom:3px
}
#sidebar .sep{
    margin-bottom:10px
}
#sidebar .big-links{
    margin-left:0
}
#sidebar .big-links li{
    margin-bottom:6px
}
#sidebar .big-links a{
    display:block;
    padding:6px 10px;
    border-left:3px solid #000;
    color:#000;
    background-color:#f2f2f2;
    -webkit-transition:all 100ms linear;
    -moz-transition:all 100ms linear;
    -ms-transition:all 100ms linear;
    -o-transition:all 100ms linear;
    transition:all 100ms linear
}
#sidebar .big-links a:hover{
    color:#770c7b;
    border-left:6px solid #770c7b;
    background-color:#ebebeb;
    text-decoration:none
}
#sidebar ul.comments{
    margin-top:1.5em
}
#sidebar ul.comments li{
    position:relative
}
#sidebar ul.comments li p{
    color:#808080
}
#sidebar ul.comments li:before{
    content:'';
    position:absolute;
    top:4px;
    left:-21px;
    width:15px;
    height:13px;
    margin-top:2px;
    margin-right:4px;
    background:url("../images/sprite.png") no-repeat -514px 0
}
#sidebar ul.tweets a{
    font-weight:700
}
#sidebar ul.tweets .date{
    color:#808080
}
.commentlist{
    list-style:none;
    margin-left:0
}
.commentlist .comment{
    border-top:1px dotted #e6e6e6;
    padding-top:1.5em;
    margin-top:1.5em
}
.commentlist .bypostauthor{
    border-top:3px solid #a411a9;
    background-color:#ddd;
    background-color:rgba(0,0,0,.05);
    padding-bottom:1.5em
}
.commentlist .comment .comment-author{
    float:left;
    margin-right:.75em
}
.commentlist .comment .comment-author img{
    display:block
}
.commentlist .comment h6{
    margin-bottom:5px
}
.commentlist .comment h6 a.name{
    text-decoration:none
}
.commentlist .comment a.reply{
    font-weight:400;
    text-transform:none;
    font-size:11px;
    margin-left:5px;
    position:relative;
    top:-1px
}
.commentlist .comment p{
    font-size:13px;
    line-height:19px;
    margin-bottom:0;
    margin-top:5px
}
.commentlist .comment p.date{
    font-size:12px
}
.commentlist .comment p.date:before{
    content:'';
    float:left;
    width:13px;
    height:15px;
    margin-right:6px;
    position:relative;
    top:1px;
    left:1px;
    background:url("../images/sprite.png") no-repeat -487px 0
}
.commentlist .comment .children{
    margin:0 0 0 2em;
    list-style:none
}
#footer{
    font-size:13px;
    font-size:1.3rem
}
#footer h4{
    padding-bottom:10px;
    border-bottom:1px dotted #b3b3b3
}
#footer blockquote{
    border-left:0;
    padding:0
}
#footer .copyright{
    margin-bottom:0;
    color:#808080;
    font-size:11px;
    font-size:1.1rem
}
#footer .rotator{
    position:relative
}
#footer .rotator .prev,#footer .rotator .next{
    position:absolute;
    top:-48px
}
#footer .rotator .next{
    left:111px
}
#footer .rotator .prev{
    left:84px
}
#footer .post-item{
    margin-bottom:.75em
}
#footer .post-item img{
    float:left;
    margin-right:.75em
}
#footer .post-item .title{
    line-height:16px;
    padding-top:6px;
    margin-bottom:0
}
#footer .post-item .date{
    color:#777;
    font-size:11px
}
#footer .flickr-feed a{
    float:left;
    display:block;
    width:60px;
    height:60px;
    margin-right:11px;
    margin-bottom:10px
}
#footer .flickr-feed a img{
    display:block
}
#top-link{
    display:inline-block;
    width:94px;
    height:24px;
    line-height:24px;
    right:20px;
    bottom:15px;
    background-color:#a411a9;
    color:#fff;
    text-decoration:none;
    text-align:center;
    cursor:pointer;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    font-size:11px;
    font-size:1.1rem
}
#top-link:hover{
    background-color:#000
}
#top-link span{
    position:relative;
    top:-1px
}
.page-title.left{
    margin-bottom:0
}
.subtitle{
    color:#808080
}
#audioplayer{
    position:absolute;
    left:4%;
    top:76px;
    width:91%;
    z-index:-1
}
#audioplayer .panzerlist .list{
    max-height:220px
}
#main .panzerlist{
    border:1px solid #e6e6e6;
    margin-bottom:1.5em
}
.clients-grid{
    text-align:center
}
.clients-grid .thumb{
    display:inline-block;
    margin:0 8px 15px
}
.ie7 .clients-grid .thumb{
    display:inline
}
.post:before,.post:after{
    display:table;
    content:""
}
.post:after{
    clear:both
}
.post h3{
    margin-bottom:.375em
}
.post h3 a{
    color:#000
}
.post h3 a:hover{
    color:#770c7b
}
.post .date{
    font-family:'Univers';
    font-size:18px;
    font-size:1.8rem
}
.post .date strong{
    color:#bfbfbf;
    font-weight:400
}
.post .date em{
    font-style:normal;
    text-transform:uppercase;
    color:#bfbfbf
}
.post .date span{
    color:#bfbfbf
}
.post a.more{
    text-transform:uppercase
}
.post .meta{
    margin-bottom:.75em;
    color:#808080;
    background-color:#f2f2f2;
    padding:10px 15px;
    font-size:12px;
    font-size:1.2rem
}
.post .meta p{
    margin-bottom:0
}
.post .meta p span{
    position:relative
}
.post .meta p span:before{
    content:'';
    float:left;
    position:relative;
    top:3px;
    width:13px;
    height:13px;
    margin-top:2px;
    margin-right:4px;
    background:url("../images/sprite.png") no-repeat -999px 0
}
.post .meta p span.permalink:before{
    background-position:-501px 0
}
.post .meta p span.comments:before{
    width:15px;
    background-position:-514px 0
}
.post .meta p span.tags:before{
    margin-top:3px;
    background-position:-529px 0
}
.pagination .button{
    padding-left:15px;
    padding-right:15px;
    margin-right:2px
}
.social-links a{
    display:inline-block;
    width:50px;
    height:49px;
    margin-left:2px;
    margin-right:2px;
    background:url("../images/sprite.png") no-repeat -999px 0
}
.social-links .facebook{
    background-position:0 -65px
}
.social-links .facebook:hover{
    background-position:0 -114px
}
.social-links .twitter{
    background-position:-50px -65px
}
.social-links .twitter:hover{
    background-position:-50px -114px
}
.social-links .googleplus{
    background-position:-100px -65px
}
.social-links .googleplus:hover{
    background-position:-100px -114px
}
.social-links .flickr{
    background-position:-150px -65px
}
.social-links .flickr:hover{
    background-position:-150px -114px
}
.social-links .skype{
    background-position:-200px -65px
}
.social-links .skype:hover{
    background-position:-200px -114px
}
.social-links .linkedin{
    background-position:-250px -65px
}
.social-links .linkedin:hover{
    background-position:-250px -114px
}
.social-links .youtube{
    background-position:-300px -65px
}
.social-links .youtube:hover{
    background-position:-300px -114px
}
.social-links .rss{
    background-position:-350px -65px
}
.social-links .rss:hover{
    background-position:-350px -114px
}
.social-links .pinterest{
    background-position:-400px -65px
}
.social-links .pinterest:hover{
    background-position:-400px -114px
}
.social-links .dribbble{
    background-position:-450px -65px
}
.social-links .dribbble:hover{
    background-position:-450px -114px
}
.social-links .instagram{
    background-position:-500px -65px
}
.social-links .instagram:hover{
    background-position:-500px -114px
}
.social-links .vimeo{
    background-position:-550px -65px
}
.social-links .vimeo:hover{
    background-position:-550px -114px
}
.social-links .yahoo{
    background-position:-600px -65px
}
.social-links .yahoo:hover{
    background-position:-600px -114px
}
.social-links .tumblr{
    background-position:-650px -65px
}
.social-links .tumblr:hover{
    background-position:-650px -114px
}
.social-links .behance{
    background-position:-700px -65px
}
.social-links .behance:hover{
    background-position:-700px -114px
}
@media only screen and (min-width: 480px){
    #supersized-info .inner h2,#okvideo-info .inner h2,.flexslider .slides .info .inner h2,.iosSlider .info .inner h2,#supersized-info .inner p,#okvideo-info .inner p,.flexslider .slides .info .inner p,.iosSlider .info .inner p{
         padding:0 35px
    }
    #supersized-info .inner p,#okvideo-info .inner p,.flexslider .slides .info .inner p,.iosSlider .info .inner p{
        display:block
    }
    #supersized-info a.supersized-prev{
        left:5px
    }
    #supersized-info a.supersized-next{
        right:5px
    }
    .flex-direction-nav a{
        bottom:12px
    }
    #audioplayer{
        top:85px;
        left:50%;
        width:420px;
        margin-left:-210px
    }
}
@media only screen and (min-width: 768px){
    #header{
         position:fixed;
        left:0;
        top:0;
        width:100%;
        z-index:5;
        background-color:#fff
    }
    #header #logo{
        float:left;
        padding:15px 0 15px 15px;
        height:55px
    }
    #header #logo h1{
        margin-bottom:0
    }
    #header #logo h1 img{
        height:55px
    }
    #header nav{
        position:absolute;
        right:15px;
        top:0;
        display:block
    }
    #header nav:before,#header nav:after{
        content:'';
        display:block;
        position:absolute;
        top:22px;
        height:41px;
        border-left:1px dotted #bfbfbf
    }
    #header nav:before{
        left:-10px
    }
    #header nav:after{
        left:-12px
    }
    #header nav ul{
        margin-bottom:0
    }
    #header nav ul li{
        display:inline-block
    }
    #header nav ul li a{
        display:inline-block;
        font-size:14px;
        font-size:1.4rem;
        line-height:85px;
        padding:0 11px
    }
    #header nav ul li a:hover{
        background-color:#e6e6e6;
        background-color:rgba(0,0,0,.06)
    }
    #header nav ul li.arrow>a:after{
        float:none
    }
    #header nav ul li ul{
        visibility:hidden;
        position:absolute;
        top:100%;
        left:0;
        z-index:14;
        margin-top:0;
        padding-top:5px;
        text-align:left;
        min-width:150px;
        height:auto;
        cursor:pointer
    }
    #header nav ul li ul li{
        display:block;
        width:100%;
        background-color:#f2f2f2;
        background-color:rgba(242,242,242,.95);
        border-bottom:1px solid #d9d9d9
    }
    #header nav ul li ul li a{
        display:block;
        font-size:14px;
        font-size:1.4rem;
        line-height:35px
    }
    #header nav ul li ul li a:hover{
        background-color:#e6e6e6;
        background-color:rgba(0,0,0,.06)
    }
    #header nav ul li ul li:last-child{
        border:0
    }
    #header nav ul li ul li.arrow>a:after{
        float:right
    }
    #header nav ul li ul li:hover>a,#header nav ul li ul li.hover>a{
        background-color:#e6e6e6;
        background-color:rgba(0,0,0,.06)
    }
    #header nav ul li ul ul{
        top:0;
        left:99%;
        margin-top:0;
        padding-top:0
    }
    #header nav ul li:hover,#header nav ul li.hover{
        position:relative;
        z-index:15;
        cursor:default
    }
    #header nav ul li:hover>a,#header nav ul li.hover>a{
        background-color:#e6e6e6;
        background-color:rgba(0,0,0,.06)
    }
    #header nav ul li:hover>ul,#header nav ul li.hover>ul{
        display:block;
        visibility:visible
    }
    #header #menu-switch{
        display:none
    }
    .fullpage #header{
        background-color:#fff;
        background-color:rgba(255,255,255,.95)
    }
    .fullpage #header nav ul li ul li{
        background-color:#fff;
        background-color:rgba(255,255,255,.95);
        border-bottom-color:#e6e6e6
    }
    .ie7 #header nav ul li{
        display:inline
    }
    .ie7 #header nav ul li ul{
        width:150px
    }
    #main .wrapper,#footer .wrapper{
        padding:20px
    }
    #main{
        margin-top:85px
    }
    #supersized-info,#okvideo-info,.flexslider .slides .info,.iosSlider .info{
        z-index:1;
        left:30px;
        bottom:30px;
        width:380px;
        background-color:#fff;
        background-color:rgba(255,255,255,.95)
    }
    #supersized-info .inner,#okvideo-info .inner,.flexslider .slides .info .inner,.iosSlider .info .inner{
        padding:0 0 0 16px;
        margin:20px;
        border-left:1px dotted #bfbfbf
    }
    #supersized-info .inner:after,#okvideo-info .inner:after,.flexslider .slides .info .inner:after,.iosSlider .info .inner:after{
        content:' ';
        display:block;
        position:absolute;
        top:0;
        left:1px;
        height:100%;
        border-left:1px dotted #bfbfbf
    }
    #supersized-info .inner h2,#okvideo-info .inner h2,.flexslider .slides .info .inner h2,.iosSlider .info .inner h2,#supersized-info .inner p,#okvideo-info .inner p,.flexslider .slides .info .inner p,.iosSlider .info .inner p{
        padding:0;
        text-align:left
    }
    #supersized-info .inner h2,#okvideo-info .inner h2,.flexslider .slides .info .inner h2,.iosSlider .info .inner h2{
        text-transform:uppercase
    }
    #supersized-info .inner h2 a,#okvideo-info .inner h2 a,.flexslider .slides .info .inner h2 a,.iosSlider .info .inner h2 a{
        display:inline
    }
    #supersized-info .inner p,#okvideo-info .inner p,.flexslider .slides .info .inner p,.iosSlider .info .inner p{
        padding-top:8px;
        font-size:15px;
        font-size:1.5rem
    }
    #supersized-info a.supersized-next,#supersized-info a.supersized-prev{
        right:-73px;
        margin-top:0;
        background-color:#fff;
        background-color:rgba(255,255,255,.95);
        width:48px
    }
    #supersized-info a.supersized-next{
        top:-20px
    }
    #supersized-info a.supersized-next span{
        margin-left:16px
    }
    #supersized-info a.supersized-prev{
        top:auto;
        left:auto;
        bottom:-20px
    }
    #supersized-info a.supersized-prev span{
        margin-left:14px
    }
    .flex-direction-nav a{
        top:50%;
        bottom:auto;
        margin-top:-24px
    }
    #audioplayer{
        top:auto;
        bottom:30px;
        left:30px;
        width:380px;
        margin-left:0
    }
    .thumb.round,.thumb.round a.image-link,.thumb.round img,.thumb.round a.image-link:before{
        -webkit-border-radius:100%;
        -moz-border-radius:100%;
        -o-border-radius:100%;
        border-radius:100%
    }
    .thumb a.image-link:before{
        content:'';
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        background-color:#111;
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transition:all 200ms linear;
        -moz-transition:all 200ms linear;
        -ms-transition:all 200ms linear;
        -o-transition:all 200ms linear;
        transition:all 200ms linear
    }
    .thumb a.image-link:hover:before{
        opacity:.2;
        filter:alpha(opacity=20)
    }
    .thumb .info{
        text-align:center
    }
    .features-boxes{
        display:table
    }
    .features-boxes .box{
        display:table-cell;
        width:33.33%
    }
    .features-boxes .box .inner{
        border-bottom:0;
        border-right:1px dotted #b3b3b3
    }
    .features-boxes .last .inner{
        border-right:0
    }
    .ie7 .features-boxes{
        display:block
    }
    .ie7 .features-boxes .box{
        float:left
    }
    h1{
        font-size:33px;
        font-size:3.3rem
    }
    h2{
        font-size:29px;
        font-size:2.9rem
    }
    h3{
        font-size:25px;
        font-size:2.5rem
    }
    h4{
        font-size:21px;
        font-size:2.1rem
    }
    h5{
        font-size:17px;
        font-size:1.7rem
    }
    .page-title.left{
        float:left;
        margin-bottom:.75em
    }
    .subtitle{
        float:right;
        text-transform:uppercase
    }
    .subtitle p{
        margin-bottom:.75em;
        line-height:3.3
    }
    .post h3{
        position:relative;
        top:-1px
    }
    .post .date{
        float:left;
        width:77px;
        margin-right:17px;
        position:relative;
        top:2px
    }
    .post .date strong{
        font-size:51px;
        font-size:5.1rem;
        color:#111
    }
    .post .date em{
        font-size:25px;
        font-size:2.5rem;
        position:absolute;
        left:43px;
        top:-6px
    }
    .post .date span{
        position:absolute;
        left:43px;
        bottom:0
    }
    .post .date:before,.post .date:after{
        content:'';
        display:block;
        position:absolute;
        top:-2px;
        height:37px;
        border-left:1px dotted #bfbfbf
    }
    .post .date:before{
        right:-5px
    }
    .post .date:after{
        right:-7px
    }
    .post .meta p{
        float:left;
        width:30%;
        margin-right:3%;
        line-height:1.5em
    }
    .post .meta p span{
        display:block
    }
    .post .meta p span:before{
        top:0
    }
    .ie7 .post .date{
        height:38px
    }
    .ie7 .post .date strong{
        position:relative;
        top:-9px;
        line-height:44px
    }
    .commentlist .comment .comment-body{
        position:relative;
        margin-left:95px
    }
    .commentlist .comment h6{
        padding-right:100px
    }
    .commentlist .comment p{
        margin-top:0
    }
    .commentlist .comment p.date{
        position:absolute;
        top:0;
        right:0
    }
    .commentlist .comment .children{
        margin-left:95px
    }
    .pagination .button{
        margin-bottom:0
    }
    #footer .rotator .prev,#footer .rotator .next{
        top:-50px
    }
    #footer .rotator .next{
        left:125px
    }
    #footer .rotator .prev{
        left:98px
    }
    #footer #top-link{
        float:right
    }
    .ie7 #footer #top-link{
        float:none
    }
    table th,table td{
        padding:6px 8px;
        font-size:15px;
        font-size:1.5rem
    }
    .col{
        float:left;
        margin-left:2%
    }
    .col-sallo{
        float:none;
        margin-left:2%
    }
    .grid1{
        width:6.5%;
        margin-left:2%
    }
    .grid2{
        width:15%;
        margin-left:2%
    }
    .grid3{
        width:23.5%;
        margin-left:2%
    }
   
    .grid4{
        width:32%;
        margin-left:2%
    }
    .grid4-sallo{
        width:20%;
        margin-left:2%
    }
    .grid5{
        width:40.5%;
        margin-left:2%
    }
    .grid6{
        width:49%;
        margin-left:2%
    }
    .grid7{
        width:57.5%;
        margin-left:2%
    }
    .grid7-sallo{
        width:67%;
        margin-left:5%
    }
    .grid8-sallo{
        width:35%;
        margin-left:15%;
        margin-right: :10%;
    }
    .grid8{
        width:66%;
        margin-left:2%
    }
    .grid9{
        width:74.5%;
        margin-left:2%
    }
    .grid10{
        width:83%;
        margin-left:2%
    }
    .grid11{
        width:91.5%;
        margin-left:2%
    }
    .grid12{
        margin-left:0;
        width:100%
    }
    .grid12-sallo{
        margin-left:10%;
        width:75%
    }
    .alpha{
        margin-left:0
    }
}
@media only screen and (min-width: 992px){
    #header #logo{
         height:60px
    }
    #header #logo h1 img{
        height:60px
    }
    #header nav{
        float:left;
        margin-left:50px;
        position:relative
    }
    #header nav:before,#header nav:after{
        top:25px
    }
    #header nav ul li a{
        font-size:15px;
        font-size:1.5rem;
        padding:0 11px;
        line-height:90px
    }
    #header .social-links{
        display:block;
        float:right;
        margin-top:20px;
        text-align:right;
        padding-left:4px;
        padding-right:15px;
        position:relative
    }
    #header .social-links:before,#header .social-links:after{
        content:'';
        display:block;
        position:absolute;
        top:5px;
        height:41px;
        border-left:1px dotted #bfbfbf
    }
    #header .social-links:before{
        left:-10px
    }
    #header .social-links:after{
        left:-12px
    }
    #header a.supersized-next,#header a.supersized-prev{
        position:absolute;
        top:98px;
        display:block;
        width:95px;
        height:95px;
        background-color:#fff;
        background-color:rgba(255,255,255,.9);
        cursor:pointer
    }
    #header a.supersized-next span,#header a.supersized-prev span{
        display:block;
        width:41px;
        height:64px;
        margin-top:15px;
        background:url("../images/sprite.png") no-repeat -999px 0
    }
    #header a.supersized-prev{
        right:105px
    }
    #header a.supersized-prev span{
        margin-left:26px;
        background-position:0 0
    }
    #header a.supersized-prev:hover span{
        background-position:-83px 0
    }
    #header a.supersized-next{
        right:0
    }
    #header a.supersized-next span{
        margin-left:29px;
        background-position:-41px 0
    }
    #header a.supersized-next:hover span{
        background-position:-124px 0
    }
    #main{
        margin-top:90px
    }
    .subtitle p{
        margin-bottom:.75em;
        line-height:3.5
    }
    #supersized-info,#okvideo-info,.flexslider .slides .info,.iosSlider .info{
        left:50px;
        bottom:50px;
        width:460px
    }
    #supersized-info .inner,#okvideo-info .inner,.flexslider .slides .info .inner,.iosSlider .info .inner{
        padding:0 0 0 25px;
        margin:25px 20px 25px 30px
    }
    #supersized-info .inner p,#okvideo-info .inner p,.flexslider .slides .info .inner p,.iosSlider .info .inner p{
        padding-top:15px
    }
    #supersized-info a.supersized-next,#supersized-info a.supersized-prev{
        display:none
    }
    .call-to-action{
        padding:15px 20px
    }
    .call-to-action p{
        margin-bottom:0
    }
    .call-to-action .left{
        float:left
    }
    .call-to-action .right{
        margin-left:10px;
        margin-top:7px;
        float:right
    }
    .clients-grid{
        text-align:left
    }
    .clients-grid .thumb{
        margin:0 3px 10px
    }
    table td{
        padding:8px 12px
    }
    table th{
        padding:10px 12px
    }
    @-webkit-keyframes shake{
        0%,20%,50%,80%,100%{
             -webkit-transform:translatex(0)
        }
        40%{
            -webkit-transform:translatex(-10px)
        }
        60%{
            -webkit-transform:translatex(-5px)
        }
    }
    @-moz-keyframes shake{
        0%,20%,50%,80%,100%{
             -moz-transform:translatex(0)
        }
        40%{
            -moz-transform:translatex(-10px)
        }
        60%{
            -moz-transform:translatex(-5px)
        }
    }
    @-o-keyframes shake{
        0%,20%,50%,80%,100%{
             -o-transform:translatex(0)
        }
        40%{
            -o-transform:translatex(-10px)
        }
        60%{
            -o-transform:translatex(-5px)
        }
    }
    @keyframes shake{
        0%,20%,50%,80%,100%{
             transform:translatex(0)
        }
        40%{
            transform:translatex(-10px)
        }
        60%{
            transform:translatex(-5px)
        }
    }
    @-webkit-keyframes flash{
        0%,50%,100%{
             opacity:1
        }
        25%,75%{
            opacity:0
        }
    }
    @-moz-keyframes flash{
        0%,50%,100%{
             opacity:1
        }
        25%,75%{
            opacity:0
        }
    }
    @-o-keyframes flash{
        0%,50%,100%{
             opacity:1
        }
        25%,75%{
            opacity:0
        }
    }
    @keyframes flash{
        0%,50%,100%{
             opacity:1
        }
        25%,75%{
            opacity:0
        }
    }
    @-webkit-keyframes bounce{
        0%,20%,50%,80%,100%{
             -webkit-transform:translatey(0)
        }
        40%{
            -webkit-transform:translatey(-10px)
        }
        60%{
            -webkit-transform:translatey(-5px)
        }
    }
    @-moz-keyframes bounce{
        0%,20%,50%,80%,100%{
             -moz-transform:translatey(0)
        }
        40%{
            -moz-transform:translatey(-10px)
        }
        60%{
            -moz-transform:translatey(-5px)
        }
    }
    @-o-keyframes bounce{
        0%,20%,50%,80%,100%{
             -o-transform:translatey(0)
        }
        40%{
            -o-transform:translatey(-10px)
        }
        60%{
            -o-transform:translatey(-5px)
        }
    }
    @keyframes bounce{
        0%,20%,50%,80%,100%{
             transform:translatey(0)
        }
        40%{
            transform:translatey(-10px)
        }
        60%{
            transform:translatey(-5px)
        }
    }
    @-webkit-keyframes tada{
        0%{
             -webkit-transform:scale(1)
        }
        10%,20%{
            -webkit-transform:scale(0.9) rotate(-3deg)
        }
        30%,50%,70%,90%{
            -webkit-transform:scale(1.1) rotate(3deg)
        }
        40%,60%,80%{
            -webkit-transform:scale(1.1) rotate(-3deg)
        }
        100%{
            -webkit-transform:scale(1) rotate(0)
        }
    }
    @-moz-keyframes tada{
        0%{
             -moz-transform:scale(1)
        }
        10%,20%{
            -moz-transform:scale(0.9) rotate(-3deg)
        }
        30%,50%,70%,90%{
            -moz-transform:scale(1.1) rotate(3deg)
        }
        40%,60%,80%{
            -moz-transform:scale(1.1) rotate(-3deg)
        }
        100%{
            -moz-transform:scale(1) rotate(0)
        }
    }
    @-o-keyframes tada{
        0%{
             -o-transform:scale(1)
        }
        10%,20%{
            -o-transform:scale(0.9) rotate(-3deg)
        }
        30%,50%,70%,90%{
            -o-transform:scale(1.1) rotate(3deg)
        }
        40%,60%,80%{
            -o-transform:scale(1.1) rotate(-3deg)
        }
        100%{
            -o-transform:scale(1) rotate(0)
        }
    }
    @keyframes tada{
        0%{
             transform:scale(1)
        }
        10%,20%{
            transform:scale(0.9) rotate(-3deg)
        }
        30%,50%,70%,90%{
            transform:scale(1.1) rotate(3deg)
        }
        40%,60%,80%{
            transform:scale(1.1) rotate(-3deg)
        }
        100%{
            transform:scale(1) rotate(0)
        }
    }
    @-webkit-keyframes swing{
        20%,40%,60%,80%,100%{
             -webkit-transform-origin:top center
        }
        20%{
            -webkit-transform:rotate(10deg)
        }
        40%{
            -webkit-transform:rotate(-5deg)
        }
        60%{
            -webkit-transform:rotate(2deg)
        }
        80%{
            -webkit-transform:rotate(-3deg)
        }
        100%{
            -webkit-transform:rotate(0deg)
        }
    }
    @-moz-keyframes swing{
        20%{
             -moz-transform:rotate(10deg)
        }
        40%{
            -moz-transform:rotate(-5deg)
        }
        60%{
            -moz-transform:rotate(2deg)
        }
        80%{
            -moz-transform:rotate(-2deg)
        }
        100%{
            -moz-transform:rotate(0deg)
        }
    }
    @-o-keyframes swing{
        20%{
             -o-transform:rotate(10deg)
        }
        40%{
            -o-transform:rotate(-5deg)
        }
        60%{
            -o-transform:rotate(2deg)
        }
        80%{
            -o-transform:rotate(-2deg)
        }
        100%{
            -o-transform:rotate(0deg)
        }
    }
    @keyframes swing{
        20%{
             transform:rotate(10deg)
        }
        40%{
            transform:rotate(-5deg)
        }
        60%{
            transform:rotate(2deg)
        }
        80%{
            transform:rotate(-2deg)
        }
        100%{
            transform:rotate(0deg)
        }
    }
    @-webkit-keyframes wobble{
        0%{
             -webkit-transform:translatex(0%)
        }
        15%{
            -webkit-transform:translatex(-15%) rotate(-3deg)
        }
        30%{
            -webkit-transform:translatex(10%) rotate(3deg)
        }
        45%{
            -webkit-transform:translatex(-10%) rotate(-3deg)
        }
        60%{
            -webkit-transform:translatex(5%) rotate(2deg)
        }
        75%{
            -webkit-transform:translatex(-5%) rotate(-1deg)
        }
        100%{
            -webkit-transform:translatex(0%)
        }
    }
    @-moz-keyframes wobble{
        0%{
             -moz-transform:translatex(0%)
        }
        15%{
            -moz-transform:translatex(-15%) rotate(-3deg)
        }
        30%{
            -moz-transform:translatex(10%) rotate(3deg)
        }
        45%{
            -moz-transform:translatex(-10%) rotate(-3deg)
        }
        60%{
            -moz-transform:translatex(5%) rotate(2deg)
        }
        75%{
            -moz-transform:translatex(-5%) rotate(-1deg)
        }
        100%{
            -moz-transform:translatex(0%)
        }
    }
    @-o-keyframes wobble{
        0%{
             -o-transform:translatex(0%)
        }
        15%{
            -o-transform:translatex(-15%) rotate(-3deg)
        }
        30%{
            -o-transform:translatex(10%) rotate(3deg)
        }
        45%{
            -o-transform:translatex(-10%) rotate(-3deg)
        }
        60%{
            -o-transform:translatex(5%) rotate(2deg)
        }
        75%{
            -o-transform:translatex(-5%) rotate(-1deg)
        }
        100%{
            -o-transform:translatex(0%)
        }
    }
    @keyframes wobble{
        0%{
             transform:translatex(0%)
        }
        15%{
            transform:translatex(-15%) rotate(-3deg)
        }
        30%{
            transform:translatex(10%) rotate(3deg)
        }
        45%{
            transform:translatex(-10%) rotate(-3deg)
        }
        60%{
            transform:translatex(5%) rotate(2deg)
        }
        75%{
            transform:translatex(-5%) rotate(-1deg)
        }
        100%{
            transform:translatex(0%)
        }
    }
    @-webkit-keyframes wiggle{
        0%{
             -webkit-transform:skewx(9deg)
        }
        10%{
            -webkit-transform:skewx(-8deg)
        }
        20%{
            -webkit-transform:skewx(7deg)
        }
        30%{
            -webkit-transform:skewx(-6deg)
        }
        40%{
            -webkit-transform:skewx(5deg)
        }
        50%{
            -webkit-transform:skewx(-4deg)
        }
        60%{
            -webkit-transform:skewx(3deg)
        }
        70%{
            -webkit-transform:skewx(-2deg)
        }
        80%{
            -webkit-transform:skewx(1deg)
        }
        90%{
            -webkit-transform:skewx(0deg)
        }
        100%{
            -webkit-transform:skewx(0deg)
        }
    }
    @-moz-keyframes wiggle{
        0%{
             -moz-transform:skewx(9deg)
        }
        10%{
            -moz-transform:skewx(-8deg)
        }
        20%{
            -moz-transform:skewx(7deg)
        }
        30%{
            -moz-transform:skewx(-6deg)
        }
        40%{
            -moz-transform:skewx(5deg)
        }
        50%{
            -moz-transform:skewx(-4deg)
        }
        60%{
            -moz-transform:skewx(3deg)
        }
        70%{
            -moz-transform:skewx(-2deg)
        }
        80%{
            -moz-transform:skewx(1deg)
        }
        90%{
            -moz-transform:skewx(0deg)
        }
        100%{
            -moz-transform:skewx(0deg)
        }
    }
    @-o-keyframes wiggle{
        0%{
             -o-transform:skewx(9deg)
        }
        10%{
            -o-transform:skewx(-8deg)
        }
        20%{
            -o-transform:skewx(7deg)
        }
        30%{
            -o-transform:skewx(-6deg)
        }
        40%{
            -o-transform:skewx(5deg)
        }
        50%{
            -o-transform:skewx(-4deg)
        }
        60%{
            -o-transform:skewx(3deg)
        }
        70%{
            -o-transform:skewx(-2deg)
        }
        80%{
            -o-transform:skewx(1deg)
        }
        90%{
            -o-transform:skewx(0deg)
        }
        100%{
            -o-transform:skewx(0deg)
        }
    }
    @keyframes wiggle{
        0%{
             transform:skewx(9deg)
        }
        10%{
            transform:skewx(-8deg)
        }
        20%{
            transform:skewx(7deg)
        }
        30%{
            transform:skewx(-6deg)
        }
        40%{
            transform:skewx(5deg)
        }
        50%{
            transform:skewx(-4deg)
        }
        60%{
            transform:skewx(3deg)
        }
        70%{
            transform:skewx(-2deg)
        }
        80%{
            transform:skewx(1deg)
        }
        90%{
            transform:skewx(0deg)
        }
        100%{
            transform:skewx(0deg)
        }
    }
    @-webkit-keyframes pulse{
        0%{
             -webkit-transform:scale(1)
        }
        25%{
            -webkit-transform:scale(1.1)
        }
        50%{
            -webkit-transform:scale(1)
        }
        75%{
            -webkit-transform:scale(1.1)
        }
        100%{
            -webkit-transform:scale(1)
        }
    }
    @-moz-keyframes pulse{
        0%{
             -moz-transform:scale(1)
        }
        25%{
            -moz-transform:scale(1.1)
        }
        50%{
            -moz-transform:scale(1)
        }
        75%{
            -moz-transform:scale(1.1)
        }
        100%{
            -moz-transform:scale(1)
        }
    }
    @-o-keyframes pulse{
        0%{
             -o-transform:scale(1)
        }
        25%{
            -o-transform:scale(1.1)
        }
        50%{
            -o-transform:scale(1)
        }
        75%{
            -o-transform:scale(1.1)
        }
        100%{
            -o-transform:scale(1)
        }
    }
    @keyframes pulse{
        0%{
             transform:scale(1)
        }
        25%{
            transform:scale(1.1)
        }
        50%{
            transform:scale(1)
        }
        75%{
            transform:scale(1.1)
        }
        100%{
            transform:scale(1)
        }
    }
    @-webkit-keyframes flip{
        0%{
             -webkit-transform:perspective(400px) rotatey(0);
            -webkit-animation-timing-function:ease-out
        }
        40%{
            -webkit-transform:perspective(400px) translatez(150px) rotatey(170deg);
            -webkit-animation-timing-function:ease-out
        }
        50%{
            -webkit-transform:perspective(400px) translatez(150px) rotatey(190deg) scale(1);
            -webkit-animation-timing-function:ease-in
        }
        80%{
            -webkit-transform:perspective(400px) rotatey(360deg) scale(0.95);
            -webkit-animation-timing-function:ease-in
        }
        100%{
            -webkit-transform:perspective(400px) scale(1);
            -webkit-animation-timing-function:ease-in
        }
    }
    @-moz-keyframes flip{
        0%{
             -moz-transform:perspective(400px) rotatey(0);
            -moz-animation-timing-function:ease-out
        }
        40%{
            -moz-transform:perspective(400px) translatez(150px) rotatey(170deg);
            -moz-animation-timing-function:ease-out
        }
        50%{
            -moz-transform:perspective(400px) translatez(150px) rotatey(190deg) scale(1);
            -moz-animation-timing-function:ease-in
        }
        80%{
            -moz-transform:perspective(400px) rotatey(360deg) scale(0.95);
            -moz-animation-timing-function:ease-in
        }
        100%{
            -moz-transform:perspective(400px) scale(1);
            -moz-animation-timing-function:ease-in
        }
    }
    @-o-keyframes flip{
        0%{
             -o-transform:perspective(400px) rotatey(0);
            -o-animation-timing-function:ease-out
        }
        40%{
            -o-transform:perspective(400px) translatez(150px) rotatey(170deg);
            -o-animation-timing-function:ease-out
        }
        50%{
            -o-transform:perspective(400px) translatez(150px) rotatey(190deg) scale(1);
            -o-animation-timing-function:ease-in
        }
        80%{
            -o-transform:perspective(400px) rotatey(360deg) scale(0.95);
            -o-animation-timing-function:ease-in
        }
        100%{
            -o-transform:perspective(400px) scale(1);
            -o-animation-timing-function:ease-in
        }
    }
    @keyframes flip{
        0%{
             transform:perspective(400px) rotatey(0);
            animation-timing-function:ease-out
        }
        40%{
            transform:perspective(400px) translatez(150px) rotatey(170deg);
            animation-timing-function:ease-out
        }
        50%{
            transform:perspective(400px) translatez(150px) rotatey(190deg) scale(1);
            animation-timing-function:ease-in
        }
        80%{
            transform:perspective(400px) rotatey(360deg) scale(0.95);
            animation-timing-function:ease-in
        }
        100%{
            transform:perspective(400px) scale(1);
            animation-timing-function:ease-in
        }
    }
    .shake:hover{
        -webkit-animation-name:shake;
        -moz-animation-name:shake;
        -o-animation-name:shake;
        animation-name:shake
    }
    .flash:hover{
        -webkit-animation-name:flash;
        -moz-animation-name:flash;
        -o-animation-name:flash;
        animation-name:flash
    }
    .bounce:hover{
        -webkit-animation-name:bounce;
        -moz-animation-name:bounce;
        -o-animation-name:bounce;
        animation-name:bounce
    }
    .tada:hover{
        -webkit-animation-name:tada;
        -moz-animation-name:tada;
        -o-animation-name:tada;
        animation-name:tada
    }
    .swing:hover{
        -webkit-transform-origin:top center;
        -moz-transform-origin:top center;
        -o-transform-origin:top center;
        transform-origin:top center;
        -webkit-animation-name:swing;
        -moz-animation-name:swing;
        -o-animation-name:swing;
        animation-name:swing
    }
    .wobble:hover{
        -webkit-animation-name:wobble;
        -moz-animation-name:wobble;
        -o-animation-name:wobble;
        animation-name:wobble
    }
    .pulse:hover{
        -webkit-animation-name:pulse;
        -moz-animation-name:pulse;
        -o-animation-name:pulse;
        animation-name:pulse
    }
    .wiggle:hover{
        -webkit-animation-name:wiggle;
        -moz-animation-name:wiggle;
        -o-animation-name:wiggle;
        animation-name:wiggle;
        -webkit-animation-timing-function:ease-in;
        -moz-animation-timing-function:ease-in;
        -o-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    .flip:hover{
        -webkit-backface-visibility:visible!important;
        -webkit-animation-name:flip;
        -moz-backface-visibility:visible!important;
        -moz-animation-name:flip;
        -o-backface-visibility:visible!important;
        -o-animation-name:flip;
        backface-visibility:visible!important;
        animation-name:flip
    }
    .animated{
        -webkit-animation-duration:750ms;
        -moz-animation-duration:750ms;
        -o-animation-duration:750ms;
        animation-duration:750ms;
        -webkit-animation-fill-mode:both;
        -moz-animation-fill-mode:both;
        -o-animation-fill-mode:both;
        animation-fill-mode:both
    }
    .animated.hinge{
        -webkit-animation-duration:1.4s;
        -moz-animation-duration:1.4s;
        -o-animation-duration:1.4s;
        animation-duration:1.4s
    }
}
@media only screen and (min-width: 1260px){
    #header{
         width:1240px;
        left:50%;
        margin-left:-620px
    }
    #header #logo{
        height:72px
    }
    #header #logo h1 img{
        height:72px
    }
    #header nav{
        margin-left:55px
    }
    #header nav:before,#header nav:after{
        top:30px
    }
    #header nav ul li a{
        font-size:17px;
        font-size:1.7rem;
        text-transform:uppercase;
        padding:0 13px;
        line-height:102px
    }
    #header nav ul li ul{
        min-width:200px
    }
    #header nav ul li ul li a{
        line-height:42px
    }
    #header .social-links{
        margin-top:25px
    }
    #header a.supersized-next,#header a.supersized-prev{
        top:110px
    }
    .ie7 #header nav ul li ul{
        width:200px
    }
    #main,#footer{
        width:1240px;
        margin:0 auto
    }
    #main .wrapper,#footer .wrapper{
        padding:1.5em
    }
    #main{
        margin-top:102px;
        margin-bottom:10px
    }
    h1{
        font-size:35px;
        font-size:3.5rem
    }
    h2{
        font-size:31px;
        font-size:3.1rem
    }
    h3{
        font-size:27px;
        font-size:2.7rem
    }
    h4{
        font-size:23px;
        font-size:2.3rem
    }
    h5{
        font-size:19px;
        font-size:1.9rem
    }
    .subtitle p{
        margin-bottom:0;
        line-height:4.1
    }
    #footer .rotator .prev,#footer .rotator .next{
        top:-54px
    }
    #footer .rotator .next{
        left:130px
    }
    #footer .rotator .prev{
        left:103px
    }
    #supersized-info,#okvideo-info,.flexslider .slides .info,.iosSlider .info{
        left:50%;
        width:500px;
        margin-left:-620px
    }
    .flexslider .slides .info,.iosSlider .info{
        left:20px;
        bottom:20px;
        margin-left:0
    }
    #audioplayer{
        bottom:40px;
        left:50%;
        width:480px;
        margin-left:-620px
    }
    #audioplayer .panzerlist-big .player{
        padding:0 10px 10px;
        height:74px
    }
    #audioplayer .panzerlist-big .progress-wrapper{
        left:10px;
        top:6px;
        right:10px
    }
    #audioplayer .panzerlist-big .volume-wrapper{
        top:44px;
        right:10px;
        width:132px
    }
    #audioplayer .panzerlist-big .volume-wrapper .volume{
        width:100px
    }
    #audioplayer .panzerlist-big span.duration{
        top:21px;
        right:150px
    }
    #audioplayer .panzerlist-big .title{
        padding:10px
    }
    #audioplayer .panzerlist-big .list a{
        padding:10px 12px;
        line-height:24px
    }
}
@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5){
    html{
         background-url:url('../images/bg_pattern2.png');
        -webkit-background-size:44px 44px;
        -moz-background-size:44px 44px;
        -o-background-size:44px 44px;
        background-size:44px 44px
    }
    #fancybox-loading div,#okvideo-loader,.panorama .preloader,.video-container{
        background-image:url("../images/loading2.gif");
        -webkit-background-size:26px 26px;
        -moz-background-size:26px 26px;
        -o-background-size:26px 26px;
        background-size:26px 26px
    }
    #fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{
        background-image:url("../images/fancybox_sprite2.png");
        -webkit-background-size:44px 152px;
        -moz-background-size:44px 152px;
        -o-background-size:44px 152px;
        background-size:44px 152px
    }
    #supersized-info a.supersized-next span,#supersized-info a.supersized-prev span,.flex-direction-nav a span,.portfolio-overview .icon-date:before,.navigation a span,#sidebar ul.comments li:before,.commentlist .comment p.date:before,.post .meta p span:before,.social-links a,.thumb .icon-fullsize,.thumb .icon-link,.thumb .icon-video,.rotator .prev,.rotator .next{
        background-image:url("../images/sprite2.png");
        -webkit-background-size:750px 163px;
        -moz-background-size:750px 163px;
        -o-background-size:750px 163px;
        background-size:750px 163px
    }
}
@media print{
    *{
         background:transparent!important;
        color:#000!important;
        box-shadow:none!important;
        text-shadow:none!important;
        filter:none!important;
        -ms-filter:none!important
    }
    @page{
        margin:.5cm
    }
    h2,h3{
        orphans:3;
        widows:3;
        page-break-after:avoid
    }
    p{
        orphans:3;
        widows:3
    }
    pre,blockquote{
        border:1px solid #808080;
        page-break-inside:avoid
    }
    abbr[title]:after{
        content:" (" attr(title) ")"
    }
    a,a:visited{
        text-decoration:underline
    }
    a[href]:after{
        content:" (" attr(href) ")"
    }
    a[href^="javascript:"]:after,a[href^="#"]:after{
        content:""
    }
    img{
        max-width:100%!important;
        page-break-inside:avoid
    }
    thead{
        display:table-header-group
    }
    tr{
        page-break-inside:avoid
    }
}