body {
     font-family: 'Open Sans', sans-serif;
     color: #888;
     font-size: 13px;
     font-weight: 300;
     -webkit-font-smoothing: antialiased;
     -webkit-text-size-adjust: 100%;
     overflow-x: hidden;
     overflow-y: scroll;
 }

 .container {
     padding-right: 0;
     padding-left: 0;
 }

 body,
 li,
 address {
     line-height: 24px
 }

 input,
 button,
 select,
 textarea {
     font-family: 'Open Sans', sans-serif;
     font-size: 13px;
     font-weight: 300;
 }

 p {
     margin: 0 0 15px
 }

 a {
     color: #b8292f;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }

 a:hover,
 a:focus {
     color: #333;
     text-decoration: none;
 }

 .colored {
     color: #b8292f
 }

 .color-white {
     color: #fff !important;
 }

 .font-alt {
     font-family: 'Raleway', sans-serif;
 }

 .fw100 {
     font-weight: 100
 }

 .fw300 {
     font-weight: 300
 }

 .fw600 {
     font-weight: 600
 }

 .fw800 {
     font-weight: 800
 }

 .fw900 {
     font-weight: 900
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: 'Noto Sans KR', sans-serif !important;
     margin-top: 0;
     color: #000;
     margin-bottom: 10px;
     font-weight: 700;
 }

 h1 {
     font-size: 40px;
     line-height: 40px;
     letter-spacing: -2px;
 }

 h2 {
     font-size: 30px;
     line-height: 30px;
 }

 h3 {
     font-size: 18px;
     line-height: 24px;
 }

 h4 {
     font-size: 16px;
     line-height: 24px;
     margin-bottom: 8px;
 }

 h5 {
     font-size: 14px
 }

 h6 {
     font-size: 12px
 }

 h1.client {
     font-size: 44px;
     line-height: 44px;
     letter-spacing: -2px;
 }

 h4.client span {
     border: 2px solid #000;
     padding: 5px 10px;
 }

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

 .center-title-wrapper strong {
     text-align: center;
     width: 3% !important;
     margin: -20px auto;
     border-bottom: 2px solid #000;
 }

 .title-center {
     position: relative;
     display: inline-block;
     text-transform: uppercase;
     font-size: 16px;
     line-height: 18px;
     margin-bottom: 10px;
 }

 .title-left {
     position: relative;
     display: inline-block;
     text-transform: uppercase;
     font-size: 14px;
     line-height: 18px;
     letter-spacing: 3px;
     margin-bottom: 30px;
 }

 .title-left:before {
     display: inline-block;
     content: "";
     border-bottom: 2px solid #000;
     border-left: 2px solid #000;
     position: absolute;
     width: 15px;
     bottom: -5px;
     left: 0px;
 }

 .upper {
     text-transform: uppercase
 }

 .pad-container {
     padding-top: 50px;
     padding-bottom: 50px;
 }

 .pad-container-parallax {
     padding-top: 150px;
     padding-bottom: 120px;
 }

 .lead {
     font-weight: 300;
     font-size: 24px;
     line-height: 30px;
     display: inline;
 }

 .bg-white {
     background: #fff
 }

 .bg-gray {
     background: #f6f6f6;
 }

 .bg-dark-gray {
     background: #000;
     color: #fff !important;
 }

 .color-wrapper {
     background: #b8292f;
 }

 .pic {
     -moz-transition: all 0.2s linear 0s;
     -webkit-transition: all 0.2s linear 0s;
     -o-transition: all 0.2s linear 0s;
 }

 .pic:hover {
     opacity: 0.8;
 }

 .brd-gray {
     border: 1px solid #f6f6f6;
 }

 .mgr-header {
     float: left;
     width: 100%;
 }

 ul {
     padding: 0 0 0 20px
 }

 ol {
     padding: 0 0 0 20px
 }

 ul.circled {
     padding: 0;
     list-style: none;
 }

 ul.circled li:before {
     content: '\e800';
     margin-right: 10px;
     font-weight: normal;
     vertical-align: top;
     padding-top: 1px;
     display: inline-block;
     font-family: 'fontello-circle';
     color: #b8292f;
     font-size: 8px;
 }

 ul.arrow {
     padding: 0;
     list-style: none;
 }

 ul.arrow li:before {
     content: '\e75e';
     margin-right: 10px;
     font-weight: normal;
     vertical-align: top;
     padding-top: 1px;
     display: inline-block;
     font-family: 'fontello';
     color: #b8292f;
     font-size: 12px;
 }

 .thin {
     width: 70%;
     margin: 0 auto;
 }

 .thin-search {
     width: 80%;
     margin: 30% auto;
 }

 .dropcap {
     font-weight: 300;
     display: block;
     float: left;
     font-size: 49px;
     padding: 0;
     margin: 0;
     margin: 12px 8px 0 0;
     text-transform: uppercase;
 }

 hr {
     border-bottom: 1px solid #f6f6f6;
 }

 blockquote {
     border: none;
     padding: 0;
     font-size: 18px;
     line-height: 28px;
     font-weight: 200;
     font-family: Georgia, "Times New Roman", Times, serif;
     font-style: italic;
 }

 blockquote small {
     line-height: inherit;
     color: #999;
 }

 .italic {
     font-style: italic;
 }

 .black-box {
     font-size: 18px;
     color: #ccc;
     font-family: Georgia, "Times New Roman", Times, serif;
     font-weight: 300;
     line-height: 30px;
     margin: 0 0 24px;
     color: #999;
     margin: 10px 0;
     padding: 20px 20px;
     background: #fff;
     background: #000;
     position: relative;
 }

 .black-box h3 {
     color: #ccc;
 }

 .black-box:after {
     position: absolute;
     content: '';
     width: 30px;
     height: 30px;
     background: #fff;
     right: -15px;
     bottom: -15px;
     -webkit-transform: rotate(135deg);
     -moz-transform: rotate(135deg);
     -ms-transform: rotate(135deg);
     -o-transform: rotate(135deg);
     transform: rotate(135deg);
 }

 /* 03 Header
================================================== */
 .header-nav {
     float: none !important
 }

 .header-nav {
     z-index: 9999;
 }

 .logo {
     float: left;
     padding-top: 18px;
     font-size: 20px;
     line-height: 20px;
 }

 .logo:hover,
 .logo:focus {
     text-decoration: none;
 }

 .logo img {
     width: 100%;
     height: 54px;
 }

 .boxpro {
     /* border: 2px solid #d5d1d1;
        height: 350px; */
     margin-top: 63px;
 }

 /* .boxpro1
    {
        border: 2px solid #d5d1d1;
     
    } */
 .prod {
     color: #b8292f;
     font-size: 26px;
     padding: 22px;
     text-align: center;
     text-transform: uppercase;
 }

 .para {
     color: #515050;
     font-size: 14px;
     /* text-align: center; */
 }

 /* 04 Main Navigation
================================================== */
 .navbar-header {
     background: #fff;
 }

 .navbar-collapse {
     width: auto;
     background: transparent;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
 }

 .navbar-nav>li {
     margin-left: 15px;
 }

 .navbar-nav>li>a {
     color: #FFF;
     font-size: 14px;
     font-weight: 800;
     padding: 45px 13px;
     text-transform: uppercase;
     text-align: left !important;
 }

 .nav>li>a:focus {
     background: none;
     color: #000;
 }

 .nav>li>a:hover {
     background: none;
     color: #b8292f;
 }

 .navbar-nav>li.current {
     color: #b8292f;
 }

 .navbar-nav>li>a:before {
     display: inline-block;
     content: "";
     border-bottom: 2px solid #000;
     position: absolute;
     width: 0px;
     top: 65%;
     left: 40%;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }

 .navbar-nav>li>a:hover:before,
 .navbar-nav>li.current a:before {
     display: inline-block;
     content: "";
     border-bottom: 1px solid;
     width: 15px;
 }

 .header-nav .dropdown-menu {
     padding: 0;
     margin: 0;
     min-width: 190px;
     background: #fff;
     border: none;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
     box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
 }

 .header-nav .dropdown-menu li {
     border: none;
     border-top: 1px solid rgba(0, 0, 0, 0.05);
 }

 .header-nav .dropdown-menu li:first-child {
     border: none !important;
 }

 .header-nav .dropdown-menu li a {
     padding: 15px;
     line-height: 2;
     color: #888 !important;
     font-size: 16px;
     text-transform: none;
     font-weight: 300;
 }

 .header-nav .dropdown-menu li a:hover,
 .header-nav .dropdown-menu li a.active {
     padding: 15px;
     filter: none;
     line-height: 1;
     color: #e5e5e5;
     background: #f6f6f6 !important;
 }

 .header-nav .nav .open>a,
 .header-nav .nav .open>a:hover,
 .header-nav .nav .open>a:focus {
     background: none;
     color: #b8292f;
 }

 .navbar-nav>li.current .dropdown-menu li a:before {
     border-bottom: 0px solid !important;
     width: 0px !important;
 }

 .header-nav .nav>li>.dropdown-menu:after {
     display: none
 }

 .header-nav .nav>li>.dropdown-menu:before {
     display: none
 }

 .header-nav .dropdown-menu>li>a:hover,
 .header-nav .dropdown-menu>li>a:focus,
 .header-nav .dropdown-submenu:hover>a,
 .header-nav .dropdown-submenu:focus>a,
 .header-nav .dropdown-menu>.active>a,
 .header-nav .dropdown-menu>.active>a:hover,
 .header-nav .dropdown-menu>.active>a:focus {
     background: none;
     color: #b8292f;
     filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 }

 .header-nav .dropdown-submenu ul {
     border-left: 0px !important;
 }

 /* 04 Mega Menu
================================================== */
 .yamm .nav,
 .yamm .dropup,
 .yamm .dropdown,
 .yamm .collapse {
     position: static
 }

 .yamm .navbar-inner,
 .yamm .container {
     position: relative
 }

 .yamm .dropdown-menu {
     left: auto
 }

 .yamm .dropdown-menu>li {
     display: block
 }

 .yamm .nav.pull-right .dropdown-menu {
     right: 0
 }

 .yamm .yamm-content {
     padding: 30px;
     color: #888;
 }

 .yamm .yamm-content:before,
 .yamm .yamm-content:after {
     display: table;
     content: "";
     line-height: 0;
 }

 .yamm .yamm-content:after {
     clear: both
 }

 .yamm .yamm-content img {
     width: 100%
 }

 .yamm .yamm-content a {
     color: #888;
 }

 .yamm .yamm-content ul li {
     background: none !important;
     border-top: 1px solid rgba(0, 0, 0, 0) !important;
     line-height: 36px;
 }

 .yamm .yamm-content ul li a:hover {
     background: none !important;
     border-bottom: 0px !important;
 }

 .yamm .yamm-content h1,
 .yamm .yamm-content h2,
 .yamm .yamm-content h3,
 .yamm .yamm-content h4,
 .yamm .yamm-content h5,
 .yamm .yamm-content h6 {
     color: #000
 }

 .yamm .yamm-content a:hover {}

 .yamm .dropdown.yamm-fullwidth .dropdown-menu {
     width: 100%;
     left: 0;
     right: 0;
 }

 .btn.mobile-menu {
     padding: 10px 13px;
     margin: 0;
     display: none;
     font-size: 16px;
     border-radius: 0px;
     color: #000 !important;
     background: none !important;
 }

 .social-top {
     padding: 0;
     margin: 0;
     font-size: 0;
     height: 28px;
     float: right;
     margin-top: 40px;
     margin-left: 10px;
 }

 .social-top li {
     display: inline-block;
     font-family: 'fontello';
     margin-right: 5px;
 }

 .social-top li a {
     display: table;
     color: #aaa;
 }

 .social-top li a:hover i {
     color: #b8292f !important;
 }

 .social-top li a i {
     text-align: center;
     display: table-cell;
     vertical-align: middle;
     background: none;
     width: 28px;
     height: 28px !important;
     line-height: 1;
     font-size: 12px;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     color: #000;
 }

 #header-search-form input[type="text"] {
     display: inline-block;
     -webkit-font-smoothing: antialiased;
     -webkit-text-size-adjust: 100%;
     height: auto;
     padding: 20px 10px;
     margin-bottom: 15px;
     font-size: 48px;
     line-height: 48px;
     font-weight: 200;
     color: #e5e5e5;
     border: none;
     resize: none;
     vertical-align: middle;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     background: none;
     -webkit-border-radius: 0;
     border-radius: 0;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }

 /* 05 Sticky Header
================================================== */
 .header-nav.basic.set {
     width: 100%;
     position: absolute;
     background: transparent;
 }

 .header-nav.basic.set:hover {
     background: #fff;
 }

 .header-nav.basic.set:hover a {
     color: #888 !important;
 }

 .header-nav.basic.set a:hover {
     color: #b8292f !important;
 }

 .header-nav.basic.sticky {
     position: fixed;
     left: 0;
     padding: 0;
     margin: 0;
     width: 100%;
 }

 .header-nav.basic.sticky a {
     color: #888 !important;
 }

 .header-nav.basic.sticky a:hover {
     color: #b8292f !important;
 }

 .header-nav.basic.sticky {
     background: rgba(255, 255, 255, 0.95);
     -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
     box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
 }

 .header-nav.basic.sticky .logo {
     padding-top: 20px
 }

 .header-nav.basic.sticky .logo img {
     height: 30px;
     padding-right: 5px;
 }

 .header-nav.basic.sticky .navbar-nav>li>a {
     padding: 25px 15px
 }

 .header-nav.basic .navbar-collapse {
     max-height: inherit
 }

 .header-nav.basic.sticky .social-top {
     margin-top: 22px;
 }

 /* 06 Revolution Slider
================================================== */
 .banner-container {
     width: 100%;
     position: relative;
     padding: 0;
 }

 .banner {
     width: 100%;
     position: relative;
 }

 .fullwidthbanner-container {
     width: 100% !important;
     position: relative;
     padding: 0;
     max-height: 100% !important;
     overflow: hidden !important;
     float: left;
     margin-top: 0px;
 }

 .revolution {
     background: #FFF
 }

 .revolution img {
     width: 100% !important;
     height: 100% !important;
 }

 .revolution ul {
     visibility: hidden;
     margin: 0;
     list-style: none;
 }

 .tp-caption a {
     color: #b8292f
 }

 .tp-caption a:hover {
     color: #2e2e2e !important
 }

 .tp-caption.upper {
     font-size: 55px;
     letter-spacing: -0.3px;
     color: #fff;
     text-transform: uppercase;
     font-weight: 800;
     font-family: 'Raleway', sans-serif;
     text-shadow: 2px 1px 1px rgb(70 70 70 / 50%);
 }

 .tp-caption.lower {
     font-size: 22px;
     color: rgba(255, 255, 255, 0.5);
     line-height: 28px;
     text-align: center;
     font-family: 'Raleway', sans-serif;
     /* font-family: "Times New Roman", Times, serif; */
     /* font-style: italic; */
     font-weight: 100;
     text-shadow: 2px 1px 1px rgb(70 70 70 / 50%);
 }

 .tp-caption p {
     font-size: 12px;
     /* color: rgba(255, 255, 255, 0.5); */
     line-height: 18px;
     text-align: center;
     font-family: 'Raleway', sans-serif;
     letter-spacing: 3px;
     font-weight: bold;
     text-transform: uppercase;
 }

 .tp-caption.slide2 {
     font-size: 36px;
     color: #fff;
     font-weight: 300;
     font-family: 'Raleway', sans-serif;
     text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.5);
     line-height: 48px;
 }

 .tp-caption.white-bg {
     color: #fff !important;
     padding: 10px 20px;
 }

 .tp-caption.black-bg {
     color: #000 !important;
     padding: 10px 20px;
 }

 .tp-caption.upper-black {
     font-size: 50px;
     line-height: 1;
     color: #000;
     text-transform: uppercase;
     font-weight: 200;
     border: 3px solid rgba(48, 48, 48, 1);
 }

 .tp-caption a.btn {
     color: #fff
 }

 /* 07 Services Boxes
================================================== */
 /* Services Box 1*/
 .services-box {
     text-align: left;
 }

 .services-box h3 {
     margin-bottom: 10px;
     font-weight: 600 !important;
 }

 .services-box h4 {
     font-size: 18px;
     line-height: 30px;
 }

 .services-box p {
     margin-bottom: 20px;
 }

 .services-box .col i {
     font-size: 60px;
     color: #000;
     line-height: 80px;
     text-align: center !important;
 }

 .services-box .col:hover i {
     color: #888;
 }

 .services-box .col {
     padding: 30px 30px 30px 0px;
     position: relative;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }

 .services-box .col.last {
     border-right: 0px solid #e5e5e5;
 }

 /* Services Box 2*/

 .services-box-2 {
     text-align: left
 }

 .services-box-2 i {
     display: block;
     color: #000;
     line-height: 1;
     font-size: 30px;
     text-transform: uppercase;
     float: left;
     margin-right: 15px;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }

 .services-box-2:hover i {
     color: #b8292f;
 }

 .services-box-2 .content {
     overflow: auto;
 }

 .services-box-2 .content h3 {
     font-size: 13px;
     text-transform: uppercase;
 }

 /* Services Box 3*/

 .services-box-3 {
     text-align: center;
 }

 .services-box-3 i {
     text-align: center;
     display: inline-table;
     width: 80px;
     height: 80px;
     color: #ccc;
     border: 1px solid #ccc;
     padding-top: 22px;
     font-size: 36px;
     text-transform: uppercase;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     -webkit-border-radius: 50%;
     border-radius: 50%;
 }

 .services-box-3 .col:hover i {
     background-color: #b8292f;
     border: 1px solid #b8292f;
     color: #fff;
 }

 .services-box-3 h3 {
     margin: 20px 0 10px;
     font-size: 16px;
 }

 /* 08 Isotope Portfolio 
================================================== */

 .portfolio-col .items {
     list-style: none;
     margin: 0px;
     padding: 0px;
 }

 .portfolio-col .items li {
     float: left;
     position: relative;
 }

 .portfolio-col .items.col4 li {
     width: 318px;
     margin-left: 15px;
     margin-bottom: 15px;
 }

 .portfolio-col .items li img {
     display: block;
     width: 100%;
 }

 .portfolio-col .items li.col4 {
     width: 290px;
     margin-left: 0px;
     margin-bottom: 1px;
     position: relative;
 }

 .portfolio-col .items li.col2 {
     width: 580px;
     margin-left: 0px;
     margin-bottom: 0px;
 }

 .filter {
     padding: 0;
     font-size: 0;
     margin-bottom: 20px;
 }

 .filter li {
     display: inline;
     color: #000;
     line-height: 50px;
 }

 .filter.text-center li {
     display: inline-block;
 }

 .filter li a {
     color: #000;
     padding: 13px 23px;
     border: 1px solid #e5e5e5;
     font-size: 12px;
     font-weight: 300;
     text-transform: uppercase;
     margin-right: 10px;
     border-radius: 3px;
 }

 .filter li a:hover {
     color: #b8292f
 }

 .filter li a.active {
     color: #fff !important;
     background: #b8292f;
     border: 1px solid #b8292f;
 }

 .filter li:first-child a {
     border-left: 1px solid #e5e5e5
 }

 .isotope-item {
     z-index: 2;
     display: block !important;
 }

 .isotope-hidden.isotope-item {
     pointer-events: none;
     z-index: 1;
 }

 .isotope,
 .isotope .isotope-item {
     -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
     -ms-transition-duration: 1s;
     -o-transition-duration: 1s;
     transition-duration: 1s;
 }

 .isotope {
     -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
     -ms-transition-property: height, width;
     -o-transition-property: height, width;
     transition-property: height, width;
 }

 .isotope .isotope-item {
     -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property: -moz-transform, opacity;
     -ms-transition-property: -ms-transform, opacity;
     -o-transition-property: top, left, opacity;
     transition-property: transform, opacity;
 }

 .isotope.no-transition,
 .isotope.no-transition .isotope-item,
 .isotope .isotope-item.no-transition {
     -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
     -ms-transition-duration: 0s;
     -o-transition-duration: 0s;
     transition-duration: 0s;
 }

 .item-details {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .item-details li {
     margin-top: 9px;
     padding-top: 10px;
     border-top: 1px solid #e5e5e5;
 }

 .item-details li:first-child {
     padding: 0;
     margin: 0;
     border: none;
 }

 .item-details li span {
     font-weight: 300;
     color: #606060;
     margin-right: 5px;
 }

 /* 09 Item Overlay
================================================== */
 figure {
     display: block;
     overflow: hidden;
     position: relative;
     height: 300px;
 }

 .items li figure img {
     display: block;
     width: 100%;
 }

 figure li a,
 figure li a img {
     display: block;
     position: relative;
 }

 figure img {
     display: block;
     max-width: 100%;
     -webkit-backface-visibility: hidden;
     -o-transition: all 0.3s ease-out;
     -ms-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -webkit-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
     height: 300px !important;
 }

 figure a:hover img {
     -o-transform: scale(1.1);
     -ms-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
 }

 figure a .text-overlay {
     opacity: 0;
     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
     -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     height: 100%;
     position: absolute;
     text-decoration: none;
     width: 100%;
     z-index: 100;
     padding: 20px;
     background: #b8292f;
     background: rgba(40, 205, 195, 0.90);
     -webkit-transition: all 0.4s;
     -moz-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
     bottom: 0px;
 }

 figure a:hover .text-overlay {
     opacity: 1;
     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
     -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 }

 figure a .text-overlay .info {
     text-align: center;
     top: 40%;
     width: 100%;
     left: 0;
     position: absolute;
     margin-top: -11px;
     color: #fff;
     font-size: 14px;
     font-weight: 300;
     text-transform: uppercase;
     -webkit-transition: all 0.4s;
     -moz-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
 }

 figure a .text-overlay .info h5 {
     color: #fff;
     font-size: 12px;
     font-weight: 500;
     text-transform: none;
 }

 figure a .text-overlay .info span i {
     font-size: 40px;
     color: rgba(255, 255, 255, 0.7) !important;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }

 figure a .text-overlay .info span i:hover {
     color: rgba(255, 255, 255, 1) !important;
 }

 figure a:hover .text-overlay .info {
     top: 50%;
 }

 .items .info h4 {
     font-size: 13px;
     font-weight: 300;
     text-transform: uppercase;
     margin-top: 10px;
     margin-bottom: 0px;
 }

 .items .info h4 a {
     text-decoration: none;
     color: #000;
     -o-transition: all 0.3s ease-out;
     -ms-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -webkit-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }

 .items .info h4 a:hover {
     color: #b8292f;
 }

 .items .info p {
     margin-bottom: 0px;
 }

 .icon-overlay {
     display: block;
     overflow: hidden;
     position: relative;
 }

 .icon-overlay img {
     display: block;
     max-width: 100%;
     -webkit-backface-visibility: hidden;
     -o-transition: all 0.3s ease-out;
     -ms-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -webkit-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }

 .icon-overlay a:hover img {
     -o-transform: scale(1.2);
     -ms-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
 }

 .icon-overlay a .icn-more {
     opacity: 0;
     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
     -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     height: 100%;
     position: absolute;
     text-decoration: none;
     width: 100%;
     z-index: 100;
     background: rgba(40, 205, 195, 0.90);
     overflow: hidden;
     -webkit-transition: all 0.25s;
     -moz-transition: all 0.25s;
     -o-transition: all 0.25s;
     transition: all 0.25s;
 }

 .icon-overlay a:hover .icn-more {
     opacity: 1;
     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
     -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 }

 .icon-overlay a .icn-more:before {
     font-family: 'fontello';
     font-style: normal;
     font-weight: normal;
     speak: none;
     display: inline-block;
     text-decoration: inherit;
     position: absolute;
     text-align: center;
     content: '\e824';
     line-height: 1;
     color: #FFF;
     top: 50%;
     left: 50%;
     z-index: 2;
     font-size: 15px;
     top: 50%;
     margin: -8px 0 0 -6px;
     -webkit-transform: translateY(-20px);
     -moz-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     -o-transform: translateY(-20px);
     transform: translateY(-20px);
     -webkit-transition: -webkit-transform 0.25s ease-in-out;
     -moz-transition: -moz-transform 0.25s ease-in-out;
     -o-transition: -o-transform 0.25s ease-in-out;
     transition: transform 0.25s ease-in-out;
 }

 .icon-overlay a:hover .icn-more:before {
     -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
     -ms-transform: translateY(0px);
     -o-transform: translateY(0px);
     transform: translateY(0px);
 }

 .icon-overlay a:hover .icn-more:before {
     top: 50% !important
 }

 /* 10 Owl Carousel
================================================== */
 .owlcarousel {
     display: none
 }

 .carousel .item {
     margin: 0 10px 0px 10px
 }

 .owl-portfolio .info {
     margin-top: 10px;
 }

 .owl-portfolio .info h4 a {
     color: #000;
     text-transform: uppercase;
     text-align: center !important;
 }

 .owl-portfolio .info h4 a:hover {}

 .owl-carousel {
     position: relative
 }

 .owl-carousel .owl-controls {
     display: none !important;
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     pointer-events: none;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     opacity: 0;
 }

 .owl-carousel:hover .owl-controls {
     opacity: 1;
 }

 .owl-carousel .owl-controls .owl-prev {
     position: absolute;
     left: 0;
     pointer-events: auto;
 }

 .owl-carousel .owl-controls .owl-next {
     position: absolute;
     right: 0;
     pointer-events: auto;
 }

 .owl-carousel .owl-controls .owl-prev,
 .owl-carousel .owl-controls .owl-next {
     z-index: 1;
     cursor: pointer;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     background: rgba(255, 255, 255, 0.2);
     color: rgba(255, 255, 255, 0.5);
     line-height: 1;
     font-size: 18px;
     width: 44px;
     height: 100%;
 }

 .owl-carousel .owl-controls .owl-prev:hover,
 .owl-carousel .owl-controls .owl-next:hover {
     background: rgba(255, 255, 255, 0.5);
     color: #fff;
 }

 .owl-carousel .owl-controls .owl-prev i,
 .owl-carousel .owl-controls .owl-next i {
     position: absolute;
     top: 28%;
     padding-left: 10px;
 }

 .owl-clients .item img {
     max-width: 100%;
     opacity: 0.5;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     cursor: pointer;
 }

 .owl-clients .item:hover img {
     opacity: 1;
 }

 .owl-slider-wrapper {
     position: relative;
     margin-bottom: 20px;
 }

 .owl-slider-wrapper .item img {
     display: block;
     width: 100%;
     height: auto;
 }

 .owl-slider-wrapper .owl-custom-nav {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     pointer-events: none;
 }

 .owl-slider-wrapper .owl-custom-nav .slider-prev {
     position: absolute;
     top: 50%;
     left: 20px;
     margin-top: -23px;
     pointer-events: auto;
 }

 .owl-slider-wrapper .owl-custom-nav .slider-next {
     position: absolute;
     top: 51%;
     right: 20px;
     margin-top: -23px;
     pointer-events: auto;
 }

 .owl-slider-wrapper .owl-custom-nav .slider-prev,
 .owl-slider-wrapper .owl-custom-nav .slider-next {
     border: 2px solid rgba(255, 255, 255, 0.5);
     color: rgba(255, 255, 255, 0.5);
     line-height: 1;
     font-size: 20px;
     padding: 9px 16px;
     border-radius: 50%;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     z-index: 1;
     cursor: pointer;
 }

 .owl-slider-wrapper .owl-custom-nav .slider-prev:before,
 .owl-slider-wrapper .owl-custom-nav .slider-next:before {
     font-family: 'fontello';
     font-style: normal;
     font-weight: normal;
     speak: none;
     display: inline-block;
     text-align: center;
 }

 .owl-slider-wrapper .owl-custom-nav .slider-prev:before {
     content: '\e75d'
 }

 .owl-slider-wrapper .owl-custom-nav .slider-next:before {
     content: '\e75e'
 }

 .owl-slider-wrapper .owl-custom-nav .slider-prev:hover,
 .owl-slider-wrapper .owl-custom-nav .slider-next:hover {
     border: 2px solid rgba(255, 255, 255, 1);
     color: rgba(255, 255, 255, 1);
 }

 .owl-slider-wrapper .owl-custom-nav {
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     -moz-opacity: 0;
     -khtml-opacity: 0;
     opacity: 0;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }

 .owl-slider-wrapper:hover .owl-custom-nav {
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     -moz-opacity: 1;
     -khtml-opacity: 1;
     opacity: 1;
 }

 .navigation a {
     border: 1px solid #b0b0b0;
     color: #939393;
     line-height: 1;
     font-size: 20px;
     padding: 7px;
     font-weight: 300;
     text-transform: uppercase;
     display: inline-block;
     margin-left: 3px;
 }

 .navigation a:hover {
     border: 1px solid #b8292f;
     color: #b8292f;
 }

 .bx-blog .post .post-content h2 {
     font-size: 20px;
 }

 .full-portfolio .items {
     width: 100%;
     clear: both;
     margin: 0;
     padding: 0;
     list-style: none;
 }

 /* 11 Fancy Box
================================================== */
 #fancybox-thumbs ul li img {
     max-width: none;
 }

 .info.hidden {
     display: none
 }

 .fancybox-wrap {
     background: #000 !important;
 }

 .fancybox-title,
 .fancybox-error {
     font-family: 'Raleway', sans-serif !important;
     font-size: 14px !important;
     line-height: 24px !important;
     font-weight: 400 !important;
 }

 .fancybox-title h2,
 .fancybox-title h3 {
     color: #000;
     margin-bottom: 5px;
     line-height: 22px;
     font-size: 18px;
 }

 .fancybox-skin {
     color: #666 !important
 }

 .fancybox-title-inside-wrap {
     padding: 20px !important
 }

 .fancybox-nav span {
     width: 36px !important;
     height: 36px !important;
     margin-top: 0 !important;
     border-radius: 50% !important;
 }

 .fancybox-close {
     top: 10px !important;
     right: 10px !important;
     width: 36px !important;
     height: 36px !important;
     border-radius: 50% !important;
 }

 .fancybox-close:before,
 .fancybox-prev span:before,
 .fancybox-next span:before {
     font-family: 'fontello';
     font-style: normal;
     font-weight: normal;
     margin-right: 0 !important;
     margin-top: 0px !important;
     text-align: center;
     width: 36px !important;
     font-size: 18px !important;
     line-height: 30px !important;
 }

 /* Firefox Fix */
 @-moz-document url-prefix() {

     .fancybox-close:before,
     .fancybox-prev span:before,
     .fancybox-next span:before {
         margin-top: 5px !important
     }
 }

 .fancybox-close,
 .fancybox-prev span,
 .fancybox-next span {
     border: 2px solid rgba(255, 255, 255, 0.5) !important;
     color: rgba(255, 255, 255, 0.5) !important;
     text-align: center !important;
     -webkit-transition: all 200ms ease-in !important;
     -o-transition: all 200ms ease-in !important;
     -moz-transition: all 200ms ease-in !important;
     opacity: 0;
 }

 .fancybox-close:hover,
 .fancybox-prev span:hover,
 .fancybox-next span:hover {
     color: rgba(255, 255, 255, 1) !important;
     border: 2px solid rgba(255, 255, 255, 1) !important;
 }

 .fancybox-wrap:hover .fancybox-close,
 .fancybox-wrap:hover .fancybox-prev span,
 .fancybox-wrap:hover .fancybox-next span {
     opacity: 1;
 }

 .fancybox-prev span:before {
     content: '\e75d'
 }

 .fancybox-next span:before {
     content: '\e75e'
 }

 .fancybox-close:before {
     content: '\2715'
 }

 #fancybox-loading {
     margin-top: -18px !important;
     margin-left: -18px !important;
     opacity: 1 !important;
 }

 #fancybox-loading div {
     height: 36px !important;
     width: 36px !important;
     position: relative !important;
     -webkit-animation: rotation .8s infinite linear !important;
     -moz-animation: rotation .8s infinite linear !important;
     -o-animation: rotation .8s infinite linear !important;
     animation: rotation .8s infinite linear !important;
     border-left: 3px solid rgba(255, 255, 255, 1) !important;
     border-right: 3px solid rgba(40, 205, 195, 1) !important;
     border-bottom: 3px solid rgba(40, 205, 195, 1) !important;
     border-top: 3px solid rgba(40, 205, 195, 1) !important;
     border-radius: 100% !important;
 }

 .fancybox-overlay {
     background: rgba(25, 25, 25, 0.95) !important
 }

 .fancybox-opened .fancybox-skin {
     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.33);
     -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.33);
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.33);
 }

 /* 18 Blog Section
================================================== */
 .post-home {
     width: 100%;
     margin-top: 20px;
 }

 .post-home .col {
     width: 50%;
     display: inline-block;
     background: #f6f6f6;
     height: auto;
     min-height: 450px;
     float: left;
     text-align: center;
 }

 .post-home .col img {
     width: 100%;
     max-height: 450px;
 }

 .post-home .col h1 {
     padding-top: 20%;
     text-transform: uppercase;
 }

 .post-home .col h1 a {
     color: #000;
 }

 .post-home .col h1 a:hover {
     color: #000;
 }

 .post-home .meta li {
     font-size: 16px;
     font-family: Georgia, "Times New Roman", Times, serif;
     color: #000;
     font-style: normal !important;
 }

 .post-home .meta li a {
     font-size: 16px;
     font-family: Georgia, "Times New Roman", Times, serif;
     color: #000;
     font-style: normal !important;
 }

 .post {
     padding: 0 0 40px 0;
     margin: 0 0 40px 0;
     border-bottom: 1px solid #f0f0f0;
 }

 .post.brd0 {
     border-bottom: 0px solid #f0f0f0;
 }

 .post-alt {
     margin: 0 0 20px 0;
     border: 0px solid #eceef0;
 }

 .post-alt .post-content {
     width: 100%;
     float: left;
 }

 .post-img img,
 .post-img iframe {
     border-radius: 2px;
 }

 .post-img {
     margin: 0 0 30px 0;
 }

 .medium .post-img {
     margin: 0;
 }

 /* Post Content */

 .post-format {
     border-right: 1px solid #f0f0f0;
     padding: 5px 15px;
     float: left;
 }

 .post-format h2 {
     font-weight: 600;
     color: #b9bec3;
     text-align: center;
     border-bottom: 1px solid #f0f0f0;
     font-size: 36px;
     line-height: 20px;
     padding-bottom: 20px;
     margin-bottom: 10px;
 }

 .post-format h4 {
     font-weight: 600;
     color: #e2e4e6;
     text-align: center;
     font-size: 14px;
     line-height: 20px;
 }

 .post-format span {
     font-weight: 300;
     color: #e2e4e6;
     text-align: center;
 }

 .post-format span:hover {
     font-weight: 300;
     color: #000;
     text-align: center;
 }

 .medium .post-content {
     margin: 0;
     width: 100%;
 }

 .post-content h2 a {
     color: #2d3237;
     font-weight: 700;
     letter-spacing: -0.5px;
     font-size: 20px;
 }

 .post-content h2 a:hover {
     color: #989988;
 }

 .post-content p {
     margin-bottom: 19px;
 }

 .post-content .testimonial {
     background: #006699;
     color: #fff;
     padding: 20px;
     border-radius: 2px;
     font-size: 18px;
     font-weight: 500;
     font-family: Georgia, "Times New Roman", Times, serif;
     font-style: italic;
 }

 .post-content .testimonial strong {
     font-size: 40px;
     line-height: 30px;
     color: #fff;
 }

 .post-content .testimonial span {
     margin-left: 20px;
 }

 .post-content .testimonial p.client {
     font-size: 12px;
     font-family: Arial, Helvetica, sans-serif;
     font-style: normal;
     margin-top: -10px;
     margin-bottom: 0px;
     margin-left: 20px;
 }

 /* Meta */
 .meta {
     margin: 15px 0 5px -5px;
 }

 .meta ul {
     line-height: 22px;
     margin: 1px 0 0 0;
 }

 .meta ul li {
     display: inline-block;
     font-weight: 200;
     color: #ccc;
     margin: 0 5px 0px -10px;
     padding: 0 10px 0 0;
     font-style: italic;
     font-size: 12px;
     font-family: Georgia, "Times New Roman", Times, serif;
 }

 .meta ul li:after {
     display: inline-block;
     content: "/";
     padding: 0 0px 0 8px;
     color: #ccc;
 }

 .meta ul li:last-child:after {
     background: 0;
     content: "";
 }

 .meta ul li a {
     color: #ccc;
 }

 .meta ul li a,
 .post-content h2 a:hover {
     -webkit-transition: all 0.1s ease-in-out;
     -moz-transition: all 0.1s ease-in-out;
     -o-transition: all 0.1s ease-in-out;
     -ms-transition: all 0.1s ease-in-out;
     transition: all 0.1s ease-in-out;
 }

 .meta ul li a:hover {
     color: #aaa;
 }

 /* Blog Comments
================================================== */
 .comments-sec {
     float: left;
     margin-left: -20px;
     margin-bottom: 40px;
 }

 ol.commentlist {
     float: left;
 }

 ol.commentlist li {
     float: left;
     padding: 10px 0 15px 0;
 }

 ol.commentlist li:first-child {
     border: 0;
     padding: 30px 0 0px 0;
 }

 ol.commentlist li {
     list-style: none;
 }

 ol li ol.childlist {
     float: right;
     margin-left: 10%;
     margin-bottom: 3%;
 }

 .comment-des {
     float: left;
     width: 87%;
     color: #888;
     border-radius: 2px;
     padding: 20px;
 }

 .comment-des h4 {
     font-size: 14px;
     color: #666;
     text-transform: uppercase;
     line-height: 10px;
 }

 .comment-des p.date {
     font-size: 12px;
     font-style: italic;
 }

 .comment-des p {
     margin: 0;
     line-height: 24px;
 }

 .comment-des strong {
     float: left;
     padding-right: 5px;
     color: #888;
 }

 .avatar {
     float: left;
 }

 .avatar img {
     margin-top: 20px;
     max-width: 100px;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
 }

 /* Pagination
================================================== */
 .pagination {
     margin: 0;
 }

 .pagination ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .pagination ul>li {
     display: inline-block;
 }

 .pagination ul li a {
     padding: 4px 12px;
     color: #b9bec3;
     float: left;
     margin-right: 4px;
     border: 1px solid #eceef0;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
     border-radius: 3px;
 }

 .pagination li a.current,
 .pagination ul li a:hover {
     color: #fff !important;
 }

 /* Sidebar
================================================== */
 .sidebar {
     padding-left: 20px !important;
     padding: 0px 20px 60px;
     min-height: 100%;
 }

 .sidebar .clear {
     height: 100% !important;
     min-height: 20em;
 }

 .sidebar a {
     color: #888;
 }

 .sidebar a:hover {
     color: #888;
 }

 .sidebar ul.circled li {
     line-height: 36px;
 }

 .sidebar .cart {
     background: #f6f6f6;
     padding: 20px;
     width: 80%;
     font-size: 16px;
     margin: 20px 0px;
 }

 .sidebar .cart p {
     border-bottom: 1px solid #e5e5e5;
     padding: 0 0 5px;
 }

 .sidebar .cart h3 {
     color: #000;
 }

 ul.circled span {
     float: right;
     background: #b8292f;
     margin-right: 20px;
     color: #fff;
     padding: 3px 6px 3px 5px;
     font-size: 10px;
     border-radius: 3px;
     line-height: 14px;
     width: 22px;
     height: 20px;
 }

 .tags ul {
     display: block;
     overflow: hidden;
     list-style: none;
 }

 .tags li {
     margin-right: 15px;
     margin-bottom: 15px;
     float: left;
 }

 .tags li a {
     height: 36px;
     line-height: 34px;
     padding: 0px 9px;
     display: block;
     position: relative;
     background-color: #f6f6f6;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     font-size: 12px;
     color: #999;
     font-weight: 300;
 }

 .tags li a:hover {
     background: #b8292f;
     color: #ffffff;
     text-decoration: none;
 }

 .blog-grid .post {
     float: left;
     min-height: 1px;
     position: relative;
 }

 .blog-grid.col3 {
     margin-left: -20px;
     margin-bottom: -20px;
 }

 .blog-grid.col3 .post {
     width: 310px;
     margin-left: 20px;
     margin-bottom: 20px;
 }

 .blog-grid.col2 {
     margin-left: -20px;
     margin-bottom: -20px;
 }

 /* 11-a Product Section
================================================== */
 .product-grid .post {
     float: left;
 }

 .product-grid .post .sale {
     width: 48px;
     height: 48px;
     color: #fff;
     font-weight: 800;
     text-align: center;
     text-transform: uppercase;
     padding-top: 11px;
     background: #000;
     border-radius: 50%;
     position: absolute;
     top: 5px;
     left: 5px;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
     font-family: Georgia, "Times New Roman", Times, serif
 }

 .product-grid.col3 .post {
     float: left;
     width: 240px;
     margin-left: 20px;
     margin-bottom: 20px;
     border: 1px solid #f6f6f6;
     padding: 0px;
 }

 .product-grid.col4,
 .product-grid.col3 {
     margin-left: -20px;
     margin-bottom: -20px;
 }

 .product-grid.col4 .post {
     float: left;
     width: 275px;
     margin-left: 20px;
     margin-bottom: 20px;
     border: 1px solid #f6f6f6;
     padding: 0px;
 }

 .product-grid .post .post-content {
     padding: 15px;
     background: #f6f6f6;
 }

 .product-grid .post .post-content h5 a {
     color: #000;
 }

 .product-grid .post .post-content h5 a:hover {
     color: #000;
 }

 .product-grid .post .meta {
     margin: 0px;
     position: absolute;
     bottom: 0px;
     z-index: 99999999;
     left: 0px;
     width: 100%;
 }

 .product-grid .post .meta ul {
     line-height: 22px;
     margin-left: -10px;
     margin-right: -10px;
 }

 .product-grid .post .meta ul li {
     display: inline-block;
     font-weight: 200;
     color: #000;
     padding: 5px 10px;
     font-size: 12px;
     background: #fff;
     margin-right: 8px;
     font-family: Arial, Helvetica, sans-serif;
     text-align: center;
     font-style: normal;
     width: 50%;
 }

 .product-grid .post .meta li i {
     text-align: center;
 }

 .product-grid .post .meta ul li:after {
     display: inline-table;
     content: "";
     padding: 0 0px 0 0px;
 }

 .product-grid .post .meta ul li:last-child:after {
     background: 0;
     content: "";
 }

 .product-grid .post .meta li a {
     color: #000;
     height: 0px;
 }

 .product-grid .post .meta ul li a:hover {
     color: #aaa;
 }

 .product-grid .post .post-content .rating {
     color: #000;
 }

 .product-grid .post .post-content .price span {
     font-size: 16px;
     color: #000;
 }

 .product-grid .post .post-content .price del span {
     font-size: 12px;
     color: #000;
 }

 .product-grid .post figure {
     display: block;
     overflow: hidden;
     position: relative;
 }

 .product-grid .post .items li figure img {
     display: block;
     width: 100%;
 }

 .product-grid .post figure li a,
 .product-grid .post figure li a img {
     display: block;
     position: relative;
 }

 .product-grid .post figure img {
     display: block;
     max-width: 100%;
     -webkit-backface-visibility: hidden;
     -o-transition: all 0.3s ease-out;
     -ms-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -webkit-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }

 .product-grid .post figure:hover img {
     -o-transform: scale(1.1);
     -ms-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
 }

 .product-grid .post figure .text-overlay {
     opacity: 0;
     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
     -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     height: 100%;
     position: absolute;
     text-decoration: none;
     width: 100%;
     z-index: 100;
     padding: 20px;
     background: #b8292f;
     background: rgba(40, 205, 195, 0.90);
     -webkit-transition: all 0.4s;
     -moz-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
     bottom: 0px;
 }

 .product-grid .post figure:hover .text-overlay {
     opacity: 1;
     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
     -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 }

 .product-grid .post figure .text-overlay .info {
     text-align: center;
     top: 40%;
     width: 100%;
     left: 0;
     position: absolute;
     margin-top: -11px;
     color: #fff;
     font-size: 14px;
     font-weight: 300;
     text-transform: uppercase;
     -webkit-transition: all 0.4s;
     -moz-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
 }

 .product-grid .post figure .text-overlay .info h5 {
     color: #fff;
     font-size: 12px;
     font-weight: 500;
     text-transform: none;
 }

 .product-grid .post figure .text-overlay .info span i {
     font-size: 40px;
     color: rgba(255, 255, 255, 0.7) !important;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }

 .product-grid .post figure .text-overlay .info span i:hover {
     color: rgba(255, 255, 255, 1) !important;
 }

 .product-grid .post figure:hover .text-overlay .info {
     top: 50%;
 }

 .product-grid .post figure:hover .text-overlay .info span a {
     color: #fff;
 }

 .product-grid .post figure:hover .text-overlay .info span a:hover {
     color: #000;
 }

 .product-details {
     float: left;
 }

 .product-details h1 {
     font-size: 40px;
     font-weight: 600;
 }

 .product-details h1 span {
     font-size: 12px;
     letter-spacing: 1px;
     font-weight: 300;
 }

 .product-details .price {
     color: #999;
     font-size: 40px;
     font-weight: 100;
     margin-bottom: 30px;
 }

 .product-details p {
     font-size: 14px;
 }

 .product-details .rating {
     margin-top: -20px;
     margin-bottom: 20px;
 }

 .product-details .quantity {
     margin: 0 15px 20px 0;
     overflow: hidden;
     position: relative;
     width: 130px;
     float: left;
 }

 .product-details .quantity .minus {
     background: #f6f6f6;
     border: 1px solid #e5e5e5;
     border-radius: 2px;
     box-shadow: none;
     color: #666;
     cursor: pointer;
     display: block;
     font-size: 16px;
     font-weight: bold;
     height: 40px;
     line-height: 10px;
     margin: 0;
     overflow: visible;
     outline: 0;
     padding: 0;
     position: absolute;
     text-align: center;
     text-decoration: none;
     vertical-align: text-top;
     width: 40px;
 }

 .product-details .quantity .plus {
     background: #f6f6f6;
     border: 1px solid #e5e5e5;
     border-radius: 2px;
     box-shadow: none;
     color: #666;
     cursor: pointer;
     display: block;
     font-size: 16px;
     font-weight: bold;
     height: 40px;
     line-height: 13px;
     margin: 0;
     overflow: visible;
     outline: 0;
     padding: 0;
     position: absolute;
     text-align: center;
     text-decoration: none;
     vertical-align: text-top;
     width: 40px;
     right: 0;
     top: 0;
 }

 .product-details .quantity .qty {
     border: 1px solid #e5e5e5;
     box-shadow: none;
     float: left;
     height: 40px;
     padding: 0 39px;
     text-align: center;
     width: 125px;
     font-size: 1em;
 }

 .product-details .quantity .qty::-webkit-inner-spin-button,
 .product-details .quantity .qty::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }

 .product-details .quantity .qty::-ms-clear {
     display: none;
 }

 .cart-total {
     width: 48%;
     padding: 20px;
 }

 .cart-total .row {
     border-bottom: 1px solid #e5e5e5;
 }

 .cart-total .row.last {
     border-bottom: 0px solid #e5e5e5;
 }

 .cart-total h4 {
     font-size: 14px;
     color: #888;
 }

 .cart-total h4 span {
     font-size: 18px;
     color: #888;
     font-weight: 300;
 }

 /* 13 About Me Page
================================================== */
 .about-title {
     font-size: 26px;
     line-height: 40px;
     font-weight: 200;
     padding: 10px 100px;
 }

 .aboutme {
     background: url(../images/content/bg-aboutme.jpg) no-repeat top center;
     background-size: 100% !important;
     padding: 100px 0 40px;
     margin-top: 100px;
     float: left;
     width: 100%;
 }

 .aboutme p {
     font-size: 20px;
     line-height: 18px;
 }

 .aboutme h3 {
     background-color: #000;
     color: #b8292f;
     padding: 20px;
     font-size: 40px;
     text-transform: uppercase;
     width: 80%;
 }

 .contact-info {
     margin: 0;
     padding: 0;

     list-style: none;
     margin-left: 10px !important;
 }

 .contact-info i {
     margin-right: 7px
 }

 .contact-info a:hover {
     text-decoration: underline;
     color: #b8292f !important;
 }

 .team-box {
     display: block;
     position: relative;
     z-index: 2
 }

 .team-box img {
     width: 100%;
     margin: 0 !important;
 }

 .team-box-animated {
     text-align: center;
     width: 100%;
     height: auto;
     background: transparent;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -o-backface-visibility: hidden;
     backface-visibility: hidden;
 }

 .team-box-animated .inner {
     -webkit-perspective: 100px;
     -moz-perspective: 100px;
     -ms-perspective: 100px;
     perspective: 100px;
     -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
     -ms-transform-style: preserve-3d;
     transform-style: preserve-3d;
     -webkit-transition: all 1000ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0 !important;
     -moz-transition: all 1000ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0s !important;
     -o-transition: all 1000ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0 !important;
     transition: all 1000ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0 !important;
 }

 .team-box-animated .front,
 .team-box-animated .back {
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -o-backface-visibility: hidden;
     backface-visibility: hidden
 }

 .team-box-animated .front {
     -ms-transform: rotateY(0deg);
     z-index: 8;
     display: block;
     border: 1px solid #f6f6f6;
     -moz-background-clip: padding;
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
     webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;
     padding-top: 0px !important;
     padding-bottom: 20px;
 }

 .team-box-animated .front h3 {
     margin: 20px 0 0;
     font-weight: 800;
     font-size: 16px;
     text-transform: uppercase;
 }

 .team-box-animated .front span {
     font-weight: 300;
     font-size: 12px;
 }

 .team-box-animated .back {
     -webkit-transform: rotateY(-180deg);
     -moz-transform: rotateY(-180deg);
     -ms-transform: rotateY(-180deg);
     -o-transform: rotateY(-180deg);
     transform: rotateY(-180deg);
     overflow: hidden;
     color: #fff;
     background: #000;
     border: 1px solid #f6f6f6;
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     -moz-background-clip: padding;
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     width: 100%;
     height: 100%;
     padding: 20px;
     webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box
 }

 .team-box-animated .back h3 {
     margin: 20px 0 0;
     font-weight: 800;
     font-size: 16px;
     text-transform: uppercase;
     color: #fff;
 }

 .team-box-animated .back span {
     font-weight: 300;
     font-size: 12px;
 }

 .team-box-animated .back p {
     color: #fff;
     margin: 20px 0;
     text-align: left;
 }

 .team-box-animated .back ul.social-icons {
     color: #fff !important;
     text-align: left;
     margin-left: -15px;
     position: absolute;
     bottom: 20px;
 }

 .team-box-animated .back ul.social-icons li a:hover {
     color: #fff !important;
     text-align: left;
     background: none !important;
 }

 .team-box-animated:hover .inner,
 .no-csstransitions .team-box-animated .inner {
     -webkit-transform: rotateY(-180deg);
     -moz-transform: rotateY(-180deg);
     -ms-transform: rotateY(-180deg);
     -o-transform: rotateY(-180deg);
     transform: rotateY(-180deg)
 }

 .team-box-animated:hover .front {
     z-index: -1
 }

 /* 13 Landing Page
================================================== */
 .landing-page {
     background: url(../images/content/bg-landing.jpg) no-repeat top center;
     background-size: 100% !important;
     padding: 100px 0 0;
     color: #fff;
     float: left;
     margin-top: 100px;
     width: 100%;
 }

 .landing-page p {
     font-size: 14px;
     line-height: 18px;
 }

 .landing-page h3 {
     background-color: #000;
     color: #000;
     padding: 10px;
     font-size: 40px;
     text-transform: uppercase;
     margin-top: 40px;
 }

 .landing-page .services-box-2 i {
     color: #fff;
     margin-top: 50px;
 }

 /* 14 404 Page
================================================== */

 #not-found {
     margin: 90px 0 115px 0;
 }

 #not-found h2 {
     text-align: center;
     font-size: 240px;
     line-height: 210px;
     font-weight: 600;
     letter-spacing: -5px;
 }

 #not-found h3 {
     text-align: center;
     font-size: 40px;
     line-height: 100px;
     font-weight: 300;
     text-transform: uppercase;
 }

 #not-found p {
     text-align: center;
     font-size: 14px;
     line-height: 24px;
     color: #b9bec3;
 }

 #not-found a:hover i {
     color: #fff !important;
 }

 /* 15 Elements
================================================== */

 /* Accordion & Toggles */
 .panel-group .panel {
     margin-bottom: 10px;
     background: none;
     border: none;
     border-radius: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
 }

 .panel-heading {
     padding: 0;
     background: none !important;
     border: 0 !important;
 }

 .panel-heading .panel-title {
     color: #000;
     font-size: 13px;
     font-weight: 300;
     border: 1px solid #e5e5e5;
     text-transform: uppercase;
     border-radius: 3px;
 }

 .panel-title>a {
     display: block;
     color: #000;
     padding: 13px 15px;
 }

 .panel-title>a:hover {
     color: #b8292f
 }

 .panel-default>.panel-heading+.panel-collapse .panel-body {
     border: 0;
 }

 .panel-default>.panel-heading+.panel-collapse {
     border: 1px solid #e5e5e5;
     border-top: none;
     border-radius: 0px 0px 3px 3px !important;
     margin-top: -1px;
 }

 /* Tabs */
 .tabs-top .etabs {
     margin: 0;
     padding: 0;
     overflow: inherit;
 }

 .tabs-top.center .etabs {
     text-align: center
 }

 .tabs-top .tab {
     margin: 0;
     padding: 0;
     display: inline-block;
     zoom: 1;
     display: inline;
     margin-right: 3px;
 }

 .tabs-top .tab a {
     padding: 10px 20px;
     display: block;
     color: #000;
     font-size: 12px;
     font-weight: 300;
     border: 1px solid #e5e5e5;
     text-transform: uppercase;
     border-radius: 3px;
 }

 .tabs-top .tab a:hover,
 .tabs-top .tab.active a {
     color: #b8292f
 }

 .tabs-top .tab.active a {
     border: 1px solid #b8292f;
     background: #b8292f;
     color: #fff !important;
 }

 .tabs-top.tab-container .panel-container {
     position: relative;
     z-index: 1;
     display: block;
 }

 .tabs-top.tab-container .panel-container p {
     margin: 0;
     padding-bottom: 10px;
 }

 .tabs-top.tab-container .panel-container .tab-block {
     padding-top: 10px;
     padding-bottom: 0;
 }

 /* Buttons */

 .btn,
 .btn.parallax,
 .btn-submit {
     color: #fff !important;
     background: #b8292f;
     margin-bottom: 10px;
     margin-right: 4px;
     padding: 14px 20px 13px 20px;
     font-weight: 300;
     font-size: 11px;
     text-shadow: none;
     border: none;
     -webkit-border-radius: 0;
     border-radius: 0;
     text-transform: uppercase;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     display: inline-block;
     letter-spacing: 1px;
     border-radius: 3px;
     position: relative;
 }

 .btn:before,
 .btn-submit:before {
     display: block;
     content: '';
     position: absolute;
     top: 0;
     left: 0px;
     width: 100%;
     height: 0;
     background-color: rgba(0, 0, 0, 0.05);
     border-radius: 3px;
     -webkit-transition: height 0.15s ease-out;
     transition: height 0.15s ease-out
 }

 .btn:hover:before,
 .btn-submit:hover:before {
     height: 100% !important;
 }

 .btn:hover,
 .btn.parallax:hover,
 .btn-submit:hover {
     color: #000 !important;
 }

 .btn-large {
     padding: 18px 24px 18px 24px
 }

 .btn.btn-green {
     background: #28cdc3
 }

 .btn.btn-blue {
     background: #289fcd
 }

 .btn.btn-red {
     background: #cd2832
 }

 .btn.btn-orange {
     background: #b8292f
 }

 .btn.btn-yellow {
     background: #ffd769
 }

 .btn.btn-purple {
     background: #b982c8
 }

 .btn.btn-pink {
     background: #f087b9
 }

 .btn.btn-gray {
     background: #b2babc
 }

 .btn.btn-white {
     background: rgba(255, 255, 255, 0.5);
     color: #000 !important;
 }

 .btn.btn-white.brd {
     width: auto;
     border: 1px solid #000 !important;
 }

 .btn.btn-default {
     border-radius: 0px 3px 3px 0px !important;
 }

 .btn-white:hover,
 .btn-white:focus,
 .btn-white:active,
 .btn-white.active {
     background: #f0f0f0 !important
 }

 .btn.btn-white-alt {
     background: #fff;
     color: #000 !important
 }

 .btn.btn-white-alt:hover {
     background: #000;
     color: #fff !important
 }

 .btn.btn-white-brd {
     border: 1px solid #fff !important;
     color: #fff !important;
     background: transparent !important;
     opacity: 1;
 }

 .btn.btn-white-brd:hover {
     opacity: 0.5;
     color: #b8292f !important;
     background: #fff !important;
     opacity: 1;
     font-weight: 800;
 }

 .color-wrapper .btn {
     background: #FFF !important;
     color: #616161 !important;
 }

 .color-wrapper .btn:hover {
     background: #e5e5e5 !important
 }

 .share .btn {
     background: none;
     padding: 8px 17px;
 }

 .share .btn:hover {
     color: #FFF !important
 }

 .btn.share-facebook {
     color: #3d5b9b !important;
     border: 1px solid #3d5b9b !important;
 }

 .btn.share-facebook:hover {
     background: #334c8e !important;
     border: 1px solid #334c8e !important;
 }

 .btn.share-twitter {
     color: #5aa8cd !important;
     border: 1px solid #5aa8cd !important;
 }

 .btn.share-twitter:hover {
     background: #499ac8 !important;
     border: 1px solid #499ac8 !important;
 }

 .btn.share-googleplus {
     color: #3b3b3b !important;
     border: 1px solid #3b3b3b !important;
 }

 .btn.share-googleplus:hover {
     background: #2e2e2e !important;
     border: 1px solid #2e2e2e !important;
 }

 .btn.share-pinterest {
     color: #c53942 !important;
     border: 1px solid #c53942 !important;
 }

 .btn.share-pinterest:hover {
     background: #bc2d32 !important;
     border: 1px solid #bc2d32 !important;
 }

 /* Icons Demo
====================================*/
 .the-icons {
     list-style-type: none;
     margin: 0
 }

 .the-icons li [class^="icon-"],
 .the-icons li [class*="icon-"],
 .the-icons li [class^="ss-"],
 .the-icons li [class*="ss-"] {
     display: inline-block;
     text-align: center
 }

 .the-icons li {
     display: block;
     line-height: 40px;
     height: 40px;
     padding: 0 0 0 2px;
 }

 .the-icons li,
 .the-icons li:hover {
     color: #888;
 }

 .the-icons li,
 .the-icons li i {
     color: #000;
 }

 .the-icons li [class^="icon-"],
 .the-icons li [class*="icon-"],
 .the-icons li [class^="ss-"],
 .the-icons li [class*="ss-"] {
     width: 32px;
     font-size: 18px
 }

 .the-icons li:hover {
     text-decoration: none;
 }

 .the-icons li:hover [class^="icon-"],
 .the-icons li:hover [class*="icon-"],
 .the-icons li:hover [class^="ss-"],
 .the-icons li:hover [class*="ss-"] {
     font-size: 30px;
     vertical-align: middle
 }

 .the-icons li:hover [class^="icon-"]:before,
 .the-icons li:hover [class*="icon-"]:before,
 .the-icons li:hover [class^="ss-"]:before,
 .the-icons li:hover [class*=" s-"]:before {
     font-size: 24px;
     vertical-align: -3px;
 }

 /* Social Icons
====================================*/
 .social-icons li {
     display: inline;
     float: left;
 }

 .social-icons li a {
     width: 44px;
     height: 44px;
     display: inline-block;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     position: relative;
     overflow: hidden;
 }

 /* Common Styles */
 .social-icons li a i {
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     -ms-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     position: absolute;
     z-index: 20;
 }

 .social-icons li a:hover,
 .social-icons li a i {
     color: #fff;
 }

 .social-icons li a i {
     top: -30px;
     opacity: 0;
 }

 .social-icons li a:hover i {
     top: 0;
     opacity: 1;
 }

 .twitter:before,
 .wordpress:before,
 .whatsapp:before,
 .facebook:before,
 .linkedin:before,
 .steam:before,
 .tumblr:before,
 .github:before,
 .delicious:before,
 .instagram:before,
 .xing:before,
 .ebay:before,
 .dropbox:before,
 .paypal:before,
 .lastfm:before,
 .gplus:before,
 .pinterest:before,
 .dribbble:before,
 .flickr:before,
 .reddit:before,
 .vimeo:before,
 .spotify:before,
 .rss:before,
 .youtube:before,
 .blogger:before,
 .appstore:before,
 .digg:before,
 .evernote:before,
 .fivehundredpx:before,
 .forrst:before,
 .stumbleupon:before,
 .dribbble:before {
     font-family: 'fontello';
     font-size: 18px;
     line-height: 18px;
     color: #000;
     -webkit-transition: all 0.15s ease-in-out;
     -moz-transition: all 0.15s ease-in-out;
     -o-transition: all 0.15s ease-in-out;
     -ms-transition: all 0.15s ease-in-out;
     transition: all 0.15s ease-in-out;
     position: absolute;
     z-index: 20;
 }

 /* Icon Styles */
 .twitter:before {
     font-size: 18px;
 }

 .twitter i,
 .twitter:before {
     margin: 13px 0 0 12px;
 }

 .twitter:before {
     content: "\f309";
     top: 0;
     opacity: 1;
 }

 .twitter:hover:before {
     top: 10px;
     opacity: 0;
 }

 .twitter:hover {
     background-color: #3bc1ed;
 }

 .dribbble i,
 .dribbble:before {
     margin: 13px 0 0 13px;
 }

 .dribbble:before {
     content: "\f31b";
     top: 0;
     opacity: 1;
 }

 .dribbble:hover:before {
     top: 30px;
     opacity: 0;
 }

 .dribbble:hover {
     background-color: #ef5a92;
 }

 .instagram i,
 .instagram:before {
     margin: 13px 0 0 14px;
 }

 .instagram:before {
     content: "\f32d";
     top: 0;
     opacity: 1;
 }

 .instagram:hover:before {
     top: 30px;
     opacity: 0;
 }

 .instagram:hover {
     background-color: #e354be;
 }

 .whatsapp i,
 .facebook:before {
     margin: 13px 0 0 16px;
 }

 .whatsapp:before {
     content: "\f086";
     top: 0;
     opacity: 1;
 }

 .whatsapp:hover:before {
     top: 30px;
     opacity: 0;
 }

 .whatsapp:hover {
     background-color: #05a82e;
 }


 .facebook i,
 .facebook:before {
     margin: 13px 0 0 16px;
 }

 .facebook:before {
     content: "\f30c";
     top: 0;
     opacity: 1;
 }

 .facebook:hover:before {
     top: 30px;
     opacity: 0;
 }

 .facebook:hover {
     background-color: #4a6d9d;
 }

 .linkedin i,
 .linkedin:before {
     margin: 13px 0 0 13px;
 }

 .linkedin:before {
     content: "\f318";
     top: 0;
     opacity: 1;
 }

 .linkedin:hover:before {
     top: 30px;
     opacity: 0;
 }

 .linkedin:hover {
     background-color: #0b7bb5;
 }

 .delicious i,
 .delicious:before {
     margin: 13px 0 0 13px;
 }

 .delicious:before {
     content: "\23";
     top: 0;
     opacity: 1;
 }

 .delicious:hover:before {
     top: 30px;
     opacity: 0;
 }

 .delicious:hover {
     background-color: #3274d1;
 }

 .paypal i,
 .paypal:before {
     margin: 13px 0 0 13px;
 }

 .paypal:before {
     content: "\f342";
     top: 0;
     opacity: 1;
 }

 .paypal:hover:before {
     top: 30px;
     opacity: 0;
 }

 .paypal:hover {
     background-color: #2e689a;
 }

 .gplus i,
 .gplus:before {
     margin: 13px 0 0 13px;
 }

 .gplus:before {
     content: "\f30f";
     top: 0;
     opacity: 1;
 }

 .gplus:hover:before {
     top: 30px;
     opacity: 0;
 }

 .gplus:hover {
     background-color: #d53824;
 }

 .stumbleupon i,
 .stumbleupon:before {
     margin: 13px 0 0 11px;
 }

 .stumbleupon:before {
     content: "\f31e";
     top: 0;
     opacity: 1;
 }

 .stumbleupon:hover:before {
     top: 30px;
     opacity: 0;
 }

 .stumbleupon:hover {
     background-color: #eb4924;
 }

 .fivehundredpx i,
 .fivehundredpx:before {
     margin: 13px 0 0 11px;
 }

 .fivehundredpx:before {
     content: "\30";
     top: 0;
     opacity: 1;
 }

 .fivehundredpx:hover:before {
     top: 30px;
     opacity: 0;
 }

 .fivehundredpx:hover {
     background-color: #444;
 }

 .pinterest i,
 .pinterest:before {
     margin: 13px 0 0 15px;
 }

 .pinterest:before {
     content: "\f312";
     top: 0;
     opacity: 1;
 }

 .pinterest:hover:before {
     top: 30px;
     opacity: 0;
 }

 .pinterest:hover {
     background-color: #cb1f25;
 }

 .forrst i,
 .forrst:before {
     margin: 13px 0 0 15px;
 }

 .forrst:before {
     content: "\3a";
     top: 0;
     opacity: 1;
 }

 .forrst:hover:before {
     top: 30px;
     opacity: 0;
 }

 .forrst:hover {
     background-color: #40833e;
 }

 .digg i,
 .digg:before {
     margin: 13px 0 0 12px;
 }

 .digg:before {
     content: "\3b";
     top: 0;
     opacity: 1;
 }

 .digg:hover:before {
     top: 30px;
     opacity: 0;
 }

 .digg:hover {
     background-color: #205685;
 }

 .spotify i,
 .spotify:before {
     margin: 13px 0 0 13px;
 }

 .spotify:before {
     content: "\f328";
     top: 0;
     opacity: 1;
 }

 .spotify:hover:before {
     top: 30px;
     opacity: 0;
 }

 .spotify:hover {
     background-color: #6ca405;
 }

 .blogger i,
 .blogger:before {
     margin: 13px 0 0 15px;
     font-size: 14px !important;
 }

 .blogger:before {
     content: "\42";
     top: 0;
     opacity: 1;
 }

 .blogger:hover:before {
     top: 30px;
     opacity: 0;
 }

 .blogger:hover {
     background-color: #ff6501;
 }

 .evernote i,
 .evernote:before {
     margin: 13px 0 0 15px;
 }

 .evernote:before {
     content: "\f333";
     top: 0;
     opacity: 1;
 }

 .evernote:hover:before {
     top: 30px;
     opacity: 0;
 }

 .evernote:hover {
     background-color: #6bb130;
 }

 .flickr i,
 .flickr:before {
     margin: 13px 0 0 13px;
 }

 .flickr:before {
     content: "\f303";
     top: 0;
     opacity: 1;
 }

 .flickr:hover:before {
     top: 30px;
     opacity: 0;
 }

 .flickr:hover {
     background-color: #136dd5;
 }

 .rss i,
 .rss:before {
     margin: 13px 0 0 14px;
     font-size: 14px !important;
 }

 .rss:before {
     content: "\e73a";
     top: 0;
     opacity: 1;
 }

 .rss:hover:before {
     top: 30px;
     opacity: 0;
 }

 .rss:hover {
     background-color: #fe8f00;
 }

 .youtube i,
 .youtube:before {
     margin: 13px 0 0 14px;
     font-size: 18px !important;
 }

 .youtube:before {
     content: "\f313";
     top: 0;
     opacity: 1;
 }

 .youtube:hover:before {
     top: 30px;
     opacity: 0;
 }

 .youtube:hover {
     background-color: #bf2f29;
 }

 .vimeo i,
 .vimeo:before {
     margin: 13px 0 0 13px;
     font-size: 14px !important;
 }

 .vimeo:before {
     content: "\f306";
     top: 0;
     opacity: 1;
 }

 .vimeo:hover:before {
     top: 30px;
     opacity: 0;
 }

 .vimeo:hover {
     background-color: #4c8ab0;
 }

 .dropbox i,
 .dropbox:before {
     margin: 13px 0 0 13px;
 }

 .dropbox:before {
     content: "\64";
     top: 0;
     opacity: 1;
 }

 .dropbox:hover:before {
     top: 30px;
     opacity: 0;
 }

 .dropbox:hover {
     background-color: #2c92dd;
 }

 .github i,
 .github:before {
     margin: 13px 0 0 13px;
 }

 .github:before {
     content: "\67";
     top: 0;
     opacity: 1;
 }

 .github:hover:before {
     top: 30px;
     opacity: 0;
 }

 .github:hover {
     background-color: #5c7381;
 }

 .lastfm i,
 .lastfm:before {
     margin: 13px 0 0 11px;
 }

 .lastfm:before {
     content: "\f321";
     top: 0;
     opacity: 1;
 }

 .lastfm:hover:before {
     top: 30px;
     opacity: 0;
 }

 .lastfm:hover {
     background-color: #d21309;
 }

 .tumblr i,
 .tumblr:before {
     margin: 13px 0 0 15px;
 }

 .tumblr:before {
     content: "\f315";
     top: 0;
     opacity: 1;
 }

 .tumblr:hover:before {
     top: 30px;
     opacity: 0;
 }

 .tumblr:hover {
     background-color: #3d658d;
 }


 .ebay i,
 .ebay:before {
     margin: 13px 0 0 14px;
 }

 .ebay:before {
     content: "\65";
     top: 0;
     opacity: 1;
 }

 .ebay:hover:before {
     top: 30px;
     opacity: 0;
 }

 .ebay:hover {
     background-color: #66CC00;
 }

 /* Pricing Tables */

 .pricing {
     overflow: hidden;
     text-align: center;
     padding-bottom: 10px;
     display: block;
 }

 .pricing ul {
     padding: 0
 }

 .pricing .btn {
     margin: 0
 }

 .pricing .plan {
     border-right: 1px solid #f0f0f0;
     background: #fff;
 }

 .pricing .plan.last {
     border-right: 0px solid #f0f0f0;
     background: #fff;
 }

 .pricing .plan h3 {
     font-size: 24px;
     line-height: 30px;
     margin: 0;
     padding: 5px 0 20px;
     color: #ccc;
     text-transform: capitalize !important;
     font-weight: 300;
 }

 .pricing .plan h3 i {
     font-size: 30px;
     line-height: 0px !important;
     padding: 10px 11px;
     color: #e5e5e5;
     border-radius: 50%;
 }

 .pricing .plan h4 {
     padding: 40px 0;
     margin: 0 auto;
     background-color: #f6f6f6;
     border-radius: 100%;
     width: 150px;
     height: 150px;
 }

 .pricing .plan h4 span {
     color: #999;
 }

 .pricing .plan h4.color {
     padding: 40px 0;
     background-color: #b8292f;
     margin: 0 auto;
 }

 .pricing .plan h4.color span {
     color: #fff !important;
 }

 .pricing .plan h4 .amount {
     display: block;
     text-align: center;
 }

 .pricing .plan h4 .amount {
     font-size: 45px;
     padding-bottom: 10px;
 }

 .pricing .plan h4 .amount span {
     vertical-align: super;
     font-size: 20px;
     font-weight: 300;
 }

 .pricing .plan ul {
     margin: 0;
     list-style: none;
 }

 .pricing .plan ul li {
     padding: 15px 0;
     border-bottom: 1px solid #f0f0f0;
     margin: 0px 30px 0 0;
 }

 .pricing .plan h3 {
     text-transform: uppercase
 }

 .pricing .select {
     padding: 18px 0
 }

 /* Parallax Section */


 .parallax {
     background-attachment: fixed;
     background-position: center center;
     background-repeat: no-repeat;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     overflow: hidden;
     color: #ddd;
 }

 .parallax a {
     color: #ddd
 }

 .parallax a:hover {
     color: #000 !important
 }

 .parallax input,
 .parallax textarea {
     background: #333;
     background: rgba(255, 255, 255, 0.15);
     color: #d9d9d9;
     border: none;
 }

 .parallax input:focus,
 .parallax textarea:focus {
     background: #222;
     background: rgba(255, 255, 255, 0.22);
     border: none;
 }

 .parallax h1,
 .parallax h2,
 .parallax h3,
 .parallax h4,
 .parallax h5,
 .parallax h6 {
     color: #e0e0e0
 }

 .parallax .title-center:before,
 .parallax .title-center:after {
     border-color: #777
 }

 .parallax.mobile {
     background-attachment: scroll !important
 }

 .parallax.pagetitle {
     background-image: url(../images/content/parallax3.jpg);
     padding: 30px 0 26px;
 }

 .parallax.pagetitle h1 {
     color: #fff;
     font-size: 14px;
     letter-spacing: 5px;
     text-transform: uppercase;
     margin-top: 6px;
 }

 .parallax.pagetitle p {
     color: #e5e5e5;
     font-size: 12px;
     padding-top: 12px;
 }

 .parallax.pagetitle a {
     color: #b8292f;
 }

 .parallax.pagetitle a:hover {
     color: #e5e5e5 !important
 }

 .parallax.testimonials {
     background-image: url(../images/content/parallax1.jpg)
 }

 .parallax.process {
     background-image: url(../images/content/parallax2.jpg)
 }

 .parallax.block1 {
     background-image: url(../images/content/parallax3.jpg)
 }

 .parallax.block2 {
     background-image: url(../images/content/parallax4.jpg)
 }

 .parallax.block3 {
     background-image: url(../images/content/parallax5.jpg)
 }

 .parallax .white-block {
     background: #fff !important;
     color: #000 !important;
     padding: 10px 10px;
     line-height: 65px;
 }

 .parallax .black-block {
     background: #000 !important;
     color: #fff !important;
     padding: 10px 10px;
     line-height: 65px;
 }

 .page-title {
     width: 100%;
     float: left;
     margin-top: 0;
     margin-bottom: 60px;
 }

 .page-title .col {
     width: 50%;
     display: inline-block;
     background: #f6f6f6;
     height: auto;
     min-height: 300px;
     float: left;
     text-align: right;
 }

 .page-title .col img {
     width: 100%;
     max-height: 300px;
 }

 .page-title .col h1 {
     padding-top: 22%;
     text-transform: uppercase;
     padding-right: 106px;
 }

 .page-title .meta {
     font-family: Georgia, "Times New Roman", Times, serif;
     color: #ccc;
     letter-spacing: 1px;
     font-style: italic !important;
     margin-right: 105px;
     font-weight: 900;
 }

 .page-title .meta li {
     font-family: Georgia, "Times New Roman", Times, serif;
 }

 .page-title .meta li a {
     font-family: Georgia, "Times New Roman", Times, serif;
     color: #ccc;
 }

 /* Progress Bar */

 .progress {
     height: 20px;
     margin-bottom: 18px;
     overflow: hidden;
     background-color: #f6f6f6;
     background-repeat: repeat-x;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     box-shadow: none;
 }

 .progress .bar {
     width: 0;
     height: 20px;
     font-size: 14px;
     line-height: 20px;
     color: #ffffff;
     text-align: left;
     padding-left: 10px;
     background-color: #b8292f;
     background-repeat: repeat-x;
     -webkit-transition: width 0.3s ease;
     -moz-transition: width 0.3s ease;
     -ms-transition: width 0.3s ease;
     -o-transition: width 0.3s ease;
     transition: width 0.3s ease;
 }

 .progress .bar small {
     color: #fafafa;
     font-size: 12px;
     float: right;
     padding-right: 10px;
 }

 .progress-striped .bar {
     background-color: #149bdf;
 }

 .progress.active .bar {
     -webkit-animation: progress-bar-stripes 2s linear infinite;
     -moz-animation: progress-bar-stripes 2s linear infinite;
     -ms-animation: progress-bar-stripes 2s linear infinite;
     -o-animation: progress-bar-stripes 2s linear infinite;
     animation: progress-bar-stripes 2s linear infinite;
 }

 .progress-success .bar,
 .progress-green .bar {
     background-color: #b8292f;
 }

 .progress-info .bar,
 .progress-blue .bar {
     background-color: #03acdc;
 }

 .progress-warning .bar,
 .progress-orange .bar {
     background-color: #f98805;
 }

 .progress-danger .bar,
 .progress-red .bar {
     background-color: #e53f51;
 }

 /* Fact Counter */


 .f-element {
     width: 25%;
     height: auto;
     float: left;
     text-align: center;
 }

 .f-element i {
     font-weight: 300;
     color: #b8292f;
     font-size: 40px;
     line-height: 75px;
     text-align: center;
     background: rgba(255, 255, 255, 0.2);
     border-radius: 50%;
     padding: 20px 28px;
 }

 .f-element .highlight {
     font-weight: 300;
     font-family: 'Open Sans', sans-serif;
     font-size: 70px;
     color: #fff;
     line-height: 120px;
 }

 .milestone-details {
     font-weight: 300;
     font-size: 16px;
     color: #ccc;
     text-transform: uppercase;
     padding: -10px 0 0px;
     letter-spacing: 1px;
 }

 /* Testimonials */


 .testimonials {
     text-align: center;
     margin-bottom: 20px;
 }

 .testimonials img {
     display: inline-block;
     max-width: 100px;
     border-radius: 50%;
     margin: 10px auto;
     border: 1px solid #e5e5e5;
     padding: 7px;
 }

 .testimonials h2 {
     color: #333;
     font-size: 13px;
     font-family: 'Raleway', sans-serif;
     font-weight: 400;
     margin: 0 0 2px;
     text-transform: uppercase;
     color: #000;
     margin-bottom: 27px;
 }

 .testimonials p {
     font-size: 18px;
     color: #ccc;
     font-family: Georgia, "Times New Roman", Times, serif;
     font-weight: 300;
     line-height: 30px;
     margin: 0 0 24px;
     color: #999;
     margin: 0 auto;
     padding: 20px 20px;
     background: #fff;
     border: 1px solid #e5e5e5;
     position: relative;
     border-radius: 3px;
 }

 .testimonials p:after {
     position: absolute;
     content: '';
     width: 20px;
     height: 20px;
     background: #fff;
     border-top: 1px solid #e5e5e5;
     border-bottom: 1px solid #fff;
     border-right: 1px solid #fff;
     border-left: 1px solid #e5e5e5;
     left: 50%;
     margin-left: -10px;
     top: -10px;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
 }

 /* Tooltip */


 .tooltip-inner {
     color: #fff;
     background-color: #b8292f;
     padding: 5px 12px;
 }

 .tooltip.top .tooltip-arrow,
 .tooltip.top-left .tooltip-arrow,
 .tooltip.top-right .tooltip-arrow {
     border-top-color: #b8292f
 }

 .tooltip.right .tooltip-arrow {
     border-right-color: #b8292f
 }

 .tooltip.left .tooltip-arrow {
     border-left-color: #b8292f
 }

 .tooltip.bottom .tooltip-arrow,
 .tooltip.bottom-left .tooltip-arrow,
 .tooltip.bottom-right .tooltip-arrow {
     border-bottom-color: #b8292f
 }

 /* Alert Boxes */


 .font-icons {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .font-icons li {
     display: inline-block;
     font-size: 25px;
     margin-bottom: 10px;
     padding: 0 10px;
 }

 .alert .close {
     line-height: 28px
 }

 .retina-icons-code i {
     font-size: 18px
 }

 .retina-icons-code tr td:first-child,
 .retina-icons-code tr th:first-child {
     text-align: center
 }

 .retina-icons-code code {
     color: #606060;
     background: none;
     white-space: normal;
     font-size: 14px;
 }

 .table-bordered {
     border-left: none;
     background: #fff;
 }

 .retina-icons-code td {
     vertical-align: middle !important
 }

 .table td i {
     border: 1px solid #e5e5e5;
     border-radius: 3px;
     padding: 10px 0px 0px;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     transition: all 200ms ease-in;
     width: 52px !important;
     height: 52px !important;
     float: left;
 }

 .table td code {
     border: 1px solid #e5e5e5;
     border-radius: 3px;
     padding: 14px 10px 14px;
     float: left;
     width: 100%;
     height: 54px !important;
     margin-top: 5px;
 }

 .table td:hover i {
     background: #b8292f;
     border: 1px solid #b8292f;
     border-radius: 3px;
     color: #fff;
 }

 .picons-list .retina-icons-code i {
     font-size: 30px;
     line-height: 1;
     margin-top: 5px;
     display: block;
 }

 /* Flickr Feeds */


 .photo-stream {
     margin-left: -15px;
     margin-top: 10%;
     margin-bottom: 50%;
 }

 .photo-stream li {
     float: left;
     overflow: hidden;
     margin: 0px 1px 1px 0px;
 }

 .photo-stream a img {
     display: block;
     filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
     /* Firefox 10+ */
     filter: gray;
     /* IE6-9 */
     -webkit-filter: grayscale(100%);
     /* Chrome 19+ & Safari 6+ */
     -webkit-transition: all .6s ease;
     /* Fade to color for Chrome and Safari */
     -webkit-backface-visibility: hidden;
     /* Fix for transition flickering */
     opacity: 0.7;
 }

 .photo-stream a:hover img {
     opacity: 1;
     filter: none;
     -webkit-filter: grayscale(0%);
 }

 .photo-stream img {
     display: block;
     width: 70px;
     height: 70px;
 }

 /* Tables */


 table.standard-table {
     width: 100%;
     border-collapse: separate;
     border-spacing: 0;
     border: none;
     margin-bottom: 15px;
 }

 table.standard-table th {
     border: 1px solid #e5e5e5;
     border-right: none;
     background-color: #f6f6f6;
     text-align: left;
     padding: 10px 15px;
     color: #464b50;
     vertical-align: top;
     font-size: 14px;
     font-weight: 600;
 }

 table.standard-table td:last-child {
     border-right: 1px solid #e5e5e5;
 }

 table.standard-table th:last-child {
     border-right: 1px solid #e5e5e5;
 }

 table.standard-table td {
     padding: 10px 15px;
     border: 1px solid #e5e5e5;
     border-top: none;
     border-right: none;
 }

 table.standard-table tr:hover td {
     background-color: #f6f6f6;
 }

 table.standard-table tr {
     border-radius: 3px
 }

 table.cart {
     width: 100%;
     border-collapse: separate;
     border-spacing: 0;
     border: none;
     margin-bottom: 15px;
 }

 table.cart th {
     border: 1px solid #e5e5e5;
     border-right: none;
     background-color: #f6f6f6;
     text-align: left;
     padding: 10px 15px;
     color: #464b50;
     vertical-align: top;
     font-size: 14px;
     font-weight: 600;
 }

 table.cart td:last-child {
     border-right: 1px solid #e5e5e5;
 }

 table.cart th:last-child {
     border-right: 1px solid #e5e5e5;
 }

 table.cart td {
     padding: 10px 15px;
     border: 1px solid #e5e5e5;
     border-top: none;
     border-right: none;
 }

 /* Video Background */

 .video-sec {
     height: 400px;
     position: relative;
     overflow: hidden;
     background: #000;
 }

 .video-item {
     position: absolute;
     top: -10px;
     left: 0;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     z-index: 0;
     overflow: hidden
 }

 .video-sec .dark-content,
 .video-sec .light-content {
     padding: 45px 0 43px;
     z-index: 2;
     width: 100%;
     height: 100%;
     position: relative;
 }

 .dark-content h5 {
     font-size: 30px;
 }

 .dark-content p {
     color: #333;
 }

 .video-sec .light-content {
     text-shadow: none;
 }

 .video-sec .slight {
     color: #292929;
 }

 /* Contact form */


 .forms {
     position: relative;
     padding: 0;
     width: 100%;
 }

 .form-container .response {
     display: none
 }

 .forms ol {
     margin: 0;
     padding: 0;
 }

 .forms ol li {
     line-height: auto;
     list-style: none;
 }

 .forms li.hidden-row {
     display: none
 }

 input,
 select,
 textarea,
 .uneditable-input {
     width: 100%
 }

 select,
 textarea,
 input[type="text"],
 input[type="password"] {
     display: inline-block;
     -webkit-font-smoothing: antialiased;
     -webkit-text-size-adjust: 100%;
     height: 40px;
     padding: 0 10px;
     margin-bottom: 15px;
     font-size: 14px;
     line-height: 25px;
     border: 1px solid #e5e5e5;
     resize: none;
     vertical-align: middle;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     background: none;
     -webkit-border-radius: 0;
     border-radius: 0;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }

 textarea:focus,
 input[type="text"]:focus,
 input[type="password"]:focus {
     border: 1px solid #ccc;
     background: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
 }

 textarea {
     height: 100%;
     padding: 5px 10px;
     margin-bottom: 15px;
     min-height: 150px;
     resize: vertical;
 }

 .btn-submit {
     -webkit-font-smoothing: antialiased;
     -webkit-text-size-adjust: 100%;
     width: auto;
 }

 .forms label {
     display: block;
     float: left;
     width: 95px;
     padding-top: 7px;
     font-size: 13px;
     clear: both;
 }

 .comment-form div label {
     position: absolute;
     top: 0;
     left: 0;
 }

 .forms li.error input,
 .forms li.error textarea {
     border: 1px solid #fffac8
 }

 .forms span.error {
     display: none
 }

 .forms .button-row span.error {
     padding: 0;
     display: none;
 }

 .searchform {
     position: relative
 }

 .searchform input[type="text"] {
     border-radius: 3px !important;
     width: 90%;
 }

 ::-webkit-input-placeholder {
     color: #cacaca !important
 }

 :-moz-placeholder {
     color: #cacaca !important
 }

 ::-moz-placeholder {
     color: #cacaca !important
 }

 :-ms-input-placeholder {
     color: #cacaca !important
 }

 input:focus::-webkit-input-placeholder {
     color: transparent !important
 }

 input:focus:-moz-placeholder {
     color: transparent !important
 }

 input:focus::-moz-placeholder {
     color: transparent !important
 }

 input:focus:-ms-input-placeholder {
     color: transparent !important
 }

 .add-comment label {
     margin: 0 0 4px 0;
 }

 .add-comment label span {
     color: #ff0000;
 }

 .add-comment input {
     margin: 0 0 20px 0;
     min-width: 200 px;
 }

 /* Right Side Sliding Panel */


 nav#main-nav {
     width: 300px;
     height: 100%;
     position: fixed;
     right: -300px;
     top: 0px;
     z-index: 10000;
     background: #000;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -ms-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
     padding: 20px;
 }

 nav#main-nav.active {
     right: 0;
 }

 nav#main-nav ul li a {
     font-family: 'Open Sans', sans-serif !important;
     font-weight: 300 !important;
     letter-spacing: 0.20em !important;
 }

 .nav-trigger {
     position: relative;
     text-align: center;
     line-height: 40px;
 }

 .nav-trigger:hover {}

 .nav-trigger i {
     font-size: 13px;
     color: #000;
     text-decoration: none;
     font-weight: 300 !important;
 }

 .nav-trigger:hover i {
     text-decoration: none;
     color: #888 !important;
 }

 nav#main-nav ul li {
     list-style: none;
     width: 100%;
     border: 1xp solid #330099;
     margin-left: -10px;
 }

 nav#main-nav ul li a {
     display: block;
     padding: 10px;
     outline: none;
     border-bottom: 1px solid rgba(0, 0, 0, 0.15);
     color: #ffffff;
     text-transform: uppercase;
     font-weight: 400;
     -webkit-transition: background 0.3s, box-shadow 0.3s;
     transition: background 0.3s, box-shadow 0.3s;
 }

 nav#main-nav ul li a i {
     font-size: 17px;
     margin-right: 20px;
     color: #666;
 }

 nav#main-nav ul li a:hover,
 nav#main-nav ul li.current a {
     background: rgba(0, 0, 0, 0.2);
     box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
     color: #fff;
     text-decoration: none;
     border-radius: 3px;
 }

 nav#main-nav ul li a:hover i,
 nav#main-nav ul li.current a i {
     color: #b8292f;
 }

 .social-nav-block {
     position: absolute;
     bottom: 0;
     left: 0;
 }

 .social-nav-block a {
     position: relative;
     width: 50px;
     height: 50px;
     display: inline-block;
     float: left;
     background: #292929;
     text-align: center;
     line-height: 50px;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
 }

 .social-nav-block a i {
     font-size: 17px;
     color: #ffffff;
 }

 .social-nav-block a.twitter-alt:hover {
     background: #69baf3 !important;
 }

 .social-nav-block a.whatsapp-alt:hover {
     background: #09a13c !important;
 }

 .social-nav-block a.facebook-alt:hover {
     background: #475996 !important;
 }

 .social-nav-block a.instagram-alt:hover {
     background: #475996 !important;
 }

 .social-nav-block a.google-alt:hover {
     background: #c63d2d !important;
 }

 .social-nav-block a.linkedin-alt:hover {
     background: #4875b4 !important;
 }

 .social-nav-block a.pinterest-alt:hover {
     background: #d03737 !important;
 }

 .social-nav-block a.dribbble-alt:hover {
     background: #d76896 !important;
 }

 /* Search Canvas */


 /* Overlay style */
 .overlay {
     position: fixed;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: rgba(0, 0, 0, 0.98);
     z-index: 999999999999 !important;
     overflow: auto;
 }

 /* Overlay closing cross */
 .overlay .overlay-close {
     width: 20px;
     height: 20px;
     position: absolute;
     right: 20px;
     top: 20px;
     overflow: hidden;
     border: none;
     background: url(../images/cross.png) no-repeat center center;
     text-indent: 200%;
     color: transparent;
     outline: none;
     z-index: 100;
 }

 /* Effects */
 .overlay-slidedown {
     visibility: hidden;
     -webkit-transform: translateY(-100%);
     transform: translateY(-100%);
     -webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
     transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
 }

 .overlay-slidedown.open {
     visibility: visible;
     -webkit-transform: translateY(0%);
     transform: translateY(0%);
     -webkit-transition: -webkit-transform 0.4s ease-in-out;
     transition: transform 0.4s ease-in-out;
 }

 /* 15 Footer
================================================== */
 .footer {
     background: url(../images/bg-footer.png) repeat-y #f6f6f6;
     color: #888;
     padding: 0px 0 0;
 }

 .footer a {
     color: #a0a0a0
 }

 .footer a:hover {
     color: #b8292f
 }

 .footer h1,
 .footer h2,
 .footer h3,
 .footer h4,
 .footer h5,
 .footer h6 {
     color: #333;
 }

 .widget-title {
     font-size: 18px !important;
     margin: 0 0 20px 0;
 }

 .footer .widget h2 {
     font-size: 20px;
     color: #000;
     margin-bottom: 0px;
     line-height: 10px;
 }

 .footer .widget .meta {
     font-family: Georgia, "Times New Roman", Times, serif;
     font-size: 14px;
     color: #000;
     font-style: normal !important;
 }

 .footer hr {
     border-bottom: 1px solid #e5e5e5;
 }

 .tagcloud {
     line-height: 25px
 }

 .contact-info {
     margin: 0;
     padding: 0;
     list-style: none;
     /* line-height: 30px; */
     font-size: 14px;
 }

 .contact-info i {
     margin-right: 7px;
     font-size: 18px;
 }

 .footer .contact-info i {
     color: #fff
 }

 .footer .widget.single .contact-info li {
     display: inline;
     margin: 0 15px;
 }

 /* Category */
 .special {
     margin-top: 5%;
 }

 .colorWhite {
     border: 1px solid #D5D5D5;
     background-color: rgba(0, 0, 0, 0.16);
 }

 .colorWhite:hover {
     background-color: rgba(255, 255, 255, 0.16);
 }

 .category1 {
     position: relative;
     text-align: center;
     color: white;
 }

 .centered {
     position: absolute;
     top: 0%;
     left: 50%;
     transform: translate(-50%, 150px);
     color: white !important;
 }

 .colorWhite {
     border: 1px solid #D5D5D5;
     color: black !important;
     background-color: rgba(0, 0, 0, 0.16);
 }

 .linkBox {
     padding: 1.4rem;
     display: inline-block;
 }

 .colorWhite:hover {
     background-color: rgba(255, 255, 255, 0.16);
 }

 .company {
     font-weight: 500;
     color: #1C3241;
     font-size: 1.125em;
     line-height: 1.333em;
     margin-top: 13px;
 }

 .hide-div {
     display: none;
 }

 /* End Category */
 /* Product Style */
 .content {
     position: relative;
     width: 90%;
     max-width: 400px;
     margin: auto;
     overflow: hidden
 }

 .content .content-overlay {
     background: rgba(0, 0, 0, 0.7);
     position: absolute;
     height: 99%;
     width: 100%;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     opacity: 0;
     -webkit-transition: all 0.4s ease-in-out 0s;
     -moz-transition: all 0.4s ease-in-out 0s;
     transition: all 0.4s ease-in-out 0s
 }

 .content:hover .content-overlay {
     opacity: 1
 }

 .content-image {
     width: 100%;
     height: 300px;
 }



 .content-details {
     position: absolute;
     text-align: center;
     padding-left: 1em;
     padding-right: 1em;
     width: 100%;
     top: 50%;
     left: 50%;
     opacity: 0;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
     transition: all 0.3s ease-in-out 0s
 }

 .content:hover .content-details {
     top: 50%;
     left: 50%;
     opacity: 1
 }

 .content-details h3 {
     color: #fff;
     font-weight: 500;
     letter-spacing: 0.15em;
     margin-bottom: 0.5em;
     text-transform: uppercase
 }

 .content-details p {
     color: #fff;
     font-size: 0.8em
 }

 .fadeIn-bottom {
     top: 80%
 }

 .bkproducts {
     background-image: linear-gradient(#b1adb042, #bb53508f), url(../images/compressed/bk.jpg);
     display: cover;
     padding: 5%;
 }

 .producttext {
     text-align: center;
     color: white;
 }


 .col-item .price h5 {
     line-height: 20px;
     margin: 0;
 }

 .price-text-color {
     color: #219FD1;
 }

 .col-item .info .rating {
     color: #777;
 }

 .col-item .rating {
     /*width: 50%;*/
     float: left;
     font-size: 17px;
     text-align: right;
     line-height: 52px;
     margin-bottom: 10px;
     height: 52px;
 }

 .col-item .separator {
     border-top: 1px solid #E1E1E1;
 }

 .clear-left {
     clear: left;
 }

 .col-item .separator p {
     line-height: 20px;
     margin-bottom: 0;
     margin-top: 10px;
     text-align: center;
 }

 .col-item .separator p i {
     margin-right: 5px;
 }

 .col-item .btn-add {
     width: 50%;
     float: left;
 }

 .col-item .btn-add {
     border-right: 1px solid #E1E1E1;
 }

 .col-item .btn-details {
     width: 50%;
     float: left;
     padding-left: 10px;
 }

 .controls {
     margin-top: 20px;
 }

 [data-slide="prev"] {
     margin-right: 10px;
 }

 .product-grid-page {
     font-size: 1.6rem;
     line-height: 1.3125em;
     margin-bottom: 0;
     height: 100%;
     width: 100%;
     padding: .65em;
     display: block;
     color: #4A4A4A;
     background: #fff;
     position: absolute;
     top: 80%;
     text-align: center;
     opacity: .9;
     transition: all .5s ease-out;
 }

 /* end Product Style
  /* End Product Style */
 .template-hide {
     display: none !important;
 }

 .brand-header {
     color: #888 !important;
     cursor: pointer;
 }

 /*Footer*/
 .footer-2 {
     background-color: #f7f1f12b;
     color: #515050;
     padding: 20px 0;
     text-align: center;
     font-family: "Noto Sans KR", sans-serif !important;
     border-bottom: 3px solid black;

 }

 .g:hover {
     transform: scale(1.1);
 }

 .footer-container {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     gap: 0px;
     width: 90%;
     margin: 10px auto;
 }

 .lubox {
     margin-top: 10%;
 }

 .footer-branch {
     width: 23%;
     padding: 0;
     margin: 0;
     border-radius: 10px;
     position: relative;
     border: 1px solid #fff;
     color: #fff;
     background-color: #000;
     border-radius: 5px 20px 5px;
 }

 .footer-branch h4 {
     margin-top: 3%;
     color: #fff;

 }

 .footer-branch p {
     margin: 5px 0;
 }

 .email-p a {
     color: #fff;
 }

 .email-p a:hover {
     text-decoration: underline;
     color: #b8292f;
 }

 .banner-p-2024 {
     margin-top: 5px !important;
     font-size: 35px !important;
     color: #fff !important;
     ;
     font-weight: 700 !important;
 }

 @media (max-width: 600px) {
     .footer-container {
         flex-direction: column;
         align-items: center;
     }

     .footer-branch {
         max-width: 100%;
         width: 50%;
     }
 }

 @media (max-width:1024px) {
     .tp-caption p {
         display: none !important;
     }

     .animate-charcter {
         display: none;
     }
 }


 .animate-charcter {
     text-transform: uppercase;
     background-image: linear-gradient(-225deg,
             #fff 0%,
             #b8292f 29%,
             #ff1361 67%,
             #fff800 100%);
     background-size: auto auto;
     background-clip: border-box;
     background-size: 200% auto;
     color: #fff;
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     animation: textclip 2s linear infinite;
     display: inline-block;
     font-size: 3em;
     font-weight: 900;
     height: 40px;
 }

 @keyframes textclip {
     to {
         background-position: 200% center;
     }
 }


 .news-container {
     margin-top: 90px;
 }

 .news-container marquee {
     height: 35px;
     width: 99%;
     margin-top: 10px;
 }

 .marquee-div {
     font-size: 2.8em;
     ;
     color: #fff;
     font-weight: 700;
 }

 .latest-news-div-1 {
     background-color: #b8292f;
     width: auto;
     padding-left: 1%;
     padding-right: 1%;
 }

 .latest-news-div-1 h3 {
     font-size: 2.8em;
     color: #fff;
     font-weight: 700;
     margin: 2.5% auto;
     letter-spacing: 2px;
 }

 @media (max-width: 600px) {
     .latest-news-div-1 h3 {
         margin: 9.5% auto;
     }

     .news-container marquee {
         height: 35px;
         width: 99%;
         margin-top: 19px;
         font-size: 1em;
     }
 }

 .contact-info {
     font-weight: 700;
 }