/* CSS Document */

/* UNVERSAL */

@font-face {
    font-family: ETmodules;
    src: url(fonts/modules.eot);
    src: url(fonts/modules.eot?#iefix) format("embedded-opentype"), url(fonts/modules.ttf) format("truetype"), url(fonts/modules.woff) format("woff"), url(fonts/modules.svg#ETmodules) format("svg");
    font-weight: 400;
    font-style: normal
}

.clear{
	margin:0;
	padding:0;
	clear:both;
}

h1, h2, h3, h4, h5, h6 {
    padding-bottom: 10px;
    color: rgb(51, 51, 51);
    font-weight: 500;
    line-height: 1em;
}

strong {
    font-weight: 700;
}

a, abbr, acronym, address, applet, b, big, blockquote, body, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, tt, u, ul, var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: 0 0;
    font-size: 100%;
    vertical-align: baseline;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

ul, ol{
    margin-bottom:20px;
}


body{		
	font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.7em;	
	color:#fff;
    background-color:#000;
    background-repeat:no-repeat;
}

body.node-1{
    background-image:url(../images/JdeR-Homepage-Baru-20-mb.gif)!important;
    height: 100vh !important;
    background-size: 100%;
}


body.node-1{
    overflow-x: hidden !important;
    /*overflow-y: hidden !important;*/
}

body.node-node, body.node-contact{
    background-image:url(../images/star-bg.gif)!important;
    /*height: 100vh !important;*/
    background-size: 100%;
    background-repeat:repeat;
}

/* ADMIN */
section#swaratech_primary_local_tasks{
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 1;
}
section#swaratech_primary_local_tasks ul li {
    display: inline;
    margin:0px;
    margin-right:5px;
}

section#swaratech_primary_local_tasks ul li span,
section#swaratech_primary_local_tasks ul li a{
    padding: 5px 30px;
    border: 1px solid #ddd;
    background: #545454;
    color: #fff;
    text-decoration: none;
}

/* MAIN */

h2#block-mainnavigation-menu {
    display: none;
    visibility: hidden;
}

h1.titleright {
    color: #e16905;
    z-index: 4;
    font-size: 22px;
    visibility: visible;
    display: inherit;
    width: 100px;
    margin-bottom: 20px;
    line-height: 30px;
}

div.page-continer {
    height: 100vh !important;
}

article#post-38 {
    float: right;
    text-align: right;
	width: 100%;
}
.text-container{
	margin-right: 4%;
    margin-top: 4%;
    padding-bottom:50px;
}
.text-container h1{
	font-size: 35px;
    color: #e08600 !important;
	line-height: 1.3em;
}

.text-container .desc.wow.fadeIn {
    width: 56%;
    float: right;
}

.text-container .desc p{
	margin-bottom:10px;
	font-size:13px;
    line-height: 1.4em;
}

.text-container nav ul li a{
	text-decoration:none;
}
.text-container nav ul#home-nav{
	margin-top: 50px;
	margin-bottom: 50px;
}
.text-container nav ul#home-nav li{
	display:inline-block;
	margin-left:30px;
}

.text-container nav ul li .et_pb_button_0 {
    color: #ffffff !important;
    border-color: #ffffff;
}

.et_pb_module {
    -webkit-animation-duration: .2s;
    -moz-animation-duration: .2s;
    -o-animation-duration: .2s;
    animation-duration: .2s;
	
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}

.et_pb_button {
    position: relative;
    padding: .2em .5em;
    border: 2px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7em !important;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
	color:#fff;
}

.et_pb_bg_layout_light.et_pb_button:hover, .et_pb_contact_reset:hover, .et_pb_contact_submit:hover, .et_pb_pricing_table_button:hover {
    background-color: rgba(0, 0, 0, .05);
}

.et_pb_button:hover, .et_pb_module .et_pb_button:hover {
    padding: .2em 2em 0.2em .5em;
    border: 2px solid transparent;
}

