/*Zeepry - Main CSS
	Copyrights- trendywebstar.com
	made by:trendyWebStar
	Updated to Version 1.5 - January 2012
	/*------------------------------------*\
  RESET
\*------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: "";
}
abbr,
acronym {
  border: 0;
}
/*RESET ENDS*/
/*-----------------------FONT FACE FOR FIREFOX TO WORK-----------------------*/

@media screen {
  @font-face {
    font-family: "Yanone Kaffeesatz";
    font-style: normal;
    font-weight: normal;
    src: local("Yanone Kaffeesatz Regular"), local("YanoneKaffeesatz-Regular"),
      url("http://themes.trendywebstar.com/Zeepry-test/YanoneKaffeesatz-Regular")
        format("ttf");
  }
}
body {
  background: #fff url(../images/body-bg-8.png) repeat top left;
  font: 12px Arial, sans-serif;
  line-height: 20px;
  color: #666;
}
/* ------------------HEADINGS------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Noto Sans KR", sans-serif;
  font-weight: normal;
  font-variant: normal;
  white-space: normal;
  color: #272727;
  margin-bottom: 10px;
}
.services-list {
  list-style-type: circle;
  font-family: "Noto Sans KR", sans-serif;
  padding-left: 15px;
  font-size: 13px;
  line-height: 20px;
}
h1 {
  font-size: 34px;
  line-height: 38px;
}
h2 {
  font-size: 28px;
  line-height: 33px;
}

.resources {
  text-align: left;
}

h3 {
  font-size: 24px;
  line-height: 29px;
}
h4 {
  font-size: 20px;
  line-height: 25px;
}
h5 {
  font-size: 16px;
  line-height: 21px;
}
h6 {
  font-size: 14px;
  line-height: 17px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 100%;
}

/*TABLE STYLES*/
table {
  border-collapse: separate;
  border-spacing: 0;
  border-top-width: 5px;
  margin-bottom: 10px;
  border: 1px solid #efefef;
}
th {
  padding: 10px 15px;
  text-transform: uppercase;
  font-weight: bold;
  background: #ce462b;
  color: #fff;
}
td {
  padding: 10px 15px;
  border-top: 1px solid #efefef;
}
/*TABLE STYLES ENDS*/
/*------------------FORM STYLE------------------*/
label {
  font-weight: bold;
  display: block;
  color: #000;
}
input[type="text"],
input[type="password"],
input.text,
input.title,
textarea {
  background-color: #fff;
  border: 1px solid #bbb;
}
input[type="text"]:focus,
input[type="password"]:focus,
input.text:focus,
input.title:focus,
textarea:focus {
  border-color: #666;
}
select {
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
}
input[type="text"],
input[type="password"],
input.text,
input.title,
textarea,
select {
  margin: 0.5em 0;
}
input.text,
input.title {
  width: 220px;
  padding: 5px;
}
input.title {
  font-size: 1.5em;
}
textarea {
  width: 450px;
  height: 180px;
  padding: 5px;
}
form.inline {
  line-height: 3;
}
form.inline p {
  margin-bottom: 0;
}
.required {
  color: #ed1c24;
}
.simple-error,
.simple-alert,
.simple-notice,
.simple-success,
.simple-info {
  padding: 0.8em;
  margin-bottom: 1em;
  border: 2px solid #ddd;
}
.simple-error,
.simple-alert {
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4;
}
.simple-notice {
  background: #fff6bf;
  color: #514721;
  border-color: #ffd324;
}
.simple-success {
  background: #e6efc2;
  color: #264409;
  border-color: #c6d880;
}
.simple-info {
  background: #d5edf8;
  color: #205791;
  border-color: #92cae4;
}
.simple-error a,
.simple-alert a {
  color: #8a1f11;
}
.simple-notice a {
  color: #514721;
}
.simple-success a {
  color: #264409;
}
.simple-info a {
  color: #205791;
}
.fancy-button {
  display: block;
  float: left;
  margin: 0 0.583em 0.667em 0;
  padding: 5px 10px 5px 7px;
  border: 1px solid #dedede;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  background-color: #f5f5f5;
  font-size: 100%;
  line-height: 130%;
  text-decoration: none;
  font-weight: bold;
  color: #565656;
  cursor: pointer;
}
.fancy-button:hover {
  background-color: #e6efc2;
  border: 1px solid #c6d880;
  color: #143692;
}
.fancy-button:active {
  background-color: #1d3963;
  border: 1px solid #143692;
  color: #fff;
}
/*------------------CUSTOM LINKS------------------*/
.orange {
  color: #5089dd;
}
.grey {
  color: #272727;
}
.white {
  color: #fff;
}
.green {
  color: #1d3963;
}
.big-link {
  font-size: 20px;
  font-family: "Noto Sans KR", sans-serif;
  line-height: 20px;
  margin-bottom: 10px;
}
.huge-link {
  font-size: 24px;
  font-family: "Noto Sans KR", sans-serif;
  line-height: 24px;
  margin-bottom: 10px;
}
.medium-link {
  font-size: 16px;
  font-family: "Noto Sans KR", sans-serif;
  line-height: 20px;
  margin-bottom: 10px;
}
.big-link:hover,
.medium-link:hover,
.huge-link:hover {
  text-decoration: underline;
}
.blog-category {
  margin-bottom: 15px;
}
/* ------------------TYPOGRAPHY STYLES--------Copyrighty by trendyWebStar----------*/
a {
  text-decoration: none;
  color: #4f87c0;
}
a:hover {
  text-decoration: underline;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  text-decoration: underline;
}
a img {
  border: none;
}
strong {
  font-weight: bold;
  color: #252525;
}
p,
ul,
ol,
pre,
code {
  margin-bottom: 10px;
}
.small-margin {
  margin-bottom: 10px;
}
ul {
  list-style-type: none;
}
ol {
  list-style-type: decimal;
  list-style-position: inside;
}
blockquote {
  padding: 5px 20px 5px 60px;
  line-height: 24px;
  background: #ffffff url(../images/quote.png) no-repeat top left;
  color: #999999;
}
blockquote span {
  color: #666666;
}
.blockquote-left {
  width: 250px;
  float: left;
}
.blockquote-right {
  width: 250px;
  float: right;
}
pre,
code {
  border: 1px solid #efefef;
  border-left: 5px solid #efefef;
  display: block;
  padding: 10px;
  font-size: 11px;
  font-family: monospace;
  background-color: #f5f5f5;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
/*------------------GRID STYLE-------- Copyrighty by trendyWebStar----------*/
.columns-container {
  width: 940px;
  float: left;
}
.columns-container2 {
  width: 865px;
  float: left;
}
.horizontal-line {
  width: 100%;
  margin: 30px auto;
  float: left;
  border-top: 1px solid #e1e1e1;
}
.left {
  float: left;
}
.right {
  float: right;
}

.why-grid {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}

.why-paragraph {
  margin: 0px 10px 0px 10px;
  font-size: 15px;
  color: #1d3963;
}

.why-title {
  text-align: center;
  font-size: 22px;
  color: #1d3963;
  margin: 10px;
}

.why-element {
  margin: 10px;
}

li {
  margin: 5px 0px 5px 0px;
}

.big-text {
  text-align: center;
  margin-top: 500px;
  padding-top: 150px;
  color: #1d3963;
}
.column-700 {
  width: 500px;
  float: left;
  margin-left: 30px;
  margin-top: 10px;
}

.column-700-services {
  width: 900px;
  float: left;
  margin-left: 0px;
  margin-top: 0px;
  padding-bottom: 20px;
  margin: 10px;
}

.upload {
  margin: 10px 0px 10px 0px;
}

.column-520 {
  width: 520px;
  float: left;
  margin-right: 20px;
}

.services-image {
  padding-top: 20px;
}
.services-image1 {
  margin-left: 480px;
  margin-top: 20px;
}

.column-460 {
  width: 460px;
  float: left;
  margin-right: 20px;
}

.captcha {
  margin: 10px 0px 10px 0px;
}

.column-460-services {
  width: 460px;
  float: left;
  margin-right: 20px;
  padding-top: 20px;
}

.consult {
  margin-top: 20px;
  margin-bottom: 20px;
}

.grid-340 {
  display: grid;
  margin-bottom: 20px;
  margin-top: 20px;
  grid-template-columns: repeat(3, 1fr);
}

.grid-4 {
  display: grid;
  margin-bottom: 20px;
  margin-top: 20px;
  margin-left: 35px;
  grid-template-columns: repeat(4, 1fr);
}

.grid-2 {
  align-items: center;
  display: grid;
  margin-bottom: 20px;
  margin-top: 20px;
  grid-template-columns: repeat(4, 1fr);
}
.column-2 {
  align-items: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.eval {
  font-size: 20px;
}

.about-page {
  margin-top: 30px;
}
.h4-about {
  padding: 10px 0px 0px 0px;
}

.about-intro {
  text-align: center;
  font-size: 15px;
  line-height: 1.4;
  padding: 0px 40px 0px 40px;
}

.column-340 {
  justify-items: center;
  align-items: center;
  width: 285px;
  float: left;
  margin-right: 40px;
}

.column-4 {
  justify-items: center;
  align-items: center;
  float: center;
  margin-right: 0px;
  text-align: center;
}

.construction-container {
  display: grid;
}

.construction {
  margin-top: 200px;
  align-self: center;
  justify-self: center;
  text-align: center;
  font-size: 20px;
  width: 300px;
  color: #1d3963;
}

.c1 {
  width: 145px;
}

.c2 {
  width: 150px;
}

.c3 {
  width: 215px;
  margin-right: 20px;
}

.c4 {
  width: 260px;
}

.column-220 {
  width: 285px;
  float: left;
  margin-right: 20px;
}

.column-button {
  width: 325px;
  float: right;
  margin-top: -20px;
  margin-left: 0px;
  margin-bottom: 50px;
}
.column-160 {
  width: 160px;
  float: left;
  margin-right: 20px;
}
.last {
  margin-right: 0px;
}
.img-align-left {
  margin: 5px 10px 0 0;
  float: left;
}
.img-align-right {
  margin: 5px 0 0 10px;
  float: right;
}
/*-----------------MAIN  STYLES-------------------*/
#wrapper {
  background-color: #ffffff;
  margin: 0 auto;
  width: 960px;
}
#container {
  border-top: 5px solid #1d3963;
  float: left;
  background: #fff;
  height: auto;
  margin: auto;
  width: 940px;
  padding: 0 30px;
  /*CSS3 CONTAINER SHADOWS*/
  -webkit-box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.2);
}
#content {
}
#header {
  padding-top: 30px;
}
a#logo {
  background: url("../images/logo-green.png") top no-repeat;
  text-indent: -9999px;
  display: block;
  float: left;
  width: 250px;
  height: 75px;
  /*NICE FEATURES TAHT WORKS IN CHROME AND SAFARi*/
  -webkit-transition: all 0.3s;
}
a#logo:hover {
  opacity: 0.75;
}
#grey-panel {
  width: 940px;
  float: left;
  margin: 30px 0px 0px -30px;
  background: #1d3963;
  padding: 30px 30px 00px 30px;
}
#grey-panel-2 .button-holder {
  margin-top: 0px;
  *margin-top: 58px; /*IE FIX*/
}
#grey-panel-2 {
  width: 940px;
  float: left;
  margin: 0px 0px 30px -30px;
  background: #272727;
  padding: 30px 30px 30px 30px;
  -webkit-box-shadow: inset 0 0 15px #282828;
  -moz-box-shadow: inset 0 0 15px #282828;
  box-shadow: inset 0 0 15px #282828;
}
#grey-panel .button-holder {
  margin-top: 33px;
  *margin-top: 58px; /*IE FIX*/
}
#footer {
  width: 940px;
  float: left;
  margin: 30px 0px 0px -30px;
  background: #272727 url("../images/footer-bg.png") left top no-repeat;
  padding: 30px;
  border-top: 5px solid #1d3963;
  min-height: 240px;
}
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
  color: #fff;
  font-family: "Noto Sans KR", sans-serif;
  text-shadow: 0px 1px #1c1c1c;
}
#footer ul li {
  font-family: arial, serif;
  font-size: 11px;
  color: #1d3963;
  list-style: none;
  padding: 2px 0;
  letter-spacing: 1px;
}
#footer ul li a {
  color: #1d3963;
  text-shadow: 0px 1px #1c1c1c;
}
#copyrights {
  width: 940px;
  float: left;
  margin-left: -30px;
  background: #1c1c1c;
  padding: 0px 30px 0px 30px;
  min-height: 20px;
  border-top: 1pt solid #171717;
}
#copyrights p {
  color: #898989;
  font-family: "Noto Sans KR", sans-serif;
  letter-spacing: 1px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#copyrights .left {
  float: left;
  margin: 0;
}
#copyrights .right {
  float: right;
  margin: 0;
}
#footer p {
  color: #fff;
  text-shadow: 0px 1px #1c1c1c;
}
#footer .social-url {
  margin-right: 2px;
  border: none;
}
/*--------------------------------MAIN NAVIGATION---------------------------------------------*/
#main_navigation {
  top: 20px;
  font-size: 12px;
  height: 50px;
  margin-right: 32px;
  float: right;
  border-bottom: 1pt solid #efefef;
}
.main-menu {
  position: relative;
  align-items: center;
  z-index: 22;
  font-family: "Noto Sans KR", sans-serif;
  letter-spacing: 1pt;
  width: 900px;
  padding-left: 45px;
}
.main-menu ul li a,
.main-menu ul li a:link,
.main-menu ul li a:visited {
  color: #1d3963;
  border-bottom: 2pt solid transparent;
  padding-bottom: 18px;
}
.main-menu ul {
  margin: 0;
  padding: 0px;

  list-style-type: none;
}
.main-menu ul li {
  position: relative;
  display: inline;
  float: left;
}
.main-menu ul li a,
.main-menu ul li a:link {
  line-height: 30px;
  color: #1d3963;
  text-shadow: none;
  font-size: 15px;
  text-transform: uppercase;
}

