body{margin:0px; font-family: 'Roboto', sans-serif;}
.form-group {margin-bottom: 25px!important;}
:focus{outline:none!important;}
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline:none;}
ul{list-style-type:none; margin:0; padding:0;}
.page-content ol, ul{list-style-type:none; margin:0; padding:0;}
a{text-decoration:none; outline:none; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out;}
a:hover{text-decoration:none; outline:none;}
a:focus{text-decoration:none; outline:none;}
img{border:0;}
label{font-family: 'Roboto', sans-serif; font-weight:600; font-size:15px; color:#444;}
label span{font-size:13px; color:#777;}
input[type="file"]{color: #666; background: #fff; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 1px solid #bbb; -webkit-border-radius: 3px; border-radius: 3px; display: block; padding: 0.7em; width: 100%;}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#444;
  opacity: 1; /* Firefox */
}



.red-btn{font-family: 'Roboto', sans-serif; font-weight:500; font-size:16px; color:#333; padding:0 30px; line-height:54px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #df2d2d; color: #FFF; display:inline-block;}
.red-btn:hover{color:#FFF; background:#c31818}

.white-btn{font-family: 'Roboto', sans-serif; font-weight:500; font-size:16px; color:#333; padding:0 30px; line-height:54px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #FFF; color: #df2d2d; display:inline-block;}
.white-btn:hover{color:#df2d2d;}
.img-radius{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.yellow-txt{color:#ffd800;}
.white-txt{color:#fff!important;}
.black-txt{color:#333!important;}
.red-txt{color:#df2d2d!important;}
.grey-txt{color:#777!important;}
.white-bg{background:#FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}


h1.entry-title{font-size:51px; color:#333; font-weight:700;}
h2{font-size:40px; color:#333; font-weight:700;}
.font-55 h2{font-size:55px;}
h3{font-size:22px; color:#333; font-weight:700;}
p{font-size:19px; color:#333; font-weight:400; line-height:32px;}
.normal-txt{font-size:17px; color:#777; font-weight:400; line-height:28px;}
.about-txt{font-size:21px; color:#333; font-weight:400; line-height:32px;}
h2.widget-title{font-family: 'Roboto', sans-serif; font-size:16px; color:#333; font-weight:700; letter-spacing:0; margin-bottom:15px;}

.text-center br {display:none;}
.fixed-widget {position:fixed;}
.container{padding:0;}

header.site-header{background-color: #FFF; position: relative; z-index:2; padding:15px; box-shadow: 0 0px 40px rgba(0, 0, 0, 0.15);}
header.site-header .menu-main-nav-container{width:100%;}
header.site-header .menu-main-nav-container ul.menu{display:flex; height:54px;}
header.site-header .menu-main-nav-container ul.menu li{padding:0 30px;}
header.site-header .menu-main-nav-container ul.menu li:last-child{margin-left:auto; padding:0;}
header.site-header .menu-main-nav-container ul.menu li:last-child a{background: #df2d2d; color: #FFF; -webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.26); -moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.26); box-shadow:0 3px 5px rgba(0, 0, 0, 0.26); display: block; width: 140px; text-align: center;}
header.site-header .menu-main-nav-container ul.menu li:last-child a:hover{background: #df2d2d; color: #FFF;}
header.site-header .menu-main-nav-container ul.menu li a{font-family: 'Roboto', sans-serif; font-weight:500; font-size:16px; color:#333; padding:0px; line-height:54px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position:relative; display:block;}
header.site-header .menu-main-nav-container ul.menu li a:hover{color:#df2d2d;}
header.site-header .menu-main-nav-container ul.menu li a:before{content:""; display:block; position:absolute; bottom:5px; left:0; height:2px; width:0%; background:#df2d2d; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out;}
header.site-header .menu-main-nav-container ul.menu li a:hover:before{width:100%;}

.custom-logo-link {width:230px; height:36px; background:url(../webp/tubeskills-logo-new.webp) no-repeat; background-size:contain;}
.custom-logo-link img {max-height:40px; width:auto;}

.main-banner-slider h1{font-family: 'Roboto', sans-serif; font-size:55px; font-weight:700; color:#FFF; padding:65px 0 20px;}
.main-banner-slider .elementor-text-editor{font-family: 'Roboto', sans-serif; font-size:18px; font-weight:400; color:#FFF; padding-bottom:20px;}
.main-banner-slider img{width:auto; -webkit-border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0;}
.main-banner-slider .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated{padding-bottom:0;}
.main-banner-slider .elementor-pagination-position-outside .swiper-container{padding-bottom:0;}
.main-banner-slider .swiper-container-horizontal>.swiper-pagination-bullets{bottom:-35px;}
.swiper-pagination-bullet{width:14px; height:14px; background:#cecece; opacity: 1;}
.swiper-pagination-bullet-active{background:#df2d2d;}
.main-banner-slider .slider-img .elementor-widget-container{-webkit-box-shadow:0 20px 30px rgba(0, 0, 0, 0.11); -moz-box-shadow:0 20px 30px rgba(0, 0, 0, 0.11); box-shadow:0 20px 30px rgba(0, 0, 0, 0.11);}

.four-block-youtube-info{padding-top:30px;}
.four-block-youtube-info .nbr-txt{width:54px; height:54px; background-image: linear-gradient(#df2d2d, #fc3e3e); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; line-height: 54px; font-size: 25px; color: #FFF; font-weight:700;}
.four-block-youtube-info h3{padding:25px 0 15px; margin-bottom:10px; position:relative; font-size:22px; color:#333;}
.four-block-youtube-info h3 a{color:#333;}
.four-block-youtube-info h3:after{content:""; display:block; width:0%; height:2px; background:#C00; position:absolute; left:0; bottom:7px; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out;}
.four-block-youtube-info h3:hover:after{width:100%;}


.youtube-channel-grey-bg{padding-top:70px; padding-bottom:70px;}
.youtube-channel-grey-bg h2{padding-bottom:10px;}
.youtube-channel-grey-bg p{padding-bottom:10px;}

.three-block-info h2{font-size:22px; padding:10px 0}
.youtube-banners-thumb img{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.youtube-banners-thumb .swiper-pagination{bottom:-10px;}

.actionable-info-area img{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

.lets-connect-info .small-txt{font-size:16px; font-weight:700; color:#333; letter-spacing:3px;}
.lets-connect-info h2{color:#df2d2d;}


footer.site-footer{margin-top:0; background:#15222e; border-top:0; padding:0 15px 0px 15px;}
footer.site-footer h2.widgettitle{font-size:15px; font-weight:500; color:#FFF; border-bottom:0; text-transform:uppercase;}
footer.site-footer .footer-about h2.widgettitle{font-size:40px; text-transform:none;}
footer.site-footer .footer-about p {padding-right:40px; color:#FFF; }
footer.site-footer .footer-about p img {margin-bottom:15px;}
footer.site-footer .footer-about .email-txt a{font-size:15px; color:#92a3b0; text-decoration:underline; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
footer.site-footer .footer-about .email-txt a:hover{color:#FFF;}
footer.site-footer .footer-about .social-icon{display:flex; padding-top:10px;}
footer.site-footer .footer-about .social-icon a{font-size:21px; color:#92a3b0; text-decoration:underline; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; margin-right:14px;}
footer.site-footer .footer-about .social-icon a:hover{color:#FFF;}


footer.site-footer .widget_nav_menu ul li{border-top:0; border-bottom:0; padding:3px 0;}
footer.site-footer .widget_nav_menu ul li a{font-size:17px; color:#92a3b0; border-bottom:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; font-weight:500;}
footer.site-footer .widget_nav_menu ul li a:hover{color:#FFF;}
footer.site-footer .copy-right-txt {font-size:13px; color:#92a3b0; border-top:1px solid #303d46; padding:20px 0px;}
footer.site-footer .copy-right-txt a {font-size:13px; color:#92a3b0; text-decoration: none;}


nav.navigation.pagination{padding:30px 0; width:100%; float:none; border-top:0;}
nav.navigation.pagination .nav-links{display:flex; flex-wrap:wrap;}
nav.navigation.pagination .nav-links a.page-numbers{font-size:16px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
nav.navigation.pagination .nav-links a, nav.navigation.pagination .nav-links .current{font-weight:400; color:#000; padding:0 12px; border:1px solid #CCC; display:flex; align-items: center; height:34px; line-height:34px; text-align:center; justify-content: center; margin:0 5px 0 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
nav.navigation.pagination .nav-links .prev.page-numbers, nav.navigation.pagination .nav-links .next.page-numbers{font-size:24px; background:none;}
nav.navigation.pagination .nav-links .current{font-size:16px; background:#ededed;}
nav.navigation.pagination .nav-links a:hover{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
nav.navigation.pagination .nav-links a.page-numbers .screen-reader-text{display:none;}

.blog-post-list-back h2{font-family: 'Roboto', sans-serif; font-size:30px; color:#333; margin-bottom:-6px;}
.blog-post-list-back h2 a {color:#333; font-size:27px; font-weight:700;}
.blog-post-list-back .blog-list{border-top:2px solid #eee; margin-top:35px; padding-top:35px;}
.blog-post-list-back .blog-list:first-child{padding-top:0; border-top:0;}

.widget_search .search-form label{display:none;}
.widget_search .search-form .screen-reader-text{display:none;}
button, input[type="button"], input[type="submit"]{background-color:#df2d2d; padding:20px;}

.blog-recent-post ul {padding:0 30px;}
.blog-recent-post ul li{border-bottom:0; border-top:0; padding:15px 0 0 35px; margin:0; position:relative;}
.blog-recent-post ul li a{font-family: 'Roboto', sans-serif; font-size:16px; font-weight:600; color:#df2d2d; line-height:24px;}
.blog-recent-post ul li a:hover{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; color:#262938;}
.blog-recent-post ul li:before{position:absolute; left:0; content:"\---"; background:url(../svg/staricon.svg) no-repeat  ; font-size: 25px; color: #FFF; }

.email-subscribers-bottom{background:url(../webp/homepage-bottom-bg.webp) no-repeat center; background-size:cover; padding:120px 15px}
.email-subscribers-bottom h2{color:#df2d2d;}
.email-subscribers-bottom p{font-size:16px; color:#000; padding-bottom:30px;}
.email-subscribers-bottom .emaillist{max-width:55%; margin:auto;}
.email-subscribers-bottom .es_shortcode_form{position:relative;}
.email-subscribers-bottom .emaillist label{width:100%; font-size:0; margin-bottom:0;}
.email-subscribers-bottom .emaillist label input[type="email"]{font-size:15px; padding:0 10px; line-height:54px; border:none; -webkit-box-shadow:0 10px 10px rgba(0, 0, 0, 0.16); -moz-box-shadow:0 10px 10px rgba(0, 0, 0, 0.16); box-shadow:0 10px 10px rgba(0, 0, 0, 0.16);}
.email-subscribers-bottom input[type="submit"]{position: absolute; right: 0; top: 0; padding: 0 35px; font-size: 18px; line-height: 55px; width: 200px;}


.single-post-info h1 {color:#333; font-size: 45px; font-weight: 700;}
.single-post-content h2 {padding-top:20px; font-size:35px;}
.single-post-content h3 {font-size:30px; color:#ea4848; font-weight:700; padding:20px 0 0 0;}
.single-post-content h3 a {color:#ea4848;}

.header-single-blog-page{background:#df2d2d; padding:20px 15px 40px 15px;}
.header-single-blog-page h1{color:#FFF; font-size:51px; font-weight:700;}

.blog p {color:#333;}
.blog h2 {font-size:35px; color:#333; font-weight:700; padding:20px 0 0 0;}
.blog h3 {font-size:28px; color:#ea4848; font-weight:700; padding:20px 0 0 0;}
.blog h3 a {color:#ea4848;}
.blog h4 {font-size:25px; font-weight: 600;}
.blog ul {margin:0 0 20px 40px;}
.blog ul li {padding:0 0 15px 0; font-size:19px; color:#333; line-height:28px; list-style-type:disc;}
.blog ol {margin:0 0 30px 25px; list-style:none; counter-reset:item;}
.blog ol li {padding:0 0 15px 0; font-size:19px; color:#333; line-height:28px; list-style-type:none; counter-increment:item;}
.blog ol li::before {content:counter(item) ". "; font-size:22px; color:#df2d2d; font-weight:bold;}
.blog .hilight {color:#df2d2d}
.blog a.linko {box-shadow:none;}
.blog a.linko:hover {text-decoration:underline;}
.blog .videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ height:0;}
.blog .videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.avatar-img img{-webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; border:5px solid #c12828;}
.author_name{text-transform:capitalize;}

.post-details {font-size:14px; font-weight:500;}
.post-details a{color:#FFF;}
.post-details a:hover{color:#FFF; text-decoration:underline;}


.comment-form-comment #comment{height:150px;}
.post-navigation .nav-links{padding:0;}
.related-posts-back{padding:70px 15px;}
.related-posts-back h3{padding:15px 0 0 0; margin:0;}
.related-posts-back h3 a{color:#333;}
.related-posts-back ul li{margin-top:25px;}
.related-posts-back ul li img{width:100%;}

.blog-right-sidebar{margin-top:-80px;}
.google-ads-300 {background:#f8f2f2; text-align:center; padding: 29px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin-bottom:2em;}
.widget{padding-bottom:2em;}
.google-ads-300 .textwidget br {display:none;}
.google-ads-300 .textwidget p {margin-bottom:0px;}

.youtube-banner-templates-back h2{font-size:17px;}
.youtube-banner-templates-back h2 a{color:#333; line-height:25px; display: block; background: #fff; margin-bottom: 20px; margin-top: -15px; border-bottom: solid 1px #ddd; padding: 20px 30px;}
.youtube-banner-templates-back h2 a:hover{color:#df2d2d;}
.homepage-blogpost-list-back h3 a:hover{color:#df2d2d!important;}

.menu-templates-category-container .menu{display:flex; flex-wrap:wrap;}
.menu-templates-category-container .menu li a{font-size:16px; font-weight:600; padding:7px 15px; color:#333; display: inline-block;}
.menu-templates-category-container .menu li a:hover{text-decoration:underline;}
.menu-templates-category-container .menu li.current-menu-item a{color:#e12e2e;}

.youtube-banner-templates-back .white-bg{ -webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.11); -moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.11); box-shadow:0 3px 5px rgba(0, 0, 0, 0.11);}
.youtube-banner-templates-back .white-bg .thumbnail-img{position:relative;}
.youtube-banner-templates-back .white-bg .thumbnail-img span{position: absolute; bottom: 0; left: 0; background: #df2d2d; margin: 15px; padding: 6px 15px; border-radius: 4px; color: #ffde00; text-transform: uppercase; font-size: 14px; font-weight: 400;}
.youtube-banner-templates-back .white-bg .thumbnail-img span a{color: #ffde00;}

.tagged-info h3{font-size:15px;}
.tagged-info span{margin:0 15px 5px 0}
.tagged-info span a {color:#999; text-decoration:none; text-transform:uppercase; font-size:13px;}

.category-header-bg{background:#e12e2e;}
.category-header-bg p{color:#FFF;}

.category-nav-menu{padding:10px 15px; -webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.11); -moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.11); box-shadow:0 3px 5px rgba(0, 0, 0, 0.11);}

.download-btn-back{background:#f8f2f2; border:1px solid #eeeeee; padding:50px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin-top:35px;}
.download-btn-back .download-btn{font-size:18px;}
.download-btn-back .disclaimer-txt{font-size:400; font-size:14px; color:#666; padding:10px 0 0 0;}


.inner-page-banner{padding:70px 0px;}

.about-content-area .elementor-row{align-items:center;}
.about-content-area .elementor-element.elementor-element-0b59818{margin-top:-75px;}

.vision-mission-txt p{color:#FFF;}


.contact-page-banner .elementor-row{align-items:center;}
.contact-page-banner .elementor-element-de48f54 .elementor-element-populated{padding:0;}
.contact-info-left .custom-input{border:none; border-bottom:2px solid #CCC; font-size:16px; font-family: 'Roboto', sans-serif; color:#666; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; width:100%;}

.contact-info-left textarea.custom-input{height:100px; resize:none;}
.contact-info-left label{width:100%;}
.contact-info-left small.note{font-size:14px; font-weight:400; color:#444;}
.wpcf7-not-valid-tip{width:100%; color:#F00;}


.pricing-container > .elementor-container.elementor-column-gap-default{max-width:800px;}
.pricing-container .elementor-col-50 .elementor-widget-wrap{background:#FFF; padding:30px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin-top:-60px; -webkit-box-shadow:0 15px 25px rgba(0, 0, 0, 0); -moz-box-shadow:0 15px 25px rgba(0, 0, 0, 0); box-shadow:0 15px 25px rgba(0, 0, 0, 0); -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out;}
.pricing-container .elementor-col-50 .elementor-widget-wrap h2{font-size:40px;}
.pricing-container .elementor-col-50 .elementor-widget-wrap h3{font-size:22px; color:#df2d2d;}
.pricing-container .elementor-col-50 .elementor-widget-wrap p{border-bottom: 1px solid #CCC; padding-bottom: 15px; margin-bottom:0; color: #999999; font-size: 15px; font-weight: 400;}
.pricing-container .elementor-col-50 .elementor-widget-wrap ul li{list-style:disc; color: #000; margin-left: 20px;}
.pricing-container .elementor-button-wrapper a.elementor-button-link{font-family: 'Roboto', sans-serif; font-weight:500; font-size:16px; color:#333; padding:0 30px; line-height:50px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #df2d2d; color: #FFF; display:inline-block; -webkit-box-shadow:0 3px 3px rgba(0, 0, 0, 0.21); -moz-box-shadow:0 3px 3px rgba(0, 0, 0, 0.21); box-shadow:0 3px 3px rgba(0, 0, 0, 0.21);}
.pricing-container .elementor-button-wrapper a.elementor-button-link:hover{color:#FFF; background:#c31818}
.pricing-container .elementor-col-50 .elementor-widget-wrap:hover{-webkit-box-shadow:0 15px 25px rgba(0, 0, 0, 0.12); -moz-box-shadow:0 15px 25px rgba(0, 0, 0, 0.12); box-shadow:0 15px 25px rgba(0, 0, 0, 0.12);}


.faq-container > .elementor-container.elementor-column-gap-default{max-width:800px;}
.faq-container .elementor-accordion .elementor-accordion-item{border:0; border-top:2px solid #CCC;}
.faq-container .elementor-accordion .elementor-tab-content{border-top:0;}
.faq-container .elementor-widget-accordion .elementor-accordion .elementor-tab-title{font-size:20px; color:#333;}

.custom-pagination{padding:40px 0 30px 0; display:flex; justify-content:space-between;}
.custom-pagination a{font-family: roboto,sans-serif; font-weight: 500; font-size: 16px; color: #333; padding: 0 30px; line-height: 54px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #df2d2d; color: #fff; display: inline-block;}
.custom-pagination a:hover{background:#c31818; color:#FFF;}

.resources-page-banner{background:#e32f2f;}
.resources-page-banner h1{font-size:55px; font-weight:700; color:#FFF;}
.resources-page-banner p{font-size:18px; font-weight:400; color:#FFF;}

.resources-page-info{background:#f8f2f2;}
.resources-page-info .side-cat-info h2{font-size:14px; font-weight:700; color:#a0a0a0; text-transform:uppercase; background:#eae1e1; display:block; padding:15px 20px; margin-bottom:0;}
.resources-page-info .side-cat-info{background:#FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; overflow: hidden;}
.resources-page-info .side-cat-info ul li{padding:10px 20px;}
.resources-page-info .side-cat-info ul li a{font-size:15px; font-weight:500; color:#333333;}
.resources-page-info .side-cat-info ul li.active a{color:#df2d2d;}

.resources-right-side .cat-post-info-back h2{color:#df2d2d; font-size:40px; font-weight:700; margin-bottom:10px;}

.cat-post-info-back:first-child{border-top:none; margin-top:0px; padding-top:0px;}
.cat-post-info-back{border-top: 5px solid #e2dbdb; margin-top:40px; padding-top:40px;}
.cat-post-info-back .inner-cat-info {margin-top:20px;}
.cat-post-info-back .inner-cat-info .img-info{position:relative; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.cat-post-info-back .inner-cat-info .img-info img{width:100%;}
.cat-post-info-back .inner-cat-info .img-info .hover-info{background:rgba(0, 0, 0, 0.88); position:absolute; top:101%; left:0; width:100%; height:100%; padding:15px; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out;}
.cat-post-info-back .inner-cat-info .img-info .hover-info p{font-size:15px; font-weight:400; color:#FFF; margin-bottom:0;     line-height: 24px;}
.cat-post-info-back .inner-cat-info .img-info:hover .hover-info{top:0;}
.cat-post-info-back .inner-cat-info h3{margin:0; padding:10px 0 0 0;}
.cat-post-info-back .inner-cat-info h3 a{font-size:17px; color:#333333; font-weight:700;}
.cat-post-info-back .inner-cat-info h3 a:hover{text-decoration:underline;}

.sticky-sidebar{position:fixed; max-width:262.5px; width:100%;}
.resources-page-info ul.nav-pills {top:20px;}
 .affix {position: fixed!important; -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

.rightsidebar-navbar ul.nav-pills {width:255px; margin-top: 20px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067); background:#FFF;}
.rightsidebar-navbar ul.nav-pills li{display:block; width:100%}
.rightsidebar-navbar ul.nav-pills li a{color:#000; border:none; margin-right:0; display:block; padding:10px;}
.rightsidebar-navbar ul.nav-pills.affix {top: 20px;}
.rightsidebar-navbar .nav-pills>li.active>a, .rightsidebar-navbar .nav-pills>li.active>a:hover, .rightsidebar-navbar .nav-pills>li.active>a:focus{-webkit-border-radius:0; -moz-border-radius:0; border-radius:0; color: #FFF; background-color: #ff0000; border:none; margin-right:0;}
.rightsidebar-navbar .nav-tabs>li.active>a, .rightsidebar-navbar .nav-tabs>li.active>a:hover, .rightsidebar-navbar .nav-tabs>li.active>a:focus{-webkit-border-radius:0; -moz-border-radius:0; border-radius:0; color: #FFF; background-color: #ff0000; border:none; margin-right:0;}

.tab-content.tab-content-show>.tab-pane{display:block!important}

.highlight {width:100%; background:#ebecf0; padding:30px; margin-bottom:20px;}
.highlight .box {width:100%; padding:30px; background:#fff; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px;}
.highlight .box img {width:165px;}
.highlight .box code {font-size:17px; line-height:30px; color:#333; font-family: 'Roboto', sans-serif;}
.highlight .box span {color:#df2d2d;}
.highlight .box h6 {font-size:22px; font-weight:600;}

.attribute {width:100%; background:#eef2f4; border:solid 1px #cfd9e0; padding:16px 30px; margin-bottom:20px;}
.attribute span {color:#026cb6; text-transform:uppercase; font-size:14px; font-weight:bold; letter-spacing:2px;}
.attribute p {font-size:15px; line-height:22px;}

.mobile-fixed-ad {display:none;}

.comment-list, .comment-list .children {margin-left:65px;}
.grey {color: #999;}

.subicon1 {width: 100%; height:50px; float:left; background:url(../svg/subicon1.svg) no-repeat; padding-left: 60px; font-size: 20px; color: #000; line-height: 50px; font-weight: 500; margin-top: 10px;}
.subicon2 {width: 100%; height:50px; float:left; background:url(../svg/subicon2.svg) no-repeat; padding-left: 60px; font-size: 20px; color: #000; line-height: 50px; font-weight: 500;}
.subicon3 {width: 100%; height:50px; float:left; background:url(../svg/subicon3.svg) no-repeat; padding-left: 60px; font-size: 20px; color: #000; line-height: 50px; font-weight: 500; margin-bottom: 30px;}
.tickicon {width: 100%; height:50px; float:left; background:url(../svg/tickicon.svg) no-repeat; padding-left: 40px; font-size: 20px; color: #000; line-height: 28px; font-weight: 600;}

.not-found .page-title {background:#ff0000; display: inline-block; padding: 10px; margin-top: 80px; color: #fff;}
.not-found .page-not-found {font-size:27px; font-weight: 600; text-align:left; line-height: normal;}
.not-found p {text-align: left;}
.not-found ul {margin:0 0 20px 35px; text-align: left;}
.not-found ul li {font-size: 19px; padding-bottom:15px; list-style: disc;}
.not-found ul li a {text-decoration:underline; color:#ff0000; font-weight: 500;}

.topbox {width:100%; text-align:center; margin-bottom: 30px;}
.topbox .box-inner a {display: block;}
.topbox .box-inner img {width:auto; height: 450px;}

.comments-area {background:#e8ecef; padding:50px!important;}
.comments-area button, input[type="button"], input[type="submit"]{background-color:#df2d2d; width: 100%; padding:20px;}
.bookpromo {background:#15222e;}
.bookpromo h3 {color:#FFF; font-size:45px;}
.bookpromo p {color:#FFF; font-size:20px; font-weight:500; padding-bottom:20px;}

.entry-footer {margin-top:0px!important}

.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {font-size:25px; color:#df2d2d; letter-spacing: 1px;}
.blogcat-heading {text-transform: none; letter-spacing: normal; font-size:45px; color: #222;}

.blog-post-list-back .thumbnail-img {-webkit-box-shadow:0 10px 15px rgba(0, 0, 0, 0.11); -moz-box-shadow:0 10px 15px rgba(0, 0, 0, 0.11); box-shadow:0 10px 15px rgba(0, 0, 0, 0.11);}


.ssb {width:100%; margin:0 0 20px 0;}
.ssb .social-sharer {float:left;}
.ssb .social-sharer-mob {display: none;}
.ssb .col {margin: 7px; padding: 0px;}
.ssb .icon-txt {font-weight:500; padding:12px 10px 12px 45px; color: #fff;}
.ssb .fb-icon {background:#23599c url(../png/facebook-share-icon.png) no-repeat center left; display:block;  cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.ssb .tw-icon {background:#1da1f2 url(../png/twitter-share-icon.png) no-repeat center left; display:block;  cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.ssb .pin-icon {background:#e93f33 url(../png/pinterest-share-icon.png) no-repeat center left; display:block;  cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.ssb .wa-icon {background:#25d366 url(../png/whatsapp-share-icon.png) no-repeat center left; display:block;  cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.ssb .lg-icon {background:#139bd0 url(../png/telegram-share-icon.png) no-repeat center left; display:block;  cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.social-sharer-mob {position:fixed!important; left:0px; top:30%; z-index: 9;}
.social-sharer-mob ul {margin:0px;}
.social-sharer-mob ul li {margin-bottom:7px; list-style: none; width:50px; height:50px}
.social-sharer-mob .fb-icon {background:#23599c url(../png/facebook-share-icon.png) no-repeat center left; display:block; width:50px; height:50px; cursor:pointer; border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0;}
.social-sharer-mob .tw-icon {background:#1da1f2 url(../png/twitter-share-icon.png) no-repeat center left; display:block; width:50px; height:50px;  cursor:pointer; border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0;}
.social-sharer-mob .pin-icon {background:#e93f33 url(../png/pinterest-share-icon.png) no-repeat center left; display:block; width:50px; height:50px;  cursor:pointer; border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0;}
.social-sharer-mob .wa-icon {background:#25d366 url(../png/whatsapp-share-icon.png) no-repeat center left; display:block; width:50px; height:50px;  cursor:pointer; border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0;}
.social-sharer-mob .lg-icon {background:#139bd0 url(../png/telegram-share-icon.png) no-repeat center left; display:block; width:50px; height:50px;  cursor:pointer; border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0;}


.mybar {background:#15222e; text-align:center; width:100%; padding:6px 0;}
.mybar p {font-size: 18px; color: #fff; font-weight: 500; padding: 0px; margin: 0px;}
.mybar .bar-btn {margin-left: 10px; background: #FF0; color: #000; padding:6px 20px; font-weight:600; border: solid 1px #811414;}

.moment-gears {background:#f6f6f6; padding-top:80px; padding-bottom:50px;}
.moment-gears .h2-center {text-align:center; display:block; padding-bottom:20px;}
.moment-gears img {-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; box-shadow:0px 15px 20px 0px rgba(0,0,0,0.09); -webkit-box-shadow:0px 15px 20px 0px rgba(0,0,0,0.09); -moz-box-shadow:0px 15px 20px 0px rgba(0,0,0,0.09)}
.moment-gears img:hover {box-shadow:0px 15px 20px 0px rgba(0,0,0,0.19); -webkit-box-shadow:0px 15px 20px 0px rgba(0,0,0,0.19); -moz-box-shadow:0px 15px 20px 0px rgba(0,0,0,0.19)}
.moment-gears a.link {font-size:19px; font-weight:bold; color:#333; padding-top:14px; display:block; margin-bottom:30px;}
.moment-gears a.link:hover {color:#df2d2d;}

.descTemplate {width:100%; margin-bottom:25px; font-size:19px; border:solid 1px #f2b8a4; background:#f4d2b6; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; padding:30px;}
.descTemplate .note {font-size:15px; color:#b87964}
.descTemplate a {text-decoration:none; box-shadow:none;}
.descTemplate .link {color:#0089ec;}
.copytoclipboard {-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:10px 20px;}

.grabber {width:100%;}
.grabber tr {border-bottom:none;}
.grabber input[type="text"]{max-width:100%; width:500px; text-align:center; margin:0 auto;}
.grabber input[type="submit"]{width:500px; font-size:19px; font-weight:500; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.grabber a {display:inline-block!important; background:#df2d2d; color:#FFF; font-size:18px; margin-top:20px; margin-bottom:30px; padding:10px 20px;}
.grabber a:hover {background:#767676;}
.grabber img {display:block; margin:0 auto;}

.snappa-header {display: none;}
.google-ads {text-align:center; margin-top:-30px;}
.billboard-ad {text-align:center;}

.template-info {background:#f8f2f2; padding:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width:100%; margin-bottom:30px;}
.template-info p {display:none;}
.template-info .price-icon {width:44px; margin-right:20px; float:left;}
.template-info .price {float:left;}
.template-info .price span {font-size:14px; color:#666; margin-top:-3px; display:block;}
.template-info .price h4 {font-size:20px; color:#333; padding:0px; font-weight:700;}
.template-info .download-btn-new {background:#5f5353; color:#fff; font-size:16px; font-weight:bold; padding:12px 25px; letter-spacing:1px; float:right; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.26); -moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.26); box-shadow:0 3px 5px rgba(0, 0, 0, 0.26);}
.template-price {background:#fff; padding:20px 10px; margin:0px; display:flow-root; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.template-info .file-detail {margin-top:20px;}
.template-info .file-detail span {font-size:14px; color:#666; margin-top:4px; display:block;}
.template-info .file-detail h4 {font-size:16px; color:#333; padding:0px;}

.licence-info {background: #ffedda; padding:20px 30px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.licence-info .licence-icon {width:44px; display:block;}
.licence-info h4 {font-size:16px; color:#333;}
.licence-info p {font-size:15px; color:#666; line-height:normal;}
.licence-info a {font-size:13px; color:#666;}
.licence-info a:hover {text-decoration:underline;}

.help-info {background: #f0e7fa; padding:20px 30px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.help-info .licence-icon {width:44px; display:block;}
.help-info h4 {font-size:16px; color:#333;}
.help-info p {font-size:15px; color:#666; line-height:normal;}
.help-info a {font-size:13px; color:#666;}
.help-info a:hover {text-decoration:underline;}

.donate-info {background:#f8f2f2; padding:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:30px; text-align:center;}
.donate-info h4 {font-size:25px; color:#333; font-weight:normal; display:block; margin-bottom:30px;}
.donate-info .donate-btn {background:#df2d2d; color:#fff; font-size:16px; font-weight:bold; padding:12px 30px; letter-spacing:1px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.26); -moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.26); box-shadow:0 3px 5px rgba(0, 0, 0, 0.26);}


.accordion {width:100%; color:#333; padding: 45px 45px;}
.accordion .container {position: relative;}
.accordion .label {position: relative; padding: 10px 0; font-size: 30px; color:#333; cursor: pointer;}
.accordion .label::before {content: '+'; color:#333; position: absolute; top: 50%; right: -5px; font-size: 30px; transform: translateY(-50%);}
.accordion .content {position: relative; height: 0; font-size:16px; width:95%; overflow: hidden; transition: 0.5s;}
.accordion hr {width: 100; margin-left: 0; border: 1px solid grey;}
.accordion .container.active .content {height:100px;}
.accordion .container.active .label::before {content: '-'; font-size: 30px;}