a{-webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in;}
.pfirstchild p:first-child{margin-top: 0px; padding-top: 0px;}
.pfirstchild p:last-child{margin-bottom: 0px; padding-bottom: 0px;}

.loadthis { display: none; }

.animatethis { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }

.main-content { max-width: 1920px; margin: auto auto; }
.main-content-full { max-width: 1920px; margin: auto auto; padding: 0 20px; }
.main-content-ins { max-width: 1440px; margin: auto auto; padding: 0 20px; }
.main-content-top { padding-top: 116px; }
.main-content-bnr { padding-top: 110px; }

.no-marg-padd { margin: 0; padding: 0; }
.no-marg-padd li { margin: 0; padding: 0; }

input, textarea { outline: 0 !important; }
strong, b { font-weight: 700 !important; }

.bootstrap-dialog .modal-header { background-color: #ddd !important; }
.bootstrap-dialog .bootstrap-dialog-close-button button { font-size: 26px; opacity: 1; }
.bootstrap-dialog .bootstrap-dialog-title { font-size: 16px !important; color: #111; }
.bootstrap-dialog .bootstrap-dialog-message { font-size: 15px !important; color: #111; }
.bootstrap-dialog .bootstrap-dialog-footer-buttons .btn-warning { font-size: 15px !important; }
.bootstrap-dialog .bootstrap-dialog-footer-buttons .btn-default { font-size: 15px !important; color: #111; }

.rvl-hdn { visibility: hidden; }

#infscr-loading { text-align: center; z-index: 100; position: fixed; left: 50%; bottom: 40px; width: 274px; margin-left: -137px; padding: 7px 10px; background: #000; opacity: 0.8; color: #fff; border: 1px solid #959595; }

.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* overlay at start */
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate in */
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* overlay animate out */
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* content at start */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate it */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* content animate out */

.pagin { text-align: right; margin-top: 100px; }
.pagin li { display: inline-block; vertical-align: top; }
.pagin li.num:before { content: "-"; font-size: 50px; color: #429ebe; font-family: 'aka-acid-sunnregular'; display: inline-block; vertical-align: top; margin: 0 2px; }
.pagin li.num.frst:before { display: none; }
.pagin li.prev-c { margin-right: 16px; }
.pagin li.next-c { margin-left: 16px; }
.pagin li.prev-c img,
.pagin li.next-c img { display: inline-block; vertical-align: middle; margin-top: -6px; }
.pagin li.prev-c img { margin-right: 16px; }
.pagin li.next-c img { margin-left: 16px; }
.pagin li a { display: inline-block; vertical-align: top; font-size: 50px; color: #429ebe; font-family: 'aka-acid-sunnregular'; }
.pagin li a:hover,
.pagin li.active a { color: #d9185b; }

.ph { }
.ph::-webkit-input-placeholder { opacity: 1 !important; font-size: 12px; color: #000; }
.ph:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 12px; color: #000; }
.ph::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 12px; color: #000; }
.ph:-ms-input-placeholder { opacity: 1 !important; font-size: 12px; color: #000; }
.ph:-ms-input-placeholder { opacity: 1 !important; font-size: 12px; color: #000; }

.ph-18-b { font-size: 18px; color: #000; font-weight: 700; }
.ph-18-b::-webkit-input-placeholder { opacity: 1 !important; font-size: 18px; color: #000; font-weight: 700; }
.ph-18-b:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 18px; color: #000; font-weight: 700; }
.ph-18-b::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 18px; color: #000; font-weight: 700; }
.ph-18-b:-ms-input-placeholder { opacity: 1 !important; font-size: 18px; color: #000; font-weight: 700; }
.ph-18-b:-ms-input-placeholder { opacity: 1 !important; font-size: 18px; color: #000; font-weight: 700; }

.ph-24-grey { font-size: 24px; color: #d9185b; }
.ph-24-grey::-webkit-input-placeholder { opacity: 1 !important; font-size: 24px; color: #828282; }
.ph-24-grey:hover::-webkit-input-placeholder { color: #d9185b; }
.ph-24-grey:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 24px; color: #828282; }
.ph-24-grey:hover:-moz-placeholder { /* Firefox 18- */ color: #d9185b; }
.ph-24-grey::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 24px; color: #828282; }
.ph-24-grey:hover::-moz-placeholder {  /* Firefox 19+ */ color: #d9185b; }
.ph-24-grey:-ms-input-placeholder { opacity: 1 !important; font-size: 24px; color: #828282; }
.ph-24-grey:hover:-ms-input-placeholder { color: #d9185b; }
.ph-24-grey:-ms-input-placeholder { opacity: 1 !important; font-size: 24px; color: #8282820; }
.ph-24-grey:hover:-ms-input-placeholder { color: #d9185b; }

ol.breadcrumb { background: transparent; margin: 10px 0 0 0; padding: 0; }
ol.breadcrumb li { margin: 0; padding: 0; list-style: none; font-size: 18px; }
ol.breadcrumb li + li:before { content: "/"; padding: 0 5px; color: #000; }
ol.breadcrumb li a { text-decoration: none; font-size: 18px; }
ol.breadcrumb li a:hover,
ol.breadcrumb li.active a { color: #d9185b; }

#cookie-bar { background: #000; background: rgba(0,0,0,0.8); height: auto; line-height: normal; color: #eeeeee; text-align: center; padding: 5px 5px; }
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto; z-index: 999;}
#cookie-bar p {margin: 0; padding: 0; color: #fff; font-size: 14px; }
#cookie-bar a {color:#fff; text-decoration:underline; font-size: 14px;}
#cookie-bar .cb-enable {background:#ff0000; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; }
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; }
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; }
#cookie-bar .cb-policy:hover {background:#0055dd;}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.col-pink,
.col-pink a { color: #d9185b !important; }
.col-green,
.col-green a { color: #a3d66e !important; }
.col-green-dark,
.col-green-dark a { color: #29901b !important; }
.col-cyan,
.col-cyan a { color: #369ae0 !important; }
.col-orange,
.col-orange a { color: #ff7e00 !important; }
.col-orange-dark,
.col-orange-dark a { color: #dd361f !important; }

.col-span-pink span { color: #d9185b !important; }
.col-span-green span { color: #a3d66e !important; }
.col-span-green-dark span { color: #29901b !important; }
.col-span-cyan span { color: #369ae0 !important; }
.col-span-orange span { color: #ff7e00 !important; }
.col-span-orange-dark span { color: #dd361f !important; }

.col-hov-pink a:hover { color: #d9185b !important; }
.col-hov-green a:hover { color: #a3d66e !important; }
.col-hov-green-dark a:hover { color: #29901b !important; }
.col-hov-cyan a:hover { color: #369ae0 !important; }
.col-hov-orange a:hover { color: #ff7e00 !important; }
.col-hov-orange-dark a:hover { color: #dd361f !important; }

.col-hov-brd-pink:hover,
.col-hov-brd-pink:hover span,
.col-act-brd-pink span,
.col-act-brd-pink { border-color: #d9185b !important; }
.col-hov-brd-green:hover,
.col-hov-brd-green:hover span,
.col-act-brd-green span,
.col-act-brd-green { border-color: #a3d66e !important; }
.col-hov-brd-green-dark:hover,
.col-hov-brd-green-dark:hover span,
.col-act-brd-green-dark { border-color: #29901b !important; }
.col-hov-brd-cyan:hover,
.col-hov-brd-cyan:hover span,
.col-act-brd-cyan span,
.col-act-brd-cyan { border-color: #369ae0 !important; }
.col-hov-brd-orange:hover,
.col-hov-brd-orange:hover span,
.col-act-brd-orange span,
.col-act-brd-orange { border-color: #ff7e00 !important; }
.col-hov-brd-orange-dark:hover,
.col-hov-brd-orange-dark:hover span,
.col-act-brd-orange-dark span,
.col-act-brd-orange-dark { border-color: #dd361f !important; }

.bg-green { background: rgba(124,197,118,0.76); }
.bg-cyan { background: rgba(125,167,217,0.76); }

.bg-btn-pink { background: #d9185b; }
.bg-btn-green { background: #a3d66e; }
.bg-btn-orange{ background: #ff7e00; }

.shd-hov-pink a:hover { color: #d9185b !important; }
.shd-hov-green a:hover { color: #a3d66e !important; }
.shd-hov-green-dark a:hover { color: #29901b !important; }
.shd-hov-cyan a:hover { color: #369ae0 !important; }
.shd-hov-orange a:hover { color: #ff7e00 !important; }
.shd-hov-orange-dark a:hover { color: #dd361f !important; }

.btn-custom{position: relative; color: #000; background: none; border: none; outline: none !important; line-height: normal; padding: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
a.btn-custom,span.btn-custom{display:inline-block;}
.btn-custom img,a.btn-custom img,span.btn-custom img{display:inline-block; vertical-align: middle; margin-left: 10px;}
.btn-custom:focus,.btn-custom.focus{color: #d9185b;}
.btn-custom:hover{color: #d9185b;}
.btn-custom:active,.btn-custom.active,.open >.dropdown-toggle.btn-custom{color: #d9185b;}
.btn-custom:active:hover,.btn-custom.active:hover,.open >.dropdown-toggle.btn-custom:hover,.btn-custom:active:focus,.btn-custom.active:focus,.open >.dropdown-toggle.btn-custom:focus,.btn-custom:active.focus,.btn-custom.active.focus,.open >.dropdown-toggle.btn-custom.focus{color: #d9185b;}
.btn-custom:active,.btn-custom.active,.open >.dropdown-toggle.btn-custom{background-image: none;}
.btn-custom.disabled:hover,.btn-custom[disabled]:hover, fieldset[disabled] .btn-custom:hover,.btn-custom.disabled:focus,.btn-custom[disabled]:focus, fieldset[disabled] .btn-custom:focus,.btn-custom.disabled.focus,.btn-custom[disabled].focus, fieldset[disabled] .btn-custom.focus{color: #d9185b;}

.btn-custom-f16{font-size: 16px;background-position: top 8px right;}

.btn-custom-fb{font-weight: 700;}

.btn-custom-2 { display: inline-block; background: #009dde; border: 0; font-size: 28px; color: #fff; text-align: center; width: 232px; max-width: 100%; height: 52px; padding: 0 6px 0 16px; }

.btn-custom-3{position: relative; background: #d9185b; font-size: 16px; color: #fff; border: none; outline: none !important; line-height: normal; padding: 15px 6px 15px 16px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
a.btn-custom-3,span.btn-custom-3{display:inline-block;}
.btn-custom-3:focus,.btn-custom-3.focus{background: #ac164a; color: #fff;}
.btn-custom-3:hover{background: #ac164a; color: #fff;}
.btn-custom-3:active,.btn-custom-3.active,.open >.dropdown-toggle.btn-custom-3{background: #ac164a; color: #fff;}
.btn-custom-3:active:hover,.btn-custom-3.active:hover,.open >.dropdown-toggle.btn-custom-3:hover,.btn-custom-3:active:focus,.btn-custom-3.active:focus,.open >.dropdown-toggle.btn-custom-3:focus,.btn-custom-3:active.focus,.btn-custom-3.active.focus,.open >.dropdown-toggle.btn-custom-3.focus{background: #ac164a; color: #fff;}
.btn-custom-3:active,.btn-custom-3.active,.open >.dropdown-toggle.btn-custom-3{background-image: none;}
.btn-custom-3.disabled:hover,.btn-custom-3[disabled]:hover, fieldset[disabled] .btn-custom-3:hover,.btn-custom-3.disabled:focus,.btn-custom-3[disabled]:focus, fieldset[disabled] .btn-custom-3:focus,.btn-custom-3.disabled.focus,.btn-custom-3[disabled].focus, fieldset[disabled] .btn-custom-3.focus{background: #ac164a; color: #fff;}

.custom-search { background: #e8e8e8; border: 0; width: 100%; margin: 0; padding: 7px 12px; cursor: pointer; }

/********************* HEADER *********************/
.cbp-af-header { background: rgba(255,255,255,0.85); position: fixed; top: 0; left: 0; width: 100%; height: 110px; z-index: 100; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.cbp-af-header.header-scrl { }
.cbp-af-header .header-wrapper { }
.cbp-af-header .header-wrapper header { }
.cbp-af-header .header-wrapper header .menu-btn { position: relative; z-index: 10; background: url(../img/icons/menu.png) no-repeat top 25px center #d9185b; background-size: 53px 24px; text-align: center; padding-top: 54px; height: 110px; width: 112px; font-size: 36px; color: #fff; font-family: 'aka-acid-sunnregular'; cursor: pointer; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.cbp-af-header .header-wrapper header .rgt { position: absolute; z-index: 9; top: 0; left: 0; width: 100%; padding-left: 112px; }
.cbp-af-header .header-wrapper header .rgt .pull-left { padding: 13px 0 0 35px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.cbp-af-header .header-wrapper header .rgt .pull-left a { display: block; width: 189px; height: 78px; position: relative; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.cbp-af-header .header-wrapper header .rgt .pull-left a span { display: block; position: absolute; background-position: 0 0; background-repeat: no-repeat; }
.cbp-af-header .header-wrapper header .rgt .pull-left a span.logo-lft { top: 0; left: 0; background-image: url(../img/logo-lft.png); width: 46px; height: 77px; background-size: 46px 77px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.cbp-af-header .header-wrapper header .rgt .pull-left a span.logo-rgt { bottom: 0; right: 0; background-image: url(../img/logo-rgt.png); width: 123px; height: 54px; background-size: 123px 54px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.cbp-af-header .header-wrapper header .rgt .pull-right { padding: 36px 40px 0 0; text-align: right;  -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.cbp-af-header .header-wrapper header .rgt .pull-right > div { float: left; }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.phos { }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.phos a { display: inline-block; vertical-align: middle; font-size: 30px; color: #191919; font-family: 'aka-acid-sunnregular'; padding-left: 34px; background-position: center left; background-repeat: no-repeat; }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.phos a:nth-child(1) { background-image: url(../img/icons/map-pink.png); }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.phos a:nth-child(1):hover { color:#d9185b; }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.phos a:nth-child(2) { background-image: url(../img/icons/map-cyan.png); margin-left: 34px; }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.phos a:nth-child(2):hover { color:#459fbe; }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.lnks { }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.lnks > div { display: inline-block; vertical-align: middle; position: relative; margin-left: 24px; }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.lnks > div:first-child { margin-left: 56px; }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.lnks > div:before { content: ""; position: absolute; top: 50%; left: -12px; margin-top: -7px; display: block; background: #525252; height: 14px; width: 1px; }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.lnks > div:first-child:before { display: none; }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.lnks > div.lngs { }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.lnks > div.lngs button { background: none; border: 0; outline: none; margin: 0; padding: 0; font-size: 30px; color: #191919; font-family: 'aka-acid-sunnregular'; }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.lnks > div.lngs .dropdown-menu { background: #fff; border: 1px solid #f1eee8; margin: 0; padding: 0; min-width: 80px; left: 0; right: auto;}
.cbp-af-header .header-wrapper header .rgt .pull-right > div.lnks > div.lngs .dropdown-menu li { text-align: center; margin: 1px 0 0 0; padding: 0; }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.lnks > div.lngs .dropdown-menu li:first-child { margin-top: 0; }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.lnks > div.lngs .dropdown-menu li a { padding: 5px 10px 0 10px; font-size: 24px; color: #000; font-family: 'aka-acid-sunnregular'; }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.lnks > div.lngs .dropdown-menu li a.active { background: #d9185b; color: #fff; }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.lnks > div.lock { }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.lnks > div.lock a { display: block; background: url(../img/icons/lock.png) no-repeat 0 0; width: 22px; height: 29px; }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.lnks > div.ema { }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.lnks > div.ema a { display: block; background: url(../img/icons/email.png) no-repeat 0 0; width: 33px; height: 19px; }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.lnks > div.srch { background: url(../img/icons/search.png) no-repeat 0 0; width: 22px; height: 27px; cursor: pointer; }

.cbp-af-header .header-wrapper header .mob-phos { text-align: center; background: #eff9fc; display: none; }
.cbp-af-header .header-wrapper header .mob-phos a { display: inline-block; vertical-align: middle; font-size: 30px; color: #191919; font-family: 'aka-acid-sunnregular'; padding-left: 20px; background-position: center left; background-repeat: no-repeat; line-height: 50px; }
.cbp-af-header .header-wrapper header .mob-phos a span { display: none; }
.cbp-af-header .header-wrapper header .mob-phos a:nth-child(1) { background-image: url(../img/icons/map-pink.png); }
.cbp-af-header .header-wrapper header .mob-phos a:nth-child(2) { background-image: url(../img/icons/map-cyan.png); margin-left: 30px; }

.cbp-af-header.cbp-af-header-shrink { background: rgba(255,255,255,1); height: 70px; }
.cbp-af-header.cbp-af-header-shrink .header-wrapper header .menu-btn { background-position: top 14px center; padding-top: 29px; height: 70px; font-size: 26px; background-size: 31px 14px; }
.cbp-af-header.cbp-af-header-shrink .header-wrapper header .rgt .pull-left a { width: 121px; height: 50px; }
.cbp-af-header.cbp-af-header-shrink .header-wrapper header .rgt .pull-left a span.logo-lft { width: 30px; height: 50px; background-size: 30px 50px; }
.cbp-af-header.cbp-af-header-shrink .header-wrapper header .rgt .pull-left a span.logo-rgt { width: 79px; height: 35px; background-size: 79px 35px; }
.cbp-af-header.cbp-af-header-shrink .header-wrapper header .rgt .pull-right { padding-top: 14px; }

.menu-mob { position: fixed; top: 0; left: -420px; width: 100%; max-width: 420px; height: 100%; background: #fff; z-index: 9999; box-shadow: 0px 0px 36.1px 1.9px rgba(0, 0, 0, 0.7); padding: 0 10px 30px 34px; opacity: 0; }
.menu-mob .btn-close { display: inline-block; margin: 30px 0; }
.menu-mob .btn-close a { display: block; background: url(../img/icons/x.png) no-repeat 0 0; width: 50px; height: 58px; }
.menu-mob .content-menu.inner { position: relative; overflow: visible; }
.menu-mob .content-menu ul.content-menu-ul { padding-right: 16px; }
.menu-mob .content-menu ul.content-menu-ul > li { }
.menu-mob .content-menu ul.content-menu-ul > li > a { display: block; font-size: 20px; padding: 15px 30px 15px 0; border-top: 1px solid #d7d7d7; position: relative; color: #000; }
.menu-mob .content-menu ul.content-menu-ul > li > a span { display: block; background: url(../img/icons/plus.png) no-repeat center right; width: 19px; height: 100%; position: absolute; top: 0; right: 0; }
.menu-mob .content-menu ul.content-menu-ul > li.has > a { }
.menu-mob .content-menu ul.content-menu-ul > li.active > a,
.menu-mob .content-menu ul.content-menu-ul > li.activeo > a,
.menu-mob .content-menu ul.content-menu-ul > li > a:hover { color: #d9185b; }
.menu-mob .content-menu ul.content-menu-ul > li.activeo > a span { background-image: url(../img/icons/x-small.png); }
.menu-mob .content-menu ul.content-menu-ul > li:first-child > a { border-top: 0; }
.menu-mob .content-menu ul.content-menu-ul > li ul { display: none; }
.menu-mob .content-menu ul.content-menu-ul > li.active ul { display: block; }
.menu-mob .content-menu ul.content-menu-ul > li ul li { }
.menu-mob .content-menu ul.content-menu-ul > li ul li a { display: block; font-size: 16px; padding: 13px 0 13px 24px; border-top: 1px solid #d7d7d7; }
.menu-mob .content-menu ul.content-menu-ul > li ul li.active a { color: #d9185b; }

body.no-scroll{ overflow: hidden; }
.mob-mob-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9998; display: none; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer { margin-top: 140px; }
footer.no-marg { margin-top: 0; }
footer .top { background: #eff9fc; }
footer .top .pull-left { width: 50%; position: relative; text-align: center; }
footer .top .pull-left .ins { display: inline-block; max-width: 766px; width: 100%; text-align: left; }
footer .top .pull-left .ins .lft { float: left; margin-top: 32px; }
footer .top .pull-left .ins .lft .box { width: 296px; }
footer .top .pull-left .ins .lft .ttl { display: block; font-size: 48px; font-family: 'aka-acid-sunnregular'; background: url(../img/footer-cloud-1.png) no-repeat top right; height: 161px; padding: 66px 0 0 0; }
footer .top .pull-left .ins .lft .addr { }
footer .top .pull-left .ins .lft .addr ul { }
footer .top .pull-left .ins .lft .addr ul li { background-repeat: no-repeat; background-position: top 4px left; padding-left: 26px; line-height: 36px; margin-top: 40px; font-weight: 700; }
footer .top .pull-left .ins .lft .addr ul li:first-child { margin-top: 0; }
footer .top .pull-left .ins .lft .addr ul li:nth-child(1) { background-image: url(../img/icons/map-pink-bold.png); }
footer .top .pull-left .ins .lft .addr ul li:nth-child(2) { background-image: url(../img/icons/map-cyan-bold.png); }
footer .top .pull-left .ins .lft .soc { margin-top: 80px; }
footer .top .pull-left .ins .lft .soc ul { }
footer .top .pull-left .ins .lft .soc ul li { float: left; margin-right: 20px; }
footer .top .pull-left .ins .lft .soc ul li:last-child { margin-right: 0; }
footer .top .pull-left .ins .rgt { float: right; margin-top: 96px; }
footer .top .pull-left .ins .rgt .box { width: 403px; min-height: 369px; background: url(../img/footer-cloud-2.png) no-repeat top 14px left; padding-left: 70px; }
footer .top .pull-left .ins .rgt .box .box-ins { max-width: 316px; }
footer .top .pull-left .ins .rgt .ttl { font-size: 48px; font-family: 'aka-acid-sunnregular'; padding-bottom: 13px; }
footer .top .pull-left .ins .rgt .frm { }
footer .top .pull-left .ins .rgt .frm .form-group { }
footer .top .pull-left .ins .rgt .frm .form-group input { background: none; border: 0; border-bottom: 1px solid #202122; margin: 0; padding: 8px 0; font-weight: 700; height: auto; }
footer .top .pull-left .ins .rgt .frm .chk { margin-top: 10px; }
footer .top .pull-left .ins .rgt .frm .chk a { display: inline-block; vertical-align: middle; margin-left: 10px; font-weight: 700; }
footer .top .pull-left .ins .rgt .frm .mybtn { text-align: right; margin: 34px 16px 0 0; }
footer .top .pull-right { width: 50%; }
footer .top .pull-right .ins .map { width: 100%; height: 560px; background: url(../img/dummy/map.jpg) no-repeat center center; }
footer .bot { padding-top: 30px; padding-bottom: 10px; }
footer .bot .pull-left { font-size: 30px; font-family: 'aka-acid-sunnregular'; line-height: 25px; }
footer .bot .pull-right { }
footer .bot .pull-right ul { }
footer .bot .pull-right ul li { display: inline-block; vertical-align: middle; border-left: 1px solid #676767; padding-left: 7px; margin-left: 7px; }
footer .bot .pull-right ul li:first-child { border-left: 0; padding-left: 0; margin-left: 0; }
footer .bot .pull-right ul li a { display: block; font-size: 30px; font-family: 'aka-acid-sunnregular'; line-height: 25px; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home { }
.home .rev_slider_wrapper { overflow: hidden; }
.home .rev_slider:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; z-index: 100; width: 100%; height: 34px; background: url(../img/bg-home-slider.png) no-repeat bottom center; }
.home .rev_slider .tp-caption { font-size: 170px; font-family: 'aka-acid-sunnregular'; color: #fff; line-height: normal; }
.home .rev_slider .tp-bullet { width: 16px; background: url(../img/icons/sr-bullet-off.png) no-repeat 0 0; }
.home .rev_slider .tp-bullet.selected { background-image: url(../img/icons/sr-bullet-on.png); }
.home .rev_slider .rev-top-left { }
.home .hp-lessons { max-width: 1330px; margin: auto auto; }
.home .hp-lessons ul { margin-left: -10px; margin-right: -10px; overflow: hidden; }
.home .hp-lessons ul li { float: left; width: 20%; padding: 0 10px; }
.l-item { text-align: center; max-width: 250px; height: 378px; margin: 30px auto; padding: 0 10px; border-radius: 10px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.l-item:hover,
.l-item.active { box-shadow: 0px 6px 16.8px 4.2px rgba(0, 0, 0, 0.18); }
.l-item .l-img { padding-top: 46px; display: flex; justify-content: center; flex-direction: column; -webkit-transition: all 0.3s ease 0.1s; -moz-transition: all 0.3s ease 0.1s; -o-transition: all 0.3s ease 0.1s; transition: all 0.3s ease 0.1s; }
.l-item:hover .l-img,
.l-item.active .l-img { transform: translateX(0px) translateY(-20px); }
.l-item .l-ttl { margin-top: 36px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.l-item:hover .l-ttl,
.l-item.active .l-ttl { transform: translateX(0px) translateY(-48px); }
.l-item .l-ttl a { display: block; font-size: 26px; color: #525252; line-height: 30px; transform: translateX(0px) translateY(0) scale(1); -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.l-item:hover .l-ttl a,
.l-item.active .l-ttl a { transform: translateX(0px) translateY(0) scale(0.8); }
.l-item .l-bot { border-top: 1px solid #d7d7d7; max-width: 210px; margin: 16px auto 0 auto; opacity: 0; transform: translateX(0px) translateY(60px); -webkit-transition: all 0.3s ease 0.1s; -moz-transition: all 0.3s ease 0.1s; -o-transition: all 0.3s ease 0.1s; transition: all 0.3s ease 0.1s; }
.l-item:hover .l-bot,
.l-item.active .l-bot { opacity: 1; transform: translateX(0px) translateY(0); transform: translateX(0px) translateY(-46px); }
.l-item .l-bot .l-txt { height: 54px; display: flex; justify-content: center; flex-direction: column; }
.l-item .l-bot .l-txt a { display: block; color: #098cba; line-height: 20px; }
.l-item .l-bot .l-logo { }
.home .hp-method { background: url(../img/bg-top-home-method.png) no-repeat top center, url(../img/bg-bottom-home-method.png) no-repeat bottom center; padding-top: 130px; padding-bottom: 102px; margin-top: -10px; position: relative; z-index: 10; overflow: hidden; }
.home .hp-method .bg { background: #eff9fc; padding-top: 16px; padding-bottom: 66px; }
.home .hp-method .main-content-ins { max-width: 1460px; margin: auto auto; }
.home .hp-method .pull-left { width: 350px; position: relative; }
.home .hp-method .pull-left .graphs-hp-method { width: 350px; height: 298px; position: relative; }
.home .hp-method .pull-left .graphs-hp-method > div { position: absolute; background-repeat: no-repeat; background-position: 0 0; }
.home .hp-method .pull-left .graphs-hp-method .graphs-hp-method-1 { top: 0; left: 59px; background-image: url(../img/graph-hp-method-1.png); width: 272px; height: 274px; }
.home .hp-method .pull-left .graphs-hp-method .graphs-hp-method-2 { bottom: 0; right: 0; background-image: url(../img/graph-hp-method-2.png); width: 92px; height: 90px; }
.home .hp-method .pull-left .graphs-hp-method .graphs-hp-method-3 { top: 44px; left: 0; background-image: url(../img/graph-hp-method-3.png); width: 229px; height: 109px; }
.home .hp-method .pull-left .graphs-hp-method .graphs-hp-method-4 { bottom: 53px; right: 39px; background-image: url(../img/graph-hp-method-4.png); width: 121px; height: 116px; }
.home .hp-method .pull-right { width: 100%; margin-left: -350px; }
.home .hp-method .pull-right .ins { padding-left: 380px; }
.home .hp-method .pull-right .ins .rgt { float: right; width: 100%; max-width: 950px; }
.home .hp-method .pull-right .ins .rgt .ttl { }
.home .hp-method .pull-right .ins .rgt .ttl h2 { margin: 0; font-weight: normal; }
.home .hp-method .pull-right .ins .rgt .ttl h2 a { font-size: 72px; font-family: 'aka-acid-sunnregular'; }
.home .hp-method .pull-right .ins .rgt .sttl { margin-top: 38px; }
.home .hp-method .pull-right .ins .rgt .sttl h3 { margin: 0; font-weight: normal; }
.home .hp-method .pull-right .ins .rgt .sttl h3 a { display: block; font-size: 30px; }
.home .hp-method .pull-right .ins .rgt .txt { margin-top: 12px; }
.home .hp-method .pull-right .ins .rgt .txt a { display: block; font-size: 16px; line-height: 22px; }
.home .hp-method .pull-right .ins .rgt .lnk { text-align: right; margin-top: 50px; }
.home .hp-method .pull-right .ins .rgt .lnk a { display: inline-block; font-size: 16px; }
.home .hp-method .pull-right .ins .rgt .lnk a img { display: inline-block; vertical-align: middle; margin-left: 10px; }
.home .hp-success { background-position: top center; background-repeat: no-repeat; margin-top: -102px; position: relative; z-index: 9; padding-top: 102px; padding-bottom: 36px; overflow: hidden; background: no-repeat center center fixed; }
.home .hp-success:after { content: ""; position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.33); width: 100%; height: 100%; z-index: 9; }
.home .hp-success .bg-lft { background: url(../img/bg-left-home-success.png) no-repeat 0 0; width: 465px; height: 305px; position: absolute; bottom: 0; left: 0; z-index: 8; }
.home .hp-success .bg-rgt { background: url(../img/bg-right-home-success.png) no-repeat 0 0; width: 316px; height: 603px; position: absolute; top: 0; right: 0; z-index: 8;}
.home .hp-success .main-content-ins { max-width: 1162px; position: relative; z-index: 10; }
.home .hp-success .ttl { text-align: center; margin-top: 40px; }
.home .hp-success .ttl h2 { margin: 0; font-weight: normal; }
.home .hp-success .ttl h2 a { font-size: 72px; font-family: 'aka-acid-sunnregular'; }
.home .hp-success .lst { }
.home .hp-success .lst ul { margin-left: -18px; margin-right: -18px; margin-bottom: -18px; overflow: hidden; }
.home .hp-success .lst ul li { float: left; width: 33.33%; padding: 0 18px 18px 18px; margin-top: 60px; }
.s-item { background: #fff; border-radius: 10px; text-align: center; padding: 28px 30px 24px 30px; max-width: 350px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.s-item:hover { box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.4); }
.s-item .s-img { display: flex; justify-content: center; flex-direction: column; }
.s-item .s-ttl { margin-top: 18px; }
.s-item .s-ttl h3 { margin: 0; font-weight: normal; }
.s-item .s-ttl h3 a { font-size: 48px; font-family: 'aka-acid-sunnregular'; }
.s-item .s-txt { margin-top: 16px; }
.s-item .s-txt a { display: block; font-size: 16px; line-height: 22px; }
.s-item .s-lnk { margin-top: 20px; }
.s-item .s-lnk a { display: inline-block; font-size: 16px; }
.s-item .s-lnk a img { display: inline-block; vertical-align: middle; margin-left: 20px; }
.home .hp-boxes { overflow: hidden; }
.home .hp-boxes > div { width: 50%; }
.b-item { position: relative; background-position: center center; background-repeat: no-repeat; height: 560px; }
.b-item .b-ins { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; text-align: center; }
.home .hp-boxes > div .b-item .b-ins > div { padding: 10px; }
.home .hp-boxes > div .b-item .b-ins > div > div { position: relative; }
.home .hp-boxes > div:nth-child(1) .b-item .b-ins > div > div { display: inline-block; padding: 130px 190px; }
.home .hp-boxes > div:nth-child(2) .b-item .b-ins > div > div { display: inline-block; padding: 90px 160px; }
.home .hp-boxes > div .b-item .b-ins > div > div span { display: inline-block; position: absolute; }
.home .hp-boxes > div:nth-child(1) .b-item .b-ins > div > div span.b-bg-1-1 { background: url(../img/graph-face-1.png) no-repeat 0 0; top: 70px; left: 110px; width: 30px; height: 30px; }
.home .hp-boxes > div:nth-child(1) .b-item .b-ins > div > div span.b-bg-1-2 { background: url(../img/graph-hat.png) no-repeat 0 0; top: 0; right: 0; width: 211px; height: 113px; }
.home .hp-boxes > div:nth-child(1) .b-item .b-ins > div > div span.b-bg-1-3 { background: url(../img/graph-face-2.png) no-repeat 0 0; bottom: 70px; right: 110px; width: 36px; height: 35px; }
.home .hp-boxes > div:nth-child(2) .b-item .b-ins > div > div span.b-bg-2-1 { background: url(../img/graph-abc.png) no-repeat 0 0; top: 40px; left: 80px; width: 67px; height: 47px; }
.home .hp-boxes > div:nth-child(2) .b-item .b-ins > div > div span.b-bg-2-2 { background: url(../img/graph-clock.png) no-repeat 0 0; top: 0; right: 50px; width: 90px; height: 84px; }
.home .hp-boxes > div:nth-child(2) .b-item .b-ins > div > div span.b-bg-2-3 { background: url(../img/graph-book.png) no-repeat 0 0; bottom: 0; left: 0; width: 65px; height: 110px; }
.b-item .b-ins .b-ttl { }
.b-item .b-ins .b-ttl h2 { margin: 0; font-weight: normal; }
.b-item .b-ins .b-ttl h2 a { font-size: 72px; color: #fff; font-family: 'aka-acid-sunnregular'; }
.b-item .b-ins .b-txt { margin-top: 10px; }
.b-item .b-ins .b-txt a { font-size: 20px; color: #fff; }
.home .hp-logos { padding-bottom: 70px; text-align: center; overflow: hidden; }
.home .hp-logos ul { margin-left: -60px; margin-right: -60px; }
.home .hp-logos ul li { display: inline-block; vertical-align: middle; padding: 0 60px; margin-top: 52px; }
/********************* HOMEPAGE *********************/

.m-bnr { height: 270px; background-position: center center; background-repeat: no-repeat; }
.m-ttl { text-align: center; }
.m-ttl h1 { margin: 0; display: block; line-height: 76px; font-size: 72px; color: #d9185b; font-family: 'aka-acid-sunnregular'; font-weight: normal; }
.m-ttl h1 span.col-green { color: #7ec11d; }
.m-ttl h1 span.und-green { display: inline-block; border-bottom: 1px solid #85d81a; width: 460px; max-width: 100%; line-height: 52px; }
.m-img { margin-top: 46px; }
.m-txt { display: block; line-height: 22px; margin-top: 40px; }
.m-txt ul { margin: 0; padding: 0; list-style: none; }
.m-txt ul li { margin: 20px 0 0 0; padding: 0 0 0 32px; position: relative; }
.m-txt ul li:first-child { margin-top: 0; }
.m-txt ul li:before { content: ""; display: block; width: 9px; height: 9px; background: #d9185b; border-radius: 50%; position: absolute; top: 4px; left: 13px; }
/*.m-lst { content: ""; display: block; width: 9px; height: 9px; background: #d9185b; border-radius: 50%; position: absolute; top: 4px; left: 13px; }*/
.m-error { }
.m-error .m-error-ttl-2 { margin-top: 30px; }
.m-error .m-error-ttl-2 h2 { margin: 0; font-size: 30px; font-weight: normal; }
.m-error .m-error-ttl-3 { margin-top: 20px; }
.m-error .m-error-ttl-3 h3 { margin: 0; font-size: 24px; font-weight: normal; }
.m-error .m-error-txt { margin-top: 20px; }
.m-error .m-error-lnks { margin-top: 20px; }
.m-error .m-error-lnks a { display: inline-block; vertical-align: middle; margin: 10px 10px 0 10px; }
.m-error .m-error-lnks a i { margin-right: 10px; }
.m-lst { }
.m-lst ul { }
.m-lst ul li { margin-top: 30px; padding-top: 30px; border-top: 1px solid #ccc; }
.m-lst ul li:first-child { padding-top: 0; border-top: 0; }
.m-lst ul li .img { float: left; width: 300px; position: relative; }
.m-lst ul li .det { float: right; width: 100%; margin-left: -300px; }
.m-lst ul li .det .ins { padding-left: 320px; }
.m-lst ul li .det .ins .ins-ttl { }
.m-lst ul li .det .ins .ins-ttl a { display: block; font-weight: 700; }
.m-lst ul li .det .ins .ins-txt { margin-top: 10px; }
.m-lst ul li .det .ins .ins-txt a { display: block; }
.m-lst ul li .det .ins .ins-lnk { margin-top: 10px; }

/********************* SIMPLE *********************/
.simple { }
.simple .m-ttl { margin-top: 24px; }
/********************* SIMPLE *********************/

/********************* ABOUT US *********************/
.about { }
.about .m-ttl { margin-top: 84px; }
/********************* ABOUT US *********************/

/********************* CONTACT *********************/
.contact { }
.contact .mttl { text-align: center; font-size: 36px; font-weight: 700; margin-top: 38px; }
.contact .mttl.mttl-2 { margin-top: 44px; }
.contact .boxes { }
.contact .boxes ul { padding-top: 14px; }
.contact .boxes ul li { float: left; width: 25%; padding: 0 10px; margin-top: 30px; }
.contact .boxes ul li .box { border: 1px solid #64b9de; max-width: 288px; margin: auto auto; text-align: center; padding: 0 10px 12px 10px; }
.contact .boxes ul li .box .img { margin-top: 18px; position: relative; background-position: center center; background-repeat: no-repeat; width: 54px; height: 54px; margin: 18px auto 0 auto; }
.contact .boxes ul li .box.box-phone .img { background-image: url(../img/icons/contact-phone.png); }
.contact .boxes ul li .box.box-email .img { background-image: url(../img/icons/contact-email.png); }
.contact .boxes ul li .box.box-map .img { background-image: url(../img/icons/contact-map.png); }
.contact .boxes ul li .box.box-time .img { background-image: url(../img/icons/contact-time.png); }
.contact .boxes ul li:first-child .box .img { margin-top: 18px; position: relative; }
.contact .boxes ul li .box .img:before { content: ""; display: block; background: #d9185b; width: 54px; height: 54px; border-radius: 5px; position: absolute; top: 0; left: 50%; margin-left: -27px; transform: rotate(0); z-index: -1; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.contact .boxes ul li:hover .box .img:before { transform: rotate(45deg); }
.contact .boxes ul li .box .ttl { font-weight: 700; margin-top: 20px; }
.contact .boxes ul li .box .txt { font-size: 16px; display: flex; justify-content: center; flex-direction: column; line-height: 26px; margin-top: 15px; }
.contact .boxes ul li .box .txt span { color: #d9185b; }
.contact .maps { max-width: 1355px; margin: 50px auto 0 auto; }
.contact .maps .pull-left { width: 50%; padding-right: 13px; border-right: 1px dashed #88d920; }
.contact .maps .pull-right { width: 50%; padding-left: 13px; }
.contact .maps .ins { position: relative; max-width: 664px; }
.contact .maps .ins .map { background: url(../img/dummy/map-1.jpg) repeat 0 0; height: 576px; }
.contact .maps .ins .det { position: absolute; height: 185px; top: 18px; color: #d9185b; font-weight: 700; background-position: 0 0; background-repeat: no-repeat; padding-top: 42px; }
.contact .maps .ins .det span { display: flex; justify-content: center; flex-direction: column; height: 85px; line-height: 22px; }
.contact .maps .pull-left .ins .det { left: -15px; background-image: url(../img/graph-map-left.png); width: 158px; padding-left: 14px; }
.contact .maps .pull-right .ins .det { right: -18px; background-image: url(../img/graph-map-right.png); width: 196px; padding-right: 14px; text-align: right; }
.contact .frm { max-width: 1250px; margin: 34px auto 0 auto; }
.contact .frm .pull-left { width: 52%; padding-right: 34px; }
.contact .frm .pull-left input { background: none; border: 1px solid #009dde; width: 100%; height: 56px; margin: 0; padding: 0 20px; cursor: pointer; }
.contact .frm .pull-right { width: 48%; padding-left: 34px; }
.contact .frm .pull-right textarea { background: none; border: 1px solid #009dde; width: 100%; height: 269px; margin: 0; padding: 10px 20px; cursor: pointer; }
.contact .frm .form-group { margin-top: 15px; }
.contact .frm .captcha { margin-top: 48px; }
.contact .frm .req { margin-top: 15px; font-size: 22px; }
.contact .frm .btn-custom-2 { margin-top: 32px; }
/********************* CONTACT *********************/

/********************* NEWS *********************/
.news { }
.news .m-ttl { margin-top: 24px; }
.news .lst { margin-top: 0px; }
.news .lst ul { margin-left: -18px; margin-right: -18px; margin-top: -50px; overflow: hidden; }
.news .lst ul li { float: left; width: 50%; padding: 0 18px; margin-top: 85px; }
.n-item { margin: auto auto; max-width: 682px; }
.n-item .n-dt { }
.n-item .n-dt a { font-size: 26px; }
.n-item .n-dt a span { font-size: 16px; color: #888; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.n-item .n-dt a:hover span { color: #d9185b; }
.n-item .n-img { margin-top: 20px; overflow: hidden; }
.n-item .n-ttl { margin-top: 20px; }
.n-item .n-ttl a { font-size: 26px; }
.n-item .n-txt { margin-top: 15px; }
.n-item .n-txt a { display: block; line-height: 22px; }
.n-item .n-lnk { margin-top: 30px; }
/********************* NEWS *********************/

/********************* NEW *********************/
.new { }
.new .m-ttl { margin-top: 90px; }
.new .sim { margin-top: 64px; }
.new .sim .ttl { font-size: 72px; color: #d9185b; font-family: 'aka-acid-sunnregular'; text-align: center; }
.new .sim .slider-1 { margin-top: 44px; padding: 0 40px; }
.new .sim .slider-1 .slider-1-item { padding: 0 10px; }
.sim-item { max-width: 280px; margin: auto auto; }
.sim-item .sim-ttl { margin-top: 7px; }
.sim-item .sim-ttl a { font-size: 14px; letter-spacing: 1px; }
/********************* NEW *********************/

/********************* EVENTS *********************/
.events { }
.events .m-ttl { margin-top: 24px; }
.events .lst { }
.events .lst ul { }
.events .lst ul li { margin-top: 50px; }
.e-item { max-width: 1234px; margin: auto auto; }
.e-item .e-img { float: left; width: 494px; position: relative; }
.e-item .e-rgt { float: right; width: 100%; margin-left: -494px; }
.e-item .e-rgt .e-ins { padding-left: 494px; }
.e-item .e-rgt .e-ins .e-brd { border: 1px solid #e1e1e1; border-left: 0; padding: 24px; min-height: 368px; }
.e-item .e-rgt .e-ins .e-brd .e-ttl { }
.e-item .e-rgt .e-ins .e-brd .e-ttl a { font-size: 26px; color: #7ec11e; }
.e-item .e-rgt .e-ins .e-brd .e-txt { margin-top: 23px; }
.e-item .e-rgt .e-ins .e-brd .e-txt a { display: block; line-height: 30px; }
.e-item .e-rgt .e-ins .e-brd .e-lnk { margin-top: 34px; }
.events .parallax { margin-top: 44px; height: 400px; position: relative; background: no-repeat top left fixed; }
.events .parallax:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(35,35,35,0.5); }
.events .parallax .ins { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; }
.events .parallax .ins .main-content-ins { font-size: 36px; color: #fff; line-height: 48px; }
/********************* EVENTS *********************/

/********************* METHOD *********************/
.method { }
.method .m-ttl { margin-top: 24px; }
.method .m-txt { font-size: 26px; line-height: 46px; margin-top: 54px; }
.method .bg { background: #1ca3e1; min-height: 600px; display: flex; justify-content: center; flex-direction: column; margin-top: 90px; position: relative; overflow: hidden; }
.method .bg .bg-graph { position: absolute; background-repeat: no-repeat; background-position: 0 0; }
.method .bg .bg-graph-top-left { top: 0; left: 0; background-image: url(../img/graph-my-method-top-left.png); width: 239px; height: 302px; }
.method .bg .bg-graph-top-right { top: 0; right: 0; background-image: url(../img/graph-my-method-top-right.png); width: 245px; height: 376px; }
.method .bg .bg-graph-bottom-left { bottom: 0; left: 0; background-image: url(../img/graph-my-method-bottom-left.png); width: 148px; height: 140px; }
.method .bg .bg-graph-bottom-center { bottom: 0; right: 28%; background-image: url(../img/graph-my-method-bottom-center.png); width: 308px; height: 147px; }
.method .bg .bg-graph-bottom-right { bottom: 0; right: 0; background-image: url(../img/graph-my-method-bottom-right.png); width: 136px; height: 146px; }
.method .bg .main-content-ins { max-width: 1398px; }
.method .bg .main-content-ins ul { }
.method .bg .main-content-ins ul li { float: left; width: 25%; }
.meth-item { /*width: 305px; height: 309px;*/ width: 357px; height: 360px; position: relative; }
.meth-item .meth-img { background: url(../img/graph-my-method-text.png) no-repeat center center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.meth-item .meth-img:before { content: ""; background: url(../img/graph-my-method-text-hover.png) no-repeat center center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.meth-item:hover .meth-img:before { opacity: 1; }
.meth-item .meth-det { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; flex-direction: column; text-align: center; padding: 20px 26px; }
.meth-item .meth-det .meth-ico { display: flex; justify-content: center; flex-direction: column; }
.meth-item .meth-det .meth-txt { padding: 0 14px; font-size: 20px; line-height: 24px; margin-top: 30px; }
.method .bg-2 { height: 410px; background-repeat: no-repeat; }
/********************* METHOD *********************/

/********************* PROGRAM *********************/
.program { }
.program .m-ttl { margin-top: 24px; }
.program .m-txt { font-size: 26px; line-height: 30px; margin-top: 25px; }
.program .mn { margin-top: 26px; }
.program .mn.main-content-ins { max-width: 1200px; padding-left: 0; padding-right: 0; }
.program .mn ul { margin-left: -23px; margin-right: -23px; }
.program .mn ul li { float: left; width: 33.33%; padding: 0 23px; }
.mn-item { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.mn-item.mn-active,
.mn-item:hover { box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2); }
.mn-item a { display: block; padding: 16px; }
.mn-item a .mn-ins { display: block; padding: 30px 20px 35px 20px; max-width: 328px; margin: auto auto; text-align: center; }
.mn-item a .mn-ins .mn-ico { display: flex; justify-content: center; flex-direction: column; }
.mn-item a .mn-ins .mn-ttl { margin-top: 20px; display: flex; justify-content: center; flex-direction: column; }
.mn-item a .mn-ins .mn-ttl span { display: block; border-bottom: 2px solid #fff; padding-bottom: 12px; font-size: 48px; font-family: 'aka-acid-sunnregular'; line-height: 40px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }

.program .box-1 { margin-top: 72px; }
.program .box-1 .box-lft { float: left; width: 50%; position: relative; }
.program .box-1 .box-lft:before { content: ""; position: absolute; bottom: 10px; right: 59px; width: 1px; height: 46px; background: #fff; z-index: 10; }
.program .box-1 .box-lft:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 66px; background: #8dc540; z-index: 9; }
.program .box-1.bg-pink .box-lft:after { background: #d9185b; }
.program .box-1.bg-green .box-lft:after { background: #a3d66e; }
.program .box-1.bg-orange .box-lft:after { background: #ff7e00; }
.program .box-1 .box-lft .box-ins { float: right; width: 100%; max-width: 700px; padding-right: 40px; }
.program .box-1 .box-lft .box-ins .box-ttl { font-size: 42px; margin-top: 40px; }
.program .box-1 .box-lft .box-ins .box-txt { margin-top: 68px; line-height: 30px; }
.program .box-1 .box-rgt { float: right; width: 50%; }

.program .box-2 .slider-2 { margin-top: 162px; }
.program .box-2 .slider-2 .slider-2-item { background: #eef2f2; }
.program .box-2 .slider-2 .slider-2-item .slider-2-item-lft { float: left; width: 50%; position: relative; }
.program .box-2 .slider-2 .slider-2-item .slider-2-item-lft:before { content: ""; position: absolute; bottom: 10px; right: 59px; width: 1px; height: 46px; background: #fff; z-index: 10; }
.program .box-2 .slider-2 .slider-2-item .slider-2-item-lft:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 66px; background: #009dde; z-index: 9; }
.program .box-2 .slider-2 .slider-2-item .slider-2-item-lft .slider-2-item-ins { float: right; width: 100%; max-width: 700px; padding-right: 40px; }
.program .box-2 .slider-2 .slider-2-item .slider-2-item-lft .slider-2-item-ttl { font-size: 42px; margin-top: 40px; }
.program .box-2 .slider-2 .slider-2-item .slider-2-item-lft .slider-2-item-txt { margin-top: 68px; line-height: 30px; }
.program .box-2 .slider-2 .slider-2-item .slider-2-item-rgt { float: right; width: 50%; }
/********************* PROGRAM *********************/

/********************* CERTIFICATES *********************/
.certs { }
.certs .lst { text-align: center; }
.certs .lst ul { }
.certs .lst ul li { display: inline-block; vertical-align: top; width: 20%; margin-top: 32px; }
.cert-item { position: relative; text-align: center; max-width: 280px; margin: auto auto; }
.cert-item span { display: block; }
.cert-item .cert-bg { position: relative; width: 280px; height: 282px; background: url(../img/graph-certificates.png) no-repeat center center; }
.cert-item .cert-bg:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.cert-item:hover .cert-bg:before { opacity: 1; }
.cert-item.cert-item-active .cert-bg:before { opacity: 1; }
.cert-item.cert-item-orange .cert-bg:before { background-image: url(../img/graph-certificates-hover-orange.png); }
.cert-item.cert-item-pink .cert-bg:before { background-image: url(../img/graph-certificates-hover-pink.png); }
.cert-item.cert-item-green .cert-bg:before { background-image: url(../img/graph-certificates-hover-green.png); }
.cert-item.cert-item-cyan .cert-bg:before { background-image: url(../img/graph-certificates-hover-cyan.png); }
.cert-item.cert-item-green-dark .cert-bg:before { background-image: url(../img/graph-certificates-hover-green-dark.png); }
.cert-item .cert-det { position: absolute; top: 23px; left: 23px; width: 239px; height: 241px; }
.cert-item .cert-det .cert-ico { margin-top: 10px; display: flex; justify-content: center; flex-direction: column; }
.cert-item .cert-det .cert-ico img { }
.cert-item .cert-det .cert-ttl { font-size: 26px; color: #525252; line-height: 30px; margin-top: 30px; }
.certs .box { margin: 76px 0 16px 0; }
.certs .box .pull-left { width: 50%; }
.certs .box .pull-right { width: 50%; padding-left: 20px; }
.certs .box .pull-right .ttl { font-size: 36px; text-align: center; margin-top: 30px; }
.certs .box .pull-right .txt { font-size: 21px; line-height: 40px; /*border-bottom: 1px solid #d9185b;*/ border-width: 1px; border-top-width: 0; border-left-width: 0; border-right-width: 0; border-style: solid; padding: 24px 0 30px 0; }
.certs .box .pull-right .pdfs { text-align: center; margin-top: 34px; }
.certs .box .pull-right .pdfs a { display: inline-block; vertical-align: middle; font-size: 20px; }
.certs .box .pull-right .pdfs a:before { content: "|"; display: inline-block; vertical-align: top; font-size: 17px; margin: 0 6px; }
.certs .box .pull-right .pdfs a:first-child:before { display: none; }
.certs .box .pull-right .sttl { font-size: 36px; text-align: center; margin-top: 24px; }
.certs .box .pull-right .img { margin-top: 46px; }
/********************* CERTIFICATES *********************/

/********************* GALLERY *********************/
.gallery { }
.gallery .lst { margin-top: 32px; }
.gallery .lst ul { margin-left: -8px; margin-right: -8px; overflow: hidden; }
.gallery .lst ul li { float: left; width: 33.33%; padding: 0 8px; margin-top: 20px; }
.gal-item { max-width: 456px; margin: auto auto; }
.gal-item a { display: block; position: relative; text-align: center; }
.gal-item a > span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.gal-item a:hover > span { opacity: 1; }
.gal-item a > span { background: rgba(217,24,91,0.62);  }
.gal-item a > span > span { display: block; position: absolute; left: 0; width: 100%; }
.gal-item a > span .gal-ttl { top: 50px; font-size: 26px; color: #fff; }
.gal-item a > span .gal-lnk { bottom: 32px; }
.gal-item a > span .gal-lnk span { display: inline-block; border: 1px solid #e6e6e6; color: #fff; padding: 6px 7px 5px 7px; }
/********************* GALLERY *********************/

/********************* XOROI *********************/
.xoroi { }
.xoroi .mn { border-top: 1px solid #d7d7d7; margin-top: 40px; }
.xoroi .mn ul { margin-left: -10px; margin-right: -10px; margin-top: -27px; overflow: hidden; }
.xoroi .mn ul li { float: left; width: 50%; padding: 0 10px; margin-top: 18px; text-align: center; }
.xoroi .mn ul li a { display: inline-block; margin: 27px; border-radius: 10px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.xoroi .mn ul li a:hover,
.xoroi .mn ul li a.active { box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.2); }
.xoroi .mn ul li a span { display: block; font-size: 26px; padding: 20px 24px 24px 34px; }
/*#portfoliolist { margin-left: -8px; margin-right: -8px; overflow: hidden; margin-top: 32px; }
#portfoliolist li { float: left; width: 33.33%; padding: 0 8px; margin-top: 20px;}
#portfoliolist li .portfolio {  display: none; overflow: hidden; }*/
#portfoliolist { margin-left: -8px; margin-right: -8px; overflow: hidden; margin-top: 32px; }
#portfoliolist .portfolio { float: left; width: 33.33%; padding: 0 8px; margin-top: 20px; display: none; overflow: hidden; }
/********************* XOROI *********************/

/********************* RESULTS *********************/
.results { }
.results .cont { position: relative; }
.results .main-content-ins { max-width: 1280px; }
.results .bg-lft { position: absolute; top: 0; left: 0; z-index: 9; background: url(../img/graph-my-method-top-left.png) no-repeat 0 0, url(../img/graph-my-method-bottom-left.png) no-repeat bottom left; height: 593px; width: 226px; }
.results .bg-rgt { position: absolute; top: 0; right: 0; z-index: 9; background: url(../img/graph-my-method-top-right.png) no-repeat 0 0, url(../img/graph-my-method-bottom-right.png) no-repeat bottom right; height: 588px; width: 245px; }
.results .m-ttl { margin-top: 24px; }
.results .lst { position: relative; z-index: 10; }
.results .lst ul { margin-left: -15px; margin-right: -15px; overflow: hidden; }
.results .lst ul li { float: left; width: 25%; padding: 0 15px; margin-top: 30px; }
.results .lst ul li a { display: flex; justify-content: center; flex-direction: column; min-height: 90px; background: #d9185b; border-radius: 10px; font-size: 24px; color: #fff; line-height: 30px; text-align: center; padding: 5px 10px; }
/********************* RESULTS *********************/

/********************* ACCOUNT *********************/
.account { }
.account .m-ttl { margin-top: 24px; }
.account .frm { max-width: 576px; margin: 34px auto 0 auto; }
.account .frm .form-group { margin-top: 15px; }
.account .frm .form-group input { background: none; border: 1px solid #009dde; width: 100%; height: 56px; margin: 0; padding: 0 20px; cursor: pointer; }
.account .frm .form-group button { margin-top: 30px; }
.account .frm .rem { margin-top: 15px; text-align: right; }
.account .frm .rem span { display: inline-block; vertical-align: middle; }
.account .frm .rem span:last-child { margin-left: 10px; }
.account .frm .rem span input { display: inline-block; }
.account .frm .mybtn { margin-top: 32px; text-align: center; }
.account .frm .lnks { margin-top: 30px; text-align: center; }
.account .frm .lnks a { display: block; margin-top: 10px; }
.account .mn { margin-top: 26px; }
.account .mn.main-content-ins { max-width: 1200px; padding-left: 0; padding-right: 0; }
.account .mn ul { margin-left: -23px; margin-right: -23px; }
.account .mn ul li { float: left; width: 33.33%; padding: 0 23px; }
.account .lst { margin-top: 100px; }
.account .lst .ttl { display: block; line-height: 76px; font-size: 72px; font-family: 'aka-acid-sunnregular'; font-weight: normal; text-align: center; }
.account .lst ul { margin-left: -15px; margin-right: -15px; margin-top: 40px; }
.account .lst ul li { float: left; width: 25%; padding: 0 15px; margin-top: 30px; }
.account .lst ul li a { display: flex; justify-content: center; flex-direction: column; text-align: center; padding: 6px 10px; min-height: 90px; font-size: 24px; color: #fff; border-radius: 10px; }
/********************* ACCOUNT *********************/

@media only screen and (max-width: 1600px) {
/********************* FOOTER *********************/
footer .top .pull-left .ins { max-width: 700px; }
/********************* FOOTER *********************/

/********************* PROGRAM *********************/
.program .box-1 .box-lft .box-ins .box-ttl { margin-top: 20px; }
.program .box-1 .box-lft .box-ins .box-txt { margin-top: 30px; }

.program .box-2 .slider-2 .slider-2-item .slider-2-item-lft .slider-2-item-ttl { margin-top: 20px; }
.program .box-2 .slider-2 .slider-2-item .slider-2-item-lft .slider-2-item-txt { margin-top: 30px; }
/********************* PROGRAM *********************/
}

@media only screen and (max-width: 1440px) {
/********************* FOOTER *********************/
footer .top .pull-left .ins { max-width: 560px; }
footer .top .pull-left .ins .lft .box { width: 260px; }
footer .top .pull-left .ins .lft .ttl { font-size: 36px; background-position: top right 40px; background-size: 120px 106px; height: 106px; padding: 26px 0 0 0; }
footer .top .pull-left .ins .lft .addr { margin-top: 20px; }
footer .top .pull-left .ins .lft .addr ul li { line-height: 30px; margin-top: 20px; font-weight: 400; }
footer .top .pull-left .ins .lft .soc { margin-top: 40px; }
footer .top .pull-left .ins .rgt { margin-top: 58px; }
footer .top .pull-left .ins .rgt .ttl { font-size: 36px; padding-bottom: 0; }
footer .top .pull-left .ins .rgt .box { width: 300px; min-height: 278px; background: url(../img/footer-cloud-2.png) no-repeat top 14px left; background-size: 300px 264px; padding-left: 40px; }
footer .top .pull-left .ins .rgt .box .box-ins { max-width: 240px; }
footer .top .pull-left .ins .rgt .frm .mybtn { margin: 20px 26px 0 0; }
footer .top .pull-right .ins .map { height: 400px; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home .hp-lessons { max-width: 100%; padding: 0 10px; }
.home .hp-lessons ul { margin-left: 0; margin-right: 0; }
.home .hp-lessons ul li { padding-left: 0; padding-right: 0; }
.l-item { margin-left: 10px; margin-right: 10px; }
.l-item:hover { box-shadow: 0px 6px 10px 4.2px rgba(0, 0, 0, 0.18); }
/********************* HOMEPAGE *********************/

/********************* CERTIFICATES *********************/
.cert-item { max-width: 200px; }
.cert-item .cert-bg { width: 200px; height: 201px; }
.cert-item .cert-bg:before { background-size: 200px 201px; }
.cert-item .cert-det { position: absolute; top: 16px; left: 16px; width: 168px; height: 169px; }
.cert-item .cert-det .cert-ico { margin-top: 10px; display: flex; justify-content: center; flex-direction: column; }
.cert-item .cert-det .cert-ico img { max-height: 90px; width: auto; }
.cert-item .cert-det .cert-ttl { font-size: 18px; line-height: normal; margin-top: 10px; }
/********************* CERTIFICATES *********************/

/********************* CONTACT *********************/
.contact .maps { padding: 0 20px; }
/********************* CONTACT *********************/

/********************* PROGRAM *********************/
.program .box-1 .box-lft .box-ins { max-width: 100%; padding-right: 20px; padding-left: 20px; }
.program .box-1 .box-lft .box-ins .box-ttl { font-size: 30px; }
.program .box-1 .box-lft .box-ins .box-txt { margin-top: 20px; font-size: 18px; line-height: 24px; }

.program .box-2 .slider-2 .slider-2-item .slider-2-item-lft .slider-2-item-ins { max-width: 100%; padding-right: 20px; padding-left: 20px; }
.program .box-2 .slider-2 .slider-2-item .slider-2-item-lft .slider-2-item-ttl { font-size: 30px; }
.program .box-2 .slider-2 .slider-2-item .slider-2-item-lft .slider-2-item-txt { margin-top: 20px; font-size: 18px; line-height: 24px; }
/********************* PROGRAM *********************/

/********************* METHOD *********************/
.method .bg .main-content-ins ul { margin-left: -10px; margin-right: -10px; }
.method .bg .main-content-ins ul li { padding: 0 10px; }
.meth-item { width: 280px; height: 284px; }
.meth-item .meth-img { background-size: 280px 284px; }
.meth-item .meth-img:before { display: none; }
.meth-item .meth-det { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; flex-direction: column; text-align: center; padding: 20px 26px; }
.meth-item .meth-det .meth-txt { font-size: 16px; margin-top: 20px; }
/********************* METHOD *********************/
}

@media only screen and (max-width: 1200px) { /* .col-lg- */
.ph-18-b { font-size: 16px; font-weight: 400; }
.ph-18-b::-webkit-input-placeholder { font-size: 16px; font-weight: 400; }
.ph-18-b:-moz-placeholder { /* Firefox 18- */ font-size: 16px; font-weight: 400; }
.ph-18-b::-moz-placeholder {  /* Firefox 19+ */ font-size: 16px; font-weight: 400; }
.ph-18-b:-ms-input-placeholder { font-size: 16px; font-weight: 400; }
.ph-18-b:-ms-input-placeholder { font-size: 16px; font-weight: 400; }

.ph-24-grey { font-size: 16px; }
.ph-24-grey::-webkit-input-placeholder { font-size: 16px; }
.ph-24-grey:-moz-placeholder { /* Firefox 18- */ font-size: 16px; }
.ph-24-grey::-moz-placeholder {  /* Firefox 19+ */ font-size: 16px; }
.ph-24-grey:-ms-input-placeholder { font-size: 16px; }
.ph-24-grey:-ms-input-placeholder { font-size: 16px; }

.btn-custom{ font-size: 16px !important; }
.btn-custom-2 { font-size: 16px; width: 160px; height: 40px; padding: 0 10px; }
.btn-custom-3{ padding: 12px 10px; }

ol.breadcrumb li,
ol.breadcrumb li a { font-size: 16px; }

/********************* HEADER *********************/
.cbp-af-header .header-wrapper header .rgt .pull-right > div.phos a { padding-left: 26px; }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.phos a span { display: none; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer { margin-top: 100px; }
footer .top .pull-left .ins { max-width: 496px; padding: 0 10px; }
footer .top .pull-left .ins .lft .box { width: 216px; }
footer .top .pull-left .ins .lft .ttl { font-size: 30px; }
footer .top .pull-left .ins .lft .addr ul li { font-size: 16px; line-height: 24px; }
footer .top .pull-left .ins .lft .soc { margin-top: 30px; }
footer .top .pull-left .ins .rgt .ttl { font-size: 30px; }
footer .top .pull-left .ins .rgt .box { width: 260px; min-height: 243px; background-size: 260px 229px; padding-left: 30px; }
footer .top .pull-left .ins .rgt .box .box-ins { max-width: 210px; }
footer .top .pull-left .ins .rgt .frm .form-group input { font-size: 16px; padding: 6px 0; font-weight: 400; }
footer .top .pull-left .ins .rgt .frm .chk a { font-size: 16px; font-weight: 400; }
footer .top .pull-left .ins .rgt .frm .mybtn { margin-top: 10px; }
footer .bot { padding-top: 20px; padding-bottom: 16px; }
footer .bot .pull-left { font-size: 24px; line-height: normal; }
footer .bot .pull-right ul li a { font-size: 24px; line-height: normal; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.l-item .l-ttl a { font-size: 20px; }
.l-item .l-bot .l-txt a { font-size: 16px; }
.home .hp-method .bg { padding-top: 50px 0px; }
.home .hp-method .pull-right .ins .rgt { max-width: 100%; }
.home .hp-method .pull-right .ins .rgt .ttl h2 a { font-size: 50px; }
.home .hp-method .pull-right .ins .rgt .sttl { margin-top: 30px; }
.home .hp-method .pull-right .ins .rgt .sttl h3 a { font-size: 24px; }
.home .hp-method .pull-right .ins .rgt .txt a { font-size: 16px; line-height: normal; }
.home .hp-method .pull-right .ins .rgt .lnk { margin-top: 30px; }

.home .hp-success { padding-top: 60px; padding-bottom: 12px; }
.home .hp-success .ttl h2 a { font-size: 50px; }
.home .hp-success .lst { }
.home .hp-success .lst ul { margin-bottom: 0; }
.home .hp-success .lst ul li { margin-top: 40px; }
.s-item { padding: 20px; max-width: 100%; }
.s-item .s-ttl h3 a { font-size: 40px; }
.s-item .s-txt a { line-height: normal; }
.s-item .s-lnk a img { margin-left: 10px; }

.home .hp-boxes > div:nth-child(1) .b-item .b-ins > div > div { display: inline-block; padding: 50px 50px; }
.home .hp-boxes > div:nth-child(2) .b-item .b-ins > div > div { display: inline-block; padding: 50px 50px; }
.home .hp-boxes > div:nth-child(1) .b-item .b-ins > div > div span.b-bg-1-1 { top: 0; left: 0; width: 30px; height: 30px; background-size: 30px 30px; }
.home .hp-boxes > div:nth-child(1) .b-item .b-ins > div > div span.b-bg-1-2 { top: 0; right: 0; width: 93px; height: 50px; background-size: 93px 50px; }
.home .hp-boxes > div:nth-child(1) .b-item .b-ins > div > div span.b-bg-1-3 { bottom: 0; right: 0; width: 30px; height: 29px; background-size: 30px 29px; }
.home .hp-boxes > div:nth-child(2) .b-item .b-ins > div > div span.b-bg-2-1 { top: 0; left: 0; width: 43px; height: 30px; background-size: 43px 30px; }
.home .hp-boxes > div:nth-child(2) .b-item .b-ins > div > div span.b-bg-2-2 { top: 0; right: 0; width: 54px; height: 50px; background-size: 54px 50px; }
.home .hp-boxes > div:nth-child(2) .b-item .b-ins > div > div span.b-bg-2-3 { bottom: 0; left: 0; width: 30px; height: 50px; background-size: 30px 50px; }
.b-item .b-ins .b-ttl h2 a { font-size: 50px; }
.b-item .b-ins .b-txt a { font-size: 16px; }
/********************* HOMEPAGE *********************/

.m-ttl { margin-top: 40px !important; }
.m-ttl h1 { line-height: normal; font-size: 50px; }
.m-img { margin-top: 40px; }
.m-txt { font-size: 16px; line-height: normal; margin-top: 30px; }

.m-error .m-error-ttl-2 h2 { font-size: 24px; }
.m-error .m-error-ttl-3 { margin-top: 10px; }
.m-error .m-error-ttl-3 h3 { font-size: 20px; }
.m-error .m-error-txt { font-size: 16px; }
.m-error .m-error-lnks { margin-top: 10px; }

.m-lst ul li .det .ins .ins-ttl a { font-size: 16px; }
.m-lst ul li .det .ins .ins-txt a { font-size: 16px; }

/********************* CERTIFICATES *********************/
.certs .lst ul li { width: 33.33%; }
.certs .box { margin-top: 60px; }
.certs .box .pull-right .ttl { font-size: 24px; margin-top: 0; }
.certs .box .pull-right .txt { font-size: 16px; line-height: normal; padding: 10px 0; }
.certs .box .pull-right .pdfs { margin-top: 30px; }
.certs .box .pull-right .pdfs a { font-size: 16px; }
.certs .box .pull-right .pdfs a:before { font-size: 14px; margin: 0 5px; }
.certs .box .pull-right .sttl { font-size: 24px; margin-top: 30px; }
.certs .box .pull-right .img { margin-top: 20px; }
/********************* CERTIFICATES *********************/

/********************* CONTACT *********************/
.contact .mttl { font-size: 24px; }
.contact .mttl.mttl-2 { margin-top: 50px; }
.contact .boxes ul li .box .ttl { font-size: 16px; }
.contact .maps { max-width: 100%; margin-top: 30px; }
.contact .maps .pull-left { width: 50%; padding-right: 10px; }
.contact .maps .pull-right { width: 50%; padding-left: 10px; }
.contact .maps .ins { max-width: 100%; }
.contact .maps .ins .map { height: 400px; }
.contact .maps .ins .det { font-size: 16px; }
.contact .frm { max-width: 100%; margin-top: 15px; }
.contact .frm .pull-left { width: 50%; padding-right: 10px; }
.contact .frm .pull-left input { height: 46px; padding: 0 10px; font-size: 16px; }
.contact .frm .pull-right { width: 50%; padding-left: 10px; }
.contact .frm .pull-right textarea { padding-left: 10px; padding-right: 10px; height: 229px; }
.contact .frm .captcha { margin-top: 20px; }
.contact .frm .req { font-size: 16px; }
.contact .frm .btn-custom-2 { margin-top: 30px; }
/********************* CONTACT *********************/

/********************* EVENTS *********************/
.events .lst ul li { margin-top: 40px; }
.e-item { max-width: 100%; }
.e-item .e-rgt .e-ins .e-brd .e-ttl a { font-size: 20px; }
.e-item .e-rgt .e-ins .e-brd .e-txt a { font-size: 16px; line-height: normal; }
.events .parallax { margin-top: 40px; }
.events .parallax .ins .main-content-ins { font-size: 24px; line-height: 36px; }
/********************* EVENTS *********************/

/********************* NEWS *********************/
.news .lst ul { margin-left: -10px; margin-right: -10px; margin-top: 0; }
.news .lst ul li { padding: 0 10px; margin-top: 40px; }
.n-item { }
.n-item .n-dt a { font-size: 20px; }
.n-item .n-dt a span { font-size: 16px; }
.n-item .n-ttl a { font-size: 20px; }
.n-item .n-txt a { font-size: 16px; line-height: normal; }
/********************* NEWS *********************/

/********************* NEW *********************/
.new .sim { margin-top: 40px; }
.new .sim .ttl { font-size: 50px; }
.new .sim .slider-1 { margin-top: 30px; padding: 0 43px; }
/********************* NEW *********************/

/********************* XOROI *********************/
.xoroi .mn { margin-top: 30px; }
.xoroi .mn ul { margin-top: 0; }
.xoroi .mn ul li { margin-top: 30px; }
.xoroi .mn ul li a { margin: 10px; }
.xoroi .mn ul li a:hover,
.xoroi .mn ul li a.active { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); }
.xoroi .mn ul li a span { font-size: 24px; padding: 16px; }
#portfoliolist { margin-top: 10px; }
/********************* XOROI *********************/

/********************* GALLERY *********************/
.gallery .lst { margin-top: 10px; }

.gal-item a > span .gal-ttl { top: 20px; font-size: 20px; }
.gal-item a > span .gal-lnk { bottom: 20px; }
.gal-item a > span .gal-lnk span { font-size: 16px; padding: 6px; }
/********************* GALLERY *********************/

/********************* PROGRAM *********************/
.program .m-txt { font-size: 16px; line-height: normal; margin-top: 30px; }
.program .mn { margin-top: 30px; }
.program .mn.main-content-ins { max-width: 100%; }
.program .mn ul { margin-left: -10px; margin-right: -10px; }
.program .mn ul li { padding: 0 10px; }
.mn-item.mn-active,
.mn-item:hover { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); }
.mn-item a { display: block; padding: 10px; }
.mn-item a .mn-ins { padding: 20px; }
.mn-item a .mn-ins .mn-ttl { margin-top: 10px; }
.mn-item a .mn-ins .mn-ttl span { padding-bottom: 10px; font-size: 36px; line-height: normal; }

.program .box-1 { margin-top: 50px; }
.program .box-1 .box-lft:before { bottom: 5px; right: 28px; height: 26px; }
.program .box-1 .box-lft:after { height: 36px; }
.program .box-1 .box-lft .box-ins .box-ttl { font-size: 24px; }
.program .box-1 .box-lft .box-ins .box-txt { margin-top: 10px; font-size: 16px; line-height: normal; }

.program .box-2 .slider-2 { margin-top: 50px; }
.program .box-2 .slider-2 .slider-2-item .slider-2-item-lft:before { bottom: 5px; right: 28px; height: 26px; }
.program .box-2 .slider-2 .slider-2-item .slider-2-item-lft:after { height: 36px; }
.program .box-2 .slider-2 .slider-2-item .slider-2-item-lft .slider-2-item-ttl { font-size: 24px; }
.program .box-2 .slider-2 .slider-2-item .slider-2-item-lft .slider-2-item-txt { margin-top: 10px; font-size: 16px; line-height: normal; }
/********************* PROGRAM *********************/

/********************* METHOD *********************/
.method .m-txt { font-size: 16px; line-height: normal; margin-top: 30px; }
.method .bg { padding: 30px 0; margin-top: 60px; }
.method .bg .main-content-ins ul li { width: 50%; }
.meth-item { margin: 15px auto; }
.meth-item .meth-det .meth-txt { line-height: normal; }
/********************* METHOD *********************/

/********************* RESULTS *********************/
.results .lst ul li a { font-size: 20px; line-height: 24px; }
/********************* RESULTS *********************/

/********************* ACCOUNT *********************/
.account .mn { margin-top: 30px; }
.account .mn.main-content-ins { max-width: 100%; }
.account .mn ul { margin-left: -10px; margin-right: -10px; }
.account .mn ul li { padding: 0 10px; }
.account .lst { margin-top: 40px; }
.account .lst .ttl { line-height: normal; font-size: 50px; }
.account .lst ul { margin-left: -10px; margin-right: -10px; margin-top: 30px; }
.account .lst ul li { padding: 0 10px; margin-top: 20px; }
.account .lst ul li a { min-height: 60px; font-size: 20px; }
/********************* ACCOUNT *********************/
}

@media only screen and (max-width: 992px) { /* .col-md- */
.main-content-top { padding-top: 86px; }
.main-content-bnr { padding-top: 70px; }

ol.breadcrumb li,
ol.breadcrumb li a { font-size: 14px; }

/********************* HEADER *********************/
.cbp-af-header { position: absolute; background: rgba(255,255,255,1); height: 70px; }
.cbp-af-header .header-wrapper header .menu-btn { background-position: top 14px center; padding-top: 29px; height: 70px; font-size: 26px; background-size: 31px 14px; width: 62px; }
.cbp-af-header .header-wrapper header .rgt { padding-left: 72px; }
.cbp-af-header .header-wrapper header .rgt .pull-left { padding-left: 0; }
.cbp-af-header .header-wrapper header .rgt .pull-left a { width: 121px; height: 50px; }
.cbp-af-header .header-wrapper header .rgt .pull-left a span.logo-lft { width: 30px; height: 50px; background-size: 30px 50px; }
.cbp-af-header .header-wrapper header .rgt .pull-left a span.logo-rgt { width: 79px; height: 35px; background-size: 79px 35px; }
.cbp-af-header .header-wrapper header .rgt .pull-right { padding-top: 14px; padding-right: 10px; }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.phos a:nth-child(2) { margin-left: 20px; }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.lnks > div:first-child { margin-left: 34px; }

.menu-mob { max-width: 340px; padding-left: 20px; }
.menu-mob .btn-close { margin: 20px 0; }
.menu-mob .btn-close a { background-size: 30px 35px; width: 30px; height: 35px; }
.menu-mob .content-menu ul.content-menu-ul > li > a { font-size: 16px; padding-top: 10px; padding-bottom: 10px; }
.menu-mob .content-menu ul.content-menu-ul > li ul li a { font-size: 14px; padding: 10px 0 10px 20px; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer { margin-top: 60px; }
footer .top .pull-left { float: none !important; width: 100%; padding-bottom: 30px; }
footer .top .pull-left .ins { display: block; max-width: 100%; text-align: left; }
footer .top .pull-left .ins .lft,
footer .top .pull-left .ins .rgt { width: 50%; }
footer .top .pull-left .ins .lft .box,
footer .top .pull-left .ins .rgt .box { margin: auto auto; }
footer .top .pull-right { float: none !important; width: 100%; }
footer .top .pull-right .ins .map { height: 300px; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home .rev_slider:after { display: none; }
.home .hp-lessons { margin-top: 20px;  }
.home .hp-lessons ul { padding-bottom: 10px; }
.home .hp-lessons ul li { float: left; width: 33.33%; }

.l-item { box-shadow: 0px 6px 10px 4.2px rgba(0, 0, 0, 0.18); margin-top: 10px; margin-bottom: 10px; }
.l-item .l-img { transform: translateX(0px) translateY(-20px); }
.l-item .l-ttl { transform: translateX(0px) translateY(-48px); }
.l-item .l-ttl a { transform: translateX(0px) translateY(0) scale(0.8); }
.l-item .l-bot { opacity: 1; transform: translateX(0px) translateY(0); transform: translateX(0px) translateY(-46px); }

.home .hp-method { margin-top: 20px; padding-top: 80px; }
.home .hp-method .bg { padding-top: 0; padding-bottom: 20px; }
.home .hp-method .pull-right .ins .rgt .ttl h2 a { font-size: 40px; }
.home .hp-method .pull-right .ins .rgt .sttl h3 a { font-size: 20px; line-height: 24px; }

.home .hp-success { padding-bottom: 20px; }
.home .hp-success .ttl h2 a { font-size: 40px; }
.home .hp-success .lst ul { margin-left: -10px; margin-right: -10px; margin-bottom: -10px; }
.home .hp-success .lst ul li { padding: 0 10px 10px 10px; }
.s-item:hover { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); }
.s-item .s-ttl { margin-top: 10px; }
.s-item .s-ttl h3 a { font-size: 36px; }
.s-item .s-txt { margin-top: 10px; }

.b-item { height: 400px; }
/********************* HOMEPAGE *********************/

.m-bnr { height: 200px; }
.m-ttl h1 { font-size: 40px; }
.m-img { margin-top: 30px; }

/********************* CERTIFICATES *********************/
.certs .box { margin-top: 40px; }
.certs .box .pull-right .ttl { font-size: 20px; }
.certs .box .pull-right .pdfs { margin-top: 20px; }
.certs .box .pull-right .sttl { font-size: 20px; margin-top: 20px; }
/********************* CERTIFICATES *********************/

/********************* CONTACT *********************/
.contact .mttl { font-size: 20px; }
.contact .maps .ins .map { height: 300px; }
.contact .boxes { overflow: hidden; }
.contact .boxes ul { margin-left: -5px; margin-right: -5px; }
.contact .boxes ul li { width: 50%; padding: 0 5px; margin-top: 10px; }
.contact .boxes ul li .box { max-width: 100%; }
/********************* CONTACT *********************/

/********************* EVENTS *********************/
.e-item { }
.e-item .e-img { float: none; width: 100%; margin: auto auto; }
.e-item .e-rgt { float: none; margin-left: 0; margin-top: 20px; }
.e-item .e-rgt .e-ins { padding-left: 0; }
.e-item .e-rgt .e-ins .e-brd { border: 0; padding: 0; min-height: auto; }
.e-item .e-rgt .e-ins .e-brd .e-txt { margin-top: 10px; }
.e-item .e-rgt .e-ins .e-brd .e-lnk { margin-top: 20px; }
/********************* EVENTS *********************/

/********************* NEWS *********************/
.n-item .n-txt { margin-top: 10px; }
.n-item .n-lnk { margin-top: 20px; }
/********************* NEWS *********************/

/********************* XOROI *********************/
.xoroi .mn ul li a span { font-size: 20px; }
#portfoliolist .portfolio { width: 50%; }
/********************* XOROI *********************/

/********************* GALLERY *********************/
.gallery .lst ul li { width: 50%; }
/********************* GALLERY *********************/

/********************* PROGRAM *********************/
.program .box-1 .box-lft { float: none; width: 100%; padding-bottom: 60px; }
.program .box-1 .box-lft .box-ins { float: none; }
.program .box-1 .box-rgt { float: none; width: 100%; }

.program .box-2 .slider-2 .slider-2-item .slider-2-item-lft { float: none; width: 100%; padding-bottom: 60px; }
.program .box-2 .slider-2 .slider-2-item .slider-2-item-lft .slider-2-item-ins { float: none; }
.program .box-2 .slider-2 .slider-2-item .slider-2-item-rgt { float: none; width: 100%; }
/********************* PROGRAM *********************/

/********************* RESULTS *********************/
.results .lst ul li { width: 33.33%; }
/********************* RESULTS *********************/

/********************* ACCOUNT *********************/
.account .lst .ttl { font-size: 40px; }
.account .lst ul { margin-top: 10px; }
.account .lst ul li { width: 33.33%; }
/********************* ACCOUNT *********************/
}

@media only screen and (max-width: 768px) { /* .col-sm- */

}

@media only screen and (max-width: 767px) { /* .col-xs- */
.main-content-full { padding-left: 10px; padding-right: 10px; }
.main-content-ins { padding-left: 10px; padding-right: 10px; }

/********************* HEADER *********************/
.cbp-af-header .header-wrapper header .rgt .pull-right > div.phos { margin-top: -10px; }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.phos a { display: block; font-size: 24px; padding-left: 20px; background-size: 13px 20px; margin-left: 0; }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.phos a:nth-child(2) { margin-left: 0; margin-top: -5px; }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.lnks > div { margin-left: 20px; }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.lnks > div:first-child { margin-left: 24px; }
.cbp-af-header .header-wrapper header .rgt .pull-right > div.lnks > div.ema { display: none; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer .bot .pull-left,
footer .bot .pull-right { float: none !important; text-align: center; }
footer .bot .pull-left { margin-top: 10px; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home .hp-lessons ul li { width: 50%; }
.l-item { max-width: 100%; }
.l-item .l-bot { max-width: 100%; }

.home .hp-method .pull-left { float: none !important; margin: auto auto; }
.home .hp-method .pull-right { float: none !important; margin-left: 0; margin-top: 30px; }
.home .hp-method .pull-right .ins { padding-left: 0; }
.home .hp-method .pull-right .ins .rgt { float: none; }

.home .hp-success .lst { margin-top: 20px; }
.home .hp-success .lst ul { margin-left: -5px; margin-right: -5px; }
.home .hp-success .lst ul li { width: 50%; padding: 0 5px 5px 5px; margin-top: 10px; }
.s-item:hover { box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4); }

.home .hp-boxes > div { width: 100%; }
.b-item { height: 300px; }

.home .hp-logos { padding-bottom: 40px; }
.home .hp-logos ul { margin-left: -20px; margin-right: -20px; }
.home .hp-logos ul li { padding: 0 20px; margin-top: 40px; }
/********************* HOMEPAGE *********************/

.m-bnr { height: 140px; }
.m-ttl h1 { font-size: 36px; }

.m-lst ul li .img { float: none; width: 300px; margin: auto auto; }
.m-lst ul li .det { float: none; margin-left: 0; margin-top: 30px; }
.m-lst ul li .det .ins { padding-left: 0; }

/********************* CERTIFICATES *********************/
.certs .box { margin-bottom: 60px; }
.certs .box .pull-left { float: none !important; width: 100%; }
.certs .box .pull-right { float: none !important; width: 100%; padding-left: 0; margin-top: 30px; }
/********************* CERTIFICATES *********************/

/********************* CONTACT *********************/
.contact .maps .pull-left { float: none !important; width: 100%; padding-right: 0; border-right: 0; border-bottom: 1px dashed #88d920; padding-bottom: 10px; }
.contact .maps .pull-right { float: none !important; width: 100%; padding-left: 0; padding-top: 10px; }
.contact .maps .ins { max-width: 100%; }
.contact .frm .pull-left { float: none !important; width: 100%; padding-right: 0; }
.contact .frm .pull-right { float: none !important; width: 100%; padding-left: 0; }
.contact .frm .btn-custom-2 { margin-top: 20px; }
/********************* CONTACT *********************/

/********************* EVENTS *********************/
.events .lst ul li { margin-top: 30px; }
.e-item .e-rgt .e-ins .e-brd .e-ttl a { font-size: 18px; }
.events .parallax { height: 300px; }
.events .parallax .ins .main-content-ins { font-size: 20px; line-height: normal; text-align: center; }
/********************* EVENTS *********************/

/********************* NEWS *********************/
.news .lst ul { margin-left: 0; margin-right: 0; }
.news .lst ul li { float: none; width: 100%; padding-left: 0; padding-right: 0; }
.n-item .n-img { margin-top: 10px; }
.n-item .n-dt a { font-size: 18px; }
.n-item .n-ttl a { font-size: 18px; }
/********************* NEWS *********************/

/********************* NEW *********************/
.new .sim .ttl { font-size: 36px; }
.new .sim .slider-1 .slider-1-item { padding: 0 5px; }
.sim-item .sim-ttl a { display: block; letter-spacing: normal; line-height: 20px; }
/********************* NEW *********************/

/********************* XOROI *********************/
.xoroi .mn ul { margin-left: -5px; margin-right: -5px; }
.xoroi .mn ul li { padding: 0 5px; }
#portfoliolist { margin-left: -5px; margin-right: -5px; }
#portfoliolist .portfolio { padding: 0 5px; margin-top: 10px; }
/********************* XOROI *********************/

/********************* GALLERY *********************/
.gallery .lst ul { margin-left: -5px; margin-right: -5px; }
.gallery .lst ul li { padding: 0 5px; margin-top: 10px; }
.gal-item a > span .gal-ttl { font-size: 16px; }
/********************* GALLERY *********************/

/********************* PROGRAM *********************/
.program .box-1 .box-lft .box-ins { padding: 0 10px; }

.program .box-2 .slider-2 .slider-2-item .slider-2-item-lft .slider-2-item-ins { padding: 0 10px; }
/********************* PROGRAM *********************/

/********************* PROGRAM *********************/
.program .mn { margin-top: 0; }
.program .mn ul li { width: 50%; margin-top: 30px; }
.mn-item a .mn-ins { max-width: 100%;}
.mn-item a .mn-ins .mn-ttl span { font-size: 30px; }
/********************* PROGRAM *********************/

/********************* METHOD *********************/
.method .bg { padding: 15px 0; margin-top: 40px; }
.method .bg .main-content-ins ul { margin-left: -10px; margin-right: -10px; }
.method .bg .main-content-ins ul li { padding: 0 10px; }
.meth-item { width: 220px; height: 223px; }
.meth-item .meth-img { background-size: 220px 223px; }
.meth-item .meth-img:before { display: none; }
.meth-item .meth-det { padding: 10px; }
.meth-item .meth-det .meth-ico img { max-height: 60px; width: auto; }
.method .bg-2 { height: 300px; }
/********************* METHOD *********************/

/********************* RESULTS *********************/
.results .lst ul { margin-left: -5px; margin-right: -5px; padding-top: 20px; }
.results .lst ul li { padding: 0 5px; margin-top: 10px; }
.results .lst ul li a { font-size: 16px; line-height: normal; min-height: 60px; }
/********************* RESULTS *********************/

/********************* ACCOUNT *********************/
.account .mn { margin-top: 0; }
.account .mn ul li { width: 50%; margin-top: 30px; }
.account .lst .ttl { font-size: 36px; }
.account .lst ul { margin-left: -5px; margin-right: -5px; }
.account .lst ul li { width: 50%; padding: 0 5px; }
.account .lst ul li a { font-size: 16px; }
/********************* ACCOUNT *********************/
}

@media only screen and (max-width: 640px) {
/********************* HOMEPAGE *********************/
.home .hp-success .lst ul { margin-left: 0; margin-right: 0; }
.home .hp-success .lst ul li { float: none; width: 100%; padding: 0; }
.s-item:hover { box-shadow: none; }
.s-item .s-txt { display: none; }
.s-item .s-lnk { margin-top: 10px; }
.s-item .s-img img { max-height: 40px; width: auto; }
/********************* HOMEPAGE *********************/

/********************* CERTIFICATES *********************/
.cert-item { max-width: 100%; }
.cert-item .cert-bg { display: none; }
.cert-item .cert-det { position: relative; top: auto; left: auto; width: 100%; height: auto; }
/********************* CERTIFICATES *********************/

/********************* RESULTS *********************/
.results .lst ul li { width: 50%; }
/********************* RESULTS *********************/
}

@media only screen and (max-width: 560px) {
/********************* FOOTER *********************/
footer .top .pull-left { float: none !important; width: 100%; padding-bottom: 30px; }
footer .top .pull-left .ins { max-width: 480px; margin: auto auto; }
footer .top .pull-left .ins .lft { width: 216px; }
footer .top .pull-left .ins .rgt { width: 244px; }
footer .top .pull-left .ins .rgt .box { width: 244px; min-height: 229px; background-size: 244px 215px; }
footer .top .pull-left .ins .rgt .box .box-ins { max-width: 200px; }
footer .top .pull-left .ins .rgt .frm .mybtn { margin-top: 5px; }
/********************* FOOTER *********************/
}

@media only screen and (max-width: 480px) {
/********************* HOMEPAGE *********************/
.home .hp-logos { padding-bottom: 30px; }
.home .hp-logos ul { margin-left: -10px; margin-right: -10px; }
.home .hp-logos ul li { padding: 0 10px; margin-top: 30px; }
.home .hp-logos ul li a img { max-height: 36px; width: auto; }
/********************* HOMEPAGE *********************/

/********************* GALLERY *********************/
.gallery .lst ul { margin-left: 0; margin-right: 0; }
.gallery .lst ul li { float: none; width: 100%; padding-left: 0; padding-right: 0; }
/********************* GALLERY *********************/

/********************* XOROI *********************/
#portfoliolist { margin-left: 0; margin-right: 0; }
#portfoliolist .portfolio { float: none; width: 100%; padding-left: 0; padding-right: 0; }
/********************* XOROI *********************/

/********************* PROGRAM *********************/
.program .mn ul { margin-left: 0; margin-right: 0; }
.program .mn ul li { float: none; width: 100%; padding-left: 0; padding-right: 0; }
/********************* PROGRAM *********************/

/********************* RESULTS *********************/
.results .bg-lft,
.results .bg-rgt { display: none; }
/********************* RESULTS *********************/

/********************* ACCOUNT *********************/
.account .mn ul { margin-left: 0; margin-right: 0; }
.account .mn ul li { float: none; width: 100%; padding-left: 0; padding-right: 0; }
/********************* ACCOUNT *********************/
}

@media only screen and (max-width: 479px) {
.main-content-top { padding-top: 136px; }
.main-content-bnr { padding-top: 120px; }

/********************* HEADER *********************/
.cbp-af-header .header-wrapper header .rgt .pull-right > div.phos { display: none; }
.cbp-af-header .header-wrapper header .mob-phos { display: block; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer .top .pull-left .ins { max-width: 100%; }
footer .top .pull-left .ins .lft,
footer .top .pull-left .ins .rgt { float: none; margin: auto auto; margin-top: 30px; }
footer .top .pull-left .ins .rgt { margin-top: 50px; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home .hp-lessons { padding-left: 0; padding-right: 0 }
.home .hp-lessons ul li { width: 100%; }
/********************* HOMEPAGE *********************/

/********************* CERTIFICATES *********************/
.certs .lst ul li { width: 50%; margin-top: 20px; }
/********************* CERTIFICATES *********************/

/********************* CONTACT *********************/
.contact .boxes ul { margin-left: 0; margin-right: 0; }
.contact .boxes ul li { float: none; width: 100%; padding-left: 0; padding-right: 0; }
/********************* CONTACT *********************/

/********************* METHOD *********************/
.method .bg .main-content-ins ul { margin-left: 0; margin-right: 0; }
.method .bg .main-content-ins ul li { float: none; width: 100%; padding-left: 0; padding-right: 0; }
/********************* METHOD *********************/

/********************* ACCOUNT *********************/
.account .lst ul { margin-left: 0; margin-right: 0; margin-top: 20px; }
.account .lst ul li { float: none; width: 100%; padding-left: 0; padding-right: 0; margin-top: 10px; }
/********************* ACCOUNT *********************/
}

@media only screen and (max-width: 360px) {

}