/* Scss Document */
/*CSS Styling*/
@font-face {
  	font-family: "Lato Black";
  	src: url("../fonts/lato/Lato-Black.ttf"); }
@font-face {
  	font-family: "Lato Bold";
  	src: url("../fonts/lato/Lato-Bold.ttf"); }
@font-face {
  	font-family: "Lato Hairline";
  	src: url("../fonts/lato/Lato-Hairline.ttf"); }
@font-face {
  	font-family: "Lato Italic";
  	src: url("../fonts/lato/Lato-Italic.ttf"); }
@font-face {
  	font-family: "Lato Light";
  	src: url("../fonts/lato/Lato-Light.ttf"); }
@font-face {
  	font-family: "Lato Regular";
  	src: url("../fonts/lato/Lato-Regular.ttf"); }
@font-face {
  	font-family: "Montserrat Bold";
  	src: url("../fonts/montserrat/Montserrat-Bold.ttf"); }
@font-face {
  	font-family: "Montserrat Regular";
  	src: url("../fonts/montserrat/Montserrat-Regular.ttf"); }
@font-face {
  	font-family: "Roboto Bold";
  	src: url("../fonts/roboto/RobotoSlab-Bold.ttf"); }
@font-face {
  	font-family: "Roboto Italic";
  	src: url("../fonts/roboto/RobotoSlab-Thin.ttf"); }
@font-face {
  	font-family: "Roboto Light";
  	src: url("../fonts/roboto/RobotoSlab-Light.ttf"); }
@font-face {
  	font-family: "Roboto Regular";
  	src: url("../fonts/roboto/RobotoSlab-Regular.ttf"); }
@font-face {
  	font-family: "Oxygen Bold";
  	src: url("../fonts/oxygen/Oxygen-Bold.ttf"); }
@font-face {
  	font-family: "Oxygen Light";
  	src: url("../fonts/oxygen/Oxygen-Light.ttf"); }
@font-face {
  	font-family: "Oxygen Regular";
  	src: url("../fonts/oxygen/Oxygen-Regular.ttf"); }
@font-face {
  	font-family: "Opensans Bold";
  	src: url("../fonts/Open_Sans/OpenSans-Bold.ttf"); }
@font-face {
  	font-family: "Opensans Regular";
  	src: url("../fonts/Open_Sans/OpenSans-Regular.ttf"); }
@font-face {
  	font-family: "Opensans Italic";
  	src: url("../fonts/Open_Sans/OpenSans-Italic.ttf"); }
@font-face {
  	font-family: "Opensans Light";
  	src: url("../fonts/Open_Sans/OpenSans-Light.ttf"); }
  
body {
  	background: #FFF;
  	height: auto;
  	padding: 0px;
  	margin: 0px;
  	position: relative;
  	font-family: "Lato Regular";
  	font-size: 14px; }

.gocenter {
  	text-align: center; }

.goright {
  	text-align: right; }

.goleft {
  	text-align: left; }

.gojustify {
  	text-align: justify; }

.no-pleft {
  	padding-left: 0px !important; }

.no-ptop {
  	padding-top: 0px !important; }

.no-pright {
  	padding-right: 0px !important; }

.no-pbottom {
  	padding-bottom: 0px !important; }

.no-mleft {
  	margin-left: 0px !important; }

.no-mtop {
  	margin-top: 0px !important; }

.no-mright {
  	margin-right: 0px !important; }

.no-mbottom {
  	margin-bottom: 0px !important; }

p {
  	font-family: "Lato Regular";
  	font-size: 14px;
  	color: #717070;
  	padding: 0px;
  	margin: 0 0 15px 0;
  	line-height: 1.5; }
  	p:first-child {
    	padding-top: 0px; }

a, a:hover {
  	transition: all 0.2s;
  	-moz-transition: all 0.2s;
  	-webkit-transition: all 0.2s;
  	-ms-transition: all 0.2s;
  	-o-transition: all 0.2s; }

.btn-edit {
  	border-radius: 4px 4px 4px 4px !important;
  	-moz-border-radius: 4px 4px 4px 4px !important;
  	-webkit-border-radius: 4px 4px 4px 4px !important;
  	border: 0px solid #000000; }

.btn-delete {
  	margin-left: -3px;
  	border-radius: 0px 4px 4px 0px !important;
  	-moz-border-radius: 0px 4px 4px 0px !important;
  	-webkit-border-radius: 0px 4px 4px 0px !important; }

.content-wrapper {
  	background: #FFF !important;
  	border-left: none !important; }

.box-content {
  	padding: 20px 0; }
.box-content .judul {
    padding: 5px 0; }
.box-content .judul h3 {
    font-family: "Montserrat Bold";
    font-size: 16px;
    color: #023863; }
.box-content .sub-judul {
    font-family: "Oxygen Light";
    font-size: 25px;
    color: #2a2a2a;
    text-transform: uppercase;
    padding: 0 0 15px 0; }
.box-content .garis-subjudul {
    border-bottom: 1px solid #383838;
    width: 20%; }
.box-content .garis-subjudul-2 {
    border-bottom: 1px solid #383838;
    width: 5%; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  	background-color: #003561 !important;
  	border-color: #003561 !important; }

/*CSS Layout*/
#top {
  	width: 100%;
  	font-family: "Lato Regular";
  	font-size: 14px;
  	color: #717070;
  	background-color: #f5f5f5; }
#top .box-top {
    padding: 5px 0; }
#top .box-top .top-kiri {
    margin: 10px 0 0 0; }
#top .box-top .top-kiri ul {
    list-style: none;
    margin-bottom: 0px; }
#top .box-top .top-kiri ul li {
    display: inline-block;
    padding: 0 15px;
    border-right: 1px solid #717070; }
#top .box-top .top-kiri ul li span {
    font-size: 16px;
    color: #383838; }
#top .box-top .top-kiri ul li strong {
    color: #383838; }
#top .box-top .top-kiri ul li a {
    color: #717070; }
#top .box-top .top-kiri ul li a:hover {
    color: #0781e4; }
#top .box-top .top-kiri ul li:first-child {
    padding-left: 0px; }
#top .box-top .top-kiri ul li:last-child {
    border-right: 0px; }
#top .box-top .top-kanan {
    margin: 5px 0;
    text-align: right; }
#top .box-top .top-kanan a {
    color: #717070; }
#top .box-top .top-kanan .user-menu .user-image {
  	float: left;
  	width: 25px;
  	height: 25px;
  	border-radius: 50%;
  	margin-right: 10px;
  	margin-top: -2px; }
#top .box-top .top-kanan .user-menu .dropdown-menu {
  	border-bottom-right-radius: 4px;
  	border-bottom-left-radius: 4px;
  	border-top-right-radius: 0;
  	border-top-left-radius: 0;
  	padding: 1px 0 0 0;
  	border-top-width: 0;
  	width: 100%;
  	z-index: 10000;
  	background-color: #FFF; }
#top .box-top .top-kanan ul {
    list-style: none;
    margin-bottom: 0px; }
#top .box-top .top-kanan ul li {
	display: inline-block;
	padding: 0 5px;
	position: relative; }
#top .box-top .top-kanan ul li .dropdown-menu {
    position: absolute;
    right: 0;
    left: auto; }
#top .box-top .top-kanan ul li .dropdown-menu .user-header {
    height: 100%;
    padding: 5px;
    width: 100%;
    text-align: center;
    background-color: #003561; }
#top .box-top .top-kanan ul li .dropdown-menu .user-header p {
    color: #FFF;
    z-index: 5;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 10px; }
#top .box-top .top-kanan ul li .dropdown-menu .user-footer {
    background-color: #f9f9f9;
    padding: 5px;
    width: 100%;
    height: 100%; }
#top .box-top .top-kanan ul .cart a {
    font-family: "Lato Bold";
    color: #717070; }
#top .box-top .top-kanan ul .btn-top {
    font-family: "Lato Bold"; }
#top .box-top .top-kanan ul .btn-top a {
    background: #6fbf41;
    text-transform: uppercase;
    color: #FFF;
    border-radius: 5px;
    padding: 5px 15px; }
#top .box-top .top-kanan ul .btn-login {
    font-family: "Lato Bold"; }
#top .box-top .top-kanan ul .btn-login a {
    background: #eca918;
    text-transform: uppercase;
    color: #FFF;
    border-radius: 5px;
	padding: 5px 15px; }

.main-header {
  	max-height: 100% !important; }

#header {
  	font-family: "Lato Regular";
  	font-size: 14px;
  	color: #717070;
  	padding: 15px 0 0;
  	-webkit-box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.75);
  	-moz-box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.75);
  	box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.75);
  	border-bottom: 5px solid #003b6a !important; }
#header .tetap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    background: #FFF;
    padding: 5px 0 0;
    border-bottom: 5px solid #003b6a; }
