/*
Name:Particles - Personal + Agency Template
Version:1.0
Author:Denis Samardjiev
*/

/* =Table of Contents
--------------------------------------------------------------
	=Common Styles
	=Margin + Padding
	=Typography
	=Buttons
	=Progress Bars
    =Alerts
    =Lists
    =Tabs
    =Panels
    =Thumbnails
    =Animate Examples
    =Accordion
	=Call to Action
	=Navigation
	=Jumbotron Main
    =Jumbotron Register
	=Hello Intro
	=Our Process
	=Carousel
	=Services
    =About
    =Profile
    =Count
	=Team
	=Work
	=Pricing
	=Timeline
	=Contact + Map
    =Footer
    =Media Queries
*/

/* @import url(https://fonts.googleapis.com/css?family=Roboto:700,400,300,100|Montserrat:400,700); */

/* =Common Styles
-------------------------------------------------------------- */
@font-face {
    font-family: "NanumGothic";
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/nanumGothic.eot');
    src: local('?'),
    url('../fonts/nanumGothic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/nanumGothic.woff') format('woff'),
    url('../fonts/nanumGothic.ttf') format('truetype');
}
@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/NanumSquareL.woff) format('woff'),
    url(../fonts/NanumSquareL.otf) format('opentype');
}
@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/NanumSquareR.woff) format('woff'),
    url(../fonts/NanumSquareR.otf) format('opentype');
}
@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/NanumSquareB.woff) format('woff'),
    url(../fonts/NanumSquareB.otf) format('opentype');
}

html, body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,.btn {
    font-family: "NanumSquare", "NanumGothic" ,dotum,Helvetica,sans-serif !important;
}


body {
    background-color: #1d1d1d;
    font-family:"NanumSquare",dotum,Helvetica,sans-serif !important;
    font-size: 18px;
    font-weight: 300;
    padding-top: 69px;
    color: #A2A2A2;
    height: 100%;
    min-height: 100% !important;
}

html {
    height: 100%;
}

a:active, a:focus {
    outline: none;
}

a {
    color: #8980fe;
    outline: none;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #8980fe;
}

a:focus, a:hover {
    color: #8980fe;
    text-decoration: none !important;
}

.mini-hr {
    border-style: solid none;
    border-color: #424242;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    width: 20px;
    height: 1px;
    text-align: left;
    position: relative;
    clear: both;
}

span.divider {
    display: block;
    margin: 25px 0px;
    width: 100px;
    height: 2px;
    background-color: #8980fe;
}

span.divider.center {
    margin-right: auto;
    margin-left: auto;
}

textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover,
#contact .form-control:focus,
#contact .form-control:hover,
#contact .form-control:active {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-color: #8980fe;
}

.ticker {
    overflow: hidden;
    height: 70px;
    vertical-align: baseline;
}

.ticker h1 {
    margin: 0px;
    height: 70px;
    -webkit-transition: margin-top 0.5s ease-in-out;
    -moz-transition: margin-top 0.5s ease-in-out;
    -o-transition: margin-top 0.5s ease-in-out;
    transition: margin-top 0.5s ease-in-out;
}

.big-logo {
    font-size: 70px;
}

