@charset "utf-8";
 .navbar {padding: 10px 0px;height: 100px;height: 50px;}
.btn {border-radius: 0px;}
.btn-lg {font-size: 16px;}
rs-module-wrap {
z-index: 0 !important;
}
.shiftnav-toggle-button {
background: transparent !important;
}
.ubermenu-skin-grey-white .ubermenu-item-level-0 > .ubermenu-target {
text-transform: none !important;
} body,.body {font-family: soleil, sans-serif; font-weight: 400;font-style: normal;}
p,h3 {text-align: justify;}
h4 {text-align: left;}
.header-dots {background-color: #000 !important;}
.menu-area-dots, .icon-area-dots {color: #fff;}
.dots-branding {    position: absolute; width: 180px;  background-color: #000; padding: 10px; }
.dots-main-banner-area {height: 600px; background-color: #000;}
.dots-inside-banner-area {height: 400px; background-color: #000;background-size: cover; background-position: center center;}
.intro-about-area {padding-top: 190px;padding-bottom: 100px;-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 2%, 19% 16%);
clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 2%, 19% 16%); margin-top:-120px; background-color: #fff; background-image: url(//smartdots.co.id/wp-content/themes/html5blank-stable/images/accent-white.jpg);  background-position: center right;background-repeat: no-repeat;}
.intro-people-area {padding-top: 150px;padding-bottom: 100px;-webkit-clip-path: polygon(100% 14%, 100% 100%, 0 100%, 0 9%, 18% 0);
clip-path: polygon(100% 14%, 100% 100%, 0 100%, 0 9%, 18% 0); margin-top:-20px; background-color: #fff; background-image: url(//smartdots.co.id/wp-content/themes/html5blank-stable/images/team-work.jpg);  background-position: center left;background-size: cover;}
.main-content-area {padding-top: 250px;padding-bottom: 100px;-webkit-clip-path: polygon(19% 8%, 100% 0, 100% 100%, 0 100%, 0 0);
clip-path: polygon(19% 8%, 100% 0, 100% 100%, 0 100%, 0 0); margin-top:-150px; background-color: #fff; background-image: url(//smartdots.co.id/wp-content/themes/html5blank-stable/images/accent-white.jpg);  background-position: center right;background-repeat: no-repeat;}
.solution-cross-link-area {padding-top: 150px;padding-bottom: 100px;-webkit-clip-path: polygon(100% 14%, 100% 100%, 0 100%, 0 9%, 18% 0);
clip-path: polygon(100% 14%, 100% 100%, 0 100%, 0 9%, 18% 0); margin-top:-20px; background-color: #fff; background-image: url(//smartdots.co.id/wp-content/themes/html5blank-stable/images/solution-orange.jpg);  background-position: center left;background-size: cover;}
.breadcrumb-dots {font-size: 12px; color: #fff;}
.dots-sidebar-area {padding:30px; -webkit-clip-path: polygon(83% 0, 100% 14%, 100% 94%, 83% 100%, 0 91%, 0 14%);
clip-path: polygon(83% 0, 100% 14%, 100% 94%, 83% 100%, 0 91%, 0 14%); background-color: #999;color: #fff; padding-top: 70px;
position: sticky;
position: -webkit-sticky;
top: 75px; }
.dots-footer-area {padding : 70px 0px;}
.news-area {clip-path: polygon(25% 0%, 100% 15%, 100% 92%, 71% 100%, 0 88%, 0 11%);background-color: #fff; background-image: url(//smartdots.co.id/wp-content/themes/html5blank-stable/images/solution-orange.jpg);  background-position: center left;background-size: cover; padding: 75px 0px;} .h1-dots {color: #fff;}
.h3-sidebar {color: #fff; font-weight: 900; }
.p-teaser {font-size: 20px;}
.p-footer {font-size: 14px;}
.breadcrumb-dots-link, a.breadcrumb-dots-link, a:hover.breadcrumb-dots-link, a:visited.breadcrumb-dots-link {color: #fff;}
.icon-solutions-dots {width: 60px;    margin-left: auto;
margin-right: auto;}
.content-solutions-review-dots {text-align: center;}
.h4-solutions {text-align: center;font-weight: 900;font-size: 20px;}
h5 {font-size: 18px;}
@media (min-width: 1200px){
.dots-branding {    left: 0; right: 0;margin: auto;margin-top: 30px; }
.mobile-dots {display: none;}
.dots-solution-text-image {text-align: center;}
.dots-image-right {float:right; width:70%; padding-left:25px;margin-top: -45px !important;
padding-top: 20px;
padding-bottom: 10px;}
}
@media (min-width: 992px) and (max-width: 1199.98px){
.dots-branding {    left: 0; right: 0;margin: auto;margin-top: 30px; }
.mobile-dots {display: none;}
.dots-solution-text-image {text-align: center;}
.dots-image-right {float:right; width:70%; padding-left:25px;margin-top: -45px !important;
padding-top: 20px;
padding-bottom: 10px;}
}
@media (min-width: 768px) and (max-width: 991.98px){
.dots-branding {    position: absolute; width: 180px;  background-color: #000; padding: 10px;left: 20px;right:auto; margin-top: 30px; }
.call-dots {margin-right: 20px;}
.desktop-dots {display: none;}
.intro-about-area { margin-top:-100px; }
.dots-solution-text-image {text-align: center; padding-bottom: 30px;}
.intro-people-area {padding-top: 150px;padding-bottom: 100px;-webkit-clip-path: polygon(100% 14%, 100% 100%, 0 100%, 0 9%, 18% 0);
clip-path: polygon(100% 14%, 100% 100%, 0 100%, 0 9%, 18% 0); margin-top:-20px; background-color: #fff; background-image: url(//smartdots.co.id/wp-content/themes/html5blank-stable/images/team-work.jpg);  background-position: center left;}
.main-content-area { -webkit-clip-path: polygon(29% 4%, 100% 0, 100% 100%, 0 100%, 0 0);
clip-path: polygon(29% 4%, 100% 0, 100% 100%, 0 100%, 0 0); }
}
@media (min-width: 576px) and (max-width: 767.98px){
.dots-branding {    position: absolute; width: 180px;  background-color: #000; padding: 10px;left: 20px;right:auto; margin-top: 30px; }
.call-dots {margin-right: 20px;}
.desktop-dots {display: none;}
.intro-about-area { margin-top:-80px;-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0, 25% 9%);
clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0, 25% 9%); }
.img-motto-dots-second {padding-bottom: 40px;}
.intro-people-area {padding-top: 150px;padding-bottom: 100px;-webkit-clip-path: polygon(100% 14%, 100% 100%, 0 100%, 0 9%, 18% 0);
clip-path: polygon(100% 14%, 100% 100%, 0 100%, 0 9%, 18% 0); margin-top:-20px;background-size: cover; background-position: -200px center;}
.main-content-area { -webkit-clip-path: polygon(29% 4%, 100% 0, 100% 100%, 0 100%, 0 0);
clip-path: polygon(29% 4%, 100% 0, 100% 100%, 0 100%, 0 0); }
.icon-solutions-dots {margin-top: 30px;}
}
@media (max-width: 575.98px){
.dots-branding {    position: absolute; width: 180px;  background-color: #000; padding: 10px;left: 20px;right:auto; margin-top: 30px; }
.desktop-dots {display: none;}
.call-dots {display: none;}
.intro-about-area { background-position: -1200px center;margin-top:-80px;-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0, 15% 4%);
clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0, 15% 4%); padding-top: 100px; }
.dots-solution-text-image {width: 80%; padding-bottom: 30px;}
.intro-people-area {padding-top: 150px;padding-bottom: 100px;-webkit-clip-path: polygon(100% 7%, 100% 100%, 0 100%, 0 5%, 13% 0);
clip-path: polygon(100% 7%, 100% 100%, 0 100%, 0 5%, 13% 0); margin-top:-20px;background-size: cover; background-position: -400px center;}
.img-motto-dots-second {padding-bottom: 40px;}
.main-content-area {background-position: -1200px center;-webkit-clip-path: polygon(17% 2%, 100% 0, 100% 100%, 0 100%, 0 0);
clip-path: polygon(17% 2%, 100% 0, 100% 100%, 0 100%, 0 0); }
.icon-solutions-dots {margin-top: 30px;}
.dots-inside-banner-area {
height: 500px;
background-position: 800px center !important;
}
.main-content-area {
padding-top: 100px;}
}