Just a moment...

/* ============================================================== Template name : Bootsnav - Multi Purpose Header Categorie : Bootstrap Menu in CSS Author : adamnurdin01 Version : v.1.2 Created : 2016-06-02 Last update : 2016-10-19 ============================================================== */ /* MEGAMENU STYLE =================================*/ nav.bootsnav .dropdown.megamenu-fw { position: static; } nav.bootsnav .container { position: relative; } nav.bootsnav .megamenu-fw .dropdown-menu { left: auto; } nav.bootsnav .megamenu-content { padding: 15px; width: 100% !important; } nav.bootsnav .megamenu-content .title{ margin-top: 0; } nav.bootsnav .dropdown.megamenu-fw .dropdown-menu { left: 0; right: 0; } /* Navbar =================================*/ nav.navbar.bootsnav{ margin-bottom: 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; background-color:transparent; border: none; /* border-bottom: solid 1px #e0e0e0;*/ z-index: 9; } .sticky{ background-color:#fff !important; padding:5px 0 !important ;border-bottom: solid 1px #e0e0e0;box-shadow: 0 0 4px #e2e2e2; } .navbar-left > li > a{ color: #444 !important; background-color: transparent; outline: none; margin-bottom: -2px; } nav.navbar.bootsnav ul.nav > li > a{ color: #fff; background-color: transparent; outline: none; margin-bottom: -2px; } nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, nav.navbar.bootsnav ul.nav li.megamenu-fw > a:focus, nav.navbar.bootsnav ul.nav li.active > a:hover, nav.navbar.bootsnav ul.nav li.active > a:focus, nav.navbar.bootsnav ul.nav li.active > a{ background-color: transparent; } nav.navbar.bootsnav .navbar-toggle{ background-color: #fff; border: none; padding: 0; font-size: 18px; position: relative; top: 5px; } nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu{ top: 0; left: 100%; } nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a{ white-space:normal; } ul.menu-col{ padding: 0; margin: 0; list-style: none; } ul.menu-col li a{ color: #6f6f6f; } ul.menu-col li a:hover, ul.menu-col li a:focus{ text-decoration: none; } /* Navbar Full =================================*/ nav.bootsnav.navbar-full{ padding-bottom: 10px; padding-top: 10px; } nav.bootsnav.navbar-full .navbar-header{ display: block; width: 100%; } nav.bootsnav.navbar-full .navbar-toggle{ display: inline-block; margin-right: 0; position: relative; top: 0; font-size: 30px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } nav.bootsnav.navbar-full .navbar-collapse{ position: fixed; width: 100%; height: 100% !important; top: 0; left: 0; padding: 0; display: none !important; z-index: 9; } nav.bootsnav.navbar-full .navbar-collapse.in{ display: block !important; } nav.bootsnav.navbar-full .navbar-collapse .nav-full{ overflow: auto; } nav.bootsnav.navbar-full .navbar-collapse .wrap-full-menu{ display: table-cell; vertical-align: middle; background-color: #fff; overflow: auto; } nav.bootsnav.navbar-full .navbar-collapse .nav-full::-webkit-scrollbar { width: 0; } nav.bootsnav.navbar-full .navbar-collapse .nav-full::-moz-scrollbar { width: 0; } nav.bootsnav.navbar-full .navbar-collapse .nav-full::-ms-scrollbar { width: 0; } nav.bootsnav.navbar-full .navbar-collapse .nav-full::-o-scrollbar { width: 0; } nav.bootsnav.navbar-full .navbar-collapse ul.nav{ display: block; width: 100%; overflow: auto; } nav.bootsnav.navbar-full .navbar-collapse ul.nav a:hover, nav.bootsnav.navbar-full .navbar-collapse ul.nav a:focus, nav.bootsnav.navbar-full .navbar-collapse ul.nav a{ background-color: transparent; } nav.bootsnav.navbar-full .navbar-collapse ul.nav > li{ float: none; display: block; text-align: center; } nav.bootsnav.navbar-full .navbar-collapse ul.nav > li > a{ display: table; margin: auto; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; font-size: 24px; padding: 10px 15px; } li.close-full-menu > a{ padding-top: 0px; padding-bottom: 0px; } li.close-full-menu{ padding-top: 30px; padding-bottom: 30px; } /* Atribute Navigation =================================*/ .attr-nav{ float: right; display: inline-block; margin-left: 13px; margin-right: -15px; } .attr-nav > ul{ padding: 0; margin: 0 0 -7px 0; list-style: none; display: inline-block; } .attr-nav > ul > li{ float: left; display: block; } .attr-nav > ul > li > a{ color: #6f6f6f; display: block; padding: 28px 15px; position: relative; } .attr-nav > ul > li > a span.badge{ position: absolute; top: 50%; margin-top: -15px; right: 5px; font-size: 10px; padding: 0; width: 15px; height: 15px; padding-top: 2px; } .attr-nav > ul > li.dropdown ul.dropdown-menu{ -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -moz-box-shadow: 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px; -o-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; border: solid 1px #e0e0e0; } ul.cart-list{ padding: 0 !important; width: 250px !important; } ul.cart-list > li{ position: relative; border-bottom: solid 1px #efefef; padding: 15px 15px 23px 15px !important; } ul.cart-list > li > a.photo{ padding: 0 !important; margin-right: 15px; float: left; display: block; width: 50px; height: 50px; left: 15px; top: 15px; } ul.cart-list > li img{ width: 50px; height: 50px; border: solid 1px #efefef; } ul.cart-list > li > h6{ margin: 0; } ul.cart-list > li > h6 > a.photo{ padding: 0 !important; display: block; } ul.cart-list > li > p{ margin-bottom: 0; } ul.cart-list > li.total{ background-color: #f5f5f5; padding-bottom: 15px !important; } ul.cart-list > li.total > .btn{ display: inline-block; border-bottom: solid 1px #efefef; } ul.cart-list > li .price{ font-weight: bold; } ul.cart-list > li.total > span{ padding-top: 8px; } /* Top Search =================================*/ .top-search{ background-color:#fff; position:absolute; width:100%; z-index:99999 !important;box-shadow: 0 0 4px #e2e2e2; padding: 3px 0; display: none; } .clsdeskmenu{ float:right;} .clsdeskmenu i{ font-size: 27px; color: #444; padding: 25px 10px;} .top-search input.form-control{ background-color: transparent; border: none; -moz-box-shadow: 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px; -o-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; color: #fff; height: 40px; padding: 0 15px; } .top-search .input-group-addon{ background-color: transparent; border: none; color: #fff; padding-left: 0; padding-right: 0; } .top-search .input-group-addon.close-search{ cursor: pointer; } /* Side Menu =================================*/ body{ -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; } body.on-side{ margin-left: -280px; } .side{ position: fixed; overflow-y: auto; top: 0; right: -280px; width: 280px; padding: 25px 30px; height: 100%; display: block; background-color: #333; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 9; } .side.on{ right: 0; } .side .close-side{ float: right; color: #fff; position: relative; z-index: 2; font-size: 16px; } .side .widget{ position: relative; z-index: 1; margin-bottom: 25px; } .side .widget .title{ color: #fff; margin-bottom: 15px; } .side .widget ul.link{ padding: 0; margin: 0; list-style: none; } .side .widget ul.link li a{ color: #9f9f9f; letter-spacing: 1px; } .side .widget ul.link li a:focus, .side .widget ul.link li a:hover{ color: #fff; text-decoration: none; } /* Share =================================*/ nav.navbar.bootsnav .share{ padding: 0 30px; margin-bottom: 30px; } nav.navbar.bootsnav .share ul{ display: inline-block; padding: 0; margin: 0 0 -7px 0; list-style: none; } nav.navbar.bootsnav .share ul > li{ float: left; display: block; margin-right: 5px; } nav.navbar.bootsnav .share ul > li > a{ display: table-cell; vertical-align: middle; text-align: center; width: 35px; height: 35px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #cfcfcf; color: #fff; } /* Transparent =================================*/ nav.navbar.bootsnav.navbar-fixed{ position: fixed; display: block; width: 100%; } nav.navbar.bootsnav.no-background{ -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } /* Navbar Sticky =================================*/ .wrap-sticky{ position: relative; -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; } .wrap-sticky nav.navbar.bootsnav{ position: absolute; width: 100%; left: 0; top: 0; } .wrap-sticky nav.navbar.bootsnav.sticked{ position: fixed; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } body.on-side .wrap-sticky nav.navbar.bootsnav.sticked{ left: -280px; } /* Navbar Responsive =================================*/ @media (min-width: 1024px) and (max-width:1400px) { body.wrap-nav-sidebar .wrapper .container{ width: 100%; padding-left: 30px; padding-right: 30px; } } @media (min-width: 1024px) { #navbar-menu2{ display:none !important;} /* General Navbar =================================*/ nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu{ margin-top: -2px; } nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu .dropdown-menu{ left: -200px; } nav.navbar.bootsnav ul.nav > li > a{ padding: 30px 15px; font-weight: 600; } nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{ content: '▼'; font-size:16px; margin-left: 5px; margin-top: 2px; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu{ -moz-box-shadow: 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px; -o-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; padding: 0; width: auto !important; background: #fff; border: solid 1px #e0e0e0; border-top: solid 5px; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li{ width:250px;} nav.navbar.bootsnav li.dropdown ul.megamenu-content > li{ width:auto !important;} nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover{ background-color: transparent; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{ padding: 10px 15px; border-bottom: solid 1px #eee; color: #6f6f6f; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a{ border-bottom: none; } nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a{ text-align: right; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before{ float: right; content: '►'; margin-top: 0; } nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before{ float: left; content: '►'; margin-top: 0; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu{ top: -3px; } nav.navbar.bootsnav ul.dropdown-menu.megamenu-content{ padding: 0 15px !important; } nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li{ padding: 25px 0 20px; } nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed{ padding: 0; } nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed > li{ padding: 0; } nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu{ padding: 0 30px; margin: 0 -0.5px; border-left: solid 1px #f0f0f0; border-right: solid 1px #f0f0f0; } nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:first-child{ border-left: none; } nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:last-child{ border-left: none; border-right: none; } nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content{ display: none; } nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a{ text-align: left; padding: 5px 0; display: block; width: 100%; margin-bottom: 0; border-bottom: none; color: #6f6f6f; } nav.navbar.bootsnav.on ul.dropdown-menu.megamenu-content .content{ display: block !important; height: auto !important; } /* Navbar Transparent =================================*/ nav.navbar.bootsnav.no-background{ background-color: transparent; border: none; } nav.navbar.bootsnav.navbar-transparent .attr-nav{ padding-left: 15px; margin-left: 30px; } 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; } nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-scrolled, nav.navbar.bootsnav.navbar-fixed.no-background .logo-scrolled{ display: none; } nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-display, nav.navbar.bootsnav.navbar-fixed.no-background .logo-display{ display: block; } nav.navbar.bootsnav.navbar-fixed .logo-display{ display: none; } nav.navbar.bootsnav.navbar-fixed .logo-scrolled{ display: block; } /* Atribute Navigation =================================*/ .attr-nav > ul > li.dropdown ul.dropdown-menu{ margin-top: 0; margin-left: 55px; width: 250px; left: -250px; } /* Menu Center =================================*/ nav.navbar.bootsnav.menu-center .container{ position: relative; } nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ float:none; margin: 0 auto; display: table; table-layout: fixed; } nav.navbar.bootsnav.menu-center .navbar-header, nav.navbar.bootsnav.menu-center .attr-nav{ position: absolute; } nav.navbar.bootsnav.menu-center .attr-nav{ right: 15px; } /* Navbar Brand top =================================*/ nav.bootsnav.navbar-brand-top .navbar-header{ display: block; width: 100%; text-align: center; background:#fff; border-radius:5px; } nav.bootsnav.navbar-brand-top ul.nav > li.dropdown > ul.dropdown-menu{ margin-top: 2px; } nav.bootsnav.navbar-brand-top ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu{ margin-top: 0; } nav.bootsnav.navbar-brand-top .navbar-header .navbar-brand{ display: inline-block; float: none; margin: 0; } nav.bootsnav.navbar-brand-top .navbar-collapse{ text-align: center; } nav.bootsnav.navbar-brand-top ul.nav{ display: inline-block; float: none; margin: 0 0 -5px 0; } /* Navbar Center =================================*/ nav.bootsnav.brand-center .navbar-header{ display: block; width: 100%; position: absolute; text-align: center; top: 0; left: 0; } nav.bootsnav.brand-center .navbar-brand{ display: inline-block; float: none; } nav.bootsnav.brand-center .navbar-collapse{ text-align: center; display: inline-block; padding-left: 0; padding-right: 0; } nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu{ margin-top: 2px; } nav.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu{ margin-top: 0; } nav.bootsnav.brand-center .navbar-collapse .col-half{ width: 50%; float: left; display: block; } nav.bootsnav.brand-center .navbar-collapse .col-half.left{ text-align: right; padding-right: 100px; } nav.bootsnav.brand-center .navbar-collapse .col-half.right{ text-align: left; padding-left: 100px; } nav.bootsnav.brand-center ul.nav{ float: none !important; margin-bottom: -5px !important; display: inline-block !important; } nav.bootsnav.brand-center ul.nav.navbar-right{ margin: 0; } nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left{ text-align: left; padding-right: 100px; } nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right{ text-align: right; padding-left: 100px; } /* Navbar Sidebar =================================*/ body.wrap-nav-sidebar .wrapper{ padding-left: 260px; overflow-x: hidden; } nav.bootsnav.navbar-sidebar{ position: fixed; width: 260px; overflow: hidden; left: 0; padding: 0 0 0 0 !important; background: #fff; border-right: solid 1px #dfdfdf; } nav.bootsnav.navbar-sidebar .scroller{ width: 280px; overflow-y:auto; overflow-x: hidden; } nav.bootsnav.navbar-sidebar .container-fluid, nav.bootsnav.navbar-sidebar .container{ padding: 0 !important; } nav.bootsnav.navbar-sidebar .navbar-header{ float: none; display: block; width: 260px; padding: 10px 15px; margin: 10px 0 0 0 !important; } nav.bootsnav.navbar-sidebar .navbar-collapse{ padding: 0 !important; width: 260px; } nav.bootsnav.navbar-sidebar ul.nav{ float: none; display: block; width: 100%; padding: 0 15px !important; margin: 0 0 30px 0; } nav.bootsnav.navbar-sidebar ul.nav li{ float: none !important; } nav.bootsnav.navbar-sidebar ul.nav > li > a{ padding: 10px 15px; font-weight: bold; } nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > a:after{ float: right; } nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu{ left: 100%; top: 0; position: relative !important; left: 0 !important; width: 100% !important; height: auto !important; background-color: transparent; border: none !important; padding: 0; -moz-box-shadow: 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px; -o-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; } nav.bootsnav.navbar-sidebar ul.nav .megamenu-content .col-menu{ border: none !important; } nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu{ margin-bottom: 15px; } nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu{ padding-left: 0; float: none; margin-bottom: 0; } nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a{ padding: 5px 15px; color: #6f6f6f; border: none; } nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu{ padding-left: 15px; margin-top: 0; } nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown > a:before{ font-family: 'FontAwesome'; content: "\f105"; float: right; } nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a:before{ content: "\f107"; } nav.bootsnav.navbar-sidebar ul.dropdown-menu.megamenu-content > li{ padding: 0 !important; } nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu{ display: block; float: none !important; padding: 0; margin: 0; width: 100%; } nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title{ padding: 7px 0; text-transform: none; font-weight: 400; letter-spacing: 0px; margin-bottom: 0; cursor: pointer; color: #6f6f6f; } nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before{ font-family: 'FontAwesome'; content: "\f105"; float: right; } nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before{ content: "\f107"; } nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu{ border: none; } nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content{ padding: 0 0 0 15px; } nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu ul.menu-col li a{ padding: 3px 0 !important; } } @media (max-width: 992px) { .attr-nav .search{ display:none !important;} /* Navbar Responsive =================================*/ nav.navbar.bootsnav .navbar-brand { display: inline-block; float: none !important; margin: 0 !important; } nav.navbar.bootsnav .navbar-header { float: none; display: block; text-align: center; padding-left: 30px; padding-right: 30px; } nav.navbar.bootsnav .navbar-toggle { display: inline-block; float: left; margin-right: -200px; margin-top: 10px; } nav.navbar.bootsnav .navbar-collapse { border: none; margin-bottom: 0; } nav.navbar.bootsnav.no-full .navbar-collapse{ max-height: 350px; overflow-y: auto !important; } nav.navbar.bootsnav .navbar-collapse.collapse { display: none !important; } nav.navbar.bootsnav .navbar-collapse.collapse.in { display: block !important; } nav.navbar.bootsnav .navbar-nav { float: none !important; padding-left: 30px; padding-right: 30px; margin: 0px -15px; } nav.navbar.bootsnav .navbar-nav > li { float: none; } nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before{ content: '▼'; float: right; font-size: 16px; margin-left: 10px; } nav.navbar.bootsnav li.dropdown.on > a.dropdown-toggle:before{ content: '▼'; } nav.navbar.bootsnav .navbar-nav > li > a{ display: block; width: 100%; border-bottom: solid 1px #e0e0e0; padding: 10px 0; border-top: solid 1px #e0e0e0; margin-bottom: -1px; } nav.navbar.bootsnav .navbar-nav > li:first-child > a{ border-top: none; } nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu{ border-bottom: solid 1px #e0e0e0; } nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle{ float: none !important; position: relative; display: block; width: 100%; } nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{ width: 100%; position: relative !important; background-color: transparent; float: none; border: none; padding: 0 0 0 15px !important; margin: 0 0 18px 0 !important; -moz-box-shadow: 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px; -o-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; -moz-border-radius: 0px 0px 0px; -webkit-border-radius: 0px 0px 0px; -o-border-radius: 0px 0px 0px; border-radius: 0px 0px 0px; } nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{ display: block; width: 100%; border-bottom: solid 1px #e0e0e0; padding: 10px 0; color: #6f6f6f; } nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover, nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus{ background-color: transparent; } nav.navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu{ float: none !important; left: 0; padding: 0 0 0 15px; position: relative; background: transparent; width: 100%; } nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu{ display: inline-block; margin-top: -10px; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after{ display: none; } nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title{ padding: 10px 15px 10px 0; line-height: 24px; text-transform: none; font-weight: 400; letter-spacing: 0px; margin-bottom: 0; cursor: pointer; border-bottom: solid 1px #e0e0e0; color: #6f6f6f; } nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a{ display: block; width: 100%; border-bottom: solid 1px #e0e0e0; padding: 8px 0; } nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title:before{ font-family: 'FontAwesome'; content: "\f105"; float: right; font-size: 16px; margin-left: 10px; position: relative; right: -15px; } nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child .title{ border-bottom: none; } nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on:last-child .title{ border-bottom: solid 1px #e0e0e0; } nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child ul.menu-col li:last-child a{ border-bottom: none; } nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .title:before{ content: "\f107"; } nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .content{ padding: 0 0 0 15px; } nav.bootsnav.brand-center .navbar-collapse{ display: block; } nav.bootsnav.brand-center ul.nav{ margin-bottom: 0px !important; } nav.bootsnav.brand-center .navbar-collapse .col-half{ width: 100%; float: none; display: block; } nav.bootsnav.brand-center .navbar-collapse .col-half.left{ margin-bottom: 0; } nav.bootsnav .megamenu-content{ padding: 0; } nav.bootsnav .megamenu-content .col-menu{ padding-bottom: 0; } nav.bootsnav .megamenu-content .title{ cursor: pointer; display: block; padding: 10px 15px; margin-bottom: 0; font-weight: normal; } nav.bootsnav .megamenu-content .content{ display: none; } .attr-nav{ position: absolute; right: 60px; } .attr-nav > ul{ padding: 0; margin: 0 -15px -7px 0; } .attr-nav > ul > li > a{ padding: 16px 15px 15px; } .attr-nav > ul > li.dropdown > a.dropdown-toggle:before{ display: none; } .attr-nav > ul > li.dropdown ul.dropdown-menu{ margin-top: 2px; margin-left: 55px; width: 250px; left: -250px; border-top: solid 5px; } .top-search .container{ padding: 0 45px; } /* Navbar full Responsive =================================*/ nav.bootsnav.navbar-full ul.nav{ margin-left: 0; } nav.bootsnav.navbar-full ul.nav > li > a{ border: none; } nav.bootsnav.navbar-full .navbar-brand { float: left !important; padding-left: 0; } nav.bootsnav.navbar-full .navbar-toggle { display: inline-block; float: right; margin-right: 0; margin-top: 10px; } nav.bootsnav.navbar-full .navbar-header { padding-left: 15px; padding-right: 15px; } /* Navbar Sidebar =================================*/ nav.navbar.bootsnav.navbar-sidebar .share{ padding: 30px 15px; margin-bottom: 0; } /* Tabs =================================*/ nav.navbar.bootsnav .megamenu-content.tabbed{ padding-left: 0 !mportant; } nav.navbar.bootsnav .tabbed > li{ padding: 25px 0; margin-left: -15px !important; } /* Mobile Navigation =================================*/ body > .wrapper{ -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; } body.side-right > .wrapper{ margin-left: 280px; margin-right: -280px !important; } nav.navbar.bootsnav.navbar-mobile .navbar-collapse{ position: fixed; overflow-y: auto !important; overflow-x: hidden !important; display: block; background: #fff; z-index: 99; width: 280px; height: 100% !important; left: -280px; top: 0; padding: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in{ left: 0; } nav.navbar.bootsnav.navbar-mobile ul.nav{ width: 293px; padding-right: 0; padding-left: 15px; } nav.navbar.bootsnav.navbar-mobile ul.nav > li > a{ padding: 15px 15px; } nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a{ padding-right: 15px !important; padding-top: 15px !important; padding-bottom: 15px !important; } nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{ padding-right: 30px !important; padding-top: 13px !important; padding-bottom: 13px !important; } nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{ padding-top: 13px !important; padding-bottom: 13px !important; } nav.navbar.bootsnav.navbar-mobile .navbar-collapse [class*=' col-'] { width: 100%; } nav.navbar.bootsnav.navbar-fixed .logo-scrolled{ display: block !important; } nav.navbar.bootsnav.navbar-fixed .logo-display{ display: none !important; } nav.navbar.bootsnav.navbar-mobile .tab-menu, nav.navbar.bootsnav.navbar-mobile .tab-content{ width: 100%; display: block; } } @media (max-width: 767px) { nav.navbar.bootsnav .navbar-header { padding-left: 15px; padding-right: 15px; } nav.navbar.bootsnav .navbar-nav { padding-left: 15px; padding-right: 15px; } .attr-nav{ right: 30px; } .attr-nav > ul{ margin-right: -10px; } .attr-nav > ul > li > a{ padding: 16px 10px 15px; padding-left: 0 !important; } .attr-nav > ul > li.dropdown ul.dropdown-menu{ left: -275px; } .top-search .container{ padding: 0 15px; } nav.bootsnav.navbar-full .navbar-collapse{ left: 15px; } nav.bootsnav.navbar-full .navbar-header{ padding-right: 0; } nav.bootsnav.navbar-full .navbar-toggle { margin-right: -15px; } nav.bootsnav.navbar-full ul.nav > li > a{ font-size: 18px !important; line-height: 24px !important; padding: 5px 10px !important; } /* Navbar Sidebar =================================*/ nav.navbar.bootsnav.navbar-sidebar .share{ padding: 30px 15px !important; } /* Navbar Sidebar =================================*/ nav.navbar.bootsnav.navbar-sidebar .share{ padding: 30px 0 !important; margin-bottom: 0; } nav.navbar.bootsnav.navbar-mobile.navbar-sidebar .share{ padding: 30px 15px !important; margin-bottom: 0; } /* Mobile Navigation =================================*/ body.side-right > .wrapper{ margin-left: 280px; margin-right: -280px !important; } nav.navbar.bootsnav.navbar-mobile .navbar-collapse{ margin-left: 0; } nav.navbar.bootsnav.navbar-mobile ul.nav{ margin-left: -15px; } nav.navbar.bootsnav.navbar-mobile ul.nav{ border-top: solid 1px #fff; } li.close-full-menu{ padding-top: 15px !important; padding-bottom: 15px !important; } } @media (min-width: 480px) and (max-width: 640px) { nav.bootsnav.navbar-full ul.nav{ padding-top: 30px; padding-bottom: 30px; } } /*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; } /*Responsive Media Queries Max 320px */ @media screen and (max-width: 320px) { .sed { width: 38px !important; height: 38px !important; font-size: 22px !important; line-height: 44px !important; } ul.mega-menulist li { padding: 4px 8px !important; } .td-txt .col-xs-7 { width: 78%; } #Course p.slider-cont.blue { font-size: 13px !important; } .mobilescreen span.cont { font-size: 15px !important; } .cert { font-size: 17px !important; padding-left: 0px; } .getcall-box button.buttonctadarkbtn.btn.btn-lg { width: 86% !important; } .callto { width: 48% !important; top: 16px !important; } nav.navbar .navbar-brand { left: -68px !important; top: 10px !important; } nav.navbar .navbar-brand img.logo { width: 60px !important; } .rgt-icon p.cont2.mb0 { line-height: 48px; font-size: 14px; } .jobsare p.slider-text.white { font-size: 33px !important; } .whtlogo { margin: 70px 0 5px -26px; } .half img { width: 274px; margin: 0 auto 10px auto; } .counter .col-xs-10, .counter .col-xs-9 { padding-left: 8px !important; } .headbutton { font-size: 10px !important; width: 154px !important; } .headbutton1 { font-size: 10px; } .select2-container { margin-right: 2px !important; } nav.navbar.bootsnav { margin-bottom: 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; background-color: #fff !important; border: none; border-bottom: solid 1px #e0e0e0; z-index: 9; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); background-image: -webkit-gradient( linear, left top, right bottom, from(#02b3e4), to(#02ccba) ); background-image: linear-gradient(to bottom right, #02b3e4, #02ccba); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-header { border-bottom: none; color: #fff; padding-bottom: 0px; } .modal-title { color: #fff; } } /*Responsive Media Queries Max 480px */ @media screen and (max-width: 480px) { /*Blogs*/ .blogttl { font-size: 15px; padding: 10px; box-shadow: 0 5px 20px 2px rgba(0, 0, 0, 0.12); font-weight: bold; margin-bottom: 10px; } .rght.sticky { display: none; } .blogdtlright h2 { font-size: 1.2em; font-weight: 700; line-height: 26px; margin-top: 20px; margin-bottom: 8px; } .crsbox2 { box-shadow: 0 5px 20px 2px rgba(0, 0, 0, 0.12); margin-bottom: 12px; } .crsbox2 p { position: absolute; bottom: 0; right: 12%; color: #fff; font-size: 18px; text-align: center; } /*Blogs*/ /**** JT Css *****/ nav#heder { z-index: 111111 !important; } nav.navbar.bootsnav.no-full .navbar-collapse { max-height: 227px; } .navbar-brand { float: left; height: 46px !important; } nav#heder { position: fixed !important; } .btn-store, .btn-store2 { font-size: 11px !important; line-height: 15px; width: 86px; text-align: center; padding: 3px 0px !important; } .cert { font-size: 21px; padding-left: 0px; } .select2-container { margin-right: 9px; } .mobilescreen span.cont { color: #fff; font-size: 17px; margin-bottom: 16px; display: block; } .mobilescreen button { border: 2px solid #ffffff !important; color: #fff !important; } .mobilescreen button a.dark.notxtdec { color: #fff !important; } .modal-body { position: relative; padding: 6px; } #myModal3 .modal-dialog, #myModal4 .modal-dialog, #myModal5 .modal-dialog, #myModal6 .modal-dialog { width: 100% !important; top: -20px !important; } #myModal3 .modal-content, #myModal4 .modal-content, #myModal5 .modal-content, #myModal6 .modal-content { width: 96% !important; margin: 0 auto; float: none !important; } #myModal .modal-content { width: 98% !important; background: url(https://www.janbasktraining.com/assets/demo2019/img/popup-mob.webp) top center !important; background-size: cover !important; background-repeat: no-repeat !important; padding-bottom: 61px; } #myModal .modal-dialog { width: 92% !important; } #myModal2 .modal-dialog { width: 92% !important; } #myModal2 .modal-content { width: 98% !important; background: url(https://www.janbasktraining.com/assets/demo2019//img/popup-bg3.webp) top center !important; background-size: cover !important; background-repeat: no-repeat !important; } div#myModal2 .modal-body { padding-top: 144px; } nav.navbar { padding-top: 0px !important; } nav.navbar .navbar-brand { left: -80px; top: 8px; } nav.navbar.bootsnav ul.nav > li > a { padding: 10px 15px; font-size: 15px; border-bottom: 1px solid #eee !important; } ul.phone-strip { width: 64%; background: #fff; float: none; margin: 0 auto; } ul.phone-strip li { list-style: none; float: left; padding: 8px 20px; color: #000; display: table; width: 100%; text-align: center; border: 1px solid #ab2927; margin-bottom: 20px; } ul.phone-strip li:nth-child(2) { background: #ab2927; } ul.phone-strip li:nth-child(2) a { color: #fff; } .callto { width: 40%; float: right; position: absolute; right: 0px; top: 21px; } li.signline:after { content: none; } li.mob-btn { display: none; } ul.mega-menulist li { padding: 4px 12px; font-size: 13px; border-bottom: 1px solid #eee; margin-left: -14px; background: #f7f7f7; } ul.dropdown-menu.mega-menu { min-width: 100% !important; left: 0px; transform: none; background: #fff !important; background-size: contain !important; border-bottom: 4px solid #ab2927 !important; float: left !important; position: initial !important; margin: 0 auto !important; } .lead3:after { width: 3px; height: 20px; } p.course:after { width: 3px; height: 20px; } .percentage .counter p.slider-text { font-size: 28px; margin-top: 10px; color: #414a53; } .counter .col-xs-10, .counter .col-xs-9 { padding-left: 0px; } .counter .col-xs-2 { padding-right: 0px; width: 14%; } .counter .col-xs-3 { padding-right: 0px; width: 18%; } .million .counter p.slider-text.white { font-size: 26px; } .counter p.slider-text { font-size: 26px !important; margin-top: 20px !important; } .percentage img { width: 150px; } .whtlogo img { margin-left: 20px; margin-top: 0px; } .instr-bx.inst2 p.cont2.mb0 { text-align: left; padding-left: 20px; } .padding0 { padding-left: 0px; padding-right: 0px; } .container { width: 100% !important; } .mobilescreen p.form-head.mb0 { position: absolute; background: #eeb617; } .dat { font-size: 14px; font-weight: 700; margin-bottom: 0px; } .est { font-size: 10px; margin-bottom: 0px; } .week { margin-bottom: 0px; } .getcall-box button.buttonctadarkbtn.btn.btn-lg { box-shadow: 5px 4px 3px #bbb0b0; width: 61%; margin-top: 20px; font-size: 14px; } .lineon:before { position: absolute; top: 48px; background: #777; width: 1px; height: 110px; right: 14px; content: none; } #Corporate button.buttonctadarkbtn.btn.btn-lg { padding: 6px 10px; font-size: 12px; margin-bottom: 10px; width: 138px; } .still button.buttonctadarkbtn.btn.btn-lg { padding: 6px 10px; font-size: 12px; width: 138px; } .still img { width: 120px; margin: 0 auto; display: table; } .maria img { width: 120px; margin: 0 auto; float: none !important; } .still { width: 100%; text-align: center; } .tab-pane { margin-bottom: 20px; } #accordion3 .panel-title > a { font-size: 14px !important; line-height: 20px; padding: 10px; } #accordion3 .panel.panel-default { border-radius: 0px; } #accordion3 a.collapsed { border-right: 3px solid #ab2927; border-radius: 0px; } #accordion3 a.collapsed { border-right: 3px solid #ab2927; border-radius: 0px; padding: 10px; } #accordion3 .panel.panel-default { border-radius: 0px; margin-bottom: 24px; } div#accordion3:after { background: #ab2927; position: absolute; top: 0px; content: ''; width: 3px; height: 250px; left: 40px; z-index: -1; } .star-rating-review { text-align: left; } li.fb-icon { margin-right: 0px; } div#accordion3 { position: relative; } #Course p.slider-cont.blue { margin-bottom: 20px; } .fullscreen { display: none; } .mobilescreen { display: block; } #accordion2 .panel-body span { font-size: 13px !important; line-height: 18px !important; display: block; } #accordion2 .panel-body { padding: 10px; } i.fa.fa-sort-down.pull-right { font-size: 20px; line-height: 20px; color: #3598c1; } i.fa.fa-sort-down.pull-right { line-height: 14px; } #accordion2 .panel.panel-default { border-radius: 8px; } .faq-acor #accordion1 .panel-heading .panel-title > a { font-size: 13px !important; } .panel-title > a { font-size: 14px !important; line-height: 20px; } .lead3 { font-size: 16px; line-height: 18px; } .lead2 { font-size: 18px; font-weight: 700; } .wehave { margin: 14px 0 0 0px; padding: 14px 22px; } p { margin-bottom: 10px; } .section { padding: 20px 0; } .getcall-box p.cont2.dark { font-size: 13px; text-align: left; } .getcall-box h3.slider-text2.dark { margin-bottom: 4px; } .cont2 { font-size: 15px; line-height: 20px; } .getcall-box h3.slider-text2 { font-size: 16px; padding-left: 14px; } .getcall-box h3.slider-text2:after { width: 3px; height: 20px; } .instr-bx.inst2 { margin-top: 0px; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; } #Course p.course.red { font-size: 18px; padding-left: 14px; text-align: left; line-height: 20px; } div.bhoechie-tab-content { box-shadow: none; padding: 10px 0px; background: #fff; } .bhoechie-tab { background: #fff; box-shadow: 1px 1px 8px 1px #c5bdbd75; padding: 0px 10px; margin-bottom: 40px; } .instr-bx i { float: left; margin-right: 8px; line-height: 24px; display: block; font-size: 14px; color: #ffc107; } .register p.lead3 { font-size: 16px; line-height: 24px; } .tab-bx:after, .register:after { position: fixed; z-index: -1; } .asper { margin: 10px 0px; } .asper p.cont.white.mb0 { margin: 0px 0px; line-height: 18px; } .jobsare p.slider-text.white { font-size: 44px; } .doyou button.buttonctadarkbtn.btn.btn-md { margin-top: 10px; font-size: 13px; } .doyou p { font-size: 18px; line-height: 24px; } .counter { padding: 0px 0px; border-radius: 5px; } .crm, .million { height: auto; padding: 24px 0px; } .million p.slider-text.white { font-size: 22px; margin-bottom: 4px; } .crm p.slider-text.white { font-size: 22px; margin-bottom: 4px; } .lead1:after { width: 3px; height: 20px; } .lead1 { font-size: 20px; padding-left: 16px; } .headbutton1 { padding: 6px 10px; border: 2px solid #ffffff; font-size: 11px; margin-bottom: 10px; width: 104px; } .headbutton { padding: 6px 10px; border: 2px solid #ffffff; font-size: 11px; margin-bottom: 10px; width: 158px; } .bannerhome p.slider-text.white:after { bottom: -104px; } .kln { } .kln p.cont.white { margin-top: 44px !important; font-size: 13px; } .slider-text { font-size: 18px; line-height: 22px; } .slider-cont { font-size: 12px; line-height: 17px; text-align: justify; } section.sticky-nav-tabs { display: none; } select.custom-select.form-control { margin-right: 14px; } .instr-bx .col-xs-12 { border-bottom: 0px; border-right: 0px !important; padding-bottom: 4px; } .instr-bx p.cont2.mb0 { padding: 4px 0px; text-align: center; } .instr-bx { position: initial; text-align: left; border-radius: 0px; width: 100%; margin: 0 auto; display: table; float: none; box-shadow: none; background: transparent; color: #fff; margin-top: -32px; } .getcall-box { width: 100%; margin-top: 0px; padding: 16px; border-radius: 6px; } /**** JT Css End *****/ .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); background-image: -webkit-gradient( linear, left top, right bottom, from(#02b3e4), to(#02ccba) ); background-image: linear-gradient(to bottom right, #02b3e4, #02ccba); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-header { border-bottom: none; color: #fff; padding-bottom: 0px; } .modal-title { color: #fff; } .mtpm { margin-top: -40px; } .contactleft { margin-bottom: 40px; } nav.navbar.bootsnav { margin-bottom: 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; background-color: #fff !important; border: none; border-bottom: solid 1px #e0e0e0; z-index: 9; } .fancy2 span:before, .fancy span:before { width: 72px; right: 102%; margin-right: 15px; top: 16px !important; } .fancy2, .fancy { margin-left: 94px; } .nav-justified > li { float: left; width: 25%; } #nav-tabs > li > a { padding: 10px 2px !important; float: none !important; } .events-timeline .timeline-block .content-column .event-date2 { bottom: -84px; } } @media (min-width: 600px) and (max-width: 600px) { img.img-responsive.lazy.img-rounded.kln { width: 114px; } nav.navbar.bootsnav { margin-bottom: 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; background-color: #fff !important; border: none; border-bottom: solid 1px #e0e0e0; z-index: 9; } .fancy2 span:before, .fancy span:before { top: 10px !important; } .events-timeline .timeline-block .content-column .content-box { margin-bottom: 30px; } } /*Responsive Media Queries Max 767px */ @media screen and (max-width: 767px) { .postbx code { word-break: break-word; word-wrap: break-word; } .btnw1 img.img-responsive { width: 18px; float: left; vertical-align: middle; margin: 0px auto 0px auto; margin-right: 4px; } .btnw1 { color: #000 !important; background: #ffcc00; font-weight: 600; margin-top: 8px; padding: 4px 18px !important; border: 0; font-size: 11px !important; line-height: 20px; width: auto; border-radius: 28px; float: left; margin-right: 10px; margin-bottom: 20px; } /* .btnw1 img.img-responsive { width: 18px; float: left; vertical-align: middle; margin: 0px auto 0px auto; margin-right: 4px; } .btnw1 { color: #000 !important; background: #ffcc00; font-weight: 600; margin-top: 8px; padding: 5px 15px; border: 0; font-size: 11px; line-height: 20px; width: auto; border-radius: 28px; float: left; margin-right: 10px; margin-bottom: 20px; }*/ span.enrollbtn { border: 1px dashed #fff; padding: 0px 16px; font-size: 12px; display: block; width: 128px; line-height: 18px; margin-bottom: 10px; } .section.section1.bannerhome.auth { padding-top: 70px; } .rnewyear { display: none; } .content .kln p.cont.white.llt { margin: 0px !important; } .content .blogdtlright img { max-width: 100%; height: auto !important; } .sed { width: 48px; height: 48px; text-align: center; font-size: 22px; line-height: 54px; } .comment_dtl ul, .comment_dtl ol { padding-left: 0px; } .getcall-box.panel-default.cmtt { padding: 16px 0px; } li.bcp { display: none; } .viewall-bx { display: none; } .blogdtlright img { display: table; } #myModal6 .modal-content { width: 98% !important; background: url(https://www.janbasktraining.com/assets/demo2019//img/popup-5.webp) top center !important; background-size: cover !important; background-repeat: no-repeat !important; } div#myModal6 .modal-body { padding-top: 144px; } #myModal5 .modal-content { width: 98% !important; background: url(https://www.janbasktraining.com/assets/demo2019//img/popup-4.webp) top center !important; background-size: cover !important; background-repeat: no-repeat !important; } div#myModal5 .modal-body { padding-top: 144px; } .modal-body button { margin-top: 16px !important; } #myModal4 .modal-content { background: url(https://www.janbasktraining.com/assets/demo2019//img/popup-talk.webp) top center !important; background-size: cover !important; } div#myModal4 .modal-body { padding-top: 144px; } #layout62 .wehave { margin: 26px 0 0 0px; } .form-group { margin-bottom: 15px; float: left; width: 100%; } .section18 p.lead3.white { line-height: 22px; } .hlf { margin-top: 90px; color: #000 !important; } .section18 { margin-top: 30px; } .rgt-icon { width: 76%; margin: 12px auto; } .inst2 .col-xs-12 { border-right: none !important; } nav#heder { z-index: 111111 !important; } nav.navbar.bootsnav.no-full .navbar-collapse { max-height: 100%; overflow-y: auto !important; box-shadow: 1px 1px 8px 0px #eee; } .btn-store, .btn-store2 { font-size: 11px !important; line-height: 15px; width: 86px; text-align: center; padding: 3px 0px !important; } .cert { font-size: 21px; padding-left: 0px; } .select2-container { margin-right: 9px; } .mobilescreen span.cont { color: #fff; font-size: 17px; margin-bottom: 16px; display: block; } .mobilescreen button { border: 2px solid #ffffff !important; color: #fff !important; } .mobilescreen button a.dark.notxtdec { color: #fff !important; } .modal-body { position: relative; padding: 6px; } #myModal3 .modal-dialog { width: 100% !important; top: -20px !important; } #myModal3 .modal-content { width: 98% !important; } #myModal .modal-content { width: 98% !important; background: url(https://www.janbasktraining.com/assets/demo2019/img/popup-mob.webp) !important; background-size: cover !important; background-repeat: no-repeat !important; padding-bottom: 61px; } #myModal .modal-dialog { width: 92% !important; } #myModal2 .modal-dialog { width: 92% !important; } nav.navbar { padding-top: 0px !important; } nav.navbar .navbar-brand { left: -80px; top: 8px; } nav.navbar.bootsnav ul.nav > li > a { padding: 10px 15px; font-size: 15px; border-bottom: 1px solid #eee !important; } ul.phone-strip { } li.mob-btn { display: none; } ul.mega-menulist li { padding: 4px 12px; font-size: 13px; border-bottom: 1px solid #eee; margin-left: -14px; background: #f7f7f7; } ul.dropdown-menu.mega-menu { min-width: 100% !important; left: 0px; transform: none; background: #fff !important; background-size: contain !important; border-bottom: none !important; float: left !important; position: initial !important; margin: 0 auto !important; height: 300px; overflow: scroll; } .lead3:after { width: 3px; height: 20px; } p.course:after { width: 3px; height: 20px; } .percentage .counter p.slider-text { font-size: 28px; margin-top: 10px; color: #414a53; } .counter .col-xs-10, .counter .col-xs-9 { padding-left: 0px; } .counter .col-xs-2 { padding-right: 0px; width: 14%; } .counter .col-xs-3 { padding-right: 0px; width: 18%; } .million .counter p.slider-text.white { font-size: 26px; } .counter p.slider-text { font-size: 26px !important; margin-top: 20px !important; } .percentage img { width: 150px; } .whtlogo img { margin-left: 20px; margin-top: 0px; } .instr-bx.inst2 p.cont2.mb0 { text-align: left; padding-left: 20px; } .padding0 { padding-left: 0px; padding-right: 0px; } .container { width: 100% !important; } .mobilescreen p.form-head.mb0 { position: absolute; background: #eeb617; } .dat { font-size: 14px; font-weight: 700; margin-bottom: 0px; } .est { font-size: 10px; margin-bottom: 0px; } .week { margin-bottom: 0px; } .getcall-box button.buttonctadarkbtn.btn.btn-lg { box-shadow: 5px 4px 3px #bbb0b0; width: 61%; margin-top: 20px; font-size: 14px; } .lineon:before { position: absolute; top: 48px; background: #777; width: 1px; height: 110px; right: 14px; content: none; } #Corporate button.buttonctadarkbtn.btn.btn-lg { padding: 6px 10px; font-size: 12px; margin-bottom: 10px; width: 138px; } .still button.buttonctadarkbtn.btn.btn-lg { padding: 6px 10px; font-size: 12px; width: 138px; } .still img { width: 120px; margin: 0 auto; display: table; } .maria img { width: 120px; margin: 0 auto; float: none !important; } .still { width: 100%; text-align: center; float: left; } .tab-pane { margin-bottom: 20px; } #accordion3 .panel-title > a { font-size: 14px !important; line-height: 20px; padding: 10px; } #accordion3 .panel.panel-default { border-radius: 0px; } #accordion3 a.collapsed { border-right: 3px solid #ab2927; border-radius: 0px; } #accordion3 a.collapsed { border-right: 3px solid #ab2927; border-radius: 0px; padding: 10px; } #accordion3 .panel.panel-default { border-radius: 0px; margin-bottom: 24px; } div#accordion3:after { background: #ab2927; position: absolute; top: 0px; content: ''; width: 3px; height: 250px; left: 40px; z-index: -1; } .star-rating-review { text-align: left; } li.fb-icon { margin-right: 0px; } div#accordion3 { position: relative; } #Course p.slider-cont.blue { margin-bottom: 20px; } .fullscreen { display: none; } .mobilescreen { display: block; } #accordion2 .panel-body span { font-size: 13px !important; line-height: 18px !important; display: block; } #accordion2 .panel-body { padding: 10px; } i.fa.fa-sort-down.pull-right { font-size: 20px; line-height: 20px; color: #3598c1; } i.fa.fa-sort-down.pull-right { line-height: 14px; } #accordion2 .panel.panel-default { border-radius: 8px; } .faq-acor #accordion1 .panel-heading .panel-title > a { font-size: 13px !important; } .panel-title > a { font-size: 14px !important; line-height: 20px; } .lead3 { font-size: 16px; line-height: 18px; } .lead2 { font-size: 18px; font-weight: 700; } .wehave { margin: 14px 0 0 0px; padding: 14px 22px; } p { margin-bottom: 10px; } .section { padding: 20px 0; } .getcall-box p.cont2.dark { font-size: 13px; text-align: left; } .getcall-box h3.slider-text2.dark { margin-bottom: 4px; } .cont2 { font-size: 15px; line-height: 20px; } .getcall-box h3.slider-text2 { font-size: 16px; padding-left: 14px; } .getcall-box h3.slider-text2:after { width: 3px; height: 20px; } .instr-bx.inst2 { margin-top: 0px; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; } .register { padding-bottom: 0px; background-size: cover !important; } #Course p.course.red { font-size: 18px; padding-left: 14px; text-align: left; line-height: 20px; } div.bhoechie-tab-content { box-shadow: none; padding: 10px 0px; background: #fff; } .bhoechie-tab { background: #fff; box-shadow: 1px 1px 8px 1px #c5bdbd75; padding: 0px 10px; margin-bottom: 40px; } .instr-bx i { float: left; margin-right: 8px; line-height: 24px; display: block; font-size: 14px; color: #ffc107; } .register p.lead3 { font-size: 16px; line-height: 24px; } .tab-bx:after, .register:after { position: fixed; z-index: -1; } .asper { margin: 10px 0px; } .asper p.cont.white.mb0 { margin: 0px 0px; line-height: 18px; } .jobsare p.slider-text.white { font-size: 44px; } .doyou button.buttonctadarkbtn.btn.btn-md { margin-top: 10px; font-size: 13px; } .doyou p { font-size: 18px; line-height: 24px; } .counter { padding: 0px 0px; border-radius: 5px; } .crm, .million { height: auto; padding: 24px 0px; } .million p.slider-text.white { font-size: 22px; margin-bottom: 4px; } .crm p.slider-text.white { font-size: 22px; margin-bottom: 4px; } .lead1:after { width: 3px; height: 20px; } .lead1 { font-size: 20px; padding-left: 16px; } .headbutton1 { padding: 6px 10px; border: 2px solid #ffffff; font-size: 11px; margin-bottom: 10px; width: 104px; } .headbutton { padding: 6px 10px; border: 2px solid #ffffff; font-size: 11px; margin-bottom: 10px; width: 158px; } .bannerhome p.slider-text.white:after { bottom: -104px; } .kln { margin-top: 70px; } .kln p.cont.white { margin-top: 44px !important; font-size: 13px; } .slider-text { font-size: 18px; line-height: 22px; } .slider-cont { font-size: 12px; line-height: 17px; text-align: justify; } section.sticky-nav-tabs { display: none; } select.custom-select.form-control { margin-right: 14px; } .instr-bx .col-xs-12 { border-bottom: 0px; border-right: 0px !important; padding-bottom: 4px; } .instr-bx p.cont2.mb0 { padding: 4px 0px; text-align: center; } .instr-bx { position: initial; text-align: left; border-radius: 0px; width: 100%; margin: 0 auto; display: table; float: none; box-shadow: none; background: transparent; color: #fff; margin-top: -32px; } .section.section1.bannerhome { background: linear-gradient( 135deg, rgba(82, 62, 232, 0.92), rgba(0, 220, 175, 0.92) ) !important; } .getcall-box { width: 100%; margin-top: 0px; padding: 16px; border-radius: 6px; } /**** JT Css End *****/ .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); background-image: -webkit-gradient( linear, left top, right bottom, from(#02b3e4), to(#02ccba) ); background-image: linear-gradient(to bottom right, #02b3e4, #02ccba); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-header { border-bottom: none; color: #fff; padding-bottom: 0px; } .modal-title { color: #fff; } .mtpm { margin-top: -40px; } .contactleft { margin-bottom: 40px; } nav.navbar.bootsnav { margin-bottom: 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; background-color: #fff !important; border: none; border-bottom: solid 1px #e0e0e0; z-index: 9; } .fancy2 span:before, .fancy span:before { width: 72px; right: 102%; margin-right: 15px; top: 16px !important; } .fancy2, .fancy { margin-left: 94px; } .nav-justified > li { float: left; width: 25%; } #nav-tabs > li > a { padding: 10px 2px !important; float: none !important; } .events-timeline .timeline-block .content-column .event-date2 { bottom: -84px; } .fullscreen { display: none; } .mobilescreen { display: block; } .nav-justified > li { float: left; width: 25%; } #nav-tabs > li > a { padding: 10px 2px !important; float: none !important; } } /*Responsive Media Queries Only for 800px to 800px */ @media (min-width: 800px) and (max-width: 800px) { } /*Responsive Media Queries 768px to 991px */ @media (min-width: 768px) and (max-width: 991px) { .section.section1.bannerhome.auth { padding-top: 110px; } .heder2 { top: 28px !important; } .comment_dtl ul, ol { padding-left: 0px; } .getcall-box.panel-default.cmtt { padding: 16px 0px; } nav.navbar.bootsnav ul.nav > li > a { padding: 12px 15px; } nav.navbar.bootsnav .navbar-nav > li { border-top: 1px solid #eee; } ul.dropdown-menu.mega-menu { background: #f7f7f7 !important; background-size: contain !important; border-bottom: 4px solid #ab2927 !important; float: left !important; } li.mob-btn, li.bcp { display: none; } .blogttl { margin-bottom: 18px; } .section.section1.bannerhome { background: linear-gradient( 135deg, rgba(82, 62, 232, 0.92), rgba(0, 220, 175, 0.92) ) !important; } .blogdtlright img { margin: 0 auto 10px auto; display: table; max-width: 100%; } .rght.sticky { display: none; } .rght { width: 100%; } nav.navbar.bootsnav .navbar-nav > li { width: 100%; } .crsbox2 { box-shadow: 0 5px 20px 2px rgba(0, 0, 0, 0.12); margin-bottom: 12px; } .crsbox2 p { position: absolute; bottom: 0; right: 12%; color: #fff; font-size: 18px; text-align: center; } #layout62 .wehave { margin: 26px 0 0 0px; } doyou button.buttonctadarkbtn.btn.btn-md { margin-top: 8px; } .doyou { padding: 14px 10px; } #layout62 .crm, #layout62 .million { height: 170px; } #layout62 .instr-bx { bottom: -79px; } .getcall-box input.form-control.mo-pt { width: 62% !important; } .select2-container { width: 30% !important; margin-right: 12px !important; } .inst2 i.fa { float: none; } .rgt-icon { width: 100%; margin: 0 auto; } nav#heder { z-index: 111111 !important; position: fixed !important; background: #fff; } nav.navbar.bootsnav .navbar-header { padding-left: 0px; padding-right: 0px; } nav.navbar .navbar-brand { left: -196px; } .callto { width: 40%; float: right; position: absolute; right: 0px; top: 21px; } #myModal3 .modal-content .close, #myModal4 .modal-content .close { margin-top: -30px !important; } .grace img { border-radius: 50%; box-shadow: 1px 1px 8px 1px #afafaf; width: 74px; height: 74px; } #Course p.slider-cont.blue { margin-bottom: 24px; } #myModal .modal-dialog { width: 94% !important; margin: 0px auto !important; display: table; } #myModal2 .modal-dialog, #myModal3 .modal-dialog, #myModal4 .modal-dialog, #myModal5 .modal-dialog, #myModal6 .modal-dialog { width: 74% !important; margin: 0px auto !important; display: table; } .modal { z-index: 1111111 !important; } .grace-bx { margin-top: 0px; } p.nophone { font-size: 24px; margin-top: 14px; } .still.maria p.slider-text.dark { margin-bottom: 0px; } .still img { width: 72px; } .still { width: 48%; float: left; margin-right: 12px; } .wehave { padding: 23px 40px; width: 100%; margin: -23px auto 0 auto; float: none; display: table; } #Course { padding-bottom: 0px; } .tab-img { width: 60%; } #accordion3 .panel-title > a { font-size: 14px !important; line-height: 20px; padding: 10px; } #accordion3 .panel.panel-default { border-radius: 0px; } #accordion3 a.collapsed { border-right: 3px solid #ab2927; border-radius: 0px; } #accordion3 a.collapsed { border-right: 3px solid #ab2927; border-radius: 0px; padding: 10px; } #accordion3 .panel.panel-default { border-radius: 0px; margin-bottom: 28px; } div#accordion3:after { background: #ab2927; position: absolute; top: 100px; content: ''; width: 3px; height: 350px; left: 40px; z-index: -1; } .form-head { margin-top: -25px; width: 114px; background: #eeb617; } #Course .row.fullscreen { display: none; } #Course .row.mobilescreen { display: block; } #Course p.course.red { font-size: 22px; padding-left: 20px; } p.course:after { height: 24px; } .register .instr-bx.inst2 { bottom: -70px !important; } .fullscreen { margin-bottom: 20px; } .register { background-size: cover !important; } .cert { font-size: 28px; line-height: 38px; } .asper p.cont.white.mb0 { margin: 0px 0px 18px 0px; line-height: 22px; padding: 0 0 21px 0; } .jobsare img { width: 73px; } .doyou p { font-size: 17px; line-height: 23px; } .opt { width: 334px; height: 394px; } .crm, .million { height: auto; } .padding0 { padding-left: 0px; padding-right: 0px; } .lead1:after { width: 4px; height: 22px; } .lead1 { font-size: 22px; padding-left: 20px; } section.sticky-nav-tabs { display: none; } .headbutton { width: 258px; } .headbutton1 { width: 258px; margin-top: 14px; } .instr-bx p.cont3.mb0 { font-size: 13px; line-height: 20px; } .instr-bx { width: 684px; float: left; border-radius: 44px; padding: 18px 0px; bottom: -78px; } .bannerhome p.slider-text.white:after { bottom: -108px; } .kln p.cont.white { margin-top: 32px !important; } select.custom-select.form-control { margin-right: 12px; } .getcall-box h3.slider-text2 { margin-bottom: 0px; } .getcall-box h3.slider-text2:after { width: 4px; height: 20px; } .getcall-box { width: 100%; float: right; padding: 16px; margin-top: 14px; } .getcall-box p.cont2.dark { font-size: 13px; text-align: left; } .slider-text { font-size: 22px; font-weight: 700; line-height: 24px; } .slider-cont { font-size: 14px; line-height: 20px; } } /*Responsive Media Queries 992px to 1024px */ @media (min-width: 992px) and (max-width: 1024px) { .temp-2-custom-bx .affix { width: 210px !important; } .temp-2-custom-bx .affix { width: 146.66px; } .heder2 { top: 28px !important; } .section.section1.bannerhome.auth .kln { padding: 20px; } .section.section1.bannerhome.auth { background-size: cover !important; padding-top: 50px !important; padding-bottom: 0px !important; background-position: bottom center !important; } .whtlogo img { margin-top: 20px; width: 108px; } .rght.sticky { width: 200px !important; } .blogttl { font-size: 12px; padding: 10px; line-height: 18px; box-shadow: 0 5px 20px 2px rgba(0, 0, 0, 0.12); font-weight: bold; } .tpl { padding-bottom: 0px !important; } .getcall-box.panel.panel-default .form-group { margin-bottom: 0px !important; } #layout63 .jobsare { padding: 21px 0px; } #layout63 .asper p.cont.white.mb0 { margin: 0px 0px; line-height: 18px; font-size: 12px; } #layout63 .jobsare p.slider-text.white { font-size: 22px; } #layout63 img.img-responsive.opt { height: 298px; } #layout63 .counter { padding: 0px 0; } #layout63 .crm { height: 145px; } #layout63 .million { height: 144px; } .sticky-nav-tab h2 { color: #000; font-size: 12px; font-weight: 700; 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; } #layout62 .wehave p.slider-text.dark { font-size: 22px; font-weight: 700; line-height: 28px; } .asper p.cont.white.mb0 { margin: 0px 0px; line-height: 22px; } .tab-content .lead3 { font-size: 16px; padding-left: 12px; } #layout62 .instr-bx { bottom: -116px; } .half { padding: 76px 0px; } .half img { width: 254px; } .doyou { padding: 10px 10px; } nav.navbar.bootsnav ul.nav > li > a { padding: 18px 10px; font-size: 16px; } li.fb-icon { margin-right: 0px; } button.buttonctadarkbtn.btn { font-size: 16px; } .still button.buttonctadarkbtn.btn.btn-lg { padding: 8px 20px; } .list-group p.cont2.mb0 { font-size: 14px; } #Course p.course.red { font-size: 20px; padding-left: 18px; } div#Corporate { padding-top: 0px; } .wehave { margin: 18px 0 0 -50px; padding: 24px; } div.bhoechie-tab-content li.cont3 { font-size: 12px; line-height: 20px; } #Course p.slider-cont.blue { margin-bottom: 20px; font-size: 11.8px; margin-top: -8px; } div.bhoechie-tab-content p.lead2.dark { font-size: 18px; margin-bottom: 4px; } .register .instr-bx.inst2 { width: 100%; } .rgt-icon { width: 86%; margin: 0 auto; } .lead1 { font-size: 20px; padding-left: 20px; } .sticky-nav-tab { font-size: 13px !important; font-weight: 700; } .counter p.slider-text { margin-bottom: 4px; } img.img-responsive.opt { height: 315px; } .percentage .counter p.slider-text { font-size: 54px !important; margin-top: 0px !important; color: #414a53; } .crm p.slider-text.white, .million p.slider-text.white { margin-bottom: 0px; } .crm { padding: 14px 10px; height: auto; } .million { padding: 14px 10px; height: auto; } .jobsare { padding: 24px 0px; } .asper p.cont.white.mb0 { font-size: 16px; } .jobsare p.slider-text.white { font-size: 25px; text-align: left; } .jobsare img { width: 74px; margin-left: -12px; } .sticky-nav-tabs { height: 11vh !important; } .instr-bx { width: 718px; bottom: -102px; } .kln { margin-top: 54px; } .getcall-box { width: 100%; margin-top: 0px; } .container { width: 94%; } input.form-control.sidemob { width: 58% !important; } span.select2.select2-container.select2-container--default { width: 58px !important; } .getcall-box input.form-control { font-size: 12px; } } /*Responsive Media Queries 992px to 1024px */ @media (min-width: 1025px) and (max-width: 1200px) { .tpl { padding-bottom: 0px !important; } .rght.sticky { width: 200px !important; } .rght .getcall-box.panel-default { margin-top: 0px !important; } .sticky-nav-tab h2 { color: #000; font-size: 12px; font-weight: 700; 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; } li.fb-icon { margin-right: 0px; } button.buttonctadarkbtn.btn { font-size: 16px; } .still button.buttonctadarkbtn.btn.btn-lg { padding: 8px 20px; } .list-group p.cont2.mb0 { font-size: 14px; } #Course p.course.red { font-size: 24px; padding-left: 24px; } div#Corporate { padding-top: 0px; } .wehave { margin: 18px 0 0 -50px; padding: 24px; } div.bhoechie-tab-content li.cont3 { font-size: 12px; line-height: 20px; } #Course p.slider-cont.blue { margin-bottom: 20px; } div.bhoechie-tab-content p.lead2.dark { font-size: 18px; margin-bottom: 4px; } .register .instr-bx.inst2 { width: 100%; } .rgt-icon { width: 82%; margin: 0 auto; } .lead1 { font-size: 24px; padding-left: 20px; } .sticky-nav-tab { font-size: 13px !important; font-weight: 700; } .counter p.slider-text { margin-bottom: 4px; } img.img-responsive.opt { height: 315px; } .percentage .counter p.slider-text { font-size: 54px !important; margin-top: 0px !important; color: #414a53; } .crm p.slider-text.white, .million p.slider-text.white { margin-bottom: 0px; } .crm { padding: 14px 10px; height: auto; } .million { padding: 14px 10px; height: auto; } .jobsare { padding-top: 26px; } .asper p.cont.white.mb0 { font-size: 16px; } .jobsare p.slider-text.white { font-size: 28px; } .jobsare img { width: 106px; margin-left: -12px; } .sticky-nav-tabs { height: 11vh !important; } .instr-bx { width: 718px; } .getcall-box { width: 100%; } } @media (min-width: 1201px) and (max-width: 1280px) { .pre23.nav.nav-pills.nav-stacked.affix { width: 249.73px !important; } button.buttonctadarkbtn.btn { background: #ab2927; font-size: 12px; } .new-blog-ak p { margin-bottom: 10px; } .browsecate ul li { font-size: 12px; } .trend-course .courseinfo ul.Real { margin: 0px; padding: 0px 14px; min-height: 56px; } .rghtsideblg p { margin-bottom: 0 !important; } .temp-2-custom-bx .rght { padding: 10px 14px; } .affix .rght-new-x2, .affix .rght-new-x3 { display: none; } .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: 10px; height: 189px; } .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: 10px; height: 190px; } .scroll-x li a { padding: 8px 5px; font-size: 12px; line-height: 17px; } .rght-new-x .lead1 { font-size: 0.99em; padding: 8px 15px; } .temp-2-custom-bx .rght .lead5 span { font-size: 0.99em; padding: 8px 15px; } .rghtsideblg-new-x p a { padding: 8px 5px; font-size: 12px; line-height: 17px; display: block; } .temp-2-custom-bx .affix { position: fixed; width: 183.33px !important; } .rght-new-x.sticky { width: 183.33px !important; } .pre1 h4 { position: absolute; left: 40%; top: -18px; font-size: 17px; } .scroll-x { height: 70vh; overflow: auto; } .select2-container--default .select2-selection--single .select2-selection__arrow b { margin-left: 9px !important; margin-top: -3px !important; } .getcall-box.panel.panel-default .form-group { } #layout63 .counter { padding: 4px 0; } #layout63 .percentage .counter p.slider-text { font-size: 70px !important; margin-top: 20px; color: #414a53; } #layout63 h4.lead3.white.hlf { font-size: 17px; } #layout63 .asper p.cont.white.mb0 { margin: 4px 0px; line-height: 20px; font-size: 14px; } .jobsare img { width: 88px; } .sticky-nav-tab h2 { color: #000; font-size: 16px; 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; } #layout63 .instr-bx { width: 773px; } #layout62 .instr-bx { bottom: -122px; } #Course p.course.red { padding-left: 18px; } .sticky-nav-tabs-container { bottom: -22px !important; } .getcall-box { width: 100%; margin: 0 auto; float: left; } #Corporate { padding-top: 0px; } .wehave { margin: 26px 0 0 -50px; } .tab-img { padding: 36px 0; } div.bhoechie-tab-content::-webkit-scrollbar { width: 4px; height: 8px; } div.bhoechie-tab-content { height: 428px; overflow: scroll; } div.bhoechie-tab-content::-webkit-scrollbar-thumb { border-radius: 0px; background-color: rgb(171, 41, 39); } #Course p.slider-cont.blue { font-size: 15px; } .half button { margin-top: 28px !important; } .half { padding-bottom: 20px; } .best p.lead3 { font-size: 18px; } .rgt-icon { width: 70%; } .instr-bx.inst2 { width: 100%; } .doyou p { font-size: 18px; } .counter { padding: 18px 0; } section.sticky-nav-tabs { height: 16vh; } .headbutton { padding: 8px 13px; } .instr-bx { width: 758px; } .million, .crm { height: 180px; } } @media screen and (min-width: 1200px) { } @media (min-width: 1200px) and (max-width: 1280px) { .sedtxt h3 { font-size: 16px; line-height: 24px; margin-bottom: 4px; text-transform: capitalize; } .sedtxt p { font-size: 12px; line-height: 20px; color: #656565; } } @media (min-width: 1366px) and (max-width: 1366px) { .sedtxt h3 { font-size: 16px; line-height: 24px; margin-bottom: 4px; text-transform: capitalize; } .sedtxt p { font-size: 12px; line-height: 20px; color: #656565; } .pre23.nav.nav-pills.nav-stacked.affix { width: 249.73px !important; } .new-blog-ak p { margin-bottom: 10px; } .browsecate ul li { font-size: 12px; } .trend-course .courseinfo ul.Real { margin: 0px; padding: 0px 14px; min-height: 56px; } .rghtsideblg p { margin-bottom: 0 !important; } .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: 10px; height: 270px; } .scroll-x li a { padding: 8px 5px; font-size: 12px; line-height: 17px; } .rght-new-x .lead1 { font-size: 0.99em; padding: 8px 15px; } .rghtsideblg-new-x p a { padding: 8px 5px; font-size: 12px; line-height: 17px; display: block; } .temp-2-custom-bx .affix { position: fixed; width: 197.66px !important; } .rght-new-x.sticky { width: 197.66px !important; } .pre1 h4 { position: absolute; left: 40%; top: -18px; font-size: 17px; } .scroll-x { height: 75vh; overflow: auto; } } /*Responsive Media Queries only for 1440px */ @media (min-width: 1440px) and (max-width: 1440px) { .pre23.nav.nav-pills.nav-stacked.affix { position: fixed !important; top: 110px !important; width: 233.73px!important; margin: 0; box-shadow: none !important; } .rght-new-x.sticky { width: 210px !important; } .temp-2-custom-bx .affix { position: fixed; width: 210px !important; } .pre1 h4 { position: absolute; left: 40%; top: -18px; font-size: 17px; } .scroll-x { height: 75vh; overflow: auto; } .rght { background: #f7f7f7; display: inline-block; padding: 20px 14px; box-shadow: 3px 3px 0px #00000024; } .sticky-nav-tabs-container { bottom: -22px !important; } .affix .rght-new-x2, .affix .rght-new-x3, .affix .rght-new-x4 { display: none !important; } } @media (min-width: 1600px) and (max-width: 1678px) { .sedtxt .comment-para { font-size: 15px !important; line-height: 22px !important; color: #656565; } .sedtxt a { font-size: 21px !important; font-weight: 400 !important; } div#style-2 ul li p { font-size: 15px; } .temp-2-custom-bx .affix { top: 120px !important; } .rght-new-x.sticky { width: 236.66px !important; } .temp-2-custom-bx .affix { position: fixed; width: 236.66px !important; } .pre1 h4 { position: absolute; left: 40%; top: -18px; font-size: 17px; } .scroll-x { height: 80vh; overflow: auto; } .rght.sticky { min-width: 325px !important; } .blogttl { font-size: 15px; padding: 10px; box-shadow: 0 5px 20px 2px rgba(0, 0, 0, 0.12); font-weight: bold; min-height: 125px !important; } div#batches { background-size: cover !important; } div.bhoechie-tab-content { box-shadow: 1px 1px 8px 1px #eee; padding: 16px 20px; height: 460px; overflow: scroll; } div.bhoechie-tab-content li.cont3 { font-size: 18px; } div.bhoechie-tab-menu div.list-group > a p.cont2.mb0 { font-size: 17px; line-height: 22px; } .sticky-nav-tabs-container { bottom: -22px !important; } .bannerhome p.slider-text.white:after { bottom: -98px; } .instr-bx { bottom: -95px; } .counter { padding: 20px 0 4px 0px; } .sticky-nav-tabs, .spa-slide { height: 14vh !important; } img.img-responsive.opt { height: 394px; width: 100%; } .tab-img { padding: 0px 0px 20px 0; } } @media (min-width: 1679px) and (max-width: 1680px) { .sedtxt .comment-para { font-size: 15px !important; line-height: 22px !important; color: #656565; } .sedtxt a { font-size: 22px !important; font-weight: 400 !important; } div#style-2 ul li p { font-size: 14px !important; line-height: 22px; } div#mainNav .temp-2-custom-bx .affix { position: fixed; width: 318.98px !important; } div#style-2 ul li p { font-size: 15px; } .rght-new-x.sticky { width: 249.98px !important; } .temp-2-custom-bx .affix { position: fixed; width: 249.98px !important; } .pre1 h4 { position: absolute; left: 40%; top: -18px; font-size: 17px; } .scroll-x { height: 80vh; overflow: auto; } .blog-img-width, .feat img { width: 100%; height: 170px; } a.crtfdbutton { line-height: 30px !important; margin-top: 22px; } .blogttl { font-size: 18px; } .rghtsideblg p { line-height: 24px; } .rght { margin-top: 10px; } a.crtfdbutton { margin: 22px 0px 22px 14px; padding: 6px 14px !important; font-size: 19px !important; border-radius: 48px; } a.crtfdbutton:hover { margin: 22px 0px 22px 14px; padding: 6px 14px !important; font-size: 19px !important; border-radius: 48px; } .rght.sticky { width: 319px !important; } #layout63 .instr-bx { width: 998px; padding: 28px 0px; } div#why-Salesforce .padding0 { padding-left: 15px; padding-right: 15px; } .tab-img img { width: 95%; } .tab-img { height: 581px; } div.bhoechie-tab-content { box-shadow: 1px 1px 8px 1px #eee; padding: 16px 20px; height: 582px; overflow: scroll; } div.bhoechie-tab-content li.cont3 { font-size: 18px; } div.bhoechie-tab-menu div.list-group > a p.cont2.mb0 { font-size: 17px; line-height: 22px; } .sticky-nav-tabs-container { bottom: -22px !important; } .bannerhome p.slider-text.white:after { width: 170px; bottom: -172px; } div#Corporate { padding-top: 0px; } .rgt-icon { width: 77%; margin: 0 auto; } .instr-bx.inst2 { width: 100%; bottom: -108px !important; } img.img-responsive.opt { height: 454px; width: 328px; margin: 0 auto; } .instr-bx { background: #f7f7f7; width: 940px; bottom: -122px !important; } .getcall-box { border: 0px; border-radius: 0px; text-align: center; padding: 26px 23px; width: 100%; float: right; margin-top: 0px; } .kln .col-sm-12.col-lg-4 { width: 34%; } .tab-img { padding: 14px 0px 80px 0; } div#batches { background-size: cover !important; } } @media screen and (min-width: 1601px) { .blogdtlright h3 { font-size: 24px; padding: 20px 0 0 0; } body { font-family: 'Roboto', sans-serif; /* font-family: 'Open Sans', sans-serif;*/ position: relative; font-size: 18px; line-height: 26px; color: #222; } a { color: #222; } 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; } .container { width: 84% !important; } ul.survive li { font-size: 18px; } .blogdtlright h1 { font-size: 1.6em; } .blogdtlright h2 { font-size: 30px; } .blogdtlright h3 { font-size: 24px; } .blogdtlright h4 { font-size: 20px; } .blogdtlright h6 { font-size: 16px; } .blogdtlright h5 { font-size: 13px; } .cont2 { font-size: 22px; line-height: 30px; } .cont3 { font-size: 18px; line-height: 24px; } .dropdown-menu { font-size: 18px; } .slider-text { font-size: 40px; font-weight: 700; line-height: 40px; } .slider-cont { font-size: 22px; line-height: 34px; } .section { padding: 70px 0px; } .slider-text2 { font-size: 34px; color: #1b87cb; letter-spacing: 0; line-height: 44px; } .slider-texthome { font-size: 42px; color: #1b87cb; letter-spacing: 0; line-height: 54px; } .lead1 { font-size: 1.3em; padding-left: 28px; } .lead2 { font-size: 24px; } .getcall-box h3.slider-text2 { font-size: 34px; font-weight: bold; } .getcall-box p.cont2.dark { font-size: 20px; text-align: left; } .headbutton { font-size: 17px; font-weight: normal; } .instr-bx p.cont3.mb0 { font-size: 18px; } .blogdtlright pre { font-size: 18px; } .form-control { font-size: 17px; } .sticky-nav-tabs-container { height: 88px; } .sticky-nav-tab { font-size: 24px !important; height: 7vh !important; } .sticky-nav-tabs { height: 14vh !important; } ul.mega-menulist li { padding: 4px 12px; font-size: 16px; } div#why-Salesforce { padding-top: 88px; padding-bottom: 70px !important; } .crm p.slider-text.white, .million .counter p.slider-text.white { font-size: 44px; } .cont { font-size: 20px; line-height: 28px; } .crm, .million { height: 222px; } .padding0 { padding-left: 0px; padding-right: 0px; } .doyou p { font-size: 25px; line-height: 28px; } .counter .col-lg-4 { width: 23%; } .counter .col-lg-3 { width: 20%; } .crm p.slider-text.white, .million p.slider-text.white { font-size: 48px; } .doyou { background: #f7f7f7; color: #360d0e; padding: 22px 10px; box-shadow: 1px 1px 8px 1px #c5bdbd75; width: 100%; float: left; } .td-start { font-size: 20px !important; padding: 20px 0px; } .td-txt { font-size: 20px; } .dat { font-size: 17px; } .kln { margin-top: 102px; } .est { font-size: 14px; margin-bottom: 0px; } .btn-store, .btn-store2 { font-size: 15px !important; padding: 6px 14px; } .btn-store1 { padding: 6px 16px !important; } .headbutton1 { font-size: 17px; } .percentage { height: 453px; } .asper p.cont.white.mb0 { line-height: 28px; font-size: 21px; } .jobsare { padding: 8px 10px; } .cert { font-size: 40px; text-align: center; font-weight: 700; } .td-txt { padding: 16px 0px; } .half img { width: 406px; margin: 20px auto 10px auto; } .lead3 { font-size: 27px; padding-bottom: 20px; } .inst2 i.fa { font-size: 20px; } div#batches { background-size: cover !important; } #Course p.course.red { font-size: 34px; } div.bhoechie-tab-menu div.list-group > a.active p.form-head { background: #eda900; font-weight: bold; color: #000; font-size: 16px; } 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 { padding: 20px 10px; } div.bhoechie-tab-menu div.list-group > a { padding: 20px 10px; } .lead2 { font-size: 28px; } div.bhoechie-tab-content ul li { font-size: 21px; line-height: 32px; } 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); } .tab-img img { width: 79%; margin: 14px auto 14px auto; } .tab-img { padding: 20px 0; } #Corporate img { width: 872px; } .wehave p.lead3.red { line-height: 34px; font-size: 30px; } .wehave .lead3:after { top: 32%; } .wehave { margin: 54px 0 0 -160px; padding: 54px 70px; } .wehave .slider-text { font-size: 48px; line-height: 58px; } .grace p.lead2.dark { font-size: 26px; margin-bottom: 8px; } .faq-acor .panel-title > a { padding: 12px 15px; font-size: 20px; } .still p.slider-text.dark { font-size: 34px; } .still.maria p.slider-text.dark { font-size: 36px; font-weight: normal; } .still.maria span.red { font-size: 30px; font-weight: bold; } p.nophone { font-size: 34px; margin-top: 0px; } .grace p.lead4.red.mb0 { line-height: 54px; font-size: 28px; } .lineon { position: relative; line-height: 46px; font-size: 28px; } .footlnk li a { font-size: 20px; line-height: 36px; } .lead3:after { top: 32%; } #resp-tab1 span.cont { font-size: 24px; line-height: 28px; } nav.navbar .navbar-brand img.logo { margin: 6px 0 0; width: auto; } nav.navbar.bootsnav ul.nav > li > a { padding: 33px 20px; font-size: 22px; } ul.phone-strip { padding: 26px 0px; font-size: 22px; } li.mob-btn { border-radius: 48px; line-height: 40px; width: 194px; margin: 22px 0px 22px 14px; } nav.navbar .navbar-brand img.logo { margin-top: 14px; } .modal { z-index: 1111111 !important; } .half { padding: 46px 0px; } .grace-bx { height: 440px; } .blogdtlright td { padding: 5px 14px; font-size: 16px; } } @media (min-width: 1900px) and (max-width: 1920px) { .sedtxt .comment-para { font-size: 15px !important; line-height: 22px !important; color: #656565; } .sedtxt a { font-size: 22px !important; font-weight: 400 !important; } .temp-2-custom-bx .affix { width: 303.73px; } div#mainNav .temp-2-custom-bx .affix { width: 306.16px !important; } .scroll-x li { border-bottom: 0px; padding: 2px 0px; } div#style-2 ul li p { font-size: 16px !important; } .scroll-x li a { padding: 10px 10px; color: #323232; font-size: 14px; line-height: 20px; } .rght-new-x.sticky { width: 287.16px !important; } .blogdtlright li { font-size: 1em; line-height: 1.5em; text-align: left; padding-bottom: 10px; } .blogdtlright p { font-size: 1em; line-height: 1.5em; text-align: justify; margin-bottom: 10px; } .temp-2-custom-bx .affix { position: fixed; top: 140px !important; width: 287.16px; margin: 0; } nav.navbar .navbar-brand { padding: 11px 0; float: left; } .blog-img-width, .feat img { width: 100%; height: 196px; } a.crtfdbutton { margin: 22px 0px 22px 14px; padding: 10px 14px !important; font-size: 19px !important; border-radius: 48px; } a.crtfdbutton:hover { margin: 22px 0px 22px 14px; padding: 10px 14px !important; font-size: 19px !important; border-radius: 48px; } .blogttl { font-size: 18px; } .rghtsideblg p { line-height: 24px; } .rght { margin-top: 10px; } a.crtfdbutton:hover .blogttl { font-size: 15px; padding: 10px; box-shadow: 0 5px 20px 2px rgba(0, 0, 0, 0.12); font-weight: bold; min-height: 130px; } .rght.sticky { width: 369px !important; background: #f7f7f7 !important; } div#batches { background-size: cover !important; } .sticky-nav-tabs-container { bottom: -22px !important; } .bannerhome p.slider-text.white:after { width: 170px; bottom: -172px; } img.img-responsive.opt { height: 454px; width: 392px; } .instr-bx { border-radius: 62px; padding: 30px 0px; font-size: 18px; bottom: -122px; } .getcall-box { padding: 28px 28px; width: 100%; } .headbutton { font-size: 17px; font-weight: normal; } .kln .col-sm-12.col-lg-4 { width: 30%; } img.img-responsive.opt { height: 454px; width: 377px; } .whtlogo { width: 100%; float: left; } .instr-bx.inst2 { position: initial; } .instr-bx.inst2 .cont2 { font-size: 21px; line-height: 30px; } div#why-Salesforce { padding-top: 88px; padding-bottom: 70px !important; } .iconav { width: 40px; height: 40px; } img.img-responsive.opt { height: 454px; width: 378px; } ul.phone-strip { padding: 30px 0px; font-size: 22px; } .sticky-nav-tab-slider { bottom: -1px !important; } .tab-img { padding: 50px 0px 80px 0; } .instr-bx p.cont3.mb0 { font-size: 18px !important; } div.bhoechie-tab-content { height: 608px; } .tab-img img { width: 79%; margin: 14px auto 14px auto; } .best p.lead3 { margin-bottom: 0px; font-size: 25px; } .best { margin-top: 0px; margin-bottom: 40px; font-size: 30px; } .panel-title > a { font-size: 22px !important; text-decoration: none; } } /*css*/ .content .header { display: none; } .blog-img-width, .feat img { width: 100%; } Just a moment...

Month End Offerl : Get 30% OFF + $999 Study Material FREE - SCHEDULE CALL

Select Course
Blog
Corporate Training

+1 202 599 3842

(4.8/5 ) | 1.5K+ Ratings

- Salesforce Blogs -

How to Prepare For Salesforce Developer Interview Questions?-Tips and Tricks? Beginners Tips!

How to Prepare For Salesforce Developer Interview Course

Content Index

Introduction
Things to do
Bring a copy of your resume to every interview
Get to know the company
Show them your energy and willingness to work
Talk about yourself
Be Respectful of the Interviewers
Be On-Time to the Interview
Speak with Energy and Provide True Details
Practice your answers to common interview questions
Prepare for frequently asked technical interview questions
Salesforce Developer Interview Session
Conclusion

Introduction

Interview- one formal meeting that scares the best of the professionals out there. Many staffing agencies have disclosed that most of the job seekers that approach them are scared about the interview the most. This hesitation or fear of interviews is nothing but natural and we all go through it. If you are someone who is just starting his career you may be scared more than the others because obviously an experienced professional must have already taken an interview before, but for a beginner, it can be really worrying as he has no experience of being interviewed before. If you are a novice in the Salesforce Development field, we are here to give you some beginner's hacks to crack a job interview. We will take you on a joy ride of learning how to answer Salesforce Developer interview questions. c. Enroll yourself in a Salesforce developer demo class to learn the aspects and basics of the profession. This blog will cover the following sections-

Enroll yourself in our Salesforce Training program and master the concepts of Salesforce like never before.

Salesforce Training For Administrators & Developers

No cost for a Demo Class
Industry Expert as your Trainer
Available as per your schedule
Customer Support Available

Enrol For a Free Demo Class

Things to do

The first thing that you should do is to read the most frequently asked Salesforce developer interview questions and answers. There are many sites that have listed down the popular Salesforce developer interview questions and answers. You have to see the level of experience you are expected to have. This is because if you are an intermediate level professional you should read the list of commonly asked Salesforce developer interview questions and answers for 3 years experience. If you are an experienced professional then you should read about Salesforce developer interview questions and answers for experienced professionals.

Here are a few additional tips that might help you in an interview that will get you hired as a Salesforce Developer followed by a list of some frequently asked Salesforce Developer interview questions. and beginners as well-

Bring a copy of your resume to every interview.

Have a copy of your resume with you when you go to each interview. In the event that the questioner has lost his or her copy, you'll spare a great deal of time (and shame on the questioner's part) if you can simply hand them over your additional copy out and hand it over.

