
/*is-relation #00C099*/
/*is-management #692DFF*/
/*is-education #FF0077*/


body#product-page {-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;height:100%;margin:0;padding: 0;position: relative;}

#product-page .educloud html, #product-page .educloud body, #product-page .educloud span:not(.checkmark), #product-page .educloud applet, #product-page .educloud object, #product-page .educloud iframe,
#product-page .educloud h1, #product-page .educloud h2, #product-page .educloud h3, #product-page .educloud h4, #product-page .educloud h5, #product-page .educloud h6, #product-page .educloud blockquote, #product-page .educloud pre,
#product-page .educloud a, #product-page .educloud abbr, #product-page .educloud acronym, #product-page .educloud address, #product-page .educloud big, #product-page .educloud cite, #product-page .educloud code,
#product-page .educloud del, #product-page .educloud dfn, #product-page .educloud em, #product-page .educloud img, #product-page .educloud ins, #product-page .educloud kbd, #product-page .educloud q, #product-page .educloud s, #product-page .educloud samp,
#product-page .educloud small, #product-page .educloud strike, #product-page .educloud strong, #product-page .educloud sub, #product-page .educloud sup, #product-page .educloud tt, #product-page .educloud var,
#product-page .educloud b, #product-page .educloud u, #product-page .educloud i, #product-page .educloud center,
#product-page .educloud dl, #product-page .educloud dt, #product-page .educloud dd, #product-page .educloud ol, #product-page .educloud ul, #product-page .educloud li,
#product-page .educloud fieldset, #product-page .educloud form, #product-page .educloud label:not(.form-field__label), #product-page .educloud legend,
#product-page .educloud table, #product-page .educloud caption, #product-page .educloud tbody, #product-page .educloud tfoot, #product-page .educloud thead, #product-page .educloud tr, #product-page .educloud th, #product-page .educloud td,
#product-page .educloud article, #product-page .educloud aside, #product-page .educloud canvas, #product-page .educloud details, #product-page .educloud embed,
#product-page .educloud figure, #product-page .educloud figcaption, #product-page .educloud footer, #product-page .educloud header, #product-page .educloud hgroup,
#product-page .educloud menu, #product-page .educloud nav, #product-page .educloud output, #product-page .educloud ruby, #product-page .educloud section, #product-page .educloud summary,
#product-page .educloud time, #product-page .educloud mark, #product-page .educloud audio, #product-page .educloud video {
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-family: 'Roboto', sans-serif;
    color: #000000;
}

body#product-page {
    font-size: 14px;
}
#product-page #educloud-sidebar .list-group-item__label-content .icon-circle::before{font-size: 16px;}
/*#product-page *{margin: 0;}*/

#product-page .form-control{color:#000;}
#product-page .pcg-footer-copyright-links li a{font-size: 14px;}
#product-page .pcg-footer-copyright-links li {font-size: 10px;}
/*CATEGORY SWITCHER*/
/*is-relation #00C099*/

