/* Theme Waves Theme Styling Start */

@import url(https://fonts.googleapis.com/css?family=Jockey+One);
@font-face {
    font-family: 'ROGFontsv';
    src: url('../fonts/ROGFontsv1.5-Regular.otf');
    src: url('../fonts/ROGFontsv1.5-Regular.otf') format('embedded-opentype'));
    font-weight: normal;
    font-style: normal
}

.clearfix {
    *zoom: 1;
}

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

.clearfix:after {
    clear: both;
}


/* ------------ BASE ------------- */

html {
    -webkit-font-smoothing: antialiased;
}

::selection {
    background: #1d2124;
    color: #CE0000;
}

::-moz-selection {
    background: #1d2124;
    color: #ffffff;
}

img.scale-with-grid {
    max-width: 100%;
    height: auto;
}

#theme-layout #hd_main ul {
    margin: 0;
    list-style: none;
}

#theme-layout #hd_main li {
    line-height: 1.5;
    padding: 6px 0;
}

#theme-layout #hd_main p {
    margin: 10px 0;
}

#theme-layout #hd_main .font_style {
    font-family: 'Fjalla One', sans-serif;
}

#theme-layout #hd_main .font_style a {
    color: rgba(241, 120, 0, 1);
}

#theme-layout #hd_main .font_style a:hover {
    color: rgba(241, 120, 0, 1);
    opacity: 0.7;
}


/*.tw-content p:last-child,
.tab-pane p:last-child,
.single-portfolio p:last-child,
.tw-element > p:last-child{
    margin: 0;
}*/

#theme-layout #hd_main embed,
#theme-layout #hd_main img {
    max-width: 100%;
    height: auto;
    border: none;
}

#theme-layout #hd_main .item .item-2,
#theme-layout #hd_main .item .item-3 {
    width: 100%;
}


/*
#theme-layout #hd_main iframe {
    width: 100%;
    max-width: 100%;
    border: none;
}
*/

#theme-layout #hd_main embed,
#theme-layout #hd_main img.video_open_l {
    width: 100%;
    z-index: 1;
    position: relative;
    transition: all 1.8s ease 0s;
    -webkit-transition: all 1.8s ease 0s;
    -moz-transition: all 1.8s ease 0s;
    -ms-transition: all 1.8s ease 0s;
    -o-transition: all 1.8s ease 0s;
    cursor: pointer;
}

#theme-layout #hd_main embed,
#theme-layout #hd_main img.video_open_r {
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: inherit;
    z-index: 1;
    transition: all 1.8s ease 0s;
    -webkit-transition: all 1.8s ease 0s;
    -moz-transition: all 1.8s ease 0s;
    -ms-transition: all 1.8s ease 0s;
    -o-transition: all 1.8s ease 0s;
    cursor: pointer;
}

#theme-layout #hd_main a:hover {
    text-decoration: none;
}


/* Typography */

#theme-layout #hd_main .hifi_zoom li a {
    color: #ff8900;
    font-family: 'Fjalla One', sans-serif;
}

#theme-layout #hd_main .express_10g li a {
    color: #ff8900;
    font-family: 'Fjalla One', sans-serif;
}

#theme-layout #hd_main {
    line-height: 1.8em;
    font-size: 16px;
    font-weight: 400;
    color: #969696;
    background: #000;
    font-family: 'Fjalla One', sans-serif;
}

#theme-layout #hd_main .waves-heading p.first_title {
    line-height: normal;
    margin-bottom: 0;
}

#theme-layout #hd_main h1,
#theme-layout #hd_main h2,
#theme-layout #hd_main h3,
#theme-layout #hd_main h4,
#theme-layout #hd_main h5,
#theme-layout #hd_main h6 {
    margin: 0 0 10px 0;
    padding: 0;
    color: #F17800;
    font-family: 'Fjalla One', sans-serif;
    font-weight: bold;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 39px;
}

h5 {
    font-size: 28px;
}

h6 {
    font-size: 12px;
}

.highlight {
    color: #ffc600;
}

p img {
    margin: 0;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

small {
    font-size: 80%;
}

hr {
    clear: both;
    margin: 10px 0 30px;
    height: 0;
    border: solid #ddd;
    border-width: 1px 0 0;
}

pre {
    overflow-x: auto;
    margin: 0 0 20px 0;
    padding: 10px 20px;
    height: auto;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #f7f7f7;
    font-family: Consolas, monospace;
}

.hidden {
    display: none !important;
}

dt {
    line-height: 2;
}


/* 02. Links and Form */

#theme-layout #hd_main a {
    outline: 0;
    color: #808080;
    text-decoration: none;
    -webkit-transition: color 0.4s ease;
    -moz-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
    -ms-transition: color 0.4s ease;
    transition: color 0.4s ease;
}

#theme-layout #hd_main a:hover,
#theme-layout #hd_main a:focus {
    outline: 0;
    color: #1d2124;
    text-decoration: none;
}

.ls-inner a {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

#theme-layout #hd_main ul,
#theme-layout #hd_main ol {
    margin-bottom: 20px;
    padding: 0 0 0 40px;
}

#theme-layout #hd_main ul {
    list-style: none outside;
}

#theme-layout #hd_main ol,
#theme-layout #hd_main ul {
    margin-left: 30px;
}

#theme-layout #hd_main ol {
    list-style: decimal;
}

#theme-layout #hd_main ul {
    list-style: none outside;
}

aside ul,
.tw-twitter ul.jtwt {
    position: relative;
    margin: 0;
    padding-left: 20px;
    list-style: none;
}

aside ul ul {
    margin-top: 15px;
}

#theme-layout #hd_main ul li ul,
#theme-layout #hd_main ol li ul,
#theme-layout #hd_main ol li ul,
#theme-layout #hd_main ol li ol {
    margin-bottom: 0;
}

form,
fieldset {
    margin-bottom: 20px;
}

#theme-layout #hd_main input,
#theme-layout #hd_main input[type="tel"],
#theme-layout #hd_main input[type="date"],
#theme-layout #hd_main input[type="text"],
#theme-layout #hd_main input[type="password"],
#theme-layout #hd_main input[type="email"],
#theme-layout #hd_main textarea,
#theme-layout #hd_main select {
    display: block;
    margin: 0;
    margin-bottom: 20px;
    padding: 10px 16px;
    width: 230px;
    outline: none;
    border: 1px solid #d0d0d0;
    background: #fff;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

#theme-layout #hd_main textarea {
    width: 100%;
}

#theme-layout #hd_main select {
    padding: 5px;
    width: 220px;
    height: 40px;
}

#theme-layout #hd_main label,
#theme-layout #hd_main legend {
    display: block;
    cursor: pointer;
}

label span,
legend span {
    font-weight: bold;
}

#theme-layout #hd_main button,
#theme-layout #hd_main input[type="submit"],
#theme-layout #hd_main input[type="reset"],
#theme-layout #hd_main input[type="button"] {
    border: 2px solid #343434;
    background: #fff;
    display: inline-block;
    padding: 10px;
    color: #343434;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
}

#theme-layout #hd_main button:hover,
#theme-layout #hd_main input[type="submit"]:hover,
#theme-layout #hd_main input[type="reset"]:hover,
#theme-layout #hd_main input[type="button"]:hover {
    border-color: #343434;
    color: #fff;
    background: #343434;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
    border-color: #FFFFFF;
}

::-webkit-input-placeholder {
    color: #969696;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #969696;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #969696;
}

:-ms-input-placeholder {
    color: #969696;
}


/* ------------ Hover Transitions --------------- */

#header,
ul.sf-menu > li > a,
ul.sf-menu > li a .before:before,
ul.sf-menu > li a .after:before,
.waves-pagination ul.page-numbers li a,
.tw-filters ul.filters li a,
.owl-theme .owl-controls .owl-page span,
.image-overlay,
.entry-meta-abs i,
.likeit span,
.waves-portfolio .portfolio-content,
.portfolio-thumb .image-overlay a,
.tw-recent-posts-widget span.date,
.list_carousel .owl-buttons div,
.article-post-link a,
.tw-service-box h3,
.tw-font-icon,
.tw-service-box.top-service.style_2,
.waves-carousel-partner .part-container img,
.pricing-box,
.pricing-box .pricing-header h1,
.pricing-footer a,
.tw-service-box .service-title-sep,
.tw-service-box p,
.tw-service-box h3,
.team-member .member-content,
.nav-tabs>li i,
.nav-tabs>li h5,
.tw-infinite-scroll a,
form#searchform button.button-search,
.comment-form input[type="submit"] {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


/* ------------ Wordpress Core ------------- */

.alignnone {
    margin: 5px 20px 10px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 10px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 10px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 0px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 10px 20px;
}

a img.alignnone {
    margin: 5px 20px 10px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 10px 0;
}

a img.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.wp-caption {
    padding: 5px 3px 10px;
    max-width: 96%;
    /* Image does not overflow the content area */
    border: 1px solid #f0f0f0;
    background: #fff;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    max-width: 98.5%;
    width: auto;
    height: auto;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 0 4px 5px;
    font-size: 11px;
    line-height: 17px;
}


/* WP Default Gallery */

.gallery {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    margin: -1px;
}

.gallery .gallery-row {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0;
}

.gallery .gallery-item {
    overflow: hidden;
    float: left;
    text-align: center;
    list-style: none;
    padding: 0;
    background: #fff;
    padding: 1px;
    margin: 0;
}

.gallery .gallery-item .gallery-icon {
    background: #f5f5f5;
}

.gallery .gallery-item a {
    display: block;
    position: relative;
}

.gallery .gallery-item a:hover .image-overlay {
    opacity: 1;
}

.gallery .gallery-item img,
.gallery .gallery-item img.thumbnail {
    margin: 0;
}

.gallery-caption {
    margin: 0 0 8px;
    font-style: italic;
    font-family: arial;
}

.gallery.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery.gallery-columns-6 .gallery-item {
    width: 16.6%;
}


/* calendar widget */

.widget_calendar {
    float: left;
}

#wp-calendar {
    width: 100%;
}

#wp-calendar caption {
    text-align: right;
    color: #333;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 15px;
}

#wp-calendar thead {
    font-size: 10px;
}

#wp-calendar thead th {
    padding-bottom: 10px;
}

#wp-calendar tbody {
    color: #aaa;
}

#wp-calendar tbody td {
    background: #f5f5f5;
    text-align: center;
    padding: 8px;
}

#wp-calendar tbody td:hover {
    background: #fff;
}

#wp-calendar tbody .pad {
    background: none;
}

#wp-calendar tfoot #next {
    font-size: 10px;
    text-transform: uppercase;
    text-align: right;
}

#wp-calendar tfoot #prev {
    font-size: 10px;
    text-transform: uppercase;
    padding-top: 10px;
}

.sticky.hentry {
    background-color: #FFFFFF;
    padding: 40px;
    color: #EEE;
}

#theme-layout #hd_main .waves-blog .blog-grid article.sticky.hentry {
    background: transparent;
    padding: 0 15px;
}

#theme-layout #hd_main .waves-blog .blog-grid article.sticky.hentry .entry-block {
    border: none;
    background-color: #FFFFFF;
}

.sticky.hentry footer {
    border: none;
    padding: 0;
}

article.sticky.hentry a.more-link {
    color: #fff;
    border-color: #fff;
}

article.sticky.hentry a.more-link:hover {
    border-color: #fff;
    opacity: .6;
}

.sticky .entry-date {
    background-color: #1c1c1c;
}

.sticky .tw_post_sharebox a {
    background-color: #FFFFFF;
}

.sticky a,
.sticky .entry-title a,
.sticky .entry-meta a,
.sticky .entry-meta span i {
    color: #fff;
}

.sticky .entry-title a:hover,
.sticky .entry-meta span:hover i,
.sticky .entry-meta a:hover {
    color: #fff;
    opacity: .8;
}

.sticky .entry-author {
    color: #ddd;
}


/* Header */

.header-container {
    position: relative;
}

body.header-transparent #header {
    position: absolute;
    width: 100%;
    z-index: 100;
    background-color: rgba(0, 0, 0, 1);
}

body.header-transparent #header.header-small {
    position: fixed;
    background: #000;
}

body.header-transparent .header-clone {
    display: none;
}

#header {
    position: relative;
    background-color: #FFF;
}

#header.header-small {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
}

#header.header-small {
    /*    background: rgba(255,255,255,.9);*/
}

.admin-bar #header.header-small {
    top: 32px;
}

#header > .hd_container {
    position: relative;
}

.tw-logo {
    line-height: 76px;
    height: 76px;
    float: left;
    padding: 0 40px;
}

.tw-logo img {
    max-height: 76px;
}

h1.site-name,
h1.site-name a {
    font-size: 27px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 1.2;
    color: #FFFFFF;
}


/* ------------ Menu SF Essentials ------------- */

.sf-menu,
.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu li {
    display: block;
    position: relative;
}

.sf-menu ul {
    position: absolute;
    min-width: 200px;
    top: 100%;
    left: 25px;
    z-index: 99;
    display: none;
    padding-top: 6px;
    -webkit-box-shadow: 0 4px 6px -2px rgba(2, 3, 3, .16);
    -moz-box-shadow: 0 4px 6px -2px rgba(2, 3, 3, .16);
    box-shadow: 0 4px 6px -2px rgba(2, 3, 3, .16);
}

.sf-menu ul.sub-menu:before {
    position: absolute;
    top: -4px;
    left: 0;
    width: 0;
    height: 0;
    border-bottom: 10px solid rgba(255, 255, 255, 0.95);
    border-right: 10px solid rgba(0, 0, 0, 0);
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    content: '';
}

.sf-menu > li {
    float: left;
    padding: 35px 0;
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    z-index: 9999;
    display: block;
}

.sf-menu a {
    position: relative;
}

.sf-menu ul ul {
    top: 0;
    left: 100% !important;
}


/* ThemeWaves Menu Styling*/

.sf-menu {
    text-transform: uppercase;
    float: right;
    position: relative;
}

ul.sf-menu > li > a {
    position: relative;
    padding: 0 15px 0 25px;
    display: block;
    color: #666;
    font-size: 14px;
    line-height: 1;
}

ul.sf-menu > li:after {
    padding: 0;
    content: '|';
    position: absolute;
    top: 50%;
    margin-top: -11px;
    color: #666;
    font-size: 22px;
    line-height: 1;
}

ul.sf-menu > li:first-child:after {
    display: none;
}

ul.sf-menu > li:last-child > a {
    padding-right: 0;
}

ul.sf-menu li ul li a {
    display: block;
    font-size: 11px;
    font-weight: 400;
    color: #343434;
    text-transform: uppercase;
    line-height: 1;
    padding: 15px 0px 15px 25px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

ul.sf-menu li ul li {
    text-align: left;
    line-height: 1;
    background-color: #f3f3f3;
    border-bottom: 1px solid #dedede;
}

ul.sf-menu li ul li:last-child {
    border-bottom: none;
}

ul.sf-menu li ul li:hover {
    background: #2e343e;
}

ul.sf-menu li ul li:hover>a {
    color: #CCC;
}

ul.sf-menu > li:hover > a {
    color: #FFFFFF;
}

ul.sf-menu > li a .before:before,
ul.sf-menu > li a .after:before {
    background-color: transparent;
    height: 2px;
    width: 100%;
    display: block;
    content: '';
}

ul.sf-menu > li a .before,
ul.sf-menu > li a .after {
    position: absolute;
    left: 26px;
    bottom: 12px;
    height: 7px;
    background-color: transparent;
}

ul.sf-menu > li a .before {
    top: 12px;
    bottom: auto;
}

ul.sf-menu > li a .before:before {
    margin-top: 5px;
}


/*.page-template-template-onepage-php .sf-menu > .tw-menu-active > a .before:before,
.page-template-template-onepage-php .sf-menu > .tw-menu-active > a .after:before,
ul.sf-menu > li a:hover .before:before,
ul.sf-menu > li a:hover .after:before{
    background-color: #F5A21C;
}*/

.page-template-template-onepage-php .sf-menu > .tw-menu-active > a .before:before,
ul.sf-menu > li a:hover .before:before {
    background-color: transparent;
}

.header-small ul.sf-menu > li:after {
    bottom: 13px;
}

.sf-menu > li.current_page_item > a,
.sf-menu > li.current_page_ancestor >a,
.sf-menu > li.current-menu-ancestor >a,
.sf-menu > li.current-menu-item > a,
.page-template-template-onepage-php .sf-menu > .tw-menu-active > a,
.sf-menu > li.current_page_item.menu-item-has-children,
.sf-menu > li.current_page_ancestor.menu-item-has-children,
.sf-menu > li.current-menu-ancestor.menu-item-has-children,
.sf-menu > li.current-menu-item.menu-item-has-children {
    color: #FFFFFF;
}

.menu-container {
    position: relative;
    float: right;
    padding: 0 20px 0 0;
}

ul.sf-menu li ul li[class*="fa-"] a {
    padding: 12px 0 12px 48px;
}

ul.sf-menu li ul li[class*="icon-"] a {
    padding: 12px 0 12px 50px;
}

.sf-menu [class^="fa-"]:before,
.sf-menu [class*=" fa-"]:before,
.sf-menu [class^="icon-"]:before,
.sf-menu [class*=" icon-"]:before {
    display: inline-block;
}

.sf-menu ul [class^="fa-"]:before,
.sf-menu ul [class*=" fa-"]:before,
.sf-menu ul [class^="icon-"]:before,
.sf-menu ul [class*=" icon-"]:before {
    display: block;
    text-align: center;
    position: absolute;
    top: 12px;
    left: 20px;
    font-size: 14px;
    line-height: 14px;
    -webkit-font-smoothing: antialiased;
}

.sf-menu ul [class^="icon-"]:before,
.sf-menu ul [class*=" icon-"]:before {
    font-family: Simple-Line-Icons;
}

.sf-menu ul [class^="fa-"]:before,
.sf-menu ul [class*=" fa-"]:before {
    font-family: FontAwesome;
    left: 22px;
}

.sf-menu [class^="fa-"]:before,
.sf-menu [class*=" fa-"]:before,
.sf-menu [class^="icon-"]:before,
.sf-menu [class*=" icon-"]:before {
    color: #5E8BFF;
}

.sf-menu ul [class^="fa-"]:before,
.sf-menu ul [class*=" fa-"]:before,
.sf-menu ul [class^="icon-"]:before,
.sf-menu ul [class*=" icon-"]:before {
    color: #1C1C1C;
}

.sf-menu ul [class^="fa-"]:hover:before,
.sf-menu ul [class*=" fa-"]:hover:before,
.sf-menu ul .current_page_item[class^="fa-"]:before,
.sf-menu ul .current_page_item[class*=" fa-"]:before,
.sf-menu ul [class^="icon-"]:hover:before,
.sf-menu ul [class*=" icon-"]:hover:before,
.sf-menu ul .current_page_item[class^="icon-"]:before,
.sf-menu ul .current_page_item[class*=" icon-"]:before {
    color: #fff;
}

.sf-menu ul.waves-mega-menu [class^="fa-"]:hover:before,
.sf-menu ul.waves-mega-menu [class*=" fa-"]:hover:before,
.sf-menu ul.waves-mega-menu .current_page_item[class^="fa-"]:before,
.sf-menu ul.waves-mega-menu .current_page_item[class*=" fa-"]:before,
.sf-menu ul.waves-mega-menu [class^="icon-"]:hover:before,
.sf-menu ul.waves-mega-menu [class*=" icon-"]:hover:before,
.sf-menu ul.waves-mega-menu .current_page_item[class^="icon-"]:before,
.sf-menu ul.waves-mega-menu .current_page_item[class*=" icon-"]:before {
    color: #FFFFFF;
}


/* ------------ mega menu --------------- */

.row-start {
    clear: left;
}

.sf-menu .waves-mega-menu {
    border: 1px solid #e8e8e8;
    padding-bottom: 20px;
    background: #fff;
}

.sf-menu .waves-mega-menu>li {
    min-height: 10px;
    float: left;
}

.sf-menu .waves-mega-menu ul,
.sf-menu .waves-mega-menu li {
    border: none;
    display: block;
    position: relative;
    top: auto;
    left: auto !important;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

ul.sf-menu li ul.waves-mega-menu li {
    border: none;
}

ul.sf-menu li ul.waves-mega-menu li:hover {
    background: none;
}

ul.sf-menu li ul.waves-mega-menu li:hover>a {
    color: #FFFFFF;
}

.sf-menu .waves-mega-menu .mega-menu-title {
    font-family: 'Montserrat', arial, sans-serif;
    padding: 15px 40px;
    margin-bottom: 15px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 12px;
    border-bottom: 1px solid #E8E8E8;
}

.sf-menu .waves-mega-menu li ul li a {
    padding: 12px 40px;
}

.sf-menu .waves-mega-menu li ul li[class^="fa-"] a,
.sf-menu .waves-mega-menu li ul li[class*=" fa-"] a {
    padding: 12px 0 12px 70px;
}

.sf-menu .waves-mega-menu ul [class^="fa-"]:before,
.sf-menu .waves-mega-menu ul [class*=" fa-"]:before {
    left: 40px;
}

.sf-menu .waves-mega-menu li,
.sf-menu .waves-mega-menu ul {
    display: inline-block !important;
    visibility: visible !important;
}

.mega-menu-items li {
    width: 100%;
}


/* ------------ mobile menu --------------- */

#mobile-menu {
    z-index: 1;
}

.show-mobile-menu {
    position: absolute;
    z-index: 99;
    top: 50%;
    right: 15px;
    margin-top: -16px;
    cursor: pointer;
    display: none;
}

.show-mobile-menu .mobile-menu-icon {
    float: left;
    width: 35px;
}

.mobile-menu-icon span {
    display: block;
    margin-bottom: 2px;
    width: 100%;
    height: 5px;
    background: #969696;
}

#mobile-menu {
    position: absolute;
    width: 100%;
    z-index: 99999;
    display: none;
    padding: 0px 20px;
    border: 1px solid #E8E8E8;
    border-right: none;
    border-left: none;
    background-color: rgba(243, 243, 243, 0.9);
}

#mobile-menu ul {
    margin: 0;
    padding: 10px 0;
    width: 100%;
    list-style: none;
    text-align: center;
}

#mobile-menu ul.sub-menu {
    display: none;
    margin-top: 15px;
    margin-bottom: -15px;
    padding: 0;
}

#mobile-menu ul li {
    position: relative;
    display: block;
    padding: 4px 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

#mobile-menu ul li:first-child {
    border-top: none;
}

