/*--------------------------------------------------------------------------------------------------------------------*
 * DEFAULT
/*--------------------------------------------------------------------------------------------------------------------*/
/* SECTION 1 */
.grid {width:100%; display:flex; justify-content:center; position:relative; z-index:10; row-gap:40px; column-gap:40px; box-sizing:border-box}
.grid.center {align-items:center}
.grid.rotate {flex-direction:column}
.grid.narrow {row-gap:20px}
.grid.common {padding:120px 0}
.grid.common.magic {padding:170px 0 120px 0}
.grid.uncommon {padding-bottom:50px}

/* SECTION 2 */
.grid-heading {width:100%; float:left}
.grid-heading h1 {font-size:48px; line-height:56px; font-weight:400}
.grid-heading h4 {font-size:24px; line-height:32px; font-weight:500}
.grid-heading h4.t1 {font-size:22px; line-height:28px}
.grid-heading h3 {font-size:36px; line-height:46px; font-weight:500}
.grid-heading h3.t1 {font-size:30px; line-height:40px}
.grid-heading h3.t2 {font-size:42px; line-height:52px}
.grid-heading h6 {font-size:15px; line-height:15px; font-weight:600}
.grid-heading h6.upper {text-transform:uppercase}
.grid-switcher {border-radius:8px; float:left}
.grid-switcher ul {padding:3px; display:flex; box-sizing:border-box}
.grid-switcher li {min-width:150px; text-align:center}
.grid-switcher a {display:block; font-size:15px; line-height:15px; font-weight:600; border-radius:6px; padding:18px 45px}
.grid-switcher.s1 {margin-bottom:80px}
.grid-switcher.alpha ul {padding:4px}
.grid-switcher.omega {border-radius:0; background:none; width:320px}
.grid-switcher.omega ul {border-radius:30px; padding:0}
.grid-switcher.omega li {width:50%}
.grid-switcher.omega a {border-radius:30px; display:flex; align-items:center; justify-content:center}
.grid-subtitle {width:500px; float:none; margin:0 auto; display:table}
.grid-subtitle p {font-size:15px; line-height:23px; text-align:center}
.grid-subtitle p a {text-decoration:underline}
.grid-subtitle.t1 p {font-size:20px; line-height:28px; font-weight:400}