#product-page .is-relation .standard-button{background: #00C099;box-shadow: 10px 10px 24px #00C09933; border: none;}
#product-page .is-relation .standard-button:hover{box-shadow: 10px 10px 24px rgba(0, 192, 153, 0.51);}
#product-page .is-relation .default-list li:before{color: #09BE97;}
#product-page .is-relation .fifth-section .list-title:before{color: #00C099;}
#product-page .is-relation .fifth-section .default-list li:before{ color: #00C099;}
#product-page .is-relation .subtitle:before{background: #E0F9F4;}
#product-page .is-relation .first-section .standard-button:before{ content: url("/img/02_img/buttons_bg/bg-button-green.svg");}
/*is-management #692DFF*/
#product-page .is-management .standard-button{background: #692DFF;box-shadow: 10px 10px 24px #692DFF33;}
#product-page .is-management .standard-button:hover{box-shadow: 10px 10px 24px rgba(105, 45, 255, 0.31)}
#product-page .is-management .default-list li:before{color: #692DFF;}
#product-page .is-management .fifth-section .list-title:before{color: #692DFF;}
#product-page .is-management .fifth-section .default-list li:before{ color: #692DFF;}
#product-page .is-management .subtitle:before{background: #F1ECFF;}
#product-page .is-management .first-section .standard-button:before{ content: url("/img/02_img/buttons_bg/bg-button-violet.png");}
/*is-education #FF0077*/
#product-page .is-education .standard-button{background: #FF0077;box-shadow: 10px 10px 24px #FF007733;}
#product-page .is-education .standard-button:hover{box-shadow: 10px 10px 24px rgba(255, 0, 119, 0.31)}
#product-page .is-education .default-list li:before{color: #FF0077;}
#product-page .is-education .fifth-section .list-title:before{color: #FF0077;}
#product-page .is-education .fifth-section .default-list li:before{ color: #FF0077;}
#product-page .is-education .subtitle:before{background: #FFE5F1;}
#product-page .is-education .first-section .standard-button:before{ content: url("/img/02_img/buttons_bg/bg-button-pink.png");}

/*.educloud .container { max-width: 1170px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; height: 100%}*/

#product-page .educloud .header-wrapper{height: 70px; background: #A71D33;}
#product-page .educloud .header-logo-wrapper {height: 100%;white-space: nowrap;text-align: left; float: left;}
#product-page .educloud .helper {display: inline-block;height: 100%;vertical-align: middle;}
#product-page .educloud .header-logo-wrapper img {vertical-align: middle;max-height: 35px;max-width: 160px;}


/*NAVIGATION BAR*/
#product-page .pcg-news-wrapper .pcg-sidebar-block, .pcg-content-wrapper .pcg-sidebar-block{background: white;box-shadow: 0 5px 20px #00000014;border-radius: 24px;opacity: 1;}
#product-page .educloud .content-wrapper{width: 100%; float: left; }
#product-page .educloud .description{font-size: 14px; font-weight: initial; line-height: 24px;}

/* des fix: sidebar */
#product-page #educloud-sidebar .internal-pos:hover .internal-pos-link {color: black;font-weight: 400;text-decoration: none;}
#product-page #educloud-sidebar .internal-pos:hover{background-color: transparent;}
#product-page #educloud-sidebar .internal-pos.active {background: #F5F6FA;}
#product-page #educloud-sidebar .internal-pos.active .internal-pos-link {color: black;font-weight: 500;text-decoration: none;}

/*BUTTON*/
#product-page .educloud .standard-button{height: 50px; width: 246px;text-align: left;vertical-align: middle;border-radius: 25px; transition: all 0.3s ease-out; cursor: pointer; position: relative; text-decoration: none;padding: 0;}
#product-page .educloud .standard-button:after{content: '\e902';position: absolute; width: 7px;height: 11px;right: 26px; font-family: 'icomoon';top: 17px;color: white; transition: all 0.3s ease-out; font-size: 13px;}
#product-page .educloud .standard-button:hover:after{right: 24px;}
#product-page .educloud .standard-button p{color: white; font-family: 'Montserrat', sans-serif; line-height: 50px; text-transform: uppercase; font-weight: 600; font-size: 15px; padding-left: 30px;}
#product-page .educloud .standard-button a{text-decoration: none;}
#product-page .educloud .standard-button-wrapper{width: 100%; position: relative;}

#product-page .educloud .list-wrapper{position: relative;}

/*FIRST SECTION*/
#product-page .educloud .first-section{position: relative;}
#product-page .educloud .first-section .title{font-size: 30px; font-weight: bold; margin-top: 50px; color: black; line-height: 42px;}
#product-page .educloud .title-img-wrapper { padding-top: 20px;}
#product-page .educloud .title-img-wrapper img{ height: 50px;}
#product-page .educloud .ornament-img-wrapper{width: 250px; position: absolute; right: 55px; top: 150px}
#product-page .educloud .first-section .description{ max-width: 460px; margin-top: 40px; margin-bottom: 60px;}
#product-page .educloud .first-section .standard-button:before{ right: -30px; position: absolute; top:-30px;}