.main-menu ul li a:hover,
.main-menu ul li:hover {
  color: #707070 !important;
}

.main-menu ul li a {
  display: block;
  text-decoration: none;
  overflow: hidden;
  padding: 0px 15px;
}
* html .main-menu ul li a {
  display: inline-block;
}
.main-menu ul li ul {
  position: absolute;
  left: 0px;
  display: block;
  visibility: hidden;
  color: #fff;
  width: 185px;
}
.main-menu ul li ul li {
  display: list-item;
  float: none;
  border-right: none !important;
  color: #fff;
}
.main-menu ul li ul li a {
  width: 150px;
  padding: 5px 0px;
  margin: 0px 7px;
}
.main-menu ul ul {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-top: 2px solid #1d3963;
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
  z-index: 101;
  color: #707070;
}

.service {
  margin-left: 0px;
  padding-left: 0px;
  color: #1d3963;
}

.main-menu ul ul li a,
.main-menu ul ul li a:link,
.main-menu ul ul li a:visited {
  height: 100%;
  text-transform: capitalize;
  line-height: 20px;
  margin-right: 0px !important;
  margin-left: 0px !important;
  padding: 5px 19px 5px 18px !important;
  font-size: 14px;
  color: #707070;
  z-index: 1000;
  border-bottom: solid 1px #ececec;
}
.main-menuz ul li ul li a:hover,
.main-menu ul ul li a:hover {
  text-decoration: none !important;
  color: #fff !important;
  background: #1d3963;
  text-shadow: none;
  margin-left: 0px;
}
.main-menuz ul ul li ul,
.main-menu ul ul ul {
  text-decoration: none !important;
  color: #db1010 !important;
  text-shadow: none;
  z-index: 1000;
}
.main-menuz ul ul li ul li a:hover,
.main-menu ul ul ul li a:hover {
  text-decoration: none !important;
  color: #fff;
  text-shadow: none;
}
/*--------------------------------MAIN NAVIGATION ENDS---------------------------------------------*/
/*------------------------------------CUSTOM UL STYLES-----------------------------------*/
.simple-nav {
  list-style-type: none;
  list-style-position: outside;
  border-top: 1px solid #efefef;
  width: 200px;
}
.simple-nav li {
  border-bottom: 1px solid #efefef;
}
.simple-nav li a:hover {
}
.simple-nav li a {
  color: #4f87c0;
  display: block;
  padding: 5px 0 5px 25px;
  background: #ffffff url(../images/sidenav-arrow.png) no-repeat 5px 10px;
}
.simple-nav li.current a {
  color: #1c1c1c;
}
.simple-nav li.current a:hover {
  text-decoration: none;
}
/*ORANGE SIDE NAV*/
.round-check-list {
  list-style-type: none;
  list-style-position: outside;
  border-top: 1px solid #efefef;
  width: 200px;
}
.round-check-list li {
  border-bottom: 1px solid #efefef;
}
.round-check-list li a:hover {
}
.round-check-list li a {
  display: block;
  padding: 5px 0 5px 25px;
  background: #ffffff url(../images/orange-list.png) no-repeat 5px 7px;
}
.round-check-list li.current a {
  color: #000000;
}
.round-check-list li.current a:hover {
  text-decoration: none;
}
/*ROUND LIST NO LINKS*/
.round-list {
  list-style-type: none;
  list-style-position: outside;
  border-top: 1px solid #efefef;
  width: 200px;
}
.round-list li {
  border-bottom: 1px solid #efefef;
  color: #666666;
  display: block;
  padding: 5px 0 5px 25px;
  background: #ffffff url(../images/green-list.png) no-repeat 5px 7px;
}
/*BULLET LIST NO LINKS*/
ul.bullet li {
  color: #555555;
  padding: 5px 0 5px 5px;
  list-style-type: square;
  list-style-position: inside;
  color: #666666;
  border-bottom: 1px solid transparent;
}
/*--------------------------------SLIDESHOW STYLES---------------------------------------------*/
/*ANYTHING SLIDER*/
#slideshow-nivo {
  position: relative;
  z-index: 10;
  width: 930px;
  height: 380px;
  padding: 5px;
  border: 1px solid #e1e1e1;
  float: left;
  margin: 30px auto 0 auto;
  overflow: hidden;
  background: #fff;
}
#anything-slider-wrapp {
  position: relative;
  z-index: 10;
  width: 1000px;
  height: 320px;
  margin-left: -55px;
  float: left;
  margin-top: 30px;
}
div.anythingSlider {
  margin: 0 auto;
  overflow: hidden;
  margin-left: 25px;
  width: 1000px;
  height: 320px;
}
/*CONTENT SLIDES STYLE */
.content-slide {
  width: 940px !important;
  margin: 0 auto;
  text-align: left;
}
.content-slide .button-wrapp {
  padding-top: 30px;
  height: auto;
}