.et_pb_module {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

:focus {
    outline: 0;
}

.et_pb_button_module_wrapper.et_pb_button_alignment_right {
    text-align: right;
}

.et_pb_button:hover:after, .et_pb_more_button:hover:after, .et_pb_newsletter_button:hover:after, .et_pb_pricing_table_button:hover:after, .et_pb_promo_button:hover:after {
    margin-left: 0;
    opacity: 1;
}

#et-info-email:before, #et-info-phone:before, #et_search_icon:before, .comment-reply-link:after, .et-cart-info span:before, .et-pb-arrow-next:before, .et-pb-arrow-prev:before, .et-social-icon a:before, .et_audio_container .mejs-playpause-button button:before, .et_audio_container .mejs-volume-button button:before, .et_overlay:before, .et_password_protected_form .et_submit_button:after, .et_pb_button:after, .et_pb_contact_reset:after, .et_pb_contact_submit:after, .et_pb_font_icon:before, .et_pb_newsletter_button:after, .et_pb_pricing_table_button:after, .et_pb_promo_button:after, .et_pb_social_icon a.icon:before, .et_pb_testimonial:before, .et_pb_toggle_title:before, .form-submit .et_pb_button:after, .mobile_menu_bar:before, .woocommerce #content input.button.alt:after, .woocommerce #content input.button:after, .woocommerce #respond input#submit.alt:after, .woocommerce #respond input#submit:after, .woocommerce a.button.alt:after, .woocommerce button.button.alt:after, .woocommerce button.button:after, .woocommerce button.single_add_to_cart_button.button:after, .woocommerce input.button.alt:after, .woocommerce input.button:after, .woocommerce-page #content input.button.alt:after, .woocommerce-page #content input.button:after, .woocommerce-page #respond input#submit.alt:after, .woocommerce-page #respond input#submit:after, .woocommerce-page a.button.alt:after, .woocommerce-page a.button:after, .woocommerce-page button.button.alt:after, .woocommerce-page button.button:after, .woocommerce-page input.button.alt:after, .woocommerce-page input.button:after, a.et_pb_more_button:after {
    text-shadow: 0 0;
    font-family: ETmodules !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    text-transform: none;
    speak: none;
}

article .et_pb_button:after,
article .et_pb_button:before {
    position: absolute;
    margin-left: -1em;
    opacity: 0;
    font-size: 32px;
    line-height: 1em;
    content: "\35";
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}


.text-container .desc .devider{
	border-top: 1px solid rgba(237, 237, 237, 0.23);
    padding-top: 20px;
    width: 600px;
    float: right;
}

.text-container .contact-us,
.text-container .contact-us h2{
	color: #e08600 !important;
    padding-top: 10px;
    clear: both;
    margin-bottom: 10px;
}

.text-container .contact-us p{
	font-size:12px;
    line-height: 1.3em;
}

.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
    background: none;
    position: fixed;
    right: 0;
    bottom: 10px;
    z-index: 9999;
}

/* ======================================== */
/* Projects & Services Page Style           */
/* ======================================== */
#main{
    position: relative;
    z-index: 1;
}

body.node-node #main,
body.node-contact #main {
    height: 250px;
    margin: 0px auto;
    width: 90%;
}

body.node-node #navigation-right,
body.node-contact #navigation-right{
    position: fixed;
    top: 0;
    right: 0;
    width: 23%;
    height: 100%;
    z-index: 10;
}

body.node-node #navigation-right .navbar-header,
body.node-contact #navigation-right .navbar-header{
    float:left;
    width:35%;
    height:auto;
}

#swaratech_page_title{
    margin-top:8%;
}
body.node-node #navigation-right .navbar-header ul,
body.node-contact #navigation-right .navbar-header ul{
    margin-top:62px;
}

body.node-node #navigation-right .navbar-header ul li,
body.node-contact #navigation-right .navbar-header ul li{
    list-style: none;
    font-family: 'arial',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1em;
    text-align: center;
    margin-bottom: .5em;
    margin-left: 0px; 
    padding-left: 0px;
    width: 99%;
}

body.node-node #navigation-right .navbar-header ul li a,
body.node-contact #navigation-right .navbar-header ul li a{
    color: inherit;
    display: block;
    width: 70%;
    padding: 5px 15px 5px 15px;
    margin-bottom: 0%;
    border: solid;
    background: rgba(16, 16, 16, 0.83);
    text-transform: uppercase;
}

body.node-node #navigation-right .navbar-header ul li a:hover,
body.node-contact #navigation-right .navbar-header ul li a:hover{
    background: #fff;
    color: #333;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
body.node-node #navigation-right .navbar-header a,
body.node-contact #navigation-right .navbar-header a{
    text-decoration: none;
    color: inherit;
    width: 70%;
    padding: 10px 10px 10px 10px;
    margin-bottom: 0%;
    border: solid;
    background: rgba(0,0,0,0.5);

    font-family: 'arial',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1em;
    text-align: center;
}

body.node-node #navigation-right .nav-right,
body.node-contact #navigation-right .nav-right{
    float: right;
    width: 61%;
    height: 100% !important;
    padding: 30px 5px 5px 5px;
    background-image: linear-gradient(1deg,rgba(255,255,255,0) 30%,rgba(158,34,0,0.37) 50%);
}

body.node-node #navigation-right .nav-right,
body.node-contact #navigation-right .nav-right{
    font-weight: 600;
    color: #e09900!important;
    line-height: 1em;
    text-align: left;
}