/*SUB TITLE*/
#product-page .educloud .subtitle{position: relative; z-index: 2; padding-top: 25px;}
#product-page .educloud .subtitle:before{content:''; height: 66px; width: 66px; border-radius: 33px; position: absolute;z-index: -1; left: -25px; top:8px;}

/*LIST*/
#product-page .educloud .default-list{list-style-type: none; line-height: 24px; margin-left: 0; position: relative; margin-top: 10px; margin-bottom: 50px; width: fit-content;padding-right: 20px;}
#product-page .educloud .default-list li{max-width: 336px; padding-left: 32px; padding-top: 30px;}
#product-page .educloud .default-list li:before{ font-family: 'icomoon'; content: '\e907';position: absolute;left: 0;width: 12px;height: 12px;}

/*LIST IMG*/
#product-page .educloud .list-image-right{right: -30px;max-width: 458px;z-index: 2;position: absolute;     top: 50%; transform: translate(0, -50%);}
#product-page .list-image-right:after{content: url("/img/02_img/screen/screen-replace-ornament-right.png"); position: absolute; right: 30px; top:-90px; width: 127px; height: 255px; z-index: -1;}
#product-page .educloud .list-image-left{left: -30px;max-width: 458px;z-index: 2;position: absolute;     top: 50%; transform: translate(0, -50%);}
#product-page .list-image-left:after{content: url("/img/02_img/screen/screen-replace-ornament-left.png"); position: absolute; left: 30px; top:-50px; width: 127px; height: 255px; z-index: -1;}

/* SECOND SECTION */
#product-page .educloud .second-section{margin-top: 70px;}
#product-page .educloud .second-section h2{ font-size: 22px; font-weight: bold; max-width: 340px; line-height: 32px;margin-bottom: 0;}
#product-page .educloud .second-section .standard-button-wrapper:before{ content: ''; right: 0; position: absolute; top:25px; height: 1px; width: calc(100% - 270px); background: #E7E8F0;}

/*THIRD SECTION*/
#product-page .educloud .third-section{margin-top: 70px;}
#product-page .educloud .third-section h2{ font-size: 22px; font-weight: bold; max-width: 360px; line-height: 32px;margin-bottom: 0;}
#product-page .educloud .third-section .subtitle{margin-left: auto;}
#product-page .educloud .third-section .default-list{margin-left: auto;}
#product-page .educloud .third-section .standard-button{margin-left: auto;margin-right: 110px;}
#product-page .educloud .third-section .standard-button-wrapper:before{ content: ''; left: 0; position: absolute; top:25px; height: 1px; width: calc(100% - 380px); background: #E7E8F0;}

/*FORTH_SECTION*/
#product-page .educloud .fourth-section{margin-top: 70px;}
#product-page .educloud .fourth-section h2{ font-size: 22px; font-weight: bold; max-width: 340px; line-height: 32px;margin-bottom: 0;}
#product-page .educloud .fourth-section .standard-button-wrapper:before{ content: ''; right: 0; position: absolute; top:25px; height: 1px; width: calc(100% - 270px); background: #E7E8F0;}

/*FIFTH SECTION*/
#product-page .educloud .fifth-section{margin-top: 100px;}
#product-page .educloud .fifth-section h2{ font-size: 22px; font-weight: bold; line-height: 32px;}
#product-page .educloud .fifth-section h2:after{content: ''; right: 0; position: absolute; bottom:15px; height: 1px; width: calc(100% - 220px); background: #E7E8F0;}

