/**/

header.header .nav {
	display: block;
}
.sewvo .btn {

}
#form_signin {
  color: #32325D;
}
/*
가변 색상 네비인데 이거 때문에 로그인창 색 변해서 흰색 나오면 글자 안보임.
*/

/*
이미지 경로 index 안 붙은거 현재까지 2개
.intro.intro--alt 일단 원래대로 꼬라박아보고 안나오면 수정
.intro--alt:after max-width: 1023px도 체크
gnb에 프로덕트 아이콘 호버시 트렌지션 일단 안넣음
*/

/* ------------------------------------------------------------ *\
	Settings
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Colors
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Sprite
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

/*font-family: 'Source Sans Pro', sans-serif;*/

body { min-width: 320px; background: #fff; font-family: Source Sans Pro, Helvetica, sans-serif; font-size: 16px; line-height: 1.25; color: #32325D; }

a { color: inherit; text-decoration: underline; }

a:hover,
a[href^="tel"] { text-decoration: none; }

.sewvo h1,
.sewvo h2,
.sewvo h3,
.sewvo h4,
.sewvo h5,
.sewvo h6 { margin-bottom: 0.625em; letter-spacing: 0.0125em; font-weight: 600; line-height: 1.25; }

.sewvo h1 { font-size: 54px; line-height: 1.26; }

.sewvo h2 { font-size: 48px; letter-spacing: 0; }

.sewvo h3 { font-size: 34px; line-height: 1.29; font-weight: 400; }

.sewvo h4 { font-size: 32px; }

.sewvo h5 { font-size: 16px; }

.sewvo h6 { font-size: 12px; font-weight: 400; }

.sewvo p,
.sewvo ul,
.sewvo ol,
.sewvo dl,
.sewvo hr,
.sewvo table,
.sewvo blockquote { margin-bottom: 1.25em; }

.sewvo h1[class],
.sewvo h2[class],
.sewvo h3[class],
.sewvo h4[class],
.sewvo h5[class],
.sewvo h6[class],
.sewvo h1:last-child,
.sewvo h2:last-child,
.sewvo h3:last-child,
.sewvo h4:last-child,
.sewvo h5:last-child,
.sewvo h6:last-child,
.sewvo p:last-child,
.sewvo ul:last-child,
.sewvo ol:last-child,
.sewvo dl:last-child,
.sewvo table:last-child,
.sewvo blockquote:last-child { margin-bottom: 0; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.sewvo h1 { font-size: 38px; line-height: 1.11; }/*!*/
	.sewvo h2 { font-size: 30px; }/*!*/
	.sewvo h3 { font-size: 34px; }
	.sewvo h4 { font-size: 22px; }/*!*/
	.sewvo h5 { font-size: 16px; }
	.sewvo h6 { font-size: 14px; }/*!*/
}

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

/*
@font-face {
    font-family: 'Avenir Next';
    src: url('../fonts/AvenirNextLTW01-Regular.woff2') format('woff2'),
         url('../fonts/AvenirNextLTW01-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('../fonts/AvenirNextW10-Demi.woff2') format('woff2'),
         url('../fonts/AvenirNextW10-Demi.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
*/

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after { content: ''; display: block; clear: both; }

/*  Notext  */

.notext { overflow: hidden; text-indent: 101%; white-space: nowrap; }

/*  Hidden  */

[hidden],
.hidden { display: none !important; }

/*  Alignleft  */

.alignleft { float: left; }

/*  Alignright  */

.alignright { float: right; }

/*  Disabled  */

[disabled],
.disabled { cursor: default; }

/*  Grid  */

.cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -15px -40px; }

.col { max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding: 0 15px; margin-bottom: 40px; }

.col--1of2 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }

.col--1of3 { max-width: 33.33%; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; }

.col--1of4 { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; }

/*  Responsive Helpers  */

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }

@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
}

@media (min-width: 768px) and (max-width: 1023px) {
	.hidden-sm { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}

@media (min-width: 1024px) and (max-width: 1200px) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}

@media (min-width: 1201px) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}