#header .tetap .cl-effect-4 a {
    padding: 0 7px 20px;
    margin-top: 20px; }
#header .tetap .box-header-top {
    border-bottom: 0; }
#header .box-header-top .menu-top ul {
    list-style: none;
    margin: 0; }
#header .box-header-top .menu-top ul li {
    display: inline-block; }
#header .box-header-top .menu-top ul li:hover ul {
    display: block; }
#header .box-header-top .menu-top ul ul {
    display: none;
    margin-right: none !important;
    list-style: none;
    position: absolute;
    background-color: #003561;
    text-align: center;
    width: 190px; }
#header .box-header-top .menu-top ul ul li {
    display: block;
    padding: 15px;
    border-bottom: 1px solid #003b6a;
    border-top: 1px solid #003561;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s; }
#header .box-header-top .menu-top ul ul li a {
    display: block;
          font-size: 13px;
          color: #FFF;
          padding: 0 !important;
          margin: 0 !important;
          font-family: "Lato Light";
          text-align: left;
          text-transform: none; }
      #header .box-header-top .menu-top ul ul li:last-child {
        border-bottom: 0; }
    #header .box-header-top .menu-top ul ul li:hover {
      background: #BFDAF5;
      transition: all 0.2s;
      -moz-transition: all 0.2s;
      -webkit-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s; }
      #header .box-header-top .menu-top ul ul li:hover a {
        color: #717070; }

#produk-mid {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #produk-mid .box-content {
    padding-bottom: 100px; }
    #produk-mid .box-content .tombol-mid {
      padding: 35px 0; }
      #produk-mid .box-content .tombol-mid ul {
        list-style: none; }
        #produk-mid .box-content .tombol-mid ul li {
          display: inline-block;
          font-size: 18px;
          padding-left: 5px; }
          #produk-mid .box-content .tombol-mid ul li .btn {
            padding: 0px !important; }
          #produk-mid .box-content .tombol-mid ul li span {
            color: #717070; }
          #produk-mid .box-content .tombol-mid ul li span:hover {
            color: #023863; }
    #produk-mid .box-content .item-box {
      padding: 15px 0; }
      #produk-mid .box-content .item-box .body-item {
        border: 1px solid #f5f5f5;
        -webkit-box-shadow: 0px 0px 8px -3px whitesmoke;
        -moz-box-shadow: 0px 0px 8px -3px whitesmoke;
        box-shadow: 0px 0px 8px -3px whitesmoke; }
        #produk-mid .box-content .item-box .body-item .nama-item {
          padding: 15px;
          background: #9dd30a;
          font-family: "Lato Black";
          font-size: 14px;
          color: #FFF;
          text-transform: uppercase; }
        #produk-mid .box-content .item-box .body-item .harga-display {
          padding: 15px 15px 35px 15px;
          background: #8fbf0d;
          font-family: "Lato light";
          font-size: 40px;
          color: #FFF; }
        #produk-mid .box-content .item-box .body-item .spek-item {
          padding: 15px;
          background: #f5f5f5;
          font-family: "Lato Regular";
          font-size: 14px;
          color: #2a2a2a;
          min-height: 350px; }
          #produk-mid .box-content .item-box .body-item .spek-item ul {
            list-style: none; }
            #produk-mid .box-content .item-box .body-item .spek-item ul li {
              padding: 5px 0; }
              #produk-mid .box-content .item-box .body-item .spek-item ul li span {
                color: #6fbf41;
                font-size: 18px; }
            #produk-mid .box-content .item-box .body-item .spek-item ul li:last-child {
              padding-bottom: 0px; }
        #produk-mid .box-content .item-box .body-item .footer-item {
          padding: 15px;
          text-align: center; }
          #produk-mid .box-content .item-box .body-item .footer-item .btn-detail {
            background: #383838;
            font-family: "Lato Regular";
            font-size: 14px;
            color: #FFF;
            padding: 5px 35px;
            border-radius: 8px; }
          #produk-mid .box-content .item-box .body-item .footer-item .btn-detail:hover {
            background: #6fbf41; }

#banner-mid .box-content {
  margin-bottom: -100px; }

#mid {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #FFF;
  background: url("../img/bg-mid.png");
  background-repeat: no-repeat;
  text-align: justify; }
  #mid p {
    color: #FFF; }
  #mid .box-banner {
    margin-top: -60px !important; }
  #mid .box-content .judul h3 {
    color: #FFF; }
  #mid .box-content .sub-judul {
    color: #FFF; }
  #mid .box-content .garis-subjudul-2 {
    border-color: #FFF; }
  #mid .box-content .item-box {
    padding: 15px 0; }
    #mid .box-content .item-box .img-mid {
      margin-top: -100px; }
    #mid .box-content .item-box .tombol-mid ul {
      list-style: none;
      margin-left: 0px; }
      #mid .box-content .item-box .tombol-mid ul li {
        display: inline-block;
        padding-right: 5px; }
        #mid .box-content .item-box .tombol-mid ul li span {
          color: #FFF; }
        #mid .box-content .item-box .tombol-mid ul li span:hover {
          color: #717070; }
        #mid .box-content .item-box .tombol-mid ul li .btn {
          padding: 0px !important; }

#keunggulan {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #keunggulan .box-content {
    border-bottom: 1px solid #f5f5f5; }
    #keunggulan .box-content .tombol-mid {
      padding: 35px 0; }
      #keunggulan .box-content .tombol-mid ul {
        list-style: none; }
        #keunggulan .box-content .tombol-mid ul li {
          display: inline-block;
          font-size: 18px;
          padding-left: 5px; }
          #keunggulan .box-content .tombol-mid ul li .btn {
            padding: 0px !important; }
          #keunggulan .box-content .tombol-mid ul li span {
            color: #717070; }
          #keunggulan .box-content .tombol-mid ul li span:hover {
            color: #023863; }
    #keunggulan .box-content .item-box {
      padding: 15px 0; }
      #keunggulan .box-content .item-box .nama-item {
        min-height: 65px;
        padding: 15px 15px 0 15px;
        font-family: "Lato Black";
        font-size: 18px;
        color: #0781e4; }
      #keunggulan .box-content .item-box .isi-item {
        padding: 0 15px; }

/*#contents {
  	width: 100%;
  	font-family: "Lato Regular";
  	font-size: 14px;
  	color: #717070; }
#contents .box-content {
    border-bottom: 1px solid #f5f5f5; }
#contents .box-content .tombol-mid {
  	padding: 35px 0; }
#contents .box-content .tombol-mid ul {
    list-style: none; }
#contents .box-content .tombol-mid ul li {
   	display: inline-block;
    font-size: 18px;
    padding-left: 5px; }
#contents .box-content .tombol-mid ul li .btn {
    padding: 0px !important; }
#contents .box-content .tombol-mid ul li span {
    color: #717070; }
#contents .box-content .tombol-mid ul li span:hover {
    color: #023863; }
#contents .box-content .item-box {
    padding: 15px 0; }
#contents .box-content .item-box .nama-item {
   	min-height: 65px;
    padding: 15px 15px 0 15px;
    font-family: "Lato Black";
    font-size: 18px;
    color: #0781e4; }
#contents .box-content .item-box .isi-item {
   	padding: 0 15px; }*/

#partner-home {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #partner-home .box-content .item-box ul {
    list-style: none;
    margin-left: 0px; }
    #partner-home .box-content .item-box ul li {
      display: inline-block; }

#newsletter {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #FFF;
  background: #003561; }
  #newsletter .box-content {
    padding: 15px 0px; }
    #newsletter .box-content .item-box .form-group {
      margin-bottom: 0px;
      font-family: "Lato Regular" !important; }
      #newsletter .box-content .item-box .form-group .form-control {
        border-radius: 5px; }
      #newsletter .box-content .item-box .form-group .btn {
        background: #6fbf41;
        color: #FFF; }

#menu-bottom {
  width: 100%;
  font-family: "Lato Light";
  font-size: 14px;
  color: #FFF;
  background: #003b6a; }
  #menu-bottom .box-content {
    border-bottom: 1px solid #FFF; }
    #menu-bottom .box-content .item-box .nama-item {
      font-family: "Lato Bold";
      font-size: 18px;
      color: #FFF;
      padding-top: 5px; }
    #menu-bottom .box-content .item-box .fax, #menu-bottom .box-content .item-box .email, #menu-bottom .box-content .item-box .telepon {
      font-family: "Lato Bold";
      padding-top: 5px; }
    #menu-bottom .box-content .item-box .judul-menu {
      font-family: "Lato Bold";
      font-size: 14px;
      color: #FFF;
      padding-bottom: 5px; }
    #menu-bottom .box-content .item-box ul {
      list-style: none;
      margin-bottom: 0px; }
      #menu-bottom .box-content .item-box ul li {
        padding-top: 5px; }
        #menu-bottom .box-content .item-box ul li a {
          color: #FFF; }
        #menu-bottom .box-content .item-box ul li a:hover {
          color: #717070; }