.consult {
  padding-bottom: 10px;
}
.content-slide .left-content-slide {
  float: left;
  width: 420px;
  margin-right: 20px;
  padding: 30px 0 20px 0;
}
.content-slide .right-content-slide {
  float: right;
  width: 460px;
  padding: 20px 0 0 0;
}
.content-slide .right-content-slide .video-frame {
  padding: 5px;
  background: #fff;
  border: 1pt solid #e3e3e3;
}
div.anythingSlider .anythingWindow {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}
div.anythingSlider {
  position: relative;
}
/* anythingSlider base UL */
ul.anythingBase {
  background: transparent;
  list-style: none;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}
ul.anythingBase li.panel {
  background: transparent;
  display: block;
  overflow: hidden;
  float: left;
  padding: 0;
  margin: 0;
}
s
	/* Navigation Links */
	div.anythingSlider .anythingControls {
  outline: 0;
}
div.anythingSlider .thumbNav {
  margin-right: 20px;
  position: relative;
  top: -22px;
  display: inline;
  padding: 5px 10px;
  text-align: center;
  float: right;
  z-index: 99;
}
div.anythingSlider .thumbNav li {
  display: block;
  float: left;
  width: auto;
  margin: 0px 5px;
}
div.anythingSlider .thumbNav a {
  background: #898989;
  display: block;
  text-indent: -9999px;
  width: 15px;
  height: 15px;
  margin-top: 0px;
}
/* Active State */
div.anythingSlider .thumbNav a.cur {
  background: #1d3963;
  display: block;
  text-indent: -9999px;
  width: 15px;
  margin-top: 0px;
  height: 15px;
}
div.anythingSlider .thumbNav a:hover {
  opacity: 0.75;
}

