More base setup and integration with AdminLTE

public/mt/assets/pages/css/components.css

@@ -0,0 +1,650 @@
+/* Reset rounded corners for all elements */
+div,
+input,
+select,
+textarea,
+span,
+img,
+table,
+label,
+td,
+th,
+p,
+a,
+button,
+ul,
+code,
+pre,
+li {
+    -webkit-border-radius: 0 !important;
+    -moz-border-radius: 0 !important;
+    border-radius: 0 !important;
+}
+
+a,
+a:focus,
+a:hover,
+a:active {
+    outline: 0;
+}
+
+/*Fix for Firefox*/
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+}
+
+/* Bootstrap buttons */
+.btn-primary {
+    color: #fff;
+    background-color: #428bca;
+    border: none;
+}
+
+.btn-primary:hover,
+.btn-primary:focus,
+.btn-primary:active,
+.btn-primary.active {
+    color: #fff;
+    background-color: #3379b5;
+    border-color: #2a6496;
+}
+
+.open .btn-primary.dropdown-toggle {
+    color: #fff;
+    background-color: #3379b5;
+    border-color: #2a6496;
+}
+
+.btn-primary:active,
+.btn-primary.active {
+    background-image: none;
+    background-color: #2d6ca2;
+}
+
+.btn-primary:active:hover,
+.btn-primary.active:hover {
+    background-color: #3071a9;
+}
+
+.open .btn-primary.dropdown-toggle {
+    background-image: none;
+}
+
+.btn-primary.disabled,
+.btn-primary.disabled:hover,
+.btn-primary.disabled:focus,
+.btn-primary.disabled:active,
+.btn-primary.disabled.active,
+.btn-primary[disabled],
+.btn-primary[disabled]:hover,
+.btn-primary[disabled]:focus,
+.btn-primary[disabled]:active,
+.btn-primary[disabled].active,
+fieldset[disabled] .btn-primary,
+fieldset[disabled] .btn-primary:hover,
+fieldset[disabled] .btn-primary:focus,
+fieldset[disabled] .btn-primary:active,
+fieldset[disabled] .btn-primary.active {
+    background-color: #428bca;
+    border-color: #357ebd;
+}
+
+.btn-primary .badge {
+    color: #428bca;
+    background-color: #fff;
+}
+
+.btn-success {
+    color: #fff;
+    background-color: #45B6AF;
+    border-color: #3ea49d;
+}
+
+.btn-success:hover,
+.btn-success:focus,
+.btn-success:active,
+.btn-success.active {
+    color: #fff;
+    background-color: #3b9c96;
+    border-color: #307f7a;
+}
+
+.open .btn-success.dropdown-toggle {
+    color: #fff;
+    background-color: #3b9c96;
+    border-color: #307f7a;
+}
+
+.btn-success:active,
+.btn-success.active {
+    background-image: none;
+    background-color: #348a84;
+}
+
+.btn-success:active:hover,
+.btn-success.active:hover {
+    background-color: #37918b;
+}
+
+.open .btn-success.dropdown-toggle {
+    background-image: none;
+}
+
+.btn-success.disabled,
+.btn-success.disabled:hover,
+.btn-success.disabled:focus,
+.btn-success.disabled:active,
+.btn-success.disabled.active,
+.btn-success[disabled],
+.btn-success[disabled]:hover,
+.btn-success[disabled]:focus,
+.btn-success[disabled]:active,
+.btn-success[disabled].active,
+fieldset[disabled] .btn-success,
+fieldset[disabled] .btn-success:hover,
+fieldset[disabled] .btn-success:focus,
+fieldset[disabled] .btn-success:active,
+fieldset[disabled] .btn-success.active {
+    background-color: #45B6AF;
+    border-color: #3ea49d;
+}
+
+.btn-success .badge {
+    color: #45B6AF;
+    background-color: #fff;
+}
+
+.btn-info {
+    color: #fff;
+    background-color: #89C4F4;
+    border-color: #72b8f2;
+}
+
+.btn-info:hover,
+.btn-info:focus,
+.btn-info:active,
+.btn-info.active {
+    color: #fff;
+    background-color: #68b4f1;
+    border-color: #43a1ed;
+}
+
+.open .btn-info.dropdown-toggle {
+    color: #fff;
+    background-color: #68b4f1;
+    border-color: #43a1ed;
+}
+
+.btn-info:active,
+.btn-info.active {
+    background-image: none;
+    background-color: #51a8ef;
+}
+
+.btn-info:active:hover,
+.btn-info.active:hover {
+    background-color: #5aadf0;
+}
+
+.open .btn-info.dropdown-toggle {
+    background-image: none;
+}
+
+.btn-info.disabled,
+.btn-info.disabled:hover,
+.btn-info.disabled:focus,
+.btn-info.disabled:active,
+.btn-info.disabled.active,
+.btn-info[disabled],
+.btn-info[disabled]:hover,
+.btn-info[disabled]:focus,
+.btn-info[disabled]:active,
+.btn-info[disabled].active,
+fieldset[disabled] .btn-info,
+fieldset[disabled] .btn-info:hover,
+fieldset[disabled] .btn-info:focus,
+fieldset[disabled] .btn-info:active,
+fieldset[disabled] .btn-info.active {
+    background-color: #89C4F4;
+    border-color: #72b8f2;
+}
+
+.btn-info .badge {
+    color: #89C4F4;
+    background-color: #fff;
+    }
+
+.btn-warning {
+    color: #fff;
+    background-color: #dfba49;
+    border-color: #dbb233;
+}
+
+.btn-warning:hover,
+.btn-warning:focus,
+.btn-warning:active,
+.btn-warning.active {
+    color: #fff;
+    background-color: #daae2b;
+    border-color: #bb9521;
+}
+
+.open .btn-warning.dropdown-toggle {
+    color: #fff;
+    background-color: #daae2b;
+    border-color: #bb9521;
+}
+
+.btn-warning:active,
+.btn-warning.active {
+    background-image: none;
+    background-color: #c89f23;
+}
+
+.btn-warning:active:hover,
+.btn-warning.active:hover {
+    background-color: #d0a625;
+}
+
+.open .btn-warning.dropdown-toggle {
+    background-image: none;
+}
+
+.btn-warning.disabled,
+.btn-warning.disabled:hover,
+.btn-warning.disabled:focus,
+.btn-warning.disabled:active,
+.btn-warning.disabled.active,
+.btn-warning[disabled],
+.btn-warning[disabled]:hover,
+.btn-warning[disabled]:focus,
+.btn-warning[disabled]:active,
+.btn-warning[disabled].active,
+fieldset[disabled] .btn-warning,
+fieldset[disabled] .btn-warning:hover,
+fieldset[disabled] .btn-warning:focus,
+fieldset[disabled] .btn-warning:active,
+fieldset[disabled] .btn-warning.active {
+    background-color: #dfba49;
+    border-color: #dbb233;
+}
+
+.btn-warning .badge {
+    color: #dfba49;
+    background-color: #fff;
+}
+
+.btn-danger {
+    color: #fff;
+    background-color: #F3565D;
+    border-color: #f13e46;
+}
+
+.btn-danger:hover,
+.btn-danger:focus,
+.btn-danger:active,
+.btn-danger.active {
+    color: #fff;
+    background-color: #f1353d;
+    border-color: #ec111b;
+}
+
+.open .btn-danger.dropdown-toggle {
+    color: #fff;
+    background-color: #f1353d;
+    border-color: #ec111b;
+}
+
+.btn-danger:active,
+.btn-danger.active {
+    background-image: none;
+    background-color: #ef1d26;
+}
+
+.btn-danger:active:hover,
+.btn-danger.active:hover {
+    background-color: #f0262f;
+}
+
+.open .btn-danger.dropdown-toggle {
+    background-image: none;
+}
+
+.btn-danger.disabled,
+.btn-danger.disabled:hover,
+.btn-danger.disabled:focus,
+.btn-danger.disabled:active,
+.btn-danger.disabled.active,
+.btn-danger[disabled],
+.btn-danger[disabled]:hover,
+.btn-danger[disabled]:focus,
+.btn-danger[disabled]:active,
+.btn-danger[disabled].active,
+fieldset[disabled] .btn-danger,
+fieldset[disabled] .btn-danger:hover,
+fieldset[disabled] .btn-danger:focus,
+fieldset[disabled] .btn-danger:active,
+fieldset[disabled] .btn-danger.active {
+    background-color: #F3565D;
+    border-color: #f13e46;
+}
+
+.btn-danger .badge {
+    color: #F3565D;
+    background-color: #fff;
+}
+
+/***
+Social Icons
+***/
+.social-icons {
+    padding: 0;
+    margin: 0;
+}
+
+.social-icons:before,
+.social-icons:after {
+    content: " ";
+    display: table;
+}
+.social-icons:after {
+    clear: both;
+}
+
+.social-icons li {
+    float: left;
+    display: inline;
+    list-style: none;
+    margin-right: 5px;
+    margin-bottom: 5px;
+    text-indent: -9999px;
+}
+.social-icons li > a {
+    -webkit-border-radius: 2px;
+    -moz-border-radius: 2px;
+    -ms-border-radius: 2px;
+    -o-border-radius: 2px;
+    border-radius: 2px;
+    width: 28px;
+    height: 28px;
+    display: block;
+    background-position: 0 0;
+    background-repeat: no-repeat;
+    transition: all 0.3s ease-in-out;
+    -o-transition: all 0.3s ease-in-out;
+    -ms-transition: all 0.3s ease-in-out;
+    -moz-transition: all 0.3s ease-in-out;
+    -webkit-transition: all 0.3s ease-in-out;
+}
+.social-icons li:hover > a {
+    background-position: 0 -38px;
+}
+.social-icons li .amazon {
+    background: url(../../pages/img/social/amazon.png) no-repeat;
+}
+.social-icons li .behance {
+    background: url(../../pages/img/social/behance.png) no-repeat;
+}
+.social-icons li .blogger {
+    background: url(../../pages/img/social/blogger.png) no-repeat;
+}
+.social-icons li .deviantart {
+    background: url(../../pages/img/social/deviantart.png) no-repeat;
+}
+.social-icons li .dribbble {
+    background: url(../../pages/img/social/dribbble.png) no-repeat;
+}
+.social-icons li .dropbox {
+    background: url(../../pages/img/social/dropbox.png) no-repeat;
+}
+.social-icons li .evernote {
+    background: url(../../pages/img/social/evernote.png) no-repeat;
+}
+.social-icons li .facebook {
+    background: url(../../pages/img/social/facebook.png) no-repeat;
+}
+.social-icons li .forrst {
+    background: url(../../pages/img/social/forrst.png) no-repeat;
+}
+.social-icons li .github {
+    background: url(../../pages/img/social/github.png) no-repeat;
+}
+.social-icons li .googleplus {
+    background: url(../../pages/img/social/googleplus.png) no-repeat;
+}
+.social-icons li .jolicloud {
+    background: url(../../pages/img/social/jolicloud.png) no-repeat;
+}
+.social-icons li .last-fm {
+    background: url(../../pages/img/social/last-fm.png) no-repeat;
+}
+.social-icons li .linkedin {
+    background: url(../../pages/img/social/linkedin.png) no-repeat;
+}
+.social-icons li .picasa {
+    background: url(../../pages/img/social/picasa.png) no-repeat;
+}
+.social-icons li .pintrest {
+    background: url(../../pages/img/social/pintrest.png) no-repeat;
+}
+.social-icons li .rss {
+    background: url(../../pages/img/social/rss.png) no-repeat;
+}
+.social-icons li .skype {
+    background: url(../../pages/img/social/skype.png) no-repeat;
+}
+.social-icons li .spotify {
+    background: url(../../pages/img/social/spotify.png) no-repeat;
+}
+.social-icons li .stumbleupon {
+    background: url(../../pages/img/social/stumbleupon.png) no-repeat;
+}
+.social-icons li .tumblr {
+    background: url(../../pages/img/social/tumblr.png) no-repeat;
+}
+.social-icons li .twitter {
+    background: url(../../pages/img/social/twitter.png) no-repeat;
+}
+.social-icons li .vimeo {
+    background: url(../../pages/img/social/vimeo.png) no-repeat;
+}
+.social-icons li .wordpress {
+    background: url(../../pages/img/social/wordpress.png) no-repeat;
+}
+.social-icons li .xing {
+    background: url(../../pages/img/social/xing.png) no-repeat;
+}
+.social-icons li .yahoo {
+    background: url(../../pages/img/social/yahoo.png) no-repeat;
+}
+.social-icons li .youtube {
+    background: url(../../pages/img/social/youtube.png) no-repeat;
+}
+.social-icons li .vk {
+    background: url(../../pages/img/social/vk.png) no-repeat;
+}
+.social-icons li .instagram {
+    background: url(../../pages/img/social/instagram.png) no-repeat;
+}
+.social-icons li .reddit {
+    background: url(../../pages/img/social/reddit.png) no-repeat;
+}
+.social-icons li .aboutme {
+    background: url(../../pages/img/social/aboutme.png) no-repeat;
+}
+.social-icons li .flickr {
+    background: url(../../pages/img/social/flickr.png) no-repeat;
+}
+.social-icons li .foursquare {
+    background: url(../../pages/img/social/foursquare.png) no-repeat;
+}
+.social-icons li .gravatar {
+    background: url(../../pages/img/social/gravatar.png) no-repeat;
+}
+.social-icons li .klout {
+    background: url(../../pages/img/social/klout.png) no-repeat;
+}
+.social-icons li .myspace {
+    background: url(../../pages/img/social/myspace.png) no-repeat;
+}
+.social-icons li .quora {
+    background: url(../../pages/img/social/quora.png) no-repeat;
+}
+.social-icons.social-icons-color > li > a {
+    opacity: 0.7;
+    background-position: 0 -38px !important;
+}
+.social-icons.social-icons-color > li > a:hover {
+    opacity: 1;
+}
+.social-icons.social-icons-circle > li > a {
+    border-radius: 25px !important;
+}
+
+/***
+Inline Social Icons
+***/
+.social-icon {
+    display: inline-block !important;
+    width: 28px;
+    height: 28px;
+    background-position: 0 0;
+    background-repeat: no-repeat;
+    -webkit-border-radius: 2px;
+    -moz-border-radius: 2px;
+    -ms-border-radius: 2px;
+    -o-border-radius: 2px;
+    border-radius: 2px;
+    transition: all 0.3s ease-in-out;
+    -o-transition: all 0.3s ease-in-out;
+    -ms-transition: all 0.3s ease-in-out;
+    -moz-transition: all 0.3s ease-in-out;
+    -webkit-transition: all 0.3s ease-in-out;
+}
+.social-icon.social-icon-circle {
+    border-radius: 25px !important;
+}
+
+.social-icon.amazon {
+    background: url(../../pages/img/social/amazon.png) no-repeat;
+}
+.social-icon.behance {
+    background: url(../../pages/img/social/behance.png) no-repeat;
+}
+.social-icon.blogger {
+    background: url(../../pages/img/social/blogger.png) no-repeat;
+}
+.social-icon.deviantart {
+    background: url(../../pages/img/social/deviantart.png) no-repeat;
+}
+.social-icon.dribbble {
+    background: url(../../pages/img/social/dribbble.png) no-repeat;
+}
+.social-icon.dropbox {
+    background: url(../../pages/img/social/dropbox.png) no-repeat;
+}
+.social-icon.evernote {
+    background: url(../../pages/img/social/evernote.png) no-repeat;
+}
+.social-icon.facebook {
+    background: url(../../pages/img/social/facebook.png) no-repeat;
+}
+.social-icon.forrst {
+    background: url(../../pages/img/social/forrst.png) no-repeat;
+}
+.social-icon.github {
+    background: url(../../pages/img/social/github.png) no-repeat;
+}
+.social-icon.googleplus {
+    background: url(../../pages/img/social/googleplus.png) no-repeat;
+}
+.social-icon.jolicloud {
+    background: url(../../pages/img/social/jolicloud.png) no-repeat;
+}
+.social-icon.last-fm {
+    background: url(../../pages/img/social/last-fm.png) no-repeat;
+}
+.social-icon.linkedin {
+    background: url(../../pages/img/social/linkedin.png) no-repeat;
+}
+.social-icon.picasa {
+    background: url(../../pages/img/social/picasa.png) no-repeat;
+}
+.social-icon.pintrest {
+    background: url(../../pages/img/social/pintrest.png) no-repeat;
+}
+.social-icon.rss {
+    background: url(../../pages/img/social/rss.png) no-repeat;
+}
+.social-icon.skype {
+    background: url(../../pages/img/social/skype.png) no-repeat;
+}
+.social-icon.spotify {
+    background: url(../../pages/img/social/spotify.png) no-repeat;
+}
+.social-icon.stumbleupon {
+    background: url(../../pages/img/social/stumbleupon.png) no-repeat;
+}
+.social-icon.tumblr {
+    background: url(../../pages/img/social/tumblr.png) no-repeat;
+}
+.social-icon.twitter {
+    background: url(../../pages/img/social/twitter.png) no-repeat;
+}
+.social-icon.vimeo {
+    background: url(../../pages/img/social/vimeo.png) no-repeat;
+}
+.social-icon.wordpress {
+    background: url(../../pages/img/social/wordpress.png) no-repeat;
+}
+.social-icon.xing {
+    background: url(../../pages/img/social/xing.png) no-repeat;
+}
+.social-icon.yahoo {
+    background: url(../../pages/img/social/yahoo.png) no-repeat;
+}
+.social-icon.youtube {
+    background: url(../../pages/img/social/youtube.png) no-repeat;
+}
+.social-icon.vk {
+    background: url(../../pages/img/social/vk.png) no-repeat;
+}
+.social-icon.instagram {
+    background: url(../../pages/img/social/instagram.png) no-repeat;
+}
+.social-icon.reddit {
+    background: url(../../pages/img/social/reddit.png) no-repeat;
+}
+.social-icon.aboutme {
+    background: url(../../pages/img/social/aboutme.png) no-repeat;
+}
+.social-icon.flickr {
+    background: url(../../pages/img/social/flickr.png) no-repeat;
+}
+.social-icon.foursquare {
+    background: url(../../pages/img/social/foursquare.png) no-repeat;
+}
+.social-icon.gravatar {
+    background: url(../../pages/img/social/gravatar.png) no-repeat;
+}
+.social-icon.klout {
+    background: url(../../pages/img/social/klout.png) no-repeat;
+}
+.social-icon.myspace {
+    background: url(../../pages/img/social/myspace.png) no-repeat;
+}
+.social-icon.quora {
+    background: url(../../pages/img/social/quora.png) no-repeat;
+}
+.social-icon:hover {
+    background-position: 0 -38px;
+}
+
+.social-icon-color {
+    opacity: 0.7;
+    background-position: 0 -38px !important;
+}
+.social-icon-color:hover {
+    opacity: 1;
+}

