/*-------------------------------------------------------------------------- Typography ---------------------------------------------------------------------------*/ body {color:#414146; font-size:14px; line-height: 1.6; font-family: 'Roboto', sans-serif; padding: 0 !important;} /*----------- Heading -----------*/ h1,h2,h3,h4,h5,h6 {margin:0px 0px 10px 0px; color:#000000; font-family: 'Roboto', sans-serif;} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration:none;} h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {text-decoration: underline;} h1 {font-size: 2em;} h2 {font-size: 1.8em;} h3 {font-size: 1.5em;} h4 {font-size: 1.2em;} h5 {font-size: 1em;} h6 {font-size: 0.8em;} /*----------- Links -----------*/ a {color:#43b4f9; text-decoration:none;} a,a:focus, a:hover, a:active {outline:0 !important;} a:focus {text-decoration: none;} a:hover {color:#0077bf; text-decoration:none;} a:hover,a:focus{text-decoration:none; outline:none;} /*----------- Lists -----------*/ ul {list-style:none;} ul, ol {margin:0; padding:0;} li ul, li ol {padding:0; margin:0;} /*----------- Paragraph -----------*/ p {font-size:14px; line-height:24px; margin-bottom:10px;} p img.left {float:left; margin:1.5em 1.5em 1.5em 0; padding:0;} p img.right {float:right; margin:1.5em 1.5em 1.5em 0;} strong {font-weight:600; } em, dfn {font-style:italic; } dfn {font-weight:600;} sup{line-height:0; vertical-align:super; font-size:smaller;} sub {line-height:0; vertical-align:sub; font-size:smaller;} abbr, acronym {border-bottom:1px dashed #ccc; } address {margin:0 0 1.5em; font-style:normal; } del {color:#666;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace; line-height:1.5em; display:block; } code {background-color:#eee; display:inline; padding:0px 2px 1px 2px; line-height:1.1em; } pre {margin:1.5em 0; white-space:pre; } .clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} .hide { display:none} .block { display:block !important;} .inline { display:inline !important;} .bold { font-weight:600;} .italic { font-style:italic;} .uppercase{text-transform:uppercase;} /*----------- Margin -----------*/ .mr_none {margin:0px !important;} .mr_b5,.mr_b10,.mr_b15,.mr_b20,.mr_b25,.mr_b30,.mr_b35,.mr_b40,.mr_b45,.mr_b50,.mr_b55,.mr_b60 {clear:both;} .mr_b5 {margin-bottom:5px;} .mr_b10 {margin-bottom:10px;} .mr_b15 {margin-bottom:15px;} .mr_b20 {margin-bottom:20px;} .mr_b25 {margin-bottom:25px;} .mr_b30 {margin-bottom:30px;} .mr_b35 {margin-bottom:35px;} .mr_b40 {margin-bottom:40px;} .mr_b45 {margin-bottom:45px;} .mr_b50 {margin-bottom:50px;} .mr_b55 {margin-bottom:55px;} .mr_b60 {margin-bottom:60px;} .mr_auto{margin:0 auto;} /*----------- Padding -----------*/ .pd_none {padding:0px !important;} /*----------- Fonts -----------*/ .ft6{font-size:6px;} .ft7{font-size:7px;} .ft8{font-size:8px;} .ft9{font-size:9px;} .ft10{font-size:10px;} .ft11{font-size:11px;} .ft12{font-size:12px;} .ft13{font-size:13px !important;} .ft14{font-size:14px;} .ft15{font-size:15px;} .ft16{font-size:16px;} .ft17{font-size:17px;} .ft18{font-size:18px;} .ft19{font-size:19px;} .ft20{font-size:20px;} /*----------- Color -----------*/ .col-red{color: #f35747;} .col-blue{color: #4a90e2;} /*----------- Headlines -----------*/ .heading{text-align: center; margin-bottom: 70px; position: relative;} .heading h2{font-size: 30px; text-transform: uppercase; font-family: 'Barlow', sans-serif; font-weight: bold;} .heading p{font-size: 24px; font-weight: 100; margin-bottom: 15px;} .heading .seprater{position: absolute; content: ''; width: 80px; height: 3px; background: #ed1c1c; left: 50%; bottom: -30px; transform: translateX(-50%);} /*----------- Top Header -----------*/ .top-header{background: #000000; padding: 11px 0 0 0; font-size: 13px;} .top-header .social-media ul li{display: inline-block;} .top-header .social-media ul li a{color: #ffffff; margin-right: 10px;} .top-header .email-us{text-align: center; color: #ffffff;} .top-header .call-us{text-align: right; color: #ffffff;} /*----------- Header -----------*/ header{padding: 12px 0px;} header .logo a{display: inline-block;} header .header-right{padding-top: 5px; float: right;} header .header-right li{display: inline-block; padding-left: 64px; font-size: 12px; color: #898989; padding-top: 8px; position: relative; margin-right: 20px;} header .header-right li i{border: 1px solid #0a5384; border-radius: 4px; position: absolute; left: 0; top: 0; font-size: 25px; height: 54px; line-height: 50px; width: 54px; text-align: center; color: #0467ab;} header .header-right li span{color: #0a5384;} /*----------- Main Menu -----------*/ #main-menu{background: #1087be; position: relative;} #main-menu .bg-dark{background-color: transparent !important;} #main-menu .navbar{padding: 0rem 1rem;} #main-menu .navbar-nav{position: relative;} .navbar-dark .navbar-nav .nav-link{padding: 15px 30px;} .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {color: #fff; background-color: rgba(0,0,0,0.2);} .navbar-dark .navbar-nav .nav-link {color: rgba(255,255,255,1);} /*----------------- Slider -----------------*/ .slider .title{position: absolute; top:230px; left: 100px; color: #ffffff; font-size: 48px; font-family: 'Barlow', sans-serif; font-weight: 900;} .slider .text{display: block; position: absolute; top:310px; left: 100px; color: #ffffff; width: 600px; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; font-size: 20px; font-weight: bold;} /*----------------- Deliver With Us -----------------*/ #deliver-with-us{padding: 50px 0;} #deliver-with-us .deliver-content h4{font-size: 17px; opacity: 0.5; margin-bottom: 15px;} #deliver-with-us .deliver-content h3{font-size: 30px; font-weight: bold; margin-bottom: 15px;} #deliver-with-us .deliver-content p{font-size: 15px; line-height: 28px; opacity: 0.7;} #deliver-with-us .deliver-content ul li{font-size: 18px; color: #0467ab; margin-top: 15px; margin-bottom: 15px;} #deliver-with-us .deliver-content ul li i{margin-right: 5px; font-size: 24px;} #deliver-with-us .deliver-content .clearfix{margin: 30px 0; display: block;} .online-admission{background: #f8f8f8; padding: 20px 20px 10px 20px; border-radius: 10px; border: 1px solid #dddddd;} .online-admission label{font-weight: bold;} .online-admission .form-control{border-radius: 0;} .online-admission input.form-control{height: 46px; font-size: 14px;} .online-admission select{height: 46px !important; font-size: 14px;} .online-admission textarea{font-size: 14px;} /*----------------- Our Services -----------------*/ #our-services{padding: 50px 0px; background: #f7f7f7;} #our-services .services-list{margin: 30px 0; position: relative;} #our-services .services-list .service-images{box-shadow: 0 0 2px rgba(0,0,0,0.5); transition: all 300ms;} #our-services .services-list .service-content{padding: 15px; text-align: center; background: #ffffff; position: relative; border-top: 2px solid red; z-index: 999;} #our-services .services-list .service-content h3{margin-bottom: 0px; font-size: 16px;} #our-services .services-list .service-content h3 a{color: #000000;} #our-services .services-list .service-content h3 a:hover{text-decoration: none;} #our-services .services-list .service-content p .btn.btn-primary{font-size: 12px;} #how-we-work{padding: 50px 0 0 0;} #how-we-work .how-work-heading h2 {font-size: 30px; text-transform: uppercase; font-family: 'Barlow', sans-serif; font-weight: bold; margin-bottom: 20px;} #how-we-work .how-work-heading p{padding: 15px; background: #f8f8f8; border-left: 2px solid #0a4873; margin-bottom: 40px; font-size: 17px;} #how-we-work .work-lists .card-header{padding: 4px; background: #0a4873;} #how-we-work .work-lists .card-header .btn-link{background: #0a4873; color: #ffffff; display: block; width: 100%; text-align: left;} #how-we-work .work-lists .card-header .btn-link:hover{text-decoration: none;} #how-we-work .work-lists .card-header .btn-link:focus{text-decoration: none;} /*----------------- Why Choose -----------------*/ #why-choose{padding: 180px 0; background: url(../images/bg-member-video-1024x729.jpg) top center no-repeat; background-size: cover; text-align: center;} #why-choose h2{color: #ffffff; font-size: 46px; font-weight: bold; margin-bottom: 20px;} #why-choose p{color: #ffffff; font-size: 26px; line-height: 46px;} /*----------------- Quick Contact -----------------*/ #quick-quote{padding: 50px 0 0 0; background: #f8f8f8;} #quick-quote h2{font-size: 30px; text-transform: uppercase; font-family: 'Barlow', sans-serif; font-weight: bold;} #quick-quote .quote-form p{font-size: 14px; line-height: 24px; font-style: italic; opacity: 0.8; margin: 15px 0 30px 0;} #quick-quote .quote-form input{height: 46px; font-size: 14px; background: #fafafa;} #quick-quote .quote-form textarea{font-size: 14px; background: #fafafa;} #quick-quote .quote-form button{text-transform: uppercase; border-radius: 0; background: #0a4873; border: none; font-size: 15px; padding: 10px 30px; margin-bottom: 20px; display: inline-block;} /*----------------- Client Testimonials -----------------*/ #client-testimonials{background: #175d8b; padding: 50px 0;} #client-testimonials .heading h2{color: #ffffff;} #client-testimonials .heading p{color: #ffffff;} #client-testimonials li p{color: #ffffff; text-align: center;} #client-testimonials li p.quote-text{font-size: 15px;} #client-testimonials li p.client-name{font-size: 18px; font-style: italic;} #client-testimonials .bx-pager{bottom: auto;} /*----------------- Industries Vertical -----------------*/ #industries-vertical{padding: 50px 0;} #industries-vertical .industries-lists{border: 1px solid #ececec; margin: 15px 0; transition: all 300ms;} #industries-vertical .industries-lists:hover{box-shadow: 0 0 10px rgba(0,0,0,0.3);} #industries-vertical .industries-lists .industries-images img{width: 100%; height: 210px;} #industries-vertical .industries-lists .industries-content{padding: 15px; text-align: center;} #industries-vertical .industries-lists .industries-content h3{font-size: 20px; margin: 0; text-transform: uppercase;} #industries-vertical .industries-lists .industries-content p{opacity: 0.8;} #industries-vertical .industries-lists .industries-content p a{font-size: 12px; text-transform: uppercase;} /*----------------- Footer -----------------*/ footer{padding: 50px 0 0 0; background: #111111;} footer .footer-inner{margin: 15px 0;} footer .footer-inner .footer-heading{margin-bottom: 20px;} footer .footer-inner .footer-heading h4{font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #7a7a7a; color: #dcdcdc; position: relative;} footer .footer-inner .footer-heading h4::before{position: absolute; content: ''; width: 60px; height: 3px; background: #da2324; left: 0; bottom: -2px;} footer .footer-inner .footer-contents p{font-size: 14px; line-height: 24px; color: #ffffff;} footer .footer-inner .footer-links li{display: block;} footer .footer-inner .footer-links li a{display: block; font-size: 14px; margin-bottom: 8px; padding-bottom: 8px; color: #ffffff;} footer .footer-inner .footer-links li a:hover{color: #7a87fa;} footer .copyright{padding: 25px 0; background: rgba(0,0,0,0.5); margin-top: 20px;} footer .copyright .copyright-text{font-size: 12px; color: #d8d8d8; text-align: center;} footer .copyright .company-text{font-size: 12px; color: #d8d8d8; text-align: right} footer .footer-inner .our-adrs{display: flex; align-items: center; margin-bottom: 10px; color: #ffffff;} footer .footer-inner .our-adrs .icon{width: 50px; font-size: 25px;} footer .footer-inner .our-adrs .adres-text{width: 100%; font-size: 15px;} /*----------- Scroll Up -----------*/ .scrollup{width: 60px; height: 60px; background: red; border-radius: 50%; text-align: center; position: fixed; right: 20px; bottom: 50px; z-index: 9999; color: #ffffff; font-size: 36px; line-height: 44px; display: none; box-shadow: 0 0 8px rgba(0,0,0,0.2); border: 5px solid #ffffff;} /*----------- About Us -----------*/ #about-us{padding: 50px 0;} #about-us .about-content h2{font-weight: bold;} #about-us .about-content p{font-size: 16px; line-height: 28px;} #about-us .about-content ul li{list-style: disc; margin: 15px; font-size: 16px;} #about-us .about-content table td{vertical-align: middle;} #about-us .office-time{animation-name: color_change; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate;} @-webkit-keyframes color_change { from { color: blue; } to { color: red; } } @-moz-keyframes color_change { from { color: blue; } to { color: red; } } @-o-keyframes color_change { from { color: blue; } to { color: red; } } @keyframes color_change { from { color: blue; } to { color: red; } } /*-------------- Page Banner --------------*/ #page-banner{padding: 30px 0; background: #002d57;} #page-banner h2{color: #ffffff; font-size: 25px; margin: 0;} /*----------- Why Choose Us -----------*/ #why-choose-us{padding: 50px 0 0 0; background: #f8f8f8;} #why-choose-us .choose-list{margin: 15px 0;} #why-choose-us .choose-list .choose-title{margin-bottom: 10px;} #why-choose-us .choose-list .choose-title i{font-size: 20px; color: #da2324; background: #ffffff; width: 50px; height: 50px; border-radius: 5px; text-align: center; line-height: 50px; border: 1px solid #da2324;} #why-choose-us .choose-list .choose-title span{font-size: 18px; color: #111111; margin-left: 10px; font-weight: bold;} #why-choose-us .choose-title h2{font-size: 30px; text-transform: uppercase; font-family: 'Barlow', sans-serif; font-weight: bold;} /*----------- Services -----------*/ #services{padding: 50px 0;} #services .service-content h2 {font-size: 30px; text-transform: uppercase; font-family: 'Barlow', sans-serif; font-weight: bold; margin-bottom: 20px;} #services .service-content p{line-height: 26px;} #services .services-lists{border: 1px solid #dddddd;} #services .services-lists h3{margin: 0; padding: 15px; border-bottom: 1px solid #dddddd; text-transform: uppercase; font-size: 18px; font-weight: bold; background: #f0f0f0;} #services .services-lists ul li{display: block;} #services .services-lists ul li a{display: block; padding: 15px; border-bottom: 1px solid #dddddd; color: #0a4873; transition: all 300ms; background: #fbfbfb;} #services .services-lists ul li:last-child a{border-bottom: none;} #services .services-lists ul li a:hover{background: #0a4873; color: #ffffff; padding-left: 25px;} #services .services-lists ul li.active a{background: #0a4873; color: #ffffff;} /*----------- Carrer -----------*/ #careers{padding: 50px 0; background: #f8f8f8;} #careers .careers-list{background: #ffffff; padding: 15px; box-shadow: 0 0 5px rgba(0,0,0,0.2); margin: 15px 0; border-radius: 3px;} #careers .careers-list h2{font-size: 20px;} #careers .careers-list ul{margin-bottom: 15px;} #careers .careers-list ul li{font-size: 13px; display: inline-block;} #careers .careers-list ul li:nth-child(2){margin: 0 10px; opacity: 0.5;} /*----------- Contact Us -----------*/ #contact-us{padding: 50px 0;} #contact-us h2 {font-size: 30px; text-transform: uppercase; font-family: 'Barlow', sans-serif; font-weight: bold; margin-bottom: 20px;} #contact-us .contact-address p{font-size: 20px; font-weight: 300; margin-bottom: 30px;} #contact-us .contact-address .our-adrs{display: flex; align-items: center; margin-bottom: 10px;} #contact-us .contact-address .our-adrs .icon{width: 50px; font-size: 25px;} #contact-us .contact-address .our-adrs .adres-text{width: 100%; font-size: 15px;} #contact-us .contact-form .form-control{border-radius: 3; font-size: 14px; background: #f9f9f9;} #contact-us .contact-form input{height: 46px;} #contact-us .contact-form button{text-transform: uppercase; background: #0a4873; border-color: #0a4873;} /*responsive google map*/ .map-responsive{overflow:hidden; padding-bottom:25%; position:relative; height:0;} .map-responsive iframe{left:0; top:0; height:100%; width:100%; position:absolute;} /*------ Gallery ------*/ #gallery{padding: 50px 0;} #gallery .gallery-list{margin: 15px 0;} /*----------- Responsive Design -----------*/ @media(min-width:768px){ .dropdown:hover>.dropdown-menu {display: block; font-size: 13px; border-radius: 0; top: 50px;} .dropdown .dropdown-menu{padding: 0;} .dropdown .dropdown-menu .dropdown-item{padding-top: 12px; padding-bottom: 12px; font-size: 14px; border-bottom: 1px solid #dddddd;} .dropdown .dropdown-menu .dropdown-item:hover{background: #f8f8f8; color: #111111;} #gallery .gallery-list img{width: 200px; height: 150px;} } 2