Read: All About Salesforce Certifications You Must Know

Get to know the company

Scrutinize thoroughly the organization's site. Watch Marc Benioff's latest keynote on Salesforce. Take a gander at the @SalesforceOhana social pages to get the feel of the whole Salesforce concept. Go through the organization's Glassdoor page. Have the ability to verbalize what the organization does, their personality, and why you would want to work with them in a 30-second lift pitch.

Show them your energy and willingness to work

Be prepared to enthusiastically express what is most imperative to you and how that lines up with the association's focal objective. Your energy says such an extraordinary sum about what you can pass on to the table and is what isolates you from different competitors showing up in a similar interview.

Talk about yourself

Organizations like people who acknowledge they have had some noteworthy experiences and bits of information and aren't shy about sharing them. At the point when the organizations present social questions starting with, "Tell us about a time when you … ", settle in and reply to the questioner with some extraordinary narration of your skills and the way you had tackled that situation. Bring ideas.

See yourself as a downsized focal center point for the contracting chief. You bring a fresh perspective and can give critical information. Doing thusly accomplishes two key things for you: First, it shows that you're a fundamental researcher who's ceaselessly coming up with ways to deal with ways of moving ahead. Second, it empowers you to position yourself as the issue solver — the person who will come in finally help the enrolling administrator settle on what she likely certainly knows is a fragile point. This, unmistakably, makes you a much more likable candidate.