public/mt/assets/pages/css/gallery.css

@@ -0,0 +1,54 @@
+/* gallery page */
+.gallery-item{
+  padding-top: 15px;
+  padding-bottom: 15px;
+}
+.gallery-item a {
+  display: block;
+  position: relative;
+}
+.gallery-item .zoomix {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;  
+  -webkit-transition: all 0.3s ease-in-out;
+  -moz-transition: all 0.3s ease-in-out;
+  -o-transition: all 0.3s ease-in-out;
+  -ms-transition: all 0.3s ease-in-out;
+  transition: all 0.3s ease-in-out;
+  z-index: 90;
+  background: #000;
+  opacity: 0;
+  filter: alpha(opacity = 0);
+
+  -webkit-transform: scale(0);
+  -moz-transform: scale(0);
+  -o-transform: scale(0);
+  -ms-transform: scale(0);
+  transform: scale(0);
+  
+  -webkit-backface-visibility: hidden;
+}
+.ie7 .gallery-item .zoomix{
+  clear: both;
+}
+.gallery-item a:hover .zoomix{
+  -webkit-transform: scale(1);
+  -moz-transform: scale(1);
+  -o-transform: scale(1);
+  -ms-transform: scale(1);
+  transform: scale(1);
+  opacity:0.4;  
+  filter: alpha(opacity = 50);
+}
+.gallery-item .zoomix .fa-search {
+  font-size: 25px;
+  line-height: 25px;
+  color: #fff;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin: -12px 0 0 -12px;
+}

