/****************************************** 1. IMPORT FONTS 2. IMPORT FILES 3. STARTUP 4. LEFT MENU 5. PRICING 6. CONTACT 7. HEADER 8. WP CORE 9. BUTTONS 10. SECTIONS 11. COURSES 12. WAYPOINTS 13. AGENCY SLIDER 14. FOOTER 15. PORTFOLIO 16. BLOG & PAGES 17. SIDEBAR 18. FONTS 19. MICS /****************************************** IMPORT FONTS ******************************************/ @import url(https://fonts.googleapis.com/css?family=Lato:400,900italic,900,700italic,700,400italic,300italic,300,100italic,100&subset=latin,latin-ext); @import url(https://fonts.googleapis.com/css?family=Montserrat:400,700); @import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700italic,700,400italic); @import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900); /****************************************** IMPORT FILES ******************************************/ @import url(css/font-awesome.min.css); @import url(css/open-iconic.min.css); @import url(css/animate.css); @import url(css/carousel.css); @import url(css/bbpress.css); @import url(css/build/mediaelementplayer.min.css); @font-face { font-family: 'Open Sans', sans-serif; src: url(fonts/didot.otf); } /****************************************** STARTUP ******************************************/ html, body { height: 100%; font-family: 'Lato', sans-serif; overflow-x: hidden; } body { font-size: 16px; line-height: 1.70857; } body.boxed { background: url(images/bg.png) repeat left center #f9f9f9; } body.boxed2 { background: url(images/bg2.png) repeat left center #f9f9f9; } body.boxed #wrapper { max-width: 1280px; margin: 0 auto; } body, li, p { letter-spacing: 0; color: #555555; } a { color: #27293d; outline: none; text-decoration: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } h1, h2, h3, h4, h5, h6 { color: #7f7f7f; font-weight: normal; } /****************************************** LEFT MENU ******************************************/ body.leftmenu { overflow-x: hidden; } body.leftmenu .alignleftlist.service-list img.alignleft, body.leftmenu #sidebar-wrapper, body.leftmenu .copyrights { background-color: #364c63 !important; } body.leftmenu .navbar-brand { display: block !important; height: 100px !important; line-height: 75px; min-height: 100px; padding-left: 23px !important; text-align: left; width: 100%; } /* Toggle Styles */ body.leftmenu #wrapper { padding-left: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } body.leftmenu #wrapper.toggled { padding-left: 240px; } body.leftmenu #wrapper .container-fluid { max-width: 90% } body.leftmenu #sidebar-wrapper { z-index: 1000; position: fixed; left: 240px; width: 0; height: 100%; margin-left: -240px; overflow-y: auto; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } body.leftmenu #wrapper.toggled #sidebar-wrapper { width: 240px; } body.leftmenu #page-content-wrapper { width: 100%; position: absolute; padding: 15px; } body.memberprofile #page-content-wrapper { padding: 0; } body.leftmenu #wrapper.toggled #page-content-wrapper { position: absolute; margin-right: -240px; } body.leftmenu .sidebar-nav { position: absolute; padding-top: 100px; display: block; top: 100px; width: 240px; margin: 0; padding: 0; list-style: none; } body.leftmenu .sidebar-nav li { position: relative; text-indent: 20px; line-height: 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-right: 5px solid transparent; } body.leftmenu .sidebar-nav li span { display: inline-block; margin: 0 !important; padding: 0 !important; position: absolute; right: 0; top: 3px; text-align: center !important; width: 50px; } body.leftmenu .sidebar-nav li span i { display: table; color: rgba(255, 255, 255, 0.6); float: none !important; padding: 0 !important; position: relative; text-align: center; top: 10px; } body.leftmenu .sidebar-nav li:last-child { border-bottom: 0; } body.leftmenu .sidebar-nav li:active, body.leftmenu .sidebar-nav li.active, body.leftmenu .sidebar-nav li:focus, body.leftmenu .sidebar-nav li:hover { border-right-color: #4aa3ff; } body.leftmenu .sidebar-nav li a { display: block; text-decoration: none; color: #ffffff !important; } body.leftmenu .sidebar-nav li:focus, body.leftmenu .sidebar-nav li.active, body.leftmenu .sidebar-nav li:hover { text-decoration: none; color: #fff !important; background: rgba(255, 255, 255, 0.1); } body.leftmenu .sidebar-nav li:focus a, body.leftmenu .sidebar-nav li:hover a { color: #ffffff !important; } body.leftmenu .sidebar-nav li a:active, body.leftmenu .sidebar-nav li a:focus { text-decoration: none; } body.leftmenu .sidebar-nav > .sidebar-brand { height: 65px; font-size: 18px; line-height: 60px; } body.leftmenu .sidebar-nav > .sidebar-brand a { color: #999999; } body.leftmenu .sidebar-nav > .sidebar-brand a:hover { color: #fff; background: none; } @media(min-width:768px) { body.leftmenu #wrapper { padding-left: 240px; } body.leftmenu #wrapper.toggled { padding-left: 0; } body.leftmenu #sidebar-wrapper { width: 240px; } body.leftmenu #wrapper.toggled #sidebar-wrapper { width: 0; } body.leftmenu #page-content-wrapper { position: relative; } body.leftmenu #wrapper.toggled #page-content-wrapper { position: relative; margin-right: 0; } } body.leftmenu .course-meta { background-color: #ffffff !important; } body.leftmenu .big-title h2 { display: block; font-size: 25px; font-weight: bold; line-height: 1.1em; margin: 0 !important; padding: 0; position: relative; text-transform: capitalize; } body.leftmenu .video-wrapper .widget-title .btn-inverse { border: 2px solid #dbdbdb !important; } body.leftmenu .service-style2 .widget { background-color: #ecf0f1; } body.leftmenu .blog-wrapper { padding: 15px; } .education-widget ul { list-style: none; padding: 0; } .education-widget ul li h3 { font-size: 15px; text-transform: capitalize; font-weight: bold; } .education-widget ul li h5 { color: #7a7a7a; text-transform: uppercase; font-size: 11px; } /****************************************** PRICING ******************************************/ .pricing-box { background-color: #fff; border: 1px solid #fff; } .pricing-box sub { font-size: 16px; vertical-align: super; } .pricing-box h3 { background-color: #27293d; font-size: 16px; color: #ffffff !important; padding: 30px 0 !important; margin: 0 !important; } .pricing-box i { padding: 0 10px 0 0; vertical-align: middle; } .pricing-price p { background: #313347 none repeat scroll 0 0; color: #fff; display: block; font-size: 50px; font-weight: bold; margin: 0; padding: 20px 0; } .pricing-box .pricing-desc p { padding: 30px 20px; border: 1px solid #ededed; background-color: #ffffff; margin: 0; font-size: 15px; } .pricing-box .panel-body { border-left: 1px solid #ededed !important; border-right: 1px solid #ededed !important; } .pricing-box .panel-body p { font-size: 13px; line-height: 24px; padding: 0; } .pricing-footer { margin-top: 0; padding: 15px 0; background: #ecf0f1; } .pricing-box .panel-group .panel-heading + .panel-collapse > .panel-body, .pricing-box .panel-group .panel-heading + .panel-collapse > .list-group, .pricing-box .panel-group .panel { border: 0 none; margin-bottom: 0; } .pricing-box .panel-group .panel-heading h4 { font-size: 14px; background-color: #ffffff; font-weight: 500; box-shadow: none !important; border-bottom: 0 solid #ededed; border-left: 1px solid #ededed; border-right: 1px solid #ededed; line-height: 1; margin: 0 !important; padding: 15px 0; text-transform: capitalize; } .pricing-box .panel-default > .panel-heading { background-color: #ecf0f1; border: 0 !important; line-height: 1; padding: 0; text-align: center; } .pricing-box .panel-default h4 { padding: 0; } .pricing-box .panel-group { margin-bottom: 0; } /****************************************** CONTACT ******************************************/ #message { display: none; padding: 20px; position: relative; text-align: left; } #map { height: 600px; position: relative; width: 100%; z-index: 1; } #map img { max-width: inherit; } .loader { margin-left: 10px; } .map { position: relative; } .map .row { position: relative; } .infobox img { width: 100% !important; } .map .searchmodule { padding: 18px 10px; } .infobox { display: inline-block; padding: 5px; position: relative; width: 270px; } .infobox img { padding-right: 10px; width: 80px !important; } .infobox .title { font-size: 13px; font-weight: 700; margin-bottom: 0; margin-top: 0; padding-bottom: 5px; text-transform: uppercase; } .infobox .title a { color: #121212 !important; font-weight: 700; } .contact_form textarea { height: 100px !important; } .contact_form .btn { margin-top: 0 !important; } .contact_form .form-control { box-shadow: none !important; margin-bottom: 20px; background-color: transparent; height: 50px; } /****************************************** HEADER ******************************************/ .yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown { position: static; } .yamm .dropdown.yamm-fw { position: static; } .yamm .container { position: relative; } .yamm .yamm-content { padding: 25px; } .yamm .dropdown.yamm-fw .dropdown-menu { left: 0; right: 0; padding: 0; } .yamm .dropdown { position: relative; } .yamm .dropdown.yamm-fw.yamm-half .dropdown-menu { left: 0; right: auto; } .yamm .dropdown .dropdown-menu { border-radius: 0; padding: 0; margin-top: 15px !important; } .yamm .dropdown .dropdown-menu .show-left { margin-top: 0 } .well { border: 0; padding: 12px 0; } .yamm p { margin-top: 0; padding-top: 4px; border-bottom: 0; line-height: 1; margin-bottom: 0; display: block; padding-bottom: 0; font-weight: 400; color: #27293d; font-size: 14px; } .yamm hr { width: 40px; border-width: 1px; margin-left: 0; margin-bottom: 15px; } .well .form-control { font-size: 12px !important; height: 35px; margin-bottom: 15px; } .yamm ul { padding: 0; } .header-full.header { border-top: 5px solid #2d2d2d; } .header-full.header { background-color: transparent; left: 0; padding: 15px 0 20px; position: relative; right: 0; top: 0; width: 100%; z-index: 10; } .navbar-brand.with-text { color: #fff !important; padding-left: 10px !important; font-size: 24px; margin-right: 20px; font-weight: 700; padding-top: 14px; } .normal-header { background-color: transparent; position: absolute; left: 0; padding: 5px 0 !important; width: 100%; right: 0; top: 0; z-index: 11; -webkit-transition: padding .4s ease-in-out; -moz-transition: padding .4s ease-in-out; -ms-transition: padding .4s ease-in-out; -o-transition: padding .4s ease-in-out; transition: padding .4s ease-in-out; } .normal-header .navbar-default { background-color: transparent; border: 0; box-shadow: none; border-radius: 0; } .navbar-nav, .nav, .navbar-default { margin: 0 !important; } .normal-header .navbar-nav > li > a { color: #ffffff; display: block; font-size: 16px; font-weight: 600; letter-spacing: 0.1px !important; padding: 35px 20px 0; text-transform: capitalize; font-family: 'Roboto Slab', serif; } .yamm-fw .dropdown-menu { box-shadow: none !important; border-color: #ededed !important; } .dropdown-menu, .normal-header .navbar-nav .has-submenu .dropdown-menu { background-color: #ffffff !important; box-shadow: none !important; border: 0 solid rgba(255, 255, 255, 0.08); padding: 0 !important; } .normal-header .dropdown-menu > li { /*padding: 8px 12px;*/ border-bottom: 1px solid rgba(0, 0, 0, 0.08) } .normal-header .dropdown-menu > li:last-child { border: 0; } .normal-header .dropdown-menu > li a { background-color: transparent; clear: both; color: #000 !important; display: block; font-size: 13px !important; font-weight: 400; line-height: 1.42857; padding: 0; text-transform:uppercase; text-decoration: none; padding: 8px 12px; } .normal-header .normal-menu .dropdown-menu > li:hover a, .normal-header .normal-menu .dropdown-menu > li:focus a { color: #009fe3 !important; background: #e6e6e6; } .normal-header .navbar-brand.with-text { padding-top: 13px; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, .normal-header .dropdown-menu > li:hover, .normal-header .dropdown-menu > li:focus { color: 009fe3; } .cartmenu sup { width: 15px; height: 15px; line-height: 15px; font-size: 10px; text-align: center; border-radius: 50%; display: block; position: absolute; top: 10px; right: 0; } #custom-search-input .btn { border: 0 none !important; border-radius: 0 !important; font-size: 14px; height: 42px; line-height: 42px; padding: 0 !important; vertical-align: middle; width: 45px; } #custom-search-input .fa { margin-top: -4px !important; } #custom-search-input .form-control { border-radius: 0; border-color: #eeeeee; box-shadow: none !important; font-size: 12px; } #custom-search-input .input-group { min-width: 200px; } .yamm-content .menu-item li a, .yamm-content .menu-item li { padding: 0 !important; margin: 0; color: #555555 !important; list-style: none; } .yamm-content .menu-item li { margin: 13px 0; } .navbar-right li.btn { line-height: 1; margin-top: 5px; margin-left: 10px; margin-right: 10px; padding: 0 !important; color: #ffffff; } .navbar-right li.btn a { text-transform: none !important; padding: 8px 20px !important; color: #fff; } .header .pager { padding: 0 !important; text-align: left; } .header .pager .post { display: block; margin: 0; padding: 0; position: relative; width: 100%; } .header .pager h4 { padding: 3px 0 0; line-height: 1.3; font-size: 13px; margin: 0; color: #555555; } .header .pager small { display: block; font-size: 11px; color: #888; margin-top: 5px; } .header .pager img { max-width: 60px; } .header .pager { margin: 0; padding: 0; display: block; position: relative; } .header .pager .btn { color: #ffffff !important; padding: 6px 30px; } .dark-text .navbar-nav > li > a, .dark-text .navbar-brand.with-text { color: #27293d !important; } .dark-text .navbar-right li.btn a, .dark-text .cartmenu sup { color: #ffffff !important; } .dark-text .centermessage p { color: rgba(0, 0, 0, 0.4) !important; } .dark-text .centermessage h4 { color: #27293d !important; } .normal-header.notfixmenu { padding: 20px 0 !important; background-color: #ffffff !important } .hero-wrapper h1 { color: #ffffff; font-size: 60px; padding: 20px 0 40px; margin: 0; line-height: 1; font-weight: bold; text-transform: uppercase; } .hero-wrapper h2 { color: rgba(255, 255, 255, 0.8); font-size: 15px; padding: 0; margin: 0; line-height: 1; text-transform: uppercase; font-weight: normal; } .hero-wrapper .fa-graduation-cap { color: #ffffff; font-size: 44px; display: block; margin-bottom: 30px; } #hero-search-input { background-color: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0; padding: 3px; } #hero-search-input input { border: 0; box-shadow: none; } #hero-search-input .form-control { background-color: transparent; font-size: 15px; color: rgba(255, 255, 255, 0.3) !important; min-height: 50px; height: 100%; } #hero-search-input .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.3) !important; opacity: 1; } #hero-search-input .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.3) !important; } #hero-search-input .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.3) !important; } #hero-search-input button { margin: 2px 0 0 0; background: none; box-shadow: none; border: 0; color: #ffffff !important; padding: 0 8px 0 10px; border-left: solid 1px rgba(255, 255, 255, 0.1); } #hero-search-input button:hover { border: 0; box-shadow: none; border-left: solid 1px rgba(255, 255, 255, 0.2); } #hero-search-input .glyphicon-search { font-size: 18px; color: #ffffff; } .default-header { position: relative; background-color: #27293d; padding: 15px 0 !important; } /****************************************** WP CORE ******************************************/ .first { clear: both } .last { margin-right: 0 } .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 25px auto; } .alignright { float: right; margin: 10px 0 20px 20px; } .alignleft { float: left; margin: 10px 20px 20px 0; } a img.alignright { float: right; margin: 10px 0 20px 20px; } a img.alignnone { margin: 10px 20px 20px 0; } a img.alignleft { float: left; margin: 10px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;/* Above WP toolbar. */ } /****************************************** BUTTONS ******************************************/ .btn-default, .btn-primary, .btn-inverse { border-radius: 0 !important; background-color: #2d2d2d; color: #ffffff !important; padding: 10px 15px; border: 0; } .btn-inverse:hover, .btn-inverse:focus { background-color: #1a1a1a !important; color: #fff !important; } .large-buttons { margin: 20px 0 20px !important; display: block; position: relative; } .demo-parallax .large-buttons { margin-top: 10px !important } .large-buttons .btn-primary { text-transform: uppercase; font-size: 13px !important; padding: 14px 30px !important; } .large-buttons h1 { padding: 0; margin: 0; line-height: 1; font-size: 120px; font-weight: bold; } .large-buttons p { font-style: italic; padding: 20px 0; font-weight: 400; font-size: 15px !important; color: #999999; } .btn-group-xs > .btn, .btn-xs { border-radius: 0; font-size: 12px !important; line-height: 1.5; padding: 1px 5px !important; } .btn-group-sm > .btn, .btn-sm { border-radius: 3px; font-size: 12px; line-height: 1.5; padding: 5px 10px !important; } .btn { text-transform: uppercase; } .btn-group-lg > .btn, .btn-lg { border-radius: 6px; font-size: 16px !important; line-height: 1.33333; padding: 13px 20px !important; } /****************************************** SECTIONS ******************************************/ @media (min-width: 992px) { .section-full { height: 100vh; } } @media (max-width: 992px) { .section-full .centermessage { padding: 60px 0 !important; } .section-full { height: 100vh !important; } } div.frameT { display: table; height: 100%; left: 0; margin: 0; padding: 0; position: relative; top: 0; width: 100%; } div.frameTC { display: table-cell; margin: 0; padding: 0; vertical-align: middle; } div.content { margin: 0 auto; } .section { display: block; position: relative; padding: 30px 0; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #ecf0f1 !important } .section.lb { background-image: linear-gradient(to left bottom, #009fe3, #009fe3, #50acf7, #00c7e8, #00b1ff); background: aliceblue; } /*.team{background-image:linear-gradient(to right top, #80d0c7, #61a3da, #009fe3);}*/ .section.nobg { padding: 45px 0 !important; background-color: rgba(39, 41, 61, 0.7); } .section.nobg .breadcrumb li.active, .section.nobg .breadcrumb li a, .section.nobg .title-area h2 small, .section.nobg h2 { color: #ffffff; } .mejs-container .mejs-controls { background: #ecf0f1 !important } .section.db .course-meta p, .section.db .widget-title h3 a { color: #ffffff !important; } .section.db .course-meta { background-color: rgba(255, 255, 255, 0.1); } .section-absolute { position: absolute; left: 0; right: 0; display: block; top: auto; bottom: -120px; z-index: 10; padding: 60px 30px; background-color: #ffffff; } hr.invis { border-width: 0; margin: 15px 0; } hr.largeinvis { border: 0; margin: 40px 0; } hr.customhr { border-style: dashed; border-color: #d0d0d0; display: block; padding: 0; margin: 30px auto 25px; position: relative; width: 40%; } .nobot { padding-bottom: 0 !important; margin-bottom: 0 !important; } .section.lb hr.customhr::before, .section.lb hr.customhr { border-color: #d0d0d0; } .section.lb hr.customhr::before { background-color: #ecf0f1; } hr.customhr::before { border-radius: 100px !important; bottom: 0; color: #d8d8d8; background-color: #ffffff; content: "\f1db"; display: inline-block; float: left; font-family: "FontAwesome"; font-size: 18px; height: 30px; line-height: 30px; position: absolute; text-align: center; top: -15px; width: 30px; padding: 0 0 0 5px; } .customhrcenter::before { display: block !important; float: none !important; left: 0; margin: 0 auto !important; right: 0; } .big-title.text-left hr.customhr { display: block; padding: 0; margin: 30px 0 25px; position: relative; width: 40%; } .big-title.m15 { margin-bottom: 15px; } .onecourse .big-title.text-center { border: 0 !important; padding-left: 0 !important; } .big-title.text-left hr.customhr::before { left: 0px !important; margin-left: 0 !important; } .big-title { display: block; margin-bottom: 50px; position: relative; } .big-title h2 { font-size: 21px; padding: 0; text-transform: uppercase; line-height: 1.1em; margin: 0 !important; display: block; position: relative; } .big-title p { font-size: 14px; line-height: 1.8; margin-bottom: 0; } .onecourse { padding: 120px 0 !important; } .onecourse .big-title { padding-left: 30px; margin-bottom: 0; border-left: 5px solid rgba(255, 255, 255, 0.1); } .onecourse .big-title h2 { display: block; font-size: 55px; font-weight: bold; line-height: 1em; margin: 0 0 30px !important; padding: 0; position: relative; text-transform: none; } .section.lb.onecourse h2 { color: #182532 !important; } .section.lb.onecourse .big-title p, .section.lightbg.onecourse .big-title p { color: #182532 !important; } .section.lightbg.onecourse .big-title { padding-left: 0; } .section.lightbg.onecourse h2 { color: #182532; } .section.lb.onecourse .big-title { margin-top: 20px; margin-bottom: 0; } .onecourse .big-title p { color: rgba(255, 255, 255, 0.7) !important; } body.memberprofile #sidebar-wrapper, body.memberprofile .copyrights, .section.db, .copyrights, .topbar { background-color: #000000 !important; } .normal-header .navbar-nav .has-submenu .dropdown-menu { background: #fff !important; box-shadow: 0px 1px 5px #717171 !important; } .dark-header.normal-header .navbar-nav .has-submenu .dropdown-menu, .dark-copyright { background-color: #121212 !important } .section.dblight { background-color: #222438 !important } .semitrans h2 { color: #fff !important; font-size: 30px; margin-top: 0; font-weight: bold !important; } .semitrans.section-signup .form-control { background-color: rgba(255, 255, 255, 0.2); background-image: none; border: 1px solid rgba(255, 255, 255, 0.2); color: #ffffff; font-size: 12px !important; text-transform: uppercase; } .semitrans.section-signup .has-icon-left::before { background-color: rgba(255, 255, 255, 0.5); } .semitrans.section-signup .form-control::-moz-placeholder { color: rgba(255, 255, 255, 1) !important; opacity: 1; } .semitrans.section-signup .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 1) !important; } .semitrans.section-signup .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 1) !important; } .custom_fact_item { } .custom_fact_item h6 { font-weight: bold; font-size: 18px; color: #ffffff; display: inline-block; } .custom_fact_name span { font-weight: 300; display: block; font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, 0.7) !important; } .stat-count { color: #ffffff; font-weight: bold; padding: 0; margin: 0; line-height: 1; font-size: 60px; } .service-list .alignleft { border: 1px solid #d9d9d9; border-radius: 50%; height: 80px; line-height: 83px; min-width: 80px; text-align: center; } .alignleftlist.service-list img.alignleft { background-color: #3c3e52; border: 0 none; border-radius: 0; float: none !important; margin-bottom: 30px; margin-left: 0 !important; margin-top: 0; max-width: 54px; padding: 20px; } .alignleftlist.service-list .widget:hover img { background-color: #ffffff; } .custom_fact_item>span { font-weight: bold; font-size: 40px; color: rgba(255, 255, 255, 0.7) !important; line-height: 1.2; } .custom_fact_name { line-height: 19px; } .fa-star-o, .fa-star { color: #f5cd0c; } .parallax { background-attachment: fixed; background-size: cover; height: 100%; padding: 90px 0; position: relative; width: 100%; } .parallax-off { background-attachment: scroll !important; background-size: cover !important; } .no-scroll-xy { overflow: hidden !important; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .section.nopadbot, .nopadbot { padding-bottom: 0 !important } .course-widget .widget-title small { padding-left: 10px; } .service-list span, .about-widget span { vertical-align: middle; color: #1a1a1a; padding: 0 0 10px; display: block; font-size: 24px; } .service-style2 .widget { padding: 30px; /*border: 1px dashed #009fe3;*/ box-shadow: 1px 5px 10px #bbbaba; min-height: 305px; margin-bottom: 20px; } .lightbg .service-style2 .widget { background-color: #ecf0f1; padding: 30px; } .onecourse hr.customhr { } .awards-list .widget { padding: 15px; } .awards-list img { margin: 0 auto; } .section.lightbg.onecourse .big-title, .section.lb.onecourse .big-title { border-left: 0 !important; } .service-list img { max-width: 120px; margin-bottom: 20px; float: left; margin-right: 20px; } .products .service-list img { max-width: 205px; margin-bottom: 20px; margin-right: 0; float: none; } .service-list.text-center img { margin: 0 auto 40px; max-width: 90px; } .service-list.text-center .widget-title h3 { font-size: 24px; } .service-list.text-center hr { margin: 30px auto; } .widget-title h3 { font-size: 20px; font-weight: 500; padding: 0; margin: 0; line-height: 1; letter-spacing: 0; } .widget-title { display: block; position: relative; margin-bottom: 10px; } .widget-title hr { width: 60px; margin-top: 25px; border-color: #d9d9d9; margin-left: 0; } .widget-title.text-center h3 { font-size: 21px; } .widget-title.text-center hr { margin-left: auto; margin-right: auto; } .section .macbook-wrap { position: absolute; width: 916px; height: 540px; background: url("images/macbook.png") no-repeat center center; top: 30px; z-index: 4; left: 55%; } .section .ipad_02-wrap { position: absolute; width: 720px; height: 1004px; background: url("images/icons/ipad_01.png") no-repeat center center; top: 50px; z-index: 4; left: 55%; } .asset-bg .ipad-wrap { width: 706px; height: 1236px; background: url("images/asset-popup.png") no-repeat center center; z-index: 1; } .section .iphone-wrap { width: 304px; height: 620px; background: url("images/icons/iphone.png") no-repeat center center; position: absolute; left: 500px; bottom: 129px; z-index: 2; } .section .device-showcase { position: absolute; bottom: -390px; right: 68%; } .section .responsive-feature-img, .features-extra .responsive-feature-img { display: none; } .devices { position: relative; } .overflow { overflow: hidden; } .custom-list .col-md-6:nth-child(1), .custom-list .col-md-6:nth-child(2) { border-bottom: 1px dashed #d9d9d9; border-right: 1px dashed #d9d9d9; } .custom-list .col-md-6:nth-child(3) { border-right: 1px dashed #d9d9d9; } .custom-list .col-md-6:nth-child(4), .custom-list .col-md-6:nth-child(2) { border-right: 0 dashed #e0e0e0 !important; } .testibox { display: block; position: relative; min-height: 295px; padding: 10px 30px; border: 1px solid #d4d4d4; } .testibox p { color: #151515 !important; } .testi-style-2 p { background-color: #ecf0f1; margin-bottom: 20px; padding: 20px; } .testi-style-2 p { position: relative; background: #ecf0f1; } .testi-style-2 p:after { bottom: 100%; left: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(236, 240, 241, 0); border-bottom-color: #ecf0f1; border-width: 10px; margin-left: -10px; } .redbg .custom-list .col-md-6:nth-child(3), .redbg .custom-list .col-md-6:nth-child(1), .redbg .custom-list .col-md-6:nth-child(2) { border-color: rgba(255, 255, 255, 0.3); } .redbg .testibox p { color: rgba(255, 255, 255, 0.8); } .testi-carousel.owl-theme .owl-nav [class*="owl-"] { background-color: #ffffff !important; color: #121212; } .course-carousel.owl-theme .owl-nav [class*="owl-"] { background-color: rgb(41, 137, 216) !important; } .sidebar-course-carousel.owl-theme .owl-nav { position: absolute; right: 0; text-align: center; top: 0; } .testi-carousel .testibox { background-color: #ffffff; } .testi-carousel1 { text-align: center; } .testi-carousel1 img { margin: 0 auto 20px; } .testibox img { max-width: 75px; } .testi-carousel1 .testibox img { max-width: 180px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); /*border: 2px solid #a2a2a2;*/ } .testi-carousel1 .testibox:hover img { -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */ filter: grayscale(0);} .testi-carousel .owl-nav{ display:none !important;} .testi-carousel1 .testibox h4 { font-size: 20px; text-transform: uppercase; } .testi-carousel1.owl-theme .owl-nav [class*="owl-"] { background: #0f4e8c; } .testi-carousel1.owl-theme .owl-nav [class*="owl-"]:hover { background: #4bc9c5; } .testibox h4 { font-size: 17px; padding: 0; line-height: 1; color: #104d8c; margin-top: 15px; margin-bottom: 10px; } /****************************************** COURSES ******************************************/ .cart-body img { max-width: 130px; } .cart-body h4, .cart-body h6 { font-size: 15px; font-weight: 400; margin: 10px 0 10px; padding: 0; text-transform: capitalize; } .cart-body .panel { border: 1px solid #ededed; } .quiz-wrapper p { padding: 10px 0; } .quiz-wrapper h3 { font-size: 21px; padding-top: 10px !important; padding-bottom: 10px !important; font-weight: bold; } .quiz-wrapper h4 { font-size: 18px; font-weight: 400; } .course-quiz-panel .checkbox label { font-size: 13px; } .course-quiz-panel .checkbox { padding: 20px 30px; } .course-quiz-panel .panel-body { padding: 0 !important; } .cart-body .panel-info > .panel-heading { background-color: #F4F4F7; border: 0; border-bottom: 1px solid #ddd; padding: 20px; color: #222222; text-transform: uppercase; font-weight: bold; } .course-quiz-panel .checkbox { background-color: #ecf0f1; border: 0 none; margin-top: 5px; } .course-quiz-panel .panel-footer { background-color: #fff; border: 1px solid #ededed; padding: 20px 15px; } .course-complete { padding: 20px 0 10px; } .course-complete .progress { background-color: #ecf0f1; border-radius: 0; box-shadow: none; margin-bottom: 0; height: 25px; line-height: 25px; margin-top: 0; } .course-complete .progress-bar { line-height: 25px; } .course-table .table > caption + thead > tr:first-child > th, .course-table .table > colgroup + thead > tr:first-child > th, .course-table .table > thead:first-child > tr:first-child > th, .course-table .table > caption + thead > tr:first-child > td, .course-table .table > colgroup + thead > tr:first-child > td, .course-table .table > thead:first-child > tr:first-child > td { padding: 20px; font-weight: bold; color: #222222; border: 0; background-color: #fff; } .course-table .table > thead > tr > th, .course-table .table > tbody > tr > th, .course-table .table > tfoot > tr > th, .course-table .table > thead > tr > td, .course-table .table > tbody > tr > td, .course-table .table > tfoot > tr > td { border-top: 1px solid #ededed; line-height: 1; padding: 10px 20px; vertical-align: baseline; } .course-table tr { border: 1px solid #ededed; line-height: 1; vertical-align: middle; } .course-table .fa { width: 25px; height: 25px; text-align: center; border-radius: 2px; line-height: 25px; } .course-custom-meta hr { border-color: #ededed; margin: 10px 0; } .course-custom-meta { } .course-sidebar .course-meta { background-color: transparent; border: 1px solid #ededed; border-radius: 2px; margin-top: 20px; color: #aaa; padding: 10px 20px; } .course-table .table { margin-bottom: 0 !important; } .course-table .table > thead > tr > th { color: #27293d; border-bottom: 1px solid #ededed; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { border-top: 1px solid #ededed; } .course-table .fa-question-circle, .course-table .fa-play-circle { font-size: 18px; margin-left: 8px; } .course-table .fa-check { background-color: #92CD00; color: #ffffff; width: 20px; height: 20px; line-height: 20px; margin-left: 13px; text-align: center; } .course-table .fa-close { background-color: #FF0000; color: #ffffff; width: 20px; height: 20px; margin-left: 13px; line-height: 20px; text-align: center; } .tooptip-inner { background-color: #27293d; border-radius: 2px; } .item-h2, .item-h1 { height: 100% !important; height: auto !important; } .portfolio .pitem { padding: 15px; min-height: 230px; } .isotope-item { z-index: 2; padding: 0; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; } .course-list.normal-list, .course-list .col-lg-3 { margin-bottom: 30px; } .pagination > li > a, .pagination > li > span { background: #ecf0f1 none repeat scroll 0 0; border: 0 none; border-radius: 0 !important; color: #919191; float: left; line-height: 1.42857; margin: 0 4px 0 0; padding: 10px 15px; position: relative; text-decoration: none; } .shoptop .form-control { box-shadow: none !important; border-radius: 0 !important; border-color: #ecf0f1; background-color: #ecf0f1; } .friendbox { margin-bottom: 30px; padding: 30px; border: 1px solid #ededed; display: block; text-align: left !important; } .friendbox .btn { margin: 10px 0 0; padding: 5px 20px !important; text-decoration: none !important; text-transform: none; } .friendbox h3 { padding: 0; margin: 10px 0; line-height: 1; text-transform: uppercase; font-size: 14px; font-weight: bold; } .friendbox small a, .friendbox small { color: #989898; display: block; } .friendbox a img.alignleft, .friendbox img { margin: 0 20px 0 0; max-width: 120px; } .awards small { display: block; margin: 10px 0 5px; } .awards img { max-width: 100px !important; } .awards h3 { text-transform: capitalize; } .fileupload-exists .fileupload-new, .fileupload-new .fileupload-exists { display: none; } .fileupload .btn { margin-top: -20px; vertical-align: middle; } .fileupload-preview { max-width: 200px; } .btn-file:hover, .btn-file:focus, .btn-file { background-color: #ecf0f1 !important; border: 0 !important; box-shadow: none !important; } .updateprofile .form-control { margin-bottom: 10px; } .updateprofile textarea { height: 130px !important; } .defaultform .form-control { height: 40px; border-radius: 0; box-shadow: none; background-color: #ecf0f1; border-color: #ededed; } .about-widget .customlist { padding: 0; margin: 0 0; } .about-widget .customlist li { background-color: #ecf0f1; border: 1px solid #ededed; border-radius: 3px; float: left; list-style: outside none none; margin: 0 3px 0 0; padding: 14px; width: 10%; } .about-widget .defaultform button { margin-top: 0 !important; } .about-widget .team-member-name { padding-top: 0; } .about-widget .defaultform .form-control { margin-bottom: 30px; } .about-widget textarea { height: 140px !important; } .defaultform .checkbox { display: inline-block; padding-right: 10px; } .defaultform button { margin-top: 20px; } .course-meta { padding: 10px 20px; border-radius: 2px; background-color: #ecf0f1; } .course-meta a { color: #aaa; } .bottom-line .btn { text-transform: capitalize; } .widget-title .readmore { color: #555555; font-weight: normal; text-decoration: none; font-size: 13px; text-transform: capitalize; } .course-meta p { padding: 0; margin: 0; line-height: 1; } .course-meta .fa-clock-o, .course-meta .fa-user { padding-right: 5px; } .section.db .widget-title h3 { color: #ffffff; } .section.db .widget p { color: rgba(255, 255, 255, 0.4); } .section.db .video-wrapper .widget-title .btn-inverse { background-color: transparent !important; border: 2px solid rgba(255, 255, 255, 0.2) !important; border-radius: 2px; color: rgba(255, 255, 255, 0.3) !important; } .section.db .course-meta p, .section.db .course-meta .fa-user { color: rgba(255, 255, 255, 0.3) !important; } /****************************************** WAYPOINTS ******************************************/ .section-signup .label { padding: .35em .85em; margin-bottom: .5rem; font-size: .8125rem; font-weight: 600; line-height: 1.1538; border-radius: 2.5rem } .section-signup .label span { margin-right: .15rem; font-size: 16px; vertical-align: text-top } .section-signup .label-default { padding-right: 0; padding-left: 0; margin-right: .5rem; color: rgba(255, 255, 255, 0.6); background-color: transparent } .section-signup .form-group { margin-bottom: 1.875rem } .section-signup .has-icon-left { position: relative } .section-signup .has-icon-left:before { position: absolute; top: 14px; left: 48px; width: 1px; height: 1.8125rem; content: ''; background-color: #ededef } .section-signup .has-icon-left:after { position: absolute; top: 11px; left: 16px; z-index: 1; width: 30px; height: 30px; content: ''; background-repeat: no-repeat; background-position: 5% center } .section-signup .has-icon-left .form-control { padding-left: 60px } .section-signup .form-control-name:after { background-image: url(images/icons/icon-user.png); background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDgxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5JbXBvcnRlZCBMYXllcnM8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iTGFuZGluZy1wYWdlIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjQ4LjAwMDAwMCwgLTU1NjMuMDAwMDAwKSIgZmlsbC1vcGFjaXR5PSI1MCUiIGZpbGw9IiM0MjQ3NTMiPgogICAgICAgICAgICA8ZyBpZD0iU2lnbi11cCIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDUzNjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iZm9ybSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMxLjAwMDAwMCwgMTgyLjAwMDAwMCkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJuYW1lLWlucHV0Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTM1LjUwNzA5NjgsMzYuNTg3MDk2OCBDMzQuOTMwMzIyNiwzNS40MzYxMjkgMzMuMDM1NDgzOSwzNC43NDI1ODA2IDMwLjQxMjkwMzIsMzMuNzgxOTM1NSBDMzAuMDQxOTM1NSwzMy42NDY0NTE2IDI5LjY1Njc3NDIsMzMuNTA1MTYxMyAyOS4yNTgwNjQ1LDMzLjM1NjEyOSBMMjkuMjU4MDY0NSwzMS4yNzAzMjI2IEMyOS41MiwzMC45ODM4NzEgMzAuMTgzMjI1OCwzMC4xMzA5Njc3IDMwLjI0ODM4NzEsMjguODA2NDUxNiBDMzAuNDMwOTY3NywyOC42NjcwOTY4IDMwLjU3Njc3NDIsMjguNDAzODcxIDMwLjY2MDY0NTIsMjguMDQ3MDk2OCBDMzAuNzk0MTkzNSwyNy40ODA2NDUyIDMwLjcyMzg3MSwyNi44MDcwOTY4IDMwLjMwNjQ1MTYsMjYuNDMyMjU4MSBDMzAuMzM0ODM4NywyNi4zNTg3MDk3IDMwLjM2OTY3NzQsMjYuMjcxNjEyOSAzMC40MDE5MzU1LDI2LjE4OTAzMjMgQzMwLjcxMDMyMjYsMjUuNDExNjEyOSAzMS4yODUxNjEzLDIzLjk2MzIyNTggMzEuMDYwNjQ1MiwyMi44MzkzNTQ4IEMzMC44MDY0NTE2LDIxLjU2ODM4NzEgMjguOTU2Nzc0MiwyMSAyNy4yMzYxMjksMjEgQzI1Ljk3ODA2NDUsMjEgMjQuNDQ3NzQxOSwyMS4zMTQ4Mzg3IDI0LjAxMDk2NzcsMjIuMTgzMjI1OCBDMjMuNTI3MDk2OCwyMi4yMjc3NDE5IDIzLjE1NzQxOTQsMjIuNDE5MzU0OCAyMi45MDkwMzIzLDIyLjc1NDE5MzUgQzIyLjIyNzA5NjgsMjMuNjcyOTAzMiAyMi43MzIyNTgxLDI1LjMzOTM1NDggMjMuMDAzMjI1OCwyNi4yMzQxOTM1IEMyMy4wMjE5MzU1LDI2LjI5NzQxOTQgMjMuMDQyNTgwNiwyNi4zNjM4NzEgMjMuMDU5MzU0OCwyNi40MjEyOTAzIEMyMi42MzE2MTI5LDI2Ljc5MzU0ODQgMjIuNTU4MDY0NSwyNy40NzQ4Mzg3IDIyLjY5MzU0ODQsMjguMDQ3MDk2OCBDMjIuNzc3NDE5NCwyOC40MDM4NzEgMjIuOTIzMjI1OCwyOC42NjcwOTY4IDIzLjEwNTgwNjUsMjguODA2NDUxNiBDMjMuMTY5Njc3NCwzMC4xMDU4MDY1IDIzLjgxODA2NDUsMzAuODcxNjEyOSAyNC4wOTYxMjksMzEuMTQzMjI1OCBMMjQuMDk2MTI5LDMzLjM1NjEyOSBDMjMuNjk2Nzc0MiwzMy41MDUxNjEzIDIzLjMxMDk2NzcsMzMuNjQ3MDk2OCAyMi45MzkzNTQ4LDMzLjc4MjU4MDYgQzIwLjMxNjc3NDIsMzQuNzQyNTgwNiAxOC40MjE5MzU1LDM1LjQzNjEyOSAxNy44NDcwOTY4LDM2LjU4NzA5NjggQzE3LjAwOTAzMjMsMzguMjYzMjI1OCAxNywzOS45NjA2NDUyIDE3LDQwLjAzMjI1ODEgQzE3LDQwLjIwOTY3NzQgMTcuMTQzODcxLDQwLjM1NDgzODcgMTcuMzIxOTM1NSw0MC4zNTQ4Mzg3IEwzNi4wMzIyNTgxLDQwLjM1NDgzODcgQzM2LjIxMDMyMjYsNDAuMzU0ODM4NyAzNi4zNTQ4Mzg3LDQwLjIwOTY3NzQgMzYuMzU0ODM4Nyw0MC4wMzIyNTgxIEMzNi4zNTQ4Mzg3LDM5Ljk2MDY0NTIgMzYuMzQ1MTYxMywzOC4yNjMyMjU4IDM1LjUwNzA5NjgsMzYuNTg3MDk2OCIgaWQ9IkltcG9ydGVkLUxheWVycyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") } .section-signup .form-control-email:after { background-image: url(images/icons/img/icon-email.html); background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjIwcHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMCAwIDIwIDE5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDgxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5JbXBvcnRlZCBMYXllcnM8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iTGFuZGluZy1wYWdlIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTM3LjAwMDAwMCwgLTU1NjMuMDAwMDAwKSIgZmlsbC1vcGFjaXR5PSI1MCUiIGZpbGw9IiM0MjQ3NTMiPgogICAgICAgICAgICA8ZyBpZD0iU2lnbi11cCIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDUzNjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iZm9ybSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMxLjAwMDAwMCwgMTgyLjAwMDAwMCkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJlbWFpbC1pbnB1dCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjkxLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkltcG9ydGVkLUxheWVycyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUuMDAwMDAwLCAyMS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjc2NzA5Njc3NCw4LjA5MjI1ODA2IEMwLjY0NTgwNjQ1Miw4LjE0MjU4MDY1IDAuNTY2NDUxNjEzLDguMjYwNjQ1MTYgMC41NjcwOTY3NzQsOC4zOTE2MTI5IEMwLjU2Nzc0MTkzNSw4LjUyMjU4MDY1IDAuNjQ3NzQxOTM1LDguNjQwNjQ1MTYgMC43NjkwMzIyNTgsOC42ODk2Nzc0MiBMNy41MTc0MTkzNSwxMS40MTM1NDg0IEwxOS4zNzI5MDMyLDAuNDI1ODA2NDUyIEwwLjc2NzA5Njc3NCw4LjA5MjI1ODA2IiBpZD0iRmlsbC0xIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNy43NTE2MTI5LDEyLjA3Njc3NDIgTDcuNzUxNjEyOSwxNy43NDE5MzU1IEM3Ljc1MTYxMjksMTcuODg3MDk2OCA3Ljg0Nzc0MTk0LDE4LjAxNDE5MzUgNy45ODc3NDE5NCwxOC4wNTI5MDMyIEM4LjAxNjEyOTAzLDE4LjA2MTI5MDMgOC4wNDUxNjEyOSwxOC4wNjUxNjEzIDguMDc0MTkzNTUsMTguMDY1MTYxMyBDOC4xODUxNjEyOSwxOC4wNjUxNjEzIDguMjkwOTY3NzQsMTguMDA3MDk2OCA4LjM1MDMyMjU4LDE3LjkwODM4NzEgTDExLjEyNTgwNjUsMTMuMjg3NzQxOSBMMTYuMTk0MTkzNSwxNS45OTYxMjkgQzE2LjI0MTI5MDMsMTYuMDIxOTM1NSAxNi4yOTM1NDg0LDE2LjAzNDE5MzUgMTYuMzQ1ODA2NSwxNi4wMzQxOTM1IEMxNi4zOTE2MTI5LDE2LjAzNDE5MzUgMTYuNDM3NDE5NCwxNi4wMjQ1MTYxIDE2LjQ4MDY0NTIsMTYuMDA1MTYxMyBDMTYuNTcyMjU4MSwxNS45NjI1ODA2IDE2LjYzODcwOTcsMTUuODggMTYuNjYwNjQ1MiwxNS43ODEyOTAzIEwyMCwwLjcyNDUxNjEyOSBMNy43NTE2MTI5LDEyLjA3Njc3NDIiIGlkPSJGaWxsLTIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") } .section-signup .form-control-password:after { background-image: url(images/icons/img/icon-lock.html); background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE0cHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDE0IDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDgxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5JbXBvcnRlZCBMYXllcnM8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iTGFuZGluZy1wYWdlIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODM1LjAwMDAwMCwgLTU1NjMuMDAwMDAwKSIgZmlsbC1vcGFjaXR5PSI1MCUiIGZpbGw9IiM0MjQ3NTMiPgogICAgICAgICAgICA8ZyBpZD0iU2lnbi11cCIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDUzNjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iZm9ybSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMxLjAwMDAwMCwgMTgyLjAwMDAwMCkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJwYXNzd29yZC1pbnB1dCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTg0LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMxLjY2ODU0ODQsMjkuOTM5NDQxNiBMMzEuNjY4NTQ4NCwyNS42Njc0MTk0IEMzMS42Njg1NDg0LDIzLjIyNDM1ODcgMjkuMjg0ODMwNywyMSAyNi42Njc3NDIsMjEgQzI0LjA0OTk4NjUsMjEgMjEuNjY2OTM1NSwyMy4yMjQzNTg3IDIxLjY2NjkzNTUsMjUuNjY3NDE5NCBMMjEuNjY2OTM1NSwyOS45Mzk0NDE2IEMyMC42MzI3Njg3LDMxLjExNDk2NDYgMjAsMzIuNjUxMjEyMyAyMCwzNC4zMzU0ODM5IEMyMCwzOC4wMTIwNzY4IDIyLjk5MTE0OSw0MS4wMDMyMjU5IDI2LjY2Nzc0Miw0MS4wMDMyMjU5IEMzMC4zNDM2NjgxLDQxLjAwMzIyNTkgMzMuMzM1NDgzOSwzOC4wMTIwNzY4IDMzLjMzNTQ4MzksMzQuMzM1NDgzOSBDMzMuMzM1NDgzOSwzMi42NTEyMTIzIDMyLjcwMjA0ODQsMzEuMTE0OTY0NiAzMS42Njg1NDg0LDI5LjkzOTQ0MTYgTDMxLjY2ODU0ODQsMjkuOTM5NDQxNiBaIE0yNy4wMDExMjkxLDM0LjkwODkwOTcgTDI3LjAwMTEyOTEsMzcuMzM1OTY3OCBDMjcuMDAxMTI5MSwzNy41MTk5OTc1IDI2Ljg1MTc3MTYsMzcuNjY5MzU0OSAyNi42Njc3NDIsMzcuNjY5MzU0OSBDMjYuNDgzMDQ1NSwzNy42NjkzNTQ5IDI2LjMzNDM1NDksMzcuNTE5OTk3NSAyNi4zMzQzNTQ5LDM3LjMzNTk2NzggTDI2LjMzNDM1NDksMzQuOTA4OTA5NyBDMjYuMTM1NjU2MiwzNC43OTM1NTc4IDI2LjAwMDk2NzgsMzQuNTgwODU2OCAyNi4wMDA5Njc4LDM0LjMzNTQ4MzkgQzI2LjAwMDk2NzgsMzMuOTY4MDkxMyAyNi4yOTk2ODI2LDMzLjY2ODcwOTcgMjYuNjY3NzQyLDMzLjY2ODcwOTcgQzI3LjAzNTEzNDUsMzMuNjY4NzA5NyAyNy4zMzQ1MTYyLDMzLjk2ODA5MTMgMjcuMzM0NTE2MiwzNC4zMzU0ODM5IEMyNy4zMzQ1MTYyLDM0LjU4MDg1NjggMjcuMTk5MTYxLDM0Ljc5MzU1NzggMjcuMDAxMTI5MSwzNC45MDg5MDk3IEwyNy4wMDExMjkxLDM0LjkwODkwOTcgWiBNMzEuMDAxNzc0MiwyOS4yNzg2Njg0IEMyOS44MzQ5MTk0LDI4LjI3NzE3MzYgMjguMzIyMDA4NywyNy42Njc3NDIgMjYuNjY3NzQyLDI3LjY2Nzc0MiBDMjUuMDEyODA4NCwyNy42Njc3NDIgMjMuNTAwNTY0NSwyOC4yNzcxNzM2IDIyLjMzMzcwOTcsMjkuMjc4NjY4NCBMMjIuMzMzNzA5NywyNS42Njc0MTk0IEMyMi4zMzM3MDk3LDIzLjYxMTA4NzggMjQuNDQwMDQ5NCwyMS42NjY3NzQyIDI2LjY2Nzc0MiwyMS42NjY3NzQyIEMyOC44OTU0MzQ1LDIxLjY2Njc3NDIgMzEuMDAxNzc0MiwyMy42MTEwODc4IDMxLjAwMTc3NDIsMjUuNjY3NDE5NCBMMzEuMDAxNzc0MiwyOS4yNzg2Njg0IEwzMS4wMDE3NzQyLDI5LjI3ODY2ODQgWiIgaWQ9IkltcG9ydGVkLUxheWVycyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") } .section-signup .form-control-lg { font-size: 1rem; } .section-signup .form-control { border-width: 1px; } .section-signup .form-control-lg { border-radius: 0.3rem; font-size: 1.25rem; line-height: 2; padding: 0.75rem 1.25rem; } .section-signup .form-control { background-color: #fff; background-image: none; border: 1px solid #e0e0e5; border-radius: 0; color: #424753; display: block; font-size: 13px !important; line-height: 2; height: 50px; padding: 0.385rem 0.75rem; box-shadow: none !important; width: 100%; } .section-signup .btn { margin-top: 0.3px; height: 48px; } .section-signup .form-control:focus { box-shadow: 0 0 4px rgba(135, 121, 189, 0.53) } .section-signup .form-control:focus+span { color: #6c59b4 } .section-signup .form-control-lg { font-size: 1rem } .section-signup .btn-block { padding-right: 0; padding-left: 0 } /****************************************** AGENCY SLIDER ******************************************/ .slider-section { position: relative; display: block; width: 100%; height: 100%; } #superslides { position: relative; } #superslides .slides-container { display: none; } #superslides .scrollable { *zoom: 1; position: relative; top: 0; left: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%; } #superslides .scrollable:after { content: ""; display: table; clear: both; } #superslides .slides-navigation a { position: absolute; display: block; font-size: 13px !important; color: #1a1a1a !important; background-color: #ffffff; } #superslides .slides-navigation a.prev { left: auto; right: 45px; width: 40px; height: 40px; text-align: center; line-height: 43px; } #superslides .slides-navigation a.next { height: 40px; line-height: 43px; right: 0; text-align: center; width: 40px; } #superslides .slides-pagination { display: none; } #superslides .fa-2x { font-size: 20px; } #superslides .slides-navigation { margin: 0 auto; position: absolute; z-index: 3; bottom: 22.6%; right: 5%; width: 100%; } .general-content { background-color: #27293d; display: block; right: 5%; padding: 30px 40px; position: absolute; bottom: 23%; max-width: 500px; z-index: 3; } .general-content .lead { font-size: 15px; color: rgba(255, 255, 255, 0.4); margin: 0 0 15px; padding: 0; } .general-text h2 { font-size: 21px; color: #ffffff; font-weight: bold; line-height: 1; margin: 0; padding: 0; text-transform: capitalize; } .header-fixed { padding-bottom: 25px !important; } /****************************************** FOOTER ******************************************/ .copyrights { padding: 40px 0 20px 0; display: block; position: relative; background-color: #f4f4f4!important; } .copyrights.asset-footer{margin-top:0;} .copyrights h4 { font-family: 'Roboto Slab', serif; font-weight: 700; color: #134e8c; font-size: 20px; text-transform: uppercase; } .mt25 { margin-top: 25px; } .copyrights ul { margin-bottom: 10px; } .copyrights li { font-size: 12px; } .copyrights p, .copyrights li a { color: #38404b; /* text-transform: uppercase; */ font-weight: inherit; /* color: rgba(255, 255, 255, 0.5) !important; */ font-size: 15px; } .copyrights i { color: #888; } .copyrights .fa-facebook{ color:#3B5998; font-size: 22px;} .copyrights .fa-twitter{ color:#00aced; font-size: 22px;} .copyrights .fa-linkedin{ color:#0077B5; font-size: 22px;} .copyrights .fa-youtube{ color:#ff0000; font-size: 22px;} .copyrights .footer-social i { background-color: rgb(0, 159, 227); border-radius: 0; display: inline-block; font-size: 15px; height: 35px; line-height: 35px; margin-left: 3px; text-align: center; width: 35px; } .copyrights .form-inline .form-control { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; min-width: 100%; height: 40px; color: rgba(255, 255, 255, 0.3) !important; border-radius: 0; font-size: 11px; margin-bottom: 10px; box-shadow: none; } body.leftmenu .copyrights .form-inline .form-control { min-width: 100%; } .looking-photo { position: relative; } .menuopener { background-color: #fff; color: #364c63; font-size: 15px; height: 40px; left: 0; line-height: 40px; position: absolute; text-align: center; top: 0; width: 40px; } body.memberprofile .menuopener { background-color: #27293d; color: #ffffff !important; z-index: 1; } #page-content-wrapper { position: relative; } .copyrights .newsletter p { text-transform: none; padding-bottom: 0px; margin-top: 5px; } .copyrights .form-inline .form-group { display: block; } .btn-default, .btn-primary { text-transform: uppercase; font-size: 13px; } .copyrights .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.3) !important; opacity: 1; } .copyrights .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.3) !important; } .copyrights .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.3) !important; } /****************************************** PORTFOLIO ******************************************/ .text-center .titlehr { margin: 20px 0 0 !important; width: 100%; padding-bottom: 0 !important } .centermessage h4 { display: inline-block; font-size: 40px !important; font-weight: 900; line-height: 1.3; margin: 0 0 20px; position: relative !important; } .centermessage p { color: #fff; font-size: 15px; font-weight: 400; line-height: 1.8; margin: 0; padding: 0 0 20px; } .section-full .centermessage p { color: #ffffff; font-size: 16px; font-weight: 400; line-height: 1.8; margin: 0; padding: 0; } .section-full .centermessage { background-color: rgba(0, 0, 0, 0.4); padding: 60px; border-radius: 4px; } .section-full .centermessage h2 { color: #ffffff; padding: 0; line-height: 1; text-transform: uppercase; margin: 0; font-size: 18px; } .section-full .large-buttons { margin-bottom: 0 !important; } .section-full .centermessage h1 { color: #ffffff; font-size: 51px; font-weight: bold; text-transform: uppercase; line-height: 1; margin: 20px 0; padding: 0; } .section-full .centermessage p { color: #ffffff; } .mark, mark { margin: 0 2px; padding: 0 6px; } /****************************************** BLOG & PAGES ******************************************/ .comments img { max-width: 80px; margin-right: 20px } .comments { padding: 0!important; margin: 0!important } .comments .panel, .comments .panel-body, .comments .panel-info { box-shadow: none !important; border: 0 !important; padding: 0 !important; background-color: transparent !important; } .comments .text-success { color: #333; margin-bottom: 5px; display: inline-block } .comments .text-muted { color: #777; margin-left: 5px } .comments .panel .panel-body { padding: 0 !important; } .comments .panel { background-color: #fff; border: 0 none !important; border-radius: 0; box-shadow: none; } .comments .media-list li { border: 1px solid #ededed; margin: 20px 0; background-color: transparent; display: block; padding: 20px; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out } .contact_form.comment-form .form-control { border: 1px solid #ededed !important; height: 40px; } .comments .media-list li p { margin: 0; padding: 0 } .comments .btn { display: inline-block; margin-top: 10px; font-size: 11px; padding: 3px 10px } .blog-big-title h3 { font-size: 21px; padding: 0 !important; font-weight: bold; margin: 0 0 20px; } .blog-single-meta img { max-width: 25px; margin-right: 10px; } .blog-single-meta { display: block; position: relative; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #ededed; } .blog-single-meta li, .blog-single-meta li a { color: #939393; font-size: 14px; font-weight: 400; text-transform: capitalize; } .blog-single-meta li { padding-left: 0; margin: 0 10px 0 0; padding-right: 0; } .sitemap-widget ul { list-style: none; padding: 0; } .sitemap-widget li { border-bottom: 1px solid #ededed; padding-bottom: 5px; margin-bottom: 5px; } .education-widget ul li { border-bottom: 1px solid #ededed; padding-bottom: 20px; } .sitemap-widget li:last-child { border-bottom: 0 solid #ededed; padding-bottom: 0; } .notfound p { font-size: 21px; padding: 10px 0; line-height: 36px; } .notfound .btn { } .notfound { padding: 3em 0; text-align: center; } .notfound h2 { display: inline-block; font-size: 60px; font-weight: bold; margin: 0 0 20px; } .post-padding { border: 1px solid #ededed; padding: 40px; } blockquote { font-size: 15px; background-color: #ecf0f1; border: 0 none; margin: 20px auto !important; padding: 30px 40px !important; } .banner-widget { margin-bottom: 30px; text-align: center; } .banner-widget img { width: auto; display: block; margin: 0 auto; } .page-banner { background-attachment: scroll; min-height: 400px; } .title-area h2 { font-size: 24px; font-weight: 600; line-height: 1; margin: 0; padding: 0; } .title-area h2 small { display: block; font-size: 13px; padding: 14px 0 0; } .breadcrumb { background-color: transparent; border-radius: 0; font-size: 15px; list-style: outside none none; margin: 150px 0 0 0; padding: 0; } .breadcrumb a:hover {text-decoration:none;} .breadcrumb > li + li::before { padding: 0 4px; } .readmore { text-transform: uppercase; font-weight: bold; text-decoration: underline; } .blog-wrapper { /*background-color: #ffffff;*/ padding: 0; } .blog-wrapper .blog-title { position: relative; min-height: 210px; } .blog-wrapper .blog-title a.da-btn-white{ position:absolute; bottom:0;} .blog-wrapper .blog-meta ul { padding: 0 !important; margin: 0 !important; } .blog-wrapper .list-inline > li { padding-left: 0; } .blog-wrapper .blog-meta { display: block; position: absolute; /* margin: 20px 0 15px; */ padding: 5px 10px; bottom: 0; z-index: 99; width: 100%; background: rgba(0, 0, 0, 0.8392156862745098); } .blog-wrapper .blog-meta a { color: #dedede; font-size: 12px; font-weight: 400; } .blog-wrapper .blog-meta a i { padding-right: 5px; } .blog-wrapper .blog-title h4 { padding: 0 0 15px; margin-top: 15px; font-size: 16px; line-height: 1; } .entry { overflow: hidden; position: relative; } .entry:hover .downloadit a { border: 1px solid #ffffff; } .demo-parallax.onecourse, .demo-parallax { padding: 40rem 0 15rem !important; } .demo-parallax.parallax2 { padding: 0 0 0 !important; } /****************************************** SIDEBAR ******************************************/ .sidebar .widget { padding: 20px; background-color: #ffffff; margin-bottom: 20px; border: 1px solid #ededed; } .sidebar .form-control { background-color: transparent; border-radius: 0; height: 40px; border: 1px solid #ededed; font-size: 13px; box-shadow: none !important } .tags a { padding: 4px 13px; border: 1px solid #ededed; display: inline-block; margin: 0 0 5px 0; } .related-posts .entry small { display: block; margin: 5px 0 0 0; text-transform: capitalize; } .related-posts .entry p { margin-bottom: 0; padding: 0; font-weight: 500; line-height: 1.6; } .related-posts .entry { border-bottom: 1px solid #ededed; margin-bottom: 20px; padding: 0 10px 20px 0 !important; display: block; } .related-posts .entry:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: 0; } .widget .footer-social .fa { font-size: 14px; margin-right: 4px; } .wb .widget img { width: 100%; } .widget { padding: 0; margin: 0; } .widget p { margin-bottom: 0 !important; min-height: 95px; } .greenbg .widget-title h3, .redbg .team-member-link a, .redbg .team-member-name p, .redbg .team-member-name span { color: #ffffff !important; } .greenbg .widget p, .redbg .single-team-member > p { color: rgba(255, 255, 255, 0.8); } .redbg .single-team-member { box-shadow: none !important; border-color: rgba(255, 255, 255, 0.3) !important; } .redbg .team-member-link { background: #c72c1c none repeat scroll 0 0; border: 1px solid #c72c1c; bottom: -20px; color: #fff !important; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; transition: all 0.5s ease 0s; width: 60%; } .greenbg .service-list .alignleft { background-color: #139a4c; border: 1px solid #139a4c; border-radius: 50%; color: #fff !important; height: 80px; line-height: 83px; max-width: 80px; text-align: center; } .single-team-member { border: 1px solid #ededed; display: inline; float: left; padding: 10px; padding-bottom: 30px; position: relative; text-align: center; width: 100%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; min-height: 265px; } .single-team-member img{ width:60%;} /*.single-team-member:hover { -webkit-box-shadow: 0 13px 6px -6px #ededed; -moz-box-shadow: 0 13px 6px -6px #ededed; box-shadow: 0 13px 6px -6px #ededed; } */ .single-team-member:hover { background: #ffffff; } .team-member-img .btn-default { text-transform: capitalize; } .team-member-img { /*background-color: #ffffff;*/ position: relative; width: 100%; } .team-member-img img { width: 100%; } .team-member-name { display: inline; float: left; padding: 25px 0 10px; width: 100%; } .team-member-name p { color: #ffffff; font-size: 17px; font-weight: bold; margin-bottom: 0; padding: 0; text-transform: capitalize; } .team-member-name span { color: #aaa; font-size: 13px; font-style: italic; } .single-team-member > p { color: #fff; font-size: 13px; padding: 0 10px; } .single-team-member:hover > p, .single-team-member:hover > .team-member-name span, .single-team-member:hover > .team-member-name p { color: #000; } .team-member-name p{ color:#0f4e8c !important;} .team-member-name span { color: #000; } .maths-blue .team-member-name span { color: #bdbdbd; } .maths-blue .single-team-member:hover p{ color:#0f4e8c !important} .maths-blue .team-member-name p { color: #fff !important; } .team-member-link { background: #fff none repeat scroll 0 0; color: #aaa !important; bottom: -20px; left: 0; margin: 0 auto; position: absolute; right: 0; border: 1px solid #ededed; text-align: center; width: 60%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .team-member-link a { display: inline-block; padding: 8px; -webkit-transition: all 0.5s; color: #0f4e8c; -o-transition: all 0.5s; transition: all 0.5s; } .team-member-link a:hover, .team-member-link a:focus { display: inline-block; outline: none; } /****************************************** FONTS ******************************************/ blockquote p, #hero-search-input .form-control, .section-full .centermessage p, .lead, .team-member-name span, small { font-family: 'Droid Serif', sans-serif !important; font-style: italic; } .normal-header .dropdown-menu > li, .normal-header .dropdown-menu > li a { font-family: 'Roboto Slab', serif; } .single-team-member > p, .item-title small a, body, li, p { font-family: 'Roboto Slab', serif !important; } #bbpress-forums li.bbp-body ul.forum li.bbp-forum-info a, .course-complete .progress, .course-quiz-panel .checkbox, .course-custom-meta p, .course-table .table > thead > tr > th, .team-member-name p, .yamm p, .hot, h1, h2, h3, h4, .pricing-price p, h5, h6, .header .pager .btn, .copyrights .form-inline .form-control, .copyrights p, .copyrights li a, .btn, .item-title a, .navbar-brand.with-text, .readmore { font-family: 'Roboto Slab', serif; } /****************************************** MISC ******************************************/ .demos .widget-title h3 { padding-top: 6px; } .hot { position: absolute; right: -10px; top: -10px; text-transform: uppercase; width: 60px; z-index: 10; display: block; padding: 0 !important; font-size: 14px !important; font-weight: bold; line-height: 60px; height: 60px; border-radius: 60px; text-align: center; } .copylinks p { margin: 5px 0 0; padding: 0; font-size: 12px; color: #fff !important; text-transform: capitalize; } .copyrights hr { border-color: rgba(255, 255, 255, 0.1); } .topbar { padding: 20px; } .check { list-style: none; padding: 0; } .check li { margin: 10px 0; } .check li .fa-circle-o { font-size: 11px; padding-right: 10px; } .img-absolute { position: absolute; z-index: 1; left: 0; right: 0; margin: auto; text-align: center; } .video-laptop { position: relative; padding-bottom: 57.5%; height: 0; } .video-laptop iframe { box-sizing: border-box; background: url("images/icons/blankmacbook.png") no-repeat center center; background-size: contain; padding: 3.4% 12.9% 6.7%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-wrapper h3 { padding: 0; margin: 0px 0 5px; line-height: 1; } .blog-list .col-xs-12, .blog-list .col-sm-12 { margin-bottom: 30px; } .blog-list .widget-title h3 { font-size: 18px; } .section.lb .course-widget { background-color: #ffffff; } .course-widget { border: 1px solid #ededed; padding: 15px; } .course-widget .magnifier .magni-desc .secondicon { border-radius: 50%; line-height: 38px; } .course-widget hr { width: 100%; border-color: #ededed; } .course-widget .course-meta p { color: #aaa; } .course-widget .course-meta { background-color: transparent; border: 1px solid #ededed; border-radius: 2px; display: block; margin-top: 20px; padding: 10px 20px; } .video-wrapper .widget-title img { max-width: 25px; margin-right: 5px; } .video-wrapper .widget-title { margin-top: 20px; } .video-wrapper .widget-title .btn-inverse { width: auto; height: 30px; line-height: 28px; margin-top: -1px; border-radius: 2px; background-color: transparent !important; border: 2px solid #ededed !important; color: #aaa !important; text-align: center; padding: 0 10px !important; } .typed-cursor { opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite; } .videoplayer { display: block !important; outline: 0 !important; width: 100%; max-width: 100%; margin: 0 auto; } .mejs-container .mejs-controls .mejs-time { color: #27293d; } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #27293d; } .post-media img { width: 100% !important; } .entry { position: relative; padding: 0 !important; margin-bottom: 0; overflow: hidden; } .magnifier { position: absolute; top: 0; cursor: pointer; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */ background-color: rgba(39, 41, 61, 0.8); left: 500px !important; bottom: 0; right: 0; z-index: 1; zoom: 1; cursor: crosshair; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .entry:hover .magnifier { zoom: 1; left: 0 !important; filter: alpha(opacity=100); opacity: 1; } .magnifier .magni-desc { position: absolute; left: 0; top: 50%; text-align: center; bottom: 10px; opacity: 0; width: 100%; margin: -20px auto; display: block; } .entry:hover .magnifier .magni-desc { zoom: 1; filter: alpha(opacity=100); opacity: 1; } .magnifier .magni-desc h4 a, .magnifier .magni-desc h4 { font-size: 14px; letter-spacing: 2px; font-weight: 400; text-decoration: none !important; text-transform: uppercase; } .magnifier .magni-desc p, .magnifier .magni-desc a { color: #ffffff !important; cursor: pointer; } .magnifier .magni-desc p { letter-spacing: 1px; color: #aaa !important; font-size: 11px; } .magnifier .magni-desc .secondicon, .magnifier .magni-desc .firsticon { position: absolute; margin: 0 !important; text-align: center; font-size: 11px !important; width: 35px; height: 35px; left: 10px; bottom: 20px; color: #ffffff !important; line-height: 35px; background-color: #000; display: inline-block; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .blog-wrapper .magnifier .magni-desc .secondicon { left: 0; right: 0; bottom: 0; top: 20% !important; margin: -20px auto !important; } .magnifier .magni-desc .secondicon { right: 10px; left: auto; } .hovericons { position: absolute; right: 200px; left: 0; margin: -18px auto; opacity: 0; text-align: center; bottom: 0; top: 50%; background-color: #ddd; width: 40px; height: 40px; line-height: 40px; font-size: 14px; display: block; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .entry:hover .hovericons { right: 0; opacity: 1; } .typed-cursor { opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite; } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .cssload-container { position: absolute; top: 0; text-align: center; left: 0; right: 0; text-align: center; width: 100%; height: 100%; z-index: 9999; background-color: #ffffff; } .cssload-loader { width: 49px; height: 49px; top: 50%; left: 0; right: 0; border-radius: 50%; margin: -20px auto; display: inline-block; position: relative; vertical-align: middle; } .cssload-loader, .cssload-loader:before, .cssload-loader:after { animation: 1.15s infinite ease-in-out; -o-animation: 1.15s infinite ease-in-out; -ms-animation: 1.15s infinite ease-in-out; -webkit-animation: 1.15s infinite ease-in-out; -moz-animation: 1.15s infinite ease-in-out; } .cssload-loader:before, .cssload-loader:after { width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; } .cssload-loader:before, .cssload-loader:after { content: ""; } .cssload-loader:before { border: 2px solid #28a7df; top: -1px; left: -1px; opacity: 0; animation-name: cssload-pulse; -o-animation-name: cssload-pulse; -ms-animation-name: cssload-pulse; -webkit-animation-name: cssload-pulse; -moz-animation-name: cssload-pulse; } .cssload-loader:after { background-color: #28a7df; animation-name: cssload-pulse-2; -o-animation-name: cssload-pulse-2; -ms-animation-name: cssload-pulse-2; -webkit-animation-name: cssload-pulse-2; -moz-animation-name: cssload-pulse-2; } @keyframes cssload-pulse { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.3); opacity: 0; } 100% { transform: scale(1.3); opacity: 0; } } @-o-keyframes cssload-pulse { 0% { -o-transform: scale(1); opacity: 1; } 50% { -o-transform: scale(1.3); opacity: 0; } 100% { -o-transform: scale(1.3); opacity: 0; } } @-ms-keyframes cssload-pulse { 0% { -ms-transform: scale(1); opacity: 1; } 50% { -ms-transform: scale(1.3); opacity: 0; } 100% { -ms-transform: scale(1.3); opacity: 0; } } @-webkit-keyframes cssload-pulse { 0% { -webkit-transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(1.3); opacity: 0; } 100% { -webkit-transform: scale(1.3); opacity: 0; } } @-moz-keyframes cssload-pulse { 0% { -moz-transform: scale(1); opacity: 1; } 50% { -moz-transform: scale(1.3); opacity: 0; } 100% { -moz-transform: scale(1.3); opacity: 0; } } @keyframes cssload-pulse-2 { 0% { transform: scale(1); } 50% { transform: scale(0.7); } 100% { transform: scale(1); } } @-o-keyframes cssload-pulse-2 { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(0.7); } 100% { -o-transform: scale(1); } } @-ms-keyframes cssload-pulse-2 { 0% { -ms-transform: scale(1); } 50% { -ms-transform: scale(0.7); } 100% { -ms-transform: scale(1); } } @-webkit-keyframes cssload-pulse-2 { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(0.7); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes cssload-pulse-2 { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(0.7); } 100% { -moz-transform: scale(1); } } body.landingpage .section.db { padding-top: 200px !important; } body.landingpage .copyrights { background-color: #fff !important; } body.landingpage .video-wrapper { padding: 15px; background-color: #35374b; } body.landingpage .copylinks p { color: #27293d !important; } body.landingpage .copyrights .footer-social i { background-color: #4a4c60; color: #ffffff !important; } body.landingpage .normal-header .navbar-nav > li > a  { font-weight: bold !important; } .border-btn { color: #fff; border: 1px solid #fff; border-radius: 0; font-size: 14px !important; } .border-btn:hover { background: #009fe3; border-color: #009fe3; color: #fff !important; } header.header.normal-header.affix .logo { height: 70px; width: auto; } header.header.normal-header.affix .navbar-nav > li > a { padding: 25px 20px 0; } .widget-title h3 { color: #104d8c; font-weight: bold; } .orange-gradient { background-image: linear-gradient(to right top, #f99852, #d87229, #fbbf05); } .light-blue { background: #f0f8ff; } .light-blue .big-title h2, .light-blue .big-title p { color: #000 !important } .partner { border: 1px dashed #929292; padding: 15px !important; } .partner img{ -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); cursor:pointer;} .partner img:hover{ filter: grayscale(0%);} .pressroom-title { background: #009fe3; padding: 10px; } .widget-title.clearfix.pressroom-title { margin-top: 0; } .pressroom-title a { color: #fff; text-decoration: none; } .pressroom-title h3 { margin: 0; text-align: center; font-size: 16px; font-size: 16px; font-weight: 200; padding: 8px; line-height: 25px; } .pressroom-title a:hover { color: #000 !important; } .multi-gradient { background-image: linear-gradient(to left bottom, #d6ffa0, #2fb6dd, #59c2da); } .products { background: #fff; } .readmore-1 { font-size: 14px; color: #fff; padding: 10px 20px; display: inline-block; margin-top: 10px; } .box-1 .readmore-1 { background: #008fad; } .box-1 { border-bottom: 5px solid #008fad; } .box-2 .readmore-1 { background: #82c55b; } .box-2 { border-bottom: 5px solid #82c55b; } .box-3 .readmore-1 { background: #f9a870; } .box-3 { border-bottom: 5px solid #f9a870; } .box-4 .readmore-1 { background: #f26866; } .box-4 { border-bottom: 5px solid #f26866; } .box-5 .readmore-1 { background: #0094c2; } .box-5 { border-bottom: 5px solid #0094c2; } .box-6 .readmore-1 { background: #04bac7; } .box-6 { border-bottom: 5px solid #04bac7; } .box-1 .readmore-1:hover, .box-2 .readmore-1:hover, .box-3 .readmore-1:hover, .box-4 .readmore-1:hover, .box-5 .readmore-1:hover, .box-6 .readmore-1:hover{ color:#fff !important;} .vm { background: #FFF; padding: 20px; box-shadow: 0px 6px 0px #bbbaba; } .white { color: #fff; } .blog { background: #fff; } .hellobar { background: #000; float: left; width: 100%; position: relative; z-index: 999; } .header-title { margin-bottom: 0; font-size: 14px; padding: 17px 0; } div#custom-search-input { float: right; width: 300px; padding: 10px; } i.fa.fa-search { color: #fff; } .blog-title h4 a { line-height: 30px; color: #fff; font-size: 22px; } .black { color: #000; !important } /**** sync slider *****/ #sync1 { .item { background: #0c83e7; padding: 80px 0px; margin: 5px; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; } } #sync2 { .item { background: #C9C9C9; padding: 10px 0px; margin: 5px; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; cursor: pointer; h1 { font-size: 18px; } } .current .item { background: #0c83e7; } } .owl-theme { .owl-nav { /*default owl-theme theme reset .disabled:hover links */ [class*='owl-'] { transition: all .3s ease; &.disabled:hover { background-color: #D6D6D6; } } } } /*/arrows on first carousel/*/ #sync1.owl-theme { position: relative; .owl-next, .owl-prev { width: 22px; height: 40px; margin-top: -20px; position: absolute; top: 50%; } .owl-prev { left: 10px; } .owl-next { right: 10px; } } .item h1 { font-size: 24px; font-weight: 600; text-transform: uppercase; line-height: 35px; } .item h6 { font-size: 18px; line-height: 27px; } .item p { font-size: 22px; } .asset-banner-text { } .gry-bg { background: #f5f5f5; } .white-bg { background: #fff; } /*question css start*/ .question-list { margin: 0; padding: 0; } .question-list li { margin: 0 0 20px 0; background: #fff; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.29); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.29); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.29); list-style: none } .question-list li a { color: #2d3540; font-weight: 600; text-decoration: none; display: block; padding: 10px 20px; box-sizing: border-box } .question-list li:hover {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a7ecb5+0,3dc5b9+99 */ background: #a7ecb5; /* Old browsers */ background: -moz-linear-gradient(top, #a7ecb5 0%, #3dc5b9 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #a7ecb5 0%, #3dc5b9 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #a7ecb5 0%, #3dc5b9 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7ecb5', endColorstr='#3dc5b9', GradientType=0 ); /* IE6-9 */ } .question-list li:hover a, .question-list li a:hover { color: #fff !important; } .green-head { color: #3dc5b9; } .white-head { color: #fff; } .asset-head { font-size: 40px; font-weight: 500; font-family: 'Roboto Slab', serif; color: #fff; line-height: 56px; } .asset-head3 { font-size: 24px; font-weight: 600; line-height: 1.5em; } .asset-head2 { font-size: 18px; font-weight: 500; } .head-margin1 { margin: 0 0 50px; } .head-margin2 { margin: 0 0 30px; } .grediant-bg {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a7ecb5+0,3dc5b9+99 */ background: #a7ecb5; /* Old browsers */ background: -moz-linear-gradient(-45deg, #a7ecb5 0%, #3dc5b9 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #a7ecb5 0%, #3dc5b9 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #a7ecb5 0%, #3dc5b9 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7ecb5', endColorstr='#3dc5b9', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .main-img { } .main-img img { max-width: 100%; } .relative { position: relative; } .test-for { margin: 0; padding: 0; } .test-for li { margin: 0 0 7px 0; padding: 0; list-style: none; color: #4c4c4c; font-size: 16px; font-weight: 500 } .test-for li span { color: #000; font-weight: 700 } .white-btn { background: none; border: 1px solid #fff; display: inline-block; border-radius: 5px; padding: 7px 20px; color: #fff; box-sizing: border-box; text-transform: uppercase; text-decoration: none } .white-btn:hover { background: #fff; color: #3dc5b9 !important; text-decoration: none !important } .color-btn { background: #00bac6; border: 1px solid #fff; display: inline-block; border-radius: 5px; padding: 10px 40px; color: #fff; box-sizing: border-box; text-transform: capitalize; text-decoration: none; width: 210px; text-align: center; } .color-btn:hover { background: none; color: #00bac6 !important; text-decoration: none !important; border: 1px solid #00bac6; } .color-btn-blue { background: #104d8c; border: 1px solid #104d8c; display: inline-block; border-radius: 5px; padding: 10px 40px; color: #fff; box-sizing: border-box; text-transform: capitalize; text-decoration: none; width: 240px; text-align: center; } .color-btn-blue:hover { background: none; color: #104d8c !important; text-decoration: none !important; } .gry-bg .white-btn { background: #00bac6; border: 1px solid #fff; display: inline-block; border-radius: 5px; padding: 7px 20px; color: #fff; box-sizing: border-box; text-transform: uppercase; text-decoration: none; font-weight: 600; width: 210px; text-align: center; } .gry-bg .white-btn:hover { border: 1px solid #3dc5b9; background: none; color: #3dc5b9 !important; text-decoration: none !important } .support-contain { font-size: 20px; color: #9ba4bb; font-weight: 600; } .support-img img { max-width: 300px; } .awards li { list-style: square; color: #3dc5b9; margin-bottom: 7px; } .awards li span { color: #9ba4bb; font-size: 16px; font-weight: 600 } .max-img1 { max-width: 800px !important; } .black-color { color: #000; } .quest-font2 { font-size: 16px; margin: 0 30px 0 0; } .answer-main { box-sizing: border-box; padding: 7px 10px 10px 50px; font-size: 16px; font-weight: 500; position: relative; border: 1px solid #929292; border-radius: 5px; float: left; width: 100%; height: 45px; margin-bottom: 15px; margin-top: 15px; } .answer-num { background: #3dc5b9; border-radius: 100%; width: 30px; height: 30px; position: absolute; top: 7px; left: 5px; line-height: 27px; text-align: center; font-size: 20px; color: #fff; text-transform: uppercase } .head-top { float: left; background: #2d3540; width: 100%; text-align: right } .head-top ul { margin: 0; padding: 0; float: right } .head-top ul li { float: left; margin: 0; padding: 10px 5px; list-style: none } .head-top ul li a { color: #fff; font-size: 13px; text-transform: uppercase; text-decoration: none } .head-top ul li a:hover { color: #54cdb8 !important; } .testimonials { margin-top: 30px; } .testi-inner { padding: 15px; box-sizing: border-box; width: 100%; font-style: italic; color: #fff; font-size: 16px; -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.09); background: #3dc5b9; position: relative } .testi-inner:after { content: ''; width: 0; height: 0; border-top: 15px solid #3dc5b9; border-left: 15px solid transparent; position: absolute; bottom: -15px; left: 50px; } .testi-name { padding-left: 100px; box-sizing: border-box; width: 100%; margin-top: 10px; } .testi-name h4 { font-weight: 600; margin: 0; padding: 0; } .left-time-line { float: left; width: 50%; box-sizing: border-box; padding-right: 200px; position: relative; padding-bottom: 70px; display: block; clear: both; top: -10px; } .left-time-img { position: absolute; top: 0; right: -90px; height: 100%; width: 180px; z-index: 1 } .left-time-img img { width: 100%; position: relative; z-index: 1; } .left-time-img:after { content: ''; width: 10px; height: 94%; background: #3dc5b9; left: 50%; margin-left: -3px; position: absolute; bottom: 0; } .left-time-contain { width: 100%; float: left; padding-right: 30px; box-sizing: border-box; padding-top: 100px; } .left-time-contain:after { content: ''; width: 90%; position: absolute; right: 0; height: 10px; left: 0; bottom: 44%; background: #3dc5b9; } .grey-contain-box { width: 100%; float: left; background: #f5f5f5; -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.09); box-sizing: border-box; padding: 15px; position: relative; z-index: 1 } .right-time-line { float: right; display: block; clear: both; width: 50%; box-sizing: border-box; padding-left: 200px; position: relative; padding-bottom: 70px; top: -10px; } .right-time-img { position: absolute; top: 0; left: -90px; height: 100%; width: 180px; z-index: 1 } .right-time-img img { width: 100%; position: relative; z-index: 1; } .right-time-img:after { content: ''; width: 10px; height: 104%; background: #3dc5b9; left: 50%; margin-left: -3px; position: absolute; bottom: -10px; } .right-time-contain { width: 100%; float: left; padding-right: 30px; box-sizing: border-box; padding-top: 100px; } .right-time-contain:after { content: ''; width: 90%; position: absolute; height: 10px; left: 0; bottom: 44%; background: #3dc5b9; } .grey-contain-box h3 { color: #3dc5b9; margin-top: 0; padding-top: 0; font-weight: 600 } .leading-box { width: 100%; float: left; box-sizing: border-box; padding: 10px; background: #fff; -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.09); } .leading-img { width: 100%; text-align: center; margin-bottom: 20px; } .leading-box p { font-weight: 600; } .social-media li {/*display:inline-block;*/ margin-right: 5px; } .social-media li i { margin-right: 5px; } /*question css end*/ /*mindspark css start*/ .mindspark { background: #8ecfe9; } .mindspark-text { padding-top: 20rem; padding-bottom: 5rem; } .mindspark-head { color: #2d3540; } . mindspark-text p { font-size:18px; } /*mindspark css end*/ /*asset css start*/ .asset-banner h4 { display: inline-block; font-size: 50px; font-weight: 500; font-family: 'Roboto Slab', serif; line-height: 1.3; margin: 0 0 40px 0; padding: 0 0 40px 0; position: relative !important; color: #104d8c } .team-banner h4 { display: inline-block; font-size: 50px; font-weight: 500; font-family: 'Roboto Slab', serif; line-height: 1.3; margin: 0 0 40px 0; padding: 0 0 40px 0; position: relative !important; color: #104d8c } .asset-banner h4:after { position: absolute; bottom: 0; left: 0; width: 30px; background: #00B9C6; height: 1px; content: ''; } .team-banner h4:after { left: 50%; margin-left: -25px; bottom: 0; width: 30px; height: 1px; background: #00BAC6; content: ''; position: absolute; } .asset-banner p { margin: 20px 0px 20px 0px; font-size: 20px; line-height: 170%; margin: 0; padding: 0 0 20px; font-family: Source Sans Pro, sans-serif; font-weight: 400; } .asset-main-color { color: #102131; } .asset-green-color { color: #58b3b7; } .asset-btn { display: inline-block; margin: 20px 0; color: #FFFFFF; text-decoration: none; padding: 10px 40px; background-color: #00BAC6; border: 0 solid; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 20px; cursor: pointer; text-align: center; transition: all 0.4s linear 0s; font: 400 15px/157% Source Sans Pro, sans-serif; } .asset-btn:hover { background: #58b3b7; color: #102131 !important; text-decoration: none; } .banner-img img { max-width: 100%; max-width: 100%; float: initial; margin: 0 auto; } .banner-img { text-align: center; } .banner-img a{ cursor:pointer;} .asset-banner { /*padding-top: 20rem;*/ padding-bottom: 18rem; min-height: 780px; } .team-banner { /*padding-top: 20rem;*/ padding-bottom: 18rem; min-height: 780px; } .asset-light-bg { background: #F0F0F0; } .asset-light-bg1 { background: #008fad; } .test-head { color: #fff; font-weight: 600; font-size: 20px; } .test-head2 { color: #fff; font-weight: 600; font-size: 20px; } .test-head3 { color: #104d8c; font-weight: 600; font-size: 20px; } .asset-body-font, .asset-body-font p { color: #888888; } .asset-light-bg1 p { color: #fff; } .test-head-margin { margin-top: 40px; } .test-font { font-size: 20px; } .left-head { position: relative; margin: 0 0 40px 0; padding: 0 0 40px 0; } .left-head:after { left: 0; bottom: 0; width: 30px; height: 1px; background: #81e0e0; content: ''; position: absolute } .left-head.white:after, .center-head.white:after { background: #fff; } .center-head { position: relative; margin: 0 0 40px 0; padding: 0 0 40px 0; } .center-head:after { left: 50%; margin-left: -25px; bottom: 0; width: 30px; height: 1px; background: #00BAC6; content: ''; position: absolute } .question-box { padding: 10px; box-sizing: border-box; width: 100%; float: left; border-radius: 10px; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; } .question-box:hover { border-bottom: 3px #58b3b7 solid; -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2); } .ques-img { max-width: 80%; margin-bottom: 20px; } .personalised-btn { display: inline-block; margin: 20px 0; color: #114d8c; text-decoration: none; padding: 10px 40px; background-color: #fff; border: 0 solid; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 3px; cursor: pointer; text-align: center; transition: all 0.4s linear 0s; width: 225px; margin-top: 20px; border: 1px solid #fff; text-transform: capitalize; font-weight: 500; } .career-btn { display: inline-block; margin: 20px 0; color: #fff; text-decoration: none; padding: 10px 40px; background-color: #104d8c ; border: 0 solid; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 5px; cursor: pointer; text-align: center; transition: all 0.4s linear 0s; width: 230px; margin-top: 20px; border: 1px solid #104d8c; } .career-btn:hover, .career-btn:focus { background: none; color: #104d8c !important; text-decoration: none; } .career-btn1 { display: inline-block; margin: 20px 0; color: #fff; text-decoration: none; padding: 10px 40px; border: 0 solid; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 5px; cursor: pointer; text-align: center; transition: all 0.4s linear 0s; background:#2d2d2d; width: 205px; margin-top: 20px; margin-right: 10px; border: 1px solid #2d2d2d; } .career-btn1:hover { color: #2d2d2d !important; background:none; text-decoration: none; } .da-btn { display: inline-block; margin: 20px 0; color: #fff; text-decoration: none; padding: 10px 27px; background-color: #104d8c; border: 0 solid; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 5px; cursor: pointer; text-align: center; transition: all 0.4s linear 0s; width: 250px; margin-top: 20px; border: 1px solid #104d8c; } .da-btn:hover { background: none; color: #104d8c !important; text-decoration: none; border-color: #104d8c; } .da-btn-white { display: inline-block; margin: 20px 0; color: #104d8c; text-decoration: none; padding: 10px 40px; background-color: #fff; border: 0 solid; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 5px; cursor: pointer; text-align: center; transition: all 0.4s linear 0s; width: 250px; margin-top: 20px; border: 1px solid #fff; } .da-btn-white:hover { background: none; color: #fff !important; text-decoration: none; border-color: #fff; } .personalised-btn:hover { background: none; color: #fff !important; text-decoration: none; border-color: #ffffff; } .partenered-logo { -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; padding: 5px; box-sizing: border-box; width: 100%; float: left; border: 1px dashed #E0E0E0; margin-bottom: 15px; margin-top: 10px; } .partenered-logo img { max-width: 100%; filter: grayscale(1); -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; width:100% } .partenered-logo:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); } .partenered-logo:hover img { filter: grayscale(0); } .asset-slider1-img { text-align: center; } .asset-slider1-img img { width: 100%; max-width: 420px; display: initial !important } .vertical-align { display: flex; flex-direction: row; align-items: center; } .question-box h4.test-head { color: #104d8c; margin-bottom: 30px; font-size: 25px; } .normal-header .navbar-nav.black-menu > li > a { color: #000; font-weight: 400; text-transform: uppercase } .normal-header .navbar-nav.black-menu > li > a.active { color: #104d8c; } header.header.normal-header.affix .navbar-nav > li > a.active { color: #104d8c !important; } .banner-logo { margin-bottom: 30px; max-width: 100%; } .black-menu ul > li > a { color: #000; } .normal-header.affix .navbar-nav.black-menu > li > a { color: #333 !important; } .asset-solid-bg { background: #00BAC6; } .asset-solid-bg .asset-head { color: #fff; } .vertical-align > [class^="col-"], .vertical-align > [class*=" col-"] { /* Optional, to align inner items horizontally inside the column */ } .asset-body-font p.white { color: #fff; } .asset-head1 { font-size: 40px; font-weight: 500; font-family: 'Roboto Slab', serif; color: #104d8c; line-height: 1.5em; } .asset-head1.white { color: #fff; } .white-btn { } .slider-head { margin: 40px 0px 40px 0px; font-weight: 500; line-height: 56px; color: #fff; letter-spacing: -1px; font-size: 40px; font-family: 'Roboto Slab', serif; } .asset-slider-font { margin: 20px 0px 20px 0px; font-size: 22px; font-weight: 400; line-height: 170%; } .full-time-head { font-family: 'Roboto Slab', serif; line-height: 56px; text-align: left; font-weight: 500; font-size: 40px; color: #fff } /*asset css end*/ .asset-main { max-width: 1100px; margin: 0 auto; } .asset-footer { margin-top: 50px; } .mindespark-banner { padding-top: 20rem; padding-bottom: 18rem; min-height: 780px; } .mindespark-banner h4 { display: inline-block; font-size: 40px; font-weight: 500; font-family: 'Roboto Slab', serif; line-height: 1.3; margin: 0 0 40px 0; padding: 0 0 40px 0; position: relative !important; color: #104d8c } .mindespark-banner h4:after { position: absolute; bottom: 0; left: 0; width: 30px; background: #f16867; height: 1px; content: ''; } .img-round { border-radius: 50%; } .video1 a { color: #f16867; font-size: 23px; cursor: pointer; } .video2 a { color: #81c55a; font-size: 23px; } .mindespark-left-head { position: relative; margin: 0 0 40px 0; padding: 0 0 40px 0; } .mindespark-left-head:after { left: 0; bottom: 0; width: 30px; height: 1px; background: #f16867; content: ''; position: absolute } .mindespark-left-head.white:after, .mindespark-center-head.white:after { background: #fff; } .mindespark-center-head { position: relative; margin: 0 0 40px 0; padding: 0 0 40px 0; } .mindespark-center-head1 { position: relative; margin: 0 0 40px 0; padding: 0 0 40px 0; } .mindespark-center-head:after { left: 50%; margin-left: -25px; bottom: 0; width: 30px; height: 1px; background: #f16867; content: ''; position: absolute } .lsep-center-head { position: relative; margin: 0 0 40px 0; padding: 0 0 40px 0; } .lsep-center-head:after { left: 50%; margin-left: -25px; bottom: 0; width: 30px; height: 1px; background: #89ceea; content: ''; position: absolute; } .mindespark-center-head1:after { left: 50%; margin-left: -25px; bottom: 0; width: 30px; height: 1px; background: #fff; content: ''; position: absolute } .mindespark-solid-bg { background: #f16867; } .mindespark-solid-bg .asset-head { color: #fff; } .video { position: relative; margin: 0 auto; } .play-video { position: absolute; top: 42%; margin: 0 auto; width: 100%; text-align: center; cursor: pointer; } .color { color: #104d8c } .mindespark-btn { display: inline-block; margin: 20px 0; color: #fff; text-decoration: none; padding: 10px 40px; background-color: #f26866; border: 1px solid #f26866; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 5px; cursor: pointer; text-align: center; transition: all 0.4s linear 0s; /*font: 400 15px/157% Source Sans Pro, sans-serif;*/ margin-right: 20px; } .mindespark-btn1 { display: inline-block; margin: 20px 0; color: #f26866; text-decoration: none; padding: 10px 40px; /*background-color: #f26866;*/ border: 1px solid #f26866; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 5px; cursor: pointer; text-align: center; transition: all 0.4s linear 0s; /*font: 400 15px/157% Source Sans Pro, sans-serif;*/ margin-right: 20px; } .mindespark-btn-white { display: inline-block; margin: 20px 0; color: #f26866; text-decoration: none; padding: 10px 40px; background-color: #fff; border: 1px solid #fff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 5px; cursor: pointer; text-align: center; transition: all 0.4s linear 0s;/*font: 400 15px/157% Source Sans Pro, sans-serif;*/ } .mindespark-btn-white1 { display: inline-block; margin: 20px 0; color: #f26866; text-decoration: none; padding: 10px 40px; background-color: #fff; border: 1px solid #fff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 5px; cursor: pointer; text-align: center; transition: all 0.4s linear 0s;/*font: 400 15px/157% Source Sans Pro, sans-serif;*/ } .mindespark-btn:hover, .mindespark-btn:focus { background: none; color: #f26866 !important; text-decoration: none; border-color: #f26866; } .mindespark-btn1:hover, .mindespark-btn1:focus { background: none; color: #fff !important; text-decoration: none; background: #f26866; border-color: #f26866; } .mindespark-btn-white:hover { background: none; color: #fff !important; text-decoration: none; } .mindespark-btn-white1:hover { background: none; color: #fff !important; text-decoration: none; } .lsep-btn-white1 { display: inline-block; margin: 20px 0; color: #0094c2; text-decoration: none; padding: 10px 40px; background-color: #fff; border: 1px solid #fff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 5px; cursor: pointer; text-align: center; transition: all 0.4s linear 0s;/*font: 400 15px/157% Source Sans Pro, sans-serif;*/ } .lsep-btn-white1:hover { background: none; color: #fff !important; text-decoration: none; } .free-box h4, .free-box h3 { color: #fff; } .seq-news { display: block; position: fixed; z-index: 999; /* left: 0; */ right: 0; top: 50%; width: 100%; max-width: 35px; padding: 20px 9px; margin: 0 auto; /* text-align: center; */ background: #f26866; height: 110px; border-radius: 5px 0 0 5px; } .seq-news p { border-radius: 35px 0px 0px 35px; -ms-transform: rotate(270deg); -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); position: relative; top: 60%; font-size: 23px; color: #fff; /*font-family: 'Merriweather', serif !important;*/ letter-spacing: 2px; } .color-white { color: #fff; } .seq-news a { color: #fff; } .seq-news a:hover, .seq-news a:focus { color: #fff !important; } .color-pink { background: #f27974; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*.asset-banner p.font16 { font-size: 16px; }*/ .mindspark-top-maring { margin-top: 30px; } .free-font { color: #f16867; } .free-box { padding: 10px; box-sizing: border-box; width: 100%; float: left; border-radius: 10px; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; background: #f26866; border-bottom: 3px #f26866 solid; margin-bottom: 10px; } .free-box:hover { border-bottom: 3px #1074bc solid; -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2); } .mindspark-box { padding: 10px; min-height: 295px; box-sizing: border-box; width: 100%; float: left; border-radius: 10px; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; border-bottom: 3px #0f4e8c solid; } .mindspark-box h3{ color: #fff; margin-top: 5px; margin-bottom: 5px; font-weight: 600;} .mindspark-box:hover { border-bottom: 3px #fff solid; -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2); } .detailedassessment-solid-bg { background: #81c55a; } .detailedassessment-left-head { position: relative; margin: 0 0 40px 0; padding: 0 0 40px 0; } .detailedassessment-left-head:after { left: 0; bottom: 0; width: 30px; height: 1px; background: #81c55a; content: ''; position: absolute } .detailedassessment-left-head.white:after, .mindespark-center-head.white:after { background: #fff; } .detailedassessment-center-head { position: relative; margin: 0 0 40px 0; padding: 0 0 40px 0; } .detailedassessment-center-head:after { left: 50%; margin-left: -25px; bottom: 0; width: 30px; height: 1px; background: #81c55a; content: ''; position: absolute } .detailedassessment-solid-bg .asset-head { color: #fff; } .detailedassessment-btn { display: inline-block; margin: 20px 0; color: #81c55a; text-decoration: none; padding: 10px 40px; /* background-color: #81c55a; */ border: 0 solid; border: 1px solid #81c55a; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 5px; cursor: pointer; text-align: center; transition: all 0.4s linear 0s; font: 400 15px/157% Source Sans Pro, sans-serif; } a.detailedassessment-btn:hover { background: #81c55a; color: #fff !important } .detailedassessment:hover { background: #81c55a; color: #fff !important; text-decoration: none; } .detailedassessment-bg-img { min-height: 400px; background: url(images/cloudpress-stock-13.jpg) top center no-repeat; height: 100%; display: block; } .detailedassessment-btn1 { display: inline-block; margin: 20px 0; color: #ffffff; text-decoration: none; padding: 10px 40px; /* background-color: #FFFFFF; */ border: 0 solid; border: 1px solid #fff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 20px; cursor: pointer; text-align: center; transition: all 0.4s linear 0s; font: 600 15px/157% Source Sans Pro, sans-serif; text-transform: uppercase; } .detailedassessment-btn1:hover { background: #fff; color: #81c55a !important; } .detailedassessment1:hover { background: #81c55a; color: #fff !important; text-decoration: none; } .detailedassessment { padding: 10px; box-sizing: border-box; width: 100%; float: left; border-radius: 10px; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; border-bottom: 3px #fff solid; } .detailedassessment:hover { border-bottom: 3px #0f4e8c solid; -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2); } .asset-head.black { color: #000; } .detailedassessment-list-head { margin-bottom: 50px; } .detailedassessment-left-icon { margin: 0; padding: 0; } .detailedassessment-left-icon li { position: relative; float: left; width: 100%; box-sizing: border-box; padding: 0 110px 0 0; list-style: none; margin: 50px 0 30px 0 } .detailedassessment-left-icon li .icon { width: 40px; height: 40px; position: absolute; right: 20px; top: 10px; } .detailedassessment-left-icon li .icon img { width: 100%; } .detailedassessment-right-icon { margin: 0; padding: 0; } .detailedassessment-right-icon li { position: relative; float: left; width: 100%; box-sizing: border-box; padding: 0 0 0 60px; list-style: none; margin: 20px 0 30px 0;/* font-weight: 600;*/ } .detailedassessment-right-icon li .icon { width: 40px; height: 40px; position: absolute; left: 20px; top: 10px; display:none; } .detailedassessment-right-icon li .icon img { width: 100%; } p.small_text10 { font-size: 16px; font-weight: 400; margin-top: 5px; margin-bottom: 5px; line-height: 180%; } .test-head1 { color: #333333; letter-spacing: 3px; font: normal normal 600 17px/120% Lato, sans-serif; } .div-tabel { display: table; } .div-tabel .col-md-6 { float: inherit; display: table-cell; } .lsep-main { margin: 50px 0; display: block; overflow: hidden; width: 100%; box-sizing: border-box; padding: 0 7px; } .lsep-box { float: left; width: 20%; box-sizing: border-box; padding: 0 7px; margin-bottom: 15px } .lsep-box-inner { position: relative; width: 100%; float: left; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; border: 1px solid #D7D7D7; overflow: hidden } .lsep-box-inner img { width: 100%; } .lsep-box-overlay { position: absolute; bottom: -51px; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 25px 15px; height: 0; background: rgba(0,148,194,0.7); overflow: hidden; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; color: #fff } .lsep-box-overlay h4 { color: #fff; font-size: 20px; margin-bottom: 15px; } .lsep-box-overlay p { color: #fff; } .lsep-box-overlay a { color: #fff; display: inline-block; float: right; font-size: 15px } .lsep-box-overlay a:hover { color: #fff; text-decoration: none; } .lsep-box-inner:hover .lsep-box-overlay { height: 100%; bottom: 0 } .mindsparl-head-1 { position: absolute; top: -55px; left: 0; text-align: center; font-size: 30px; font-weight: 400; /*font-family: Playfair Display, sans-serif;*/ color: #f16867; width: 100%; } .white-bg-shadwo { -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2); background: #fff; box-sizing: border-box; padding: 15px; background: #f26866; border-radius: 5px; color: #fff; width: 445px; padding: 5px; margin: 0 auto } .mt20 { margin-top: 20px !important; } .nav-tabs>li { text-align: center; border-radius: 5px; width: 20%; border: 1px solid #dedede; border-right: none;/*float: inherit;*/ } .nav-tabs>li>a { margin: 0; color: #f26866; font-size: 20px; } .nav-tabs>li>a:hover { color: #f26866 !important; } .nav-tabs>li:last-child { border-right: 1px solid #dedede; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { border: none; margin-right: 0; color: #f26866 !important; } .tab-content { /*padding-top: 20px;*/ background: #fff; box-shadow: 3px 5px 5px -1px #b8b8b8; } .mt55 { margin-top: 55px; } .list-view li { list-style-type: none; } .list-view li i { font-size: 18px; margin-right: 5px; margin-bottom: 10px; color: #f26866; } .tab-content>.active { display: block; background: #fff; padding: 15px; } .tab-pane ul { padding-left: 20px; } ul.list-view { padding-left: 5px; } iframe .ytp-large-play-button { display: none; } .color-blue { color: #104d8c; } .test-font1 { text-align: center; font-size: 22px; margin-top: 20px; } .test-link a { text-decoration: underline; font-size: 23px; margin-right: 6px; letter-spacing: 2px; color: #f9a870; } .tooltip-inner { max-width: 200px; padding: 7px 15px; font-size: 14px; letter-spacing: 1px; } .team-ul li{ list-style-type:circle;} .team-ul.test-font li{ color:#888888;} ul.team-ul{ padding-left:20px; text-align:left;} /*********** career *************/ .join-team { border: 1px solid #e1e1e1; display: inline; float: left; padding: 24px 10px 0; /*padding-bottom: 30px;*/ position: relative; text-align: center; width: 100%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; min-height: 240px; margin-bottom: 10px; } .join-team p { margin-top: 10px; } .join-team .test-font { font-size: 19px; } .mb30 { margin-bottom: 30px; } .mb60 { margin-bottom: 60px; } /*** portfolio **********/ .portfolio-filter .btn-default { border: 1px solid #bcbcbc; padding: 10px 9px; color: #000 !important; border-radius: 10px !important; margin-bottom: 10px; } .portfolio-filter .btn-default.active, .portfolio-filter .btn-default:active, .open > .dropdown-toggle.btn-default, .portfolio-filter .btn-default:focus, .portfolio-filter .btn-default:hover { background-color: #36a9e1 !important; border-color: #36a9e1 !important; color: #fff !important; } .portfolio-filter .list-inline>li { padding-right: 0; } .color-black { color: #000 !important; } .blue a { color: #009fe3 !important } .logo-slider2 .item .col-md-6, .logo-slider1 .item .col-md-6 { padding-left: 10px; padding-right: 5px } .w240 { width: 280px; } /* forms */ /*form styles*/ .steps-form { display: table; width: 100%; position: relative; } .steps-form .steps-row { display: table-row; } .steps-form .steps-row:before { top: 20px; bottom: 0; position: absolute; content: " "; width: 100%; height: 3px; background-color: #ccc; } .steps-form .steps-row .steps-step { display: table-cell; text-align: center; position: relative; } .steps-form .steps-row .steps-step p { margin-top: 0.5rem; line-height: initial; color: #000; } .steps-form .steps-row .steps-step button[disabled] { opacity: 1 !important; filter: alpha(opacity=100) !important; } .steps-form .steps-row .steps-step .btn-circle { width: 40px; height: 40px; text-align: center; padding: 5px 0; font-size: 12px; line-height: 1.428571429; border-radius: 50px !important; margin-top: 0; background: #d5d5d5; opacity: 1; } .btn-indigo { background: #36a9e1 !important; } .steps-form .steps-row .steps-step .btn-circle:hover, .steps-form .steps-row .steps-step .btn-circle:focus { background: #36a9e1 !important } .card1 { width: 28px; height: 36px; position: relative; display: inline-block; } .card1 .img-top { display: none; position: absolute; top: 0; left: 0; z-index: 99; } .card1:hover .img-top, .btn-indigo .card1 .img-top { display: inline; } .card1:hover .img-back, .btn-indigo .card1 .img-back { display: none; } .card form, .result_page { background: #fbfbfb; padding: 15px; margin-top: 15px; box-shadow: 0px 1px 10px #c8c8c8; } .card form input, .card form .form-control{ background: #fbfbfb;} .card form input[type=text] { border: 1px solid #ccc; } .card form input[type=number] { border: 1px solid #ccc; padding: 6px; width: 100%; font-size: 15px; border-radius: 2px; } .maths-blue { background: #0f4e8c; } .maths-blue .color { color: #fff } .asset-body-font .maths-blue, .asset-body-font .maths-blue p, .asset-body-font .lsep-blue p { color: #fff } .detail-bg { background: #104d8c; } .detail-bg .color { color: #fff } .asset-body-font .detail-bg, .asset-body-font .detail-bg p { color: #fff } .detailedassessment-btn2:hover { background: none; color: #fff !important; } .detailedassessment-btn2 { background: #fff; border: 1px solid #fff; display: inline-block; border-radius: 5px; padding: 10px 10px; color: #81c55a; box-sizing: border-box; text-transform: uppercase; text-decoration: none; width: 240px; text-align: center; } .asset-slider1-img img { width: 100%; /*max-width: inherit*/ } .img-100 { width: 100%; } .logo-font { font-weight: 500; color: #fff; font-size: 18px; min-height: 54px; } .fs16 { font-size: 16px; } .tab-content h2 { font-size: 30px; } .tab-content .test-font { font-size: 18px; } .tab-content .mindespark-left-head { position: relative; margin: 0 0 20px 0; padding: 0 0 20px 0; } .test-font li, .test-font li a { color: #888888 } .maths-blue .test-font li, .maths-blue .test-font li a{ color:#fff;} .ms-english { padding: 70px 0; } .w280 { width: 300px; } .modal-dialog { width: 1000px; margin: 30px auto; } .img-modal.modal-dialog { width: 740px; margin: 30px auto; } .ms-eng a{ cursor:pointer;} .buton a:hover { text-decoration: none; } .buton a { border: 1px solid #0f4d8a; padding: 10px 20px; margin-top: 10px; cursor: pointer; } .bg-buton { background: #0f4d8a; color: #fff; } .buton { font-size: 13px; position: absolute; bottom: 0; height: 35px; } .mb20 { margin-bottom: 20px; margin-top: 20px; } .ei-table ul { padding-left: 20px; } .ei-table ul li { list-style-type: circle; margin-top: 10px; color: #888; } .ei-table ol li { margin-top: 10px; color: #888; } .modal-title { margin: 0; line-height: 1.42857143; font-weight: 600; font-size: 18px; color: #104d8c; } .table strong { color: #104d8c; } .dropdown-menu img { width: 12%; margin-right: 5px; } .home.maths-blue p { color: #fff; } .partner-tab.nav-tabs>li { background: #eee; width: 20%; } .partner-tab.nav-tabs>li>a { color: #0f4e8c !important; } .partner-tab.nav-tabs>li.active a { background: #0f4e8c; color: #fff !important; } .partner-content.tab-content { box-shadow: none; } .partner-content .partner { margin-bottom: 16px; } .partner-content .col-md-3 { padding: 0 8px } .list-inline .fa { color: #00BAC6 !important; } .widthauto { width: auto; } @media (max-width:1368px) { .asset-banner-text { /*padding-top: 30rem;*/ padding-bottom: 8rem; } } @media (max-width:800px) { .max-img1 { max-width: 100%; } } @media (min-width:800px) { .max-img1 { max-width: 100%; } .font-22 { font-size: 22px; } } .contact-banner { /*padding-top: 15rem;*/ padding-bottom: 15rem; } .contact-banner h4 { display: inline-block; font-size: 40px; font-weight: 500; font-family: 'Roboto Slab', serif; line-height: 1.3; margin: 0 0 40px 0; padding: 0 0 40px 0; position: relative !important; color: #104d8c; } .text-color { color: #104d8c; } .mtop-5 { margin-top: 50px; } .contact-color { color: #28a7df; } .footer p { font-size: 15px; margin-left: 17px; } .footer p i { position: absolute; left: 10px; margin-top: 4px; } h2.title-set { text-transform: uppercase; font-size: 22px; } .orange-color { color: #f36f31; } .mb-20 { margin-bottom: 20px; } .padding100 { padding-top: 100px; padding-bottom: 100px; } /************* timeline *************/ #timeline { overflow: hidden; margin: 100px auto 0; position: relative; background: url('images/dot.png') left 45px repeat-x; } #dates { width: 800px; height: 60px; overflow: hidden; } .timeline1 #dates li { background: url('images/biggerdot1.png') center bottom no-repeat;} #dates li { list-style: none; float: left; width: 150px; height: 50px; font-size: 24px; text-align: center; background: url('images/biggerdot.png') center bottom no-repeat; } .timeline1 #dates a { color:#fff;} .timeline1 #dates .selected{ color: #0094c2;} #dates a { line-height: 38px; padding-bottom: 10px; } #dates a:hover,#dates a:focus{ text-decoration:none;} #dates .selected { font-size: 38px; color: #0094c2; } #issues { width: 100%; height: 350px; overflow: hidden; padding-top: 15px; padding-left: 10px; } #issues li { width: 1140px; height: 350px; list-style: none; float: left; } #issues li.selected img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } #issues li img { float: left; margin: 10px 30px 10px 50px; background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);/* IE 6 & 7 */ border: 1px solid #c1c1c1;/* zoom: 1; -webkit-transition: all 2s ease-in-out; transition: all 2s ease-in-out; -webkit-transform: scale(0.7,0.7); transform: scale(0.7,0.7);*/ max-width:250px; } #issues li h1 { color: #104d8c; font-size: 48px; margin: 20px 0; } .timeline1 #issues li h1 { color: #fff; font-size: 48px; margin: 20px 0; } #issues li p { font-size: 20px; margin-right: 15px; line-height: 34px; } #grad_left, #grad_right { width: 100px; height: 350px; position: absolute; top: 0; } #next, #prev { position: absolute; top: 0; font-size: 70px; top: 170px; width: 22px; height: 38px; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; } #next:hover, #prev:hover { background-position: 0 -76px; } .timeline1 #next{ background-image: url('images/next1.png');} .timeline1 #prev{ background-image: url('images/prev1.png');} #next { right: 0; background-image: url('images/next.png'); } #prev { left: 0; background-image: url('images/prev.png'); } #next.disabled, #prev.disabled { opacity: 0.2; } @media (max-width:1100px) { #issues li .row{width:95vw; text-align: center;} #issues li{height:initial;} #issues{height:initial;} } @media (max-width:768px) { #issues li img{float:initial;} } .count h2{ color: #ffffff; font-weight: bold; padding: 0; margin: 0; line-height: 1; font-size: 50px;} .count h6 { /* font-weight: bold;*/ font-size: 20px; color: #fff; display: inline-block; margin-bottom: 30px; } .count img{ margin-bottom:10px;} .mt70{ margin-top:70px;} .reserch .testibox h3 {color:#0094c2; font-size:27px; margin-top:0; margin-bottom:20px} .lsep-btn { display: inline-block; margin: 20px 0; color: #fff; text-decoration: none; padding: 10px 40px; background-color: #0094c2; border: 0 solid; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 5px; cursor: pointer; text-align: center; transition: all 0.4s linear 0s; /* width: 200px;*/ margin-top: 20px; border: 1px solid #0094c2; } .lsep-btn:hover, .lsep-btn:focus{ background:none; color:#0094c2; text-decoration:none;} .reserch .testibox{ padding:0; min-height: auto; border:0;} .reserch .owl-nav{ display:none;} .lsep-blue{ background:#0094c2;} .lsep-blue .color { color: #fff; } .single-team-member p:hover{color:#000;} .m-62{ margin-left: 67px;} .lsep-form h3{ margin-bottom:20px;} label { font-weight: 500; } .footer1 h3{ font-size: 20px; font-weight: 600; color: #fff !important; margin-top: 20px; margin-bottom: 20px; } .footer h3.title-set{ color:#fff;} .footer h4{ font-size:17px;} .contact{ min-height:240px;} .text h4{ color:#0f4e8c;} .text p{ color: #3c3c3c; font-weight: 400;} .single-team-member p.txt-color{ color: #ffffff !important;} .white-line:after{ content: ''; background: #fff !important;} .light-blue-line:after{ content: ''; background: #28a7df !important;} .mh60{ min-height:60px;} .greyscale{-webkit-filter: grayscale(100%); filter: grayscale(100%);} .mr0{ margin-right:0} .navbar-collapse.in { overflow-y: auto; box-shadow: 0px 1px 5px #bdbdbd; } .maths-blue .team-link a{ color:#fff;} .team-link a{ color: #0f4e8c; text-decoration:underline; cursor:pointer;} .team-link a:hover{ color: #0f4e8c;} .close, .close:focus, .close:hover{ opacity:1;} .maths-blue .single-team-member:hover .team-link a{ color: #0f4e8c;} /*new css*/ ul.mindespark-point li { margin: 0; } .our-story-page .svg-storyline.first{width:197px;top:0;left:calc(50% - 197px)}.our-story-page .svg-storyline.second{width:14256px;height:498px;margin-left:-2px;top:0;left:50vw} .our-story-page footer{display:none !important} .our-story-page .svg-storyline { stroke-width: 2; fill: none; stroke: #f0541e; opacity: 0.2; position: absolute; } /**/ ul#myTab li { border: none; } .board{ width: 75%; margin: 60px auto; height: 500px; background: #fff; border:none; /*box-shadow: 10px 10px #ccc,-10px 20px #ddd;*/ } .board .nav-tabs { position: relative; /* border-bottom: 0; */ /* width: 80%; */ margin: 40px auto; margin-bottom: 0; box-sizing: border-box; border:none; left:7%; } .board .float-right{ float:right;} .board .float-left{ float:left;} /*.board > div.board-inner{ background: #fafafa url(http://subtlepatterns.com/patterns/geometry2.png); background-size: 30%; }*/ p.narrow{ width: 60%; margin: 10px auto; } .liner{ height: 2px; background: #ddd; position: absolute; width: 80%; margin: 0 auto; left: 0; right: 37%; top: 90%; z-index: 1; text-align: center; } .board .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; cursor: default; /* background-color: #ffffff; */ border: 0; border-bottom-color: transparent; } .board span.round-tabs{ width: 40px; height: 40px; display: inline-block; border-radius: 100px; background: white; z-index: 2; position: absolute; left: 40%; text-align: center; font-size: 25px; } .board span.round-tabs.one{ color: rgb(221, 221, 221);border: 2px solid rgb(221, 221, 221); } .board ul li.active span.round-tabs.one{ background: #fff !important; border: 2px solid #104d8c; color: #104d8c; } .board span.round-tabs.two{ color: rgb(221, 221, 221);border: 2px solid rgb(221, 221, 221); } .board ul li.active span.round-tabs.two{ background: #fff !important; border: 2px solid #104d8c; color: #104d8c; } .board span.round-tabs.three{ color: rgb(221, 221, 221);border: 2px solid rgb(221, 221, 221); } .board ul li.active span.round-tabs.three{ background: #fff !important; border: 2px solid #104d8c; color: #104d8c; } .board span.round-tabs.four{ color: rgb(221, 221, 221);border: 2px solid rgb(221, 221, 221); } .board ul li.active span.round-tabs.four{ background: #fff !important; border: 2px solid #ddd; color: #f1685e; } .board span.round-tabs.five{ color: #999;border: 2px solid #999; } .board ul li.active span.round-tabs.five{ background: #fff !important; border: 2px solid #ddd; color: #999; } .board .nav-tabs > li.active > a span.round-tabs{ background: #fafafa; } .board .nav-tabs > li { width: 25%; } /*li.active:before { content: " "; position: absolute; left: 45%; opacity:0; margin: 0 auto; bottom: -2px; border: 10px solid transparent; border-bottom-color: #fff; z-index: 1; transition:0.2s ease-in-out; }*/ .board .nav-tabs > li:after { content: " "; position: absolute; left: 45%; opacity:0; margin: 0 auto; bottom: 0px; border: 5px solid transparent; border-bottom-color: #ddd; transition:0.1s ease-in-out; } .board .nav-tabs > li.active:after { content: " "; position: absolute; left: 45%; opacity:1; margin: 0 auto; bottom: 0px; border: 10px solid transparent; border-bottom-color: #ddd; } .board .nav-tabs > li a{ width: 100%; height: 40px; margin: 20px; border-radius: 100%; padding: 0; } .board .nav-tabs > li a:hover{ background: transparent; } .tab-content{ } .board .tab-pane{ position: relative; padding-top: 50px; } .board .tab-content .head{ font-family: 'Roboto Condensed', sans-serif; font-size: 25px; text-transform: uppercase; padding-bottom: 10px; } .board .btn-outline-rounded{ padding: 10px 40px; margin: 20px 0; border: 2px solid transparent; border-radius: 25px; } .board .btn.green{ background-color:#5cb85c; /*border: 2px solid #5cb85c;*/ color: #ffffff; } .board-inner h5 { font-size: 24px; } .board .tab-content { box-shadow: none; } .board-inner ul li.active h5{color:#104d8c; } .board .tab-content { margin-top: 40px; } .middle { vertical-align: middle; display: table-cell; } .middle-main { min-height: 400px; display: table; } .board .nav>li>a:focus,.board .nav>li>a:hover { text-decoration: none; background-color: #fff; } .board img { width:100%; } .modal-dialog.homepage { width: 530px; margin: 30px auto; } @media( max-width : 1025px ){ .board-inner h5 { font-size: 18px; } .team-banner { padding-top: 20rem; padding-bottom: 0; } } @media( max-width : 768px ){ .journey{ margin-top:15px;} } @media( max-width : 767px ){ .liner{ display:none; } .board .nav-tabs > li { width: 100%; } .board { width: 100%; height:auto !important; margin: 10px auto; } .board span.round-tabs { font-size:16px; width: 40px; height: 40px; line-height: 35px; } .board .tab-content .head{ font-size:20px; } .board .nav-tabs > li a { height: 50px; line-height:50px; } .board .nav-tabs { position: relative; /* border-bottom: 0; */ /* width: 80%; */ margin: 40px auto; margin-bottom: 0; box-sizing: border-box; border: none; left: 0; } .board .nav-tabs > li a { width: 100%; height: 40px; margin: 20px 0; border-radius: 100%; padding: 0; } .board span.round-tabs { width: 40px; height: 40px; display: inline-block; border-radius: 100px; background: white; z-index: 2; position: absolute; left: 45%;} .board .nav-tabs > li.active:after { content: " "; position: absolute; left: 35%; display:none; } .board .tab-content>.active{ padding:0;} .btn-outline-rounded { padding:12px 20px; } .middle p.test-font { text-align: left; } .team-banner { padding-top: 15rem; padding-bottom: 0; } } .middle { text-align: left !important; } .padding-0 { padding:0 !important; } ul.circle li { list-style: disc; color: #fff; padding: 0 0 0 0px; } ul.circle{ padding:0 0 0 60px; } .global ul{ padding:0;} .global ul li{ display:inline-block; margin:5px;} ul.bullet-circle li{ list-style-type:circle;} .slide.float-right{ float:right; } .slide.float-left{ float:left;} .asset-footer.ei-footer img{ width:70%;} .inquiry-tab.nav-tabs>li { width:33.33%; background: #eee;} .inquiry-tab.nav-tabs>li>a, .inquiry-tab.nav-tabs>li>a:hover { color:#104d9b !important;} .inquiry-tab.nav-tabs>li.active a{ background: #104d9b; color:#fff !important;} .fs20{ font-size:20px;} .inquiry-tab.tab-content>.active{ box-shadow: 0px 1px 10px #c8c8c8; background: #fbfbfb;} .inquiry-tab .card form input{ background: #fbfbfb; } .inquiry-tab .card form{ box-shadow:none; background: #fbfbfb;} .mt50{ margin-top:50px !important;} .header img.logo{ width:60%;} .float-right{ float:right;} .float-left{ float:left;} .testibox a:hover{ text-decoration:none;} ul.partner-tab.nav-tabs { margin: 0; padding: 0; float: left; width: 100%; border-bottom:none; } ul.partner-tab.nav-tabs li { float: left; margin: 0; cursor: pointer; background-color: #eee; color: #0f4e8c ; overflow: hidden; position: relative; padding: 8px 10px; font-size:20px; } ul.partner-tab.nav-tabs li:hover { background-color: #0f4e8c; color: #fff; } ul.partner-tab.nav-tabs li.active { background-color: #0f4e8c; color: #fff; display: block; } .partner-tab.tab_container { float: left; width: 100%; background: #fff; overflow: auto; } .partner-tab.tab_content { padding: 20px; display: none; } .tab_drawer_heading { display: none; } .mindspark-box .ques-img { max-width: 56%; } .footer-bottom{ background:#000; padding: 10px; font-size: 14px;} .footer-bottom p{ margin-bottom:0; color: #b5b5b5;} ul.links{ padding-left:0; margin-bottom:0; text-align:right; } ul.links li{ display:inline-block; margin-left: 10px; color:#fff} ul.links li a{ color:#b5b5b5;} ul.links li a:hover{ text-decoration:none; color:#28a7df; } .terms h5{ font-size: 20px; color: #134e8c; margin-bottom: 10px; margin-top:30px} .terms p{ font-size:14px; text-align:justify;} .terms ul li{ font-size:14px; color: #888888; text-align:justify;} .terms h3{ color: #f36f31;} ul.termul li{ list-style-type: decimal; margin-bottom: 10px;} ul.termul{ padding-left:20px;} @media screen and (max-width: 480px) { .partner-tab.nav-tabs { display: none; } .tab_drawer_heading { background-color: #eee; color: #0f4e8c; margin-top: 0px; padding: 8px 20px; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .d_active { background-color: #0f4e8c; color: #fff; } } .bg-none .inquiry-tab.tab-content>.active { box-shadow:none; } .entry.partner{ margin-bottom:16px; } @media (max-width: 767.98px) { .career-btn1{ width: 47% !important; } .career-btn { width: 47% !important; } } .mindespark-lsep { display: inline-block; margin: 20px 0; color: #fff; text-decoration: none; padding: 9px 21px; background-color:#00bac6; border: 1px solid #00bac6; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 5px; cursor: pointer; text-align: center; transition: all 0.4s linear 0s; /* font: 400 15px/157% Source Sans Pro, sans-serif; */ margin-right: 20px; } .mindespark-lsep:hover, .mindespark-lsep:focus { background: none; color: #00bac6 !important; text-decoration: none; border-color: #00bac6; } .min-height{ min-height: 190px !important;} .min-height1{min-height: 133px;} .bottom-border{border-bottom:1px solid #0094c2;} ul.circle-black li { list-style: disc; color: #888888; padding: 0 0 0 0px; } .bg-blue{ background: #0f4e8c; } .font-white { color:#fff; } .p-b-0 { padding-bottom:0 !important; } .font-30{ font-size:30px; } .m-b-0 { margin-bottom:0 !important; } .font-38 { font-size:38px; } h4.dw-text { font-size: 20px; color: #0f4e8c; font-weight: 400; } a.font-blue { color: #104d8c !important; } .text-lscp a{ font-size:14px; color:#fff; } .text-lscp-black a{ font-size:14px; color:#27293d; } .ms-bg{background: rgba(0,144,173,1); background: -moz-linear-gradient(45deg, rgba(0,144,173,1) 0%, rgba(165,209,112,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0,144,173,1)), color-stop(100%, rgba(165,209,112,1))); background: -webkit-linear-gradient(45deg, rgba(0,144,173,1) 0%, rgba(165,209,112,1) 100%); background: -o-linear-gradient(45deg, rgba(0,144,173,1) 0%, rgba(165,209,112,1) 100%); background: -ms-linear-gradient(45deg, rgba(0,144,173,1) 0%, rgba(165,209,112,1) 100%); background: linear-gradient(45deg, rgba(0,144,173,1) 0%, rgba(165,209,112,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090ad', endColorstr='#a5d170', GradientType=1 );} .row1 { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; height:100%; } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; padding:0 15px; } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; padding:0 15px; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding:0 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding:0 15px; } .align-self-start { -ms-flex-item-align: start!important; align-self: flex-start!important; } .align-self-center { -ms-flex-item-align: center!important; align-self: center!important; } .align-self-end { -ms-flex-item-align: end!important; align-self: flex-end!important; } .align-items-end { -ms-flex-align: end!important; align-items: flex-end!important; } .align-items-center { -ms-flex-align: center!important; align-items: center!important; } .align-items-end { -ms-flex-align: end!important; align-items: flex-end!important; } .section1 .item .container .row1{padding-top:100px; box-sizing:border-box; min-height:100vh;} .asset-slider2.owl-theme .owl-nav{position:absolute; right:15px; bottom:30px;} .asset-slider2 p{color:#fff;} .yellow{color:#fff;} .white-font{color:#fff;} .slder-dull-immg{opacity:0.5} .col img{display:inline-block !important;} .row1 img{max-width:100%; width: initial !important; max-height:100%;} .first-slide{padding-bottom:150px; position:relative} .slide-info h5{font-weight:bold; color:#000; margin:0; padding:0} .slide-info p{color:#000; font-size:14px; margin:0; padding:0} .slide-info{position:absolute; bottom:15px; width:300px; padding:10px 25px 10px 60px; left:50%; margin-left:-150px; background:#fff; border-radius:50px; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.19); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.19); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.19);} .slide-info span{position:absolute; width:50px; height:50px; top:4px; left:4px; border-radius:100%; text-align:center; line-height:50px; color:#fff; background:#134e8c; font-size:30px;} .owl-nav i.fa{font-size:30px;} .item h1.banner-text-big{font-size:36px; color:#fff;} .slide-touch-btn{display:inline-block; padding:10px 25px; background:#fff; border-radius:50px; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.19); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.19); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.19); color:#000; margin-top:30px;} .video-responsive{position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px} .video-responsive iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .testibox a:hover{text-decoration:underline;} .row1 p{font-size:20px;} .row1 ul li{font-size:20px; color:#fff} .row1 h1{text-transform: none; font-weight:400;} .row1 p a{text-decoration:underline; color:#fff; display:inline-block; margin-right:15px;} @media (max-width: 768px) { .row1 { display:block; display: block; text-align:center; width:100%;float:left; margin:0 } img.width-100{width:100% !important; margin-bottom:20px !important; max-width:100% !important;} .row1 ul{text-align:left;} .item h1.banner-text-big{font-size:24px;} .section1 .item .container .row1{ min-height: initial;padding-top:180px;} .row1 img{display:inline-block;max-width:100%;} .col-4 { width:100%;max-width:100%; margin-top:20px; float:left; } .col-8 { width:100%;max-width:100%; margin-top:20px;float:left; } .col-6 { width:100%;max-width:100%; margin-top:20px;float:left; } .col { width:100%;max-width:100%; margin-top:20px;float:left; } .owl-carousel .owl-item .row1 img{display:inline-block; max-width:70%;} } .grey-light-font{color:#ddd; font-size:14px;} .single-team-member.subject-img.aligncenter { background: #fff; } .subject-blue{background: #0f4e8c;} .subject-blue .color{color:#fff;} li.heder-button a { color: #fff !important; background: #0f4e8c; padding: 10px 20px !important; margin: 25px; border-radius: 5px; } li.heder-button:hover a { border: 1px solid #0f4e8c !important; color: #0f4e8c !important; border-radius: 5px !important; } .phone-heder { position: fixed; top: 20%; right: 0; background: #0f4e8c; z-index: 9999999; border-radius: 5px 0 0 5px; } .phone-heder p, .phone-heder p a { color: #fff; text-align: center; padding: 4px 10px ; } .phone-heder p a i { padding-right: 9px; font-size: 20px; } .normal-header.affix .navbar-nav.black-menu > li.heder-button > a { color: #ffffff !important; margin:15px 0; } .normal-header.affix .navbar-nav.black-menu > li.header-phone > a { margin:15px 0; } .normal-header.affix .navbar-nav.black-menu > li.heder-button:hover > a { color: #0f4e8c !important; } header.header.normal-header.affix .navbar-nav > li.heder-button > a.active{ color: #ffffff !important; } li.header-phone a { color: #0f4e8c !important; border: 1px solid #0f4e8c; padding: 10px 20px !important; margin: 25px; border-radius: 5px; } .errPg {margin: 180px auto;} .imgBrd {border-right:1px solid #ccc;}