Just a moment...
Just a moment...
/*Typography=========================== */ @import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i'); html, body { width: 100%; height: auto; margin: 0; padding: 0; } .container { width: 90%!important; } a { text-decoration: none; color: #fff; } .dark { color: #222 !important; } .red { color: #ab2927; } .white { color: #fff !important; } .pagination a { padding: 0 10px; } .pagination strong { padding: 8px 20px; background: #39cbde; color: #fff; } .nav-links { margin: 0 20px; } .nav-links a { padding: 0 10px; } .nav-links span { padding: 8px 20px; background: #39cbde; color: #fff; } .cont { font-size: 15px; line-height: 21px; } .cont1 { font-size: 17px; line-height: 28px; } body { font-family: 'Roboto', sans-serif; position: relative; font-size: 14px; line-height: 24px; color: #000; } a { color: #6f6f6f; } a, a:active, a:focus, a:hover { outline: none; -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; } a:hover { text-decoration: none; } h1, h2, h3, h4, h5, h6 { color: #3f3f3f; margin: 0 0 15px 0; font-weight: 500; } h1 { font-size: 48px; line-height: 52px; } h2 { font-size: 36px; line-height: 48px; } h3 { font-size: 30px; line-height: 36px; } h4 { font-size: 24px; line-height: 30px; } h5 { font-size: 18px; line-height: 24px; } h6 { font-size: 14px; line-height: 18px; } p { margin-bottom: 20px; } .section { padding: 50px 0; } nav.sticky.bootsnav ul.nav>li>a { color: #273272; } img.lazy { display: block; } /*Navbar Adjusment=========================== */ /* Navbar Atribute ------*/ .attr-nav>ul>li>a { /* padding: 28px 15px;*/ padding: 5px 8px 3px 10px; background: #E00; margin: 8px; border-radius: 5px; } .search i { font-size: 35px; color: #fff; } ul.cart-list>li.total>.btn { border-bottom: solid 1px #cfcfcf !important; color: #fff !important; padding: 10px 15px; } .solslider { padding-top: 170px; padding-bottom: 230px; } .sol-child-slider { padding-top: 170px; padding-bottom: 80px !important; } .tabs-left li { background: #f7f7f7; } active.tab-content::after { top: 16px; left: -50px; bottom: auto; border-width: 10px 50px 10px 0; border-color: transparent #f3961c; } .foothd { color: #fff; text-transform: uppercase; text-align: left; } .mx-1 { background: #fff !important; cursor: pointer; padding: 10px 14px !important; border-radius: 50%; } .mx-1:hover { background: #E00 !important; cursor: pointer; padding: 10px 14px !important; border-radius: 50%; } .container.text-center.text-md-left { padding-bottom: 48px; } .mx-1:hover i { color: #fff; } .footlnk li { text-align: left; } .footlnk li a { color: #fff; text-decoration: none; font-size: 15px; } .slider-texthome { font-size: 38px; color: #1B87CB; letter-spacing: 0; line-height: 50px; } .slider-textcont { font-size: 45px; color: #1B87CB; letter-spacing: 0; line-height: 60px; } p.text-rotator.leadtxt { font-size: 28px; padding: 0px 84px; line-height: 40px; margin-bottom: 20px; } .sliderlead { font-size: 20px; letter-spacing: 0; margin-top: 5px; margin-bottom: 7px; } .slider-text { font-size: 32px; font-weight: 700; line-height: 40px; } .txthead { font-size: 20px; line-height: 24px; font-weight: 700; } .w-100 { width: 46%!important; } .buttoncta {} .buttoncta a:hover { background: #ea1616; color: #fff; padding: 7px 13px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; text-decoration: none; border-radius: 5px; box-shadow: 2px 4px 7px 0px #484545; } .fancy { line-height: 0.5; text-align: left; margin-left: 115px; } .fancy span { display: inline-block; position: relative; } .fancy span:before { content: ""; position: absolute; height: 5px; border-bottom: 1px solid #DD0000; border-top: 1px solid #DD0000; top: 0; width: 100px; } .fancy span:before { right: 100%; margin-right: 15px; } .fancy span:after { left: 100%; margin-left: 15px; } nav.navbar .navbar-brand img.logo { width: 125px; background: #fff; } @media (min-width: 1024px) { /* Navbar General ------*/ nav.navbar ul.nav>li>a { padding: 30px 15px; font-size: 18px; font-weight: normal!important; } nav.navbar .navbar-brand { margin-top: 0; display: table; padding: 8px 0px; } nav.sticky .navbar-brand { margin-top: -14px; } nav.navbar .navbar-brand img.logo { background: #fff; } /* Navbar Center ------*/ nav.navbar-center .navbar-brand { margin: 0 !important; } /* Navbar Brand Top ------*/ nav.navbar-brand-top .navbar-brand { margin: 10px !important; } /* Navbar Full ------*/ nav.navbar-full .navbar-brand { position: relative; top: -15px; } /* Navbar Sidebar ------*/ nav.navbar-sidebar ul.nav, nav.navbar-sidebar .navbar-brand { margin-bottom: 50px; } nav.navbar-sidebar ul.nav>li>a { padding: 10px 15px; font-weight: bold; } /* Navbar Transparent & Fixed ------*/ nav.navbar.bootsnav.navbar-transparent.white { background-color: rgba(255, 255, 255, 0.3); border-bottom: solid 1px #bbb; } nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark, nav.navbar.bootsnav.navbar-transparent.dark { background-color: rgba(0, 0, 0, 0.3); border-bottom: solid 1px #555; } nav.navbar.bootsnav.navbar-transparent.white .attr-nav { border-left: solid 1px #bbb; } nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav, nav.navbar.bootsnav.navbar-transparent.dark .attr-nav { border-left: solid 1px #555; } nav.navbar.bootsnav.no-background.white .attr-nav>ul>li>a, nav.navbar.bootsnav.navbar-transparent.white .attr-nav>ul>li>a, nav.navbar.bootsnav.navbar-transparent.white ul.nav>li>a, nav.navbar.bootsnav.no-background.white ul.nav>li>a { color: #fff; } nav.navbar.bootsnav.navbar-transparent.dark .attr-nav>ul>li>a, nav.navbar.bootsnav.navbar-transparent.dark ul.nav>li>a { color: #eee; } } @media (max-width: 992px) { nav.navbar .navbar-brand img.logo { width: 100px; float: left; } /* Navbar General ------*/ nav.navbar .navbar-brand { margin-top: 0; position: relative; top: 4px; } .attr-nav>ul>li>a { padding: 10px; } /* Navbar Mobile slide ------*/ nav.navbar.navbar-mobile ul.nav>li>a { padding: 15px 15px; } nav.navbar.navbar-mobile ul.nav ul.dropdown-menu>li>a { padding-right: 15px !important; padding-top: 15px !important; padding-bottom: 15px !important; } nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title { padding-right: 30px !important; padding-top: 13px !important; padding-bottom: 13px !important; } nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a { padding-top: 13px !important; padding-bottom: 13px !important; } /* Navbar Full ------*/ nav.navbar-full .navbar-brand { top: 0; padding-top: 10px; } } /* Navbar Inverse=================================*/ nav.navbar.navbar-inverse { background-color: #222; border-bottom: solid 1px #303030; } nav.navbar.navbar-inverse ul.cart-list>li.total>.btn { border-bottom: solid 1px #222 !important; } nav.navbar.navbar-inverse ul.cart-list>li.total .pull-right { color: #fff; } nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a, nav.navbar.navbar-inverse ul.nav>li>a { color: #eee; } nav.navbar.navbar-inverse ul.nav>li.dropdown>a { background-color: #222; } nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu>li>a { color: #999; } nav.navbar.navbar-inverse ul.nav .dropdown-menu h1, nav.navbar.navbar-inverse ul.nav .dropdown-menu h2, nav.navbar.navbar-inverse ul.nav .dropdown-menu h3, nav.navbar.navbar-inverse ul.nav .dropdown-menu h4, nav.navbar.navbar-inverse ul.nav .dropdown-menu h5, nav.navbar.navbar-inverse ul.nav .dropdown-menu h6 { color: #fff; } nav.navbar.navbar-inverse .form-control { background-color: #333; border-color: #303030; color: #fff; } nav.navbar.navbar-inverse .attr-nav>ul>li>a { color: #eee; } nav.navbar.navbar-inverse .attr-nav>ul>li.dropdown ul.dropdown-menu { background-color: #222; border-left: solid 1px #303030; border-bottom: solid 1px #303030; border-right: solid 1px #303030; } nav.navbar.navbar-inverse ul.cart-list>li { border-bottom: solid 1px #303030; color: #eee; } nav.navbar.navbar-inverse ul.cart-list>li img { border: solid 1px #303030; } nav.navbar.navbar-inverse ul.cart-list>li.total { background-color: #333; } nav.navbar.navbar-inverse .share ul>li>a { background-color: #555; } nav.navbar.navbar-inverse .dropdown-tabs .tab-menu { border-right: solid 1px #303030; } nav.navbar.navbar-inverse .dropdown-tabs .tab-menu>ul>li>a { border-bottom: solid 1px #303030; } nav.navbar.navbar-inverse .dropdown-tabs .tab-content { border-left: solid 1px #303030; } nav.navbar.navbar-inverse .dropdown-tabs .tab-menu>ul>li>a:hover, nav.navbar.navbar-inverse .dropdown-tabs .tab-menu>ul>li>a:focus, nav.navbar.navbar-inverse .dropdown-tabs .tab-menu>ul>li.active>a { background-color: #333 !important; } nav.navbar-inverse.navbar-full ul.nav>li>a { border: none; } nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu { background-color: #222; } nav.navbar-inverse.navbar-full .navbar-toggle { background-color: #222 !important; color: #6f6f6f; } @media (min-width: 1024px) { nav.navbar.navbar-inverse ul.nav .dropdown-menu { background-color: #222 !important; border-left: solid 1px #303030 !important; border-bottom: solid 1px #303030 !important; border-right: solid 1px #303030 !important; } nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu>li>a { border-bottom: solid 1px #303030; } nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu { border-left: solid 1px #303030; border-right: solid 1px #303030; } nav.navbar.navbar-inverse.navbar-transparent.dark { background-color: rgba(0, 0, 0, 0.3); border-bottom: solid 1px #999; } nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav { border-left: solid 1px #999; } nav.navbar.navbar-inverse.no-background.white .attr-nav>ul>li>a, nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav>ul>li>a, nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav>li>a, nav.navbar.navbar-inverse.no-background.white ul.nav>li>a { color: #fff; } nav.navbar.navbar-inverse.no-background.dark .attr-nav>ul>li>a, nav.navbar.navbar-inverse.no-background.dark .attr-nav>ul>li>a, nav.navbar.navbar-inverse.no-background.dark ul.nav>li>a, nav.navbar.navbar-inverse.no-background.dark ul.nav>li>a { color: #3f3f3f; } } @media (max-width: 992px) { nav.navbar.navbar-inverse .navbar-toggle { color: #eee; background-color: #222 !important; } nav.navbar.navbar-inverse .navbar-nav>li>a { border-top: solid 1px #303030; border-bottom: solid 1px #303030; } nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu>li>a { color: #999; border-bottom: solid 1px #303030; } nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title { border-bottom: solid 1px #303030; color: #eee; } nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul>li>a { border-bottom: solid 1px #303030; color: #999 !important; } nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title { border-bottom: solid 1px #303030; } nav.navbar.navbar-inverse .dropdown-tabs .tab-menu>ul { border-top: solid 1px #303030; } nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse { background-color: #222; } } @media (max-width: 767px) { nav.navbar.navbar-inverse.navbar-mobile ul.nav { border-top: solid 1px #222; } div#indepe { top: 60px; } .section.section1.bannerhome { padding-top: 74px; } div#indepe .flag-txt p.offertxt.white.mb0 { line-height: 25px!important; font-size: .75em !important; letter-spacing: 0!important; } } /*Color=========================== */ nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover, .side .widget ul.link li a:hover, .side .widget ul.link li a:focus, .check-list li:before, ul.cart-list>li>h6>a, .attr-nav>ul>li>a:hover, .attr-nav>ul>li>a:focus, nav.navbar-sidebar ul.nav li.dropdown.on>a, nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title, nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover, nav.navbar ul.nav li.dropdown.on>a, nav.navbar.navbar-inverse ul.nav li.dropdown.on>a, nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on>a, nav.navbar .dropdown .megamenu-content .col-menu.on .title, nav.navbar ul.nav>li>a:hover, nav.navbar ul.nav>li.active>a:hover, nav.navbar ul.nav li.active>a, nav.navbar li.dropdown ul.dropdown-menu>li a:hover { color: #3dbcff; } nav.navbar.navbar-transparent ul.nav>li>a:hover, nav.navbar.no-background ul.nav>li>a:hover, nav.navbar ul.nav li.scroll.active>a, nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu>li>a:hover, nav.navbar ul.nav li.dropdown.on>a, nav.navbar-dark ul.nav li.dropdown.on>a { color: #060606 !important; } @media(max-width:920px) { nav.navbar .dropdown .megamenu-content .col-menu ul>li>a:hover, nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover { color: #0082C6 !important; } } /*Border=========================== */ ul.cart-list>li.total>.btn { border-color: #0082C6; } nav.navbar li.dropdown ul.dropdown-menu { border-top-color: #fff !important; } /*Background=========================== */ ul.cart-list>li.total>.btn, .attr-nav>ul>li>a span.badge, nav.navbar .share ul>li>a:hover, nav.navbar .share ul>li>a:focus { background-color: #0082C6; } ul.cart-list>li.total>.btn:hover, ul.cart-list>li.total>.btn:focus { background-color: #dc3236 !important; } /*Accordion Menu*/ #accordion1 .panel, #accordion5 .panel, #accordion3 .panel, #accordion4 .panel { border-bottom: 2px solid #c3c3c3!important; border-color: transparent; background: transparent!important; } #accordion1 .collapsed, #accordion5 .collapsed, #accordion3 .collapsed, #accordion4 .collapsed { background: transparent!important; } #accordion1 .panel-default>.panel-heading, #accordion5 .panel-default>.panel-heading, #accordion3 .panel-default>.panel-heading, #accordion4 .panel-default>.panel-heading { background: transparent!important; } .panel-group .panel { border-radius: 8px; box-shadow: none; border-color: none; } .panel-default>.panel-heading { padding: 0; border-radius: 8px; color: #212121; background-color: #FAFAFA; border-color: #EEEEEE; } .panel-title { font-size: 14px; } .panel-title>a { display: block; padding: 3px 15px; text-decoration: none; border-radius: 28px; font-size: 17px; letter-spacing: 0px; } .more-less { float: right; color: #212121; } .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #EEEEEE; } .more-less { top: 8px !important; font-weight: bold !important; } .navbar-toggle.collapsed { background: transparent !important; /* color: #fff !important;*/ } .collapsed { background: #f7f7f7; color: #444 !important; } .collapsed>.more-less { color: #fff !important; font-weight: bold !important; } .nav.nav-justified>li>a { position: relative; } .nav.nav-justified>li>a:hover, .nav.nav-justified>li>a:focus { background-color: transparent; } .nav.nav-justified>li>a>.quote { position: absolute; left: 0px; top: 0; opacity: 0; width: 30px; height: 30px; padding: 5px; background-color: transparent; border-radius: 15px; color: #fff; } .nav.nav-justified>li.active>a>.quote { opacity: 1; } /*.nav.nav-justified > li > a > img { box-shadow: 0 0 0 5px #EE0000; }*/ .nav.nav-justified>li>a>img { max-width: 100%; opacity: .3; -webkit-transform: scale(.8, .8); transform: scale(.8, .8); -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .nav.nav-justified>li.active>a>img, .nav.nav-justified>li:hover>a>img, .nav.nav-justified>li:focus>a>img { opacity: 1; -webkit-transform: none; transform: none; -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .tab-pane .tab-inner { padding: 30px 0 20px; } @media (min-width: 768px) { .nav.nav-justified>li>a>.quote { left: auto; top: auto; right: 45%; bottom: 25px; font-size: 50px; } #nav-tabs .active .lead2 { color: #E00 } } .section5 .nav.nav-justified>li>a>.quote { left: auto; top: auto; right: 45%; bottom: 68px; font-size: 50px; } .solli { display: inline; float: left; } .solli li { text-align: left; font-size: 16px; } .fancy2 { line-height: 0.5; text-align: left; margin-left: 115px; } .fancy2 span { display: inline-block; position: relative; } .fancy2 span:before { content: ""; position: absolute; height: 5px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; top: 0; width: 100px; } .fancy2 span:before { right: 100%; margin-right: 15px; } .fancy2 span:after { left: 100%; margin-left: 15px; } .fancy3 { line-height: 0.5; text-align: left; margin-left: 61px; } .fancy3 span { display: inline-block; position: relative; } .fancy3 span:before { content: ""; position: absolute; height: 5px; border-bottom: 1px solid #1B87CB; border-top: 1px solid #1B87CB; top: 0; width: 50px; } .fancy3 span:before { right: 100%; margin-right: 15px; } .fancy3 span:after { left: 100%; margin-left: 15px; } /*Fade content bs-carousel with hero headersCode snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.comImage credits: unsplash.com*/ /********************************/ /* Fade Bs-carousel */ /********************************/ .fade-carousel { position: relative; height: 100vh; } .fade-carousel .carousel-inner .item { height: 100vh; } .fade-carousel .carousel-indicators>li { margin: 0 2px; background-color: #DB0000; border-color: #DB0000; opacity: .7; } .fade-carousel .carousel-indicators>li.active { width: 10px; height: 10px; opacity: 1; } /********************************/ /* Hero Headers */ /********************************/ .hero2 { padding-top: 10%; } .hero3 { padding-bottom: 20%; } .hero { position: absolute; vertical-align: middle; bottom: 0%; left: 7%; z-index: 3; color: #fff; text-align: left; /*text-transform: uppercase; -webkit-transform: translate3d(-50%,-50%,0); -moz-transform: translate3d(-50%,-50%,0); -ms-transform: translate3d(-50%,-50%,0); -o-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0);*/ } .hero h1 { font-size: 4em; font-weight: bold; margin: 0 0 10px 0; padding: 0; color: #fff; text-align: left; } .hero h3 { font-size: 2em; color: #fff; text-align: left; font-weight: bold; margin: 5px 0 0 0; padding: 0; } .fade-carousel .carousel-inner .item .hero { opacity: 0; -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; } .fade-carousel .carousel-inner .item.active .hero { opacity: 1; -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; } /***slider2*****************************/ .full-screen { background-size: cover; background-position: center; background-repeat: no-repeat; } /* Overlay */ /********************************/ /********************************/ /* Custom Buttons */ /********************************/ .btn.btn-lg { padding: 10px 40px; } .btn.btn-hero, .btn.btn-hero:hover, .btn.btn-hero:focus { color: #f5f5f5; background-color: #1abc9c; border-color: #1abc9c; outline: none; margin: 20px auto; } /********************************/ /* Slides backgrounds */ /********************************/ .fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3, .fade-carousel .slides .slide-4, .fade-carousel .slides .slide-5 { height: 100vh; background-size: cover; background-position: center center; background-repeat: no-repeat; } /*.fade-carousel .slides .slide-1 { background-image: url(https://ununsplash.imgix.net/photo-1416339134316-0e91dc9ded92?q=75&fm=jpg&s=883a422e10fc4149893984019f63c818); }.fade-carousel .slides .slide-2 { background-image: url(https://ununsplash.imgix.net/photo-1416339684178-3a239570f315?q=75&fm=jpg&s=c39d9a3bf66d6566b9608a9f1f3765af);}.fade-carousel .slides .slide-3 { background-image: url(https://ununsplash.imgix.net/photo-1416339276121-ba1dfa199912?q=75&fm=jpg&s=9bf9f2ef5be5cb5eee5255e7765cb327);}*/ #bs-carousel .carousel-indicators { margin-bottom: 36px; } nav.navbar.bootsnav ul.nav>li>a { padding: 18px 15px; font-size: 16px; } ul.phone-strip { display: block; width: auto; float: left; margin: 0px; padding: 17px 0px; background: #eee; color: #000; font-size: 16px; } ul.phone-strip li { list-style: none; float: left; padding: 0 20px; color: #000; } li.mob-btn { background: #ab2927; border-radius: 18px; line-height: 28px; color: #fff; width: 138px; text-align: center; margin: 14px 0px 14px 14px; } ul.mega-menulist li { padding: 4px 12px; font-size: 13px; } ul.mega-menulist li:hover { background: #f0f0f0; color: #962321; } ul.nav.nav-pills.nav-stacked li:hover a:before { font-weight: bold; color: #ab2927; } ul.nav.nav-pills.nav-stacked li a:before { /*font-family: 'FontAwesome';*/ content: '►'; float: right; font-size: 16px; color: #cbcbcb; margin-left: 10px; } ul.nav.nav-pills.nav-stacked li a { font-size: 13px!important; padding: 0px 0px!important; text-align: left!important; } .tab-pane .tab.col-md-6 { border: 0px; width: 50%; float: left; background: #efefef; min-height: 341px; } span.tablinks a:hover li:after { font-weight: bold; color: #ab2927; } span.tablinks a li:after { /*font-family: 'FontAwesome';*/ content: '►'; float: right; font-size: 16px; color: #cbcbcb; margin-left: 10px; } ul.dropdown-menu.mega-menu { min-width: 700px!important; left: 0px; transform: translate(-50%); background: #fff!important; background-size: contain!important; border-bottom: 4px solid #ab2927!important; } ul.mega-menulist { border-right: 1px solid #e8e8e8; padding: 0px 0px; list-style: none; margin: 0px; } ul.mega-menulist2 { border-right: 0px; } .mega-menu .padding0 { padding-left: 0px; padding-right: 0px; } /********************************/ /* Media Queries */ /********************************/ @media screen and (min-width: 980px) { .hero { width: 980px; } } @media screen and (max-width: 640px) { .hero h1 { font-size: 4em; } } /* Responsive Media Queries max 480px*/ @media screen and (max-width: 480px) { nav.navbar { padding-top: 7px !important; } nav.sticky .navbar-brand img.logo { background: none !important; padding: 10px; min-height: 45px; } } /* Change background color of buttons on hover */ .tab button:hover { background-color: #ddd; } /* Create an active/current "tab button" class */ .tab button.active { background-color: #00b1e5; color: #fff; } /* Style the tab content */ .tabcontent { float: left; padding: 30px 0px; width: 64%; border: none; } .tab { float: left; width: 33%; margin-left: 0%; } .tab button.active:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(238, 238, 238, 0); border-right-color: #eee; border-width: 10px; margin-top: -10px; transform: rotate(-180deg); border-color: rgba(19, 175, 235, 0); border-right-color: #00b1e5; } a.notxtdec { text-decoration: none; } .mb10 { margin-bottom: 10px; } .mt0 { margin-top: 0px !important; } .mb0 { margin-bottom: 0px !important; } /*****JT CSS*****/ nav.navbar.bootsnav ul.nav>li>a { color: #000; } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #ab2927!important; background-color: transparent; } .navbar { position: relative; min-height: 58px!important } nav.navbar.bootsnav ul.nav>li.dropdown>a.dropdown-toggle:after { color: #ab2927; } div#navbar-menu { margin-top: 0px; } li.signline { position: relative; } li.signline:after { position: absolute; top: 50%; right: 0px; content: ''; width: 2px; height: 20px; background: #ab2927; transform: translate(0, -50%); } .bannerhome p.slider-text.white { position: relative; } /*.bannerhome p.slider-text.white:after { content: ''; background: #ffffff57; height: 2px; width: 100px; position: absolute; left: 0px; bottom: -120px;}*/ .headbutton { padding: 8px 18px; border: 3px solid #ffffff; border-radius: 58px; color: #fff; text-align: center; background: #000; font-size: 13px; font-weight: 700; } .headbutton1 { padding: 8px 18px; border: 3px solid #ffffff; border-radius: 58px; color: #fff; text-align: center; background: #ab2927; font-size: 13px; font-weight: 700; width: 160px; } .kln { width: 100%; float: left; margin-top: 80px; } .blog-img-width, .feat img { width: 100%; height: 147px; } .getcall-box { border: 0px; border-radius: 0px; text-align: center; padding: 10px; width: 100%; float: right; /*margin-top: -5%;*/ } .getcall-box h3.slider-text2 { font-size: 20px; font-weight: bold; position: relative; padding-left: 22px; text-align: left; letter-spacing: 0; } .getcall-box h3.slider-text2:after { content: ''; background: #eeb617; left: 0px; position: absolute; width: 4px; height: 30px; top: 50%; transform: translate(0, -50%); } .getcall-box button.buttonctadarkbtn.btn.btn-lg { box-shadow: 5px 4px 3px #bbb0b0; width: 100%; margin-top: 20px; } .tab-img button.buttonctadarkbtn.btn.btn-lg { padding: 6px 40px; } .instr-bx { background: #f7f7f7; width: 100%; float: left; border-radius: 48px; padding: 18px 0px; font-size: 18px; font-weight: 700; line-height: 28px; text-align: center; position: absolute; bottom: -92px; box-shadow: 1px 10px 10px 1px #d6d6d6; } .inst2 { width: 100%; border: 1px solid #fff; padding: 16px 0px; color: #fff; } .section18 { padding: 30px 0px; } .rgt-icon p.cont2.mb0 { line-height: 48px; font-size: 17px; } .getcall-box p.cont2.dark { font-size: 14px; text-align: left; } .getcall-box input.form-control { border: 0px; border-bottom: 2px solid #868686; border-radius: 0px; box-shadow: none; } .getcall-box input.form-control:focus { border-bottom: 2px solid #ab2927; box-shadow: none; } /*button.buttonctadarkbtn.btn { border-radius: 58px; background: #ab2927; color: #fff; font-size: 17px; font-weight: 700;}*/ button.buttonctadarkbtn.btn { border-radius: 58px; box-shadow: none !important; background: #ab2927; color: #fff; font-size: 17px; font-weight: 700; } .btn.btn-lg { padding: 6px 40px; } .tablink1 { background-color: transparent; color: black; float: left; border: none; outline: none; cursor: pointer; padding: 0 0 8px 0px; font-size: 18px!important; width: 18%; border-bottom: 4px solid #444; margin: 0 12px; font-weight: 700; } .tablink1:hover { border-bottom: 4px solid #ab2927; } .tablink1:active { border-bottom: 4px solid #ab2927; } /****tab classes *****/ .register ul.nav.nav-tabs { width: 400px; margin: 0 auto; border: 0px; text-align: center; } .register ul.nav.nav-tabs li.nav-item { display: table; margin: 0 auto; width: 200px; text-align: center; } .register ul.nav.nav-tabs li.nav-item a.nav-link { padding: 10px 30px; font-size: 17px; color: #ffffff; background: #b12c27; /* border-radius: 4px; */ border: 0px; box-shadow: 1px 1px 8px 1px #eee; /*padding: 10px 30px; font-size: 17px; color: #040404; background: #fff; border-radius: 4px; border: 0px; box-shadow: 1px 1px 8px 1px #c5bdbd75;*/ } .register ul.nav.nav-tabs li.nav-item.active a { /*box-shadow: inset 1px 2px 12px #00000052; background: #ab2927; color: #fff;*/ box-shadow: inset 1px 2px 12px #eee; background: #ffffff; color: #a92927; } .register .nav-tabs>li.active>a, .register .nav-tabs>li.active>a:focus, .register .nav-tabs>li.active>a:hover { color: #fff; cursor: default; background-color: #02b5e1; border: 0px!important; } .responsive { line-height: 20px; background: #fff; padding: 10px; } .td-start { width: 100%; float: left; border-bottom: 1px solid rgba(151, 151, 151, 0.1); padding: 10px 0px; display: flex; align-items: center; font-weight: 700; box-shadow: 1px 1px 8px 1px #eee; } .td-txt { width: 100%; float: left; border-bottom: 1px solid rgba(151, 151, 151, 0.1); padding: 10px 0px; display: flex; align-items: center; } .td-txt4 { background: #f7f7f7; } .btn-store1 { padding: 2px 16px !important; text-transform: none !important; letter-spacing: 0px !important; font-size: 12px !important; font-weight: 800; } .btn-store2 { background: #B12C27 none repeat scroll 0 0 !important; border-radius: 18px !important; color: #fff !important; cursor: pointer; display: inline-block; font-family: inherit; font-size: 13px !important; font-weight: 300; margin: 0 10px 10px 0; outline: medium none; padding: 2px 14px; position: relative; text-decoration: none; } .btn-store { background: #EEB617 none repeat scroll 0 0 !important; border-radius: 18px !important; color: #fff !important; cursor: pointer; display: inline-block; font-family: inherit; font-size: 13px !important; font-weight: 300; letter-spacing: 1px; margin: 0 10px 10px 0; outline: medium none; padding: 12px 10px 12px; position: relative; text-decoration: none; text-transform: uppercase; transition: all 0.3s ease-out 0s; } td { text-align: center; vertical-align: middle; width: 238px; color: #77808a; padding: 13px 0; } .durtd strong { font-size: 16px; color: #000; font-weight: 900 !important; } .timetd strong { font-size: 16px; color: #000; font-weight: 900 !important; } .hd th { vertical-align: text-top; text-align: center; font-size: 16px; padding: 10px; } .hd th { vertical-align: text-top; text-align: center; border-bottom: 1px solid #e4e4e4 !important; } .hd { padding: 7px 0; border: none; } .schdl { font-family: "montserrat"; } .headingseaction { font-size: 22px !important; font-weight: bold; margin-bottom: 10px; color: #ffffff; border-left: 5px solid #eda900; padding-left: 24px; } .enrolltd { border-right: none; } th { border: none !important; } .button-area { margin: -21px auto 0px auto; text-align: center; } .button-area1 { background: white; padding: 8px 48px; font-size: 18px; font-weight: 600; border: none; border-radius: 4px; margin: 0 auto; width: auto; box-shadow: 1px 1px 8px 1px #eee; } .tab { overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1; } .tabcontent { display: none; width: 100%; } .singl-hov { background: #fff; width: 100%; float: left; padding: 10px 10px; } .singl-hov ul.Real li { padding: 0px 2px; color: #444; text-align: left; } nav#heder .singl-hov p.mb0 { padding: 8px 10px; text-align: left; font-size: 17px; } .singl-hov p.mb0 { padding: 8px 10px; text-align: left; } .singl-hov ul.Real { width: 100%; float: left; border-top: 1px solid #eee; padding: 10px 2px 10px 25px; } ul.Real li { color: #000; font-size: 12px; line-height: 17px; } .singl-hov p.btn-cour { border: 1px solid #eee; width: 140px; float: left; font-size: 14px; font-weight: 700; padding: 8px; line-height: 14px; margin-top: 14px; background: #FFC107; } nav#heder .singl-hov span.btn-cour { float: none; padding: 5px 10px; border: 1px solid #eee; width: 140px; font-size: 14px; font-weight: 700; line-height: 14px; background: #FFC107; margin: 0px; } .btn-bx { width: 100%; float: left; margin-top: 14px; } .singl-hov ul.Real li:hover { background: #fff; } .tab-pane .tabcontent { float: left; border-left: none; display: none; width: 100%; padding: 0px; } nav#heder .whtpprpost { box-shadow: 4px 4px 1px 0px #ddd; background: #fff; border: solid 1px #ddd; padding: 5px; border-radius: 5px; -webkit-transition: ease .02s; transition: ease .02s; } .btn-cour { list-style: none; float: left; padding: 0px 20px; display: table; width: 100%; text-align: center; border: 1px solid #fff; margin-bottom: 20px; } .singl-hov ul.Real a.btn-cour { color: #000; } span.icon-nav { display: block; box-shadow: 0px 2px 7px 2px #eee; border-radius: 50%; width: 70px; height: 70px; margin: 0 auto 10px auto; padding: 12px 0px; } span.icon-nav img { margin: 0 auto; } #Course p.slider-cont.blue { margin-bottom: 48px; font-size: 16px; } .course:after { content: ''; background: #eeb617; left: 0px; position: absolute; width: 4px; height: 30px; top: 50%; transform: translate(0, -50%); } .button-area1:focus { outline: -webkit-focus-ring-color auto 0px!important; } /* bhoechie tab */ div.bhoechie-tab-container { z-index: 10; background-color: #ffffff; padding: 0 !important; border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #ddd; margin-top: 20px; margin-left: 0px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); background-clip: padding-box; opacity: 0.97; filter: alpha(opacity=97); } div.bhoechie-tab-menu { padding-right: 0; padding-left: 0; padding-bottom: 0; } div.bhoechie-tab-menu div.list-group { margin-bottom: 0; } div.bhoechie-tab-menu div.list-group>a { margin-bottom: 23px; border: 0px; box-shadow: 1px 1px 8px 1px #eee; border-right: 3px solid #444444; } div.bhoechie-tab-menu div.list-group>a .glyphicon, div.bhoechie-tab-menu div.list-group>a .fa { color: #5A55A3; } div.bhoechie-tab-menu div.list-group>a:first-child { border-top-right-radius: 0; -moz-border-top-right-radius: 0; } div.bhoechie-tab-menu div.list-group>a:last-child { border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; } div.bhoechie-tab-menu div.list-group>a.active, div.bhoechie-tab-menu div.list-group>a.active .glyphicon, div.bhoechie-tab-menu div.list-group>a.active .fa { background-color: #f7f7f7; border: 0px; color: #333; margin-bottom: 23px; border-right: 3px solid #ab2927; } div.bhoechie-tab-menu div.list-group>a.active:after { content: none; position: absolute; left: 100%; top: 50%; margin-top: -6px; border-left: 0; border-bottom: 8px solid transparent; border-top: 8px solid transparent; border-left: 8px solid #f7f7f7; } div.bhoechie-tab-content { box-shadow: 1px 1px 8px 1px #eee; padding: 16px 20px; height: 428px; overflow: scroll; } div.bhoechie-tab-content::-webkit-scrollbar { width: 4px; height: 8px; } div.bhoechie-tab-content::-webkit-scrollbar-thumb { border-radius: 0px; background-color: rgb(171, 41, 39); } div.bhoechie-tab div.bhoechie-tab-content:not(.active) { display: none; } .form-head { font-size: 12px; color: white; letter-spacing: 0; margin-top: -24px; width: 114px; background: #444; line-height: 25px; float: left; text-align: left; padding-left: 10px; } div.bhoechie-tab-menu div.list-group>a.active p.form-head { background: #eda900; font-weight: bold; color: #fff; } div.bhoechie-tab-menu p.cont2 { font-weight: bold; margin-top: 12px; } div.bhoechie-tab-content ul { margin: 0px; padding: 0px 0px; list-style: none; } div.bhoechie-tab-content ul li { padding: 4px 0px; color: #3c3c3c; } .tab-img { background: #f7f7f7; box-shadow: 1px 1px 8px 1px #eee; padding: 20px 0; } .tab-img img { width: 92%; margin: 14px auto 14px auto; } div.bhoechie-tab-menu div.list-group:after { background: #ab2927; position: absolute; top: 0px; content: ''; width: 3px; height: 400px; left: 68px; z-index: -1; } span.icon-nav img { margin: 0 auto; width: 50px; } .tablink1 a { color: black; } .crm { background: #3598c1; color: #fff; padding: 24px 10px; height: 192px; } .crm p.slider-text.white, .million .counter p.slider-text.white { /* font-size: 48px; */ font-size: 35px; } .million { background: #414a53; color: #fff; padding: 24px 10px; height: 192px; } .half { background: #fff; padding: 38px 0px; box-shadow: 1px 1px 8px 1px #eee; } .half img { width: 330px; margin: 0 auto 10px auto; } .wehave { margin: 54px 0 0 -50px; background: #f7f7f7; box-shadow: 1px 1px 8px 1px #eee; padding: 54px 70px; } .percentage { background: #f7f7f7; color: #414a53; padding: 10px 10px; box-shadow: 1px 1px 8px 1px #eee; } .still { background: #fff; width: 92%; margin: 0 auto; } i.fa.fa-sort-down.pull-right { font-size: 30px; line-height: 20px; color: #3598c1; } .percentage .counter p.slider-text { font-size: 80px; margin-top: 20px; color: #414a53; } .doyou { background: #f7f7f7; color: #360d0e; padding: 20px 10px; box-shadow: 1px 1px 8px 1px #eee; width: 100%; float: left; } .doyou p { font-size: 16px; line-height: 28px; } .jobsare { width: 100%; float: left; background: #414a53; position: relative; padding-top: 14px; } .asper { width: 100%; float: left; position: relative; } .jobsare p.slider-text.white { position: absolute; top: 50%; transform: translate(-50%, -50%); right: -20px; } .doyou button.buttonctadarkbtn.btn.btn-md a.dark.notxtdec { color: #fff!important; font-size: 14px; padding: 8px 11px; } .asper p.cont.white.mb0 { margin: 11px 0px; line-height: 22px; } .grace { width: 100%; float: left; background: #f7f7f7; } .grace img { border-radius: 50%; box-shadow: 1px 1px 8px 1px #eee; width: 100px; height: 100px; } .grace-bx { width: 100%; float: left; overflow: scroll; height: 310px; margin-top: 20px; background: #f7f7f7; padding: 20px 0px; } .still p.slider-text.dark { font-size: 35px; line-height: 35px; color: #585353!important; } p.nophone { font-size: 28px; font-weight: 700; color: #585353; text-align: center; margin-top: 20px; } .wehave p.slider-text.dark { font-size: 25px; font-weight: 700; line-height: 32px; } .grace-bx::-webkit-scrollbar-thumb { border-radius: 0px; background-color: rgb(171, 41, 39); } .grace-bx::-webkit-scrollbar { width: 4px; height: 8px; } .still { background: #fff; width: 92%; margin: 0 auto 20px auto; border-radius: 8px; padding: 21px 10px; } .still.maria p.slider-text.dark { font-size: 28px; font-weight: normal; } .still.maria span.red { font-size: 24px; font-weight: bold; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: none!important; } input:-internal-autofill-selected { font-size: 16px; font-weight: 700; } select.custom-select.form-control { border: 0px; border-bottom: 2px solid #868686; border-radius: 0px; box-shadow: none; margin-bottom: 10px; width: 24%; float: left; margin-right: 16px; padding: 0px; } select.custom-select2.form-control { border: 0px; border-bottom: 2px solid #868686; border-radius: 0px; box-shadow: none; margin-bottom: 0px; width: 100% !important; float: left; margin-right: 16px; padding: 0px; } p.lead4.red { font-size: 24px; font-weight: 700; line-height: 28px; padding: 4px 0; } .lead1 { font-size: 20px; font-weight: 700; position: relative; padding-left: 14px; text-align: left; } .viewall-bx { width: 100%; float: left; padding: 10px 20px; } .viewall { color: #13617D; border-radius: 5px; font-size: 14px; } span.viewall a { color: #13617D; text-decoration: underline; } .lead1:after { content: ''; background: #eeb617; left: 0px; position: absolute; width: 4px; height: 30px; top: 50%; transform: translate(0, -50%); } .lead2 { font-size: 22px; font-weight: 700; } .lead3 { font-size: 20px; font-weight: 700; position: relative; padding-left: 14px; text-align: left; } .lead3:after { content: ''; background: #eeb617; left: 0px; position: absolute; width: 4px; height: 30px; top: 50%; transform: translate(0, -50%); } .slider-cont { font-size: 17px; line-height: 21px; } .cont2 { font-size: 15px; line-height: 20px; } .cont3 { font-size: 14px; line-height: 24px; } .still p.slider-text.dark { font-size: 27px; line-height: 29px; color: #585353!important; } .star-rating-review i.fa.fa-star { color: #FFC107; } ul.social { list-style: none; } li.fb-icon { background: url(https://www.janbasktraining.com/assets/demo2019/img/sprite-JT.webp); width: 40px; height: 40px; float: left; margin-right: 8px; background-position: 0px 2px; } li.tw-icon { background-position: -55px 2px; } li.ld-icon.fb-icon { background-position: -116px 2px; } li.yu-icon.fb-icon { background-position: -173px 2px; } .footer-copyright.text-center.py-3.mb0.white { background: #000; padding: 10px; } ul.list-unstyled.footlnk li { padding: 4px 0px; } ul.list-unstyled.footlnk { padding: 14px 0px; } .lineon { position: relative; line-height: 46px; } .lineon:after { position: absolute; bottom: 0px; background: #fff; width: 40px; height: 2px; left: 0px; content: ''; } .lineon:before { position: absolute; top: 48px; background: #777; width: 1px; height: 110px; right: 14px; content: ''; } .lineon1 { position: relative; line-height: 46px; } .lineon1:after { position: absolute; bottom: 0px; background: #fff; width: 40px; height: 2px; left: 0px; content: ''; } .whtlogo img { margin-top: 20px; } .star-rating-review { margin: 0 auto; width: 100%; text-align: center; } .tab-bx:after, .register:after { position: absolute; content: ''; background: transparent; width: 280px; height: 280px; right: -180px; border-radius: 50%; border: 30px solid #e4e4e4db; top: -60px; } .tab-bx, .register { position: relative; } #Course { position: relative; } div#Course:after { position: fixed; content: ''; background: transparent; width: 280px; height: 280px; left: -110px; border-radius: 50%; border: 30px solid #e4e4e4db; bottom: 30px; z-index: -1; } .star-rating-review i.fa.fa-star.greystar { color: #848484!important; } .so-iconbx { position: relative; border-radius: 50%; } .so-icon { position: absolute; left: 0px; top: 40px; border-radius: 8px; box-shadow: 0px 1px 8px 1px #44444475; } .so-icon .test { position: absolute; width: 30px; top: 0px; transform: translate(-50%); left: 50%; background: #fff; border-radius: 50%; padding: 2px; height: 30px; box-shadow: 1px 1px 8px 1px #6d6d6d; } .test a { font-size: 12px; } span.fa-stack:nth-of-type(1) { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); } span.fa-stack.fa-lg { color: #4f598f; } .grace p.lead2.dark { font-size: 18px; margin-bottom: 6px; } .grace p.lead2.red.mb0 { line-height: 38px; } .careericon { width: 50px; height: 50px; float: left; border: 1px dashed #ffffff; border-radius: 50%; text-align: center; line-height: 44px; position: absolute; left: 30px; top: -30px; background: #b12c27; } .careericon img { width: 26px; } .counter { padding: 20px 0; border-radius: 5px; } .count-text { font-size: 13px; font-weight: normal; margin-top: 10px; margin-bottom: 0; text-align: center; } .fa-2x { margin: 0 auto; float: none; display: table; color: #4ad1e5; } .instr-bx i { display: none; } :focus { outline: -webkit-focus-ring-color auto 0px; } .faq-acor #accordion1 .panel.panel-default { border-radius: 0px; } .faq-acor #accordion1 .panel-heading { border-radius: 0px; } .mobilescreen { display: none; } .modal { z-index: 1111111!important; } .inst2 i.fa { float: left; margin-right: 8px; line-height: 24px; display: block; font-size: 14px; color: #ffffff; } .rgt-icon { width: 64%; margin: 0 auto; } .dat { font-size: 14px; font-weight: 700; margin-bottom: 0px; } .est { font-size: 10px; margin-bottom: 0px; } #Course .course.red { font-size: 27px; font-weight: 700; position: relative; padding-left: 14px; text-align: left; line-height: 28px; } .iconav { width: 42px; height: 42px; /*background: url(https://www.janbasktraining.com/assets4/demo2019/img/sprite-JT.webp);*/ background-position: -391px -7px; margin-right: 7px; } span.iconav.iconav1 { background-position: -343px -7px; } span.iconav.icona2 { background-position: -298px -7px; } span.iconav.icona3 { background-position: -252px -7px; } span.iconav.iconav4 { background-position: -441px -7px; } span.iconav.iconav5 { background-position: -485px -7px; } .cert { font-size: 28px; font-weight: 700; position: relative; padding-left: 28px; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; z-index: 999999; border: 0px; border-bottom: 2px solid #868686; border-radius: 0px; box-shadow: none; margin-bottom: 0px; width: 24%!important; float: left; margin-right: 16px!important; padding: 0px; background: transparent; } span.select2-selection.select2-selection--single { background-color: white!important; border: 0px!important; border-radius: 5px 0 0 5px; height: 32px!important; } } label.error { color: red; font-weight: normal; font-size: 12px; line-height: 10px; } div#thankyou1 { z-index: 111111; } div#thankyou1 .modal-content { background-image: -webkit-gradient(linear, left top, right bottom, from(#02b3e4), to(#02ccba)); background-image: linear-gradient(to bottom right, #fff4f8, #8ac4f3); margin: auto; padding: 20px 0px; border: 1px solid #888; width: 80%; } #accordion1 .panel-title>a, #accordion3 .panel-title>a, #accordion4 .panel-title>a, #accordion5 .panel-title>a, #accordion6 .panel-title>a { font-weight: normal; } #layout62 .counter { padding: 8px 0; } #layout62 .percentage p.slider-text { font-size: 70px; line-height: 20px; } #layout62 .wehave { margin: 26px 0 0 -50px; } #layout62 .instr-bx { bottom: -142px; } #layout63 .jobsare p.slider-text.white { font-size: 28px; font-weight: 700; line-height: 40px; } #layout63 .asper p.cont.white.mb0 { margin: 11px 0px; line-height: 22px; font-size: 14px; } #layout63 h4.lead3.white.hlf { font-size: 18px; } #layout63 .instr-bx { width: 828px; } .sticky-nav-tab h2 { color: #000; font-size: 17px; font-weight: normal; line-height: 20px; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; padding: 0px; margin: 0px; letter-spacing: 0px; } /*Blog CSS*/ .mb0 { margin-bottom: 0px !important; } .mt50 { margin-top: 50px !important; } .crsbox { background: #f7f7f794; display: inline-block; padding: 20px 10px 2px 10px; box-shadow: -1px 2px 10px 0px rgba(0, 0, 0, 0.15); } .crsbox p { margin-bottom: 12px; } .crsbox img { width: 40px; } .blogttl { font-size: 15px; padding: 10px; box-shadow: 0 5px 20px 2px rgba(0, 0, 0, .12); font-weight: bold; margin-bottom: 10px; } .catrdmr { font-size: 16px; vertical-align: bottom; text-decoration: underline; } .crsbox2 { box-shadow: 0 5px 20px 2px rgba(0, 0, 0, .12); overflow: hidden; width: 100%; float: left; position: relative; } .crsbox2 p { position: absolute; bottom: -20px; left: 50%; color: #fff; font-size: 18px; text-align: center; width: 100%; transform: translate(-50%); background: rgba(0, 0,0,0.7); } ul.breadcrumb.dark { margin-top: -20px; margin-bottom: 24px; background: #f7f7f7; padding: 8px 10px; } ul.breadcrumb.dark li a { color: #444; } ul.breadcrumb.dark li a:active { color: #ab2927; } .rghtsideblg p { margin-bottom: 12px !important; line-height: 19px; } .rghtsideblg p a { color: #000 !important; } .rght { background: #f7f7f7; display: block; padding: 20px 14px; box-shadow: 3px 3px 0px #00000024; } .breadcrumb { padding: 0px; margin-bottom: 10px; list-style: none; background-color: transparent; border-radius: 4px; color: #fff; } .breadcrumb li a { color: #f7f7f7; } .video-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; } .video-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; } .techblog { font-size: 18px; } .blogbannercta { font-size: 15px; } .blogdtlright h2 { font-size: 2em; line-height: 48px; letter-spacing: 0px; color: #333; text-align: left; } .blogdtlright h3 { font-size: 2em; line-height: 48px; letter-spacing: 0px; color: #333; text-align: left; } .blogdtlright li { font-size: 1em; line-height: 1.5em; text-align: left; padding-bottom: 10px; } .blogdtlright table { width: 100% !important; margin: 10px auto; display: inline-table; } .blogdtlright td { text-align: left; vertical-align: middle; width: 238px; color: #000; padding: 5px 14px; border: solid 1px #ddd; font-size: 15px; } .hglhter { padding: 1em; background: #f7f7f7; box-shadow: 1px 2px 4px 0px #00000038; margin: 0; width: 100%; display: block; font-weight: bold; border: 0!important; border-left: 4px solid #34495E!important; text-align: left; margin-bottom: 10px; } pre { text-align: left; } .crtfdbutton { background: #333 !important; padding: 5px 15px !important; border-radius: 18px; line-height: 28px; color: #fff !important; text-align: center; margin: 14px 0px 14px 14px; } .crtfdbutton:hover { background: #333 !important; padding: 5px 15px !important; border-radius: 18px; line-height: 20px !important; color: #fff !important; text-align: center; margin: 14px 0px 14px 14px; } .progress-container { width: 100%; height: 5px; background: #f7f7f7; } .progress-bar { height: 5px; background: #A32122; width: 0%; } /*we will use the :before element to show numbers*/ /****Blogs****/ .blogdtlright { font-size: 1em; line-height: 1.7em; text-align: justify; margin-bottom: 10px; } .blogdtlright img { margin: 0px auto 10px auto; /*margin: 10px auto 10px auto;*/ display: table; } .getcall-box.panel-default img.img-responsive { margin: 0px auto; } .blogdtlright h1 { font-size: 32px; font-weight: 700; line-height: 40px; } .blogdtlright h2 { font-size: 26px; font-weight: 600; color: #337ab7; line-height: 30px; margin-top: 20px; margin-bottom: 10px; } .blogdtlright h3 { font-size: 21px; font-weight: 600; line-height: 30px; color: #000; margin-top: 20px; margin-bottom: 10px; } .blogdtlright h4 { font-size: 18px; font-weight: 500; line-height: 25px; margin-top: 20px; color: #000; letter-spacing: 0; margin-bottom: 10px; } .blogdtlright h5 { font-size: 16px; font-weight: 700; line-height: 28px; margin-top: 20px; color: #337ab7; margin-bottom: 10px; } .blogdtlright h6 { font-size: 14px; font-weight: 700; line-height: 28px; color: #337ab7; margin-top: 20px; margin-bottom: 10px; } .blogdtlright a { color: #337ab7; } .sti{ margin-top:0px !important; margin-bottom:0px !important;} .blogttl p { text-align: initial; min-height: 67px; line-height: 20px; margin-bottom: 0px !important; } .blogdtlright img:nth-child(1) { /*width: 100%;*/ } .blogttl p a { border-bottom: none; color: #23527c; } .blogttl p a:hover { border-bottom: none; color: #444; } a u.rd { border-bottom: none!important; } table tr:nth-child(odd) { background: #d4d0d04d; } table tr:nth-child(even) { background: #f7f7f7; } .cmt_pro { border-radius: 50%; box-shadow: 5px 2px 5px #00000052; width: 120px; overflow: hidden; } .section.section1.bannerhome { background-size: cover; } img.img-responsive.post_thumb { width: 100%; } form#comment_form textarea.form-control:focus { border-bottom: 2px solid #ab2927; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(177, 177, 177, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(220, 220, 220, 0.6); /* -webkit-box-shadow: none; */ border-top: 0px; border-left: 0px; border-radius: 0px; } form#comment_form button.buttonctadarkbtn.btn.btn-lg { width: 280px; } .comment_dtl ul { width: 100%; } .getcall-box.panel-default a { border-bottom: none; font-weight: 400; } .featured_img img { width: 100%; margin-bottom: 20px; } .sed { /* width: 84px; height: 84px; border-radius: 50%; background: #512DA8; font-size: 35px; color: #fff; text-align: center; line-height: 84px;*/ width: 48px; height: 48px; line-height: 50px; font-size: 22px; float: left; border-radius: 50%; background: #512DA8; color: #fff; text-align: center; } .sedtxt h3 { margin-top: 0px !important; } .sedtxt p { margin-bottom: 5px !important; } /*.rplybtn { border: solid 1px #000 !important; padding: 0 10px; font-weight: 500; }*/ .getcall-box.panel-default li.fb-icon { width: 32px !important; height: 23px !important; } .rplybtn { background: #ab2927; border: 0px!important; color: #fff !important; font-size: 12px; padding: 4px 14px; text-align: center; border-radius: 28px; line-height: 15px; margin-top: 5px; float: none !important; } .time-change-wrapper { background: #B62626; color: #fff; padding: 6px; display: inline-table; margin-bottom: 0px !important; } .blogdtlright ul, ol { margin-top: 10px; } .blogdtlright pre { margin: 10px 0 10px 0px; font-size: 16px; } .singlcours { box-shadow: 0 5px 20px 2px rgba(0, 0, 0, .12); font-weight: bold; border-bottom: solid 2px #999; } .getcall-box .singlcours h3.coursetitle { text-align: center; padding: 5px 0; margin: 0px; } .getcall-box .singlcours p.links.headbutton2.white { border: none !important; line-height: 19px; font-size: 13px !important; font-weight: 500; background: #ab2927 !important; margin: 8px 6px 8px 0px; border-radius: 5px; } .getcall-box .singlcours .row.courseelmnt { margin-left: 0!important; margin-right: 0; } .browsecate ul { list-style: none; margin: 0px; padding: 0px; } .browsecate ul li { float: left; box-shadow: 0 0px 8px 0px rgb(232, 232, 232); font-weight: bold; border-bottom: solid 1px #4a7dc5; margin-right: 10px; font-size: 15px; text-align: center; padding: 4px 10px; margin-top: 6px; margin-bottom: 6px; } .section.section4.trend { padding-bottom: 10px; } /*3719 Css START*/ #rgthfiltrbtn button.buttonctadarkbtn.btn, #rgthfiltrbtn a.buttonctadarkbtn.btn { border-radius: 58px; box-shadow: none !important; background: #ab2927; color: #fff; font-size: 13px; font-weight: 700;padding: 3px 24px; } #rgthfiltrbtn a.buttonctadarkbtn.btn {background: #333; } #topfiltrbtn button.buttonctadarkbtn.btn, #topfiltrbtn a.buttonctadarkbtn.btn { border-radius: 58px; box-shadow: none !important; background: #ab2927; color: #fff; font-size: .95em; font-weight: 700; padding: 9px 16%; } #topfiltrbtn a.buttonctadarkbtn.btn {background: #333; border: solid 1px #fff;} .rghtsideblg p {} .thumbdt, .thumbview, .thumbrdmr, .crsprc, .crstm { font-size:0.8em} .lead5{ font-size:1.05em;} .mb5{ margin-bottom:5px !important;} .mtb8{ margin:8px 0 !important;} #msg2{color: #3c763d; text-align: left; background: #fbfbfb; border: solid 1px #ddd; border:none; font-size: .9em; padding: 0 5px; margin-top: 8px; font-weight: bold;} #email-error, #name-error, #mobile-error{ color: #ab2927; text-align: left; background: #fbfbfb; font-size: .8em; padding: 0 5px; margin-top: 8px; font-weight: 500; } @media screen and (max-width: 480px) { .blog-img-width, .feat img { width: 100%; height: auto !important; }} /*3719 Css END*/ /*23-9-2019 Blogs Css */ .pre1 { width: 94%; background: #fff!important; border: 0px!important; display: table; margin: 0 auto; position: relative; } .pre1 h4 { position: absolute; left: 43%; top: -18px; transform: translate(-50%,0); box-shadow: 1px 0px 8px 2px #e8e8e8; margin-bottom: 20px; padding: 4px 10px; background: #337ab7; color: #fff; font-size: 16px; border-radius: 4px; } .pre1 ul li a { border: 0px; font-size: 15px; font-weight: 700; } .pre1 ul li a:before { color: #001e30; content: "\21FE"; display: inline-block; font-family: 'ionicons'; margin-left: -24px; width: 24px; font-weight: bold; } .pre1 ul li ul li a:before { content:none; } .pre1 ul li:before { background: rgba(189,189,189,.4); bottom: 13px; display: block; left: 50px; position: absolute; top: 13px; width: 2px; } .pre1 ul { width: 100%; float: right; background: #fbfbfbc9; padding: 40px 10px 30px 48px; list-style-position: inside; box-shadow: 3px 3px 0px 0px #00000024; margin-right: 20px; list-style: none; border-top: 3px solid #00000024; border-left: 3px solid #00000024; } .pre1 ul li ul { width: 100%; box-shadow: none; margin: 0px; padding: 0px; border-top: 0px; border-left:0px; } .pre1 ul li ul li{ font-size: 13px; padding: 0px 20px; border-left: 0px; border-bottom: 0px; margin-bottom: 0px; position: relative; border-left: solid 2px #ab2927; color:#444; } .pre1 ul li ul li a{ font-size: 13px; color: #444; } .pre1 ul li ul li:before { position: absolute; left: 0px; top: 44%; content: ''; background: #ab2927; width: 16px; height: 1px; transform: translate(0,-50%); } .pre1 ul li ul:after{ content:none; } .pre1 ul li { padding-bottom: 4px; position: relative; border-bottom:1px solid #c3c3c3; padding-left: 10px; margin-bottom: 5px; float: left; width: 100%; } /*.pre1 ul:after { position: absolute; left: -66px; top: 30px; content: ''; background: url(https://www.janbasktraining.com/blogs/assets/img/blogbxs.jpg) top center no-repeat; background-size: cover; width: 24%; height: 92%; background-position: -22px 0px; }*/ .pre1:after { position: absolute; left: 50%; bottom: 2px; content: ''; background: #337ab7; width: 95%; height: 10px; transform: translate(-50%,0%); border-radius: 0px 4px 4px 0px; } .pre2 { width: 94%; margin: 28px auto; background: #fbfbfbc9; padding: 10px 20px 20px 20px; list-style-position: inside; box-shadow: 3px 3px 0px 0px #00000024; list-style: none; border-top: 3px solid #00000024; border-left: 3px solid #00000024; border-radius: 0px; position:relative; display: table; } .pre2:after { position: absolute; right: -12px; top: 50%; content: ''; background: #337ab7; width: 10px; height: 400px; transform: translate(0,-50%); border-radius: 0px 4px 4px 0px; } .pre2:before { position: absolute; left: -10px; top: 50%; content: ''; background: #337ab7; width: 10px; height: 400px; transform: translate(0,-50%); border-radius: 4px 0px 0px 4px; } .pre2 ul{ width: 100%; box-shadow: none; margin: 0px; padding: 0px; border-top: 0px; border-left:0px; } .pre2 ul li{ font-size: 13px; padding: 0px 20px; border-left: 0px; border-bottom: 0px; margin-bottom: 0px; position: relative; border-left: solid 2px #ab2927; color:#444; } .pre2 ul li a{ font-size: 13px; color: #444; border-bottom: 0px !important; } .pre2 ul li:after { position: absolute; left: 0px; top: 44%; content: ''; background: #ab2927; width: 16px; height: 1px; transform: translate(0,-50%); } .pre2 ul li:before { content: none!important; } .pre2 h3 { background: linear-gradient(135deg,rgba(82,62,232,.92),rgba(0,220,175,.92)); background-size: cover; border-radius: 0px; margin-top: -30px; padding: 64px 0px; font-size: 40px; color: #ffffff; text-align: center; } .pre2 h4:before { color: #001e30; content: "\21FE"; display: inline-block; font-family: 'ionicons'; margin-left: -24px; width: 24px; font-weight: bold; } .pre2 ul li a { color: #000204; border-bottom: none; } .pre2 ul { list-style: none; } .pre2 ul li{ padding-bottom: 4px;} .pre2 h3 a{ border-bottom:none; color: #ffffff6b;} /*.pre2 h3 { text-align: center; margin: 0px; padding: 10px; background: #337ab7 ;border-radius: 10px 10px 0 0; } /*.pre2 { background: #f7f7f7; border:none ; padding: 0px 0px 5px 0px; border-radius: 10px; box-shadow: 4px 5px 0px #337ab7; }*/ .trend-course .card-hover { display: flex; align-items: initial; justify-content: left; width: 100%; padding: 4px; box-shadow: 0px 0px 6px 0px #dedede; transition: all 0.5s; margin-bottom: 4px; background: #fff; overflow: hidden; position: relative; } /**.card-hover:hover { padding: 10px 0px 10px 10px; background: #f7f7f7; }*/ .trend-course .supcours-hov { position: absolute; top: 0px; left: 50%; padding: 6px 26px; background: linear-gradient(135deg, rgba(82, 62, 232, .92), rgba(0, 220, 175, .92)); height: 100%; opacity: 0; -webkit-transition: all 0.5s, -webkit-transform 0.5s; transition: all 0.5s, transform 0.5s; width: 100%; padding: 5px; } .trend-course .card-hover:hover .supcours-hov { opacity: 1; display: inline-block; -webkit-transition: all 0.5s, -webkit-transform 0.5s; transition: all 0.5s, transform 0.5s; width: 100%; height: 100%; opacity: 0.99; top: 0; left: 0; } .trend-course .card-hover p.btn-cour a { color: #fff; } .trend-course .courseinfo ul.Real { margin: 0px; padding: 0px 14px; } .trend-course .courseinfo { padding: 0px 0px 0px 10px; text-align: left; } .trend-course .courseinfo ul.Real li { color: #000; font-size: 10px; line-height: 14px; padding: 0px; } .trend-course .hovview p.cont1 { font-size: 10px; text-align: center; line-height: 20px; color: #ffd04b; } .trend-course .card-hover p.btn-cour { padding: 0px; border: 1px solid #fff; font-size: 12px; line-height: 21px; width: 98px; background: transparent; color: #fff; transform: translate(-50%, -50%); margin-bottom: 0px; left: 50%; top: 50%; position: absolute; float: left; } .trend-course .hovview { width: 100%; position: relative; float: left; display: flex; padding: 7px 0px; } .trend-course .whtpprpost { margin-bottom: 20px; } .trend-course .supcours-hov p.cont.mb0.white { margin-top: 10px; } .trend-course .section.section5 .card-hover:hover { padding: 10px 4px; } /* End 23-9-2019 Blogs Css */ @media screen and (max-width:320px) { } @media screen and (max-width:480px) { .pre1 ul { padding: 40px 10px 30px 48px; } .pre2 h3 { padding: 14px 0px; font-size: 20px; } .pre2 h4 { text-align: left; font-size: 16px; margin-left: 4px; line-height: 20px; } .pre1:after { position: absolute; left: 50%; content: ''; background: #337ab7; width: 80%; height: 11px; transform: translate(-50%,0); border-radius: 0px 0px 4px 4px; bottom: -7px; top: initial; } .pre1 { width: 100%; padding: 0px!important; } .pre1 h4 { font-size: 13px; width: 264px; text-align: center; } .pre1 ul:after { background:Transparent; } .pre1 ul { width: 100%; padding: 40px 10px 30px 28px; margin: 14px auto 0 auto; display: table; } .pre2 { width: 100%; padding: 10px 10px 20px 10px; } } @media screen and (max-width:767px) { .trend-course .hovview { padding: 0px 0px; } .trend-course .courseinfo ul.Real { margin: 0px; padding: 0px 7px; } .mob-trend { padding: 8px 0px; max-height: 401px; white-space: nowrap; overflow-y: scroll; } .ctmn3 { width: 98%; display: inline-block; padding: 6px 0; margin: 0px auto; } .browsecate ul li { font-size: 12px; padding: 4px 6px; margin-top: 2px; margin-bottom: 2px; } } @media (min-width:600px) and (max-width:600px) { .pre2 ul li a { font-size: 15px; } .pre2 h3 { padding: 14px 0px; font-size: 28px; } .mob-trend { max-height: 480px; } .trend-course .hovview img { width: 90px; } .pre1 h4 { width: 76%; text-align: center; } .pre1 ul:after { left: -70px; top: 42px; width: 40%; } .callto { width: 40%; float: right; position: absolute; right: 0px; top: 21px; } .trend-course .supcours-hov p.cont.mb0.white { margin-top: 22px; font-size: 18px; } .trend-course .hovview p.cont1 { font-size: 12px; } } @media (min-width:768px) and (max-width:991px) { .pre2 ul li a { font-size: 15px; line-height: 24px; } .trend-course .hovview img { width: 90px; } .trend-course .supcours-hov p.cont.mb0.white { margin-top: 22px; font-size: 18px; } .trend-course .hovview p.cont1 { font-size: 12px; } .trend-course .courseinfo ul.Real li { color: #000; font-size: 14px; line-height: 19px; padding: 0px; } .trend-course .courseinfo p.cont.mb0.dark { font-size: 19px; font-weight: 600; } .pre1 ul:after { width: 32%; top: 44px; } .pre1 ul { padding: 40px 10px 30px 44px; } .pre1 h4 { width: 64%; text-align: center; } } @media (min-width:992px) and (max-width:1024px) { .rght{ display:none; } .pre1 h4 { width: 64%; text-align: center; } .pre1 ul:after { top: 44px; } .pre1 ul { padding: 40px 10px 30px 40px; } .postbxful { width: 100%; } } @media (min-width:1025px) and (max-width:1200px) { } @media (min-width:1201px) and (max-width:1280px) { .pre1 ul:after { width: 25%; top: 44px; } .pre1 ul { padding: 40px 10px 30px 40px; } } @media (min-width:1366px) and (max-width:1366px) { .trend-course .courseinfo ul.Real li { font-size: 12px; line-height: 15px;; } } @media (min-width:1440px) and (max-width:1440px) { .trend-course .courseinfo ul.Real li { font-size: 12px; line-height: 15px;; } } @media (min-width:1600px) and (max-width:1680px) { .pre2 ul li a { font-size: 15px; line-height: 24px; } .trend-course .courseinfo ul.Real li { font-size: 12px; line-height: 15px;; } } @media screen and (min-width:1601px) { .pre2 ul li a { font-size: 15px; line-height: 24px; } .trend-course .courseinfo ul.Real li { font-size: 12px; line-height: 15px;; } } @media (min-width:1920px) and (max-width:1920px) { .pre1 ul:after { left: -110px; } .pre1 ul li a { font-size: 18px; } .pre1 ul li ul li a { font-size: 15px; line-height: 25px; } .pre2 h4 { font-size: 1em!important; } .pre2 ul li a { font-size: 17px; line-height: 24px; } } @charset "utf-8";.sti{position:relative;display:inline-block}.sti .sti_reset{bottom:auto !important;display:inline-block !important;float:none !important;left:auto !important;margin:0 !important;position:relative !important;right:auto !important;top:auto !important}.sti .sti-share-box{position:absolute;z-index:999;display:block}.sti .sti-share-box .sti-btn{display:block;position:relative;cursor:pointer;-webkit-transition:all 0s linear;-moz-transition:all 0s linear;-ms-transition:all 0s linear;-o-transition:all 0s linear;transition:all 0s linear}.sti .sti-mobile-btn{position:absolute;z-index:999;display:block;cursor:pointer;width:36px;height:36px;background:#000;fill:#fff}.sti .sti-mobile-btn svg{width:24px;height:24px;margin:0;vertical-align:middle;text-align:center;display:block;position:absolute;left:50%;top:50%;margin-top:-12px;margin-left:-12px}.sti.sti-mobile .sti-share-box{display:none}.sti.sti-mobile.sti-mobile-show .sti-share-box{display:block}.sti.sti-mobile.sti-mobile-show .sti-mobile-btn{display:none}.sti .sti-link-form{width:400px;border:1px solid #aaa;background:#f4f4f4;position:absolute;border-radius:4px;top:0;left:100%;padding:2px;margin:0;margin-left:5px;font-size:14px;vertical-align:baseline}.sti .sti-link-form .sti-link-label{display:none}.sti .sti-link-form .sti-link-input{-webkit-appearance:none;border-radius:0;font:inherit;position:relative;display:block;overflow:visible;margin:0 !important;background:#fff !important;font-size:14px !important;line-height:18px !important;padding:6px !important;border:1px solid rgba(0,0,0,.2) !important;width:386px !important}.sti .sti-link-form .sti-link-input:focus{outline:none}.sti.horizontal .sti-link-form{top:110%;left:0;margin-left:0}.sti .sti-facebook-btn{background-color:#3b5998}.sti .sti-facebook-btn:hover{background-color:#2d4373}.sti .sti-twitter-btn{background-color:#55acee}.sti .sti-twitter-btn:hover{background-color:#2795e9}.sti .sti-google-btn{background-color:#dd4b39}.sti .sti-google-btn:hover{background-color:#c23321}.sti .sti-linkedin-btn{background-color:#0077b5}.sti .sti-linkedin-btn:hover{background-color:#046293}.sti .sti-pinterest-btn{background-color:#ec1a22}.sti .sti-pinterest-btn:hover{background-color:#d4171e}.sti .sti-tumblr-btn{background-color:#35465c}.sti .sti-tumblr-btn:hover{background-color:#222d3c}.sti .sti-reddit-btn{background-color:#5f99cf}.sti .sti-reddit-btn:hover{background-color:#3a80c1}.sti .sti-digg-btn{background-color:#303030}.sti .sti-digg-btn:hover{background-color:#171717}.sti .sti-delicious-btn{background-color:#4576bd}.sti .sti-delicious-btn:hover{background-color:#3c67a3}.sti .sti-vkontakte-btn{background-color:#507299}.sti .sti-vkontakte-btn:hover{background-color:#43648c}.sti .sti-odnoklassniki-btn{background-color:#f60}.sti .sti-odnoklassniki-btn:hover{background-color:#e55c00}.sti .sti-link-btn{background-color:#0f65ef}.sti .sti-link-btn:hover,.sti .sti-link-btn.active{background-color:#0c51bf}.sti .sti-email-btn{background-color:#777}.sti .sti-email-btn:hover{background-color:#5e5e5e}.sti .sti-share-box .sti-btn{fill:#fff;position:relative}.sti .sti-share-box .sti-btn svg{margin:0;vertical-align:middle;text-align:center;display:block;position:absolute;left:50%;top:50%}.sti.style-flat .sti-share-box .sti-btn{width:48px;height:48px}.sti.style-flat .sti-share-box .sti-btn svg{width:24px;height:24px;margin-top:-12px;margin-left:-12px}.sti.style-flat .sti-share-box .sti-btn.sti-digg-btn svg{width:26px;height:26px;margin-top:-13px;margin-left:-13px}.sti.style-flat-small .sti-share-box .sti-btn{width:36px;height:36px}.sti.style-flat-small .sti-share-box .sti-btn svg{width:16px;height:16px;margin-top:-8px;margin-left:-8px}.sti.style-flat-small .sti-share-box .sti-btn.sti-digg-btn svg{width:18px;height:18px;margin-top:-9px;margin-left:-9px}.sti.style-box .sti-share-box{width:38px;background-color:#fafafa;background-color:rgba(250,250,250,.8);padding:4px 0;border-radius:10px;-webkit-box-shadow:#ccc 0px 0px 3px 0px;-moz-box-shadow:#ccc 0px 0px 3px 0px;box-shadow:#ccc 0px 0px 3px 0px}.sti.style-box .sti-share-box .sti-btn{width:24px;height:24px;margin:4px auto;border-radius:2px}.sti.style-box .sti-share-box .sti-btn:hover{opacity:.7}.sti.style-box .sti-share-box .sti-btn svg{width:14px;height:14px;margin-top:-7px;margin-left:-7px}.sti.style-box .sti-share-box .sti-btn.sti-digg-btn svg{width:18px;height:18px;margin-top:-9px;margin-left:-9px}.sti.style-circle .sti-share-box .sti-btn{width:36px;height:36px;border-radius:50%;margin-bottom:1px;box-shadow:0 1px 4px rgba(0,0,0,.2)}.sti.style-circle .sti-share-box .sti-btn svg{width:16px;height:16px;margin-top:-8px;margin-left:-8px}.sti.style-circle .sti-share-box .sti-btn.sti-digg-btn svg{width:18px;height:18px;margin-top:-9px;margin-left:-9px}.sti.style-square .sti-share-box .sti-btn{width:24px;height:24px;border-radius:5px;margin-bottom:2px}.sti.style-square .sti-share-box .sti-btn svg{width:14px;height:14px;margin-top:-7px;margin-left:-7px}.sti.style-square .sti-share-box .sti-btn.sti-digg-btn svg{width:16px;height:16px;margin-top:-8px;margin-left:-8px}.sti.horizontal .sti-share-box .sti-btn{display:inline-block;vertical-align:top}.sti.style-box.horizontal .sti-share-box{width:auto;padding:5px}.sti.style-box.horizontal .sti-share-box .sti-btn{display:inline-block;margin:1px 3px}.sti.style-circle.horizontal .sti-share-box .sti-btn{margin-bottom:0;margin-right:1px}.sti.style-square.horizontal .sti-share-box .sti-btn{margin-bottom:0;margin-right:2px} .blogdtlright .cta-inln {background: linear-gradient(45deg, #E91E63, #3F51B5) !important; padding: 0;} .cta-inln1 { background: linear-gradient(to right,#343d9c,#32c2d2) !important; padding: 0; } .cta-inln2 { background: linear-gradient(45deg, #9C27B0, #142ba9) !important; padding: 0; } .cta-inln3 { background: linear-gradient(45deg, #2196F3, #4CAF50) !important; padding: 0; } .wqqes img { width: 86%; float: right; } /******************************************************/ #style-2::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } #style-2::-webkit-scrollbar{ width: 6px; background-color: #F5F5F5; } #style-2::-webkit-scrollbar-thumb{ border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555; } .temp-2-custom-bx .affix { position: fixed !important; top: 110px !important; width: 223.73px; margin: 0; box-shadow: none !important; } .pre23 { background: transparent !important; display: block; float: left; padding: 0 !important; border: 1px solid #e8e8e8; border-bottom: 4px solid #1289ee; } .scroll-x { padding: 0; height: 74vh; overflow:auto; box-shadow: none; } /*/*//*/ add By N 06-10-2021*/ #style-2 ul{ list-style: none; margin: 0; padding: 0; } #style-2 ul li a { text-align: left; text-decoration: none; } #style-2 .card-header2 ul { padding: 0 0px 0px 23px; list-style: circle; } /*.accordion.scroll-x button { padding: 10px 8px; color: #323232; font-size: 13px; line-height: 18px; font-weight: 500; text-decoration: none; display: block; border-left: 2px solid transparent; }*/ /*/*//*/ add By N 06-10-2021*/ .scroll-x li a { padding: 10px 8px; color: #323232; font-size: 13px; line-height: 18px; font-weight: 500; text-decoration: none; display: block; border-left: 3.7px solid transparent; } .scroll-x li { position: relative; background: #fff; font-size: 13px; border-bottom: 1px solid #EEEEEE; font-weight: 500; } .scroll-x li:hover { background: #f4f4f4; } .temp-2-custom-bx .active { color: white; background-color: #f4f4f4; color: #323232; border-left: 2px solid #3446a0; } h4.inner-scroll-x { text-align: center; padding: 10px 10px; background: linear-gradient(to right,#343d9c,#32c2d2); color: white; margin: 0; font-size: 18px; } /*Right SideBar*/ .rghtsideblg-new-x p { margin: 0; } .rghtsideblg-new-x p { position: relative; background: #fff; font-size: 13px; border-bottom: 1px solid #EEEEEE; font-weight: 500; border-left: 2px solid transparent; transition: 0.3s; } .rghtsideblg-new-x p a { padding: 10px 8px; color: #23527c; font-size: 13px; line-height: 18px; font-weight: 500; text-decoration: none; display: block; } .rghtsideblg-new-x { background: transparent !important; display: block; float: left; padding: 0 !important; border: 1px solid #e8e8e8; /* border-bottom: 4px solid #1289ee; */ overflow: auto; margin-bottom: 25px; } .rghtsideblg-new-x p:hover { background: #f4f4f4; border-left: 2px solid #3446a0; transition: 0.3s; } .rght-new-x .lead1{ font-size: 1em; padding-left: 1.7em; margin-bottom: 10px; } .rght-new-x .lead1 { font-size: 1em; margin-bottom: 0; background: linear-gradient(to right,#343d9c,#32c2d2); padding: 8px 23px; color: white; } .rght-new-x.sticky { width: 223px!important; padding: 0 !important; } .affix .rght-new-x2, .affix .rght-new-x3{ display: none; } .temp-2-custom-bx .rght { background: #ffffff; padding: 20px 14px; box-shadow: none; width: 100%; border: 1px solid #e8e8e8; border-bottom: 4px solid #1a70b9; } .temp-2-custom-bx #email-error, #name-error, #mobile-error { color: #ab2927; text-align: left; background: #fbfbfb; font-size: .6em; line-height: normal; padding: 0 0; margin-top: 8px; font-weight: 500; float: left; } .temp-2-custom-bx .getcall-box { padding: 0; width: 100%; } .temp-2-custom-bx button.buttonctadarkbtn.btn { font-size: 13px; padding: 4px 0; } .temp-2-custom-bx .lead5 span{ font-size:1.3em; } .col-centered { float: none; margin: 0 auto; } .carousel-control { width: 8%; width: 0px; } .carousel-control.left, .carousel-control.right { margin-right: 40px; margin-left: 32px; background-image: none; opacity: 1; } .carousel-control > a > span { color: white; font-size: 29px !important; } .carousel-col { position: relative; min-height: 1px; padding: 5px; float: left; } .active > div { display:none; } .active > div:first-child { display:block; } /*xs*/ @media (max-width: 767px) { .carousel-inner .active.left { left: -50%; } .carousel-inner .active.right { left: 50%; } .carousel-inner .next { left: 50%; } .carousel-inner .prev { left: -50%; } .carousel-col { width: 50%; } .active > div:first-child + div { display:block; } } /*sm*/ @media (min-width: 768px) and (max-width: 991px) { .carousel-inner .active.left { left: -50%; } .carousel-inner .active.right { left: 50%; } .carousel-inner .next { left: 50%; } .carousel-inner .prev { left: -50%; } .carousel-col { width: 50%; } .active > div:first-child + div { display:block; } } /*md*/ @media (min-width: 992px) and (max-width: 1199px) { .carousel-inner .active.left { left: -33%; } .carousel-inner .active.right { left: 33%; } .carousel-inner .next { left: 33%; } .carousel-inner .prev { left: -33%; } .carousel-col { width: 33%; } .active > div:first-child + div { display:block; } .active > div:first-child + div + div { display:block; } } /*lg*/ @media (min-width: 1200px) { .carousel-inner .active.left { left: -25%; } .carousel-inner .active.right{ left: 25%; } .carousel-inner .next { left: 25%; } .carousel-inner .prev { left: -25%; } .carousel-col { width: 25%; } .active > div:first-child + div { display:block; } .active > div:first-child + div + div { display:block; } .active > div:first-child + div + div + div { display:block; } } .block { width: 306px; height: 230px; } .glyphicon-chevron-right:before { content: ">" !important; display: table; font-family: cursive; width: 30px; height: 30px; line-height: 25px; background: #34449f85; border-radius: 20px; } .glyphicon-chevron-left:before { content: ">" !important; transform: rotate( 180deg); display: table; font-family: cursive; width: 30px; height: 30px; line-height: 25px; background: #34449f85; border-radius: 20px; } .Interview-Questions h4 { margin: 0; background: white; padding: 15px 15px; border-bottom: 2px solid #113f7b; font-size: 14px; line-height: 20px; color: black; } /* .row.trend-course.Interview-Questions img { min-height: 120px; } */ .wqqes img { width: 86%; float: right; } .thumbview img.img-responsive { width: 16px; display: inline-block; } .comment_dtl li ul li:after{ display: none; } .comment_dtl li ul li .sed { width: 42px; height: 42px; line-height: 42px; font-size: 22px; margin-top: 10px; } .comment_dtl ul li ul li .sedtxt { border:none !important; } Just a moment...
Just a moment...