.grid-heading h3 {color:#1b203d}
.grid-heading.classic h3 {color:#262626}
.grid-heading.dark h1 {color:#fff}
.grid-heading.dark h4 {color:#fff}
.grid-switcher {background:#e5e5e5}
.grid-switcher a {color:#59607B}
.grid-switcher a.active {background:#fff; color:#1B203E; box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2)}
.grid-switcher a:hover {color:#1b203d}
.grid-switcher.alpha {border:1px solid #d7d6d6}
.grid-switcher.omega ul {border:2px solid #2d2d2d; background:#1A1D25}
.grid-switcher.omega a.active {background:#f2f2f2; color:#444}
.grid-switcher.dark {background:#1A1D25}
.grid-switcher.dark a, .grid-switcher.omega a {color:#CDCDCF}
.grid-switcher.dark a.active {box-shadow:none; color:#444}
.grid-switcher.dark a:hover, .grid-switcher.omega a:hover {color:#777}
.grid-subtitle p {color:#595f7a}
.grid-subtitle p a {color:#5865B3}
.grid-subtitle p a:hover {color:#1b203d}
.grid-subtitle.classic p {color:#2d2d2d}
.grid-subtitle.classic p a {color:#156cb5}
.grid-subtitle.classic p a:hover {color:#111}

/* SECTION 3 */
.grid-text, .grid-text p, .grid-items {width:100%; float:left}
.grid-text.center {text-align:center}
.grid-text p {font-size:18px; line-height:28px; font-weight:300; margin-bottom:20px}
.grid-text p:last-child {margin-bottom:0}
.grid-text p strong {font-weight:bold}
.grid-text p a {text-decoration:underline}
.grid-text.t1 p {font-size:17px; line-height:25px}
.grid-text.t2 p {font-size:16px; line-height:24px}
.grid-items {display:flex; column-gap:30px; row-gap:20px; justify-content:center; flex-wrap:wrap}
.grid-buttons {float:left; width:100%; display:flex; flex-wrap:wrap; row-gap:12px; column-gap:12px}
.grid-learn {font-size:16px; line-height:24px; font-weight:500; padding:12px 30px; border-radius:100px; display:inline-flex; align-items:center; column-gap:10px}
.grid-learn.b1 {border-radius:8px}
.grid-learn.b2 {border-radius:4px}
.grid-learn.cta {font-size:18px; line-height:24px; padding:15px 40px; border-radius:10px}
.grid-learn span {width:18px; height:18px; font:18px/18px "WPLine"}

.grid-text {color:#595f7a}
.grid-text p a {color:#5865B3}
.grid-text p a:hover {color:#1b203d}
.grid-text.classic p {color:#282828}
.grid-text.classic p a {color:#156cb5}
.grid-text.classic p a:hover {color:#111}
.grid-text.dark {color:#eee}
.grid-learn {color:#545470; border-color:#cbccd5; background:#f5f7fb}
.grid-learn:hover {background:#e5e7f0}
.grid-learn.classic {color:#555; border-color:#bdbdbd}
.grid-learn.blue {color:#fff; background:#4c64d9; border-color:#4c64d9}
.grid-learn.blue:hover {background:#364ab2; border-color:#364ab2}
.grid-learn.green {color:#fff; background:#36c001; border-color:#36c001}
.grid-learn.green:hover {background:#298605; border-color:#298605}
.grid-learn.dark {color:#eee; border-color:#eee; background:none}
.grid-learn.dark:hover {color:#fff; border-color:#fff; background:#222}

/* SECTION 4 */
.grid-image, .grid-gallery, .grid-gallery-item, .grid-video {width:100%; float:left}
.grid-image, .grid-gallery-item, .grid-image {position:relative}
.grid-image img {width:100%; max-width:100%; height:auto; float:left; object-fit:cover}
.grid-image figcaption {padding-top:5px; display:block; float:left}
.grid-image.round, .grid-video.round {overflow:hidden}
.grid-image.round img {border-radius:10px}
.grid-image.round.x0 img {border-radius:50%}
.grid-image.round.x1 img {border-radius:12px}
.grid-image.round.x2 img {border-radius:16px}
.grid-gallery .bx-wrapper {position:relative}
.grid-gallery .bx-controls {position:absolute; top:15px; right:15px}
.grid-gallery .bx-controls-direction {display:flex; column-gap:12px}
.grid-gallery .bx-controls-direction a {font:10px/10px "WP"; width:30px; height:30px; border-radius:50%; display:flex;; align-items:center; justify-content:center}
.grid-gallery .bx-prev.disabled, .grid-gallery .bx-next.disabled {display:none}
.grid-gallery-item img {width:100%; max-width:100%; height:auto; float:left; object-fit:cover}
.grid-gallery-item figcaption {padding-top:5px; display:block; float:left}
.grid-gallery-live {visibility:hidden}
.grid-gallery.fixed .grid-gallery-item {height:388px; overflow:hidden; border-radius:12px}
.grid-gallery.fixed figure, .grid-gallery.fixed figure a {width:100%; height:100%; display:flex; justify-content:center; align-items:center}
.grid-gallery.fixed figcaption, .grid-image.c1 figcaption {padding-top:0; float:none; position:absolute; bottom:15px; left:15px; padding:7px 12px; font-size:12px; line-height:16px;border-radius:4px}
.grid-gallery.fixed img {height:100%}
.grid-image.mobile, .grid-image.mask {display:none}
.grid-video {height:360px; position:relative}
.grid-video.round {border-radius:8px}
.grid-video iframe {position:absolute; top:0; left:0; width:100%; height:100%}
.grid.pad40 .grid-gallery.fixed .grid-gallery-item {height:362px}

.grid-gallery .bx-controls-direction a {background:rgba(0,0,0,0.8); color:#fff}
.grid-gallery .bx-controls-direction a:hover {background:rgba(0,0,0,1)}
.grid-gallery-item figcaption, .grid-image figcaption {color:#666}
.grid-gallery.fixed figcaption, .grid-image.c1 figcaption {background: rgba(53, 53, 55, 0.8); color: #9d9d9d}
.grid-image.dark figcaption {color:#999}

/* SECTION - BLOCK 1 */
.grid-block {width:50%; box-sizing:border-box}
.grid-block.fixed {width:768px}
.grid-block.p40 {width:40%}
.grid-block.p60 {width:60%}

/* SECTION - BLOCK 2 */
.grid-block ul.t2 li {font-size:16px; line-height:24px}
.grid-block ul.round, .grid-block ul.round li {width:100%; float:left}
.grid-block ul.round {margin-bottom:20px}
.grid-block ul.round li {position:relative; box-sizing:border-box; padding-left:20px; display:block; margin-bottom:4px}
.grid-block ul.round li:before {content:""; position:absolute; top:10px; left:2px; width:6px; height:6px; border-radius:50%}
.grid-block ul.round li:last-child {margin-bottom:0}

.grid-block ul.round {color:#595f7a}
.grid-block ul.round li:before {background:#222}
.grid-block ul.round li a {color:#156cb5}
.grid-block ul.round li a:hover {color:#1b203d}
.grid-block ul.round.dark {color:#ddd}
.grid-block ul.round.dark.round li:before {background:#ddd}







.grid-block1 ol {color:#595f7a}



.grid-heading.dark p {color:#eee}




.grid-heading p {font-size:20px; line-height:28px; font-weight:400; margin-top:10px}
.grid-subsearch-form, .grid-subsearch-field, .grid-subtext {width:100%; float:left}
.grid-subheading {font-size:14px; line-height:22px; text-transform:uppercase; font-weight:500; display:inline-flex; align-items:center; column-gap:10px}
.grid-subheading.boxy {padding:2px 14px; box-sizing:border-box; border-radius:24px}
.grid-subheading.t1 {font-size:12px; line-height:20px}
.grid-subheading span {width:8px; height:8px; content:""}
.grid-subheading span.round {border-radius:50%}
.grid-subsearch {width:500px; float:none; margin:0 auto; display:table}
.grid-subsearch-form {position:relative}
.grid-subsearch-form:after {position:absolute; top:12px; right:10px; content:'1'; font:20px/20px "WPLine"; width:20px; height:20px; z-index:50}
.grid-subsearch-field {padding:15px 40px 15px 20px; outline:none; border:0; border-radius:3px; position:relative; z-index:10; font-size:16px; line-height:16px; box-sizing:border-box}

.grid-subtext {display:block; font-size:14px; line-height:20px; margin-top:10px}
.grid-subtext a {text-decoration:underline}




.grid-subheading {color:#222}
.grid-subsearch-form:after {color:#444}
.grid-subsearch-field {color:#2c3543; background:#fff}






.grid-learn.b211 {border-width:2px; padding:10px 30px}



.grid-learn.purple-line {color:#fff; background:none; border-color:#4c3b54}
.grid-learn.dark-green {color:#fff; background:#2e9648; border-color:#2e9648}
.grid-learn.dark-green:hover {background:#298605; border-color:#298605}


.grid-learn.gray {color:#222; background:#e5e5e5; border-color:#e1e1e1}

.grid-learn.dark.plain:hover {color:#fff; background:none}




.grid-learn.me {color:#fff; background:#1787fb; border-color:#1787fb}


.grid-learn.me:hover {background:#364ab2; border-color:#364ab2}
.grid-learn.gray:hover {background:#e5e7f0}
.grid-learn.purple {color:#fff; background:#b92eff; border-color:#b92eff}
.grid-learn.purple:hover, .grid-learn.crimson:hover {border-color:#444; background:#444; color:#fff}
.grid-learn.crimson {color:#fff; background:#e91a4e; border-color:#e91a4e}






/* SECTION - BLOCK 2 */
.grid-block1 ul, .grid-block1 ol, .grid-block1 li {width:100%; float:left}



.grid.reverse {flex-direction:row-reverse}



.grid.space {margin-bottom:20px}
.grid.round {border-radius:20px}
.grid.pad40 {padding:40px}


.grid-heading h3.s2 {margin-bottom:5px}




.grid-heading h4.s2 {margin-bottom:20px}


.grid-heading.mask h3 {display:none}
.grid-heading.text-center {text-align:center}

.grid-heading.blue h4 {color:#3988ca}

.grid-heading.dark h3 {color:#fff}

.grid-heading.dark.blue h4 {color:#6aaee6}

.grid-heading.classic h3, .grid-heading.dark-green h3 {color:#262626}


/* SECTION 2 */
.grid-card {width:50%; box-sizing:border-box}
.grid-block.p30 {width:30%}

.grid-block.p70 {width:70%}

.grid-card {padding:50px; border-radius:20px; box-sizing:border-box}
.grid-card.backdrop {backdrop-filter: blur(50px)}

.grid-items.space {margin-bottom:20px}

.grid-card.backdrop {background:hsla(0, 0%, 100%, .11)}

/* SECTION 3 */

.grid-block ul.t1 li, .grid-block ol.t1 {font-size:17px; line-height:25px}

.grid-block ul.icon {position:relative}
.grid-block ul.icon:before {width:2px; height:100%; position:absolute; content:""; left:29px}
.grid-block ul.icon li {margin-bottom:20px}
.grid-block ul.icon li a {display:flex; column-gap:20px; position:relative; z-index:2}
.grid-block ul.icon li a div.icon span {font:26px/26px "WPLine"; border-radius:50%; width:54px; height:54px; display:flex; justify-content:center; align-items:center; z-index:2; position:relative}
.grid-block ul.icon li a div.text {flex:1 1 0; padding-top:12px; min-height:70px; box-sizing:border-box}
.grid-block ul.icon li a div.text h3 {font-size:28px; line-height:36px; font-weight:500; margin-bottom:8px}
.grid-block ul.icon li a div.text p {font-size:17px; line-height:25px; display:none}
.grid-block ul.icon li a.active div.text p {display:block}
.grid-block ul.icon li:last-child {margin-bottom:0}
.grid-block ul.related {margin-top:20px}
.grid-block ul.related li {list-style:none; margin-bottom:4px; position:relative; padding-left:15px; font-size:16px; line-height:26px}
.grid-block ul.related li:last-child {margin-bottom:0}
.grid-block ul.related li:before {content:""; width:5px; height:5px; border-radius:50%; position:absolute; top:11px; left:0}
.grid-block ul.related li a {word-break:break-all; word-wrap: break-word; display:inline-block}
.grid-block ul.related li a i {margin-left:7px; display:inline-block; height:15px; width:15px; font:15px/15px "WP"}
.grid-block ul.related li a span {text-decoration:underline}

.grid-block ul.checked li {margin-bottom:8px; position:relative; box-sizing:border-box; font-size:18px; line-height:24px}
.grid-block ul.checked li {padding-left:30px}
.grid-block ul.checked li:before {width:30px; position:absolute; font:20px/20px "WP"; content:"*"; top:3px; left:0}
.grid-block ul.checked li h3 {font-size:24px; line-height:32px; font-weight:500}
.grid-block ul.checked li h3.s1 {margin-bottom:5px}
.grid-block ul.checked li p {font-size:16px; line-height:24px}
.grid-block ul.checked li.s1 {margin-bottom:30px; padding-left:40px}
.grid-block ul.checked li.s1:before {width:40px; top:8px}
.grid-block ul.checked.space {margin-bottom:20px}
.grid-block ul.checked li:last-child {margin-bottom:0}
.grid-block ul.photos {display:flex; flex-wrap:wrap; column-gap:40px; row-gap:40px; justify-content:center}
.grid-block ul.photos li {flex:1 1 0; min-width:200px}
.grid-block ul.photos li img {width:100%; max-width:100%; height:auto; float:left}
.grid-block ul.photos li.round img {border-radius:8px}
.grid-block ul.photos li figure {position:relative; display:flex}
.grid-block ul.photos li figcaption {position:absolute; bottom:15px; left:15px; padding:8px 12px; font-size:14px; line-height:14px;border-radius:4px}
.grid-block ol {font-size:18px; line-height:24px; font-weight:300}
.grid-block ol.s1 {margin-top:10px}
.grid-block ol.space {margin-bottom:20px}
.grid-block ol li {list-style:inside decimal}
.grid-block ol li a {text-decoration:underline}


.grid-block ul.icon:before {border-left:2px solid #ddd}
.grid-block ul.icon li a div.icon span {border:2px solid #d2d2d2; color:#777; background:#fff; box-shadow:0 0 0 8px #fff}
.grid-block ul.icon li a div.text {color:#595f7a}
.grid-block ul.icon li a div.text h3 {color:#7b7b8c}
.grid-block ul.icon li a:hover div.icon span {border:2px solid #cbccd5; color:#545470; background:#e5e7f0}
.grid-block ul.icon li a:hover div.text h3 {color:#1b203d}
.grid-block ul.icon li a.active div.icon span {border:2px solid #4c64d9; color:#4c64d9; background:#f0f2ff}
.grid-block ul.icon li a.active div.text h3 {color:#1b203d}
.grid-block ul.icon li a.active:hover div.icon span {border:2px solid #364ab2; color:#fff; background:#364ab2}
.grid-block ul.icon li:last-child a {background:#fff}
.grid-block ul.related li:before {background:#333}
.grid-block ul.related li a i {color:#888}

.grid-block ul.checked li:before {color:#f2c994}
.grid-block ul.checked.dark {color:#bbb}
.grid-block ul.checked.dark h3 {color:#fff}
.grid-block ul.checked.dark li:before {color:#a0c800}
.grid-block ul.photos li figcaption {background:#fff; color:#666}
.grid-block ul.classic {color:#444}

.grid-block ol.dark {color:#ddd}


.grid-subtext, .grid-xcard {width:100%; float:left}

.grid-xcard p {font-size:18px; line-height:28px; font-weight:300; margin-bottom:20px}

.grid-xcard p a {text-decoration:underline}
.grid-text p.mask {display:none; width:100%; float:left}
.grid-text p.nospace {margin-bottom:0}

.grid-text.s2 {margin-bottom:10px}
.grid-text.s3 {margin-bottom:15px}


.grid-xcard {box-sizing:border-box; padding:30px}
.grid-xcard.round {border-radius:12px}


.grid-xcard p, .grid-subtext {color:#595f7a}
.grid-xcard p a, .grid-subtext a {color:#5865B3}
.grid-xcard p a:hover, .grid-subtext a:hover {color:#1b203d}




.grid-xcard {box-shadow:0 4px 40px 0 #eee; background:#fff}

/* SECTION 5 */
.grid-logo {width:320px; float:left; margin-bottom:20px}
.grid-logo img {width:100%; max-width:100%; height:auto; float:left}
.grid-icon {width:50px; margin-bottom:20px}
.grid-icon i {font:50px/50px "WPLine"; display:block}

.grid-buttons.exp {column-gap:20px}
.grid-buttons.s1 {margin-top:10px}
.grid-buttons.s2 {margin-top:20px}
.grid-buttons.center {justify-content:center;}

.grid-learn.plain {padding:12px 0; border-radius:0; border-width:0; text-decoration:underline}




.grid-icon.dark {color:#fff}




/*--------------------------------------------------------------------------------------------------------------------*
 * RESPONSIVE & RETINA
/*--------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:320px) and (max-width:1023px) {
.grid {flex-direction:column; row-gap:20px; column-gap:20px}
.grid.common {padding:70px 0}
.grid.common.magic {padding:120px 0 70px 0}
.grid.uncommon {padding-bottom:30px}

.grid-heading h1 {font-size:30px; line-height:38px}
.grid-heading h3 {font-size:28px; line-height:38px}
.grid-heading h3.t1 {font-size:26px; line-height:36px}
.grid-heading h3.t2 {font-size:30px; line-height:40px}
.grid-heading p {font-size:16px; line-height:24px}
.grid-switcher li {min-width:120px}
.grid-switcher a {padding:15px 30px}
.grid-switcher.s1 {margin-bottom:40px}
.grid-switcher.omega {width:300px}
.grid-subtitle {width:300px}

.grid-items {flex-direction:column; row-gap:15px; column-gap:0}
.grid-items.space {margin-bottom:15px}
.grid-learn.cta {font-size:15px; line-height:21px; padding:15px 25px}

.grid-gallery.fixed .grid-gallery-item {height:188px}
.grid-gallery.fixed figcaption {bottom:10px; left:10px}
.grid-image.neo, .grid-image.mobile {margin:0 auto; display:table; width:250px; float:none}
.grid-image.desktop {display:none}
.grid-image.mobile {width:100%}
.grid-video {height:169px}
.grid.pad40 .grid-gallery.fixed .grid-gallery-item {height:174px}

.grid-block {width:100%}
.grid-block.fixed {width:100%}
.grid-block.p40 {width:100%}
.grid-block.p60 {width:100%}


.grid-subsearch {width:300px}





.grid.reverse {flex-direction:column}
.grid.spec {margin-top:20px; margin-bottom:20px}


.grid.round {border-radius:10px}
.grid.pad40 {padding:10px}




.grid-block.p30 {width:100%}

.grid-block.p70 {width:100%}

.grid-card {width:100%; padding:20px}


.grid-block ul.icon li a {column-gap:15px}
.grid-block ul.icon li a div.text h3 {font-size:24px; line-height:32px}
.grid-block ul.icon li a div.text p {font-size:15px; line-height:23px}
.grid-block ul.checked li h3 {font-size:18px; line-height:26px}
.grid-block ul.checked li.s1 {margin-bottom:20px; padding-left:30px}
.grid-block ul.checked li.s1:before {width:30px; top:3px}
.grid-block ul.checked li.s1:last-child {margin-bottom:0}
.grid-block ul.photos {column-gap:10px; row-gap:10px}
.grid-block ul.photos li {min-width:140px}
.grid-block ul.photos li figcaption {bottom:10px; left:10px}



.grid-xcard {padding:15px}

.grid-logo {width:250px}





}

@media only screen and (min-width:360px) and (max-width:1023px) {
.grid-switcher li {min-width:140px}
.grid-switcher a {padding:15px 40px}

.grid-gallery.fixed .grid-gallery-item {height:213px}
.grid-video {height:191px}



.grid.pad40 {padding:15px}


.grid.pad40 .grid-gallery.fixed .grid-gallery-item {height:192px}
}

@media only screen and (min-width:375px) and (max-width:1023px) {
.grid-gallery.fixed .grid-gallery-item {height:222px}
.grid-video {height:200px}

.grid.pad40 .grid-gallery.fixed .grid-gallery-item {height:202px}
}

@media only screen and (min-width:414px) and (max-width:1023px) {
.grid-gallery {margin:0 auto; width:380px; float:none; display:table}
.grid-gallery.fixed .grid-gallery-item {height:238px}
.grid-image.mobile {width:380px}
.grid-video {margin:0 auto; width:380px; float:none; display:table; height:214px}


.grid-block ul.photos {column-gap:16px; row-gap:16px}
.grid-xcard {padding:20px}


.grid.pad40 .grid-gallery.fixed {width:340px}
.grid.pad40 .grid-gallery.fixed .grid-gallery-item {height:212px}
}

@media only screen and (min-width:480px) and (max-width:1023px) {
.grid.common {padding:80px 0}
.grid.common.magic {padding:130px 0 80px 0}
.grid.uncommon {padding-bottom:40px}

.grid-heading h1 {font-size:36px; line-height:44px}
.grid-switcher li {min-width:150px}
.grid-switcher a {padding:18px 45px}
.grid-switcher.s1 {margin-bottom:50px}
.grid-switcher.omega {width:320px}
.grid-subtitle {width:400px}

.grid-gallery {width:400px}
.grid-gallery.fixed .grid-gallery-item {height:250px}
.grid-gallery.fixed figcaption {bottom:15px; left:15px}
.grid-image.neo {width:300px}
.grid-image.mobile {width:400px}
.grid-video {height:225px}


.grid-subsearch {width:400px}



.grid.pad40 {padding:20px}


.grid-block ul.checked li h3 {font-size:20px; line-height:28px}
.grid-block ul.checked li.s1:before {top:4px}
.grid-block ul.photos {column-gap:20px; row-gap:20px}
.grid-block ul.photos li {min-width:160px}
.grid-block ul.photos li figcaption {bottom:15px; left:15px}






}

@media only screen and (min-width:600px) and (max-width:1023px) {	
.grid {row-gap:24px; column-gap:24px}

.grid-gallery {width:420px}
.grid-gallery.fixed .grid-gallery-item {height:288px}
.grid-video {height:259px}



.grid.pad40 {padding:25px}



.grid-card {padding:30px}

.grid-block ul.checked li.s1 {margin-bottom:25px}
.grid-block ul.checked li.s1:last-child {margin-bottom:0}
.grid-block ul.photos {column-gap:24px; row-gap:24px; float:none; margin:0 auto; width:520px}
.grid-block ul.photos li {min-width:200px}

.grid-xcard {padding:25px}


.grid.pad40 .grid-gallery.fixed {width:400px}
.grid.pad40 .grid-gallery.fixed .grid-gallery-item {height:250px}
}

@media only screen and (min-width:640px) and (max-width:1023px) {

}

@media only screen and (min-width:768px) and (max-width:1023px) {
.grid {flex-direction:row}
.grid.common {padding:90px 0}
.grid.common.magic {padding:140px 0 90px 0}
.grid.uncommon {padding-bottom:50px}

.grid-heading h1 {font-size:40px; line-height:40px}
.grid-heading h3.t2 {font-size:36px; line-height:46px}

.grid-items {flex-direction:row; column-gap:16px}

.grid-gallery {margin:0; width:100%; float:left; display:block}
.grid-gallery.fixed .grid-gallery-item {height:225px}
.grid-gallery.fixed figcaption {bottom:10px; left:10px}
.grid-image.neo, .grid-image.mobile {width:100%; margin:0; display:block; float:left}
.grid-image.desktop {display:block}
.grid-image.mobile {display:none}
.grid-video {height:203px}

.grid-block, .grid-card {width:50%}
.grid-block.fixed {width:700px}
.grid-block.p40 {width:40%}
.grid-block.p60 {width:60%}


.grid-subsearch {width:500px}





.grid.reverse {flex-direction:row-reverse}
.grid.spec {margin:0}


.grid.pad40 {padding:25px}



.grid-block.p30 {width:40%}

.grid-block.p70 {width:60%}

.grid-card {padding:20px}


.grid-block ul.photos {column-gap:16px; row-gap:16px; float:left; margin:auto; width:100%}
.grid-block ul.photos li {min-width:160px}
.grid-block ul.photos li figcaption {bottom:10px; left:10px}

.grid-subtitle {width:500px}

.grid-xcard {padding:20px}

.grid-switcher.s1 {margin-bottom:60px}


.grid.pad40 .grid-gallery.fixed {width:100%}
.grid.pad40 .grid-gallery.fixed .grid-gallery-item {height:332px}
}

@media only screen and (min-width:960px) and (max-width:1023px) {
.grid {row-gap:30px; column-gap:30px}
.grid.common {padding:100px 0}
.grid.common.magic {padding:150px 0 100px 0}

.grid-heading h1 {font-size:48px; line-height:56px}

.grid-block.fixed {width:768px}


.grid.pad40 {padding:30px}



.grid-card {padding:30px}
.grid-items {column-gap:20px}
.grid-items.space {margin-bottom:20px}

.grid-block ul.photos {column-gap:20px; row-gap:20px}
.grid-block ul.photos li {min-width:200px}
.grid-block ul.photos li figcaption {bottom:15px; left:15px}

.grid-switcher.s1 {margin-bottom:70px}

.grid-gallery.fixed .grid-gallery-item {height:278px}
.grid-gallery.fixed figcaption {bottom:15px; left:15px}
.grid-video {height:250px}
.grid.pad40 .grid-gallery.fixed .grid-gallery-item {height:259px}
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
.grid {row-gap:30px; column-gap:30px}
.grid.common {padding:110px 0}
.grid.common.magic {padding:160px 0 110px 0}

.grid-heading h3 {font-size:30px; line-height:40px}
.grid-heading h3.t1 {font-size:28px; line-height:38px}
.grid-heading h3.t2 {font-size:36px; line-height:46px}



.grid.pad40 {padding:30px}


.grid-card {padding:40px}
.grid-items {column-gap:20px}
.grid-items.space {margin-bottom:15px}

.grid-block ul.checked li h3 {font-size:20px; line-height:28px}
.grid-block ul.checked li.s1 {padding-left:30px}
.grid-block ul.checked li.s1:before {width:30px; top:4px}
.grid-block ul.photos {column-gap:24px; row-gap:24px}

.grid-xcard {padding:25px}

.grid-switcher.s1 {margin-bottom:70px}

.grid-gallery.fixed .grid-gallery-item {height:303px}
.grid-video {height:273px}
.grid.pad40 .grid-gallery.fixed .grid-gallery-item {height:284px}
}

@media only screen and (min-width:1280px) and (max-width:1679px) {
.grid-items {column-gap:24px}
.grid-block ul.photos {column-gap:30px; row-gap:30px}
.grid-gallery.fixed .grid-gallery-item {height:353px}
.grid-video {height:318px}
.grid.pad40 .grid-gallery.fixed .grid-gallery-item {height:327px}
}