body.node-node #navigation-right .nav-right p,
body.node-contact #navigation-right .nav-right p{
    line-height: 1em;
    font-weight: 600;
    font-size: 99%;
}

hr{
    margin-bottom:2em;    
}

body.node-node #navigation-right .nav-right h2 a,
body.node-contact #navigation-right .nav-right h2 a{
    color: #fff !important;
    text-align: left;
    text-decoration: none;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: 0 0;
    vertical-align: baseline;
}

body.node-node #navigation-right .nav-right h2,
body.node-contact #navigation-right .nav-right h2{
    font-size: 24px;
    color: #fff!important;
    padding-bottom: 10px;
    font-weight: 500;
    line-height: 1em;
}

.owl-carousel .owl-item img {
    display: block;
    width: auto !important;
    height: 250px !important;
}

.owl-item{
    width: auto !important;
    /*height: 250px !important;*/
}

#projects-slide{
   overflow-x: hidden !important;
    overflow-y: hidden !important ; 
    overflow: hidden !important;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block;
    height: 270px;
    overflow: hidden;
}

.owl-item h4{
    position: relative;
    font: 14px "arial", sans-serif;
    color:#777979;
    margin:6px;
    text-align: center;
    text-transform: uppercase;
}
section#views_block__projects_block_1 {
    width: 88%;
    margin-top: -2%;
}

body.node-2 .layout--onecol .layout__region {
    width: 100%;
    text-align: center;
}

#worktable{width:100%;}
#worktable img.align-center {
    max-width: 24%;
    text-align: center;
    margin: 0px auto;
    margin-top:40px;
}

ul#menu-anchor-right li {
    list-style: none;
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 1em;
    text-align: left;
    margin-bottom: .5em;
    margin-left: 0px;
}

ul#menu-anchor-right li a{
    color: #fff;
    display: block;
    width: 90%;
    padding: 10px 10px 10px 10px;
    margin: 0px 6% 0px 0px;
    margin-bottom: 0px;
    background: #e16905;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: normal;
}

ul#menu-anchor-right li a:hover{
    background: #fff;
    color: #333;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

/* ======================================== */
/* Services Page Style                      */
/* ======================================== */

body.node-node article{
    width:78%;
    text-align: justify;
    margin-top: 5%;
    margin-bottom: 60px;
    padding-bottom:50px;
}

body.node-node article img{
    max-width: 100%;
    height: auto;
}

body.node-3 article h2{
    color: #e16905!important;
    text-align: justify;
    font-size: 26px;
    padding-bottom: 10px;
    line-height: 1em;
    margin-bottom: 15px;
    margin-top: 5%;
    clear: both;
    text-align: left;
}

body.node-3 article h3{
    color: #ef8f00!important;
    font-weight: 500;
    line-height: 1em;
    font-size: 23px;
    padding-bottom: 10px;
}

body.node-3 p,
body.node-node p {
    padding-bottom: 1em;
    clear:both;
}

.bg_text,
#swaratech_page_title h1 {
    background-image: linear-gradient(85deg,#e16905 15%,rgba(255,255,255,0) 83%);
    padding-top: 9px!important;
    padding-left: 10px!important;
    color: #fff!important;
    font-size: 30px;
    padding-bottom: 10px;
    font-weight: 500;
    line-height: 1em;
    margin-bottom: 5.82%;
    margin-top: 20px;
    clear: both;
}

.text-2-cols{width:100%;}
body.node-node .text-2-cols .text-2-cols-split1{
    float:left;
    width:30%;
    margin-right:2%;
}
body.node-3 .text-2-cols .text-2-cols-split1{
    float:left;
    width:45%;
    margin-right:5%;
}
.text-2-cols .text-2-cols-split1 img,
.text-2-cols .text-2-cols-split2 img{
    max-width:100%;
    text-align: center;
    height: auto;
}
.text-2-cols-split1 h2{
    margin-bottom:30px;
}
body.node-node .text-2-cols .text-2-cols-split2 {
    float:left;
    width:63%;
}
body.node-3 .text-2-cols .text-2-cols-split2 {
    float:left;
    width:50%;
}
.text-2-cols .text-2-cols-split2 img{
    max-width:100%;
    margin-bottom:20px;
}

.text-2-cols-center{width:100%; margin-top: 30px;}
body.node-node .text-2-cols-center .text-2-cols-center-split1{
    text-align: left;
    float: left;
    width: 30%;
    margin-right: 3%;
}
.text-2-cols-center .text-2-cols-center-split1 img,
.text-2-cols-center .text-2-cols-center-split2 img{
    max-width:100%;
    text-align: center;
    height: auto;
    margin-bottom:20px;
}
body.node-node .text-2-cols-center .text-2-cols-center-split2 {
    float:right;
    width:65%;
}