.background1 { background-color: #212121; }
.background2 { background-color: #1d1d1d; }
/*** border-style **/
.border_grey{border:1px solid #c9c9c9;}
/*** background-color ***/
.grey{background:#f5f5f5;}
.orange{background:orange;}
/*** font-color ***/
.red{color:red;}
.text-orange{color:orange;}
.text-white{color:#fff !important;}
.text-center{text-align:center;}
.text-left{text-align:left !important;}
.text-normal{font-weight:normal;}
.text-bold{
    font-weight:bold;
}
.overflow{
    overflow:hidden;
}
.float-left{
    float:left !important;
}
.float-right{
    float:right !important;
}
.transform{transform:rotate(90deg);}
/*** margin setting ***/
.m-auto {margin:0 auto}.m0 {margin:0px !important}.m1 {margin:1px !important}.m2 {margin:2px !important}.m3 {margin:3px !important}.m4 {margin:4px !important}.m5 {margin:5px !important}.m6 {margin:6px !important}.m7 {margin:7px !important}.m8 {margin:8px !important}.m9 {margin:9px !important}.m10 {margin:10px !important}.m11 {margin:11px !important}.m12 {margin:12px !important}.m13 {margin:13px !important}.m14 {margin:14px !important}.m15 {margin:15px !important}.m16 {margin:16px !important}.m17 {margin:17px !important}.m18 {margin:18px !important}.m19 {margin:19px !important}.m20 {margin:20px !important}.m21 {margin:21px !important}.m22 {margin:22px !important}.m23 {margin:23px !important}.m24 {margin:24px !important}.m25 {margin:25px !important}.m26 {margin:26px !important}.m27 {margin:27px !important}.m28 {margin:28px !important}.m29 {margin:29px !important}.m30 {margin:30px !important}.m31 {margin:31px !important}.m32 {margin:32px !important}.m33 {margin:33px !important}.m34 {margin:34px !important}.m35 {margin:35px !important}.m36 {margin:36px !important}.m37 {margin:37px !important}.m38 {margin:38px !important}.m39 {margin:39px !important}.m40 {margin:40px !important}.m41 {margin:41px !important}.m42 {margin:42px !important}.m43 {margin:43px !important}.m44 {margin:44px !important}.m45 {margin:45px !important}.m46 {margin:46px !important}.m47 {margin:47px !important}.m48 {margin:48px !important}.m49 {margin:49px !important}.m50 {margin:50px !important}
.mt0 {margin-top:0px !important}.mt1 {margin-top:1px !important}.mt2 {margin-top:2px !important}.mt3 {margin-top:3px !important}.mt4 {margin-top:4px !important}.mt5 {margin-top:5px !important}.mt6 {margin-top:6px !important}.mt7 {margin-top:7px !important}.mt8 {margin-top:8px !important}.mt9 {margin-top:9px !important}.mt10 {margin-top:10px !important}.mt11 {margin-top:11px !important}.mt12 {margin-top:12px !important}.mt13 {margin-top:13px !important}.mt14 {margin-top:14px !important}.mt15 {margin-top:15px !important}.mt16 {margin-top:16px !important}.mt17 {margin-top:17px !important}.mt18 {margin-top:18px !important}.mt19 {margin-top:19px !important}.mt20 {margin-top:20px !important}.mt21 {margin-top:21px !important}.mt22 {margin-top:22px !important}.mt23 {margin-top:23px !important}.mt24 {margin-top:24px !important}.mt25 {margin-top:25px !important}.mt26 {margin-top:26px !important}.mt27 {margin-top:27px !important}.mt28 {margin-top:28px !important}.mt29 {margin-top:29px !important}.mt30 {margin-top:30px !important}.mt31 {margin-top:31px !important}.mt32 {margin-top:32px !important}.mt33 {margin-top:33px !important}.mt34 {margin-top:34px !important}.mt35 {margin-top:35px !important}.mt36 {margin-top:36px !important}.mt37 {margin-top:37px !important}.mt38 {margin-top:38px !important}.mt39 {margin-top:39px !important}.mt40 {margin-top:40px !important}.mt41 {margin-top:41px !important}.mt42 {margin-top:42px !important}.mt43 {margin-top:43px !important}.mt44 {margin-top:44px !important}.mt45 {margin-top:45px !important}.mt46 {margin-top:46px !important}.mt47 {margin-top:47px !important}.mt48 {margin-top:48px !important}.mt49 {margin-top:49px !important}.mt50 {margin-top:50px !important}.mt51 {margin-top:51px !important}.mt52 {margin-top:52px !important}.mt53 {margin-top:53px !important}.mt54 {margin-top:54px !important}.mt55 {margin-top:55px !important}.mt56 {margin-top:56px !important}.mt57 {margin-top:57px !important}.mt58 {margin-top:58px !important}.mt59 {margin-top:59px !important}.mt60 {margin-top:60px !important}.mt70 {margin-top:70px !important}.mt80 {margin-top:80px !important}
.mr0 {margin-right:0px !important}.mr1 {margin-right:1px !important}.mr2 {margin-right:2px !important}.mr3 {margin-right:3px !important}.mr4 {margin-right:4px !important}.mr5 {margin-right:5px !important}.mr6 {margin-right:6px !important}.mr7 {margin-right:7px !important}.mr8 {margin-right:8px !important}.mr9 {margin-right:9px !important}.mr10 {margin-right:10px !important}.mr11 {margin-right:11px !important}.mr12 {margin-right:12px !important}.mr13 {margin-right:13px !important}.mr14 {margin-right:14px !important}.mr15 {margin-right:15px !important}.mr16 {margin-right:16px !important}.mr17 {margin-right:17px !important}.mr18 {margin-right:18px !important}.mr19 {margin-right:19px !important}.mr20 {margin-right:20px !important}.mr21 {margin-right:21px !important}.mr22 {margin-right:22px !important}.mr23 {margin-right:23px !important}.mr24 {margin-right:24px !important}.mr25 {margin-right:25px !important}.mr26 {margin-right:26px !important}.mr27 {margin-right:27px !important}.mr28 {margin-right:28px !important}.mr29 {margin-right:29px !important}.mr30 {margin-right:30px !important}.mr31 {margin-right:31px !important}.mr32 {margin-right:32px !important}.mr33 {margin-right:33px !important}.mr34 {margin-right:34px !important}.mr35 {margin-right:35px !important}.mr36 {margin-right:36px !important}.mr37 {margin-right:37px !important}.mr38 {margin-right:38px !important}.mr39 {margin-right:39px !important}.mr40 {margin-right:40px !important}.mr41 {margin-right:41px !important}.mr42 {margin-right:42px !important}.mr43 {margin-right:43px !important}.mr44 {margin-right:44px !important}.mr45 {margin-right:45px !important}.mr46 {margin-right:46px !important}.mr47 {margin-right:47px !important}.mr48 {margin-right:48px !important}.mr49 {margin-right:49px !important}.mr50 {margin-right:50px !important}.mr51 {margin-right:51px !important}.mr52 {margin-right:52px !important}.mr53 {margin-right:53px !important}.mr54 {margin-right:54px !important}.mr55 {margin-right:55px !important}.mr56 {margin-right:56px !important}.mr57 {margin-right:57px !important}.mr58 {margin-right:58px !important}.mr59 {margin-right:59px !important}.mr60 {margin-right:60px !important}
.mb0 {margin-bottom:0px !important}.mb1 {margin-bottom:1px !important}.mb2 {margin-bottom:2px !important}.mb3 {margin-bottom:3px !important}.mb4 {margin-bottom:4px !important}.mb5 {margin-bottom:5px !important}.mb6 {margin-bottom:6px !important}.mb7 {margin-bottom:7px !important}.mb8 {margin-bottom:8px !important}.mb9 {margin-bottom:9px !important}.mb10 {margin-bottom:10px !important}.mb11 {margin-bottom:11px !important}.mb12 {margin-bottom:12px !important}.mb13 {margin-bottom:13px !important}.mb14 {margin-bottom:14px !important}.mb15 {margin-bottom:15px !important}.mb16 {margin-bottom:16px !important}.mb17 {margin-bottom:17px !important}.mb18 {margin-bottom:18px !important}.mb19 {margin-bottom:19px !important}.mb20 {margin-bottom:20px !important}.mb21 {margin-bottom:21px !important}.mb22 {margin-bottom:22px !important}.mb23 {margin-bottom:23px !important}.mb24 {margin-bottom:24px !important}.mb25 {margin-bottom:25px !important}.mb26 {margin-bottom:26px !important}.mb27 {margin-bottom:27px !important}.mb28 {margin-bottom:28px !important}.mb29 {margin-bottom:29px !important}.mb30 {margin-bottom:30px !important}.mb31 {margin-bottom:31px !important}.mb32 {margin-bottom:32px !important}.mb33 {margin-bottom:33px !important}.mb34 {margin-bottom:34px !important}.mb35 {margin-bottom:35px !important}.mb36 {margin-bottom:36px !important}.mb37 {margin-bottom:37px !important}.mb38 {margin-bottom:38px !important}.mb39 {margin-bottom:39px !important}.mb40 {margin-bottom:40px !important}.mb41 {margin-bottom:41px !important}.mb42 {margin-bottom:42px !important}.mb43 {margin-bottom:43px !important}.mb44 {margin-bottom:44px !important}.mb45 {margin-bottom:45px !important}.mb46 {margin-bottom:46px !important}.mb47 {margin-bottom:47px !important}.mb48 {margin-bottom:48px !important}.mb49 {margin-bottom:49px !important}.mb50 {margin-bottom:50px !important}.mb80 {margin-bottom:80px !important}.mb90 {margin-bottom:90px !important}
.ml0 {margin-left:0px !important}.ml1 {margin-left:1px !important}.ml2 {margin-left:2px !important}.ml3 {margin-left:3px !important}.ml4 {margin-left:4px !important}.ml5 {margin-left:5px !important}.ml6 {margin-left:6px !important}.ml7 {margin-left:7px !important}.ml8 {margin-left:8px !important}.ml9 {margin-left:9px !important}.ml10 {margin-left:10px !important}.ml11 {margin-left:11px !important}.ml12 {margin-left:12px !important}.ml13 {margin-left:13px !important}.ml14 {margin-left:14px !important}.ml15 {margin-left:15px !important}.ml16 {margin-left:16px !important}.ml17 {margin-left:17px !important}.ml18 {margin-left:18px !important}.ml19 {margin-left:19px !important}.ml20 {margin-left:20px !important}.ml21 {margin-left:21px !important}.ml22 {margin-left:22px !important}.ml23 {margin-left:23px !important}.ml24 {margin-left:24px !important}.ml25 {margin-left:25px !important}.ml26 {margin-left:26px !important}.ml27 {margin-left:27px !important}.ml28 {margin-left:28px !important}.ml29 {margin-left:29px !important}.ml30 {margin-left:30px !important}.ml31 {margin-left:31px !important}.ml32 {margin-left:32px !important}.ml33 {margin-left:33px !important}.ml34 {margin-left:34px !important}.ml35 {margin-left:35px !important}.ml36 {margin-left:36px !important}.ml37 {margin-left:37px !important}.ml38 {margin-left:38px !important}.ml39 {margin-left:39px !important}.ml40 {margin-left:40px !important}.ml41 {margin-left:41px !important}.ml42 {margin-left:42px !important}.ml43 {margin-left:43px !important}.ml44 {margin-left:44px !important}.ml45 {margin-left:45px !important}.ml46 {margin-left:46px !important}.ml47 {margin-left:47px !important}.ml48 {margin-left:48px !important}.ml49 {margin-left:49px !important}.ml50 {margin-left:50px !important}.ml56 {margin-left:56px !important}

/*** padding setting ***/
.p0 {padding:0px !important}.p1 {padding:1px !important}.p2 {padding:2px !important}.p3 {padding:3px !important}.p4 {padding:4px !important}.p5 {padding:5px !important}.p6 {padding:6px !important}.p7 {padding:7px !important}.p8 {padding:8px !important}.p9 {padding:9px !important}.p10 {padding:10px !important}.p11 {padding:11px !important}.p12 {padding:12px !important}.p13 {padding:13px !important}.p14 {padding:14px !important}.p15 {padding:15px !important}.p16 {padding:16px !important}.p17 {padding:17px !important}.p18 {padding:18px !important}.p19 {padding:19px !important}.p20 {padding:20px !important}.p21 {padding:21px !important}.p22 {padding:22px !important}.p23 {padding:23px !important}.p24 {padding:24px !important}.p25 {padding:25px !important}.p26 {padding:26px !important}.p27 {padding:27px !important}.p28 {padding:28px !important}.p29 {padding:29px !important}.p30 {padding:30px !important}.p31 {padding:31px !important}.p32 {padding:32px !important}.p33 {padding:33px !important}.p34 {padding:34px !important}.p35 {padding:35px !important}.p36 {padding:36px !important}.p37 {padding:37px !important}.p38 {padding:38px !important}.p39 {padding:39px !important}.p40 {padding:40px !important}.p41 {padding:41px !important}.p42 {padding:42px !important}p43 {padding:43px !important}.p44 {padding:44px !important}.p45 {padding:45px !important}.p46 {padding:46px !important}.p47 {padding:47px !important}.p48 {padding:48px !important}.p49 {padding:49px !important}.p50 {padding:50px !important}
.pt0 {padding-top:0px !important}.pt1 {padding-top:1px !important}.pt2 {padding-top:2px !important}.pt3 {padding-top:3px !important}.pt4 {padding-top:4px !important}.pt5 {padding-top:5px !important}.pt6 {padding-top:6px !important}.pt7 {padding-top:7px !important}.pt8 {padding-top:8px !important}.pt9 {padding-top:9px !important}.pt10 {padding-top:10px !important}.pt11 {padding-top:11px !important}.pt12 {padding-top:12px !important}.pt13 {padding-top:13px !important}.pt14 {padding-top:14px !important}.pt15 {padding-top:15px !important}.pt16 {padding-top:16px !important}.pt17 {padding-top:17px !important}.pt18 {padding-top:18px !important}pt19 {padding-top:19px !important}.pt20 {padding-top:20px !important}.pt21 {padding-top:21px !important}.pt22 {padding-top:22px !important}.pt23 {padding-top:23px !important}.pt24 {padding-top:24px !important}.pt25 {padding-top:25px !important}pt26 {padding-top:26px !important}.pt27 {padding-top:27px !important}.pt28 {padding-top:28px !important}.pt29 {padding-top:29px !important}.pt30 {padding-top:30px !important}.pt31 {padding-top:31px !important}.pt32 {padding-top:32px !important}.pt33 {padding-top:33px !important}.pt34 {padding-top:34px !important}.pt35 {padding-top:35px !important}.pt36 {padding-top:36px !important}.pt37 {padding-top:37px !important}.pt38 {padding-top:38px !important}.pt39 {padding-top:39px !important}.pt40 {padding-top:40px !important}.pt41 {padding-top:41px !important}.pt42 {padding-top:42px !important}.pt43 {padding-top:43px !important}.pt44 {padding-top:44px !important}.pt45 {padding-top:45px !important}.pt46 {padding-top:46px !important}.pt47 {padding-top:47px !important}.pt48 {padding-top:48px !important}.pt49 {padding-top:49px !important}.pt50 {padding-top:50px !important}.pt65 {padding-top:65px !important}.pt70 {padding-top:70px !important}.pt75 {padding-top:75px !important}.pt80 {padding-top:80px !important}
.pr0 {padding-right:0px !important}.pr1 {padding-right:1px !important}.pr2 {padding-right:2px !important}.pr3 {padding-right:3px !important}.pr4 {padding-right:4px !important}.pr5 {padding-right:5px !important}.pr6 {padding-right:6px !important}.pr7 {padding-right:7px !important}pr8 {padding-right:8px !important}.pr9 {padding-right:9px !important}.pr10 {padding-right:10px !important}.pr11 {padding-right:11px !important}.pr12 {padding-right:12px !important}pr13 {padding-right:13px !important}.pr14 {padding-right:14px !important}.pr15 {padding-right:15px !important}.pr16 {padding-right:16px !important}.pr17 {padding-right:17px !important}.pr18 {padding-right:18px !important}.pr19 {padding-right:19px !important}pr20 {padding-right:20px !important}.pr21 {padding-right:21px !important}.pr22 {padding-right:22px !important}.pr23 {padding-right:23px !important}.pr24 {padding-right:24px !important}.pr25 {padding-right:25px !important}.pr26 {padding-right:26px !important}.pr27 {padding-right:27px !important}.pr28 {padding-right:28px !important}.pr29 {padding-right:29px !important}.pr30 {padding-right:30px !important}.pr31 {padding-right:31px !important}.pr32 {padding-right:32px !important}.pr33 {padding-right:33px !important}.pr34 {padding-right:34px !important}.pr35 {padding-right:35px !important}.pr36 {padding-right:36px !important}.pr37 {padding-right:37px !important}.pr38 {padding-right:38px !important}.pr39 {padding-right:39px !important}.pr40 {padding-right:40px !important}.pr41 {padding-right:41px !important}.pr42 {padding-right:42px !important}.pr43 {padding-right:43px !important}.pr44 {padding-right:44px !important}.pr45 {padding-right:45px !important}.pr46 {padding-right:46px !important}.pr47 {padding-right:47px !important}.pr48 {padding-right:48px !important}.pr49 {padding-right:49px !important}.pr50 {padding-right:50px !important}
.pb0 {padding-bottom:0px !important}.pb1 {padding-bottom:1px !important}.pb2 {padding-bottom:2px !important}.pb3 {padding-bottom:3px !important}.pb4 {padding-bottom:4px !important}.pb5 {padding-bottom:5px !important}pb6 {padding-bottom:6px !important}.pb7 {padding-bottom:7px !important}.pb8 {padding-bottom:8px !important}.pb9 {padding-bottom:9px !important}.pb10 {padding-bottom:10px !important}.pb11 {padding-bottom:11px !important}.pb12 {padding-bottom:12px !important}pb13 {padding-bottom:13px !important}.pb14 {padding-bottom:14px !important}.pb15 {padding-bottom:15px !important}.pb16 {padding-bottom:16px !important}.pb17 {padding-bottom:17px !important}.pb18 {padding-bottom:18px !important}.pb19 {padding-bottom:19px !important}.pb20 {padding-bottom:20px !important}.pb21 {padding-bottom:21px !important}.pb22 {padding-bottom:22px !important}.pb23 {padding-bottom:23px !important}.pb24 {padding-bottom:24px !important}.pb25 {padding-bottom:25px !important}.pb26 {padding-bottom:26px !important}.pb27 {padding-bottom:27px !important}.pb28 {padding-bottom:28px !important}.pb29 {padding-bottom:29px !important}.pb30 {padding-bottom:30px !important}.pb31 {padding-bottom:31px !important}.pb32 {padding-bottom:32px !important}.pb33 {padding-bottom:33px !important}.pb34 {padding-bottom:34px !important}.pb35 {padding-bottom:35px !important}.pb36 {padding-bottom:36px !important}.pb37 {padding-bottom:37px !important}.pb38 {padding-bottom:38px !important}.pb39 {padding-bottom:39px !important}.pb40 {padding-bottom:40px !important}.pb41 {padding-bottom:41px !important}.pb42 {padding-bottom:42px !important}.pb43 {padding-bottom:43px !important}.pb44 {padding-bottom:44px !important}.pb45 {padding-bottom:45px !important}.pb46 {padding-bottom:46px !important}.pb47 {padding-bottom:47px !important}.pb48 {padding-bottom:48px !important}.pb49 {padding-bottom:49px !important}.pb50 {padding-bottom:50px !important}.pb80 {padding-bottom:80px !important}
.pl0 {padding-left:0px !important}.pl1 {padding-left:1px !important}.pl2 {padding-left:2px !important}.pl3 {padding-left:3px !important}.pl4 {padding-left:4px !important}.pl5 {padding-left:5px !important}.pl6 {padding-left:6px !important}pl7 {padding-left:7px !important}.pl8 {padding-left:8px !important}.pl9 {padding-left:9px !important}.pl10 {padding-left:10px !important}.pl11 {padding-left:11px !important}.pl12 {padding-left:12px !important}.pl13 {padding-left:13px !important}pl14 {padding-left:14px !important}.pl15 {padding-left:15px !important}.pl16 {padding-left:16px !important}.pl17 {padding-left:17px !important}.pl18 {padding-left:18px !important}.pl19 {padding-left:19px !important}.pl20 {padding-left:20px !important}.pl21 {padding-left:21px !important}.pl22 {padding-left:22px !important}.pl23 {padding-left:23px !important}.pl24 {padding-left:24px !important}.pl25 {padding-left:25px !important}.pl26 {padding-left:26px !important}.pl27 {padding-left:27px !important}.pl28 {padding-left:28px !important}.pl29 {padding-left:29px !important}.pl30 {padding-left:30px !important}.pl31 {padding-left:31px !important}.pl32 {padding-left:32px !important}.pl33 {padding-left:33px !important}.pl34 {padding-left:34px !important}.pl35 {padding-left:35px !important}.pl36 {padding-left:36px !important}.pl37 {padding-left:37px !important}.pl38 {padding-left:38px !important}.pl39 {padding-left:39px !important}.pl40 {padding-left:40px !important}.pl41 {padding-left:41px !important}.pl42 {padding-left:42px !important}.pl43 {padding-left:43px !important}.pl44 {padding-left:44px !important}.pl45 {padding-left:45px !important}.pl46 {padding-left:46px !important}.pl47 {padding-left:47px !important}.pl48 {padding-left:48px !important}.pl49 {padding-left:49px !important}.pl50 {padding-left:50px !important}.pl51 {padding-left:51px !important}.pl52 {padding-left:52px !important}

/***** width setting *****/
.w100{width:100% !important;} .w99{width:99% !important;} .w98{width:98% !important;} .w97{width:97% !important;} .w96{width:96% !important;} .w95{width:95% !important;} .w94{width:94% !important;}.w93{width:93% !important;} .w92{width:92% !important;} .w91{width:91% !important;} .w90{width:90% !important;} .w88{width:88% !important;} .w87{width:87% !important;} .w86{width:86% !important;} .w85{width:85% !important;} .w84{width:84% !important;} .w83{width:83% !important;} .w82{width:82% !important;} .w81{width:81% !important;} .w80{width:80% !important;} .w75{width:75% !important;} .w70{width:70% !important;} .w65{width:65% !important;} .w60{width:60% !important;} .w50{width:50% !important;} .w40{width:40% !important;} .w30{width:30% !important;} .w25{width:25% !important;} .w20{width:20% !important;} .w15{width:15% !important;} .w10{width:10% !important;}
.w90px{width:90px !important} .w100px{width:100px !important;}.w150px{width:150px !important;}.w200px{width:200px !important;}.w300px{width:300px !important;}

.w250px{width:250px !important;}

/*** height setting ***/
.h80px{height:80px;} .h50px{height:50px;}

.no-margin { margin:0 !important; }
.no-padding { padding:0 !important; }
.no-margin-top { margin-top:0 !important; }
.no-padding-top { padding-top:0 !important; }
.no-margin-bottom { margin-bottom:0 !important; }
.no-padding-bottom { padding-bottom:0 !important; }

.section-padding {
    padding-top: 80px;
    padding-bottom: 80px;
}

.section-padding-top {
    padding-top: 80px;
}

.footer-padding {
    padding-top: 60px;
    padding-bottom: 60px;
}

/* =Typography
-------------------------------------------------------------- */
.text-switch { /*color: #fff; */}

.text-small {
    font-size: 15px;
}

.text-xs-small {
    font-size: 13px;
}

.h4, .h5, .h6, h4, h5, h6 {
    margin: 0;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 100;
    /*color: #fff;*/
}

.lead {
    font-size: 23px;
}

.lead strong {
    color: #fff;
}

.section-title {
    text-align: center;
}

.section-title h2 {
    font-family: "NanumGothic", sans-serif;
    font-size: 38px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    /*  line-height: .80; */
}

.section-divider {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 30px;
    width: 60px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.15);
}

.section-title-nocap {
    margin-bottom: 0;
}

.heading-1 {
    font-family: "NanumGothic", sans-serif;
    color: #828282;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #424242;
    padding-bottom: 4px;
    display: inline-block;
    margin: 0;
}

.heading-2 {
    font-family: "NanumGothic", sans-serif;
    color: #fff;
    font-weight: 700;
    text-transform: lowercase;
    border-bottom: 1px dotted #666;
    padding-bottom: 4px;
    display: inline-block;
    margin: 0;
}

.heading-3 {
    font-family: "NanumGothic", sans-serif;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 13px;
    margin-top: 6px;
}

.heading-3-icon {
    color: #fff;
    font-size: 26px;
}

.img-responsive { width: 100%; }

.breadcrumb-holder {
    padding: 12px 17px 12px 0;
    background: #272727;
}

.breadcrumb {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
    font-size: 14px;
}

.breadcrumb a {
    color: #fff;
}

.breadcrumb-home {
    margin-right: 15px;
    color: #fff
}

.breadcrumb-holder h1 {
    font-family: "NanumGothic", sans-serif;
    color: #fff;
    font-size: 12px;
    margin-top: 4px;
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
}

.breadcrumb>li+li:before {
    padding: 0 13px;
    color: #4A4A4A;
    font-family: 'Ionicons';
    content: "\f3d3";
}

/* =Buttons
-------------------------------------------------------------- */
.btn {
    border-radius: 45px;
    margin-bottom: 1px;
    font-family: "NanumGothic", sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 2px;
    font-size: 13px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.info-btn{
    position:absolute;
    bottom:15px;
}
.btn-default {
    color: #fff;
    background-color: transparent;
    border-color: #535353;
}

.btn-default:hover {
    color: #fff;
    background-color: #8980fe;
    border-color: #8980fe;
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    color: #fff;
    background-color: #8980fe;
    border-color: #8980fe;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
}

.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    color: #fff;
    background-color: #8980fe;
    border-color: #8980fe;
}

.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    color: #fff;
    background-color: #8980fe;
    border-color: #8980fe;
}

.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    color: #fff;
}

.btn-primary {
    color: #fff;
    background-color: #8980fe;
    border-color: #8980fe;
}

.btn-primary:hover {
    color: #fff;
    background-color: #615fde;
    border-color: #615fde;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #615fde;
    border-color: #615fde;
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #504ED2;
    border-color: #504ED2;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
}

.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #615fde;
    border-color: #615fde;
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    color: #fff;
    background-color: #615fde;
    border-color: #615fde;
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    color: #fff;
}

.btn-white {
    border-color: #fff;
}

.btn-lg {
    padding: 12px 26px;
}

.btn-light {
    color: #757575;
    background-color: transparent;
    border-color: #B1B1B1;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.btn-light:hover {
    color: #fff;
    background-color: #8980fe;
    border-color: #8980fe;
}

/* =Progress Bars
-------------------------------------------------------------- */
.progress {
    margin-bottom: 6px;
    background-color: transparent;
    border-radius: 11px;
    box-shadow: none;
    border: 1px solid #303030;
    padding: 3px;
    height: 26px;
}

.progress-bar {
    font-size: 13px;
    background-color: #8980fe;
    box-shadow: none;
    border-radius: 11px;
    line-height: 18px;
    padding-left: 6px;
    text-align: left;
    font-weight: 300;
}

.progress-meter {
    min-height: 15px;
    border-bottom: 1px solid #303030;
}

.progress-meter > .meter {
    position: relative;
    float: left;
    min-height: 15px;
    border-width: 0px;
    border-style: solid;
    border-color: #303030;
}

.progress-meter > .meter-left {
    border-left-width: 1px;
}

.progress-meter > .meter-right {
    float: right;
    border-right-width: 1px;
}

.progress-meter > .meter-right:last-child {
    border-left-width: 1px;
}

.progress-meter > .meter > .meter-text {
    position: absolute;
    display: inline-block;
    bottom: -20px;
    width: 100%;
    font-size: 12px;
    color: #606060;
    text-align: left;
}

.progress-meter > .meter.meter-right > .meter-text {
    text-align: right;
}

/* =Alerts
-------------------------------------------------------------- */
.alert{
    border-radius: 45px;
    padding: 15px 15px 15px 18px;
    margin-bottom: 15px;
}

.alert-success {
    color: #FFFFFF;
    background-color: #5CB85C;
    border-color: #5CB85C;
}

.alert-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.alert-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.alert-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.alert-dismissable .close, .alert-dismissible .close {
    top: -10px;
}

.alert-dismissable, .alert-dismissible {
    padding-right: 42px;
}

/* =Lists
-------------------------------------------------------------- */
ul.list-arrow { list-style-type:none; }
ul.list-arrow li { text-indent:-1.3em; }
ul.list-arrow li:before {
    font-family: Ionicons;
    content: "\f3d3";
    float: left;
    width: 1.3em;
}

ul.list-arrow-color li:before {
    color: #8980fe;
}

ul.list-arrow-2 { list-style-type:none; }
ul.list-arrow-2 li { text-indent:-1.3em; }
ul.list-arrow-2 li:before {
    font-family: Ionicons;
    content: "\f3d6";
    float: left;
    width: 1.3em;
}

ul.list-arrow-2-color li:before {
    color: #8980fe;
}

ul.social-buttons li a {
    display: block;
    background-color: #333;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    color: white;
    outline: none;
    margin-bottom: 15px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    background-color: #8980fe;
}

/* =Tabs
-------------------------------------------------------------- */
.nav-tabs {
    border-bottom: 1px solid #313131;
}

.nav-tabs>li>a {
    font-size: 16px;
    color: #ccc;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    background-color: #8980fe;
    border: 1px solid #8980fe;
    border-bottom: 2px solid #615fde;
}

.nav-tabs>li>a:hover {
    border-color: #615fde;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #615fde;
    color: #fff;
}

.tab-content {
    padding:30px;
    border:1px solid #313131;
}

.tab-content.tab-default {
    padding:20px;
    border:1px solid #313131;
    border-top:none;
}

.tab-pane::first-letter {
    font-size: 120%;
    color: #fff;
    font-family: "NanumGothic",sans-serif;
    font-weight: 700;
}

/* =Panels
-------------------------------------------------------------- */
.panel {
    border-radius: 0;
    background-color: transparent;
}

.panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel-group .panel {
    border-radius: 0;
}

.panel-default {
    border-color: #313131;
}

.panel-default>.panel-heading {
    color: #ccc;
    background-color: #313131;
    border-color: #313131;
}

.panel-default {
    background-color: #1D1D1D;
    border: 1px solid #313131;
    border-radius: 4px;
}

.panel-body {
    padding: 15px 20px;
    font-size: 16px;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #313131;
}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #313131;
}