Grab Deal : Upto 30% off on live classes + 2 free self-paced courses - SCHEDULE CALL

- Hadoop Blogs -

How Long Does It Take To Learn hadoop?

When you start learning something entirely new, you learn really fast depending upon several steps or levels of learning. It takes a few hours to hit the beginner’s level. From beginner to intermediate level, it takes days. And finally, from intermediate to expert level, it takes months. But learning never ends. You keep on learning the new things till your last breath. In this write-up, we are going to have a closer look at the best learning strategy to learn Hadoop quickly.

Who can learn Hadoop?

If you are planning to make your career in Hadoop, make sure you fulfill the following criteria. Hadoop can be done by: -

  • Managers who are looking forward to implementing the latest technologies in their work environment.
  • A graduate and postgraduate who is looking for an aspiring career in the high-end technologies of information technology.
  • Software engineers who are int ETL/Programming and discovering great opportunities

What does it take to be a Hadoop expert?

The best learning strategy that we would like to expose here to learn Hadoop quickly is to follow the 3-step learning method of Hadoop.

Learning Strategy to learn Hadoop quickly

  • Learning Java: - Start your Hadoop learning from Java. Java is the base of Big Data Hadoop. Though Java is a programming language and Hadoop is an open-source framework which is written in Java programming language. Hadoop framework can be coded in any language, but still, Java is preferred. For Hadoop, the knowledge of Core Java is sufficient, and it will take approximately 5-9 months.
  • Learning Linux operating system: - It is recommended to have a basic understanding and working of the Linux operating system. Linux is used for the installation of Hadoop framework. If you have the prior understanding of Linux, then it would be easier for you to install the Hadoop framework in a few steps. For this, mark at least a month.
  • Learning Database: - Fundamental knowledge of SQL is a must for learning Hadoop. You must be experienced with SQL commands and queries because Hadoop grasps and processes a large amount of data and various components of the Hadoop ecosystem.

