@font-face{font-family:'open_sans_light';font-weight:200;font-style:normal;src:url(https://my.conceptdraw.com/styles/fonts/OpenSans-Light-webfont.eot);src:url(https://my.conceptdraw.com/styles/fonts/OpenSans-Light-webfont.eot?#iefix) format("embedded-opentype"),url(https://my.conceptdraw.com/styles/fonts/OpenSans-Light-webfont.woff) format("woff"),url(https://my.conceptdraw.com/styles/fonts/OpenSans-Light-webfont.ttf) format("truetype"),url(https://my.conceptdraw.com/styles/fonts/OpenSans-Light-webfont.svg#open_sansLight) format("svg")}
@font-face{font-family:'open_sans_regular';font-weight:400;font-style:normal;src:url(https://my.conceptdraw.com/styles/fonts/OpenSans-Regular-webfont.eot);src:url(https://my.conceptdraw.com/styles/fonts/OpenSans-Regular-webfont.eot?#iefix) format("embedded-opentype"),url(https://my.conceptdraw.com/styles/fonts/OpenSans-Regular-webfont.woff) format("woff"),url(https://my.conceptdraw.com/styles/fonts/OpenSans-Regular-webfont.ttf) format("truetype"),url(https://my.conceptdraw.com/styles/fonts/OpenSans-Regular-webfont.svg#open_sansregular) format("svg")}
@font-face{font-family:'open_sans_semibold';font-weight:600;font-style:normal;src:url(https://my.conceptdraw.com/styles/fonts/OpenSans-Semibold-webfont.eot);src:url(https://my.conceptdraw.com/styles/fonts/OpenSans-Semibold-webfont.eot?#iefix) format("embedded-opentype"),url(https://my.conceptdraw.com/styles/fonts/OpenSans-Semibold-webfont.woff) format("woff"),url(https://my.conceptdraw.com/styles/fonts/OpenSans-Semibold-webfont.ttf) format("truetype"),url(https://my.conceptdraw.com/styles/fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold) format("svg")}
@font-face{font-family:'open_sans_bold';font-weight:600;font-style:normal;src:url(https://my.conceptdraw.com/styles/fonts/OpenSans-Bold-webfont.eot);src:url(https://my.conceptdraw.com/styles/fonts/OpenSans-Bold-webfont.eot?#iefix) format("embedded-opentype"),url(https://my.conceptdraw.com/styles/fonts/OpenSans-Bold-webfont.woff) format("woff"),url(https://my.conceptdraw.com/styles/fonts/OpenSans-Bold-webfont.ttf) format("truetype"),url(https://my.conceptdraw.com/styles/fonts/OpenSans-Bold-webfont.svg#open_sansBold) format("svg")}
html,body{height:100%}
body{font-size:16px;line-height:24px;font-family:open_sans_regular,'Open Sans',"Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;padding:0;margin:0;background:#fff;width:100%}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
div.menu{font-size:10px;position:relative;width:100%;height:40px;border-bottom:1px solid silver;background-color:#fff}
div.menu *,.menu-full *,.profile *{font-family:open_sans_regular,'Open Sans',Arial,'Helvetica Neue',Helvetica,sans-serif;text-decoration:none}
.menu,.menu div,.menu-full,.menu-full div,.profile,.profile div{float:none}
.menu-full>.left>.row>.col a{font-family:open_sans_light,'Open Sans','Helvetica Neue',Arial,sans-serif}
.menu a,.menu-full a,.profile a{border-bottom:none 0}
.menu>.menu-left,.menu>.menu-center,.menu>.menu-right{font-size:14px;line-height:40px;position:absolute;display:inline-block}
.menu>.menu-left{z-index:100000000;right:auto;left:0;text-align:left}
.menu>.menu-center{z-index:50000000;right:0;left:0;margin-right:auto;margin-left:auto;text-align:center}
.menu>.menu-right{z-index:100000000;right:0;left:auto;text-align:right}
.menu>.menu-left a,.menu>.menu-center a,.menu>.menu-right a{margin:2em}
.menu>.menu-left>.logo>a,.menu>.menu-right a{color:#e8594d}
.menu>.menu-left>.logo>a:hover{text-decoration:none}
.menu>.menu-left>.logo>a,.menu>.menu-right a{font-family:open_sans_semibold,open_sans_regular,open_sans,'Open Sans',sans-serif}
.menu>.menu-center>a:nth-last-child(2){margin-left:.75em}
/* .menu>.menu-center>a:last-child{font-size:13px;line-height:2;width:110px;height:28px;padding:0;color:#84a5d7;border:1px #84a5d7 solid;border-radius:6px}*/
.menu>.menu-center>a{line-height:32px;display:inline-block;box-sizing:border-box;width:100px;height:40px;margin:0 2em;color:#4a4a4a;border-top:4px solid transparent}
/* .menu>.menu-center>a:hover:not(:last-child){text-decoration:none;border-top:4px solid #e8594d}
 .menu>.menu-center>a:last-child:hover{color:#6b6b6b;border:1px solid #6b6b6b} */
.menu>.menu-center>a:hover{text-decoration:none;border-top:4px solid #e8594d}
.menu-center .selected{border-top:4px solid #e8594d!important}
.menu>.menu-right div.signin,.menu>.menu-right>.username{float:right}
.menu>.menu-right>.username{width:240px;text-overflow:ellipsis}
.menu>.menu-right>.username>a{font-family:open_sans_regular,open_sans,'Open Sans',sans-serif;line-height:40px;position:relative;display:block;overflow:hidden;width:200px;height:40px;margin:0;padding:0 20px;cursor:pointer;text-align:center;white-space:nowrap;text-decoration:none;text-overflow:ellipsis;-webkit-background-size:20px auto;background-size:20px auto}
.menu>.menu-right>.username>a>img{display:inline-block;width:15px;margin:0;margin-right:1.5em;padding:0;vertical-align:text-top}
.menu>.menu-right.active>.username>a{width:350px;background-color:#d8d8d8}
.menu>.menu-right.active{position:fixed;z-index:900000001}
.menu>.menu-right.active .username{width:auto}
.menu>.menu-right.active>.username>a>.close{display:block}
.menu>.menu-right>.username>a>.close{position:absolute;top:0;right:.5em;bottom:0;left:auto;display:none;width:32px;height:32px;margin:auto;cursor:pointer;background:url(/include_2015/imgs/CloseGrey.png) no-repeat center;background-size:20px}
.menu>.menu-left>.burger{display:inline-block;float:left;width:40px;height:40px;margin-left:10px;cursor:pointer;text-align:center}
.menu>.menu-left>.burger>svg{margin-top:13px}
.menu>.menu-left>.logo{display:inline-block}
@media only screen and (max-width:1350px) {
    .menu>.menu-right>.username{width:190px}
    .menu>.menu-right>.username>a{width:150px}
}
@media only screen and (max-width:1750px) {
    .menu>.menu-center>a: last-child{width:125px}
    .menu>.menu-center>a{width:auto;margin:0;padding:0 1.5em}
}
@media only screen and (max-width:1350px) {
    .menu>.menu-center{right:auto;left:30%}
}
@media only screen and (max-width:1205px) {
    .menu>.menu-center{right:auto;left:20%}
}
@media only screen and (max-width:1055px) {
    .menu>.menu-center{display:none}
}
@media only screen and (max-width:570px) {
    .menu-full>.left>.row>.col>.title,.menu-full>.left>.row>.col>.title a{margin-top:24px}
}
@media only screen and (max-width:400px) {
    .menu>.menu-right>.username>a{font-size:0;width:90%;padding:0;text-align:right;vertical-align:middle;color:transparent;background-position:center}
    .menu>.menu-right>.username>a>img{vertical-align:middle}
}
@media only screen and (max-width:200px) {
    .menu>.menu-left>.logo{display:none}
}
.menu-full{font-size:10px;position:fixed;z-index:900000000;top:0;right:0;bottom:auto;left:0;display:none;overflow:auto;height:100vh;background-color:rgba(86,86,86,.95)}
.menu-full>.top{margin-bottom:2em}
.menu-full>.top>.logo>a{font-family:open_sans_semibold,open_sans,'Open Sans',sans-serif;font-size:14px;line-height:32px;color:#fff}
.menu-full>.top>.logo>a:hover{text-decoration:none}
.menu-full>.top>*{display:inline-block;margin-top:4px;margin-bottom:4px}
.menu-full>.top>.close{float:left;width:32px;height:32px;margin-right:2.25em;margin-left:1.5em;cursor:pointer;background:url(/include_2015/imgs/Close.png) no-repeat center;background-size:20px}
.menu-full>.left{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:70%;width:calc(75% - 2em);padding-left:2em}
.menu-full>.left>.row{display:block;margin-bottom:6em}
.menu-full>.left>.row>.col{display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:24%;padding-left:5em;vertical-align:top}
.menu-full>.left>.row>.col a{font-size:14px;line-height:2.4;display:inline-block;padding:.15em 0;color:#fff}
.menu-full>.left>.row>.col a:hover{text-decoration:none}
.menu-full>.left>.row>.col>.item{position:relative;display:list-item;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:auto;margin-bottom:0;list-style:none;border-bottom:1px solid #acacac}
.menu-full>.left>.row>.col>.item:first-child{border-bottom:0}
.menu-full>.left>.row>.col>.item:hover::after{position:absolute;top:auto;right:0;bottom:0;left:0;content:'';border-bottom:6px solid #acacac}
.menu-full>.left>.row>.col>.title,.menu-full>.left>.row>.col>.title a{font-family:open_sans_regular,open_sans,'Open Sans',sans-serif;font-size:18px;line-height:36px;width:auto;margin-bottom:24px;padding:0;cursor:default;color:#fff}
.menu-full>.left>.row>.col>.title a{line-height:24px;margin-bottom:0;border-bottom:1px solid transparent}
.menu-full{vertical-align:top}
.menu-full>.right{display:inline-block;float:none!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:25%;height:75%;height:calc(100% - 120px);max-height:859px;padding-top:0;padding-left:5%;vertical-align:top;border-left:1px solid #acacac}
.menu-full>.right .title,.menu-full>.right .top{line-height:18px;width:auto;margin-bottom:0;padding:0}
.menu-full>.right .title a{font-family:open_sans_regular,'Open Sans',Arial,'Helvetica Neue',Helvetica,sans-serif;font-size:18px;line-height:48px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:48px;padding-right:.2em;color:#fff}
.menu-full>.right .title a:hover,.menu-full>.left>.row>.col>.title a:hover{cursor:pointer;text-decoration:none;border-bottom:1px solid #acacac}
@media only screen and (max-width:1024px) {
    .menu-full>.left>.row>.col a{line-height:1.45;padding:.65em 0}
}
@media only screen and (max-width:1000px) {
    .menu-full>.left>.row>.col{width:49%;margin-bottom:2em}
}
@media only screen and (max-width:600px) {
    .menu-full>.left>.row>.col{width:100%;margin-bottom:2em}
}
@media only screen and (max-width:550px) {
    .menu-full>.top>.logo{display:none}
}
@media only screen and (max-width:500px) {
    .menu-full>.left,.menu-full>.right{display:block;float:none}
    .menu-full>.right{width:100%;padding-left:7em;border-left:0}
}
input:required{outline:0}
.main{width:360px;min-height:calc(100vh - 196px);margin:4em auto;box-sizing:border-box}
.main h1,.main h3{font-weight:400;text-align:center}
.main h3{color:#e8594d;font-size:1.125rem}
form[name='form_login']{margin:2em 0 3em}
.sign_error_login+form[name='form_login']{margin-top:0}
form ul{margin:0;padding:0;width:100%}
form li{margin:10px 0 0;list-style:none;display:inline-block;width:360px}
#join_us_list form li{margin:1em 0;}
form.form_restore li{margin:0}
input[type='tel'],input[type='password'],input[type='email'],input[type='text'],#form_login select,#join_us_list select,#form_login option,#join_us_list option{font-size:1em;font-family:open_sans_regular,open_sans,'Open Sans',sans-serif;width:100%;height:36px;padding-left:.5em;border-radius:3px;border:1px #e0e0e0 solid;box-sizing:border-box}
input:read-only{color:#545454;background-color:#ebebe4}
#form_login select,#join_us_list select{background:#e9e9e9}
#form_login option,#join_us_list option{vertical-align:middle;font-size:smaller;text-overflow:ellipsis;height:auto;background:#FFF;border:0}
input::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder{color:#8d8d8d;opacity:1;transition:opacity .3s ease}
input::-moz-placeholder,input[type=email]::-moz-placeholder{color:#8d8d8d;opacity:1;transition:opacity .3s ease}
input:-moz-placeholder,input[type=email]:-moz-placeholder{color:#8d8d8d;opacity:1;transition:opacity .3s ease}
input:-ms-input-placeholder,input[type=email]:-ms-input-placeholder{color:#8d8d8d;opacity:1;transition:opacity .3s ease}
input:focus::-webkit-input-placeholder,input[type=email]:focus::-webkit-input-placeholder{opacity:0;transition:opacity .3s ease}
input:focus::-moz-placeholder,input[type=email]:focus::-moz-placeholder{opacity:0;transition:opacity .3s ease}
input:focus:-moz-placeholder,input[type=email]:focus:-moz-placeholder{opacity:0;transition:opacity .3s ease}
input:focus:-ms-input-placeholder,input[type=email]:focus:-ms-input-placeholder{opacity:0;transition:opacity .3s ease}
form#form_login #forgot_pass{font-size:.75em;text-align:right}
.sign_error a,#forgot_pass a,.message_block a{color:#51c5fd;text-decoration:none}
#sign_up,form[name='login_restore'] .button,#get_trial .button{width:100%;text-align:center;height:36px;background:#51c5fd;line-height:2.4;border-radius:3px;margin-top:2em;border:0;font-family:open_sans_regular,'Open Sans',Arial,sans-serif}
#submit_button:hover{cursor:pointer}
#get_trial .button,form[name='login_restore'] .button,#submit_button .button,#profile_edit .button,#sign_up{text-decoration:none;letter-spacing:1px;color:#FFF;border-bottom:0;font-size:.85em;text-transform:uppercase;font-weight:600;display:inline-block;width:100%}
.button{-webkit-appearance:none}
#get_trial .button{width:360px;margin-bottom:2em;line-height:2.65}
#join_us,#user_block{text-align:center;font-size:13px;color:#7f7f7f;margin-top:1.5em}
#join_us a,#user_block a{display:block;text-decoration:none;border:0;text-transform:uppercase;font-weight:600;color:#51c5fd}
#user_block a{display:inline;text-transform:none}
.sign_error{position:relative;left:105%;width:350px;color:#e8594d;font-size:12px!important;padding-top:0;margin:0;line-height:24px;top:30px;height:0}
.agree .sign_error{position:relative;top:0}
.sign_error_repass,.sign_error_login{top:7px}
.sign_error_login ~ input,.sign_error ~ input,#join_us_list .check_label span.sign_red,input.sign_red{border:1px #e8594d solid}
.form_restore{margin-bottom:.85em}
p.sign_red{text-align:center;color:#e8594d}
p.sign_black,.sign_black+ul{color:#4c4c4c;font-size:.85em;line-height:1.4}
p.sign_black span{font-weight:600}
.sign_black+ul{margin:0;list-style:none;padding:0}
.video_wrapper{text-align:center;margin-top:2em}
.video{width:1280px;height:720px;overflow:hidden;margin:0 auto}
.sign_red a,.login_content a{color:#51c5fd;text-decoration:none}
form[name='login_restore'] .label{color:#4c4c4c;font-size:12px;padding-bottom:1em}
form[name='login_restore'] .right{font-size:16px;font-family:open_sans_semibold,open_sans_regular,'Open Sans',"Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif}
form[name='login_restore'] .button{display:inline-block;width:115px;line-height:36px}
form[name='login_restore'] .save_pass{width:100%}
#profile_list p{text-align:center}
#join_us_list{margin-top:2em}
.check_label,#contact_info{font-size:13px;color:#7f7f7f}
#join_us_list label div.sign_red{color:#e8594d}
#join_us_list label div{font-size:16px;margin-bottom:.5em}
#join_us_list input[type='radio'],#join_us_list input[type='checkbox']{margin:0 .7rem;height:14px;vertical-align:middle}
.check_label a{text-decoration:none;color:#51c5fd}
#login_form label,#join_us_list label,#join_us_list label ~ span,form[name='form_login'] li label,form[name='login_restore'] li label{font-size:13px;display:inline-block;width:100%;color:#7f7f7f}
.standard_label,#join_us_list .standard_label{font-size:inherit;display:inline;color:inherit}
#sign_up:hover{cursor:pointer}
#join_us_list label.check_label_news{display:inline}
#join_us_list li span{text-align:right}
#get_trial{width:460px;text-align:center}
#get_trial h2{font-weight:400;font-family:open_sans_regular,'Open Sans',Arial,sans-serif}
#get_trial p span,.resellers h3,.resellers label{font-weight:600;font-family:open_sans_semibold,open_sans_regular,open_sans,'Open Sans',sans-serif}
.main.resellers{width:600px}
.resellers div{display:block;position:relative;margin:1em 0;line-height:2.15;font-size:14px}
.resellers .wrapper{margin:0;line-height:1.5;font-size:initial}
.resellers .wrapper h2,.resellers .wrapper h2+p{color:#505050}
.resellers img{float:right}
.resellers img+div{width:60%;border:1px transparent solid}
.resellers h3{text-align:left;font-size:larger;color:#8d8d8d}
.resellers h4{margin:1em 0 .65em}
.resellers a{text-decoration:none;color:#6794d6}
.resellers p.other{border-top:1px solid silver;border-bottom:1px solid silver;padding:2em 0;font-size:18px;margin:2.5em 0}
.resellers select{margin-left:2em;height:32px;width:235px;border-radius:3px;border:1px silver solid}
.count_ip .sign_error{top:6px}
a.glogin{border: 1px #e0e0e0 solid; border-radius: 3px; width:calc(99% - 20px);display: block;height: 36px;text-decoration: none;padding: 0 10px;}
a.glogin span{ background-image: url(/registration/src/G_Logo.png);background-size: 15px 15px;background-position: left center;background-repeat: no-repeat;color: #7f7f7f;font-weight: 600;font-size: .85em;line-height: 36px;display: block;}
@media only screen and (max-width:1115px) {
    .sign_error{left:0;top:4.15rem;width:90%;line-height:1.25}
    .label input[type='tel'],.label input[type='password'],.label input[type='email'],.label input[type='text']{margin-bottom:1em}
    .count_ip .sign_error,.sign_error_login{top:2.5rem}
    .agree .sign_error{top:3rem}
    .prod_int .sign_error{top:7.85rem}
}
@media only screen and (max-width:775px) {
    .main.resellers{width:75%}
}
@media only screen and (max-width:380px) {
    .check_label .sign_error{top:11.15rem}
    .check_label.gdpr{margin-bottom:3em}
}
@media only screen and (max-width:575px) {
    input[type='tel'],input[type='password'],input[type='email'],input[type='text'],#form_login select,#form_login option,#join_us_list option,#join_us_list select,form#form_login #forgot_pass{width:100%}
}
@media only screen and (max-width:500px) {
    .resellers img+div{width:100%;clear:both}
    .resellers img{display:none}
    .resellers select{margin-left:0}
}
@media only screen and (max-width:400px) {
    form li{width:100%}
    .main{width:90%}
    .main h1,.main h3{line-height:125%}
    .sign_error a{display:block}
    #profile_item_list li{margin:.35rem 0}
    a.glogin span{ font-size: .75em;}
}
@media only screen and (max-width:310px) {
    a.glogin span{ background-image: none);background-size: 0; }
}