﻿
/*LAYOUT*/
html 
{
    height:100%; 
    background:#fff;
}

body {
    font-size: 0.85em;
    font-family: 'Segoe UI', Verdana, Helvetica, Sans-Serif;
    color:#333; 
    height:100%; 
    min-width:1180px

}

#body {min-height:100%}
.wrapper {width:1180px; margin:auto}
#header {position:relative; background:#fff} 
#footer {padding:90px 0; background:#353535; color:#b4b4b4}

/*HEADER*/
#header .logo {display:inline-block; margin-top:30px}
#header .search {float:right; margin-top:30px; height:27px; border:1px solid #b7b7b7}
#header .search input {height:100%; border:none; background:none}
#header .search input[type="text"] {width:250px; text-indent:8px; font-size:13px; color:#a0a0a0}
#header .search input[type="submit"] {width:30px; background:url(images/icon-search.png) no-repeat 50% 50%}
#header .exit { float:right; margin-top:30px; }
#header .exit a { cursor:pointer; width: 26px; height: 26px; background:url(images/exit_icon.png) no-repeat; display: inline-block; }
#header .exit a:hover { background-position: 0 -26px; }

h1, h2, h3, h4, .h1, .h2, .h3, .h4, .gallery p
{font-weight:normal; }

strong, .strong, .more,
.videos a, .download a, .bold
{font-weight:normal; }