Summary of the learning objectives

  • You should know your purpose of learning Hadoop very well
  • Know about Hadoop’s popularity, its need in the market and scope, and then begin your learning
  • Hadoop is a vast area, so try to learn about its various components, their applications
  • It is always healthy to refer some books for learning, and so, in this case, you may also refer several books like Hadoop for dummies, Hadoop- a definitive Guide and many more books
  • Follow popular blog writers of Hadoop, so that you will get updates in the technology in proper time
  • Your ultimate goal behind learning Hadoop is to get placed in the Hadoop industry, and for that, I would suggest you take certification courses that will help you in mastering Hadoop and also will provide you a better direction or guidance in the field 

Step 0: Programming skills

  • Python It is a high-level programming language which is used to create web-server applications. Although Python is not at all tough to learn or time taking.
  • Scala It is a general-purpose programming language which combines object-oriented and functional programming in one concise. It is designed to be concise. The difficulty level of learning Scala is medium.
  • Java It is also a general-purpose programming language which is based upon the concepts of class and objects and has a few implementation dependencies as much as possible.
  • C++ Learning C++ is really the fundamental base of any of the programming language because of the object-oriented concepts use in it.

Step 1: Database skills

  • Relational Database It is a digital database which is used to manage database systems visually. It makes use of SQL.
  • MongoDB (or NoSQL) It is a cross-platform to manage object-oriented database program.