#footer {
  width: 100%;
  font-family: "Lato Light";
  font-size: 14px;
  color: #c2c2c2;
  background: white !important; }
  #footer a {
    font-family: "Lato Light";
    font-size: 14px;
    color: #c2c2c2;
  }
  #footer .box-content {
    padding: 15px 0; }
    #footer .box-content .go-top {
      position: fixed;
      bottom: 160px;
      right: 25px;
      text-decoration: none;
      color: #FFF;
      padding: 15px;
      opacity: 0.5;
      background: #0C83E1 !important;
      font-size: 12px;
      display: none; }

      #footer .button_wa{
        z-index: 999;
        position: fixed;
        background-color: #33cc00;
        bottom: 0px;
        border-radius: 15px 15px 0px 0px;
        right: 270px;
        padding: 8px 30px;
      }

      #footer .button_wa span a {
        color: #ffffff;
        font-weight: bold;
      }

      #footer .button_wa span a :hover{
        background-color: #32b306;
        color: #FFF;
      }

#menu-sub {
  width: 100%;
  font-family: "Oxygen Light";
  font-size: 14px;
  color: #717070;
  background: #f5f5f5; }
  #menu-sub .box-content {
    padding: 25px 0;
    text-align: center;
    text-transform: uppercase; }
    #menu-sub .box-content ul {
      list-style: none;
      margin-bottom: 0px; }
      #menu-sub .box-content ul li {
        display: inline-block;
        padding: 5px 15px;
        border: 1px solid #DDD;
        border-radius: 5px;
        transition: all 0.2s;
        -moz-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s; }
        #menu-sub .box-content ul li:hover {
          border-color: #BFDAF5;
          background-color: #BFDAF5;
          transition: all 0.2s;
          -moz-transition: all 0.2s;
          -webkit-transition: all 0.2s;
          -ms-transition: all 0.2s;
          -o-transition: all 0.2s; }
        #menu-sub .box-content ul li a {
          color: #717070;
          margin-bottom: 31px; }
          #menu-sub .box-content ul li a:hover {
            color: #717070; }

#story {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #story .box-content .item-box {
    margin: 35px 0 0 0; }
    #story .box-content .item-box .isi-item {
      padding-top: 15px; }

#sbs {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #sbs .box-content .item-box {
    margin: 35px 0;
    background: #f5f5f5; }
    #sbs .box-content .item-box .alamat {
      padding: 35px; }
      #sbs .box-content .item-box .alamat .judul-alamat {
        padding: 15px 0;
        font-family: "Lato Bold";
        font-size: 17px;
        color: #717070; }
      #sbs .box-content .item-box .alamat .map {
        font-family: "Lato Bold"; }
        #sbs .box-content .item-box .alamat .map a {
          color: #0781e4; }
        #sbs .box-content .item-box .alamat .map a:hover {
          color: #003561; }

#team {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #team .box-content .item-box {
    margin: 35px 0; }
    #team .box-content .item-box h4 {
      font-family: "Lato Regular";
      font-size: 18px;
      color: #2a2a2a;
      font-weight: normal;
      padding: 15px 0;
      text-transform: uppercase; }
    #team .box-content .item-box p .text-center::before {
      content: '';
      background-color: #a3a3a3;
      width: 3%;
      height: 3px;
      display: block;
      left: 22%;
      top: 19%;
      position: absolute; }
    #team .box-content .item-box p .text-center::after {
      content: '';
      background-color: #a3a3a3;
      width: 3%;
      height: 3px;
      display: block;
      right: 22%;
      top: 19%;
      position: absolute; }
    #team .box-content .item-box p .text-center {
      font-size: 16px;
      line-height: 30px;
      padding-bottom: 50px;
      position: relative; }
    #team .box-content .item-box .body-item {
      border: 1px solid #f5f5f5;
      text-align: Center;
      margin-bottom: 15px; }
    #team .box-content .item-box .view {
      width: 100%;
      height: auto;
      position: relative;
      text-align: center; }
      #team .box-content .item-box .view div {
        overflow: hidden; }
      #team .box-content .item-box .view .mask, #team .box-content .item-box .view .content {
        width: 100%;
        height: 330px;
        position: absolute;
        top: 0;
        left: 0; }
      #team .box-content .item-box .view img {
        display: block;
        position: relative; }
      #team .box-content .item-box .view h5 {
        text-transform: uppercase;
        color: #FFF;
        text-align: center;
        position: relative;
        font-size: 20px;
        padding-bottom: 10px;
        margin: 40px 0 0 0;
        font-family: "Lato Regular"; }
      #team .box-content .item-box .view p.w3ls1 {
        font-size: 14px;
        position: relative;
        color: #fff;
        padding: 10px 0 20px;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 0px; }
      #team .box-content .item-box .view p.w3ls2 {
        font-family: "Lato Regular";
        font-style: italic;
        font-size: 14px;
        position: relative;
        color: #fff;
        line-height: 25px;
        padding: 10px 20px 20px;
        text-align: center;
        margin-bottom: 0px; }
      #team .box-content .item-box .view span.line2 {
        background-color: #fff;
        display: block;
        height: 2px;
        width: 20%;
        margin: 0 auto; }
      #team .box-content .item-box .view ul.social-icons1 {
        list-style: none;
        margin-bottom: 0px !important; }
        #team .box-content .item-box .view ul.social-icons1 li {
          display: inline;
          margin-right: 7px;
          margin-left: 7px; }
          #team .box-content .item-box .view ul.social-icons1 li a {
            text-decoration: none;
            box-sizing: border-box;
            transform: rotate(45deg);
            border: 2px solid #fff;
            width: 35px;
            height: 35px;
            text-align: center;
            display: inline-block;
            background-color: #6fbf41; }
            #team .box-content .item-box .view ul.social-icons1 li a i.fa {
              font-size: 16px;
              color: #fff;
              padding-right: 1px;
              line-height: 30px;
              transform: rotate(-45deg);
              text-align: center;
              background-color: transparent;
              transition: all 0.5s ease-in-out;
              -webkit-transition: all 0.5s ease-in-out;
              -moz-transition: all 0.5s ease-in-out;
              -o-transition: all 0.5s ease-in-out;
              -ms-transition: all 0.5s ease-in-out; }
          #team .box-content .item-box .view ul.social-icons1 li a:hover {
            background-color: #fff;
            border: 2px solid #fff; }
            #team .box-content .item-box .view ul.social-icons1 li a:hover i.fa {
              color: #003466; }

#service {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #service .box-content .item-box {
    margin: 35px 0 0 0;
    text-align: center; }
    #service .box-content .item-box .col-box {
      float: none !important;
      display: inline-block !important;
      vertical-align: top !important; }
    #service .box-content .item-box .body-item {
      margin-bottom: 15px; }
      #service .box-content .item-box .body-item .nama-serv {
        padding: 15px 0;
        min-height: 75px; }
        #service .box-content .item-box .body-item .nama-serv a {
          font-family: "Lato Bold";
          font-size: 16px;
          color: #003561; }
        #service .box-content .item-box .body-item .nama-serv a:hover {
          color: #0781e4; }
      #service .box-content .item-box .body-item .isi-item {
        padding: 15px 0; }
      #service .box-content .item-box .body-item span.line2 {
        background-color: #003561;
        display: block;
        height: 2px;
        width: 20%;
        margin: 0 auto; }

#detail-service {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #detail-service .box-content .item-box {
    margin: 35px 0 0 0; }

#news {
  width: 100%;
  font-family: "Lato Light";
  font-size: 14px;
  color: #FFF; }
  #news .box-content .item-box {
    margin: 35px 0 0 0;
    background-color: #003b6a;
    -webkit-box-shadow: 0px 0px 8px -3px whitesmoke;
    -moz-box-shadow: 0px 0px 8px -3px whitesmoke;
    box-shadow: 0px 0px 8px -3px whitesmoke; }
    #news .box-content .item-box .info-item {
      padding: 35px; }
      #news .box-content .item-box .info-item .tanggal {
        text-transform: uppercase;
        font-weight: 800; }
      #news .box-content .item-box .info-item .judul-item {
        font-size: 16px;
        padding: 35px 0; }
  #news .box-content .item-box2 {
    margin: 35px 0 0 0;
    -webkit-box-shadow: 0px 0px 8px -3px whitesmoke;
    -moz-box-shadow: 0px 0px 8px -3px whitesmoke;
    box-shadow: 0px 0px 8px -3px whitesmoke;
    font-family: "Lato Light";
    font-size: 14px;
    color: #717070; }
    #news .box-content .item-box2 .body-item {
      background-color: #f5f5f5;
      margin-bottom: 35px; }
    #news .box-content .item-box2 .info-item {
      padding: 35px; }
      #news .box-content .item-box2 .info-item .tanggal {
        text-transform: uppercase;
        font-weight: 800; }
      #news .box-content .item-box2 .info-item .judul-item {
        font-size: 16px;
        padding: 35px 0; }

