body{padding: 0; margin: 0;}
.tulisanlogo{
    font-family: lato;
}
.parallax-window {
    min-height: 400px;
    background: transparent;
}
.transp {
	display : inline-block;
	opacity : 1.0;
	filter  : alpha(opacity=100);
	cursor:pointer;
}

.transp:hover {
	opacity : 0.7;
	filter  : alpha(opacity=70);
}

.mobilehide{}
@media (min-width:320px){.mobilehide{opacity : 0;filter  : alpha(opacity=0);display:none;height:0px;}}
@media (min-width:768px){.mobilehide{opacity : 0;filter  : alpha(opacity=0);display:none;height:0px;}}
@media (min-width:992px){.mobilehide{opacity : 1.0;filter  : alpha(opacity=100);display:inline-block;height:auto;}}
@media (min-width:1200px){.mobilehide{opacity : 1.0;filter  : alpha(opacity=100);display:inline-block;height:auto;}}

.mobilehide2{}
@media (min-width:320px){.mobilehide2{opacity : 0;filter  : alpha(opacity=0);display:none;height:0px;}}
@media (min-width:768px){.mobilehide2{opacity : 0;filter  : alpha(opacity=0);display:none;height:0px;}}
@media (min-width:992px){.mobilehide2{opacity : 1.0;filter  : alpha(opacity=100);display:block;height:auto;}}
@media (min-width:1200px){.mobilehide2{opacity : 1.0;filter  : alpha(opacity=100);display:block;height:auto;}}

.mobileshow{}
@media (min-width:320px){.mobileshow{opacity : 1.0;filter  : alpha(opacity=100);display:block;height:auto;}}
@media (min-width:768px){.mobileshow{opacity : 1.0;filter  : alpha(opacity=100);display:block;height:auto;}}
@media (min-width:992px){.mobileshow{opacity : 0;filter  : alpha(opacity=0);display:none;height:0px;}}
@media (min-width:1200px){.mobileshow{opacity : 0;filter  : alpha(opacity=0);display:none;height:0px;}}

.res-tengah-kiri{}
@media (min-width:320px){.res-tengah-kiri { text-align: center;}}
@media (min-width:768px){.res-tengah-kiri { text-align: center;}}
@media (min-width:992px){.res-tengah-kiri { text-align: right; }}
@media (min-width:1200px){.res-tengah-kiri { text-align: right;}}

.res-tengah-kanan{}
@media (min-width:320px){.res-tengah-kanan { text-align: center;}}
@media (min-width:768px){.res-tengah-kanan { text-align: center;}}
@media (min-width:992px){.res-tengah-kanan { text-align:left; }}
@media (min-width:1200px){.res-tengah-kanan { text-align:left;}}
.displainlinemiddle{display: inline-block; vertical-align: middle;}
.displainlinetop{display: inline-block; vertical-align: top;}

.displainlinetopv2{}
@media (min-width:320px){.displainlinetopv2  { display: block; vertical-align: top;  padding: 0 10px 0 10px;}}
@media (min-width:768px){.displainlinetopv2  { display: block; vertical-align: top;  padding: 0 20px 0 20px;}}
@media (min-width:992px){.displainlinetopv2  { display: inline-block; vertical-align: top;  padding: 0 20px 0 20px;}}
@media (min-width:1200px){.displainlinetopv2 { display: inline-block; vertical-align: top;  padding: 0 20px 0 20px;}}

.displainlinemiddleabout{}
@media (min-width:320px){.displainlinemiddleabout { display: inline-block; vertical-align: middle;}}
@media (min-width:768px){.displainlinemiddleabout { display: inline-block; vertical-align: middle;}}
@media (min-width:992px){.displainlinemiddleabout { display: inline-block; vertical-align: middle;}}
@media (min-width:1200px){.displainlinemiddleabout { display: inline-block; vertical-align: middle;}}

/*===============================Home==============================*/

#tmbolmenu{
    background-color:26376e;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}
#tmbolmenu:hover{
    background-color:#fcc70d;
    cursor: pointer;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}