#mobile-menu ul li a {
    display: block;
    display: inline-block !Important;
    padding-left: 10px !important;
    color: #999;
}

#mobile-menu ul li.btn_hd a {
    color: #fff;
}

#mobile-menu ul li ul li a {
    font-size: 13px;
}

#mobile-menu ul li a:hover {
    color: #FFFFFF;
}

#mobile-menu ul li.has-children>.action-expand {
    float: right;
    width: 30px;
    text-align: center;
    height: 30px;
    font-size: 22px;
    line-height: 30px;
    cursor: pointer;
}

#mobile-menu ul li.has-children>a {
    width: 85%;
}

#mobile-menu ul li.has-children>.action-expand>.opened,
#mobile-menu ul li.has-children.menu-open>.action-expand>.closed {
    display: none;
}

#mobile-menu ul li.has-children>.action-expand>.closed,
#mobile-menu ul li.has-children.menu-open>.action-expand>.opened {
    display: block;
}

#mobile-menu ul ul li a:before {
    margin-right: 5px;
    content: '-';
}

#mobile-menu ul ul ul li a:before {
    margin-right: 5px;
    content: '- -';
}

#mobile-menu ul ul ul ul li a:before {
    margin-right: 5px;
    content: '- - -';
}

#mobile-menu ul ul ul ul ul li a:before {
    margin-right: 5px;
    content: '- - - -';
}

#mobile-menu ul ul ul ul ul ul li a:before {
    margin-right: 5px;
    content: '- - - - -';
}

#mobile-menu ul ul ul ul ul ul ul li a:before {
    margin-right: 5px;
    content: '- - - - - -';
}

#mobile-menu ul ul ul ul ul ul ul ul li a:before {
    margin-right: 5px;
    content: '- - - - - - -';
}

#mobile-menu ul ul ul ul ul ul ul ul ul li a:before {
    margin-right: 5px;
    content: '- - - - - - - -';
}

#mobile-menu ul ul ul ul ul ul ul ul ul ul li a:before {
    margin-right: 5px;
    content: '- - - - - - - - -';
}

#mobile-menu ul ul ul ul ul ul ul ul ul ul ul li a:before {
    margin-right: 5px;
    content: '- - - - - - - - - -';
}

#mobile-menu ul ul ul ul ul ul ul ul ul ul ul ul li a:before {
    margin-right: 5px;
    content: '- - - - - - - - - - -';
}

#mobile-menu ul ul li:first-child {
    border-top: 1px solid rgba(255, 255, 255, .1);
}


/* ------------ Page Title ------------- */

#page-title {
    background: #e1e1e1;
    background-size: cover;
    padding: 150px 0;
    background-position: center center;
    text-align: center;
}

#page-title h1 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

#page-title p {
    color: #808080;
    font-size: 16px;
    margin: 15px auto 10px;
    margin-top: -15px;
    max-width: 640px;
}


/* Light Page Title */

#page-title.light h1,
#page-title.light p {
    color: #fff;
}


/* Breadcrumb */

.waves-breadcrumbs {
    color: #fff;
}

.waves-breadcrumbs a {
    color: #fff;
}

.waves-breadcrumbs .crumb-item:after {
    content: '/';
    display: inline-block;
    padding: 0 5px;
    color: #fff;
}

.waves-breadcrumbs .crumb-item:last-child:after {
    content: '';
    padding: 0;
}


/* Widget */

h3.widget-title {
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}

aside ul li a:hover {
    color: #FFFFFF;
}

aside.widget {
    margin-bottom: 40px;
}

aside.widget:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

aside.widget ul {
    padding: 0;
}

aside.widget ul li {
    padding: 0 0 10px;
    line-height: 1.9;
}

aside.widget ul li:last-child {
    padding-bottom: 0;
}


/* Search widget */

form#searchform {
    position: relative;
    margin-bottom: 0;
    border-bottom: 1px solid #969696;
}

form#searchform input {
    margin-bottom: 0;
    border: none;
    padding: 10px;
}

form#searchform button.button-search {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    color: #969696;
}

form#searchform i.fa-close {
    display: none;
}

form#searchform button.button-search:hover {
    background: none;
    color: #000;
}

.search-on-menu form#searchform {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    z-index: 100;
    right: 0;
    border-bottom: 0;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

.search-on-menu form#searchform>.input {
    position: relative;
    z-index: 1;
}

.search-on-menu form#searchform input {
    width: 320px;
    font-style: italic;
    font-size: 13px;
    color: #343434;
    padding: 12px 35px 10px 15px;
    background: rgba(255, 255, 255, .95);
}

.search-on-menu form#searchform:before {
    position: absolute;
    top: -10px;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 10px solid rgba(255, 255, 255, .95);
    border-left: 10px solid transparent;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
    content: '';
}

.search-on-menu form#searchform i.fa-close {
    display: block;
    font-size: 13px;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -16px;
    padding: 10px;
    cursor: pointer;
}

.search-on-menu form#searchform button.button-search {
    display: none;
}

.search-on-menu {
    float: right;
    padding: 35px 0;
    margin-left: 15px;
    position: relative;
    font-size: 14px;
}

div.search-on-menu {
    padding-left: 25px;
}

.search-on-menu:before {
    content: '•';
    color: #FFF;
    font-size: 22px;
    position: absolute;
    left: 0;
}

.search-on-menu>i {
    color: #fff;
    cursor: pointer;
}

.search-on-menu.active form#searchform {
    visibility: visible;
    opacity: 1;
}

.search-on-menu.search2 form#searchform input {
    background: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    width: 500px;
}

.search-on-menu.search2>form#searchform {
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #181c23;
    z-index: 999999999;
    text-align: center;
}

.search-on-menu.search2.active>form#searchform>.input {
    display: inline-block;
}


/* Contact info widget */


/*.contact-info-widget{
    min-height: 100px;
    background:url(../img/contact-background.png) center center no-repeat;
}*/

.contact-info-widget ul i {
    display: inline-block;
    margin-top: 5px;
    width: 15px;
    height: 13px;
    text-align: center;
}

.contact-info-widget ul div {
    padding-left: 15px;
    display: inline-block;
}

aside.widget .contact-info-widget ul li {
    margin-bottom: 0;
    padding-bottom: 2px;
}


/* Flickr Widget Style */

.dribbble-widget,
.flickr-widget .flickr-channel {
    position: relative;
    display: inline-block;
    *display: inline;
}

.flickr-widget .flickr-channel,
.dribbble-widget,
.tw-recent-portfolios-widget {
    margin: -5px;
}

.flickr-channel a,
.dribbble-widget a,
.tw-recent-portfolios-widget a {
    position: relative;
    display: block;
    float: left;
    margin: 5px;
}

.flickr-channel a img,
.tw-recent-portfolios-widget a img,
.tw-recent-portfolios-widget a {
    background: #efefef;
    width: 83px;
    height: 83px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.flickr-channel a img,
.dribbble-widget a img,
.flickr-channel a:hover:before,
.dribbble-widget a:hover:before,
.tw-recent-portfolios-widget a:hover:before {
    opacity: 1;
}

.flickr-channel a:before,
.dribbble-widget a:before,
.tw-recent-portfolios-widget a:before {
    font-size: 20px;
    line-height: 83px;
    width: 83px;
    height: 83px;
    position: absolute;
    content: "\f067";
    font-family: FontAwesome;
    text-align: center;
    color: #FFF;
    top: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: rgba(33, 182, 168, .85);
    border: solid 2px #85ebe1;
    opacity: 0;
    -webkit-transition: all 450ms ease 0s;
    -moz-transition: all 450ms ease 0s;
    -o-transition: all 450ms ease 0s;
    transition: all 450ms ease 0s;
}

.dribbble-widget a:before,
.dribbble-widget a img {
    width: 80px;
    height: 60px;
    line-height: 60px;
}


/* Category Wiget Style */

.widget_categories .cat-item span.post_count {
    float: right;
}


/* Tag Wiget Style */

.tagcloud a {
    display: inline-block;
    text-transform: capitalize;
    border: 1px solid #A1A5B0;
    padding: 3px 18px;
    margin: 0 10px 10px 0;
}

.tagcloud a:hover,
#bottom .tagcloud a:hover {
    border: 1px solid #FFFFFF;
    background: #FFFFFF;
    color: #fff;
}


/* Recent Posts Widget */

.tw-recent-posts-widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tw-recent-posts-widget ul li {
    display: table;
    width: 100%;
}

.tw-recent-posts-widget .post-title {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
}

.tw-recent-posts-widget .post-title a {
    color: #343434;
}

.tw-recent-posts-widget .meta {
    color: #969696;
}

.tw-recent-posts-widget .tw-recent-content {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    text-align: center;
}

.tw-recent-posts-widget .recent-thumb {
    display: table-cell;
    background-color: #f5f5f5;
    width: 100px;
    height: 100px;
    margin-bottom: 0;
}

.tw-recent-posts-widget.layout-small .recent-thumb {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.tw-recent-posts-widget.layout-small .recent-thumb img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 5px solid #f5f5f5;
}


/* Removing Child Pages from Widgets */

.widget_pages ul.children,
.widget_nav_menu ul.sub-menu,
.menu-main-menu-container .sub-menu {
    display: none;
}


/* ------------ Footer ------------- */

#footer {
    padding: 20px 0;
    background: #000;
}

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

#bottom {
    padding: 70px 0 0;
    background: #181E2A;
}

#footer,
#footer a {
    color: #969696;
    font-size: 12px;
    font-weight: normal;
}

#bottom .textwidget a:hover {
    color: #fff;
}

#bottom,
#bottom a {
    color: #a1a5b0;
}

#footer p {
    margin-bottom: 0;
}

#bottom a:hover,
#footer a:hover {
    color: #999;
}


/* Fixed Footer */

.fixed-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}


/* Footer widget */

#bottom .center .tw-widget-title-container:before {
    content: '';
    width: 30px;
    height: 1px;
    margin-left: -15px;
    left: 50%;
    background: #FFF;
    display: block;
    position: absolute;
    top: 50px;
}

#bottom .tw-widget-title-container:before {
    display: none;
}

#bottom aside.widget {
    border-bottom: none;
    padding-bottom: 0;
}

#bottom .center aside.widget {
    text-align: center;
}

#bottom h3.widget-title {
    color: #fff;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-align: left;
}

#bottom .center h3.widget-title {
    margin-bottom: 70px;
    text-align: center;
}

#bottom .col-md-4.center.col-1 {
    margin: 0 auto;
    float: none;
}

#bottom ul.jtwt li:before,
#bottom .twitter-follow a {
    color: #666;
    border-color: #363636;
    background-color: #2a2a2a;
}

#bottom .twitter-follow a:hover {
    color: #fff;
    border-color: #fff;
}

#bottom .widget_recent_entries ul li {
    line-height: 1.4;
}

#bottom .widget_recent_entries ul li:first-child {
    padding-top: 0;
}

#bottom .widget_recent_entries ul li:before {
    display: none;
}


/* ------------ Blog Single ------------- */

article.single {
    position: relative;
    padding: 0 30px;
}

body.single-post .entry-media {
    margin-bottom: 30px;
}

article.single .entry-content,
.entry-content.default-page {
    margin-bottom: 40px;
    border-bottom: 0;
    padding: 0;
}

.entry-meta .tags {
    float: right;
    border-left: 1px solid #DBDBDB;
    border-right: none;
}

.entry-meta .tags a {
    color: #a4a4a4;
}

article.single .facebook_share iframe {
    height: 20px;
}


/* About author on single post */

.tw-author {
    background: #f2f2f2;
    padding: 25px 30px;
    margin-bottom: 40px;
}

.tw-author .author-image {
    display: table-cell;
    vertical-align: middle;
    width: 90px;
}

.tw-author .author-image img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.tw-author .author-title {
    display: table-cell;
    vertical-align: middle;
    padding: 0 30px 0 20px;
    border-right: 2px solid #e3e3e3;
    min-width: 200px;
}

.tw-author .author-title span {
    display: block;
    font-size: 12px;
    color: #969696;
    margin-top: 10px;
}

.tw-author .author-description {
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
}

.tw-author .author-title {
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
}

.tw-author .author-title a {
    color: #343434;
    font-weight: bold;
}

.tw-author .author-title a:hover {
    color: #FFFFFF;
}


/* Post share box */

.waves-sharebox-container {
    position: absolute;
    right: 0;
    top: -8px;
    cursor: pointer;
    color: #696969;
}

.waves-sharebox-container > .share-btn {
    display: inline-block;
}

.waves-sharebox-container > .share-btn i {
    font-size: 14px;
    height: 32px;
    width: 32px;
    border: 2px solid #696969;
    text-align: center;
    margin-right: 5px;
    line-height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.waves-sharebox>div {
    position: relative;
    display: inline-block;
}

.waves-sharebox a {
    font-size: 14px;
    line-height: 30px;
    width: 32px;
    height: 32px;
    text-align: center;
    margin-right: 10px;
    border: 2px solid #696969;
    color: #696969;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.waves-sharebox a:hover {
    border-color: #FFFFFF;
    color: #FFFFFF;
}

.waves-sharebox > div span {
    display: none;
}

.waves-sharebox-container .waves-sharebox {
    float: left;
    display: none;
}


/* Social Icons CSS */

.tw-social-icon {
    line-height: 1;
    margin: 0 -5px;
}

#bottom .tw-social-icon {
    text-align: center;
}

.tw-social-icon li {
    list-style: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

.tw-social-icon a,
#footer .tw-social-icon a {
    display: inline-block;
    margin: 0 5px 5px;
    overflow: hidden;
    padding: 0;
    color: #969696;
    text-align: center;
    font-size: 13px;
    line-height: 25px;
    width: 30px;
    height: 30px;
    border: 2px solid #969696;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.tw-social-icon a:hover {
    color: #fff;
    background: #969696;
}

.tw-social-icon a span {
    display: block;
}

#footer .tw-social-icon {
    text-align: right;
}

#footer .tw-social-icon a {
    margin-top: -5px;
    margin-bottom: -5px;
}


/* jp player */

div.jp-jplayer.jp-jplayer-video {
    background-color: #292a2b;
}

.jp-jplayer-video video {
    margin-bottom: -6px;
}

div.jp-audio,
div.jp-video {
    color: #fff;
    font-size: 1em;
    font-family: Verdana, Arial, sans-serif;
    line-height: 1.6;
}

div.jp-audio,
div.jp-video {
    width: 100%;
}

div.jp-interface {
    position: relative;
    z-index: 100;
    width: 100%;
    background: url(../img/jplayer_bg.png) repeat-x;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}

div.jp-type-single div.jp-interface {
    height: 30px;
    overflow: hidden;
}

div.jp-interface ul.jp-controls {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.jp-interface ul.jp-controls li {
    display: inline;
}

div.jp-interface ul.jp-controls a {
    position: absolute;
    overflow: hidden;
    text-indent: -9999px;
}

a.jp-play,
a.jp-pause {
    z-index: 1;
    width: 33px;
    height: 30px;
    outline: none;
}

div.jp-type-single a.jp-play,
div.jp-type-single a.jp-pause {
    top: 0;
    left: 0;
}

a.jp-play {
    background: url("../img/jplayer-black-and-yellow.png") 0 0 no-repeat;
}

a.jp-play:hover {
    background: url("../img/jplayer-black-and-yellow.png") -33px 0 no-repeat;
}

a.jp-pause {
    display: none;
    background: url("../img/jplayer-black-and-yellow.png") 0 -30px no-repeat;
}

a.jp-pause:hover {
    background: url("../img/jplayer-black-and-yellow.png") -33px -30px no-repeat;
}

div.jp-progress-container {
    position: absolute;
    top: 0;
    left: 34px;
    padding: 12px 10px;
    width: 225px;
    height: 6px;
}

div.jp-progress {
    position: absolute;
    overflow: hidden;
}

div.jp-type-single div.jp-progress {
    padding: 1px;
    width: 223px;
    height: 7px;
    background: url("../img/jplayer-black-and-yellow.png") 0 -192px repeat-x;
}

.single div.jp-type-single div.jp-progress {
    width: 411px;
}

div.jp-seek-bar {
    width: 0px;
    height: 5px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: url("../img/jplayer-black-and-yellow.png") 0 -163px repeat-x;
    cursor: pointer;
}

div.jp-play-bar {
    width: 0px;
    height: 5px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: url("../img/jplayer-black-and-yellow.png") 0 -133px repeat-x;
}

div.jp-volume-bar-container {
    position: absolute;
    top: 0;
    right: 20px;
    padding: 12px 10px;
    width: 40px;
    height: 6px;
}

div.jp-volume-bar {
    position: relative;
    overflow: hidden;
    width: 40px;
    height: 9px;
    background: url("../img/jplayer-black-and-yellow.png") 0 -192px repeat-x;
    cursor: pointer;
}

div.jp-volume-bar-value {
    margin: 1px;
    width: 0px;
    height: 5px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: url("../img/jplayer-black-and-yellow.png") 0 -133px repeat-x;
}

a.jp-mute,
a.jp-unmute {
    top: 9px;
    right: 60px;
    z-index: 1;
    width: 17px;
    height: 13px;
    outline: none;
}

.seperator-first,
.seperator-second {
    position: absolute;
    left: 32px;
    width: 2px;
    height: 30px;
    background: url(../img/seperator.png) no-repeat left;
}

.seperator-second {
    right: 90px;
    left: auto;
}

a.jp-mute {
    background: url("../img/jplayer-black-and-yellow.png") -10px -68px no-repeat;
}

a.jp-mute:hover {
    background: url("../img/jplayer-black-and-yellow.png") -43px -68px no-repeat;
}

a.jp-unmute {
    display: none;
    background: url("../img/jplayer-black-and-yellow.png") -5px -98px no-repeat;
}

a.jp-unmute:hover {
    background: url("../img/jplayer-black-and-yellow.png") -43px -98px no-repeat;
}

div.jp-jplayer {
    background-color: #292a2b;
}


/* Comments */

p.form-submit input {
    text-transform: uppercase;
}

.comment-form-author > p {
    float: left;
    width: 50%;
    padding-right: 10px;
}

.comment-form-author > p.comment-form-email {
    padding-right: 0;
    padding-left: 10px;
}

.comment-form input[type="text"],
.comment-form-comment textarea {
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    padding: 13px 18px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.comment-form-comment textarea {
    padding: 13px 18px;
}

.comment-form input[type="submit"] {
    padding: 20px 40px;
    float: right;
    font-weight: 700;
}

.comment-form-author p label {
    display: inline-block;
    margin-left: 20px;
    text-transform: uppercase;
}

.comment-form-author span.required {
    color: #fe4743;
}

.comment-form-comment textarea {
    margin-bottom: 20px;
    width: 100%;
    line-height: 1.4;
}

.comment-title-container {
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #dadada;
}

.comment-title-container h4 {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    color: #000;
    z-index: 1;
}

#reply-title.comment-reply-title {
    display: none;
}

.comment-author-img {
    float: left;
    margin-left: 7px;
    margin-right: 20px;
}

.comment-author-img img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.comment-meta {
    line-height: 1;
    color: #696969;
    margin-bottom: 18px;
}

.comment-meta .comment-author-link {
    display: block;
    margin-bottom: 10px;
}

.comment-meta .comment-author-link,
.comment-meta .comment-author-link a {
    color: #343434;
    font-size: 16px;
    font-weight: bold;
}

.comment-meta a.comment-reply-link {
    color: #696969;
    font-weight: bold;
    text-transform: uppercase;
}

.comment-body {
    position: relative;
    margin-left: 117px;
}

.comment-body p:last-child {
    margin-bottom: 0;
}

.comment-list .comment-block .comment-block .comment {
    padding-left: 40px;
}

.comment-list .comment-block .comment-block .comment-block .comment {
    padding-left: 80px;
}

.comment-list .comment-block .comment-block .comment-block .comment-block .comment {
    padding-left: 120px;
}

.comment-block .comment {
    position: relative;
    float: left;
    padding-bottom: 40px;
    border-bottom: 1px solid #dadada;
    margin-bottom: 40px;
    width: 100%;
}

.commentlist .bypostauthor {}

#fbcomments,
.fb-comments,
.fb-comments iframe[style],
.fb-comments span {
    width: 100% !important;
}


/* Single tags */

.single .entry-tags i {
    padding-right: 10px;
}

.single .entry-tags a {
    padding: 3px 5px;
    border: 1px solid #ccc;
    margin-right: 5px;
}


/* Single pagination */

.single .pagination li {
    list-style: none;
}

.single .pagination,
.single .pagination ul {
    margin: 0;
    padding: 0;
}

.single .pagination a {
    width: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    background: #2b353e;
    color: #fff;
}

.single .pagination a:hover {
    background: #1d2124;
}


/* ------------ Elements --------------- */


/* Button */

.btn_hd {
    color: #fff;
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 18px 35px;
    background: #FC0;
    text-transform: uppercase;
    border: 2px solid #FC0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    position: relative;
    min-width: 180px;
    text-align: center;
    *display: inline;
    *zoom: 1;
}

.btn_hd i {
    margin-left: 7px;
}

.btn_hd:hover {
    background: transparent;
    color: #FFFFFF;
}

.btn_hd.white-button {
    color: #222 !important;
}

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

.btn_hd.btn-border.white-button:hover {
    color: #222 !important;
}

.btn_hd.btn-border.white-button {
    color: #fff !important;
}

a.btn-border {
    background: transparent;
    color: #FFFFFF;
}

ul.sf-menu > li.btn_hd {
    padding: 14px 0 !important;
    margin: 16px 0;
    min-width: 50px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

ul.sf-menu > li.btn_hd span {
    display: none;
}

.header-small ul.sf-menu > li.btn_hd {
    padding: 14px !important;
    margin: 8px 18px;
}

ul.sf-menu > li.btn_hd.btn-border {
    color: #ffcc00;
    background: #fff;
}

ul.sf-menu > li.btn_hd:after {
    display: none;
}

ul.sf-menu > li.btn_hd > a {
    padding: 0 15px;
    color: #fff;
}

ul.sf-menu > li.btn_hd.fa > a {
    font-family: Fontawesome, sans-serif;
}

ul.sf-menu > li.btn_hd > a:hover,
ul.sf-menu > li.btn_hd:hover > a {
    color: #2A6496;
}

ul.sf-menu > li.btn_hd.btn-border > a:hover {
    color: #fff;
}

.btn-s {
    min-width: 120px;
    padding: 14px;
    font-size: 14px;
}

.btn-l {
    padding: 22px 40px;
    font-size: 20px;
    font-weight: 700;
    border-width: 2px;
    text-transform: uppercase;
    min-width: 220px;
}

.btn-xl {
    padding: 30px 50px;
    font-size: 20px;
    font-weight: 700;
    border-width: 2px;
    text-transform: uppercase;
    min-width: 260px;
}

.btn-l i,
.btn-xl i {
    margin-left: 10px;
}


/* Label */

.label {
    padding: 0px 4px;
    background-color: #00bef2;
    font-weight: normal;
    text-shadow: none;
    line-height: 1.6;
    font-size: 13px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}


/* Dropcaps */

.tw-dropcap {
    float: left;
    margin-top: 6px;
    margin-right: 20px;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 1;
}

.tw-dropcap.dropcap_square,
.tw-dropcap.dropcap_circle {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 24px;
    text-align: center;
    background-color: #1d2124;
    color: #FFF;
}

.tw-dropcap.dropcap_circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.tw-dropcap.dropcap_border {
    border: 2px solid #1d2124;
    background-color: transparent;
    line-height: 44px;
}


/* ------------ Error 404 ------------- */

#error404-container {
    position: relative;
    margin: 150px 0;
}

h3.error404 {
    text-align: center;
    text-transform: uppercase;
    font-size: 72px;
}

h2.errorh2 {
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    color: #787d82;
}

h3.error404 span {
    color: #1d2124;
}

.tw-404-search-container form {
    display: inline-block;
    margin: 0;
}

.tw-404-search-container form#searchform input {
    margin: 0;
    width: 100%;
    border: 1px solid #d0d3d6;
    background: transparent;
}

