Just a moment...
/*Typography=========================== */ @import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); html, body { width: 100%; height: auto; margin: 0; padding: 0; font-family: 'Urbanist', sans-serif; } .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: 'Urbanist', 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: rgba(255,255,255,.5); 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: 0px; } .blog-img-width, .feat img { width: 100%; /* height: 147px; */ } .getcall-box { border: 0px!important; 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: 24px auto 24px 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: #032d60; margin-top: 20px; margin-bottom: 10px; } .blogdtlright h4 { font-size: 18px; font-weight: 500; line-height: 25px; margin-top: 20px; color: #032d60; 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; width: 298px; 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; } 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; } /* Interview CSS */ .pageheading { color: #032d60; font-size: 24px; font-weight: 700; padding: 0px 10px 14px 10px; margin-bottom: 0px; margin-top: -14px; } input#myInput { width: 92%; padding: 3px 7px; border: 1px solid #dcdbdb; border-radius: 0px; margin: 8px 10px 28px 10px; } .pageheading a{ color: #032d60; font-weight: 800; } .bluetxtNew{ color: #032d60; } ul#myUL li.list-menu-left { font-size: 15px; line-height: 17px; font-weight: 700; cursor: pointer; } ul#myUL li:hover{ background: rgb(234, 245, 254); } li.third-child-menu-left a { font-size: 13px!important; font-weight: 400; line-height: 16px; display: block; } ul#myUL li a{ color: #032d60; } li.list-menu-left.third-child-menu-left { padding-left: 26px!important; } .sidenav i.fa.fa-arrow-right:before, .sidenav i.fa-arrow-left:before{ content: none; } .mb0{ margin-bottom: 0px; } li.list-menu-left.four-child-menu a { padding-left: 10px; } li.third-child-menu-left i.fa.fa-arrow-right { right: initial; left: 0px; font-size: 14px!important; } .scroll-now1 { overflow-y: scroll; max-height: 502px; } body#body-interview div#indepe { background: linear-gradient(135deg,rgb(14 6 75),rgb(35 104 90 / 92%))!important; } #body-interview nav.navbar .navbar-brand img.logo { margin: 2px 0 0; } .section.section1.bannerhome.tpl .kln p.slider-text { margin-left: 20px; } #body-interview #topfiltrbtn button.buttonctadarkbtn.btn, #body-interview #topfiltrbtn a.buttonctadarkbtn.btn { border-radius: 0px; border: 0px; height: 50px; } #body-interview select#subcatefory, #body-interview select#filtercategory { height: 50px; border: 1px solid #ddd; border-radius: 0px; /* box-shadow: inset 0 1px 6px 2px rgb(227 227 227 / 99%); */ font-weight: 600; } .section.section1.bannerhome.postDetailsBg { margin-top: 96px; } .getcall-box.fixed-form-banner p.cont.mb0 { display: none; } body#body-interview div#indepe { top: 0px; } #body-interview nav .navbar-nav ul.dropdown-menu.mega-menu { z-index: 1; left: -204px; min-width: 771px!important; } #body-interview .section.section1.bannerhome.tpl { margin-top: 124px; } body#body-interview div#indepe{ /* position: initial!important; */ } body#body-interview .fxhd { /* position: initial!important; */ /* top: 0px; */ } #body-interview .getcall-box { box-shadow: none; } #body-interview .section.section1.bannerhome.tpl .kln p.slider-text { margin-top: 20px; } .getcall-box.fixed-form-banner .getcall-boxTxt { /* margin: 0 auto; */ /* display: table; */ width: 85%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } #body-interview .blogttll p { margin-bottom: 6px; height: 68px; } #body-interview .card-hover1 { box-shadow: none; margin: 8px 18px; } #body-interview .thumbdt, #body-interview .thumbview, #body-interview .thumbrdmr, #body-interview .crsprc, #body-interview .crstm { font-size: 0.7em; } #body-interview span.category_name { position: initial; left: 15px; background: transparent; font-size: .7em; font-weight: 700; padding: 0px; color: #ab2927; border-radius: 0; width: fit-content; display: block; line-height: 1em; } #body-interview .lead1 { font-size: 1.7em; padding-left: 28px; } #body-interview #bannerform.fixed-form-banner select#subcatefory, #body-interview #bannerform.fixed-form-banner select#filtercategory { height: 48px; border-radius: 0px; box-shadow: none; font-weight: 600; } .fixedstripbg .form-group { margin-bottom: 0px; } #body-interview #bannerform.fixed-form-banner #topfiltrbtn button.buttonctadarkbtn.btn, #body-interview #bannerform.fixed-form-banner #topfiltrbtn a.buttonctadarkbtn.btn { height: 48px; } #body-interview #bannerform { /* top: -140px; */ transition: 2s ease; /* position: absolute; */ width: 100%; background: #edf2f5; } #body-interview .textinfoleft.blogtrnd .cont { font-size: 20px; line-height: 28px; color: #23527c!important; font-weight: 700; } .textinfoleft.blogtrnd ul.Real li { font-size: 12px; line-height: 15px; font-weight: 500; text-align: left; } .section.section1.bannerhome.postDetails { position: fixed; width: 100%; top: 0px; z-index: 222; } #body-interview .kln1 h1.slider-text.dark { margin-bottom: 0px; } .salesforceHome .getcall-box.panel.panel-default { padding: 0px !important; margin: 0px; } .salesforceHome .kln { padding: 0px 16px; margin-top: 0px; } .blogdtlright.new-blog-ak h4 { color: #032d60; } .blogdtlright blockquote { padding: 10px 20px; margin: 24px 0!important; font-size: 17.5px; border-left: 5px solid #eee; } /* Fontawsome */ .sprfwq:after { border-left: 0px!important; } #arrow-sidebarMob, .closebtnMob{ display: none; } .ctmn3.col-lg-4.col-md-4.col-sm-12.col-xs-12 { margin-bottom: 10px; } .blogdtlright p { text-align: left; /* font-family: 'Poppins', sans-serif; */ } .blogdtlright p { font-size: .93em; line-height: 1.3em; text-align: justify; margin-bottom: 10px; font-weight: 500; } #myUL .active { background: rgb(234, 245, 254); box-shadow: rgb(27 150 255) 4px 0px 0px 0px inset; border-radius: 0px; font-weight: 700; } a.closebtn { position: absolute; z-index: 11; color: #fff; font-size: 32px; right: -40px; top: 4px; display: none; background: #ab2927; padding: 4px 14px; border-radius: 4px; } .sidenav { width: 298px; position: absolute; z-index: 1; top: 0; left: 0; transition: 0.5s; background: #f7f7f7; height: 100%; } #myUL .display-none { display: none; } .second-child-menu-left { padding: 3px 25px !important; } ul#myUL { padding: 0; margin: 0; /* font-family: 'Poppins', sans-serif; */ } li.list-menu-left.third-child-menu-left.me1-30.sssppptt-1.arrow-class.drop-toggle.active { background: #ffffff !important; } ul#myUL li { list-style: none; padding: 10px 15px; margin: 1px; border-bottom: 1px solid #d5d5d545; position: relative; font-weight: 500; background: #fff; } ul#myUL li.list-menu-left a { font-size: 15px; line-height: 17px; text-decoration: none; } #myUL i.fa.fa-arrow-right { font-size: 17px; margin: 0 0 0 15px; font-weight: bold; cursor: default; position: absolute; top: 50%; right: 10px; transform: translate(0, -50%); } #myUL .active a { color: #000; } #myUL .active { background: #eaf5fe; } .getcall-box h3.slider-text2 { font-size: 34px; font-weight: bold; padding-top: 0px; margin-bottom: 30px; color:#032d60; } ul#myUL li a { cursor: pointer; } .sidebarbg { padding-top: 28px; } span#arrow-sidebar { position: absolute; right: -10px; background: #ab2927; padding: 2px 11px; border-radius: 4px; color: #fff; top: 16px; z-index: 11; cursor: pointer; } .blogdtlright ul, ol { padding: 0px 24px; } .blogdtlright li { padding-bottom: 10px; font-size: .93em; line-height: 1em; text-align: justify; margin-bottom: 0px; font-weight: 500; list-style: square; } div#contentboxdetail { padding: 0px 54px 80px 54px; } div#rightarea { margin-left: 298px; transition: 0.3s; } .section.section4.postbx .container-fluid { margin: 0px 0px; } .media.motivationalBx { box-shadow: 0 5px 20px 2px rgb(0 0 0 / 12%); } #body-interview .media.motivationalBx .blogttll p { margin-bottom: 0; height: auto; } #body-interview ul.mega-menulist li { padding: 4px 12px; font-size: 14px; font-weight: 600!important; } #body-interview .temp-2-custom-bx .affix { top: 108px; } .tab-pane .tab.col-md-6 { min-height: 464px; } #body-interview .breadcrumb li a { color: #f7f7f7; font-size: 15px; } #body-interview ul.nav.nav-pills.nav-stacked li a { font-size: 14px!important; padding: 0px 0px!important; text-align: left!important; font-weight: 600!important; } #body-interview .dropdown-menu>li>a { display: block; padding: 3px 20px; clear: both; font-weight: 600; line-height: 1.42857143; color: #000; white-space: nowrap; } .viewTxt a { color: #ab2927; text-align: center; width: fit-content; padding: 4px 12px; border-radius: 4px; font-weight: 600; font-size: 16px; text-decoration: none; float: right; } .media { display: flex; margin-bottom: 20px; padding: 10px 10px; min-height: 100px; } #body-interview .blogttll { margin: 0px 0px 0px 15px; font-size: 1.2em; font-weight: bold; margin-bottom: 0px; line-height: 1.3em; } .media-body { width: 84%; } .newsImg { width: 100px; position: relative; border-radius: 4px; } .blogttll p a { border-bottom: none; color: #23527c; text-decoration: none; } .stripHeading{ background: #f7f7f7; padding: 20px 0px; align-items: center; display: flex; margin-bottom: 20px; } code.language-.language-none { font-size: 14px; color:#000; } .dx-theme-light .divider { background: #b6b6b6; width: 2px; height: 58%; margin: 0px 4px; } .toolbar { /* border-radius: 0.3em 0.3em 0px 0px; opacity: 1; display: flex; align-items: center; height: 40px; background: #eee; justify-content: flex-end; padding: 0px 10px; */ border-radius: 0.3em 0.3em 0px 0px; opacity: 1; display: flex; align-items: center; height: 40px; background: #eee; justify-content: flex-end; padding: 0px 10px; border: 1px solid #e6e6e6; } .codeblock.line-numbers { margin-top: 0px; border-color: #dedede; border-radius: 0px 0px 2px 2px; } .codeblock.line-numbers { margin-top: 0px; } .dx-theme-light.black .codeblock.line-numbers { color: #fff; } .dx-theme-light.black .language-css .token.string { color: #fff !important; } .dx-theme-light pre.codeblock.line-numbers.language-none { margin-top: 0px; border: 0px; } .dx-theme-light.grey .codeblock{ background: #f7f7f7!important; } .dx-theme-light.black .codeblock{ background: #001639!important; } .dx-theme-light.black code.language-.language-none { font-size: 14px; color: #fff; } .dx-theme-light.grey .toolbar { background: #eee!important; } .dx-theme-light.black .toolbar { background: #1e2d50!important; } .dx-theme-light.black dx-button.btn.update-theme-btn, .dx-theme-light.black dx-button.btn.copyCode-btn{ color: #fff; } .dx-theme-light.black .code-block-content pre.codeblock.line-numbers.language-none { border-radius: 0px 0px 10px 10px; } .thumbdt a { color: #ab2927; text-decoration: none; } .dx-theme-light pre.codeblock.line-numbers.language-none { margin-top: 0px; border: 0px; line-height: 18.5px; } .section.section1.bannerhome.salesforceHome { margin-top: 126px; } nav#heder { box-shadow: 0px 0px 6px #d2d2d2; } .refer { font-size: 15px; font-weight: 500; width: 148px; display: block; margin: 18px auto 20px; line-height: 36px; border: 1px solid #777; border-radius: 5px; padding: 0; float: left; text-align: center; } .refer a{ color: #fff; } .browse-cat-bx1 { background: #515456; padding: 0px 0 50px 0!important; } .browse-cat-bx1 li a, .sprf li a, .tutori-bx a { color: #fff; font-size: 14px; } .col-lg-12.tutori-bxs { margin-top: 34px; } .lead-custom { margin-bottom: 0px; } .sprf li { width: fit-content!important; padding: 10px 15px 10px 0px!important; list-style: none; float: left!important; line-height: 15px; position: relative; } .tutori-bx p { float: left; padding: 0px 14px 0px 0px; position: relative; } .sprf li:after, .tutori-bx p:after { position: absolute; content: ''; top: 50%; right: 6px; width: 1px; height: 14px; background: #fff; transform: translate(0,-50%); } .browse-cat-bx1 li a:hover, .sprf li a:hover, .tutori-bx a:hover{ color:#eee; } .footerhr { background: transparent; padding: 0; margin: 0; margin-top: 48px; border-top: 1px solid #3f3f3f; } .footer-copyright.text-center.py-3.mb0.white { background: #000; padding: 20px 0px 60px 0px!important; } /* .search-course .slick-track { width: auto!important; } */ /* .nav-menu li { list-style: none; padding: 10px 15px; margin: 1px; border-bottom: 1px solid #d5d5d545; position: relative; } ul.nav-menu.align-to-right { padding: 0; margin: 0; } .nav-menu i.fa.fa-arrow-right { position: absolute; right: 0px; top: 50%; font-size: 20px; transform: translate(-50%,-50%); } li.navdropdown, li.navdropdown a { position: relative; cursor: pointer; } .nav-dropdown { min-width: 180px; margin: 0; padding: 0; display: none; position: relative; list-style: none; z-index: 98; white-space: nowrap; } .nav-menu > li > a { display: block; text-decoration: none; font-size: 14px; transition: color 0.3s, background 0.3s; color: #032d60; font-weight: 600; font-size: 15px; line-height: 17px; } */ /*End Interview CSS */ .section.section4.postbx { margin-top: 100px; } .bannerhome.postDetailsBg{ padding: 20px 54px; } ul#myUL::-webkit-scrollbar { width: 10px; } /* Track */ ul#myUL::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 0px; } /* Handle */ ul#myUL::-webkit-scrollbar-thumb { background: #ab2927; border-radius: 0px; } /* .preButton .next { background-color: #ab2927; color: white; padding: 8px 30px; font-weight: 700; } .preButton .previous { background-color: #f1f1f1; color: black; padding: 8px 30px; font-weight: 700; } */ /* .preButton { margin-top: 48px; } */ .preButton { margin: 48px 0px; float: left; width: 100%; } .preButton .previous { background-color: #ab2927; color: white; padding: 8px 30px; font-weight: 700; float: left; width: 170px; text-align: center; } .preButton .next { background-color: #ab2927; color: white; padding: 8px 30px; font-weight: 700; width: 170px; text-align: center; }Just a moment...
Just a moment...

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

sddsfsf

What is Data Integrity in SQL Server?

 

Data storage is the fundamental function of a database. This data is used for reporting and analysis. Different tables are used to store the database's data. To the greatest extent possible, error reduction is critical. Data errors and duplicates must also be avoided. We refer to this as maintaining the integrity of the data. By imposing a variety of constraints, we safeguard the database's integrity.

In the following paragraphs, we will discuss various SQL data integrity features. Understanding the Data integrity in SQL begin with the understanding of SQL Server; you can get an insight about the same through our online SQL server training.

 What is Data Integrity in SQL Server?

The overall accuracy, completeness, and dependability of data are referred to as data integrity. Error-free data can be demonstrated by the absence of variation between two instances or consecutive updates to a record.

Different Types of Data Integrity in SQL

Different types of data integrity are as follows

1) Entity Integrity