.panel-success>.panel-heading {
    color: #FFFFFF;
    background-color: #5CB85C;
    border-color: #5CB85C;
}

.panel-success {
    border-color: #5CB85C;
}

.panel-info>.panel-heading {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.panel-info {
    border-color: #5bc0de;
}

.panel-warning>.panel-heading {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.panel-warning {
    border-color: #f0ad4e;
}

.panel-danger>.panel-heading {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.panel-danger {
    border-color: #d9534f;
}

.label {
    font-weight: 300;
}

/* =Thumbnails
-------------------------------------------------------------- */
.thumbnail {
    padding: 19px;
    background-color: transparent;
    border: 1px solid #313131;
    border-radius: 0;
}

.thumbnail .caption {
    color: #A2A2A2;
    padding: 5px;
}

/* =Animate Examples
-------------------------------------------------------------- */
.animate-example-box {
    width: 100%;
    height: 50px;
    border-radius: 45px
}

.animate-color-1 { background-color:#8980fe; }
.animate-color-2 { background-color:#3498db; }
.animate-color-3 { background-color:#2ecc71; }
.animate-color-4 { background-color:#f39c12; }
.animate-color-5 { background-color:#FF3B30; }
.animate-color-6 { background-color:#1abc9c; }
.animate-color-7 { background-color:#F2784B; }
.animate-color-8 { background-color:#65C6BB; }
.animate-color-9 { background-color:#F64747; }

/* =Modals
-------------------------------------------------------------- */
.modal-content {
    border-radius: 0 !important;
}

.modal-content.article .modal-header{padding:20px 30px;}
.modal-content.article .modal-body{padding:20px 30px;}
.modal-content.article .modal-body .article-info{display:flex; justify-content:space-between; margin-bottom:20px;}
.modal-content.article .modal-body .article-info span{font-size:15px; font-weight:200;}

table tr{cursor:pointer; font-weight:200;}
.table-hover > tbody > tr:hover{background:none; font-weight:bolder;}

.pagination > li > a, .pagination > li > span{background:none; border:none; color:#767575;}
.pagination.article > li > a:focus, .pagination.article > li > a:hover, .pagination.article > li > span:focus, .pagination.article > li > span:hover{background:none; border:none; color:#b1b1b1; font-weight:bolder;}


.modal-header {
    outline: 1px solid rgba(255, 255, 255, 0.12);
    outline-offset: -13px;
    padding: 40px;
    background: #6819e8;
    background: -moz-linear-gradient(left, #6819e8 0%, #7437d0 35%, #615fde 68%, #6980f2 100%);
    background: -webkit-linear-gradient(left, #6819e8 0%,#7437d0 35%,#615fde 68%,#6980f2 100%);
    background: linear-gradient(to right, #6819e8 0%,#7437d0 35%,#615fde 68%,#6980f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6819e8', endColorstr='#6980f2',GradientType=1 );
}

.modal-body{max-height:100vh; overflow:auto;}

.modal-footer {
    text-align: center;
}

.modal-body p {
    color: #737373;
    font-size: 16px;
    font-weight: 300;
}

.modal-heading {
    color: #212121;
    text-transform: uppercase;
    border-bottom: 1px solid #404040;
}

.close {
    font-size: 45px;
    color: #fff;
    text-shadow: none;
    filter: none;
    opacity: 1;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.modal-header .close {
    /*margin-top: -52px;*/
    /*margin-right: -70px;*/
}

.close:focus, .close:hover {
    filter: none;
    opacity: 0.6;
    color: #FFF;
}

.modal-backdrop.in {
    opacity: 0.6;
}

/* =Call to action
-------------------------------------------------------------- */
.call-to-action {
    padding: 0 30px;
    border: 1px solid #2c2c2c;
    font-size: 24px;
    color: #b0b0b0;
}

.call-to-action p {
    line-height: 112px;
}

.call-to-action strong {
    color: #fff;
}

/* =Navigation
-------------------------------------------------------------- */
.logo {
    font-size: 39px;
    color: #fff;
}

.navbar-brand {
    height: auto;
    /*  padding: 8px 15px 0 15px;*/
}

.navbar {
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
}

.navbar-default {
    font-family: "NanumGothic",sans-serif;
    font-size: 12px;
    background: rgb(47, 47, 47) none repeat scroll 0% 0%;
    text-transform: uppercase;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    line-height: 3.3;
    font-weight: bold;
    letter-spacing: 0.15em;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: rgba(255, 255, 255, 0.60);
    background-color: transparent;
    -webkit-transition: color 0.5s ease 0s;
    -moz-transition: color 0.5s ease 0s;
    -o-transition: color 0.5s ease 0s;
    transition: color 0.5s ease 0s;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #8980fe;
    background-color: transparent;
}

.navbar-right {
    margin-right: 15px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #8980fe;
    background-color: transparent;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #FFF;
    white-space: nowrap;
    font-size: 12px;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: rgba(255, 255, 255, 0.60);
    text-decoration: none;
    background-color: transparent;
}

.dropdown-menu {
    background-color: #3C3C3C;
    border: 1px solid rgba(66,67,66,1);
    border-radius: 0;
    min-width: 150px;
    box-shadow: none;
    padding: 12px 0;
}

.navbar-toggle {
    margin-top: 12px;
    margin-bottom: 12px;
    border-radius: 0;
}

.navbar-default .navbar-toggle {
    border-color: #8980fe;
    background-color: #8980fe;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #7369F9;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #333;
}

.navbar-nav { -webkit-backface-visibility: hidden; }

/* =Jumbotron Main
-------------------------------------------------------------- */
.jumbotron.jumbotron-main {
    height: 100%;
    width: 100%;
    /* font-family: "NanumGothic", sans-serif; */
    color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    margin:0;
}

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background: #6819e8; /* Old browsers */
    background: -moz-linear-gradient(left, #6819e8 0%, #7437d0 35%, #615fde 68%, #6980f2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #6819e8 0%,#7437d0 35%,#615fde 68%,#6980f2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #6819e8 0%,#7437d0 35%,#615fde 68%,#6980f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6819e8', endColorstr='#6980f2',GradientType=1 ); /* IE6-9 */
}

.jumbotron.jumbotron-main hr {
    border-width: 1px 0px;
    border-style: dotted none;
    border-color: rgba(255, 255, 255, 0.35);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    width: 49px;
    height: 4px;
    text-align: center;
    position: relative;
    clear: both;
}

.jumbotron.jumbotron-main a {
    color: #fff;
}

.center-vertically {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.center-vertically-holder {
    display: table;
    height: 100%;
}

.scroll-indicator {
    padding-top:6px;
    display: inline-block;
    width: 50px;
}

.arrow-scroll-indicator {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.60);
}

.parallax-window {
    background: transparent;
}

/* =Jumbotron Register
-------------------------------------------------------------- */
.jumbotron.jumbotron-register {
    height: 100%;
    width: 100%;
    font-family: "NanumGothic", sans-serif;
    color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    margin:0;
}

.jumbotron.jumbotron-register a {
    color: #fff;
}

.register-form {
    background-color: #FFFFFF;
    padding: 40px;
    border-radius: 5px;
    border: 2px solid #eee;
}

.register-form h3 {
    color: #414141;
}

.jumbotron.jumbotron-register h1 {
    font-size:59px;
}

/* =Hello Intro
-------------------------------------------------------------- */
#hello-intro h2 {
    font-family: "NanumGothic", sans-serif;
    font-weight: 700;
    font-size: 42px;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    padding-bottom: 4px;
    display: inline-block;
}

#hello-intro h3 {
    font-family: "NanumGothic", sans-serif;
    font-weight: 100;
    font-size: 25px;
    color: #b0b0b0;
}

#hello-intro h3 strong {
    font-weight: 300;
}

/* =Our Process
-------------------------------------------------------------- */
#our-process-title {
    background-color: #3a3a3a;
    position: relative;
}

#our-process-title::after {
    content: " ";
    position: absolute;
    width: 0px;
    height: 0px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #3A3A3A;
    left: 50%;
    margin-left: -14px;
    bottom: -14px;
}

#our-process-title h4 {
    font-family: "NanumGothic", sans-serif;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#our-process h2 {
    font-size: 33px;
    font-family: "NanumGothic", ssans-serif;
    font-weight: 100;
    color: #fff;
    margin-top: 18px;
}

#our-process .process-box {
    border-right: 1px solid #2d2d2d;
    min-height: 400px;
    background-repeat: no-repeat;
    background-position: center bottom;
}

#our-process .process-box:hover {
    background-image: url('../img/arrow-bg-hover.png');
}

#our-process .process-box.no-hover:hover {
    background-image: none;
}

#our-process .process-number {
    font-family: "NanumGothic", sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 2px solid #2d2d2d;
    padding-bottom: 4px;
    display: inline-block;
    margin-bottom: 30px;
}

#our-process .process-icons {
    font-size: 90px;
    color: #8980fe;
}

#our-process .process-content {
    display: none;
    text-align: center;
}

#our-process .process-content p {
    color: #A2A2A2;
    font-weight: 100;
    width: 69%;
    display: inline-block;
}

/* =Carousel
-------------------------------------------------------------- */
.carousel-caption {
    background-color:rgba(0, 0, 0, 0.5);
    width:100%;
    left:auto;
    right:auto;
    bottom:0;
    padding:30px;
    text-shadow: none;
}

.carousel-control { width:10%; text-shadow:none; font-size:42px;}
.carousel-control.right { background-image:none; }
.carousel-control.left { background-image:none; }

.carousel-control .carousel-arrow-left,
.carousel-control .carousel-arrow-right {
    position:absolute;
    top:50%;
    left:50%;
    z-index:5;
    display:inline-block;
    width:20px;
    height:20px;
    margin-top:-20px;
    margin-left:-10px;
}

#carousel-fixed h3 {
    color: #fff;
}

.testimonial-carousel {
    background-color: #212121;
}

.fade-quote-carousel.carousel {
    padding-bottom: 30px;
    font-weight: 100;
}

.fade-quote-carousel.carousel .carousel-indicators {
    bottom: 10px;
}

.fade-quote-carousel.carousel .carousel-indicators > li {
    border: 1px solid #8980fe;
    width: 8px;
    height: 8px;
}

.fade-quote-carousel.carousel .carousel-indicators .active {
    background-color: #8980fe;
    margin: 1px;
}

.fade-quote-carousel blockquote {
    text-align: center;
    border: none;
    font-size: 21px;
    color: #6a6a6a;
    padding: 0;
}

.fade-quote-carousel.carousel p {
    color: #fff;
}

/* =Services
-------------------------------------------------------------- */
.services-icon {
    font-size: 40px;
    color: #8980fe;
}

.service-name {
    margin-bottom: 15px;
    margin-top: 15px;
}

.services-icon-2 {
    color: #fff;
    line-height: .8;
    font-size: 70px;
    float: left;
    margin-right: 15px;
}

.service-title {
    color: #fff;
    font-family: "NanumGothic",sans-serif;
    font-size: 28px;
    margin-top: 13px;
}

.services-box {
    max-height:275px;
    height:275px;
    padding: 30px;
    background-color: #212121;
    border-left: 2px solid #292929;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}

/* =About
-------------------------------------------------------------- */
.basic-carousel.carousel .carousel-indicators {
    bottom: 10px;
}

.basic-carousel.carousel .carousel-indicators > li {
    border: 1px solid #8980fe;
    width: 8px;
    height: 8px;
}

.basic-carousel.carousel .carousel-indicators .active {
    background-color: #8980fe;
    margin: 1px;
}

#about .carousel-control.right { display: none; }
#about .carousel-control.left { display: none; }

.logo-about {
    float: left;
    font-size: 44px;
    color: #fff;
    margin-right: 25px;
    clear: both;
    margin-top: 5px;
}

/* =Profile
-------------------------------------------------------------- */
.profile-img{width:100%;}

.profile-box {
    padding: 15px 25px 15px 25px;
    background-color: #212121;
    position: relative;
    outline: 1px solid #2D2D2D;
    /* 	outline-offset: -13px; */
    margin-top:20px;
}

.profile-box strong {
    color: #fff;
    font-size: 16px;
}

.profile-box ul li{
    padding:5px 0;
    font-size: 14px;
    border-bottom:1px solid #2D2D2D;
}

.profile-box ul li:last-child{
    border-bottom:0;
}

/* =Our Count
-------------------------------------------------------------- */
#ourcount .item {
    text-align: center;
}


#ourcount .item > .circle-hold {
    position: relative;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 110px;
    height: 110px;
    background-color: #8980FE;
    border-radius: 50%;
}

#ourcount .item > .circle-hold > i {
    color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin-top: -30px;
    margin-left: -30px;
    font-size: 52px;
    text-align: center;
}

/* =Team
-------------------------------------------------------------- */
.team-member-img {
    border: 4px solid #2f2f2f;
}

.team-member-box-2 .team-member-img {
    width: 225px;
    margin: auto;
}

.team-member-box {
    text-align: center;
    padding: 30px 10px 30px 10px !important;
    background-color: #272727;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}
.team-member-box.orange {
    text-align: center;
    padding: 30px;
    background-color: orange;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
    color:#fff;
}

/* .team-member-box:hover { */
/* 	background-color: #313131; */
/* } */

.team-member-box h3 {
    margin-top: 0;
    margin-bottom: 3px;
}

.team-member-box-2 h3 {
    margin-top: 20px;
    margin-bottom: 3px;
}

.team-image-wrapper {
    position: relative;
    margin: 0 auto;
    border-radius: 100%;
    overflow: hidden;
}

/* .team-image-wrapper .team-image-hover { */
/* 	position: absolute; */
/* 	top: 0; */
/* 	right: 0; */
/* 	bottom: 0; */
/* 	left: 0; */
/* 	border-radius: 100%; */
/* 	color: #fff; */
/* 	opacity: 0; */
/* 	-webkit-transition: opacity 500ms; */
/* 	-moz-transition: opacity 500ms; */
/* 	-o-transition: opacity 500ms; */
/* 	transition: opacity 500ms; */
/* 	background-color: rgba(137, 128, 254, 0.80);  */
/* } */

/* .team-image-wrapper .team-image-hover .team-hover-content { */
/* 	border-radius: 100%; */
/* 	display: inline-block; */
/* 	text-align: center; */
/* 	vertical-align: middle; */
/* } */

/* .team-image-wrapper:hover .team-image-hover { */
/* 	opacity: 1; */
/* } */

/* .team-image-hover:before { */
/*     content: ' '; */
/*     display: inline-block; */
/*     vertical-align: middle; */
/*     height: 100%; */
/* } */

.social-icons-light-hover {
    color: #fff;
    -webkit-transition: color 500ms;
    -moz-transition: color 500ms;
    -o-transition: color 500ms;
    transition: color 500ms;
}

.social-icons-light-hover:hover {
    color: rgba(255, 255, 255, 0.70);
}

.social-icon-title {
    font-size: 24px;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.50);
    padding-bottom: 3px;
    display: block;
    margin-bottom: 7px;
}

/* =Work
-------------------------------------------------------------- */
#thework .mix, #thework1 .mix,  #thework2 .mix{
    display: none;
}

.btn-sort {
    padding: 0;
    font-size: 14px;
    border-radius: 50%;
    border: 2px solid;
    height: 32px;
    width: 32px;
}

.btn-category {
    border: 2px solid #fff;
}

#thework .portfolio-box:hover span.portfolio-hover, #thework1 .portfolio-box:hover span.portfolio-hover, #thework2 .portfolio-box:hover span.portfolio-hover {
    opacity: 1;
}