.tw-404-search-container form#searchform i {
    color: #787d82;
}

.error4button,
.tw-404-search-container form {
    position: relative;
    margin: 10px;
    text-transform: uppercase;
}

.tw-404-search-container {
    text-align: center;
}


/* Theme Boxed Layout Style*/

.theme-boxed {
    margin-left: auto;
    margin-right: auto;
    background: #f2f2f2;
    position: relative;
    width: 1230px;
}

.theme-boxed .fixed-footer,
.theme-boxed #header.header-small {
    width: 1230px;
    left: auto;
    right: auto;
}

.ie8 .theme-boxed .fixed-footer,
.ie8 .theme-boxed #header.header-small,
.ie8 .theme-boxed {
    width: 1000px;
}

.waves-full-element>.row {
    margin-right: 0px;
    margin-left: 0px;
}

.theme-boxed .waves-full-element {
    margin-left: -30px;
    width: 1230px;
}

.waves-full-element .waves-carousel-portfolio .owl-buttons {
    display: none;
}


/* Scroll Up Style */

#scrollUp {
    position: fixed;
    z-index: 100;
    right: 30px;
    bottom: 30px;
    display: none;
    width: 45px;
    height: 45px;
    color: #ff8900;
    text-align: center;
    font-size: 16px;
    line-height: 42px;
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 2px solid #e66303;
}

#scrollUp:hover {
    background-color: #ff8900;
    color: #fff;
}


/* Container background Video */

.background-video,
.video-mask,
.video-mask-color {
    position: absolute;
    width: 100%;
    height: 100%;
}

.video-mask {
    top: 0;
    left: 0;
    z-index: 3;
    cursor: pointer;
    background-image: url(../img/video-mask.png);
    background-repeat: repeat;
    background-size: 2px 2px;
    transition: background 1s;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -o-transition: background 1s;
}

.paused > .video-mask {
    background-color: rgba(0, 0, 0, 0.5);
}

.video-mask-color {
    top: 0;
    left: 0;
    z-index: 3;
    background: #000;
    zoom: 1;
    filter: alpha(opacity=30);
    opacity: .3;
}

.bg-video-container {
    text-align: center;
    margin-top: 44px;
    margin-bottom: 46px;
}

.bg-video-play,
.acc-blog-video-play {
    text-align: center;
    cursor: pointer;
    color: #808080;
    width: 150px;
    height: 150px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    border-style: solid;
    border-width: 12px;
    border-color: rgba(0, 0, 0, .33);
    font-size: 40px;
    line-height: 150px;
    margin: 55px auto;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.bg-video-play:hover,
.acc-blog-video-play:hover {
    color: #ffffff;
    background-color: #ffcc00;
    border-color: #ffffff;
}

.bg-video-container h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 1.35;
}

.bg-video-horizontal {
    position: relative;
}

.bg-video-horizontal h2 {
    position: absolute;
    width: 50%;
    padding-right: 125px;
    top: 50%;
    margin-top: -70px;
}

.bg-video-horizontal h2.bg-video-last-text {
    right: 0;
    padding-right: 0px;
    padding-left: 125px;
}


/* ThemeWaves Page Builder CSS Start */


/* Main Grid Padding CSS */

#theme-layout #hd_main {
    padding: 0;
}

.waves-pagebuilder #theme-layout #hd_main {
    padding: 0;
}

#theme-layout #hd_main,
#slider {
    position: relative;
    background-color: #000000;
}

.page-template-template-onepage-php #theme-layout #hd_main {
    padding: 0;
}

#theme-layout #hd_main [class*="col-md"] {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    *display: inline;
}

#theme-layout #hd_main .waves-portfolio [class*="col-md"] {
    margin-top: 15px;
    margin-bottom: 15px;
}

#theme-layout #hd_main .waves-portfolio [class*="col-md-3"] {
    width: 24.9%;
}


/* Container Styles */

.bg-scroll,
.bg-fixed,
.bg-parallax {
    background-size: cover;
}

.bg-fixed,
.bg-parallax {
    background-attachment: fixed;
}

.bg-pattern {
    background-repeat: repeat;
    background-position: left top;
}


/* Page Builder Elements START */


/* Accordion, Toggle Element */

.accordion-group {
    margin-bottom: 2px;
}

.accordion-heading .accordion-toggle {
    position: relative;
    display: block;
    padding: 20px 20px 18px;
    cursor: pointer;
    line-height: 1;
    font-size: 16px;
    text-transform: uppercase;
    color: #696969;
    background-color: #f1f1f1;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

.accordion-heading .accordion-toggle i {
    padding-right: 5px;
}

.accordion-heading .accordion-toggle:hover {
    color: #1d2124;
}

.accordion-inner {
    border: 1px solid #f1f1f1;
    padding: 25px 30px;
}

.accordion-inner p:last-child {
    margin-bottom: 0;
}

.collapse {
    position: relative;
    display: none;
    overflow: hidden;
}

.accordion-group.active .collapse,
.accordion-group.closing .collapse {
    display: block;
}

.accordion-group.active .accordion-toggle {
    background-color: #ffcc00;
    color: #ffffff;
    font-weight: 700;
    position: relative;
}

.accordion-group.active .accordion-toggle:after {
    z-index: 1;
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    right: 22px;
    bottom: -5px;
    background: #ffcc00;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* Callout Element */

.waves-callout .callout-container {
    background-color: #ffcc00;
    padding: 35px 50px;
}

.waves-callout .callout-text {
    position: relative;
}

.waves-callout .callout-text p {
    font-size: 24px;
    line-height: 1.5;
    color: #FFF;
    margin-bottom: 0;
}

.waves-callout.with-button p {
    padding-right: 180px;
}

.waves-callout .btn-callout {
    position: absolute;
    top: 50%;
    right: 0;
    margin: -29px 0 0 20px;
    padding: 18px 25px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    border: 2px solid #fff;
    background: #fff;
    color: #ffcc00;
}

.waves-callout .callout-text > a.btn_hd i {
    margin: 0 0 0 10px;
}

.waves-callout .btn-callout:hover {
    background: transparent;
    color: #fff;
    border-color: #fff;
}


/* Carousel Element */


/* clearfix */

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}


/* Owl Carousel Start*/

.list_carousel .owl-buttons div {
    position: absolute;
    left: -45px;
    top: 40%;
    display: inline-block;
    width: 32px;
    height: 28px;
    background: url(../img/portfolio-button.png) no-repeat;
    background-position: -32px 0px;
}

.list_carousel .owl-buttons div.owl-next {
    background-position: -67px 0px;
    left: auto;
    right: -45px;
}

.list_carousel .owl-buttons div:hover {
    opacity: 0.5;
}

.list_carousel .owl-buttons div i {
    font-size: 42px;
    color: #a7aaaa;
}

.list_carousel .owl-buttons div:hover i {
    color: #000;
}


/* Styling Pagination*/

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 15px;
    height: 20px;
    margin: 0 5px;
    border: 2px solid rgba(0, 0, 0, 0);
    border-right: 0;
    border-left: 0;
    position: relative;
}

.owl-theme .owl-controls .owl-page span:after {
    padding: 0;
    content: '•';
    position: absolute;
    top: 50%;
    left: 3.5px;
    margin-top: -15.5px;
    color: #969696;
    font-size: 26px;
    line-height: 30px;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span,
.owl-theme .owl-controls .owl-page.active span:after,
.owl-theme .owl-controls .owl-page:hover span:after {
    color: #ffcc00;
}


/* Twitter Carousel Testimonials */

.waves-carousel-twitter.list_carousel .owl-buttons {
    top: auto;
    bottom: -80px;
    right: 50%;
    margin-right: -16px;
}

.waves-carousel-testimonial.list_carousel .owl-buttons {
    position: absolute;
    top: 75px;
    right: 50%;
    margin-right: -177px;
}

body .waves-carousel-testimonial.list_carousel .owl-buttons div {
    position: static;
    display: inline-block;
    margin-right: 145px;
}

.waves-carousel-testimonial.list_carousel .owl-buttons .owl-next {
    margin-right: 0;
    margin-left: 145px;
}

.waves-carousel-testimonial.without-avatar .testimonial-content {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.7;
}

.waves-carousel-testimonial.without-avatar .testimonial-name {
    text-transform: none;
    font-size: 26px;
}


/* display none until init */

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel li {
    list-style: none;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.waves-carousel-team .owl-carousel .owl-item {
    min-width: 100px;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.owl-controls .owl-pagination {
    margin-top: 20px;
    text-align: center;
    display: none;
}

.theme-boxed .owl-controls .owl-pagination {
    display: block;
}

.theme-boxed .list_carousel .owl-buttons div {
    display: none;
}


/* mouse grab icon */

.grabbing {
    cursor: url(../img/grabbing.png) 8 8, move;
}


/* fix */

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.waves-carousel-twitter .owl-wrapper,
.waves-carousel-testimonial .owl-wrapper {
    -webkit-transition: all 0ms ease !important;
    -moz-transition: all 0ms ease !important;
    -o-transition: all 0ms ease !important;
    transition: all 0ms ease !important;
}


/* Theme Carousel styles*/

.carousel-container {
    position: relative;
}

.carousel-thumbnail,
.waves-carousel.entry-media {
    position: relative;
}

.list_carousel .carousel-content {
    background: #efefef;
    padding: 25px;
}

.list_carousel .carousel-content > p {
    color: #343434;
}

.list_carousel .carousel-title {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.2;
    text-transform: uppercase;
}

.list_carousel .carousel-title a {
    color: #000;
}

.list_carousel .carousel-title a:hover,
.carousel-content .more-text:hover {
    color: #ffcc00;
}

.carousel-thumbnail .more-text {
    z-index: 9;
    position: absolute;
    top: 50%;
    left: 50%;
    border: 2px solid #e8e8e8;
    color: #fff;
    padding: 15px 27px;
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
    margin: -25px 0 0 -80px;
}

.carousel-content .entry-meta-abs {
    position: static;
}

.carousel-content .entry-meta-abs a {
    color: #696969;
}

.list_carousel {
    margin: 0 -15px;
}

.list_carousel .list_carousel {
    margin: 0;
}

.list_carousel .tw-owl-item {
    margin: 0 15px;
}

.waves-carousel-post.list_carousel .tw-owl-item,
.waves-carousel-portfolio.list_carousel .tw-owl-item {
    width: 370px;
    float: left;
}

.list_carousel .tw-owl-item {
    display: none;
}

.owl-carousel .tw-owl-item {
    display: block;
}

.waves-carousel-post.list_carousel .owl-item .tw-owl-item,
.waves-carousel-portfolio.list_carousel .owl-item .tw-owl-item {
    width: auto;
    float: none;
    position: relative;
}


/* Partner Carousel */

.waves-carousel-partner .tw-owl-item {
    text-align: center;
}

.waves-carousel-partner .part-container img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

.waves-carousel-partner .part-container img:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}


/* Portfolio Carousel */

.waves-portfolio.list_carousel .carousel-content {
    padding: 20px 10px;
    text-align: center;
}

.waves-portfolio.list_carousel .portfolio-meta {
    color: #808080;
}


/* Portfolio */

.single-portfolio .media-container {
    margin-bottom: 13px;
    margin-top: 8px;
}

.portfolio-title {
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
}

.single-portfolio.single-article .portfolio-meta {
    color: #343434;
    line-height: 1.8;
}

.single-portfolio .portfolio-meta>a {
    font-size: 14px;
    color: #696969;
}

.single-portfolio .portfolio-title {
    margin-bottom: 0;
    line-height: 1.4;
}

.single-portfolio h3.portfolio-title {
    margin-bottom: 15px;
}

.article-post-link {
    display: none;
    margin-top: 14px;
}

.article-post-link a {
    display: inline-block;
    width: 32px;
    height: 29px;
    background: url(../img/portfolio-button.png) no-repeat;
}

.article-post-link a:hover {
    background-image: url(../img/portfolio-button-hover.png);
}

.article-post-link a.close {
    margin-left: -30px;
}

.article-post-link a.prev,
.article-post-link a.next {
    float: right;
}

.article-post-link a.prev {
    background-position: -32px 0px;
}

.article-post-link a.next {
    margin-left: 20px;
    background-position: -67px 0px;
}

.article-single-ajax .article-post-link {
    display: block;
}

.waves-portfolio .isotope-container[data-column="5"]>article,
.waves-portfolio.waves-full-element .isotope-container[data-column="5"]>article {
    width: 19.97%;
}

.waves-portfolio .isotope-container[data-column="5"]>article.horizontal,
.waves-portfolio.waves-full-element .isotope-container[data-column="5"]>article.horizontal {
    width: 39.94%;
}

.waves-portfolio .isotope-container[data-column="4"]>article {
    width: 24.97%;
    display: inline-block;
    vertical-align: top;
}

.waves-portfolio.waves-full-element .isotope-container[data-column="4"]>article {
    width: 24.98%;
}

.waves-portfolio .isotope-container[data-column="4"]>article.horizontal,
.waves-portfolio.waves-full-element .isotope-container[data-column="4"]>article.horizontal {
    width: 50%;
}

.waves-portfolio .isotope-container[data-column="3"]>article {
    width: 33.34%;
}

.waves-portfolio .isotope-container[data-column="3"]>article.horizontal {
    width: 66.68%;
}

.waves-portfolio.waves-full-element .isotope-container[data-column="3"]>article {
    width: 33.319%;
}

.waves-portfolio.waves-full-element .isotope-container[data-column="3"]>article.horizontal {
    width: 66.638%;
}

.waves-portfolio .isotope-container[data-column="2"]>article {
    width: 50%;
}

.waves-portfolio .isotope-container[data-column="1"]>article {
    width: 100%;
}

.waves-portfolio article.portfolio {
    padding: 5px;
}

.waves-portfolio .isotope-container {
    margin: 0 0px 0 10px;
}

.waves-portfolio.waves-full-element .isotope-container {
    padding: 0;
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

.waves-portfolio .portfolio-content {
    padding: 20px;
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -40px;
    text-align: center;
}

.waves-portfolio .portfolio-meta {
    display: block;
    line-height: 1.5;
    color: #fff;
}

.waves-portfolio h2.portfolio-title {
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1.2;
    margin: 0;
}

.waves-portfolio .portfolio-content a {
    color: #fff;
}

.portfolio-thumb>img {
    width: 100%;
}

.portfolio-thumb {
    position: relative;
    overflow: hidden;
}


/* Portfolio Fullwidth style */

.waves-portfolio.waves-full-element article.portfolio {
    padding: 0;
    margin: 0;
}


/* Portfolio Animation */

.isotope-container article.initing {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

article.not-inited {
    left: 0 !important;
    top: 0 !important;
    opacity: 0;
}


/* Related portfolios */

#theme-layout #hd_main .related_portfolios .waves-portfolio {
    margin-top: -15px;
    margin-bottom: 0;
}


/* Portfolio hover */

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(255, 204, 0, 0.9);
}

.image-overlay > img,
.image-overlay a > img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
}

.waves-thumbnail:hover .image-overlay,
.entry-media:hover .image-overlay {
    opacity: 1;
}

.portfolio-thumb .image-overlay:before {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    border: 1px solid #FFF;
    content: '';
}

.overlay-link {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 35%;
    top: calc(50% - 50px);
}

.overlay-container:hover .image-overlay {
    opacity: 1;
}


/* Graph Chart, Pie Chart on Page Builder */

.list-desc,
.with-list-desc {
    display: inline-block;
    vertical-align: middle;
}

.list-desc {
    width: 20%;
    opacity: 0;
}

.with-list-desc {
    width: 70%;
}

.list-desc>ul {
    list-style: none;
    margin: 0;
    padding-left: 10px;
}

.list-desc>ul>li>i {
    display: inline;
    margin-right: 10px;
}


/* Circle Chart Element */

.tw-circle-chart {
    position: relative;
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
}

.style-4 .tw-circle-chart {
    background: #fff;
}

.tw-circle-chart.style_2 {
    display: inline-block;
    *display: inline;
    margin: 0 10px 10px 0;
}

.tw-circle-chart canvas {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.tw-circle-chart span span,
.tw-circle-chart > span {
    display: block;
    line-height: 1;
}

.tw-circle-chart > span {
    width: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.tw-circle-chart span span {
    font-size: 15px;
    margin-top: 10px;
}


/* Divider Element */

.tw-divider-space {
    text-align: center;
}

.tw-divider {
    position: relative;
    margin: 0;
}

.tw-divider div {
    height: 1px;
    background: #bdc3c7;
}


/*
.waves-heading i, .tw-divider i {
	position: absolute;
	left: 50%;
	height: 30px;
	width: 60px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	background: #fff;
	top: -14px;
	margin-left: -30px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
*/

.tw-divider h6 {
    text-align: center;
    text-transform: uppercase;
    position: relative;
    top: -6px;
    font-size: 9px;
}

.tw-divider span {
    font-weight: normal;
    padding: 8px 15px;
    background: #FFF;
}

.tw-divider.divider-minimal>div {
    margin: 0 auto;
    max-width: 370px;
}

.tw-divider.divider-top i,
.tw-divider.divider-top span {
    cursor: pointer;
    border: 1px solid #d1d4d7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.tw-divider.divider-top span {
    padding: 8px 15px;
}

.tw-divider.divider-right h6 {
    text-align: right;
}

.tw-divider.divider-left h6 {
    text-align: left;
}

.tw-divider.divider-right i {
    left: auto;
    margin-right: 15px;
    right: 0;
}

.tw-divider.divider-left i {
    left: 0;
    margin-left: 15px;
}


/* Heading Element */

.waves-heading {
    position: relative;
    text-align: center;
}

#theme-layout #hd_main .waves-heading.pop_up {
    /*    background-image: url(../img/bg_test.png);*/
    border: 4px solid #f33047;
    left: -100%;
    padding: 0;
    height: 0;
    width: 80%;
    transition: all 1.8s ease 0s;
    -webkit-transition: all 1.8s ease 0s;
    -moz-transition: all 1.8s ease 0s;
    -ms-transition: all 1.8s ease 0s;
    -o-transition: all 1.8s ease 0s;
}

#theme-layout #hd_main .waves-heading.pop_up.on {
    left: 0;
    padding: 2%;
    height: auto;
    transition: all 1.8s ease 0s;
    -webkit-transition: all 1.8s ease 0s;
    -moz-transition: all 1.8s ease 0s;
    -ms-transition: all 1.8s ease 0s;
    -o-transition: all 1.8s ease 0s;
}

#theme-layout #hd_main .waves-heading .heading-container {
    position: relative;
}

#theme-layout #hd_main .waves-heading .heading-title {
    position: relative;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 0;
    font-size: 52px;
    display: inline-block;
    background: transparent;
    z-index: 3;
}

.waves-heading .heading-title>span,
.waves-heading .heading-container p>span {
    color: #e27100;
}

#theme-layout #hd_main .waves-heading p {
    font-size: 16px;
    max-width: 970px;
    margin: 10px auto 0 auto;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.9);
    z-index: 3;
    position: relative;
}

.waves-heading.left h3,
.waves-heading.right h3 {
    font-size: 25px;
}

.waves-heading.left {
    text-align: left;
}

.waves-heading.left p {
    margin-left: 0;
}

.waves-heading.right {
    text-align: right;
}

.waves-heading.right p {
    margin-right: 0;
}


/* List Element */

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

ul.waves-list>li>i {
    margin-right: 10px;
    font-size: 14px;
    color: #ffcc00;
}

ul.waves-list li {
    line-height: 1.7;
    font-size: 16px;
}


/* Message Box Element*/

.alert {
    position: relative;
    margin-bottom: 6px;
    padding: 12px 20px;
    background-color: #d1d4d7;
    text-shadow: none;
    color: #95a5a6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.alert:last-child {
    margin-bottom: 0;
}

.alert-success {
    background-color: #e0f0d8;
    color: #468847;
}

.alert-info {
    background-color: #d8edf7;
    color: #3a87ad;
}

.alert-warning {
    background-color: #fcf7e3;
    color: #c09953;
}

.alert-danger {
    background-color: #f2dede;
    color: #b94a48;
}


/* Milestone Element */

.tw-milestones-count>.tw-milestones-show {
    position: relative;
    float: left;
    overflow: hidden;
    width: 24px;
    height: 40px;
    top: 0;
    left: -3px;
}