#product-page .educloud .everyone-profits-column{width: calc(100%/3); float: left;}
#product-page .educloud .fifth-section .everyone-profits-lists-wrapper{margin-top: 36px;display: flex;}
#product-page .educloud .fifth-section h3{ font-size: 18px; font-weight: bold; line-height: 32px; padding-left: 24px; position: relative;margin-bottom: 0;}
#product-page .educloud .fifth-section .list-title:before{font-family: 'icomoon'; content: '\e906';position: absolute;left: -4px;width: 14px;height: 28px; }
#product-page .educloud .fifth-section .default-list li:before{ font-family: 'icomoon'; content: '\e906';position: absolute;left: -3px;width: 6px;height: 12px; }
#product-page .educloud .fifth-section .default-list li{ padding-left:25px; padding-top: 30px; max-width: 232px;}
#product-page .educloud .first-section .default-list{ margin-left: 0;}

/*SIXTH SECTION*/
#product-page .educloud .sixth-section{margin-top: 50px;}
#product-page .educloud .sixth-section h2{ font-size: 22px; font-weight: bold; line-height: 32px;}
#product-page .educloud .sixth-section h2:after{content: ''; right: 0; position: absolute; bottom:15px; height: 1px; width: calc(100% - 380px); background: #E7E8F0;}
#product-page .educloud .sixth-section .switch-wrapper{margin-top: 50px;}
#product-page .educloud .sixth-section .switch-list{display: flex; cursor: pointer;}
#product-page .educloud .sixth-section .switch-list li{width: calc(100%/3);float:left; text-align: left; position: relative;list-style-type: none; line-height: 24px; padding-left: 52px; font-weight: bold; font-size: 20px; opacity: 0.4; transition: all 0.3s ease-out;}
#product-page .educloud .sixth-section .switch-list li:before{ font-family: 'icomoon'; content: '\e907';position: absolute;left: 0;width: 32px;height: 32px; font-size: 30px; font-weight: initial;}
#product-page .educloud .sixth-section .switch-list li.active{opacity: 1;}
#product-page .educloud .sixth-section .switch-list li:hover{opacity: 1;}
#product-page .educloud .sixth-section .switch-wrapper li:nth-child(1):before{color: #692DFF;}
#product-page .educloud .sixth-section .switch-wrapper li:nth-child(2):before{color: #00C099;}
#product-page .educloud .sixth-section .switch-wrapper li:nth-child(3):before{color: #FF0077;}
#product-page .educloud .sixth-section .switch-list-indicator-wrapper {height: 4px; background: #E7E8F0; margin-top: 36px; padding-top: 2px; padding-bottom: 2px; position: relative; border-radius: 25px;}
#product-page .educloud .sixth-section .switch-list-indicator-wrapper .active-indicator{width: calc(100%/3); height: 6px; border-radius: 25px;position: absolute;top: 50%;transform: translate(0, -50%); transition: all 0.3s ease-out;}
#product-page .educloud .sixth-section .switch-list-indicator-wrapper .active-indicator.case1{ left:0; background: #692DFF}
#product-page .educloud .sixth-section .switch-list-indicator-wrapper .active-indicator.case2{ left: 50%; transform: translate(-50%, -50%);background: #00C099;}
#product-page .educloud .sixth-section .switch-list-indicator-wrapper .active-indicator.case3{ left: initial; right: 0;background: #FF0077;}


/* categories */
#product-page .educloud .category-wrapper{margin-top: 60px;}
#product-page .educloud .category-wrapper ul{ list-style: none; display: none; transition: all 0.3s ease-out;}
#product-page .educloud .category-wrapper ul.active{display: flex;}
#product-page .educloud .category-wrapper li {width: calc(100%/4); float: left;}
#product-page .educloud .category-wrapper li img{height: 60px; max-width: 120px;}
#product-page .educloud .category-wrapper li .category-item-wrapper{max-width: 180px; height: calc(100% + 80px); position: relative;}
#product-page .educloud .category-wrapper h3{margin-top: 40px; font-size: 18px; font-weight: bold;}
#product-page .educloud .category-wrapper p{line-height: 24px; margin-top: 30px;}


