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


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

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

.form-control{color:#000;}
/*CATEGORY SWITCHER*/
/*is-relation #00C099*/

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

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


/*NAVIGATION BAR*/
.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;}
.educloud .content-wrapper{width: 100%; float: left; }
.educloud .description{font-size: 14px; font-weight: initial; line-height: 24px;}

/*BUTTON*/
.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;}
.educloud .standard-button:after{content: '\e902';position: absolute; width: 7px;height: 11px;right: 26px; font-family: 'icomoon';top: 16px;color: white; transition: all 0.3s ease-out;}
.educloud .standard-button:hover:after{right: 24px;}
.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;}
.educloud .standard-button a{text-decoration: none;}
.educloud .standard-button-wrapper{width: 100%; position: relative;}

.educloud .list-wrapper{position: relative;}

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

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

/*LIST*/
.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;}
.educloud .default-list li{max-width: 336px; padding-left: 32px; padding-top: 30px;}
.educloud .default-list li:before{ font-family: 'icomoon'; content: '\e907';position: absolute;left: 0;width: 12px;height: 12px;}

/*LIST IMG*/
.educloud .list-image-right{right: -30px;max-width: 458px;z-index: 2;position: absolute;     top: 50%; transform: translate(0, -50%);}
.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;}
.educloud .list-image-left{left: -30px;max-width: 458px;z-index: 2;position: absolute;     top: 50%; transform: translate(0, -50%);}
.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 */
.educloud .second-section{margin-top: 70px;}
.educloud .second-section h2{ font-size: 22px; font-weight: bold; max-width: 340px; line-height: 32px;}
.educloud .second-section .standard-button-wrapper:before{ content: ''; right: 0; position: absolute; top:25px; height: 1px; width: calc(100% - 270px); background: #E7E8F0;}

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

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

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

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

/*SIXTH SECTION*/
.educloud .sixth-section{margin-top: 50px;}
.educloud .sixth-section h2{ font-size: 22px; font-weight: bold; line-height: 32px;}
.educloud .sixth-section h2:after{content: ''; right: 0; position: absolute; bottom:15px; height: 1px; width: calc(100% - 380px); background: #E7E8F0;}
.educloud .sixth-section .switch-wrapper{margin-top: 50px;}
.educloud .sixth-section .switch-list{display: flex; cursor: pointer;}
.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;}
.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;}
.educloud .sixth-section .switch-list li.active{opacity: 1;}
.educloud .sixth-section .switch-wrapper li:nth-child(1):before{color: #692DFF;}
.educloud .sixth-section .switch-wrapper li:nth-child(2):before{color: #00C099;}
.educloud .sixth-section .switch-wrapper li:nth-child(3):before{color: #FF0077;}
.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;}
.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;}
.educloud .sixth-section .switch-list-indicator-wrapper .active-indicator.case1{ left:0; background: #692DFF}
.educloud .sixth-section .switch-list-indicator-wrapper .active-indicator.case2{ left: 50%; transform: translate(-50%, -50%);background: #00C099;}
.educloud .sixth-section .switch-list-indicator-wrapper .active-indicator.case3{ left: initial; right: 0;background: #FF0077;}


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


.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;}
.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;}
.educloud .product-button a{text-decoration: none;}
.educloud .standard-button-wrapper{width: 100%; position: relative;}
.educloud .category-wrapper #category1 .product-button{border: solid 2px #692DFF;}
.educloud .category-wrapper #category2 .product-button{border: solid 2px #00C099;}
.educloud .category-wrapper #category3 .product-button{border: solid 2px #FF0077;}
.educloud #category1 .product-button p{color: #692DFF;}
.educloud #category2 .product-button p{color: #00C099;}
.educloud #category3 .product-button p{color: #FF0077;}

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

.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;}
.educloud .category-wrapper #category1 .product-button.current-page{background: #F1ECFF; border: initial;}
.educloud .category-wrapper #category1 .product-button.current-page p{padding-left: 21px;}

.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;}
.educloud .category-wrapper #category2 .product-button.current-page{background: #E0F9F4; border: initial;}
.educloud .category-wrapper #category2 .product-button.current-page p{padding-left: 21px; line-height: 40px; text-align: initial;}