.tw-milestones-count>.tw-milestones-show>ul {
    width: 100%;
    position: absolute;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tw-milestones-count {
    color: #343434;
    font-size: 40px;
    display: inline-block;
    *display: inline;
    text-align: center;
}

.tw-milestones-icon {
    margin-bottom: 20px;
}

.tw-milestones-icon,
.tw-milestones-content {
    text-align: center;
}

.tw-milestones-show ul li {
    line-height: 1;
    margin-bottom: 3px;
    text-align: center;
}

.tw-milestones-show ul li:last-child {
    margin-bottom: 1px;
}

.tw-milestones-content span {
    display: block;
    line-height: 1;
}

.tw-milestones-icon.style_2 {
    float: left;
    margin-right: 25px;
    margin-bottom: 0;
}

.tw-milestones-content.style_2 {
    text-align: left;
}

.tw-milestones-content.style_3 .tw-milestones-show {
    font-size: 70px;
    height: 65px;
    width: 40px;
}

.tw-milestones-content.style_3 span {
    font-size: 26px;
    margin-top: 12px;
}


/* Price Block Element */

.tw-element.waves-pricing {
    padding-left: 0;
    padding-right: 0;
}

.tw-pricing-two {
    width: 50%;
}

.tw-pricing-three {
    width: 33.333%;
}

.tw-pricing-four {
    width: 25%;
}

.pricing-column {
    float: left;
    padding: 0 15px;
    margin: 40px 0;
}

.pricing-box {
    position: relative;
    background-color: #f5f5f5;
    border: 1px solid #858585;
    text-align: center;
}

.pricing-header {
    position: relative;
    background: #fff;
    padding: 0;
}

.pricing-header h1 {
    font-size: 24px;
    display: inline-block;
    background: #f5f5f5;
    border: 1px solid #000;
    color: #000;
    width: 200px;
    padding: 20px 0;
    position: relative;
    top: -30px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 0;
}

.pricing-header span {
    display: block;
    font-size: 18px;
    line-height: 1;
    color: #858585;
}

.pricing-top {
    text-align: center;
    background: #fff;
    padding-bottom: 20px;
}

.price-symbol {
    font-family: 'Montserrat', arial, sans-serif;
    font-weight: bold;
    font-size: 56px;
    line-height: 1;
    vertical-align: top;
}

.price-symbol span {
    font-size: 26px;
    padding-right: 5px;
    vertical-align: top;
}

.price-symbol span.month {
    vertical-align: bottom;
    margin-left: -20px;
}

.pricing-content {
    padding: 18px 0 24px;
}

.pricing-content p {
    margin-bottom: 35px;
}

.pricing-content ul {
    margin: 0;
    padding: 0;
    color: #343434;
}

.pricing-content ul li {
    margin: 0;
    line-height: 1;
    padding: 12px 0;
    font-size: 14px;
    list-style: none;
}

.pricing-content ul li:last-child {
    padding-bottom: 0;
}

.pricing-footer a {
    display: inline-block;
    font-family: 'Montserrat', arial, sans-serif;
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
    border: 2px solid #858585;
    background: #FFF;
    color: #858585;
    padding: 20px;
    margin: 0 0 -55px;
    text-transform: uppercase;
    overflow: hidden;
    width: 200px;
}

.pricing-box:hover .pricing-header h1,
.featured .pricing-box .pricing-header h1 {
    cursor: pointer;
    background: #ffcc00;
    border-color: #ffcc00;
}

.featured .pricing-footer a,
.pricing-box:hover .pricing-footer a {
    border-color: #000;
    color: #000;
}

.pricing-box:hover {
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}


/* Progress bar Element */

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

@-ms-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 40px 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

.progress {
    overflow: hidden;
    height: 16px;
    margin-bottom: 16px;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.waves-progress .bar {
    width: 0%;
    height: 15px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #ffcc00;
    background-repeat: repeat-x;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.waves-progress .bar+.bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
}

.progress-striped .bar {
    background-color: #149bdf;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px;
}

.waves-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;
}

.waves-progress .bar-container {
    overflow: hidden;
    background-color: #f5f5f5;
}

.waves-progress {
    margin-bottom: 20px;
}

.waves-progress:last-child {
    margin-bottom: 0;
}

.progress-title {
    font-weight: normal;
    position: relative;
    font-size: 15px;
    margin-bottom: 10px;
}

.progress-title span {
    position: absolute;
    margin-left: -21.5px;
    font-size: 12px;
    color: #fff;
    padding: 6px 8px;
    line-height: 1;
}

.progress .bar.tw-bi {
    background-image: none;
}


/* Service Element */

.tw-service-box {
    padding-bottom: 30px;
}

.tw-service-box:last-child {
    padding-bottom: 0;
}

.tw-service-box .tw-service-icon {
    display: block;
    margin-bottom: 28px;
    text-align: center;
}

.tw-service-box .tw-service-icon.pull-left,
.tw-service-box .tw-service-icon.pull-right {
    margin-bottom: 10px;
}

.tw-service-box .tw-service-content.desc_unstyle {
    text-align: inherit;
}

.tw-service-box .tw-service-content {
    text-align: center;
}

.tw-service-box .tw-service-content p:last-child {
    margin-bottom: 0;
}

.tw-service-box .tw-service-content a:hover {
    color: #222;
}

.tw-service-box h3 {
    cursor: pointer;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.tw-service-content a.more {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 2px #808080;
    font-family: 'Montserrat', arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #808080;
    padding: 9px 20px;
    text-transform: uppercase;
    margin-top: 25px;
    display: inline-block;
}

.tw-service-content a.more:hover {
    border-color: #ffcc00;
    background-color: #ffcc00;
    color: #ffffff;
}

.service-title-sep {
    margin: 20px auto 15px auto;
    width: 100%;
    height: 2px;
    background-color: #eaeaea;
}

.service-title-sep.left {
    margin: 28px auto 20px 0;
}

.service-title-sep.right {
    margin: 28px 0 20px auto;
}

.no-titleline .service-title-sep {
    display: none;
}

.tw-service-content h3 a {
    color: #707377;
}

.left-service,
.tw-service,
.right-service {
    display: inline-block;
    *display: inline;
    position: relative;
}

.left-service .tw-service-icon,
.right-service .tw-service-icon {
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
}

.right-service .tw-service-icon {
    left: auto;
    right: 0;
}

.tw-service-box.right-service .tw-service-content.desc_unstyle {
    text-align: right;
}

.tw-service-box.left-service .service-title-sep {
    margin-left: 0;
}

.tw-service-box.right-service .service-title-sep {
    margin-right: 0;
}

.left-service .tw-service-content a.more {
    background: transparent;
    margin-top: 20px;
    padding: 0;
    border: none;
    color: #808080;
    font-weight: 500;
    float: right;
}

.left-service .tw-service-content a.more:hover {
    background: transparent;
}

.left-service .tw-service-content a.more:hover {
    color: #ffcc00;
}

.tw-service-box.style_1 .tw-service-content a.more:hover {
    border-color: #ffcc00;
    background-color: #ffcc00;
    color: #ffffff;
}

.tw-service-box.style_1.left-service .tw-service-content a.more:hover {
    color: #ffcc00;
    background-color: transparent !important;
}

.tw-service-box.style_1:hover h3,
.tw-service-box.style_2:hover h3 {
    color: #ffcc00;
}

.tw-service-box.style_1:hover .tw-font-icon {
    color: #ffcc00 !important;
    border-color: #ffcc00 !important;
    background: #fff !important;
}

.tw-service-box.left-service.style_2:hover .tw-font-icon,
.tw-service-box.right-service.style_2:hover .tw-font-icon {
    color: #fff !important;
    background-color: #ffcc00 !important;
    border-color: #ffcc00 !important;
}

.tw-service-box.style_1,
.tw-service-box.style_2 {
    cursor: pointer;
}

.tw-service-box.top-service.style_2 {
    padding: 0 20px 25px;
    border: solid 1px transparent;
}

.tw-service-box.top-service.style_2:hover {
    border-color: #ffcc00;
    -webkit-box-shadow: 0 0 7px rgba(1, 1, 1, .1);
    -moz-box-shadow: 0 0 7px rgba(1, 1, 1, .1);
    box-shadow: 0 0 7px rgba(1, 1, 1, .1);
}

.tw-service-box.style_3 h3,
.tw-service-box.style_3 .tw-font-icon {
    cursor: pointer;
}

.tw-service-box.style_3:hover h3 {
    color: #1c1c1c;
}

.tw-service-box.style_3:hover .service-title-sep {
    background: #ffcc00;
}

.tw-service-box.style_3:hover .tw-font-icon {
    color: #ffcc00 !important;
    border-color: #ffcc00 !important;
}

.tw-service-box.style_3 .tw-service-content p {
    padding: 0 15px;
}

#theme-layout #hd_main .tw-element.style_3 {
    padding: 0;
}

.tw-service-box.style_4 .tw-font-icon:hover {
    cursor: pointer;
    background: #fff !important;
    color: #343434 !important;
    -moz-box-shadow: 0 0 7px 0 rgba(2, 3, 3, .15);
    -webkit-box-shadow: 0 0 7px 0 rgba(2, 3, 3, .15);
    box-shadow: 0 0 7px 0 rgba(2, 3, 3, .15);
}

.tw-service-box.style_5:hover h3 {
    color: #ffcc00;
}

.tw-service-box.style_5:hover .tw-font-icon {
    color: #ffcc00 !important;
}

.tw-font-icon,
.tw-font-icon:after,
.tw-font-icon:before {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.fi-rotate {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.fi-rotate:before {
    display: inline-block;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


/* Tab Element */

.nav-tabs>li i {
    font-size: 44px;
}

.nav-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.nav-tabs>li {
    line-height: 1.5;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    position: relative;
}


/*.nav-tabs>li a {
	position: relative;
	display: block;
	padding: 30px 5px;
	margin: 0 10px;
	border: 3px solid #808489;
	color: #D2D2D2;
	top: 0;
	border-radius: 15px;
	-webkit-transition: top 0.5s ease;
	-moz-transition: top 0.5s ease;
	-o-transition: top 0.5s ease;
	-ms-transition: top 0.5s ease;
	transition: top 0.5s ease;
}*/


/*.nav-tabs>li.active a:after {
	top: 100%;
	left: 50%;
	margin-left: -55px;
	content: " ";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 22px 57px 0 57px;
	border-color: #ffcc00 transparent transparent transparent;
}*/


/*.nav-tabs>li.active a {
	background: #ffcc00;
	top: 20px;
}*/

.nav-tabs>li.active i,
.nav-tabs>li.active:hover h5,
.nav-tabs>li.active h5 {
    color: #232A34;
}


/*.nav-tabs>li.active a {
	border-color: #ffcc00;
}
.nav-tabs>li .tab-icon {
	margin-bottom: 15px;
}*/

.nav-tabs>li h5 {
    font-size: 14px;
    text-transform: uppercase;
    margin: 5px 0;
    margin-top: 10px;
    color: #D2D2D2;
}

.nav-tabs>li:hover a,
.nav-tabs>li:hover h5 {
    color: #ffcc00;
}

.tab-two .nav-tabs>li {
    width: 50%;
}

.tab-three .nav-tabs>li {
    width: 33.33%;
}

.tab-four .nav-tabs>li {
    width: 25%;
}

.tab-five .nav-tabs>li {
    width: 20%;
}

.tab-six .nav-tabs>li {
    width: 16.6%;
}

.tab-seven .nav-tabs>li {
    width: 14.2%;
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
    margin-top: 20px;
}

.tab-init {
    opacity: 0;
}

.tab-content {
    width: 100%;
    min-height: 100px;
    text-align: center;
    padding: 40px 0;
    overflow: auto;
    font-size: 16px;
    color: #343434;
}

.tab-content .tab-pane-inner .price,
.tab-content .tab-pane-inner a.btn_hd {
    float: left;
    margin-bottom: 20px;
    margin-top: 50px;
}

.tab-content .tab-pane-inner .price {
    font-family: 'Montserrat', arial, sans-serif;
    color: #000;
    font-size: 40px;
    font-weight: bold;
    margin-right: 20px;
    line-height: 56px;
}


/* Team Element */

#theme-layout #hd_main .tw-element.waves-team {
    margin-bottom: 0;
}

.team-member {
    padding: 0 15px;
}

.waves-carousel>.team-member {
    display: none;
    float: left;
    width: 33.3%;
}

.waves-carousel>.team-member:nth-child(-n+3) {
    display: block;
}

.waves-team.col2 .team-member {
    width: 50%;
}

.waves-team.col3 .team-member {
    width: 33.3%;
}

.waves-team.col4 .team-member {
    width: 25%;
}

.waves-team .team-member {
    text-align: center;
}

.team-member .member-title h2 {
    font-size: 22px;
    line-height: 34px;
    margin: 0;
}

.team-member .member-title h2 a {
    color: #343434;
}

.member-image {
    position: relative;
    overflow: hidden;
}

.member-image>img {
    width: 100%;
}

.waves-team .member-pos,
.waves-carousel-team .member-pos {
    font-size: 16px;
    margin-bottom: 10px;
}

.member-title > .member-pos {
    margin-bottom: 0;
    color: #696969;
}

.waves-team .member-social .tw-social-icon {
    text-align: center;
}

.member-social .tw-social-icon a {
    position: relative;
    left: auto;
    margin: 0 5px;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 34px;
    font-size: 16px;
    background: rgba(0, 0, 0, 0);
    color: #343434;
    border: 2px solid #343434;
}

.member-content {
    padding: 25px 25px 15px;
    text-align: center;
}

.team-member:hover .member-content {
    opacity: 0;
}

.waves-team .title-sep {
    display: block;
    width: 70px;
    height: 2px;
    background-color: #e5e5e5;
    margin: 23px auto 22px;
}

.member-social .tw-social-icon a:hover {
    background: #000;
    color: #FFF;
}

.team-member:hover .member-title h2 a {
    color: #ffcc00;
}

.team-member .image-overlay {
    width: 95%;
    height: 95%;
    top: 2.5%;
    left: 2.5%;
    /*    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;*/
}


/*.team-member .overlay-container{
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
}*/

.team-member:hover .image-overlay {
    opacity: 1;
}

.team-member .image-overlay .hover-container {
    position: relative;
    display: block;
    text-align: center;
    height: 100%;
    width: 100%;
    top: 40%;
    margin-top: -101px;
    padding: 0 20px;
    color: #343434;
    font-size: 14px;
}

.team-member .image-overlay .hover-container h2,
.team-member .image-overlay .hover-container h2 a {
    font-size: 22px;
    margin-bottom: 0;
    color: #000;
}

.waves-team .hidden-content {
    display: none;
}

.portfolio-overlay-icon {
    position: relative;
    width: 100%;
    height: 100%;
}

.portfolio-overlay-icon a {
    font-size: 24px;
    color: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12px;
    margin-top: -12px;
}


/* Testimonial Element */

body.with-modal {
    overflow: hidden;
}

#team-modal-container {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(18, 36, 39, 0.9);
}

#team-modal-container>.team-modal {
    top: 50%;
    position: relative;
    padding: 40px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .5);
    box-shadow: 0 0 15px rgba(0, 0, 0, .5);
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translateX(20%);
    opacity: 0;
    -webkit-transition: translateX 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -moz-transition: translateX 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: translateX 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.with-modal #team-modal-container>.team-modal {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

#team-modal-container .team-actions-container {
    position: absolute;
    right: 40px;
    bottom: 31px;
}

#team-modal-container .member-image,
#team-modal-container .image-overlay {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#team-modal-container .member-image {
    width: 350px;
}

#team-modal-container .image-overlay {
    opacity: 0.7;
    border-color: #FFF;
    border-width: 5px;
    margin: 8px;
    background: none;
    width: 334px;
    height: 334px;
    border-style: solid;
}

#team-modal-container .member-title a {
    font-size: 22px;
    color: #000;
    text-transform: uppercase;
}

#team-modal-container .member-content {
    padding: 27px 0 27px 7px;
    text-align: left;
}

#team-modal-container .member-content>div,
#team-modal-container .team-actions-container>div {
    float: left;
}

#team-modal-container .member-content>.member-social {
    float: right;
}

#team-modal-container .member-content>.content,
#team-modal-container .member-pos {
    font-size: 16px;
}

#team-modal-container .member-content>.content {
    color: #343434;
    line-height: 1.8;
    margin: 24px 0 28px 0;
    width: 100%;
}

#team-modal-container .member-pos {
    color: #343443;
}

#team-modal-container .member-title h2 {
    margin: 32px 0 0px 0;
    line-height: 1.3;
}

#team-modal-container .team-actions-container>div {
    font-size: 14px;
    color: #969696;
    cursor: pointer;
}

#team-modal-container .team-actions-container>div:hover {
    color: #010101;
}

#team-modal-container .team-actions-container i {
    margin: 0 5px;
}

#team-modal-container .team-actions-container>.team-prev {
    margin-right: 30px;
}

#team-modal-container .team-actions-container>.team-close {
    display: none;
}

#team-modal-container .member-social .tw-social-icon a:last-child {
    margin-right: 0;
}

#team-modal-container .member-social .tw-social-icon a:hover {
    background-color: #ffd119;
    border-color: #ffd119;
}

#team-modal-container .member-social .tw-social-icon a:hover i {
    color: #fff;
}


/* Testimonial Element */

.waves-carousel-testimonial .testimonial-content {
    font-size: 20px;
    line-height: 1.4;
    max-width: 970px;
    margin: 0 auto;
}

.waves-carousel-testimonial .testimonial-content .list_name {
    color: #fff;
}