Be cautious of one trap: if you offer your hiring chief a valuable analysis, be set up to likewise propose an answer. Condemning the work things without offering any considerations for improvement won't support you.

Be Respectful of the Interviewers

Give the utmost respect to the questioners that are directing the meeting and are putting forth the questions. The people are continually composing notes about your answers and your conduct. This is their initial introduction of you other than what's on your resume, you need to ensure that you leave an enduring positive impression on the organization!

Salesforce Training For Administrators & Developers

Read: Queueable Apex Job

Personalized Free Consultation
Access to Our Learning Management System
Access to Our Course Curriculum
Be a Part of Our Free Demo Class

Be On-Time to the Interview

Make it a point to reach your place of the interview at least something like 10 minutes before the scheduled time. The organization will acknowledge your opportuneness and being prompt. It will likewise allow you to go over your reactions to the inquiries just as to ensure you look great and feel better!

Speak with Energy and Provide True Details

Try to dependably have a great deal of positive vitality and just give genuine insights regarding your past business or accomplishments. Try not to LIE about anything in your meeting. An organization won't have any desire to enlist somebody on false data.

Practice your answers to common interview questions.

Set up your responses to the regular interview questions such as: Tell me something about yourself? Why do you want to be a Salesforce Developer? What do you think is your greatest virtue? Etc. The thought is to rapidly impart your identity and what value you will convey to the organization and the job—it's your own lift pitch.