#detail-news {
  width: full-width;
  font-family: "Lato Light";
  font-size: 14px;
  color: #717070; }
  #detail-news .box-content .item-box {
    margin: 35px 0 0 0; }
    #detail-news .box-content .item-box .tanggal {
      text-transform: uppercase;
      font-weight: 800; }
    #detail-news .box-content .item-box .judul-item {
      font-size: 25px;
      padding: 35px 0;
      border-bottom: 1px solid #f5f5f5; }
    #detail-news .box-content .item-box .gambar-item {
      padding: 35px 0; }
  #detail-news .box-content .item-box2 {
    margin: 35px 0 0 0;
    background-color: #f5f5f5;
    padding: 60px 0; }
    #detail-news .box-content .item-box2 .judul-news {
      font-size: 50px;
      font-weight: 500; }
    #detail-news .box-content .item-box2 .read-more a {
      color: #0781e4; }
    #detail-news .box-content .item-box2 .read-more a:hover {
      color: #003b6a; }

#gallery {
  width: full-width;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #gallery .box-content .item-box {
    margin: 35px 0; }
    #gallery .box-content .item-box .grid {
      padding: 0 0; }
      #gallery .box-content .item-box .grid .g-box {
        padding-bottom: 15px; }

#blog {
  width: 100%;
  font-family: "Lato Light";
  font-size: 14px;
  color: #FFF; }
  #blog .box-content .item-box {
    margin: 35px 0 0 0;
    -webkit-box-shadow: 0px 0px 8px -3px whitesmoke;
    -moz-box-shadow: 0px 0px 8px -3px whitesmoke;
    box-shadow: 0px 0px 8px -3px whitesmoke;
    font-family: "Lato Light";
    font-size: 14px;
    color: #717070; }
    #blog .box-content .item-box .body-item {
      background-color: #f5f5f5;
      margin-bottom: 35px; }
    #blog .box-content .item-box .info-item {
      padding: 35px; }
      #blog .box-content .item-box .info-item .tanggal {
        text-transform: uppercase;
        font-weight: 800; }
      #blog .box-content .item-box .info-item .judul-item {
        font-size: 16px;
        padding: 35px 0; }
    #blog .box-content .item-box .cat-item {
      text-transform: uppercase;
      background-color: #FFF;
      padding: 5px 15px;
      text-align: center;
      position: absolute;
      top: 0;
      right: 0;
      margin-top: 15px;
      margin-right: 35px;
      border-radius: 5px; }

#detail-blog {
  width: full-width;
  font-family: "Lato Light";
  font-size: 14px;
  color: #717070; }
  #detail-blog .box-content .item-box {
    margin: 35px 0 0 0; }
    #detail-blog .box-content .item-box .tanggal {
      text-transform: uppercase;
      font-weight: 800; }
    #detail-blog .box-content .item-box .judul-item {
      font-size: 25px;
      padding: 35px 0;
      border-bottom: 1px solid #f5f5f5; }
    #detail-blog .box-content .item-box .gambar-item {
      padding: 35px 0; }
  #detail-blog .box-content .item-box2 {
    margin: 35px 0 0 0;
    background-color: #f5f5f5;
    padding: 60px 0; }
    #detail-blog .box-content .item-box2 .judul-blog {
      font-size: 50px;
      font-weight: 500; }
    #detail-blog .box-content .item-box2 .read-more a {
      color: #0781e4; }
    #detail-blog .box-content .item-box2 .read-more a:hover {
      color: #003b6a; }

#partner {
  width: 100%;
  font-family: "Lato Light";
  font-size: 14px;
  color: #717070; }
  #partner .box-content .item-box {
    margin: 35px 0 0 0; }
    #partner .box-content .item-box .judul-item {
      text-align: center;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 25px;
      padding-bottom: 35px;
      border-bottom: 1px solid #f5f5f5; }
    #partner .box-content .item-box .body-item {
      font-size: 16px;
      margin: 15px 0;
      padding-top: 15px;
      padding-bottom: 35px;
      border-bottom: 1px solid #f5f5f5;
      min-height: 250px; }
      #partner .box-content .item-box .body-item .nama {
        font-family: "Lato Bold";
        font-size: 20px;
        color: #717070; }
      #partner .box-content .item-box .body-item .img-partner {
        padding-top: 15px;
        padding-bottom: 15px; }
  #partner .box-content .item-box2 {
    margin: 35px 0 0 0;
    background-color: #f5f5f5;
    padding: 60px 0; }
    #partner .box-content .item-box2 .judul-partner {
      font-size: 50px;
      font-weight: 500; }
    #partner .box-content .item-box2 .read-more a {
      color: #0781e4; }
    #partner .box-content .item-box2 .read-more a:hover {
      color: #003b6a; }

#tips {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #tips .box-content .item-box {
    margin: 35px 0 0 0; }
    #tips .box-content .item-box .judul-item {
      font-family: "Lato Light";
      text-align: center;
      font-weight: 400;
      font-size: 25px;
      padding-bottom: 35px;
      border-bottom: 1px solid #f5f5f5;
      text-transform: uppercase; }
    #tips .box-content .item-box .body-item {
      margin: 35px 0; }

#tutor {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #tutor .box-content .item-box {
    margin: 35px 0 0 0; }
    #tutor .box-content .item-box .judul-item {
      font-family: "Lato Light";
      text-align: center;
      font-weight: 400;
      font-size: 25px;
      padding-bottom: 35px;
      border-bottom: 1px solid #f5f5f5;
      text-transform: uppercase; }
    #tutor .box-content .item-box .body-item {
      margin: 35px 0;
      text-align: center; }
      #tutor .box-content .item-box .body-item .item-tutor {
        margin: 15px 0;
        border-bottom: 1px solid #f5f5f5; }
        #tutor .box-content .item-box .body-item .item-tutor .judul-tutor {
          text-transform: uppercase;
          font-size: 16px;
          font-weight: 400;
          padding: 15px 0;
          height: 80px;
          /* border: solid 1px #000; */
        }

#contact {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #contact .box-content .item-box {
    margin: 35px 0 0 0; }
    #contact .box-content .item-box .judul-item {
      font-family: "Lato Light";
      text-align: center;
      font-weight: 400;
      font-size: 25px;
      padding-bottom: 35px;
      border-bottom: 1px solid #f5f5f5;
      text-transform: uppercase; }
    #contact .box-content .item-box .body-item {
      margin: 35px 0; }
      #contact .box-content .item-box .body-item .bg-aqua {
        background-color: #2b97d8 !important; }
  #contact .box-content .item-box2 {
    margin: 35px 0 0 0; }
    #contact .box-content .item-box2 .judul-item {
      font-family: "Lato Light";
      text-align: center;
      font-weight: 800;
      font-size: 25px;
      text-transform: uppercase;
      padding-bottom: 35px; }
    #contact .box-content .item-box2 .body-item {
      margin: 35px 0; }

#career {
  width: 100%;
  font-family: "Lato Light";
  font-size: 14px;
  color: #717070; }
  #career .box-content .item-box {
    margin: 35px 0 0 0; }
    #career .box-content .item-box .judul-item {
      font-family: "Lato Light";
      text-align: center;
      font-weight: 400;
      font-size: 25px;
      padding-bottom: 35px;
      border-bottom: 1px solid #f5f5f5;
      text-transform: uppercase; }
    #career .box-content .item-box .body-item {
      margin: 35px 0;
      background-color: #f5f5f5;
      -webkit-box-shadow: 0px 0px 8px -3px whitesmoke;
      -moz-box-shadow: 0px 0px 8px -3px whitesmoke;
      box-shadow: 0px 0px 8px -3px whitesmoke; }
      #career .box-content .item-box .body-item .info-item {
        padding: 35px; }
        #career .box-content .item-box .body-item .info-item .tanggal {
          text-transform: uppercase;
          font-weight: 800; }
        #career .box-content .item-box .body-item .info-item .judul-career {
          font-size: 16px;
          padding: 35px 0 15px 0; }
        #career .box-content .item-box .body-item .info-item .read-more a {
          color: #0781e4; }
        #career .box-content .item-box .body-item .info-item .read-more a:hover {
          color: #003b6a; }
      #career .box-content .item-box .body-item .info-item2 {
        padding: 35px; }
        #career .box-content .item-box .body-item .info-item2 .keterangan {
          font-family: "Lato Bold";
          margin-bottom: 35px;
          text-transform: uppercase; }