2) Domain Integrity

3) Referential Integrity

4) User-Defined Integrity

Data Integrity in SQL Server

Entity Integrity: For a fixed table, entity integrity defines a row like a unique entity. The modifier column's attribute or a table's primary key is applied by entity integrity.

Domain Integrity: The authority of the data for a particular column is known as domain integrity. The size of the possible values, the data type, or the pattern can all be used to achieve domain integrity.

Referential Integrity: This constraint is used to regulate the flexibility of the rows and is described between the two tables. If a record contains related records, you are unable to delete or change a value from the table. A value that does not exist in the primary key of the primary table cannot be entered into the foreign key field of the table. However, you can define that the data are distinct by inserting a null value into the foreign key.

User-Defined Integrity: Business laws may require prompting for subsequent actions whenever a particular action occurs.

When designing a database, constraints and normalization techniques are used to ensure the integrity of the data. In the following section, we will learn in-depth how to insert these features into the database.

What is Constraints in SQL Server

  • SQL constraints are used to define rules for a table's data.
  • A constraint is a method for limiting the types of data that can be included in a table. The reliability and accuracy of the data in the table are guaranteed by this. The action is aborted if there is a violation between the constraint and the data action.
  • Constraints can be placed at the table or column level. Constraints at the table level apply to the entire table, whereas those at the column level apply to a single column.