.testimonial-name {
    color: #343434;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

.testimonial-name span {
    font-weight: normal;
}

.testimonial-avatar img {
    width: 180px;
    height: 180px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 30px;
}


/* Twitter Element*/

ul.jtwt,
aside.widget ul.jtwt {
    position: relative;
    list-style: none;
    margin: 0;
    padding-left: 60px;
}

ul.jtwt li {
    margin: 0 0 30px;
    min-height: 28px;
    list-style: none;
}

aside.widget ul.jtwt li {
    margin-bottom: 5px;
}

ul.jtwt li:before {
    position: absolute;
    left: 0;
    display: inline-block;
    margin-top: 5px;
    color: #666;
    background: #fff;
    content: "\f099";
    text-decoration: inherit;
    font-size: 16px;
    font-family: FontAwesome;
    speak: none;
    width: 42px;
    height: 42px;
    text-align: center;
    border: 1px solid #666;
    padding-top: 5px;
}

.jtwt_loader {
    font-weight: normal;
}

.twitter-follow {
    display: inline-block;
}

aside.widget .twitter-follow {
    margin-top: 30px;
}

#sidebar .twitter-follow a,
.twitter-follow a {
    color: #1c1c1c;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: normal;
    border: 1px solid #1c1c1c;
}

#sidebar .twitter-follow a:hover,
.twitter-follow a:hover {
    border-color: #1c1c1c;
}


/* Twitter and Testimonial Carousel Element*/

.waves-carousel-twitter.list_carousel,
.waves-carousel-testimonial.list_carousel {
    position: relative;
    text-align: center;
    margin: 0;
}

.waves-carousel-twitter .waves-carousel p {
    float: none;
    opacity: 1;
}

.waves-carousel-twitter .waves-carousel p:first-child {
    opacity: 1;
}

.waves-carousel-twitter p {
    max-width: 900px;
    margin: 0 auto;
}


/* Twitter Carousel Element*/

.waves-carousel-twitter .waves-carousel p {
    font-size: 20px;
    line-height: 1.6;
    text-align: center;
    margin-top: 30px;
    font-weight: 500;
}

.waves-carousel-twitter .waves-carousel .twitter_time {
    display: block;
    font-size: 13px;
}

.waves-carousel-twitter .twitter-icon i {
    font-size: 48px;
}

.waves-carousel-twitter .twitter-icon span {
    display: none;
}

.waves-carousel-twitter .twitter-follow {
    margin: 10px 0 0 0;
}

.waves-carousel-twitter a,
.waves-carousel-twitter .twitter-item {
    color: #000;
}

.waves-carousel-twitter .twitter-follow a {
    border: none;
    font-weight: bold;
    font-size: 13px;
    text-transform: none;
}


/* Twitter Carousel Element Style2 */

.waves-carousel-twitter.style_2 > .waves-carousel {
    padding-left: 170px;
    padding-top: 30px;
    min-height: 170px;
}

.waves-carousel-twitter.style_2 .twitter-icon {
    position: absolute;
    left: 0;
    top: 0;
    border: 8px solid rgba(0, 0, 0, .25);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.waves-carousel-twitter.style_2 .twitter-icon i {
    font-size: 53px;
    color: #ffcc00;
    background: #ededed;
    width: 154px;
    height: 154px;
    line-height: 154px;
}

.waves-carousel-twitter.style_2 .waves-carousel .twitter_time {
    font-size: 15px;
    margin-top: 20px;
}

.waves-carousel-twitter.style_2 .waves-carousel p {
    font-size: 25px;
    margin-top: 0;
}

.waves-carousel-twitter.list_carousel.style_2 .owl-buttons {
    top: 0;
    right: 0;
    margin-right: 0;
}

.waves-carousel-twitter.style_2 .twitter-follow {
    display: none;
}


/* Testimonial Carousel Element*/

.waves-carousel>.testimonial-item {
    display: none;
}

.waves-carousel-testimonial .owl-controls .owl-pagination,
.waves-carousel>.testimonial-item:nth-child(1) {
    display: block;
}


/* Page Builder Elements End */


/* Blog */

.waves-blog > article.hentry {
    position: relative;
    margin-bottom: 30px;
}

.waves-blog .entry-box {
    position: relative;
    border: 1px solid #E0E0E0;
    padding: 23px 30px;
}

.entry-date {
    z-index: 9;
    position: absolute;
    top: 30px;
    left: 30px;
    width: 110px;
    padding: 15px 0;
    text-align: center;
    background: #ffcc00;
    color: #000;
    font-size: 20px;
    font-weight: 700;
}

.entry-date span {
    display: block;
    line-height: 1;
}

.entry-date span.year {
    font-size: 28px;
    font-weight: bold;
}

.entry-content p:last-child {
    margin: 0;
}

article.hentry a.more-link {
    z-index: 9;
    position: absolute;
    bottom: 20px;
    right: 20px;
    border: 2px solid #e8e8e8;
    color: #fff;
    padding: 15px 27px;
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}

article.hentry a.more-link:hover {
    background: #ffcc00;
    border-color: #ffcc00;
    color: #fff;
}

.entry-meta {
    color: #969696;
    line-height: 1;
    margin-bottom: 15px;
}

div.entry-meta a {
    color: #969696;
}

.entry-meta-abs a:hover,
.entry-meta a:hover,
.entry-meta-abs>span:hover>* {
    color: #ffcc00;
}

.entry-meta > span:after {
    padding: 0 4px;
    content: '/';
}

.entry-meta-abs {
    position: absolute;
    top: 30px;
    right: 10px;
    color: #696969;
}

.entry-meta-abs>span {
    margin-right: 20px;
}

.entry-meta-abs i {
    font-size: 14px;
    width: 32px;
    height: 32px;
    line-height: 28px;
    margin-right: 10px;
    text-align: center;
    border: 2px solid #696969;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.entry-meta-abs span:hover i {
    border-color: #ffcc00;
    color: #ffcc00;
}

.entry-meta > span:last-child:after {
    content: '';
}

.entry-media {
    position: relative;
    line-height: 0;
    overflow: hidden;
}

.entry-media p,
.format-status .entry-media {
    margin-bottom: 0;
}

.entry-media .waves-thumbnail>img {
    width: 100%;
}

.entry-title {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 1.4;
    text-transform: uppercase;
    padding-right: 230px;
}

.entry-title a {
    color: #000000;
}

.entry-title a:hover {
    color: #ffcc00;
}

.likeit i {
    margin-bottom: 3px;
}

.likeit.liked,
.likeit:hover {
    color: #ffcc00;
    cursor: pointer;
}


/* Grid Blog */

.waves-blog .blog-grid {
    padding-left: 0px;
    padding-right: 0px;
}

#theme-layout #hd_main .waves-blog .blog-grid article.hentry {
    margin: 0 0 30px;
}

.blog-grid .entry-box {
    background: #f8f8f8;
    padding: 20px 27px;
    border: none;
}

.blog-grid .entry-title {
    padding-right: 0;
    line-height: 1.2;
    margin-bottom: 10px;
}

.blog-grid .entry-date {
    display: none;
}

.blog-grid .entry-meta-abs {
    position: static;
    margin-top: 20px;
}

.blog-grid article.hentry a.more-link {
    opacity: 0;
    bottom: 50%;
    margin-bottom: -25px;
    right: 50%;
    margin-right: -86px;
}

.blog-grid .entry-media:hover a.more-link {
    opacity: 1;
}


/* Accordion Blog */

.accordion-blog>article.acc-blog-group {
    margin-bottom: 2px;
    overflow: hidden;
}

.accordion-blog .acc-blog-group .entry-title {
    margin: 0;
    padding: 0;
    max-height: 28px;
    overflow: hidden;
}

.acc-blog-group .acc-blod-inner {
    background-size: cover;
    padding: 20px;
}

.acc-blog-group .entry-meta {
    margin: 0;
}

.acc-blog-group .head-box {
    height: 44px;
}

.acc-blog-group .entry-box {
    width: 350px;
    padding: 17px 20px;
    margin-left: 110px;
    border-style: none;
    background-color: rgba(255, 255, 255, 0.8);
    position: relative;
    z-index: 9;
}

.acc-blog-group .entry-date {
    top: 0px;
    left: -110px;
    background-color: rgba(255, 204, 0, 0.8);
}

.acc-blog-group .acc-blog-filter {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
}

.accordion-blog article.acc-blog-group .more-link,
.acc-blog-group .content-box,
.acc-blog-group:not(.format-quote) .entry-media,
.acc-blog-group>.acc-blog-video-play,
.acc-blog-group.opened .acc-blog-filter {
    display: none;
}

.acc-blog-group .entry-media .jp-interface,
.acc-blog-group .entry-media .jp-interface .jp-volume-bar,
.acc-blog-group .entry-media .jp-interface .jp-progress {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.acc-blog-group .entry-media .jp-interface {
    background-color: #f5f5f5;
}

.acc-blog-group .entry-media .jp-interface .jp-seek-bar,
.acc-blog-group .entry-media .jp-interface .jp-volume-bar,
.acc-blog-group .entry-media .jp-interface .jp-play-bar,
.acc-blog-group .entry-media .jp-interface .jp-volume-bar-value,
.acc-blog-group .entry-media .jp-interface {
    background-image: none;
}

.acc-blog-group .entry-media .jp-interface .seperator-first,
.acc-blog-group .entry-media .jp-interface .seperator-second {
    display: none;
}

.acc-blog-group .entry-media .jp-interface .jp-play {
    background-position: 0 -263px;
}

.acc-blog-group .entry-media .jp-interface .jp-play:hover {
    background-position: -30px -263px;
}

.acc-blog-group .entry-media .jp-interface .jp-pause {
    background-position: 0 -292px;
}

.acc-blog-group .entry-media .jp-interface .jp-pause:hover {
    background-position: -30px -292px;
}

.acc-blog-group .entry-media .jp-interface .jp-mute {
    background-position: 0 -330px;
}

.acc-blog-group .entry-media .jp-interface .jp-mute:hover {
    background-position: -30px -330px;
}

.acc-blog-group .entry-media .jp-interface .jp-unmute {
    background-position: 0 -360px;
}

.acc-blog-group .entry-media .jp-interface .jp-unmute:hover {
    background-position: -30px -360px;
}

.acc-blog-group .entry-media .jp-interface .jp-play-bar,
.acc-blog-group .entry-media .jp-interface .jp-seek-bar,
.acc-blog-group .entry-media .jp-interface .jp-volume-bar-value {
    margin: 0;
    height: 8px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.acc-blog-group .entry-media .jp-interface .jp-volume-bar {
    height: 8px;
}

.acc-blog-group .entry-media .jp-interface .jp-seek-bar,
.acc-blog-group .entry-media .jp-interface .jp-volume-bar {
    background-color: #19191b;
}

.acc-blog-group .entry-media .jp-interface .jp-play-bar,
.acc-blog-group .entry-media .jp-interface .jp-volume-bar-value {
    background-color: #33689c;
}

.acc-blog-group .content-box,
.accordion-blog article.acc-blog-group .more-link {
    background-color: rgba(255, 255, 255, 0.9);
    border-color: rgba(255, 255, 255, 0.9);
    color: #000;
}

.acc-blog-group .entry-content {
    margin-top: 27px;
    margin-bottom: 74px;
}

.acc-blog-group .entry-meta-abs {
    position: static;
}

.acc-blog-group .entry-meta-abs {
    position: static;
}

.acc-blog-group.format-video>.entry-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.acc-blog-group>.entry-media.url-video {
    z-index: 0;
    visibility: hidden;
}

.acc-blog-group>.acc-blog-video-play {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -87px;
    margin-left: -87px;
    z-index: 11;
}

.acc-blog-group.acc-blog-video-playing>.entry-media {
    visibility: visible;
}

.acc-blog-group.acc-blog-video-playing>.acc-blog-video-play {
    z-index: -1;
}

.acc-blog-group.format-audio .entry-media {
    display: none;
    position: absolute;
    z-index: -1;
}

.acc-blog-group.opened .content-box,
.acc-blog-group.opened .entry-media,
.acc-blog-group.opened>.acc-blog-video-play,
.accordion-blog article.acc-blog-group.opened .more-link {
    display: block;
}

.acc-blog-group.opened .entry-box {
    background-color: rgb(255, 255, 255);
}

.acc-blog-group.opened .entry-date:hover {
    background-color: rgb(255, 204, 0);
}

.acc-blog-group.opened .acc-blod-inner {
    padding-bottom: 90px;
}

.acc-blog-group.opened.format-audio .acc-blod-inner {
    padding-bottom: 30px;
}

.acc-blog-group.opened.format-audio .entry-media {
    margin-top: 30px;
    position: relative;
    z-index: 0;
}


/* Filter */

.tw-filters {
    margin-bottom: 30px;
    text-align: center;
}

.tw-filters ul.filters {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.tw-filters ul.filters li {
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

.tw-filters ul.filters li:last-child {
    margin-right: 0;
}

.tw-filters ul.filters li a {
    display: block;
    margin: 10px 0 10px 20px;
    padding: 5px 0;
    font-family: 'Montserrat', arial, sans-serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #969696;
    border: 2px solid rgba(0, 0, 0, 0);
    border-left: none;
    border-right: none;
}

.tw-filters ul.filters li a:hover,
.waves-pagination ul.page-numbers li a:hover {
    color: #000;
    border-color: #000;
}

.tw-filters ul.filters li a.selected,
.waves-pagination ul.page-numbers li span.current {
    border-color: #000;
    color: #000;
}

.tw-filters ul.filters li:after {
    padding: 0;
    content: '•';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20.5px;
    color: #969696;
    font-size: 22px;
}

.tw-filters ul.filters li:first-child:after {
    display: none;
}


/* Link post format */

.link-content {
    color: #fff;
    background: #343434;
    padding: 40px 60px;
    text-align: center;
    line-height: 1.6;
}

.link-content .link-text {
    font-size: 20px;
    font-weight: 500;
    margin: 0 auto 15px;
    max-width: 650px;
}

.link-content a {
    color: #fff;
}

.blog-grid .link-content {
    padding: 40px 25px;
}


/* Quote post format */

.quote-title-container {
    position: relative;
    display: table;
    background: #fff;
    top: 0px;
    left: -40px;
    margin-bottom: 12px;
}

.quote-title-container .entry-date {
    position: static;
    display: table-cell;
    color: #fff;
    vertical-align: middle;
}

.quote-title-container .entry-title {
    padding: 0;
}

.quote-title-container .qoute-title {
    display: table-cell;
    padding: 0 40px 0 20px;
    font-size: 12px;
    vertical-align: middle;
}

.entry-media blockquote {
    background: #232a34;
    color: #fff;
    margin: 0;
    padding: 20px 60px;
    font-size: 25px;
    line-height: 1.5;
    border-bottom: 1px solid #40464f;
}

.entry-media .quote-text:before {
    content: '“';
}

.entry-media .quote-text:after {
    content: '”';
}

.entry-media .qoute-author {
    font-size: 18px;
    display: block;
    margin: 11px 0 2px;
}

.blog-grid .entry-media blockquote {
    padding: 25px;
    font-size: 20px;
}

.blog-grid .entry-media .qoute-author {
    font-size: 14px;
}

.blog-grid .quote-title-container {
    left: 0;
    top: 0;
    width: 100%;
}

.blog-grid .quote-title-container .entry-meta {
    display: none;
}


/* Aside post format */

.format-aside .entry-title {
    margin-bottom: 20px;
}


/* Status post format */

.format-status iframe.twitter-tweet {
    margin: 0 !important;
    display: inline !important;
    border-color: #d0d3d6 !important;
    width: 100% !important;
    max-width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
}


/* Image slide format */

.image-slide-container {
    position: relative;
    margin-left: 0;
    margin-right: 0;
}

.image-slide-container .tw-owl-item {
    opacity: 0;
    position: absolute;
    margin-left: 0;
    margin-right: 0;
}

.image-slide-container .tw-owl-item img {
    width: 100%;
}

.image-slide-container .tw-owl-item:first-child {
    opacity: 1;
    position: static;
}

.image-slide-container.list_carousel .owl-buttons {
    position: static;
}

.image-slide-container.list_carousel .owl-buttons div {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -28px;
    color: #343434;
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 34px;
    text-align: center;
    background-color: transparent;
    padding: 0;
    background: rgba(255, 255, 255, .9);
    opacity: .5;
    display: block;
}

.image-slide-container.list_carousel .owl-buttons div:hover {
    opacity: 1;
}

.image-slide-container.list_carousel .owl-buttons div.owl-next {
    left: auto;
    right: 0;
}


/* Blockquote Main */

.entry-content blockquote {
    font-size: 18px;
    font-weight: 300;
    margin: 35px 0;
    padding: 0 0 0 100px;
    position: relative;
}

.entry-content blockquote:before {
    font-weight: 700;
    content: "“";
    position: absolute;
    font-size: 80px;
    top: 24px;
    left: 50px;
}

.entry-content blockquote:last-child {
    margin-bottom: 20px;
}


/* Pagination */

.waves-pagination {
    text-align: center;
}

.waves-pagination ul.page-numbers {
    display: inline-block;
    padding: 0;
    margin: 10px;
    font-size: 14px;
}

.waves-pagination ul.page-numbers li {
    position: relative;
    list-style: none;
    float: left;
}

.waves-pagination ul.page-numbers li a,
.waves-pagination ul.page-numbers li span {
    display: block;
    position: relative;
    margin: 0 5px 0 15px;
    font-size: 13px;
    font-family: 'Montserrat', arial, sans-serif;
    font-weight: normal;
    text-align: center;
    color: #969696;
    border: 2px solid rgba(0, 0, 0, 0);
    border-right: 0;
    border-left: 0;
    width: 20px;
}

.waves-pagination ul.page-numbers li:after {
    padding: 0;
    content: '•';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20.5px;
    color: #969696;
    font-size: 22px;
}

.waves-pagination ul.page-numbers li:first-child:after {
    display: none;
}


/* Iframe video on Portfolio */

.portfolio .entry-video iframe {
    width: 100%;
}


/* Map */

.waves-map {
    position: relative;
}

.waves-map:after {
    content: '';
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 20px;
}

.waves-map iframe {
    min-width: 100%;
    min-height: 400px;
}

.waves-map .map {
    height: 100%;
}

.waves-map.styled>.map-markers {
    display: none;
}

.waves-map.styled .map img {
    max-width: none;
}


/* Infinite Scroll */

.tw-infinite-scroll a {
    display: inline-block;
    margin-top: 25px;
    padding: 0 20px;
    font-family: 'Montserrat', arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 48px;
    border: 2px solid #000;
    color: #000;
}

.dark .tw-infinite-scroll a:hover,
.tw-infinite-scroll a:hover {
    color: #ffcc00;
    border-color: #ffcc00;
}

.tw-infinite-scroll>.loading,
.tw-infinite-scroll[data-has-next="false"]>.next,
.tw-infinite-scroll[data-has-next="true"]>.no-more {
    display: none;
}

.tw-infinite-scroll[data-has-next="false"] {
    display: none;
}

.row-container {
    background-position: 50% 50%;
    position: relative;
}


/* CF7 */

div.wpcf7 {
    position: relative;
}

.wpcf7 input,
.wpcf7 input[type="tel"],
.wpcf7 input[type="date"],
.wpcf7 input[type="text"],
.wpcf7 input[type="password"],
.wpcf7 input[type="email"],
.wpcf7 select {
    font-size: 12px;
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 10px 20px 10px 0;
}

.wpcf7-form-control-wrap.your-subject input {
    margin: 10px 0 10px 0;
}

.wpcf7 p {
    margin: 0;
}

.wpcf7 textarea {
    max-height: 185px;
    margin-top: 10px;
}

span.wpcf7-form-control-wrap {
    position: relative;
}

.wpcf7 input[type="submit"],
.wpcf7 input[type="submit"]:hover {
    display: block;
    margin: auto 0 auto auto;
    padding: 20px;
    text-transform: uppercase;
    width: 180px;
}

.wpcf7 input[type="submit"]:hover {
    opacity: .9;
}

span.wpcf7-not-valid-tip {
    display: inline-block;
    width: 320px;
    z-index: 99;
    padding: 10px 20px;
    color: #F35050;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    position: absolute;
    top: -14px;
    background: #F5F5F5;
}

div.wpcf7-validation-errors {
    border: 2px solid #F7E700;
    margin: 0 auto;
    width: 60%;
    font-weight: bold;
    text-align: center;
}


/* Sidebar */

#sidebar aside.widget ul.menu li {
    display: block;
}

aside.widget ul.menu li[class*="fa-"] a {
    padding-left: 10px;
}

aside.widget ul.menu li:before {
    font-family: 'Fontawesome';
    width: 18px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
}


/* Left Sidebar Section */

.waves-container {
    position: relative;
}

.waves-sidebar {
    font-size: 14px;
}


/* Container style */

.waves-container-seperator {
    height: 0;
    text-align: center;
}

.waves-container-seperator > svg {
    position: relative;
    z-index: 99;
}

.waves-container-seperator > svg.sep-brushed-top {
    top: -86px;
}

.waves-container-seperator >svg.sep-brushed-bottom {
    top: -11px;
}

.waves-container-seperator .sep-diagonal-top {
    top: -50px;
}

.with-top-slider #page .row-container:first-child > .waves-container-seperator svg.sep-brushed-top {
    top: -17px;
}

.with-top-slider #page .row-container:first-child > .waves-container-seperator svg.sep-diagonal-top {
    top: 0;
}

.waves-container-seperator.footer {
    padding-top: 50px;
    background: #fff;
}

body.waves-pagebuilder .waves-container-seperator.footer {
    padding-top: 0;
    background: none;
}


/* Newsletter plugin */

input[type="text"].wysija-input {
    margin-top: 10px;
}

.widget_wysija_cont .wysija-submit {
    border-color: #ffcc00;
    color: #ffcc00;
    background: #fff;
}

.widget_wysija_cont .wysija-submit:hover {
    opacity: .7;
}

.tw-element #sidebar .wysija-input,
.tw-element #sidebar .widget_wysija_cont .wysija-submit {
    display: inline-block;
}

.tw-element #sidebar .widget_wysija_cont p label,
.tw-element #sidebar .widget widget_wysija h3.widget-title {
    display: none;
}


/* Loader style */

.pace,
#waves-loader {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: fixed;
    z-index: 9999999999999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: white;
    background-image: url(../img/flat_loader.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#waves-loader {
    z-index: 9999999999998;
    /* .pace->zIndex - 1 */
}

body.loading {
    overflow: hidden;
}

body.pace-done>.pace,
.pace-inactive,
body.pace-done #waves-loader {
    display: none;
}

.pace .pace-progress {
    height: 4px;
    background-color: #ffcc00;
}


/* REV SLIDER A tag to White */

.rev_slider .tp-caption a {
    color: #fff;
}


/* ------------ If Container select Dark styles ------------- */

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark p,
.dark a,
.dark .waves-heading .sub-title,
.dark .tw-service-box h3,
.dark .progress-title,
.dark .waves-team .member-pos,
.dark ul.waves-list li,
.dark .tw-milestones-count,
.dark .tw-milestones-content span,
.dark .waves-carousel-twitter .twitter-follow,
.dark .waves-carousel-twitter .waves-carousel,
.dark .waves-carousel-twitter .waves-carousel li,
.dark .waves-carousel-testimonial .testimonial-author,
.dark .list_carousel.style_2 .carousel-content a,
.dark ul.jtwt li:before,
.dark .waves-carousel-twitter .twitter-follow a,
.dark .waves-carousel-twitter .twitter-icon span,
.dark .testimonial-content,
.dark .waves-carousel-testimonial.style-classic h2 a,
.dark .tw-infinite-scroll a,
.dark .widget div,
.dark .list-desc li {
    color: #ddd;
}

#performance h3 {
    font-size: 18px;
    font-weight: bold;
}

.dark a.btn_hd,
.dark .tw-social-icon a:hover {
    color: #fff;
}

.dark .tw-social-icon a {
    color: #1c1c1c;
}

.dark .list_carousel .carousel-content,
.dark .waves-carousel-twitter.style_2 .twitter-icon i {
    background: #fff;
}

.dark .testimonial-avatar img,
.dark .waves-carousel-twitter.style_2 .twitter-icon {
    border-color: rgba(255, 255, 255, .25);
}


/*.dark .owl-theme .owl-controls .owl-page.active span,
.dark .owl-theme .owl-controls.clickable .owl-page:hover span,
.dark .owl-theme .owl-controls .owl-page.active span:after,
.dark .owl-theme .owl-controls .owl-page:hover span:after{
    border-color: #fff;
    color: #fff;
}*/

.dark .tw-divider,
.dark .symbol .square,
.dark .tw-infinite-scroll a {
    border-color: #fff;
}

.dark .list_carousel.style_2 .carousel-content {
    border-color: rgba(209, 212, 215, .1);
}

.dark .tw-service-box.style_3 p,
.dark .tw-service-box.style_3 h3 {
    color: #808489;
}

.dark .tw-service-box .service-title-sep {
    background: #2c343f;
}

.dark .tw-service-box.style_3:hover .service-title-sep {
    background: #ffcc00;
}

#theme-layout #hd_main .dark .waves-heading .heading-title {
    color: #e27100;
    padding: 10px 0;
    font-family: 'Fjalla One', sans-serif;
    line-height: 1.3;
    font-size: 52px;
    margin-bottom: 0;
    font-weight: bold;
}

.dark .waves-heading.left .heading-title,
.dark .waves-heading.right .heading-title {
    color: #ddd;
}

.dark .tw-service-box.style_3:hover .tw-font-icon {
    color: #1c1c1c !important;
    border-color: #fff !important;
    background: #fff !important;
}

.dark .tw-service-box.style_3:hover p,
.dark .tw-service-box.style_3:hover h3 {
    color: #fff;
}

.dark .tw-filters ul.filters li a:hover,
.dark .waves-pagination ul.page-numbers li a:hover {
    color: #fff;
    border-color: #fff;
}

.dark .tw-filters ul.filters li a.selected,
.dark .waves-pagination ul.page-numbers li span.current {
    border-color: #fff;
    color: #fff;
}


/*.dark .article-post-link a, 
.dark .list_carousel .owl-buttons div{
    background-image: url(../img/portfolio-button.png);
}*/

.dark .article-post-link a {
    background-image: url(../img/portfolio-button.png);
}

.dark .article-post-link a:hover,
.dark .list_carousel .owl-buttons div:hover {
    opacity: 0.5;
}


/* ------------- Margin & Helper Classes ------------- */

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

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

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

.align-center,
.align-center .entry-content p {
    text-align: center;
}

.align-left,
.align-left .waves-heading {
    text-align: left;
}

.align-right,
.align-right .waves-heading {
    text-align: right;
}

.light_toggle {
    position: absolute;
    bottom: 25%;
}

#theme-layout #hd_main .mobile_tab_menu_toggle {
    display: none;
}

#theme-layout #hd_main .first_title {
    font-size: 115px;
    color: #FFF;
}

#theme-layout #hd_main .first_title2 {
    font-size: 60px;
    color: #e27100;
}

#theme-layout #hd_main .first_title3 {
    max-width: 420px;
    display: inline-block;
    text-align: left;
    line-height: 1em;
}

img.mobile_123 {
    display: none;
}

#theme-layout #hd_main #red_dot_pc {
    display: none;
}

.youtube_button_hd {
    cursor: pointer;
}

.led_position {
    position: absolute;
    top: 8%;
    left: 9%;
}

#theme-layout #hd_main .table_sm {
    display: block;
}

#theme-layout #hd_main .mobile_sm {
    display: none;
}

#theme-layout #hd_main .table_md {
    display: block;
}

#theme-layout #hd_main .mobile_md {
    display: none;
}

#theme-layout #hd_main .columns_ab {
    font-size: 0px;
}

#theme-layout #hd_main .columns_ab.two_photo {
    width: 72%;
    margin: 0 auto;
}

#theme-layout #hd_main .columns_ab p {
    font-size: 16px;
}