#detail-career {
  width: full-width;
  font-family: "Lato Light";
  font-size: 14px;
  color: #717070; }
  #detail-career .box-content .item-box {
    margin: 35px 0 0 0; }
    #detail-career .box-content .item-box .tanggal {
      text-transform: uppercase;
      font-weight: 800; }
    #detail-career .box-content .item-box .judul-item {
      font-size: 25px;
      padding: 35px 0;
      border-bottom: 1px solid #f5f5f5; }
    #detail-career .box-content .item-box .isi-item {
      padding: 35px 0; }
      #detail-career .box-content .item-box .isi-item .keterangan {
        font-family: "Lato Bold";
        margin-bottom: 35px;
        text-transform: uppercase; }
  #detail-career .box-content .item-box2 {
    margin: 35px 0 0 0;
    background-color: #f5f5f5;
    padding: 60px 0; }
    #detail-career .box-content .item-box2 .judul-career {
      font-size: 50px;
      font-weight: 500; }
    #detail-career .box-content .item-box2 .read-more a {
      color: #0781e4; }
    #detail-career .box-content .item-box2 .read-more a:hover {
      color: #003b6a; }

#all-product {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #all-product .box-content .item-box {
    margin: 35px 0 0 0;
    box-shadow: 0 0 2px #DDD;
    padding: 15px; }
    #all-product .box-content .item-box .btn-compare {
      margin-bottom: 15px; }
      #all-product .box-content .item-box .btn-compare .flat-red {
        width: 18px;
        height: 18px;
        border: none; }
    #all-product .box-content .item-box .isi-judul {
      font-family: "Montserrat Bold";
      font-size: 16px;
      color: #023863;
      min-height: 50px; }
      #all-product .box-content .item-box .isi-judul a {
        text-transform: uppercase;
        color: #003561; }
        #all-product .box-content .item-box .isi-judul a:hover {
          color: #0781e4; }
    #all-product .box-content .item-box ul {
      list-style: none;
      min-height: 120px; }
      #all-product .box-content .item-box ul li {
        font-size: 13px; }
    #all-product .box-content .item-box .tombol {
      min-height: 30px; }
      #all-product .box-content .item-box .tombol .btn {
        background-color: #6fbf41;
        color: #FFF;
        text-transform: uppercase; }

#product {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #product .margin-r-medium {
    margin-right: 5px; }
  #product .box-content .item-box {
    margin: 35px 0 0 0; }
    #product .box-content .item-box a {
      color: #717070; }
    #product .box-content .item-box ul {
      list-style: none;
      margin-bottom: 0px; }
      #product .box-content .item-box ul li {
        cursor: pointer;
        padding: 5px 15px;
        border: 1px solid transparent; }
      #product .box-content .item-box ul li:hover {
        color: #FFF;
        background-color: #2b97d5;
        cursor: pointer;
        border: 1px solid #717070;
        border-radius: 5px; }
  #product .bg-body {
    background: url("../img/bg-produk.jpg");
    background-repeat: no-repeat;
    background-size: cover; }
  #product .body-content {
    text-align: justify;
    padding-right: 35px;
    padding-left: 35px;
    padding-bottom: 35px;
    padding-top: 150px;
    color: #FFF; }
    #product .body-content p {
      color: #FFF; }
    #product .body-content .judul-fitur {
      font-family: "Lato Bold";
      font-size: 16px;
      color: #FFF;
      padding: 15px 0; }
    #product .body-content .body-tombol ul {
      list-style: none;
      margin-bottom: 0px; }
      #product .body-content .body-tombol ul li {
        display: inline-block;
        margin-right: 15px; }
        #product .body-content .body-tombol ul li .btn {
          padding-right: 35px;
          padding-left: 35px;
          border-radius: 10px;
          border: 0px; }
        #product .body-content .body-tombol ul li .btn-demo {
          background-color: #6fbf41;
          color: #FFF;
          font-weight: 800; }
        #product .body-content .body-tombol ul li .btn-compare {
          background-color: #2b97d8;
          color: #FFF;
          font-weight: 800; }
        #product .body-content .body-tombol ul li .btn-compare-active {
          background-color: #003561;
          color: #FFF;
          font-weight: 800; }
        #product .body-content .body-tombol ul li .btn-beli {
          background-color: #eca918;
          color: #FFF;
          font-weight: 800; }

#produk-lainnya {
  width: full-width;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #produk-lainnya .box-content {
    padding-top: 100px; }
    #produk-lainnya .box-content .tombol-pro {
      padding: 35px 0; }
      #produk-lainnya .box-content .tombol-pro ul {
        list-style: none; }
        #produk-lainnya .box-content .tombol-pro ul li {
          display: inline-block;
          font-size: 18px;
          padding-left: 5px; }
          #produk-lainnya .box-content .tombol-pro ul li .btn {
            padding: 0px !important; }
          #produk-lainnya .box-content .tombol-pro ul li span {
            color: #717070; }
          #produk-lainnya .box-content .tombol-pro ul li span:hover {
            color: #023863; }
    #produk-lainnya .box-content .item-box {
      margin: 35px 0 0 0; }
      #produk-lainnya .box-content .item-box .nama-pro {
        padding: 35px 0 0 0; }
        #produk-lainnya .box-content .item-box .nama-pro a {
          font-family: "Lato Bold";
          font-size: 17px;
          color: #0781e4; }
        #produk-lainnya .box-content .item-box .nama-pro a:hover {
          color: #003561; }

#rekomendasi {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #rekomendasi .box-content {
    padding-top: 100px; }
    #rekomendasi .box-content .item-box {
      margin: 35px 0 0 0; }
      #rekomendasi .box-content .item-box .nav-tabs-custom {
        padding: 35px;
        border: 1px solid #f5f5f5; }
        #rekomendasi .box-content .item-box .nav-tabs-custom .nav-tabs {
          border-bottom: 0px;
          margin-bottom: 35px; }
          #rekomendasi .box-content .item-box .nav-tabs-custom .nav-tabs li {
            border: 0px;
            margin: 0px; }
            #rekomendasi .box-content .item-box .nav-tabs-custom .nav-tabs li a {
              font-size: 16px;
              font-family: "Lato Bold"; }
          #rekomendasi .box-content .item-box .nav-tabs-custom .nav-tabs li.active a {
            color: #0781e4;
            border-left-color: transparent !important;
            border-right-color: transparent !important; }

#sidebar-compare {
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070;
  position: fixed;
  top: 250px;
  right: 30px;
  z-index: 1; }
  #sidebar-compare .box-sidebar {
    margin-bottom: 35px;
    width: 280px;
    background: #FFF;
    opacity: 0.8;
    border: 1px solid #f5f5f5;
    padding: 15px;
    -webkit-box-shadow: 0px 0px 4px 0px whitesmoke;
    -moz-box-shadow: 0px 0px 4px 0px whitesmoke;
    box-shadow: 0px 0px 4px 0px whitesmoke; }
    #sidebar-compare .box-sidebar .box-sidebar-header {
      font-size: 20px;
      color: #0781e4;
      font-weight: 600;
      padding-bottom: 15px;
      border-bottom: 1px solid #f5f5f5; }
    #sidebar-compare .box-sidebar .box-body-sidebar {
      padding-top: 15px; }
      #sidebar-compare .box-sidebar .box-body-sidebar ul {
        list-style: none;
        margin-bottom: 0px; }
        #sidebar-compare .box-sidebar .box-body-sidebar ul li {
          padding: 5px 0; }
          #sidebar-compare .box-sidebar .box-body-sidebar ul li span {
            color: #6fbf41; }
    #sidebar-compare .box-sidebar .box-footer-sidebar {
      margin: 15px 0; }
      #sidebar-compare .box-sidebar .box-footer-sidebar .btn {
        background: #0781e4;
        color: #FFF;
        font-size: 16px; }

