/* general stylesheets for copytrans contatcs */
/* helvetica */
@font-face
{
    font-family: 'Helvetica';
    src: url('/fonts/helvetica/Helvetica.eot');
    src: url('/fonts/helvetica/Helvetica.eot?#iefix') format('embedded-opentype'),
    url('/fonts/helvetica/Helvetica.woff') format('woff'),
    url('/fonts/helvetica/Helvetica.ttf') format('truetype'),
    url('/fonts/helvetica/Helvetica.svg#Helvetica') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* helvetica neue */
@font-face
{
    font-family: 'Helvetica Neue';
    src: url('/fonts/helveticaNeue/HelveticaNeue.eot');
    src: url('/fonts/helveticaNeue/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
    url('/fonts/helveticaNeue/HelveticaNeue.woff') format('woff'),
    url('/fonts/helveticaNeue/HelveticaNeue.ttf') format('truetype'),
    url('/fonts/helveticaNeue/HelveticaNeue.svg#HelveticaNeue') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'Helvetica Neue Light';
    src: url('/fonts/helveticaNeue/HelveticaNeueLight.eot');
    src: url('/fonts/helveticaNeue/HelveticaNeueLight.eot?#iefix') format('embedded-opentype'),
    url('/fonts/helveticaNeue/HelveticaNeueLight.woff') format('woff'),
    url('/fonts/helveticaNeue/HelveticaNeueLight.ttf') format('truetype'),
    url('/fonts/helveticaNeue/HelveticaNeueLight.svg#HelveticaNeueLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Avant Que */
@font-face
{
    font-family: 'AvantQue';
    src: url('/fonts/avantque/album-avantquelombre.eot');
    src: url('/fonts/avantque/album-avantquelombre.eot?#iefix') format('embedded-opentype'),
    url('/fonts/avantque/album-avantquelombre.woff') format('woff'),
    url('/fonts/avantque/album-avantquelombre.ttf') format('truetype'),
    url('/fonts/avantque/album-avantquelombre.svg#AvantQue') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* download icon */
/* icons */
@font-face
{
    font-family: 'icomoon';
    src:url('/fonts/iconmoon/icomoon.eot');
    src:url('/fonts/iconmoon/icomoon.eot?#iefix') format('embedded-opentype'),
        url('/fonts/iconmoon/icomoon.svg#icomoon') format('svg'),
        url('/fonts/iconmoon/icomoon.woff') format('woff'),
        url('/fonts/iconmoon/icomoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'info-icons';
    src:url('/fonts/ctc-icons/ctc-icons.eot');
    src: url('/fonts/ctc-icons/ctc-icons.eot?#iefix') format('embedded-opentype'),
    url('/fonts/ctc-icons/ctc-icons.woff') format('woff'),
    url('/fonts/ctc-icons/ctc-icons.ttf') format('truetype'),
    url('/fonts/ctc-icons/ctc-icons.svg#info-icons') format('svg');
}

@font-face
{
    font-family: 'info-icons';
    src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'),
        url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before
{
    font-family: 'info-icons';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="info-icon-"] {
*/
.info-icon-checkmark-circle:before,
.info-icon-refresh:before,
.info-icon-help:before,
.info-icon-support:before,
.info-icon-install:before,
.info-icon-locked:before,
.info-icon-mouse:before
{
    font-family: 'info-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.info-icon-checkmark-circle:before
{
    content: "\e001";
}

.info-icon-refresh:before
{
    content: "\e000";
}

.info-icon-help:before
{
    content: "\e002";
}

.info-icon-support:before
{
    content: "\e003";
}

.info-icon-install:before
{
    content: "\e004";
}

.info-icon-locked:before
{
    content: "\e005";
}

.info-icon-mouse:before
{
    content: "\e006";
}

/* body */
html, body
{
    position: relative;
    width: 100%;
    height: 100%;
}

body,
body#body
{
    width: 100%;
    height: 100%;
    color: rgb(90,90,90);
    color: rgba(0,0,0,0.5);
    font-family: Helvetica, 'Helvetica', Verdana, Arial, Geneva, sans-serif;
    font-weight: lighter;
    font-size: 13pt;
    background: rgb(236,240,241);
    margin: 0;
    padding: 0;
    border: none;
}

/* html5 fix */
header, section, article, nav, figure, figcaption
{
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}

/* headlines */
h1, h2, h3, h4, h5, h6
{
    font-family: 'Helvetica Neue Light', Helvetica, 'Helvetica', Verdana, Arial, Geneva, sans-serif;
    color: rgb(90,90,90);
    color: rgba(0,0,0,0.5);
    font-weight: lighter;
    margin: 0;
    padding: 5px 0 10px 0;
}

h1
{
    font-size: 30pt;
}

h2
{
    font-size: 23pt;
}

h3
{
    font-size: 18pt;
}

h4
{
    font-size: 16pt;
}

p
{
    font-family: Helvetica, 'Helvetica', Verdana, Arial, Geneva, sans-serif;
    color: rgb(90,90,90);
    color: rgba(0,0,0,0.5);
    font-size: 13pt;
    line-height: 18pt;
    font-weight: lighter;
    margin: 0;
    padding: 5px 0;
}

p b, p strong, b, strong
{
    font-weight: bold;
}

a
{
    font-family: Helvetica, 'Helvetica', Verdana, Arial, Geneva, sans-serif;
    text-decoration: none;
    outline: none;
    color: rgb(41,171,226);
}

a:hover
{
    text-decoration: none;
    color: rgb(0,113,188);
}

/* images */
img, a img
{
    border: none;
    outline: none;
}

li
{
    font-family: Helvetica, 'Helvetica', Verdana, Arial, Geneva, sans-serif;
}

.clear
{
    clear: both;
    float: none;
    display: block;
}

/* moveup / beam me up, scotty! / oh-yeah */
a#oh-yeah
{
    position: absolute;
    display: block;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
}

a.moveup
{
    position: fixed;
    z-index: 999;
    bottom: 0.5%;
    right: 0.5%;
    display: block;
    width: 35px;
    height: 35px;
    padding: 5px;
    background: rgba(0,0,0,0.3);
    border-radius: 50%;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

a.moveup:before
{
    display: inline-block;
    content: '';
    width: 35px;
    height: 35px;
    padding: 0;
    margin: 0;
    opacity: 0.5;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNy4yMjcgMTguMjk3Yy42NTEtLjY2OSA3LjUxMi03LjIwNSA3LjUxMi03LjIwNS4zNDktLjM1Ny44MDUtLjUzNCAxLjI2MS0uNTM0LjQ1OCAwIC45MTQuMTc4IDEuMjYxLjUzNCAwIDAgNi44NjEgNi41MzYgNy41MTQgNy4yMDUuNjUxLjY2OS42OTYgMS44NyAwIDIuNTg2LS42OTguNzE0LTEuNjY5Ljc3LTIuNTIyIDBsLTYuMjUzLTUuOTk3LTYuMjUxIDUuOTk1Yy0uODU0Ljc3LTEuODI3LjcxNC0yLjUyMiAwLS42OTgtLjcxNC0uNjU0LTEuOTE3IDAtMi41ODR6Ii8+PC9zdmc+') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

a.moveup:hover
{
    background: rgba(0,0,0,0.5);
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

a.moveup:hover:before
{
    opacity: 0.8;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

a.moveup span.info
{
    display: block;
    position: absolute;
    opacity: 0.3;
    top: 8px;
    right: 120%;
    width: 170px;
    padding: 5px 10px;
    background: rgb(255,255,255);
    font-size: 11pt;
    text-align: center;
    color: rgba(0,0,0,0.5);
    border-radius: 3px;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.3);
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

a.moveup span.info:after
{
    content: '';
    position: absolute;
    right: -5px;
    top: 40%;
    width: 0;
    height: 0;
    border-left: 5px solid rgb(255,255,255);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

a.moveup:hover span.info
{
    opacity: 0.9;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

/* movedown */
a.movedown
{
    position: absolute;
    z-index: 555;
    bottom: 10%;
    left: 47%;
    display: block;
    margin: 0 auto;
    width: 35px;
    height: 35px;
    padding: 5px;
    background: rgba(0,0,0,0.3);
    border-radius: 50%;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

a.movedown:before
{
    display: inline-block;
    content: '';
    width: 35px;
    height: 35px;
    padding: 0;
    margin: 0;
    opacity: 0.5;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjQuNzczIDEzLjcwMWMtLjY1MS42NjktNy41MTIgNy4yMDUtNy41MTIgNy4yMDUtLjM0OS4zNTctLjgwNS41MzQtMS4yNjEuNTM0LS40NTggMC0uOTE0LS4xNzgtMS4yNjEtLjUzNCAwIDAtNi44NjEtNi41MzYtNy41MTQtNy4yMDUtLjY1MS0uNjY5LS42OTYtMS44NyAwLTIuNTg2LjY5OC0uNzE0IDEuNjY5LS43NyAyLjUyMiAwbDYuMjUzIDUuOTk3IDYuMjUxLTUuOTk1Yy44NTQtLjc3IDEuODI3LS43MTQgMi41MjIgMCAuNjk4LjcxNC42NTQgMS45MTcgMCAyLjU4NHoiLz48L3N2Zz4=') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

a.movedown:hover
{
    background: rgba(0,0,0,0.5);
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

a.movedown:hover:before
{
    opacity: 0.8;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}


/* page-wrapp / wrapper */
.page-wrapp
{
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
    clear: both;
    border: none;
    overflow: hidden;
    /* background: rgb(219,205,187); */
}

.wrapper
{
    display: block;
    position: relative;
    width: 85%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0;
}

/* buttons */
.btn
{
    display: table;
    font-size: 15pt;
    line-height: normal;
    padding: 10px 40px;
    border: none;
    background: rgb(52,152,219);
    color: rgb(255,255,255);
    text-align: center;
    font-family: 'Helvetica Neue Light', Helvetica, 'Helvetica', Verdana, Arial, Geneva, sans-serif;
    border-radius: 6px;
    -webkit-backface-visibility: hidden;
    box-shadow: inset 0 -2px 0 rgba(0,0,0,0.3);
    transition: 0.3s;
}

.btn-big
{
    font-size: 25pt;
    padding: 10px 60px;
}

.btn-green
{
    background: rgb(140,198,63);
}

.btn-big:after
{
    font-family: 'Helvetica Neue Light', 'Helvetica';
    content: "→";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    padding: 0 0 0 10px;
    color: rgba(255,255,255,0.5);
    transition: 0.3s;
}

.btn:hover,
.btn:focus,
.btn:active
{
    background: rgba(0,0,0,0.3);
    color: rgb(255,255,255);
    transition: 0.3s;
}

/* header */
header.intro
{
    height: 650px;
    position: relative;
    background: rgb(255,255,255);
}

header.intro .wrapper
{
    position: relative;
    z-index: 555;
    padding: 5% 0;
}

header.intro .wrapper .content
{
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

header.intro .wrapper .content .download
{
    padding: 2% 0;
}

header.intro .wrapper .content .download .btn
{
    margin: 0 auto;
}

/* header elements */
header.intro .bg-elements
{
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 60px;
    left: 0;
    background: rgb(255,255,255);
}

.bg-elements ul.elements
{
    position: relative;
    display: block;
    z-index: 2;
    top: 0;
    width: 80%;
    max-width: 960px;
    height: 100%;
    padding: 0;
    margin: 0 auto;
}

.bg-elements ul.elements li
{
    position: absolute;
    display: block;
    padding: 0;
    margin: 0;
    width: 200px;
    height: 200px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

/* elements */
.bg-elements ul.elements li.post-it
{
    right: -5%;
    top: 30%;
    z-index: 2;
    background: url('/images/products/block-postit.jpg') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

.bg-elements ul.elements li.device
{
    height: 220px;
    right: 5%;
    top: 70%;
    z-index: 4;
    transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    -o-transform: rotate(7deg);
    background: url('/images/products/iphone5s.png') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

.bg-elements ul.elements li.computer
{
    position: relative;
    z-index: 3;
    top: 25%;
    margin: 0 auto;
    width: 680px;
    height: 600px;
    background: url('/images/products/products-computer.png') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

.bg-elements ul.elements li.books
{
    left: -10%;
    top: 45%;
    z-index: 2;
    width: 325px;
    height: 375px;
    transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
    background: url('/images/products/book-notebook.jpg') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

/* sections */
.page-wrapp section
{
    padding: 3% 0;
}

/* features */
.features
{
    position: relative;
    z-index: 666;
    background: rgb(238,240,241);
    background: rgba(238,240,241,0.98);
}

.features h2
{
    text-align: center;
}

/* features > tabs menu */
.features ul.features-nav
{
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    z-index: 1;
    border-bottom: 2px solid rgba(0,0,0,0.1);
}

.features ul.features-nav li
{
    position: relative;
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
    outline: none;
    margin-bottom: -1px;
    z-index: 2;
}

.features ul.features-nav li.clear
{
    float: none;
    clear: both;
    width: 0;
    height: 0;
}

.features ul.features-nav li a
{
    display: block;
    outline: none;
    padding: 10px 25px 10px 40px;
    margin: 0;
    color: rgba(0,0,0,0.5);
    border: 2px solid transparent;
    border-radius: 3px 3px 0 0;
    transition: 0.3s;
}

.features ul.features-nav li.ui-state-hover a
{
    color: rgb(52,152,219);
    border-bottom: 2px solid rgba(0,0,0,0.15);
    transition: 0.3s;
}

.features ul.features-nav li.ui-state-active a
{
    color: rgba(0,0,0,0.5);
    background: none;
    border: 2px solid rgba(0,0,0,0.1);
    border-bottom: 2px solid rgb(236,240,241);
    transition: 0.8s;
}

.features .features-content
{
    display: none;
}

.features #manage-contacts
{
    display: block;
}

/* features > icons */
.features ul.features-nav li a:before
{
    content: '';
    display: block;
    position: absolute;
    left: 15px;
    top: 0;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 100%;
}

.features ul.features-nav li[aria-labelledby='ui-id-1'] a:before
{
    background: url('/images/ctc/icons/ctc-icon-contacts.png') no-repeat center center;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0iI0IzQjNCMyIgZD0iTTM2LjYxOCA3LjcyNGMxLjE3OS0uODggMi42NDktNi40NjMgMTAuMjg4LTUuNTggNy42NDUuODc3IDE2LjE2MiAyLjM0NiAxOS42ODIgMTEuNDUyIDMuNTI5IDkuMTA5LjIyMyAxOS4zMjUgMCAxOS45ODItLjIxNy42NjMgMS41NC0xLjQ2MiAyLjA0Ny0uMzQyLjgyOCAxLjgxLTEuMTY0IDE1LjAzNC00LjEgMTIuOTc4LTIuOTM3LTIuMDU2LS4zNjUgNC45ODktMS40NjggNy45MzItLjUzNiAxLjQyOC0xLjI1NCAyLjE0Ni0yLjM1MiAyLjkzOS0uODExLjU3OS0uNjU3IDEuODMyLjU4OCAyLjM1MSAxLjM1NS41NTYgMi4zMTkuMzQ4IDIuOTQxIDIuNjMyIDEuMjQyIDQuNTYzIDkuMTA5IDUuNTkyIDIyLjkxNiAxMS40NjcgMTMuOCA1Ljg4MSAxMy4xNDYgNy45MzcgMTIuNjMgMjQuNDE1aC05OS42MDFjLS44MTEtMTguMTczLjU4NS0xOS43MTMgMTIuMzQxLTIzLjUzMiAxNi43MDgtNS40MzIgMjAuNzE4LTcuNDkgMjIuMzIyLTEyLjM1LjYxMS0xLjgwMSAxLjEwOS0zLjA3MiAyLjY1NS0zLjIyNiAxLjQ3Ny0uMTM5IDIuMjg3LTEuOTQ4IDEuMTc1LTIuNjQxLS42MTctLjM4Mi0yLjMyMi0xLjQyNS0yLjY1Mi0zLjQ0MS0uNTEyLTMuMjQzLjY2Ni04LjM4NS0xLjEwNi03LjQzLTMuOTcgMi4xNDMtNS41MDEtOS45OS01LjIwNi0xMi42My4yOS0yLjY0NiAyLjc5MSAxLjE3MyAyLjIwMSAwLS41ODItMS4xNzUtNC45OTItMjUuNTY0IDIuMjAzLTI1LjI3NWwyLjQ5Ni4yOTl6Ii8+PC9zdmc+') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

.features ul.features-nav li[aria-labelledby='ui-id-2'] a:before
{
    background: url('/images/ctc/icons/ctc-icon-sms.png') no-repeat center center;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0iI0IzQjNCMyIgZD0iTTUwLjAwNiA4LjIxMWMtMjcuNjE0IDAtNTAuMDA2IDE3LjQ3Ny01MC4wMDYgMzkuMDQ2IDAgMTIuNjQ4IDcuNzA3IDIzLjg5IDE5LjY0IDMxLjAyOS0xLjQyNSA3LjU4Mi0xMC41NiAxMy4zNjYtMTAuNTYgMTMuMzY2IDguMDkuMzk2IDE5LjMwNC40MiAyNi4xNC03LjA4NCA0LjY2NiAxLjEyMyA5LjYzMyAxLjczNCAxNC43ODYgMS43MzQgMjcuNjExLjAwMSA0OS45OTQtMTcuNDc5IDQ5Ljk5NC0zOS4wNDUgMC0yMS41NjktMjIuMzgzLTM5LjA0Ni00OS45OTQtMzkuMDQ2eiIvPjwvc3ZnPg==') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

.features ul.features-nav li[aria-labelledby='ui-id-3'] a:before
{
    background: url('/images/ctc/icons/ctc-icon-calendar.png') no-repeat center center;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PGcgZmlsbD0iI0IzQjNCMyI+PHBhdGggZD0iTTY5LjY3NiA2Ni41MXYtMTEuMjE3bC05LjUzMSAxMS4yMTd6TTg3LjI3NyAxOS4yNjFoLTIuMTEydjEwLjkwNGMwIDMuNTgxLTIuODk0IDYuNDgzLTYuNDcyIDYuNDgzaC02Ljg1NmMtMy41NzggMC02LjQ2OS0yLjkwMy02LjQ2OS02LjQ4M3YtMTAuOTA0bC0zMC0uMDEydjEwLjkxNmMwIDMuNTgxLTIuODk5IDYuNDgzLTYuNDY4IDYuNDgzaC02Ljg2M2MtMy41NzIgMC02LjQ3Mi0yLjkwMy02LjQ3Mi02LjQ4M3YtMTAuOTE1aC0yLjY1NGMtNy4xMzIgMC0xMi45MTEgNi4yNDYtMTIuOTExIDEzLjk0NXY0OC4zNzJjMCA3LjcgNS43NzkgMTMuOTQ1IDEyLjkxMSAxMy45NDVoNzQuMTgxYzcuMTI5IDAgMTIuOTA4LTYuMjQ1IDEyLjkwOC0xMy45NDV2LTQ4LjM3MmMwLTcuNjMtNS42ODEtMTMuODI5LTEyLjcyMy0xMy45MzR6bS0zOC44NSA2MS41OTloLTI5LjcxNmMuMzM5LTIuOTMyIDEuMzc2LTUuNjk1IDMuMTA1LTguMjc5IDEuNzE4LTIuNTg0IDQuOTU5LTUuNjQzIDkuNzEtOS4xNTQgMi44OTktMi4xNTUgNC43NTMtMy43ODkgNS41Ny00LjkxMy44MTEtMS4xMTggMS4yMTEtMi4xNzggMS4yMTEtMy4xODcgMC0xLjA4My0uNC0yLjAyMS0xLjIwMi0yLjc4Ni0uODAyLS43NjYtMS44MTMtMS4xNTMtMy4wMjQtMS4xNTMtMS4yNjMgMC0yLjMwMy4zOTQtMy4xMDMgMS4xOTMtLjgwMi43OTQtMS4zNDQgMi4xOTYtMS42MTYgNC4ybC05LjkyMi0uNzkzYy4zOTEtMi43OTMgMS4xMDEtNC45NzIgMi4xNDEtNi41MyAxLjAzNy0xLjU3IDIuNDk3LTIuNzY0IDQuMzg5LTMuNjA0IDEuODg5LS44MzQgNC41MDUtMS4yNTEgNy44MzYtMS4yNTEgMy40OTEgMCA2LjIwNS40IDguMTQzIDEuMTk0IDEuOTM1Ljc5MyAzLjQ1OCAyLjAxIDQuNTY1IDMuNjYyIDEuMTA5IDEuNjM5IDEuNjcxIDMuNDg4IDEuNjcxIDUuNTMzIDAgMi4xNzMtLjY0MyA0LjI0MS0xLjkxMiA2LjIxNy0xLjI4IDEuOTg3LTMuNTg2IDQuMTYtNi45NDkgNi41MTgtMS45ODQgMS4zNzktMy4zMiAyLjM0Ny0zLjk5NSAyLjg5Ny0uNjcyLjU1Ni0xLjQ2NiAxLjI4LTIuMzY3IDIuMTYxaDE1LjQ2M3Y4LjA3NXptMzQuMzU3LTYuNjYzaC00LjQ3NnY2LjY2M2gtOC42MzN2LTYuNjYzaC0xOC4wNDF2LTguMTQ2bDE4LjA0Mi0yMS40NDloOC42MzN2MjEuOTA4aDQuNDc2djcuNjg3ek0yOC4yNjggNC40ODdoLTUuNjA1Yy0yLjkyIDAtNS4yOSAyLjM1OC01LjI5IDUuMjg0djE5LjYxMmMwIDIuOTI2IDIuMzcgNS4zMDEgNS4yOSA1LjMwMWg1LjYwNWMyLjkyMyAwIDUuMjkyLTIuMzc1IDUuMjkyLTUuMzAxdi0xOS42MTJjMC0yLjkyNi0yLjM3LTUuMjg0LTUuMjkyLTUuMjg0ek03OC4wNjQgNC40ODdoLTUuNjA3Yy0yLjkxNSAwLTUuMjgxIDIuMzU4LTUuMjgxIDUuMjg0djE5LjYxMmMwIDIuOTI2IDIuMzY2IDUuMzAxIDUuMjgxIDUuMzAxaDUuNjA3YzIuOTIxIDAgNS4yOS0yLjM3NSA1LjI5LTUuMzAxdi0xOS42MTJjMC0yLjkyNi0yLjM2OS01LjI4NC01LjI5LTUuMjg0eiIvPjwvZz48L3N2Zz4=') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

.features ul.features-nav li[aria-labelledby='ui-id-4'] a:before
{
    background: url('/images/ctc/icons/ctc-icon-notes.png') no-repeat center center;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0iI0IzQjNCMyIgZD0iTTkwLjk0MiAwaC04MS44NzNjLTUuMDEyIDAtOS4wNjkgNC4wNTQtOS4wNjkgOS4wNjN2ODEuODczYzAgNS4wMDQgNC4wNTcgOS4wNjQgOS4wNjkgOS4wNjRoNDkuNzY2YzIuMzU2IDAgNC42MjEtLjkxNSA2LjMyNC0yLjU1NGwxNi4xODctMTUuNzQxLjE3NC0uMTc0IDE1LjkwOS0xNi4zMTRjMS42NDctMS42ODYgMi41NzEtMy45NjEgMi41NzEtNi4zM3YtNDkuODI0YzAtNS4wMDktNC4wNjItOS4wNjMtOS4wNTgtOS4wNjN6bS0xNC4wMjQgNzguODU1Yy04LjY3OCA4LjU1NC0xOS45NzEgMTguODk3LTE5Ljk3MSAxOC44OTcgMTMuMzktMTguNjY2IDQuMjM5LTM2LjQ3OSA0LjIzOS0zNi40NzlzMTMuMjM4IDcuNDgyIDM3LjA2NC02LjA2NGMuMDAxIDAtMTIuNjUgMTUuMDkzLTIxLjMzMiAyMy42NDZ6Ii8+PC9zdmc+') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

.features ul.features-nav li[aria-labelledby='ui-id-5'] a:before
{
    background: url('/images/ctc/icons/ctc-icon-reminders.png') no-repeat center center;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0iI0IzQjNCMyIgZD0iTTYzLjYyIDI0LjkyOGwtMTguODcgMjAuMjQtOC42NTItOS4yNzEtNy45NzQgOC41NSAxNi45NSAxOC4wMzkgMjYuNzktMjguNzE4LTguMjQ0LTguODR6bTMwLjEzNC0yNC45MjhoLTg3LjUwM2MtMy40NTEgMC02LjI1MSAyLjc5NC02LjI1MSA2LjI0OXY4Ny41MDVjMCAzLjQ1MiAyLjggNi4yNDYgNi4yNTEgNi4yNDZoODcuNTAyYzMuNDUyIDAgNi4yNDYtMi43OTQgNi4yNDYtNi4yNDZ2LTg3LjUwNTAwMDAwMDAwMDAxYy4wMDEtMy40NTUtMi43OTMtNi4yNDktNi4yNDUtNi4yNDl6bS02LjI1NCA2OC43NDloLTE4Ljc1MXYxOC43NTFoLTM3LjQ5MnYtMTguNzUxaC0xOC43NTF2LTU2LjI0Mjk5OTk5OTk5OTk5NWg3NC45OTR2NTYuMjQzeiIvPjwvc3ZnPg==') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

.features ul.features-nav li[aria-labelledby='ui-id-6'] a:before
{
    background: url('/images/ctc/icons/ctc-icon-cloud.png') no-repeat center center;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0iI0IzQjNCMyIgZD0iTTg0LjA3NyA0OC4wMjdjLS4yMjcgMC0uNDUzLjAxMS0uNjc4LjAyMy4wODktLjg2My4xMzItMS43NC4xMzItMi42MTggMC0xNC4xMjItMTEuNDM4LTI1LjU2MS0yNS41NTYtMjUuNTYxLTEwLjQwOSAwLTE5LjM2MSA2LjIyOC0yMy4zNDYgMTUuMTU3LTEuNzc3LTEuMTM2LTMuODktMS43OTgtNi4xNTctMS43OTgtNi4zMjQgMC0xMS40NSA1LjEyOS0xMS40NSAxMS40NTNsLjAxMS41MjRjLTkuNDM2LjE4Ni0xNy4wMzMgNy45NzktMTcuMDMzIDE3LjQ2MSAwIDkuNTk4IDcuNzgyIDE3LjQ2IDE3LjM4NCAxNy40NiAwIDAgNjYuNjQ2LS4yNDggNjYuNjkzLS4yNDggOC43OTQgMCAxNS45MjMtNy4xMzEgMTUuOTIzLTE1LjkzIDAtOC43OTItNy4xMjktMTUuOTIzLTE1LjkyMy0xNS45MjN6Ii8+PC9zdmc+') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

/* features > tabs panel */
.features .ui-tabs-panel
{
    padding: 15px 10px;
}

/* reviews */
.reviews
{
    position: relative;
    background: rgb(255,255,255);
}

.reviews h2
{
    text-align: center;
}

.reviews .wrapper
{
    position: relative;
}

.reviews #review-content
{
    display: block;
    position: relative;
    height: 130px;
    padding: 5px 0 30px 0;
    transition: 0.5s;
}

.reviews .user
{
    position: absolute;
    left: 0;
    top: 0;
    padding: 5px 15px;
    background: rgb(41,171,226);
    border-radius: 5px;
    box-shadow: 5px 10px 0 rgba(0,0,0,0.1);
}

.reviews .user:before
{
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 13%;
    border-top: 15px solid rgb(41,171,226);
    border-left: 15px solid transparent;
    border-right: 0 solid transparent;
}

.reviews #keith-review:before
{
    left: 33%;
}

.reviews #ian-review:before
{
    left: 52.5%;
}

.reviews .user p
{
    color: rgb(255,255,255);
}

.reviews .user.hide
{
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-80px);
    -webkit-transform: translateY(-80px);
    -o-transform: translateY(-80px);
    transition: 0.5s;
}

.reviews .user.show
{
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transition: 1s;
}

/* reviews navigation */
.reviews #reviews-menu
{
    display: block;
    position: relative;
    padding: 5px 0;
    margin: 0 auto;
}

.reviews ul.nav-review
{
    display: table;
    padding: 0;
    margin: 0 auto;
}

ul.nav-review li
{
    display: block;
    padding: 0;
    margin: 0;
    float: left;
    list-style: none;
}

ul.nav-review li.more
{
    padding: 5px 0;
}

ul.nav-review li a
{
    display: block;
    padding: 5px 15px;
}

ul.nav-review li.more a.btn
{
    font-size: 12pt;
    padding: 10px 20px;
}

ul.nav-review li a .icon
{
    display: block;
    float: left;
    width: 45px;
    height: 45px;
    margin: 0 auto;
    background: url('/images/ctc/icons/review-default-user-profile.png') no-repeat center center;
    background: url('/images/ctc/icons/review-default-user-profile.svg') no-repeat center center;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDE1MCAxNTAiPjxjaXJjbGUgc3Ryb2tlPSIjY2NjIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgY3g9Ijc1IiBjeT0iNzUiIHI9IjczLjExOCIgZmlsbD0ibm9uZSIvPjxkZWZzPjxjaXJjbGUgaWQ9ImEiIGN4PSI3NSIgY3k9Ijc1IiByPSI3My4xMTgiLz48L2RlZnM+PGNsaXBQYXRoIGlkPSJiIj48dXNlIHhsaW5rOmhyZWY9IiNhIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PHBhdGggZmlsbD0iI2NjYyIgZD0iTTkzLjI3NSAyOC4xMzRjLTEuNjAyLTEuMTk5LTMuNjA0LTguODI1LTE0LjA0OS03LjYyNC0xMC40MjkgMS4xOTYtMjIuMDY5IDMuMjEtMjYuODggMTUuNjUtNC44MTQgMTIuNDQtLjMxMiAyNi4zODggMCAyNy4zLjI5MS44OS0yLjEwOS0yLjAwMS0yLjc5OS0uNDY4LTEuMTE1IDIuNDU3IDEuNiAyMC41MjMgNS42MDEgMTcuNzE4IDQuMDI2LTIuODIxLjUxMSA2LjgxNyAyLjAwOSAxMC44MjcuNzI0IDEuOTU4IDEuNzI2IDIuOTQ3IDMuMjE2IDQuMDI1IDEuMTEuNzk5Ljg5NyAyLjUxNC0uOCAzLjIwMy0xLjg2OS43NzQtMy4xNTcuNDc3LTQuMDI0IDMuNTk5LTEuNzAyIDYuMjM3LTEyLjQzOSA3LjY0MS0zMS4zMDQgMTUuNjYzLTE4Ljg1NCA4LjAyNS0xNy45NjEgMTAuODQtMTcuMjUgMzMuMzZoMTM2LjA0OGMxLjEtMjQuODIzLS43ODktMjYuOTI1LTE2Ljg0Mi0zMi4xNDYtMjIuODQyLTcuNDI3LTI4LjMwMS0xMC4yMjktMzAuNTE0LTE2Ljg3Ny0uODIyLTIuNDY2LTEuNDk4LTQuMjAxLTMuNjEzLTQuNC0yLjAyLS4xODgtMy4xMzMtMi42NjktMS41OTgtMy42MDIuODMyLS41MjEgMy4xOC0xLjk0NSAzLjYwMi00LjcxNC43MTEtNC40MjYtLjg5MS0xMS40NTEgMS41Mi0xMC4xNDYgNS40MTQgMi45MjIgNy41MjktMTMuNjQyIDcuMTI1LTE3LjI1NC0uNDE4LTMuNjEyLTMuODIyIDEuNjAzLTMuMDIxIDAgLjc5OS0xLjYxMyA2LjgyNS0zNC45MTctMy4wMDQtMzQuNTE1bC0zLjQyMy40MDF6IiBjbGlwLXBhdGg9InVybCgjYikiLz48L3N2Zz4=') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

ul.nav-review li a .info
{
    display: block;
    float: left;
    text-align: left;
    width: 105px;
    padding: 5px 0 5px 10px;
}

ul.nav-review li a .info .rating
{
    display: block;
    width: 100%;
    height: 15px;
    background: url('/images/ctc/icons/review-stars-five.png') no-repeat left center;
    background: url('/images/ctc/icons/review-stars-five.svg') no-repeat left center;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjUiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAxNjUgMzAiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIzMjYuOTc5IiB5MT0iLTI4OS4wMDUiIHgyPSIzNDYiIHkyPSItMjY2LjMzOCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMzIxIC0yNjApIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNGNzkzMUUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGQkIwM0IiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGZpbGw9InVybCgjYSkiIGQ9Ik0xNS45OTUuNWwzLjYgMTEuMDc2aDExLjY0N2wtOS40MjMgNi44NDggMy41OTkgMTEuMDc3LTkuNDIzLTYuODQ5LTkuNDIzIDYuODQ5IDMuNTk5LTExLjA3Ny05LjQyMS02Ljg0OGgxMS42NDZ6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJiIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjM2MC4xODciIHkxPSItMjg5LjAwNCIgeDI9IjM3OS4yMDciIHkyPSItMjY2LjMzNyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMzIxIC0yNjApIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNGNzkzMUUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGQkIwM0IiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGZpbGw9InVybCgjYikiIGQ9Ik00OS4yMDEuNWwzLjYgMTEuMDc2aDExLjY0N2wtOS40MjMgNi44NDggMy41OTkgMTEuMDc3LTkuNDIzLTYuODQ5LTkuNDI0IDYuODQ5IDMuNi0xMS4wNzctOS40MjEtNi44NDhoMTEuNjQ2eiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iYyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIzOTMuMzkyIiB5MT0iLTI4OS4wMDYiIHgyPSI0MTIuNDEyIiB5Mj0iLTI2Ni4zMzkiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgLTMyMSAtMjYwKSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjRjc5MzFFIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkJCMDNCIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI2MpIiBkPSJNODIuNDA3LjVsMy41OTkgMTEuMDc2aDExLjY0OGwtOS40MjQgNi44NDggMy42IDExLjA3Ny05LjQyMy02Ljg0OS05LjQyNCA2Ljg0OSAzLjYtMTEuMDc3LTkuNDIxLTYuODQ4aDExLjY0NXoiLz48bGluZWFyR3JhZGllbnQgaWQ9ImQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDI2LjU5NiIgeTE9Ii0yODkuMDA1IiB4Mj0iNDQ1LjYxNiIgeTI9Ii0yNjYuMzM4IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0zMjEgLTI2MCkiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0Y3OTMxRSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZCQjAzQiIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZmlsbD0idXJsKCNkKSIgZD0iTTExNS42MTEuNWwzLjYwMSAxMS4wNzZoMTEuNjQ3bC05LjQyMSA2Ljg0OCAzLjU5NyAxMS4wNzctOS40MjQtNi44NDktOS40MjMgNi44NDkgMy42LTExLjA3Ny05LjQyMS02Ljg0OGgxMS42NDd6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJlIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjQ1OS44MDQiIHkxPSItMjg5LjAwNCIgeDI9IjQ3OC44MjMiIHkyPSItMjY2LjMzOCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMzIxIC0yNjApIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNGNzkzMUUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGQkIwM0IiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGZpbGw9InVybCgjZSkiIGQ9Ik0xNDguODE4LjVsMy42IDExLjA3NmgxMS42NDZsLTkuNDIxIDYuODQ4IDMuNTk4IDExLjA3Ny05LjQyMy02Ljg0OS05LjQyMyA2Ljg0OSAzLjU5OS0xMS4wNzctOS40MjEtNi44NDhoMTEuNjQ2eiIvPjwvc3ZnPg==') no-repeat left center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
}

ul.nav-review li.keith-face a .info .rating,
ul.nav-review li a .info .rating-four
{
    background: url('/images/ctc/icons/review-stars-four.png') no-repeat left center;
    background: url('/images/ctc/icons/review-stars-four.svg') no-repeat left center;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjUiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAxNjUgMzAiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItMTE3LjAyIiB5MT0iMTY4NS4wMDQiIHgyPSItOTguMDAxIiB5Mj0iMTY2Mi4zMzciIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIzIC0xNjU2KSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjRjc5MzFFIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkJCMDNCIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMTUuOTk1LjVsMy42IDExLjA3NmgxMS42NDdsLTkuNDIzIDYuODQ4IDMuNTk5IDExLjA3Ny05LjQyMy02Ljg0OS05LjQyMyA2Ljg0OSAzLjU5OS0xMS4wNzctOS40MjEtNi44NDhoMTEuNjQ2eiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iYiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItODMuODE0IiB5MT0iMTY4NS4wMDUiIHgyPSItNjQuNzk0IiB5Mj0iMTY2Mi4zMzgiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIzIC0xNjU2KSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjRjc5MzFFIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkJCMDNCIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI2IpIiBkPSJNNDkuMjAxLjVsMy42IDExLjA3NmgxMS42NDdsLTkuNDIzIDYuODQ4IDMuNTk5IDExLjA3Ny05LjQyMy02Ljg0OS05LjQyNCA2Ljg0OSAzLjYtMTEuMDc3LTkuNDIxLTYuODQ4aDExLjY0NnoiLz48bGluZWFyR3JhZGllbnQgaWQ9ImMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTUwLjYwOSIgeTE9IjE2ODUuMDA1IiB4Mj0iLTMxLjU4OSIgeTI9IjE2NjIuMzM4IiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDEyMyAtMTY1NikiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0Y3OTMxRSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZCQjAzQiIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZmlsbD0idXJsKCNjKSIgZD0iTTgyLjQwNy41bDMuNTk5IDExLjA3NmgxMS42NDhsLTkuNDI0IDYuODQ4IDMuNiAxMS4wNzctOS40MjMtNi44NDktOS40MjQgNi44NDkgMy42LTExLjA3Ny05LjQyMS02Ljg0OGgxMS42NDV6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0xNy40MDMiIHkxPSIxNjg1LjAwNiIgeDI9IjEuNjE3IiB5Mj0iMTY2Mi4zMzkiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIzIC0xNjU2KSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjRjc5MzFFIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkJCMDNCIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI2QpIiBkPSJNMTE1LjYxMS41bDMuNjAxIDExLjA3NmgxMS42NDdsLTkuNDIxIDYuODQ4IDMuNTk3IDExLjA3Ny05LjQyNC02Ljg0OS05LjQyMyA2Ljg0OSAzLjYtMTEuMDc3LTkuNDIxLTYuODQ4aDExLjY0N3oiLz48cGF0aCBmaWxsPSIjY2NjIiBkPSJNMTQ4LjgxOC41bDMuNiAxMS4wNzZoMTEuNjQ2bC05LjQyMSA2Ljg0OCAzLjU5OCAxMS4wNzctOS40MjMtNi44NDktOS40MjMgNi44NDkgMy41OTktMTEuMDc3LTkuNDIxLTYuODQ4aDExLjY0NnoiLz48L3N2Zz4=') no-repeat left center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
}

/* download */
.download .wrapper a
{
    display: block;
    padding: 2% 3%;
}

.download .wrapper h2
{
    font-size: 30pt;
    color: rgb(52,152,219);
}

.download .wrapper,
.download .wrapper h2,
.download .wrapper h3,
.download .wrapper p
{
    text-align: center;
}

.download .wrapper p.download-btn
{
    padding: 10px 0;
}

.download .wrapper p.download-btn .btn
{
    position: relative;
    display: table;
    margin: 0 auto;
}

.download .wrapper p.download-btn .btn .info
{
    display: block;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 150%;
    left: 0;
    width: 100%;
    padding: 5px 0;
    margin: 0;
    background: rgb(27,60,77);
    border-radius: 3px;
    box-shadow: 5px 7px 0px rgba(0,0,0,0.15);
    transition: 1s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.download .wrapper p.download-btn .btn:hover .info,
.download .wrapper p.download-btn .btn:focus .info,
.download .wrapper p.download-btn .btn:active .info
{
    visibility: visible;
    opacity: 1;
    top: 125%;
    transition: 0.5s;
}

.download .wrapper p.download-btn .btn .info:before
{
    content: '';
    display: block;
    position: absolute;
    bottom: 100%;
    left: 45%;
    border-bottom: 5px solid rgb(27,60,77);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.download .wrapper p.download-btn .btn .info span
{
    display: block;
    padding: 5px 20px;
    color: rgb(255,255,255);
    font-size: 11pt;
    text-align: center;
}

/* press */
.page-wrapp .press
{
    margin: 0;
    background: rgba(255,255,255,0.8);
}

.page-wrapp .press .press-list nav
{
    display: block;
    width: 80%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0;
    clear: both;
}

.page-wrapp .press .press-list nav ul
{
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    float: left;
    list-style: none;
}

.page-wrapp .press .press-list nav ul li
{
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    width: 20%;
}

.page-wrapp .press .press-list nav ul li a
{
    display: block;
    position: relative;
    width: 80%;
    height: 60px;
    padding: 5px;
    margin: 0 auto;
    opacity: 0.5;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    transition: 0.5s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.page-wrapp .press .press-list nav ul li:hover a
{
    opacity: 1;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    transition: 0.3s;

}

/* press > press logos */
.page-wrapp .press .press-list nav ul li.tuaw a
{
    background: url('/images/ctc/press/tuaw-logo.png') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
}

.page-wrapp .press .press-list nav ul li.wired a
{
    background: url('/images/ctc/press/wired-logo.jpg') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
}

.page-wrapp .press .press-list nav ul li.cnet a
{
    background: url('/images/ctc/press/cnet_logo.png') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
}

.page-wrapp .press .press-list nav ul li.pcworld a
{
    background: url('/images/ctc/press/pcworld_logo.png') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
}

.page-wrapp .press .press-list nav ul li.pcadvisor a
{
    background: url('/images/ctc/press/pc_advisor_logo.png') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
}

/* more info columns */
.page-wrapp .more-info
{
    padding: 3% 0;
}

.page-wrapp .more-info ul
{
    margin: 0;
    padding: 1% 0;
    list-style: none;
    float: left;
}

.page-wrapp .more-info ul li
{
    float: left;
    list-style: none;
    padding: 5% 2%;
    width: 29%;
    text-align: center;
    border-right: 1px solid rgba(0,0,0,0.1);
}

.page-wrapp .more-info ul li h4
{
    font-size: 20pt;
    color: rgba(0,0,0,0.55);
    text-align: left;
}

.page-wrapp .more-info ul li p
{
    padding-bottom: 10%;
}

.page-wrapp .more-info ul li a.button
{
    display: block;
    position: relative;
    text-align: center;
    width: 60%;
    margin: 0 auto;
    padding: 10px 15px;
    color: rgb(255,255,255);
    text-shadow: none;
    font-weight: lighter;
    background: rgb(52,152,219);
    box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
    border-radius: 6px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.page-wrapp .more-info ul li a.button:hover
{
    background: rgba(0,0,0,0.3);
    box-shadow: inset 0 0 0 2px rgba(0,0,0,0.1);
    transition: 0.2s;
    -webkit-transition: 0.2s;
}

.page-wrapp .more-info ul li.compatibility,
.page-wrapp .more-info ul li.safe,
.page-wrapp .more-info ul li.help
{
    height: 300px;
}

/* more info columns > help */
.page-wrapp .more-info ul li.help
{
    border: none;
}

.page-wrapp .more-info ul li.help ul.support
{
    width: 90%;
    display: block;
    margin: 0 auto;
    float: none;
}

.page-wrapp .more-info ul li.help ul.support li
{
    float: none;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    width: 100%;
    text-align: left;
    padding: 0;
}

.page-wrapp .more-info ul li.help ul.support li:first-child
{
    border-top: 1px solid rgba(0,0,0,0.08);
}

.page-wrapp .more-info ul li.help ul.support li a
{
    display: inline-block;
    padding: 7% 0;
    color: rgb(110,110,110);
}

.page-wrapp .more-info ul li.help ul.support li a:before
{
    padding: 0 5px 0 0;
}

.page-wrapp .more-info ul li.help ul.support li a:hover
{
    color: rgb(41,171,226);
}

/* CTC
 * overwrite default styles for copytrans photo
*/
#CTC .press .press-list nav ul li
{
    width: 20%;
}

#CTC header.intro .wrapper .content
{
    max-width: 800px;
}

#CTC header.intro .wrapper .content h1
{
    font-size: 26pt;
}

/* CT
 * overwrite default styles for copytrans photo
*/
#CT header.intro .wrapper
{
    padding: 3.5% 0;
}

#CT header.intro .wrapper .content .download
{
    display: table;
    margin: 0 auto;
}

#CT header.intro .wrapper .content .download .btn,
#CT header.intro .wrapper .content .download .info
{
    display: block;
    float: left;
}

#CT header.intro .wrapper .content .download .btn-big
{
    padding: 10px 40px;
}

#CT header.intro .wrapper .content .download .info
{
    background: rgba(255,255,255,0.5);
    padding: 13px 20px 5px 20px;
    margin: 0 0 0 10px;
    border: none;
    text-decoration: none;
    text-shadow: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    box-shadow: inset 0 0 0 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,0.1);
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden;
}

#CT header.intro .wrapper .content .download .info:hover
{
    background: rgba(0,0,0,0.1);
    outline: none;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden;
}

#CT header.intro .wrapper .content .download .info span
{
    display: block;
    font-size: 13pt;
    line-height: 13px;
    color: rgba(0,0,0,0.5);
}

#CT header.intro .wrapper .content .download .info .rating
{
    width: 100%;
    min-height: 20px;
    padding: 5px 0;
    background: url('/images/cnet-editors-rating-outstanding.png') no-repeat center center;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
}

/* elements */
#CT .bg-elements ul.elements li.computer
{
    background: url('/images/products/products-computer-ct.png') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

#CT .bg-elements ul.elements li.cdalbums
{
    left: -10%;
    top: 45%;
    z-index: 2;
    width: 325px;
    height: 325px;
    background: url('/images/products/cd-albums.jpg') no-repeat center center;
    -webkit-backface-visibility: hidden;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

#CT .bg-elements ul.elements li.coffeecup
{
    right: -8%;
    top: 27%;
    width: 220px;
    height: 220px;
    z-index: 2;
    background: url('/images/products/coffee-cup.jpg') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

#CT .bg-elements ul.elements li.ipadair
{
    right: -20%;
    top: 20%;
    width: 400px;
    height: 300px;
    z-index: 2;
    background: url('/images/products/ipad-air-ct.jpg') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}


#CT .bg-elements ul.elements li.device
{
    height: 220px;
    right: 5%;
    top: 70%;
    z-index: 4;
    transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    -o-transform: rotate(7deg);
    background: url('/images/products/iphone5s-ct.png') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

/* for testing */
#CT .bg-elements ul.elements li.ct-v2-computer,
#CT .bg-elements ul.elements li.ct-v2-cdalbums,
#CT .bg-elements ul.elements li.ct-v2-ipadair,
#CT .bg-elements ul.elements li.ct-v2-device
{
    background: no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}
#CT .bg-elements ul.elements li.ct-v2-computer
{
    position: relative;
    z-index: 3;
    top: 25%;
    margin: 0 auto;
    width: 680px;
    height: 600px;
}

#CT .bg-elements ul.elements li.ct-v2-cdalbums
{
    left: -10%;
    top: 45%;
    z-index: 2;
    width: 325px;
    height: 325px;
}

#CT .bg-elements ul.elements li.ct-v2-ipadair
{
    right: -20%;
    top: 20%;
    width: 400px;
    height: 300px;
    z-index: 2;
    transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}

#CT .bg-elements ul.elements li.ct-v2-device
{
    height: 220px;
    right: 5%;
    top: 70%;
    z-index: 4;
    transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    -o-transform: rotate(7deg);
}

/* features */
#CT .features ul.features-nav li[aria-labelledby='ui-id-1'] a:before
{
    background: url('/images/ct/icons/icon-smart.png') no-repeat center center;
    background: url('/images/ct/icons/icon-smart.svg') no-repeat center center;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBvcGFjaXR5PSIuMyIgZD0iTTE4IDExLjk3N2MtLjk4NSAxLjA0Ny0xLjczMSAxLjk5Ni0yLjIzOCAyLjg0OC0uNTA3Ljg1Mi0uNzYxIDEuNjYxLS43NjIgMi40MjYgMCAuMjAzLS4wNzQuMzc5LS4yMjMuNTI3LS4xNDkuMTQ4LS4zMjQuMjIyLS41MjcuMjIzaC00LjVjLS4yMDMgMC0uMzc5LS4wNzQtLjUyNy0uMjIzcy0uMjIyLS4zMjQtLjIyMy0uNTI3YzAtLjc2NS0uMjU0LTEuNTc0LS43NjItMi40MjYtLjUwOC0uODUyLTEuMjU0LTEuODAxLTIuMjM4LTIuODQ4LTEtMS4zMjgtMS41LTIuODItMS41LTQuNDc3IDAtMS4zNTkuMzM2LTIuNjEzIDEuMDA4LTMuNzYyczEuNTgyLTIuMDU5IDIuNzMtMi43MyAyLjQwMi0xLjAwNyAzLjc2Mi0xLjAwOCAyLjYxNC4zMzUgMy43NjIgMS4wMDggMi4wNTggMS41ODMgMi43MyAyLjczIDEuMDA4IDIuNDAxIDEuMDA4IDMuNzYyYzAgMS42NTYtLjUgMy4xNDgtMS41IDQuNDc3em0tOC4yNSA3LjUyM2g0LjVjLjIwMyAwIC4zNzkuMDc0LjUyNy4yMjNzLjIyMi4zMjQuMjIzLjUyNy0uMDc0LjM3OC0uMjIzLjUyNy0uMzI1LjIyMy0uNTI3LjIyM2gtNC41Yy0uMjAzIDAtLjM3OS0uMDc0LS41MjctLjIyM3MtLjIyMi0uMzI0LS4yMjMtLjUyNy4wNzQtLjM3OC4yMjMtLjUyNy4zMjUtLjIyMy41MjctLjIyM3ptMi4yNSA0LjVjLS44MjggMC0xLjUzNS0uMTQ4LTIuMTIxLS40NDVzLS44NzktLjY0OC0uODc5LTEuMDU1aDZjMCAuNDA2LS4yOTMuNzU4LS44NzkgMS4wNTUtLjU4Ni4yOTctMS4yOTMuNDQ2LTIuMTIxLjQ0NXoiLz48L3N2Zz4=') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

#CT .features ul.features-nav li[aria-labelledby='ui-id-2'] a:before
{
    background: url('/images/ct/icons/icon-manual.png') no-repeat center center;
    background: url('/images/ct/icons/icon-manual.svg') no-repeat center center;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBvcGFjaXR5PSIuMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyIgZD0iTTEzLjkyOSAxMmMwLS45NDctLjMzNS0xLjc1NS0xLjAwNC0yLjQyNHMtMS40NzctMS4wMDQtMi40MjQtMS4wMDQtMS43NTUuMzM1LTIuNDI1IDEuMDA0Yy0uNjY4LjY3LTEuMDAzIDEuNDc4LTEuMDAzIDIuNDI0IDAgLjk0Ny4zMzUgMS43NTUgMS4wMDQgMi40MjRzMS40NzcgMS4wMDQgMi40MjQgMS4wMDRjLjk0NyAwIDEuNzU1LS4zMzUgMi40MjQtMS4wMDRzMS4wMDQtMS40NzcgMS4wMDQtMi40MjR6bTYuODU2LTEuNDZ2Mi45NzNjMCAuMTA3LS4wMzYuMjEtLjEwNy4zMDgtLjA3MS4wOTgtLjE2MS4xNTYtLjI2OC4xNzRsLTIuNDc4LjM3NWMtLjE2OS40ODItLjM0My44ODgtLjUyMiAxLjIxOS4zMTMuNDQ3Ljc5IDEuMDYzIDEuNDMzIDEuODQ4LjA4OS4xMDcuMTM0LjIxOS4xMzQuMzM1cy0uMDQuMjE5LS4xMjEuMzA4Yy0uMjQxLjMzMS0uNjgzLjgxMy0xLjMyNiAxLjQ0NnMtMS4wNjIuOTUtMS4yNTkuOTUxYy0uMTA3IDAtLjIyMy0uMDQtLjM0OC0uMTIxbC0xLjg0OC0xLjQ0NmMtLjM5My4yMDUtLjc5OS4zNzUtMS4yMTkuNTA5LS4xNDMgMS4yMTQtLjI3MiAyLjA0NC0uMzg4IDIuNDkxLS4wNjMuMjUtLjIyMy4zNzUtLjQ4Mi4zNzVoLTIuOTcyYy0uMTI1IDAtLjIzNS0uMDM4LS4zMjgtLjExNHMtLjE0NS0uMTcyLS4xNTQtLjI4OGwtLjM3NS0yLjQ2NGMtLjQzNy0uMTQzLS44MzktLjMwOC0xLjIwNS0uNDk2bC0xLjg4OCAxLjQzM2MtLjA4OS4wODEtLjIwMS4xMjEtLjMzNS4xMjEtLjEyNSAwLS4yMzctLjA0OS0uMzM1LS4xNDctMS4xMjUtMS4wMTgtMS44NjItMS43NjgtMi4yMS0yLjI1LS4wNjMtLjA4OS0uMDk0LS4xOTItLjA5NC0uMzA4IDAtLjEwNy4wMzYtLjIxLjEwNy0uMzA4LjEzNC0uMTg3LjM2Mi0uNDg0LjY4My0uODkxcy41NjItLjcyMS43MjMtLjk0NGMtLjI0MS0uNDQ3LS40MjQtLjg4OS0uNTQ5LTEuMzI2bC0yLjQ1MS0uMzYyYy0uMTE2LS4wMTgtLjIxLS4wNzQtLjI4MS0uMTY3cy0uMTA3LS4xOTgtLjEwNy0uMzE1di0yLjk3M2MwLS4xMDcuMDM2LS4yMS4xMDctLjMwOHMuMTU2LS4xNTYuMjU0LS4xNzRsMi40OTEtLjM3NGMuMTI1LS40MTEuMjk5LS44MjEuNTIyLTEuMjMyLS4zNTctLjUwOS0uODM1LTEuMTI1LTEuNDMzLTEuODQ5LS4wODktLjEwNi0uMTM0LS4yMTMtLjEzNC0uMzIgMC0uMDg5LjA0LS4xOTIuMTIxLS4zMDguMjMyLS4zMjEuNjcyLS44MDEgMS4zMTktMS40NHMxLjA2OS0uOTU4IDEuMjY2LS45NThjLjExNiAwIC4yMzIuMDQ1LjM0OC4xMzRsMS44NDggMS40MzNjLjM5My0uMjA1Ljc5OS0uMzc1IDEuMjE5LS41MDkuMTQzLTEuMjE0LjI3Mi0yLjA0NC4zODgtMi40OTEuMDYzLS4yNS4yMjMtLjM3NS40ODItLjM3NWgyLjk3M2MuMTI1IDAgLjIzNS4wMzguMzI4LjExNHMuMTQ1LjE3Mi4xNTQuMjg4bC4zNzUgMi40NjRjLjQzNy4xNDMuODM5LjMwOCAxLjIwNS40OTZsMS45MDItMS40MzNjLjA4MS0uMDgxLjE4OC0uMTIxLjMyMS0uMTIxLjExNiAwIC4yMjguMDQ1LjMzNS4xMzQgMS4xNTIgMS4wNjMgMS44ODkgMS44MjIgMi4yMSAyLjI3Ny4wNjMuMDcxLjA5NC4xNy4wOTQuMjk1IDAgLjEwNy0uMDM2LjIxLS4xMDcuMzA4LS4xMzQuMTg3LS4zNjIuNDg0LS42ODMuODkxLS4zMjEuNDA3LS41NjIuNzIxLS43MjMuOTQ0LjIzMi40NDcuNDE1Ljg4NC41NDkgMS4zMTNsMi40NTEuMzc1Yy4xMTYuMDE4LjIxLjA3NC4yODEuMTY3cy4xMDcuMTk4LjEwNy4zMTV2LS4wMDJ6Ii8+PC9zdmc+') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

/* CTM
 * overwrite default styles for copytrans tunetastic
*/
#CTM header.intro .wrapper .content
{
    max-width: 745px;
}

#CTM .bg-elements ul.elements li.computer
{
    background: url('/images/products/products-computer-ctm.png') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

#CTM .bg-elements ul.elements li.ipad-video-music
{
    left: -15%;
    top: 45%;
    z-index: 2;
    width: 325px;
    height: 375px;
    transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
    background: url('/images/products/ipadair-video-music-ctm.jpg') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

#CTM .bg-elements ul.elements li.device
{
    height: 220px;
    right: 5%;
    top: 70%;
    z-index: 4;
    transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    -o-transform: rotate(7deg);
    background: url('/images/products/iphone5s-ct.png') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

#CTM .bg-elements ul.elements li.headphones
{
    right: -10%;
    top: 20%;
    width: 270px;
    height: 270px;
    z-index: 2;
    background: url('/images/products/headphones-white-ctm.jpg') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -o-transform: rotate(35deg);

}


#CTM .features ul.features-nav li a:before
{
    opacity: 0.3;
}

#CTM .features ul.features-nav li[aria-labelledby='ui-id-1'] a:before
{
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTcuMjUgMGgtMTAuNWMtMS4yMzggMC0yLjI1IDEuMDEzLTIuMjUgMi4yNXYxOS41YzAgMS4yMzcgMS4wMTIgMi4yNSAyLjI1IDIuMjVoMTAuNWMxLjIzNyAwIDIuMjUtMS4wMTMgMi4yNS0yLjI1di0xOS41YzAtMS4yMzctMS4wMTMtMi4yNS0yLjI1LTIuMjV6bS04LjI1IDEuMTI1aDZ2Ljc1aC02di0uNzV6bTMgMjEuMzc1Yy0uODI4IDAtMS41LS42NzItMS41LTEuNXMuNjcyLTEuNSAxLjUtMS41IDEuNS42NzIgMS41IDEuNS0uNjcyIDEuNS0xLjUgMS41em02LTQuNWgtMTJ2LTE1aDEydjE1eiIvPjwvc3ZnPg==') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

#CTM .features ul.features-nav li[aria-labelledby='ui-id-2'] a:before
{
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNy4zMzIgMy4yNzV2MTQuMjRjLS43NzUtLjE2Mi0xLjY3OC0uMTAxLTIuNTczLjIzLTIuMDEyLjc0OC0yLjcyMyAyLjU2OC0yLjE4OSA0LjA2My41MzMgMS40OTYgMi4xMDggMi4xMDEgNC4xMjEgMS4zNTQgMS43MDktLjYzNSAyLjgyOC0yLjA0MSAyLjgtMy4zNjh2LTExLjc2NGw4LjUyMS0xLjk1MnY5LjAzNmMtLjc3NS0uMTYyLTEuNjc4LS4xMDEtMi41NzMuMjMtMi4wMTQuNzQ4LTIuNzI0IDIuNTY4LTIuMTkgNC4wNjMuNTM0IDEuNDk2IDIuMTA4IDIuMTAxIDQuMTIyIDEuMzU0IDEuNzEtLjYzNSAyLjgyNy0yLjA0MSAyLjgwMS0zLjM2OHYtMTYuODc3bC0xMi44NCAyLjc1OXoiLz48L3N2Zz4=') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

#CTM .features ul.features-nav li[aria-labelledby='ui-id-3'] a:before
{
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNiAxNS42aC0xLjJjLS42NjIgMC0xLjIuNTM2LTEuMiAxLjJzLjUzOCAxLjIgMS4yIDEuMmgxLjJjLjY2MiAwIDEuMi0uNTM2IDEuMi0xLjJzLS41MzgtMS4yLTEuMi0xLjJ6bTAtNC44aC0xLjJjLS42NjIgMC0xLjIuNTM4LTEuMiAxLjJzLjUzOCAxLjIgMS4yIDEuMmgxLjJjLjY2MiAwIDEuMi0uNTM4IDEuMi0xLjJzLS41MzgtMS4yLTEuMi0xLjJ6bTAtNC44aC0xLjJjLS42NjIgMC0xLjIuNTM4LTEuMiAxLjJzLjUzOCAxLjIgMS4yIDEuMmgxLjJjLjY2MiAwIDEuMi0uNTM4IDEuMi0xLjJzLS41MzgtMS4yLTEuMi0xLjJ6bTQuOCAyLjRoOC40Yy42NjQgMCAxLjItLjUzOCAxLjItMS4ycy0uNTM2LTEuMi0xLjItMS4yaC04LjRjLS42NjIgMC0xLjIuNTM4LTEuMiAxLjJzLjUzOCAxLjIgMS4yIDEuMnptOC40IDIuNGgtOC40Yy0uNjYyIDAtMS4yLjUzOC0xLjIgMS4ycy41MzggMS4yIDEuMiAxLjJoOC40Yy42NjQgMCAxLjItLjUzOCAxLjItMS4ycy0uNTM2LTEuMi0xLjItMS4yem0wIDQuOGgtOC40Yy0uNjYyIDAtMS4yLjUzNi0xLjIgMS4ycy41MzggMS4yIDEuMiAxLjJoOC40Yy42NjQgMCAxLjItLjUzNiAxLjItMS4ycy0uNTM2LTEuMi0xLjItMS4yeiIvPjwvc3ZnPg==') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

#CTM .press .press-list nav ul li.lifehacker a
{
    background: url('/images/ctm/press/lifehacker-logo.png') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
}

#CTM .press .press-list nav ul li.computerworld a
{
    background: url('/images/ctm/press/computerworld-logo.png') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
}


/* press */
.page-wrapp .press .press-list nav ul li
{
    width: 33%;
}

.page-wrapp .press .press-list nav ul li.allthingsd a
{
    background: url('/images/ct/press/allthingsd-logo.png') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
}

/* CTP
 * overwrite default styles for copytrans photo
*/

/* header */
#CTP header.intro .wrapper .content
{
    max-width: 850px;
}

/* elements */
#CTP .bg-elements ul.elements li.computer
{
    background: url('/images/products/products-computer-ctp.png') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

#CTP .bg-elements ul.elements li.pictures
{
    left: -10%;
    top: 45%;
    z-index: 2;
    width: 270px;
    height: 270px;
    transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    background: url('/images/products/pictures.jpg') no-repeat center center;
    -webkit-backface-visibility: hidden;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

#CTP .bg-elements ul.elements li.camera
{
    right: -10%;
    top: 30%;
    width: 240px;
    z-index: 2;
    transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    background: url('/images/products/vintage-photo-camera.jpg') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

#CTP .bg-elements ul.elements li.device
{
    height: 220px;
    right: 5%;
    top: 70%;
    z-index: 4;
    transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    -o-transform: rotate(7deg);
    background: url('/images/products/iphone5s-ctp.png') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

/* features */
#CTP .features ul.features-nav li[aria-labelledby='ui-id-1'] a:before
{
    background: url('/images/ctp/icons/icon-camera.png') no-repeat center center;
    background: url('/images/ctp/icons/icon-camera.svg') no-repeat center center;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBvcGFjaXR5PSIuMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyIgZD0iTTEyIDkuOGMtMS44MjEgMC0zLjMgMS40NzktMy4zIDMuMyAwIDEuODIyIDEuNDc5IDMuMyAzLjMgMy4zIDEuODIyIDAgMy4zLTEuNDc4IDMuMy0zLjMgMC0xLjgyMS0xLjQ3OC0zLjMtMy4zLTMuM3ptOC44LTMuM2gtMi42MzljLS4zNjMgMC0uNzU0LS4yODEtLjg2OS0uNjI2bC0uNjgyLTIuMDQ3Yy0uMTE3LS4zNDYtLjUwNy0uNjI3LS44Ny0uNjI3aC03LjQ4Yy0uMzYzIDAtLjc1NC4yODEtLjg2OC42MjZsLS42ODQgMi4wNDhjLS4xMTQuMzQ1LS41MDUuNjI2LS44NjguNjI2aC0yLjY0Yy0xLjIxIDAtMi4yLjk5LTIuMiAyLjJ2OS45YzAgMS4yMS45OSAyLjIgMi4yIDIuMmgxNy42YzEuMjExIDAgMi4yLS45OSAyLjItMi4ydi05LjljMC0xLjIxLS45ODktMi4yLTIuMi0yLjJ6bS04LjggMTIuMWMtMy4wMzggMC01LjUtMi40NjItNS41LTUuNSAwLTMuMDM3IDIuNDYyLTUuNSA1LjUtNS41IDMuMDM3IDAgNS41IDIuNDYzIDUuNSA1LjUgMCAzLjAzOC0yLjQ2MyA1LjUtNS41IDUuNXptOC4wMy04LjM2MmMtLjQyNCAwLS43NjktLjM0NS0uNzY5LS43N3MuMzQ1LS43Ny43NjktLjc3Yy40MjUgMCAuNzcuMzQ1Ljc3Ljc3cy0uMzQ1Ljc3LS43Ny43N3oiLz48L3N2Zz4=') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

#CTP .features ul.features-nav li[aria-labelledby='ui-id-2'] a:before
{
    background: url('/images/ctp/icons/icon-pictures.png') no-repeat center center;
    background: url('/images/ctp/icons/icon-pictures.svg') no-repeat center center;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBvcGFjaXR5PSIuMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyIgZD0iTTE5LjgzNyA4Ljk0MWwtMi4yNS02LjE5OWMtLjE2Ni0uNDU3LS42NTQtLjY5OS0xLjA4OC0uNTQxbC0xNC45NTYgNS40NTljLS40MzUuMTU4LS42NTQuNjU3LS40ODggMS4xMTVsMi4zNzIgNi41MzZ2LTMuNTAzYzAtMS41OCAxLjI2My0yLjg2NSAyLjgxNy0yLjg2NWgzLjk1M2w0LjcxMy0zLjMwOSAyLjcyOCAzLjMwOSAyLjE5OS0uMDAyem0yLjMyNSAxLjk4M2gtMTUuOTE3Yy0uNDYyIDAtLjgzOC4zOTUtLjgzOC44ODJ2MTAuMzYzYzAgLjQ4Ni4zNzUuODgyLjgzOC44ODJoMTUuOTE3Yy40NjMgMCAuODM4LS4zOTUuODM4LS44ODJ2LTEwLjM2NGMwLS40ODUtLjM3NS0uODgxLS44MzgtLjg4MXptLTEuMjE1IDkuOTIyaC0xMy4xOTR2LTEuODkxbDIuMDI5LTQuNzI0IDMuMDQ2IDMuNzggMi44NTYtMi45MjggMy42NzMtMS4zMjUgMS41ODkgMy41NDQuMDAxIDMuNTQ0eiIvPjwvc3ZnPg==') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

#CTP .features ul.features-nav li[aria-labelledby='ui-id-3'] a:before
{
    background: url('/images/ctp/icons/icon-backup.png') no-repeat center center;
    background: url('/images/ctp/icons/icon-backup.svg') no-repeat center center;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBvcGFjaXR5PSIuMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyIgZD0iTTEzLjQ3MiAyLjE2Yy01LjMzNSAwLTkuNjczIDQuMjc0LTkuODAzIDkuNTk0aC0yLjk1bDQuNDE1IDQuOTIxIDQuNDE0LTQuOTIxaC0zLjQyN2MuMTMtMy45NjEgMy4zNy03LjEzNCA3LjM1MS03LjEzNCA0LjA2MyAwIDcuMzU2IDMuMzA0IDcuMzU2IDcuMzhzLTMuMjkzIDcuMzgtNy4zNTYgNy4zOGMtMS42MyAwLTMuMTM0LS41MzMtNC4zNTQtMS40MzJsLTEuNjg3IDEuODA1YzEuNjY2IDEuMzA3IDMuNzYyIDIuMDg3IDYuMDQxIDIuMDg3IDUuNDE3IDAgOS44MDktNC40MDUgOS44MDktOS44NC0uMDAxLTUuNDM1LTQuMzkzLTkuODQtOS44MDktOS44NHptLS44NzIgNC41NnY1LjYyOGwzLjYwNiAzLjYwNiAxLjE4OC0xLjE4OC0zLjExNC0zLjExNHYtNC45MzJoLTEuNjh6Ii8+PC9zdmc+') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

/* press */
#CTP .press .press-list nav ul li
{
    width: 33%;
}

/* press > press logos */
#CTP .press .press-list nav ul li.brighthub a
{
    background: url('/images/ctp/press/brighthub-logo.png') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
}

#CTP .press .press-list nav ul li.tucows a
{
    background: url('/images/ctp/press/tucows-logo.png') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
}

/* CTTS
 * overwrite default styles for copytrans photo
*/

/* header */
#CTTS header.intro .wrapper
{
    padding-top: 3.5%;
}

#CTTS header.intro .wrapper .content
{
    max-width: 800px;
}

/* elements */
#CTTS .bg-elements ul.elements li,
#CTTS .bg-elements ul.elements li .bg
{
    background: no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;

}

#CTTS .bg-elements ul.elements li.itunes
{
    position: relative;
    z-index: 3;
    top: 75%;
    margin: 0 auto;
    width: 150px;
    height: 150px;
    transition: 0.8s 0.3s;
}

#CTTS .bg-elements ul.elements li.arrow_left,
#CTTS .bg-elements ul.elements li.arrow_right
{
    opacity: 0.3;
}

#CTTS .bg-elements ul.elements li.arrow_left
{
    left: 30%;
    top: 65%;
    z-index: 2;
    width: 100px;
    height: 100px;
}

#CTTS .bg-elements ul.elements li.arrow_right
{
    right: 35%;
    top: 60%;
    z-index: 2;
    width: 100px;
    height: 100px;
}

#CTTS .bg-elements ul.elements li.computer_left
{
    left: -18%;
    top: 24%;
    z-index: 2;
    width: 350px;
    height: 350px;
}

#CTTS .bg-elements ul.elements li.externalhd_right
{
    right: 0%;
    top: 40%;
    z-index: 2;
    width: 300px;
    height: 300px;
}

#CTTS .bg-elements ul.elements li.computer_left .bg,
#CTTS .bg-elements ul.elements li.externalhd_right .bg
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* desc */
#CTTS .bg-elements ul.elements li ul.desc
{
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 0;
}

#CTTS .bg-elements ul.elements li ul.desc li
{
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    font-family: 'AvantQue';
    font-size: 11pt;
    color: rgba(0,0,0,0.3);
    padding: 10px 5px 10px 30px;
    margin: 0;
}

#CTTS .bg-elements ul.elements li ul.desc li:before
{
    opacity: 0.3;
    display: block;
    position: absolute;
    content: '';
    width: 20px;
    height: 100%;
    left: 5px;
    top: 0;
}

#CTTS .bg-elements ul.elements li.computer_left ul.desc
{
    top: 35%;
    left: 100%;
}

#CTTS .bg-elements ul.elements li ul.desc li.transfert:before
{
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjIuNDIxIDEzLjY3OGwtMy43NzgtOC45OWMtLjI5OC0uNi0xLjA5LTEuMDkxLTEuNzYtMS4wOTFoLTIuNDU5bC40NTYgNC44NzhoMy4yNGwtNi4xMiA1LjA3Ni02LjEyLTUuMDc2aDMuMjRsLjQ1Ni00Ljg3N2gtMi40NThjLS42NyAwLTEuNDYyLjQ5MS0xLjc2IDEuMDkxbC0zLjc3OCA4Ljk5Yy0uMy42LS40NTQgMS42MzItLjM0NCAyLjI5NGwuODE2IDQuNDIzYy4xMS42NjEuNzQ4IDEuMjAyIDEuNDE3IDEuMjAyaDE3LjA2M2MuNjcxIDAgMS4zMDgtLjU0MSAxLjQxOC0xLjIwMmwuODE2LTQuNDIzYy4xMDgtLjY2Mi0uMDQ2LTEuNjk2LS4zNDYtMi4yOTZ6bS0xLjYzNyAzLjE1MWwtLjMxIDEuODAyYy0uMDk0LjY5Mi0uNzE4IDEuMjU5LTEuMzg1IDEuMjU5aC0xNC4xNzljLS42NjggMC0xLjI5Mi0uNTY2LTEuMzg1LTEuMjU5bC0uMzExLTEuODAyYy0uMDkyLS42OTIuMzc5LTEuMjU5IDEuMDQ4LTEuMjU5aDE1LjQ3NWMuNjcuMDAxIDEuMTQuNTY2IDEuMDQ2IDEuMjU5eiIvPjwvc3ZnPg==') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

#CTTS .bg-elements ul.elements li ul.desc li.pc_transfert:before
{
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNLjAwOCAxMmwtLjAwOC03LjMxNCA5LTEuMjIydjguNTM2em0xMC40OTItOC43NTRsMTEuOTk3LTEuNzQ2djEwLjVoLTExLjk5N3ptMTIgMTAuMjU0bC0uMDAzIDEwLjUtMTEuOTk3LTEuNjg4di04LjgxMnptLTEzLjUgOC42MjFsLTguOTkzLTEuMjMzdi03LjM4OGg4Ljk5M3oiLz48L3N2Zz4=') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

#CTTS .bg-elements ul.elements li ul.desc li.mac_transfert:before
{
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIuMDIzIDE4Yy0zLjEwMSAwLTYuMTMzLS40NTQtOS4wNDktMS4zNTJsLjQ3NS0xLjQyNGMyLjc2My44NDcgNS42MzYgMS4yNzYgOC41NzUgMS4yNzYuMzgzIDAgLjc2NS0uMDA4IDEuMTQ2LS4wMjIuMDk5LTEuODE4LjMzMS0yLjk3OC4zMzEtMi45NzhoLTQuNWMwLTQuMTAyIDEuNDAyLTcuNzM2IDIuOTI4LTEwLjQ3N2gtMTEuOTI4djE3Ljk1M2gxMy4yN2MtLjExLTEuMDcxLS4xNDgtMi4wODMtLjE0NC0yLjk5Ni0uMzY2LjAxMy0uNzM0LjAyLTEuMTAyLjAyem0tNy41MjMtMTJoMS41djNoLTEuNXYtM3ptMTkuNS0yLjk3N2gtMTAuMDExbC0uMTM3LjIyN2MtLjkgMS41MTMtMS42MTYgMy4wNjUtMi4xMjYgNC42MTEtLjQyNyAxLjI5Mi0uNzEgMi41ODQtLjg0OCAzLjg1OGg0LjgwMWwtLjQzMyAyLjEyOWMtLjAwNy4wMzgtLjE5MSAxLjAwNC0uMjg2IDIuNTA2IDEuOTE5LS4xOSAzLjgwMi0uNTY3IDUuNjM3LTEuMTNsLjQ3NSAxLjQyNGMtMi4wMDUuNjE4LTQuMDY2IDEuMDI1LTYuMTY1IDEuMjJsLS4wMDEuMzExYy4wMDMuOTUyLjA1NSAxLjg4OC4xNTUgMi43OThoOC45Mzl2LTE3Ljk1M3ptLTQuNSA1Ljk3N2gtMS41di0zaDEuNXYzem0tNS43MzYgMTVoMS44MzJjLS4xMjgtLjUxMS0uMjM5LTEuMDM2LS4zMzEtMS41NzItLjA4Mi0uNDc1LS4xNS0uOTU5LS4yMDQtMS40NTFoLTEuNzkxYy4wOTkuOTcuMjU3IDEuOTg4LjQ5NCAzLjAyM3ptMi4zNzItMjRoLTIuMjU5Yy0uNjA0LjgxNy0xLjI4NyAxLjgzNy0xLjk0OCAzLjAyM2gyLjA2MWMuNzg5LTEuMjk2IDEuNTc0LTIuMzMgMi4xNDYtMy4wMjN6Ii8+PC9zdmc+') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

#CTTS .bg-elements ul.elements li ul.desc li.backup:before
{
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTMuNDcyIDIuMTZjLTUuMzM1IDAtOS42NzMgNC4yNzQtOS44MDMgOS41OTRoLTIuOTVsNC40MTUgNC45MjEgNC40MTQtNC45MjFoLTMuNDI3Yy4xMy0zLjk2MSAzLjM3LTcuMTM0IDcuMzUxLTcuMTM0IDQuMDYzIDAgNy4zNTYgMy4zMDQgNy4zNTYgNy4zOHMtMy4yOTMgNy4zOC03LjM1NiA3LjM4Yy0xLjYzIDAtMy4xMzQtLjUzMy00LjM1NC0xLjQzMmwtMS42ODcgMS44MDVjMS42NjYgMS4zMDcgMy43NjIgMi4wODcgNi4wNDEgMi4wODcgNS40MTcgMCA5LjgwOS00LjQwNSA5LjgwOS05Ljg0LS4wMDEtNS40MzUtNC4zOTMtOS44NC05LjgwOS05Ljg0em0tLjg3MiA0LjU2djUuNjI4bDMuNjA2IDMuNjA2IDEuMTg4LTEuMTg4LTMuMTE0LTMuMTE0di00LjkzMmgtMS42OHoiLz48L3N2Zz4=') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

#CTTS .bg-elements ul.elements li ul.desc li.restore:before
{
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAuNTI4IDIuMTZjNS4zMzUgMCA5LjY3MyA0LjI3NCA5LjgwMyA5LjU5NGgyLjk1bC00LjQxNSA0LjkyMS00LjQxNS00LjkyMWgzLjQyN2MtLjEyOC0zLjk2MS0zLjM2OC03LjEzNC03LjM1LTcuMTM0LTQuMDYzIDAtNy4zNTYgMy4zMDQtNy4zNTYgNy4zOHMzLjI5MyA3LjM4IDcuMzU2IDcuMzhjMS42MyAwIDMuMTM0LS41MzMgNC4zNTQtMS40MzJsMS42ODYgMS44MDVjLTEuNjY0IDEuMzA3LTMuNzYxIDIuMDg3LTYuMDQgMi4wODctNS40MTcgMC05LjgwOC00LjQwNS05LjgwOC05Ljg0czQuMzkxLTkuODQgOS44MDgtOS44NHoiLz48L3N2Zz4=') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}


/* features */
#CTTS .features ul.features-nav li a:before
{
    opacity: 0.5;
}

#CTTS .features ul.features-nav li[aria-labelledby='ui-id-1'] a:before
{
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTMuNDcyIDIuMTZjLTUuMzM1IDAtOS42NzMgNC4yNzQtOS44MDMgOS41OTRoLTIuOTVsNC40MTUgNC45MjEgNC40MTQtNC45MjFoLTMuNDI3Yy4xMy0zLjk2MSAzLjM3LTcuMTM0IDcuMzUxLTcuMTM0IDQuMDYzIDAgNy4zNTYgMy4zMDQgNy4zNTYgNy4zOHMtMy4yOTMgNy4zOC03LjM1NiA3LjM4Yy0xLjYzIDAtMy4xMzQtLjUzMy00LjM1NC0xLjQzMmwtMS42ODcgMS44MDVjMS42NjYgMS4zMDcgMy43NjIgMi4wODcgNi4wNDEgMi4wODcgNS40MTcgMCA5LjgwOS00LjQwNSA5LjgwOS05Ljg0LS4wMDEtNS40MzUtNC4zOTMtOS44NC05LjgwOS05Ljg0em0tLjg3MiA0LjU2djUuNjI4bDMuNjA2IDMuNjA2IDEuMTg4LTEuMTg4LTMuMTE0LTMuMTE0di00LjkzMmgtMS42OHoiLz48L3N2Zz4=') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

#CTTS .features ul.features-nav li[aria-labelledby='ui-id-2'] a:before
{
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAuNTI4IDIuMTZjNS4zMzUgMCA5LjY3MyA0LjI3NCA5LjgwMyA5LjU5NGgyLjk1bC00LjQxNSA0LjkyMS00LjQxNS00LjkyMWgzLjQyN2MtLjEyOC0zLjk2MS0zLjM2OC03LjEzNC03LjM1LTcuMTM0LTQuMDYzIDAtNy4zNTYgMy4zMDQtNy4zNTYgNy4zOHMzLjI5MyA3LjM4IDcuMzU2IDcuMzhjMS42MyAwIDMuMTM0LS41MzMgNC4zNTQtMS40MzJsMS42ODYgMS44MDVjLTEuNjY0IDEuMzA3LTMuNzYxIDIuMDg3LTYuMDQgMi4wODctNS40MTcgMC05LjgwOC00LjQwNS05LjgwOC05Ljg0czQuMzkxLTkuODQgOS44MDgtOS44NHoiLz48L3N2Zz4=') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

#CTTS .features ul.features-nav li[aria-labelledby='ui-id-3'] a:before
{
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjIuNDIxIDEzLjY3OGwtMy43NzgtOC45OWMtLjI5OC0uNi0xLjA5LTEuMDkxLTEuNzYtMS4wOTFoLTIuNDU5bC40NTYgNC44NzhoMy4yNGwtNi4xMiA1LjA3Ni02LjEyLTUuMDc2aDMuMjRsLjQ1Ni00Ljg3N2gtMi40NThjLS42NyAwLTEuNDYyLjQ5MS0xLjc2IDEuMDkxbC0zLjc3OCA4Ljk5Yy0uMy42LS40NTQgMS42MzItLjM0NCAyLjI5NGwuODE2IDQuNDIzYy4xMS42NjEuNzQ4IDEuMjAyIDEuNDE3IDEuMjAyaDE3LjA2M2MuNjcxIDAgMS4zMDgtLjU0MSAxLjQxOC0xLjIwMmwuODE2LTQuNDIzYy4xMDgtLjY2Mi0uMDQ2LTEuNjk2LS4zNDYtMi4yOTZ6bS0xLjYzNyAzLjE1MWwtLjMxIDEuODAyYy0uMDk0LjY5Mi0uNzE4IDEuMjU5LTEuMzg1IDEuMjU5aC0xNC4xNzljLS42NjggMC0xLjI5Mi0uNTY2LTEuMzg1LTEuMjU5bC0uMzExLTEuODAyYy0uMDkyLS42OTIuMzc5LTEuMjU5IDEuMDQ4LTEuMjU5aDE1LjQ3NWMuNjcuMDAxIDEuMTQuNTY2IDEuMDQ2IDEuMjU5eiIvPjwvc3ZnPg==') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

/* press */
#CTTS .press .press-list nav ul li a
{
    background: no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

/* CTTT
 * overwrite default styles for copytrans tunetastic
*/

/* header */
#CTTT header.intro .wrapper .content
{
    max-width: 900px;
}

/* elements */
#CTTT .bg-elements ul.elements li
{
    background: no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

#CTTT .bg-elements ul.elements .no_anim
{
    opacity: 1;
    transition: 0.5s 0.3s;
}

#CTTT .bg-elements ul.elements .animate
{
    transition: 0.8s;
}

#CTTT .bg-elements ul.elements .animate.move_top
{
    top: 50%;
}

#CTTT .bg-elements ul.elements .animate.opacity
{
    opacity: 0.2;
}

#CTTT .bg-elements ul.elements li.left,
#CTTT .bg-elements ul.elements li.right
{
    top: 40%;
    height: 230px;
}

/* elements > left */
#CTTT .bg-elements ul.elements li.left
{
    left: 0;
    width: 35%;
}

#CTTT .bg-elements ul.elements li.left span
{
    display: block;
    background: no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

#CTTT .bg-elements ul.elements li.left .itunes
{
    position: relative;
    width: 150px;
    height: 150px;
    margin: 12% auto;
}

#CTTT .bg-elements ul.elements li.left .itunes .mask
{
    position: absolute;
    top: -12px;
    right: -11px;
    width: 171px;
    width: 85px;
    height: 171px;
    overflow: hidden;
    background: rgb(255,255,255);
    box-shadow: -1px 0 0 rgba(0,0,0,0.3);
    transition: 0.5s;
}

#CTTT .bg-elements ul.elements li.left .itunes .anim_intro
{
    animation: appear_itunes 2s ease-in-out 1s both;
    -webkit-animation: appear_itunes 2s ease-in-out 1s both;
    -moz-animation: appear_itunes 2s ease-in-out 1s both;
    -ms-animation: appear_itunes 2s ease-in-out 1s both;
    -o-animation: appear_itunes 2s ease-in-out 1s both;
}

#CTTT .bg-elements ul.elements li.left .itunes .anim_xray
{
    animation: anime_itunes 20s ease infinite 2s both;
    -webkit-animation: anime_itunes 20s ease infinite 2s both;
    -moz-animation: anime_itunes 20s ease infinite 2s both;
    -ms-animation: anime_itunes 20s ease infinite 2s both;
    -o-animation: anime_itunes 20s ease infinite 2s both;
}


#CTTT .bg-elements ul.elements li.left .itunes .mask .itunes-mockup
{
    position: absolute;
    top: 0;
    right: 0;
    width: 171px;
    height: 171px;
    background: url('/images/cttt/itunes-mockup.png') no-repeat center center;
    background: url('/images/cttt/itunes-mockup.svg') no-repeat center center;
    background-size: contain;
    -webkit-ground-size: contain;
    -moz-ground-size: contain;
    -o-ground-size: contain;
}

/* elements > right */
#CTTT .bg-elements ul.elements li.right
{
    right: 0;
    width: 65%;
}

#CTTT .bg-elements ul.elements li.right ul.desc
{
    position: relative;
    width: 100%;
    padding: 20px 0;
    margin: 0;
    box-shadow: -2px 0 0 rgba(0,0,0,0.05);
}

#CTTT .bg-elements ul.elements li.right ul.desc li
{
    position: relative;
    width: auto;
    height: auto;
    padding: 10px;
    font-family: 'AvantQue';
    font-size: 11pt;
    color: rgba(0,0,0,0.3);
    padding: 15px 5px 15px 40px;
    margin: 0;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.05);
}

#CTTT .bg-elements ul.elements li.right ul.desc li:first-child
{
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(0,0,0,0.05);
}

#CTTT .bg-elements ul.elements li.right ul.desc li:before
{
    display: block;
    content: '';
    position: absolute;
    opacity: 0.3;
    top: 0;
    left: 8px;
    width: 20px;
    height: 100%;
}

#CTTT .bg-elements ul.elements li.right ul.desc li.search:before
{
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjEuMDU0IDE4LjU2MmwtNC41MzUtNC41MzVjLjY4NC0xLjEyNCAxLjA3OC0yLjQ0MiAxLjA3OC0zLjg1NCAwLTQuMDk5LTMuNTUzLTcuNjUyLTcuNjU0LTcuNjUyLTQuMDk5IDAtNy40MjMgMy4zMjQtNy40MjMgNy40MjMgMCA0LjEgMy41NTIgNy42NTQgNy42NTIgNy42NTQgMS4zNjMgMCAyLjY0LS4zNyAzLjczOC0xLjAxMmw0LjU1OSA0LjU2Yy40NDguNDQ2IDEuMTcuNDQ2IDEuNjE1IDBsMS4xMzItMS4xM2MuNDQ1LS40NDYuMjgzLTEuMDA4LS4xNjItMS40NTN6bS0xNi4yNDktOC42MTljMC0yLjgzOCAyLjMtNS4xNCA1LjEzOC01LjE0IDIuODM5IDAgNS4zNjkgMi41MyA1LjM2OSA1LjM2OXMtMi4zIDUuMTQtNS4xNCA1LjE0LTUuMzY4LTIuNTMtNS4zNjgtNS4zNjl6Ii8+PC9zdmc+') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

#CTTT .bg-elements ul.elements li.right ul.desc li.missing:before
{
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjMuNDE0IDIxLjU3OGwtMTAuNjktMTguNzU3Yy0uMTQ4LS4yNTktLjQyNS0uNDE5LS43MjUtLjQxOXMtLjU3Ni4xNi0uNzI1LjQxOWwtMTAuNjg4IDE4Ljc1N2MtLjE0NS4yNTQtLjE0My41NjUuMDA2LjgxN3MuNDIyLjQwNy43MTguNDA3aDIxLjM3OGMuMjkzIDAgLjU2OC0uMTU1LjcxOC0uNDA3LjE0OS0uMjUyLjE1MS0uNTYzLjAwOC0uODE3em0tMTAuMDk0LTEuMTc2aC0yLjY0di0yLjRoMi42NHYyLjR6bTAtNC4yaC0yLjY0di03LjJoMi42NHY3LjJ6Ii8+PC9zdmc+') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

#CTTT .bg-elements ul.elements li.right ul.desc li.duplicate:before
{
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNy4zMzIgMy4yNzV2MTQuMjRjLS43NzUtLjE2Mi0xLjY3OC0uMTAxLTIuNTczLjIzLTIuMDEyLjc0OC0yLjcyMyAyLjU2OC0yLjE4OSA0LjA2My41MzMgMS40OTYgMi4xMDggMi4xMDEgNC4xMjEgMS4zNTQgMS43MDktLjYzNSAyLjgyOC0yLjA0MSAyLjgtMy4zNjh2LTExLjc2NGw4LjUyMS0xLjk1MnY5LjAzNmMtLjc3NS0uMTYyLTEuNjc4LS4xMDEtMi41NzMuMjMtMi4wMTQuNzQ4LTIuNzI0IDIuNTY4LTIuMTkgNC4wNjMuNTM0IDEuNDk2IDIuMTA4IDIuMTAxIDQuMTIyIDEuMzU0IDEuNzEtLjYzNSAyLjgyNy0yLjA0MSAyLjgwMS0zLjM2OHYtMTYuODc3bC0xMi44NCAyLjc1OXoiLz48L3N2Zz4=') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

#CTTT .bg-elements ul.elements li.right ul.desc li.done:before
{
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuMzc4IDguODM2Yy0uMTU4LS40MjYgNC4yNDgtNC4zNjIgMS42NzgtNy41NS0uNjAyLS43NDUtMi42NDEgMy41NzEtNS41MzggNS41MjUtMS41OTcgMS4wNzgtNS4zMTcgMy4zNzItNS4zMTcgNC42NHY4LjIwOWMwIDEuNTI1IDUuODk3IDMuMTQgMTAuMzc5IDMuMTQgMS42NDMgMCA0LjAyMS0xMC4yOSA0LjAyMS0xMS45MjYgMC0xLjY0LTUuMDY0LTEuNjEyLTUuMjIyLTIuMDM5em0tMTAuMzc4LjExNGMtLjc4OCAwLTMuNi40OC0zLjYgMy43NDZ2NS44MThjMCAzLjI2NiAyLjgxMiAzLjYyNSAzLjYgMy42MjVzLTEuMi0uNjg2LTEuMi0yLjcxMXYtNy42NDhjMC0yLjEyMiAxLjk4OC0yLjgzMSAxLjItMi44MzF6Ii8+PC9zdmc+') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

#CTTT .bg-elements ul.elements li.tunetastic-icon
{
    position: relative;
    top: 79%;
    left: auto;
    margin: 0 auto;
    padding: 0;
    width: 150px;
    height: 150px;
}

/* features */
#CTTT .features ul.features-nav li a:before
{
    opacity: 0.3;
}

#CTTT .features ul.features-nav li[aria-labelledby='ui-id-1'] a:before
{
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNy4zMzIgMy4yNzV2MTQuMjRjLS43NzUtLjE2Mi0xLjY3OC0uMTAxLTIuNTczLjIzLTIuMDEyLjc0OC0yLjcyMyAyLjU2OC0yLjE4OSA0LjA2My41MzMgMS40OTYgMi4xMDggMi4xMDEgNC4xMjEgMS4zNTQgMS43MDktLjYzNSAyLjgyOC0yLjA0MSAyLjgtMy4zNjh2LTExLjc2NGw4LjUyMS0xLjk1MnY5LjAzNmMtLjc3NS0uMTYyLTEuNjc4LS4xMDEtMi41NzMuMjMtMi4wMTQuNzQ4LTIuNzI0IDIuNTY4LTIuMTkgNC4wNjMuNTM0IDEuNDk2IDIuMTA4IDIuMTAxIDQuMTIyIDEuMzU0IDEuNzEtLjYzNSAyLjgyNy0yLjA0MSAyLjgwMS0zLjM2OHYtMTYuODc3bC0xMi44NCAyLjc1OXoiLz48L3N2Zz4=') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

#CTTT .features ul.features-nav li[aria-labelledby='ui-id-2'] a:before
{
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjMuNDE0IDIxLjU3OGwtMTAuNjktMTguNzU3Yy0uMTQ4LS4yNTktLjQyNS0uNDE5LS43MjUtLjQxOXMtLjU3Ni4xNi0uNzI1LjQxOWwtMTAuNjg4IDE4Ljc1N2MtLjE0NS4yNTQtLjE0My41NjUuMDA2LjgxN3MuNDIyLjQwNy43MTguNDA3aDIxLjM3OGMuMjkzIDAgLjU2OC0uMTU1LjcxOC0uNDA3LjE0OS0uMjUyLjE1MS0uNTYzLjAwOC0uODE3em0tMTAuMDk0LTEuMTc2aC0yLjY0di0yLjRoMi42NHYyLjR6bTAtNC4yaC0yLjY0di03LjJoMi42NHY3LjJ6Ii8+PC9zdmc+') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

#CTTT .features ul.features-nav li[aria-labelledby='ui-id-3'] a:before
{
    opacity: 1;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBvcGFjaXR5PSIuMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyIgZD0iTTE5LjgzNyA4Ljk0MWwtMi4yNS02LjE5OWMtLjE2Ni0uNDU3LS42NTQtLjY5OS0xLjA4OC0uNTQxbC0xNC45NTYgNS40NTljLS40MzUuMTU4LS42NTQuNjU3LS40ODggMS4xMTVsMi4zNzIgNi41MzZ2LTMuNTAzYzAtMS41OCAxLjI2My0yLjg2NSAyLjgxNy0yLjg2NWgzLjk1M2w0LjcxMy0zLjMwOSAyLjcyOCAzLjMwOSAyLjE5OS0uMDAyem0yLjMyNSAxLjk4M2gtMTUuOTE3Yy0uNDYyIDAtLjgzOC4zOTUtLjgzOC44ODJ2MTAuMzYzYzAgLjQ4Ni4zNzUuODgyLjgzOC44ODJoMTUuOTE3Yy40NjMgMCAuODM4LS4zOTUuODM4LS44ODJ2LTEwLjM2NGMwLS40ODUtLjM3NS0uODgxLS44MzgtLjg4MXptLTEuMjE1IDkuOTIyaC0xMy4xOTR2LTEuODkxbDIuMDI5LTQuNzI0IDMuMDQ2IDMuNzggMi44NTYtMi45MjggMy42NzMtMS4zMjUgMS41ODkgMy41NDQuMDAxIDMuNTQ0eiIvPjwvc3ZnPg==') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

/* press */
#CTTT .press .press-list nav ul li a
{
    background: no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

/* animations */

/* CTTT */
@keyframes appear_itunes
{
    from
    {
        opacity: 0;
    }

    to
    {}
}

@-webkit-keyframes appear_itunes
{
    from
    {
        opacity: 0;
    }

    to
    {}
}

@-moz-keyframes appear_itunes
{
    from
    {
        opacity: 0;
    }

    to
    {}
}

@-ms-keyframes appear_itunes
{
    from
    {
        opacity: 0;
    }

    to
    {}
}

@-o-keyframes appear_itunes
{
    from
    {
        opacity: 0;
    }

    to
    {}
}


@keyframes anime_itunes
{
    0%, 100%
    {
        width: 20px;
    }

    20%, 40%, 70%
    {
        width: 85px;
    }

    50%
    {
        width: 135px;
    }
}

@-webkit-keyframes anime_itunes
{
    0%, 100%
    {
        width: 20px;
    }

    20%, 40%, 70%
    {
        width: 85px;
    }

    50%
    {
        width: 135px;
    }
}

@-moz-keyframes anime_itunes
{
    0%, 100%
    {
        width: 20px;
    }

    20%, 40%, 70%
    {
        width: 85px;
    }

    50%
    {
        width: 135px;
    }
}

@-ms-keyframes anime_itunes
{
    0%, 100%
    {
        width: 20px;
    }

    20%, 40%, 70%
    {
        width: 85px;
    }

    50%
    {
        width: 135px;
    }
}

@-o-keyframes anime_itunes
{
    0%, 100%
    {
        width: 20px;
    }

    20%, 40%, 70%
    {
        width: 85px;
    }

    50%
    {
        width: 135px;
    }
}


/* tablet */
@media screen and (max-width: 1100px)
{
    .bg-elements ul.elements
    {
        width: 100%;
        max-width: 100%;
    }

    .bg-elements ul.elements li.post-it,
    #CTP .bg-elements ul.elements li.camera,
    #CT .bg-elements ul.elements li.coffeecup,
    #CTM .bg-elements ul.elements li.headphones
    {
        right: 0;
    }

    .bg-elements ul.elements li.books,
    #CTP .bg-elements ul.elements li.pictures,
    #CT .bg-elements ul.elements li.cdalbums,
    #CTM .bg-elements ul.elements li.ipad-video-music
    {
        left: -3%;
    }
}

@media screen and (max-width: 1000px)
{
    .wrapper
    {
        width: 95%;
    }

    .bg-elements ul.elements li.post-it,
    .bg-elements ul.elements li.books,
    #CTP .bg-elements ul.elements li.camera,
    #CTP .bg-elements ul.elements li.pictures,
    #CT .bg-elements ul.elements li.cdalbums,
    #CT .bg-elements ul.elements li.coffeecup,
    #CT .bg-elements ul.elements li.ipadair,
    #CTM .bg-elements ul.elements li.ipad-video-music,
    #CTM .bg-elements ul.elements li.headphones,
    #CTTS .bg-elements ul.elements li.computer_left .bg,
    #CTTS .bg-elements ul.elements li.externalhd_right .bg
    {
        visibility: hidden;
        opacity: 0;
        transition: 0.5s;
    }

    #CTTS .bg-elements ul.elements li.computer_left
    {
        left: 5%;
    }

    #CTTS .bg-elements ul.elements li.computer_left ul.desc
    {
        top: 45%;
        left: 0;
    }

    #CTTS .bg-elements ul.elements li.externalhd_right
    {
        right: 0;
    }

    #CTTS .bg-elements ul.elements li.externalhd_right ul.desc
    {
        top: 20%;
    }

    .features ul.features-nav
    {
        width: 20%;
        float: left;
        background: rgba(0,0,0,0.1);
        padding: 10px 0;
        border-radius: 3px 0 0 3px;
        border: none;
        box-shadow: inset -2px 1px 0 rgba(0,0,0,0.05);
    }

    .features ul.features-nav li
    {
        float: none;
        border: none;
    }

    .features ul.features-nav li[role='tab'] a
    {
        border: none;
        border-radius: 0;
    }

    .features ul.features-nav li.ui-state-active a
    {
        background: rgba(238,240,241,0.98);
        background: linear-gradient(left, rgba(238,240,241,0.5) 60%, rgba(238,240,241,1) 85%);
        background: -webkit-linear-gradient(left, rgba(238,240,241,0.5) 60%, rgba(238,240,241,1) 85%);
        box-shadow: 0 2px 0 rgba(0,0,0,0.1);
    }

    .features .features-content,
    .features .ui-tabs-panel
    {
        float: left;
        width: 75%;
        margin: 0 0 0 1%;
    }
}

/* mobile */
@media screen and (max-width: 860px)
{
    header.intro .wrapper
    {
        padding: 15% 0;
    }

    .btn-big:after
    {
        display: none;
        visibility: hidden;
        opacity: 0;
    }

    .bg-elements ul.elements li.device
    {
        visibility: hidden;
        opacity: 0;
        transition: 0.5s;
    }

    #CTTT .bg-elements ul.elements
    {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
    }

    #CTTT .bg-elements ul.elements li.left,
    #CTTT .bg-elements ul.elements li.right
    {
        top: 55%;
    }

    #CTTT .bg-elements ul.elements li.tunetastic-icon
    {
        visibility: hidden;
        opacity: 0;
    }

    #CTTT .bg-elements ul.elements .animate.opacity
    {
        opacity: 1;
    }

    ul.nav-review li.more
    {
        display: none;
        visibility: hidden;
        opacity: 0;
        transition: 0.5s;
    }
}

@media screen and (max-width: 680px)
{
    .wrapper
    {
        padding: 5% 0;
    }

    header.intro
    {
        height: auto;
    }

    .bg-elements ul.elements li.computer,
    #CTTS .bg-elements,
    #CTTT .bg-elements
    {
        visibility: hidden;
        opacity: 0;
        transition: 0.5s;
    }

    .features ul.features-nav
    {
        width: 100%;
        float: none;
        background: none;
        padding: 0;
        border-radius: 0;
        border: none;
        box-shadow: none;
    }

    .features ul.features-nav li
    {
        float: none;
        border: none;
    }

    .features ul.features-nav li[role='tab'] a
    {
        padding: 20px 25px 20px 40px;
        border: none;
        border-radius: 0;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }

    .features ul.features-nav li[role='tab']:first-child a
    {
        border-top: 1px solid rgba(0,0,0,0.1);
    }

    .features ul.features-nav li.ui-state-active a
    {
        background: rgba(0,0,0,0.1);
        box-shadow: none;
    }

    .features .features-content,
    .features .ui-tabs-panel
    {
        float: none;
        width: 100%;
        margin: 0;
    }

    .reviews ul.nav-review
    {
        display: block;
    }

    ul.nav-review li
    {
        float: none;
        padding: 15px 0;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }

    ul.nav-review li:first-child
    {
        border-top: 1px solid rgba(0,0,0,0.1);
    }

    ul.nav-review li a
    {
        display: table;
        margin: 0 auto;
    }

    .page-wrapp .press
    {
        display: none;
        visibility: hidden;
        opacity: 0;
    }

    .page-wrapp .more-info ul li.compatibility,
    .page-wrapp .more-info ul li.safe,
    .page-wrapp .more-info ul li.help
    {
        float: none;
        width: 95%;
        height: auto;
        padding: 3% 2.5%;
        margin: 0 auto;
        border: none;
        border-top: 1px solid rgba(0,0,0,0.1);
    }

    /* CT */
    #CT header.intro .wrapper .content .download .btn,
    #CT header.intro .wrapper .content .download .info
    {
        float: none;
        clear: both;
        margin: 3% auto;
    }
}