span.portfolio-hover {
    color: #fff;
    width: 100%;
    height: 100%;
    text-align: center;
    left: 0;
    position: absolute;
    display: block;
    outline: 1px solid rgba(255, 255, 255, 0.12);
    outline-offset: -13px;
    top: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
    background: rgba(0, 0, 0, 0.25) !important; /* Old browsers */
    /*background: -moz-linear-gradient(left, #6819e8 0%, #7437d0 35%, #615fde 68%, #6980f2 100%); !* FF3.6-15 *!*/
    /*background: -webkit-linear-gradient(left, #6819e8 0%,#7437d0 35%,#615fde 68%,#6980f2 100%); !* Chrome10-25,Safari5.1-6 *!*/
    /*background: linear-gradient(to right, #6819e8 0%,#7437d0 35%,#615fde 68%,#6980f2 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6819e8', endColorstr='#6980f2',GradientType=1 ); /* IE6-9 */
}

.portfolio-image-holder {
    position: relative;
    height:253px;
    overflow:hidden;
}

.portfolio-image-holder:before {
    /*     border: 1px solid rgba(255, 255, 255, 0.14); */
    content: "";
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 12px;
    right: 12px;
}
span.portfolio-hover:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

span.portfolio-hover span {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

span.portfolio-hover a {
    color: #fff;
    text-decoration: none;
}

.project-title {
    font-size: 24px;
    font-weight: 100;
    display: block !important;
}

.portfolio-links {
    background-color: transparent;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: inline-block;
    border: 2px solid #fff;
    cursor: pointer;
}

.portfolio-links:hover {
    background-color: #fff;
    border: 2px solid #fff;
    color: #8980FE;
}

.portfolio-links-icons {
    font-size: 24px;
    line-height: 2 !important;
}

.badge {
    position: absolute;
    font-family: "NanumGothic", sans-serif;
    background-color: transparent;
    font-size: 14px;
    z-index: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    border-radius: 0;
}

.portfolio-badge {
    bottom: 15px;
    left: 13px;
    color: #fff;
}

.services-badge {
    top: 15px;
    right: 30px;
    color: #313131;
}


#thework, #thework1, #thework2   {
    /* 	display: -webkit-flex; */
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -webkit-align-content: flex-start;
    height: 100% !important;
}