IMG.displayed {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.logo-new {
  align-items: center;
  padding-left: 0px;
}

.icon {
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 80px;
}

.icon-big-text {
  font-size: 20px;
  text-align: center;
  color: #1d3963;
  line-height: 1.4;
}

.icon-small-text {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 15px;
  color: #1d3963;

  margin-bottom: 5px;
}

.icon-small-text-covid {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 15px;
  color: #1d3963;
  text-align: center;
  margin-bottom: 5px;
}

/*ANYTHING SLIDER ENDS*/
/*NIVO SLIDER*/
#nivo-wrapper {
  width: 928px;
  height: 370px;
  padding: 5px;
  float: left;
  display: inline;
  margin-top: 30px;
  background-color: #f5f5f5;
  background: -moz-linear-gradient(bottom, #f2f2f2 0px, #ffffff 100%);
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #f2f2f2),
    color-stop(1, #ffffff)
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2');
  border: 1px solid #dddddd;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#slider {
  position: relative;
  width: 928px;
  height: 370px;
  display: inline;
}
#slider img {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}
#slider a {
  border: 0;
  display: block;
}
.nivo-controlNav {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 99;
}
.nivo-controlNav a {
  display: block;
  width: 17px;
  height: 15px;
  background: url(../images/nivo-control.png) right no-repeat;
  text-indent: -9999px;
  border: 0;
  margin-right: 3px;
  float: left;
}
.nivo-controlNav a.active {
  background: url(../images/nivo-control.png) left no-repeat;
}
.nivo-directionNav a {
  display: block;
  width: 50px;
  height: 50px;
  background: url(../images/nivo-nav.png) no-repeat;
  text-indent: -9999px;
  border: 0;
}
a.nivo-nextNav {
  background: url(../images/nivo-nav.png) right no-repeat;
  right: 5px;
}
a.nivo-prevNav {
  background: url(../images/nivo-nav.png) left no-repeat;
  left: 5px;
}
.nivo-caption {
  text-shadow: none;
  font-family: "Yanone Kaffeesatz", Arial, sans-serif;
  letter-spacing: 1px;
  font-size: 14px;
}
.nivo-caption a {
  color: #efe9d1;
  text-decoration: underline;
}
/*NIVO SLIDER ENDS*/
/*TAB STYLE*/
ul.tabs {
  list-style: none;
  float: left;
  margin: 0;
  width: 100%;
  border-bottom: solid 1px #efefef;
}
ul.tabs li {
  overflow: hidden;
  position: relative;
  float: left;
}
ul.tabs li {
}
ul.tabs li a {
  text-decoration: none;
  display: block;
  outline: none;
  float: left;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-right: 1px;
  font-size: 12px;
  font-style: italic;
}
ul.tabs li.active {
}
ul.tabs li.active a {
  color: #666666;
}
.tabs-content-wrapper {
  float: left;
  display: block;
  width: 100%;
}
.tab-content {
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 5px;
  padding-left: 15px;
}
/*TAB STYLE ENDS*/
/*TOOLTIP & SUBSCRIBE BUTTON*/
#simpleTooltip {
  padding: 7px;
  border: 1px solid #272727;
  background: #1c1c1c;
  font-size: 11px;
  color: #1d3963;
}
.subscribe-button {
  padding: 5px;
  width: 55px;
  cursor: pointer;
  border: none;
  background-color: #1c1c1c;
  color: #f0f0f0;
}
.subscribe-button:hover {
  background-color: #1d3963;
}
/*TOOLTIP ENDS*/
/*BUTTONS STYLES*/
.green-big-button {
  font-weight: normal;
  color: #fff;
  font-family: "Noto Sans KR", sans-serif;
  background: #1d3963;
  font-size: 16px;
  padding: 10px 15px;
  letter-spacing: 1px;
  border-bottom: 3pt solid #1d3963;
  position: relative;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-transition-property: color, background;
  -webkit-transition-duration: 0.15s, 0.15s;
  -webkit-transition-timing-function: linear, ease-in;
}
.green-big-button:hover {
  text-decoration: none;
  background: #1c1c1c;
  color: #fff;
  border-bottom: 3pt solid #000;
}