#theme-layout #hd_main .columns_ab p.font_style {
    color: rgba(241, 120, 0, 1);
    font-size: 14px;
    text-shadow: 0px 0px 3px #000;
}

#theme-layout #hd_main .columns_ab .column {
    width: 50%;
    padding: 0 24px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
}

#theme-layout #hd_main .columns_ab .column.p20 {
    width: 20%;
}

#theme-layout #hd_main .columns_ab .column.p40,
#theme-layout #hd_main .columns_ab .column.p40_md {
    width: 40%;
}

#theme-layout #hd_main .columns_ab .column.p60,
#theme-layout #hd_main .columns_ab .column.p60_md {
    width: 60%;
}

#theme-layout #hd_main .columns_ab .column.p30 {
    width: 30%;
}

#theme-layout #hd_main .columns_ab .column.p70 {
    width: 70%;
}

#theme-layout #hd_main .columns_ab .column.p20 {
    width: 20%;
}

#theme-layout #hd_main .columns_ab .column.p80 {
    width: 80%;
}

#theme-layout #hd_main .columns_ab .column_2 {
    width: 16.5%;
    padding: 0 6px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#theme-layout #hd_main .columns_ab .column_3 {
    width: 25%;
    padding: 0 6px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#theme-layout #hd_main .columns_ab .column_4 {
    width: 33.33%;
    padding: 0 6px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#theme-layout #hd_main .columns_ab .column_5 {
    width: 20%;
    padding: 0 6px;
    margin-top: 12px;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#theme-layout #hd_main p {
    color: #FFFFFF;
    margin: 10px 0;
}

#theme-layout #hd_main .content_title {
    color: #F17800;
    font-family: 'Fjalla One', sans-serif;
    font-style: 900;
    line-height: 1.3;
    padding: 10px 0;
    font-size: 32px;
    margin: 0;
    text-transform: uppercase;
}

#theme-layout #hd_main .second_info {
    font-family: 'Fjalla One', sans-serif;
    font-style: bold;
    text-transform: uppercase;
}

#theme-layout #hd_main .first_title {
    font-size: 96px;
    font-family: 'Fjalla One', sans-serif;
    line-height: 1.3;
    font-weight: 900;
    margin-bottom: 15px;
    display: inline-block;
}

#theme-layout #hd_main .sub_title {
    font-size: 43px;
    line-height: 1em;
    color: #F17800;
    font-family: 'Fjalla One', sans-serif;
    font-weight: 900;
    text-align: right;
    display: inline-block;
}

#theme-layout #hd_main .title_area {
    padding: 40px 0;
}

#theme-layout #hd_main .sub_title_area {
    padding: 48px 0 48px;
}

.boards_line_comet_animate {
    width: 100%;
    background-image: url(../img/blackwidow-chroma-wave-bg14.png);
    position: relative;
    -webkit-animation: mymove2 3s infinite;
    /* Chrome, Safari, Opera */
    animation: mymove2 3s infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    margin: 0 auto;
    float: left;
}

@-webkit-keyframes mymove2 {
    from {
        background-position: 0px 0px;
    }
    to {
        background-position: 0px 950px;
    }
}

@keyframes mymove2 {
    from {
        background-position: 0px 0px;
    }
    to {
        background-position: 0px 950px;
    }
}

@-webkit-keyframes comet {
    0% {
        background-color: #F00;
    }
    10% {
        background-color: #F90;
    }
    20% {
        background-color: #FF0;
    }
    30% {
        background-color: #0F0;
    }
    40% {
        background-color: #390;
    }
    50% {
        background-color: #0FF;
    }
    60% {
        background-color: #00F;
    }
    70% {
        background-color: #90F;
    }
    80% {
        background-color: #96F;
    }
    90% {
        background-color: #F6F;
    }
    100% {
        background-color: #F00;
    }
}

@keyframes comet {
    0% {
        background-color: #F00;
    }
    10% {
        background-color: #F90;
    }
    20% {
        background-color: #FF0;
    }
    30% {
        background-color: #0F0;
    }
    40% {
        background-color: #390;
    }
    50% {
        background-color: #0FF;
    }
    60% {
        background-color: #00F;
    }
    70% {
        background-color: #90F;
    }
    80% {
        background-color: #96F;
    }
    90% {
        background-color: #F6F;
    }
    100% {
        background-color: #F00;
    }
}

#theme-layout #hd_main #x99-board {
    position: relative;
    overflow: hidden
}

#theme-layout #hd_main #x99-board .board {
    text-align: center;
    max-width: 1000px;
    position: relative;
    margin: 0 auto;
    padding: 81px 0px;
}

#theme-layout #hd_main #x99-board .board .mbbg {
    width: 626px;
    margin: 0 auto;
    position: relative
}

#theme-layout #hd_main #x99-board .board .hb {
    display: inline-block
}

#theme-layout #hd_main #x99-board .board .mb_mobile {
    display: none
}

#theme-layout #hd_main #x99-board .board .line {
    position: absolute;
    z-index: 2
}

#theme-layout #hd_main #x99-board .board .line div.tx {
    padding: 0 5px;
    font-size: 15px;
    color: #fff
}

#theme-layout #hd_main #x99-board .board .line.p1 div.tx.l,
#theme-layout #hd_main #x99-board .board .line.p7 div.tx.l,
#theme-layout #hd_main #x99-board .board .line.p12 div.tx.l {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

#theme-layout #hd_main #x99-board .board .line.p4 div.tx.r {
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
}

#theme-layout #hd_main #x99-board .board .line.p2 div.tx.r,
#theme-layout #hd_main #x99-board .board .line.p3 div.tx.r,
#theme-layout #hd_main #x99-board .board .line.p5 div.tx.r,
#theme-layout #hd_main #x99-board .board .line.p6 div.tx.r,
#theme-layout #hd_main #x99-board .board .line.p8 div.tx.l,
#theme-layout #hd_main #x99-board .board .line.p9 div.tx.l,
#theme-layout #hd_main #x99-board .board .line.p10 div.tx.l,
#theme-layout #hd_main #x99-board .board .line.p11 div.tx.l {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#theme-layout #hd_main #x99-board .board .line.p18 div.tx.l {
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
}

#theme-layout #hd_main #x99-board .board .line .tx .stitle {
    font-weight: bold;
    margin: 0;
    font-size: 18px
}

#theme-layout #hd_main #x99-board .board .line div.tx .cl {
    display: none
}

#theme-layout #hd_main #x99-board .board .line.p1 {
    top: 263px;
    right: -106px;
}

#theme-layout #hd_main #x99-board .board .line.p2 {
    top: 202px;
    left: -112px;
}

#theme-layout #hd_main #x99-board .board .line.p3 {
    top: 329px;
    left: -151px;
}

#theme-layout #hd_main #x99-board .board .line.p4 {
    top: 383px;
    left: -273px;
}

#theme-layout #hd_main #x99-board .board .line.p5 {
    top: 546px;
    left: -196px;
}

#theme-layout #hd_main #x99-board .board .line.p6 {
    bottom: 224px;
    left: -98px;
}

#theme-layout #hd_main #x99-board .board .line.p6 .tx ul {
    font-size: 13px;
    position: absolute;
    width: 152px;
    margin-left: -28px;
}

#theme-layout #hd_main #x99-board .board .line.p7 {
    bottom: -51px;
    right: -73px;
}

#theme-layout #hd_main #x99-board .board .line.p7 .p7_img {
    text-align: right;
}

#theme-layout #hd_main #x99-board .board .line.p8 {
    bottom: 148px;
    right: -144px;
}

#theme-layout #hd_main #x99-board .board .line.p9 {
    bottom: 185px;
    right: -149px;
}

#theme-layout #hd_main #x99-board .board .line.p10 {
    bottom: 306px;
    right: -130px;
}

#theme-layout #hd_main #x99-board .board .line.p11 {
    top: 380px;
    right: -162px;
}

#theme-layout #hd_main #x99-board .board .line.p12 {
    top: 166px;
    right: -92px;
}

#theme-layout #hd_main #x99-board .board .line.p13 {
    bottom: 379px;
    right: -68px
}

#theme-layout #hd_main #x99-board .board .line.p14 {
    bottom: 334px;
    right: -68px
}

#theme-layout #hd_main #x99-board .board .line.p15 {
    bottom: 268px;
    right: -80px;
}

#theme-layout #hd_main #x99-board .board .line.p16 {
    bottom: 220px;
    right: 2px;
}

#theme-layout #hd_main #x99-board .board .line.p17 {
    bottom: 198px;
    right: -132px;
}

#theme-layout #hd_main #x99-board .board .line.p18 {
    bottom: 170px;
    right: -3px;
}

#theme-layout #hd_main #x99-board .board .line.p19 {
    bottom: 98px;
    right: -58px;
}

#theme-layout #hd_main #gaming_title .first_title {
    display: inline-block;
    line-height: 1;
    text-align: right;
}

#theme-layout #hd_main #gaming .sub_title {
    display: inline-block;
    text-align: left;
    color: #f33047;
    padding-left: 12px;
}

#theme-layout #hd_main #gaming .light_icon {
    font-size: 0px;
    padding: 0px;
    margin: 24px 0;
}

#theme-layout #hd_main #gaming .light_icon li {
    width: 20%;
    padding: 6px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

#theme-layout #hd_main #gaming .light_icon li p {
    font-size: 16px;
    margin: 6px 0;
    font-size: 14px;
}

#theme-layout #hd_main #gaming .light_icon li .icon_name {
    font-weight: 400;
    font-size: 16px;
}

#theme-layout #hd_main #audio {
    background-position: right;
    background-size: auto 100%;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 60px 15px rgb(0, 0, 0) inset;
    -webkit-box-shadow: 0px 0px 60px 15px rgb(0, 0, 0) inset;
    -moz-box-shadow: 0px 0px 60px 15px rgb(0, 0, 0) inset;
}

#theme-layout #hd_main #audio_2 {
    box-shadow: 0px 0px 60px 15px rgb(0, 0, 0) inset;
    -webkit-box-shadow: 0px 0px 60px 15px rgb(0, 0, 0) inset;
    -moz-box-shadow: 0px 0px 60px 15px rgb(0, 0, 0) inset;
}

#theme-layout #hd_main #audio .hd_center_12 {
    padding-right: 218px;
}

#theme-layout #hd_main #audio .ten {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 250px;
}

#theme-layout #hd_main #audio_2 .ten_end {
    position: absolute;
    left: 12px;
    bottom: 12px;
    width: 250px;
}

#theme-layout #hd_main #audio_2 .hd_center_12 .audio_list {
    padding-left: 26px;
    padding-top: 1px;
    position: relative;
}

#theme-layout #hd_main #audio_2 .hd_center_12 .audio_list p {
    margin: 0;
}

#theme-layout #hd_main #audio_2 .hd_center_12 .list_icon_s {
    position: absolute;
    left: 0px;
    top: 4px;
    color: #F17800;
    border: 1px solid #F17800;
    font-size: 16px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
}

#theme-layout #hd_main #audio_2 .hd_center_12 .audio_list .list_title {
    color: #F17800;
}

#theme-layout #hd_main #ddr4 .hd_center_12 {
    position: absolute;
    right: 15%;
    top: 24px;
    width: 600px;
    text-align: right;
}

#theme-layout #hd_main #four-pin .column.p40 {
    width: 600px;
    position: absolute;
    top: 10%;
    left: 7%;
}

#theme-layout #hd_main #aura_ready .column.p40 {
    width: 600px;
    position: absolute;
    top: 10%;
    left: 7%;
}

#theme-layout #hd_main #way .waves-heading {
    text-align: left;
}

#theme-layout #hd_main #flawless .flawless_img {
    position: relative;
    overflow: hidden;
}

#theme-layout #hd_main #flawless .flawless_img>ul>li {
    position: absolute;
}

#theme-layout #hd_main #flawless .flawless_img>ul .b1 {
    top: 0;
    right: 0%;
}

#theme-layout #hd_main #flawless .flawless_img>ul .b2 {
    top: 0;
    right: 0%;
}

#theme-layout #hd_main #flawless .flawless_img>ul .b3 {
    top: 0;
    right: 0%;
}

#theme-layout #hd_main #flawless .flawless_img>ul .b4 {
    top: 0;
    right: 0%;
}

#theme-layout #hd_main #flawless .flawless_img .flawless_box {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

#theme-layout #hd_main #flawless .flawless_img .flawless_box>div {
    width: 80%;
    margin: 0 auto;
    max-width: 1030px;
}

#theme-layout #hd_main #flawless .flawless_img .flawless_box .red_box {
    padding: 12px;
    cursor: pointer;
}

#theme-layout #hd_main #flawless .flawless_img .flawless_box .red_box>div {
    border: 1px #E15513 solid;
    border-radius: 10px;
    background-color: #000;
    padding: 30px;
    min-height: 330px;
}

#theme-layout #hd_main #flawless .flawless_img .flawless_box .red_box .red_box_title {
    color: #E15513;
    font-weight: bold;
}

#theme-layout #hd_main #net .red_button,
#theme-layout #hd_main #net .red_button_h {
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: #C63F00;
    display: inline-block;
    padding: 6px 12px;
    margin: 6px 30px;
    position: relative;
}

#theme-layout #hd_main #net .red_button::before {
    content: "";
    position: absolute;
    border-width: 40px 0px 40px 24px;
    border-color: transparent transparent #C63F00 transparent;
    border-style: solid;
    bottom: 0px;
    left: -24px;
}

#theme-layout #hd_main #net .red_button::after {
    content: "";
    position: absolute;
    border-width: 40px 24px 40px 0px;
    border-color: #C63F00 transparent transparent transparent;
    border-style: solid;
    top: 0px;
    right: -24px;
}

#theme-layout #hd_main #net .red_button_h span {
    font-size: 12px;
}

#theme-layout #hd_main #net .red_button_h::before {
    content: "";
    position: absolute;
    border-width: 68px 0px 68px 24px;
    border-color: transparent transparent #C63F00 transparent;
    border-style: solid;
    bottom: 0px;
    left: -24px;
}

#theme-layout #hd_main #net .red_button_h::after {
    content: "";
    position: absolute;
    border-width: 68px 24px 68px 0px;
    border-color: #C63F00 transparent transparent transparent;
    border-style: solid;
    top: 0px;
    right: -24px;
}

#theme-layout #hd_main #net .columns_ab {
    box-shadow: -100px 0px 60px 15px rgb(0, 0, 0) inset;
    -webkit-box-shadow: -100px 0px 60px 15px rgb(0, 0, 0) inset;
    -moz-box-shadow: -100px 0px 60px 15px rgb(0, 0, 0) inset;
}

#theme-layout #hd_main #net #net_intel,
#theme-layout #hd_main #net #wifi {
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 60px 15px rgb(0, 0, 0) inset;
    -webkit-box-shadow: 0px 0px 60px 15px rgb(0, 0, 0) inset;
    -moz-box-shadow: 0px 0px 60px 15px rgb(0, 0, 0) inset;
}

#theme-layout #hd_main #net #lan,
#theme-layout #hd_main #net #lan_modile {
    position: relative;
    overflow: hidden;
    background-size: 60% 100%;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 60px 15px rgb(0, 0, 0) inset;
    -webkit-box-shadow: 0px 0px 60px 15px rgb(0, 0, 0) inset;
    -moz-box-shadow: 0px 0px 60px 15px rgb(0, 0, 0) inset;
}

#theme-layout #hd_main #net #net_intel .p60_md>div,
#theme-layout #hd_main #net #lan .p60_md>div,
#theme-layout #hd_main #net #lan_modile .p60_md>div,
#theme-layout #hd_main #net #wifi .p60_md>div {
    padding: 12px;
    position: relative;
    background-color: #080808;
    box-shadow: 0px 0px 60px 60px rgb(8, 8, 8);
    -webkit-box-shadow: 0px 0px 60px 60px rgb(8, 8, 8);
    -moz-box-shadow: 0px 0px 60px 60px rgb(8, 8, 8);
}

#theme-layout #hd_main #net #net_intel .p60_md p,
#theme-layout #hd_main #net #lan .p60_md p,
#theme-layout #hd_main #net #wifi .p60_md p,
#theme-layout #hd_main #net #net_intel .p60_md h5,
#theme-layout #hd_main #net #lan .p60_md h5,
#theme-layout #hd_main #net #wifi .p60_md h5 {
    position: relative;
    z-index: 10;
}

#theme-layout #hd_main #net #net_intel .p60_md {
    padding-right: 15%;
}

#theme-layout #hd_main #net #lan .p60_md {
    padding-left: 15%;
}

#theme-layout #hd_main #net #wifi .p60_md {
    padding-right: 15%;
}


/*
#theme-layout #hd_main #gamefirst .hd_center_12 {
    text-align: center;
}
*/

#theme-layout #hd_main #x99_OC img {
    max-width: 500px;
    width: 100%;
}

#theme-layout #hd_main #x99_OC .box_1_g,
#theme-layout #hd_main #x99_OC .box_1_b,
#theme-layout #hd_main #x99_OC .box_2_g,
#theme-layout #hd_main #x99_OC .box_2_b {
    width: 220px;
    padding: 6px;
}

#theme-layout #hd_main #x99_OC .box_1_g {
    margin: 72px auto 0;
    border: 2px solid #f33047;
    font-size: 12px;
    text-align: left;
}

#theme-layout #hd_main #x99_OC .box_1_b {
    margin: 72px auto 0;
    border: 2px solid #f33047;
    font-size: 12px;
    text-align: left;
}

#theme-layout #hd_main #x99_OC .box_2_g {
    margin: 12px auto;
    font-size: 15px;
    border-top: 2px solid #f33047;
    border-bottom: 2px solid #f33047;
    font-weight: 600;
}

#theme-layout #hd_main #x99_OC .box_2_b {
    margin: 12px auto;
    font-size: 15px;
    border-top: 2px solid #f33047;
    border-bottom: 2px solid #f33047;
    font-weight: 600;
}

#theme-layout #hd_main #x99_OC .red_txt {
    color: #cf525a;
    font-size: 15px;
    padding-left: 3px;
    font-weight: 600;
}

#theme-layout #hd_main #x99_OC .oc_txt {
    position: absolute;
    bottom: 24%;
    width: 72%;
    font-size: 15px;
    max-width: none;
}

#theme-layout #hd_main .kv_control ul.cs {
    text-align: center;
    background: #C35900;
    margin: 0;
    padding: 0;
    list-style-type: none
}

#theme-layout #hd_main .kv_control ul.cs li {
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin: 20px 10px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    max-width: 15%;
    overflow: hidden
}

#theme-layout #hd_main .kv_control ul.cs li .ctitle {
    top: 0;
    bottom: 0;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 1;
    font-size: 24px;
    color: #FF8000;
    font-family: 'Fjalla One', sans-serif;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#theme-layout #hd_main .kv_control ul.cs li .ctitle:before {
    content: "";
    display: inline-block;
    vertical-align: middle
}

#theme-layout #hd_main .kv_control ul.cs li .ctitle span {
    display: inline-block;
    vertical-align: middle;
}

#theme-layout #hd_main .kv_control ul.cs li img {
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#theme-layout #hd_main .kv_control ul.cs li:hover .ctitle,
#theme-layout #hd_main .kv_control ul.cs li.on .ctitle {
    opacity: 0
}

#theme-layout #hd_main .kv_control ul.cs li:hover img,
#theme-layout #hd_main .kv_control ul.cs li.on img {
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2)
}

#theme-layout #hd_main .kv_control .details {
    position: relative;
    width: 100%;
    background: #161616
}

#theme-layout #hd_main .kv_control .details .c_detail {
    max-width: 1000px;
    padding: 20px 30px;
    display: none;
    margin: 0 auto;
    position: relative;
    text-align: left;
}

#theme-layout #hd_main .kv_control .details .c_detail:before {
    content: "";
    position: absolute;
    border-color: #161616 transparent;
    border-width: 0 10px 15px;
    border-style: solid;
    top: -15px
}

#theme-layout #hd_main .kv_control .details .c_detail:nth-child(1):before {
    left: 10%
}

#theme-layout #hd_main .kv_control .details .c_detail:nth-child(2):before {
    left: 29%
}

#theme-layout #hd_main .kv_control .details .c_detail:nth-child(3):before {
    left: 49%
}

#theme-layout #hd_main .kv_control .details .c_detail:nth-child(4):before {
    left: 70%
}

#theme-layout #hd_main .kv_control .details .c_detail:nth-child(5):before {
    left: 90%
}

#theme-layout #hd_main .kv_control .details .c_detail.on {
    display: block
}

#theme-layout #hd_main .kv_control .details .c_detail .dtitle {
    font-size: 22px;
    line-height: 2;
    color: #F17800;
    display: inline-block;
    padding: 0 12px 6px;
}

#theme-layout #hd_main .kv_control .details .c_detail .content {
    margin-bottom: 20px;
    font-size: 0px;
}

#theme-layout #hd_main .kv_control .details .c_detail .page {
    display: none;
}

#theme-layout #hd_main .kv_control .details .c_detail .page.on {
    display: block;
}

#theme-layout #hd_main .kv_control .details .c_detail .content.p2 {
    margin-top: 0px
}

#theme-layout #hd_main .kv_control .details .c_detail .content.p2 .txleft {
    margin-top: 70px
}

#theme-layout #hd_main .kv_control .details .c_detail .content.p5>img {
    margin-right: 70px
}

#theme-layout #hd_main .kv_control .details .c_detail .content .txleft {
    display: inline-block;
}

#theme-layout #hd_main .kv_control .details .c_detail .content .img {
    width: 70%;
    padding-right: 24px;
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#theme-layout #hd_main .kv_control .details .c_detail .content .img h3 {
    text-align: center;
    font-size: 21px;
    color: #F17800;
    margin-bottom: 0.4em;
}

#theme-layout #hd_main .kv_control .details .c_detail .content .txt {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-weight: 300;
    font-size: 17px;
    line-height: 1.4em;
}

#theme-layout #hd_main .kv_control .details .c_detail .content .txt h3 {
    color: #F17800;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img,
