/* TUTORIALS */
.co-tut {color: #0179c2;}
.co-tut:hover {color: #000000;}

.tut-home-container.tut-shrink {bottom: 0;left: 0;}
.tut-home-container .col-8 {display:none;}
.tut-home-container.tut-shrink .col-8 {display:block;background:#ffffff;}

/* Tut homepage */
.tut-home-container {width: 100%;position: fixed;z-index: 3;bottom: 50px;left: 50px;}
.tut-home-container .text-muted {font-size: 18px; font-weight: 200;}
.tut-home-title {font-weight: 700;font-size: 20px; padding: 14px;}
.tut-home-subtitle {line-height:29px;padding: 14px;}

/* Swiper Tutorial */
.tut-slider-container {height:100%!important;background:#ccc;margin-bottom:30px;}
.tut-slider-caption {position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;z-index: 1;max-width: 750px;}
.tut-slider-caption-title {color: #fff;font-size: 75px;line-height: 75px;font-weight: 600;letter-spacing: -1px; padding-bottom: 20px;}
.tut-slider-caption-subtitle {color: #fff;font-size: 20px;line-height: 20px;font-weight: 600;letter-spacing: -1px;padding-bottom:30px;}
.tut-slider-caption-info a {display: inline-block;color:#0179c2; padding:5px 10px; border:1px solid #0179c2;}
.tut-slider-caption-info a:hover {color:#000; border-color:#000;}
.tut-slider-caption-size {color:#fff; padding:5px 10px; border:1px solid #fff;display: inline-block;}

/* Category Tutorial */
.tut-category-container {height:300px;background:#ccc;}
.tut-category-caption {position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;z-index: 1;max-width: 750px;}
.tut-category-caption-icon {color: #fff;padding-bottom: 20px;}
.tut-category-caption-title {color: #fff;font-size: 30px;line-height: 30px;font-weight: 600;letter-spacing: -1px; padding-bottom: 30px;}
.tut-category-caption-size {color:#fff; padding:5px 10px; border:1px solid #fff;display: inline-block;}
.tut-category-button a {color: #0179c2;border: 1px solid #0179c2;padding: 10px 20px;}
.tut-category-button a:hover {color: #000;border-color: #000;}
.tut-category-border {border:1px solid #e9ecef;}
.tut-category-border .col-1 {display: flex;align-items: center;}
.tut-category-border .col-3 {display: flex;align-items: center;}

/* Banner Tutorial */
.tut-banner-container {height:700px!important;background:#ccc;}
.tut-banner-caption {position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;z-index: 1;max-width: 750px;}
.tut-banner-caption-title {color: #fff;font-size: 75px;line-height: 75px;font-weight: 600;letter-spacing: -1px; padding-bottom: 20px;}
.tut-banner-caption-subtitle {color: #fff;font-size: 20px;line-height: 20px;font-weight: 600;letter-spacing: -1px;padding-bottom:30px;}
.tut-banner-caption-info a {display: inline-block;color:#0179c2; padding:5px 10px; border:1px solid #0179c2;}
.tut-banner-caption-info a:hover {color:#000; border-color:#000;}
.tut-banner-caption-size {color:#fff; padding:5px 10px; border:1px solid #fff;display: inline-block;}

/* Product Tutorial */
.tut-product-container {height:300px;background:#fff;}
.tut-product-caption {position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;z-index: 1;max-width: 750px;}
.tut-product-caption-title {color: #ccc;font-size: 30px;line-height: 30px;font-weight: 600;letter-spacing: -1px; padding-bottom: 20px;}
.tut-product-border-shadow:hover {box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.1);z-index: 1;}
.tut-product-caption-icon {color: #ccc;padding-bottom: 20px;}
.tut-product-caption-size {color:#ccc; padding:5px 10px; border:1px solid #ccc;display: inline-block;}
.tut-product-button a {color: #0179c2;border: 1px solid #0179c2;padding: 10px 20px;}
.tut-product-button a:hover {color: #000;border-color: #000;}
.tut-product-border {border:1px solid #e9ecef;}
.tut-product-border .col-1 {display: flex;align-items: center;}
.tut-product-border .col-3 {display: flex;align-items: center;}

/* Instagram Tutorial */
.tut-instagram-container {height:300px;background:#ccc;}
.tut-instagram-caption {position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;z-index: 1;max-width: 750px;}
.tut-instagram-caption-icon {color: #fff;padding-bottom: 20px;}
.tut-instagram-caption-title {color: #fff;font-size: 30px;line-height: 30px;font-weight: 600;letter-spacing: -1px; padding-bottom: 30px;}
.tut-instagram-caption-size {color:#fff; padding:5px 10px; border:1px solid #fff;display: inline-block;}
.tut-instagram-button a {color: #0179c2;border: 1px solid #0179c2;padding: 10px 20px;}
.tut-instagram-button a:hover {color: #000;border-color: #000;}
.tut-instagram-border {border:1px solid #e9ecef;}

/* Brand Tutorial */
.tut-brand-container {height:200px;background:#fff;}
.tut-brand-caption {position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;z-index: 1;max-width: 750px;}
.tut-brand-caption-icon {color: #ccc;padding-bottom: 20px;}
.tut-brand-caption-title {color: #ccc;font-size: 20px;line-height: 20px;font-weight: 600;letter-spacing: -1px; padding-bottom: 20px;}
.tut-brand-caption-size {color:#ccc; padding:5px 10px; border:1px solid #ccc;display: inline-block;}
.tut-brand-button a {color: #0179c2;border: 1px solid #0179c2;padding: 10px 20px;}
.tut-brand-button a:hover {color: #000;border-color: #000;}
.tut-brand-border {border:1px solid #e9ecef;}

/* Blog Tutorial */
.tut-blog-container {height:300px;background:#ccc;}
.tut-blog-caption {position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;z-index: 1;max-width: 750px;}
.tut-blog-caption-icon {color: #fff;padding-bottom: 20px;}
.tut-blog-caption-title {color: #fff;font-size: 30px;line-height: 30px;font-weight: 600;letter-spacing: -1px; padding-bottom: 30px;}
.tut-blog-caption-size {color:#fff; padding:5px 10px; border:1px solid #fff;display: inline-block;}
.tut-blog-button a {color: #0179c2;border: 1px solid #0179c2;padding: 10px 20px;}
.tut-blog-button a:hover {color: #000;border-color: #000;}
.tut-blog-border {border:1px solid #e9ecef;}
.tut-blog-border .col-1 {display: flex;align-items: center;}
.tut-blog-border .col-3 {display: flex;align-items: center;}
.tut-blog-wrapper .blog-card {margin-bottom: 0px;}
.tut-blog-wrapper .blog-card .card {margin-bottom: 0px;}

/* Navigation */
.tut-nav-container {height:200px;width:100%;background:#ccc;}
.tut-nav-caption {position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%); text-align: center; z-index: 1; max-width: 750px;}
.tut-nav-caption-icon {color: #fff; padding-bottom: 10px;}
.tut-nav-caption-title {color: #fff; padding-bottom: 15px;}
.tut-nav-caption-size {color:#0179c2; padding:5px 10px; border:1px solid #0179c2;display: inline-block;font-size:12px;}
.tut-nav-caption-size:hover {color:#000000; border-color:#000000;}

/* Payment */
.tut-paymentMethods {position: relative; width: auto; padding: 0px; text-align: center;}
.tut-paymentMethods a {line-height:54px;color: #0179c2;}
.tut-paymentMethods a:hover {color: #000000;}

/* Social */
.tut-social-networks {position: relative; width: auto; height: 54px; line-height: 54px; text-align: center; color: #767676;}
.tut-social-networks a {color: #0179c2;}
.tut-social-networks a:hover {color: #000000;}