Prepare for frequently asked technical interview questions.

Well, every field has got a certain basic set of questions by which they determine whether or not the candidate is worthy enough to be shortlisted. All you have to do is to see what are the most frequently asked Salesforce Developer interview questions and answers and then practice them thoroughly. Make sure that you have got your basics right and try to show your credibility and experience through various means like .volunteering, internship and certification experience.

The list of Salesforce Developer interview questions and answers are only going to help you as long as you are trying to follow all the steps mentioned above. You should not blindly rely on learning by heart all the answers to the popular Salesforce developer job interview questions. The tips listed above are equally important.

Salesforce-Developer-Interview-Tips-for-Beginners-info

Read: How to Create Your First Approval Process in Salesforce

Most Frequently Asked Questions of a Salesforce Developer Interview Session

Here is a list that tells you about the most commonly asked questions of an interview for a Salesforce Developer-

What do you understand by Apex in Salesforce?
What is the Apex Programming Language?
When would you Use Apex?
Explain the working of Apex?
What is the Apex Email Service?
What do you understand by the Map Class in Apex Salesforce?
What is SOQL?
Is it possible for two users to have the same profile?
Also, can the two profiles be
ing assigned to the same user?
What do you understand by the Governor Limits in Salesforce?
What is a sandbox org in Salesforce?
What are the different types of sandboxes in the Salesforce instance?
Is it possible to edit an apex trigger/ apex class in a production environment? Can you edit a Visualforce page in the production environment?
List the different data types that a standard field record name can have?
Why are Visualforce pages served from a different domain?
What is WhoId and WhatId in activities?
What is the purpose of writing sharing rules?
Can you utilize the sharing rules to restrict the data access?

