/* START Left Menu */
#migration-guide .left-menu-fixed-widget {
    position: absolute;
    top: 25px;
}
/* END Left Menu */

/* START Global */
#migration-guide .top-menu-container {
    z-index: 100;
}

#migration-guide .v74-header::before {
    position: absolute;
    height: 245px;
    background: linear-gradient(to bottom,rgba(24,47,62,1) 0%,rgba(24,47,62,1) 20%,rgba(22,47,62,0) 100%);
}

#migration-guide .v74-header.top-menu-after-scroll::before {
    height: 75px;
}

#migration-guide .axi-2015-header-container .new-header-pic {
    top: 90px;
    z-index: 99;
}

#migration-guide .axi-2015-header-container {
    background: #1a2e34 url(/img/2019/migration-guide-bg.jpg) center top;
}

#migration-guide .line {
    position: absolute;
    top: 55px;
    left: 105px;
    width: 100%;
    height: 50px;
    background: url(/img/2019/migration-guide-line.svg) no-repeat;
}

#migration-guide .axi-2015-header-container .v74-header-banner h3 {
    max-width: 500px;
    margin: 70px auto 0;
    color: #fefefe;
}

#migration-guide h2 {
    margin: 28px 0;
}

#migration-guide p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
}

#migration-guide .copyright p {
    font-size: 13px;
    line-height: 20px;
}
/* END Global */

/* START About Guide */
#migration-guide .technical-support {
    width: 100%;
    margin-left: calc(50% - 400px);
    background: #f1f1f3;
}

html.dark #migration-guide .technical-support {
    background: #0a0c18;
}

#migration-guide .support-offer {
	display: table-cell;
	width: 225px;
	background: #e2e4e7;
	font-size: 16px;
	font-weight: 400;
	color: #3c427f;
}

html.dark #migration-guide .support-offer {
    background: #1a1c2b;
}

#migration-guide .support-offer p {
	padding: 20px 20px;
	font-size: 16px;
	font-weight: 700;
	color: #3c427f;
	text-align: left;
}

html.dark #migration-guide .support-offer p {
    color: #fff;
}

#migration-guide .support-quote {
	position: relative;
	display: table-cell;
	width: 500px;
}

#migration-guide .support-quote p {
	padding: 0px 20px 0 80px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #757e80;
	text-align: left;
}

#migration-guide .support-quote .quote::before {
    position: absolute;
    top: 55px;
    left: 30px;
    font-family: Georgia,italic;
    font-size: 6em;
    quotes: "\201C" "\201D";
    color: #757e80;
    content: open-quote;
}

#migration-guide .support-quote .name {
    display: block;
    padding: 0 20px 20px;
    color: #757e80;
    text-align: right;
}
/* END About Guide */

/* START About Automatic Migration */
#migration-guide .margin-bottom-p p {
    margin-bottom: 16px!important;
}

#migration-guide .diagram::before {
    position: absolute;
    top: -30px;
    right: calc(50% - 40px);
    width: 500px;
    height: 600px;
    background: url(../img/2019/migration-guide-diagram.png) left 0 top 0 no-repeat;
    background-size: contain;
    content: '';
}

html.dark #migration-guide .diagram::before {
    background-image: url(../img/2019/migration-guide-diagram-negative.png);
}

#migration-guide .diagram > div {
    top: 320px;
    left: 110px;
}

#migration-guide .content {
    display: table-cell;
    width: 50%;
    padding: 0 10px;
}

#migration-guide .content h3 {
    color: #0064b2;
}

html.dark #migration-guide .content h3 {
    color: #fff;
}

#migration-guide .notice {
    position: relative;
    margin: 15px 0;
    padding: 10px;
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 2px;
    font-size: 14px;
    color: #51514f;
    z-index: 9;
}

html.dark #migration-guide .notice {
    background: #0d1021;
    border-color: rgba(255, 255, 255, .2);;
}

#migration-guide .notice p {
    margin: 3px 0!important;
    padding: 0px 0 0 30px;
    color: #51514f;
}

html.dark #migration-guide .notice p {
    color: rgba(255, 255, 255, .68);
}

#migration-guide .notice::before {
    position: absolute;
    top: 7px;
    display: inline-block;
    width: 18px;
    height: 30px;
    background: url(../img/icon-infotip-i.svg) center center no-repeat;
    background-size: 18px 18px;
    content: '';
}
/* END About Automatic Migration */

/* START Consider */
#migration-guide .card .content ul {
    padding-left: 15px;
}

#migration-guide .card .content:first-of-type:last-of-type ul {
    padding-left: 0;
    margin-top: 0px;
}