Step 2: Analytical skills

  • Problem-Solving Big Data Hadoop surrounds problem-solving, you need to be easy-going with this skill
  • Statistics Hadoop involves calculations and mathematical skills for the analysis of data.
  • Quantitate Analysis While working with Hadoop; you must also be working with exact data and figures.

 Step 3: Cloud skills                    

  • Google cloud platform Just to understand the working, to store, or to manipulate data on the cloud

Step 4: Data warehousing

  • Hive Apache Hive is a data warehouse project built on the top of Apache Hadoop which provides analysis of SQL and Apache Hadoop for providing data query and analysis.
  • PostgreSQL It is a DBMS tool used for emphasizing extensibility and technical standards compliance
  • Apache Spark It provides an interface for entire programming clusters with implicit data parallelism and fault tolerance.
  • MapReduce It is a programming model which is efficient in processing large volumes of data.
  • HDFS Hadoop Distributed File System is used to run on commodity hardware. It is the primary storage system of Hadoop.

Based upon the platform, you choose to learn Hadoop

Self-Learning Platform for Hadoop

If you choose the self-learning method to learn Hadoop, then it will take approximately 3-4 months. Because you have to Google your queries every time and have to answer them on your own. You are your teacher.

Read: What is Flume? Apache Flume Tutorial Guide For Beginners