#product-page .educloud .product-button{height: 40px; width: 160px;text-align: left;vertical-align: middle;border-radius: 25px; transition: all 0.3s ease-out; cursor: pointer; position: absolute; text-decoration: none; bottom: 0;}
#product-page .educloud .product-button p{ font-family: 'Montserrat', sans-serif; line-height: 36px; text-transform: uppercase; font-weight: 600; font-size: 13px; text-align: center; margin-top: 0;}
#product-page .educloud .product-button a{text-decoration: none;}
#product-page .educloud .standard-button-wrapper{width: 100%; position: relative;}
#product-page .educloud .category-wrapper #category1 .product-button{border: solid 2px #692DFF;}
#product-page .educloud .category-wrapper #category2 .product-button{border: solid 2px #00C099;}
#product-page .educloud .category-wrapper #category3 .product-button{border: solid 2px #FF0077;}
#product-page .educloud #category1 .product-button p{color: #692DFF;}
#product-page .educloud #category2 .product-button p{color: #00C099;}
#product-page .educloud #category3 .product-button p{color: #FF0077;}

#product-page .educloud .category-wrapper #category1 .product-button:not(.current-page):hover{background:  #692DFF;}
#product-page .educloud .category-wrapper #category2 .product-button:not(.current-page):hover{background:  #00C099;}
#product-page .educloud .category-wrapper #category3 .product-button:not(.current-page):hover{background:  #FF0077;}
#product-page .educloud .product-button:not(.current-page):hover p{color: white !important;}

#product-page .educloud .category-wrapper #category1 .product-button.current-page:after{content: '\e904';position: absolute; width: 13px;height: 10px;right: 16px; font-family: 'icomoon';top: 10px;color: #692DFF; transition: all 0.3s ease-out;}
#product-page .educloud .category-wrapper #category1 .product-button.current-page{background: #F1ECFF; border: initial;}
#product-page .educloud .category-wrapper #category1 .product-button.current-page p{padding-left: 21px;}

#product-page .educloud .category-wrapper #category2 .product-button.current-page:after{content: '\e904';position: absolute; width: 13px;height: 10px;right: 16px; font-family: 'icomoon';top: 10px;color: #00C099; transition: all 0.3s ease-out;}
#product-page .educloud .category-wrapper #category2 .product-button.current-page{background: #E0F9F4; border: initial;}
#product-page .educloud .category-wrapper #category2 .product-button.current-page p{padding-left: 21px; line-height: 40px; text-align: initial;}

#product-page .educloud .category-wrapper #category3 .product-button.current-page:after{content: '\e904';position: absolute; width: 13px;height: 10px;right: 16px; font-family: 'icomoon';top: 10px;color: #FF0077; transition: all 0.3s ease-out;}
#product-page .educloud .category-wrapper #category3 .product-button.current-page{background: #FFE5F1; border: initial;}
#product-page .educloud .category-wrapper #category3 .product-button.current-page p{padding-left: 21px;}

#product-page .educloud .form-section{margin-top: 180px;}
#product-page .educloud .form-section--to-right{margin-top: 30px;}
#product-page .form-section--to-right .form__agreement-text{margin: 0;}
#product-page .hamburger{height: 40px; width: 40px;}
#product-page .hamburger:hover{opacity: 1;}
#product-page .hamburger:hover .hamburger-inner:before{background: #FF8888;}
#product-page .hamburger:hover .hamburger-inner:after{background: #FF8888;}
#product-page .hamburger:hover .hamburger-inner{background: #FF8888;}
#product-page .hamburger .hamburger-inner:before{transition: all 0.3s ease-out;}
#product-page .hamburger .hamburger-inner:after{transition: all 0.3s ease-out;}
#product-page .hamburger .hamburger-inner{transition: all 0.3s ease-out;}

