/* --------------------------------- catalog - раздел с каталогом  ----------------------------------------------------------------------------------------------------------------------------- */

/*.account_page main section > .inner {margin: 0 auto; width:1181px;padding: 0 0 0 0 }*/
/*.account_page main section#base > .inner {margin: 0 auto; width:1181px;padding: 0 0 0 0 }*/
/*.account_page main section#title > .inner {margin: 0 auto; width:1181px;padding: 0 0 0 0 }*/
/*.account_page aside {width: 279px; margin-right:11px; float:left;  }*/
/*.account_page main .outer {width: 890px; float:right;  }*/
/*.account_page main .inner {padding: 0   }*/
/*.account_page main .list_series_icons .item:nth-child(3n) {    margin-right: 0;}*/
/*.account_page .page-buffer {height: 402px}*/

/*!*.account_page section{border-bottom: 1px solid #e3e4e4; padding-bottom: 48px}*!*/
/*.account_page section{ padding-bottom: 48px}*/
/*.account_page section#base{ padding-bottom: 0}*/
/*.account_page section#title {border-bottom: none; padding-bottom: 30px}*/
/*!*.account_page section .inner{overflow: hidden}*!*/

.refresh_checkcode {cursor:pointer; }
.page_account_register #base label.check_code_label {font: 15px/40px 'Roboto-Light', Arial, sans-serif;}
.page_account_register ._comment {font: 12px/15px 'Roboto-Light', Arial, sans-serif; color: gray}
.page_account_register .coment {font: 10px/12px 'Roboto-Light', Arial, sans-serif; color: gray}
.refresh_checkcode:active {cursor:pointer;  text-shadow: 0 0 10px #03810e }

/*------------- вкладки TAB на странице -------------------------------------------------------------*/
/* Style the tab */
.page_account_register .tab {float: none}

/* Style the buttons that are used to open the tab content */
.page_account_register .tab h2 {  background-color: inherit;display:inline-flex;border-bottom: 3px solid white;;  outline: none;  cursor: pointer; padding: 24px 16px 0;  transition: 0.3s; color: #b8b7b7 ; font: 36px/50px "CormorantGaramond-Bold", Arial, sans-serif; border-bottom: 4px solid #e1ecf8
}
.page_account_register .tab h2:hover {}
.page_account_register .tab h2.active {border-bottom: 4px solid #3b95e0; color: black}

.page_account_register .tabcontent {}
.page_account_register .tabcontent.new { display: none;  }
.page_account_register .tabcontent {animation: fadeEffect 1s; /* Fading effect takes 1 second */}
@keyframes fadeEffect {from {opacity: 0;} to {opacity: 1;}}


.page_account_register .description {background: #f8f8f8; padding: 90px 0px }
.page_account_register .description strong {font: 24px/25px "CormorantGaramond-Bold", Arial, sans-serif; color: black}
.page_account_register .description ul {background: #f8f8f8; column-count: 2;  }
.page_account_register .description ul li{font: 18px/35px  Roboto-Light, Arial, sans-serif; color: #3b95e0;   }
.page_account_register .confirm {margin: 60px 0 0; color: #a0a0a0; text-align: center; display: block;text-decoration: none}
.page_account_register .confirm:hover {color: #6e6e6e;}



.page_account_register main {background: #f8f8f8;}
.page_account_register input {display: block }
.page_account_register main .button_outer_2{width: 242px;margin-top: 10px; }
.page_account_register main .button_outer_2:hover{width: 250px;padding-right:0}
.page_account_register main .button_outer button {display: block;    width: 240px;}
.page_account_register #title {padding-bottom: 0; margin-bottom: 30px; }
.page_account_register #title div.container{padding-bottom: 0; margin-bottom: 0; }
.page_account_register #base div.container{padding: 72px 617px 40px 0; background: url("/images/new_buket_fon.png") no-repeat right center; min-height:811px }
.page_account_register #base div.container #place{ background: white ; min-height:550px; }
.page_account_register #base div.container .tab{background: white; padding: 40px 80px 0}
.page_account_register #base div.container .tab h2{margin-top: 0}
.page_account_register #base div.container #panel_autorize{background: white; padding: 0 80px 40px;}
.page_account_register #base div.container #panel_create_account{background: white; padding: 40px 80px;}
.page_account_register #base div.forgot{text-align: right;}
.page_account_register #base a.forgot{font: 14px/25px 'Roboto-Light', Arial, sans-serif; color:#a1a0a0;text-align: right;text-decoration: none}
.page_account_register #base a.forgot:hover{color: #666565;text-decoration: underline}
.page_account_register #base a.forgot:active{color: #000;}
.page_account_register #base label{font: 15px/25px 'Roboto-Light', Arial, sans-serif; color:black;}
.page_account_register #base input[type='text'],
.page_account_register #base input[type='password']{height: 40px; background: rgba(169, 209, 241, 0.06); font-size: 24px;margin: 0.25rem 0 0}

/*.page_account_register #base input[type='text'], .page_account_register #base input[type='password']{ width:363px;}*/

/*.page_account_register #base div.checkcode{float: right}*/
/*.page_account_register #base image.checkcode{float: left}*/
.page_account_register #base input[name='_check_code']{margin: 0}
.page_account_register #base button.button_cant{ margin: 27px auto}
.page_account_register #base label.placeholder{ line-height: 40px}
.page_account_register #base h3{ font:16px/25px 'Roboto-Light', Arial, sans-serif;color:black}
.page_account_register #base .form-group{ position: relative}
.page_account_register #base .form-group span.comment{display: none; position: absolute; width:300px;left: 415px;top:46px; background: rgba(255, 255, 255, 0.9);  border-radius: 10px; color:slategray; padding: 16px; box-shadow: 0 0 35px #80808052}
/*.page_account_register #base td:focus-within span.comment{display: block}*/
.page_account_register #base .form-group:hover span.comment{display: block}
.page_account_register #base .form-group.personal_data .inp {padding-left: 24px; line-height: 30px;}
.page_account_register #base .form-group.personal_data .guard {padding-left: 24px; background: url("/images/guard.png") no-repeat left center;line-height: 30px;}

/*.page_account_register #panel_autorize .button { padding-top: 10px; width: 267px; margin: 0 auto}*/
/*.page_account_register #panel_autorize .button { padding-top: 40px; width: 267px; margin: 0 auto}*/
.page_account_register #panel_autorize .button_outer_2 {    width: 261px;margin-right: 6px}
.page_account_register #panel_autorize .button_outer_2:hover {    width: 267px;}
.page_account_register #panel_autorize .button_outer_2 button {   width: 257px;}
.page_account_register #panel_autorize .button_outer_2 button:active {    border: none}

.page_forgot #place {background: white;padding: 40px 80px }
.page_forgot #place #base div.container .tab {padding: 0}
.page_forgot #base div.container .tab {background: white;padding:0;}
.page_forgot #base div.container .tab h2{ float: none; cursor: auto; padding-top: 0; text-align: center; margin-bottom: 30px}
.page_forgot #base div.container .for_comment_outer  {position: relative}
.page_forgot #base div.container .for_comment_outer  span.comment{display: none; position: absolute; width:300px;left: 415px;top:46px; background: rgba(255, 255, 255, 0.9);  border-radius: 10px; color:slategray; padding: 16px; box-shadow: 0 0 35px #80808052}
.page_forgot #base div.container .for_comment_outer:hover span.comment{display: block}
.page_forgot #base div.container .forgot_login {margin: 60px 0 0; color: #a0a0a0; text-align: center; display: block;text-decoration: none}
.page_forgot #base div.container .forgot_login:hover {color: #6e6e6e;}
.page_forgot .button { padding-top: 40px; width: 267px; margin: 0 auto}

.page_activation #place {background: white;padding: 40px 80px }
.page_activation #place #base div.container .tab {padding: 0}
.page_activation #base div.container .tab {background: white;padding:0;}
.page_activation #base div.container .tab h2{ float: none; cursor: auto; padding-top: 0; text-align: center; margin-bottom: 30px}
.page_activation #base div.container .for_comment_outer  {position: relative}
.page_activation #base div.container .for_comment_outer  span.comment{display: none; position: absolute; width:300px;left: 415px;top:46px; background: rgba(255, 255, 255, 0.9);  border-radius: 10px; color:slategray; padding: 16px; box-shadow: 0 0 35px #80808052}
.page_activation #base div.container .for_comment_outer:hover span.comment{display: block}
.page_activation #base div.container .forgot_login {margin: 60px 0 0; color: #a0a0a0; text-align: center; display: block;text-decoration: none}
.page_activation #base div.container .forgot_login:hover {color: #6e6e6e;}



/*вывод для мобильной версии*/
.page_account_register #base.mobile {  background: url("/images/new_buket_fon.png") no-repeat top center; }
.page_account_register #base.mobile .tab h2 {  padding: 0.8rem 1rem 0; font: 1.5rem/3rem "CormorantGaramond-Bold", Arial, sans-serif; }
.page_account_register #base.mobile div.container{padding: 0 1.2rem 3rem;background:none;min-height: auto;}
.page_account_register #base.mobile div.container #place{ background: rgb(255, 255, 255); min-height:auto; padding-bottom: 1rem }
.page_account_register #base.mobile div.container .tab{background: none; padding: 10px 20px 0}
.page_account_register #base.mobile div.container #panel_autorize{background: none; padding: 0 20px;}
.page_account_register #base.mobile div.container #panel_create_account{background: none; padding: 10px 20px;}

/*.page_account_register #base.mobile #panel_autorize .button { padding-top: 10px; width: 267px; margin: 0 auto}*/
/*.page_account_register #base.mobile #panel_autorize .button { padding-top: 40px; width: 267px; margin: 0 auto}*/
.page_account_register #base.mobile  .button_outer_2 {width: 241px;margin:2rem auto 0}
.page_account_register #base.mobile  .button_outer_2:hover {    width: 247px;}
.page_account_register #base.mobile  .button_outer_2 button {   width: 237px;}
.page_account_register #base.mobile  .button_outer_2 button:active {    border: none}
.page_account_register #base.mobile .confirm {margin: 2rem 0 0; color: #a0a0a0; text-align: center; display: block;text-decoration: none}


.page_forgot .mobile #place {background: white;padding: 1rem }
.page_forgot .mobile .button { padding-top: 0; width: 267px; margin: 0 auto}
.page_forgot .mobile #base.mobile  .button_outer_2 {width: 241px;margin:0 auto 0}

.page_activation .mobile #place {background: white;padding: 1rem }
.page_activation .mobile .button { padding-top: 0; width: 267px; margin: 0 auto}
.page_activation .mobile #base.mobile  .button_outer_2 {width: 241px;margin:0 auto 0}
.page_activation .mobile #base.mobile .tab h2 {font-size: 1.2rem}


/*.page_forgot #place #base div.container .tab {padding: 0}*/
/*.page_forgot #base div.container .tab {background: white;padding:0;}*/
/*.page_forgot #base div.container .tab h2{ float: none; cursor: auto; padding-top: 0; text-align: center; margin-bottom: 30px}*/
/*.page_forgot #base div.container .for_comment_outer  {position: relative}*/
/*.page_forgot #base div.container .for_comment_outer  span.comment{display: none; position: absolute; width:300px;left: 415px;top:46px; background: rgba(255, 255, 255, 0.9);  border-radius: 10px; color:slategray; padding: 16px; box-shadow: 0 0 35px #80808052}*/
/*.page_forgot #base div.container .for_comment_outer:hover span.comment{display: block}*/
/*.page_forgot #base div.container .forgot_login {margin: 60px 0 0; color: #a0a0a0; text-align: center; display: block;text-decoration: none}*/
/*.page_forgot #base div.container .forgot_login:hover {color: #6e6e6e;}*/