public/mt/assets/pages/css/portfolio.css

@@ -0,0 +1,109 @@
+/* Portfolio */
+/* Portfolio Filter */
+.mix-filter {
+  list-style: none;
+  margin: 0 0 20px;
+  padding: 0;
+}
+.mix-filter li {
+  color: #555;
+  cursor: pointer;
+  padding: 6px 15px;
+  margin-right: 2px;
+  margin-bottom: 5px;
+  background: #eee;
+  display: inline-block;
+}
+.mix-filter li:hover,
+.mix-filter li.active {
+  color: #fff;
+  background: #e44f00;
+}
+.mix-grid .mix {
+  opacity: 0;
+  display: none;
+}
+
+/* Portfolio Hover */
+.mix-grid .mix {
+  position: relative;
+  overflow: hidden; 
+  margin-bottom: 15px;
+}
+.mix-grid .mix .mix-inner {
+  position: relative;
+  width: 100%;
+}
+.mix-grid .mix .mix-details {
+  color: #fff;
+  width: 100%;
+  height: 100%;
+  bottom: -100%;
+  text-align: center;
+  position: absolute;
+  background: rgba(228,79,0,1);
+  transition: all 0.5s ease;
+  -o-transition: all 0.5s ease;
+  -ms-transition: all 0.5s ease;
+  -moz-transition: all 0.5s ease;
+  -webkit-transition: all 0.5s ease;  
+}
+.mix-grid .mix:hover .mix-details {
+  bottom: 0;
+  transition: all 0.5s ease;
+  -o-transition: all 0.5s ease;
+  -ms-transition: all 0.5s ease;
+  -moz-transition: all 0.5s ease;
+  -webkit-transition: all 0.5s ease;  
+}
+.mix-grid .mix .mix-details h4 {
+  color: #fff;  
+  margin-top: 30px;
+  padding: 0 10px;
+}
+.mix-grid .mix .mix-details p {
+  padding: 0 30px;
+}
+.mix-grid .mix .mix-details i {
+  color: #fff;
+  font-size: 14px;
+}
+.mix-grid .mix a.mix-link, 
+.mix-grid .mix a.mix-preview {
+  color: #555;
+  display: block;
+  cursor: pointer;
+  margin-top: 10px; 
+  position: absolute;
+  padding: 10px 15px;
+  background: #DB3A1B;
+}
+.mix-grid .mix a.mix-preview {
+  left: 50%;
+  margin-left: 5px;
+}
+.mix-grid .mix a.mix-link {
+  right: 50%;
+  margin-right: 5px;
+}
+.mix-grid .mix a.mix-link:hover,
+.mix-grid .mix a.mix-preview:hover {
+  color: #fff;
+  padding: 9px 14px;
+  text-decoration: none;
+  border: solid 1px #eee;
+}
+
+/* Portrait tablet to landscape and desktop */
+@media (min-width: 992px) { 
+  .mix-grid .mix.col-md-6.col-sm-6 .mix-details {
+    height: 50%;
+  }
+
+}
+@media (min-width: 768px) and (max-width: 991px) { 
+  .mix-grid .mix a.mix-link,
+  .mix-grid .mix a.mix-preview {
+    margin-top: 5px;
+  }
+}