.grey-big-button {
  font-weight: normal;
  color: #fff;
  font-family: "Noto Sans KR", sans-serif;
  background: #1c1c1c;
  font-size: 16px;
  padding: 10px 15px;
  letter-spacing: 1px;
  border-bottom: 3pt solid #151515;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-transition-property: color, background;
  -webkit-transition-duration: 0.15s, 0.15s;
  -webkit-transition-timing-function: linear, ease-in;
}
.grey-big-button:hover {
  text-decoration: none;
  background: #1d3963;
  color: #fff;
  border-bottom: 3pt solid #1d3963;
}
.green-big-button:active {
  text-decoration: none;
  -webkit-box-shadow: 0 1px 2px #e5e5e5, inset 0 0 25px #121212;
  -moz-box-shadow: 0 1px 2px #e5e5e5, inset 0 0 25px #121212;
  box-shadow: 0 1px 2px #e5e5e5, inset 0 0 25px #121212;
  position: relative;
  top: 1px;
  border-bottom: 2pt solid #000;
}

.grey-big-button:active {
  text-decoration: none;
  -webkit-box-shadow: 0 1px 2px #272727, inset 0 0 25px #7cb430;
  -moz-box-shadow: 0 1px 2px #272727, inset 0 0 25px #7cb430;
  box-shadow: 0 1px 2px #272727, inset 0 0 25px #7cb430;
  position: relative;
  top: 1px;
  border-bottom: 2pt solid #1d3963;
}
/*BUTTON STYLES ENDS*/
/*TWIITER STYLES*/
.map {
  margin: 10px 0 0px 0;
}
.tweet,
.query {
  font-size: 11px;
  width: 200px;
  padding: 5px 10px;
  margin: 15px 0 20px 0;
  background: #1c1c1c;
  letter-spacing: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25),
    0 1px 1px rgba(100, 100, 100, 0.35);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25),
    0 1px 1px rgba(100, 100, 100, 0.35);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25),
    0 1px 1px rgba(100, 100, 100, 0.35);
}
.tweet .tweet_list li a,
.query .tweet_list li a {
  color: #fff;
  font-size: 11px;
  font-style: italic;
  text-decoration: none;
}
.tweet .tweet_list li a:hover,
.query .tweet_list li a:hover {
  color: #fff;
}
.tweet .tweet_list .tweet_time a {
  color: #fff;
  margin-bottom: 0;
  font-size: 11px;
  text-decoration: none;
}
.tweet .tweet_text .hash-link,
.tweet .tweet_text {
  color: #fff;
  margin-bottom: 0;
  font-size: 11px;
  font-style: normal;
}
/*TWITTER STYLES ENDS*/
/*PORTFOLIO STYLES*/
.portfolio-img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25),
    0 1px 1px rgba(100, 100, 100, 0.35);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25),
    0 1px 1px rgba(100, 100, 100, 0.35);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25),
    0 1px 1px rgba(100, 100, 100, 0.35);
}
.portfolio-img:hover {
  cursor: pointer;
}
.portfolio-item {
  color: #1d3963;
}
.eh {
  text-align: left;
  line-height: 1.5;
  padding: 0px 8px 0px 8px;
  color: #1d3963;
}

