@import url('https://fonts.googleapis.com/css?family=Muli:400,700,900');.flt{float: left;width: 100%;} body{font-family: 'Muli', sans-serif;line-height: 18px;font-weight: 400;} .robo_names {background: #282760;color: #fff;} .workshops_text .row {padding-top: 8px;padding-bottom: 8px;} ol, ul {margin-bottom: 0px;padding: 0px !important;} a{color: inherit;} a:hover,a:focus{color: inherit;text-decoration: none;} a:focus {outline: none;outline-offset: 0px;} .row {margin-left: 0px;margin-right: 0px;} .header_top {background-color: #282760;padding: 7px 0px;} .header_top_left {width: 50%;float: left;} .top_link li {display: inline-flex;} .top_link a {color: #fff;letter-spacing: 0.5px;font-size: 18px;} ul.top_link img {display: inline-flex;width: 30px;} .header_top_right {width: 50%;float: left;text-align: right;} .header_bottom {padding: 1% 0%;} .logo_cont {float: left;width: 35%;} .menuH_container {float: right;width: 65%;} .navbar-nav {float: right !important;} .menuH .navbar {margin-bottom: 0px;} .navbar-brand {display: none;} .nav>li>a:focus, .nav>li>a:hover, .nav>li>a:active {text-decoration: none;background-color: transparent;color: #ffb608;font-weight: bold;} .menuH .nav>li>a {text-transform: uppercase;font-size: 13px;line-height: 45px;font-weight: 900;} .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {background-color: transparent;border-color: transparent;} .dropdown-menu > li > a {text-transform: uppercase;font-size: 13px;font-weight: 900;padding: 10px 20px;} .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {text-decoration: none;color: #262626;background-color: transparent;} .banner .carousel-control {width: 5%;} .carousel-caption {right: 5% !important;padding: 0 !important;left: 60% !important;bottom: 50% !important;top: 28%;} .banner_text {font-size: 25px;line-height: 30px;text-align: left;letter-spacing: .8px;padding: 2% 0%;} .banner_text span {color: #ffb608;font-size: 35px;text-transform: uppercase;font-weight: 900;} .banner_btn {text-align: left;padding: 1% 0%;} .banner_btn button {background: transparent;color: #ffb608;text-transform: uppercase;font-size: 13px;border-radius: 30px;padding: 10px 20px;} .banner_btn button:hover,.banner_btn button:focus,.banner_btn button:active,.banner_btn button:active:focus {background: transparent;color: #fff;border-color: #ffb608;transition: .2s;outline: none;} .upcoming_cont {background: #ffb607;} .upcoming_event {width: 30%;float: left;background: #282760;color: #ffb607;border-radius: 0px 100px 100px 0px;display: none;} .event_text {font-size: 20px;line-height: 25px;padding: 5% 10% 5% 5%;text-transform: uppercase;text-align: right;} .upcoming_workshop {width: 100%;float: left;color: #000;background: #ffb607;} .workshops_text {font-size: 18px;line-height: 65px;font-weight: 700;text-align: center;} .glyphicon.glyphicon-chevron-right {font-size: 50px;} .glyphicon.glyphicon-chevron-left {font-size: 50px;} .abt_container {padding: 7% 0%;} .abt_head {font-size: 28px;font-weight: 900;line-height: 38px;text-transform: uppercase;color: #282760;padding-bottom: 2%;} .abt_head span {color: #ffb607;font-size: 38px;} .abt_cont_bold {color: #282760;font-size: 18px;padding: 2% 0%;line-height: 23px;font-weight: 700;} .abt_cont_light {color: #666666;font-size: 18px;line-height: 23px;padding: 2% 0%;} .abt_btn {padding-top: 5%;} .abt_btn button {background: #282760;color: #ffb607;text-transform: uppercase;font-size: 12px;font-weight: bold;padding: 10px 35px;border-radius: 30px;} .abt_btn button:hover,.abt_btn button:focus,.abt_btn button:active,.abt_btn button:active:focus {color: #282760;background: #ffb607;transition: .2s;outline: none;} .course_container .col-sm-6 {padding: 0 !important;display: flex;} .course_left {display: flex;background: url('../../uploads/roboleapacademy/course_left.jpg') no-repeat center right;opacity: 1;background-size: cover;} .course_left img {opacity: 0;} .course_right {padding: 7% 5%;background: #282760;color: #fff;} .course_head {font-size: 28px;line-height: 38px;text-transform: uppercase;font-weight: 900;} .course_head span {color: #ffb607;font-size: 38px;} .course_cont {padding: 5%;font-size: 19px;line-height: 35px;font-weight: 700;} .course_list ul li {padding: 1%;} .course_container {display: flex;} .course_list ul {list-style: none;} .course_list ul li::before {font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f058";display: inline-block;font-size: 15px;margin-right: 10px;margin-top: -2px;vertical-align: middle;color: #5e5e7f;} .program_container {padding: 3% 0%;} .program_head {font-size: 32px;line-height: 38px;text-transform: uppercase;font-weight: 900;text-align: center;padding: 2% 0%;color: #282760;} .program_block {background: #fbfbfb;padding: 0%;box-shadow: 2px 2px 5px #ddd, -2px 1px 5px #ddd;border: 1px solid #ddd;border-radius: 4px;} .program_cont {padding: 2% 0%;display: flex;} .program_cont .img-thumbnail {border: none;} .program_cont .col-sm-3 {display: flex;} .program_chead {text-transform: uppercase;font-weight: 900;color: #282760;text-align: center;} .program_caption {padding: 5% 0%;text-align: center;} .program_chead span {width: 100%;float: left;} .program_chead img {display: inline-flex;} .program_caption_cont {padding: 4% 2%;} .program_caption_cont {padding: 4% 2%;min-height: 100px;overflow: hidden;} .program_cbtn button {border: none;background: #ffb607;border-radius: 0;padding: 7px 20px;text-transform: uppercase;font-size: 12px;font-weight: 900;} .program_cbtn button:hover,.program_cbtn button:focus,.program_cbtn button:active,.program_cbtn button:active:focus {border: none;background: #ffb607;} .photo_container {background: url(../../uploads/roboleapacademy/photogallery-bg.jpg);} .photo_head {text-align: center;font-size: 30px;text-transform: uppercase;font-weight: 900;color: #282760;line-height: 35px;padding: 1% 0%;} .photo_gallery .owl-nav {display: none !important;} .photo_gallery .owl-dots {padding: 2% 0%;} .video_container {background: url(../../uploads/roboleapacademy/testimonials_bg.png) no-repeat right;padding: 10% 0%;background-size: contain;} .video_head {font-size: 30px;text-transform: uppercase;font-weight: 900;color: #282760;line-height: 35px;padding: 5% 0%;} .video_img .right span {position: absolute;right: 0;background: #282760;color: #fff;padding: 7px 14px;border-radius: 0px 100px 100px 0px;top: 100%;} .video_img .left span {position: absolute;right: 7%;background: #282760;color: #fff;padding: 7px 14px;border-radius: 100px 0px 0px 100px;top: 100%;} .video_img img {padding: 2% 0%;} .testimonial_container {position: absolute;left: 18%;top: 60px;padding-left: 15%;padding-right: 3%;text-align: center;} .testimonial_head {font-size: 30px;line-height: 25px;text-transform: uppercase;font-weight: 900;color: #282760;} .testimonial_head span {font-size: 15px;color: #fff;} .testimonial_block {padding: 5% 0%;} .testimonial_img {display: none;} .testimonial_name {color: #282760;font-size: 17px;font-weight: 900;text-transform: uppercase;padding: 3% 0%;} .testimonial_name i {position: absolute;left: 5%;font-size: 30px;margin-top: -10px;color: #fff;} .testimonial_cont {color: #fff;font-weight: 600;line-height: 20px;padding-bottom: 12%;padding-right: 10%;padding-left: 10%;} .testimonial_cont i {position: absolute;right: 5%;font-size: 30px;margin-top: 30px;color: #fff;} .carousel-indicators .active {width: 8px;height: 8px;margin: 1px;background-color: #282760;border: 1px solid #282760;} .carousel-indicators li {width: 8px;height: 8px;background-color: #fff;} .footer_container {background: #282760;color: #fff;padding: 5% 0% 3% 0%;} .get_in {text-align: center;padding: 2% 0%;} .footer_head {font-size: 30px;font-weight: 900;color: #ffb607;text-transform: uppercase;line-height: 40px;} .footer_address {font-size: 16px;font-weight: 700;letter-spacing: .5px;line-height: 25px;} .footer_phone img {display: inline-flex;} .footer_mail img {display: inline-flex;} .footer_phone {display: inline-flex;} .footer_mail {display: inline-flex;} .footer_contact {font-size: 18px;line-height: 25px;letter-spacing: 4px;font-weight: 700;} .footer_head_block {padding: 1% 0%;border-bottom: 1px solid #5e5e7f;text-transform: uppercase;font-weight: 700;} .quick_link {width: 60%;margin: auto;display: table;float: none;} .qlink_head {width: 70%;margin: auto;display: table;float: none;} .footer_link {padding: 1% 0%;line-height: 30px;} .footer_bottom_right {text-align: right;} .bottom_link li {display: inline-flex;} .qlink_list ul {list-style: none;} .qlink_list ul li::before {font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f111";display: inline-block;font-size: 10px;margin-right: 10px;margin-top: -2px;vertical-align: middle;color: #5e5e7f;} .footer_bottom.flt {background: #282760;color: #fff;line-height: 40px;} .copyright.flt {border-top: 1px solid #5e5e7f;padding: 2% 0%;} .carousel a {float: right;} .video_img a {background-color: #282760;float: right;margin: 2px;padding: 1px 14px;} .carousel a i {color: #fff !important;} @media (min-width:320px) and (max-width:479px){.header_top_left {width: 100%;float: left;text-align: center;} .header_top_left {width: 100%;float: left;text-align: center;} .workshops_text {line-height: 20px;} .course_container .col-sm-6 {float: left;width: 100%;display: block;} .carousel-indicators li {background-color: #c3b7b7;} .course_container {display: block;} .header_top_right {width: 100%;float: left;text-align: center;} .glyphicon.glyphicon-chevron-left {display: none;} .glyphicon.glyphicon-chevron-right {display: none;} .navbar-toggle{background-color: #282760;} .navbar-toggle .icon-bar {background-color: white;} .logo_cont {width: 100%;} .menuH_container {width: 100%;} .dropdown-menu {text-align: center;} .nav > li, .nav > li > a {text-align: center;} .nav.navbar-nav {width: 100%;float: left;} .workshops_text {font-size: 14px;} .abt_head span {font-size: 23px;} .abt_cont_bold {font-size: 16px;} .abt_cont_light {font-size: 16px;} .abt_btn button {font-size: 10px;} .course_list ul li {font-size: 17px;} .course_head span {padding-right: 20px;font-size: 23px;} .program_cont {padding: 2% 0%;display: block;} .testimonial_container {position: absolute;left:0;top: 60px;padding-left:0;padding-right:0;text-align: center;} .testimonial_name {font-size: 15px;padding: 1% 0%;} .testimonial_cont {line-height:0;} .testimonial_head {font-size: 22px;} .video_container {padding: 0% 0%;} .testimonial_container {position: relative;left: 0;top: 0px;padding-left: 0;padding-right: 0;text-align: center;} .video_container {background: none;} .testimonial_name i {position: absolute;left: 2%;font-size: 27px;margin-top: -10px;color: #fff;} .testimonial_cont {color: black;font-weight: 600;line-height: 20px;padding-bottom: 12%;padding-right: 10%;padding-left: 10%;} .img-thumbnail {width: 100%;} .footer_head {font-size: 25px;} .footer_address {font-size: 14px;} .footer_contact {font-size: 16px;} .footer_head_block {text-align: center;} .footer_link {text-align: center;} .copyright.flt {text-align: center;} .footer_bottom_right {text-align: center;} .navbar-nav {margin: 0px;} .qlink_list ul li::before {display: none;} .event_text {font-size: 16px;padding: 5% 20% 5% 5%;} .menuH .nav > li > a {line-height: 20px;}} @media (min-width:480px) and (max-width:639px){.header_top_left {width: 100%;float: left;text-align: center;} .navbar-nav {margin: 0px;} .header_top_left {width: 100%;float: left;text-align: center;} .course_container .col-sm-6 {float: left;width: 100%;display: block;} .course_container {display: block;} .header_top_right {width: 100%;float: left;text-align: center;} .navbar-toggle{background-color: #282760;} .navbar-toggle .icon-bar {background-color: white;} .logo_cont {width: 100%;} .menuH_container {width: 100%;} .dropdown-menu {text-align: center;} .nav > li, .nav > li > a {text-align: center;} .glyphicon.glyphicon-chevron-left {display: none;} .glyphicon.glyphicon-chevron-right {display: none;} .carousel-indicators li {background-color: #c3b7b7;} .nav.navbar-nav {width: 100%;float: left;} .program_cont .col-sm-3 {display: block;float: left;width: 50%;} .program_cont {display: block;} .program_block {margin-top: 7%;} .video_container {background: none;} .testimonial_container {position: relative;left: 0;top: 0;padding-left: 0;padding-right: 0;text-align: center;} .testimonial_cont {color: black;} .footer_head_block {text-align: center;} .footer_link {text-align: center;} .copyright.flt {text-align: center;} .footer_bottom_right {text-align: center;} .abt_right img {width: 100%;} .qlink_list ul li::before {display: none;} .menuH .nav > li > a {line-height: 20px;}} @media (min-width:640px) and (max-width:767px){.header_top_left {width: 100%;float: left;text-align: center;} .header_top_left {width: 100%;float: left;text-align: center;} .navbar-nav {margin: 0px;} .carousel-indicators li {background-color: #c3b7b7;} .abt_btn {padding-top: 0%;} .glyphicon.glyphicon-chevron-left {display: none;} .glyphicon.glyphicon-chevron-right {display: none;} .header_top_right {width: 100%;float: left;text-align: center;} .navbar-toggle{background-color: #282760;} .navbar-toggle .icon-bar {background-color: white;} .logo_cont {width: 100%;} .menuH_container {width: 100%;} .dropdown-menu {text-align: center;} .nav > li, .nav > li > a {text-align: center;} .course_container .col-sm-6 {float: left;width: 100%;display: block;} .course_container {display: block;} .nav.navbar-nav {width: 100%;float: left;} .program_cont .col-sm-3 {display: block;float: left;width: 50%;} .program_cont {display: block;} .program_block {margin-top: 7%;} .video_container {background: none;} .testimonial_container {position: relative;left: 0;top: 0;padding-left: 0;padding-right: 0;text-align: center;} .testimonial_cont {color: black;} .footer_head_block {text-align: center;} .footer_link {text-align: center;} .copyright.flt {text-align: center;} .footer_bottom_right {text-align: center;} .abt_right img {width: 100%;} .qlink_list ul li::before {display: none;} .menuH .nav > li > a {line-height: 13px;} .qlink_list ul li {float: left;width: 33.33%;text-align: left;} .footer_link {padding: 1% 0%;line-height: 30px;} .quick_link {width: 100%;margin: auto;display: table;float: none;} .video_container {padding: 0% 0%;}} @media (min-width:768px) and (max-width:1200px){.menuH_container {width: 100%;} .testimonial_name i {left: 0%;} .testimonial_container {left: 9%;} .footer_head {font-size: 27px;} .menuH_container {width: 70%;} .carousel-indicators li {background-color: #c3b7b7;} .logo_cont {width: 30%;} .glyphicon.glyphicon-chevron-left {display: none;} .glyphicon.glyphicon-chevron-right {display: none;} .course_container .col-sm-6 {float: left;width: 100%;display: block;} .course_container {display: block;} .menuH .nav > li > a {font-size: 11px;line-height: 10px;} .nav > li > a {padding: 10px 5px;}} img{border:0px;padding:0px;}p {margin: 0px 0px 3px 0px;padding: 0px 0px 0px 0px;}a.footline{color: #808080;text-decoration: none;font-size:11px;color: #808080;} a.footline:hover{color: #808080;text-decoration: underline;font-size:11px;color: #808080;}