#migration-guide .card ul li {
    padding: 10px 0px;
    box-sizing: border-box;
    border-radius: 2px;
    list-style-type: none;
    background: #ffffff;
}

html.dark #migration-guide .card ul li {
    background: #0d1021;
}

#migration-guide .card ul li:not(:last-child) {
    margin-bottom: 10px;
}

#migration-guide .card h5,
#migration-guide .webmail-users h5,
#migration-guide .webadmin-users h5,
#migration-guide .card-border[name^=faq] h5 {
	margin: 0;
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	color: #0064b2;
}

html.dark #migration-guide .card h5,
html.dark #migration-guide .webmail-users h5,
html.dark #migration-guide .webadmin-users h5,
html.dark #migration-guide .card-border[name^=faq] h5 {
    color: #fff;
}

#migration-guide .card-border ul li {
    padding: 20px;
    border: 1px solid #ebebeb;
}

html.dark #migration-guide .card-border ul li {
    border-color: rgba(255, 255, 255, .1);
}

#migration-guide .card-border ol {
	padding: 0 20px 6px 20px;
}

#migration-guide .card-border ol li {
	padding: 0;
	border: none;
	list-style-type: decimal;
	font-size: 16px;
	font-weight: 300;
}

#migration-guide .card-border ul li p,
#migration-guide .card-border a {
    font-size: 16px;
}

 #migration-guide .card-border h5 {
    position: relative;
    padding-bottom: 20px;
    font-weight: 300;
    color: #51514f;
}

#migration-guide #mainPart-inner #content .card-border ul li h5 + p {
    margin-top: 15px;
}

#migration-guide .card-border h5::before {
    position: absolute;
    left: -20px;
    bottom: 0;
    width: calc(100% + 40px);
    border-bottom: 1px solid #ebebeb;
    content: '';
}

html.dark #migration-guide .card-border h5::before {
    border-bottom-color: rgba(255, 255, 255, .1);
}
/* END Consider */

/* START Communication */
#migration-guide .webmail-users::before {
    position: absolute;
    top: 60px;
    width: 406px;
    height: 410px;
    background: url(../img/2016/lp/webmail-slide-breeze.png) left 0 top -28px no-repeat;
    background-size: auto 450px;
    border: 1px solid #ddd;
    border-radius: 3px;
    content: '';
}

html.dark #migration-guide .webmail-users::before {
    border-color: rgba(255, 255, 255, .2);
}

#migration-guide .webadmin-users::before {
    position: absolute;
    top: 60px;
    left: 55%;
    width: 406px;
    height: 410px;
    background: url(../img/2016/lp/wa-with-cli.png) left top -28px no-repeat;
    background-size: cover;
    border: 1px solid #ddd;
    border-radius: 3px;
    content: '';
}

html.dark #migration-guide .webadmin-users::before {
    border-color: rgba(255, 255, 255, .2);
}

#migration-guide .hspacer-300 {
    margin: 0 auto;
    width: 300px;
    height: 1px;
    background-color: #dbdde1;
}

html.dark #migration-guide .hspacer-300 {
    background-color: rgba(255, 255, 255, .15);
}

#migration-guide .cta {
    display: inline-flex;
    align-items: center;
    background: transparent;
    font-weight: 600 !important;
}
/* END Communication */

/**
 *
 * Media queries
 *
 **/