.portfolio-item-preview {
  display: block;
  background: url(../images/bg-fade.png) no-repeat center center;
}
/*PAGINATION*/
.pagination {
  list-style: none;
}
.pagination li {
  display: inline;
}
.pagination li a {
  display: block;
  float: left;
  padding: 4px 9px;
  margin-right: 7px;
  border: 1px solid #efefef;
}
.pagination li.active a {
  background-color: #f5f5f5;
}
/*PORTFOLIO FILTER*/
#portfolio-filter ul {
  list-style: none;
}
#portfolio-filter li {
  display: inline;
}
#portfolio-filter li a {
  display: block;
  float: left;
  padding: 4px 9px;
  margin-right: 7px;
  border: 1px solid #efefef;
}
#portfolio-filter ul li.active {
  background-color: #f5f5f5;
}

#filterable ul {
  list-style: none;
}
#filterable li {
  display: inline;
}
#filterable li a {
  display: block;
  float: left;
  padding: 4px 9px;
  margin-right: 7px;
  border: 1px solid #efefef;
}

.portfolio-container ul li a.hide {
  display: none;
}
.portfolio-container {
  padding: 0px;
  display: block;
  width: 990px;
  float: left;
  height: auto;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: -30px;
}
.portfolio-container ul {
  list-style-type: none;
  margin: 0px;
  padding-left: 0px;
  padding-top: 10px;
}
.portfolio-container ul li {
  padding-bottom: 30px;
}
.pretty-borderd-img {
  background-color: #f5f5f5;
  background: -moz-linear-gradient(bottom, #f2f2f2 0px, #ffffff 100%);
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #f2f2f2),
    color-stop(1, #ffffff)
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2');
  border: 1px solid #dddddd;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 5px;
  margin-bottom: 10px;
}
.portfolio-details-nav {
  float: right;
  width: 100%;
  margin-bottom: 15px;
}
#prev,
#next {
  display: block;
  float: right;
  padding: 4px 9px;
  margin-right: 7px;
  border: 1px solid #efefef;
}
#prev:hover,
#next:hover {
  background-color: #f5f5f5;
}
/*piecemaker 3d Flash Slider*/
#piecemaker {
  width: 940px;
  height: 430px;
  float: left;
  margin-bottom: 30px;
  margin-top: 16px;
}