/* =Pricing
-------------------------------------------------------------- */
.plan {
    list-style: none;
    padding: 0;
    background: #2B2B2B;
    text-align: center;
}

.plan li {
    padding: 10px 15px;
    font-size: 14px;
    color: #ccc;
    border-top: 1px solid #313131;
    -webkit-transition: 300ms;
    transition: 300ms;
}

.plan li.plan-price {
    border-top: 0;
}

.plan li.plan-name {
    font-family: "NanumGothic", sans-serif;
    font-weight: 100;
    padding: 15px;
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    background: #191919;
    margin-bottom: 15px;
    border-top: 0;
}

.plan li > strong {
    color: #8980FE;
    font-size: 18px;
}

.plan li.plan-action {
    padding: 18px;
}

.plan.featured {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.plan.featured li.plan-name {
    background: #191919;
}

.plan.featured:hover li.plan-name {
    background: #8980FE;
}

.plan.featured2 li.plan-name {
    background: #191919;
}

.plan.featured2:hover li.plan-name {
    background: #8980FE;
}

.plan:hover li.plan-name {
    background: #131313;
}

.plan-name-option3 {
    font-size: 12px !important;
    margin-bottom: 0 !important;
    font-weight: 300 !important;
}

#footer {
    margin-top: 100px;
    padding-bottom: 30px;
}