.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;}
.educloud .category-wrapper #category3 .product-button.current-page{background: #FFE5F1; border: initial;}
.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;}
.cyrek-modernization .hamburger{height: 40px; width: 40px;}
.cyrek-modernization .hamburger:hover{opacity: 1;}
.cyrek-modernization .hamburger:hover .hamburger-inner:before{background: #FF8888;}
.cyrek-modernization .hamburger:hover .hamburger-inner:after{background: #FF8888;}
.cyrek-modernization .hamburger:hover .hamburger-inner{background: #FF8888;}
.cyrek-modernization .hamburger .hamburger-inner:before{transition: all 0.3s ease-out;}
.cyrek-modernization .hamburger .hamburger-inner:after{transition: all 0.3s ease-out;}
.cyrek-modernization .hamburger .hamburger-inner{transition: all 0.3s ease-out;}

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

    /*.educloud .list-image-left{left: -12px;max-width: 458px;z-index: 2; position: relative; top: initial; transform: initial;}*/
    .educloud .list-image-right,.educloud .list-image-left{left: -40px;max-width: 458px;z-index: 2; position: relative; top: initial; transform: initial;}
    .educloud .third-section .subtitle{margin-left: 0;}
    .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;}*/
    .educloud .default-list li{max-width: 100%;}
    .educloud .everyone-profits-column{float: initial; width: initial;}
    .educloud .fifth-section .everyone-profits-lists-wrapper{display: block;}

    .educloud .category-wrapper ul.active{flex-wrap: wrap;}
    .educloud .category-wrapper{margin-top: 20px;}
    .educloud .category-wrapper li{width: calc(100%/2); margin-top: 40px;}
    .educloud .category-wrapper li .category-item-wrapper{max-width: calc(100% - 20px);}
    .educloud .fifth-section .default-list li{max-width: 100%; padding-top: 16px;}
    .educloud .category-wrapper li{margin-bottom: 80px;}
    #product-page .educloud .form-section{margin-top: 100px;}
    .educloud .third-section .standard-button{margin-right: initial; margin-left: 0;}
    .educloud .third-section .standard-button-wrapper:before{ content: ''; right: 0; position: absolute; top:25px; height: 1px; width: calc(100% - 270px); background: #E7E8F0; left: initial;}
    .cyrek-modernization .col-md-9{width: calc(100%/3 * 2)}
    .cyrek-modernization .col-md-3{width: calc(100%/3); max-width: 292px;}
}

@media (max-width: 992px){
    /*.educloud .sixth-section .switch-list li{width: 100%; margin-top: 20px;}*/
    /*.educloud .sixth-section .switch-list{flex-wrap: wrap;}*/
    /*.educloud .sixth-section .switch-list-indicator-wrapper{display: none;}*/
    .educloud .form-section{flex-wrap: wrap;}
    .educloud .form-section--to-left{width: 100%; max-width: 100%;}
    /*.educloud .form-section--to-right{margin-left: 25px !important;}*/
}

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

@media (max-width: 640px){
    .educloud .sixth-section .switch-wrapper li:before{display: none;}
    .educloud .sixth-section .switch-list li{padding-left: 0;text-align: center;}
}

@media (max-width: 480px) {
    .educloud .category-wrapper li{width: 100%;}
    .educloud .category-wrapper li .category-item-wrapper{max-width: 100%;}
    /*.educloud .form-section--to-left{margin-left: 0 !important;}*/
    /*.educloud .form-section--to-right{margin-left: 0 !important;}*/
    .educloud .list-image-right{left: 0;}
    .educloud .list-image-left{left: 0;}
    .cyrek-modernization .container {padding-left: 20px; padding-right: 20px;}
    .educloud .fourth-section .standard-button-wrapper:before{display: none;}
    .educloud .second-section .standard-button-wrapper:before{display: none;}
    .educloud .third-section .standard-button-wrapper:before{display: none;}
    .educloud .fifth-section h2:after{display: none;}
    .educloud .sixth-section h2:after{display: none;}
    .educloud .sixth-section .switch-list li{font-size: 14px;}
}