#shop {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #shop .margin-r-medium {
    margin-left: 50px; }
  #shop .box-content .item-box {
    margin: 35px 0 0 0; }
    #shop .box-content .item-box .gambar-produk {
      border: 1px solid #f5f5f5;
      padding: 35px; }
    #shop .box-content .item-box .nama-produk h3 {
      text-transform: uppercase;
      font-family: "Lato Bold";
      font-size: 25px;
      color: #2a2a2a; }
    #shop .box-content .item-box .harga-produk {
      margin-top: 35px;
      margin-bottom: 15px;
      font-family: "Lato Bold";
      font-size: 25px;
      color: #2a2a2a; }
    #shop .box-content .item-box .btn-beli {
      background-color: #6fbf41;
      font-family: "Lato Bold";
      font-size: 16px;
      color: #FFF;
      padding-right: 15px;
      padding-left: 15px;
      text-transform: uppercase;
      border-radius: 7px;
      border: 0px; }
    #shop .box-content .item-box .btn-beli:hover {
      background-color: #003561; }
    #shop .box-content .item-box .modal-body {
      font-family: "Lato Light";
      font-size: 14px;
      color: #717070; }
      #shop .box-content .item-box .modal-body .nama-probeli a {
        font-size: 18px;
        text-transform: uppercase;
        color: #0781e4; }
      #shop .box-content .item-box .modal-body .nama-probeli a:hover {
        color: #003561; }
    #shop .box-content .item-box .modal-footer .btn-cart {
      background-color: #2b97d8;
      color: #FFF; }
  #shop .box-content .item-box2 {
    margin: 50px 0 0 0; }
    #shop .box-content .item-box2 .nav-tabs-custom {
      padding: 35px;
      background-color: #f5f5f5 !important; }
      #shop .box-content .item-box2 .nav-tabs-custom .nav-tabs {
        border-bottom-color: #dadada;
        margin: 15px; }
        #shop .box-content .item-box2 .nav-tabs-custom .nav-tabs li {
          border: 0px;
          margin: 0px; }
          #shop .box-content .item-box2 .nav-tabs-custom .nav-tabs li a {
            font-size: 16px;
            font-family: "Lato Bold"; }
        #shop .box-content .item-box2 .nav-tabs-custom .nav-tabs li.active a {
          color: #717070;
          border-left-color: transparent !important;
          border-right-color: transparent !important;
          background-color: #f5f5f5; }
      #shop .box-content .item-box2 .nav-tabs-custom .tab-content {
        background: #f5f5f5; }
        #shop .box-content .item-box2 .nav-tabs-custom .tab-content .tab-pane ul {
          list-style: none; }
          #shop .box-content .item-box2 .nav-tabs-custom .tab-content .tab-pane ul li {
            padding: 5px 0; }
  #shop .box-content .item-box3 {
    margin: 50px 0 0 0; }
    #shop .box-content .item-box3 .body-item {
      border: 1px solid #0781e4;
      padding: 35px; }
      #shop .box-content .item-box3 .body-item .tombol-pro {
        padding: 35px 0; }
        #shop .box-content .item-box3 .body-item .tombol-pro ul {
          list-style: none; }
          #shop .box-content .item-box3 .body-item .tombol-pro ul li {
            display: inline-block;
            font-size: 18px;
            padding-left: 5px; }
            #shop .box-content .item-box3 .body-item .tombol-pro ul li .btn {
              padding: 0px !important; }
            #shop .box-content .item-box3 .body-item .tombol-pro ul li span {
              color: #717070; }
            #shop .box-content .item-box3 .body-item .tombol-pro ul li span:hover {
              color: #023863; }
      #shop .box-content .item-box3 .body-item .nama-pro {
        padding: 35px 0 0 0;
        text-transform: uppercase; }
        #shop .box-content .item-box3 .body-item .nama-pro a {
          font-family: "Lato Bold";
          font-size: 17px;
          color: #0781e4; }
        #shop .box-content .item-box3 .body-item .nama-pro a:hover {
          color: #003561; }

#login {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #login .box-content .item-box .btn {
    background-color: #2b97d8;
    color: #FFF; }

#daftar {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #daftar .box-content .item-box .btn {
    background-color: #2b97d8;
    color: #FFF; }

#profile {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #profile .box-content .item-box {
    margin-top: 35px; }
  #profile .box-content .warna-id a, #profile .box-content .box-title a {
    color: #0781e4; }
  #profile .box-content .warna-id a:hover, #profile .box-content .box-title a:hover {
    color: #003561; }
  #profile .box-content .info-box {
    min-height: 0px !important;
    padding: 15px; }

#edit-profile {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #edit-profile .box-content .item-box {
    margin-top: 35px; }
    #edit-profile .box-content .item-box .form-horizontal .control-label {
      text-align: left; }
    #edit-profile .box-content .item-box .form-horizontal .btn-pass, #edit-profile .box-content .item-box .form-horizontal .tombol {
      margin-top: 15px; }

#ubah-pass {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #ubah-pass .box-content .item-box {
    margin-top: 35px; }
    #ubah-pass .box-content .item-box .form-horizontal .control-label {
      text-align: left; }

#view-order {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #view-order .box-content .item-box {
    margin-top: 35px; }
    #view-order .box-content .item-box .inv {
      color: #003561; }
    #view-order .box-content .item-box .box-body hr {
      margin: 5px 0; }
    #view-order .box-content .item-box .box-body ul {
      list-style: none; }
      #view-order .box-content .item-box .box-body ul li {
        padding: 0 5px; }
    #view-order .box-content .item-box .box-body .status-selesai {
      background: #9dd30a;
      color: #FFF; }
    #view-order .box-content .item-box .box-body .status {
      background: #FFFDF2; }
    #view-order .box-content .item-box .box-body .alamat, #view-order .box-content .item-box .box-body .nama {
      font-family: "Lato Bold";
      font-size: 14px;
      color: #717070; }
    #view-order .box-content .item-box .box-body .link-pro a {
      font-family: "Lato Bold";
      font-size: 14px;
      color: #0781e4;
      text-transform: uppercase; }
    #view-order .box-content .item-box .form-horizontal .control-label {
      text-align: left; }

#cart {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #cart .box-content .item-box {
    margin-top: 35px; }
    #cart .box-content .item-box a {
      color: #0781e4; }
    #cart .box-content .item-box a:hover {
      color: #003561; }
    #cart .box-content .item-box .nama {
      font-family: "Lato Bold"; }
    #cart .box-content .item-box .link-pro {
      text-transform: uppercase;
      font-family: "Lato Bold"; }
    #cart .box-content .item-box .bg-biru {
      background-color: #0781e4;
      color: #FFF; }
    #cart .box-content .item-box .bg-hijau {
      background-color: #6fbf41;
      color: #FFF; }

#checkout {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #checkout .box-content .info-belanja {
    margin-top: 35px;
    border: 2px dashed #E3DBAA;
    padding: 15px;
    background-color: #FFF6BF; }
  #checkout .box-content .item-box {
    margin-top: 35px; }
    #checkout .box-content .item-box .bg-hijau {
      background-color: #6fbf41;
      color: #FFF; }

#checkout-view {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #checkout-view .box-content .info-belanja {
    margin-top: 35px;
    border: 2px dashed #E3DBAA;
    padding: 15px;
    background-color: #FFF6BF; }
  #checkout-view .box-content .item-box {
    margin-top: 35px; }
    #checkout-view .box-content .item-box .info-total {
      font-family: "Lato Bold";
      font-size: 14px;
      color: #717070; }
      #checkout-view .box-content .item-box .info-total .harga {
        font-family: "Lato Bold";
        font-size: 25px;
        color: #0781e4; }
    #checkout-view .box-content .item-box hr {
      margin: 5px !important; }
    #checkout-view .box-content .item-box .tombol {
      font-family: "Lato Bold"; }
      #checkout-view .box-content .item-box .tombol .btn-lanjut {
        background: #9dd30a !important;
        color: #FFF !important;
        font-family: "Lato Bold"; }
    #checkout-view .box-content .item-box .tombol1 {
      font-family: "Lato Bold";
      border-top: 1px solid #f5f5f5;
      margin: 15px 0;
      padding: 15px 0; }
      #checkout-view .box-content .item-box .tombol1 .bg-biru {
        background-color: #0781e4;
        color: #FFF; }

#demo {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #demo .box-content .item-box {
    margin: 35px 0 0 0; }
    #demo .box-content .item-box .judul-item {
      font-family: "Lato Light";
      text-align: center;
      font-weight: 400;
      font-size: 25px;
      padding-bottom: 35px;
      border-bottom: 1px solid #f5f5f5;
      text-transform: uppercase; }
    #demo .box-content .item-box .body-item {
      margin: 35px 0; }

#download {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #download .box-content .item-box {
    margin: 35px 0 0 0; }
    #download .box-content .item-box .judul-item {
      font-family: "Lato Light";
      text-align: center;
      font-weight: 400;
      font-size: 25px;
      padding-bottom: 35px;
      border-bottom: 1px solid #f5f5f5;
      text-transform: uppercase; }
    #download .box-content .item-box .body-item {
      margin: 35px 0; }
      #download .box-content .item-box .body-item .head-item {
        -webkit-box-shadow: 0px 10px 16px -14px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 10px 16px -14px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 10px 16px -14px rgba(0, 0, 0, 0.75);
        padding: 35px;
        margin-bottom: 35px; }
        #download .box-content .item-box .body-item .head-item .nama {
          font-family: "Lato Bold";
          font-size: 25px;
          color: #717070;
          text-transform: uppercase;
          min-height: 100px; }
        #download .box-content .item-box .body-item .head-item .tombol {
          padding: 15px;
          background: #6fbf41;
          text-align: center;
          border-radius: 5px;
          text-transform: uppercase;
          color: #FFF; }
        #download .box-content .item-box .body-item .head-item .tombol:hover {
          background: #0781e4; }