Next, we'll learn how to use constraints in SQL integrity check  databases.

Different Types of SQL Server Database Constraints

  • NOT NULL - Ensures that a column cannot have a NULL value

Syntax for implementing null constraint in a table using T-SQL is as follows

CREATE TABLE Persons (

ID int NOT NULL,

    LastName varchar(255) NOT NULL,

FirstName varchar(255) NOT NULL,

Age int

             );

The Output Looks Like Below

  • UNIQUE - Ensures that all values in a column are different

Syntax for the unique constraint is as follows

CREATE TABLE Persons1 (

ID int NOT NULL UNIQUE,

LastName varchar(255) NOT NULL,

FirstName varchar(255),

Age int

);

The Output Looks Like Below

  • PRIMARY KEY - A combination of a NOT NULL and UNIQUE. Uniquely identifies each row in a table

Syntax for declaring primary key is as below

CREATE TABLE Persons2 (

ID int NOT NULL,

LastName varchar(255) NOT NULL,

FirstName varchar(255),

Age int,

CONSTRAINT PK_Person PRIMARY KEY (ID, LastName)

);

The Output Looks Like Below

  • FOREIGN KEY - Prevents actions that would destroy links between tables

Syntax for creating the foreign key is as below

CREATE TABLE Orders (

OrderID int NOT NULL PRIMARY KEY,

OrderNumber int NOT NULL,

PersonID int FOREIGN KEY REFERENCES Persons(PersonID)

);

  • CHECK- Ensures that the values in a column satisfy a specific condition