Learn Salesforce in the Easiest Way

Learn from the videos
Learn anytime anywhere
Pocket-friendly mode of learning
Complimentary eBook available

Buy Self-learning at Discounted Price

Conclusion

Do not worry, it is just an interview. Be confident about your skills. You can do it. All you have to do is to concentrate on the questions that are asked and do not go off track if you do not know the answer. It is ok! That is not the end of the world. Read our list of Salesforce developer interview questions. It will definitely help you in your interview?

Salesforce Tutorial Overview

Introduction

Salesforce Vs. Different Technologies

Interview

Careers

Useful Resources

FaceBook

Twitter

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

Salesforce Course
Upcoming Batches

Jul

Mon - Fri

6 Weeks

Jul

Mon - Fri

6 Weeks

Jul

Mon - Fri

6 Weeks

Aug

Mon - Fri

6 Weeks

View Detail

Trending Courses

Gen AI

Introduction to Generative Models
Generative Adversarial Networks (GANs)
The Art and Science of Prompt Engineering
MLOps: Deploying Generative AI Models

Upcoming Class

-0 day 14 Jul 2026

View Details

Agentic AI

Introduction to Agentic AI
Multi-Agent Setup with LangGraph Context Handling in Graphs
Performance Benchmarking Advanced Prompt Engineering for Agents
Agent Behavior Tuning Project and Mock Session