public/mt/assets/pages/css/slider.css

@@ -0,0 +1,425 @@
+/*--------------------------------------------------
+    [Bootstrap Carousel]
+----------------------------------------------------*/
+
+/* Set displays an element as in inline-level flex container */
+.center-block {
+    position: absolute;
+    top: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.center-block-wrap {
+    width: 100%;
+    height: 100%;
+    display: table;
+    vertical-align: middle;
+}
+
+.center-block-body {
+    height: 100%;
+    display: table-cell;
+    vertical-align: middle;
+    text-align: center;
+}
+
+/* Colors */
+.color-red {
+    color: #e54a1a;
+}
+
+.color-red-v2 {
+    color: #e6400c;
+}
+
+/* Carousel */
+.carousel-slider .carousel-indicators li {
+    border-radius: 10px !important;
+}
+
+.carousel-slider .carousel-indicators-frontend li {
+    border: none;
+    background: rgba(0,0,0,.4);
+}
+
+.carousel-slider .carousel-indicators-frontend .active {
+    background: rgba(0,0,0,.6);
+}
+
+.carousel-slider .carousel-caption {
+    left: auto;
+    right: auto;
+    bottom: auto;
+    text-shadow: none;
+    text-align: inherit;
+    padding: 0;
+}
+
+.carousel-slider .carousel-control {
+    width: 10%;
+}
+
+.carousel-slider .carousel-control.right,
+.carousel-slider .carousel-control.left {
+    top: 50%;
+    background-image: none;
+    margin-top: -20px;
+}
+
+.carousel-slider .carousel-control .fa {
+    width: 40px;
+    height: 40px;
+    font-size: 30px;
+    color: #fff;
+    background: rgba(255,255,255,.32);
+    text-shadow: none;
+    padding: 5px;
+}
+
+.carousel-slider .carousel-control-shop .fa {
+    border-radius: 50px;
+}
+
+.carousel-slider .carousel-control-frontend .fa {
+    background: rgba(0,0,0,.7);
+}
+
+.carousel-slider .carousel-control-frontend .fa:hover {
+    background: rgba(0,0,0,.9);
+}
+
+.carousel-slider .item {
+    width: 100%;
+    height: 100%;
+    min-height: 580px;
+}
+
+/* Carousel Item Background Images */
+.carousel-slider .carousel-item-eight {
+    background: url(../../../assets/pages/img/frontend-slider/bg9.jpg);
+    background-size: cover;
+    background-position: center center;
+}
+
+.carousel-slider .carousel-item-nine {
+    background: url(../../../assets/pages/img/frontend-slider/bg1.jpg);
+    background-size: cover;
+    background-position: center center;
+}
+
+.carousel-slider .carousel-item-ten {
+    background: url(../../../assets/pages/img/frontend-slider/bg2.jpg);
+    background-size: cover;
+    background-position: center center;
+}
+
+.carousel-slider .carousel-item-eleven {
+    background: url(../../../assets/pages/img/frontend-slider/bg3.jpg);
+    background-size: cover;
+    background-position: center center;
+}
+
+/* Carousel Titles */
+.carousel-slider .carousel-title-v1 {
+    font-size: 75px;
+    font-weight: 600;
+    font-family: "PT Sans Narrow", Arial, sans-serif;
+    line-height: 1.4;
+    color: #fff;
+    text-align: center;
+    text-transform: uppercase;
+}
+
+.carousel-slider .carousel-title-v2 {
+    font-size: 50px;
+    font-weight: 600;
+    line-height: 1.4;
+    color: #fff;
+    text-align: center;
+}
+
+.carousel-slider .carousel-title-v3 {
+    font-size: 60px;
+    font-weight: 600;
+    line-height: 1.4;
+    color: #fff;
+}
+
+.carousel-slider .carousel-title-v4 {
+    font-size: 100px;
+    line-height: 1.4;
+    color: #fff;
+    text-transform: capitalize;
+}
+
+.carousel-slider .carousel-title-v5 {
+    font-size: 50px;
+    font-weight: 200;
+    line-height: 1.4;
+    color: #fff;
+}
+
+.carousel-slider .carousel-title-v6 {
+    font-size: 50px;
+    font-weight: 200;
+    line-height: 1.4;
+    color: #3f5862;
+}
+
+.carousel-slider .carousel-title-normal {
+    font-weight: normal;
+}
+
+/* Carousel Subtitles */
+.carousel-slider .carousel-subtitle-v1 {
+    display: block;
+    font-size: 25px;
+    font-weight: 600;
+    line-height: 1.4;
+    color: #fff;
+}
+
+.carousel-slider .carousel-subtitle-v2 {
+    display: block;
+    font-size: 23px;
+    line-height: 1.4;
+    color: #fff;
+}
+
+.carousel-slider .carousel-subtitle-v3 {
+    display: block;
+    font-size: 45px;
+    font-weight: 200;
+    line-height: 1.4;
+    color: #fff;
+}
+
+.carousel-slider .carousel-subtitle-v4 {
+    display: block;
+    font-size: 45px;
+    font-weight: 700;
+    line-height: 1.4;
+    color: #fff;
+}
+
+.carousel-slider .carousel-subtitle-v5 {
+    display: block;
+    font-size: 18px;
+    font-weight: 200;
+    line-height: 1.4;
+    color: #fff;
+}
+
+.carousel-slider .carousel-subtitle-v6 {
+    display: inline-block;
+    font-size: 18px;
+    line-height: 1.4;
+    color: #fff;
+    background: #e54a1a;
+    padding: 5px;
+}
+
+.carousel-slider .carousel-subtitle-v7 {
+    font-size: 14px;
+    line-height: 1.4;
+    color: #7b8793;
+}
+
+/* Carousel Btn */
+.carousel-slider .carousel-btn {
+    display: inline-block;
+    font-size: 18px;
+    color: #fff;
+    padding: 10px 20px;
+    border: 1px solid #fff;
+}
+
+.carousel-slider .carousel-btn:hover {
+    border-color: #e6400c;
+    background: #e6400c;
+    text-decoration: none;
+}
+
+/* Carousel Btn Green */
+.carousel-slider .carousel-btn-green {
+    display: inline-block;
+    font-size: 13px;
+    font-weight: 200;
+    color: #fff;
+    background: #6fc561;
+    padding: 5px 15px;
+}
+
+.carousel-slider .carousel-btn-green:hover {
+    text-decoration: none;
+}
+
+/* Carousel Btn Green */
+.carousel-slider .carousel-btn-red {
+    display: inline-block;
+    font-size: 13px;
+    font-weight: 200;
+    color: #fff;
+    background: #e54a1a;
+    padding: 5px 15px;
+}
+
+.carousel-slider .carousel-btn-red:hover {
+    text-decoration: none;
+}
+
+/* Border Bottom Title */
+.border-bottom-title {
+    position: relative;
+}
+
+.border-bottom-title:after {
+    position: absolute;
+    left: 0;
+    bottom: -5px;
+    width: 100%;
+    height: 1px;
+    content: " ";
+    background: #fff;
+    text-align: center;
+}
+
+/* Border Top & Bottom */
+.border-top-bottom {
+    border-top: 1px solid #fff;
+    border-bottom: 1px solid #fff;
+    padding: 3px 0;
+}
+
+/* Carousel Positions */
+.carousel-slider .carousel-position-one {
+    position: absolute;
+    top: 10%;
+    left: 15%;
+}
+
+.carousel-slider .carousel-position-two {
+    position: absolute;
+    top: 30%;
+    left: 15%;
+}
+
+.carousel-slider .carousel-position-three {
+    position: absolute;
+    bottom: 0;
+    right: 15%;
+}
+
+.carousel-slider .carousel-position-four {
+    position: absolute;
+    top: 15%;
+    left: auto;
+}
+
+.carousel-slider .carousel-position-five {
+    position: absolute;
+    top: 25%;
+    left: 35%;
+}
+
+.carousel-slider .carousel-position-six {
+    position: absolute;
+    top: 25%;
+    left: auto;
+}
+
+/* Carousel Animation Delay */
+.carousel-slider .carousel-caption .animate-delay {
+    animation-delay: 1s;
+}
+
+/* Carousel Promo Like */
+.carousel-slider .promo-like {
+    position: relative;
+    top: -23px;
+    width: 152px;
+    height: 152px;
+    display: inline-block;
+    font-size: 80px;
+    line-height: 1;
+    color: #fff;
+    background: rgba(0,0,0,.67);
+    margin-right: 7px;
+    padding: 28px;
+}
+
+.carousel-slider .promo-like-text {
+    color: #fff;
+    text-align: left;
+    display: inline-block;
+    font: 400 20px/1.4 "PT Sans Narrow", Arial, sans-serif;
+    background: rgba(0,0,0,0.67);
+    padding: 25px;
+}
+
+.carousel-slider .promo-like-text h2 {
+    font: 400 38px/38px "PT Sans Narrow", Arial, sans-serif;
+    margin: 0 0 8px;
+}
+
+.carousel-slider .promo-like-text p {
+    margin: 0;
+}
+
+/* Stylesheet design for under max-width: 992px */
+@media (max-width: 991px) {            /* 992px */
+    .carousel-slider .carousel-title-v1 {
+        font-size: 50px;
+    }
+
+    .carousel-slider .carousel-title-v2 {
+        font-size: 35px;
+    }
+
+    .carousel-slider .carousel-title-v3 {
+        font-size: 40px;
+    }
+
+    .carousel-slider .carousel-title-v4 {
+        font-size: 60px;
+    }
+
+    /* Carousel Subtitles */
+    .carousel-slider .carousel-subtitle-v1 {
+        font-size: 18px;
+    }
+
+    .carousel-slider .carousel-subtitle-v2 {
+        font-size: 18px;
+    }
+
+    .carousel-slider .carousel-subtitle-v3 {
+        font-size: 30px;
+    }
+
+    .carousel-slider .carousel-subtitle-v4 {
+        font-size: 30px;
+    }
+
+    /* Carousel Promo Like */
+    .carousel-slider .promo-like {
+        top: -24px;
+        width: 120px;
+        height: 120px;
+        font-size: 60px;
+        padding: 25px;
+    }
+
+    .carousel-slider .promo-like-text {
+        padding: 15px;
+    }
+
+    .carousel-slider .promo-like-text h2 {
+        font-size: 25px;
+    }
+
+    .carousel-slider .promo-like-text p {
+        font-size: 16px;
+    }
+}