#payment {
  width: 100%;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #payment .box-content .item-box {
    margin: 35px 0 0 0; }
    #payment .box-content .item-box .judul-item {
      font-family: "Lato Light";
      text-align: center;
      font-weight: 400;
      font-size: 25px;
      padding-bottom: 35px;
      border-bottom: 1px solid #f5f5f5;
      text-transform: uppercase; }
    #payment .box-content .item-box .body-item {
      margin: 35px 0; }

#compare {
  width: full-width;
  font-family: "Lato Regular";
  font-size: 14px;
  color: #717070; }
  #compare .box-content .item-box {
    margin: 35px 0 0 0; }
    #compare .box-content .item-box .table-compare {
      width: 100%;
      margin: 0px;
      padding: 0px; }
      #compare .box-content .item-box .table-compare tr td {
        padding: 15px; }
        #compare .box-content .item-box .table-compare tr td a {
          background: #eca918;
          padding: 5px 15px;
          border-radius: 10px;
          color: #FFF; }
          #compare .box-content .item-box .table-compare tr td a:hover {
            background: #2b97d8; }
      #compare .box-content .item-box .table-compare tr td.top-pilih {
        padding: 35px 15px 216px 15px;
        font-family: "Lato Bold";
        font-size: 18px;
        color: #0781e4;
        background: #f5f5f5; }
      #compare .box-content .item-box .table-compare tr td.img-compare {
        font-family: "Lato Bold";
        font-size: 14px;
        color: #717070;
        text-transform: uppercase;
        padding: 35px; }

/* CSS Responsive Mini Dekstop */
@media (min-width: 991px) and (max-width: 1024px) {
  .box-content .sub-judul {
    font-size: 18px; }

  #top {
    width: 100%;
    font-family: "Lato Regular";
    font-size: 12px;
    color: #717070; }
    #top .box-top .top-kanan ul .btn-top a {
      font-size: 12px; }

  #header {
    width: 100%;
    font-family: "Opensans Bold";
    font-size: 12px;
    color: #717070; }
    #header a {
      font-size: 12px !important; }
    #header .tetap .cl-effect-4 a {
      padding-right: 4px;
      padding-left: 4px; }
    #header .cl-effect-4 a {
      padding-right: 5px;
      padding-left: 5px; }

  #all-product .box-content .item-box .isi-judul {
    min-height: 50px; }

  #sbs .box-content .item-box .alamat .judul-alamat {
    font-size: 15px; }

  #team .box-content .item-box .view .mask, #team .box-content .item-box .view .content {
    height: 280px; }
  #team .box-content .item-box .view h5 {
    font-size: 16px; }
  #team .box-content .item-box h4 {
    font-size: 16px; }

  #download .box-content .item-box .body-item .head-item .nama {
    font-size: 16px; }

  #detail-blog .box-content .item-box .judul-item {
    font-size: 20px; }
  #detail-blog .box-content .item-box2 .judul-blog {
    font-size: 35px; }

  #detail-news .box-content .item-box .judul-item {
    font-size: 20px; }
  #detail-news .box-content .item-box2 .judul-news {
    font-size: 35px; }

  #partner .box-content .item-box2 .judul-partner {
    font-size: 35px; }

  #detail-career .box-content .item-box .judul-item {
    font-size: 20px; }
  #detail-career .box-content .item-box2 .judul-career {
    font-size: 35px; }

    #footer .button_wa{
      bottom: 0px;
      border-radius: 15px 15px 0px 0px;
      right: 220px;
      padding: 8px 30px;
    }
  }
/* CSS Responsive Tablet*/
@media (min-width: 768px) and (max-width: 991px) {
  .box-content .sub-judul {
    font-size: 16px; }

  #header .tetap .cl-effect-4 {
    text-align: left; }
    #header .tetap .cl-effect-4 a {
      font-size: 11px;
      padding-bottom: 15px;
      padding-right: 4px;
      padding-left: 4px;
      margin-top: 0px; }
  #header .cl-effect-4 {
    text-align: left; }
    #header .cl-effect-4 a {
      font-size: 11px;
      padding-bottom: 15px;
      padding-right: 4px;
      padding-left: 4px;
      margin-top: 0px; }
  #header .box-header-top .menu-top ul ul li a {
    font-size: 10px; }

  #produk-mid .box-content {
    padding-bottom: 50px; }

  #mid .box-banner {
    margin-top: -40px !important; }

  #menu-bottom .box-content .item-box .nama-item {
    font-size: 16px;
    padding-top: 0px;
    padding-bottom: 15px; }

  #sbs .box-content .item-box .alamat {
    padding: 15px; }

  #team .box-content .item-box .view .mask, #team .box-content .item-box .view .content {
    height: 283px; }
  #team .box-content .item-box .view h5 {
    font-size: 14px; }
  #team .box-content .item-box h4 {
    font-size: 14px; }

  #product .body-content {
    padding: 15px;
    padding-top: 35px; }
    #product .body-content .body-tombol {
      text-align: right; }
      #product .body-content .body-tombol ul li {
        margin-right: 0px;
        margin-left: 15px; }

  .menusub-pro ul li {
    padding-right: 5px !important; }
    .menusub-pro ul li a {
      font-size: 13px; }

  #rekomendasi .box-content .item-box .nav-tabs-custom {
    padding: 5px; }
    #rekomendasi .box-content .item-box .nav-tabs-custom .nav-tabs {
      margin-bottom: 15px; }
      #rekomendasi .box-content .item-box .nav-tabs-custom .nav-tabs li a {
        font-size: 14px; }

  #shop .box-content .item-box2 .nav-tabs-custom {
    padding: 15px; }
    #shop .box-content .item-box2 .nav-tabs-custom .nav-tabs li a {
      font-size: 14px; }
  #shop .box-content .item-box3 .body-item .nama-pro {
    font-size: 15px; }

  #blog .box-content .item-box .info-item {
    padding: 15px; }

  #detail-blog .box-content .item-box2 .judul-blog {
    font-size: 25px; }

  #news .box-content .item-box .info-item {
    padding: 15px; }

  #detail-news .box-content .item-box2 .judul-news {
    font-size: 25px; }

  #partner .box-content .item-box .body-item {
    min-height: 0px; }
  #partner .box-content .item-box2 .judul-partner {
    font-size: 25px; }

    #footer .button_wa{
      bottom: 15px;
      border-radius: 5px 5px 5px 5px;
      right: 145px;
      padding: 10px 30px;
    }

  #detail-career .box-content .item-box2 .judul-career {
    font-size: 25px; } }