/*PRE*/
input, select, textarea, table {vertical-align:middle; outline:none; appearance:none}
input[type="submit"] {
    min-width:105px; height:41px; background:#a5236f; border:none; color:#fff; cursor:pointer; margin-right:10px;
    text-transform: uppercase;
    border-radius: 5px;
}
input[type="button"] {
    min-width:105px; height:41px; background:#a5236f; border:none; color:#fff; cursor:pointer; margin-right:10px;
    text-transform: uppercase;
    border-radius: 5px;
}
a {color:inherit; text-decoration:none; outline:none}
a:hover {text-decoration:underline}
a.more {display:inline-block; width:136px; height:46px; line-height:46px; text-align:center; background:#ebbc00; color:#232323; text-decoration:none}
p {}
h1, .h1 {font-size:66px; margin-bottom:40px}
h2, .h2 {font-size:40px; margin-bottom:35px; color:#000}
h3, .h3 {font-size:30px; margin-bottom:30px}
h4, .h4 {font-size:24px; margin-bottom:25px; color:#000}
h1 + h3 {margin-top:-20px}
hr {display:block; padding:0; margin:50px 0; background:none; height:0; font-size:0; line-height:0; border:none; border-top:1px solid #ccc}


.left-aligned
{
    float:left;
}

.right-aligned
{
    float:right;
}

.clear-align
{
    float:none;
    clear:both;
}

.btns-bar
{
    padding: 20px 0px 20px 0px;
}

.btns-bar a.btn
{
    display:inline-block;
    vertical-align:middle; 
    text-align:center;
    outline:none;
    min-width:105px; 
    height:41px; 
    background:#a5236f; 
    border:none; 
    color:#fff; 
    cursor:pointer; 
    margin-right:10px;
    line-height: 41px;
    text-decoration:none;
    text-transform: uppercase;
    border-radius: 5px;
}

.btns-bar input[type=button]
{
    text-transform: uppercase;
    border-radius: 5px;
}

.btns-bar a.btn-inactive, .btns-bar input.btn-inactive
{
    background:#ABBCCB; 
}

.btns-bar a.btn-inactive:hover, .btns-bar input.btn-inactive:hover
{
    background:#a5236f; 
}

.btns-bar a.btn-active, .btns-bar input.btn-active
{
    background:#57B45D; 
}

/*NAV*/
#navc
{
    margin-top:20px;
    background-color:#E9EEF3;
}
#nav 
{
    margin:auto;
    width:1180px;
}
#nav li {float:left; margin-right:3px; line-height:46px}
#nav li > a {display:block; padding:0 17px; text-decoration:none; font-weight:600;}
#nav li > a:after {display:inline-block; content:""; width:9px; height:6px; margin-left:5px; background:url(/content/images/arrow-down.png) no-repeat}
#nav li > a.active {color:#ab1c6f}
#nav li:hover {background:#ebeaea}
#nav li:hover > a {color:inherit}
#nav li:hover .sub {display:block}

#nav li.single {margin-right:17px; background:none}
#nav li.single > a:after {display:none}
#nav li.single > a:hover {color:#ab1c6f}

#nav .sub {display:none; position:absolute; z-index:1; top:100%; left:0; right:0; padding:40px 0 45px; background:#ebeaea; box-shadow:0 5px 5px rgba(0,0,0,0.18)}
#nav .sub dl {float:left; line-height:33px}
#nav .sub dl + dl {margin-left:90px}
#nav .sub dd {font-size:13px}
#nav .sub a {color:#b01369}
/*#nav .sub a:visited {color:#838383}*/
#nav .sub a:hover {color:#d23e84}

/*FOOTER*/
#footer {}
#footer .section {float:left; width:330px; margin-right:90px}
#footer .section:last-child {float:right; margin:0}

#footer h4 {color:#ccc}
#footer p {line-height:26px}

#footer .social {margin-top:35px}
#footer .social a {float:left; margin-right:10px}

#footer .article {line-height:21px}
#footer .article + .article {margin-top:22px}
#footer .article .date {color:#828282; font-size:13px}
#footer .article a {display:block; color:#ca377c; font-size:13px}

#footer .subscribe {position:relative; margin:35px 111px 0 0; padding-right:12px; height:39px; border:1px solid #222; background:#282828}
#footer .subscribe input[type="text"] {width:100%; height:100%; float:left; text-indent:12px; color:#797979; width:100%; border:none; background:none}
#footer .subscribe input[type="submit"] {float:right; margin:-1px -124px 0 0}

.footer {padding:30px 0; margin:90px 0 -90px; background:#2a2a2a; color:#797979; font-size:13px}
.footer .aside {float:right}
.footer .copyright {float:left; line-height:30px}
.footer .copyright a {color:#c3c3c3}

/*CONTENT*/
.content {
    padding:50px 0;
    background:#fff;
}
/*.content:not(.gallery):nth-child(even) {background:#fff}*/

.content .img {display:block; max-width:750px; max-height:500px; position:relative; float:right; margin-left:50px}
.content .img img {max-width:100%; max-height:500px; display:block; margin:auto}
.content .img > a {display:block; cursor:default}
.content .img > a[href] {cursor:pointer}
.content .img.left {float:left; margin-left:0; margin-right:50px}
.content .img.video > a:after, .content a.img.video:after {position:absolute; content:""; top:50%; left:50%; width:116px; height:116px; margin:-58px 0 0 -58px; background:url('images/icon-video.png') no-repeat 50% 50%; cursor:pointer}
.content h1.img {width:475px; margin:-20px 0 0 160px; font-size:72px; line-height:normal}
.content h1.img + .richtext {margin-right:650px}
.content h1.img.left {margin:0; margin:-20px 175px 0 0}
.content h1.img.left + .richtext {margin:0; margin-left:650px}

.content-title
{
    font-size: 24px;
    color: #333;
    font-weight:normal;
    padding: 20px 5px 20px 5px;
}

.intro {}
.intro .img {margin-left:60px}
.intro .img.left {margin-right:60px}
.intro img {max-width:700px}
.intro h1, .intro .h1 {line-height:72px}
.intro p {font-size:16px; line-height:28px}
.intro .more {margin-top:40px}

.slider {}
.slider a {display:inline-block; width:16px; height:16px; border-radius:16px; margin-right:12px; font-size:0; background:#fff; vertical-align:middle; opacity:0.6}
.slider a.prev, .slider a.next {width:17px; height:28px; margin-right:20px; background:url('images/arrow-prev.png') no-repeat 0 0; background-color:transparent !important}
.slider a.next {margin-left:8px; background-image:url('images/arrow-next.png')}
.slider a:hover, .slider a.active {opacity:1}

.gallery {position:relative; padding:0; color:#fff; height:600px}
.gallery .wrapper {position:relative}
.gallery .img {margin-left:150px; margin-top:20px; width:auto !important; height:auto !important; max-width:650px}
.gallery .img.left {margin-right:150px}
.gallery h1, .gallery .h1 {line-height:normal}
.gallery p {font-size:22px; line-height:32px}

.gallery > .slide {position:absolute; top:0; bottom:0; left:0; right:0; padding:60px 0 0; background:#af2876 no-repeat 50% 50%; background-size:auto 100%}
.gallery > .slide:before {position:absolute; content:""; top:0; left:0; height:100%; width:100%; background:rgba(175,40,118,0.65)}
.gallery .slider {position:absolute; bottom:40px; left:50%; margin-left:-590px}

form .input { padding: 10px 0px; }
form .input .title { font-size: 16px;padding-bottom: 10px; }
form .input input[type="text"], form .input input[type="password"],
    form .input textarea { border: solid 1px #b7b7b7; width: 350px;font-size: 13px;height: 27px; text-indent: 8px; }
form .input textarea { height: 80px;padding-top: 2px; }
form .buttons input[type="submit"] { width: 105px; height: 41px; background: #a5236f; border: none; color: #fff; cursor: pointer; }

.sectionTitle { font-size: 18px; }
.sectionBody { padding: 10px 0px 10px 0px; }


.richtext {color:#000}
.richtext p {line-height:26px}
.richtext > * + * {margin-top:25px}
.richtext > * + p.note {margin-top:60px}
.richtext > * + h2 {margin-top:80px}
.richtext > ul + ul {margin-top:60px}

.richtext ul {line-height:24px; margin-bottom:-16px}
.richtext ul li {padding-left:16px; margin-bottom:16px; background:url('images/list-bullet.png') no-repeat 0 8px}
.richtext ul ul {margin-top:16px}



a.action-link { color: #ab1c6f; cursor: pointer; font-family: OpenSans; }
a.action-link:hover { color: #bf1e76; text-decoration: underline; }

table.list 
{ 
    width: 100%;
    border: 1px solid #D3DCE3;
}
table.list th 
{ 
    color: #000; 
    font-weight:bold;
    padding: 10px 10px 10px 10px;
    border: 1px solid #D3DCE3;
}

table.list td 
{ 
    padding: 5px 10px 5px 10px; 
    border: 1px solid #D3DCE3;
}

table.list tr:hover td
{
    background:#f2f2f2;    
}

/*VALIDATORS*/
.validation-summary-errors { padding: 10px 0px; }
.validation-summary-errors li { color: red; }
.field-validation-error { color: red; }

/*HELPER*/
.clearfix, .wrapper {min-height:1%}
.clearfix:after, .wrapper:after/*, .richtext ul:after*/ {display:block; height:0; line-height:0; font-size:0; clear:both; content:"."; visibility:hidden}
.footerfix {padding-bottom:550px}
.show {display:block}
.hide {display:none}
.error 
{
    color:#c00;
    /*border:1px solid #a5236f;*/
    background-color: #f5dbea;
    padding: 10px 20px 10px 20px;
    margin: 10px 20px 10px 20px;
}

.warning
{
    color:#c00;
    /*border:1px solid #a5236f;*/
    background-color: #f5dbea;
    padding: 10px 20px 10px 20px;
}

/* Contact Us */
.subTitle { font-family: OpenSansSemibold; padding: 5px 0; }

/* Order details */
.log-entry { padding: 2px 0;margin-top: 0;font-size: 13px; }
.log-date { display: inline-block;width: 170px; }
.log-severity { display: inline-block;width: 100px; }
.log-message {  }

.validation-text {    line-height: 26px; }
.validation-panel { margin-top: 15px; }

.ctx-msg
{        
    display: none;
    color:green;
    padding: 5px 5px 5px 5px;
}

.options-group
{
    padding: 10px 10px 10px 10px;
}

.options-group div
{
    padding: 3px 3px 3px 3px;
}

.profile-settings .content-title
{
    font-size: 16px;
    font-weight:600;
}

.profile-settings label
{
    color:#333!important;
    padding-left:5px;
    padding-bottom:5px;
    display:inline-block;
}

.profile-settings div.params-block
{
    padding: 20px 20px 20px 0px;
    border:none;
}

.profile-settings div.params-block .param
{
    padding: 5px 5px 5px 5px;
}

.profile-settings div.params-block .title
{
    display:inline-block;
    width:130px;
}

.profile-settings div.params-block input[type=text], input[type=password], .string-val, textarea
{
    width:300px;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
}

.cfg-block
{
    min-height: 150px;
    min-width: 500px;
    padding: 20px 20px 20px 20px;
    border: 1px solid #D3DCE3;
    margin-left:100px;
}

.cfg-block-title
{
    font-weight:bold;
    padding: 5px 5px 15px 5px;
}

.cfg-day
{
    padding: 5px 5px 5px 5px;
}

div.cfg-day > label
{
    min-width: 100px;
    display: inline-block;
}

.opt-block
{
    display: inline-block;
    vertical-align:top;
}

.hint
{
    color: gray;
    font-size: small;
}

ul.node
{
    padding-left: 40px;
}

li.sub-node
{
    padding-left: 40px;
}

.params-block label
{
    color:#ABBCCB;
    padding-left:5px;
    padding-bottom:5px;
    display:inline-block;
}

div.params-block
{
    padding: 20px 20px 20px 20px;
    border: 1px solid #D3DCE3;
}

div.params-block .param
{
    padding: 5px 5px 5px 5px;
}

div.params-block .title
{
    display:inline-block;
}

div.params-block input[type=text], input[type=password], .string-val, textarea
{
    width:300px;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
}


.data-block
{
    padding: 20px 20px 20px 20px;
    border: 1px solid #D3DCE3;
}

.data-block div
{
    padding: 5px 5px 5px 5px;
}

.data-block div label
{
    color:#ABBCCB;
    text-align:right;
    width:120px;
    display:inline-block;
}

.data-block div span
{
    padding-left:10px;
}


div.data-block .param div
{
    display:inline-block;
}

div.data-block input[type=text], input[type=password], .string-val, textarea
{
    width:300px;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
}


.cntnt-option
{
    padding: 5px 5px 5px 5px;
}

.cntnt-option-block
{
    padding: 15px 5px 15px 5px;
}

.profile-section-title
{
    padding: 10px 5px 10px 5px;
}

div.progress
{
    display:inline-block;
    vertical-align:middle;
    border: 1px solid #ebeaea;
    padding: 2px 1px 1px 1px;
    width:150px;
    height:7px;
}

div.progress div
{
    vertical-align:middle;
    background-color: #ca4a95;
    height:5px;
}

div.progress-container span
{
    padding-left: 5px;
    display:inline-block;
    font-size: 10px;
    color: #797979;
}

.node-header
{
    padding: 5px 5px 5px 5px;
    font-weight:bold;
}

.dd-btn
{
    color:#a5236f;
    font-size: 80%;
    display:inline-block;
    padding-left:5px;
}

.dd-btn:hover {
    text-decoration: none;
}

ul.backup-items-list
{
    border-bottom: 1px solid #D3DCE3;
    border-top: 1px solid #D3DCE3;
    margin-left:130px;
}

.summary-title
{
    padding: 5px 5px 5px 5px;
}

.summary-elem
{
    padding: 5px 5px 5px 5px;
}

.summary-elem .s-title
{
    display:inline-block;
    float:left;
    color:#ABBCCB;
}

.summary-elem .s-status
{
    display:inline-block;
    float:right;
    color:#ABBCCB;    
    padding-left:20px;
}

.cntnt-option-val
{
    padding: 5px 5px 5px 30px;
}

.cntnt-option-val label
{
    padding-left: 5px;
}


.status-complete
{
    color:#57B45D;
}

.status-error
{
    color:red;
}

.loading-list-msg
{
    display:inline-block;
    padding-left:10px;
    font-size:80%;
    font-style:italic;
}

.loading-list-msg span
{
    padding-left:5px;
}

.load-list-btn
{
    display:inline-block;
    padding-left:10px;
}

.time-param
{
    display:inline-block;
    padding-left:20px;
}

.total-size
{
    padding: 20px 5px 20px 5px;
    float:right
}

.total-size span
{
    padding: 0px 0px 0px 20px;
    font-weight:bold;
}

.proj-list
{
    padding-top: 10px;
    padding-left: 70px;
    padding-bottom: 10px;
    max-height: 500px;
    overflow: auto;
}

.proj-list-item{
   padding: 3px 3px 3px 3px;
}

.proj-list-item:hover{
   background-color:#f2f2f2;
}

.proj-list-item div
{
    display: inline-block;
}

.deleted
{
    color: lightgray;
}

.select-bar
{
    font-size: 80%;
    padding-top: 10px;
    padding-left: 90px;
}

.sites-list
{
    padding-top: 10px;
    padding-left: 70px;
    padding-bottom: 10px;
    max-height: 500px;
    overflow: auto;
}

.site-list-item{
   padding: 3px 3px 3px 3px;
}

.site-list-item:hover{
   background-color:#f2f2f2;
}

.site-list-item div
{
    display: inline-block;
}

.site-list-item .site-url
{
    color: #b2b2b2;
    font-size: 80%;
    font-style:italic;
}

.site-list-item .site-url:hover
{
    color: #333;
}


.css3 {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6ac0f), to(#d36016));
  background: -webkit-linear-gradient(top, #f6ac0f, #d36016);
  background: -moz-linear-gradient(top, #f6ac0f, #d36016);
  background: -ms-linear-gradient(top, #f6ac0f, #d36016);
  background: -o-linear-gradient(top, #f6ac0f, #d36016);
  border-radius:0.5em; -webkit-border-radius:0.5em; -moz-border-radius:0.5em; -ms-border-radius:0.5em; -o-border-radius:0.5em;
  box-shadow:inset 0 0 0.05em #fff; -webkit-box-shadow:inset 0 0 0.05em #fff; -moz-box-shadow:inset 0 0 0.05em #fff; -ms-box-shadow:inset 0 0 0.05em #fff; -o-box-shadow:inset 0 0 0.05em #fff;
  text-shadow:0 -1px 1px #000;
  background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%; -o-background-size:100% 100%; /*cover;contain*/
  background: rgba(255,255,255,0.5);
  opacity: 0.5;
}

/*SCREEN*/
@media only screen and (min-width:1080px) and (min-height:1920px) {
  html, html * {cursor:none !important}
}












/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */