first commit

assets/css/vendor/helper.css

@@ -0,0 +1,765 @@
+/*--
+    - Custom Row
+------------------------------------------*/
+
+.row-10 {
+    margin-left: -10px;
+    margin-right: -10px;
+}
+
+.row-10>[class*="col"] {
+    padding-left: 10px;
+    padding-right: 10px;
+}
+
+.row-40 {
+    margin-left: -40px;
+    margin-right: -40px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1499px) {
+    .row-40 {
+        margin-left: -15px;
+        margin-right: -15px;
+    }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+    .row-40 {
+        margin-left: -15px;
+        margin-right: -15px;
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+    .row-40 {
+        margin-left: -15px;
+        margin-right: -15px;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .row-40 {
+        margin-left: -15px;
+        margin-right: -15px;
+    }
+}
+
+.row-40>[class*="col"] {
+    padding-left: 40px;
+    padding-right: 40px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1499px) {
+    .row-40>[class*="col"] {
+        padding-left: 15px;
+        padding-right: 15px;
+    }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+    .row-40>[class*="col"] {
+        padding-left: 15px;
+        padding-right: 15px;
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+    .row-40>[class*="col"] {
+        padding-left: 15px;
+        padding-right: 15px;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .row-40>[class*="col"] {
+        padding-left: 15px;
+        padding-right: 15px;
+    }
+}
+
+/*-- 
+    - Margin & Padding
+-----------------------------------------*/
+
+/*-- Margin Top --*/
+
+.mt-0 {
+    margin-top: 0px !important;
+}
+
+.mt-5 {
+    margin-top: 5px !important;
+}
+
+.mt-20 {
+    margin-top: 20px !important;
+}
+
+.mt-25 {
+    margin-top: 25px !important;
+}
+
+.mt-30 {
+    margin-top: 30px !important;
+}
+
+.mt-60 {
+    margin-top: 60px !important;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+    .mt-sm-30 {
+        margin-top: 30px !important;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .mt-xs-0 {
+        margin-top: 0px !important;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .mt-xs-20 {
+        margin-top: 20px !important;
+    }
+}
+
+/*-- Margin Bottom --*/
+
+.mb-0 {
+    margin-bottom: 0px !important;
+}
+
+.mb-5 {
+    margin-bottom: 5px !important;
+}
+
+.mb-10 {
+    margin-bottom: 10px !important;
+}
+
+.mb-15 {
+    margin-bottom: 15px !important;
+}
+
+.mb-20 {
+    margin-bottom: 20px !important;
+}
+
+.mb-25 {
+    margin-bottom: 25px !important;
+}
+
+.mb-30 {
+    margin-bottom: 30px !important;
+}
+
+.mb-40 {
+    margin-bottom: 40px !important;
+}
+
+.mb-50 {
+    margin-bottom: 50px !important;
+}
+
+.mb-60 {
+    margin-bottom: 60px !important;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+    .mb-sm-30 {
+        margin-bottom: 30px !important;
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+    .mb-sm-40 {
+        margin-bottom: 40px !important;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .mb-xs-15 {
+        margin-bottom: 15px !important;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .mb-xs-20 {
+        margin-bottom: 20px !important;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .mb-xs-30 {
+        margin-bottom: 30px !important;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .mb-xs-35 {
+        margin-bottom: 35px !important;
+    }
+}
+
+/*-- Margin Left --*/
+
+/*-- Margin Right --*/
+
+/*-- Padding Top --*/
+
+.pt-25 {
+    padding-top: 25px !important;
+}
+
+.pt-30 {
+    padding-top: 30px !important;
+}
+
+.pt-45 {
+    padding-top: 45px !important;
+}
+
+.pt-60 {
+    padding-top: 60px !important;
+}
+
+.pt-65 {
+    padding-top: 65px !important;
+}
+
+.pt-70 {
+    padding-top: 70px !important;
+}
+
+.pt-85 {
+    padding-top: 85px !important;
+}
+
+.pt-90 {
+    padding-top: 90px !important;
+}
+
+.pt-100 {
+    padding-top: 100px !important;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1499px) {
+    .pt-lg-15 {
+        padding-top: 15px !important;
+    }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1499px) {
+    .pt-lg-40 {
+        padding-top: 40px !important;
+    }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1499px) {
+    .pt-lg-45 {
+        padding-top: 45px !important;
+    }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1499px) {
+    .pt-lg-50 {
+        padding-top: 50px !important;
+    }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1499px) {
+    .pt-lg-65 {
+        padding-top: 65px !important;
+    }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1499px) {
+    .pt-lg-70 {
+        padding-top: 70px !important;
+    }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1499px) {
+    .pt-lg-80 {
+        padding-top: 80px !important;
+    }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+    .pt-md-0 {
+        padding-top: 0px !important;
+    }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+    .pt-md-30 {
+        padding-top: 30px !important;
+    }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+    .pt-md-35 {
+        padding-top: 35px !important;
+    }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+    .pt-md-40 {
+        padding-top: 40px !important;
+    }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+    .pt-md-55 {
+        padding-top: 55px !important;
+    }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+    .pt-md-60 {
+        padding-top: 60px !important;
+    }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+    .pt-md-70 {
+        padding-top: 70px !important;
+    }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+    .pt-md-80 {
+        padding-top: 80px !important;
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+    .pt-sm-0 {
+        padding-top: 0px !important;
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+    .pt-sm-20 {
+        padding-top: 20px !important;
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+    .pt-sm-30 {
+        padding-top: 30px !important;
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+    .pt-sm-45 {
+        padding-top: 45px !important;
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+    .pt-sm-50 {
+        padding-top: 50px !important;
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+    .pt-sm-55 {
+        padding-top: 55px !important;
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+    .pt-sm-60 {
+        padding-top: 60px !important;
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+    .pt-sm-70 {
+        padding-top: 70px !important;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .pt-xs-15 {
+        padding-top: 15px !important;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .pt-xs-20 {
+        padding-top: 20px !important;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .pt-xs-25 {
+        padding-top: 25px !important;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .pt-xs-30 {
+        padding-top: 30px !important;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .pt-xs-35 {
+        padding-top: 35px !important;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .pt-xs-40 {
+        padding-top: 40px !important;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .pt-xs-45 {
+        padding-top: 45px !important;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .pt-xs-50 {
+        padding-top: 50px !important;
+    }
+}
+
+/*-- Padding Bottom --*/
+
+.pb-25 {
+    padding-bottom: 25px !important;
+}
+
+.pb-30 {
+    padding-bottom: 30px !important;
+}
+
+.pb-40 {
+    padding-bottom: 40px !important;
+}
+
+.pb-55 {
+    padding-bottom: 55px !important;
+}
+
+.pb-60 {
+    padding-bottom: 60px !important;
+}
+
+.pb-65 {
+    padding-bottom: 65px !important;
+}
+
+.pb-70 {
+    padding-bottom: 70px !important;
+}
+
+.pb-80 {
+    padding-bottom: 80px !important;
+}
+
+.pb-90 {
+    padding-bottom: 90px !important;
+}
+
+.pb-95 {
+    padding-bottom: 95px !important;
+}
+
+.pb-100 {
+    padding-bottom: 100px !important;
+}
+
+.pb-120 {
+    padding-bottom: 120px !important;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1499px) {
+    .pb-lg-35 {
+        padding-bottom: 35px !important;
+    }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1499px) {
+    .pb-lg-40 {
+        padding-bottom: 40px !important;
+    }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1499px) {
+    .pb-lg-45 {
+        padding-bottom: 45px !important;
+    }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1499px) {
+    .pb-lg-50 {
+        padding-bottom: 50px !important;
+    }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1499px) {
+    .pb-lg-60 {
+        padding-bottom: 60px !important;
+    }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1499px) {
+    .pb-lg-70 {
+        padding-bottom: 70px !important;
+    }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1499px) {
+    .pb-lg-75 {
+        padding-bottom: 75px !important;
+    }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1499px) {
+    .pb-lg-80 {
+        padding-bottom: 80px !important;
+    }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+    .pb-md-25 {
+        padding-bottom: 25px !important;
+    }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+    .pb-md-30 {
+        padding-bottom: 30px !important;
+    }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+    .pb-md-35 {
+        padding-bottom: 35px !important;
+    }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+    .pb-md-40 {
+        padding-bottom: 40px !important;
+    }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+    .pb-md-50 {
+        padding-bottom: 50px !important;
+    }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+    .pb-md-60 {
+        padding-bottom: 60px !important;
+    }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+    .pb-md-65 {
+        padding-bottom: 65px !important;
+    }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+    .pb-md-70 {
+        padding-bottom: 70px !important;
+    }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+    .pb-md-100 {
+        padding-bottom: 100px !important;
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+    .pb-sm-15 {
+        padding-bottom: 15px !important;
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+    .pb-sm-20 {
+        padding-bottom: 20px !important;
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+    .pb-sm-25 {
+        padding-bottom: 25px !important;
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+    .pb-sm-30 {
+        padding-bottom: 30px !important;
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+    .pb-sm-40 {
+        padding-bottom: 40px !important;
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+    .pb-sm-50 {
+        padding-bottom: 50px !important;
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+    .pb-sm-60 {
+        padding-bottom: 60px !important;
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+    .pb-sm-90 {
+        padding-bottom: 90px !important;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .pb-xs-0 {
+        padding-bottom: 0px !important;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .pb-xs-5 {
+        padding-bottom: 5px !important;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .pb-xs-10 {
+        padding-bottom: 10px !important;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .pb-xs-15 {
+        padding-bottom: 15px !important;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .pb-xs-20 {
+        padding-bottom: 20px !important;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .pb-xs-40 {
+        padding-bottom: 40px !important;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .pb-xs-50 {
+        padding-bottom: 50px !important;
+    }
+}
+
+/*-- Padding Left --*/
+
+.pl-15 {
+    padding-left: 15px !important;
+}
+
+.pl-30 {
+    padding-left: 30px !important;
+}
+
+.pl-40 {
+    padding-left: 40px !important;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+    .pl-md-0 {
+        padding-left: 0px !important;
+    }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+    .pl-md-15 {
+        padding-left: 15px !important;
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+    .pl-sm-0 {
+        padding-left: 0px !important;
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+    .pl-sm-15 {
+        padding-left: 15px !important;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .pl-xs-0 {
+        padding-left: 0px !important;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .pl-xs-15 {
+        padding-left: 15px !important;
+    }
+}
+
+/*-- Padding Right --*/
+
+.pr-35 {
+    padding-right: 35px !important;
+}
+
+.pr-50 {
+    padding-right: 50px !important;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1499px) {
+    .pr-lg-15 {
+        padding-right: 15px !important;
+    }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+    .pr-md-15 {
+        padding-right: 15px !important;
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+    .pr-sm-5 {
+        padding-right: 5px !important;
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+    .pr-sm-15 {
+        padding-right: 15px !important;
+    }
+}
+
+@media only screen and (max-width: 767px) {
+    .pr-xs-15 {
+        padding-right: 15px !important;
+    }
+}