/* ----------- Smartphones ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 768px) {
    #migration-guide #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container {
        padding-bottom: 0;
    }

    #migration-guide .axi-2015-header-container .new-header-pic {
        top: 75px;
    }

    #migration-guide .left-menu-fixed-widget {
    	display: none;
    }

    #migration-guide .line {
        top: 58px;
    	left: 10px;
        width: calc(100% - 20px);
    }

    #migration-guide div[name^=about-guide],
    #migration-guide div[name^=video] {
        border-bottom: none;
    }

    #migration-guide div[name^=about-migration],
    #migration-guide div[name^=axigen-vs-kerio],
    #migration-guide div[name^=configuring],
    #migration-guide div[name^=faq] {
        left: -20px;
        right: -20px;
        width: calc(100% + 40px);
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    #migration-guide .axi-2015-header-container .v74-header-banner h3 {
    	margin-top: 16px;
    }

    #migration-guide .technical-support {
    	margin-left: 0px;
    }

    #migration-guide .support-offer,
    #migration-guide .support-quote {
    	display: block;
    	width: 100%;
    }

    #migration-guide .support-quote .quote::before {
    	top: 30px;
    }

    #migration-guide .diagram::before {
    	position: relative;
    	right: 0px;
    	display: block;
    	width: 100%;
    	height: 450px;
    }

    #migration-guide .webmail-users::before,
    #migration-guide .webadmin-users::before {
    	position: relative;
    	right: 0px;
    	left: 0px;
    	top: 0;
    	margin-bottom: 20px;
    	display: block;
    	width: 100%;
    	height: 250px;
    }

    #migration-guide .webadmin-users::before {
    	background-position-y: -16px;
    }

    #migration-guide .diagram > div {
    	top: -200px;
    	left: 50px;
    }

    #migration-guide .diagram h3 {
    	padding: 0 10px!important;
    	margin-top: 0;
    }

    #migration-guide .diagram p {
    	padding: 0 10px;
    }

    #migration-guide .content {
	    display: block;
	    width: 100%;
	    padding: 0 10px;
    }

    #migration-guide .planning h2 + p {
        padding-left: 10px;
        padding-right: 10px;
    }

    #migration-guide .card ul {
    	padding-left: 0!important;
    }

    #migration-guide video {
    	width: 100%;
    	height: 100%;
    }

    .padding-side-40-important {
    	padding: 0px!important;
    }

    .padding-bottom-80 {
    	padding-bottom: 20px!important;
    }

    .padding-top-40 {
    	padding-top: 20px!important;
    }
}

/* Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (orientation: portrait) {

}

/* Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (orientation: landscape) {
}


/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
}


/* ----------- Tablets ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px) {

}

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape) {
}
@charset "UTF-8";

@font-face {
  font-family: "axigen-sidebar-icons";
  src:url("/fonts/axigen-sidebar-icons.eot");
  src:url("/fonts/axigen-sidebar-icons.eot?#iefix") format("embedded-opentype"),
    url("/fonts/axigen-sidebar-icons.woff") format("woff"),
    url("/fonts/axigen-sidebar-icons.ttf") format("truetype"),
    url("/fonts/axigen-sidebar-icons.svg#sidebar-icons") format("svg");
  font-weight: normal;
  font-style: normal;

}

.sidebar-icon::before {
  font-family: "axigen-sidebar-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 32px;
}

.sidebar-icon-email::before {
  content: "\e000";
}

.sidebar-icon-calendar::before {
	content: "\e001";
	position: absolute;
	left: 15px;
	top: 8px;
}

.sidebar-icon-tasks::before {
  content: "\e002";
}

.sidebar-icon-notes::before {
  content: "\e003";
}

.sidebar-icon-contacts::before {
  content: "\e004";
}

.sidebar-icon-settings::before {
  content: "\e005";
}
/* START LEFT MENU FIXED WIDGET */
.left-menu-fixed-widget {
    position: fixed;
    top: 336px;
    left: 10px;
    display: table;
    margin: 0;
    width: auto !important;
    padding-left: 0;
    z-index: 15;
}

body.small-header .left-menu-fixed-widget {
    top: 236px;
}

.left-menu-fixed-widget .label {
    margin: 0;
    padding-left: 10px;
    background: #000014;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
}

html.dark .left-menu-fixed-widget .label {
    background: rgba(255, 255, 255, .92);
    color: #000;
}

.left-menu-fixed-widget .tabs-link {
    display: table-row;
    margin: 0;
    padding: 0;
    background: #fff;
}

html.dark .left-menu-fixed-widget .tabs-link {
    background: #0d1021;
}

.left-menu-fixed-widget .tabs-link a {
    height: 22px;
    border: 1px solid #dbdde1;
    border-bottom: none;
    border-radius: 0;
    font-size: 13px;
}

html.dark .left-menu-fixed-widget .tabs-link a {
    border-color: rgba(255, 255, 255, .15);
}

.left-menu-fixed-widget.padding-sides-10 .tabs-link a {
    padding: 3px 10px !important;
}

.left-menu-fixed-widget.left-aligned .tabs-link a {
    text-align: left;
}

.left-menu-fixed-widget .tabs-link:last-of-type a {
    border-bottom: 1px solid #dbdde1;
}

.left-menu-fixed-widget .tabs-link.ui-tabs-active a {
    border-color: #559eb9;
}

.left-menu-fixed-widget .tabs-link.tabs-link-ix a {
    text-transform: none;
}
/* END LEFT MENU FIXED WIDGET */

/* START MEDIA QUERIES */
@media screen
  and (max-height: 1000px)
  and (min-width: 1024px) {

}

@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 767px) {

    /* START LEFT MENU FIXED WIDGET */
    /* END LEFT MENU FIXED WIDGET */
 
}
/* END MEDIA QUERIES */