/*kwicks Slider*/
.kwicks {
  /* recommended styles for kwicks ul container */
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
}
.kwicks li {
  /* these are required,but the values are up to you (must be pixel) */
  width: 250px;
  height: 400px;
  /*do not change these */
  display: block;
  overflow: hidden;
  padding: 0;
  /* if you need padding,do so with an inner div (or implement your own box-model hack) */
}
ul.kwicks.horizontal {
  margin-top: 25px;
  margin-bottom: -25px;
}
.kwicks.horizontal li {
  /* This is optional and will be disregarded by the script. However,it should be provided for non-JS enabled browsers. */
  margin-right: 0px;
  /*Set to same as spacing option. */
  float: left;
  background: #fff;
}
.kwicks.vertical li {
  /* This is optional and will be disregarded by the script. However,it should be provided for non-JS enabled browsers. */
  margin-bottom: 5px;
  /*Set to same as spacing option. */
}
.accordian-slider-image {
  float: left;
  padding: 0;
  margin: 0;
}
.slide-minicaption {
  bottom: 0;
  right: 0;
  position: absolute;
  color: #fff;
  text-shadow: 2px 2px #111;
  padding: 10px;
  font-size: 12px;
  line-height: 18px;
  width: 195px;
  background: #111;
}
.slide-minicaptiontitle {
  font-size: 13px;
  text-align: center;
  letter-spacing: 0.5px;
  color: #fff;
  display: block;
  line-height: 20px;
}
.accordian-slider-caption {
  top: 60px;
  left: 550px;
  position: absolute;
  color: #d1d1d1;
  padding: 10px 20px;
  font-size: 12px;
  line-height: 22px;
  background: #111;
  -moz-border-radius: 5px;
  -webkit-border: 5px;
  border-radius: 5px;
  width: 300px;
  height: auto;
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
}
.accordian-slider-caption a {
  color: #d1d1d1;
}
.accordian-slider-caption a:hover {
  text-decoration: none;
}
.accordian-slider-captiontitle {
  font-size: 20px;
  color: #fff;
  display: block;
  line-height: 26px;
  margin: 0 0 5px 0;
}
.accordian-slider-captiontitle a {
  color: #fff;
}
.accordian-slider-captiontitle a:hover {
  color: #db1010;
  text-decoration: none;
}
.kiwcks-container {
  height: 400px;
  overflow: hidden;
}
.kiwcks-container {
  width: 1000px;
  margin-left: -30px;
  margin-top: 25px !important;
  overflow: hidden;
}
.kwicks li {
  width: 250px;
  -moz-box-shadow: 1px 3px 15px #252525;
  -webkit-box-shadow: 1px 3px 15px #252525;
  box-shadow: 1px 3px 15px #252525;
}
.kwicks li {
  height: 400px;
}
/*Anythin Slider Arrows*/
div.anythingSlider .arrow {
  top: 50%;
  position: absolute;
  display: block;
  z-index: 1100;
}
div.anythingSlider .arrow a {
  display: block;
  height: 35px;
  margin-top: -30px;
  width: 35px;
  text-align: center;
  outline: 0;
  background: url(../images/arrows.png) no-repeat;
  text-indent: -9999px;
}
div.anythingSlider .forward {
  right: 0px;
  margin-right: 15px;
}
div.anythingSlider .back {
  left: 0px;
  margin-left: 15px;
}
div.anythingSlider .forward a {
  background: url(../images/arrows.png) top right no-repeat;
}
div.anythingSlider .back a {
  background: url(../images/arrows.png) top left no-repeat;
}
div.anythingSlider .forward a:hover,
div.anythingSlider .forward a.hover {
  background: url(../images/arrows.png) bottom right no-repeat;
}
div.anythingSlider .back a:hover,
div.anythingSlider .back a.hover {
  background: url(../images/arrows.png) bottom left no-repeat;
}

/*-------------------------------------------------------------------------------------------------*/
/*BUTTONS*/
/*-------------------------------------------------------------------------------------------------*/

.button {
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #ffffff;
  text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.4),
    0px 0px 0px rgba(255, 255, 255, 0);
  -webkit-transition: all 0.3s ease, top 0ms linear;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.3s ease;
  border-radius: 99px;
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
}
.button:hover {
  text-decoration: none;
}
.button.round {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.button.small {
  padding: 4px 10px;
}
.button.big {
  padding: 8px 20px;
}
.button.huge {
  padding: 12px 24px;
}
/*-----------BUTTON COLORS ---------------*/
ul.buttons li {
  display: list;
  margin: 25px 0;
}
/*BLUE*/
.button.blue {
  background-color: #1e6fca;
  background: -moz-linear-gradient(top, #65b1f0 0%, #246eab);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#65b1f0),
    to(#246eab)
  );

  border: 1px solid #275682;
  -moz-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.3),
    inset 0px 1px 0px rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.3),
    inset 0px 1px 0px rgba(255, 255, 255, 0.6);
}
.button.blue:hover {
  color: #fff;
  -webkit-box-shadow: 0px 0px 6px rgba(54, 154, 239, 0.8),
    0px 0px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 6px rgba(54, 154, 239, 0.8),
    0px 0px 3px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 6px rgba(54, 154, 239, 0.8),
    0px 0px 3px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 0px 6px rgba(54, 154, 239, 0.8),
    0px 0px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 6px rgba(54, 154, 239, 0.8),
    0px 0px 3px rgba(0, 0, 0, 0.1);
}
.button.blue:active {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#246eab),
    to(#65b1f0)
  );
}