The syntax for SQL integrity check constraint is as below

CREATE TABLE Persons5 (

ID int NOT NULL,

LastName varchar(255) NOT NULL,

FirstName varchar(255),

Age int CHECK (Age>=18)

);

The Output is as Below

  • DEFAULT - Sets a default value for a column if no value is specified

The syntax for default constraint is as below and know more about how to add a default constraint when creating a table in SQL server.

CREATE TABLE Persons6 (

ID int NOT NULL,

LastName varchar(255) NOT NULL,

FirstName varchar(255),

Age int,

City varchar(255) DEFAULT 'Sandnes'

);

The Output is as Below

  • CREATE INDEX - Used to create and retrieve data from the database very quickly

The syntax for create index is as below

CREATE INDEX index_name

ON table_name (column1, column2, ...);

Advantage of SQL Server Database Constraints

The following are some of the benefits of database constraints:

  • They prevent incorrect data from being entered into relevant tables.
  • Put business logic into action at the database level.
  • Important database rules are documented.
  • Integrity in the relationship between any number of tables can be enforced.
  • Improve the performance of the database.
  • Instill a sense of individuality.

Disadvantage of SQL Server Database Constraints

  • Constraints can't handle varying data

Normalisation in SQL Server

What is data normalization? The process of removing redundant data from the table and improving its integrity is known as normalization. Additionally, normalization aids in the database's data organization. Sets the data into tabular form and removes duplicate data from relational tables in multiple steps.