#theme-layout #hd_main .kv_control .details .c_detail_3 .content .txt {
    width: 100%;
    text-align: center;
    padding: 12px 0;
    position: relative;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img img {
    text-align: center;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img .main_img {
    position: relative;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img .img_icon {
    position: absolute;
    width: 35px;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img .img_icon.r1 {
    top: 8%;
    right: 6%;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img .img_icon.r2 {
    top: 8%;
    right: 11%;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img .img_icon.r3 {
    top: 34%;
    right: 13%;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img .img_icon.r4 {
    top: 47%;
    left: 19%;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img .img_icon.r5 {
    bottom: 7%;
    right: 37%;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img .img_icon.r6 {
    bottom: 7%;
    right: 32%;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img .img_icon.y1 {
    top: 12%;
    right: 44%;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img .img_icon.y2 {
    top: 31%;
    right: 46%;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img .img_icon.y3 {
    bottom: 47%;
    left: 25%;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img .img_icon.y4 {
    bottom: 22%;
    right: 29%;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img .img_icon.y5 {
    bottom: 9%;
    right: 5%;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img .yellow>div {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: transparent;
    border: 3px solid rgba(0, 176, 228, 0.5);
    border-radius: 100%;
    -moz-box-shadow: 4px 4px 12px 4px rgba(20%, 20%, 40%, 0.3);
    -webkit-box-shadow: 4px 4px 12px 4px rgba(20%, 20%, 40%, 0.3);
    box-shadow: 4px 4px 12px 4px rgba(20%, 20%, 40%, 0.3);
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img .img_icon.b1 {
    top: 39%;
    right: 13%;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img .img_icon.g1 {
    bottom: 13%;
    right: 9%;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img .img_line {
    position: absolute;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img .img_line.orange {
    height: 6%;
    width: calc( 97% - 17px);
    border-right: 2px dashed #BC1919;
    border-top: 2px dashed #BC1919;
    top: 2%;
    left: -8%;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img .img_line.red {
    height: 16%;
    width: calc( 27% - 17px);
    border-left: 2px dashed #BC1919;
    border-top: 2px dashed #BC1919;
    top: 18%;
    right: -8%;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img .img_line.yellow {
    height: 19%;
    width: calc( 33% + 17px);
    border-right: 2px dashed #F1B600;
    border-bottom: 2px dashed #F1B600;
    bottom: 28%;
    left: -8%;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img .img_line.green {
    height: calc( 9% - 35px);
    width: 20%;
    border-left: 2px dashed #00893A;
    border-top: 2px dashed #00893A;
    bottom: calc( 13% + 35px);
    right: -8%;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img .img_line.blue {
    width: calc( 18% + 20px);
    border-top: 2px dashed blue;
    top: calc( 38% + 20px);
    right: -8%;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .color_icon {
    width: 100%;
    margin: 12px auto 24px;
    font-size: 0px;
    text-align: center;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .color_icon.mobile {
    display: none;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .color_icon.table {
    display: block;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .icon_item {
    display: inline-block;
    padding: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .icon_item img {
    display: inline-block;
    padding-right: 6px;
    width: 40px;
    vertical-align: middle;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .icon_item p {
    display: inline-block;
    font-size: 18px;
    vertical-align: middle;
    margin: 0px;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img figure p {
    padding: 10px;
    margin: 0px;
    width: 100%;
    color: white;
    font-size: 17px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img figure.figure_blue p {
    background-color: #182980;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img figure.figure_brown p {
    background-color: #BF8600;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img figure.figure_red p {
    background-color: #DD0012;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img figure.figure_green p {
    background-color: #00893A;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img figure.figure_orange_l p,
#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img figure.figure_orange_r p {
    background-color: #DD0012;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img figure .figure_img {
    padding: 12px;
    background-color: #3e3a39;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img figure .figure_img img {
    width: 100%;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .img figure .figure_txt {
    color: white;
    font-size: 14px;
    text-align: left;
    background-color: #3e3a39;
    z-index: 50;
}

#theme-layout #hd_main .kv_control .details .c_detail_3 .content .next,
#theme-layout #hd_main .kv_control .details .c_detail_3 .content .previous {
    color: #F17800;
    text-align: right;
    cursor: pointer;
    font-size: 24px;
    line-height: 40px;
}

#theme-layout #hd_main .kv_control .details .c_detail .content ul.p4 {
    padding: 0;
    margin: 0 0 10px 15px;
    list-style-image: url('../images/kv/blue_disc.png?1436805599')
}

#theme-layout #hd_main #x99_uni .note_txt {
    font-size: 14px;
    color: #fff;
    position: relative;
    text-align: left;
    padding-left: 12px;
}

#theme-layout #hd_main #x99_uni .note_txt::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #f33047;
    position: absolute;
    left: 0px;
    top: 11px;
}

#theme-layout #hd_main #x99_uni .bar .show_barchart {
    height: 200px;
}

#theme-layout #hd_main #x99_uni .bar .bar_txt .jumbo.blue_txt {
    top: 12px;
    right: 0px;
}

#theme-layout #hd_main #x99_uni .bar .bar_txt .jumbo.gray_txt {
    top: 12px;
    left: 0px;
}

#theme-layout #hd_main #x99_uni #x99_uni_table {
    margin-bottom: 12px;
    font-size: 0px;
}

#theme-layout #hd_main #x99_uni #x99_uni_txt p {
    width: 70%;
    margin: 0 auto;
}

#theme-layout #hd_main #pro .p_item {
    min-height: 330px;
}

#theme-layout #hd_main #pro .p_item.p_small {
    min-height: 260px;
}

#theme-layout #hd_main #io .columns_ab {
    box-shadow: -100px 0px 60px 15px rgb(0, 0, 0) inset;
    -webkit-box-shadow: -100px 0px 60px 15px rgb(0, 0, 0) inset;
    -moz-box-shadow: -100px 0px 60px 15px rgb(0, 0, 0) inset;
}

#theme-layout #hd_main #io {
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 60px 15px rgb(0, 0, 0) inset;
    -webkit-box-shadow: 0px 0px 60px 15px rgb(0, 0, 0) inset;
    -moz-box-shadow: 0px 0px 60px 15px rgb(0, 0, 0) inset;
}

#theme-layout #hd_main #io .p60>div {
    padding: 12px;
    position: relative;
    background-color: #000;
}

#theme-layout #hd_main #io .p60 p,
#theme-layout #hd_main #io .p60 h5 {
    position: relative;
    z-index: 10;
}

#theme-layout #hd_main #io .p60 {
    padding-right: 15%;
}

#theme-layout #hd_main #con .c_red_box {
    border: 1px #F17800 solid;
    padding: 35px;
    min-height: 645px;
    margin: 6px 0;
}

#theme-layout #hd_main #con .gamer_guard_sbox {
    min-height: 570px;
}

#theme-layout #hd_main #x99_award .column {
    vertical-align: top;
}

#theme-layout #hd_main #x99_award .award_box p {
    background-color: #C63F00;
    padding: 10px;
    margin: 0px;
    width: 100%;
    color: white;
    font-size: 17px;
}

#theme-layout #hd_main #x99_award .award_box .award_box_txt {
    width: calc( 100% - 12px);
    margin-left: 12px;
    padding: 12px;
    background-color: #3e3a39;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#theme-layout #hd_main #x99_award .award_box .award_box_txt::before {
    content: "";
    position: absolute;
    border-width: 12px 0px 12px 12px;
    border-color: #3e3a39 transparent transparent transparent;
    border-style: solid;
    top: 0px;
    left: -12px;
}

#theme-layout #hd_main #x99_award .award_box .award_box_txt>div {
    padding: 6px 0;
}

#theme-layout #hd_main #x99_award .award_box .award_box_txt>div p {
    background-color: #3e3a39;
    text-align: left;
    padding: 0;
}

#theme-layout #hd_main #x99_award .award_box .award_box_txt .award_box_title {
    color: #F17800;
}

#theme-layout #hd_main #first_power .column.p40>div {
    max-width: 300px;
    margin: 0 auto;
}

#theme-layout #hd_main .ten_top {
    position: absolute;
    top: 0;
    left: 0;
    width: 10%;
    min-width: 300px;
}

#theme-layout #hd_main .ten_bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 10%;
    min-width: 300px;
}

#theme-layout #hd_main #flawless .flawless_img img.pc_open.mask_position {
    position: absolute;
    top: 0;
    right: 0;
}

#theme-layout #hd_main #flawless .flawless_img img.pc_open.mask_position.on {
    top: -100%;
    transition: all 1.8s ease 0s;
    -webkit-transition: all 1.8s ease 0s;
    -moz-transition: all 1.8s ease 0s;
    -ms-transition: all 1.8s ease 0s;
    -o-transition: all 1.8s ease 0s;
}

#theme-layout #hd_main .bg_title_style,
#theme-layout #hd_main .bg_title2_style,
#theme-layout #hd_main .bg_title3_style,
#theme-layout #hd_main .bg_title4_style,
#theme-layout #hd_main .bg_title5_style,
#theme-layout #hd_main .bg_title6_style,
#theme-layout #hd_main .bg_title7_style,
#theme-layout #hd_main .bg_title8_style,
#theme-layout #hd_main .bg_title9_style {
    position: relative;
}

#theme-layout #hd_main .bg_title_style:after,
#theme-layout #hd_main .bg_title2_style:after,
#theme-layout #hd_main .bg_title3_style:after,
#theme-layout #hd_main .bg_title4_style:after,
#theme-layout #hd_main .bg_title5_style:after,
#theme-layout #hd_main .bg_title6_style:after,
#theme-layout #hd_main .bg_title7_style:after,
#theme-layout #hd_main .bg_title8_style:after,
#theme-layout #hd_main .bg_title9_style:after {
    background-size: cover;
    box-shadow: 0px 0px 60px 20px rgb(0, 0, 0) inset;
    -webkit-box-shadow: 0px 0px 60px 20px rgb(0, 0, 0) inset;
    -moz-box-shadow: 0px 0px 60px 20px rgb(0, 0, 0) inset;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
}

#theme-layout #hd_main .bg_title_style:after {
    background-image: url(../img/vr_bg.jpg);
}

#theme-layout #hd_main .bg_title2_style:after {
    background-image: url(../img/intel_bg.jpg);
}

#theme-layout #hd_main .bg_title3_style:after {
    background-image: url(../img/arm/bg.jpg);
}

#theme-layout #hd_main .bg_title4_style:after {
    background-image: url(../img/vr_bg.jpg);
}

#theme-layout #hd_main .bg_title5_style:after {
    background-image: url(../img/aura/title_bg.jpg);
}

#theme-layout #hd_main .bg_title6_style:after {
    background-image: url(../img/lighting/bg.jpg);
}

#theme-layout #hd_main .bg_title7_style:after {
    background-image: url(../img/net/title_bg.jpg);
}

#theme-layout #hd_main .bg_title8_style:after {
    background-image: url(../img/connectivity/title_bg.jpg);
}

#theme-layout #hd_main .bg_title9_style:after {
    background-image: url(../img/protection/pro_bg.jpg);
}

#theme-layout #hd_main .remark p {
    font-size: 14px;
    opacity: 0.6;
}

#theme-layout #hd_main #pro img {
    width: 100%;
}

#theme-layout #hd_main .mobile_esd_open {
    display: none;
}

#theme-layout #hd_main #esd .esd_img_dis .pc_esd_open {
    display: none;
}

#theme-layout #hd_main #con .c_item_img {
    text-align: center;
}

#theme-layout #hd_main #con .c_red_box .c_item_title {
    color: #F17800;
    font-size: 21px;
}

#theme-layout #hd_main #con .c_red_box .c_item_subtitle {
    color: #868686;
}

#theme-layout #hd_main #support .sub_title.way_3 {
    width: 100%;
    text-align: center;
}

#theme-layout #hd_main #support .sup_btn_list {
    position: absolute;
    right: 10%;
    top: 30%;
    z-index: 100;
    cursor: pointer;
}

#theme-layout #hd_main #support .sup_btn {
    width: 200px;
    margin: 24px 12px;
    padding: 12px 0;
    font-size: 16px;
    color: white;
    background-color: rgba(225, 85, 19, 0.3);
    text-align: center;
}

#theme-layout #hd_main #support .sup_btn_list>P {
    width: 240px;
    padding: 12px;
    background-color: rgba(225, 85, 19, 0.4);
}

#theme-layout #hd_main #support .sup_btn.active {
    background-color: rgba(225, 85, 19, 1);
}

#theme-layout #hd_main #support .sup_img {
    max-width: 85%;
    position: relative;
    opacity: 0.9;
}

#theme-layout #hd_main #support .sup_btn.on {
    background-color: rgba(226, 48, 71, 1);
}

#theme-layout #hd_main #X99_safe .safe_img {
    width: 100%;
    vertical-align: top;
    position: relative;
    margin: 0 auto;
}

#theme-layout #hd_main #X99_safe .safe_img .of_box {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    animation: slot_animate 5s infinite;
    -moz-animation: slot_animate 5s infinite;
    /* Firefox */
    -webkit-animation: slot_animate 5s infinite;
    /* Safari 和 Chrome */
    -o-animation: slot_animate 5s infinite;
}

@keyframes slot_animate {
    0% {
        opacity: 1;
        width: 0;
    }
    80% {
        opacity: 1;
        width: 100%;
    }
    100% {
        opacity: 0;
    }
}

#theme-layout #hd_main #X99_safe .safe_img .of_box>img {
    max-width: none;
}

#theme-layout #hd_main #X99_safe .safe_img .safe_img_bg {
    width: 100%;
}

#theme-layout #hd_main #X99_safe .safe_img #arrow_up,
#theme-layout #hd_main #X99_safe .safe_img #arrow_right {
    position: absolute;
    z-index: 500;
    transition: all 2s;
    -moz-transition: all 2s;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
}

#theme-layout #hd_main #X99_safe .safe_img #arrow_up {
    top: 17%;
    left: 30%;
    width: 35%;
}

#theme-layout #hd_main #X99_safe .safe_img #arrow_up.on {
    top: 10%;
}

#theme-layout #hd_main #X99_safe .safe_img #arrow_right {
    bottom: 10%;
    right: 21%;
    width: 37%;
}

#theme-layout #hd_main #X99_safe .safe_img #arrow_right.on {
    bottom: 4%;
    right: 17%;
}

#theme-layout #hd_main #pro .p_item {
    padding: 24px 12px;
    border: 3px #F17800 solid;
    position: relative;
}

#theme-layout #hd_main #pro .p_item .p_item_title {
    border-bottom: 3px #F17800 solid;
    padding-bottom: 12px;
    text-align: center;
    color: #F17800;
    font-weight: 900;
}

#theme-layout #hd_main #pro_box_1,
#theme-layout #hd_main #pro_box_2 {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

#theme-layout #hd_main #pro_box_1 .columns_ab .column_3,
#theme-layout #hd_main #pro_box_2 .columns_ab .column_3 {
    width: calc( 25% - 36px);
}

#theme-layout #hd_main #pro_box_1 .columns_ab .column_3.box_1 {
    width: calc( 25% + 72px);
}

#theme-layout #hd_main #pro_box_1 .columns_ab .column_3.box_1>div {
    border: 2px solid #F17800;
}

#theme-layout #hd_main #pro_box_1 .gamer_guard_sbox,
#theme-layout #hd_main #pro_box_2 .gamer_guard_sbox {
    min-height: 370px;
}

#theme-layout #hd_main #stay>img {
    width: 60%;
    position: absolute;
    right: 0px;
    top: 0px;
}

#theme-layout #hd_main #stay #stay_txt {
    width: 30%;
    text-align: left;
}

#theme-layout #hd_main #stay .stay_img {
    width: 40%;
    padding: 6px 0;
}

#theme-layout #hd_main #kb {
    background-image: url(../img/rog/rog_2.jpg);
    background-size: auto auto;
    background-repeat: no-repeat;
    background-position: right;
}

#theme-layout #hd_main #kb .hd_center_12>div {
    width: 70%;
}

#theme-layout #hd_main #kb .kb_contant {
    position: relative;
    padding: 84px 0;
}

#theme-layout #hd_main #kb .kb_contant .kb_txt {
    position: absolute;
    top: 24px;
    left: 20%;
}

#theme-layout #hd_main #kb .kb_contant .kb_txt_2 {
    position: absolute;
}

#theme-layout #hd_main #kb #kb_line {
    background-color: #B55A00;
    margin-top: 36px;
}

#theme-layout #hd_main #kb #kb_line>div {
    position: relative;
    padding-top: 12px;
    padding-bottom: 12px;
}

#theme-layout #hd_main #kb #kb_line #s5 {
    text-align: center;
    width: 124px;
    position: absolute;
    background-color: #000;
    padding-bottom: 24px;
    bottom: 0px;
    left: 10%;
}

#theme-layout #hd_main #kb #kb_img {
    width: 60%;
    margin-left: auto;
    margin-right: 0;
}

#theme-layout #hd_main #kb #kb_line #s5>div {
    background-color: #B55A00;
    padding: 12px 0;
    border: 1px solid #F17800;
}

#theme-layout #hd_main #kb #kb_line .kb_line_txt {
    position: absolute;
    padding: 0 6px;
    left: calc( 10% + 142px);
    top: -40px;
}

#theme-layout #hd_main #box .columns_ab {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

#theme-layout #hd_main #box .columns_ab .column_4 {
    padding: 0 12px;
    max-width: 300px;
}

#theme-layout #hd_main #more .columns_ab {
    width: 80%;
}

#theme-layout #hd_main #more .columns_ab .column {
    padding: 0 12px;
    vertical-align: top;
}

#theme-layout #hd_main #more .line_more {
    margin: 24px 0 0;
    background-color: #3E3A39;
    position: relative;
}

#theme-layout #hd_main #more .line_more:after {
    content: "";
    position: absolute;
    background-color: #000;
    width: 100%;
    height: 20%;
    bottom: 0px;
    left: 0px;
}

#theme-layout #hd_main #more .more_box {
    padding: 12px;
    background-color: #595758;
    border: 1px solid #3E3A39;
    position: relative;
    margin-top: 3px;
    z-index: 10;
}

#theme-layout #hd_main #more .more_box:before {
    content: "";
    background-image: url(../img/more_top.jpg);
    z-index: 9999;
    position: absolute;
    width: 100%;
    height: 14px;
    top: -14px;
    left: 0px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#theme-layout #hd_main #esd .esd_title {
    position: absolute;
    top: 0px;
    text-align: center;
    width: 100%;
}

#theme-layout #hd_main #esd .esd_img {
    text-align: right;
}

#theme-layout #hd_main #esd .esd_img>img {
    width: 100%;
}

#theme-layout #hd_main #esd .esd_img_dis {
    width: 100%;
    position: absolute;
    bottom: 48px;
}

#theme-layout #hd_main #esd .esd_img_dis>ul {
    max-width: 1200px;
    padding: 0 12px;
    width: 80%;
    margin: 0 auto;
    position: relative;
}

#theme-layout #hd_main #esd .esd_img_dis ul li {
    width: 200px;
    display: none;
    text-align: left;
}

#theme-layout #hd_main #esd .esd_img_dis p {
    padding: 24px 0;
    margin: 12px 0;
    border-top: 2px solid #868686;
}

#theme-layout #hd_main #esd .esd_img_dis span {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

#theme-layout #hd_main #esd .esd_btn {
    position: absolute;
    cursor: pointer;
}

#theme-layout #hd_main #esd .esd_btn:hover {
    opacity: 0.7;
}

#theme-layout #hd_main #esd .esd_btn.e1 {
    bottom: 37%;
    right: 50%;
}

#theme-layout #hd_main #esd .esd_btn.e2 {
    bottom: 38%;
    right: 41%;
}

#theme-layout #hd_main #esd .esd_btn.e3 {
    bottom: 38%;
    right: 35%;
}

#theme-layout #hd_main #esd .esd_btn.e4 {
    bottom: 32%;
    right: 33%;
}

#theme-layout #hd_main #esd .esd_btn.e5 {
    bottom: 32%;
    right: 30%;
}

#theme-layout #hd_main #esd .esd_btn.e6 {
    bottom: 35%;
    right: 20%;
}

#theme-layout #hd_main #esd .esd_line {
    position: absolute;
    border-bottom: 2px solid #F17800;
    border-right: 2px solid #F17800;
    display: none;
}

#theme-layout #hd_main #esd .esd_line.e1 {
    width: calc(20% - 41px);
    height: 12%;
    left: 30%;
    bottom: 24%;
}

#theme-layout #hd_main #esd .esd_line.e2 {
    width: calc(29% - 29px);
    height: 6%;
    left: 30%;
    bottom: 30%;
}

#theme-layout #hd_main #esd .esd_line.e3 {
    width: calc(35% - 29px);
    height: 6%;
    left: 30%;
    bottom: 30%;
}

#theme-layout #hd_main #esd .esd_line.e4 {
    width: calc(37% - 25px);
    height: 6%;
    left: 30%;
    bottom: 26%;
}

#theme-layout #hd_main #esd .esd_line.e5 {
    width: calc(40% - 32px);
    height: 6%;
    left: 30%;
    bottom: 26%;
}

#theme-layout #hd_main #esd .esd_line.e6 {
    width: calc(50% - 29px);
    height: 6%;
    left: 30%;
    bottom: 26%;
}

#theme-layout #hd_main #intel .main_title {
    margin: 0 auto;
    max-width: 1000px;
    width: 90%;
    font-size: 44px;
    font-family: "Oswald";
    color: #18a6d4;
    line-height: 1;
    display: inline-block;
    margin: 40px 0px
}

#theme-layout #hd_main #intel .cpu-item {
    margin: 0 auto 50px;
}

#theme-layout #hd_main #intel img {
    float: left
}

#theme-layout #hd_main #intel .con {
    text-align: left;
    padding-left: 100px
}

#theme-layout #hd_main #intel .con .contitle {
    color: #fff;
    line-height: 1.3;
    font-size: 21px;
}

#theme-layout #hd_main #intel .con .cinfo {
    font-weight: 300;
    color: #fff;
    line-height: 1.411
}

#theme-layout #hd_main #gaming input {
    animation: comet 10s infinite;
}

@-webkit-keyframes comet {
    0% {
        background-color: #F00;
    }
    10% {
        background-color: #F90;
    }
    20% {
        background-color: #FF0;
    }
    30% {
        background-color: #0F0;
    }
    40% {
        background-color: #390;
    }
    50% {
        background-color: #0FF;
    }
    60% {
        background-color: #00F;
    }
    70% {
        background-color: #90F;
    }
    80% {
        background-color: #96F;
    }
    90% {
        background-color: #F6F;
    }
    100% {
        background-color: #F00;
    }
}