.pricing-clients {
    width: 150px;
    display: inline-block;
    opacity: .6;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

.pricing-clients:hover {
    opacity: 1;
}

/* =Timeline
-------------------------------------------------------------- */
.btnMore{position:absolute; bottom:-78px; left:0; width:100%; text-align: center; padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; cursor:pointer;}
.btnMore:hover{font-weight:bold;}
.btnMore.down:after{content:'∨'; position:absolute; font-size:13px; top:13px; margin-left:10px;}
.btnMore.up:after{content:'∧'; position:absolute; font-size:13px; top:13px; margin-left:10px;}
#timeLine{height:840px; max-height:100%; overflow:hidden;}
.timeline {
    list-style: none;
    padding: 0;
    position: relative;
    margin: 0;
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: "";
    width: 1px;
    background-color: #2C2C2C;
    left: 42px;
    margin-left: -1.5px;
}

.timeline > li {
    margin-bottom: 50px;
    position: relative;
    min-height: 50px;
}

.timeline > li:before,.timeline > li:after {
    content: " ";
    display: table;
}

.timeline > li:after {
    clear: both;
}

.timeline > li .timeline-panel {
    width: 100%;
    float: right;
    padding: 0 20px 0 100px;
    position: relative;
    text-align: left;
    /*color:#000;*/
}

.timeline > li .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline > li .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.timeline > li .timeline-image {
    left: 0;
    margin-left: 20px;
    width: 40px;
    height: 40px;
    line-height:40px;
    font-size:12px;
    position: absolute;
    z-index: 100;
    background-color: #f39c12;
    color: #fff;
    border-radius: 100%;
    border: none !important;
    text-align: center;
}

.timeline > li .timeline-image h4 {
    font-size: 10px;
    margin-top: 12px;
    line-height: 14px;
}

.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
    text-align: left;
    padding: 0 20px 0 100px;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.timeline > li:last-child {
    margin-bottom: 0;
}

.timeline .timeline-heading h4 {
    margin-top: 0;
    margin-bottom: 12px;
}

.timeline .timeline-heading h4.subheading {
    text-transform: none;
    color:#f39c12;
    font-weight:bold;
}

.timeline .timeline-body > p,.timeline .timeline-body > ul {
    margin-bottom: 0;
}

/* =Contact + Map
-------------------------------------------------------------- */
#contact .form-control {
    padding: 0;
    background-color: transparent;
    color: #a1a1a1;
    font-size: 14px;
    font-weight: 400;
    border: none;
    border-bottom: 2px solid #292929;
    border-radius: 0px;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

#contact .has-error .form-control {
    border-color: #2F2F2F;
}

