/* CSS reset */ * { margin:0px; padding:0px; border:none; outline:none; box-sizing:border-box; } body { margin:0px; padding:0px;font-family: 'Poppins', sans-serif;} img { border:none; outline:none;max-width: 100%; height:auto;} a,h1,h2,h3,h4,h5,h6,p,div,img { text-decoration:none; padding:0px; margin:0px; } .form_cntl, input, textarea, input[type=”text”], input[type=”email”], input[type=”button”], input[type=”submit”] {-webkit-appearance: none; border-radius: 0; -webkit-box-shadow: none;} html { text-size-adjust: none;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;-o-text-size-adjust: none;} /* End of reset css*/ /* Slider Banner */ .slider-banner {width: 100%; float: left;padding-top: 209px; padding-bottom: 187px; position: relative;z-index: 11;background-color: #5145cd;} .slider-banner-img{position: absolute;left: 0;right: 0;top: 0;bottom: 0; background-image: url(../images/banner-img.jpg); background-repeat: no-repeat; background-size: cover; opacity: 0.95;background-position: center;} .slider-banner::after{content: ''; width: 1077px; max-width: 100%; position: absolute; top: 0; left: 0; bottom: 0; background: -moz-linear-gradient(left, rgba(6,71,33,0.55) 55%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(6,71,33,0.55) 55%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(6,71,33,0.55) 55%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c064721', endColorstr='#00ffffff',GradientType=1 ); } .banner-inner {width: 560px; max-width: 100%; float: left;z-index: 11;} .banner-inner h2{font-size: 48px;line-height: 58px;color: #ffffff;font-family: 'Poppins', sans-serif;margin-bottom: 10px;} .banner-inner p{font-size: 20px;line-height: 34px;color: #ffffff;font-family: 'Poppins', sans-serif;font-weight: 500;margin-bottom: 40px;} /* .banner-inner figure a {float: left; display: inline-block; padding: 15px 20px;background-color: #ffffff;color: #2c3d50;font-size: 18px;line-height: 20px;margin-right: 20px;text-transform: uppercase;font-weight: 600;} */ .banner-inner figure a:last-child{margin-right: 0px;} .banner-inner figure a:hover{background-color: #5145cd;color: #ffffff;} .slick-dots li button::before {font-size: 46px !important;} .slick-dots{text-align: left !important;bottom: -124px !important;} .slick-dots li button::before {color: #a3b9aa !important; opacity: 1 !important;} .slick-dots li.slick-active button::before {color: #ffffff !important; opacity: 1 !important;} .slick-dots li{margin: 0 !important;} .slider{z-index: 1;} /* common class css */ .btn {background-color:#2c3e50;border-radius: 2px;color: #fff;float: left;font-size: 20px;font-weight: 600;height: 60px;line-height: 60px;text-align: center;text-transform: uppercase;width: 180px;cursor:pointer;position:relative;overflow: hidden;} .btn:hover { background-color:#0d243b; } .general-page header .btn:hover {background-color:#0d243b !important;} .ripple-effect{position: absolute;border-radius: 50%;width: 50px;height: 50px;background: white;-webkit-animation: ripple-animation 1s;animation: ripple-animation 1s;} h1 {color: #5145cd;font-size: 35px;font-weight:700;line-height:50px;text-transform:uppercase;float:left; width:100%;} h2 {color:#302e32;display: inline-block;font-size:30px;font-weight: bold;width: 100%;text-transform: uppercase;line-height: normal;} h3 {color:#302e32;float: left;font-size:22px;font-weight: 600;line-height: normal;width:auto; text-transform: uppercase;} h4 { float:left; font-size:20px; color:#302e32;font-weight:600;width:100%; line-height:normal;} h5 {display: inline-block;font-size: 18px;font-weight: 700;line-height: normal;text-transform: uppercase;width: 100%;} p { float:left;font-size:14px; line-height:26px; width:100%; font-weight:500;} .services-details ul li, .courses-info ul li, .view-course, .logo a > img, .btn, .menu-text, .menu-icon, .menu-icon > span, .logo a, header, .menu-click, .menu-area, nav ul li a, .contact-no > a, .email-info > a, .form_cntl, .advrts-logo > li, .technologies-links li > a, .contact-links li > a, .ref-links li > .normal-links, .input_grp label, .imgcenter-content, .services-details ul li a img, .services-details ul li a p, .inq-btn::before, .inq-btn > span, .view-text > span, .view-text, .cancel-form a img, .internship-content, .project-training-content, .options li:hover, .all-icons, .styledSelect, .menu-text > a,.blog_title,.blog-image a::after,.comment-form p label, .comment-form p textarea,.comment-form p input,.blog-list ul .column::after, .blog-list ul .column,.read-blog,.read-blog span img, .popup-btn a,#back2Top{transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;} /* bg-overlay */ .bg-overlay {background-color: rgba(109, 109, 109, 0.50);display: none;height: 100%;position: fixed;width: 100%;z-index: 1;} .showmenu {overflow: hidden;} /* header Start */ header .right-menu .menu-content .btn{font-size: 17px;height: 50px;line-height: 50px;} header {position:fixed; float: left;margin: 0 auto;padding: 24px 100px;width: 100%;z-index:111;background-color: #ffffff;} header.fixed {background-color: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);padding: 11px 100px 0;} .logo {float: left;width:auto;} .fixed .logo { width:150px; } .logo a {float: left;width:100%;} .logo a > img {float: left;max-width:129px;} .right-menu {float: right;width: auto;} .menu-text > a { color: #302e32; float: left; margin-top: 20px; } .fixed .menu-text > a { margin-top: 4px; } .menu-content {float: left;width: auto; /*margin-left:20px;*/} .menu-content:first-child {margin-left: 0;} .inq-btn {position: relative;width: 140px;} .active .inq-btn {background-color:#5145cd;} .fixed .btn {background-color:#161e2e !important;} .fixed .menu-content {margin-top: 4px;} .fixed .btn {font-size: 18px;height: 50px;line-height: 51px;width: 150px;} .fixed .inq-btn {width: 130px;} .menu-text {color:#302e32;float: left;font-size: 18px;font-weight:500; margin-right:0px;line-height: 32px;;text-transform: uppercase;} .menu-click > .menu-text { margin-right: 20px; } .menu-click { float:left; width:auto; margin-top: 14px; } .fixed .menu-text {color: #302e32 !important;margin-top: 11px;} .menu-icon {float: left;margin-top:7px;width: 30px;height:18px;position:relative;} .fixed .menu-click {margin-top: 0;} .menu-icon > span {background-color: #302e32;float: left;height: 3px;width: 100%; position:absolute; top:7px;} .menu-icon > span::after, .menu-icon > span::before {background-color: #302e32;content: "";height: 3px;position: absolute;width: 100%;} .menu-icon > span::after {top: -7px;} .menu-icon > span::before {top: 7px;} .menu-icon > span::before, .menu-icon > span::after{ transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; -webkit-transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s;} .menu-icon > span::before, .menu-icon > span::after { transition-property:top, transform; -webkit-transition-property:top, transform; } .menu-icon > span::before, .menu-icon > span::after{ transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; -webkit-transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s;} .active .menu-icon span { background:none; } .active .menu-icon span::before { top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .active .menu-icon span::after { top: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .active .menu-icon span::before, .active .menu-icon span::after{background-color:#FFF; transition-delay: 0s, 0.3s; -webkit-transition-delay: 0s, 0.3s;} .fixed .menu-icon { margin-top:18px; } .fixed .menu-icon span::before, .fixed .menu-icon span::after {background-color:#302e32 !important;} .active .menu-text {color: #fff;} /*.fixed .menu-icon.active span { background:none; }*/ _::-moz-svg-foreign-content, :root .menu-icon > span { display:none; } _::-moz-svg-foreign-content, :root .menu-icon{background:url(../images/menu-close.svg) no-repeat 0px 1px;margin-top:1px;height:30px;-webkit-transition: none 0s ease 0s ;} _::-moz-svg-foreign-content, :root .active .menu-icon{background:url(../images/menu-close.svg) no-repeat -34px -26px;-webkit-transition: none 0s ease 0s ;} _::-moz-svg-foreign-content, :root .fixed .menu-icon { background: url(../images/menu-close.svg) no-repeat left top;margin-top: 12px;-webkit-transition: none 0s ease 0s ;} _::-moz-svg-foreign-content, :root .fixed .active .menu-icon{background: url(../images/menu-close.svg) no-repeat -33px 3px;margin-top: 9px;-webkit-transition: none 0s ease 0s ;} /* menu */ .menu-area {background-color:#161e2e;bottom: 0;position: fixed;right: -100%;top: 0;width:520px;z-index: 11;padding-top:190px; padding-right:100px} .menu-area.menu-open {right:0;} .demo-lec { display: none; } nav {float: left;width: auto;} nav ul {float: left;list-style-type: none;width: auto;} nav ul li {float: left;width: auto;margin: 14px 40px 0 0; position:relative;} nav ul li a {color: #161e2e;float: right;font-size: 17px;text-transform: uppercase;font-weight:600; padding-bottom:10px;} .fixed nav ul li, .general-page nav ul li{margin-top: 15px;} .general-page nav ul li a{font-size: 18px; padding-bottom:27px;} .fixed nav ul li a{font-size: 17px; padding-bottom:27px;} nav ul li a:hover, .contact-no > a:hover, .email-info > a:hover, nav > ul > li:hover > a{ color:#5145cd; } .sub-menu {background-color: #161e2e;border-radius: 2px;left: 0;padding: 10px 0;position: absolute;top: 54px;width: 330px; opacity:0; visibility:hidden; transition:0.3s all; -moz-transition:0.3s all; -ms-transition:0.3s all; -o-transition:0.3s all; -webkit-transition:0.3s all;} .sub-menu::before {background-color: #161e2e;border-radius: 2px;content: "";height: 20px;left: 18px;position: absolute;top: -3px;transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);width: 20px;} .sub-menu > li {margin: 0 !important;width: 100%;} .sub-menu a {color: #ffffff;padding: 8px 20px !important;width: 100%; font-size:16px !important;} nav ul li:hover .sub-menu{ opacity:1; visibility:visible; top:44px;} .contact-info {bottom: 30px;float: right;position: absolute;right: 100px;width: auto;} .contact-no{margin-bottom: 10px;} .contact-no, .email-info{ float:right; width:auto;margin-bottom: 10px;} .contact-no > a, .email-info > a{color: #fff;float:left;font-size: 18px;font-weight: 500;padding-right:5px;} .contact-no img, .email-info > img {float:left;margin-left: 15px; margin-top:2px;} .email-info > a {padding-right:0px; } /* Banner Section */ .container { width:1260px; margin:0 auto; } .banner { width:100%; float:left; margin:0 auto; background-image:url(../images/banner-img1.png); background-repeat:no-repeat;background-size:cover;background-attachment: fixed;padding-top:230px;padding-bottom: 250px;} .banner-details {float:left;width: auto;} .banner-details > span {font-size:36px;text-transform: uppercase;color:#5145cd;font-weight: 300;float:left;width:auto;} .banner-details p {float:left; color:#222222;font-size: 26px;font-weight:500;width:100%;line-height:55px;} /* services */ .services { width:100%; float:left;background-color:#161e2e;} .services-details {float: left;width: 100%; text-align:center;} .services-details ul {float:left;list-style-type: none;width:100%;} .services-details ul li {float: left;text-align: center;width:25%;padding: 30px 0;} .services-details ul li a > img {display: inline-block;min-height: 65px;} .services-details ul li a {float:none;width:180px;display:inline-block;text-transform:uppercase;} .services-details ul li a p {color: #fff;display: inline-block;width: 100%;font-size: 20px;font-weight: 600;margin-top:20px;line-height:29px;} .services-details ul li:hover {background-color:#5145cd;} .services-details ul li a:hover img {transform: scale(1.1); -webkit-transform: scale(1.1);} /* courses */ .professional-course {background-position: -617px 3px !important;} .courses-info ul li:hover .professional-course {background-position: -617px -77px !important;} .angular-logo{background-color: transparent !important;} .courses { width:100%; float:left; background-color:#fff; padding:90px 0px; } .courses-title {float: left;text-align: center;width: 100%;} .courses-title > p {color:#6b7280;display: inline-block;font-size: 18px;font-weight: 500;width: 100%;line-height:60px;} .courses-info {float: left;width: 100%;} .courses-info ul {float: left;list-style-type: none;width: auto;} .courses-info ul li {position:relative; float: left;width: 380px;border-bottom: 5px solid #d1d1d1;margin-right:58px;margin-top:50px;} .courses-info ul li:nth-child(3n) {margin-right: 0;} .courses-info ul li:hover {border-bottom-color: #fff;background-color:#5145cd;box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.3);} .courses-info ul li::after {background-color:#5145cd;bottom: -5px;content: "";height: 5px;left: 0;position: absolute;width: 0;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;} .courses-info ul li:hover:after { width:100%; } .courses-info ul li:hover .view-course {opacity: 1;} .courses-info a {float: left;width: 100%;} .course-details {float: left;padding: 30px;width: 100%;} .course-logo {background-color: #fff; height: 64px; width: 58px; background: url(../images/courses_icon-01.svg) no-repeat; vertical-align: middle; display: inline-block; } .android-logo {background-position: 2px 3px;} .courses-info ul li:hover .android-logo {background-position: 0 -86px;} .ios-logo {background-position: -69px top;} .courses-info ul li:hover .ios-logo {background-position: -69px -80px;} .php-logo {background-position: -139px top;} .courses-info ul li:hover .php-logo{background-position: -139px -85px;} .design-logo {background-position:-202px 7px;} .courses-info ul li:hover .design-logo {background-position: -202px -84px;} .testing-logo {background-position: -273px 6px;} .courses-info ul li:hover .testing-logo {background-position: -269px -88px;} .course-logo.symfony {background-position: -707px 2px;} .courses-info ul li:hover .course-logo.symfony {background-position: -707px -70px;} .course-logo.asp{background-position: -790px 2px;} .courses-info ul li:hover .course-logo.asp{background-position: -790px -74px;} .course-logo.hiring-it-fresher{background-position: -862px 0px;} .courses-info ul li:hover .course-logo.hiring-it-fresher{background-position: -862px -73px;} /*.phython-logo {background-position: -333px 6px;} .courses-info ul li:hover .phython-logo {background-position: -334px -81px;}*/ .python-logo {background-position: -328px 6px;} .courses-info ul li:hover .python-logo {background-position: -328px -81px;} .java-development {background-position: -562px 6px;} .courses-info ul li:hover .java-development {background-position: -562px -81px;} .digital-marketing {background-position: -486px 6px;} .courses-info ul li:hover .digital-marketing {background-position: -486px -81px;} .course-details > h3 {margin-left: 16px; margin-top: 0; width: calc(100% - 74px); display: inline-block; vertical-align: middle; float: none; } .course-details p {color:#6b7280;font-size: 14px;line-height: 25px;margin-top: 15px;font-weight:500;max-height: 100px;overflow: hidden;} .view-course {background-color: #fff;float: left;width: 100%;opacity:0;} .view-course > span {color: #5145cd;float: left;font-size: 18px;font-weight: 600;padding: 17px 0 11px 33px;width: 100%;} .courses-info ul li:hover .view-course > span img {margin-left: 15px;} .courses-info ul li:hover .course-details h3, .courses-info ul li:hover .course-details p { color:#fff; } .view-course span > img {margin-left: 0px;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;} .view-more {float: left;margin-top: 100px;text-align: center;width: 100%;} .view-text {color:#302e32;display: inline-block;font-size:22px;line-height: normal;font-weight:600;text-transform: uppercase;} .view-text > span {background: rgba(0, 0, 0, 0) url("../images/arrow-sprt.svg") no-repeat scroll -60px 11px;float:none;height: 37px;width:65px;display: inline-block;vertical-align: middle;} .view-text:hover span {background-position: 9px 11px;} .view-text:hover {color:#5145cd;} .corporate-training {background-image: url(../images/corporate-logo.svg);background-repeat: no-repeat;background-position: left center;} .courses-info ul li:hover .corporate-training{background-image: url(../images/corporate-logo-white.svg);} /* curriculam css*/ .curriculum {width: 100%;float: left;padding: 90px 0px;} .col-3 {width: 25%; padding-left: 15px; padding-right: 15px; float: left;position: relative; overflow: hidden;} .box-section{width: 100%;float: left;padding: 30px;} .main-border{float: left;width: 100%; border: 2px solid #d8d8d8;border-bottom: none;} .contain-box{width: 100%; height: 305px;vertical-align: middle;display: table-cell;text-align: center;} .box-col {border-right: 2px solid #d8d8d8;display: table;border-bottom: 2px solid #d8d8d8;} .box-col:nth-child(4n) {border-right: none;} .contain-box p{text-transform: uppercase;} .contain-box figure {width: 226px;height: 158px;position: relative; margin: 0 auto;margin-bottom: 36px;} .contain-box figure img {position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;vertical-align: middle;} .contain-hover {position: absolute; width: 100%; height: 100%; bottom: -100%; left: 0px; display: inline-block; padding: 20px; background: #cdcdcd; transition: all 0.4s ease-in-out 0s;} .box-col:hover .contain-hover {bottom: 0px;} .curriculum-title {float: left;width: 100%;margin: 0 0 40px;} .curriculum-title > h3 {color: #444444;text-transform: uppercase;padding-bottom: 28px;background: url(https://www.tops-int.com/wp-content/themes/tops/images/heading_bg.png) no-repeat left bottom;} /* end */ /* Project training section */ .project-training { float:left; width:100%; background-image:url(../images/training-banner1.png); background-repeat:no-repeat; background-size:cover;padding: 90px 0px; background-attachment:fixed;position: relative;} .project-training-content {float: left;width: 100%; } .training-img{ width: 50%; } .flex-wrap{ display: flex; flex-wrap: wrap; } .pro-heading {float: left;width: 100%;} .pro-heading > p, .inter-heading-text > p {color:#302e32;float:left;font-size:16px;font-weight: 500;width: 100%;line-height:60px;} .inter-heading-text > p {line-height: normal;} .tarining-points {float: left;width: 50%;padding: 0px ;} .training-img img{ width: 100%; height: 100%; object-fit: cover; } .tarining-points > ul {float: left;list-style-type: none;width: auto;} .tarining-points ul li {float: left;width:100%;color:#302e32;font-size:16px; font-weight:300; line-height:normal; background-image:url(../images/check-logo-dark.svg); background-repeat:no-repeat; background-position:left 6px;padding-left: 38px;margin-bottom: 15px;} .free-internship{float: left;width: 100%; margin-top:55px; } .project-training .view-more > a{ float:left; } .internship-content {float:left;width:100%;display: none;} .internship-heading {float: left;width: 100%;} .inter-heading-text {float: left;width: auto;} .cancel-form {float: right;width: auto;margin-top: 15px;} .cancel-form > a {float: left;width: auto;} .cancel-form a img {float: left;} .cancel-form > a:hover img {transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);} .internship-form {float: left;margin-top: 60px;width: 705px;} .internship-form .form_group ul li{width:100%;} .internship-form .input_grp {width: 48%;} .internship-form .full-width {width: 100%;} .internship-form .input_grp:nth-child(2n) {float: right;} .input_grp textarea {resize: vertical;} .internship-form .form_cntl {border-bottom: 1px solid #302e32;color: #302e32;-webkit-appearance: none;-moz-appearance: none; border-radius: 0; -webkit-box-shadow: none;} .internship-form .input_grp label {color: #302e32;} .internship-form .form_cntl:focus {border-bottom-color: #5145cd;} .internship-form .input_grp.input-fill > label:first-child {color: #5145cd;font-size: 14px;top: -20px;} .internship-form .input_grp.input-focus label:first-child {color: #5145cd;font-size: 14px;top: -20px;} .internship-form .form_group select {background-image: url(../images/dropdown-btn.svg);background-repeat: no-repeat;background-position: 98% center;} .internship-form .submit-btn:hover::before, .internship-form .submit-btn:hover::after{border-color: #5145cd;} .internship-form .submit-btn input[type="submit"]{color:#302e32;border:2px solid #302e32; } .internship-form .submit-btn::before, .internship-form .submit-btn::after {border-color:#302e32;} .internship-content ul {margin-bottom: 50px !important;} .entry-header {display: none;} /* why Agile Section */ .development { float:left; width:100%; padding:90px 0px; text-align:center;} .dvlpmnt-heading {display: none;} .development-details { float:none; width:100%;position:relative;display:inline-block;background:url(../images/infographic_2.svg) no-repeat center;height:720px; } .development-content {float: left;width: 100%;} .first-row {margin-bottom:40px;} .first-row-content {display: inline-block;float: none;margin-right: 40px;width: 200px;} .dvlpmnt-bg {background-image: url("../images/whyagile-spirte.svg");background-repeat: no-repeat;height: 45px;width: 48px;} .row-text {color: #322f37;font-size: 18px;line-height: 28px;font-weight:500;width:100%; float:left;} .job-logo {display: inline-block;} .second-row {margin-bottom: 145px;padding-left: 55px;padding-right: 80px;} .second-row .second-row-left .row-text {width: 220px;} .guideline-logo {background-position: -409px 4px;float:right;margin-left: 20px;margin-top: 5px;} .second-row-left {float: left;text-align: right;width:auto;} .second-row-right {float: right;text-align: left;width:auto;margin-top: -27px;} .second-row .second-row-right .row-text {width: 220px;} .softskill-logo {background-position: -52px 0;float: left;margin-right: 20px;margin-top: 7px;} .third-row {margin-bottom: 120px;padding-left: 84px;padding-right: 75px;} .third-row .second-row-left .row-text {width: 220px;margin-top: 6px;} .assistance-logo {background-position: -345px 0;float:right;margin-left: 20px;} .third-row .second-row-right .row-text {width: 220px;} .satisfied-logo {background-position: -110px 0;float: left;margin-right: 20px;} .third-row .second-row-right {margin-top: -45px;} .fourth-row {margin-bottom: 90px;padding-left: 80px;padding-right: 55px;} .fourth-row .second-row-left .row-text {width: 220px;} .track-logo {background-position: -286px 0;float:right;margin-left: 20px;margin-top: 8px;} .fourth-row .second-row-right .row-text {width: 220px;} .qualified-logo {background-position: -173px 0;float: left;margin-right: 20px;margin-top: 10px;} .fourth-row .second-row-right {margin-top: -21px;} .last-row .first-row-content > a {width: 280px;} .batches-logo {background-position: -226px 0;display: inline-block;} .last-row .first-row-content {margin-left: 32px;margin-right: 0;} .imgcenter-content {width: 191px;height: 191px;background-color:#161e2e;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;border-radius:50%;color:#fff;padding-top:50px; line-height:45px; font-size:35px; text-transform:uppercase;font-weight:bold;letter-spacing: -1px;} .imgcenter-content:hover {box-shadow: 0 9px 17px 0 rgba(44, 62, 80, 0.46);} /* testimonial-form Section */ .testimonial-form{ float:left; width:100%;display:table;margin-top: 50px;} .testimonials { display:table-cell; width:50%; background-color:#f1f1f1; background-image:url(../images/qut-img.svg); background-position:left top; background-repeat:no-repeat;padding:0 90px;text-align:center;vertical-align:middle;} .testimonial-content {float:none;max-width: 610px;display:inline-block; width:100%;} .testimonial-content ul {float: left;list-style-type: none;} .testimonial-content ul li{float: left;} .testimonial-content ul li p {color: #322f37;font-size: 18px;font-weight: 500;line-height: 30px;} .profile-content {margin-top: 20px;width: auto;display: inline-block;} .profile-logo {border-radius: 50%;display: inline-block;height: 54px;overflow: hidden;width: 56px;vertical-align: middle;} .profile-content > span {color: #322f37;display: inline-block;font-size: 20px;font-weight: 600;margin-left: 20px;vertical-align: middle;} .contact-form { display:table-cell; width:50%; background-color:#5145cd;padding: 45px 100px 95px;} .contact-form > h2 { color:#fff; font-weight:600; } .contact-form .input_grp.input-focus label:first-child {color: #fff;font-size: 14px;top: -20px;} .form_start {float: left;margin-top: 60px;width: 100%;} .form_start .styledSelect {border-bottom: 1px solid #82e0aa;color: #a2e4b9;} .styledSelect.active {color: #fff;font-size: 14px;} .internship-form .styledSelect.active {color: #5145cd;} .form_start .select {background-image: url("../images/dropdown-btn-white.svg");} .form_group {float: left;width: 100%;} .form_group ul {float: left;list-style-type: none;width: 100%;margin-bottom: 10px;} .form_group ul li {float: left;margin-bottom: 40px;width: 100%;} .contact-form form ul li .submit-btn.btn span, .inner-contact-form form ul li .submit-btn.btn span {position: absolute; right: -20px; top: 22px;} .input_grp {float: left;height: auto;width:100%;position:relative;} .input_grp label {color:#a2e4b9;float: left;font-size: 16px;font-weight:500; line-height: normal;position:absolute;left:0;top:0;text-transform: capitalize;} .form_cntl:focus + label:first-child, .input_grp.input-fill > label:first-child {top: -20px;font-size: 14px;color: #fff;} .form_cntl {border-bottom: 1px solid #82e0aa;border-radius: 0;color: #fff;font-size: 16px;height:35px;line-height: normal;width: 100%;background-color: transparent;font-family: 'Poppins', sans-serif;font-weight: 500;position:relative;z-index:1;} .form_cntl:focus {border-bottom-color: #fff;} .submit-btn {float: left;width: auto;position:relative;z-index: 1;} .submit-btn.btn {background-color: transparent;} .options > li:first-child {display: none;} .submit-btn::after {border-left:2px solid #fff; border-top:2px solid #fff; bottom: 0;content: "";height: 0;left: 0;position: absolute;right: 0;top: 0;width: 0;transition:all 0.6s;-webkit-transition:all 0.6s;z-index: -1;} .submit-btn:hover:after { border-color:#161e2e; height:100%; width:98%;} .submit-btn::before {border-right:2px solid #fff; border-bottom:2px solid #fff; bottom: 0; content: "";height: 0;right: 0;position: absolute;width: 0;transition:all 0.6s;-webkit-transition:all 0.6s;z-index: -1;} .submit-btn:hover:before { border-color:#161e2e; height:100%; width:98%;} .privacy-text {color: #ffffff;float: right;font-size: 11px;font-weight: 500;width: auto;} .internship-form .privacy-text {color: #302e32;} .msg-area {height: auto;word-wrap: break-word;min-height: 35px;} .submit-btn input[type="submit"] {border-radius: 0;color: #fff;display: inline-block;font-family: 'Poppins', sans-serif;font-size: 20px;line-height: normal;width:176px; height:60px;background-color: transparent;font-weight:600;border: 2px solid #fff;cursor: pointer; transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;} .submit-btn.btn:hover > input {border-color: rgba(0, 0, 0, 0);} .wpcf7-form label.error {margin-top: 35px;} div.wpcf7 img.ajax-loader {bottom: 0;margin: auto 4px;position: absolute;top: 0;} div.wpcf7-mail-sent-ng {float: left;height: auto;} /* bx slider */ .bx-wrapper .bx-viewport {background:none;border:none;box-shadow:none;} .bx-wrapper .bx-pager.bx-default-pager a {width: 23px !important; height: 4px !important;border-radius: 0px !important;} .bx-wrapper .bx-viewport {display: inline-block !important; margin-bottom: 8px !important;} /* select option css */ .s-hidden {visibility:hidden;padding-right:10px;} .select {cursor:pointer;display:inline-block;position:relative;width: 100%;background-image: url(../images/dropdown-btn.svg); background-repeat: no-repeat;background-position: 98% center;} .styledSelect {position:absolute;top:0;right:0;bottom:0;left:0;border-bottom: 1px solid #302e32;color: #302e32;font-size: 16px;height:35px;line-height: normal;width: 100%;background-color: transparent;font-family: 'Poppins', sans-serif;font-weight: 500;} .options {display:none;position:absolute;top:30px;right:0;left:0;z-index:9;margin:0 0;padding:10px 0px;list-style:none;border:1px solid #e4e4e4;background-color:white;} .options li {margin-bottom: 0 !important;padding: 3px 20px;font-family: "Poppins",sans-serif;font-weight: 500;} .options li:hover {color:#5145cd;} /* partner section */ .advrts-partner {background-color: #fff;float: left;width: 100%;padding: 80px 0 100px;text-align:center;} .advrts-logo {display: inline-block;list-style-type: none;width:auto;} .advrts-logo > li {display: inline-block;float: none;margin-right: 45px; vertical-align: middle;width: auto;} .advrts-logo > li:hover {opacity: 0.5;} .advrts-logo > li:last-child {margin-right: 0;} .advrts-logo li img {float: left;} .advrts-partner h2{margin-bottom: 70px;} /* accordion section */ .accordion {float: left;width: 100%;} .accordion *{font-family: "Poppins",sans-serif !important;} .accordion h3{float: left;width: 100%;} .ui-accordion-content{float: left;width: 100%;} .accordion.ui-accordion .ui-accordion-header{ font-size:16px !important; padding:25px 0;; text-transform:capitalize; color:#6b7280; font-weight:600;} .accordion.ui-accordion .ui-accordion-header, .accordion.ui-accordion .ui-state-default.ui-accordion-header.ui-accordion-header-active{ border:none;} .accordion.ui-accordion .ui-accordion-content{ border:none; padding:0 0 25px;} .accordion.ui-accordion .ui-state-default.ui-accordion-header{ border-bottom:1px solid #e6e6e6;padding-right: 45px; background:none !important;} .accordion.ui-accordion .ui-accordion-content p{ color:#777777; font-size:14px; float:left; width:100%; line-height:25px; font-weight:400;background:none !important;} .accordion.ui-accordion .ui-accordion-content-active{ border-bottom:1px solid #e6e6e6;border-radius: 0;background:none !important;} .accordion.ui-accordion .ui-state-default .ui-icon::before {content: "\f132";color: #767676; font-size: 20px;font-weight: 300;} .accordion.ui-accordion .ui-state-active .ui-icon::before {content: "\f460";color: #767676; font-size: 20px;font-weight: 300;} .accordion.ui-accordion .ui-accordion-header:nth-last-child(2){ border-bottom:0;} .accordion.ui-accordion .ui-accordion-content:last-child{ border-bottom:0;} /* Footer section */ .quick-links h4 > a, .about-us h4 > a {color: #fff;} .about-us > p > a { color: #aaa8ad;} footer p {color:#aaa8ad;} footer { float:left; width:100%; background-image:url(../images/footer-bg1.png); background-repeat:no-repeat; background-size:cover; padding-top:70px; padding-bottom: 20px;} .footer-content { width:100%; float:left;margin-bottom: 30px;} .footer-content h4 {color: #fff;font-weight:500;} .about-us { float:left; width:225px;margin-right: 60px; margin-left:80px;} .about-us p {margin-top: 30px;} .quick-links { float:left; width:120px;margin-right: 105px; margin-left:50px} .quick-links h4 img {display: none;} .footer-qlinks { float:left; width:100%; margin-top:30px;} .footer-qlinks ul { float:left; width:100%; list-style-type:none; } .footer-qlinks ul li { float:left; width:100%;margin-bottom:5px; margin-top:0;} .footer-qlinks ul li > a { float:left; font-size:15px; line-height:normal; font-weight:500; color:#aaa8ad;text-transform:none; padding-bottom:0;} .general-page .footer-qlinks ul li{ margin-top:0;} .general-page .footer-qlinks ul li > a {padding-bottom:0; font-size:15px;} .technologies { float:left; width:230px;margin-right:90px; } .technologies img {display: none;} .technologies-links { float:left; width:100%; list-style-type:none;margin-top:30px; } .technologies-links h4 img {display: none;} .technologies-links li { float:left; width:100%;margin-bottom:5px;} /*.technologies-links li:last-child {display: none;}*/ .technologies-links li > a { float:left;font-size:15px; line-height:normal; font-weight:500; color:#aaa8ad;text-transform:none;} .technologies-links li > a:hover, .contact-links li > a:hover{ color:#5145cd; } .contact-us { float:left; width:265px;margin-right:35px;margin-bottom:40px;} .contact-us p {margin-top: 30px;} .contact-links { float:left; width:100%; list-style-type:none; margin-top:10px;} .contact-links li { float:left; width:100%;margin-bottom:10px; } .contact-links li > i {color: #89878c;float: left;font-size: 15px !important;line-height: 21px !important;margin-right:5px;} .contact-links li > a { float:left; color:#aaa8ad; font-size:15px; line-height:normal; font-weight:500; margin-left:1px } .courses-inquiry { width:235px; margin-left:80px;} .social-icons {float: left;list-style-type: none;width: 100%;margin-top: 37px;} .social-icons > li {float: left;margin-right: 12px;width: auto;} .all-icons {float: left;height: 42px;width: 42px;background-image: url(../images/social-icons.svg); background-repeat: no-repeat;} .twtr-icon {background-position: -53px 0;} .in-icon {background-position: -105px 0;} .gpls-icon {background-position: -155px 0;} .pin-icon {background-position: -202px 0;} .insta-icon{background-position: -252px 0px;} .fb-icon:hover {background-position: 0 -50px;} .in-icon:hover {background-position: -105px -50px;} .twtr-icon:hover {background-position: -53px -50px;} .gpls-icon:hover {background-position: -155px -50px;} .pin-icon:hover {background-position: -202px -50px;} .insta-icon:hover{background-position: -252px -50px;} .ref-content{ float:left; width:100%;margin: 55px 0 50px;display: none;} .ref-links { float:left; width:100%; list-style-type:none;text-align: justify;} .ref-links li { float:none; display:inline-block; vertical-align:middle; width:auto;margin-left: 3px;margin-right: 4px;margin-bottom: 10px;} .ref-links li > .normal-links { float:left; width:auto; color:#aaa8ad; font-size:13px; font-weight:500;} .ref-links li > .normal-links:hover {color: #fff;} .font-size-25 {font-size:25px !important;} .font-size-20 {font-size:20px !important;} .font-size-24 {font-size:24px !important;} .font-size-16 {font-size:16px !important;} .font-size-18 {font-size:18px !important;} .font-size-22 {font-size:22px !important;} .site-info { float:left; width:100%;text-align:center;padding-top:20px; border-top:2px solid #3a4a5a; } .site-info p { display:inline-block; } .ielogo{display:none;} /* ====================== */ /* Inner Page Contact-us */ /* ====================== */ .general-page header{background-color: #ffffff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);padding: 10px 100px 0;} .general-page nav ul li .sub-menu, .fixed nav ul li .sub-menu {top: 68px !important;} .general-page nav ul li:hover .sub-menu, .fixed nav ul li:hover .sub-menu {top: 55px !important;} .general-page header .logo {width:150px;} .general-page header .menu-content {margin-top: 4px;} .general-page header .btn {font-size: 18px;height: 50px;line-height: 51px;width: 150px;background-color: #161e2e !important;} .general-page header .menu-click {margin-top: 0;} .general-page header .menu-text {color: #302e32 !important;margin-top: 11px;} .general-page header .menu-text > a { margin-top: 4px; } .menu-text > a { color: #302E32; float: left; margin-top: 20px; } .general-page header .menu-icon {margin-top: 18px;} .general-page header .menu-icon span::before, .general-page header .menu-icon span::after {background-color: #302e32 !important;} .input_grp-radio { float: left; width: 100%; } .input_grp-radio input[type="radio"] { -moz-appearance: none; opacity: 0; pointer-events: none; position: absolute; } .input_grp-radio input[type="radio"]:checked + .wpcf7-list-item-label { background-position: -4px -28px; color: #5145cd; } .input_grp-radio .wpcf7-list-item-label{ background-image: url("../images/radio-btn-icon.svg"); background-position: -4px 6px; background-repeat: no-repeat; color: #302E32; float: left; font-size: 20px; font-weight: 500; margin-right: 40px; padding-left: 40px; } .internship-form .input_grp-radio {display: none;} /* content section contact-us */ .innercontact-us {float: left;margin-top: 80px;padding: 70px 0;width: 100%;} .contact-us-title {float: left;text-align: center;width: 100%;margin-bottom: 80px;} .contact-us-title h2 {position: relative;width: auto;} .contact-us-title h2::after {background-color: #5145cd;bottom: -10px;content: "";height: 2px;left: 0;margin: auto;position: absolute;right: 0;width: 100px;} .contact-us-content {float: left;width: 100%;} .inner-contact-form {display: table-cell;padding: 25px 80px;width: 50%;margin-top: 0;float: left;} .inner-contact-content {float: left;width: 100%;margin-top: 0;} .inner-contact-content .input_grp {width: 100%;} .inner-contact-form .submit-btn{margin-top: 0px;} .inner-contact-form .free-internship {margin-top: 30px;} .inner-contact-info {display: table-cell;padding: 0 60px 0 17px;width: 50%;} .inner-contact-info > ul {float: left;padding: 40px;width: 100%;box-shadow: 0 0 7px rgba(213, 213, 213, 0.5);list-style-type: none;} .inner-contact-info ul li {float: left;width: 100%;margin-bottom: 40px;} .inner-contact-info ul li:last-child {margin-bottom: 0;} .free-internship .view-text { font-size: 20px; } .title-demo-lec { display: none; } .demo-lec-title { display: block; } .demo-inquiry { display: none; } .address-title {float: left;width: 100%;margin-bottom:15px;} .address-title > h4 {color: #5145cd;} .address-line {color: #777777;float: left;font-size: 14px;font-weight: 500;line-height: 28px;width: 100%;} .address-line > span {color: #6b7280;font-size: 16px;font-weight: 600;} .ph-contact {float: left;width: 100%;} .ph-contact > a {color: #777777;float:none;font-size: 14px;font-weight: 600;width:200px;display: inline-block;vertical-align: middle;margin-bottom: 20px;} .ph-contact > a:last-child{margin-bottom: 0;} .ph-contact img {display: inline-block;margin-right: 10px;vertical-align: middle;width: 18px;margin-top: -3px;} .ph-second {margin-top: 15px;} .cntc-internship {float: left;margin-top: 0;width: 100%;display: none;} .cntc-internship .input_grp {width: 100%;} .cntc-internship .cntct-grp {width: 48%;} .cntc-internship .cntct-grp-max {width: 68%;} .cntc-internship .cntct-grp-min {width: 28%;} .cntc-internship ul {margin-bottom: 68px;} .cntc-internship ul li:last-child {margin-bottom: 0;} .contact-form-link {float: left;margin-top:40px;width: 100%;} .demo-lec-form { display: block; } .demo-cntct-form { display: none; } /* ====================== */ /* Inner Page Android Courses */ /* ====================== */ .inner-container {margin: 0 auto;width: 1100px;} /* Title Section */ .maincourses-content {float: left;padding-top: 80px;padding-bottom: 80px;width: 100%;overflow-x: hidden;} .title-text {float: left;padding: 100px 0;text-align: center;width: 100%;position: relative;margin-bottom: 50px;} .title-text:before { content: ""; width: 10000px; position: absolute; background: rgba(81, 69, 205,0.1); height: 100%; top: 0; bottom: 0; z-index: -1; left: -2610px; } .title-text h2 {line-height: 40px;} .title-text h1 {position: relative;color: #5145cd; font-size: 35px; font-weight: 700; line-height: 32px; text-transform: uppercase; float: left; width: 100%; } .title-text h1::after {background-color: #5145cd;bottom: -20px;content: "";height: 2px;left: 0;margin: auto;position: absolute;right: 0;width: 100px;} /* Course Heading Section */ .course-info-title {float: left;padding-bottom: 60px;padding-top: 20px;width: 100%;} /*.title-container {float: left;padding: 0 80px;width: 100%;}*/ .courselogo {/*background-color: #a4c639;*/border-radius: 5px;float: left;height: 200px;width: 200px;position: relative;overflow: hidden;} .courselogo > img {bottom: -6px;position: absolute;right: -8px;} .course-heading {margin-left: 240px;width: auto;} .course-heading h3 {text-transform: none;line-height: 22px;} .course-points {float: left;list-style-type: none;margin-top: 10px;width:100%;} .course-points > li {color: #777777;float: left;font-size: 18px;font-weight: 500;line-height: 38px;width: 100%;background-image: url(../images/right-logo.svg);background-repeat: no-repeat;background-position: left 10px;padding-left: 40px;} .android-course-logo.courselogo > img {bottom: 48px; position: absolute;right: 17px;} /* Details Section */ .course-information {float: left;width: 100%;} .course-graphic {float: right;height:auto;text-align: center;width:auto;margin-top: 40px;margin-left: 100px;} .course-info > h4, .ios-code-points > h4 {margin-bottom: 10px;float: none;margin-top: 30px;} .course-info > p { float: none;width: auto;margin-bottom: 10px;} .course-listpoint, .course-info ul{list-style-type: none;width:auto;margin-bottom: 10px;} .course-listpoint li, .course-info ul li {color: #6b7280;font-size: 14px;font-weight: 500;line-height: 30px;width:auto;background-image: url(../images/arrow-left.svg);background-repeat: no-repeat;background-position: left 11px;padding-left: 27px;} /* other courses */ .other-courses {background-color: #f7f7f7;float: left;padding:70px 0 60px;width: 100%;} .other-crs-title {float: left;text-align: center;width: 100%;} .other-crs-title > h3 {display: inline-block;float: none;} .other-crs-iconbar {float: left;text-align: center;width: 100%;margin-top: 50px;} .other-crs-iconbar > ul {display: inline-block;list-style-type: none;width: auto;} .other-crs-iconbar li {float:none;text-align: center;width: 200px;margin-right: 25px;display: inline-block;} .other-crs-iconbar a {display: inline-block;width: auto;} .crs-icon {float:none;display: inline-block; height: 65px;width: 65px;background-image: url(../images/other-courses_icon.svg);background-repeat: no-repeat;} .other-crs-iconbar h5 {color: #777777;} .other-crs-iconbar a:hover h5 {color:#5145cd;} .ios-icon {background-position: -67px 4px;} .other-crs-iconbar a:hover .ios-icon {background-position: -67px -76px;} .php-icon {background-position: -137px 9px;} .other-crs-iconbar a:hover .php-icon {background-position: -137px -76px;} .wd-icon {background-position: -200px 14px;} .other-crs-iconbar a:hover .wd-icon {background-position: -200px -77px;} .st-icon {background-position: -261px 16px;} .other-crs-iconbar a:hover .st-icon {background-position: -257px -77px;} .python-icon {background-position: -326px 13px;} .other-crs-iconbar a:hover .python-icon {background-position: -326px -74px;} .adrd-icon {background-position: 3px 12px;} .other-crs-iconbar a:hover .adrd-icon {background-position: 1px -76px;} /* Testing inner Page */ .testing-crs {background-color: #60c5ba;} .testing-crs > img {bottom: -14px;right: -17px;} .course-textline {font-size: 16px; color: #6b7280; width: auto;font-weight: 500;} /* web design inner page */ .design-crs {background-color: #e65564;} .design-crs > img {bottom: -8px;right: -16px;bottom: 0;right: 0;} .bold-text {/*font-weight: 700; color: #6b7280;*/} /* IOS inner page */ .ios-crs {background-color: #6d6e71;} .ios-crs > img {bottom: -20px;position: absolute;right: -27px;} .ios-crs-info {float: left;width: 100%;} .course-graphic2 {float: left;height: 400px;line-height: 400px;text-align: center;width: 380px;} .course-graphic2 > img {display: inline-block;vertical-align: middle;} .ios-code-points {float: left;margin-left:80px;width: auto;} .point-content {float: left;margin-top: 20px;width:310px;margin-right: 20px;} .point-content:last-child {margin-right: 0;} .point-content > ul {float: left;list-style-type: none;width: 100%;} .point-content > ul > li {background-image: url("../images/arrow-left.svg");background-position: left 7px;background-repeat: no-repeat;color: #6b7280;float: left;font-size: 16px;font-weight: 400;line-height: normal;margin-bottom: 10px;padding-left: 26px;width: 100%;} .point-content > ul > li:last-child {margin-bottom: 0;} .inner-ios-points {float: left;list-style-type: none;padding-left: 0;width:100%;} .inner-ios-points > li {color: #777777;float: left;font-size: 14px;font-weight: 500;width:100%;line-height: 26px;background-image: url(../images/desh.svg);background-repeat: no-repeat;background-position: left 10px;padding-left: 17px;} /* php inner page */ .php-crs {background-color: #6082bb;} .php-crs > img {bottom: -9px;right: -8px;} /* Python inner page */ .python-crs{background-color: #3f7dae;} .python-crs > img {bottom: -14px;right: -10px;} .course-graphic-second {float: left;margin-left: 0;margin-right:80px;} .info-python{float: left;width: 600px;} /* job placement inner page */ .job-placement .course-graphic-second {margin-right: 60px;margin-top: 0;} /* Faculty inner page */ .faculty-content .course-info > p:first-child {margin-bottom: 10px;} .mentor-info {float: left;width: 100%;padding-top: 30px;} .mentor-info > h4 {margin-bottom: 30px;} .mentor-content {display: table-cell;width: 65%;vertical-align: top;} .img-content {display: table-cell;width: 35%;vertical-align: middle;} .img-content .course-graphic {float: none;margin-left: 0;margin-top: 0;} .mentor-details {float: left;margin-bottom: 80px;width: 100%;} .mentor-details:last-child {margin-bottom: 0;} .about-icon {float: left;margin-right: 30px;width: auto;margin-top: 9px;min-width: 100px;} .about-info {float: left;width: 560px;} .about-info > h4 {width: auto;} .sub-label {color: #777777;float: left;font-size: 13px;line-height: 36px;margin-left: 30px;width: auto;font-weight: 500;} .about-list {float: left;list-style-position: inside;width: 100%;list-style-type: disc;} .about-list > li {color: #777777;float: left;font-size: 14px;font-weight: 500;line-height: 25px;width: 100%;} .view-more > h4 {margin-bottom: 15px;} .apply-content {float: left;padding: 70px 0; width: 100%;background-color: #f7f7f7;} .apply-form {margin-top: 0;} .apply-form .form_group {margin-top: 40px;} .apply-form .input_grp {width: 100%;} /*contact form 7 error css*/ .input_grp .wpcf7-not-valid-tip, .wpcf7-validation-errors, .wpcf7-mail-sent-ok{color: #ff0000;float: left;font-size: 14px;font-weight: 500;margin-top: 10px;} .wpcf7-mail-sent-ok {color: #0ded6c;} .screen-reader-response{display: none;} .wpcf7-validation-errors{display: none;} .wpcf7-validation-errors {color: red;} .wpcf7-mail-sent-ok {color: green;} /*select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.form_cntl.s-hidden.required{visibility: visible !important;}*/ /*.internship-course .styledSelect {display: none;}*/ /* ********* blog class******** */ .blog-banner {float: left;width: 100%;background-repeat: no-repeat;background-size: cover;padding-top: 340px;padding-bottom: 150px;margin-top: 83px;position: relative;} .blog-list {float: left;width: 100%;padding: 0 0 125px;} .blog-list ul {float: left;width: 100%;} .blog-list ul .column{width: 375px;height: auto;margin-right: 65px;float: left;list-style: none;margin-bottom: 45px;position: relative;} .blog-list ul .column:nth-child(3n){margin-right: 0px;} .blog-list ul .column::after {background-color: #5145cd;bottom: 0px;content: "";height: 5px;left: 0;position: absolute;transition: all 0.5s ease-in-out 0s;width: 0;} .blog-list ul .column:hover::after {width: 100%;} .blog-list ul .column:hover {box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.3);} .blog-image {float: left;width: 100%;height: 200px;overflow: hidden;} .blog-image a {float: left;width: 100%;position: relative;} /*.blog-image a::after {content: "";position: absolute;right: 0;top:0;bottom: 0;left: 0;background-color:#161e2e;opacity: 0;}*/ /*.blog-image a:hover::after {opacity: 0.5;}*/ .read-blog {background-color: rgba(44, 62, 80, 0.5);bottom: 0;left: 0;padding: 10px;position: absolute;right: 0;top: 0;opacity: 0;z-index: 1;} .read-blog > span {color: #fff;font-size: 18px;font-weight: 600;position: absolute;left: 20px;bottom: 10px;} .blog-image a:hover .read-blog {opacity: 1;} .blog-image .read-blog span img {float: none;margin-left: 0;width: auto;height: auto;} .blog-image a:hover .read-blog span img {margin-left: 15px;} .blog-image a img {float: left;width: 100%;height: 100%;max-width: 100%;} .blog-details {float: left;width: 100%;padding: 15px 15px 5px;} .pro-content{font-size: 14px;color: #777777;float: left;width: 100%;line-height: 25px;margin-bottom: 4px;} .views{float: right;font-size: 14px;color: #777777;display: none;} .views img{margin-right: 10px;float: left;margin-top: 4px;} .blog-details a {float: left;width: auto;} .blog_title {color: #6b7280;font-size: 16px;float: left;min-height: 52px;overflow: hidden;max-height: 52px;line-height: 25px;width: 100%;} .blog-details a:hover .blog_title {color: #5145cd;} .blog_pagination {margin: 60px auto 0px;padding: 20px;border-radius: 4px;display: table;width: 205px;clear: both;} .page-numbers{font-size: 16px;color: #777777;margin-right: 15px;} .page-numbers:hover{color: #5145cd;} /* blog details page */ .blog-banner-title {float: left;position: relative;width: 100%;z-index: 1;} .content-area {float: left;width: 100%;} .content-start a {color: #6b7280;} .blog-inner-banner::after {content: "";position: absolute;left: 0;right: 0;bottom: 0;top: 0;opacity: 0.5;background-color: #161e2e;} .blog-date {float: left;width: 100%;color: #fff;font-size: 14px;font-weight: 500;} .banner-inner-title {float: left;width: 100%;color: #fff;font-size: 35px;text-transform: uppercase;font-weight: bold;} .post-content-part {float: left;width: 100%;padding: 65px 0px;} .blog-content-info {float: left;width: 100%;} .addtoany_share_save_container.addtoany_content_top {float: left;width: 265px;margin: 0px;border-right: 1px solid #c1c2c4;padding-right: 30px;padding-bottom: 20px;} .addtoany_header {float: left;width: 100%;color: #302e32;font-weight: 600;font-size: 20px;margin-bottom: 2px;} .addtoany_list {float: left;width: 100%;} .content-start {float: left;width: calc(100% - 265px);padding-left: 55px;} .content-start p {color: #777777;margin-bottom: 22px;} .content-start .point-heading {color: #302e32;font-size: 20px;margin-bottom: 8px;font-weight: 600;} .addtoany_share_save_container.addtoany_content_bottom {float: left;width: 265px;margin: 0px;} .blog-bottom-part {float: right;width: calc(100% - 265px);padding-left: 55px;} .like-block {float: left;width: 100%;list-style-type: none;padding: 25px 0;border-top: 1px solid #b2b1b3;border-bottom: 1px solid #b2b1b3;margin-top: 10px;} .like-block li {float: left;margin-right: 100px;} .like-block li:last-child {margin-right: 0;} .like-text, .comment-text {float: left;width: auto;color: #afb4bd;font-weight: 500;background-image: url(../images/like-img.png);background-repeat: no-repeat;background-position: left;padding-left: 20px;} .like-text > span { color: #000000;} .comment-text {background-image: url(../images/comment-icon.png);} .post-form {float: left;width: 100%;margin-top: 80px;} .comments-area {float: left;width: 100%;} /*.comments-title, .comment-list {display: none;}*/ .comments-title {color: #302e32;font-size: 20px;font-weight: 600;} .comment-list {float: left;width: 100%;list-style-type: none;margin-bottom: 35px;} .comment-list li {float: left;width: 100%;} .comment-body {background-color: #fafafa;float: left;padding: 35px 32px;width: 100%;border: 1px solid #d1d1d1;position: relative;} .children .comment-body {background-color: #ededed;} .avatar {border-radius: 4px;float: left;margin-right: 12px;} .children {float: right;list-style-type: none;width: 100%;margin-top: 35px;} .comment-meta {background-image: none;padding: 0;} .comment-author {color: #5145cd;float: left;font-size: 16px;font-weight: 600;width: 100%;} .comment-author b {float: left;font-weight: 600;margin-top: 6px;} .says {display: none;} .comment-metadata {float: left;width: 100%;margin-top: 7px;} .comment-metadata > a {color: #302e32;font-size: 14px;font-weight: 500;} .comment-edit-link {font-weight: 500;margin-left: 20px;color: #161e2e;} .comment-content {float: left;width: 100%;margin-top: 10px;} .comment-content > p {color: #302e32;font-size: 16px;font-weight: 600;} .reply {float: left;position: absolute;right: 40px;width: auto;} .comment-reply-link {color: #302e32;font-weight: 500;background-image: url(../images/reply-icon.svg);background-repeat: no-repeat;background-position: left;left 4px;padding-left: 26px;font-size: 16px;} .comment-list .comment-respond {background-color: #fafafa;border: 1px solid #d1d1d1;padding: 32px;width: 100%;border-top: none;} .comment-list .comment-respond .comment-form {width: 470px;} .comment-reply-title a {float: right;font-size: 0;height: 20px;width: 20px;background-image: url(../images/comment-close-icon.svg);background-repeat: no-repeat;background-position: center center;} .comment-respond {float: left;width: 470px;} .comment-reply-title {float: left;width: 100%;font-size: 21px;color: #302e32;} .comment-form {float: left;width: 100%;margin-top: 63px;} .comment-form p {float: left;width: 100%;position: relative;margin-bottom: 45px;} .comment-form p label {color: #302e32;float: left;font-size: 16px;font-weight: 500;line-height: normal;position: absolute;left: 0;top: 0;text-transform: capitalize;} .comment-form p input[type="text"], .comment-form p textarea {border-bottom: 1px solid #302e32;color: #302e32;font-size: 16px;height: 35px;line-height: normal;width: 100%;background-color: transparent;font-family: 'Poppins', sans-serif;font-weight: 500;position: relative;z-index: 1;-webkit-appearance: none;-moz-appearance: none;border-radius: 0;-webkit-box-shadow: none;} .comment-form p textarea {resize: vertical;} .comment-form p input[type="submit"] {border-radius: 0;color: #302e32;display: inline-block;font-family: 'Poppins', sans-serif;font-size: 20px;line-height: normal;width: 176px;height: 60px;background-color: transparent;font-weight: 600;border: 2px solid #302e32;cursor: pointer;transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;} .comment-form p input[type="submit"]:hover{border-color: #5145cd;} .comment-form p input[type="text"]:focus, .comment-form p textarea:focus { border-bottom-color: #5145cd;} .comment-form p.input-focus label {color: #5145cd;font-size: 14px;top: -20px;} .comment-form p.input-fill label{color: #5145cd;font-size: 14px;top: -20px;} .blog-bottom-part #commentform div.error, .blog-bottom-part #commentform label.error {color: #990000;font-size: 11px;} .blog-bottom-part #commentform input.error, .blog-bottom-part #commentform textarea.error {border-bottom: 2px solid #990000;border-top: none;border-left: none;border-right: none;} .responsive-menu, .right-menu nav ul li a i{ display:none;} ::-webkit-input-placeholder { /* WebKit browsers */color:#acacac;font-size: 0px} :-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#acacac;font-size: 0px} ::-moz-placeholder { /* Mozilla Firefox 19+ */color:#acacac;font-size: 0px} :-ms-input-placeholder { /* Internet Explorer 10+ */color:#acacac;font-size: 0px} .address-line1 + .address-line1 .content {margin-left: 164px;} /*poopup-open*/ .popup-open {height: 100%;position: fixed;top: 0;width: 100%; z-index: 111; display:block;background-color: rgba(0, 0, 0, 0.85); overflow-y:auto; display:none;} .popup-overlay {background-color: rgba(0, 0, 0, 0.85);height: 100%;left: 0;position: fixed;top: 0;width: 100%;} .popup-content {background-color: #ffffff;display: table;margin: 7% auto;position: relative;width: 1188px; max-width:95%;} .popup-left {background: url(../images/left-img.jpg) no-repeat top left;display: table-cell;vertical-align: middle;width: 50%; padding:70px 0; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -ms-background-size:cover; -o-background-size:cover;} .title , .ttitle {float: left;text-align: center;width: 100%;padding: 0 20px 0 55px;} .ttitle { text-align:left;border-radius:3px; border:2px solid #b6b6b6;} .title > h3, .ttitle > h3 {color: #ffffff;font-size: 46px;width: 100%;} .title > span, .ttitle > span{ color:#fff; font-size:26px; text-transform:uppercase; line-height:20px;} .title > h3:last-child , .ttitle > h3:last-child {color: #5145cd; line-height:60px;} .popup-left p {color: #ffffff;float: left;font-size: 22px;font-weight: 600;line-height: 46px; text-align: center; text-transform: uppercase; width: 100%;} .placement-label {background-color: #5145cd;float: left;padding: 25px 60px 25px 270px; position: relative; width: 100%;margin-top: 50px; box-shadow: 2px 0 7px 0 rgba(28, 40, 52, 0.75); -moz-box-shadow: 2px 0 7px 0 rgba(28, 40, 52, 0.75); -webkit-box-shadow: 2px 0 7px 0 rgba(28, 40, 52, 0.75); -ms-box-shadow: 2px 0 7px 0 rgba(28, 40, 52, 0.75); -o-box-shadow: 2px 0 7px 0 rgba(28, 40, 52, 0.75);} .placement-label > h4 {color: #ffffff;font-size: 31px;line-height: 37px;text-align: center;text-transform: uppercase;} .popup-left > h4 {color: #ffffff;font-size: 32px;line-height: normal;text-align: center;text-transform: uppercase;margin-top: 60px;} .placement-label > span {background-color: #ffffff;font-size: 62px;font-weight: 600;left: 44px;padding: 27px 15px; color:#5145cd;position: absolute;top: -13px;} .placement-label > span::before {border-bottom: 13px solid #adadad;border-right: 13px solid rgba(0, 0, 0, 0);content: "";height: auto;position: absolute;right: -13px;top: 0;width: auto;} .placement-label > span::after {border-top: 13px solid #adadad;border-right: 13px solid rgba(0, 0, 0, 0);content: "";height: auto;position: absolute;right: -13px;bottom: 0;width: auto;} .popup-right {display: table-cell;padding: 50px; vertical-align: top; position:relative; width:50%;} .popup-right h4{color:#302e32; font-weight:600; font-size:30px; text-transform:uppercase;} .form-technology {float: left;list-style: outside none none;} .job-title-form .form-technology li {float: left;width: auto; position:relative;line-height: 47px;margin:0 18px 18px 0; min-width:145px;cursor: pointer;} .form-technology span {color: #b6b6b6;font-size: 16px;text-transform: uppercase;} .tech-icon{ position:absolute; height:27px; width:27px; background: url(../images/sprite.svg) left top no-repeat; top:8px; left:20px;} .job-title-form {float: left;width: 100%; margin-top:22px;} .job-title-form > ul {float: left;list-style: outside none none;width: 100%;} .job-title-form > ul > li {float: left;width: 100%; margin-bottom: 35px;} .job-title-form > ul > li:last-child { margin-bottom:0;} .job-title-form > ul > li:nth-child(3n) { margin-bottom:15px;} .job-title-form .input_grp input {border-bottom: 1px solid #999999;float: left;height: 40px;width: 100%; font-size:16px;font-family: 'Poppins', sans-serif;} .job-title-form h4 {font-size: 16px;margin-bottom: 10px;text-transform: capitalize;} .job-title-form .submit-btn input[type="submit"] {background-color: #161e2e;border: 2px solid #301367;border-radius: 2px;color: #ffffff;width: 180px; max-width:100%;} .job-title-form .input_grp input::-moz-placeholder {color: rgba(0,0,0,0.45);font-size: 16px;} .job-title-form .input_grp input::-webkit-input-placeholder {color: rgba(0,0,0,0.45);font-size: 16px;} .tech-ios { background-position: -28px 0;top: 8px; } .tech-php { background-position: -57px 0;top: 9px; } .tech-webdesign { background-position: -88px 0;top: 11px; } .tech-testing { background-position: -118px 0;top: 10px; } .tech-python { background-position: -150px 0;top: 12px; } .java-training { background-position: -216px 0; top: 12px; } .tech-course { background-position: -245px 0; top: 11px; } .close-popup { position: absolute; right: 25px; top: 20px; } #myList li{ display:none; } #loadMore { cursor:pointer; } #showLess { cursor:pointer; } #showLess:hover { color:black; } #loadMore{ margin-top: 50px; display: inline-block; float: none; width: 200px; } .text-center{ text-align: center; } .project-training-content .free-internship { display: none; } .workshop { float: left; width: 100%; display: flex; flex-wrap: wrap; padding: 50px; margin-top: 60px; margin-bottom: 30px; background-color: rgba(81, 69, 205,0.2) !important; } .w-col { max-width: 50%; flex-basis: 50%; } .workshop .w-title { color: #5145cd; } .w-col p { margin-bottom: 10px; } .speaker-wrap { display: flex; flex-wrap: wrap; justify-content: flex-end; width: 100%; } .speaker-list img { width: 50px; height: 50px; object-fit: cover; border-radius: 50%; } .speaker-name { width: 100%; display: block; } .speaker-list { margin: 10px; text-align: center; } .w-sub-title { font-weight: 400; } .workshop p { color: #474748; margin-bottom: 10px; font-size: 18px; font-weight: 400; line-height: normal; } .w-date { font-size: 28px !important; color: #302e32 !important; margin-bottom: -4px !important; } .w-month{ font-size: 16px; font-weight: 400; } .w-time { font-size: 17px; color: #302e32 !important; font-weight: 600; } .w-speakers { margin-top: 30px; font-size: 17px; text-transform: capitalize; } .workshop .btn{ margin-top: 20px; } .btn-new{ background-color: #5850ec !important; color: #fff !important; } .review { float: left; width: 100%; border: 1px solid #ddd; padding: 20px; margin-top: 40px; } .review h4{ margin-bottom: 10px; } .review-list { border: 1px solid #ddd; box-shadow: 4px 3px 11px #ddd; margin-bottom: 20px; display: flex; flex-direction: column; padding: 20px; text-align: center; } .circle-img { height: 70px; border-radius: 50%; width: 70px; overflow: hidden; margin: 0 auto; margin-bottom: 15px; } .circle-img img { width: 100%; height: 100%; object-fit: cover; } .review-list:last-child{ margin-bottom: 0; } .review-list p { margin-bottom: 10px; color: #474748; font-weight: 400; } .review-text { position: relative; padding: 0 15px; } .review-text:before,.review-text::after { content: ""; position: absolute; left: 0; top: 0; background-image: url(http://www.agileacademy.co.in/wp-content/themes/twentyfifteen/images/qut-img.svg); height: 20px; width: 20px; background-size: 20px; background-repeat: no-repeat; } .review-text::after{ left: inherit; right: 0; transform: rotateY(180deg) rotateX(180deg); } .from { font-style: italic; font-size: 12px; line-height: normal; } .previous-workshop { float: left; width: 100%; padding: 50px 0 20px; } .previous-workshop-img { width: 100%; height: 200px; position: relative; } .previous-workshop-img img { width: 100%; height: 100%; object-fit: cover; } .p-w-date { position: absolute; right: 20px; top: 10px; z-index: 1; background: #fff; padding: 4px 10px; line-height: 19px; display: flex; justify-content: center; align-items: center; } .previous-workshop-list { border: 1px solid rgba(88, 80, 236,0.5); margin-bottom: 30px; color: #5850ec; } .previous-workshop-title { padding: 15px; } .review-list h5 { color: #302e32; font-size: 16px; margin-bottom: 20px; } .btn.btn-new.btn-sm { width: auto; padding: 5px 20px; height: auto; line-height: normal; } .w-r-slider { float: left; width: 100%; } .w-r-slider .slick-slide { margin: 0 10px; } /* the parent */ .w-r-slider .slick-list { margin: 0 -10px; } .w-r-slider .slick-prev:before, .w-r-slider .slick-next:before{ color: #5850ec; font-size: 25px; } /* megamenunn */ .navbar { overflow: hidden; background-color: #333; font-family: Arial, Helvetica, sans-serif; } .navbar a { float: left; font-size: 16px; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } .dropdown { float: left; overflow: hidden; } .dropdown .dropbtn { font-size: 16px; border: none; outline: none; color: white; padding: 14px 16px; background-color: inherit; font: inherit; margin: 0; } .navbar a:hover, .dropdown:hover .dropbtn { background-color: red; } .dropdown-content { display: none; position: fixed; background-color: #f9f9f9; width: 100%; left: 0; right: 0; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 11; top: 70px; opacity: 1; visibility: visible; } .dropdown:hover .dropdown-content { display: block; } /* Create three equal columns that floats next to each other */ .dropdown-content .column { float: left; width: 25%; padding: 10px; } .dropdown-content .column h3 { color: #3c3f40; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .dropdown-content .column a { float: none; color: #3c3f40; padding: 7px 0 !important; text-decoration: none; display: block; text-align: left; font-size: 14px !important; font-weight: 400; text-transform: capitalize; } .dropdown-content .column a:hover { background-color: transparent; color: #5145cd; } .dropdown-content .row{ padding: 30px; } /* Clear floats after the columns */ .dropdown-content .row:after { content: ""; display: table; clear: both; } .dropdown-content ul { list-style: none; padding: 0; margin: 0; } .dropdown-content .column li { margin: 0; width: 100%; } .sub-menu::before{ display: none; } .slider-banner::after{ display: none; } .slider-banner-img{ width: 50%; left: inherit; background-image: none; } .slider-banner .slider { width: 45%; } .slider-banner{ background-color: transparent; overflow: hidden; padding-bottom: 115px; } .slider-banner-img::before { content: ""; position: absolute; left: -70px; width: 110px; height: 1000px; background: #fff; transform: rotate(6deg); z-index: 2; } .banner-inner h2 span, nav ul li a { color: #161e2e; } nav ul li a{ text-transform: capitalize; } .banner-inner h2{ font-weight: 600; text-transform: capitalize; } .imgcenter-content, .services{ background: #161e2e; } .banner-inner p{ color: #6b7280; line-height: normal; font-weight: 400; } .slick-dots li button::before { color: rgba(81, 69, 205,0.2) !important; opacity: 1 !important; } .slick-dots li.slick-active button::before { color: #5850ec !important; opacity: 1 !important; } .general-page header .btn, .btn.light { background-color: #5850ec !important; color: #fff !important; } .btn:hover{ opacity: 0.8; } .slick-dots { text-align: left !important; bottom: -50px !important; } .btn, .fixed .btn{ background-color: rgba(81, 69, 205,0.2) !important; color: #5145cd !important; border-radius: 5px; text-transform: capitalize; } .banner-inner .btn { margin-right: 15px; } .view-text:hover,.banner-inner h2, nav ul li a:hover, .contact-no > a:hover, .email-info > a:hover, nav > ul > li:hover > a,.dropdown-content .column a:hover , .dropdown-content .column h3,.view-course > span { color: #5145cd; } .dropdown-content .column a{ border-bottom: 1px solid rgba(81, 69, 205,0.2); } .quick-contact-btn,.courses-info ul li:hover, .courses-info ul li::after, .quick-contact-btn, .contact-form,.services-details ul li:hover { background-color: #5145cd; } .technologies-links li:nth-child(-n+3) a::after { background-color: #5145cd !important; } .quick-contact-btn{ background-color: #5145cd; } .dropdown-content .column li:last-child a{ border: none; } .contact-form .input_grp label{ color: #fff; } .contact-form .form_cntl{ border-bottom: 1px solid #fff; } .project-training{ /* background-image: url('../images/banner-new.jpg'); */ background-image: none; padding: 0 !important; } .relative-slider,.relative-slider .slick-list, .relative-slider .slick-track, .relative-slider .slick-slide , .relative-slider .slick-slide > div { height: 100%; } .relative-slider .slick-slide > div { background-repeat: no-repeat; background-size: cover; } /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */ @media screen and (max-width: 1024px) { .dropdown-content .column { width: 100%; height: auto; } } /* */ .hidecheckbox {opacity: 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;cursor: pointer;} input[type="checkbox"]:checked + .ttitle,input[type="checkbox"]:checked + label + .ttitle {background-color: #5145cd;border: 2px solid transparent;} .form-technology input[type="checkbox"]:checked + .ttitle span,.form-technology input[type="checkbox"]:checked + label + .ttitle span {color: #fff;} .form-technology input[type="checkbox"]:checked + .ttitle .tech-icon,.form-technology input[type="checkbox"]:checked + label + .ttitle .tech-icon{background-position: 0 -30px;} .form-technology input[type="checkbox"]:checked + .ttitle .tech-testing{background-position: -120px -30px;} .form-technology input[type="checkbox"]:checked + .ttitle .tech-ios {background-position: -30px -30px;} .form-technology input[type="checkbox"]:checked + .ttitle .tech-php {background-position: -60px -30px;} .form-technology input[type="checkbox"]:checked + .ttitle .tech-webdesign {background-position: -88px -30px;} .form-technology input[type="checkbox"]:checked + .ttitle .java-training {background-position: -216px -30px;} .form-technology #technology\[\]-error {position: absolute;left: 0;bottom: -110px;font-size: 13px;text-transform: capitalize;font-weight: 500;} .wpcf7-form label.error {float: left;width: 100%;position: static;margin-top: 10px;} /*.chatWindow { display: none; }*/ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .ielogo{display:block;} .alllogo{display:none !important;} } /* ====================== */ /* Inner Page Student Review */ /* ====================== */ /* 19-02-2019 */ .mt30{margin-top: 30px;} ul,ol{list-style-type: none;} .student-review-page .inner-container{width: 1140px;max-width: 100%;} .student-review-page .inlineBlock._2tga._3e2a, .student-review-page .inlineBlock._2tga._3e2a{display: none !important;} .student-review-page .fb-like.fb_iframe_widget {display: none;} .student-review-page .student-review-listing{float: left;width: 100%;text-align: center;} .student-review-listing li{display: inline-block;width: 520px;max-width: 100%;vertical-align: top;margin: 25px;} .student-review-content {background-color: #e7eef2;float: left;width: 100%;padding: 80px 45px 50px;background-image: url(../images/quot.png);background-repeat: no-repeat;background-position: 30px top;transition:0.3s all ease-in-out;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;} .student-review-content:hover {box-shadow: 0px 2px 15px 1px rgba(0,0,0,0.1);box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.3);} .student-review-content p {width: 100%;text-align: left;font-size: 15px;line-height: 28px;color: #777777;margin-bottom: 46px;} .student-review-content .student-info{float: left;width: 100%;text-align: left;} .student-info figure{float: left;width: 89px;height: 89px;border:2px solid #d1d1d1;border-radius: 50%;} .student-info img{display: inline-block;vertical-align: middle;max-width: 100%;} .student-info .student-review-title{width: auto;margin-left: 110px;vertical-align: middle;margin-top: 12px;} .student-review-title h3 {float: left;width: 100%;text-align: left;font-size: 20px;color: #6b7280;font-weight: 600;text-transform: uppercase;} .student-review-title span {float: left;width: 100%;color: #5145cd;text-align: left;text-transform: uppercase;font-weight: 700;font-size: 18px;} .thankyou_page{text-align: center;} .thankyou_page figure{float: left;width: 100%;margin-top: 60px;margin-bottom: 30px;} .thankyou_page img{display: inline-block;vertical-align: middle;} .thankyou_page h1{float: left;width: 100%;text-align: center;font-size: 60px;font-weight: 300;text-transform: capitalize;} .thankyou_page a{display: inline-block;padding: 10px 20px;background-color: #5145cd;color: #fff;font-size: 14px;text-transform: uppercase;margin-top: 20px;} /*blog detail page*/ .blog-detail-content h2{text-transform: capitalize;} .blog-content-info .addtoany_share_save_container.addtoany_content_top, .blog-content-info .addtoany_share_save_container.addtoany_content_bottom{width: 160px;} .blog-detail {float: left;width: 1000px;margin-left: 40px;max-width: 100%;} .blog-content-info .blog-bottom-part{width: calc(100% - 160px);padding-left: 35px;max-width: 100%;} #secondary {display: none;} .blog-detail-content p {margin-bottom: 20px;} .blog-detail-listing {float: left;width: 100%;margin-bottom: 20px;} .blog-content-info h4 {margin-bottom: 10px;} .blog-detail-listing li {color: #aaa8ad;font-size: 14px;margin-bottom: 6px;float: left;width: 100%;} .blog-detail-listing li:last-child{margin-bottom: 0;} .blog-image-section{float: left;width: 100%;} .blog-detail-image{float: left;width: 30%;max-width: 100%;} .blog-detail-image figure{float: left;width: 100%;} .blog-detail-image img{max-width: 100%;} .blog-image-content{float: left;width: 66%;margin-left: 30px;} .blog-detail-content a{color: #5145cd;} .blog-detail-content a:hover{text-decoration: underline;} /*odoo page*/ .courselogo.odoo-crs {background-color: #875a7b;} .odoo-modules {display: inline-block;width: 100%;margin-top: 10px;} .odoo-modules .modules {float: left;width: 50%;} .odoo-modules h5 {font-weight: 500;color: #302e32;text-transform: none;margin-bottom: 15px;display: inline-block;width: 100%;font-size: 18px;} .odoo-modules .course-listpoint{margin-bottom: 10px;} .odoo-modules li{font-weight: 400;line-height: 30px;} .odoo-content{color: #777777;font-weight: 400;} .odoo-content strong{font-weight: 500;color: #302e32;font-size: 16px;} .other-crs-iconbar li:last-child {margin-right: 0;} .odoo-icon {background-position: -395px 11px;} .other-crs-iconbar a:hover .odoo-icon {background-position: -395px -71px;} .adrd-icon {background-position: 3px 12px;} .other-crs-iconbar a:hover .adrd-icon {background-position: 3px -77px;} .odoo-logo {background-position: -412px 6px;} .courses-info ul li:hover .odoo-logo {background-position: -413px -77px;} .course-logo.java-train-logo {background-position: -562px 6px;} .courses-info ul li:hover .java-train-logo {background-position: -562px -77px;} .course-logo.digital-media-logo {background-position: -486px 6px;} .courses-info ul li:hover .digital-media-logo{background-position: -486px -77px;} .sub-menu > li{position: relative;} .course-logo.python-icon {background-position: -326px 6px;} .courses-info ul li:hover .python-icon{background-position: -326px -77px;} /*other courses*/ .tech-odoo {background-position: -185px 0px;top: 11px;} .form-technology input[type="checkbox"]:checked + .ttitle .tech-odoo {background-position: -185px -32px;} /*.new-badge::after {content: 'New';position: absolute;right: 15px;top: 9px;color: #fff;font-size: 12px;background-color: #5145cd;padding: 1px 6px;font-weight: 600;}*/ /*header odoo-new badge*/ .new-badge span {display: inline-block;color: #fff;font-size: 12px;background-color: #5145cd;padding: 1px 6px;font-weight: 500;vertical-align: middle;margin-top: -3px;margin-left: 5px;border-radius: 2px;} /*home cards odoo-new badge*/ /*.courses-info ul li:last-child::before {content: 'New';position: absolute;right: 15px;top: 9px;color: #fff;font-size: 12px;background-color: #5145cd;padding: 1px 6px;font-weight: 600;}*/ /*.courses-info ul li:last-child:hover::before{color: #5145cd;background-color: #fff;}*/ /*.courses-info ul li:last-child{min-height: 300px;}*/ /*joinus form odoo-new badge*/ .ttitle.new .n-text {position: absolute;right: -10px;top: -10px;background-color: #5145cd;color: #fff;padding: 0px 5px;border-radius: 2px;font-size: 12px;} .job-title-form .form-technology li:nth-last-child(2) .ttitle span::after {content: 'New';position: absolute;right: -7px;top: -9px;background-color: #5145cd;color: #fff;padding: 0px 5px;border-radius: 2px;font-size: 12px;} /*footer odoo-new badge*/ .technologies-links li:nth-child(-n+2) a::after {content: 'New';color: #fff;font-size: 11px;background-color: #5145cd;padding: 1px 6px;font-weight: 500;margin-left: 10px;} .form-technology input[type="checkbox"]:checked + .ttitle .tech-python {background-position: -150px -30px;} @media only screen and (max-width : 479px){ .odoo-modules .modules{width: 100%;} } /* new digital marketing page css */ .courselogo.digital-market-icon{background:#00afb9;} .courselogo.digital-market-icon > img{bottom:0px;right:1px;top:-10px;} .java-logo.courselogo > img { bottom: 13px; position: absolute;right: 87px;width: 100px;} .data-science.courselogo > img {bottom: 0px;position: absolute;right: -1px; height: 203px;} .iot-coueselogo.courselogo > img {bottom: -62px;position: absolute;right: 0px;} .course-detail-digital-row{float:left;width:100%;} .course-detail-digital-row li{float:left;width:37%;margin:35px 0px;list-style:none;line-height:100px;} .course-detail-digital-row li:nth-child(even){float:right;} .course-detail-digital-row li.mobilemarket{margin:28px 0px 36px;} .course-detail-digital-row li a{display:inline-block;vertical-align:top;padding:10px;width:100%;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out; position:relative;line-height:0px;} .course-detail-digital-row li a:hover{background:#5145cd;box-shadow: 2px 4px 10px -1px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 2px 4px 10px -1px rgba(0, 0, 0, 0.2);-ms-box-shadow: 2px 4px 10px -1px rgba(0, 0, 0, 0.2);-o-box-shadow: 2px 4px 10px -1px rgba(0, 0, 0, 0.2); transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out;position:relative;} .iconsvg{vertical-align:middle;display:inline-block;line-height:0px;text-align:center;} .iconsvg svg {fill:#161e2e;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;} .course-detail-digital-row li a:hover .iconsvg svg{fill:#fff;} .course-detail-digital-row li h4{ display: inline-block;vertical-align: middle;float: none;width: 80%;transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;position: absolute;top: 50%;transform: translateY(-50%);right: 10px;padding-left:45px;} .course-detail-digital-row li a:hover h4{color:#fff;} @media only screen and (min-width : 768px){ .w-right, .w-left { width: 50%; flex-basis: 50%; } .extra-desc { padding-left: 90px; } .w-right { padding-left: 30px; text-align: right; } .w-left { padding-right: 30px; } .previous-workshop-list { margin-right: 2%; width: 30%; flex-basis: 32%; } .previous-workshop-list:last-child { margin-right: 0; } .previous-workshop { display: flex; flex-wrap: wrap; } } @media only screen and (max-width : 1200px){ .course-detail-digital-row li.mobilemarket{margin:28px 0px 30px;} .course-detail-digital-row li h4{width:78%;} } @media only screen and (max-width : 992px){ .course-detail-digital-row li{width:46%;} .iconsvg svg{height:70px;max-width:60px;} .course-detail-digital-row li{margin:10px 0px;line-height:inherit;} .course-detail-digital-row li.mobilemarket{margin:10px 0px;} } @media only screen and (max-width : 767px){ .course-detail-digital-row li h4{font-size:16px;line-height:20px;} .course-detail-digital-row li.mobilemarket{margin:10px 0px;} #drift-widget-container #drift-widget{bottom: 24px !important;right: 20px !important;} .speaker-wrap{ justify-content: flex-start; } .workshop{ padding: 20px; } .w-left{ margin-bottom: 30px; } } @media only screen and (max-width : 580px){ .course-detail-digital-row li{width:100%;margin:5px 0px;} .course-detail-digital-row li.mobilemarket{margin:5px 0px;} .iconsvg svg{height:40px;max-width:40px;} .course-detail-digital-row li h4{width:90%;} } @media only screen and (max-width : 479px){ } /*02-08-2018*/ .popup-open-jobfest{height: 100%;position: fixed;top: 0;width: 100%; z-index: 111; display:block;background-color: rgba(0, 0, 0, 0.85); overflow-y:auto; display:none;} a.close-popup-fest {position: absolute;right: 10px;top: 10px;} .job_fest_banner {float: left;width: 100%;background-size: cover;padding: 256px 0;text-align: center;} .job_fest_banner h2 {font-size: 68px;color: #fff;line-height: 79px;font-weight: 500;text-transform: none;} .job_fest_banner p {font-size: 44px;color: #fff;line-height: 79px;font-weight: 400;} .job_fest_content {float: left;width: 100%;margin-top: 62px;} .job_fest_content p {margin-bottom: 20px;} .job_fest_content p strong{font-weight: 500;} .job_fest_content p:last-child{margin-bottom: 0;} .job_fest_form .inner-contact-form {float: left;width: 100%;padding: 0;margin-top: 35px;} .job_fest_form .inner-contact-form form ul li .input_grp {width: 510px;} .job_fest_form .inner-contact-form form ul li:last-child{text-align: center;margin-bottom: 0;} .job_fest_form .inner-contact-form form ul li .submit-btn.btn {display: inline-block;float: none;} .job_fest_form .inner-contact-form form ul li .submit-btn.btn::before, .job_fest_form .inner-contact-form form ul li .submit-btn.btn::after{display: none;} .job_fest_form .inner-contact-form form ul li .submit-btn input[type="submit"]{width: 140px;height: 50px;background-color: #161e2e;color: #fff;border-color: transparent;font-size: 18px;} .job_fest_form .inner-contact-form form ul li .submit-btn input[type="submit"]:hover {background-color: #0d243b;} .job_fest_form .inner-contact-form form .form_info {float: left;width: 100%;text-align: center;margin-top: 18px;font-size: 18px;color: #aaa8ad;font-weight: 500;} .job_fest_form h2 {float: left;width: 100%;text-align: center;font-weight: 700;color: #302e32;position: relative;font-size: 28px;line-height: 28px;padding-bottom: 10px;} .job_fest_form h2::after { content: ''; position: absolute; height: 2px; width: 290px; background-color: #5145cd; bottom: 0; left: 0; right: 0; margin: auto;} .job_fest_form {float: left;width: 100%;padding-top: 55px;} /* 05-2-19 */ .blog-main {width: 100%; float: left;margin-bottom: 25px;} .blog-img {float: left;} .blog-text {float: left;width: 68%;} .blog-text h5{color: #302e32;} .blog-disc {list-style: disc;margin-left: 30px;} .blog-disc li:last-child {margin-bottom: 30px;} .blog-text h5 {margin-bottom: 10px;} .blog-main:nth-child(2n) .blog-img {float: right;} /* Side Bar */ .sidebar {width: 480px; position: fixed;right: -480px; top: 50%; bottom: 0; margin: auto; transform: translateY(-50%); z-index: 11111; transition: all 1s ease-in-out 0s; -moz-transition: all 1s ease-in-out 0s; -webkit-transition: all 1s ease-in-out 0s; -o-transition: all 1s ease-in-out 0s; -ms-transition: all 1s ease-in-out 0s;} .sidebar-btn {background-color: #161e2e; transform: rotate(270deg); position: absolute; left: -146px; top: 178px;display: inline-block;text-align: center;padding: 17px 85px;color: #ffffff;cursor: pointer;font-size: 15px;line-height: normal;text-transform: uppercase;font-family: "Poppins",sans-serif;font-weight: 600;} .sidebar-show{right: 0% !important;} .sidebar-contain {width: 100%; float: right;background-color: #5145cd;background-repeat: no-repeat; background-position: calc(100% - 5px) calc(100% - 20px); padding: 24px 0px 30px 30px;} .sidebar-contain h3{font-size: 22px; color: #ffffff;padding-right: 30px;text-transform: inherit !important;line-height: 27px;margin-bottom: 14px;font-family: "Poppins",sans-serif;font-weight: 700;} .sidebar-contain span{width: 100%;float: left; background-color: #fff;padding: 14px 16px;color: #24b863;font-size: 15px;text-transform: uppercase;display: flex;align-items: center;margin-bottom: 22px;font-family: "Poppins",sans-serif;font-weight: 500;} .sidebar-contain span img{margin-right: 11px;} .popup-list {width: 100%;float: left;margin-bottom: 21px;} .popup-list li{width: 100%;float: left;margin-bottom: 10px;} .popup-list li p {width: 100%; float: left; position: relative; padding-left: 33px; font-size: 15px; color: #fff;} .popup-list li p::before{content: '';background-image: url('http://www.agileacademy.co.in/wp-content/themes/twentyfifteen/images/hand-icon.svg');background-repeat: no-repeat;background-position: left;position: absolute;left: 0;width: 22px;height: 20px;top: 2px;} .popup-btn{width: 100%;float: left;} .popup-btn a {font-size: 18px; line-height: normal; color: #ffffff; padding: 12px 28px; border: 2px solid #fff;text-transform: uppercase;font-weight: bold;display: inline-block;letter-spacing: 2px;font-family: "Poppins",sans-serif;font-weight: 800;} .popup-btn a:hover{background-color: #ffffff;color: #5145cd;} /*15-4-19*/ .banner{padding-top: 139px;padding-bottom: 77px;} .summer-internship-info{float: left;width: 826px;max-width: 100%;margin-top: 24px;padding: 37px 34px 30px 34px;background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,0) 89%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,0) 89%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,0) 89%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );} .internship-box{float: left;width: 100%;} .internship-box h2{float: left;width: 100%;color: #2c3d50;font-weight: 600;margin-bottom: 8px;font-size: 41px;text-transform: uppercase;} .internship-box p{float: left;width: 650px;max-width: 100%;color: #2c3d50;font-weight: 500;font-size: 20px;margin-bottom: 53px;} .connect-us{float: left;width: 100%;text-transform: uppercase;} .left-section{float: left;width: 50%;display: inline-block;} .apply-section{float:left;background-color: #5145cd;color: #ffffff;border: none;margin-right: 0;padding: 13px 11px 11px 17px;font-size: 20px;text-align: center;font-weight: 600;display: inline-block;} .right-section{float: right;margin-top: 24px;} .right-section a{margin-right: 16px;display: inline-block;vertical-align: middle;} .right-section a:last-child{margin-right: 0;} .apply-section:hover{background-color: #2c3d50;} /*18-04-2019*/ .course > span { float: left; width: auto; position: relative; line-height: 47px; margin: 0 18px 18px 0 !important; min-width: 145px; cursor: pointer; display: inline-block; } .course > span > span { text-align: left; border-radius: 3px; padding: 0 20px 0 54px; display: block; color: #b6b6b6; font-size: 16px; text-transform: uppercase; border: 2px solid #b6b6b6; } .course > span > input { opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; cursor: pointer; } .course > span > span::after { content: ''; width: 30px; height: 30px; background-image: url('http://www.agileacademy.co.in/wp-content/themes/twentyfifteen/images/sprite.svg'); position: absolute; top: 8px; left: 16px; background-position: 0 0; } .course > span > input:checked ~ span { background-color: #5145cd !important; border: 1px solid #5145cd; color: #ffffff; } .course.ios > span > span::after { background-position: -27px 0; } .course.php > span > span::after { background-position: -55px 0; } .course.webdesign > span > span::after { background-position: -86px 0; } .course.testing > span > span::after { background-position: -119px 0; } .course.odoo > span > span::after { background-position: -150px 0; } .course.python > span > span::after { background-position: -150px 0; } .course.java > span > span::after { background-position: -215px 0; } .course.professional-course > span > span::after { background-position: -353px 4px; } .course.symphony > span > span::after { background-position: -248px 3px; } .course.asp > span > span::after { background-position: -280px 3px; } .course.hiring > span > span::after { background-position: -317px 3px; } .course.android > span > input:checked ~ span::after { background-position: 0px 28px !important; } .course.ios > span > input:checked ~ span::after { background-position: -27px 28px !important; } .course.php > span > input:checked ~ span::after { background-position: -55px 28px !important; } .course.webdesign > span > input:checked ~ span::after { background-position: -86px 28px !important; } .course.testing > span > input:checked ~ span::after { background-position: -119px 28px !important; } .course.odoo > span > input:checked ~ span::after { background-position: -150px 28px !important; } .course.python > span > input:checked ~ span::after { background-position: -182px 28px !important; } .course.java > span > input:checked ~ span::after { background-position: -215px 28px !important; } .course.professional-course > span > input:checked ~ span::after { background-position: -353px 30px; } .course.symphony > span > input:checked ~ span::after { background-position: -248px 31px; } .course.asp > span > input:checked ~ span::after { background-position: -280px 30px; } .course.hiring > span > input:checked ~ span::after { background-position: -317px 31px; } /*27-5-19*/ #back2Top {position: fixed; bottom: 35px; right: 100px; width: 52px; height: 52px; display: inline-block; background: rgb(105, 111, 124) url('../images/up-arrow.svg') no-repeat scroll center center; border-radius: .3125rem; box-shadow: 0 2px 6px 0 rgba(0,0,0,.4);z-index: 111;} #back2Top:hover{background-color: rgb(68,72,81);} /*05-09-19*/ .popup-left .title{margin-bottom: 6px;} .popup-left .title > h3, .popup-left .title > span {display: inline-block;width: auto;vertical-align: middle;float: none;font-size: 34px;font-weight: 700;line-height: normal;line-height: 39px;} .popup-left .title > span {padding: 0 10px;} .popup-left p{font-weight: 400;text-transform: capitalize;font-size: 20px;line-height: 28px;} .placement-label{margin-top: 63px;} .placement-label > span{font-size: 38px;padding: 45px 30px;line-height: 46px;} .placement-label > h4{font-size: 22px;line-height: 30px;font-weight: 700;} .popup-left > h4{font-size: 22px;line-height: 37px;font-weight: 600;} .popup-right{padding: 28px 40px 40px;} .job-title-form .input_grp {width: calc(50% - 12px);margin-right: 24px;} .job-title-form .input_grp:last-child {margin-right: 0;} .job-title-form .input_grp input{color: #302e32;} .job-title-form .input_grp input:focus {border-color: #302e32;} .job-title-form .input_grp input::placeholder{color: #8c8c8c;} .job-title-form h4{font-weight: normal;} .course > span{margin: 0 12px 12px 0 !important;min-width: inherit;} .course > span > span{border: 1px solid #d1d1d1;} .job-title-form .submit-btn.btn .ajax-loader{position: absolute;} .job-title-form > ul{margin-bottom: 0;} .job-title-form > ul > li:last-child{margin-bottom: 0;} .close-popup{width: 16px;height: 16px;} .popup-left{padding: 124px 0;width: 45%;} .popup-right{width: 55%;} /* session popup */ .session-info th { text-align: right; vertical-align: top; padding-right: 10px; /* padding-bottom: 10px;*/ } .session-info { display: inline-block; width: 100%; } .session-main { width: 500px; max-width: 80%; position: fixed; top: 100px; bottom: 0; right: 0; box-shadow: -2px 0 13px rgba(0, 0, 0, 0.5); padding: 40px 15px 30px 15px; animation: session-slide 1s ease-in-out; transition: all 0.3s ease-in-out; z-index: 1111; background-color:#fff; } .session-main .internship-form{width: 100%;} .session-main .internship-form .input_grp {width: 100%;} .session-inner { height: 100%; overflow-y: auto; } .session-main h3 { margin-bottom: 20px; text-align: center; display: inline-block; width: 100%; } .session-table-wrap { margin-bottom: 20px; } .session-info a { color: #000; } .session-close { position: absolute; left: -100px; height: 50px; width: 150px; background: #5145cd; color: #fff; text-align: center; line-height: 46px; transform: rotate(-90deg); top: 80px; cursor: pointer; } .session-close-ic { position: absolute; top: 10px; right: 10px; background-color: #5145cd; height: 20px; width: 20px; border-radius: 50%; cursor: pointer; } .popup-open[style] + .session-main{ z-index: 110; } .session-close-ic::after { content: ""; height: 13px; width: 2px; background: #fff; position: absolute; transform: rotate(45deg); left: 9px; top: 4px; } .session-close-ic::before { content: ""; height: 13px; width: 2px; background: #fff; position: absolute; transform: rotate(-45deg); top: 4px; right: 9px; } .session-main .inq-btn{ opacity: 1 !important; } .session-main .form_group ul li:last-child{ margin-bottom: 0; } @keyframes session-slide { 0% { right: -500px; } 100% { right: 0; } } .session-slide-remove{ right: -507px; } @media(max-width:767px){ .session-main{ top: 85px; } .session-main .privacy-text { width: 100%; margin-top: 10px; } } @media(max-width:625px){ .session-close{ left: -95px; height: 40px; } .session-slide-remove { right: calc(-100% - -20%); } } /* session popup end */