.elementor-4713 .elementor-element.elementor-element-84f63c7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-e9d9374{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:5%;--padding-bottom:8%;--padding-left:0%;--padding-right:3%;}.elementor-4713 .elementor-element.elementor-element-e9d9374.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4713 .elementor-element.elementor-element-40758e83{--display:flex;--padding-top:030px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-266a9ca1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#E1E7EF;--border-color:#E1E7EF;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:030px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4713 .elementor-element.elementor-element-266a9ca1:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-266a9ca1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-74e2d8c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-1744b9eb > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-f6455c6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-4713 .elementor-element.elementor-element-397660a9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-397660a9 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;line-height:20px;}.elementor-4713 .elementor-element.elementor-element-6c94690f{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:1fr 1fr;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-28c0a367{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-28c0a367:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-28c0a367 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-28c0a367:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-28c0a367, .elementor-4713 .elementor-element.elementor-element-28c0a367::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-523b888 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-523b888 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-29c8a7cf{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-4713 .elementor-element.elementor-element-5abb08e0 .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-5abb08e0.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-5abb08e0.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-5abb08e0.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-5abb08e0.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-5abb08e0.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-5abb08e0 .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-5abb08e0 .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-40a42247 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-40a42247{text-align:left;}.elementor-4713 .elementor-element.elementor-element-40a42247 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-9bf076d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-9bf076d:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-9bf076d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-9bf076d:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-9bf076d, .elementor-4713 .elementor-element.elementor-element-9bf076d::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-4d79fb0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-4d79fb0 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-9e24789{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-884218b .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-884218b.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-884218b.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-884218b.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-884218b.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-884218b.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-884218b .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-884218b .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-91c1c90 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-91c1c90{text-align:left;}.elementor-4713 .elementor-element.elementor-element-91c1c90 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-d3350c1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-d3350c1:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-d3350c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-d3350c1:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-d3350c1, .elementor-4713 .elementor-element.elementor-element-d3350c1::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-8b0ddae > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-8b0ddae .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-cc2c9b2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-ae2295d .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-ae2295d.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-ae2295d.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-ae2295d.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-ae2295d.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-ae2295d.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-ae2295d .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-ae2295d .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-2911ce9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-2911ce9{text-align:left;}.elementor-4713 .elementor-element.elementor-element-2911ce9 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-17e85d8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#E1E7EF;--border-color:#E1E7EF;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:030px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4713 .elementor-element.elementor-element-17e85d8:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-17e85d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-2f9522b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-bd87ff0 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-b51cca4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-f33723f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-f33723f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;line-height:20px;color:var( --e-global-color-primary );}.elementor-4713 .elementor-element.elementor-element-3e1306f{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:1fr 1fr;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-67cadb5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-67cadb5:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-67cadb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-67cadb5:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-67cadb5, .elementor-4713 .elementor-element.elementor-element-67cadb5::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-07a7aab > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-07a7aab .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-7803403{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-d4a3b75 .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-d4a3b75.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-d4a3b75.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-d4a3b75.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-d4a3b75.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-d4a3b75.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-d4a3b75 .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-d4a3b75 .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-d13834f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-d13834f{text-align:left;}.elementor-4713 .elementor-element.elementor-element-d13834f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-8136e50{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-8136e50:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-8136e50 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-8136e50:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-8136e50, .elementor-4713 .elementor-element.elementor-element-8136e50::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-93d8218 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-93d8218 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-4f5a42b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-18d3098 .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-18d3098.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-18d3098.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-18d3098.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-18d3098.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-18d3098.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-18d3098 .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-18d3098 .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-5e0d361 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-5e0d361{text-align:left;}.elementor-4713 .elementor-element.elementor-element-5e0d361 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-30f690e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-30f690e:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-30f690e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-30f690e:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-30f690e, .elementor-4713 .elementor-element.elementor-element-30f690e::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-046afad > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-046afad .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-c2b3d5e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-648c614 .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-648c614.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-648c614.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-648c614.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-648c614.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-648c614.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-648c614 .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-648c614 .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-fc35c8b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-fc35c8b{text-align:left;}.elementor-4713 .elementor-element.elementor-element-fc35c8b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-1619e2e{--display:flex;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-122c37b4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#E1E7EF;--border-color:#E1E7EF;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:030px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4713 .elementor-element.elementor-element-122c37b4:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-122c37b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-b359add{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-1ab7d9da > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-323e13e5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-5a92df65 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-5a92df65 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;line-height:20px;}.elementor-4713 .elementor-element.elementor-element-5d7dd8d{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:1fr 1fr;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-61d1dec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-61d1dec:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-61d1dec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-61d1dec:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-61d1dec, .elementor-4713 .elementor-element.elementor-element-61d1dec::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-7147809 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-7147809 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-7a7fded{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-9c60c32 .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-9c60c32.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-9c60c32.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-9c60c32.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-9c60c32.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-9c60c32.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-9c60c32 .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-9c60c32 .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-dbb1d27 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-dbb1d27{text-align:left;}.elementor-4713 .elementor-element.elementor-element-dbb1d27 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-73ccce6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-73ccce6:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-73ccce6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-73ccce6:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-73ccce6, .elementor-4713 .elementor-element.elementor-element-73ccce6::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-55ca1df > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-55ca1df .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-871fcb4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-d1d7640 .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-d1d7640.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-d1d7640.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-d1d7640.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-d1d7640.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-d1d7640.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-d1d7640 .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-d1d7640 .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-853cfda > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-853cfda{text-align:left;}.elementor-4713 .elementor-element.elementor-element-853cfda .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-f88c335{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-f88c335:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-f88c335 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-f88c335:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-f88c335, .elementor-4713 .elementor-element.elementor-element-f88c335::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-e432093 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-e432093 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-f1084fd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-93c8950 .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-93c8950.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-93c8950.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-93c8950.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-93c8950.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-93c8950.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-93c8950 .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-93c8950 .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-f3e0ff2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-f3e0ff2{text-align:left;}.elementor-4713 .elementor-element.elementor-element-f3e0ff2 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-85f3c9c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-85f3c9c:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-85f3c9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-85f3c9c:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-85f3c9c, .elementor-4713 .elementor-element.elementor-element-85f3c9c::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-95c9c3c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-95c9c3c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-5d7c2a9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-a9662ac .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-a9662ac.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-a9662ac.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-a9662ac.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-a9662ac.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-a9662ac.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-a9662ac .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-a9662ac .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-100fefc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-100fefc{text-align:left;}.elementor-4713 .elementor-element.elementor-element-100fefc .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-c29338f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-c29338f:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-c29338f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-c29338f:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-c29338f, .elementor-4713 .elementor-element.elementor-element-c29338f::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-24a8bde > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-24a8bde .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-a62b008{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-9e2a683 .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-9e2a683.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-9e2a683.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-9e2a683.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-9e2a683.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-9e2a683.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-9e2a683 .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-9e2a683 .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-65f6bcb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-65f6bcb{text-align:left;}.elementor-4713 .elementor-element.elementor-element-65f6bcb .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-347cff9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-347cff9:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-347cff9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-347cff9:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-347cff9, .elementor-4713 .elementor-element.elementor-element-347cff9::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-a93e51f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-a93e51f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-29a47f6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-2e07b35 .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-2e07b35.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-2e07b35.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-2e07b35.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-2e07b35.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-2e07b35.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-2e07b35 .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-2e07b35 .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-1026802 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-1026802{text-align:left;}.elementor-4713 .elementor-element.elementor-element-1026802 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-672a9fc5{--display:flex;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-4d6c0c34{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#E1E7EF;--border-color:#E1E7EF;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:030px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4713 .elementor-element.elementor-element-4d6c0c34:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-4d6c0c34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-cb54e48{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-555c83ca > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-3eae6300{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-1ebee4b3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-1ebee4b3 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;line-height:20px;}.elementor-4713 .elementor-element.elementor-element-3d0179e{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:1fr 1fr;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-171ef4c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-171ef4c:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-171ef4c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-171ef4c:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-171ef4c, .elementor-4713 .elementor-element.elementor-element-171ef4c::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-6de2e08 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-6de2e08 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-779a121{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-b931534 .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-b931534.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-b931534.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-b931534.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-b931534.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-b931534.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-b931534 .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-b931534 .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-ff67926 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-ff67926{text-align:left;}.elementor-4713 .elementor-element.elementor-element-ff67926 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-17f544a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-17f544a:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-17f544a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-17f544a:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-17f544a, .elementor-4713 .elementor-element.elementor-element-17f544a::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-01a7fbd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-01a7fbd .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-62c022e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-f31a472 .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-f31a472.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-f31a472.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-f31a472.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-f31a472.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-f31a472.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-f31a472 .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-f31a472 .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-eefa9af > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-eefa9af{text-align:left;}.elementor-4713 .elementor-element.elementor-element-eefa9af .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-be4e1d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-be4e1d4:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-be4e1d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-be4e1d4:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-be4e1d4, .elementor-4713 .elementor-element.elementor-element-be4e1d4::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-2380a6e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-2380a6e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-3d5ff54{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-4dfbdaa .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-4dfbdaa.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-4dfbdaa.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-4dfbdaa.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-4dfbdaa.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-4dfbdaa.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-4dfbdaa .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-4dfbdaa .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-fd31431 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-fd31431{text-align:left;}.elementor-4713 .elementor-element.elementor-element-fd31431 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-f558028{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-f558028:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-f558028 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-f558028:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-f558028, .elementor-4713 .elementor-element.elementor-element-f558028::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-3bf5b46 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-3bf5b46 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-9ab4b8a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-5f3d81f .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-5f3d81f.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-5f3d81f.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-5f3d81f.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-5f3d81f.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-5f3d81f.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-5f3d81f .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-5f3d81f .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-b84e3ef > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-b84e3ef{text-align:left;}.elementor-4713 .elementor-element.elementor-element-b84e3ef .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-3437d7a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-3437d7a:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-3437d7a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-3437d7a:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-3437d7a, .elementor-4713 .elementor-element.elementor-element-3437d7a::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-fefe70e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-fefe70e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-8c3a4e8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-5fbd0ba .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-5fbd0ba.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-5fbd0ba.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-5fbd0ba.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-5fbd0ba.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-5fbd0ba.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-5fbd0ba .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-5fbd0ba .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-b4524d9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-b4524d9{text-align:left;}.elementor-4713 .elementor-element.elementor-element-b4524d9 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-dadb4e6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-dadb4e6:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-dadb4e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-dadb4e6:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-dadb4e6, .elementor-4713 .elementor-element.elementor-element-dadb4e6::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-9b5841e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-9b5841e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-4c14741{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-0e05efb .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-0e05efb.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-0e05efb.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-0e05efb.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-0e05efb.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-0e05efb.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-0e05efb .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-0e05efb .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-f53f856 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-f53f856{text-align:left;}.elementor-4713 .elementor-element.elementor-element-f53f856 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-4b7c7d7c{--display:flex;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-3e33f55e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#E1E7EF;--border-color:#E1E7EF;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:030px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4713 .elementor-element.elementor-element-3e33f55e:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-3e33f55e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-75bac1cb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-70d030e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-5443c1e7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-76be0ac6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-76be0ac6 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;line-height:20px;}.elementor-4713 .elementor-element.elementor-element-d8ec7bb{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:1fr 1fr;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-29ce082{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-29ce082:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-29ce082 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-29ce082:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-29ce082, .elementor-4713 .elementor-element.elementor-element-29ce082::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-9d36e8d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-9d36e8d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-f4bfd28{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-cd8a974 .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-cd8a974.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-cd8a974.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-cd8a974.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-cd8a974.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-cd8a974.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-cd8a974 .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-cd8a974 .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-32cf621 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-32cf621{text-align:left;}.elementor-4713 .elementor-element.elementor-element-32cf621 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-d999384{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-d999384:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-d999384 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-d999384:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-d999384, .elementor-4713 .elementor-element.elementor-element-d999384::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-8ec3b0c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-8ec3b0c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-09a27ab{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-1c91713 .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-1c91713.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-1c91713.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-1c91713.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-1c91713.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-1c91713.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-1c91713 .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-1c91713 .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-b98f0b5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-b98f0b5{text-align:left;}.elementor-4713 .elementor-element.elementor-element-b98f0b5 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-d59b48e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-d59b48e:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-d59b48e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-d59b48e:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-d59b48e, .elementor-4713 .elementor-element.elementor-element-d59b48e::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-f5df173 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-f5df173 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-41319cc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-a51ab62 .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-a51ab62.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-a51ab62.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-a51ab62.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-a51ab62.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-a51ab62.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-a51ab62 .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-a51ab62 .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-089f0dd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-089f0dd{text-align:left;}.elementor-4713 .elementor-element.elementor-element-089f0dd .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-ff84b0a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-ff84b0a:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-ff84b0a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-ff84b0a:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-ff84b0a, .elementor-4713 .elementor-element.elementor-element-ff84b0a::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-3a8deb9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-3a8deb9 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-6110994{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-27c0c0f .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-27c0c0f.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-27c0c0f.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-27c0c0f.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-27c0c0f.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-27c0c0f.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-27c0c0f .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-27c0c0f .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-896b699 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-896b699{text-align:left;}.elementor-4713 .elementor-element.elementor-element-896b699 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-6bcfdb8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-6bcfdb8:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-6bcfdb8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-6bcfdb8:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-6bcfdb8, .elementor-4713 .elementor-element.elementor-element-6bcfdb8::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-3b5119b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-3b5119b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-5d82281{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-2cad2a9 .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-2cad2a9.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-2cad2a9.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-2cad2a9.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-2cad2a9.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-2cad2a9.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-2cad2a9 .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-2cad2a9 .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-8f91b1f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-8f91b1f{text-align:left;}.elementor-4713 .elementor-element.elementor-element-8f91b1f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-8083aa4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-8083aa4:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-8083aa4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-8083aa4:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-8083aa4, .elementor-4713 .elementor-element.elementor-element-8083aa4::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-796dc6e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-796dc6e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-da5a424{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-a460940 .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-a460940.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-a460940.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-a460940.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-a460940.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-a460940.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-a460940 .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-a460940 .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-b3ad779 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-b3ad779{text-align:left;}.elementor-4713 .elementor-element.elementor-element-b3ad779 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-18f7279b{--display:flex;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-66344dad{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#E1E7EF;--border-color:#E1E7EF;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:030px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4713 .elementor-element.elementor-element-66344dad:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-66344dad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-6130ffe3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-6bcdca1f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-2b5d7958{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-73ee2227 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-73ee2227 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;line-height:20px;}.elementor-4713 .elementor-element.elementor-element-21a1871{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:1fr 1fr;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-88a70b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-88a70b9:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-88a70b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-88a70b9:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-88a70b9, .elementor-4713 .elementor-element.elementor-element-88a70b9::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-0779375 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-0779375 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-664d13d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-174732e .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-174732e.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-174732e.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-174732e.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-174732e.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-174732e.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-174732e .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-174732e .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-6b849e3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-6b849e3{text-align:left;}.elementor-4713 .elementor-element.elementor-element-6b849e3 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-21ce08b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-21ce08b:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-21ce08b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-21ce08b:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-21ce08b, .elementor-4713 .elementor-element.elementor-element-21ce08b::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-9c1447a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-9c1447a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-b70cc01{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-d68a29f .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-d68a29f.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-d68a29f.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-d68a29f.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-d68a29f.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-d68a29f.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-d68a29f .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-d68a29f .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-e827af6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-e827af6{text-align:left;}.elementor-4713 .elementor-element.elementor-element-e827af6 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-d161997{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-d161997:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-d161997 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-d161997:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-d161997, .elementor-4713 .elementor-element.elementor-element-d161997::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-c31681f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-c31681f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-87bab52{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-b5f725e .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-b5f725e.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-b5f725e.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-b5f725e.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-b5f725e.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-b5f725e.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-b5f725e .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-b5f725e .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-2d110a3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-2d110a3{text-align:left;}.elementor-4713 .elementor-element.elementor-element-2d110a3 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-3d4cdb4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-3d4cdb4:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-3d4cdb4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-3d4cdb4:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-3d4cdb4, .elementor-4713 .elementor-element.elementor-element-3d4cdb4::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-0d3d6c3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-0d3d6c3 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-d799ddc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-e984446 .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-e984446.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-e984446.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-e984446.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-e984446.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-e984446.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-e984446 .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-e984446 .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-a813432 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-a813432{text-align:left;}.elementor-4713 .elementor-element.elementor-element-a813432 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-7d3fb87{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-7d3fb87:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-7d3fb87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-7d3fb87:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-7d3fb87, .elementor-4713 .elementor-element.elementor-element-7d3fb87::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-04308ba > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-04308ba .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-07f98cf{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-2b7c405 .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-2b7c405.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-2b7c405.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-2b7c405.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-2b7c405.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-2b7c405.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-2b7c405 .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-2b7c405 .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-68922e8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-68922e8{text-align:left;}.elementor-4713 .elementor-element.elementor-element-68922e8 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-fa2d757{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAECEF;--border-color:#EAECEF;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4713 .elementor-element.elementor-element-fa2d757:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-fa2d757 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-fa2d757:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9A95A;--border-color:#F9A95A;}.elementor-4713 .elementor-element.elementor-element-fa2d757, .elementor-4713 .elementor-element.elementor-element-fa2d757::before{--border-transition:0.3s;}.elementor-4713 .elementor-element.elementor-element-c80e14b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-c80e14b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:700;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-94adbf4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-3f3bd0c .elementor-icon-wrapper{text-align:left;}.elementor-4713 .elementor-element.elementor-element-3f3bd0c.elementor-view-stacked .elementor-icon{background-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-3f3bd0c.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-3f3bd0c.elementor-view-default .elementor-icon{color:#F1A256;border-color:#F1A256;}.elementor-4713 .elementor-element.elementor-element-3f3bd0c.elementor-view-framed .elementor-icon, .elementor-4713 .elementor-element.elementor-element-3f3bd0c.elementor-view-default .elementor-icon svg{fill:#F1A256;}.elementor-4713 .elementor-element.elementor-element-3f3bd0c .elementor-icon{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-3f3bd0c .elementor-icon svg{height:17px;}.elementor-4713 .elementor-element.elementor-element-2eb4c10 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-2eb4c10{text-align:left;}.elementor-4713 .elementor-element.elementor-element-2eb4c10 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:0px;word-spacing:0px;}.elementor-4713 .elementor-element.elementor-element-5373b1b{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:9999px 9999px 9999px 9999px;--n-tabs-title-padding-top:8px;--n-tabs-title-padding-right:020px;--n-tabs-title-padding-bottom:8px;--n-tabs-title-padding-left:20px;--n-tabs-title-color-active:#FFFFFF;--n-tabs-icon-gap:8px;--n-tabs-icon-color-active:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-5373b1b > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#02010100;}.elementor-4713 .elementor-element.elementor-element-5373b1b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61CE70;border-style:solid;border-width:1px 1px 1px 1px;border-color:#00000033;}.elementor-4713 .elementor-element.elementor-element-5373b1b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4713 .elementor-element.elementor-element-5373b1b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#00000033;}.elementor-4713 .elementor-element.elementor-element-5373b1b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-4713 .elementor-element.elementor-element-5373b1b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#00000033;}.elementor-4713 .elementor-element.elementor-element-5373b1b [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;--n-tabs-icon-color-hover:#FFFFFF;}.elementor-4713 .elementor-element.elementor-element-62bb216{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5%;--padding-bottom:0%;--padding-left:2%;--padding-right:2%;}.elementor-4713 .elementor-element.elementor-element-62bb216:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-62bb216 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-4713 .elementor-element.elementor-element-a52011a > .elementor-widget-container{padding:0px 0px 0px 15px;}.elementor-4713 .elementor-element.elementor-element-a52011a .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-4713 .elementor-element.elementor-element-479b490{--grid-columns:1;}@media(min-width:640px){.elementor-4713 .elementor-element.elementor-element-e9d9374{--width:65%;}.elementor-4713 .elementor-element.elementor-element-266a9ca1{--content-width:100%;}.elementor-4713 .elementor-element.elementor-element-74e2d8c{--width:20%;}.elementor-4713 .elementor-element.elementor-element-17e85d8{--content-width:100%;}.elementor-4713 .elementor-element.elementor-element-2f9522b{--width:20%;}.elementor-4713 .elementor-element.elementor-element-122c37b4{--content-width:100%;}.elementor-4713 .elementor-element.elementor-element-b359add{--width:20%;}.elementor-4713 .elementor-element.elementor-element-4d6c0c34{--content-width:100%;}.elementor-4713 .elementor-element.elementor-element-cb54e48{--width:20%;}.elementor-4713 .elementor-element.elementor-element-3e33f55e{--content-width:100%;}.elementor-4713 .elementor-element.elementor-element-75bac1cb{--width:20%;}.elementor-4713 .elementor-element.elementor-element-66344dad{--content-width:100%;}.elementor-4713 .elementor-element.elementor-element-6130ffe3{--width:20%;}.elementor-4713 .elementor-element.elementor-element-62bb216{--width:35%;}}@media(max-width:1024px) and (min-width:640px){.elementor-4713 .elementor-element.elementor-element-e9d9374{--width:100%;}.elementor-4713 .elementor-element.elementor-element-62bb216{--width:100%;}}@media(max-width:1024px){.elementor-4713 .elementor-element.elementor-element-84f63c7{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-4713 .elementor-element.elementor-element-6c94690f{--grid-auto-flow:row;}.elementor-4713 .elementor-element.elementor-element-3e1306f{--grid-auto-flow:row;}.elementor-4713 .elementor-element.elementor-element-5d7dd8d{--grid-auto-flow:row;}.elementor-4713 .elementor-element.elementor-element-3d0179e{--grid-auto-flow:row;}.elementor-4713 .elementor-element.elementor-element-d8ec7bb{--grid-auto-flow:row;}.elementor-4713 .elementor-element.elementor-element-21a1871{--grid-auto-flow:row;}.elementor-4713 .elementor-element.elementor-element-62bb216{--padding-top:5%;--padding-bottom:5%;--padding-left:3%;--padding-right:3%;}.elementor-4713 .elementor-element.elementor-element-a52011a .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-4713 .elementor-element.elementor-element-479b490{--grid-columns:2;}}@media(max-width:639px){.elementor-4713 .elementor-element.elementor-element-e9d9374{--padding-top:5%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-4713 .elementor-element.elementor-element-266a9ca1{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4713 .elementor-element.elementor-element-74e2d8c{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4713 .elementor-element.elementor-element-1744b9eb > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-4713 .elementor-element.elementor-element-f6455c6{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-4713 .elementor-element.elementor-element-397660a9{text-align:center;}.elementor-4713 .elementor-element.elementor-element-397660a9 .elementor-heading-title{font-size:18px;line-height:24px;}.elementor-4713 .elementor-element.elementor-element-6c94690f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4713 .elementor-element.elementor-element-523b888 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-29c8a7cf{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-40a42247 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-4d79fb0 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-9e24789{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-91c1c90 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-8b0ddae .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-cc2c9b2{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-2911ce9 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-17e85d8{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4713 .elementor-element.elementor-element-2f9522b{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4713 .elementor-element.elementor-element-bd87ff0 > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-4713 .elementor-element.elementor-element-b51cca4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-f33723f{text-align:center;}.elementor-4713 .elementor-element.elementor-element-f33723f .elementor-heading-title{font-size:18px;line-height:24px;}.elementor-4713 .elementor-element.elementor-element-3e1306f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4713 .elementor-element.elementor-element-07a7aab .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-7803403{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-d13834f .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-93d8218 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-4f5a42b{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-5e0d361 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-046afad .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-c2b3d5e{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-fc35c8b .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-122c37b4{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4713 .elementor-element.elementor-element-b359add{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4713 .elementor-element.elementor-element-1ab7d9da > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-4713 .elementor-element.elementor-element-323e13e5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-5a92df65{text-align:center;}.elementor-4713 .elementor-element.elementor-element-5a92df65 .elementor-heading-title{font-size:18px;line-height:24px;}.elementor-4713 .elementor-element.elementor-element-5d7dd8d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4713 .elementor-element.elementor-element-7147809 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-7a7fded{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-dbb1d27 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-55ca1df .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-871fcb4{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-853cfda .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-e432093 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-f1084fd{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-f3e0ff2 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-95c9c3c .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-5d7c2a9{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-100fefc .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-24a8bde .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-a62b008{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-65f6bcb .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-a93e51f .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-29a47f6{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-1026802 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-4d6c0c34{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4713 .elementor-element.elementor-element-cb54e48{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4713 .elementor-element.elementor-element-555c83ca > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-4713 .elementor-element.elementor-element-3eae6300{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-1ebee4b3{text-align:center;}.elementor-4713 .elementor-element.elementor-element-1ebee4b3 .elementor-heading-title{font-size:18px;line-height:24px;}.elementor-4713 .elementor-element.elementor-element-3d0179e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4713 .elementor-element.elementor-element-6de2e08 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-779a121{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-ff67926 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-01a7fbd .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-62c022e{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-eefa9af .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-2380a6e .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-3d5ff54{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-fd31431 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-3bf5b46 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-9ab4b8a{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-b84e3ef .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-fefe70e .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-8c3a4e8{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-b4524d9 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-9b5841e .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-4c14741{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-f53f856 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-3e33f55e{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4713 .elementor-element.elementor-element-75bac1cb{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4713 .elementor-element.elementor-element-70d030e > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-4713 .elementor-element.elementor-element-5443c1e7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-76be0ac6{text-align:center;}.elementor-4713 .elementor-element.elementor-element-76be0ac6 .elementor-heading-title{font-size:18px;line-height:24px;}.elementor-4713 .elementor-element.elementor-element-d8ec7bb{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4713 .elementor-element.elementor-element-9d36e8d .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-f4bfd28{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-32cf621 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-8ec3b0c .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-09a27ab{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-b98f0b5 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-f5df173 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-41319cc{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-089f0dd .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-3a8deb9 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-6110994{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-896b699 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-3b5119b .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-5d82281{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-8f91b1f .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-796dc6e .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-da5a424{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-b3ad779 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-66344dad{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4713 .elementor-element.elementor-element-6130ffe3{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4713 .elementor-element.elementor-element-6bcdca1f > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-4713 .elementor-element.elementor-element-2b5d7958{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-73ee2227{text-align:center;}.elementor-4713 .elementor-element.elementor-element-73ee2227 .elementor-heading-title{font-size:18px;line-height:24px;}.elementor-4713 .elementor-element.elementor-element-21a1871{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4713 .elementor-element.elementor-element-0779375 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-664d13d{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-6b849e3 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-9c1447a .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-b70cc01{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-e827af6 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-c31681f .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-87bab52{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-2d110a3 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-0d3d6c3 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-d799ddc{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-a813432 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-04308ba .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-07f98cf{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-68922e8 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-c80e14b .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-94adbf4{--justify-content:flex-start;}.elementor-4713 .elementor-element.elementor-element-2eb4c10 .elementor-heading-title{font-size:17px;}.elementor-4713 .elementor-element.elementor-element-5373b1b{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-justify-content:center;--n-tabs-title-align-items:center;--n-tabs-title-text-align:center;}.elementor-4713 .elementor-element.elementor-element-62bb216{--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:7%;}.elementor-4713 .elementor-element.elementor-element-a52011a{text-align:left;}.elementor-4713 .elementor-element.elementor-element-a52011a .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-4713 .elementor-element.elementor-element-479b490{--grid-columns:1;--grid-row-gap:10px;--grid-column-gap:0px;}}/* Start custom CSS for html, class: .elementor-element-1744b9eb */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28c0a367 */.shadow-hover:hover {
    /*box-shadow: */
    /*rgba(50,50,93,0.25) 0px 50px 100px -20px, rgba(0,0,0,0.3) 0px 30px 60px -30px;*/
}
.shadow-hover {
    cursor:pointer;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd87ff0 */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67cadb5 */.shadow-hover:hover {
    /*box-shadow: */
    /*rgba(50,50,93,0.25) 0px 50px 100px -20px, rgba(0,0,0,0.3) 0px 30px 60px -30px;*/
}
.shadow-hover {
    cursor:pointer;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ab7d9da */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-555c83ca */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70d030e */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6bcdca1f */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1744b9eb */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28c0a367 */.shadow-hover:hover {
    /*box-shadow: */
    /*rgba(50,50,93,0.25) 0px 50px 100px -20px, rgba(0,0,0,0.3) 0px 30px 60px -30px;*/
}
.shadow-hover {
    cursor:pointer;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd87ff0 */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67cadb5 */.shadow-hover:hover {
    /*box-shadow: */
    /*rgba(50,50,93,0.25) 0px 50px 100px -20px, rgba(0,0,0,0.3) 0px 30px 60px -30px;*/
}
.shadow-hover {
    cursor:pointer;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ab7d9da */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-555c83ca */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70d030e */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6bcdca1f */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1744b9eb */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28c0a367 */.shadow-hover:hover {
    /*box-shadow: */
    /*rgba(50,50,93,0.25) 0px 50px 100px -20px, rgba(0,0,0,0.3) 0px 30px 60px -30px;*/
}
.shadow-hover {
    cursor:pointer;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd87ff0 */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67cadb5 */.shadow-hover:hover {
    /*box-shadow: */
    /*rgba(50,50,93,0.25) 0px 50px 100px -20px, rgba(0,0,0,0.3) 0px 30px 60px -30px;*/
}
.shadow-hover {
    cursor:pointer;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ab7d9da */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-555c83ca */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70d030e */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6bcdca1f */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1744b9eb */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28c0a367 */.shadow-hover:hover {
    /*box-shadow: */
    /*rgba(50,50,93,0.25) 0px 50px 100px -20px, rgba(0,0,0,0.3) 0px 30px 60px -30px;*/
}
.shadow-hover {
    cursor:pointer;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd87ff0 */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67cadb5 */.shadow-hover:hover {
    /*box-shadow: */
    /*rgba(50,50,93,0.25) 0px 50px 100px -20px, rgba(0,0,0,0.3) 0px 30px 60px -30px;*/
}
.shadow-hover {
    cursor:pointer;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ab7d9da */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-555c83ca */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70d030e */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6bcdca1f */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1744b9eb */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28c0a367 */.shadow-hover:hover {
    /*box-shadow: */
    /*rgba(50,50,93,0.25) 0px 50px 100px -20px, rgba(0,0,0,0.3) 0px 30px 60px -30px;*/
}
.shadow-hover {
    cursor:pointer;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd87ff0 */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67cadb5 */.shadow-hover:hover {
    /*box-shadow: */
    /*rgba(50,50,93,0.25) 0px 50px 100px -20px, rgba(0,0,0,0.3) 0px 30px 60px -30px;*/
}
.shadow-hover {
    cursor:pointer;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ab7d9da */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-555c83ca */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70d030e */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6bcdca1f */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1744b9eb */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28c0a367 */.shadow-hover:hover {
    /*box-shadow: */
    /*rgba(50,50,93,0.25) 0px 50px 100px -20px, rgba(0,0,0,0.3) 0px 30px 60px -30px;*/
}
.shadow-hover {
    cursor:pointer;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd87ff0 */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67cadb5 */.shadow-hover:hover {
    /*box-shadow: */
    /*rgba(50,50,93,0.25) 0px 50px 100px -20px, rgba(0,0,0,0.3) 0px 30px 60px -30px;*/
}
.shadow-hover {
    cursor:pointer;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ab7d9da */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-555c83ca */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70d030e */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6bcdca1f */.book-html-widget {
    display: contents !important;
}

.book-html-widget .elementor-widget-container {
    display: contents !important;
}

.book-main{ }
.book {
    transform: scale(0.7);
    float: left;
    top: -22px;
}

@media (max-width: 767px) {
    .book {
        float:none;
        display: block;
        transform: translate3d(0,0,0) scale(0.9)!important;
    -webkit-transform: translate3d(0,0,0) scale(0.9)!important;
    }
}

.hardcover_front img {
    height: 100%;
}

.test-caption {
    padding-top: 15px;
    padding-left: 15px;
    color: #282828;
}

@media (min-width: 768px) and (max-width:991px) {
    .test-caption {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .test-caption {
        font-size:16px;
    }
}

.test-annotation {
    padding-left: 15px;
    opacity: 0;
    transition: 0.7s;
}

.item-selected strong {
    font-size: 22px;
    color: #32b4c8;
}

.book-logo {
    padding: 30px 0 0 30px;
}

.book-logo img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.test-cover {
    height: 97px;
    width: 97px;
    float: left;
    margin-right: 25px;
    border: 1px solid #d4dae0;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .test-cover {
        width:100%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
        float: none;
    }
}


/* more styles */
.book ul li {
    list-style-type: none;
}

.list-volume li .volume-name {
    position: relative;
    float: left;
}

.list-volume li .volume-name .icon-video {
    position: relative;
    font-style: normal;
    margin-left: 8px;
}

.list-volume li .volume-name .icon-video span {
    position: absolute;
    padding: 8px 9px 10px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: 0.1px;
    text-align: center;
    width: 100%;
    min-width: 168px;
    transform: translateX(-50%);
    left: 0;
    bottom: calc(100% + 8px);
    background: #284664;
    border-radius: 4px;
    color: #fff;
}

@media (max-width: 767px) {
    .list-volume li .volume-name .icon-video span {
        padding:6px 9px 6px;
    }
}

.list-volume li .volume-name .icon-video span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #284664;
    bottom: -5px;
    left: 51.6%;
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        float:none;
    }
}

.list-volume li .volume-name:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -15px;
    top: 7px;
    background-color: #284664;
}

@media (max-width: 767px) {
    .list-volume li .volume-name:before {
        left:auto;
        top: -1px;
        margin-right: 4px;
        display: inline-block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .list-volume li .volume-name {
        display:block;
    }
}

.cl-right {
    background-color: #f7f7f7;
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width:991px) {
    .cl-right {
        display:none;
    }
}

@media (max-width: 767px) {
    .cl-right {
        padding-bottom:50px;
    }
}

@media (max-width: 767px) {
    .box-caption-margin {
        margin-top:0;
    }
}

.hardcover_back li:before,.hardcover_back li:after {
    content: "";
}

.book {
    position: relative;
    width: 160px;
    height: 220px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front li:first-child {
    background-color: #eee;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hardcover_front li:last-child {
    background: #fffbec;
}

.hardcover_back li:first-child {
    background: #fffbec;
}

.hardcover_back li:last-child {
    background: #fffbec;
}

.book_spine li:first-child {
    background: #eee;
}

.book_spine li:last-child {
    background: #333;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    background: #999;
}

.book-page > li {
    background: -webkit-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -moz-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: -ms-linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    background: linear-gradient(left,#e1ddd8 0%,#fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50,50,50,0.1),inset -1px 0px 1px rgba(150,150,150,0.2);
    border-radius: 0px 5px 5px 0px;
}

.hardcover_front {
    -ms-transform: rotateY(-34deg) translateZ(8px);
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}

.hardcover_back {
    -ms-transform: rotateY(-15deg) translateZ(-8px);
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book-page li:nth-child(1) {
    -ms-transform: rotateY(-28deg);
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book-page li:nth-child(2) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book-page li:nth-child(3) {
    -ms-transform: rotateY(-32deg);
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book-page li:nth-child(4) {
    -ms-transform: rotateY(-34deg);
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book-page li:nth-child(5) {
    -ms-transform: rotateY(-36deg);
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hardcover_front,.hardcover_back {
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.hardcover_front {
    -ms-transition: all 0.8s ease,z-index 0.6s;
    -webkit-transition: all 0.8s ease,z-index 0.6s;
    -moz-transition: all 0.8s ease,z-index 0.6s;
    transition: all 0.8s ease,z-index 0.6s;
}

.hardcover_front li:first-child {
    z-index: 99;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_front li:last-child {
    -ms-transform: rotateY(180deg) translateZ(2px);
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

.hardcover_back li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.hardcover_back li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

.hardcover_front li:first-child:after,.hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_front li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_front li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_front li:last-child:after,.hardcover_front li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_front li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}

.hardcover_front li:last-child:before {
    box-shadow: 0px 0px 30px 5px #333;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

.hardcover_back li:first-child:after,.hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.hardcover_back li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.hardcover_back li:first-child:before {
    -ms-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.hardcover_back li:last-child:after,.hardcover_back li:last-child:before {
    width: 4px;
    height: 160px;
}

.hardcover_back li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.hardcover_back li:last-child:before {
    box-shadow: 10px -1px 80px 20px #666;
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

.book_spine {
    -ms-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book_spine li:first-child {
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book_spine li:last-child {
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

.book_spine li:first-child:after,.book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book_spine li:first-child:after {
    -ms-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book_spine li:first-child:before {
    -ms-transform: rotateY(-90deg) translateZ(-12px);
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book_spine li:last-child:after,.book_spine li:last-child:before {
    width: 4px;
    height: 16px;
}

.book_spine li:last-child:after {
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book_spine li:last-child:before {
    box-shadow: 5px -1px 100px 40px rgba(0,0,0,0.2);
    -ms-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-page,.book-page > li {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book-page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book-page > li {
    width: 100%;
    height: 100%;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -ms-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book-page > li:nth-child(1) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(2) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book-page > li:nth-child(3) {
    -ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book-page > li:nth-child(4) {
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book-page > li:nth-child(5) {
    -ms-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book:hover > .hardcover_front,.test-item:hover .hardcover_front {
    -ms-transform: rotateY(-145deg) translateZ(0);
    -webkit-transform: rotateY(-145deg) translateZ(0);
    -moz-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}

.book:hover > .book-page li:nth-child(1),.test-item:hover .book-page li:nth-child(1) {
    -ms-transform: rotateY(-30deg);
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -ms-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book:hover > .book-page li:nth-child(2),.test-item:hover .book-page li:nth-child(2) {
    -ms-transform: rotateY(-35deg);
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -ms-transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book:hover > .book-page li:nth-child(3),.test-item:hover .book-page li:nth-child(3) {
    -ms-transform: rotateY(-118deg);
    -webkit-transform: rotateY(-118deg);
    -moz-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -ms-transition-duration: 1.6s;
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book:hover > .book-page li:nth-child(4),.test-item:hover .book-page li:nth-child(4) {
    -ms-transform: rotateY(-130deg);
    -webkit-transform: rotateY(-130deg);
    -moz-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -ms-transition-duration: 1.4s;
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book:hover > .book-page li:nth-child(5),.test-item:hover .book-page li:nth-child(5) {
    -ms-transform: rotateY(-140deg);
    -webkit-transform: rotateY(-140deg);
    -moz-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -ms-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coverDesign::after {
    background-image: -webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: -moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    background-image: linear-gradient(-135deg,rgba(255,255,255,0.45) 0%,transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: -moz-linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
    background-image: linear-gradient(top,#f1c40f 58%,#e7ba07 0%);
}

.blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: -moz-linear-gradient(top,#3498db 58%,#2a90d4 0%);
    background-image: linear-gradient(top,#3498db 58%,#2a90d4 0%);
}

.grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: -moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
    background-image: linear-gradient(top,#f8e9d1 58%,#e7d5b7 0%);
}

.ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -ms-transform: rotateZ(45deg) translateZ(1px);
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.ribbon::before,.ribbon::after {
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.ribbon::before {
    left: -20px;
    border-left: 20px solid transparent;
}

.ribbon::after {
    right: -20px;
    border-right: 20px solid transparent;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-5373b1b *//*
.inner-tabs #tab-all-skills.e-n-tab-title:has(:hover, :focus, :active, [aria-selected="true"]) {
    background-color: #112d94!important;
    background-image: linear-gradient(transparent, rgb(0 0 0 / 0.3))!important;
    --n-tabs-title-color-hover: white;
    --n-tabs-icon-color-hover: white;
}
.inner-tabs #tab-listening.e-n-tab-title:has(:hover, :focus, :active, [aria-selected="true"]) {
    background: linear-gradient(180deg,#33B2C7 0%,#268695 100%)!important;
    --n-tabs-title-color-hover: white;
    --n-tabs-icon-color-hover: white;
}
.inner-tabs #tab-reading.e-n-tab-title:has(:hover, :focus, :active, [aria-selected="true"]) {
    background: linear-gradient(180deg,#337845 0%,#265A35 100%)!important;
    --n-tabs-title-color-hover: white;
    --n-tabs-icon-color-hover: white;
}
.inner-tabs #tab-writing.e-n-tab-title:has(:hover, :focus, :active, [aria-selected="true"]) {
    background: linear-gradient(180deg,#FAA859 0%,#BB7F44 100%)!important;
    --n-tabs-title-color-hover: white;
    --n-tabs-icon-color-hover: white;
}
.inner-tabs #tab-speaking.e-n-tab-title:has(:hover, :focus, :active, [aria-selected="true"]) {
    background: linear-gradient(180deg,#C86478 0%,#954B5A 100%)!important;
    --n-tabs-title-color-hover: white;
    --n-tabs-icon-color-hover: white;
}

*/


/* spacetree css - on active */
:root{
    --bg-all-skills: #08539E 
    /*linear-gradient(transparent, rgb(0 0 0 / 0.2))*/;
    --bg-writing: #FAA859
    /*linear-gradient(180deg,#FAA859 0%,#BB7F44 100%)*/;
    --bg-speaking: #C86478
    /*linear-gradient(180deg,#C86478 0%,#954B5A 100%)*/
    ;
    --bg-listening: #33B2C7
    /*linear-gradient(180deg,#33B2C7 0%,#268695 100%)*/;
    --bg-reading:#337845 
    /*linear-gradient(180deg,#337845 0%,#265A35 100%)*/
    ;
}

#tab-all-skills[aria-selected='true'], #tab-all-skills:hover, #tab-all-skills[aria-selected='true']:hover{
    background: var(--bg-all-skills) !important;
    --n-tabs-title-color-hover: white;
    --n-tabs-icon-color-hover: white;
}

#tab-listening[aria-selected='true'], #tab-listening:hover, #tab-listening[aria-selected='true']:hover{
    background: var(--bg-listening) !important;
    --n-tabs-title-color-hover: white;
    --n-tabs-icon-color-hover: white;
}


#tab-reading[aria-selected='true'], #tab-reading:hover, #tab-reading[aria-selected='true']:hover {
     background: var(--bg-reading) !important;
     --n-tabs-title-color-hover: white;
     --n-tabs-icon-color-hover: white;
}



#tab-writing[aria-selected='true'], #tab-writing:hover, #tab-writing[aria-selected='true']:hover {
    background: var(--bg-writing) !important;
    --n-tabs-title-color-hover: white;
    --n-tabs-icon-color-hover: white;
}

#tab-speaking[aria-selected='true'], #tab-speaking:hover, #tab-speaking[aria-selected='true']:hover {
    background: var(--bg-speaking) !important;
    --n-tabs-title-color-hover: white;
    --n-tabs-icon-color-hover: white;
}

.e-n-tabs-heading:has(#tab-all-skills) {
    flex-wrap: wrap;
}

.e-n-tabs-heading:has(#tab-all-skills) .e-n-tab-title {
    flex:1;
}

@media screen and (max-width:767px) {
    #tab-all-skills {
        flex-basis: 100%!important;
    }
}/* End custom CSS */