/*CSS Responsive Mobile*/
@media (max-width: 767px) {
  .bg-menu {
    background-color: #f3f2f2 !important; }

  .bg-nav {
    background-color: #f3f2f2 !important; }

  #menu-responsive {
    font-family: "Lato Regular" !important; }
    #menu-responsive a {
      color: #FFF; }
      #menu-responsive a:hover {
        color: #f5f5f5; }
    #menu-responsive .sidebar-toggle, #menu-responsive .dropdown-toggle {
      margin-top: 0px !important; }
    #menu-responsive li .user-header {
      background-color: #003561 !important; }
    #menu-responsive li a {
      color: #717070; }
      #menu-responsive li a:hover {
        background-color: #003B6A !important; }

  .sidebar {
    font-family: "Lato Regular" !important; }
    .sidebar .text-aqua {
      color: #0781e4 !important; }
    .sidebar a {
      color: #717070; }
    .sidebar .sidebar-menu {
      font-family: "Lato Regular" !important; }
      .sidebar .sidebar-menu li a {
        border-left: 3px solid transparent; }
      .sidebar .sidebar-menu li:hover a {
        background: #003561;
        border-left-color: #0781e4;
        color: #FFF; }
      .sidebar .sidebar-menu li .treeview-menu {
        background: #003561; }
        .sidebar .sidebar-menu li .treeview-menu li a {
          color: #FFF;
          border-left: 0px !important; }
          .sidebar .sidebar-menu li .treeview-menu li a:hover {
            color: #717070; }

  #top {
    display: none; }

  #header {
    display: none; }

  #banner-mid {
    display: none; }

  #mid {
    display: none; }

  #produk-mid .box-content {
    padding-bottom: 0px; }

  #newsletter .grleft {
    text-align: left !important; }
  #newsletter .btn-r {
    width: 100%;
    margin-top: 15px; }

  #all-product .box-content .item-box .isi-judul {
    padding: 15px 0;
    min-height: 0px; }
  #all-product .box-content .item-box ul {
    min-height: 0px; }

  #product .pb-10 {
    padding-bottom: 15px; }
  #product .bg-body {
    background-size: cover; }
  #product .body-content {
    padding: 15px 0px; }
    #product .body-content .judul-fitur {
      text-transform: uppercase; }
    #product .body-content .body-tombol ul li {
      margin-right: 0px;
      display: list-item;
      margin-bottom: 15px; }
      #product .body-content .body-tombol ul li .btn {
        padding: 5px 35px; }

  #rekomendasi {
    display: none; }

  #produk-lainnya .box-content {
    padding: 15px;
    padding-bottom: 35px; }

  #shop .box-content .item-box2 .nav-tabs-custom {
    padding: 0px; }
    #shop .box-content .item-box2 .nav-tabs-custom .nav-tabs {
      margin: 0px; }
  #shop .box-content .item-box3 .body-item .tombol-pro {
    padding: 15px;
    padding-top: 0px; }

  #payment .pb-10 {
    padding-bottom: 15px; }

  #blog .box-content .item-box .info-item {
    padding: 15px; }
    #blog .box-content .item-box .info-item .judul-item {
      padding: 15px 0; }

  #detail-blog .box-content .item-box .judul-item {
    padding: 15px 0;
    font-size: 18px; }
  #detail-blog .box-content .item-box2 {
    padding: 15px; }
    #detail-blog .box-content .item-box2 .judul-blog {
      font-size: 20px; }

  #news .box-content .item-box .info-item {
    padding: 15px; }
    #news .box-content .item-box .info-item .judul-item {
      padding: 15px 0; }

  #detail-news .box-content .item-box .judul-item {
    padding: 15px 0;
    font-size: 18px; }
  #detail-news .box-content .item-box2 {
    padding: 15px; }
    #detail-news .box-content .item-box2 .judul-news {
      font-size: 20px; }

  #partner .box-content .item-box .judul-item {
    font-size: 20px; }
  #partner .box-content .item-box .body-item {
    min-height: 0px;
    font-size: 14px; }
    #partner .box-content .item-box .body-item .nama {
      font-size: 16px; }
  #partner .box-content .item-box2 {
    padding: 15px; }
    #partner .box-content .item-box2 .judul-partner {
      font-size: 20px; }

  #detail-career .box-content .item-box .judul-item {
    padding: 15px 0;
    font-size: 18px; }
  #detail-career .box-content .item-box2 {
    padding: 15px; }

    #footer .button_wa{
      bottom: 15px;
      border-radius: 5px 5px 5px 5px;
      right: 145px;
      padding: 10px 30px;
    }

    #detail-career .box-content .item-box2 .judul-career {
      font-size: 20px; } }
@media (max-width: 568px) {
  .box-content .sub-judul {
    font-size: 16px; }
  .box-content .garis-subjudul-2 {
    border-bottom: 1px solid #383838;
    width: 20%; }

  #top {
    display: none; }

  #header {
    display: none; }

  #banner-mid {
    display: none; }

  #mid {
    display: none; }
    #mid .box-content {
      padding-top: 0px; }

  #keunggulan .box-content {
    padding-top: 0px; }

  #menu-bottom .box-content .item-box .nama-item {
    font-size: 16px; }

  #footer .box-content .item-box {
    font-size: 12px; }
    #footer .box-content .item-box a {
      font-size: 12px;
    }

      #footer .button_wa{
        bottom: 90px;
        border-radius: 50%;
        right: 30px;
        padding: 0px;
        margin: 0px;
        width: 60px;
        height: 60px;
        text-align: center;
      }

      #footer .button_wa span a {
        font-size: 40px;
      }


  #sbs .box-content .item-box .alamat {
    padding: 15px; }

  #team .box-content .item-box h4 {
    font-size: 12px; }
  #team .box-content .item-box p .text-center {
    font-size: 12px; }
  #team .box-content .item-box p .w3ls1 {
    font-size: 12px !important; }
  #team .box-content .item-box p .w3ls2 {
    font-size: 12px; }
  #team .box-content .item-box .view img {
    width: 100%; }
  #team .box-content .item-box .view h5 {
    font-size: 12px; }
  #team .box-content .item-box .view .mask, #team .box-content .item-box .view .content {
    height: 185px; }

  #service .box-content .item-box .body-item .nama-serv {
    min-height: 10px; }

  #detail-service .pb-10 {
    padding-bottom: 15px; }

  #download .box-content .item-box .judul-item {
    font-size: 20px; }
  #download .box-content .item-box .body-item .head-item {
    padding: 15px; }
    #download .box-content .item-box .body-item .head-item .nama {
      font-size: 15px;
      padding: 15px 0;
      min-height: 0px; }

  #demo .pb-10 {
    padding-bottom: 15px; }
  #demo .box-content .item-box .judul-item {
    font-size: 20px; }

  #tips .box-content .item-box .judul-item {
    font-size: 20px; }

  #tutor .box-content .item-box .judul-item {
    font-size: 20px; }

  #career .box-content .item-box .judul-item {
    font-size: 20px; }
  #career .box-content .item-box .body-item .info-item {
    padding: 15px; }
    #career .box-content .item-box .body-item .info-item .judul-career {
      padding: 15px 0; }

  #contact .box-content .item-box .judul-item {
    font-size: 20px; }

  #daftar .box-content .item-box .register-box .register-box-body {
    padding: 0px; }

  #login .box-content .item-box .login-box .login-box-body {
    padding: 0px; }

  #profile .box-content .item-box .box .box-body {
    border-bottom: 1px solid #f5f5f5; }
    #profile .box-content .item-box .box .box-body::last-child {
      border-bottom: 0px; }
    #profile .box-content .item-box .box .box-body .box-head {
      padding-bottom: 15px;
      border-bottom: 1px solid #f5f5f5; }
    #profile .box-content .item-box .box .box-body .box-item {
      padding: 15px 0;
      border-bottom: 1px solid #f5f5f5; }
    #profile .box-content .item-box .box .box-body .box-foot .tombol {
      margin: 15px 0; }
      #profile .box-content .item-box .box .box-body .box-foot .tombol a {
        font-size: 16px; }
      #profile .box-content .item-box .box .box-body .box-foot .tombol .btn:hover {
        background-color: #003561;
        color: #FFF; } }

#seo_home{
  background-color: #f5f5f5;
  padding: 20px 0px;
}
  #seo_home h2{
    font-size:24px;
  }
  #seo_home p{
    line-height: 30px;
  }
/*# sourceMappingURL=style.css.map */

#banner {
  /*background-color: rgb(49, 160, 255);*/
}
    .menu-top ul li a{
      font-weight: 600 !important;
    }
    .item::before{
      content: '';
      position: absolute;
      top: 0px;
      left: 0px;
      /*background-color: #e2e2e1;*/
      background-image: linear-gradient(to top, #C0C0C0,#f3f2f2);
      color: white;
      z-index: 0;
      height: 100%;
      width: 100%;
    }
    .carousel-caption {
      left: 0px !important;
      right: 0px !important;
    }
    .container{
      position: relative;
      z-index: 10 !important;

    }

    .jumbotron h1, h3 p {
      /*text-shadow: 0px 3px 4px #352f2f;*/
      color: #003b6a !important;
      margin-top: 0px;
      /*background-color: rgba(255, 255, 255,0)!important;*/
      /*position: relative !important;
      z-index: 100 !important;*/
    }
    .jumbotron {
      padding-top: 0px !important;
      margin-top: 0px !important;
    }
    .max-div {
      max-height: 480px; width:100px; display: flex; flex-direction: column; flex-wrap: wrap; align-content: stretch;
    }
    .btn-app {
      border-radius: 15px;
        position: relative;
        padding: 15px 5px;
        margin: 0 0 10px 10px;
        min-width: 70px;
        height: 50px;
        text-align: center;
        color: #fff;
        background-color: #ff0202;
        font-size: 12px;
    }
    .btn-merah {
      border-radius: 5px;
        position: relative;
        padding: 15px 5px;
        margin: 0 0 10px 10px;
        min-width: 30px;
        height: 5px;
        text-align: center;
        color: red;
        border: 1px solid #383131;
        background-color: #ff0202;
        font-size: 12px;
    }
    .box-img {
      border-bottom: none;
      box-shadow: 0px 0px 80px rgba(169, 168, 190, 0.8);
      border-radius: 20px;
      padding: 0px;
      background-color: aliceblue;
      margin: 20px;
    }
    .kotak{
      border-radius: 20px;
      box-shadow: 0px 0px 80px rgba(169, 168, 190, 0.8);
      margin-left: 1px;
      margin-right: 1px;
    }
    .bx-controls-direction a{
      /*background-image: none !important;*/
    }
    .bx-wrapper .bx-next:hover {
      /*right: 15px !important;*/
      /*border: 1px solid black !important;
        background-image: url(images/next.png) no-repeat !important;*/
      /*background-color: red !important;*/
      }
        
      
    }
    .banner-body {
      height: 79vh;
    }