Hadoop Training from Industry experts

If you opt for training as the majority of people do, then you can learn Hadoop in merely 2-3 months. You can take up a certificate-based training which can leverage your skills as well as a resume at the phenomenal rate.

Overall, what you will be doing in this time span of learning-

  • A mixture of studying (different platforms)
  • Understanding Hadoop
  • Solving practical problems
  • Implementation of Hadoop

Hadoop as your first technology or second

If you are planning to learn Hadoop as your first programming language, then think twice. Although there are no specific pre-requisites to learn Hadoop, still you must be proficient in Java, Linux, and SQL languages. So indirectly, Hadoop alone cannot be your first programming language. You need the fundamental knowledge of Object-Oriented Programming to ease your Hadoop learning.

In short, learning all the basic level languages (Java), Database concepts (SQL), operating system learning (Linux), practicing programming and the other concepts, Hadoop learning will take at least one year.

We do understand your zeal to learn Hadoop, that’s why we have made an effort to lessen your time span of learning Hadoop. You can join six weeks Hadoop training at JanBask Training to accomplish your dreams to become Data Scientist in a shorter period.

Read: Top 30 Splunk Interview Questions and Answers

Hadoop topics to learn

  • Introduction to Big data and Hadoop Ecosystem
  • HDFS and YARN
  • MapReduce and Sqoop
  • Basics of Hive and Impala
  • Working with Hive and Impala
  • Types of Data Formats
  • Advanced Hive concepts and data file partitioning
  • Apache flume and HBase
  • Pig
  • Basics of Apache Spark
  • RDDS in Spark
  • Implementation of Spark Applications
  • Spark Parallel Processing
  • Spark RDD Optimization techniques
  • Spark Algorithm
  • Spark SQL
  • Apache Hadoop file storage
  • Distributed processing on an Apache Hadoop cluster
  • Aggregating Data with Pair RDDS
  • Querying tables and views with Apache Spark SQL
  • Distributed processing
  • Common patterns in Apache Spark Data Processing
  • Working with DataFrames and Schemes
  • Apache Spark Streaming: Processing many batches
  • Analyzing Data with DataFrame Queries
  • Writing, Configuring and Running Apache Spark Applications
  • How to use Spark SQL to query data
  • How to do real-time processing using spark streaming
  • How to create applications with Apache Spark 2
  • How to write applications that use core Spark
  • How to work with big data from a distributed file system
  • How to execute Spark applications on a Hadoop cluster