.et_pb_text_inner {
    color: #e16905!important;
}

ul.inner-nav-text{
    margin-top:20px;
}

ul.inner-nav-text li{
    border: 0px;
    list-style: none;
    margin-bottom: 20px;
}

ul.inner-nav-text.detail li {
    border: 0px;
    list-style: none;
    margin-bottom: 20px;
    float: left;
}

ul.inner-nav-text li a {
    text-decoration: none;
    border: 1px solid #e16905;
    font-size: 12px;
    padding: 0.5em 1em 0.5em 1em;
}

ul.inner-nav-text li a.darkgrey {
    background-color:#63656a;
    color:#fff !important;;
}

ul.inner-nav-text li:hover{


}

ul.inner-nav-text li a.et_pb_button:hover {
    padding: 1em 1em 1em 1em;
}

ul.inner-nav-text li .et_pb_bg_layout_light.et_pb_button:hover {
    text-decoration: none;
    border:1px solid #e16905;
    background-color: #a51111;
}

ul.inner-nav-text li .et_pb_button:after,
ul.inner-nav-text li .et_pb_button:before {
    position: absolute;
    margin-left: -1em;
    opacity: 0;
    font-size: 32px;
    line-height: 1em;
    content: "\35";
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

ul li, ol li{
    margin-left: 20px;
    padding-left: 0px;
    list-style: decimal;
}

/* ======================================== */
/* FORM                                     */
/* ======================================== */

.col-sm-12 {
    width: 70%;
}

#node-testimonial-form label {
    display: inline-block;
    float: none;
    font-weight: 700;
}
.js-form-wrapper {
    margin-bottom: 15px;
}

/*
#node-testimonial-form input[type="text"], 
#node-testimonial-form input[type="email"], 
#node-testimonial-form input[type="url"], 
#node-testimonial-form input[type="file"], 
#node-testimonial-form select,
#node-testimonial-form option,
#node-testimonial-form textarea {
    box-sizing: border-box;
    display: block;
    float: none;
    width: 100%;
    font-weight: 500;
    font-family: Verdana,Geneva,sans-serif;
    border: 1px solid #e16905;
    background: rgba(0,0,0,0);
    font-color: #fff;
    color: #ffff;
    padding:10px;
}

#node-testimonial-form input[type="submit"]{
    color: #fff;
    padding: 6px 10px 6px 10px;
    background: #e16905;
    border: 1px solid #ffb270;
    margin-top: 20px;
}
#node-testimonial-form option{
    color: #fff;
    background: #000;
}
*/

input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="file"], 
select,
option,
textarea {
    box-sizing: border-box;
    display: block;
    float: none;
    font-weight: 500;
    font-family: Verdana,Geneva,sans-serif;
    border: 1px solid #e16905;
    background: rgba(0,0,0,0);
    font-color: #fff;
    color: #ffff;
    padding:10px;
}

input[type="submit"]{
    color: #fff;
    padding: 10px 20px 10px 20px;
    background: #e16905;
    border: 1px solid #ffb270;
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 15px;
}

option{
    color: #fff;
    background: #000;
}

#edit-field-testimonial-0-format {visibility: hidden;}

.form-required:after {
    background-size: 7px 7px;
    width: 7px;
    height: 7px;
}

.form-required:after {
    content: '';
    vertical-align: super;
    display: inline-block;
    background-image: url(../../../core/misc/icons/ee0000/required.svg);
    background-repeat: no-repeat;
    background-size: 10px 10px;
    width: 10px;
    height: 10px;
    margin: -0.3em 0.3em;
}

.form-submit{
    cursor: pointer;
}

form#contact-message-contact-us-form {
    clear: both;
    padding-bottom: 50px;
}
/* ======================================== */
/* Audio                                    */
/* ======================================== */

.et_pb_audio_module.clearfix.et_pb_module.et_pb_bg_layout_light.et_pb_text_color_dark.et_pb_audio_no_image.et_pb_audio_0 {
    clear: both;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
}

blockquote {
    font-size: 15px;
    border-left: 2px #c8543b solid;
    color: #dadada;
    padding: 0 0 0 25px;
    position: relative;
    margin: 55px 0 55px 12px;
}

blockquote:before {
    content: '';
    background: url(../images/tiny-logo.png) 50% 50%/48% 48% no-repeat;
    display: block;
    height: 48px;
    left: -24px;
    margin: -24px 0 0;
    position: absolute;
    top: 50%;
    width: 48px;
}

blockquote:before, blockquote:after {
    content: "";
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div[role="contentinfo"] {
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 40px;
    width: 86%;
}

#main a {
    color: #ec5d32;
}