.compliance {
  text-align: center;
  margin-top: 2px;
  font-size: 26px;
  color: rgb(196, 70, 36);
}
/*ORANGE*/
.button.orange {
  background-color: #d74b23;
  background: -moz-linear-gradient(top, #f27a2a 0%, #c13a05);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f27a2a),
    to(#c13a05)
  );
  border: 1px solid #9f2f03;
  background-clip: padding-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
}
.button.orange:hover {
  color: #fff;
  -webkit-box-shadow: 0px 0px 6px rgba(171, 63, 10, 0.8),
    0px 0px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 6px rgba(171, 63, 10, 0.8),
    0px 0px 3px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 6px rgba(171, 63, 10, 0.8),
    0px 0px 3px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 0px 6px rgba(171, 63, 10, 0.8),
    0px 0px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 6px rgba(171, 63, 10, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
}
.button.orange:active {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#c13a05),
    to(#f27a2a)
  );
}

/*GREEN*/
.button.green {
  background-color: #85cd4d;
  background: -moz-linear-gradient(top, #a6df57 0%, #6ca314);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#a6df57),
    to(#6ca314)
  );
  border: 1px solid #71af1e;
  background-clip: padding-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
}
.button.green:hover {
  color: #fff;
  -webkit-box-shadow: 0px 0px 6px rgba(107, 170, 4, 0.8),
    0px 0px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 6px rgba(107, 170, 4, 0.8),
    0px 0px 3px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 6px rgba(107, 170, 4, 0.8),
    0px 0px 3px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 0px 6px rgba(107, 170, 4, 0.8),
    0px 0px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 6px rgba(107, 170, 4, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
}
.button.green:active {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#6ca314),
    to(#a6df57)
  );
}

/*PINK*/
.button.pink {
  background-color: #d82f4e;
  background: -moz-linear-gradient(top, #f3546e 0%, #c92644);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f3546e),
    to(#c92644)
  );
  border: 1px solid #841e31;
  background-clip: padding-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
}
.button.pink:hover {
  color: #fff;
  -webkit-box-shadow: 0px 0px 6px rgba(244, 39, 78, 0.8),
    0px 0px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 6px rgba(244, 39, 78, 0.8),
    0px 0px 3px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 6px rgba(244, 39, 78, 0.8),
    0px 0px 3px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 0px 6px rgba(244, 39, 78, 0.8),
    0px 0px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 6px rgba(244, 39, 78, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
}
.button.pink:active {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#c92644),
    to(#f3546e)
  );
}
/*BLACK*/
.button.black {
  background-color: #323232;

  background: -moz-linear-gradient(top, #545557 0%, #1e1e1e);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#545557),
    to(#1e1e1e)
  );
  -moz-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.3),
    inset 0px 1px 0px rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.3),
    inset 0px 1px 0px rgba(255, 255, 255, 0.4);
  border: 1px solid #030303;
  background-clip: padding-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
}
.button.black:hover {
  color: #fff;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4),
    0px 0px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4),
    0px 0px 3px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
}
.button.black:active {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#1e1e1e),
    to(#545557)
  );
}
/*YELLOW*/
.button.yellow {
  background-color: #f5eb34;
  background: -moz-linear-gradient(top, #f8c100 0%, #b68e00);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f8c100),
    to(#b68e00)
  );
  -moz-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.3),
    inset 0px 1px 0px rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.3),
    inset 0px 1px 0px rgba(255, 255, 255, 0.4);
  border: 1px solid #b68e00;
  background-clip: padding-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
}
.button.yellow:hover {
  color: #fff;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4),
    0px 0px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4),
    0px 0px 3px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
}
.button.yellow:active {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#b68e00),
    to(#f8c100)
  );
}
/*RED*/
.button.red {
  background-color: #f5eb34;
  background: -moz-linear-gradient(top, #f26c4f 0%, #d81f27);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f26c4f),
    to(#d81f27)
  );
  -moz-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.3),
    inset 0px 1px 0px rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.3),
    inset 0px 1px 0px rgba(255, 255, 255, 0.4);
  border: 1px solid #bf0101;
  background-clip: padding-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
}
.button.red:hover {
  color: #fff;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4),
    0px 0px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4),
    0px 0px 3px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
}
.button.red:active {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#d81f27),
    to(#f26c4f)
  );
}
/*PURPLE*/
.button.purple {
  background-color: #b576ad;
  background: -moz-linear-gradient(top, #b576ad 0%, #9a4d90);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#b576ad),
    to(#9a4d90)
  );
  -moz-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.3),
    inset 0px 1px 0px rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.3),
    inset 0px 1px 0px rgba(255, 255, 255, 0.4);
  border: 1px solid #954eae;
  background-clip: padding-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
}
.button.purple:hover {
  color: #fff;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4),
    0px 0px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4),
    0px 0px 3px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
}
.button.purple:active {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#9a4d90),
    to(#b576ad)
  );
}
/*DARK BLUE*/
.button.dark-blue {
  background-color: #b576ad;
  background: -moz-linear-gradient(top, #748095 0%, #3d4753);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#748095),
    to(#3d4753)
  );
  -moz-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.3),
    inset 0px 1px 0px rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.3),
    inset 0px 1px 0px rgba(255, 255, 255, 0.4);
  border: 1px solid #3d4753;
  background-clip: padding-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
}
.button.dark-blue:hover {
  color: #fff;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4),
    0px 0px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4),
    0px 0px 3px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
}
.button.dark-blue:active {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#3d4753),
    to(#748095)
  );
}
/*LIGHT BLUE*/
.button.light-blue {
  background-color: #7ccce5;
  background: -moz-linear-gradient(top, #7ccce5 0%, #64bcd7);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#7ccce5),
    to(#64bcd7)
  );
  -moz-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.3),
    inset 0px 1px 0px rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.3),
    inset 0px 1px 0px rgba(255, 255, 255, 0.4);
  border: 1px solid #52adc9;
  background-clip: padding-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
}
.button.light-blue:hover {
  color: #fff;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4),
    0px 0px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4),
    0px 0px 3px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
}
.button.light-blue:active {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#64bcd7),
    to(#7ccce5)
  );
}
/*BUTTON ENDS*/