Types of Normalisation

First Normal Form

  • If the atomicity of a table is 1, it is considered to be in its First Normal Form.
  • In this case, atomicity stipulates that a single cell cannot contain multiple values. It can only contain one attribute with one value.
  • The composite attribute, multi-valued attribute, and their combinations are not supported by the First normal form.

Second Normal Form

  • The table must be in First Normal Form as the first requirement for it to be in Second Normal Form.
  • The table shouldn't have any partial dependencies. Because of this partial dependency, the appropriate subset of the candidate key ought to provide a non-prime attribute.

Third Normal Form

  • The table must first be in the Second Normal Form in order for the table to be in the Third Normal Form.
  • Non-prime attributes, which are not part of the candidate key, should not be dependent on other non-prime attributes in a table. The second condition is that there should be no transitive dependency for non-prime attributes. Because of A  B and B  C (where it is not the case that B  A), a transitive dependency is a functional dependency in which A  C (A determines C) indirectly.
  • The third Normal Form ensures that data duplication is reduced. Additionally, it is utilized for data integrity.

Boyce Codd Normal Form

Another name for Boyce Codd Normal Form is 3.5 NF. Raymond F. Boyce and Edgar F. Codd created this superior version of 3NF to address specific anomalies that could not be resolved by 3NF.