.txt-pink { color: #F22A7B; }

.bg-pink { background-color: #F22A7B; }

.txt-blue  {color: #2D63F9; }

.txt-blue-base  {color: #27279B; }

.bg-blue  { background-color: #2D63F9; }

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

* { padding: 0; margin: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

*:before,
*:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main { display: block; }

template { display: none; }

html { -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img,
iframe,
video,
audio,
object { max-width: 100%; }

img,
iframe { border: 0 none; }

img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

/*
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }
*/

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }

textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { padding: 92px 0 25px; position: relative; z-index: 2; background-color: #fff;  }

.footer .shell { position: relative; z-index: 10; }

.footer .footer__body { padding-bottom: 60px; border-bottom: 1px solid #DDDDFF; margin-bottom: 23px; }

.footer .footer__body h6 { text-transform: uppercase; margin-top: 3px; font-weight: 600; margin-bottom: 22px; }

.footer .footer__cols { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -51px; }

.footer .footer__col { padding: 0 51px; }

.footer .logo-link + .logo-link { margin-top: 7px; }

.footer .footer__foot { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 9px; }

.footer .footer__foot .socials { margin-left: auto; }

.footer .footer__foot .copyright { margin-left: 11%; }

.footer .footer__foot .list-links { margin-left: 5.8%; }

.section-form + .footer { padding-top: 63px; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-form + .footer { padding-top: 32px; }

	.footer { padding: 32px 0; }

	.footer .footer__cols { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 -47px; }
	.footer .footer__col { width: 45%; padding: 0; margin-bottom: 47px; }
/*	.footer .footer__col:nth-child(2n+1):not(:first-child) { padding-left: 10px; }	*/

	.footer .logo-link + .logo-link { margin-bottom: -12px;  }

	.footer .footer__body { padding-bottom: 26px;  margin-bottom: 20px; }
	.footer .footer__body h6 { margin-top: 3px; margin-bottom: 19px; }

	.footer .footer__foot { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0px 9px; max-width: 300px; }
	.footer .footer__foot .list-links  { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0;  }
	.footer .footer__foot .copyright { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 19px 0 22px 0;  }
	.footer .footer__foot .logo { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
	.footer .footer__foot .socials { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; margin-right: 22px;  }

}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { position: absolute; top: 0; left: 0; width: 100%; z-index: 10; color: #fff; padding: 34px 0; z-index: 30; }

.header .header__inner { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.header .header__aside { width: 200px; padding-bottom: 10px; }

.header .header__content { width: 20%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: right; }

.header--white { color: #27279B; }

.header--white .nav a:not(.btn ) { color: #27279B; }

.sewvo .header--white .btn--request { background-color: #27279B; color: #fff; }

.sewp .header--white .btn--request,
.sewvo .header--white .btn--request:hover { border: 1px solid #27279B; color: #27279B; }

.header--white .logo svg * { fill: #27279B; }

.header--white .nav-trigger span { background-color: #27279B; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.header { padding: 14px 0px; position: fixed; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; }
	.header--fix { background-color: #27279B; }

	.header .header__aside { padding-bottom: 0; width: 120px; }
	.header .header__aside svg { -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s; -webkit-transition-delay: 0!important; -o-transition-delay: 0!important; transition-delay: 0!important; }

	.header .logo svg { max-width: 118px; }

	.header .nav-trigger { vertical-align: middle; margin-left: 17px; }

	.header .nav { position: absolute; top: 49px; left: 0; width: 100%; background-color: #fff; height: calc(100vh - 49px); opacity: 0; pointer-events: none; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; }
	.header .nav .dropdown { display: none; }

	.header.expanded { background-color: #fff; }
	.header.expanded .btn--request.visible-xs-inline-block { opacity: 0; }
	.header.expanded .nav { opacity: 1; pointer-events: auto; }
	.header.expanded .header__aside svg *{ fill: #27279B; }

	.header.expanded .nav-trigger span { background: #27279B; }
	.header.expanded ~ * { display: none;  }

	.header--white.header--fix { background-color: #fff; }

	.header--pink.header--fix { background-color: #F22A7B;  }
	.header--pink.expanded { background-color: #fff;  }
}

@media (max-width: 374px) {
	.header .btn--request { padding: 8px 11px; }
	.header .nav { top: 61px; }
}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1130px; padding-left: 10px; padding-right: 10px; margin: auto; }

.shell--fluid { max-width: none; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.shell { padding: 0 15px; }
}

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { min-height: 100vh; overflow: hidden; }

/*  Wrapper Primary  */

.wrapper--primary:after { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/index/temp/pattern.png) repeat 0 0; pointer-events: none; }

/* ------------------------------------------------------------ *\
	Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Animate
\* ------------------------------------------------------------ */

.animate { -webkit-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; }

.animate.animated { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.animate--fadein { opacity: 0; }

.animate--fadeinleft { opacity: 0; -webkit-transform: translate(100px, 0); -ms-transform: translate(100px, 0); transform: translate(100px, 0); }

.animate--fadeinright { opacity: 0; -webkit-transform: translate(-100px, 0); -ms-transform: translate(-100px, 0); transform: translate(-100px, 0); }

.animate--fadeinup { opacity: 0; -webkit-transform: translate(0, 100px); -ms-transform: translate(0, 100px); transform: translate(0, 100px); }

/* ------------------------------------------------------------ *\
	App
\* ------------------------------------------------------------ */

.app { -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.1); box-shadow: 0 0 14px rgba(0,0,0,0.1); border-radius: 8px; height: 100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap;  }

.app .app__head { color: #fff; background-image: -webkit-gradient( linear, left top, right top, from(rgba(64,64,177,1)), to(rgba(9,9,116,1))); background-image: -o-linear-gradient( left, rgba(64,64,177,1) 0%, rgba(9,9,116,1) 100%); background-image: linear-gradient( to right, rgba(64,64,177,1) 0%, rgba(9,9,116,1) 100%); position: relative; padding: 41px 30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 1px;
min-height: 201px;  }

.app .app__head:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/index/temp/pattern-small.svg) repeat 0 0; pointer-events: none; z-index: 1; }

.app .app__head h4 { position: relative; z-index: 2; }

.app .app__body { padding: 29px 31px; font-size: 16px; margin-bottom: auto;  }

.app .app__body h6 { font-size: 16px; letter-spacing: 0.0125em; font-weight: 600; margin-bottom: 21px;  }

.app .app__body p { font-size: 12px; letter-spacing: 0.0125em; }

.app .app__foot { padding: 0 31px 30px; }

/* Mobile */

@media (max-width: 767px) {
	.app .app__head { padding: 20px 30px; min-height: 120px; }
	.app .app__body { padding: 20px 30px; }
}

/* ------------------------------------------------------------ *\
	Articles
\* ------------------------------------------------------------ */

@media (max-width: 1023px) {
	.articles .cols { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
	.articles .col { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
}

@media (max-width: 767px) {
	.articles .cols { display: block; }
	.articles .col { max-width: 100%; }
	.articles .article { -webkit-transition-delay: 0s !important; -o-transition-delay: 0s !important; transition-delay: 0s !important; }

	.articles--primary .cols { margin-bottom: -59px; }
	.articles--primary .col { margin-bottom: 59px; }
	.articles--primary .article .article__image-inner { padding-top: 87%; }
	.articles--primary .article .article__body { margin: 22px 10px 0; }
}

/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */

.article h5 { margin: 0; }

.article h5 + p { margin: 10px 0 0; }

.article h5 span { font-size: 24px; display: block; margin-bottom: 7px; }

.article p { font-size: 12px; line-height: 1.25; letter-spacing: 0.01em; }

.article .article__image a { display: block; overflow: hidden; }

.article .article__image a:hover .article__image-inner { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.article .article__image-inner { display: block; height: 301px; background-size: cover; background-position: center center; position: relative; -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; -o-transition: transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; }

/*.article .article__image-inner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(39, 39, 155, .7); }*/

.article .article__body { margin: 20px 10px 0; }

@media (max-width: 767px) {
	.article .article__image-inner { height: initial; padding-top: 100%; }
	.article .article__body { margin: 20px 0 0; }

}

/* ------------------------------------------------------------ *\
	Articles Alt
\* ------------------------------------------------------------ */

.articles-alt { position: relative; z-index: 10; }

@media (max-width: 1023px) {
	.articles-alt .col--1of3 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
}

@media (max-width: 767px) {
	.articles-alt .cols { display: block; margin-bottom: -33px; }
	.articles-alt .col { max-width: 100%; margin-bottom: 30px; }
	.articles-alt .article-alt { -webkit-transition-delay: 0s !important; -o-transition-delay: 0s !important; transition-delay: 0s !important; }
}

/* ------------------------------------------------------------ *\
	Article Alt
\* ------------------------------------------------------------ */

.article-alt img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity .4s; -o-transition: opacity .4s; transition: opacity .4s; }

.article-alt > a { display: block; background: #F9F6FF; padding-top: 88.5%; position: relative; }

.article-alt > a:hover img { opacity: .7; }

@media (max-width: 767px) {
	.article-alt > a { padding-top: 64%; }
}

/* ------------------------------------------------------------ *\
	Article Studies
\* ------------------------------------------------------------ */

.article-studies { background-color: #fff; border-radius: 8px; overflow: hidden; -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.1); box-shadow: 0 0 14px rgba(0,0,0,0.1); }

.article-studies .article__media { position: relative; }

.article-studies .article__media img { width: 100%; }

.article-studies .article__media:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0 ; background-color: #27279B; opacity: 0.2; }

.article-studies .article__content { padding: 31px 30px; }

.article-studies .article__content h4 { margin-bottom: 9px;  }

.article-studies .article__content p { letter-spacing: 0.0125em; margin-bottom: 31px;  }

.article-studies strong { font-weight: 600;  }

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.sewvo .btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/* Button Block */

.sewvo .btn--block { display: block; padding-left: 0; padding-right: 0; }

.sewvo .btn { padding: 22px 20px; color: #fff; text-transform: uppercase; font-size: 24px; text-align: center; display: inline-block; min-width: 316px; border-radius: 6px; letter-spacing: 0.0125em; background-color: #2D63F9; border: 2px solid #2D63F9; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.sewvo .btn:hover { background-color: transparent; color: #27279B; }

.sewvo .btn--pink { background-color: #F22A7B; border-color: #F22A7B; }

.sewvo .btn--pink:hover { background-color: transparent; color: #F22A7B; }

.sewvo .btn--request { font-size: 12px; font-weight: 600; color: #27279B; text-transform: uppercase; background-color: #fff; border-radius: 4px; display: inline-block; padding: 8px 20px; border: 1px solid #fff; min-width: 100%; }

.sewvo .btn--request:hover { background-color: transparent; color: #fff; }

.sewvo .btn--med { padding: 18px 27px; font-size: 24px; min-width: 289px; }

.sewvo .btn--big { padding: 24px 30px; font-size: 24px; min-width: 315px; }

.sewvo .btn--blue { background: #27279B; border-color: #27279B; }

.sewvo .btn--size1 { font-size: 16px; font-weight: 600; width: 100%; min-width: 0; padding: 18px 20px; }

.sewvo .btn--size1 img { margin-right: 8px; }

.sewvo .btn--pinktxt { background-color: #fff; color: #F22A7B; border-color: #fff; }

.sewvo .btn--pinktxt:hover { color: #fff; }

.sewvo .btn--bluetxt { background-color: #fff; color: #27279B; border-color: #fff; }

.sewvo .btn--bluetxt:hover { color: #fff; }

.sewvo .btn--outline { color: #F22A7B; border-color: currentColor; background-color: transparent; }

.sewvo .btn--outline:hover { color: #fff; background-color: #F22A7B; border-color:#F22A7B; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.btn { min-width: unset; padding: 10px 20px; font-size: 20px; }

	.btn--request { letter-spacing: 0; font-size: 12px; padding: 8px 20px;  }
	.btn--big { width: 100%; }
}

/* ------------------------------------------------------------ *\
	Cards
\* ------------------------------------------------------------ */

.cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 -10px; }

/* ------------------------------------------------------------ *\
	Card
\* ------------------------------------------------------------ */

.card { width: 246px; padding: 0 10px; margin-bottom: 30px; text-align: center; }

.card .card__image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 70px; height: 70px; margin-bottom: 16px; }

.card .card__title { font-size: 20px; font-weight: 600; letter-spacing: 0; margin-bottom: 6px; }

.card .card__entry { font-size: 12px; letter-spacing: 0.012em; }

.card--middle { margin: 0 37px; }

/*  Card Sizes  */

.card--size-1of3 { max-width: 33%; -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; }

.card--size-1of4 { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; }

.card--size-1of5 { max-width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.card--middle { margin: 0 0 37px; }
}

/* Mobile */

@media (max-width: 767px) {
	.card { width: 50%; }
	.card--size-1of4 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }
	.card--size-1of5 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }
}

/* ------------------------------------------------------------ *\
	Copyright
\* ------------------------------------------------------------ */

.copyright { font-size: 12px; letter-spacing: 0.01765em; font-weight: 400; margin: 0; padding: 0;  }

/* ------------------------------------------------------------ *\
	Dropdown
\* ------------------------------------------------------------ */

.sewvo .hasDropdown { position: relative; }

.sewvo .hasDropdown > a span { content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 4px 4px 0 4px; border-color: currentColor transparent transparent transparent; vertical-align: middle; margin-left: 7px; }

@media(min-width: 1024px){
	.sewvo .hasDropdown { padding-bottom: 15px;  }
	.sewvo .hasDropdown:hover .dropdown { opacity: 1; pointer-events: auto; }
	.sewvo .hasDropdown .dropdown li { display: block; }
	.sewvo .hasDropdown .dropdown li a, .hasDropdown .dropdown li a:hover { font-size: 12px; color: #2D20A1; text-transform: uppercase; text-decoration: none; font-weight: 600;  }
	.sewvo .dropdown { position: absolute; background-color: #fff; text-align: left; top: 100%; left: -24px; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; }

	.sewvo .hasDropdown .dropdown { border-radius: 8px; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.8); box-shadow: 0 0 8px rgba(0,0,0,.8); padding: 22px 22px; min-width: 170px; }
	.sewvo .hasDropdown .dropdown li + li { margin-top: 20px; }

	.sewvo .hasDropdown .dropdown--big { padding: 35px 20px; min-width: 380px; }
	.sewvo .hasDropdown .dropdown--big li + li { margin-top: 32px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.sewvo .hasDropdown > a span  { margin-left: auto; border-width: 11px 8px 0 8px; border-radius: 2px; position: absolute; top: 50%; right: 4px; margin-top: -5px; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
	.sewvo .hasDropdown--expanded > a span  { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); }
	.sewvo .hasDropdown--expanded > a  { -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }
	.sewvo .hasDropdown--expanded > a { color: #7569E8!important;  }

	.sewvo .hasDropdown .dropdown { padding: 10px 0; }
	.sewvo .hasDropdown .dropdown li + li { margin-top: 5px; }
	.sewvo .hasDropdown .dropdown a { font-size: 20px!important; }
}

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }

textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }

textarea:-ms-input-placeholder { color: inherit; opacity: 1; }

textarea::-ms-input-placeholder { color: inherit; opacity: 1; }

textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

/*  Field  */

.field { color: #27279B; width: 100%; border: 1px solid #bebee2; border-radius: 4px; height: 60px; padding: 0 17px; letter-spacing: 0.05em; -webkit-transition: border-color .4s; -o-transition: border-color .4s; transition: border-color .4s; }

.field::-webkit-input-placeholder { color: #c1c0ce; }

.field::-moz-placeholder { color: #c1c0ce; }

.field:-moz-placeholder { color: #c1c0ce; }

.field:-ms-input-placeholder { color: #c1c0ce; }

.field:focus { border-color: #27279B; }

.error-container .field { border-color: #FF1C1C; }

/*  Checkbox  */

.checkbox input { display: none; }

.checkbox input:checked + label:before { opacity: 1; }

.checkbox label { display: inline-block; position: relative; font-weight: 600; color: #27279B; letter-spacing: 0.0125em; padding-left: 30px; text-align: left !important;  }

.checkbox label:after,
.checkbox label:before { content: ''; position: absolute; top: -2px; left: -3px; }

.checkbox label:after { width: 24px; height: 24px; border: 2px solid #27269b; border-radius: 2px; }

.checkbox label:before { background: url(../images/index/temp/ico-check.png) no-repeat 0 0; width: 13px; height: 10px; background-size: 100% 100%; margin: 7px 0 0 6px; opacity: 0; -webkit-transition: opacity .4s; -o-transition: opacity .4s; transition: opacity .4s; }

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form { background-color: #fff; border-radius: 8px; -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.1); box-shadow: 0 0 14px rgba(0,0,0,0.1); color: #32325D; padding: 60px 95px; }

.form .form__head { text-align: center; padding: 0 20px; margin-bottom: 40px; }

.form .form__head h4 { margin-bottom: 12px; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.form { padding: 33px 15px 26px; }

	.form .form__head { padding: 0 2px; }
	.form .form__head h4 { font-size: 32px; }
}

/* ------------------------------------------------------------ *\
	Form Alt
\* ------------------------------------------------------------ */

.form-alt { background: #fff; border-radius: 7px; overflow: hidden; padding-bottom: 32px; }

.form-alt .form__head { background: -webkit-gradient(linear, left top, right top, from(#3f3fb1), to(#131584)); background: -o-linear-gradient(left, #3f3fb1, #131584); background: linear-gradient(to right, #3f3fb1, #131584); color: #fff; text-align: center; padding: 25px 10px; position: relative; overflow: hidden; }

.form-alt .form__head:after { content: ''; position: absolute; top: 0; left: 0; width: 1440px; height: 2920px; background: url(../images/index/temp/pattern.png) repeat 0 0;   }

.form-alt .form__head h3 { font-size: 38px; font-weight: 400; }

.form-alt .form__body { padding: 40px 20px 0; }

.form-alt .form__actions { padding: 30px 20px 0; text-align: center; }

.form-alt .form__actions .btn + .form__link { margin-top: 30px; }

.form-alt .form__actions-alt { padding: 30px 20px; text-align: center; }

.form-alt .form__actions-alt p { position: relative; color: #c2c1cf; margin: 30px 0; }

.form-alt .form__actions-alt p:after { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #c1c0d0; }

.form-alt .form__actions-alt p span { padding: 0 10px; background: #fff; position: relative; z-index: 10; }

.form-alt .form__actions-alt .checkbox { margin-top: 30px; }

.form-alt .form__label { display: block; font-weight: 600; /* font-family: 'Avenir Next', sans-serif; */ font-weight: 600; margin-bottom: 14px; }

.form-alt .form__link { text-decoration: none; text-transform: uppercase; color: #27279B; font-weight: 600; letter-spacing: 0.01em; display: inline-block; }

.form-alt .form__hint { text-align: right; margin: 10px 0 0; }

.form-alt .form__row--primary { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -5px; margin-right: -5px; }

.form-alt .form__row + .form__row { margin-top: 31px; }

.form-alt .form__col { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 5px;  }

/*  Form Alt Primary  */

.form-alt--primary { padding-bottom: 60px; }

.form-alt--primary .form__body { padding: 0 20px; }

.form-alt--primary .form__head + .form__body { padding-top: 40px; }

.form-alt--primary .form__actions-alt { padding: 40px 20px 0; }

@media (max-width: 767px) {
	.form-alt { padding-bottom: 23px; }
	.form-alt .form__head { padding: 14px 10px; }
	.form-alt .form__head h3 { font-size: 24px; }
	.form-alt .form__body { padding: 30px 15px 0;  }

	.form-alt .form__hint { text-align: center; margin: 30px 0 0; }
	.form-alt .form__actions-alt { padding: 30px 15px; }

	.form-alt .form__row--primary { display: block; }
	.form-alt .form__col { max-width: 100%; }
	.form-alt .form__col + .form__col { margin-top: 31px; }

	.form-alt .form__actions { padding: 30px 15px 0; }


	/*  Form Alt Primary  */
	.form-alt--primary .form__body { padding: 0 15px;  }
	.form-alt--primary .form__actions-alt { padding-bottom: 0px; }
	.form-alt--primary .form__head + .form__body { padding-top: 32px; }
}

@media(max-width: 374px){
	.form-alt .form__link { font-size: 15px; }
}

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro { color: #fff; padding: 228px 0; overflow: hidden; position: relative; }

.intro:after { content: ''; position: absolute; left: 0; top: 0 ; height: 100%; width: 100%; background-size: 100% 69%; background-position: top center; background-repeat: no-repeat; background-image: url(../images/index/temp/intro-bg.svg); z-index: 2; }

.intro:before { content: ''; position: absolute; left: 0; width: 100%; bottom: 13px; height: 68vw; background-image: url(../images/index/temp/program-bg@2x.png); background-size: 100% auto; background-position: bottom center; background-repeat: no-repeat; z-index: 1; }

.intro .shell { position: relative; z-index: 3; }

.intro .intro__body { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; margin-bottom: 386px; }

.intro .intro__content { width: 60%; }

.intro .intro__content h1 { margin-bottom: 43px; }

.intro .intro__content h4 { margin-bottom: 5px; }

.intro .intro__content p { font-size: 24px; letter-spacing: 0.0125em; font-weight: 400; }

.intro .intro__media { position: absolute; top: -120px; left: 44%; width: 100%; }

.intro--alt .intro__body { margin-bottom: 133px; }

.intro--alt:after { background-image: url(../images/index/temp/intro-bg-alt.svg); background-size: 100% 100%; }

.intro--alt:before { display: none; }

.intro--alt .intro__content { width: 58%; }

.intro--alt .intro__content img { margin-bottom: 23px; }

.intro--alt .intro__content h4 { letter-spacing: 0.0125em; margin-bottom: 63px; font-weight: 400; }

.intro--alt .intro__content p { font-size: 16px; max-width: 90%; margin-bottom: 41px; }
@media (max-width: 1023px) {
  .intro--alt .intro__content p { max-width: 100%; }
}

.intro--alt .intro__content .btn { font-weight: 600; }

.intro--alt .intro__media { top: -49px; left: 54%; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.intro { padding: 102px 0px 121px; text-align: center; }
	.intro .intro__body { display: block; margin-bottom: 41px; }

	.intro .intro__content { margin-bottom: 26px; padding: 0 10px; }
	.intro .intro__content h1 { margin-bottom: 32px; }
	.intro .intro__content h4 { margin-bottom: 9px; }
	.intro .intro__content p  { font-size: 20px; }
	.intro .intro__content { width: 100%; }

	.intro .intro__media { position: static; margin: 0 -40px 0 -55px; width: auto; }
	.intro .intro__media img { width: 100%; max-width: unset; }

	.intro:after { background-size: 237% 44.5%; background-position: 94% 0%;}
	.intro:before { display: none; }

  .intro--alt:after { background-size: 250% 100%; }
	.intro--alt .intro__media { padding-top: 30px; }
	.intro--alt .intro__media img { max-width: 500px; margin: 0 auto; }
}

/* ------------------------------------------------------------ *\
	Intro Alt
\* ------------------------------------------------------------ */

.intro-alt { text-align: center; padding: 168px 0 100px; color: #27279B; }

.intro-alt h1 { margin: 0; }

.intro-alt h1 + p { margin: 40px 0 0; }

.intro-alt p { font-size: 24px; line-height: 1.29; letter-spacing: 0.01em; }

.intro-alt .shell { position: relative; z-index: 10; }

@media (max-width: 767px) {
	.intro-alt { padding: 102px 0 50px; }
	.intro-alt h1 + p { margin: 29px 0 0; }
	.intro-alt p { font-size: 20px; line-height: 1.25; }
}

/* ------------------------------------------------------------ *\
	Intro Opt
\* ------------------------------------------------------------ */

.intro--opt { position: relative; padding: 230px 0 282px; }

.intro--opt:before { display: none; }

.intro--opt:after { display: block; content: ''; position: absolute; left: 0; top: 0; z-index: 2; height: 100%; width: 100%; background-size: cover; background-position: bottom center; background-repeat: no-repeat; background-image: url(../images/temp/intro-background-blue.svg); }

.intro--opt .intro__content img { margin-bottom: 20px; }

.intro--opt .intro__content h4 { margin-bottom: 20px; font-weight: 400; }

.intro--opt .intro__content p { font-size: 16px; letter-spacing: 0.014em; }

.intro--opt .intro__media { top: -52px; left: 42.6%; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.intro--opt { padding: 230px 0 161px; }
	.intro--opt:after { background-size: 360% 100%; }
	.intro--opt .intro__media { width: 70%; margin: 0 auto; }
}

/* Mobile */

@media (max-width: 767px) {
	.intro--opt { padding: 102px 0px 121px; }
}

/* ------------------------------------------------------------ *\

	Link
\* ------------------------------------------------------------ */

.link-product { font-size: 12px; color: #32325D; text-decoration: none; display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.link-product:before { display: none; }

.link-product + .link-product { margin-top: 10px; }

.link-product span { display: block; }

.link-product .link__media { width: 42px; }

.link-product .link__content { width: 20%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 12px; }

.link-product .link__content h5 { text-transform: uppercase; margin-bottom: 7px; }

.link-product svg  { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }

.link-product:hover svg {-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}


/* Tablet Portrait */

@media (max-width: 1023px) {
	.link-product { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
	.link-product .link__content h5 { margin-bottom: 0; }
}

.link-more { font-size: 16px; font-weight: 600; text-decoration: none; }

.link-more span { display: inline-block; margin-bottom: 0; letter-spacing: 0.0125em; }

a.link-more svg { margin-bottom: 0; display: inline-block; vertical-align: middle; margin-left: 10px; margin-right: -10px; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }

a.link-more svg * { fill: currentColor; }

.link-more:hover svg { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); }

.link-more--medium { font-size: 20px; }

.logo-link { display: block;  }

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	List Featured
\* ------------------------------------------------------------ */

.list-featured { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-pack: distribute; justify-content: space-around; margin: 0 -15px; }

.list-featured li { text-align: center; max-width: 45%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; }

.list-featured svg { margin-bottom: 30px; }

.list-featured h4 { font-size: 24px; }

.list-featured p { margin: 0 55px; letter-spacing: 0.0125em; margin-bottom: 46px; width: 100%; }

.list-featured .btn { margin-bottom: 32px; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.list-featured { display: block; margin: 0 0px; }

	.list-featured li { max-width: 100%; padding: 0 0px; }
	.list-featured li + li { margin-top: 97px; }

	.list-featured li > svg { width: 100%; max-width: 286px; margin: 0 auto 28px; }
	.list-featured p { margin: 0 0px 37px; }
	.list-featured .btn { margin: 0 10px 32px; width: 100%; }
}

/* ------------------------------------------------------------ *\
	List Logos
\* ------------------------------------------------------------ */

.list-logos { text-align: center; margin: 0 -40px; }

.list-logos li { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; display: inline-block; vertical-align: bottom; padding: 0 39px; }

.list-logos li a { display: inline-block; }

.list-logos li:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.list-logos li + li { margin-top: 59px; }
}

/* ------------------------------------------------------------ *\
	List Links
\* ------------------------------------------------------------ */

.list-links { text-decoration: none; text-transform: uppercase; color: #27279B; font-size: 12px; }

.list-links li + li { margin-top: 10px; }

.list-links a { display: inline-block; position: relative; text-decoration: none; font-weight: 400; letter-spacing: 0.025em; }

.list-links a:before { position: absolute; top: 95%; left: 0; width: 100%; height: 1px; background-color: currentColor; content: ''; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left;}

.list-links a:hover:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }

.list-links--horizontal { margin-bottom: 0; }

.list-links--horizontal li { display: inline-block; vertical-align: middle; }

.list-links--horizontal li + li { margin-left: 19px; margin-top: 0; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.list-links { font-size: 14px; }
	.list-links--horizontal li + li { margin-left: 16px; margin-top: 0; }
}

/* ------------------------------------------------------------ *\
	List Works
\* ------------------------------------------------------------ */

.list-works { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap;  }

.list-works li  { text-align: center; width: 31.6%; font-size: 24px; letter-spacing: 0.0125em; }

.list-works li div { -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.1); box-shadow: 0 0 14px rgba(0,0,0,0.1); border-radius: 10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 20px; min-height: 259px; height: 1px; margin-bottom: 21px;  }

/* Mobile */

@media (max-width: 767px) {
	.list-works { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -ms-flex-direction: column;  flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center;  }
	.list-works li  { width: 100%; max-width: 280px; }
	.list-works li + li  { margin-top: 50px;  }
}

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav >  ul > li { display: inline-block; }

.nav a:not(.btn ) { font-size: 14px; color: #fff; font-weight: 600; text-decoration: none; text-transform: uppercase; padding: 8px 4px; display: inline-block; position: relative; }

@media(min-width: 1024px){
	.nav a:not(.btn):before { position: absolute; top: 95%; left: 0; width: 100%; height: 1px; background-color: currentColor; content: ''; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left;}
	.nav a:not(.btn):hover:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }
	.nav .item-sing { border-left: 1px solid rgba(255, 255, 255, 0.39); padding-left: 20px; margin-left: 14px; }
}

.nav > ul > li + li  { margin-left: 18px; }

.nav > ul > li:last-child { margin-left: 12px; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.nav  { text-align: left; padding: 26px 10px; overflow-y: scroll; }
	.nav >  ul > li { display: block; }
	.nav >  ul > li + li  { margin-left: 0px; margin-top: 8px; border-top: 1px solid #C1C1CE; padding-top: 9px;  }
	.nav a:not(.btn ) { font-size: 24px; color: #27279B;  padding: 8px 4px; display: block; width: 100%; }

	.nav > ul > li:last-child { margin-left: 0px; padding: 30px 4px 0;  }
	.nav .btn { font-size: 24px; color: #fff; background-color: #27279B; width: 100%;  padding: 15px 4px; display: block; width: 100%; }
}

/* ------------------------------------------------------------ *\
	Nav Trigger
\* ------------------------------------------------------------ */

.nav-trigger { position: relative; display: none; width: 18px; height: 15px; }

.nav-trigger span { position: absolute; display: block; height: 3px; width: 100%; border-radius: 2px; background: #fff; -webkit-transition: top .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s; transition: top .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s; -o-transition: top .2s .25s, opacity .2s .25s, transform .2s 0s; transition: top .2s .25s, opacity .2s .25s, transform .2s 0s; transition: top .2s .25s, opacity .2s .25s, transform .2s 0s, -webkit-transform .2s 0s; }

.nav-trigger span:nth-child(1) { top: 0; }

.nav-trigger span:nth-child(2) { top: 6px; }

.nav-trigger span:nth-child(3) { top: 12px; }

.nav-trigger--active span { -webkit-transition: background .2s, top .2s, opacity .2s, -webkit-transform .2s .25s; transition: background .2s, top .2s, opacity .2s, -webkit-transform .2s .25s; -o-transition: background .2s, top .2s, opacity .2s, transform .2s .25s; transition: background .2s, top .2s, opacity .2s, transform .2s .25s; transition: background .2s, top .2s, opacity .2s, transform .2s .25s, -webkit-transform .2s .25s; }

.nav-trigger--active span:nth-child(3),
.nav-trigger--active span:nth-child(1) { top: 6px; }

.nav-trigger--active span:nth-child(2) { opacity: 0; }

.nav-trigger--active span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.nav-trigger--active span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.nav-trigger { display: inline-block;  }
}

/* ------------------------------------------------------------ *\
	Popup
\* ------------------------------------------------------------ */

.popup { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6); z-index: 100; opacity: 0; visibility: hidden; overflow-y: auto; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 50px 0; }

.popup .popup__inner { width: 540px; margin: auto; position: relative; }

.popup .popup__btn { position: absolute; top: 14px; right: 18px; z-index: 10; -webkit-transition: opacity .4s; -o-transition: opacity .4s; transition: opacity .4s; }

.popup .popup__btn:hover { opacity: .7; }

.popup .popup__btn .ico-x { width: 25px; height: 25px; display: inline-block; position: relative; }

.popup .popup__btn .ico-x:after,
.popup .popup__btn .ico-x:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); width: 100%; height: 3px; border-radius: 2px; background: #fff; }

.popup .popup__btn .ico-x:before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

.popup.animate-popup { -webkit-transition: opacity .4s, visibility .4s; -o-transition: opacity .4s, visibility .4s; transition: opacity .4s, visibility .4s; }

.popup.visible-popup { opacity: 1; visibility: visible; -webkit-transition: opacity .4s, visibility .4s; -o-transition: opacity .4s, visibility .4s; transition: opacity .4s, visibility .4s; }

@media (max-width: 767px) {
	.popup { padding: 50px 15px; }
	.popup .popup__inner { width: 100%; }
	.popup .popup__btn { right: 10px; }
	.popup .popup__btn .ico-x { width: 25px; height: 25px; }
	.popup .popup__btn .ico-x:after,
	.popup .popup__btn .ico-x:before { height: 4px; }

}

/* ------------------------------------------------------------ *\
	Program
\* ------------------------------------------------------------ */

.program { background-color: #fff; border-radius: 8px; -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.14); box-shadow: 0 0 14px rgba(0,0,0,0.14); padding: 65px 60px 95px; text-align: center; color: #32325D; }

.program .program__media { padding-bottom: 43px; border-bottom: 1px solid #C0C0CD; margin-bottom: 48px;  }

.program .program__media img { margin-right: -38px; }

.program .program__content { padding: 0 60px; }

.program .program__content h2 { margin-bottom: 29px; }

.program .program__content h4 { letter-spacing: 0; margin-bottom: 25px; }

.program .program__content h5 { letter-spacing: 0; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.program { border-radius: 8px; padding: 59px 23px 95px; text-align: center; color: #32325D; }
	.program .program__media { padding-bottom: 32px; margin-bottom: 44px;  }
	.program .program__media img { margin: 0 -16px; width: auto; max-width: unset; }

	.program .program__content { padding: 0 0px; width: auto; margin: 0 -5px; }
	.program .program__content h2 { margin-bottom: 43px; }
	.program .program__content h4 { font-size: 24px; margin-bottom: 28px; }
}

@media (max-width: 374px) {
	.program .program__media img { margin: 0; max-width: 100%; }
}

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section { padding: 31px 0 100px; position: relative; }

.section .line { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; }

.section .line--pink { height: 532px; width: 100vw; margin: -77px 0 0 -52px; }

.section .line--blue { height: 480px; width: 100vw; margin: 127px 0 0; z-index: 5; }

.section .shell { position: relative; z-index: 10; }

.section .section__head { text-align: center; margin-bottom: 30px; }

.section + .section { padding-top: 100px; }

.section + .section-subscribe { margin-top: 100px; }

.section--pink { background-color: #F22A7B; color: #fff; }

.section--blue { background-image: -webkit-gradient( linear, right top, left top, from(rgba(64,64,177,1)), to(rgba(9,9,116,1))); background-image: -o-linear-gradient( right, rgba(64,64,177,1) 0%, rgba(9,9,116,1) 100%); background-image: linear-gradient( to left, rgba(64,64,177,1) 0%, rgba(9,9,116,1) 100%); color: #fff; }

@media (max-width: 767px) {
	.section { padding: 50px 0 100px; }
	.section .section__head { margin-bottom: 40px; }
	.section .section__head h4 { font-size: 30px; }

	.section .line { top: 517px; }
	.section .line--pink { background-image: url(../images/index/temp/rect-pink-mobile.png) !important; height: 361px; width: calc(100vw - 13px); margin: -130px 0 0 -6px; }
	.section .line--blue { background-image: url(../images/index/temp/rect-blue-mobile.png) !important; height: 373px; margin: 42px 0 0; }

	.section + .section { padding-top: 0; }
	.section + .section .section__head { margin-bottom: 30px; }
	.section + .section-subscribe { margin-top: 0; }

}

/* ------------------------------------------------------------ *\
	Section Featured
\* ------------------------------------------------------------ */

.section-featured { margin-top: -26px; position: relative; }

.section-featured:after { content: ''; background-image: url(../images/index/temp/section-featured-bg@2x.png); background-size: cover; background-position: center; background-repeat: no-repeat; left: 0; top: -274px; width: 100%; height: 53vw; position: absolute; z-index: 1; pointer-events: none; }

.section-featured .shell { position: relative; z-index: 2; }

/* ------------------------------------------------------------ *\
	Section Trusted
\* ------------------------------------------------------------ */

.section-logos { padding: 163px 0 155px; }

.section-logos .section__head { text-align: center; margin-bottom: 52px; }

.section-logos--alt { padding: 100px 0; }

.section-logos--alt .section__head { margin-bottom: 65px; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-logos { padding: 104px 0 70px; }
	.section-logos .section__head { margin-bottom: 61px; }
	.section-logos h4 { font-size: 30px; }

	.section-logos--alt { margin-bottom: 31px; }
	.section-logos--alt .section__head { margin-bottom: 43px; }
	.section-logos--alt .list-logos li + li { margin-top: 52px; }
}

/* ------------------------------------------------------------ *\
	Section Testimonials
\* ------------------------------------------------------------ */

.section-testimonials { padding: 40px 0 216px; background-image: url(../images/index/temp/testiomonials-bg.svg.png); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-testimonials { padding: 82px 0 185px; background-size: 460% 76%; background-position: 0px -160px; background-size: 1440px 582px; background-position: 0% -36%; }
	.section-testimonials .shell { padding: 0 5px; }
}

/* ------------------------------------------------------------ *\
	Section Services
\* ------------------------------------------------------------ */

.section-services { text-align: center; margin-top: -68px; padding: 60px 0 62px; border-bottom: 1px solid rgba(50,50,93,0.3); border-width: 1px 0; }

.section-services h4 { letter-spacing: 0; margin-bottom: 40px; }

.section-services h4 + h4 { font-weight: 400; margin-bottom: 63px; }

.section-services .link-more { padding-right: 10px; }

.section-services .link-more span { letter-spacing: 0.0125em; }

.section-services a.link-more svg { margin-left: 20px; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-services { text-align: center; margin-top: -68px; padding: 43px 0 42px; border: 1px solid rgba(50,50,93,0.3); border-width: 1px 0; }
	.section-services h4 { font-size: 24px; margin-bottom: 33px; }
	.section-services h4 + h4 { margin-bottom: 48px; }
	.section-services .link-more { padding-right: 14px; }
}

/* ------------------------------------------------------------ *\
	Section Subscribe
\* ------------------------------------------------------------ */

.section-subscribe { background-image: url(/static/images/index/temp/section-subscribe.svg.png); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 108px 0 98px; color: #fff; text-align: center; }

.section-subscribe h4 { letter-spacing: 0; margin-bottom: 37px; }

.section-subscribe--primary { background: -webkit-gradient(linear, left top, right bottom, from(#090974), to(#4040b1)); background: -o-linear-gradient(top left, #090974, #4040b1); background: linear-gradient(to bottom right, #090974, #4040b1); }

.section-subscribe--primary .shell { position: relative; z-index: 10; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-subscribe { padding: 62px 0; }
	.section-subscribe h4 { font-size: 32px; margin-bottom: 81px; }

}

/* ------------------------------------------------------------ *\
	Section Form
\* ------------------------------------------------------------ */

.section-form { padding: 168px 0 98px; color: #27279B; background-image: url(../images/index/temp/section-form-bg.svg.png); background-size: cover; background-position: center; background-repeat: no-repeat; }

.section-form .section__head { text-align: center; margin-bottom: 86px; }

.section-form .section__head h1 { margin-bottom: 30px; }

.section-form .section__body { position: relative;  }

.section-form .section__body .section__figure { content: ''; top: -44px; right: 26px; position: absolute; z-index: 1; }

.section-form .section__body .form { margin: 0 auto; max-width: 730px; width: 100%; position: relative; z-index: 2; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-form { padding: 103px 0 80px;  background-image: url(../images/index/temp/section-form-bg-mobile.svg.png); }
	.section-form .section__head { margin-bottom: 210px }
	.section-form .section__head h1 { margin-bottom: 28px; }
	.section-form .section__head h4 { font-size: 20px; letter-spacing: 0.0125em; font-weight: 400; }

	.section-form .section__body .section__figure { content: ''; top: -171px; right: auto; left: -26px;  }
	.section-form .section__body .section__figure svg { max-width: 165px; }
}

/* ------------------------------------------------------------ *\
	Section Works
\* ------------------------------------------------------------ */

.section--works { padding: 0px 0; margin-bottom: 102px; }

.section--works .section__head { margin-bottom: 60px; }

.section--works .section__head h2 { margin-bottom: 20px; }

.section--works .section__head h4 { font-weight: 400; letter-spacing: 0.0125em; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section--works { margin-bottom: 0px; }
}

/* ------------------------------------------------------------ *\
	Section Connectors
\* ------------------------------------------------------------ */

.section--connectors .section__head { margin-bottom: 61px; }

.section--connectors .section__head h2 { margin-bottom: 21px; }

.section--connectors .section__head h4 { font-weight: 400;  }

.section--connectors .section__body { text-align: center; }

.section--connectors .section__body h6 { font-size: 24px; }

.section--connectors .section__body ul { margin: 22px 0 31px; }

.section--connectors .section__body h6 strong { font-weight: 600; }

.section--works .section__actions,
.section--connectors .section__actions { text-align: center; padding-top: 61px; }

.section--connectors .section__actions .btn { padding-left: 43px; padding-right: 43px; }

/* Mobile */

@media (max-width: 767px) {
	.section--connectors { margin-top: 70px;  }
	.section--connectors .section__head h4 { letter-spacing: 0; font-size: 20px;  }
}

/* ------------------------------------------------------------ *\
	Section Offers
\* ------------------------------------------------------------ */

.section-offers { padding: 100px 0; }

.section-offers .section__row { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.section-offers .section__row + .section__row { margin-top: 100px; }

@media(min-width: 767px){
	.section-offers .section__row:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
	.section-offers .section__row:nth-child(even) .section__content { text-align: right; width: 58%; }
	.section-offers .section__row:nth-child(even) .section__content h2 { margin-bottom: 27px; }
	.section-offers .section__row:nth-child(even) .section__media { padding: 8px 0 0 0; text-align: left; }
}

.section-offers .section__content { width: 58%; }

.section-offers .section__content h2 { margin-bottom: 21px; }

.section-offers .section__content p { letter-spacing: 0.0125em; margin-bottom: 40px; }

.section-offers .section__media { width: 32%; text-align: center; padding-bottom: 27px; }

/* Mobile */

@media (max-width: 767px) {
	.section-offers { text-align: center; padding: 0; margin-bottom: 100px; }
	.section-offers .section__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
	.section-offers .section__row + .section__row { margin-top: 50px; }
	.section-offers .section__content { width: 100%; }
	.section-offers .section__media { width: 100%; padding: 20px 0; }
}

/* ------------------------------------------------------------ *\
	Section Plans
\* ------------------------------------------------------------ */

.section-plans { padding: 2px 0 58px; background-position: center bottom; background-repeat: no-repeat; }

/* ------------------------------------------------------------ *\
	Section Contact
\* ------------------------------------------------------------ */

.section-contact { text-align: center; margin-bottom: 109px; }

.section-contact .section__content { padding: 41px 0; max-width: 444px; margin: 0 auto; letter-spacing: 0.0125em; }

.section-contact .section__content h2 { margin-bottom: 20px; }

/* ------------------------------------------------------------ *\
	Section More
\* ------------------------------------------------------------ */

.section-more { padding: 62px 120px 94px; text-align: center; }

.section-more .section__content h4 { letter-spacing: 0; margin-bottom: 4px; }

.section-more .section__content h5 { font-size: 24px; letter-spacing: 0; margin-bottom: 50px; }

.section-more--alt { position: relative; z-index: 2; padding: 105px 100px 94px;  }

.section-more--alt:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/index/temp/pattern-small.svg) repeat 0 0; pointer-events: none; z-index: 1; }

.section-more--alt .section__content { position: relative; z-index: 3 }

.section-more--alt .section__content h4 { margin-bottom: 40px; }

/* Mobile */

@media (max-width: 767px) {
	.section-more { padding: 50px 30px 60px; }
}

/* ------------------------------------------------------------ *\
	Section Security
\* ------------------------------------------------------------ */

.section--resources + .section-more { margin-top: 108px; }

.section--resources { padding: 168px 0; position: relative; z-index: 2; background-color: #fff; }

.section--resources + .section--resources { padding: 12px 0; }

.section--resources .section__head { text-align: center; margin-bottom: 100px; }

.section--resources .section__body .col { margin-bottom: 60px; }

/* Mobile */

@media (max-width: 767px) {
	.section--resources { padding: 100px 0 0; }
	.section--resources .section__head { margin-bottom: 50px; }

	.section--resources .section__body .cols { display: block; }
	.section--resources .section__body .col {  max-width: 100%; }

	.section--resources + .section-more { margin-top: 00px; }

}

/* ------------------------------------------------------------ *\
	Section About
\* ------------------------------------------------------------ */

.section-about { padding-bottom: 37px; }

.section-about .section__head { margin-bottom: 72px; text-align: center; }

.section-about h2 { margin-bottom: 20px; }

.section-about h4 { font-weight: 400; }

/* ------------------------------------------------------------ *\
	Section Advert
\* ------------------------------------------------------------ */

.section-advert { padding: 58px 0 60px; text-align: center; }

.section-advert .section__inner { padding: 72px 20px; border-radius: 10px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.16); box-shadow: 0 0 8px rgba(0, 0, 0, 0.16); }

.section-advert h4 { max-width: 1030px; margin: 0 auto 30px; letter-spacing: 0.004em; }

.section-advert .link-more { margin-right: 16px; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-advert { padding: 20px 0; }
}

/* Mobile */

@media (max-width: 767px) {
	.section-advert .section__inner { padding: 32px 20px; }
}

/* ------------------------------------------------------------ *\
	Section Primary
\* ------------------------------------------------------------ */

.section-primary { padding: 39px 0; text-align: center; }

.section-primary .section__head { margin-bottom: 25px; }

.section-primary .section__body > h4 { font-weight: 400; margin-bottom: 71px; }

.section-primary h2 { margin-bottom: 32px; }

.section-primary p { font-size: 20px; letter-spacing: 0.012em; }

.section-primary a { color: #2D63F9; font-weight: 600; text-decoration: none; -webkit-transition: color .4s; -o-transition: color .4s; transition: color .4s; }

.section-primary a:hover { color: inherit; }

.section-primary .cards { margin-bottom: 22px; }

/* Mobile */

@media (max-width: 767px) {
	.section-primary { padding: 30px 0; text-align: center; }
	.section-primary .section__body > h4 { margin-bottom: 40px; }
}

/* ------------------------------------------------------------ *\
	Section Secondary
\* ------------------------------------------------------------ */

.section-secondary { padding: 121px 0 43px; text-align: center; }

.section-secondary .section__head { margin-bottom: 39px; }

.section-secondary .section__head h2 { margin-bottom: 32px; }

.section-secondary .section__head p { font-size: 20px; letter-spacing: 0.012em; }

.section-secondary .section__body > h4 { font-weight: 400; margin-bottom: 60px; }

.section-secondary .section__entry { padding-right: 3px; }

.section-secondary .section__actions { padding: 30px 25px 0 0; }

.section-secondary .cards { margin-bottom: 45px; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-secondary { padding: 46px 0; }
	.section-secondary .section__actions { padding: 30px 0 0 0; }
}

/* Mobile */

@media (max-width: 767px) {
	.section-secondary { padding: 26px 0; }
	.section-secondary .cards { margin-bottom: 0; }
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */

.socials ul { list-style-type: none; }

.socials li { display: inline-block; vertical-align: middle; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }

.socials li:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.socials li + li { margin-left: 15px; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.socials li + li { margin-left: 24px; }
}

/* ------------------------------------------------------------ *\
	Table Plans
\* ------------------------------------------------------------ */

.table-plans { text-align: center; }

.table-plans table { table-layout: fixed; }

.table-plans th { font-size: 24px; font-weight: 600; letter-spacing: 0.0125em; padding-bottom: 23px;  }

.table-plans th:nth-child(1) { width: 22.8%; }

.table-plans th:nth-child(2) { width: 38.8%; }

.table-plans th:nth-child(n+2) { width: 29%; }

.table-plans td { border: 1px solid #FFD6E6; padding: 20px 2px 21px; background-color: #fff;  }

.table-plans td:first-child { background-color: #FFFAFC; font-weight: 600; }

/* Mobile */

@media (max-width: 767px) {
/*	.table-plans { overflow-y: auto; }*/
/*	.table-plans table { min-width: 540px; }*/
	.table-plans tr>* { padding-left: 10px; padding-right: 10px; }
}

/* ------------------------------------------------------------ *\
	Testimonials
\* ------------------------------------------------------------ */

.testimonials .testimonial { width: 100%; background-color: #fff; padding: 0; max-width: 82%; margin: 0 auto; text-align: center; padding: 47px 45px 40px; border-radius: 10px; -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.14); box-shadow: 0 0 14px rgba(0,0,0,0.14); }

.testimonial .testimonial__body { font-size: 24px; font-weight: 400; letter-spacing: 0.0125em; position: relative; padding: 30px 10px; margin-bottom: 17px; }

.testimonial .testimonial__body:after,
.testimonial .testimonial__body:before { content: ''; width: 25px; height: 17px; background-image: url(../images/index/icon_quotes.png); position: absolute; left: 0; top: 0; background-size: 100% 100%;}

.testimonial .testimonial__body:after { top: auto; left: auto; right: 11px; bottom: 5px; -webkit-transform: scale(-1); -ms-transform: scale(-1); transform: scale(-1); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; }

.testimonial .testimonial__foot h5 { margin-bottom: 7px; }

.testimonial .testimonial__foot p { margin-bottom: 12px; }

.testimonial .testimonial__logo { max-width: 100px; margin: 0 auto; }

.testimonials .owl-dots { display: none; }

.testimonials .owl-nav { position: absolute; top: 45%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  display: -webkit-box;  display: -ms-flexbox;  display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 89%; }

.testimonials .owl-nav button span { width: 72px; height: 72px; background-color: #fff; display: block; font-size: 0; background-image: url(../images/index/icon_arrow.png); background-position: center center; background-repeat: no-repeat;  background-size: auto; border-radius: 50%; -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.14); box-shadow: 0 0 14px rgba(0,0,0,0.14); }

.testimonials .owl-nav .owl-next span  { -webkit-transform: scale(-1); -ms-transform: scale(-1); transform: scale(-1); }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.testimonials .testimonial { max-width: 100%; padding: 45px 15px 90px; border-radius: 10px; -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.14); box-shadow: 0 0 14px rgba(0,0,0,0.14); margin-bottom: 20px;  }
	.testimonials .testimonial__body { line-height: 1.3; padding-bottom: 99px; margin-bottom: 30px; }

	.testimonial .testimonial__body:after,
	.testimonial .testimonial__body:before { left: 50%; top: -7px; margin-left: -12px;  }
	.testimonial .testimonial__body:after { top: auto;  bottom: 10px; }

	.testimonial .testimonial__foot h5 { margin-bottom: 11px; }

	.testimonials .owl-nav { top: 100%; width: 58%; margin-top: -18px;  }
	.testimonials .owl-item { padding: 0 10px 10px; line-height: 1; }

}

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Themes
\* ------------------------------------------------------------ */


/*
새 탬플릿 오기 전에 임시 페이지 보정
*/

#main_class[class*="sewp-i-"] .header .btn--request {
	display: inline-block;
	padding: 8px 20px;
	border: 1px solid #fff;
	border-radius: 4px;
	min-width: 100%;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}
#main_class .header .btn--request {
  background-color: #27279B;
  color: #fff;
}
#main_class.sewp-i-ptm .header .btn--request {
  background-color: #fff;
	color: #f22a7b;
}
#main_class.sewp-i-asdo .header .btn--request {
  background-color: #fff;
	color: #287df5;
}

#main_class[class*="sewp-i-"] .popup .popup__inner .btn {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	padding: 22px 20px;
	color: #fff;
	text-transform: uppercase;
	font-size: 24px;
	text-align: center;
	display: inline-block;
	min-width: 316px;
	border-radius: 6px;
	letter-spacing: 0.0125em;
	background-color: #2D63F9;
	border: 2px solid #2D63F9;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#main_class[class*="sewp-i-"] .popup .popup__inner .btn--size1 {
	font-size: 16px;
	font-weight: 600;
	width: 100%;
	min-width: 0;
	padding: 18px 20px;
}
#main_class[class*="sewp-i-"] .popup .popup__inner .btn--blue {
    background: #27279B;
    border-color: #27279B;
}
#main_class[class*="sewp-i-"] .popup .popup__inner #btn_login_google img {
/* 	width: 20px; */
/* 	height: 20px; */
}

#main_class[class*="sewp-i-"] section .btn {
	text-decoration: none;
}

#main_class[class*="sewp-i-"] section h4 {
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2;
}
#main_class[class*="sewp-i-"] section h4 {
	font-size: 1.5rem;
}
#main_class[class*="sewp-i-"] section.cover,
#main_class[class*="sewp-i-"] .section-form {
	padding-top: 11.5rem;
}
#main_class[class*="sewp-i-"] section.cover [data-toggle="modal"] {
	display: none;
}
#main_class.sewp-i-ptm section.step p {
	margin-bottom: 1rem;
}
@media(min-width:992px) {
	.sewp-i-asdo section.banner .container {
		padding-top: 10rem;
    text-align: right;
	}
	.sewp-i-asdo section.banner .container>*:not(.img) {
		right: 0;
		left: 60%;
	}
}
#main_class[class*="sewp-i-"] .form .form__head {
	margin-bottom: 0;
}
#main_class[class*="sewp-i-"] .section-form .section__body .form.shadow-none {
	padding: 0;
}
#main_class[class*="sewp-i-"] p+.row>.col {
	margin-bottom: 0;
}
#main_class[class*="sewp-i-"] .form .form__head label {
	display: block;
	text-align: left;
}
#main_class[class*="sewp-i-"] .section-form form [class^="col-"] {
	padding: .75rem;
}
#main_class[class*="sewp-i-"] .section-form .btn {
	background-color: #5954d1;
	color: #fff;
}
#main_class[class*="sewp-i-"] .section-form .btn:disabled {
	opacity: 1;
	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-size: 1rem 1rem;
	color: #fff6;
}
[class^="sewp-i"] .footer .logo {
  min-height: 10px;
}

/*
@media (min-width: 1024px) and (max-width: 1450px) {
  .footer .footer__foot .socials {
    padding-right: 180px;
  }
}
상담 버튼과 소셜 겹치는 부분
*/
.footer .footer__foot .copyright,
.footer .footer__foot .copyright~p {
  margin-left: 5%;
}
.copyright~p {
  font-size: 12px;
  letter-spacing: 0.01765em;
  font-weight: 400;
  margin-bottom: 0;
  padding: 0;

}

@media (min-width: 1024px) {
  .footer p,
  .footer ul {
    margin: 0;
  }
}

@media (max-width: 1023px) {
  .copyright+p {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin: -10px 0 30px 0;
    width: 100%;
  }
  .footer .footer__foot .logo {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .footer .footer__foot .socials{
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
}

/* 서포트 버튼 쿠키 안내 아래로 */
.zEWidget-launcher {
  z-index: 9998 !important
}

.owl-stage-outer {
	box-sizing: content-box;
	padding: 1rem 0;
}

/* 작업되지 않은 페이지 임시로 gnb와 겹치지 않게 */

.sewp-other#main_class>header.header+section {
	margin: 120px auto;
}

.article p,
p {
  font-size: 1rem;
}

@media (min-width: 1024px) and (max-width: 1460px) {
  .intro__body>.intro__media>* {
    transform: scale(.8);
    transform-origin: 0 0;
  }
}

.section__content h3 {
  font-weight: bold;
}

.section-subscribe--primary h4+button {
	margin-top: 24px;
}