Upcoming Class

10 days 24 Jul 2026

View Details

AI in Automation Testing

Intro to AI & ML in Automation
Playwright + JS (JavaScript) + API Tesng
Automaon with Using ChatGPT & Playwright MCP server
GitHub Copilot, AI Tools & Interview preparation

Upcoming Class

3 days 17 Jul 2026

View Details

Cyber Security

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

Upcoming Class

-0 day 14 Jul 2026

View Details

Data Science

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

Upcoming Class

3 days 17 Jul 2026

View Details

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

Upcoming Class

4 days 18 Jul 2026

View Details

Salesforce Service Cloud

Industry Knowledge Introduction
Adoption and Maintenance
Interaction Channels Introduction
Integration and Data Management

Upcoming Class

31 days 14 Aug 2026

View Details

AWS

AWS & Fundamentals of Linux
Amazon Simple Storage Service
Elastic Compute Cloud
Databases Overview & Amazon Route 53

Upcoming Class

4 days 18 Jul 2026

View Details

Browse Categories

How to Update, Insert, Export or Delete Data Using Apex Data Loader?

Feb 09, 2024 eye-dark

337.8k

How to Install and Use Salesforce ANT Migration Tools?

Oct 26, 2022 eye-dark

879.6k

Top 10 Salesforce Influencers to Follow, Who are Pros!