@keyframes comet {
    0% {
        background-color: #F00;
    }
    10% {
        background-color: #F90;
    }
    20% {
        background-color: #FF0;
    }
    30% {
        background-color: #0F0;
    }
    40% {
        background-color: #390;
    }
    50% {
        background-color: #0FF;
    }
    60% {
        background-color: #00F;
    }
    70% {
        background-color: #90F;
    }
    80% {
        background-color: #96F;
    }
    90% {
        background-color: #F6F;
    }
    100% {
        background-color: #F00;
    }
}

#theme-layout #hd_main #rog_uni .bar .bar_txt .jumbo.gray_txt {
    top: 12px;
    left: 0px;
}

#theme-layout #hd_main #rog_uni .bar .bar_txt .jumbo.blue_txt {
    top: 12px;
    right: 0px;
}

#theme-layout #hd_main #rog_txt {
    color: #FFF;
}

#theme-layout #hd_main .armory_font {
    display: inline-block;
}

#theme-layout #hd_main .rwd_position {
    position: absolute;
}

#theme-layout #hd_main .rwd_toggle {
    display: block;
}

#theme-layout #hd_main .rwd_position.oc_bg_style {
    width: 100%;
    bottom: 0;
    z-index: 0;
}

#theme-layout #hd_main .columns_all_60 {
    width: 60%;
    display: inline-block;
    margin-left: 3%;
}

#theme-layout #hd_main .columns_all_60 .column_20 {
    width: 18%;
    float: left;
    margin: 0 1%;
}

#theme-layout #hd_main .oc_title {
    text-align: center;
}

#theme-layout #hd_main .video_toggle img {
    transition: all 0.8s ease 0s;
    -webkit-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    -ms-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
}

#theme-layout #hd_main .video_toggle:hover img {
    opacity: 0.9;
    transition: all 0.8s ease 0s;
    -webkit-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    -ms-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
}

#theme-layout #hd_main .player_button {
    position: absolute;
    bottom: 5%;
    left: 1%;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 20%;
    z-index: 1;
    cursor: pointer;
    color: #FFF;
    padding: 9px;
    text-align: center;
}

@media screen and (min-width: 1681px) {
    #theme-layout #hd_main #flawless .flawless_img img.pc_open {
        display: block;
    }
    #theme-layout #hd_main #flawless .flawless_img img.mobile_open {
        display: none;
    }
    #theme-layout #hd_main .pc_open {
        display: block;
    }
    #theme-layout #hd_main .mobile_open {
        display: none;
    }
}

@media screen and (max-width: 1680px) {
    #theme-layout #hd_main #pro .p_item {
        min-height: 355px;
    }
    #theme-layout #hd_main #pro .p_item.p_small {
        min-height: 330px;
    }
    #theme-layout #hd_main #con .c_red_box {
        min-height: 800px;
    }
    #theme-layout #hd_main #flawless .flawless_img img.pc_open {
        display: block;
    }
    #theme-layout #hd_main #flawless .flawless_img img.mobile_open {
        display: none;
    }
    #theme-layout #hd_main #flawless .flawless_img .flawless_box .red_box>div {
        padding: 10px;
        min-height: 250px;
    }
}

@media screen and (max-width: 1490px) {
    .hd_center_12 {
        width: 90%;
    }
}

@media screen and (max-width: 1280px) {
    #theme-layout #hd_main #con .c_red_box {
        padding: 24px 12px;
        height: auto;
    }
    #theme-layout #hd_main #con .c_red_box {
        min-height: 350px;
    }
    #theme-layout #hd_main .c_item_img img {
        width: 100%;
    }
    #theme-layout #hd_main #pro .p_item,
    #theme-layout #hd_main #pro .p_item.p_small {
        min-height: 300px;
    }
    #theme-layout #hd_main #flawless .flawless_img .flawless_box {
        bottom: 0;
    }
    #theme-layout #hd_main #flawless .flawless_img .flawless_box>div {
        width: 95%;
        max-width: 100%;
    }
    #theme-layout #hd_main #flawless .flawless_img .flawless_box .red_box>div {
        min-height: 220px;
    }
    #theme-layout #hd_main .pc_open {
        display: none;
    }
    #theme-layout #hd_main .mobile_open {
        display: block;
    }
    #theme-layout #hd_main .columns_ab .column_2 {
        width: 33%;
    }
}

@media (min-width: 768px) and (max-width: 1280px) {
    #theme-layout #hd_main .columns_ab .column_3 {
        width: 50%;
        padding: 0 12px;
    }
    #theme-layout #hd_main .columns_ab .column_5 {
        width: 33.33%;
    }
    #theme-layout #hd_main #con .gamer_guard_sbox {
        min-height: 520px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    #theme-layout #hd_main #pro_box_1 .gamer_guard_sbox,
    #theme-layout #hd_main #pro_box_2 .gamer_guard_sbox {
        min-height: 540px;
    }
    #theme-layout #hd_main #stay>img {
        width: 70%;
        position: absolute;
        right: 0px;
        top: 48px;
    }
    #theme-layout #hd_main #stay #stay_txt {
        width: 40%;
        text-align: left;
    }
    #theme-layout #hd_main #stay .stay_img {
        width: 40%;
    }
}

@media screen and (min-width: 993px) {
    #theme-layout #hd_main .kv_control ul.cs li .ctitle span {
        padding-top: 72px;
    }
    #theme-layout #hd_main .kv_control .details .c_detail_3 .content .main_img {
        padding: 24px 0;
        width: 60%;
        margin: 0 auto;
    }
    #theme-layout #hd_main .kv_control .details .c_detail_3 .content .img figure .figure_img {
        width: calc( 100% - 12px);
        margin-left: 12px;
    }
    #theme-layout #hd_main .kv_control .details .c_detail_3 .content .img figure .figure_img:before {
        content: "";
        position: absolute;
        border-width: 12px 0px 12px 12px;
        border-color: #3e3a39 transparent transparent transparent;
        border-style: solid;
        top: 0px;
        left: -12px;
    }
    #theme-layout #hd_main .kv_control .details .c_detail_3 .content .img figure {
        width: 20%;
        position: absolute;
    }
    #theme-layout #hd_main .kv_control .details .c_detail_3 .content .img figure.figure_blue {
        right: -5%;
        top: 28.5%;
    }
    #theme-layout #hd_main .kv_control .details .c_detail_3 .content .img figure.figure_brown {
        left: -5%;
        bottom: -3%;
    }
    #theme-layout #hd_main .kv_control .details .c_detail_3 .content .img figure.figure_red {
        right: -5%;
        top: 0px;
    }
    #theme-layout #hd_main .kv_control .details .c_detail_3 .content .img figure.figure_green {
        right: -5%;
        bottom: 0px;
    }
    #theme-layout #hd_main .kv_control .details .c_detail_3 .content .img figure.figure_orange_r {
        left: -5%;
        top: 0px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    #theme-layout #hd_main #support .sup_img {
        max-width: 100%;
    }
    #theme-layout #hd_main #support .sup_btn_list {
        right: 0;
    }
    #theme-layout #hd_main .kv_control ul.cs li .ctitle span {
        padding-top: 15px;
    }
    #theme-layout #hd_main #pro_box_1,
    #theme-layout #hd_main #pro_box_2 {
        width: 100%;
    }
    #theme-layout #hd_main #pro_box_1 .gamer_guard_sbox,
    #theme-layout #hd_main #pro_box_2 .gamer_guard_sbox {
        min-height: auto;
    }
    #theme-layout #hd_main #pro_box_1 .columns_ab .column_3,
    #theme-layout #hd_main #pro_box_2 .columns_ab .column_3 {
        width: calc( 50% - 36px);
        max-width: 350px;
    }
    #theme-layout #hd_main #pro_box_1 .columns_ab .column_3.box_1 {
        width: calc( 50% + 36px);
        max-width: 386px;
    }
}

@media screen and (max-width: 992px) {
    #theme-layout #hd_main .columns_all_60 {
        width: 90%;
        display: block;
        margin: 0 auto 20px auto;
    }
    #theme-layout #hd_main .rwd_toggle {
        display: none;
    }
    #theme-layout #hd_main .rwd_position {
        position: relative;
    }
    #theme-layout #hd_main .table_md {
        display: none;
    }
    #theme-layout #hd_main .mobile_md {
        display: block;
    }
    #theme-layout #hd_main #x99-board .board .mbbg {
        width: 100%;
        text-align: left
    }
    #theme-layout #hd_main #x99-board .board .hb {
        display: none
    }
    #theme-layout #hd_main #x99-board .board .line div.tx {
        position: relative !important;
        left: initial !important;
        right: initial !important;
        top: initial !important;
        bottom: initial !important;
        display: inline-block;
        text-align: left;
        vertical-align: top;
        margin: 0 !important;
        float: none !important;
        font-size: 20px;
        padding: 0 5px 0 45px
    }
    #theme-layout #hd_main #x99-board .board .line div.tx .cl {
        left: 0px;
        top: -5px;
        display: block;
        position: absolute;
        width: 30px;
        height: 30px;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        background: #231815;
        color: #f33047;
        text-align: center;
        font-size: 21px;
        font-weight: 400;
        line-height: 30px;
        vertical-align: middle;
        font-family: Arial;
        border: 2px solid #f33047;
    }
    #theme-layout #hd_main #x99-board .board .line div.tx ul {
        position: relative !important;
        left: initial !important;
        right: initial !important;
        top: initial !important;
        bottom: initial !important;
        display: inline-block;
        text-align: left;
        vertical-align: top;
        float: none !important;
        width: 100%
    }
    #theme-layout #hd_main #x99-board .board .line div.tx .stitle {
        margin: 0
    }
    #theme-layout #hd_main #net #net_intel .p60_md {
        padding-right: 0;
    }
    #theme-layout #hd_main #net #wifi .p60_md {
        padding-right: 0;
    }
    #theme-layout #hd_main .kv_control .details .c_detail_3 .content .color_icon.table {
        display: none;
    }
    #theme-layout #hd_main .kv_control .details .c_detail_3 .content .color_icon.mobile {
        display: block;
    }
    #theme-layout #hd_main .kv_control .details .c_detail_3 .content .icon_item img {
        width: 36px;
    }
    #theme-layout #hd_main .kv_control .details .c_detail_3 .content .icon_item p {
        font-size: 16px;
    }
    #theme-layout #hd_main .kv_control .details .c_detail_3 .content .main_img {
        padding: 24px 0;
        width: 100%;
        margin: 0 auto;
    }
    #theme-layout #hd_main .kv_control .details .c_detail_3 .content .img figure .figure_img {
        width: 100%;
    }
    #theme-layout #hd_main .kv_control .details .c_detail_3 .content .figure_list {
        margin-top: 12px;
    }
    #theme-layout #hd_main .kv_control .details .c_detail_3 .content .img figure {
        width: 30%;
        position: relative;
        display: inline-block;
        margin: 0px;
        vertical-align: top;
        border: 6px solid black;
    }
    #theme-layout #hd_main #x99-board .board .line.p7 .p7_img {
        text-align: center;
    }
    #theme-layout #hd_main #x99-board .board .hd {
        display: none
    }
    #theme-layout #hd_main #x99-board .board .mb_mobile {
        display: block;
        margin-bottom: 80px;
        text-align: center;
    }
    #theme-layout #hd_main #x99-board .board .line {
        position: relative !important;
        left: initial !important;
        right: initial !important;
        top: initial !important;
        bottom: initial !important;
        display: inline-block;
        text-align: left;
        vertical-align: top;
        padding: 10px 30px;
        width: 45%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #theme-layout #hd_main #x99-board .board .line>img {
        display: none
    }
    #theme-layout #hd_main #gaming .light_icon li {
        width: 33.33%;
    }
    #theme-layout #hd_main #flawless .flawless_img .flawless_box {
        position: relative;
    }
    #theme-layout #hd_main #gaming .first_title {
        width: 100%;
        text-align: left;
    }
    #theme-layout #hd_main #gaming .sub_title {
        width: 100%;
        padding-left: 0px;
    }
    #theme-layout #hd_main #flawless .flawless_img img.pc_open {
        display: none;
    }
    #theme-layout #hd_main #flawless .flawless_img img.mobile_open {
        display: block;
    }
    #theme-layout #hd_main .mobile_esd_open {
        display: inline-block;
        border: 2px solid #FFF;
        border-radius: 35px;
        width: 35px;
        text-align: center;
        margin-right: 7px;
    }
    #theme-layout #hd_main #esd .esd_img_dis .pc_esd_open {
        display: none;
    }
    #theme-layout #hd_main .columns_ab .column.p40_md {
        width: 100%;
    }
    #theme-layout #hd_main .columns_ab .column.p60_md {
        width: 100%;
    }
    #theme-layout #hd_main #stay>img {
        position: relative;
        width: 100%;
    }
    #theme-layout #hd_main #stay #stay_txt {
        width: 100%;
    }
    #theme-layout #hd_main #stay .stay_img {
        width: 60%;
    }
    #theme-layout #hd_main #kb .hd_center_12>div {
        width: 100%;
    }
    #theme-layout #hd_main #more .columns_ab {
        width: 100%;
    }
    #theme-layout #hd_main #esd .esd_title {
        position: relative;
    }
    #theme-layout #hd_main #esd .esd_img_dis {
        position: relative;
    }
    #theme-layout #hd_main #esd .esd_img_dis>ul,
    #theme-layout #hd_main #esd .esd_img_dis ul li {
        width: 100%;
    }
    #theme-layout #hd_main #esd .esd_img_dis ul li {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    #theme-layout #hd_main .columns_all_60 .column_20 {
        width: 48%;
        margin: 0 1%;
    }
    .admin-bar #header.header-small {
        top: 46px;
    }
    #theme-layout #hd_main .table_sm {
        display: none;
    }
    #theme-layout #hd_main .mobile_sm {
        display: block;
    }
    #theme-layout #hd_main .columns_ab .column {
        width: 100%;
    }
    #theme-layout #hd_main .columns_ab .column_3 {
        width: 100%;
    }
    #theme-layout #hd_main .columns_ab .column_4 {
        width: 100%;
    }
    #theme-layout #hd_main .columns_ab .column_5 {
        width: 50%;
    }
    #theme-layout #hd_main .first_title {
        font-size: 54px;
    }
    #theme-layout #hd_main #gaming .sub_title {
        font-size: 36px;
    }
    #theme-layout #hd_main .hd_center_12 {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    #theme-layout #hd_main #audio .ten {
        display: none;
        /*
        position: relative;
        margin-right: 0;
        margin-left: auto;
*/
    }
    #theme-layout #hd_main #audio .hd_center_12 {
        padding-right: 0px;
    }
    #theme-layout #hd_main #ddr4 .hd_center_12 {
        position: relative;
        right: 0;
        top: 24px;
        text-align: center;
        width: 100%;
    }
    #theme-layout #hd_main #four-pin .column.p40 {
        width: 100%;
        position: relative;
        top: 0;
        left: 0%;
        margin: 0 auto;
    }
    #theme-layout #hd_main #aura_ready .column.p40 {
        width: 80%;
        position: relative;
        top: 0;
        left: 0%;
        margin: 0 auto;
        text-align: center;
        float: none;
    }
    #theme-layout #hd_main #way .waves-heading {
        text-align: center;
    }
    #theme-layout #hd_main .kv_control ul.cs li {
        width: 100%;
        max-width: 100%;
        margin: 0;
        display: block;
        border: 1px solid #000
    }
    #theme-layout #hd_main .kv_control ul.cs li>img {
        display: none
    }
    #theme-layout #hd_main .kv_control ul.cs li .ctitle {
        position: relative;
        background: #C35900;
        color: #fff;
        line-height: 2
    }
    #theme-layout #hd_main .kv_control ul.cs li:hover .ctitle,
    #theme-layout #hd_main .kv_control ul.cs li.on .ctitle {
        background: #F17800;
        opacity: 1
    }
    #theme-layout #hd_main .kv_control .details .c_detail {
        height: auto;
        padding: 20px 20px
    }
    #theme-layout #hd_main .kv_control .details .c_detail:before {
        display: none
    }
    #theme-layout #hd_main .kv_control .details .c_detail .content .txleft {
        margin-right: 0
    }
    #theme-layout #hd_main .kv_control .details .c_detail .content {
        text-align: center;
    }
    #theme-layout #hd_main .kv_control .details .c_detail .content .img {
        display: block;
        width: 100%;
        margin: 0 auto 50px;
    }
    #theme-layout #hd_main .kv_control .details .c_detail .content .txt {
        display: block;
        width: 100%;
        margin: 0 auto 50px;
        font-size: 21px
    }
    #theme-layout #hd_main #io .p60 {
        padding-right: 0;
    }
    #theme-layout #hd_main #first_power .column.p40>div {
        max-width: none;
    }
    #theme-layout #hd_main #net .red_button::before,
    #theme-layout #hd_main #net .red_button::after,
    #theme-layout #hd_main #net .red_button_h::before,
    #theme-layout #hd_main #net .red_button_h::after {
        display: none;
    }
    #theme-layout #hd_main #x99_OC .oc_txt {
        position: relative;
        bottom: 0px;
    }
    #theme-layout #hd_main #x99_OC .box_1_b,
    #theme-layout #hd_main #x99_OC .box_1_g {
        margin: 24px auto 0;
    }
    #theme-layout #hd_main #x99_OC .box_2_g,
    #theme-layout #hd_main #x99_OC .box_2_b {
        margin: 12px auto 48px;
    }
    #theme-layout #hd_main #gaming .first_title {
        text-align: left;
    }
    #theme-layout #hd_main #flawless .flawless_img .flawless_box .red_box>div {
        min-height: auto;
    }
    #theme-layout #hd_main .columns_ab .column.p40 {
        width: 100%;
    }
    #theme-layout #hd_main .columns_ab .column.p60 {
        width: 100%;
    }
    #theme-layout #hd_main .columns_ab .column.p70 {
        width: 100%;
    }
    #theme-layout #hd_main .columns_ab .column.p30 {
        width: 100%;
    }
    #theme-layout #hd_main .columns_ab .column.p80 {
        width: 100%;
    }
    #theme-layout #hd_main .columns_ab .column.p20 {
        width: 100%;
    }
    #theme-layout #hd_main #pro .p_item,
    #theme-layout #hd_main #pro .p_item.p_small {
        min-height: auto;
    }
    #theme-layout #hd_main #pro .column_5 img {
        width: 100%;
    }
    #theme-layout #hd_main #intel .cpu-item {
        text-align: center;
    }
    #theme-layout #hd_main .waves-heading.margin_top_110 {
        margin-top: 0;
    }
    #theme-layout #hd_main #support .sup_img {
        max-width: 100%;
    }
    #theme-layout #hd_main #support .sup_btn_list {
        position: relative;
        right: 0;
        top: 0;
        width: 100%;
        padding: 0px 12px;
    }
    #theme-layout #hd_main #support .sup_btn {
        width: 100%;
        margin: 0px;
    }
    #theme-layout #hd_main #support .sup_btn_list>P {
        width: 100%;
        padding: 12px;
    }
    #theme-layout #hd_main #pro .p_item {
        min-height: auto;
    }
    #theme-layout #hd_main #pro_box_1,
    #theme-layout #hd_main #pro_box_2 {
        width: 100%;
    }
    #theme-layout #hd_main #pro_box_1 .columns_ab .column_3,
    #theme-layout #hd_main #pro_box_2 .columns_ab .column_3 {
        width: 100%;
        max-width: 350px;
    }
    #theme-layout #hd_main #pro_box_1 .columns_ab .column_3.box_1 {
        width: 100%;
        max-width: 350px;
    }
    #theme-layout #hd_main #kb .kb_contant {
        position: relative;
        padding: 24px 0;
    }
    #theme-layout #hd_main #kb .kb_contant .kb_txt {
        position: relative;
        top: 0;
        left: 0;
    }
    #theme-layout #hd_main #kb .kb_contant .kb_txt_2 {
        position: relative;
    }
    #theme-layout #hd_main #kb #kb_line {
        background-color: transparent;
        margin-top: 36px;
    }
    #theme-layout #hd_main #kb #kb_line #s5 {
        position: relative;
        margin: 0 auto;
        background-color: transparent;
        left: 0;
    }
    #theme-layout #hd_main #kb #kb_img {
        width: 100%;
    }
    #theme-layout #hd_main #kb #kb_line .kb_line_txt {
        position: relative;
        top: 0;
        left: 0;
    }
    #theme-layout #hd_main #box .columns_ab {
        width: 100%;
    }
    #theme-layout #hd_main #more .more_box:before {
        display: none;
    }
    #theme-layout #hd_main #more .columns_ab .column.p20 {
        width: 50%;
    }
    #theme-layout #hd_main #vr .first_title {
        width: 100%;
    }
    #theme-layout #hd_main #vr .sub_title {
        width: 100%;
    }
    #theme-layout #hd_main #intel .main_title {
        margin: 0px 0px 40px
    }
    #theme-layout #hd_main #intel img {
        float: none
    }
    #theme-layout #hd_main #intel .con {
        float: none;
        padding: 40px 0px
    }
    #theme-layout #hd_main #con .gamer_guard_sbox {
        min-height: auto;
    }
    #theme-layout #hd_main .armory_font {
        display: block;
    }
}

@media screen and (max-width: 500px) {
    #theme-layout #hd_main .bg_title_style:after,
    #theme-layout #hd_main .bg_title2_style:after,
    #theme-layout #hd_main .bg_title3_style:after,
    #theme-layout #hd_main .bg_title4_style:after,
    #theme-layout #hd_main .bg_title5_style:after,
    #theme-layout #hd_main .bg_title6_style:after,
    #theme-layout #hd_main .bg_title7_style:after,
    #theme-layout #hd_main .bg_title8_style:after,
    #theme-layout #hd_main .bg_title9_style:after {
        opacity: 0.7;
    }
    #theme-layout #hd_main .kv_control .details .c_detail_3 .content .img figure {
        width: 50%;
    }
    #theme-layout #hd_main #x99-board .board .line {
        width: 100%;
    }
    #theme-layout #hd_main #more .columns_ab .column.p20 {
        width: 100%;
    }
    #theme-layout #hd_main .columns_all_60 .column_20 {
        width: 88%;
        margin: 0 6%;
    }
    #theme-layout #hd_main .columns_ab .column_2 {
        width: 100%;
    }
}

@media screen and (max-width: 420px) {
    #theme-layout #hd_main .title_area {
        padding: 20px 0;
    }
    #theme-layout #hd_main #con .c_red_box {
        min-height: auto;
    }
    #theme-layout #hd_main .columns_ab .column_5 {
        width: 100%;
    }
    #theme-layout #hd_main .hd_center_12 {
        padding: 0 30px;
    }
}