#contact .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #8980fe;
    font-size: 12px;
    font-weight: 400;
}

#contact .has-error .form-control:focus {
    border-color: #2F2F2F;
}

.map-responsive {
    overflow: hidden;
    padding-bottom: 400px;
    position: relative;
    height: 0;
}

.map-responsive iframe {
    left: 0;
    top: 0;
    height: 400px;
    width: 100%;
    position: absolute;
}

.form-control {
    height: 42px;
}

.map {
    height: 550px;
}

/* =Footer
-------------------------------------------------------------- */
.theme-title {
    font-family: "NanumGothic", sans-serif;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 10px;
}

.theme-title-smaller {
    font-size: 16px;
}

footer hr {
    margin-top: 45px;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid #353535;
}

.btn-up-footer {
    display: inline-block;
    position: relative;
    top:-21px;
}

.social-icons-dark-hover {
    color: #fff;
    -webkit-transition: color 500ms;
    -moz-transition: color 500ms;
    -o-transition: color 500ms;
    transition: color 500ms;
}

.social-icons-dark-hover:hover {
    color: rgba(255, 255, 255, 0.70);
}

#clock span {
    display: block;
    font-size: 12px;
    color: #ccc;
}

#clock b {
    font-family: "NanumGothic";
    display: block;
    font-size: 50px;
    line-height: 46px;
}

