/*   */
/*@import url(http://www.cincopa.com/_cms/design13/font01/stylesheet.css);*/

/* General */
html, body { background-color:#fbfbfb; background: #fbfbfb url(../images/body-bg.png) repeat; }
body { font-size: 14px; font-family: 'Arial', 'Helvetica', sans-serif; color: #666666; line-height: 1.7em; }
body > form { overflow: hidden; }
h1, h2 { font-family: 'neo_sans_prolight', sans-serif; line-height: 1.2em; }
.btn, .btn-3d { font-family: 'Arial', 'Helvetica', sans-serif; }
h2 { color: #29abe2; font-weight: bold; font-size: 24px; text-transform: uppercase; }
h3 { font-size: 18px; text-transform: uppercase; font-weight: bold; color: #4d4d4d; }
h4 { font-size: 14px; text-transform: uppercase; font-weight: bold; color: #000; }
h1, h2, h3 { margin-top:0; margin-bottom: 0; } /* override normalize.css for old design */
h2.dark { margin-bottom: .5em; }
#cont h1, #cont h2/*, #cont h3*/ { clear: both; }

body > .topLine { display:none !important; }

h1 > .hint, h2 > .hint { text-transform: none; font-size: 0.6em; margin: 0 15px; line-height: 1.6em; } 
.hidden { display:none; }
.center { text-align: center; }
.align-left { float: left; }
.align-right { float: right; }
dd { margin: 0;}
#container { widXth: 983px; margin: 10px 50px; paddXing: 0 10px; posiXtion: relative; z-inXdex: 1; }
.inner-info { padding-bottom: 30px; }
.content-container { min-height: 400px; padding-bottom: 50px;}
#cont ul { list-style-image: url(../images/li.png); line-height: 1.8em; padding-left: 20px;}
/* old design compability */
p {margin: 1em 0;}
a { color: #29abe2; cursor: pointer; }
a:hover { text-decoration: underline; color: #00baff; }
.clearboth, .clearfix { clear: both; o1verflow: hidden; }
.clearboth:after, .clearfix:after { height: 1px; clear: both; float: none; display: block; content: ' '; }
.col2 { width: 44%; display: inline-block; zoom:1; *diplay:inline; margin-right: 2%; }

#easyTooltip { margin: 0 10px 1em 0; padding: 8px; background: #FFE000; border: 2px solid #FFB800; line-height: 130%; z-index: 500; border-radius: 10px; box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2); }

.dark, .dark a { color: #4d4d4d; }
.dark a:hover, a.dark:hover { color: #29abe2; }

.nobreak { white-space: nowrap; }

.btn { display: inline-block; zoom:1; *display: inline; white-space: nowrap;  font-weight: bold; color: #fff; cursor: pointer; }
.btn:hover { text-decoration: none !important; color: #fff;}
.btn.gray { padding: 0 16px; position: relative; line-height: 30px; color: white; font-weight: bold; font-size: 15px; text-decoration: none; background: #838383; border: 1px solid #5F5F5F; }
.btn.gray:hover { background: #6B6B6B; }
.btn.startnow { background-color: #E05F0A !important; font-size: 20px; text-transform: uppercase; display: inline-block; zoom: 1; padding: 10px 35px; line-height: 1em; text-decoration: none !important; margin-bottom: 10px; color: #fff !important; font-weight: bold; cursor: pointer; font-family: 'Arial', 'Helvetica', sans-serif; }

/* old design elements compability */
.step-circle { border: 2px solid #29ABE2; color: #29ABE2; border-radius: 0.75em; text-align: center; width: 1.2em; height: 1.2em; display: block; line-height: 1.2em; float: left; margin-bottom: 60px; margin-right: 5px; font-size: 22px; font-weight: bold; }
.dd .ddTitle { position: relative !important; }
.dd .ddTitle span.arrow { position: absolute; right: 10px; float:none !important; top: 50%; margin-top: -12px; }


ul.embed-options, .install-options { list-style: none; }
#_browse_panel { width: 480px !important; }
.items-grid .item-data { display: block; width: 600px; float: right; }
.items-grid .item-thumb { overflow: hidden; float: left; }
#_minimsgarea { clear: both; padding: 0; }
div.site-message { position:relative; padding: 30px 20px 30px 2px !important; margin: 10px 0px 10px 0px; /*overflow: hidden;*/ font-size: 14px; }
div.site-message p, .library_message_main p, .simplemodal-data p { margin: 5px 0; padding: 0; }
.library_message_main p { margin: 0; }  /* fix to old styles */
div.site-message div.dismiss { position: absolute;top:0;right:0; width:25px; height:25px; background: transparent url(/_cms/design13/images/icon_remove.png) no-repeat 50% 50%; vertical-align: middle;}
div.site-message div.dismiss:hover{cursor:pointer;}
/*div.site-message div.dismiss:hover { background: transparent url(/design/images/icon_remove-hover.png) no-repeat 0% 50%; }*/
div.site-message p { /*float:left; */ width:90%; margin: 5px 0 0 85px;padding-top: 8px; }
div.message-error { border: 1px solid #ECD472; color: #525252; background: #FFFFFF url(/_cms/design13/images/message_error.png) no-repeat 20px center; }
div.message-warning {border: 1px solid #ECD472; color: #525252;     background: #FFFFFF url(/_cms/design13/images/warning_icon.png) no-repeat  20px center; }
div.message-info { border: 1px solid #ECD472; color: #525252; background: #FFFFFF url(/_cms/design13/images/message_info.png) no-repeat 20px center; }
div.message-smiley {border: 1px solid #ECD472;  background: #FFFFFF url(/_cms/design13/images/smiley_icon.png) no-repeat scroll 20px  center;}
/* Required for Down Triangle */
 div.site-message:before, div.site-message:after { content: " ";  position: absolute; width: 0;  height: 0;border-style: solid;border-color: transparent;border-bottom: 0; }
 /* Stroke */
div.site-message:before {bottom: -16px;left: 48%; /* If 1px darken stroke slightly */ border-top-color: #ECD472;border-width: 16px;  }
 /* Fill */
div.site-message:after {bottom: -15px;left: 49%;border-top-color: #FFFFFF;border-width: 15px;margin-left: -9px;}

.login-left{width:65%;float:left;margin-left:15px;margin-right:10px;}
.login-right{width:260px;float:right;margin-right:15px;}
div.skin-box { line-height: 1.4em; }
table.galleries p {margin:0;}
.colorpicker { z-index: 1000 !important; }

table.media-send > tbody { display:block; padding: 20px; }
table.media-send input, textarea, select { padding: 5px; }
.checkbox > label { margin-left: 5px; }
table.media-send h3 { margin: 10px 0; }
table.media-send input:focus, .media-send textarea:focus, .media-send select:focus { box-shadow: 0 0 10px #FF9500; -webkit-box-shadow: 0 0 10px #FF9500; -moz-box-shadow: 0 0 10px #FF9500; }
table.media-send { margin-left:10px;background-color:#fafafa;border:2px solid #eee;padding:20px; width: 525px; }
table.media-send th{ font-weight:bold; vertical-align:top; padding:0 10px 10px 0; text-align: right; }
table.media-send td{vertical-align:top;padding:0 10px 10px 0;}
table.media-send i{color:#666;font-size:12px;display:block;}
table.media-send input, table.media-send textarea{width:338px;background:#F1F1F1;}
table.media-send span.big-button input{width: auto;margin:0 20px 0 0;color:#FFF;}
table.media-send a{display:block;padding:10px 0 0 0;}
a.attach{padding:0 0 0 21px !important;background:url(/design/images/buttons/attach.gif) no-repeat left;font-weight:bold;}
div.land-page h1 { font-size: 50px; }
div.land-page h2 { font-size: 24px; margin-bottom: 25px; line-height: 24px; margin: 0 0 1em 0 !important; font-size: 23px; text-transform: none; font-weight: normal; color: #666; }
div.land-page h1, div.land-page h2 { margin:0; }
div.land-page ul { list-style: none; margin: 0; padding: 0; line-height: 1.4em; margin-top: 15px; }
div.land-page ul li.b1 { background: url(../images/b1.png) no-repeat; background-position: -10px 0; }
div.land-page ul li.b2 { background: url(../images/b2.png) no-repeat; background-position: 0 1px; }
div.land-page ul li.b3 { background: url(../images/b3.png) no-repeat; background-position: -4px -2px; }
div.land-page ul li.b4 { background: url(../images/b4.png) no-repeat; background-position: 0 1px; }
div.land-page ul li { padding: 10px 0 34px 136px; min-height: 80px; }
.browse_panel ul, .browse_panel li { list-style: none; list-style-image: none; }

.content-container > div.attached-files{ float: right; width: 475px; }
div.attached-files h2 { margin-top: 0; }

.read-mail span.button{margin:0 10px 0 0;}
.mail-header { margin: 30px 0 0 0; }
.mail-header th {padding:0 10px 3px 10px;font-weight:bold;vertical-align:top;white-space:nowrap; text-align: right; }
.message{border:1px solid #D6D6D6;background:#fff;padding:10px;height:60px;margin:10px 0 0 0;overflow:auto; }

div.install-agent { overflow: hidden; }
div.install-agent li, div.install-agent ul, .media-viewer li, .time-line ul, .time-line li, .hierarchy, .hierarchy li, .embed-options li { list-style: none; list-style-image: none; line-height: 1.5em; }
.music-albums ul, .music-artists ul { list-style: none; list-style-image: none; line-height: 1.5em; margin:0; padding:0; }
table.time-line { margin: 0 auto; clear: both; }

.provider-zoom, div.install{position:relative;border:1px solid #666;max-width:430px;padding:10px 100px 10px 10px;margin:0 auto 8px auto !important;background:#eee;}
div.install{padding:10px;}
div.install a{text-decoration:underline;}
div.install h3{line-height:130%;float:left;padding:10px 10px 0 0;}
div.install span.big-button a{padding:15px 10px 0 6px;}
.provider-zoom ul{padding:0 5px 0 0;}
.provider-zoom ul li{padding:0 0 5px 0;}
/*.provider-zoom span.button{position:absolute;right:5px;top:35px;}*/
dl.my-cloud dd{padding-left:10px;}

/* ## old design elements compability */

input[type="checkbox"] { width: auto !important; margin: .2em; }



.btn.big { margin-bottom: 10px; }
span.button > a, .btn-3d,
.btn.big.orange { background: #E05F0A; font-size: 20px; text-transform: uppercase; text-decoration: none !important; color: #fff !important; font-weight: bold; cursor: pointer;
    font-family: 'Arial', 'Helvetica', sans-serif; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; border-radius: 0;
    box-shadow: none; text-shadow: none; white-space: nowrap; overflow: hidden; display: inline-block; zoom:1; *display: inline; text-decoration: none; padding: 10px 35px; line-height: 1em;
}

h1.title { font-size: 40px; color:#fff; font-weight: normal; display: block; background: url(../images/h1-title-bg.png) bottom left; padding: 35px 105px 55px 40px; 
    border-radius: 5px 5px 0 0;  -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;
    text-shadow: 0 0 10px #094a74; position: relative;  line-height: 1.5em; text-transform: uppercase; margin-top: 0 !important;
    line-height: 1.1em; margin-bottom: 15px; overflow: hidden;
}
h1.title { display: none; }
h1.title.visible { display: block; }



div.box { padding: 0 20px; margin: 30px -20px; }
div.box > .top, div.box > .bottom  { height: 16px; background-image:url(../images/box-shadow.png); }
div.box > .top { margin-bottom:30px; background-position: center 2px; clear: both; }
div.box > .bottom { margin-top:30px; background-position: center -16px; clear: both;}
.shadowtop { margin-top: 15px; background-position: center 2px; height: 16px; background-image:url(../images/box-shadow.png); clear: both; }
.shadowbottom { margin-top:10px; background-position: center -16px; height: 16px; background-image:url(../images/box-shadow.png); clear: both; background-repeat: no-repeat; }
div.graybox {  background-color: #4d4d4d; /*border-radius: 20px;*/ padding: 25px 30px; margin-bottom: 40px; position: relative; margin-top: 15px; }
div.graybox > .shadowbottom { position: absolute; bottom: -15px; margin-top: 0; width: 100%; left: 0; }
div.graybox > h1 { color: #fff; font-size:19px; font-weight: normal; margin: 8px 0 0 0 !important;}
div.graybox > a.btnflat {margin:0;} 
div.graybox > .btn-3d.align-right { margin-top: 10px; }

div.box.white, div.box.lightgray, div.box.darkgray { margin-left: -30px; padding-left: 30px; padding-top: 20px; padding-bottom: 20px; overflow: hidden; margin-top: 0; margin-bottom: 0; }
div.box.white { background-color: #ffffff; }
div.box.darkgray { background-color: #e6e6e6; }
div.box.lightgray { background-color: #f2f2f2; }

div.box.center > .gallerydemo, div.box.center > .gallerydemo > div { margin: 0 auto; }



/* Header */
div.header { position: relative; z-index: 5000; clear: both; top:0; margin-bottom: 15px; }
.header .logo { position: relative; top: 15px; width: 165px; float: left; height: 45px; background: url(../images/logo.png) no-repeat; border: 0; }



.header .logo a { text-indent: -5000px; font-size: 0; display: block; overflow: hidden; width: 165px; height: 45px;}
.appnav {padding-top: 40px;}
.appnav { clear: both; overflow: hidden; border-bottom: 1px solid #DDD; font-size: 13px; margin-bottom: 15px;}
.appnav .breadcrumbs {margin: 0px 0 10px 0;float: left;white-space: nowrap;width: 315px;overflow: hidden;text-overflow: ellipsis;}
.appnav .submenu {/*margin: 40px 0 10px 0;*/ float: right; }
.appnav .submenu a { color: #4d4d4d; font-weight: bold; text-decoration: none; margin: 0 5px; position: relative; }
.appnav .submenu a.createaccount { color: #f7b334; }
.appnav .submenu a:hover { color: #29ABE2; }
/*.appnav {margin: 0 -2000px; padding: 40px 2000px 0px 2000px;}*/ /*have bug in newest chrome*/
/* nav*/
.wasthispagehelpful {margin: 0 -2000px;padding: 0 2000px;}
/*general*/
.sub-nav li.dl-back,
.sub-nav .dl-trigger,
.sub-nav li.dl-categorie {display:none !important;};
.header .sub-nav {float: right; margin-top: 19px; }
.header .sub-nav li { list-style: none; list-style-image: none; margin:0; padding: 0; line-height: 1em; } /* IE7 */
.header .sub-nav li a { font-size: 16px; color: #4d4d4d; text-decoration: none; }
.header .sub-nav li.green a { color: #77bc1f; }
.header .sub-nav li.red a { color: red; }
.header .sub-nav li li a { font-size: 14px; }
.header .sub-nav, .header .sub-nav ul { position: relative; z-index: 5; float: right; margin-top: 20px; }
.header .sub-nav ul, .header .sub-nav li { list-style: none; padding: 0; margin:0; display: block; right: 0; }
.header .sub-nav li a { display: block; }
/* 1 level */
.header .sub-nav > ul { height: 40px; }
.header .sub-nav > ul > li { display: inline-block; zoom: 1; *display: inline; position: relative; }
.header .sub-nav > ul > li > a { padding: 0px 20px; line-height: 34px; display: block; border: 1px solid transparent; }
.header .sub-nav > ul > li:hover > a { background: #ffffff; border-color: #007cc2; }
.header .sub-nav > ul > li a:hover { color: #007cc2; }
/* 2 level */
.header .sub-nav > ul > li > .pointer { height: 5px; width: 6px; background: url(../images/sub-nav-pointer-normal.png) no-repeat center top; position: absolute; top: 16px; right: 9px; z-index: 100; }
.header .sub-nav > ul > li:hover > .pointer { height: 12px; width: 100%; background: url(../images/sub-nav-pointer.png) no-repeat center top; position: absolute; top: 36px; right: 0; z-index: 100; }
.header .sub-nav > ul > li > ul { width: 180px; padding: 9px; background: #fff; left: -35px; top: 46px; border: 1px solid #007cc2; }
.header .sub-nav > ul > li > ul > li {  }
.header .sub-nav > ul > li > ul > li.divider { border-top: 1px solid #B2D4FF; margin: 3px 0; line-height:0; height:0; font-size:0; }
.header .sub-nav > ul ul { display: none; position: absolute; opacity: 0; }
.header .sub-nav > ul > li > ul > li > a { padding: 10px; line-height: 1em; position:relative; z-index: 501; margin-right: -20px; max-width: 100%; max-width: calc(100% + 15px); box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; }
.header .sub-nav > ul > li > ul > li:last-child { border-radius: 0 0 0 5px; }
.header .sub-nav > ul li:hover > ul { display: block; opacity: 1; }
/*.header .sub-nav > ul > li > ul > li:hover > a { background: #ffffff url(../images/sub-nav-cursor.png) no-repeat left center; }*/
/* 3 level */
.header .sub-nav > ul > li > ul > li > .pointer { height: 5px; width: 5px; position: absolute;  left: 100%; margin-top: -18px; margin-left: -14px; z-index:503; }
.header .sub-nav > ul > li > ul > li:hover > .pointer { height: 32px; width: 13px; position: absolute;  left: 100%; margin-top: -32px; color: #007cc2; margin-left: -3px; background: url(../images/sub-nav-cursor.png) no-repeat right center; z-index:503; }
.header .sub-nav > ul > li > ul > li > ul { left: 100%; top: 0; background: #FFFFFF;  padding 0; width: 195px; z-index: 500; margin-left: 0; height: 100%; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: border-box; margin: -1px 0; border: 1px solid #007cc2; }
.header .sub-nav > ul > li > ul > li > ul > li:first-child { padding-top:9px; }
.header .sub-nav > ul > li > ul > li > ul > li > a { padding: 10px; line-height: 1em; padding: 10px 10px 10px 15px; }
.header .sub-nav > ul > li > ul > li > ul > li.divider { border-top: 1px solid #B2D4FF; margin: 3px 0; }
/* specials */
/*.header .sub-nav > ul > li > ul.solutions { height: 400px; }
.header .sub-nav > ul > li > ul.features { height: 365px; }
.header .sub-nav > ul > li > ul.company { width: 320px; }
.header .sub-nav > ul > li > ul.company > li { width: 156px; display: inline-block; zoom:1; *display: inline; }*/
.header .sub-nav > ul > li > ul.mymenu { margin-left: -40px; }
/* ##nav*/







.dl-menu,
.dl-submenu { min-width: 280px; }

@media screen and (max-width: 550px) {
    .header .sub-nav > ul > li > .pointer { top: 9px; }
    .header .sub-nav > ul > li > a { padding: 0px 10px; line-height: 20px; display: block; font-size: 13px; }
}

/*@media screen and (max-width: 980px) { */
    .row1 .sub-nav-mobile.sub-nav-mobile { top: 15px; margin-left: 10px; z-index: 50; right: 232px;}
    .appnav {padding-top: 40px;}
/* Common styles of menus */

.sub-nav-mobile {
    width: auto;
    max-width: 300px;
    float: right;
    position: relative;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    -moz-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
}

.sub-nav-mobile:first-child {
    margin-right: 100px;
}

.sub-nav-mobile button {
    background: #ccc;
    border: none;
    width: 48px;
    height: 45px;
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
    left: 232px;
}

.sub-nav-mobile button:hover,
.sub-nav-mobile button.dl-active,
.sub-nav-mobile ul {
    background: #3ba4e7; margin: 0;
}

.sub-nav-mobile button:after {
    content: '';
    position: absolute;
    width: 68%;
    height: 5px;
    background: #fff;
    top: 10px;
    left: 16%;
    box-shadow: 
        0 10px 0 #fff, 
        0 20px 0 #fff;
}

.sub-nav-mobile ul {
    padding: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.sub-nav-mobile li {
    position: relative;
}
/*.header .sub-nav > ul > li > a { padding: 15px 20px !important; }*/
.sub-nav-mobile li a {
    display: block;
    position: relative;
    padding: 15px 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    outline: none;
    text-decoration: none;
}

.no-touch .sub-nav-mobile li a:hover {
    background: rgba(255,248,213,0.1);
}

.sub-nav-mobile li.dl-back > a { background: rgba(0,0,0,0.1); text-transform: uppercase; font-weight: bold; font-size: 0.95em; }

.sub-nav-mobile li.dl-back:after,
.sub-nav-mobile li > a:not(:only-child):after {
    position: absolute;
    top: 0;
    line-height: 50px;
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: ">"; color: #fff;
}

.sub-nav-mobile li.dl-back:after {
    left: 10px;
    color: rgba(212,204,198,0.3);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sub-nav-mobile li > a:after {
    right: 10px;
    color: rgba(0,0,0,0.15);
}

.sub-nav-mobile .dl-menu {
    margin: 5px 0 0 0;
    position: absolute;
    width: 20em;
    /*right: 0; */
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.sub-nav-mobile .dl-menu.dl-menu-toggle {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sub-nav-mobile .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    box-shadow: 0 0 20px rgba(0, 102, 255, 0.49);
}

/* Hide the inner submenus */
.sub-nav-mobile li .dl-submenu { display: none; }

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a { display: none; }

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block;
}

/* Dynamically added submenu outside of the menu context */
.sub-nav-mobile > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0;
}

/* Animation classes for moving out and in mobile menu */
.dl-menu.dl-animate-out-1 {
    -webkit-animation: MenuAnimOut1 0.4s;
    -moz-animation: MenuAnimOut1 0.4s;
    animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
    -moz-animation: MenuAnimOut2 0.3s ease-in-out;
    animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 0.4s ease;
    -moz-animation: MenuAnimOut3 0.4s ease;
    animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
    -webkit-animation: MenuAnimOut4 0.4s ease;
    -moz-animation: MenuAnimOut4 0.4s ease;
    animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
    -webkit-animation: MenuAnimOut5 0.4s ease;
    -moz-animation: MenuAnimOut5 0.4s ease;
    animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }
    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut2 {
    100% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut3 {
    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut4 {
    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut5 {
    100% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }
}

@-moz-keyframes MenuAnimOut1 {
    50% {
        -moz-transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
        -moz-transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }
    100% {
        -moz-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@-moz-keyframes MenuAnimOut2 {
    100% {
        -moz-transform: translateX(-100%);
        opacity: 0;
    }
}

@-moz-keyframes MenuAnimOut3 {
    100% {
        -moz-transform: translateZ(300px);
        opacity: 0;
    }
}

@-moz-keyframes MenuAnimOut4 {
    100% {
        -moz-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-moz-keyframes MenuAnimOut5 {
    100% {
        -moz-transform: translateY(40%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut1 {
    50% {
        transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
        transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }
    100% {
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@keyframes MenuAnimOut2 {
    100% {
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut3 {
    100% {
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut4 {
    100% {
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut5 {
    100% {
        transform: translateY(40%);
        opacity: 0;
    }
}

.dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 0.3s;
    -moz-animation: MenuAnimIn1 0.3s;
    animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
    -moz-animation: MenuAnimIn2 0.3s ease-in-out;
    animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease;
    -moz-animation: MenuAnimIn3 0.4s ease;
    animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
    -webkit-animation: MenuAnimIn4 0.4s ease;
    -moz-animation: MenuAnimIn4 0.4s ease;
    animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
    -webkit-animation: MenuAnimIn5 0.4s ease;
    -moz-animation: MenuAnimIn5 0.4s ease;
    animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@-moz-keyframes MenuAnimIn1 {
    0% {
        -moz-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
    20% {
        -moz-transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }
    100% {
        -moz-transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@-moz-keyframes MenuAnimIn2 {
    0% {
        -moz-transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0px);
        opacity: 1;
    }
}

@-moz-keyframes MenuAnimIn3 {
    0% {
        -moz-transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateZ(0px);
        opacity: 1;
    }
}

@-moz-keyframes MenuAnimIn4 {
    0% {
        -moz-transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateZ(0px);
        opacity: 1;
    }
}

@-moz-keyframes MenuAnimIn5 {
    0% {
        -moz-transform: translateY(40%);
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes MenuAnimIn1 {
    0% {
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
    20% {
        transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }
    100% {
        transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes MenuAnimIn2 {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn3 {
    0% {
        transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn4 {
    0% {
        transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn5 {
    0% {
        transform: translateY(40%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.sub-nav-mobile > .dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 0.4s ease;
    -moz-animation: SubMenuAnimIn1 0.4s ease;
    animation: SubMenuAnimIn1 0.4s ease;
}

.sub-nav-mobile > .dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
    -moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
    animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.sub-nav-mobile > .dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    -moz-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}

.sub-nav-mobile > .dl-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 0.4s ease;
    -moz-animation: SubMenuAnimIn4 0.4s ease;
    animation: SubMenuAnimIn4 0.4s ease;
}

.sub-nav-mobile > .dl-submenu.dl-animate-in-5 {
    -webkit-animation: SubMenuAnimIn5 0.4s ease;
    -moz-animation: SubMenuAnimIn5 0.4s ease;
    animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
}

@-moz-keyframes SubMenuAnimIn1 {
    0% {
        -moz-transform: translateX(50%);
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0px);
        opacity: 1;
    }
}

@-moz-keyframes SubMenuAnimIn2 {
    0% {
        -moz-transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0px);
        opacity: 1;
    }
}

@-moz-keyframes SubMenuAnimIn3 {
    0% {
        -moz-transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateZ(0px);
        opacity: 1;
    }
}

@-moz-keyframes SubMenuAnimIn4 {
    0% {
        -moz-transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateZ(0px);
        opacity: 1;
    }
}

@-moz-keyframes SubMenuAnimIn5 {
    0% {
        -moz-transform: translateZ(-200px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn1 {
    0% {
        transform: translateX(50%);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn2 {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn3 {
    0% {
        transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn4 {
    0% {
        transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn5 {
    0% {
        transform: translateZ(-200px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

.sub-nav-mobile > .dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 0.4s ease;
    -moz-animation: SubMenuAnimOut1 0.4s ease;
    animation: SubMenuAnimOut1 0.4s ease;
}

.sub-nav-mobile > .dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
    -moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
    animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.sub-nav-mobile > .dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    -moz-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease;
}

.sub-nav-mobile > .dl-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 0.4s ease;
    -moz-animation: SubMenuAnimOut4 0.4s ease;
    animation: SubMenuAnimOut4 0.4s ease;
}

.sub-nav-mobile > .dl-submenu.dl-animate-out-5 {
    -webkit-animation: SubMenuAnimOut5 0.4s ease;
    -moz-animation: SubMenuAnimOut5 0.4s ease;
    animation: SubMenuAnimOut5 0.4s ease;
}

/**/
@-webkit-keyframes SubMenuAnimOut1 {0% {-webkit-transform: translateX(0%); opacity: 1; } 100% {-webkit-transform: translateX(50%); opacity: 0; } }
@-webkit-keyframes SubMenuAnimOut2 {0% {-webkit-transform: translateX(0%); opacity: 1; } 100% {-webkit-transform: translateX(100%); opacity: 0; } }
@-webkit-keyframes SubMenuAnimOut3 {0% {-webkit-transform: translateZ(0px); opacity: 1; } 100% {-webkit-transform: translateZ(-300px); opacity: 0; } }
@-webkit-keyframes SubMenuAnimOut4 {0% {-webkit-transform: translateZ(0px); opacity: 1; } 100% {-webkit-transform: translateZ(300px); opacity: 0; } }
@-webkit-keyframes SubMenuAnimOut5 {0% {-webkit-transform: translateZ(0); opacity: 1; } 100% {-webkit-transform: translateZ(-200px); opacity: 0; } }
@-moz-keyframes SubMenuAnimOut1 {0% {-moz-transform: translateX(0%); opacity: 1; } 100% {-moz-transform: translateX(50%); opacity: 0; } }
@-moz-keyframes SubMenuAnimOut2 {0% {-moz-transform: translateX(0%); opacity: 1; } 100% {-moz-transform: translateX(100%); opacity: 0; } }
@-moz-keyframes SubMenuAnimOut3 {0% {-moz-transform: translateZ(0px); opacity: 1; } 100% {-moz-transform: translateZ(-300px); opacity: 0; } }
@-moz-keyframes SubMenuAnimOut4 {0% {-moz-transform: translateZ(0px); opacity: 1; } 100% {-moz-transform: translateZ(300px); opacity: 0; } }
@-moz-keyframes SubMenuAnimOut5 {0% {-moz-transform: translateZ(0); opacity: 1; } 100% {-moz-transform: translateZ(-200px); opacity: 0; } }
@keyframes SubMenuAnimOut1 {0% {transform: translateX(0%); opacity: 1; } 100% {transform: translateX(50%); opacity: 0; } }
@keyframes SubMenuAnimOut2 {0% {transform: translateX(0%); opacity: 1; } 100% {transform: translateX(100%); opacity: 0; } }
@keyframes SubMenuAnimOut3 {0% {transform: translateZ(0px); opacity: 1; } 100% {transform: translateZ(-300px); opacity: 0; } }
@keyframes SubMenuAnimOut4 {0% {transform: translateZ(0px); opacity: 1; } 100% {transform: translateZ(300px); opacity: 0; } }
@keyframes SubMenuAnimOut5 {0% {transform: translateZ(0); opacity: 1; } 100% {transform: translateZ(-200px); opacity: 0; } }


.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 4s; animation-delay: 4s; }
@-webkit-keyframes tada {
    0% {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
    10%, 20% {-webkit-transform: scale3d(0.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, .9, .9) rotate3d(0, 0, 1, -3deg); }
    30%, 50%, 70%, 90% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
    40%, 60%, 80% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
    100% {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
} @-moz-keyframes tada {
    0% {-webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
    10%, 20% {-webkit-transform: scale3d(0.9, .9, .9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, .9, .9) rotate3d(0, 0, 1, -3deg); }
    30%, 50%, 70%, 90% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
    40%, 60%, 80% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
    100% {-webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
} @keyframes tada {
    0% {-webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
    10%, 20% {-webkit-transform: scale3d(0.9, .9, .9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, .9, .9) rotate3d(0, 0, 1, -3deg); }
    30%, 50%, 70%, 90% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
    40%, 60%, 80% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
    100% {-webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}.tada {-webkit-animation-name: tada; animation-name: tada; }
/**/

/* No JS Fallback */
.no-js .sub-nav-mobile .dl-menu {position: relative; opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; }
.no-js .sub-nav-mobile li .dl-submenu {display: block; }
.no-js .sub-nav-mobile li.dl-back {display: none; }
.no-js .sub-nav-mobile li > a:not(:only-child) {background: rgba(0,0,0,0.1); }
.no-js .sub-nav-mobile li > a:not(:only-child):after {content: ''; }



/* Colors for demos */
/* Demo 1 */
/*.demo-1 .sub-nav-mobile button {background: #c62860; }
.demo-1 .sub-nav-mobile button:hover,
.demo-1 .sub-nav-mobile button.dl-active,
.demo-1 .sub-nav-mobile ul {background: #9e1847; }
/* Demo 2 */
/*.demo-2 .sub-nav-mobile button {background: #e86814; }
.demo-2 .sub-nav-mobile button:hover,
.demo-2 .sub-nav-mobile button.dl-active,
.demo-2 .sub-nav-mobile ul {background: #D35400; }
/* Demo 3 */
/*.demo-3 .sub-nav-mobile button { background: #08cbc4; }
.demo-3 .sub-nav-mobile button:hover,
.demo-3 .sub-nav-mobile button.dl-active,
.demo-3 .sub-nav-mobile ul {background: #00b4ae; }
/* Demo 4 */
/*.demo-4 .sub-nav-mobile button {background: #90b912; }
.demo-4 .sub-nav-mobile button:hover,
.demo-4 .sub-nav-mobile button.dl-active,
.demo-4 .sub-nav-mobile ul {background: #79a002; }
/* Demo 5 */
/*.demo-5 .sub-nav-mobile button {background: #744783; }
.demo-5 .sub-nav-mobile button:hover,
.demo-5 .sub-nav-mobile button.dl-active,
.demo-5 .sub-nav-mobile ul {background: #643771; }






/* ##Header */

/* Footer */
div.footer, div.sitemap { background-color:#fff; background-image: url(../images/footer-topbg.png); background-repeat: no-repeat; background-position: center top; padding: 30px 10px 0px 10px; clear: both; }
div.sitemap { margin-top: 50px; margin: 0 -2000px; padding: 30px 2000px; background: #e6e6e6; }
div.footer { clear: both;   margin: 0 -2000px; padding: 30px 2000px; background: #e6e6e6; text-align: center !important; }
ul#footermenu { list-style: none; padding:0; margin:0; display: block; }
div.sitemap th { text-align: left; vertical-align: top; }
div.sitemap td { }
div.sitemap .td1,
div.sitemap .td2,
div.sitemap .td3,
div.sitemap .td4,
div.sitemap .td5,
div.sitemap .td6 { display: inline-block; zoom:1; *display: inline; vertical-align: top; width: 17.1em; }
div.sitemap td { vertical-align: top; }
div.sitemap h3,
div.sitemap h3 a,
div.sitemap th > a { color: #000; text-decoration: none; display: block; font-size: 18px; text-transform: uppercase; font-weight: normal; min-height: 1.7em; text-align: center; }
ul#footermenu a:hover { text-decoration: underline; color: #29abe2; }
div.sitemap ul { padding-left: 17px; margin: 0 10px 10px 0; list-style: none; text-align: center; }
div.sitemap ul > li > a { color: #222222; font-size: 14px; text-align: center;  text-decoration: none; }

div.sitemap .td1 a:hover { color: #007cc2; }
div.sitemap .td2 a:hover { color: #fe6161; }
div.sitemap .td3 a:hover { color: #2eac55; }
div.sitemap .td4 a:hover { color: #ff781e; }

div.sitemap a.ico { display: block; width: 44px; height: 44px; padding:0; text-indent: -5000px; font-size: 0; float: left; }
div.sitemap a.ico.fb { background: url(../images/ico-fb.png); }
div.sitemap a.ico.tw { background: url(../images/ico-tw.png); margin-top: 15px; }
div.sitemap a.ico.gp { background: url(../images/ico-gp.png); margin-top: 2px; }

div.footer .secondary { float: right; }
div.footer *, div.sitemap * { color: #808080; }
div.footer a:hover, div.sitemap a:hover {text-decoration: underline; color: #29abe2;}
div.footer .logo { display: inline-block; zoom:1; *display: inline; width: 106px; height: 30px; background: url(../images/foot-logo.png) no-repeat; border: 0;  text-indent: -5000px; font-size: 0; vertical-align: top; }
/* ##Footer */



/* special */
#right { float: right; height: 1px; width: 230px;  /*padding: 0 30px 30px 30px;*/ background-color:#ececec; background: #fbfbfb url(../images/side-bg.png) repeat; }
#cont { float: none; width: 690px; padding-right: 20px; border-right: 1px solid #e6e6e6; min-height: 820px; overflow: /*hidden;*/ }
#cont h1.title { background: url(../images/h1-title-bg-thin.png) bottom left; }
div#cont.fullWidthContent {width: 100% !important; border: none; max-width: none !important;}

#right .other.main {padding: 15px 0;}
#right .other.main ul.disc-list { list-style: none; margin: 0; display: block; }
#right .other.main a { color: #000; text-decoration: none; display: block; padding: 0 0.5em; }
#right .other.main a:hover { text-decoration: underline; color: #29abe2; background-color: #e6e6e6; }
#right .other.main h3 { display: block; padding: 0; margin: 0; vertical-align: top;}
#right .other.main h3 > a { font-size: 14px; line-height: 34px; text-transform: uppercase; font-weight: bold; margin-left: -10px; padding-left: 9px; }
#right .other.main h3.active > a, #right .other.main h3.inactive > a { padding-right: 15px; background-repeat: no-repeat; background-position: 95% center; }
#right .other.main h3.active > a { background-image: url(../images/side-drop-u.png); }
#right .other.main h3.inactive > a { background-image: url(../images/side-drop-d.png); }
#right .other.main ul.disc-list { padding-left: 15px; list-style-image: url(../images/li.png); margin: 0 0 2em 0; }
#right .other.main ul.disc-list > li > a { color: #4d4d4d; font-size: 13px; line-height: 25px; margin-left: -25px; padding-left: 25px; }
#right .other.main h3 > a > i { display: inline-block; zoom:1; *display: inline; width:26px; height: 26px; vertical-align: middle; margin-right: 5px; }
#right .other.main h3.wordpress > a > i { background: url(../images/sidemenu-ico-wordpress.png) no-repeat center right; }
#right .other.main h3.joomla > a > i { background: url(../images/sidemenu-ico-joomla.png) no-repeat center right; }
#right .other.main h3.drupal > a > i { background: url(../images/sidemenu-ico-drupal.png) no-repeat center right; }
#right .other.main h3.blogger > a > i { background: url(../images/sidemenu-ico-blogger.png) no-repeat center right; }


/* GENERAL SIDE MENUS */
.side-menu {}
ul.side-menu { list-style: none; padding: 25px 0; margin: 0; display: block; }
ul.side-menu a { color: #000; text-decoration: none; display: block; padding: 0 0.5em; }
ul.side-menu a:hover { text-decoration: underline; color: #29abe2; background-color: #e6e6e6; }
ul.side-menu > li { display: block; padding: 0; vertical-align: top;}
ul.side-menu > li > a { font-size: 14px; line-height: 34px; text-transform: uppercase; font-weight: bold; }
ul.side-menu > li > ul { padding-left: 15px; list-style-image: url(../images/footer-li.png); margin: 0 0 2em 0; }
ul.side-menu > li > ul > li > a { color: #4d4d4d; font-size: 13px; line-height: 25px; }
ul.side-menu li > a > i { display: inline-block; zoom:1; *display: inline; width:26px; height: 26px; vertical-align: middle; margin-right: 5px; }
ul.side-menu li.wordpress > a > i { background: url(../images/sidemenu-ico-wordpress.png) no-repeat center right; }
ul.side-menu li.joomla > a > i { background: url(../images/sidemenu-ico-joomla.png) no-repeat center right; }
ul.side-menu li.drupal > a > i { background: url(../images/sidemenu-ico-drupal.png) no-repeat center right; }
ul.side-menu li.blogger > a > i { background: url(../images/sidemenu-ico-blogger.png) no-repeat center right; }
/* ##Sidebar */



#homeslider { clear:both; margin: 0 -1000px; background: #454958; padding: 50px 1000px; height: auto; }
#homeslider > .text { color: #fff; line-height: 1.3em; text-align: center; }
#homeslider > .text h1 { margin-top:0; font-size: 48px; font-weight: 100; }
#homeslider > .text p { padding: 0; margin: 10px 0; }
.home-tn { width: 300px; display: inline-block; zoom: 1; *display: inline; color: #4d4d4d; padding: 40px 10px 90px 13px; vertical-align: top; }
.home-tn > i { display: inline-block; zoom: 1; *display: inline; background-position: center center; background-repeat: no-repeat; width: 121px; height: 130px; vertical-align: top;}
.home-tn.solutions { background: none; }
.home-tn.solutions > i { background-image: url(../images/home-tn-solutions.png); }
.home-tn.features > i { background-image: url(../images/home-tn-features.png); }
.home-tn.developers> .text { width: 300px; }
.home-tn.developers > i { display: none; }
.home-tn > .text {width: 170px; display: inline-block; zoom: 1; *display: inline; vertical-align: top; }
.home-tn h2 { font-size: 23px; font-weight: 600; text-transform: uppercase; color: #4d4d4d; }
.home-tn p { font-size: 16px; height: 70px; margin: 10px 0; }
.home-tn.responsive  h2 {width: 230px;}
.home-tn.responsive > i{background-image:url(/_cms/design13/images/home-tn-responsive.png);background-repeat:no-repeat;width: 100px;position: relative;left: 20px;top: 19px;}
.home-tn.videohosting > i{background-image:url(/_cms/design13/images/home-tn-videohosting.png);background-repeat:no-repeat;}

.lightBlueBoxWide { padding: 30px 2000px; margin: 0 -2000px; background: #c8ebff; font-family: 'neo_sans_prolight', sans-serif; font-size: 18px; margin-bottom: -85px; } 
.lightBlueBoxWide p {margin: 1em 0;}
.lightBlueBoxWide  div.lang-flags  { text-align:left;}

/* icons */
.justify { text-align: justify; }
.justifier { display: inline-block; zoom: 1; *display: inline; height:0; width: 100%; }
.icon { display: inline-block; zoom: 1; *display: inline; vertical-align: top; text-align: center; padding: 5px; color: #4d4d4d; text-decoration: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
a.icon:hover { background-color: #29abe2; color: #fff;  }
.icon.big { font-size:16px; width: 120px; }
.icon.big i { display: block; width: 110px; height: 110px; margin: 0 auto; }
.icon.big i { background-image: url(../images/icons-big75.png); }
.icon.big.blue i { background-image: url(../images/icons-bluewhite.png); }
.icon.big.slideshows i { background-position: 0 0; }
.icon.big.photos i { background-position: -110px 0; }
.icon.big.videos i { background-position: -220px 0; }
.icon.big.music i { background-position: -330px 0; }
.icon.big.podcasts i { background-position: -440px 0; }
.icon.big.slideshows:hover i { background-position: 0 -110px; }
.icon.big.photos:hover i { background-position: -110px -110px; }
.icon.big.videos:hover i { background-position: -220px -110px; }
.icon.big.music:hover i { background-position: -330px -110px; }
.icon.big.podcasts:hover i { background-position: -440px -110px; }
/**/
.icon.big.wordpress i { background-position: 0 0; }
.icon.big.joomla i { background-position: -110px 0; }
.icon.big.drupal i { background-position: -220px 0; }
.icon.big.blogger i { background-position: -330px 0; }
/**/
.steps { border-bottom: 1px solid #999; margin-bottom: 30px; }
.steps .icon.big { font-size: 14px; line-height: 1.3em; }
.steps .icon.big i { margin: 0; background-image: url(../images/icons-how.png); width: 165px; height: 165px; }
.steps > .icon { width: 30%; text-align: center; color: #666666; text-align: left; }
.steps > .icon > b { border: 2px solid #29abe2; color: #29abe2; border-radius: 0.75em; text-align: center; width: 1.2em; height: 1.2em; display: block; line-height: 1.2em; float: left; margin-bottom: 60px; margin-right: 5px; }
.icon.big.step1 i { background-position: 0 0; }
.icon.big.step2 i { background-position: -166px 0; }
.icon.big.step3 i { background-position: -332px 0; }


.stepsdesc h3 { margin: 0; }
.stepsdesc > .step { width: 100%; clear: both;}
.stepsdesc > .step > b { border: 2px solid #29abe2; color: #29abe2; border-radius: 0.75em; text-align: center; width: 1.2em; height: 1.2em; display: block; line-height: 1.2em; float: left; margin-bottom: 60px; margin-right: 5px; }
.stepsdesc > .step > div { float: right; width: 660px; }

.whybox h3 { margin: 0; text-transform: none; font-size: 14px; font-weight: bold; }
.whybox > div { width: 100%; clear: both; margin: 20px 0; }
.whybox > div > i { display: block; float: left; width: 64px; height: 64px; background-image: url(../images/icons-why.png);}
.whybox > div > div { float: right; width: 620px; }
.whybox .why1 i { background-position: 0 0; }
.whybox .why2 i { background-position: -64px 0; }
.whybox .why3 i { background-position: -128px 0; }
.whybox .why4 i { background-position: -192px 0; }
.whybox .why5 i { background-position: -256px 0; }
.whybox .why6 i { background-position: -320px 0; }
.whybox .why7 i { background-position: -384px 0; }
.whybox .why8 i { background-position: -448px 0; }


/* ##icons */
.othercms ul { margin-top: 0; -webkit-column-count: 2; -moz-webkit-column-count: 2; width: 500px;  }
.othercms ul li { display: inline-block; zoom:1; *display: inline; width: 200px; padding-left: 15px; background: url(../images/li.png) no-repeat left center; }

/* START PAGE BUTTONS */
.start .options .btnrow .btn {   margin: 15px; -webkit-border-radius: 2em; -moz-border-radius: 2em; -khtml-border-radius: 2em; border-radius: 2em;
            box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 1px 0 #fccb4f inset, 0 -1px 0 #faa538 inset; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 1px 0 #fccb4f inset, 0 -1px 0 #faa538 inset; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 1px 0 #fccb4f inset, 0 -1px 0 #faa538 inset;
            /* ie */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAIAAADITs03AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdDQkJFMjMzMEZBMzExRTI4MjMwOUU5QkRCMTQ1QzFEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdDQkJFMjM0MEZBMzExRTI4MjMwOUU5QkRCMTQ1QzFEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0NCQkUyMzEwRkEzMTFFMjgyMzA5RTlCREIxNDVDMUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0NCQkUyMzIwRkEzMTFFMjgyMzA5RTlCREIxNDVDMUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Jbwm9AAAAV0lEQVR42oyQQQoAMQgDQ5+1X94f7mUWbAtWbenJMIYQ1fc+TVIT6tM0KxsTDnvTOJ05Cyf7fK75CfvsmTkUTL6vz9DI3nmKjlzeGH82+5J4+GVnvwADACINXEz1TqZbAAAAAElFTkSuQmCC);
            background-color: #f6842f; background: -webkit-gradient(linear, left top, left bottom, from(#faab3a), to(#f36a28)); background: -moz-linear-gradient(top, #faab3a, #f36a28); 
            border: solid 1px #f78c31; display:inline-block; zoom: 1; *display: inline; text-decoration:none;
}
.start .options .btnrow .btn:hover {
        box-shadow: 0 1px 3px rgba(0,0,0,1), 0 1px 0 #fccb4f inset, 0 -1px 0 #faa538 inset; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,1), 0 1px 0 #fccb4f inset, 0 -1px 0 #faa538 inset; -moz-box-shadow: 0 1px 3px rgba(0,0,0,1), 0 1px 0 #fccb4f inset, 0 -1px 0 #faa538 inset;
        /* ie */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAIAAADITs03AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk0OUM2NkUzMEZBMzExRTJBMkU5RkZBNjhFODQzODREIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk0OUM2NkU0MEZBMzExRTJBMkU5RkZBNjhFODQzODREIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTQ5QzY2RTEwRkEzMTFFMkEyRTlGRkE2OEU4NDM4NEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTQ5QzY2RTIwRkEzMTFFMkEyRTlGRkE2OEU4NDM4NEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6GDSUNAAAAV0lEQVR42oyQWwrAIAwEF4/mpXu4giOhRWN84Edw2cyqid4nJ0lJWNG182jafLqOGWO9Hzl3MjGjbv1yyBeWWf09Nm9/d3L5hzMzzaLF7G5nKLJDpgowALPNhDXzHxbrAAAAAElFTkSuQmCC);
        background: -webkit-gradient(linear, left top, left bottom, from(#fbb742), to(#f15b22)); background: -moz-linear-gradient(top, #fbb742, #f15b22); 
}

.start .options .btnrow .btn a {white-space: nowrap; font-weight: bold; color: #fff; cursor: pointer; text-shadow: 0 -1px 0 #f5671d; -webkit-text-shadow: 0 -1px 0 #f5671d; -moz-text-shadow: 0 -1px 0 #f5671d; display: block; height: 100%; line-height: 50px; padding-right: 50px; position: relative; top: -30px; padding-top: 30px; }
.start .options .btnrow .btn a:hover { text-decoration: none !important; color: #fff !important; }
.start .options .btnrow .btn.num1 a { background: url(../images/icons-start-photos.png) no-repeat right top;  }
.start .options .btnrow .btn.num2 a { background: url(../images/icons-start-videos.png) no-repeat right top;  }
.start .options .btnrow .btn.num3 a { background: url(../images/icons-start-music.png) no-repeat right top;  }
.start .options .btnrow .btn.num4 a { background: url(../images/icons-start-podcasts.png) no-repeat right top;  }
table.options { margin: 0 auto 30px auto; width: 630px; height: 250px; background: none !important; }
table.options .num1 {}
table.options .btn { width: 280px !important; height: 50px !important; position: static !important; text-align: center !important; }
.my-account-left ul, .my-account-right ul { list-style: none; }

/* ###START PAGE BUTTONS */


div.skin-box.new { text-align: center; font-size: 13px; width: 165px; height: 190px; display: inline-block; zoom:1; *display: inline; position: relative; }
div.skin-box.new a {    display:block; padding:10px 5px 3px 5px; text-decoration:none; color:#000; cursor:pointer; height: 100%; height: 146px; padding-bottom: 39px; line-height: 1.1em;    }

div.skin-box.new .tn { display: block; padding: 4px 6px 14px 6px; background: url(../images/skinbox-frame.png) no-repeat center top; height: 85px; position: relative; }
div.skin-box.new .tn img { width: 141px !important; height: 86px !important; }  /* old thumbs resize */
div.skin-box.new b.btn-3d { display: none; position: absolute; bottom: 0;width: 70px; left: 50%; margin-left: -45px; text-transform: uppercase; }
div.skin-box.new .tn > i { background: url(../images/ico-preview.png) no-repeat center center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none; }
div.skin-box.new:hover b.btn-3d, div.skin-box.new:hover .tn > i { display: block; }

.cmspage .steps { border: none; }
.cmspage .shadowbottom { margin-top: 0px; }
.cmspage.how .steps a.hint { display: none; }

/* OFFER PAGES */
.plans .offer { width: 720px; margin: 0 auto; }
.plans .offer .hereis { font-size: 25px; margin: 20px 0; font-style: italic; color: #AAA; }
.plans .offer h2 { font-size: 87px; width: 520px; font-weight: bold; line-height: 71px; color: #3D5E79; }
.plans .offer h3 { font-size: 26px; line-height: 1.5em; }
.plans .offer h3 #dollar { font-weight: bold; color: #5BC05B; font-size: 43px; }
.plans .features { font-size: 1.5em; line-height: 1.3em; }
.plans .features b {color: #4D819E;}
.plans .features #many-features { border-bottom: 1px dashed #041C3C; cursor: help; color: #041C3C; }

.plans .what-you-get, .plans .buy-now { display: inline-block; vertical-align: middle; width: 48%; }
.plans .buy-now a.btn { padding: 20px 50px; font-size: 30px; }
.buynowpopup table { width: 100%; }
.buynowpopup > p { font-size: 20px; text-align: center; padding: 20px 0; }
.buynowpopup td { width: 30%; padding: 1%; text-align: center; }
.buynowpopup td h3 { font-size: 22px; font-weight: bold; }
.buynowpopup td h2 { font-size: 46px; font-weight: bold; }

.planspage #left-block { float: left; width: 48%; }
.planspage #right-block { float: right; width: 48%; }
.planspage #right-block h1, .planspage #left-block h1 { text-align: center; font-size: 56px; }
.planspage #right-block h2, .planspage #left-block h2 { text-align: center; font-size: 22px; }
.planspage #right-block h3, .planspage #left-block h3 { text-align: center; font-size: 18px; }
.planspage #just { display: block; text-align: center; font-size: 25px; margin: 10px 0 10px 0; }
.planspage #free-days .btn.big { font-size: 30px; }
.planspage #free-days { padding: 20px; background: white; width: 300px; margin: 30px auto; border-radius: 30px; border: 1px dashed #AAA; box-shadow: 0 0 40px #FFE7C8; -webkit-box-shadow: 0 0 40px #FFE7C8; -moz-box-shadow: 0 0 40px #FFE7C8; }
.planspage #dollar { font-size: 35px; font-weight: bold; color: #5BC05B; }
.planspage .testimony { padding: 10px 10px; border-left: 3px solid white; margin: 20px 0; font-style: italic; font-size: 15px; color: #AAA; }

.planspage .min5 { margin-bottom: 15px;}
.planspage ul { clear: both; }
.planspage li { list-style-image: url(../images/planscheck.png); font-size: 18px; line-height: 1.1em; }
.planspage #customers { clear: both; padding-top: 30px; }
.planspage #customers table { border-collapse: collapse; border-collapse: collapse; line-height: 19px; margin-left: 73px; width: 723px; margin: 0 auto; margin-bottom: 30px; }
.planspage #customers td, #customers th { font-size: 1.1em; border: 1px solid #98bf21; padding: 3px 7px 2px 7px;}
.planspage #customers th { background-color: #A7C942; color: #FFFFFF; font-size: 16px; padding-bottom: 4px; padding-top: 5px; text-align: center; width: 75px;}
.planspage #customers .t-grey td { background-color: AliceBlue; font-size: 1.1em; font-weight: bold;}
.planspage #customers td { text-align: center;}
.planspage #customers tr > td:first-child { text-align: left;}
.planspage #customers .yes { background-image: url(../images/planscheck.png); background-position: center center; background-repeat: no-repeat;}

/* ### OFFER PAGES */
    

/*  ##CONTENT  */

.upload_area { width: 50%; float: left; }
.more-ways-to-upload { width: 48%; float: right; }
.upload_area #zone { border: 2px solid #dedede; background-color: white; padding: 20px; margin-bottom: 20px; }
.fd-zone.over { border: 2px dashed #02BB62 !important; background-color: #C4C4C4 !important; }
#zone > #dropCont {  }
#zone .objForm {  }
#btnCancel { font-weight: bold; color: #666; padding: 10px 20px !important; margin-top: 10px !important; margin-left: 15px; cursor: pointer; border-radius: 10px; background-color: #FFF0F3; border: 1px solid #FFB3B3; box-shadow: inset 0 -14px 15px #FFCDCD, 0 1px 2px #AAA;}

.more-ways-to-upload .action-container { padding: 10px; width: 100%; display: inline-block; zoom: 1; *display: inline; overflow: hidden; vertical-align: top; cursor: pointer; margin: 10px;
    padding: 8px 20px;
    background-color: #efefef;
    background: -moz-linear-gradient( top,  #ffffff 0%, #e6e6e6); background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
    -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; 
    border: 1px solid #cccccc; 
    -moz-box-shadow: 0px 1px 1px rgba(097,097,097,0.5), inset 0px 0px 5px rgba(255,255,255,0); -webkit-box-shadow: 0px 1px 1px rgba(097,097,097,0.5), inset 0px 0px 5px rgba(255,255,255,0); box-shadow: 0px 1px 1px rgba(097,097,097,0.5), inset 0px 0px 5px rgba(255,255,255,0);
    text-shadow: 0px -1px 3px rgba(255,255,255,0.8),
}
.more-ways-to-upload .action-container:hover { border: 1px solid #ff9600; background-color: #dfdfdf; background: -moz-linear-gradient( top, #ffffff 0%, #d6d6d6); background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#d6d6d6)); }
.more-ways-to-upload .action-container > .icon { vertical-align: middle;  display: inline-block; zoom: 1; *display: inline; width: 15%; }
.more-ways-to-upload .action-container .description { width: 80%; line-height: 1.2em; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; }

.article-excerpt { margin-bottom: 45px; }
.article-excerpt p { margin-bottom: 5px; }



/* start step page */
   .start-steps .step1 { text-align: center; }
   .start-steps { width: 795px; margin: 0 auto; }
   .shadowbottom2 { margin-top: 0px; background-position: center 0px; height: 25px; background-image: url(/_cms/design13/images/box-shadow2.png); clear: both; background-repeat: no-repeat; }
  .start-steps div.skin-box.new .tn > i {background: url(/_cms/design13/images/ico-preview2.png) no-repeat center center;}
  .start-steps .media-type { width: 155px; height: 64px; text-indent: -9999px; display: inline-block; zoom:1; *display: inline; cursor: pointer; margin: 0; }
  .start-steps .media-type.slideshows { background-image: url(/_cms/design13/images/starttn-slideshows.png); background-position: left top; }
  .start-steps .media-type.photos { background-image: url(/_cms/design13/images/starttn-photos.png); background-position: left top; }
  .start-steps .media-type.videos { background-image: url(/_cms/design13/images/starttn-videos.png); background-position: left top; }
  .start-steps .media-type.audio { background-image: url(/_cms/design13/images/starttn-audio.png); background-position: left top; }
  .start-steps .media-type.podcasts { background-image: url(/_cms/design13/images/starttn-podcasts.png); background-position: left top; }
  .start-steps .media-type.videoportal { background-image: url(/_cms/design13/images/starttn-videoportal.png); background-position: left top; }
  .start-steps .media-type.music { background-image: url(/_cms/design13/images/starttn-music-podcasts.png); background-position: left top; }
  .start-steps .media-type:hover { background-position: left -81px; }
  .start-steps .media-type:active,
  .start-steps .media-type.active { background-position: left -162px; }
  .start-steps .steptitle { text-align: left; color: #555; margin: 20px 0; }
  .start-steps .steptitle b { background-color: #29ABE2; color: white; border-radius: 30px; width: 35px; height: 35px;display: inline-block; zoom:1; *display:inline; text-align: center; line-height: 35px; margin-right: 10px; }
   .start-steps .box { padding: 20px 65px !important; margin: 0 !important; }
   .start-steps .shadowbottom {margin-top: 0 !important;}
   .step2cont { border: 1px solid #333; }
   .start-steps .step2 {margin-top: 65px;}
   .start-steps div.skin-box.new a.uselink {height: 35px !important; padding: 0 !important; cursor: default; background-color: transparent; }
   .start-steps div.skin-box.new b.btn-3d { display: none; position: relative; bottom: 0; width: auto; left: 0; margin-left: 0; text-transform: uppercase; }
   .start-steps div.skin-box.new:hover b.btn-3d {display: inline-block !important; zoom:1; *display:inline !important; margin-top: 4px; }
   .start-steps div.skin-box.new a.previewlink { height: 150px !important; padding-bottom: 0 !important; }
   #simplemodal-container { padding: 10px 30px; }
   .start-steps div.skin-box.new .previewlink .tn > i { display:none !important; }
   .start-steps div.skin-box.new .previewlink:hover .tn > i { display:block !important; }
  .simplemodal-data > div > .btn-3d { margin-bottom: 20px; }


    
    /* start page */
    .start-steps.videoUser .box.video h2, .start-steps.videoUser .step1 {display:none;}
    .otherOptions { text-align:center;}
    .videoUserTitle {font-size:36px;}
    a.otherOptionsAction {text-decoration: none;margin-left: 10px;}
    .start-steps.videoUser  .step2{margin-top: 30px;}
    .start-steps.audioUser .box.video h2, .start-steps.audioUser .step1 {display:none;}
    .otherOptions { text-align:center;}
    .audioUserTitle {font-size:36px;}
    a.otherOptionsAction {text-decoration: none;margin-left: 10px;}
    .start-steps.audioUser  .step2{margin-top: 30px;}
    /* start page */






/* REGISTER */
table.create-new-account { margin-top: 30px; background-color: #F1F1F1; padding: 25px; display: block; border-radius: 10px; border: 10px solid #fff; line-height: 1.3em; width: 350px; box-shadow: 0 0 20px #eee; }

table.create-new-account input[type="text"], table.create-new-account input[type="password"], table.create-new-account input[type="email"], table.create-new-account textarea { width: 97%; background: rgb(250, 250, 250); display: block; padding: 7px 1%; border-radius: 4px; font-size: 17px; border: 2px solid #ddd; }

table.create-new-account i { color: #666; font-size: 11px; display: block; }
/*table.create-new-account input[type="submit"] {width: 65%; margin: 0 auto; display: block !important; }*/

/*.addthis_toolbox.addthis_default_style { padding-top: 50px; background: url(http://cpwww-cincopa2.netdna-ssl.com/_cms/design13/images/shareit.png?GQgDSb6OQjA) no-repeat 70% top; }*/

/*.yui-skin-sam .simplemodal-container { height: auto !important; }*/

/* templates */
.defaultTemplates { margin: 30px 0; text-align: center; }
.defaultTemplates .template-item { margin: 15px; }
.defaultTemplates .template-item a img { border: 1px solid #ddd; box-shadow: 0 0 15px #eee; }
.defaultTemplates .template-item a:hover img { border: 1px solid #B1B1B1; box-shadow: 0 0 30px #A0B3C0; }
.defaultTemplates .template-item a:active img { border: 1px solid #29abe2; box-shadow: none; }


.skinThumb { display:inline-block; position: relative; }
.skin-responsive, .skin-cssmod,
.textTitle.responsive, .textTitle.cssmod,
.ddChild .responsive, .ddChild .cssmod { position: relative; }
.skin-responsive:after, .skin-cssmod:after,
.skinThumb.responsive:after, .skinThumb.cssmod:after,
.textTitle.responsive:after, .textTitle.cssmod:after,
.ddChild .responsive:after, .ddChild .cssmod:after { content: ' '; display: block; position: absolute; width: 58px; height: 59px; background: url(/_cms/design13/images/responsive_badge.png); z-index: 50; top: -4px; left: 172px; pointer-events: none; background-size:100% 100%;}
.skin-responsive:after, .skin-cssmod:after { top: 7px; left: 106px; }
.textTitle.responsive:after, .textTitle.cssmod:after { left: -65px; }
.ddTitle span.textTitle img { margin-right: 10px; }

.skin.cssmod:after,
.skinThumb.cssmod:after,
.textTitle.cssmod:after,
.ddChild .cssmod:after { background-image: url(/_cms/design13/images/responsive_badgecssonly.png); }

.skin-responsive.cssmod:after,
.skinThumb.responsive.cssmod:after,
.textTitle.responsive.cssmod:after,
.ddChild .responsive.cssmod:after { background-image: url(/_cms/design13/images/responsive_badgecss.png); }


.dd .ddChild a img { margin-right: 10px; }

span.tag { border: 1px solid #0071BC; border-radius: 3px; display: inline-block; zoom: 1; padding: 3px 5px; text-decoration: none; background-color: #138CCE; color: white; margin: 2px; font-size: 11px; line-height: 1.2em; background: -moz-linear-gradient( bottom, #0375bf 0%, #29abe2); background: -webkit-gradient( linear, left bottom, left top, from(#0375bf), to(#29abe2)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(255, 255, 255, 0.2); }
.tag .removeTag { color: #fff; font-weight: bold; text-decoration: none; margin-left: 3px; font-size: 1.2em; }

@media screen and (max-width: 1000px) {
.start-steps { width: auto; *width:100%; }
.start-steps .box { padding: 20px 20px !important; }
.start-steps .media-type { margin: 2px 0; }
}
/* END start step page */


@media screen and (max-width: 1010px) {
    .header .sub-nav {}
    .header .sub-nav > ul > li > a { padding: 0px 10px !important; }
    .header .sub-nav > ul > li > .pointer { right: 2px !important; }
    #container { padding: 0 5px !important; box-sizing: content-box !important; -webkit-box-sizing: content-box !important; width: 98% !important; }
    .submenu, .breadcrumbs { margin: 10px 0 !important; }
    .stepsdesc > .step > div { float: left !important; width: 470px !important; }
    /*#right { display: none !important; }*/
    #cont { width: 70% !important; max-width: 690px !important; padding-right: 0 !important; }
    #right { width: 28% !important; }
    table.options .btn { width: 210px !important; }
    .home-tn { padding: 40px 5px 20px 13px;}
    div.box {margin: 10px 0;}
    a.btn.big { white-space: normal !important; }
    .sitemap, .footer { display: none !important; width: 100% !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin: 0 !important; padding: 10px !important; text-align: center; }
}

@media screen and (max-width: 960px) {
 .start-steps .media-type { width: 17%; border-left: 1px solid #888; border-right: 1px solid #888; }
 .start-steps .media-type.slideshows { background-image: url(/_cms/design13/images/starttn-slideshows_sm.png); background-position: center top; }
  .start-steps .media-type.photos { background-image: url(/_cms/design13/images/starttn-photos_sm.png); background-position: center top; }
  .start-steps .media-type.videos { background-image: url(/_cms/design13/images/starttn-videos_sm.png); background-position: center top; }
  .start-steps .media-type.audio { background-image: url(/_cms/design13/images/starttn-audio_sm.png); background-position: center top; }
  .start-steps .media-type.podcasts { background-image: url(/_cms/design13/images/starttn-podcasts_sm.png); background-position: center top; }
  .start-steps .media-type:hover { background-position: center -81px; }
  .start-steps .media-type:active,
  .start-steps .media-type.active { background-position: center -162px !important; }
    .pageHelpful {margin-right:0 !important;} .wasthispagehelpful { text-align: left; }
}

#_ctl0_ContentPlaceHolder1__editbox { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }



@media screen and (max-width: 960px) {
 .start-steps .media-type { width: 17%; border-left: 1px solid #888; border-right: 1px solid #888; }
 .start-steps .media-type.slideshows { background-image: url(/_cms/design13/images/starttn-slideshows_sm.png); background-position: center top; }
  .start-steps .media-type.photos { background-image: url(/_cms/design13/images/starttn-photos_sm.png); background-position: center top; }
  .start-steps .media-type.videos { background-image: url(/_cms/design13/images/starttn-videos_sm.png); background-position: center top; }
  .start-steps .media-type.audio { background-image: url(/_cms/design13/images/starttn-audio_sm.png); background-position: center top; }
  .start-steps .media-type.podcasts { background-image: url(/_cms/design13/images/starttn-podcasts_sm.png); background-position: center top; }
  .start-steps .media-type:hover { background-position: center -81px; }
  .start-steps .media-type:active,
  .start-steps .media-type.active { background-position: center -162px !important; }
    .pageHelpful {margin-right:0 !important;} .wasthispagehelpful { text-align: left; }
}


#_ctl0_ContentPlaceHolder1__editbox { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }









/* from /select-from-media */
.removeClickHere.libraryContainer:after { display: none !important; }
.lineItem {display:inline-block;vertical-align:top;}
.selectedCell {height:100%;width:30px};
.selectedCell.lineItem input[type="checkbox"] {width: 100%;height: 100%;}
#libraryHead div {position:static; display:inline-block;margin: 0;padding: 0;color: white;}
.libraryContainer:after {background-image:none;}
/**/
#libraryPanel { position:relative; }
#libraryPanel.scrollFixed .dropdown .divDDContainer{top:29px; }
#libraryPanel.scrollFixed{width: 981px;position: fixed;top: 0;z-index: 20;}
#libraryHead.scrollFixed{width: 973px;position: fixed;top: 30px;z-index: 10;}   
.opacity_50{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.previewContainer{ float: left; width: 445px; height: auto; text-align: center; }
.previewContainer h4 { margin: 0; font-size: 16px; color: #555; float: left; }
.simplemodal-container { background-color: #fbfbfb !important; border: 5px solid #fff !important; padding: 20px !important; }
.simplemodal-container .asset_block { background: none; padding: 0; margin: 0; }
.itemPreview { }
.itemPreview { width: 95% !important; padding: 0; margin: 0 auto; border: 10px solid #fff; max-height: 310px !important; background: #fff; overflow: hidden; }
.itemPreview .unknownIcon { margin: 10px auto; }
.itemPreview .unknownFile { text-align: center; }
.simplemodal-container .popup_view_head { padding: 10px; margin-top: -10px; }
.simplemodal-container .asset_block input[type=text],
.simplemodal-container .asset_block textarea { padding: 5px; background: #FCFCFC !important; border: 1px solid #E6E6E6 !important; }
.simplemodal-container .asset_block input[type=text]:focus,
.simplemodal-container .asset_block textarea:focus { background: #FFF !important; box-shadow: #00A3FF 0px 0px 5px; outline: none; border: 1px solid #00A3FF !important; }
.asset_block.simplemodal-data .btn-3d { clear: both; }
.audiojs .scrubber { width: 264px !important; }
.addThisBlock { margin-left: 0; padding: 10px; }
.addthis_download { background: url('/_cms/design13/images/previewdownload32.png'); text-indent: -9000px; display: inline-block; float: right; width:32px; height:32px; margin: -3px 0 7px 0;} 
.addthis_download:hover { background-position: 0 -100%; }
.continueAreaBtn { text-align: center; }
.continueBtn { padding: .4em 2em; vertical-align: middle; }
.library-line  { padding: 1.5%; }
.lineItem { overflow: hidden; text-overflow: ellipsis; }
.fname { text-overflow: ellipsis; overflow: hidden; font-size: 1em; line-height: 1.2em; }
.library-head .selected,
.selectedCell { width: 6% !important; text-align: center; }
.selectedCell input { margin-top: 32px; }
.library-head .thumb,
.thumbCell { width: 20% !important; overflow: hidden; margin-right: 2%; position: relative; }
.library-head .filename,
.filenameCell { width: 30% !important; }
.library-head .caption,
.captionAndDescCell { width: 20% !important; }
.library-head .tags,
.tagsCell { width: 20% !important; }
.divpanel { position: relative; }
.Xbtn { display: inline-block; position: absolute; right: 3px; width: .7em; height: 1em; padding: .2em .35em; font-size: 11px; line-height: 1em; color: #394958; font-weight: bold; cursor: pointer; border-radius: 3em; margin-top: 3px; }
.Xbtn:hover { background: #93B3D1; }
input[type="text"] + .Xbtn { margin-left: -17px; }
.divpanel .search { width: 100px; padding-right: 20px; }
#totalCount { font-size: 24px; vertical-align: middle; margin: 0 -0.8em 0 .2em; }
.shortShareLink { clear: both; color: #666; padding: 5px; background: #FCFCFC !important; border: 1px solid #E6E6E6 !important; display: block; margin: 10px 0; font-size: 18px; cursor: text; position: relative; }
.shortShareLink:after {position: absolute; font-size: 10px; font-weight: bold; color: #BDBDBD; right: 5px; }
.copypast { position: relative; top: -13px; font-size: 10px; background: #f5f5f5; display: block; color: #777;}
.previewVideo{ max-height: 400px; min-height: 321px; }
.vjs-default-skin .vjs-big-play-button { top: 50%; left: 50%; width: 10em; height: 8em; margin-left: -5em; margin-top: -4em; }
.audioIcon { margin: 10px auto; width: 64px; background: url('/_cms/design13/images/previewiconaudio.png') no-repeat; height: 64px; background-size: cover; }
.unknownIcon { width: 64px; background: url('/_cms/design13/images/previewicondoc.png') no-repeat; height: 64px; background-size: cover; }
.asset_block div.filename { width: 220px !important; }
.asset_block input[type=text] , .asset_block textarea { width: 320px !important; }
.outOfTraffic {     width: 380px;       border-top: 1px solid #f08a73;      border-bottom: 1px solid #f08a73;       color: #525252;     background: #ffe3df url(/design/images/message_error.png) no-repeat 20px center;        padding: 10px 0 10px 0; }
.outOfTraffic p {width: 66%; margin: 0 auto;}
a.top{      position: fixed;        bottom: 370px;      right: 2%;      padding: 22px;      background: url("/_cms/design13/images/toparrow.png") no-repeat center center #333333;      display: none;      border-radius: 50%;     text-align: center;     opacity: 0.8;       z-index: 10;    }
@media screen and (max-width: 1020px) {
 #simplemodal-container { left: 0 !important; width: 94% !important; height: auto !important; padding: 2% !important; position: absolute !important; }
 .previewContainer + table {float: none !important;}
 .modalCloseImg.simplemodal-close {background: url('/_cms/design13/images/xx.png') no-repeat center center !important; width: 32px !important; height: 32px !important; right: 5px !important;}
}
div.tagsinput { margin-bottom: 15px; border:1px solid #CCC; background: #FFF; padding:5px; width:300px; height:100px; overflow-y: auto; max-height: 80px; }
div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
div.tagsinput div { display:block; float: left; } 
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid { background: #FBD8DB !important; color: #90111A !important; }
#libraryPanel #_toppanel { font-size: 12px;  }
.simplemodal-wrap table textarea[name="long_description"] {  height: 130px !important; }
/* from /select-from-media */

/* /wizard_style.aspx */
.tab {display:none;}
.tab.active {display:block;}
#loader{ position: fixed; width: 100%; height: 100%; z-index: 500000; top: 0; left: 0;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEVCQkKO+WlPAAAAAXRSTlPM0jRW/QAAAApJREFUeF5jYAAAAAIAAd6ej78AAAAASUVORK5CYII=);
}
.my-presetdropdown {-webkit-transition: none; transition:none;}
.argumentValue .presetValues > .my-presetdropdown { top:40px; }
.argumentValue .presetValues > .my-presetdropdown .carat, .argumentValue .presetValues > .my-presetdropdown .selected  { display:none; }
.btnpanel.fixed {position: fixed; top: 0; margin-left: 540px; background: #fbfbfb; z-index: 6000; padding: 10px 20px; box-shadow: 0 1px 15px #ccc; border-radius: 0 0 15px 15px;}
/* /wizard_style.aspx */



/* /start.aspx */
.box { d1isplay:none; }
.popup { display:none; }

@media screen and (max-width: 930px) {
    .start-steps .media-type { background-position: 50% 0 !important; w1idth: 140px; border-right: 1px solid; border-left: 1px solid; }
    .start-steps .media-type:hover { background-position: 50% -81px !important; color: #6EBDDB; }
}
@media screen and (max-width: 700px) { .start-steps .media-type { w1idth: 129px; }  #zenbox_tab { top: 10%; } }
.simplemodal-overlay{  /* IE 8 */  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  /* IE 5-7 */  filter: alpha(opacity=50);  /* Netscape */  -moz-opacity: 0.5;  /* Safari 1.x */  -khtml-opacity: 0.5;  /* Good browsers */  opacity: 0.5;}
.loader{ position: fixed;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEVCQkKO+WlPAAAAAXRSTlPM0jRW/QAAAApJREFUeF5jYAAAAAIAAd6ej78AAAAASUVORK5CYII=);
width: 100%;height: 100%;z-index: 500000;top: 0;left: 0;    }
.simpleClose{   position: absolute; right: 8px; top: 50%;   margin-top: -12px;  }
.simpleflatbtn2{ position: absolute; right: 50px; top: 50%; margin-top: -21px; }
/* /start.aspx */



/* /wizard_addtext.aspx */
.bigBtn { font-size: 20px; vertical-align: middle; text-align:center; }
/* /wizard_addtext.aspx */

/* progressbar */
 ul.stepsList {list-style: none;}
 ul.stepsList  li{display:inline-block;}
.steps { border-bottom: none; }
.stepsList { margin: 0; padding: 0; display: block; list-style: none; text-align: center; }
.stepsList li a,
.stepsList li { display: inline-block;  cursor: default; color: #b3b3b3; position: relative; width: 100px; }
.stepsList li a {width:auto;}
.stepsList li b { width: 1em; height: 1em; padding: 8px; border-radius: 2em; font-size: 14px; background: #fff; line-height: 1em; text-align: center; border: 1px solid; display: inline-block; z-index: 1; }
.stepsList li div {  }
.stepsList li i { display: block; position: absolute; border-top: 1px solid; width: 70px; top: 16px; left: 50%; margin-left: -87px; z-index: 0; }
.stepsList li:first-child i { display: none; }
.stepsList li.active a,
.stepsList li.active { color: #00bdff; }
.stepsList li.active a:hover { cursor: pointer; color: #00a2ff;  }
.stepsList li.active b,
.stepsList li.active div { color: #4d4d4d; border-color: #00bdff; }
.stepsList li.current  b{color:white; background:#00bdff; }
.stepsList li {margin-top: 25px; }
/* upload files head */
.continueAreaBtn {text-align: center;}
.continueBtn { padding: .4em 2em; vertical-align: middle; }
#totalCount { font-size: 24px; vertical-align: middle; margin: 0 -0.8em 0 .2em; }
.continueAreaBtn .continueBtn.btn-3d { padding: 0.4em 1.8em; font-size: 20px; }

.overflowHidden{overflow:hidden;}


/* BUY PRO */
.msg-welcome.site-message { border: 10px solid #f9fbff; background: #ffffff; box-shadow: 0 0 20px #C5DFEE; padding: 30px 20px !important; position: relative; }
.msg-welcome p { font-size: 18px; color: #9e9e9e; font-weight: normal; text-align: center; }
.msg-welcome p.thankyou { font-size: 30px; text-align: center; font-weight: bold; color: #3ea7e3; width: 100%; float: none; } 
.msg-welcome .dismiss { position: absolute; top: 0; right: 0; cursor: pointer; }
.btn-green { white-space: nowrap; font-weight: bold; color: #fff !important; cursor: pointer; border-radius: 2em; box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 1px 0 #b7dd6c inset, 0 -1px 0 #88cd4b inset; text-shadow: 0 -1px 0 #007C00; background-color: #63b11a; background: -webkit-gradient(linear, left top, left bottom, from(#93cc27), to(#63b11a)); background: -moz-linear-gradient(top, #93cc27, #63b11a); border: solid 1px #62b019; overflow: hidden; display: inline-block; zoom: 1; text-decoration: none !important; padding: 5px 15px; font-size: 14px; line-height: 1.2em; vertical-align: middle; }
.btn-green:hover { background: -webkit-gradient(linear, left top, left bottom, from(#B7E068), to(#4C9C00)); background: -moz-linear-gradient(top, #B7E068, #4C9C00); border: solid 1px #0F1F00; }
.newPro {float: right;}
.newPro .leftTime {font-size: 27px; font-weight: bold; color: #007ec4; display: inline-block; vertical-align: middle; margin: 0 5px; }
.newPro .smalldescr { font-size: 12px; font-weight: normal; color: #494949; display: inline-block; vertical-align: middle; text-transform: uppercase; width: 71px; line-height: 1em; }
.newPro .welcomeBtn { display: inline-block; width: 27px; height: 27px; background: url(/_cms/design13/images/playbtn.png); font-size: 0; vertical-align: middle; margin: 0 5px; }

.skin-premium:before {
    content: 'Premium';
    top: 8px;
    left: 10px;
    z-index: 10000;
    position: absolute;
    background: #3fba46;
    color: #fff !important;
    zoom: 1;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 1;
    padding: 2px 5px;
    border-radius: 4px;
    font-family: 'Arial Narrow', Arial, sans-serif;
}
.css-edit:before{
    content: ' ';
    top: 8px;
    left: 12px;
    z-index: 10;
    position: absolute;
    background-image: url(/_cms/design13/images/csseditavailable.png);
    background-repeat: no-repeat;
    zoom: 1;
    width: 51px;
    height: 21px;
}

/* new big thumbs */
/*div.box{padding:0}*/
div.box .top{background-repeat: no-repeat;}

.start-steps .box {
    padding: 20px 30px !important;
    margin: 0 !important;
}

.skin-link .btn-3d.flater { display: none !important; }

div.skin-box.new { text-align: center; font-size: 13px; width: 228px; height: 225px; display: inline-block; zoom:1; *display: inline; position: relative; margin: 1px; }

div.skin-box.new a { display:block; padding: 2px 2px 39px 2px; text-decoration:none; color:#000; cursor:pointer; height: 100%; height: 146px; line-height: 1.1em;    }

div.skin-box.new a:hover { background:#29abe2; color: #000;}
div.skin-box.new .tn { display: block; padding: 0px 0 14px 0; background: url(../images/skinbox-frame.png) no-repeat center top; height: 140px; position: relative; }
div.skin-box.new .tn img { width: 224px !important; height: 140px !important; margin: 0; padding: 0; display: block; }  /* old thumbs resize */
.start-steps div.skin-box.new a.previewlink { height: 185px !important; padding-bottom: 0 !important; }
div.box.white, div.box.lightgray, div.box.darkgray { margin-left: -30px; padding-left: 10px; padding-top: 20px; padding-bottom: 20px; overflow: hidden; margin-top: 0; margin-bottom: 0; padding-right:10px; }
.skin-responsive:after, .skin-cssmod:after, .skinThumb.responsive:after, .skinThumb.cssmod:after, .textTitle.responsive:after, .textTitle.cssmod:after, .ddChild .responsive:after, .ddChild .cssmod:after {
    content: ' ';
    display: block;
    position: absolute;
    width: 58px;
    height: 59px;
    background: url(/_cms/design13/images/responsive_badge_orange.png);
    z-index: 50;
    top: 0px;
    left: 171px;
    pointer-events: none;
    background-size: 100% 100%;
}

.start-steps .simpleflatbtn2, .start-steps  .btn-3d{
        box-shadow: none !important;
        border-radius: 0 !important;
        background: #E05F0A !important;
        background-image: none !important;  
    font-size: 15px; padding: 5px 15px;
    }

div.skin-box.new .tn > i { 
display: none;
width: 80px;
height: 35px;
background-image:url(/_cms/design13/images/previewbtn.png) !important;
background-color: transparent !important;
background-position: 0 0;
top: 50%;
left: 50%;
margin-left: -40px;
margin-top: -17px; }



/*.header .logo { width: 175px; height: 57px; margin-top: -10px; background: url(../images/logo_christm.png) no-repeat; }*/


/* LOGO BADGE */
.cincopa_account_ .header .logo:after,
.cincopa_account_free .header .logo:after,
.cincopa_account_professional .header .logo:after { font-size: 10px; font-family: 'neo_sans_prolight', sans-serif; color: #aaa; position: absolute; bottom: -5px; font-weight: bold; text-transform: uppercase; left: 0; line-height: 1em; text-align: center; width: 107px; letter-spacing: .7em; }
.cincopa_account_professional .header .logo:after { content: 'Premium'; color: #A1A1A1; letter-spacing: .7em; width: 100%; bottom: -11px; }
/*.cincopa_account_free .header .logo:after { content: 'Free'; color: #aaa; }*/
/* LOGO BADGE */



.btnflat, .btnflatorange {
background-color: #E05F0A !important;
font-size: 20px;
text-transform: uppercase;
display: inline-block;
zoom: 1;
padding: 10px 35px;
line-height: 1em;
text-decoration: none !important;
margin-bottom: 10px;
color: #fff !important;
font-weight: bold;
cursor: pointer;
font-family: 'Arial', 'Helvetica', sans-serif;}

.btn-3d.flater {box-shadow: none !important;border-radius: 0 !important;background-color: #FF781E !important;background-image: none !important;}


.btnflat.blue{
  background-color: #0077BB !important;
}
/*
#zenbox_tab { background-image: url(http://www.cincopa.com/_cms/design13/images/tab_support_right.png) !important; height: 122px !important; width: 32px !important; background-color: #007fc6 !important; border-color: #005aa7 !important; }*/

#typeform-wrapper{right:0px;left:auto !important;width: 535px !important;}
#typeform-wrapper > img{left: -38px !important; }
.typeform-share.custombutton { background-image: url(/_cms/design13/images/tab_support_right.png) !important; height: 122px !important; width: 32px !important; background-color: #007fc6 !important; border-color: #005aa7 !important;border: solid 1px;cursor: pointer;overflow: hidden;position: fixed;text-indent: -5000px; bottom: 27%;z-index: 10000; display: block; right: 0;background-position: left 0;}

body.viewer .steps, body.viewer  .adminUsersBlock, body.editor  .adminUsersBlock{display:none;}
.sessionBox{position: absolute;right: 0;background: #ffffff;padding: 0px 10px;border: 1px solid blue;font-size: 10px;line-height: 1.5em;}


span.tooltip {
      position: absolute;
      display: block;
      min-width:100px;
      height: 0 !important;
      padding: 0 !important;
      text-align: center;
      background: transparent;
      z-index: 1000;
      width: 300px;
}

span.tooltip > i {
      left: 0;
      position: absolute; bottom: -60px; width: 300px;
      line-height: 1.1em;
      padding: 10px;
      font-size: 14px; font-style: normal;
      text-align: center;
      color: #666;
      background: rgb(255, 255, 255);
      border: 4px solid rgb(255, 255, 255);
      border-radius: 5px;
      text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
      box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 20px;
}

.tooltipIcon {
    background: url(/_cms/design13/images/help.png);
    background-repeat: no-repeat;
    margin-left: 5px;
    width: 13px;
    display: inline-block;
    height: 13px;
    cursor: pointer;
}

.lngswitch > span {display:block;}
.lngswitch a { font-size: .9em; }
.lngswitch .flag {display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin: 0 5px;}
.lngswitch .es .flag { background-image: url(/_cms/design13/flags/es.png); }
.lngswitch .ru .flag { background-image: url(/_cms/design13/flags/ru.png); }
.lngswitch .cn .flag { background-image: url(/_cms/design13/flags/cn.png); }
.lngswitch .en .flag { background-image: url(/_cms/design13/flags/en.png); }
.lngswitch .es .flag { background-image: url(/_cms/design13/flags/es.png); }





/* flags  */
div.lang-flags {margin: 5px 0; font-size: 0;}
div.lang-flags a { display: inline-block !important; width: 24px; height:18px; font-size:0; background-repeat: no-repeat; background-position: center center; border: 1px solid #ddd; vertical-align: middle; margin: 1px; }
div.lang-flags a:hover { box-shadow: 0 0 3px #09F; border: 1px solid #09f; }
.flag-en { background-image: url(/_cms/design13/flags/us-en.png); }
.flag-ru { background-image: url(/_cms/design13/flags/ru.png); }
.flag-cn { background-image: url(/_cms/design13/flags/cn.png); }
.flag-es { background-image: url(/_cms/design13/flags/es.png); }
.flag-de { background-image: url(/_cms/design13/flags/de.png); }
.flag-ko { background-image: url(/_cms/design13/flags/ko.png); }
.flag-fr { background-image: url(/_cms/design13/flags/fr.png); }
.flag-ja { background-image: url(/_cms/design13/flags/ja.png); }
.flag-pt { background-image: url(/_cms/design13/flags/pt.png); }
/* end of flags */


/* css patch for start page */

 div.box.white, div.box.lightgray, div.box.darkgray { overflow: hidden; padding:0; margin: 0 auto; } 
div.box.white,
div.box.darkgray,
div.box.lightgray { background: transparent; }
.start-steps { margin: 0 auto; width: auto; }  
.shadowbottom2 { margin-top: 0px; height: 0; background: none; clear: both; }
.step2cont { border: none; } 
.start-steps div.skin-box.new a.uselink {height: 35px !important; padding: 0 !important; cursor: default; background-color: transparent; text-align: center; } 
.start-steps div.skin-box.new:hover b.btn-3d {display: inline-block !important; zoom:1; *display:inline !important; margin-top: 5px; padding: 12px 15px; } 
.start-steps div.skin-box.new a.previewlink { height: 141px !important; } 

.step1 .steptitle, 
.step2 .steptitle { display: none; } 
/*.css-edit:before{ content: 'CSS'; top: 3px; left: 3px; z-index: 10000; position: absolute; zoom: 1; width: 24px; height: 24px; background: #de0b47; border-radius: 12px; font-size: 9px; color: #ffffff; font-weight: bold; line-height: 24px;
    background: -moz-linear-gradient( top, #f51111 0%, #de0b47); background: -webkit-gradient( linear, left top, left bottom, from(#f51111), to(#de0b47)); 
    border: 1px solid #730202; -moz-box-shadow: 0px 1px 3px rgba(255,255,255,0.5), inset 0px 0px 1px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 3px rgba(255,255,255,0.5), inset 0px 0px 1px rgba(255,255,255,1); box-shadow: 0px 1px 3px rgba(255,255,255,0.5), inset 0px 0px 1px rgba(255,255,255,1); text-shadow: 0px -1px 0px rgba(000,000,000,0.7); 
} */
.start-steps .box { padding: 0 !important; }
div.skin-box.new { text-align: center; font-size: 13px; width: 226px; height: 195px; display: inline-block; zoom:1; *display: inline; position: relative; margin: 2px 8px; } 
div.skin-box.new a { background: #B1B1B1; display:block; padding: 1px; text-decoration:none; color:#fff; cursor:pointer; height: 100%; height: 146px; line-height: 1.1em;    }
div.skin-box.new .tn { display: block; padding: 0; background: url(../images/skinbox-frame.png) no-repeat center top; height: 140px; position: relative; background: #000; }
.start-steps div.skin-box.new a.previewlink { height: 141px !important; padding-bottom: 0 !important; font-size:0; } 
div.box.white, div.box.lightgray, div.box.darkgray { margin:0; padding:0; width: auto; background: transparent; border: none; } 
.skin-responsive:after, .skin-cssmod:after, .skinThumb.responsive:after, .skinThumb.cssmod:after, .textTitle.responsive:after, .textTitle.cssmod:after, .ddChild .responsive:after, .ddChild .cssmod:after {
width: 40px; height: 40px; top: 3px; right: 3px; left: auto; 
}


div.skin-box.skin-preview {
    width: 200px;
    height: 165px !important;
}

div.skin-box.skin-preview  a{
    width: 198px;
    height: 119px;
    background: #B1B1B1;
    color: #000000 !important;
}

div.skin-box.skin-preview .tn {
    background: none;
    width: 200px;
    height: 120px !important;
    margin-bottom: 12px;
}

 div.skin-box.skin-preview a:hover{
    background: #29abe2;
}

div.skin-box.skin-preview  .tn img {
    width: 198px !important;
    height: 119px !important;
}



 span.altCount {position: absolute;right: -10px;left: auto;top: -15px;text-align: center;line-height: 36px;padding: 0;
font-size: 20px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;background: #FA0000;width: 36px;
height: 36px;z-index:9;  }
.start-steps .skin-responsive:after,.start-steps  .skin-cssmod:after,.start-steps .skinThumb.responsive:after, .start-steps .skinThumb.cssmod:after, .start-steps .textTitle.responsive:after, .start-steps .textTitle.cssmod:after,.start-steps  .ddChild .responsive:after,.start-steps  .ddChild .cssmod:after{
     left:3px;
  }
span.altCount:hover i { display: block; position: absolute; font-size: 14px; font-style: italic; font-weight: 600; background: #FFFFFF; border: 1px solid #9E9E9E; line-height: 1em; white-space: nowrap; padding: 4px 7px; border-radius: 1px; bottom: 100%; right: 0; margin-bottom: 3px; color: #3A4751; z-index: 2; box-shadow: 0 3px 6px rgba(0,0,50,.3); }
.start-steps .css-edit:before { display: none !important; }
div.skin-box a.skin-link{font-size:0;}

/* user info collector */
#bigBoxcollect_user_info { height: auto; max-height: 60%; overflow-y: auto;}
#bigBoxcollect_user_info .collect_user_info_container { margin: 1em 0; }
#bigBoxcollect_user_info .collect_user_info_container ul {list-style: none; display: block; padding: 0; margin: 1em 0; }
#bigBoxcollect_user_info .collect_user_info_container ul li { padding: 5px 7px; cursor: pointer }
#bigBoxcollect_user_info .collect_user_info_container ul li:hover { background: rgba(255,255,255,.1); }
#bigBoxcollect_user_info .collect_user_info_container ul li.active { background: #ffffff !important; cursor: default; color: #74BB8A; }
#bigBoxcollect_user_info .collect_user_info_container ul li.other.active { background: rgba(255, 255, 255, 0.14) !important; color: #fff; }
#bigBoxcollect_user_info .collect_user_info_container  h3 { font-size: 1em; line-height: 1.2em; color: #ffffff; font-weight: normal; text-transform: none; }
#bigBoxcollect_user_info .collect_user_info_container span { font-size: 1.2em; display:block;}
#bigBoxcollect_user_info textarea {height: 60px;display: block;width: 320px;margin: 0 auto; resize: none;}
#bigBoxcollect_user_info .collectBtn {padding: 5px 20px;font-size: 18px;}
#bigBoxcollect_user_info  input[type="radio"] {vertical-align:middle; margin-right: 15px; }
#bigBoxcollect_user_info .collectBtn.disabled{opacity: 0.5;}
#bigBoxcollect_user_info li  i{font-weight: normal;font-style: normal;}
#bigBoxcollect_user_info .botClose + span { text-transform: uppercase; font-weight: bold; font-size: 22px; background: #569166; padding: 3px 10px; border-radius: 2px; box-shadow: 5px 5px 1px #65B085; margin-left: -5px }
body.bigBoxcollect_user_info #divMiniIcons {bottom:425px;}
body.bigBoxcollect_user_info  div#divbigBoxes > div {height: 398px;}



.alternatives .cssselectblock { display: none; }

/* ############################################################################################################################################################ */
/* Mobile */
/* ############################################################################################################################################################ */
/* ############################################################################################################################################################ */
/* ############################################################################################################################################################ */
@media screen and (max-width: 700px) {
    body { line-height: normal; }
    #container { box-sizing: border-box !important; width: 100% !important; padding: 15px !important; }
    .buttons .iPhoneBtn,
    .buttons .desktopBtn,
    #zenbox_tab,
    #right { display: none !important; }
    #cont { width: auto !important; max-width: 100% !important; padding: 10px !important; border: none; } 
    div.box { padding: 0; text-align: center; }
    .steps > .icon { min-width: 170px; }
    ol.landpage { margin-left:0; }
    .inner-info ol li { margin-left: 0; }
    .content-container img { max-width: 100%; height: auto; }
    .othercms ul { width: auto; }
    .othercms ul li { display: block; width: auto; }
    .stepsdesc > .step > div { float: none !important; width: auto !important; }
    .stepsdesc > .step > b { margin-bottom: 0; }
    div.skin-box { float: none; }
    .justify { text-align: center; }
    .whybox > div > div {display: block; width: auto; float: none;}
    div.skin-box.skin-preview { height: auto !important; }
    #previewWindow { max-width: 100% !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; padding: 5px !important; left: 0 !important; margin: 0 !important; position: fixed !important; top: 0 !important; width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; border-radius: 0 !important; }
    #previewWindow .skin_name { position: relative; z-index: 1; }
    .previewContainer { margin: 0 auto; max-width: 100%; }
    .desktop #iframeWrapper { max-width: 100%; }
    .previewContainer .toolbar { margin-bottom: 40px !important; height: 60px; }
    .previewContainer .toolbar .logo,
    .previewContainer .toolbar .buttons { display: none !important }
    .previewContainer .toolbar > * { vertical-align: middle; display: inline-block; position: static; margin: 10px; }
    .gallerydemo > div { max-width: 100%; }
    /*div#cont br { display: none; }*/
    .start-steps div.skin-box.new .previewlink .tn > i { display: block !important; }
    .start-steps div.skin-box.new b.btn-3d {display: inline-block !important; zoom: 1; margin-top: 5px;   padding: 5px 20px !important; }
    .simulatorContainer .simulator { background: none !important; padding: 0 !important; position: static !important; width: auto !important; margin: 0 !important; height: auto !important; }
    .alternatives .cssselectblock { display: block; }
    .alternatives .cssselectblock select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: .4em .6em; font-size: 1.8em; border: 3px solid #3390C5; margin-top: 1em; color: #3390c5; }
    .alternatives .cssbuttonsblock { display: none; }
    
    div.skin-box.skin-preview .tn img { width: 128px !important; height: 80px !important; }
    div.skin-box.skin-preview .tn { width: 130px; height: 80px !important; }
    div.skin-box.skin-preview a {width: 130px; height: 80px; }
    div.skin-box.skin-preview { width: 130px; }

    .step1 { display: none; }
    .step1.mobDropdown { display: block !important; }
    .step1.mobDropdown select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: .4em .6em; font-size: 1.8em; border: 3px solid #3390C5; margin-top: 1em; color: #3390c5; }
    .stepsList li a, .stepsList li { width: 17%; }
    span.seofriendlyTooltip { left: 50%; margin-left: -10px; }
    .stepsList li a, .stepsList li { vertical-align: top; }
    .stepsList li i {display: block; position: absolute; border-top: 1px solid; width: 100%; top: 16px; left: -50%; z-index: -1; margin-left: 0; }

	/* upload page */
	.items-grid { width: auto !important; }
	.item-block { max-width: 100%; }
	.items-grid .item-data { width: auto; }
	.item-block th { float: none !important; width: 32%; }
	.item-block .filename { text-overflow: ellipsis; width: 100%; }
	.item-block .saving { display: block; margin: 10px 0; position: static !important; }
	.item-data table { table-layout: fixed; width: 100%; }
	.item-data textarea,
	.item-data input { max-width: 90%; }

	.leftAreaPanel { width: 100% !important; width: auto !important; float: none !important; }
	.install-box { max-width: 100%; }
	.install-box textarea { max-width: 92%; }



	/*Wizard pages*/
    html {overflow-x: hidden;}
    .appnav {display: none;}
    .btnpanel.fixed { width: 100% !important; margin: 0; padding: 10px 5px; left: 0; top: 0; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .button.LearnMore, input[type="button"].btn-3d, span.button > a, .btn-3d { padding-right: 10px !important; padding-left: 10px !important; min-width: 40px; }
    .button .icon24 { display: none; }
    .featuresBox > .tab { width: auto !important; max-width: none; }
    .featuresBox > .tab > div { display: block; width: auto; max-width: none; margin: 1em auto; padding: 0; border: none; }
    .argumentGroup { padding: 5px 0 20px 0 !important; border-bottom: 1px solid #ccc; }
    .boxTitle { font-size: 1.3em; text-align: left !important; }
    .argumentGroup .argumentName { text-align: left !important; }
    .argumentGroup .argumentValue { float: right; }
    .btnpanel:after,
    .argumentGroup:after { content: ''; clear: both; display: block; }
    a.top { position: fixed !important; top: 100% !important; left: 100% !important; }
    .featuresTab { margin: auto; }
    .featuresTab .tabSelector,
    .featuresTab .tabHead { display: none !important; }
    .featuresTab .selectHead {display: block !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: .4em .6em; font-size: 1.8em; border: 3px solid #3390C5; margin-top: 1em; color: #3390c5;}
    h1, h2, h3 { margin: 1em auto; }


}
 .exit-mcc > a {text-overflow: ellipsis;overflow: hidden;}

.activeInternalMessages #intercom-container #intercom-launcher {bottom:220px;}
.activeInternalMessages.minimizedInternal #intercom-container #intercom-launcher {bottom:100px;}

.mymenu a[href="/product-changes"]:after {
margin-left: 2px;
display: inline-block;
height: 8px;
width: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
background-color: #f00505;
content: '';
}
/*#bigBoxcollect_user_info  #botMinimizecollect_user_info, body.bigBoxcollect_user_info #intercom-container {display:none;}*/

.ace_editor { height: 600px; max-height: 100vh; font-size: 16px !important; width: 96vw; left: 50%; margin-left: -48vw; }
.ace_editor ~ div[style='font-size:xx-small;'] { margin-top: -30px; margin-bottom: -30px; }