Objectives of learning Hadoop

  • Know how to structure, analyze, and interpret big data
  • Know how to solve real-world problems and questions
  • Know big data insights with the aid of tools and systems
  • Know how to use Hadoop with MapReduce, Spark, Pig, and Hive
  • Know how to perform predictive modeling and use graph analytics 

Career with Hadoop

This is an undeniable fact that Hadoop skills are in great demand. Hadoop accelerates the growth in a career as well as it will increase your pay package too. Hadoop is a more promising career in the market, and it has the potential to improve job prospects whether you are a fresher or an experienced professional.

Job roles after learning Hadoop

After completing your learning, there are various job roles associated with Hadoop technology: -

  • Hadoop Developer
  • Hadoop Administrator
  • Data Scientist
  • Software Developer
  • Data Analyst
  • Hadoop Architect
  • MapReduce Developer
  • DevOps
  • Data Developer
  • Data Security Admin
  • Data Visualizer
  • Data Architect

As a Hadoop professional, the average salary in the US is $90,950 per year.

Final Words

There are three types of learners: Casual Learners, Career Advancers, and Career Changers.

Read: Difference Between Apache Hadoop and Spark Framework

Casual Learners pick up the skills as time allows to them. They don’t rush what to learn. They just try out new things.

Career Advancers are the people who know that only skills are going to help them better. They know what to study and take one bite of cookie at a time.