@media (max-width: 1220px){
    #product-page .container{width: 100%;padding-left: 40px; padding-right: 40px;}
    #product-page .list-image-right:after{display: none;}
    #product-page .list-image-left:after{display: none;}
    #product-page .educloud .ornament-img-wrapper{display: none;}

    /*.educloud .list-image-left{left: -12px;max-width: 458px;z-index: 2; position: relative; top: initial; transform: initial;}*/
    #product-page .educloud .list-image-right,#product-page .educloud .list-image-left{left: -40px;max-width: 458px;z-index: 2; position: relative; top: initial; transform: initial;}
    #product-page .educloud .third-section .subtitle{margin-left: 0;}
    #product-page .educloud .third-section .default-list{margin-left: 0;}
    /*.educloud .third-section .subtitle{margin-left: 25px;}*/
    /*.educloud .third-section .list-wrapper .default-list{margin-left: 25px;}*/
    #product-page .educloud .default-list li{max-width: 100%;}
    #product-page .educloud .everyone-profits-column{float: initial; width: initial;}
    #product-page .educloud .fifth-section .everyone-profits-lists-wrapper{display: block;}
    #product-page .educloud .category-wrapper ul.active{flex-wrap: wrap;}
    #product-page .educloud .category-wrapper{margin-top: 20px;}
    #product-page .educloud .category-wrapper li{width: calc(100%/2); margin-top: 40px;}
    #product-page .educloud .category-wrapper li .category-item-wrapper{max-width: calc(100% - 20px);}
    #product-page .educloud .fifth-section .default-list li{max-width: 100%; padding-top: 16px;}
    #product-page .educloud .category-wrapper li{margin-bottom: 80px;}
    #product-page .educloud .form-section{margin-top: 100px;}
    #product-page .educloud .third-section .standard-button{margin-right: initial; margin-left: 0;}
    #product-page .educloud .third-section .standard-button-wrapper:before{ content: ''; right: 0; position: absolute; top:25px; height: 1px; width: calc(100% - 270px); background: #E7E8F0; left: initial;}
    #product-page .col-md-9{width: calc(100%/3 * 2)}
    #product-page .col-md-3{width: calc(100%/3); max-width: 292px;}
}

@media (max-width: 992px){
    #product-page .educloud .form-section{flex-wrap: wrap;}
    #product-page .educloud .form-section--to-left{width: 100%; max-width: 100%;}
}

@media (max-width: 920px){
    #product-page .pcg-news-wrapper .pcg-sidebar, .pcg-content-wrapper .pcg-sidebar {display: none;}
    #product-page .col-md-9{width: 100%;}
}

@media (max-width: 768px){
    #product-page .pcg-content-page{margin-top: 20px !important;}
    #product-page .educloud .category-wrapper{margin-top: 0;}
    #product-page .educloud .default-list li{padding-left: 26px;}
}

@media (max-width: 640px){
    #product-page .hamburger:hover .hamburger-inner:before{background: #FFF;}
    #product-page .hamburger:hover .hamburger-inner:after{background: #FFF;}
    #product-page .hamburger:hover .hamburger-inner{background: #FFF;}
    #product-page .educloud .sixth-section .switch-wrapper li:before{display: none;}
    #product-page .educloud .sixth-section .switch-list li{padding-left: 0;text-align: center;}
}

@media (max-width: 480px) {
    #product-page .educloud .category-wrapper li{width: 100%;}
    #product-page .educloud .category-wrapper li .category-item-wrapper{max-width: 100%;}
    #product-page .educloud .list-image-right{left: 0;}
    #product-page .educloud .list-image-left{left: 0;}
    #product-page .container {padding-left: 20px; padding-right: 20px;}
    #product-page .educloud .fourth-section .standard-button-wrapper:before{display: none;}
    #product-page .educloud .second-section .standard-button-wrapper:before{display: none;}
    #product-page .educloud .third-section .standard-button-wrapper:before{display: none;}
    #product-page .educloud .fifth-section h2:after{display: none;}
    #product-page .educloud .sixth-section h2:after{display: none;}
    #product-page .educloud .sixth-section .switch-list li{font-size: 14px;}
}

/*-------------------------new--------------------*/