Jun 24, 2021 eye-dark

5.8k

Search Posts

Reset

How to Update, Insert, Export or Delete Data Using Apex Data Loader? 337.8k

How to Install and Use Salesforce ANT Migration Tools? 879.6k

Top 10 Salesforce Influencers to Follow, Who are Pros! 5.8k

Salesforce Admin Certification Exam Guide-How to pass it? 257k

What Is Trigger In Salesforce? 581.3k

Salesforce Course
Upcoming Batches

Jul

Mon - Fri

6 Weeks

Jul

Mon - Fri

6 Weeks

Jul

Mon - Fri

6 Weeks

Aug

Mon - Fri

6 Weeks

View Detail

Receive Latest Materials and Offers on Salesforce Course

By submitting my contact details, I agree Privacy Policy ... and I consent to receiving SMS/call/email, including marketing and promotional SMS. Read More

Scroll

How to Prepare For Salesforce Developer Interview Questions?-Tips and Tricks? Beginners Tips!

Content Index

Introduction

Things to do

Bring a copy of your resume to every interview.

Get to know the company

Show them your energy and willingness to work

Talk about yourself

Be Respectful of the Interviewers

Be On-Time to the Interview

Speak with Energy and Provide True Details

Practice your answers to common interview questions.

Prepare for frequently asked technical interview questions.

Most Frequently Asked Questions of a Salesforce Developer Interview Session

Conclusion

Salesforce Tutorial Overview

Introduction

Salesforce Vs. Different Technologies

Interview

Careers

Useful Resources

JanBask Training Team

Comments

Trending Courses

Browse Categories

Related Posts