#clock .clock-section {
    display: inline-block;
    padding: 0 20px;
}

#clock .clock-section:last-child {
    border-right: none;
}
/* contact */
.carousel-wrap .carousel-control{color:#989393; font-size:52px;}
.carousel-wrap .carousel-indicators{position:relative;}
.carousel-wrap .fade-quote-carousel.carousel{padding-bottom:0;}
.carousel-wrap .fade-quote-carousel.carousel .carousel-indicators{display:flex; justify-content:center; width:100%; position:relative; left:0; margin:0; padding:0;}
.carousel-wrap .fade-quote-carousel.carousel .carousel-indicators > li{border:none; width:120px; height:auto; text-indent:0px; color:#818181; padding:3px 0;}
.carousel-wrap .fade-quote-carousel.carousel .carousel-indicators > li.active{color:#fff;}
.carousel-wrap .fade-quote-carousel.carousel .carousel-indicators > li.active:hover{font-weight:500;}
.carousel-wrap .fade-quote-carousel.carousel .carousel-indicators > li:hover{font-weight:bold;}

#carouselP .carousel-control{position:absolute; top:50%; font-size:7em;}

.slider-btn{position:absolute; top:50%; transform:translate(-50%,0);}
.slider-btn a{font-size:3em; opacity:0.4;}
#slider-next2{right:3%;}
#slider-prev2{left:3%;}
#custom_pager{text-align:center; margin:40px 0;}
#custom_pager a.active{font-weight:bold;}
#custom_pager a:not(.active){color:#a5a3a3;}
#custom_pager a{position:relative; padding-left:11px; margin-right:20px;}
#custom_pager a:before{position:absolute; left:0; content:""; width:3px; height:6px; background-color:currentcolor; top:7px; border-radius:50px;}

#slider-next3, #slider-prev3{transform:translate(0, -50%);}
#slider-next3{right:10%;}
#slider-prev3{left:10%;}
.slider{padding:0;}
.slider .slick-list{margin:0 -15px;}
.slider .slick-slide{margin:0 15px;}
.slider .slider-title{text-align:center; margin-top:10px; font-size:0.8em;}
.slider .slider-title i{font-size:10px; margin-right:5px;}
.relative{position:relative;}
.inherit{position:inherit;}
.pb100{padding-bottom:100px;}
/* =Media Queries
-------------------------------------------------------------- */
@media (max-width:486px){
    #history .bx-wrapper{width:57.33333% !important;}
}
@media (max-width:767px) {
    .slider-btn a{font-size:1em;}
    .text-center-xs { text-align:center; }
    .mt10-xs { margin-top:10px; }
    .mt20-xs { margin-top:20px; }
    .mt30-xs { margin-top:30px; }
    .mt40-xs { margin-top:40px; }
    .mb10-xs { margin-bottom:10px; }
    .mb20-xs { margin-bottom:20px; }
    .mb30-xs { margin-bottom:30px; }
    .mb40-xs { margin-bottom:40px; }
    .section-padding { padding-top:50px; padding-bottom:50px; }
    .section-padding-top { padding-top:50px; padding-bottom:50px; }
    .navbar-default .navbar-nav > li > a { line-height:1; }
    .navbar-nav .open .dropdown-menu { padding:0; }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a { color:#fff; }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color:rgba(255, 255, 255, 0.60); }
    .section-title h2 { font-size:34px; }
    .navbar-nav { margin:12px -15px; }
    #pricing .plan.featured { -webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03); }
    .btn-category { margin-bottom:5px; }
    .pricing-clients { width:90px; }
    #our-process .process-box { border-bottom:1px solid #2d2d2d; }
    /*.modal-header .close { margin-right:-62px; }*/
    .breadcrumb-holder { padding:12px 0 12px 0; }
    .ticker { height:40px; }
    .ticker h1 { height:40px; }
    .big-logo { font-size:50px; }
    .jumbotron.jumbotron-register { height:initial; }
    .jumbotron.jumbotron-register h1 { font-size:40px; }
    .timeline-heading h5{font-size:13px;}
    .timeline-heading h4{font-size:16px;}
    .timeline-body p{font-size:17px;}
    .carousel-wrap .carousel-control{display:none;}
}

@media (min-width: 768px) {
    .timeline:before { left:50%; }
    .timeline > li { margin-bottom:100px; min-height:100px; }
    .timeline > li .timeline-panel { width:41%; float:left; padding:0 20px 20px 30px; text-align:right; font-size:17px; }
    .timeline > li .timeline-image { width:60px; height:60px; left:50%; margin-left:-31px; line-height:60px; }
    .timeline > li .timeline-image h4 { font-size:13px; margin-top:16px; line-height:18px; }
    .timeline > li.timeline-inverted > .timeline-panel { float:right; text-align:left; padding:0 30px 20px 20px; }
    .modal-dialog { margin:100px auto; }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left:0; }
    .dropdown .dropdown-menu{ display:block; opacity:0; -webkit-transition:all 200ms ease-in; -moz-transition:all 200ms ease-in; -ms-transition:all 200ms ease-in; -o-transition:all 200ms ease-in; transition:all 200ms ease-in; }
    .dropdown:hover .dropdown-menu { display:block; opacity:1; }
}

@media (min-width: 768px) and (max-width:992px) {
    #our-process h2 { font-size:28px; }
    #our-process .process-content p { width:75%; font-size:16px; }
    .text-center-sm { text-align:center; }
    .mt10-sm { margin-top:10px; }
    .mb10-sm { margin-bottom:10px; }
    .mt20-sm { margin-top:20px; }
    .mb20-sm { margin-bottom:20px; }
    .mt30-sm { margin-top:30px; }
    .mb30-sm { margin-bottom:30px; }
    .jumbotron.jumbotron-register h1 { font-size:45px; }
}
@media (min-width:992px) {
    .timeline > li { min-height:150px; }
    .timeline > li .timeline-panel { padding:0 20px 20px; }
    .timeline > li .timeline-image { width:60px; height:60px; margin-left:-31px; line-height:60px; font-size:17px; }
    .timeline > li .timeline-image h4 { font-size:18px; margin-top:30px; line-height:26px; }
    .timeline > li.timeline-inverted > .timeline-panel { padding:0 20px 20px; }
}

@media (min-width:1200px) {
    .timeline > li { min-height:170px; }
    .timeline > li .timeline-panel { padding:0 20px 20px 30px; }
    .timeline > li .timeline-image { width:60px; height:60px; margin-left:-31px; line-height:60px; font-size:17px; }
    .timeline > li .timeline-image h4 { margin-top:40px; }
    .timeline > li.timeline-inverted > .timeline-panel { padding:0 30px 20px 20px; }
}
@media (max-width:1560px){
	#slider-next3{right:2%;}
	#slider-prev3{left:2%;}
 }
 
  @media (max-width:1320px){
	.slick-slider{width:90%; margin:0 auto;}
	
}