Career hangers are the people who are passionate and goal-oriented. They do consistent learning. They’re more prominently focused on topics.

Out of the three learners, which learner you are?

The more time, the better do what you can! Give 5-15 hours a week to make yourself stand in the community of Hadoop. In the end, it depends upon your own learning pace. Do you want to run a race, a half marathon, or a full marathon? The urgency lies in the intensity of each of these goals on the necessity of an approach in timelines. The success lies in as soon as you want. Happy Learning!

Read: Salary Structure of Big Data Hadoop Developer & Administrator


fbicons FaceBook twitterTwitter lingedinLinkedIn pinterest Pinterest emailEmail

     Logo

    JanBask Training Team

    The JanBask Training Team includes certified professionals and expert writers dedicated to helping learners navigate their career journeys in QA, Cybersecurity, Salesforce, and more. Each article is carefully researched and reviewed to ensure quality and relevance.


Comments

Trending Courses

Cyber Security Course

Cyber Security

  • Introduction to cybersecurity
  • Cryptography and Secure Communication 
  • Cloud Computing Architectural Framework
  • Security Architectures and Models
Cyber Security Course

Upcoming Class

16 days 03 Oct 2025

QA Course

QA

  • Introduction and Software Testing
  • Software Test Life Cycle
  • Automation Testing and API Testing
  • Selenium framework development using Testing