#tmbolmenu2{
    color:#242424;
    font-family: roboto_bold;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}
#tmbolmenu2:hover{
    background-color:#f36523;
    color:#fff;
    cursor: pointer;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}



#tmbolmenu3{
    color:#242424;
    font-family: roboto_bold;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}
#tmbolmenu3:hover{
    background-color:#24408e;
    color:#fff;
    cursor: pointer;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}

.tmbolmenu2{}
@media (min-width:320px){.tmbolmenu2 { font-size:19px;}}
@media (min-width:768px){.tmbolmenu2 { font-size:19px;}}
@media (min-width:992px){.tmbolmenu2 { font-size:17px; }}
@media (min-width:1200px){.tmbolmenu2 { font-size:19px;}}

.tmbolmenux{}
@media (min-width:320px){.tmbolmenux { font-size:19px;}}
@media (min-width:768px){.tmbolmenux { font-size:19px;}}
@media (min-width:992px){.tmbolmenux { font-size:17px; }}
@media (min-width:1200px){.tmbolmenux { font-size:19px;}}


#inputcontact{
    background-color:#c7d6e4;
    padding: 5px 5px 5px 5px;
}

#kecililang{}
@media (min-width:320px){#kecililang { display: none;}}
@media (min-width:768px){#kecililang { display: none;}}
@media (min-width:992px){#kecililang { display: block; }}
@media (min-width:1200px){#kecililang { display: block;}}


#kecililang2{}
@media (min-width:320px){#kecililang2 { display: none;}}
@media (min-width:768px){#kecililang2 { display: none;}}
@media (min-width:992px){#kecililang2 { display: none; }}
@media (min-width:1200px){#kecililang2 { display: block;}}


.padding10to0{}
@media (min-width:320px){.padding10to0{padding:0 0px 0 0px;}}
@media (min-width:768px){.padding10to0{padding:0 10px 0 10px;}}
@media (min-width:992px){.padding10to0{padding:0 10px 0 10px;}}
@media (min-width:1200px){.padding10to0{padding:0 10px 0 10px;}}

.padding20to0{}
@media (min-width:320px){.padding20to0{padding:0 0px 0 0px;}}
@media (min-width:768px){.padding20to0{padding:0 20px 0 20px;}}
@media (min-width:992px){.padding20to0{padding:0 20px 0 20px;}}
@media (min-width:1200px){.padding20to0{padding:0 20px 0 20px;}}

.padding30to0{}
@media (min-width:320px){.padding30to0{padding:0 0px 0 0px;}}
@media (min-width:768px){.padding30to0{padding:0 30px 0 30px;}}
@media (min-width:992px){.padding30to0{padding:0 30px 0 30px;}}
@media (min-width:1200px){.padding30to0{padding:0 30px 0 30px;}}


.ngaturx{}
@media (min-width:320px){.ngaturx { margin-top: 90px;}}
@media (min-width:768px){.ngaturx { margin-top: 70px;}}
@media (min-width:992px){.ngaturx { margin-top: 90px; }}
@media (min-width:1200px){.ngaturx { margin-top: 50px;}}


.ngaturx2{}
@media (min-width:320px){.ngaturx2 { margin-top: 50px;}}
@media (min-width:768px){.ngaturx2 { margin-top: 48px;}}
@media (min-width:992px){.ngaturx2 { margin-top: 0px; }}
@media (min-width:1200px){.ngaturx2 { margin-top: 0px;}}


.ngaturbanner{}
@media (min-width:320px){.ngaturbanner { top: 30px; }}
@media (min-width:768px){.ngaturbanner { top: 0; }}
@media (min-width:992px){.ngaturbanner { top: 0; }}
@media (min-width:1200px){.ngaturbanner { top: 0; }}

.besarilang{}
@media (min-width:320px){.besarilang { display: block;}}
@media (min-width:768px){.besarilang { display: block;}}
@media (min-width:992px){.besarilang { display: none; }}
@media (min-width:1200px){.besarilang { display: none;}}

.besarilang2{}
@media (min-width:320px){.besarilang2 { display: block;}}
@media (min-width:768px){.besarilang2 { display: block;}}
@media (min-width:992px){.besarilang2 { display: block; }}
@media (min-width:1200px){.besarilang2 { display: none;}}


.besarilangkhusus{}
@media (min-width:320px){.besarilangkhusus { display: none;}}
@media (min-width:768px){.besarilangkhusus { display: none;}}
@media (min-width:992px){.besarilangkhusus { display: none; }}
@media (min-width:1200px){.besarilangkhusus { display: none;}}


.kecililang{}
@media (min-width:320px){.kecililang { display: none;}}
@media (min-width:768px){.kecililang { display: none;}}
@media (min-width:992px){.kecililang { display: none; }}
@media (min-width:1200px){.kecililang { display: block;}}






.woll:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
    transition: all 0.5s ease-in-out 0s;
    z-index: 100;
    position: relative;
}


.woll {
    width: 100%;
    
    background:rgba(241,89,42,1);
    cursor: pointer;
    opacity: 0.0;
    filter: alpha(opacity=0);
    transition: all 0.5s ease-in-out 0s;
}

.woll {}
@media (min-width:320px){.woll { padding: 65px 0 0 0; height: 270px;}}
@media (min-width:768px){.woll { padding: 148px 0 0 0;height: 464px;}}
@media (min-width:992px){.woll { padding: 140px 0 0 0;height: 464px;}}
@media (min-width:1200px){.woll { padding: 110px 0 0 0;height: 464px;}}


.producttinggi{}
@media (min-width:320px){.producttinggi {width:300px;height: 288px; }}
@media (min-width:768px){.producttinggi {width:500px;height: 480px; }}
@media (min-width:992px){.producttinggi {width:400px;height: 384px; }}
@media (min-width:1200px){.producttinggi {width:500px;height: 480px; }}

.producttinggi2{}
@media (min-width:320px){.producttinggi2 {width:300px;height: 288px; }}
@media (min-width:768px){.producttinggi2 {width:500px;height: 480px; }}
@media (min-width:992px){.producttinggi2 {width:400px;height: 384px; }}
@media (min-width:1200px){.producttinggi2 {width:600px;height: 576px; }}


.contactl{
    margin-bottom: 17px;
    outline: none;
    font-family: roboto;
    padding: 8px;
    border:1px solid #d4d4d5;
    border-radius:3px;
}

.tulmedium{
    font-family: roboto_medium;
    font-size: 15px;
}

.hovermenu{
    background-color:#f36523; 
}

.hovermenu:hover{
    background-color:#fff; 
    color:#242424;
    cursor: pointer
}



.hovermenu2{
    background-color:#24408e; 
}

.hovermenu2:hover{
    background-color:#fff; 
    color:#24408e;
    cursor: pointer
}

.lebarmenu{}
@media (min-width:320px){.lebarmenu { width: 9%;}}
@media (min-width:768px){.lebarmenu { width: 59%;}}
@media (min-width:992px){.lebarmenu { width: 33%; }}
@media (min-width:1200px){.lebarmenu { width: 69%;}}


.lebarramset{}
@media (min-width:320px){.lebarramset { width: 250px;}}
@media (min-width:768px){.lebarramset { width: 728px;}}
@media (min-width:992px){.lebarramset { width: 730px ;}}
@media (min-width:1200px){.lebarramset { width: 1100px;}}

.hs{background-color:rgba(237,237,237,0.7);  padding: 8px 0 8px 0;}
.hs:hover{background-color:rgba(34,33,31,0.7); cursor:pointer;  padding: 8px 0 8px 0;}


.tlsnn{}
@media (min-width:320px){.tlsnn { font-size:26px; width: auto; }}
@media (min-width:768px){.tlsnn { font-size:25px; width: auto; }}
@media (min-width:992px){.tlsnn { font-size:19px; width: auto; }}
@media (min-width:1200px){.tlsnn { font-size:25px; width: auto; }}
 


.aturbawahjarak{}
@media (min-width:320px){.aturbawahjarak { bottom:15px;}}
@media (min-width:768px){.aturbawahjarak { bottom:14px;}}
@media (min-width:992px){.aturbawahjarak { bottom:104px;}}
@media (min-width:1200px){.aturbawahjarak { bottom:104px;}}

/*.lebarbungkushomee{}
@media (min-width:320px){.lebarbungkushomee { width:270px;}}
@media (min-width:768px){.lebarbungkushomee { width:423px;}}
@media (min-width:992px){.lebarbungkushomee { width:260px;}}
@media (min-width:1200px){.lebarbungkushomee { width:450px;}}*/


.tlsncompany{}
@media (min-width:320px){.tlsncompany { font-size:20px; }}
@media (min-width:768px){.tlsncompany { font-size:35px; }}
@media (min-width:992px){.tlsncompany { font-size:35px; }}
@media (min-width:1200px){.tlsncompany { font-size:35px; }}


.lebarweare{}
@media (min-width:320px){.lebarweare { width:200px; margin: 12px 0 12px 0; }}
@media (min-width:768px){.lebarweare { width:200px; margin: 12px 0 12px 0;}}
@media (min-width:992px){.lebarweare { width:280px; margin: 12px 0 12px 0;}}
@media (min-width:1200px){.lebarweare {width:363px; margin: 12px 0 12px 0;}}


.cominsoon{}
@media (min-width:320px){.cominsoon { font-size:29px; line-height: 33px; }}
@media (min-width:768px){.cominsoon { font-size:45px; line-height: 45px; }}
@media (min-width:992px){.cominsoon { font-size:45px; line-height: 45px; }}
@media (min-width:1200px){.cominsoon {font-size:45px; line-height: 45px; }}



.tinggiproductatas{}
@media (min-width:320px){.tinggiproductatas {height:73px;}}
@media (min-width:768px){.tinggiproductatas {height:auto;}}
@media (min-width:992px){.tinggiproductatas {height:0;}}
@media (min-width:1200px){.tinggiproductatas {height:0;}}


.logopaskecil{}
@media (min-width:320px){.logopaskecil {top:5px;}}
@media (min-width:768px){.logopaskecil {top:7px;}}
@media (min-width:992px){.logopaskecil {top:0;}}
@media (min-width:1200px){.logopaskecil {top:0;}}

.bannerres{}
@media (min-width:320px){.bannerres {margin-top: -17px;}}
@media (min-width:768px){.bannerres {margin-top: -20px;}}
@media (min-width:992px){.bannerres {margin-top: 0;}}
@media (min-width:1200px){.bannerres {margin-top: 0;}}


.paddingcontacte{}
@media (min-width:320px){.paddingcontacte {padding: 13px 70px 0 70px;}}
@media (min-width:768px){.paddingcontacte {padding: 13px 90px 0 90px;}}
@media (min-width:992px){.paddingcontacte {padding: 13px 90px 0 90px;}}
@media (min-width:1200px){.paddingcontacte {padding: 13px 90px 0 90px;}}



.logopaskecild{}
@media (min-width:320px){.logopaskecild {padding: 34px 12px 12px 12px;}}
@media (min-width:768px){.logopaskecild {padding: 34px 0 12px 0;}}
@media (min-width:992px){.logopaskecild {padding: 34px 0 12px 0;}}
@media (min-width:1200px){.logopaskecild {padding: 34px 0 12px 0;}}

.borderkirikanan{}
@media (min-width:320px){.borderkirikanan {border-right: 0 solid #d7d7d7; border-left: 0 solid #d7d7d7; }}
@media (min-width:768px){.borderkirikanan {border-right: 0 solid #d7d7d7; border-left: 0 solid #d7d7d7; }}
@media (min-width:992px){.borderkirikanan {border-right: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; }}
@media (min-width:1200px){.borderkirikanan {border-right: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; }}

.paddingleft{}
@media (min-width:320px){.paddingleft {padding-left:0;   padding-right: 62px;}}
@media (min-width:768px){.paddingleft {padding-left:0;    padding-right: 62px;}}
@media (min-width:992px){.paddingleft {padding-left:40px; padding-right: 40px;}}
@media (min-width:1200px){.paddingleft {padding-left:40px; padding-right: 40px;}}


.tempatemail{}
@media (min-width:320px){.tempatemail {width:197px;}}
@media (min-width:768px){.tempatemail {width:197px;}}
@media (min-width:992px){.tempatemail {width:174px;}}
@media (min-width:1200px){.tempatemail {width:197px;}}


.lebrinput{}
@media (min-width:320px){.lebrinput {width:474px;}}
@media (min-width:768px){.lebrinput {width:474px;}}
@media (min-width:992px){.lebrinput {width:474px;}}
@media (min-width:1200px){.lebrinput {width:474px;}}




.gambarproductbaru{ background-position: center center;}
@media (min-width:320px){.gambarproductbaru {width: 100%;}}
@media (min-width:768px){.gambarproductbaru {width: 439px;}}
@media (min-width:992px){.gambarproductbaru {width: 439px;}}
@media (min-width:1200px){.gambarproductbaru {width: 439px;}}


.fontbrdf{}
@media (min-width:320px){.fontbrdf { font-size:11px; }}
@media (min-width:768px){.fontbrdf { font-size:14px; }}
@media (min-width:992px){.fontbrdf { font-size:14px; }}
@media (min-width:1200px){.fontbrdf { font-size:14px; }}


.solution{}
@media (min-width:320px){.solution { font-size:11px; }}
@media (min-width:768px){.solution { font-size:28px; }}
@media (min-width:992px){.solution { font-size:28px; }}
@media (min-width:1200px){.solution { font-size:28px; }}


.cons{}
@media (min-width:320px){.cons { margin-left: -12px; }}
@media (min-width:768px){.cons { margin-left: -23px; }}
@media (min-width:992px){.cons { margin-left: -23px; }}
@media (min-width:1200px){.cons { margin-left: -23px; }}



.margddf{}
@media (min-width:320px){.margddf { margin: 0 0 0 0; padding: 00 0 0; }}
@media (min-width:768px){.margddf { margin: 0 0 0 0; padding:  0 15px 0 15px;}}
@media (min-width:992px){.margddf { margin: 0 0 0 0; padding: 0 15px 0 15px;}}
@media (min-width:1200px){.margddf { margin: 0 0 0 0; padding: 0 15px 0 15px;}}

.overf{}
@media (min-width:320px){.overf { margin: 12px 0 12px 10px; }}
@media (min-width:768px){.overf { margin: 12px 0 12px 0; }}
@media (min-width:992px){.overf { margin: 12px 0 12px 0;}}
@media (min-width:1200px){.overf { margin: 12px 0 12px 0;}}


.tinggitext{}
@media (min-width:320px){.tinggitext {height:auto; position: initial;  }}
@media (min-width:768px){.tinggitext {height:578px; position: relative;  }}
@media (min-width:992px){.tinggitext {height:578px;position: relative;  }}
@media (min-width:1200px){.tinggitext { height:578px;position: relative; }}


.tinggitext2{}
@media (min-width:320px){.tinggitext2 {height:auto;  position: initial;  }}
@media (min-width:768px){.tinggitext2 {height:476px; position: absolute;   }}
@media (min-width:992px){.tinggitext2 {height:476px;  position: absolute; }}
@media (min-width:1200px){.tinggitext2 {height: 476px;  position: absolute;  }}


.fontnyadesc{}
@media (min-width:320px){.fontnyadesc { font-size:16px;  }}
@media (min-width:768px){.fontnyadesc { font-size:16px;  }}
@media (min-width:992px){.fontnyadesc { font-size:14px;  }}
@media (min-width:1200px){.fontnyadesc { font-size:16px;   }}


.hoverproductmenu{background-color:#bbbbbb; cursor: pointer;}
.hoverproductmenu:hover{background-color:#24408e;color:#fff;}