Conclusion

In the above writeup, we have discussed SQL Server check database integrity. We have also discussed about different methods on how to implement SQL Server integrity check in the database. We learned about different types of constraints and also about normalization. Hope this can be an introductory text for readers who wants to study about SQL database integrity check and encourages them to study further on the topic. Additionally, we will talk about the various constraints that can be applied to a SQL Server database and why WITH CHECK CHECK CONSTRAINT is used.

cta14 icon

SQL Testing Training

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

Trending Courses

Cyber Security icon

Cyber Security

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

Upcoming Class

1 day 19 Sep 2025

QA icon

QA

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

Upcoming Class

4 days 22 Sep 2025

Salesforce icon

Salesforce

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

Upcoming Class

1 day 19 Sep 2025

Business Analyst icon

Business Analyst

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

Upcoming Class

1 day 19 Sep 2025

MS SQL Server icon

MS SQL Server

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

Upcoming Class

1 day 19 Sep 2025

Data Science icon

Data Science

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

Upcoming Class

8 days 26 Sep 2025

DevOps icon

DevOps

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

Upcoming Class

7 days 25 Sep 2025

Hadoop icon

Hadoop

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

Upcoming Class

8 days 26 Sep 2025

Python icon

Python

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

Upcoming Class

2 days 20 Sep 2025

Artificial Intelligence icon

Artificial Intelligence

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

Upcoming Class

16 days 04 Oct 2025

Machine Learning icon

Machine Learning

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

Upcoming Class

29 days 17 Oct 2025

 Tableau icon

Tableau

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

Upcoming Class

8 days 26 Sep 2025