QA Course

Upcoming Class

5 days 22 Sep 2025

Salesforce Course

Salesforce

  • Salesforce Configuration Introduction
  • Security & Automation Process
  • Sales & Service Cloud
  • Apex Programming, SOQL & SOSL
Salesforce Course

Upcoming Class

2 days 19 Sep 2025

Business Analyst Course

Business Analyst

  • BA & Stakeholders Overview
  • BPMN, Requirement Elicitation
  • BA Tools & Design Documents
  • Enterprise Analysis, Agile & Scrum
Business Analyst Course

Upcoming Class

2 days 19 Sep 2025

MS SQL Server Course

MS SQL Server

  • Introduction & Database Query
  • Programming, Indexes & System Functions
  • SSIS Package Development Procedures
  • SSRS Report Design
MS SQL Server Course

Upcoming Class

2 days 19 Sep 2025

Data Science Course

Data Science

  • Data Science Introduction
  • Hadoop and Spark Overview
  • Python & Intro to R Programming
  • Machine Learning
Data Science Course

Upcoming Class

9 days 26 Sep 2025

DevOps Course

DevOps

  • Intro to DevOps
  • GIT and Maven
  • Jenkins & Ansible
  • Docker and Cloud Computing
DevOps Course

Upcoming Class

0 day 17 Sep 2025

Hadoop Course

Hadoop

  • Architecture, HDFS & MapReduce
  • Unix Shell & Apache Pig Installation
  • HIVE Installation & User-Defined Functions
  • SQOOP & Hbase Installation
Hadoop Course

Upcoming Class

9 days 26 Sep 2025

Python Course

Python

  • Features of Python
  • Python Editors and IDEs
  • Data types and Variables
  • Python File Operation
Python Course

Upcoming Class

3 days 20 Sep 2025

Artificial Intelligence Course

Artificial Intelligence

  • Components of AI
  • Categories of Machine Learning
  • Recurrent Neural Networks
  • Recurrent Neural Networks
Artificial Intelligence Course

Upcoming Class

17 days 04 Oct 2025

Machine Learning Course

Machine Learning

  • Introduction to Machine Learning & Python
  • Machine Learning: Supervised Learning
  • Machine Learning: Unsupervised Learning
Machine Learning Course

Upcoming Class

30 days 17 Oct 2025

 Tableau Course

Tableau

  • Introduction to Tableau Desktop
  • Data Transformation Methods
  • Configuring tableau server
  • Integration with R & Hadoop
 Tableau Course

Upcoming Class

9 days 26 Sep 2025

Search Posts

Reset

Receive Latest Materials and Offers on Hadoop Course

Interviews